/*hoja de estilos del menu*/

#nav, #nav ul
{
	z-index:500;
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	line-height:18px;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
}

#nav a{
display:block;
border-top:1px dotted #FFFFFF;
border-left:1px dotted #FFFFFF;
border-bottom:1px dotted #FFFFFF;
color: #F2F2F2;
text-decoration:none;
background: url(../images/fndo.off.gif) top center repeat-x;
padding: 0px 6px 0px 6px;
}

#nav a:hover{
background: url(../images/fndo.on.gif) repeat-x;
color:#FFFFFF;
}

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

#nav ul{
position:absolute;
display:none;
z-index:999;
width:12em;
top:20px;
}

#nav li ul a{
background:#fcebcd;
color:#b51017;
width:215px;
height:auto;
float:left;
border: 1px solid #b51017;
border-top-width:0;
padding-left:5px;
}

#nav li ul a:hover
{
background:#fadfc2; 
color:#b51017;
}

#nav a.fly {background:#fcebcd url(../images/flecha.gris.gif) no-repeat right center;}
#nav a:hover.fly {background:#fadfc2 url(../images/flecha.rojo.gif) no-repeat right center; color:#b51017;}
#nav a > a:hover {background:#fadfc2 url(../images/flecha.rojo.gif) no-repeat; color:#FFFFFF;}

#nav ul ul{
top:auto;
}	

#nav li ul ul {
left:12em;
margin:0px 0 0 107px;
}

#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;
}