body {
  background: #360 url(../images/wall.jpg);
  color:black;
  font-family: Trebuchet MS, Verdana, Arial, sans-serif;
  padding: 0px;
  margin: 0px;
  }

#walltop {
  width: 100%;
  height: 500px;
  padding-top: 20px;
  margin: 0px;  
  background: url(../images/walltop.png) repeat-x;
  }
  
#prepage {
  background: url(../images/uvod1.png);
  }

#logo {
  background: url(../images/slunce.png) no-repeat;
  width: 185px;
  height: 250px;
  margin-left: 50px; margin-top: -10px;
  padding-bottom: 10px;
  display: block;
  } 
  
#doba {
  margin-top: -30px; width: 710px;
  position: absolute; text-align:right; line-height:4em;
  background: url(../images/stara.png) no-repeat right top; 
  } 
  
#date {
  margin-top: -72px; width: 710px;
  position: absolute; text-align: right;
  font-size: 0.8em; line-height:1.1em; 
  } 
  
#bluebo {  
  display: none
  }
   
#doba1 {
  background: url(../images/cedule.png) no-repeat;
  width: 120px;
  height: 100px; padding-right: 4px;
  letter-spacing: -1px; text-align: right;
  font-size: 1.2em; line-height:1.2em; 
  }

#half {
  margin-top: -16px;
  } 
   
#footer {
  margin-left: 60px; margin-top: -70px; width: 640px;
  position: absolute; text-align: left;
  font-size: 0.8em;  
  } 
  
#servis-footer {
  margin-left: 65px; margin-top: 10px; width: 650px;
  position: absolute; text-align: left;
  font-size: 0.8em;  
  }
  
#footer a {
  color: black;
  text-decoration: none;
  }
  
#footer a:hover {
  color: black;
  text-decoration: underline;
  }
 
#footer-name {
  text-align: right;
  font-size: 1em;  
  }
 
#servis-footer a {
  color: white;
  text-decoration: none;
  }
  
#servis-footer a:hover {
  color: white;
  text-decoration: underline;
  }
    
#servis-footer-name {
  text-align: right;
  font-size: 1em;  
  } 

#footer-pod {
  display:none;  
  } 

#main {
  background: url(../images/bg-top.png) no-repeat;
  width: 770px;
  margin-left: auto;
  margin-top: 0px;
  margin-right: auto;
  color: #000;
  padding-top: 89px; padding-bottom: 10px;
  text-align: middle;
  }
  
#main-servis {
  background: url(../images/bg_trans_menu1.png);
  width: 770px; text-align:right;
  margin-left: auto;
  margin-top: 0px;
  margin-right: auto;
  color: #fff;
  padding-top: 40px; padding-bottom: 60px;
  text-align: middle;
  }
  
#main-body {
  background: url(../images/bg-body.png) repeat-y;
  width: 770px;
  margin-left: 2px;
  margin-right: auto;
  padding-bottom: 30px;
  color: #000;
  padding-left: 10px; 
  text-align: middle;
  }
  
#bokem {
  margin-top: 0px; position: absolute;
  width: 765px;text-align: right;
  }

#main-bottom {
  background: url(../images/bg-bottom.png) no-repeat;
  width: 770px;
  margin-left: auto; margin-top: -20px;
  margin-right: auto;
  color: #000;
  padding-top: 90px;
  text-align: middle;
  }

#left {
  float: left;
  width: 220px;
  text-align: right;
  font-family: Informal Roman, Trebuchet MS, Verdana, Arial, sans-serif;
  }
  
li {
  list-style: none;
  padding-bottom: 5px; 
  font-weight: bold;
  line-height:0.9em; 
  font-size: 1.7em; font-style: italic;
  font-family: Monotype Corsiva, Verdana, Arial, sans-serif;
  }  
  
li a:link {
  color: black;
  text-decoration: none;
  font-weight: bold; 
  }
  
li a:visited { 
  color: black;
  text-decoration: none;
  font-weight: bold;
  } 
  
#active {
  color:black;
  background: url(../images/odrazka.png) no-repeat right 6px;  
  text-decoration: underline;
  padding-right:32px;
  border-right: 0px solid black;
  font-weight: bold;
  }
  
