html,body,div,ul,ol,li,p,h1,h2,h3,h4,h5,h6{padding:0; margin:0; list-style:none; text-align:justify;}
html {
  background:#329600 url(bg_html.gif) 0 0 repeat-x;
}
body {
	font-size: 62.5%;
	color: #333;
	font-family: Tahoma, sans-serif; 
  background:url(bg_body.jpg) 50% 0 no-repeat;
  height:777px;
}
#content {
	width: 800px;
	text-align: left;
	position: relative;
	margin: 0px auto;
}
#menu{
  height:94px; 
  width:100%;
  position:relative;
  background:url(bg_menu.jpg) 100% 0 no-repeat;
}

#main {
	width: 760px;
	/*min-height:440px;*/
	/*Prozatím nechám natahovací */
  height:440px;
  overflow:auto; 
  
	padding:0 15px;
	float: left;
	position: relative;
	left: 0;
	margin: 0;
	background:#F5F5F5 url(bg_datova.gif) 0 0 repeat-x;
	border:5px solid #e5f9e5;
	/*color:#7dc87d;*/
	color:#006400;
}


#flash {
  position:absolute;
  top:94px; left:0;
}

#main .photo {
	text-align: center;
	width: 660px;
	margin: 20px auto;
}
#main .item {
	width: 200px;
	height: 180px;
	margin: 5px 8px;
	float: left;
display: inline
/*fix IE bug*/
	;
	text-align: center;
}
#main .item .reference {
	border: 4px solid #99CC99;
}



/* BOF DATOVA */
img.dataimg {
  float:left;
  width:274px; 
  height:450px;
  overflow:hidden;
}
body.datova1 #main {
  width:486px;
  height:440px;
  float:right;
  right:0;
  overflow:auto; 
}
body.datova1 #main, x:-moz-any-link {
overflow: -moz-scrollbars-vertical;
}
/* EOF DATOVA */

/* BOF HOMEPAGE */
img.homepageimg {
  float:left;
  width:490px; 
  height:450px;
  overflow:hidden;
}
body.homepage #main {
  width:270px;
  height:440px;
  float:right;
  right:0;
  overflow:auto; 
}
body.homepage #main, x:-moz-any-link {
overflow: -moz-scrollbars-vertical;
}
/* EOF HOMEPAGE */

#footer {
	clear: both;
	padding-top: 12px;
}

/* Doplnky layoutu */

.imgObtekajici { float:left; margin:2px;}

ul#menu li{display:block; float:left; margin:0; padding:0; font-size:130%; text-transform:uppercase; font-weight:normal;}
#menu li.home {position:absolute; top:48px; left:233px; font-size:140%;}
#menu li.onas {position:absolute; top:26px; left:288px; font-size:270%;}
#menu li.procedury {position:absolute; top:16px; left:373px; font-size:440%;}
#menu li.akce {position:absolute; top:9px; left:627px; font-size:320%;}
#menu li.kontakt {position:absolute; top:31px; right:0; font-size:190%;}
#menu li.darkove {position:absolute; top:60px; left:257px; font-size:230%;}
#menu li.rezervace {position:absolute; top:55px; left:531px; font-size:160%;}

#menu li.home a {width:0; padding-left:40px; height:12px;}
#menu li.onas a {width:0; padding-left:77px; height:26px;}
#menu li.procedury a {width:0; padding-left:254px; height:37px; overflow:hidden; }
#menu li.akce a {width:0; padding-left:80px; height:27px;}
#menu li.kontakt a {width:0; padding-left:90px; height:17px;}
#menu li.darkove a {width:0; padding-left:206px; height:22px;}
#menu li.rezervace a {width:0; padding-left:151px; height:14px;}

