.navbar {
    border: 0;
    border-radius: 0;
    margin-bottom: 0;
    min-height: 0;
}

#nav {
    margin: 0px  auto 0;
    width: 100%;
}
#nav > a {
    display: none;
}

#nav li {
    position: relative;
}
#nav li a {
    color: #fff;
    display: block;
    text-decoration: none;
}
#nav > ul > li {
    z-indez: 1;
    height: 100%;
    float: left;
}
#nav a:hover,
#nav a:focus {
    /*color: #000;*/
    background: transparent;
}
#nav li a:active {
    background-color: transparent;
}


/* NIVEL 1 */
#navbar > ul {
    height: 3em;
    background-color: #000;
    font-family: 'Courier', serif;
	font-style: italica;
    font-size: 1.1em;
    font-weight: 600;
    margin:0;
    padding:0;
}
#navbar > ul > li {
    width: 15%;
    height: 100%;
    float: left;
}

#navbar > ul > li > a {
    height: 100%;
    font-size: 1.45em;
    line-height: 2.2em;
    text-align: center;
}

/* NIVEL 2 */
#navbar li ul {
    opacity: 0.95;
    margin: 0;
    padding: 0 0 0 0px;
    width: 100%;
    left: 0;
    right: 0;
    border-radius: 0;
    border: 0;
    box-shadow: none;
    background:#000;
    /*z-index: 100;*/
}

#navbar li ul li {
    font-family: arial;
    font-style: normal;
    float: left;
    width: 100%;
    padding: 1% 0 1% 0;
    opacity: 0.95;
	border-bottom: solid 1px #AAA;
}

#navbar li ul li a {
    font-size: 0.85em;
}
#navbar li ul li a:hover {
    color: #BBB;
}

#nav2 {
    font-size:0.70em;
}
#nav2 > ul {
    height: 3em;
    background-color: #EDEDEC;
    margin-bottom: 0;
}

#nav2 a:hover {
    color: #666;
}

#nav2 > a {
    display: none;
}

#nav2 li {
    position: relative;
    z-index: 90;
}

#nav2 li a {
    color: #FFF;
    display: block;
    text-decoration: none;
}

#nav2 li a:active {
    background-color: transparent;
}

/* first level */

#nav2 > ul {
    height: 3em;
    background-color: #FFF;
    padding-left: 3%;

}

#nav2 > ul > li {
    height: 100%;
    float: left;
}

#nav2 > ul > li > a {
    height: 100%;
    font-size: 1.45em;
    line-height: 2em;
    text-align: center;
    color: #666;
}

#nav2 > ul > li:not( :last-child ) > a {

}


/* second level */
#nav2 li ul {
    padding: 0 0 0 5px;
}

#nav2 li:hover ul {
    display: block;
    left: 0;
    right: 0;
    z-index: 1;
}

#nav2 li:first-child:hover ul {
    left: 0em !important;
    width: 31em;
    margin-left: 0em;
}

#nav2 li:nth-child(2):hover ul {
    left: 0em !important;
    width: 31em;
    margin-left: 0em;
}

#nav2 li:nth-child(3):hover ul {
    left: 0em !important;
    width: 31em;
    margin-left: 0em;
}

#nav2 li:nth-child(4):hover ul {
    left: 0em !important;
    width: 31em;
    margin-left: 0em;
}

#nav2 li:nth-child(5):hover ul {
    left: 0em !important;
    width: 31em;
    margin-left: 0em;
}

#nav2 li:nth-child(6):hover ul {
    left: 0em !important;
    width: 31em;
    margin-left: 0em;
}

#nav2 li:nth-child(7):hover ul {
    left: 0em !important;
    width: 31em;
    margin-left: 0em;
}

#nav2 li:nth-child(8):hover ul {
    left: 0em !important;
    width: 31em;
    margin-left: 0em;
}

#nav2 li:nth-child(9):hover ul {
    left: 0em !important;
    width: 31em;

}

#nav2 li:nth-child(10):hover ul {
    left: 0em !important;
    width: 31em;

}

#nav2 li:nth-child(11):hover ul {
    left: 0em !important;
    width: 31em;
}

#nav2 li ul a {
    font-size: 0.85em;
    padding: 0.5em;
}
#nav2 li ul a:hover {
    color: #000;
}