#active1 {
  color:black;
  background: url(../images/odrazka.png) no-repeat right 6px;  
  text-decoration: none;
  padding-right:10px;
  border-right: 0px solid black;
  font-weight: bold;
  }

li a:hover {  
  color:black;
  text-decoration: none;
  background: url(../images/odrazka1.png) no-repeat left;
  padding-right: 8px;
  padding-left: 26px;
  font-weight: bold;
  font-size: 1.0em;
  }
  
#aktualni {
  padding-left: 76px;
  padding-top: 20px; padding-bottom: 4px;
  line-height: 0.8em; 
  text-align: right;
  font-family: Trebuchet MS, Verdana, Arial;
  }

#aktualni a {
  font-size: 0.9em; 
  color: black; font-weight: bold;
  text-decoration: none;
  }
 
#aktualni a:hover {
  color: black;
  text-decoration: underline;
  }
  
#right {
  margin-left: 236px; margin-right: 80px; margin-bottom: 20px;
  padding-top: 0px;
  text-align: left;
  border: 0px solid black;
  }
  
#right-servis {
  margin-left: 10px; margin-top: -30px; margin-right: 24px; margin-bottom: 20px;
  padding-top: 20px;  line-height: 0.8em; 
  text-align: left;
  border: 0px solid black;
  }
  
#right-xx {
  margin-left: 236px; margin-right: 16px; margin-bottom: 20px;
  padding-top: 0px;
  text-align: left;
  border: 0px solid black;
  }

#right a:link {
  color: black;
  text-decoration: none;
  }

#right a:hover {
  color: black;
  text-decoration: underline;
  }

#ptop {
  color: black;
  width: 388px;
  line-height:1.4em;
  text-indent: 8px;
  text-align:justify;
  } 

#ptop a {
  color: black;
  text-decoration: none;
  }

#ptop a:hover {
  color: black;
  text-decoration: underline;
  }
  
#vers {
  width: 388px;
  line-height:1.5em;
  text-align:justify;
  font-style: italic;
  padding-left: 20px; padding-top: 10px;
  }

#kontakt {
  width: 320px;
  line-height:1.3em;
  text-align:justify;
  padding-left: 14px; margin-top: -14px;
  }
  
#kontakt a:visited {
  color: black;
  text-decoration: none;
  }
  
#rezervace {
  padding-top: 20px;
  padding-bottom: 20px;
  width: 180px; float: right;
  line-height:1.1em; text-align: right;
  font-size: 0.7em; 
  font-weight: bold;
  font-family: Trebuchet MS, Verdana, Arial, sans-serif;
  }
  
#rezervace a {
  font-weight: bold;
  color:black;
  font-family: Trebuchet MS, Verdana, Arial, sans-serif; 
  text-decoration: none;
  }
  
#pdf {
  background: url(../images/pdf.png) no-repeat right 2px;
  padding-top: 7px; padding-right: 24px; padding-bottom: 20px;
  font-weight: normal;
  color:#111; font-size: 0.9em;
  font-family: Trebuchet MS, Verdana, Arial, sans-serif; 
  text-decoration: none;
  }  
  
#tel-small {
  background: url(../images/tel-small1.png) no-repeat 80px 2px;
  padding-top: 5px; padding-right: 4px; padding-bottom: 20px;
  font-size: 1.2em; line-height:1.1em;
  letter-spacing: -1px;
  }
  
#tel-small-01 a {
  font-size: 0.8em; text-decoration: none;
  }
  
#tel-small-01 a:hover {
  font-size: 0.8em; text-decoration: underline;
  }
  
#fotoalbum {
  width: 320px;
  line-height:1.3em;
  text-align:justify;
  padding-left: 14px; margin-top: -16px;
  }

.odstavec {  
  text-indent: 10px;
  line-height:1.4em;
  text-align:justify;
  }

.odstavec-listek {
  margin-top: -19px;
  line-height:1.3em;
  font-size: 1em;
  font-family: Monotype Corsiva; Trebuchet MS, Verdana, Arial, sans-serif;
  text-align:justify;
  }

