body {
 font-family: Verdana, sans-serif;
 font-size: 80%;
 background: #aaa;
 margin: 0px;
 text-align: center;
 min-width: 819px;
 padding: 45px;
}

#hlavni {
width: 823px;
height: 414px;
margin: 0px auto;
text-align: left;
border-style: outset;
overflow: none;
background-color: #999;
}

#hlavicka {
 height: 75px;
 background: #ddd url("../logo.gif") no-repeat center;
 color: #000;
 font: 36px Verdana;
 border-top: 2px solid white;
 border-left: 2px solid white;
 border-right: 2px solid #999;
}

#menu {
 width: 816px;
 background: #aaa;
 color: #fff;
 float: left;
 padding-left: 3px;
 border-left: 2px solid white;
 border-right: 2px solid #999;
}

/* menu */
ul#mainMenu, ul 
{
color: #000;
padding: 0px;
padding-left: 0px;
margin: 0px;
list-style-type:none;
}

ul#mainMenu ul 
{
margin-top:0px;
}

ul#mainMenu li 
{
float:left; 
padding-left:30px;
/*width:100px; */
}

ul#mainMenu a 
{
color:black;
background-color:#aaa; 
display:block;
text-decoration:none;
padding: 0px
}

ul#mainMenu ul a 
{
border:1px solid #aaa;
padding-left:5px;
}

ul#mainMenu ul li
{
width: 156px;
}

ul#mainMenu ul a:hover 
{
background-color:#bbb;
border-left:1px solid #666;
border-top:1px solid #666;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
}

ul#mainMenu ul 
{
width: 156px;
border-left:2px solid #ccc;
border-right:2px solid #666;
position:absolute;
visibility:hidden;
border-top:2px solid #ccc;
border-bottom:2px solid #666;
background-color:#aaa;
}

ul#mainMenu li:hover ul li ul, ul#mainMenu li.hover ul li ul
{
margin-top: -15px;
margin-left: 140px;
position:absolute;
visibility: hidden;
}

ul#mainMenu li:hover ul li:hover ul, ul#mainMenu li.hover ul li.hover ul
{
visibility: visible;
}

ul#mainMenu li:hover ul, ul#mainMenu li.hover ul
{
visibility:visible;
}

ul#mainMenu li li 
{
float:none;
border:none;
padding:0;
}

ul#mainMenu li 
{
behavior: url(hover.htc); /* Protože IE nedodržuje CSS standarty, aby bylo řešení funkční, použijeme tento *.htc soubor */
}


#main {
 width: 479px;
 height: 300px;
 background: #ddd;
 float: left;
 overflow-y: scroll;
 padding: 10px;
 text-align: justify;
 scrollbar-track-color: #ddd;
 scrollbar-3dlight-color: #aaa;
 scrollbar-highlight-color: #ccc;
 scrollbar-shadow-color: #ccc;
 scrollbar-darkshadow-color: #ddd;
 scrollbar-face-color: #ddd;
 border-left: 2px solid white;
 border-bottom: 2px solid #999;
 }
 
#main ul{
margin: 10px;
margin-bottom: 0px;
margin-top: 0px;
list-style-image: url("../list.gif");
}

#main ul li ul
{
margin-top: 0px;
list-style-image: none;
list-style-type: none;
}

#image {
 width: 320px;
 float: right;
 overflow: none;
 background: #999;
 border-right: 2px solid #999;
}

#clear {
 clear: both;
}

#foot {
 clear: both;
 background: #666;
 color: #fff;
 text-align: right;
 border-bottom: 2px solid #000;
}

.center {
text-align: center;
}

#main table{
width: 96%;
border: 0px;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
color: #000;
}

#main table th{
border-bottom: 1px solid #000;
}

#svetluska{
Text-align: right;
position: absolute;
margin-left: 255px;
margin-top: 20px;
}

img
{
border-width: 0px;
padding: 0px;
margin: 0px;
}

.galerie 
{
width: 97%;
text-align: center;
border: 0px;
}