#menu{
    margin: 0;
    padding: 0;
    float: left;
    width: 11em;
}
#menu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: left;
}

#menu a {
    margin: 0;
    padding: 0;
    width: 9em;
    display: block;
    color: #000054;
    background-color: #94aa8f;
    padding: 3px 12px 3px 8px;
    text-decoration: none;
    border-bottom: 1px solid #000054;
    border-right: 1px solid #000054;
    font-weight: bold;
}

#menu a:hover {
    background-color: #22be63;
    color: #F5F4FF;
}

#menu li li a {
    display: block;
    color: #000054;
    background-color: #8cc5a2;
    width: 9em;
    padding: 3px 3px 3px 17px;
    text-decoration: none;
    border-bottom: 1px solid #000054;
    border-right: 1px solid #000054;
    font-weight: normal;
}
/*
obslehnuto z http://css.e-sign.cz/menu/vertikalni-menu-s-podnabidkama
*/