.menu {
    position: relative;
    z-index: 100;
    font-size: 110%;
    float: left;
}

/* odstranenie odrazok zo zoznamu poloziek menu */
.menu ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

/* nastylovanie poloziek menu */
.menu li {
    float: left;
    position: relative;
}

.mainItem {
    background-image: url(../img/t-edge.gif);
    background-position: right center;
    background-repeat: no-repeat;
}

/* nastylovanie menu odkazu */
.menu a, .menu a:visited {
    color:#fff;
    padding: 8px 20px;
    display: block;
    text-decoration: none;
    width: auto !important;
    font-weight: bold;
}

/* nastylovanie menu odkazu - hover*/
.menu a:hover {
    color: #8A2BE2;
    background: transparent;
}
/* workaround */
.menu :hover > a {
    color: #8A2BE2; 
    background: transparent;
}

/* -------------------- SUBMENU ---------------------*/

/* skrtyte zobrazenie poloziek submenu */
.menu ul ul {
    visibility: hidden;
    position: absolute;
    height: 0;
    top: 100%;
    left: 0; 
    min-width: 13em;
    width: auto; 
}
/* IE6 workaround */
* html .menu ul ul {
    font-size: 75%;
    top: 2.2em;
    width: 15.2em;
}

/* zviditelnenie submenu */
.menu ul li:hover ul, .menu ul a:hover ul {
    visibility: visible;
}

/* vzhlad submenu */
.menu ul ul a, .menu ul ul a:visited {
    background: #606060;
    color: #fff;
    border: 1px solid #606060;
    padding: 0.5em 1em;
    min-height: 1em;
    height: auto !important;
    height: 1em;
    line-height: 1em;
    min-width: 13em;
    width: auto !important;
    width: 13em;
    font-weight: normal;
}
.menu ul ul a:hover {
    color: #8A2BE2;
    background: #f2eef9;
}
/* workaround */
.menu ul ul :hover > a {
    color: #8A2BE2; 
    background: #f2eef9;
}

/* E5.5 workaround - tabulka potrebna pre spravne fungovanie v IE5.5-IE6, vid. HTML */
.menu table {
    position: absolute;
    top: 0;
    left: 0;
    border-collapse: collapse;
}