ul#mainMenu, ul
{
color:#33CCFF;
padding:0px; 
margin:0px;
list-style-type:none;
font-size:12px;
}

ul#mainMenu ul
{
margin-top:0px; 
position:absolute;
top:295px;
visibility:hidden;
width:281px;  /* 181 */
background-color:#cccccc;
}

ul#mainMenu li
{
float:left;
padding:0px;
list-style-type:none;

behavior: url('/hover.htc'); /* Protože IE nedodržuje CSS standarty, aby bylo řešení funkční, použijeme tento *.htc soubor */
}

ul#mainMenu a
{
color:#ffffff;
background:none;
display:block;
border-bottom:0px solid white;
text-decoration:none;
font-weight:normal;
padding:0px 18px 5px 18px;
margin:0px 0px 0px 0px;
font-size:12px;
}

ul#mainMenu a:hover
{
/*background-color:#993333;*/
text-decoration:underline;
}

ul#mainMenu ul a
{
border-bottom:none;
border-left:2px solid #666;
border-right:0px solid #666;
border-bottom:0px;
padding:5px 0px 5px 5px;
margin:0px;
border-bottom:1px #666 solid;
border-left:1px #666 solid;
border-right:1px #666 solid;
color:#000;
background-color:#ccc;
width:274px;
font-size:12px;
}

ul#mainMenu ul a:hover
{ 
color:#FFF;
background-color:#999;
text-decoration:none;
}

ul#mainMenu li:hover ul, ul#mainMenu li.hover ul
{
visibility:visible;
margin:18px 0px 0px 0px;
}

ul#mainMenu li li
{
float:left;
border:none;
padding:0px;
}
