/* CSS Document */

ul#mainMenu {
    background: #B3B3B3;
    /*display: table;
    height: 1%;*/
    display: block !important;
    width: 511px;
    float: right;
}

ul#mainMenu, ul#mainMenu ul { 
    color: #000; 
    padding: 0; 
    margin: 0; 
    list-style-type: none;
} 

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

ul#mainMenu li { 
    float: left; 
    padding: 0;
} 

ul#mainMenu a { 
    color: black; 
    background: #B3B3B3; 
    text-decoration: none; 
    font-weight: bold; 
    display: block;
    padding: 10px 7px;
}

ul#mainMenu a.current {
    background: silver;
    color: #D9261C;
    text-decoration: underline;
}

ul#mainMenu a:hover { 
    color: #fff;
    background: red;
} 

ul#mainMenu ul a { 
    border-bottom: 1px solid #fff;
    /*_border: 0;*/
    padding: 5px 5px 5px 5px;
    margin: 0 !important;
    display: table;
    height: 1%;
    width: 100%;
    text-decoration: none;
} 

ul#mainMenu ul a:hover {
    color: #fff; 
    background-color: red;
} 

ul#mainMenu ul { 
    position: absolute; 
    visibility: hidden;
    border: 1px solid #fff !important;
    margin: 0;
    padding: 0;
    z-index: 999;
} 

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

ul#mainMenu li li { 
    float: none; 
    padding: 0 !important;
    margin: 0 !important;
    display: table;
    height: 1%;
    width: 170px;
    background: red;
    text-align: left;
} 

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

