html, body {
height: 100%;
}
body 
{ 
font-family:'Arial CE', 'Helvetica CE', Arial, Helvetica, sans-serif;
vbackground-color:#D4AE58;
background-color:#663333;
vbackground-color:#808080;
vbackground-color:#C0C0C0;
margin: 0; 
padding: 0; 
text-align: center;
width:100%;
}
@media screen{
	body{ font-size:12pt;
	}
}

#plocha{
	width:674px;
	height:100%;
	margin-left:auto;
	margin-right:auto;
	background-color:#D4AE88;
	text-align: center;
	height: 100%;
	position: relative;
	min-height:100%;
	border-left: black solid 1px;
	border-right: black solid 1px;
	
}
body>#plocha {
 height: auto;
 }
#fotky{

}

#hlavicka{
	width:674px;
	height:250px;
	position:relative;
}
#hlavicka h3{
	font-size: 160%;
	padding:0px;
	margin-top:10px;
	margin-bottom:20px;
	border:0px;
}
#kade{
	width:179px;
	height:184px;
	padding:0px;
	float:left;
	border:0px;
	background-image:url('../Obr/kade.jpg');
}
#kotel{
	width:137px;
	height:184px;
	padding:0px;
	border:0px;
	float:right;
	background-image:url('../Obr/kotel.jpg');
}

#sub_hlavicka{
	width:358px;
	height:184px;
	float:left;
	padding:0px;
	border:0px;
	margin:0px;
	position:relative;
	font-family: 'Comic Sans MS CE', 'Comic Sans MS', 'Arial CE', 'Sand CE', 'Helvetica CE', lucida, fantasy;
	}

#logo{
	text-align: center;
	width:358px;
	height:61px;
	margin:0px;
	position:relative;
}

#pruh{
	width:674px;
	height:66px;
	padding:0px;
	margin:0px;
	background-image:url('../Obr/menu.jpg');
	clear:right;
	text-align:center;
	position:relative;
	border-bottom: black solid 1px;
}
#menu {
       font:0.83em 'Verdana CE','Lucida Grande CE','Helvetica CE',Verdena, sans-serif; 
	   width: 629px;
	   min-width: 500px;
	   height:20px;
	   clear: right;
	 /*  margin-left:auto;
	   margin-right:auto;*/
	   margin-left:45px;
	   border: 0px;
	   text-align:left;
	   padding-top:20px;
	   padding-left:0px;
	   position:relative;
	    
	   }
#menu ul {	
	      width: 100%;
		  }
#menu ul, #menu ul.sub {
                        list-style-type:none; 
						margin: 0; 
						padding: 0;
						
						}
#menu li {
          float: left; 
		  width: 24%;
		  position:relative;
		  }
#menu li, #menu ul.sub li {
                            margin: 0; 
							padding: 0;
							position:relative;
							}
#menu h3 {
          font-size: 1em; 
		  margin:1px; 
		  padding: 0px; 
		  border: 1px solid black;
		  text-align:center;
		 /* background-color:#dd137b;*/
		  color:white;
		  display:block;
		  width:130px;
		  
		  
		  }
#menu h3 a {
            display:block;
			text-decoration: none; 
			width: 100%; 
			color:white;
			
			}
#menu  h3.ost a {
			background-color:black;
			
			}		
#menu h3 a:hover {
                  background-color: #E5E5E5;
				  color: black;
				  }
ul.sub {/*pokud vynecháme tento blok budeme mít pri vypnutém JavaScriptu prístupné menu pod sebou*/
        position: absolute;
		z-index: 10; 
		visibility:hidden;
		} 
#menu ul.sub li {
                 display: block; 
				 width: 100%; 
				 margin:0; 
				 padding: 0;
				 background-image:url('../Obr/menu.gif');  
				 }
li.mainHover ul.sub{
                    visibility: visible;
					background-image:url('../Obr/menu.gif');     
					
					
					}

li {
    behavior: url(../hover.htc);
	}
    #menu ul.sub li a:hover {
						/*background-color: #E77817; */
						background-color:#E5E5E5;
						color: black; 
						text-decoration: none; 
						}

#menu ul li.main {
				  float:left;
				  
				  }
#menu ul li > ul.sub {
                      position: absolute; 
					  z-index:10; 
					  visibility: hidden;
					  }
#menu ul li.main:hover ul.sub {
                               visibility: visible;
							   }
#sub_plocha{
	width: 90%; 
	/*background-color:#FCD6B0;*/
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	padding:10px;
	padding-bottom:60px;
}
#sub_plocha h3{
	margin:0px;
	margin-bottom:4px;
	border:0px;
	padding:0px;
}
#paticka{
font-size:0.83em;
width: 674px;
height: 30px;
padding-top:5px;
overflow: hidden;
position: absolute;
bottom: 0;
left: 0;
border-top: black solid 1px;
background-color:#815935;
}
#paticka a {
	text-decoration: none; 
	color:black;
	vertical-align:middle;
}
table 
{ 
display:table;
text-align:left; 
margin: auto; 
table-layout:fixed;
}
td{
	display: table-cell;
	vertical-align:top;
	
}
tr {
	display: table-row;
	}
table.osoby{
width:100%;
text-align:left;
}
table.fotky{
width:100%;
text-align:center;
}
table.ovoce{
width:50%;
text-align:left;
}

#fotky a{
text-decoration: none;

}