.odstavec-listek a {
  padding-left:14px;
  color:black;
  font-family: Monotype Corsiva; Trebuchet MS, Verdana, Arial, sans-serif; 
  text-decoration: none;
  cursor: hand;
  }
  
.odstavec-listek a:hover {
  background: url(../images/odrazka2.png) no-repeat left 4px;
  font-weight: bold;
  } 

.odstavec-listek0 {
  margin-top: 26px;
  line-height:1.3em;
  font-size: 1em;
  font-family: Monotype Corsiva; Trebuchet MS, Verdana, Arial, sans-serif;
  text-align:justify;
  }

.odstavec-listek0 a {
  padding-left:14px;
  color:black;
  font-family: Monotype Corsiva; Trebuchet MS, Verdana, Arial, sans-serif; 
  text-decoration: none;
  cursor: hand;
  }
  
.odstavec-listek0 a:hover {
  background: url(../images/odrazka2.png) no-repeat left 4px;
  font-weight: bold;
  }  

.odstavec-listek1 {
  margin-top:-12px;
  background: url(../images/konvicka.png) no-repeat left top;
  padding-left:24px;
  line-height:1.3em;
  font-size: 1.3em;
  font-family: Monotype Corsiva; Trebuchet MS, Verdana, Arial, sans-serif;
  text-decoration: underline;
  text-align:justify;
  }

.odstavec-listek1 a {
  color:black;
  font-family: Monotype Corsiva; Trebuchet MS, Verdana, Arial, sans-serif; 
  text-decoration: none;
  cursor: hand;
  }  

.odstavec-listek2 {
  margin-top:-23px;
  line-height:1.3em;
  font-size: 1em;
  font-family: Monotype Corsiva; Trebuchet MS, Verdana, Arial, sans-serif;
  text-align:justify;
  }

.odstavec-listek2 a {
  padding-left:14px;
  color:black;
  font-family: Monotype Corsiva; Trebuchet MS, Verdana, Arial, sans-serif; 
  text-decoration: none;
  cursor: hand;
  }
  
.odstavec-listek2 a:hover {
  background: url(../images/odrazka2.png) no-repeat left 4px;
  font-weight: bold;
  } 

.odstavec-listek3 {
  margin-top:-13px;
  line-height:1.3em;
  font-size: 1em;
  font-family: Monotype Corsiva; Trebuchet MS, Verdana, Arial, sans-serif;
  text-align:justify;
  }

.odstavec-listek3 a {
  padding-left:14px;
  color:black;
  font-family: Monotype Corsiva; Trebuchet MS, Verdana, Arial, sans-serif; 
  text-decoration: none;
  cursor: hand;
  }
  
.odstavec-listek3 a:hover {
  background: url(../images/odrazka2.png) no-repeat left 4px;
  font-weight: bold;
  } 
  
.oddelit {
  margin-left:20px;
  background: url(../images/miska-miska.png) no-repeat left 6px;
  }
 
#zbozi {
  margin-left:30px;margin-top:-2px;margin-right:0px;margin-bottom:6px;
  line-height:1.1em;
  font-family: Monotype Corsiva; Trebuchet MS, Verdana, Arial, sans-serif; 
  text-align:justify;
  font-weight: normal;
  }

#zbozi a {
  color: black;
  text-decoration: none;
  }

#zbozi a:hover {
  color: black;
  text-decoration: underline;
  cursor: hand;
  }

#faq {
  background: url(../images/plus.png) no-repeat left;
  }

#faq1 {
  margin-left:18px;
  }

#faqmm {
  background: url(../images/plusmm.png) no-repeat left;
  }
   
.popisek {
  color:#212121;
  margin-top:1px; margin-bottom:4px;
  padding-left:8px;
  line-height:1.0em;
  font-size: 0.7em;font-style:italic;
  font-family: Comic Sans MS, Trebuchet MS, Verdana, Arial, sans-serif; 
  text-align:justify;
  }
  
.odstavec-in {  
  text-indent: 10px;
  line-height:1.4em;
  text-align:justify;
  padding-top: 26px;
  }
  
