/* CSS Document */
body{
  
  background: url(../img/page.png) repeat-x ;
  background-attachment: fixed;
}

#page{
  width: 100%;
  height: 1208px;
  margin: 0px;
  margin-top: -10px;
}

#content{
  width:947px;
  margin: 0px auto 0px auto;
}

#top-box{
  width: 100%;
  height: 202px;
  margin: 0;
}              

div.top{
  height: 37px;
}
div.banner{
  height: 165px;
  overflow: hidden;
  
}

div.banner div.cal{
  margin-top: 5px;
  margin-bottom: -2px;
  margin-left: 9px;
  font-size: 7pt;
}

.banner div{
  font-family: sans-serif;
  font-size: 75%;
}
.banner div a{
  font-weight: bold;
}
/*cosidate*/
#top-box-cosidate{
    float: left;
    width: 183px;
    margin: 0;
}
#top-box-cosidate div.top{
  background: url(../img/boxtop-cosidate.png);

}
#top-box-cosidate div.banner{
  width: 100%;
  background: url(../img/box-cosidate.png);
} 
#top-box-cosidate div.banner a{
  color: rgb(95,129,149);
}
#top-box-cosidate div.banner div{
 padding: 5px;
 padding-top: 100px;
}

/*oteviraci doba*/
#top-box-open{
    float: left;
    width: 233px;
    margin: 0;
}
#top-box-open div.top{
  background: url(../img/boxtop-open.png);

}
#top-box-open div.banner{
  width: 100%;
  background: url(../img/box-open.png);
} 
#top-box-open div.banner div h3{
  color: white;
  font-size: 105%;
  margin: 0;
}
#top-box-open div.banner div b{
  color: white;
}
#top-box-open div.banner div{
 padding: 10px;
 padding-top: 5px;
 color: rgb(208,225,127);
 font-size: 70%;
}

/*e-pohlednice*/
#top-box-ecard{
    float: left;
    width: 191px;
    margin: 0;
}
#top-box-ecard div.top{
  background: url(../img/boxtop-ecard.png);

}
#top-box-ecard div.banner{
  width: 100%;
  background: url(../img/box-ecard.png);
} 
#top-box-ecard div.banner div{
 padding: 5px;
 padding-top: 125px;

}
#top-box-ecard div.banner div a{

 color: rgb(129,44,27);
 font-weight: bold;
}
/*ubytovani, zalozeno na kalendari*/
#top-box-calendar{
    float: left;
    width: 199px;
    margin: 0;
}
#top-box-calendar div.top{
  background: url(../img/topbox-ubytovani.jpg);
   
}
#top-box-calendar div.banner{
  width: 100%;
  background: url(../img/box-ubytovani.png);
  font-size: 10pt;
} 
#top-box-calendar div.banner div{
 color: rgb(208,225,127);
 color: #736F71;
 padding: 5px;
 padding-top: 85px;
}
#top-box-calendar div.banner div b{
  color: rgb(123,136,81);
}
#top-box-calendar div.banner div a{
  color: rgb(123,136,81);
  font-weight: bold;
}






/*orychly kontakt*/
#top-box-qcontact{
    float: left;
    width: 141px;
    margin: 0;
}
#top-box-qcontact div.top{
  background: url(../img/boxtop-qcontact.png);

}
#top-box-qcontact div.banner{
  width: 100%;
  background: url(../img/box-qcontact.png);
} 
#top-box-qcontact div.banner div{
 padding: 10px;
 color: white;
 font-size: 75%;
}
#top-box-qcontact div.banner div a{
 color: white;
 font-size: 75%;
 text-decoration: none;
}
#top-box-qcontact div.banner div a:hover{
 color: rgb(208,225,127);
 text-decoration: none;
}
#top-box-qcontact div.banner div div.yellow{
 color: rgb(208,225,127);
 padding: 0;
 font-size: 100%;
 padding-top: 1em;
}


