.nav {
/*Opciones de formato para todo el menú*/
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
list-style:none;
text-decoration:none;
margin:-6px 0;
padding:0;
color:#FFF;
/*Ancho y alto del menu NAV*/
width:1000px;
height:45px;
/*Color de fondo para que menú no se vea cortado al final y quede a tope de lado a lado*/
background-color:#467d26;
}
 
/*Especifica que solo los li que sean descendientes directos del primer ul tengan float: left, esto es para que solo el menu principal sea horizontal y los submenús se mantengan en vertical:*/
.nav > li {
float:left;
}
.nav li a {
/*Menu NAV principal*/
/*Color de Fondo*/
background-color:#467d26;
/*Color letra*/
color:#FFF;
/*Bordes*/
/*border:1px solid;*/
text-decoration:none;
/*Espacio interior superior/inferior y derecha/izquierda*/
padding:15px 9px;
display:block;
list-style:none;
}
.nav li a:hover {
/*Color de Fondo onmouse*/
background-color:#54932f;
}
 
/*Por defecto todos los submenús no serán visibles, los ocultaremos usando display: none.
Todos los submenús tendrán un ancho minimo de 140px para que no se vean desiguales y llevaran position: absolute para que no afecten el ancho del menu principal.
*/
.nav li ul {
display:none;
position:absolute;
/* Valor máximo de ancho que tendrán los submenús*/
max-width:150px;
/*Margen para posicionar el menú justo abajo de la selección*/
margin-left:-40px;
}
/*estamos indicando que cuando el cursor pase sobre cualquier li su descendiente ul se muestre(display: block).*/
.nav li:hover > ul {
display:block;
}
/*Los submenús de segundo nivel tendran right: -140px, para empujarlos hacia la derecha, es importante notar que este valor es el mismo que el que definimos anteriormente como ancho mínimo, y ademas tendra top: 0 esto es para que se posicione al mismo nivel que su ancestro li que tiene position: relative.*/
.nav li ul li {
position:relative;
list-style:none;
border-top:1px solid #FFF;
}
.nav li ul li ul {
/*Si en el valor max-width del ancho de los submenus es de 140px, el siguiente valor, debe ser su negativo*/
/*Este valor aplica desde el segundo nivel hacia adelante  (3er, 4to, 5to ... nivel)*/
right:-150px;
top:0;
}
.nav li ul li a{
/*Si queremos que el color de los submenús sea diferente al de la barra de navegación principal*/
/*background-color:#fff;*/
}
.nav li ul li a:hover{
/*Si queremos que el color del hover de los submenús sea diferente al de la barra de navegación principal*/
/*background-color:#fff;*/
}