.odstavec-in-servis {
  line-height:1.2em;
  text-align:left;
  font-size: 0.8em;
  padding-top: 60px;
  }
  
.odstavec-servis {
  margin-top:-8px; 
  line-height:1.8em;
  text-align:left;
  font-size: 0.8em;
  padding-left: 40px; padding-top: 50px; padding-bottom: 0px;
  }
  
.odstavec-servis a {
  color: black;
  text-decoration: none;
  }
  
.odstavec-servis a:hover {
  color: black;
  text-decoration: none;
  }
  
.odstavec-akce {  
  margin-top:20px;
  text-indent: 10px;
  line-height:1.4em;
  text-align:justify;
  }

.odstavec-indi {  
  text-indent: 10px;
  line-height:1.4em;
  text-align:justify;
  padding-top: 16px; padding-right: 10px;
  padding-bottom: 26px;
  }
  
#otevreno {
  padding-bottom: 30px;
  }
  
#otevreno a {
  color: black;
  text-decoration: none;
  }

#otevreno a:link {
  color: black;
  text-decoration: none;
  }

#otevreno a:hover {
  color: black;
  text-decoration: underline;
  }
  
.odstavec-sort {  
  text-indent: 10px;
  line-height:1.4em;
  text-align:justify;
  padding-top: 20px;
  }

.odstavec2 {  
  text-indent: 10px;
  line-height:1.4em;
  text-align:justify;
  }
  
.odstavec3 {  
  text-indent: 10px;
  line-height:1.4em;
  text-align:left;
  padding-left: 30px; padding-top: 10px; padding-bottom: 230px;
  }
 
.odstavec4 {  
  text-indent: 10px;
  line-height:1.3em;
  text-align:justify;
  font-size: 0.9em;
  }

.odstavec5 {  
  line-height:1.4em;
  text-align:justify;
  }

.odstavec6 {  
  text-indent: 10px;
  line-height:1.4em;
  text-align:justify;
  padding-top: 20px;
  }
  
#righttext {
  padding-left: 24px; padding-right: 22px; padding-top: 45px;
  }
  
#righttext-foto {
  padding-left: 24px; padding-right: 24px; padding-top: 45px;
  }
  
#righttext-akce {
  line-height:1.2em;
  font-size: 0.8em;
  padding-left: 0px; padding-right: 45px; margin-top: -50px;
  }

#righttext-akce a {
  color: black;
  text-decoration: none;
  }

#righttext-akce a:link {
  color: black;
  text-decoration: none;
  }

#righttext-akce a:hover {
  color: black;
  text-decoration: underline;
  }
  
.vice a {
  color: black;
  font-size: 0.9em;
  text-decoration: none;
  padding-bottom: 20px; 
  }
    
#righttext-in {
  padding-left: 24px; padding-right: 22px; padding-top: 65px;
  }
  
#righttext-in a {
  color: black;
  text-decoration: none;
  }
  
#righttext-in a:hover {
  text-decoration: underline;
  color: black;
  }

#righttext-in-listek {
  padding-left: 24px; padding-right: 10px; padding-top: 65px;
  }
  
#righttext-listek {
  padding-left: 24px; padding-right: 22px; padding-top: 45px;
  font-weight: bold;
  }
  
#righttext2 {
  padding: 10px;
  height: 400px;
  }

#yeeeha {
  position: absolute;
  width: 100px;
  height: 120px;
  margin-left: 310px;
  margin-top: 50px;
  background: url(../images/tea.png) no-repeat;
  }
  
#yeeeha1 {
  position: absolute;
  width: 100px;
  height: 120px;
  margin-left: 410px;
  margin-top: 140px;
  background: url(../images/tea.png) no-repeat;
  }

#podtext {
  padding-bottom: 140px;
  background: url(../images/podtext.png) no-repeat 216px 50px;
  }
  
#podtext1 {
  background: url(../images/podtext01.png) no-repeat 24px 440px; padding-bottom: 50px;
  }
  
#kultura {
  background: url(../images/kultura.png) no-repeat 340px 40px; 
  margin-top: -40px;
  font-size: 1.8em;
  font-weight: bold;
  }

