/* CSS Document by MCdesign Webstudio */
*{margin:0; padding:0}
.clear {clear:both}
.center {text-align:center}

body {margin:0;padding:0;background:url(../images/bodybg.jpg); background-attachment:fixed;font-family:Geneva, Arial, Helvetica, sans-serif;font-size:12px;color:#333333}

.link {color:#6b4c0d; text-decoration:underline}

#wrapper { width:960px; height:auto; margin:0px auto; background: url(../images/wrapperbg.png) repeat-y}

#header { width:890px; height:280px; margin:0px auto; background: url(../images/headerbg.jpg);}
.logo { width:167px; height:215px; float:left; display:block; margin:22px 0 0 36px}
#slideshow { position: relative; display: block; width: 650px; height: 280px; overflow: hidden; float:right } 
#slideshow br { display: none; }

#flags { width:50px; height:18px; float:left; display:block; margin:25px 0 0 97px; text-align:center }
#flags img { border:0px}

#menu { width:890px; height:25px; margin:0px auto; background:url(../images/menubg.jpg) no-repeat; padding-top:10px}
#menu ul {list-style-type:none}
#menu ul li { display:inline;}
#menu ul li a { color:#ffffff; font-size:12px; font-weight:bold; padding:0px 11px 0px 11px; text-decoration:none;}
#menu ul li a:hover { color:#000000}

#en-menu { width:890px; height:25px; margin:0px auto; background:url(../images/en-menubg.jpg) no-repeat; padding-top:10px}
#en-menu ul {list-style-type:none}
#en-menu ul li { display:inline;}
#en-menu ul li a { color:#ffffff; font-size:12px; font-weight:bold; padding:0px 8px 0px 7px; text-decoration:none;}
#en-menu ul li a:hover { color:#000000}

#topbanner { width:593px; height:150px; float:left; margin-bottom:20px}
#topbanner img { border:0px}

#content { width:593px; height:auto; float:right; border-left:#CCCCCC 1px solid; padding:5px 65px 5px 25px; margin:5px 0 10px 0}
#content p { text-align:justify; line-height:18px; font-size:13px; margin-bottom:10px}
#content h1 { font-size:16px; color:#6b4c0d; margin:14px 0 18px 0}
#content h2 { font-size:14px; color:#660000; margin:15px 0 5px 0}
#content h3 { font-size:14px; color:#6b4c0d; margin:15px 0 8px 0}
#content h6 { font-size:14px; color:#660000; margin:20px 0 15px 0}

.sluzby { margin:22px 0 15px 25px; line-height:25px; font-size:14px; font-weight:bold; color:#666666}

.cennik-container { width:593px; height:auto; float:left; border:#6b4c0d 1px solid; margin-top:8px; font-size:11px; margin-bottom:10px}
.cennik td { padding:4px 5px}
.headtr { background:#6b4c0d; color:#FFFFFF; text-align:center; font-weight:bold}
.graytd { background:#dadada;}
.gray2td { background:#bfbfbf;}

.room { width:563px; height:auto; background:url(../images/roombg.jpg) repeat-x top; padding:15px; margin-top:15px}
.room h3 {font-size:14px; color:#6b4c0d; margin:0 0 10px 0; background:url(../images/arrow.png) no-repeat left; padding-left:22px}
.room ul { margin-left:30px; line-height:18px; margin-bottom:12px}
.gallery { width:270px; height:auto; float:right; text-align:right}
.gallery img { border:#6b4c0d 1px solid; padding:2px}

.balicky { width:593px; height:auto; background:url(../images/balickybg.jpg) repeat-x top; padding:10px; margin-top:15px}
.balicky img { border:#6b4c0d 1px solid; padding:2px}
.balicky a { color:#6b4c0d;}
.balicky h5 {color:#6b4c0d; font-size:13px; margin-top:5px; margin-bottom:8px}
.td1 { padding-left:10px}

.aktivity { margin:0px 0 15px 25px; line-height:18px; font-style: italic}
.mapa_chopok { border:#cccccc 1px solid; padding:2px; margin-top:8px}

#leftcol { width:215px; height:auto; float:left; margin:10px 0px 15px 50px;}
#leftcol h1 { color:#ffffff; font-size:12px; font-weight:bold; margin:8px 0 15px 0; background:url(../images/leftcoltitle.jpg) no-repeat; padding:8px 0 7px 5px}

#news-container { width:212px; height:auto; float:left; margin-bottom:10px}
.news { width:212px; height:auto; float:left; margin-bottom:12px}
.news img { float:left; margin-right:5px; border:#d9d9d9 1px solid; padding:1px}
.news img:hover {border:#6b4c0d 1px solid;}
.news p { font-size:11px;}
.news h2 { font-size:12px; color:#6b4c0d; padding:0; margin:0 0 5px 0;}
.news a {color:#6b4c0d; text-decoration:none}
.news a:hover {color:#6b4c0d; text-decoration:underline}

#contact-container { width:212px; height:auto; float:left; margin:5px 0 10px 0; background:url(../images/contact-left-bg.jpg) no-repeat top}
#contact-container p { margin:0px 0px 2px 25px; color:#6b4c0d}
#contact-container h2 { font-size:14px; color:#660000; margin:-3px 0 6px 25px}
#contact-container a { color:#666666}
#contact-container a:hover { color:#000000; text-decoration:none}

.separator {text-align:center; margin:18px 0 18px 0}
.separator-left {text-align:center; margin:10px 0 18px 0}
.space { width:100%; height:1px;}

.brozura { border:0px; margin-left:20px}

#slogan { float:left; margin:5px 0 0 7px}

#hodnotenie { float:left; margin:10px 0 12px 0; background:url(../images/hodnotenie.png) no-repeat top; width:212px; height:276px}
#en-hodnotenie { float:left; margin:10px 0 12px 0; background:url(../images/en-hodnotenie.png) no-repeat top; width:212px; height:276px}

.right_img { float:right; margin:5px 5px 5px 12px; border:#d9d9d9 1px solid; padding:2px}
.right_img:hover { border:#6b4c0d 1px solid;}

#bottom { width:960px; height:80px; margin:0px auto; background: url(../images/bottombg.png) no-repeat}

#footer {width:871px;height:60px;float:left;margin:0px 0px 0px 35px;background:url(../images/footerbg.jpg) no-repeat top;padding:15px 0 0 20px; color:#999999}
#footer a { color:#FFFFFF}
#footer a:hover { color:#FFFFFF; text-decoration:none}

#author { text-align:right; margin:9px 12px 0 0; font-size:10px}
#author a { color:#7c4d4d; text-decoration:none}
#author a:hover { color:#cccccc; text-decoration:underline}

/*---okolie_menu---*/

.ddoverlap ul {padding: 0;margin: 0; font-size:11px; font-weight:bold;list-style-type: none;}

.ddoverlap li{display: inline;margin: 0;}

.ddoverlap li a {padding: 5px 7px;text-decoration: none;padding-right: 31px; /*extra right padding to account for curved right edge of tab image*/color: #C39C4E;background: transparent url(../images/righttabdefault.gif) 100% 1px no-repeat; /*give illusion of shifting 1px down vertically*/border-left: 1px solid #dbdbd5;position: relative;display: block;float: left;margin-left: -20px; /*shift tabs 20px to the left so they overlap*/left:20px;}

.ddoverlap li a:hover{text-decoration: underline;color:#6b4c0d;}

.ddoverlap li.selected2 a{ /*selected tab style*/color:#6b4c0d;z-index: 100; /*higher z-index so selected tab is topmost*/top: 1px; /*Shift tab 1px down so the border beneath it is covered*/background: transparent url(../images/righttabselected.gif) 100% 0 no-repeat;}

.ddoverlap li.selected2 a:hover{text-decoration: none;}

/*-----online_request-----*/

.form5 { width:130px; font-size:11px; padding:3px 3px; margin-top:5px; border:#CCCCCC 1px solid}
.form6 { width:138px; font-size:11px; padding:3px 3px; margin-top:5px; border:#CCCCCC 1px solid}
textarea { width:130px; height:80px; font-size:11px; padding:3px 3px; margin-top:5px; border:#CCCCCC 1px solid}
.button { width:80px; padding:3px 6px; border:#6b4c0d 1px solid}

.odoslane { width:575px; height: auto; background: #009900; color:#FFFFFF; font-weight:bold; padding:5px 0 5px 10px; margin:14px 0 20px 0; font-size:14px}

.cennik_balika {margin-top:20px; font-size:13px; margin-bottom:15px; border:#cccccc 1px solid}
.cennik_balika td { padding:5px 5px;}
.td-cen1 { background:#bdbdbd}
.td-cen2 { background:#dadada}
.cena { background: #FFFF99; color:#660000; font-weight:bold; font-size:12px}

.info {color:#6b4c0d; font-weight:bold;}

/*-----lyziarska skola cennik-----*/

.snowschool { border:#CCCCCC 1px solid; padding:1px}
.snowschool td, .snowschool th { padding:3px 7px}
.head-snow { background:#6b4c0d; font-weight:bold; color:#FFFFFF}
.row1-snow { background:#cccccc;}
.row2-snow { background:#999999;}