/* 
    Document   : mainmenu
    Created on : 14.12.2011, 14:08:34
    Author     : pialek
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

ul.menu {
    margin-top: -5px;
}

ul.menu li {
    display: inline-block;
    padding: 0;
    margin: 0;
    font-family: 'Tahoma';
    text-transform: uppercase;
}

ul.menu li a {
    color: #000;
    text-decoration: none;
    font-weight: bold;
}

ul.menu li span {
    margin-top: 5px;
    display: block;
}

ul.menu li a:hover {
    color: #fff;
}

ul.menu li.active a:hover {
    color: #000;
}

ul.menu li span {
    width: 140px;
    height: 38px;
    background-image: url(../../../images/4-new.png);
    text-align: center;
    z-index: 1;
    padding-top: 10px;
    margin-left: -9px;
}

ul.menu li span:hover {
    width: 140px;
    height: 38px;
    background-image: url(../../../images/6-new.png);
    z-index: 1;
    margin-left: -9px;
}

ul.menu li.item2 span {
    width: 140px;
    height: 38px;
    background-image: url(../../../images/4-1-new.png);
    text-align: center;
    z-index: 1;
    padding-top: 10px;
    margin-left: 0px;
}

ul.menu li.item2 span:hover {
    width: 140px;
    height: 38px;
    background-image: url(../../../images/6-1-new.png);
    z-index: 1;
    margin-left: 0px;
}

ul.menu li.active span {
    width: 140px;
    height: 38px;
    background-image: url(../../../images/5-new.png) !important;
    z-index: 1000;
    margin-left: -9px;
    margin-right: -1px;
}

ul.menu li.item2.active span:hover {
    width: 140px;
    height: 38px;
    background-image: url(../../../images/5-new.png) !important;
    z-index: 1000;
    margin-left: 0px;
    margin-right: -1px;
}

ul.menu li.item2.active span {
    width: 140px;
    height: 38px;
    background-image: url(../../../images/5-new.png) !important;
    z-index: 1000;
    margin-left: 0px;
    margin-right: -1px;
}

ul.menu li.active span:hover {
    width: 140px;
    height: 38px;
    background-image: url(../../../images/5-new.png) !important;
    z-index: 1000;
    margin-left: -9px;
    margin-right: -1px;
}