#kultura1 {
  background: url(../images/kultura111.png) no-repeat 340px 730px; 
  font-size: 0.5em; 
  padding-top: 40px;
  font-weight: normal;
  }

#tel {
  position: absolute;
  width: 120px;
  height: 110px;
  margin-left: 250px;
  margin-top: 96px;
  background: url(../images/tel.png) no-repeat;
  }
  
#tel-ind {
  position: absolute;
  width: 120px;
  height: 110px;
  margin-left: 250px;
  margin-top: 240px;
  background: url(../images/tel.png) no-repeat;
  }
  
#kont {
  position: absolute;
  width: 150px;
  height: 118px;
  margin-left: 210px;
  margin-top: 50px;
  }

h1 {
  margin: 0px; padding-bottom: 6px;
  font-size: 1.5em;
  letter-spacing: 1px;
  font-weight: bold;
  visibility: hidden;  
  }
  
h2 {
  margin-top: 0px;
  font-size: 24px;
  font-family: Trebuchet MS, Verdana, Arial, sans-serif;
  }

h3 {
   font-size: 20px;
   font-family: Trebuchet MS, Verdana, Arial, sans-serif;
   font-weight: bold;
   }

h4 {
   font-size: 14px;
   font-family: Trebuchet MS, Verdana, Arial, sans-serif;
   font-weight: bold;
   }
   
.fota {
  margin-top: -14px;
  text-align: center;
  }

.fota img {
  padding: 1px;
  margin: 3px;
  border: 1px solid black;
  width: 87px;
  height: 68px;
  }

.fota a:hover img {
  padding: 1px;
  margin: 2px;
  border: 2px solid black;
  }

#picleft {
  padding: 1px;
  background-color: #fff;
  margin-right: 10px;
  border: 1px solid black;
  float: left;
  }

#picleft2 {
  padding: 1px;
  background-color: #fff;
  margin-right: 10px;
  border: 1px solid black;
  float: left;
  }

#picright {
  padding: 1px;
  background-color: #fff;
  margin-left: 10px;
  border: 1px solid black;
  float: right;
  margin-bottom: 0px;
  }

#picright2 {
  padding: 1px;
  background-color: #fff;
  margin-left: 10px;
  border: 1px solid black;
  float: right;
  margin-bottom: 0px;
  }
 
#picright3 {
  padding: 1px;
  background-color: #fff;
  margin-right: 60px;
  border: 1px solid black;
  float: right;
  margin-bottom: 0px;
  }
  
#picall {
  background-color: none;
  border: 0px solid black;
  margin-left: 4px;
  }
  
td {
   vertical-align: top;
   }

td.popup {
   text-align: center;
   padding-top: 310px;
   padding-left: 50px;
   }
   
td.date {
   width: 76px;
   font-size: 0.8em;
   font-weight: bold;
   padding-top: 4px;
   letter-spacing: 0px;
   }
   
td.date1 {
   width: 76px;
   font-size: 0.7em;
   padding-left: 2px;
   letter-spacing: 0px;
   }
    
td.akce {
   font-size: 1.0em;
   font-weight: bold;
   }
    
td.popis {
   font-size: 0.7em;
   font-weight: normal;
   font-style: italic;
   padding-right: 10px;
   font-family: Trebuchet MS, Verdana, Arial, sans-serif;
   }
     
td.cena {
   width: 66px;
   padding-bottom: 22px;
   letter-spacing: -1px;
   font-size: 0.8em;
   vertical-align: bottom;
   font-weight: bold;
   }
   
#den {
  text-align: left;
  }

#sign {
  float: right;
  padding-top: 10px;
  padding-bottom: 6px;
  border: none;
  }

#lightbox{
  margin-top: -50px;
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.5em;
	overflow: auto;
	width: 100%
  }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; 	}	
		
#overlay{
	position: absolute;
	padding-bottom: 1000px;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
		
#faq-form {
}
#faq-form SPAN {
	FONT-WEIGHT: bold; FONT-SIZE: 1.2em; COLOR: #4d9cd7
}
#faq .hidden {
	DISPLAY: none! important
}
#faq .nohidden {
}