#nav
{
    width: 85%; /* 1000 */
    margin: 0 auto;
    /* font-size: 95%; */
    background: #a80000;
    z-index: 9999;
}

#nav > a
{
    display: none;
}

#nav li
{
    position: relative;
}
#nav li a
{
    color: #fff;
    display: block;
}
#nav li a:active
{
    background-color: #880000 !important;
}


/* first level */

#nav > ul
{
    margin: 0;
    padding: 0;
    list-style: none;
    border-left:  1px solid #880000;
    border-right: 1px solid #880000;
/*    height: 3.75em;  */
/*    background-color: #e15a1f; */
}
#nav > ul > li
{
/*   width: 20%; */
    height: 100%;
    float: left;
    padding: 0.25em 1em;
}
#nav > ul > li > a
{
    height: 100%;
    background: transparent;
    color: #fff;
    text-decoration: none;
    float: left;
/*    font-size: 1.5em; */
/*    line-height: 2.5em; */
    text-align: center;
}
#nav > ul > li:not( :last-child ) > a
{
/*    border-right: 1px solid #880000; */
}
#nav > ul > li:hover > a,
#nav > ul:not( :hover ) > li.active > a
{
/*   background-color: #880000; */
}


/* second level */

#nav li ul
{
    background-color: #a80000;
    list-style: none;
    display: none;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    border: none;
    top: 100%;
    padding: 0px;
    z-index: 9999;
}
#nav li:hover ul
{
    display: block;
    left: 0;
    right: 0;
}
#nav li:not( :first-child ):hover ul
{
    left: -1px;
}

#nav li ul a
{
    border-top: 1px solid #880000;
/*    font-size: 1.25em;
    border-left: none;
    border-right: none; */
    text-decoration: none;
    padding: 0.4em; /* 15 (20) */
    margin: 0px;
}
#nav li ul li a:hover,
#nav li ul:not( :hover ) li.active a
{
    background-color: #880000;
}

@media only screen and (max-width : 857px)
{
    #nav {width: 100%;}
}