#banner{
  width: 100%;
}
#banner #upper-bar{
  width: 100%;
  height: 40px;
  background: url(../img/bar.png) no-repeat;
}
#banner #upper-bar a img{
  border: 0px;
}

#banner #upper-bar .lang{
  height:40px;
  &height:0px;
  
}

#banner #menu{
  width: 100%;
  height:51px;
  background-image: url(../img/menu.png);
}

#body{
  width: 947px;
  margin: 0;
  background-color: white;
  float: left;
  background: url(../img/text-sides3.png);
}

#body #text{
  float: left;
  width: 728px;
  
  /*background: url(../img/text-sides.png) ;*/
  padding-left: 15px;
  padding-right: 15px;
  &padding-right: 0px;
  padding-bottom: 15px;
  &padding-bottom: 0px;
  text-align: left;
  color: rgb(115,111,113);
  font-size: 10pt;

}

.iemover{
  &margin-left: -3px;
  &display: none;
}
.iehelp{
  &width: 189px;
  &height: 1px;
  &border: 0px solid black;
  &float: left;
}
#body #text td{
  text-align: left;
  color: rgb(115,111,113);
  font-size: 10pt;
}

#body #text #text-head{
  margin-left: -15px;
  width:758px;
  &width:738px;
  height: 10px;
  background: url(../img/text-up.png) no-repeat;
}

#body #rightside{
  width: 189px;
  &width: 189px;
  height: 669px;
  float: right;
  text-align: left;
  font-size: 10pt;

}

#body #rightside .boxnoc{
  
}
#body #rightside .boxnoc .top{
   background: url(../img/topbox-restaurace.png) ;
}     
#body #rightside .boxnoc .banner{
   background: url(../img/box-noc.png) ;
   height: 194px;
   padding-right: 3px;   
}
#body #rightside .boxnoc .banner div{
  padding: 5;
  padding-top: 100px;
  color: rgb(115,111,113);
}
#body #rightside .boxnoc .banner div b{
  color: rgb(123,136,81);
}
#body #rightside .boxnoc .banner div a{
  color: rgb(123,136,81);
  font-weight: bold;
}


#body #rightside .boxzaz{
  
}
#body #rightside .boxzaz .top{
   background: url(../img/boxtop-zaz.png) ;
}     
#body #rightside .boxzaz .banner{
   background: url(../img/box-zaz.png) ;
   height: 191px;
   padding-right: 3px;  
}
#body #rightside .boxzaz .banner div b{
  color: rgb(80,22,16);
}
#body #rightside .boxzaz .banner div a{
  color: rgb(161,62,33);
  font-weight: bold;
}
#body #rightside .boxzaz .banner div{
  padding: 5px;
  padding-top: 93px;
  color: rgb(115,111,113);  
}

#body #rightside .boxakt{
  font-size: 10pt;
  
}
#body #rightside .boxakt .top{
   background: url(../img/boxtop-akt.png) ;
}     
#body #rightside .boxakt .banner{
   background: url(../img/box-akt.png) ;
   height: 174px;
   padding-right: 3px;  
   text-align: left;
   
}
#body #rightside .boxakt .banner div{
  color: rgb(115,111,113);   
}
#body #rightside .boxakt .banner div a{
 color: rgb(161,62,33);
 font-weight: bold;  
}
#body #rightside .boxakt .banner div b{
 color: rgb(161,62,33);
}

#body #rightside .boxakt .banner div{
  margin-bottom: 0px;
  color: rgb(115,111,113);   
}
.akt{
  padding-left: 7px;
  padding-top: 3px;
}


/*tlacitka*/

.outer a{
  display: block;
  width: 100%;
  height: 100%;

}

.panorama a{
  background: url(../img/panorama.png) no-repeat ;
}
.panorama a:hover{
  background: url(../img/panorama.png) no-repeat -246px;
}

