.menuu{
    width: 100%;
    height: 45px;
    position: relative;
    display: block;    
    background: #e9edf8;
    margin-bottom: 0px; 
    margin:0 auto;
}
.nf .menuu{height: auto;} 


.menu{
    width:1200px;
    margin:0 auto;
}
.menu, .menu *
{    
    padding: 0;
    list-style: none;   
    z-index: 999999;
}

.menu li
{
    position: relative;
    white-space: nowrap; /* no need for Supersubs plugin */
    white-space: normal; /* ...unless you support IE7 (let it wrap) */
    -webkit-transition: background .2s;
    transition: background .2s;        
}
.nf .menuu .menu ul,.wl1 .menuu .menu ul,.wl2 .menuu .menu ul, .w21 .menuu .menu ul,.w2 .menuu .menu ul{position: static;display: block;} 

.nf .menu ul{
max-width: 100%;
}
.menu ul
{
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    z-index: 99;    
    max-width: 200px;
    height: auto;
    
    
}

.menu > li
{
    float: left;
    
    
    
}

.menu li:hover > ul
{
    display: block;    
}

.menu a
{
    display: block;
    position: relative;
    text-decoration: none;
    zoom: 1; /* IE7 */
}

.menu ul ul
{
    top: 0;
    left: 100%;
    
        
}

.menu li:hover
{
    -webkit-transition: none;
    transition: none;
}

/* adding menu .vertical class in addition to menu creates a vertical menu */
/* eg. <ul class="menu vertical"> ... */

.menu.vertical
{
    width: auto;
    height: 100%;
    border: 1px solid yellow;
       /* If you want the width of the closed menu to expand to its
    widest top-level menu item (like its "Supersubs" submenus do),
    replace the width rule above with the following two rules. */

    /*
    min-width: 12em;
    *width: 12em;
    */
}

.menu.vertical ul
{
    top: 0;
    left: 100%;
    z-index: 999999;
}


.menu.vertical > li.active > ul
{
    left: 0;
    top: 0;
    display: block;
    position: relative;
}

.menu.vertical > li.active > ul > ul
{
    top: 0;
    left: 100%;
    position: absolute;
    display: none;
    
    
}

.menu.vertical > li
{
    float: none;    
}

.menu.vertical li
{
    width: 100%;
}

.menu.button
{
    display: none;
}

@media screen and (max-width:768px){
    /* adding menu .vertical class in addition to menu creates a vertical menu */
    /* eg. <ul class="menu vertical"> ... */
 
    .menu li:hover > ul
    {
        display: none;        
    }
    .menu
    {
        display: none;
        width: auto;
        height: 100%;
           /* If you want the width of the closed menu to expand to its
        widest top-level menu item (like its "Supersubs" submenus do),
        replace the width rule above with the following two rules. */

        /*
        min-width: 12em;
        *width: 12em;
        */
        z-index: 999999;        
    }

    .menu ul
    {
        top: 0;
        left: 100%;
    }


    .menu > li.active > ul
    {
        left: 0;
        top: 0;
        display: block;
        position: relative;
    }

    .menu > li.active > ul > ul
    {
        top: 0;
        left: 100%;
        position: absolute;
        display: none;
        
    }

    .menu > li.expand > ul
    {
        left: 0;
        top: 0;
        display: block;
        position: relative;
        
    }

    .menu > li.expand > ul > ul
    {
        top: 0;
        left: 100%;
        position: absolute;
        display: none;                        
    }

    .menu > li
    {
        float: none;
    }

    .menu li
    {
        width: 100%;
    }

    .menu.button
    {
        display: block;
    }
    
}