html {margin:0px; padding:0px; height:100%;}
body {width:100%; height:100%; position:relative;  text-align:center;margin:0px; padding:0px;font-family: Arial,Helvetica,Tahoma, sans serif;font-size:12px;color:#ffffff;background: #2B2B2B ; float:left;  }

a{ text-decoration:underline; color:#ffffff;}
a:hover{ text-decoration:none;}
a img{ border:0px;}

img{vertical-align:middle;}

h1 {margin:0 0 5px 0; padding:0px 0px 10px 0px; border-bottom: 1px solid white }

h2,h3 {margin:0px; padding:0px 0px 10px 0px;}

 
form,p, table{ margin:0px; padding:0px;}
table tr td{vertical-align:top; border-spacing:0px; font-size:12px;}
input,select,textarea {vertical-align:middle; font-size:100%; padding:3px 5px; background:#E6E6E6; border:1px solid black;}

table.center{margin:0px auto; text-align:left;}

.f-left{float:left;}
.f-right{float:right;}
.full-width{width:100%;}
.center{text-align:center;}
.align-right{text-align:right;}
.align-left{text-align:left;}
.align-middle{vertical-align:middle}
.top_odsazeni {margin-top:10px;}
.half_width {width:50%;}
.underline {text-decoration:underline;}
.clear {clear: both;height: 1px;font-size: 1px;line-height: .5;} 
.clear.line{background: url("../img/dot_line.gif") repeat-x; height:2px;} 
.italic {font-style:italic} 
.strong {font-weight:bold; color:#000000;} 

.inp-text{border:1px solid #ACADAF; background:#ffffff; line-height:12px; padding:2px 5px;}

.button {padding:0px 6px 0px 0px; margin:0px 0px;background: url("../img/button_right.gif") no-repeat right 0px;  color:#ffffff; font-size:10px; font-weight:bold; text-decoration:none; cursor:pointer;}
.button span,.button button,.button input{float:left;line-height:25px; padding:0px 0px 0px 6px; margin:0px; background: url("../img/button_left.gif") no-repeat; }
span.button button,span.button input{border:0px; font-size:11px; cursor:pointer; height:25px; font-weight:bold;  color:#ffffff}

.flash{position:relative; z-index:0;}
 
.cols,
.colx-full{float:left; width:100%; padding:0px 0px 30px 0px; overflow:hidden;}
.cols .col2x-left{float:left; width:48%; }
.cols .col2x-right{float:right; width:48%; }

#background{width:100%; position:fixed; left:0; top:0; width:100%}  
#center{ max-width:956px; margin:0px auto; padding:0 15px; }
#layout{ float:left; max-width:956px; text-align:left;  position: relative; padding-bottom:46px; }

#layout #header{ float:left; width:100%;  position:relative;  height: 190px; margin-bottom:12px;  }
#layout #header #logo{ position:absolute; left:-20px; top:0px;color:#ffffff; font-size:30px; font-weight:bold;  text-align:center; text-decoration:none; z-index:1000; }
#layout #header #slider{ position:absolute; text-align: right; left:355px; height:72px; overflow:hidden;top:93px; background: url(../img/header_bg.png); width:600px; margin:0px; padding:0px; }
#layout #header #slider li{ padding:0px}
#layout #header #slider li .inside{ padding:10px 20px; line-height:24px; color:#121210; font-size:15px; font-weight:bold;}
#layout #header #slider li .inside h4{ padding:0px; margin:0px; color:#8d0f1b; font-size:18px;}

#layout #main{ float:left; width:100%; color:#ffffff; background: url("../img/main-trans.png"); -moz-box-shadow: 0 0 10px #090909; -webkit-box-shadow: 0 0 10px #090909; box-shadow: 0 0 10px #090909;}
#layout #main p{ padding-bottom:1em; }

#layout #main .aside{float:right; width:232px; margin-left:5px; }
#layout #main .aside.double{float:left; width:469px; margin-left:250px; }
#layout #main .aside.double img{max-width:100%; height:auto!important; width:100%!important}
#layout #main .aside h3{line-height:35px; background: url("../img/menu_bg-trans2.png") repeat-x; padding:0px 0px 0px 20px; color:#ffffff; font-size:21px; font-weight:normal; }
#layout #main .aside h3.big{line-height:52px!important; }
#layout #main .aside h3 a{text-decoration:none; }
#layout #main .aside h3 a:hover{text-decoration:underline; }
#layout #main .aside .box{overflow:hidden; padding:15px 20px; margin-bottom:5px;  background: url("../img/aside-trans.png");}
#layout #main .aside .box h3{padding:0px; background:transparent; font-size:18px;}
#layout #main .aside .box h2{font-size:16px;}
#layout #main .aside .box.no-padding{padding:0px;}
#layout #main .aside .box.no-padding.half{padding:0px;height:135px;}
#layout #main .aside .box.no-bg{ background:transparent;}
#layout #main .aside .box.full{ overflow:hidden;}
#layout #main .aside .box.half{height:104px; overflow:hidden;}

#layout #main .aside .box ul{margin:0px; padding:0px;}
#layout #main .aside .box ul li{ list-style-type:none; background: url("../img/list-trans.png") no-repeat left 2px; margin:0px; padding:0px 0px 0px 13px;}
#layout #main .aside .box ul li a{color:#ffffff; text-decoration:none;}
#layout #main .aside .box ul li a:hover{text-decoration:underline;}

#layout #main .aside .box .predpoved{  border-spacing:0px; position:relative; margin:0px  0px 20px -10px; width:215px;}
#layout #main .aside .box .predpoved td {text-align:center;}
#layout #main .aside .box .predpoved td strong{display:block; font-size:13px; font-weight:normal;}
#layout #main .aside .box .predpoved tr td #temp{ font-size:30px;  display:block; padding-top:8px;width:auto; }
#layout #main .aside .box .predpoved tr td.next{padding:0px 5px; font-size:}
#layout #main .aside .box .predpoved tr td.next #temp{ font-size:14px;  display:inline; padding-top:8px;width:auto;}
#layout #main .aside .box .predpoved tr td #tempnoc{ font-size:15px;  display:block; padding-top:14px;width:auto;}
#layout #main .aside .box .predpoved tr td #tempdalsi{ font-size:20px;  display:block; padding-top:4px;width:auto;}
#layout #main .aside .box .predpoved tr td.next #tempnoc{ font-size:10px;  display:inline; padding-top:14px; width:auto; position:relative; top:-5px;}
#layout #main .aside .box .predpoved tr td div{white-space:nowrap; }
#layout #main .aside .box .predpoved tr td img{clear:both; padding:2px 0px;}
#layout #main .aside .box .predpoved tr td.align-left{text-align:left;}

#layout #main .aside .box .predpoved tr.nadpis td{padding-top:5px;} 
#layout #main .aside .box .predpoved tr.nadpis.dnes td{font-weight:normal; font-size:20px;padding-top:0px; } 
#layout #main .aside .box .predpoved tr.dnes_predp td{padding-bottom:5px; } 
 
#layout #main .aside.menu{float:left; width:245px; background: transparent; margin-left:-719px;  }
#layout #main .aside.menu ul{float:left;margin:0px 0 0 0; padding:0px; width:100%;  z-index:10000;}
#layout #main .aside.menu ul li{position:relative; -webkit-box-shadow: 0 0 10px #090909; box-shadow: 0 0 10px #090909;float:left;margin:0px; padding:0px; list-style-type:none; display:block;width:100%; margin-bottom:5px; }
#layout #main .aside.menu ul li a{float:left; position:relative; width:184px; height:45px; padding-top:8px; padding-left:61px; color:#ffffff; font-size:21px; line-height:21px; text-decoration:none;  background: url("../img/menu_bg-trans.png") no-repeat; }
#layout #main .aside.menu ul li a.no-describe{height:53px; line-height:53px; padding-top:0px; }
#layout #main .aside.menu ul li a .image{position:absolute; left:0px; top:0px; height:53px; width:60px; line-height:53px; text-align:center;}
#layout #main .aside.menu ul li a .describe{display:block; font-size:12px; color:#cccccc;  line-height:12px; padding-left:1px;}
#layout #main .aside.menu ul li:hover a{background: url("../img/menu_h.gif") no-repeat; }
#layout #main .aside.menu ul li a.aktiv{background: url("../img/menu_h.gif") no-repeat; }
#layout #main .aside.menu ul li ul {background:#790100;}
#layout #main .aside.menu ul li ul li{-webkit-box-shadow: none; box-shadow: none; margin:0px; }
#layout #main .aside.menu ul li:hover ul li a,
#layout #main .aside.menu ul li ul li a{background: url("../img/list-trans.png") no-repeat 48px 10px; font-size:14px; line-height:20px; height:auto; padding:5px 0px 5px 61px; float:left;  color:#E4E4E4;}
#layout #main .aside.menu ul li ul li a.aktiv{background: url("../img/list-trans.png") no-repeat 48px 10px; font-weight:bold; color:#ffffff; }
#layout #main .aside.menu ul li ul li a:hover{text-decoration:underline; background:url("../img/list-trans.png") no-repeat 48px 10px; color:#ffffff;}
#layout #main .aside.menu ul li ul li a.aktiv:hover{text-decoration:underline; background: url("../img/list-trans.png") no-repeat 48px 10px; }
#layout #main .aside.menu ul li ul li ul{ background:#5A0905; padding:5px 0px; }
#layout #main .aside.menu ul li:hover ul li ul li a{ background:none; font-size:12px; padding-top:2px; padding-bottom:2px;}
#layout #main .aside.menu ul li ul li ul li a{ background:none; font-size:12px; padding-top:2px; padding-bottom:2px;}
#layout #main .aside.menu ul li ul li ul li a:hover{ background:none;}
#layout #main .aside.menu ul li ul li ul li a.aktiv{ background:none;  text-decoration:underline;}
#layout #main .aside.menu ul li ul li ul li a.aktiv:hover{ background:none;}

#layout #main .aside.menu ul li ul.popup{ display:none; }
#layout #main .aside.menu ul li:hover ul.popup{ position:absolute; left:240px; top:-10px;  display:block; padding-left:10px; background: url("../img/men_h.gif") repeat-x left 10px; }
#layout #main .aside.menu ul li:hover ul.popup li{background:#790100; }

#layout #main #content{background: #000000 ; color:#ffffff; line-height:18px;margin-left:250px; float:left; width:429px; padding:15px 20px;  margin-bottom:5px; min-height:313px;  -webkit-box-shadow: 0 0 10px #090909; box-shadow: 0 0 10px #090909;}
#layout #main #content h1{font-size:24px; line-height:27px; font-weight:normal; }
#layout #main #content h2{font-size:18px; font-weight:bold;  padding-top:10px;}
#layout #main #content p{padding-bottom:1em; line-height:18px; color:#ffffff;}
#layout #main #content iframe{width:100%!important; height:auto!important}
#layout #main #content object{width:100%!important; height:auto!important}
#layout #main #content embed{width:100%!important; height:auto!important}

#layout #main #content .bezky {width:100%; border-spacing:0; margin:20px 0 30px 0}
#layout #main #content .bezky  tr th{text-align:center; border-bottom:1px solid #ffffff;}
#layout #main #content .bezky  tr th:first-child{text-align:left;}
#layout #main #content .bezky tr td{padding:3px 0 0 15px;}
#layout #main #content .bezky tr td:first-child{padding-left:0;}

#layout #main #content .magistrala{margin-top:5px;display:block;}




#layout #main #bottom{float:left; width:100%; position:relative; padding:20px 0px;  background: url("../img/main-trans.png"); height:100px;}
#layout #main #bottom ul{float:left;  margin:0px 0px 0px 20px; padding:0px;}
#layout #main #bottom ul li{list-style-type:none;float:left; padding-right:30px;}
#layout #main #bottom ul li a{clear:both; text-decoration:none; font-size:17px; color:#CACBCA; font-weight:bold;}
#layout #main #bottom ul li a:hover{ text-decoration:underline;}
#layout #main #bottom ul li ul{float:none; padding-top:1em; margin:0px;}
#layout #main #bottom ul li ul li{float:none;}
#layout #main #bottom ul li ul li a{font-size:12px; font-weight:normal;}

#layout #main #bottom .copyright{float:right; margin-right:20px; text-align:right; font-size:11px; width:300px; color:#979998;}
#layout #main #bottom .copyright img{padding-left:10px; padding-top:2px; float:right;}


#footer_map{position:absolute; right:237px; top:3px;}

.footer-banner{position:absolute; right:490px; top:10px;}
.footer-banner a{display:inline-block; margin-bottom:5px;}

#footer_skiresort{position:absolute; right:490px; top:10px;}
#footer_booksitour{position:absolute; right:490px; top:50px;}
#footer_iski{position:absolute; right:490px; top:95px;}

#footer{position:fixed; left:0px; bottom:0px;width:100%; z-index:10000; color:#abadad; box-sizing:border-box; padding:0 15px;}
#footer .container{max-width:956px;  margin:0px auto;  }
#footer .container .inside{float:left; width:100%;background:#000000;height:46px; line-height:46px;}
#footer .container .inside ul{float:right;margin:0px 15px 0px 0px; padding:0px; font-weight:bold;}
#footer .container .inside ul li{margin:0px;  padding:0px; list-style-type:none; float:left;}
#footer .container .inside ul li a{color:#abadad; padding:0px 10px;text-decoration:none;}
#footer .container .inside ul li a.aktiv,
#footer .container .inside ul li a:hover{color:#ffffff; }

#footer .container .inside form{line-height:18px; display:block; margin:0px auto; padding-top:12px;}

#footer .container .inside .socials{float:left; padding-left:20px;display:block; line-height:20px; padding-top:12px;  }
#footer .container .inside .socials a{float:left; margin-right:10px;  }
#footer .container .inside .search{width:79px; height:19px; background:#D9D9D9 url("../img/search.gif") no-repeat; border:0px; padding:0px 5px 0px 20px;  font-size:11px;}

.fullBg {
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
}
 
#maincontent {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 50;
}

object{z-index:2000!important; position:relative!important; }

.clanek  {padding:0px 0px 20px 0px; border-bottom:1px solid #63BBDB; margin-bottom:20px;}
.clanek:last-child  { border-bottom:0px;}
.clanek h2 {padding:0px 0px 5px 0px; margin:0px; font-size:19px;}
.clanek p { font-size:12px;}
.clanek h2 a{ color:#AE2C38;}
.clanek h2 .date{float:right; color:#ffffff; font-size:12px;}

.stav_snehu{font-size:18px;}

#layout .gallery{ margin:0 -7px;}
#layout .gallery .photo{ float:left; width:33.333333%;   box-sizing:border-box; padding:7px; }
#layout .gallery .photo a{ display:block;}
#layout .gallery .photo img{width:100% }



.webcam > .lightbox{position:relative;display:inline-block;text-decoration:none; width:83px;}
.webcam .lightbox span{display:block; font-size:11px; width:100%; background: #790100;line-height:18px;  text-align:center; padding-top:2px;}


.mobile-menu{display:none;  margin-right:0px; position:absolute; right:0px; top:20px;}
.mobile-menu img{width:50px;  padding:0 15px;}

body .sb-slidebar {background: #000000; text-align:left;} 
body .sb-slidebar .title{display:block; font-size:23px; text-align:center; color:#ffffff; padding:15px 0;  font-family:'Arial', sans-serif; } 
body .sb-slidebar ul{margin:0; padding:0; list-style: none; border-top:1px solid #242424 ;} 
body .sb-slidebar ul li{border-bottom:1px solid #242424 ;  } 
body .sb-slidebar ul li a{line-height:40px; padding:0 20px; color:#ffffff; text-decoration: none; display:block; font-size:15px;} 
body .sb-slidebar ul li a:hover{background:#790100} 
body .sb-slidebar ul li a img{display:none;} 
body .sb-slidebar ul li ul{padding-left:30px; display:none; border-bottom:1px solid  #242424;} 
body .sb-slidebar ul li ul li:first-child{border-top:0;} 
body .sb-slidebar ul li ul li:last-child{border-bottom:0;} 
body .sb-slidebar ul li ul li a{padding-left:10px; text-transform:lowercase} 
body .sb-slidebar h4{font-size:32px; color:#ffffff;font-family: 'Arial', sans-serif;padding:15px 15px 15px 20px ; margin:0 } 
body .sb-slidebar h4 img{float:right; height:32px; margin-top:3px;} 
body .sb-slidebar h4 .close{cursor:pointer;} 
body .sb-slidebar .describe{display:none} 

#sb-site{overflow:hidden; min-height:100%;}


@media only screen and (max-width: 1000px){
	
	#layout .gallery .photo{  width:20%;  }

	
	#layout #main #content{width:100%; box-sizing:border-box; margin:0 0 5px 0; min-height:auto!important}
	#layout #main #content > img{max-width:100%!important; height:auto!important; display:inline-block; width:100%!important}
	#layout #main #content > p  img{max-width:100%!important; height:auto!important; display:inline-block;width:100%!important}
#layout #main .aside.double{width:100%; box-sizing:border-box; margin:0}
#layout #main .aside.double .box{min-height:auto!important}
#layout #main .aside.menu{float:left; width:100%; background: transparent; margin-left:0px;  }
#layout #main .aside.menu ul{display:none}
#layout #main .aside{float:left; width:100%; box-sizing:border-box; margin:0  }

.rhino-container{display:none}

.mobile-menu{display:block; right:-5px  }

#layout #header{  height: 150px; }


#layout #header #logo { left:-10px; }
#layout #header #logo img{ width:250px; }

#footer .container .inside ul li a{ padding:0px 5px;}

#layout #main #bottom{ height:auto;}
#layout #main #bottom ul{float:left; width:100%; text-align:center;}
#layout #main #bottom > ul > li{float:none; display:inline-block; text-align:center;}
#layout #main #bottom > ul > li li{padding-right:0; padding-bottom:3px;}

.footer-banner{position:relative; left:0; top:0; float:left; width:100%; box-sizing:border-box; padding:20px; text-align:center; }
.footer-banner br{display:none; }
#footer_map{display:none;}

#layout #main #bottom .copyright{float:none; margin:0px auto; text-align:center; font-size:11px; width:200px; color:#979998;}

#content table{width:100%!important}

.kontakt {width:100%; }
.kontakt tr td:first-child{width:50px;}
.kontakt .input-text{width:100%!important; box-sizing:border-box;}


}



@media only screen and (max-width: 750px){
	
	#layout .gallery .photo{  width:25%;  }

}


@media only screen and (max-width: 600px){
	
	#layout .gallery .photo{  width:33.333333%;  }

}


@media only screen and (max-width: 450px){
	
	#layout .gallery .photo{  width:50%;  }

}