@charset "utf-8";

body{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background: url(img/pozadi.gif) repeat-x 0 0;
float: none;
text-align: center; 

}

a{color:#000;}

#main{
	background-color:#FFF;
	margin:0px auto;
	width:800px;
	}
h1 {
	font-family: trebuchet ms;
	color:#000;
	font-size:14pt;
	margin-left:20px;
	margin-top:20px;
}
h2{
	font-family: trebuchet ms;
	font-size:11pt;
	font-weight:bolder;
	margin-left:20px;
}
.menu { font-family: trebuchet ms;  width:200px; height:230px; position:relative; margin-left:10px;margin-bottom:10px; background-color:#C5CB72;z-index:1;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000;  text-align:left; border:1px solid #fff; border-width:1px 1px 0 0; line-height:2em; font-size:12pt;width:185px;font-weight:bold;padding-left:15px;}
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left;position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:#b3ab79;font-variant: small-caps;}
.menu ul li:hover ul {display:block; position:absolute; top:0; left:200px; }
.menu ul li:hover ul li a.hide {background:#dfc184; color:#000;}
.menu ul li:hover ul li:hover a.hide {width:150px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#b3ab79; color:#000; width:6em;}
.menu ul li:hover ul li a:hover {background:#dfc184; color:#000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:151px; top:0; color:#000;}
.menu ul li:hover ul li:hover ul li a {display:block; background:#dfc184; color:#000;}
.menu ul li:hover ul li:hover ul li a:hover {background:#bd8d5e; color:#fff;}

#logo {margin: 0px;border:0px;}

#box {
	margin-top:20px;
	position:relative;
	margin-left: 10px;
	float:left;
	width:200px;
	text-align:center;

}
.nadpis{
	&margin-top:-8px;
	line-height:30px;
	text-align:center;
	position:relative;
	font-size: 14px;
	font-weight:bold;
	background:url(img/menu1.gif) repeat-x;
	color:#000;

}
#aktuality, #fotogalerie, #kontakt{height:200px;border-left:solid;border-right:solid;border-color:#DCE3A6;border-width:1px;}
#aktuality a{text-decoration:none;}
#fotogalerie {padding-bottom:5px;}
#fotogalerie a img{width:180px;height:160px;margin:5px;}
#kontakt 	{ border-bottom:solid;border-color:#DCE3A6;border-width:1px;&min-height:220px;padding-bottom:10px;margin-bottom:0px;height:210px;}
#kontakt h1{font-size:10px;margin-left:5px;	}
#aktuality .info h1 {font-size:10px;margin-left:1px;}
#aktuality .info h1 span.nad{font-size:12px;margin-left:1px;	}

#kontakt .info {
  margin-right:5px;
	margin-left:20px;
	margin-top:10px;
	font-size:12px;
	text-align:left;
	margin-bottom:200px;
	&margin-left:50px;

}
#aktuality .info {
  margin-top:-15px;
  font-size:12px;
	text-align:left;
	&margin-left:50px;  
  margin-left:10px;
 	white-space:normal;
	max-height:180px;
  overflow-y: hidden;
  overflow: hidden;


}
	
.info ul{list-style-type:none;
			margin-left:-30px;
			line-height:1.5em;}


#obsah {
	position:relative;
	width:520px;
	margin-left:250px;
	margin-right:20px;
	color:#000;
	top:-200px;
	text-align:justify;
	font-size:14px;
}
#obsah p{margin-top:20px;margin-bottom:20px;}
#obsah ul{list-style-type:none;}
#obsah a img{
  width:80px;
	height:80px;
	margin:2px;
	border-width:1px;}
#obsah a img.hlavniOBR {text-decoration:none; width:400px; height:200px;margin-left:20px;}
#obsah a img.mapa {text-decoration:none; width:400px; height:550px;margin-left:20px;border:none;}
#obsah table {margin-left:80px;}
#obsah table caption{margin-left:-250px;}
#obsah table h2{margin-left:-5px;&margin-left:0px;}
#obsah table td{width:200px;}
#obsah a img.aktualne {
      width:100px;
      height:100px;
      	margin:10px;
}
#obsah h2.datum { font-size:12px;margin-left:5px;}
#obsah h2 span.nad { font-size:13pt;margin-left:5px;}

#obsah p.akt{
                margin-left:20px;       
                white-space:normal;
                max-width:480px;
                overflow-x: hidden;
                overflow: hidden;        
}
#obsah h3 { font-size:14px;margin-left:5px;}
#ubytovani {list-style-type:decimal;}

input { width: 100px;}
input.calendar { width: 74px;}

button.calendar {
  background: url(calendar-icon.gif);
  border: 0;
  cursor: pointer;
  float: left;
  height: 20px;
  margin-right: 6px;
  width: 20px;
}
button.calendar:hover,button.calendar.active { background-position: left bottom;} 

#obsah.list {float: right; clear: both; margin-top: 25px;}

#counter{ 	margin-top:-5px;
			padding-top:2px;
			height:1.4em;
			font-weight:bold;
			font-size:10pt;
			background:url(img/menu1.gif) repeat-x;
			color:#000;}
#footer{
	position:relative;
	text-align: right;
	font-style: italic;
	font-size: small;
	border-top-style: solid;
	border-top-width: 1px;
	width:800px;
	clear:both;
}
#footer p{margin-top:-3px;}

.fb { position: absolute;  top:660px;}