*{margin: 0px 0px 0px 0px;}

body {background: #FFFFFF url(images/index_01.jpg) repeat-x; font-family: Tahoma; font-size: 8pt;}
td {vertical-align: top}

.stred {background-image: url('images/index_29.jpg'); background-repeat: repeat-y; padding-left: 45px;}
.spodek {background-image: url('images/index_31.jpg'); color: white; font-size: 8pt; padding: 9px;}
.spodek a {color: white;}
.spodek a:hover {color: grey;}


a:link {color:grey;}
a:visited {color:grey;}
a:active {color:grey;}
a:hover {color:blue;}

a.spodeklink:link {color:white;}
a.spodeklink:visited {color:white;}
a.spodeklink:active {color:white;}
a.spodeklink:hover {color:grey;}


/* menu */		
				 
ul#mainMenu, ul
{
color:black;
background-color:#ffffff; 
width:84px;
padding:0;
margin:0;
list-style-type:none;
font-size:11px;
}

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

ul#mainMenu li
{
float:left;
padding:0px;
width:84px;
cursor:pointer;
text-align:left;
}

ul#mainMenu li ul li
{
text-align:left;
}

ul#mainMenu a
{
color:black;
background-color: #FFFFFF;
display:block;
text-decoration:none;
font-weight:bold; 
}

ul#mainMenu ul a
{
border-bottom:none;
border-left:2px solid #FFFFFF;
border-right:2px solid #FFFFFF;
padding-left:0px;
}

ul#mainMenu ul a:hover
{
color:black;
background-color: #BFBFBF;
border-left:2px solid #BFBFBF;
border-right:2px solid #BFBFBF;
}

ul#mainMenu li a:hover ul a:hover
{
color:blue;
}

ul#mainMenu ul
{
position:absolute;
visibility:hidden;
border-bottom:0px solid white;
background-color:white;
}

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 */
}