.outer{
  width: 245px;
  height: 40px;
  display: block; 

}



.uvod a{
  background: url(../img/1_uvod.png) no-repeat ;
}
.uvod a:hover{
  background: url(../img/1_uvod.png) no-repeat -88px;
}
.uvod{
  width:88px;
}
.buttons{

  height: 51px;
  display: block;
  float: left;
}
.buttons a{
  display: block;
  width: 100%;
  height: 100%;
}       

.rozhledna a{
  background: url(../img/2_rozhledna.png) no-repeat ;
}
.rozhledna a:hover{
  background: url(../img/2_rozhledna.png) no-repeat -132px;
}
.rozhledna{
  width: 132px;
}
.pristup a{
  background: url(../img/3_pristup.png) no-repeat ;
}
.pristup a:hover{
  background: url(../img/3_pristup.png) no-repeat -92px;
}
.pristup{
  width: 92px;
}
.historie a{
  background: url(../img/4_historie.png) no-repeat ;
}
.historie a:hover{
  background: url(../img/4_historie.png) no-repeat -109px;
}
.historie{
  width: 109px;
}

.tipy a{
  background: url(../img/5_tipy.png) no-repeat ;
}
.tipy a:hover{
  background: url(../img/5_tipy.png) no-repeat -127px;
}
.tipy{
  width: 127px;
}
.foto a{
  background: url(../img/6_foto.png) no-repeat ;
}
.foto a:hover{
  background: url(../img/6_foto.png) no-repeat -119px;
}
.foto{
  width: 119px;
}
.kontakt a{
  background: url(../img/7_kontakt.png) no-repeat ;
}
.kontakt a:hover{
  background: url(../img/7_kontakt.png) no-repeat -90px;
}
.kontakt{
  width: 90px;
}
 
#submenu{
  width: 100%;
  text-align: left;
  margin-top: 1em;
}
#submenu a{
   color: rgb(115,111,113);
   text-decoration: none;
   font-size: 11pt;   
   font-family: sans-serif;
}
#submenu a:hover{
  font-weight: bold;
  color: rgb(123,136,81);
}
#certificate table th{
  text-align: left;
}
div#gallery table{
  width: 100%;
}
div#gallery table td{
  width: 240px; 
  text-align: center;
}
div#gallery table tr td{
  padding-bottom: 6px;
}

.jidelni a{
  background: url(../img/1_listek.png) no-repeat ;
}
.jidelni a:hover{
  background: url(../img/1_listek.png) no-repeat -137px;
}
.jidelni{
  width: 137px;
  margin-left: -11px;
}
.kalendar a{
  background: url(../img/2_kalendar.png) no-repeat ;
}
.kalendar a:hover{
  background: url(../img/2_kalendar.png) no-repeat -84px;
}
.kalendar{
  width: 84px;
}
.novinky a{
  background: url(../img/3_akt.png) no-repeat ;
}
.novinky a:hover{
  background: url(../img/3_akt.png) no-repeat -104px;
}
.novinky{
  width: 104px;
}
div#central{
  margin-left: 35px;
  margin-right: 15px;
  font-size: 10pt;
}
#central img#title{
  margin-left: -13px;
}
h1{
  font-size: 12pt;
  font-family: 'Arial CE', sans-serif;
  color: rgb(123,136,81);
}
h2{
  font-size: 11pt;
  font-family: 'Arial CE', sans-serif;
  color: rgb(161,62,33);
}
h3{
  font-size: 10pt;
  font-family: 'Arial CE', sans-serif;
  color: rgb(123,136,81);
  margin-bottom: 0px;
}
h4{
  font-family: 'Arial CE', sans-serif;
  font-size: 9pt;
  margin-top: 05px;
  margin-bottom: 0px;
  color: rgb(76,76,76);
}
p{
  margin-top: 0px;
  margin-bottom: 15px;
}

.center{
  text-align: center;
}