/*-----Horizontal menu test de 3 niveles-----------------*/

#nav, #nav ul{
font-size:12px;
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.4em;

}

#nav a{
font-weight:bold;
display:block;
padding:0px 11px 1px;/* Controla la separacion entre los elementod del menu*/
border:0px solid #5e8a00;
color:#ffffff;
text-decoration:none;

}

#nav a:hover{
color:#f88200;
font-weight:bold;
font-size:12px;
padding:0px 11px 1px;
}


#nav li{
float:left;
position:relative;


}

#nav ul {
position:absolute;
display:none;
width:11em;/*controla el ancho del fondo submenu*/
top:17px;
text-align:left;
margin-left:0px;
margin-bottom:8px;
padding-bottom:8px;
font-size:12px;
background-color:#6e91af;
}

#nav li ul a{
width:10em; /*controla el ancho al que se puede expandir la palabra*/
height:auto;
float:left;
padding-left:15px;
margin-left:4px;
background-image:url(../images/bg-menu.jpg);
background-position:left;
background-repeat:no-repeat;

}

#nav ul ul{
top:auto;
}	

#nav li ul ul {
left:10em; /*controla el acermaniento del objeto terciario*/
margin:0px 0 0 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}
/*****************************************************/