#menu li.home a:hover {background:url(home-hover.jpg) 0 0 no-repeat;}
#menu li.onas a:hover {background:url(onas-hover.jpg) 0 0 no-repeat;}
#menu li.procedury a:hover {background:url(procedury-hover.jpg) 0 0 no-repeat;}
#menu li.akce a:hover {background:url(akce-hover.jpg) 0 0 no-repeat;}
#menu li.kontakt a:hover {background:url(kontakt-hover.jpg) 2px 0 no-repeat;}
#menu li.darkove a:hover {background:url(darkove-hover.jpg) 0 0 no-repeat;}
#menu li.rezervace a:hover {background:url(rezervace-hover.jpg) 0 0 no-repeat;}


ul#menu a {color:#d2ffaa; text-decoration:none; display:block; overflow:hidden;}
ul#menu a:hover {color:#fff;}

#logo a {display:block; overflow:hidden; width:0; height:94px; padding-left:157px;  margin-right:20px;  position:absolute; top:0; left:0; }




#main p{font-size:120%; margin:0.8em 0; line-height:1.4em; }
#main ul,#main ol{margin:0.8em 0; }

#main ul li,#main ol li {margin:4px 0; padding-left:25px; font-size:120%; background:url(li.gif) 0 50% no-repeat; zoom:1;}
#main table{font-size:120%; }
#main table th,#main table td{vertical-align:middle; }
#main table thead th{text-align:center;  }
#main table caption{caption-side:bottom; font-style:italic; text-align:left; }


/* formular */
  #main form {width:450px; margin:0 auto;}
  #main form legend {font-size:120%; font-weight:bold;  border-left:2px solid #643F25; border-right:2px solid #643F25; padding: 0 7px; margin-bottom:15px;}
  #main form fieldset {border:1px solid #643F25; padding:0 20px 15px 20px; margin:20px 0;}
  #main form label {display:block; float:left; width:120px; font-size:100%; text-align:right; margin-right:5px;  line-height:2em;}
  #main form input {margin-top:2px; width: 315px;}
  #main form .input {width: 315px}


#footer ul {width:100%; height:175px;}
#footer ul li {height:175px; width:150px; display:block; float:left; margin-right:12px;}
#footer ul li.b1 {background:url(b1.jpg) 0 0 no-repeat;}
#footer ul li.b2 {background:url(b2.jpg) 0 0 no-repeat;}
#footer ul li.b3 {background:url(b3.jpg) 0 0 no-repeat;}
#footer ul li.b4 {background:url(b4.jpg) 0 0 no-repeat;}
#footer ul li.b5 {background:url(b5.jpg) 0 0 no-repeat; margin-right:0; float:right;}

#footer ul li a {display:block; height:175px; width:0; padding-left:150px; overflow:hidden;}

/* Obecne */
h1,h2,h3,h4,h5,h6{font-weight:normal; padding:1em 0 0 0;  }
h1{margin:0 -15px 20px -15px; padding:0; line-height:41px; font-size:240%; color:#fff;  font-weight:normal; background:url(h-full.jpg) 0 0 no-repeat; text-align:center; text-transform:uppercase;}
h2{font-size:150%; font-weight: bold;}
h3{font-size:130%;}
h4{font-size:120%;}
form,fieldset,legend{margin:0; padding:0; border:none; }
form{font-size:110%; }
fieldset{margin:0.5em 0; }
fieldset legend{font-size:120%; font-weight:bold; color:#333; }
fieldset fieldset legend{font-size:130%; }


/* Specificke */
.hidden{display:none;}
.skrt{text-decoration:line-through;}
.cistic{clear:both; font-size:0; height:0; line-height:0;}
.cistic hr{display:none;}
.bold{font-weight:bold;}
a{text-decoration:underline; /*color:#4baf4b;*/ color:#006400; }
a:hover{text-decoration:none;}
a img{border:none; }
label.overlabel{color:#333; position:absolute; top:-1000px; left:2px;}
label.overlabel-apply{position:absolute; top:4px; left:4px; z-index:1; color:#333; font-size:110%; }
