/***********************************************************************************************
*  Horizontal, top-2-bottom menu
*  Copyright Aleksandar Vacic, www.aplus.co.yu, some rights reserved http://creativecommons.org/licenses/by-sa/2.0/
***********************************************************************************************/

#menu {
/*    display: block;
    padding-left: 10px;
    z-index: 100;
    float:left;*/
}

#menu ul {
/*    margin: 0;
    padding: 0;
    border: 0;
    list-style-type: none;*/
}

#menu li {
/*    margin: 0;
    border: 0;
    display: block;
    float: left;
    position: relative;
    width: 130px*/
}



#menu a {
    display: block;
    text-decoration: none;
}

#menu img {
/*    float: left;
    width: 17px;
    height: 17px;*/
}

#menu span {
/*    margin-left: 20px;
    display: block;*/
}






/* fix the position for 2nd level submenus. first make sure no horizontal scrollbars are visible on initial page load... */

#menu li li ul {
    top: 0;
    left: 0;
}



/* ...and then place it where it should be when shown */

#menu li li:hover ul {
    /*left: 100%;*/
    z-index: 100;
}

/* initialy hide all sub menus */

#menu li ul {
    display: none;
    position: absolute;
    z-index: 101;
    width: 130px; /* Customizable*/
                    
    background-color: #FFF;
    border: 1px solid #000;
}

/* display them on hover */
#menu li:hover>ul {
    display: block;
    z-index: 101;
}

/* this is needed if you want to style #menu div - force containment of floated LIs inside of main UL */

#menuList:after {
    content: ".";
    height: 0;
    display: block;
    visibility: hidden;
    overflow: hidden;
    clear: both;
}

/* Fix for IE5/Mac \*//*/
#menu a {
    float: left;
}
/* */

