/*	Nombre:			menu.css
	Tipo:			Hoja de estilos 
	Autor:			Sergio Valladares.
	Descripcion:	Estilos para los menus desplegables.
	Creado:			24/05/07
	Modificado:		24/05/07 19:45
*/
#mainmenu{
	position:absolute;
	top:85px;
	height:33px;
	background-image: url(../imx/menu/menu_main_v2.gif);
	background-repeat: repeat-x;
	width:944px;
}
#mask{
	height:33px;
	background: url(../imx/menu/mask.gif) no-repeat;
	width:944px;
}
#utilb{
        height:13px;
	top: 27px;
	left: 650px;
	position: absolute;
	font-size:1em;
	z-index:99;
}
#utila{
        height:13px;
	top: 7px;
	left: 600px;
	position: absolute;
	font-size:1em;
	z-index:99;
}
#util{
        height:13px;
	top: 7px;
	left: 280px;
	position: absolute;
	font-size:1em;
	z-index:99;
}
#utils{
	height:13px;
	top: 7px;
	right: 203px;
	position: absolute;
	font-size:1em;
	z-index:99;
	}
#nav, #nav ul, 
#nav2, #nav2 ul{
	padding: 0;
	margin: 0;
	list-style: none;
	}
#nav a, 
#nav2 a, 
#nav2 span{
	display: block;
	color:#000000;
	text-decoration:none;
}
#nav li, 
#nav2 li{
	padding:0px;
	float: left;
	font-size:.7em;
}
#nav li a.baritem {
	padding:8px 7px 5px 7px;
	text-decoration:none;
	display:block;
	font-weight:bold;
	color:#FFFFFF;
	}
#nav li.bar.last{
	}
#nav2 li a.baritem{
	padding:0px 5px 0px 5px;
	text-decoration:none;
	border-left:1px solid #BCBCBC;
	display:block;
	}
#nav2 li a.baritem:hover, 
#nav2 li a.baritem.sfhover, 
#nav2 li.bar:hover a.baritem, 
#nav2 li.bar.sfhover a.baritem{
	color:#FFFFFF;
	}
#nav li.bar{
	background: url(../imx/menu/menu_main_v2_over.gif) no-repeat left top;
	height:33px;
	}
#nav li.bar:hover, #nav li.bar.sfhover {
	background-position:left -33px;
}
#nav li.barlast{
	background: url(../imx/menu/menu_main_v2_over.gif) no-repeat left top;
	height:33px;
	width:2px;
	}
#nav2 li.bar:hover .baritem, 
#nav2 li.bar.sfhover .baritem{
	background-color:#024294;
}
#nav li li, 
#nav2 li li{
	font-size:1em;
	width:160px;/*4px menos que el ancho total del menu*/
	padding:1px;
}
#nav li ul, 
#nav2 li ul{
	position: absolute;
	left: -999em;
	background-color:#FFFFFF;
	border:1px solid #C4C4BE;
	width: 162px;
}
#nav li ul a, 
#nav2 li ul a, #nav2 li ul span{
	padding:1px 3px 1px 3px;
}
#nav li li a:hover, 
#nav2 li li a:hover{
	background-color:#024294;
	color:#FFFFFF;
}
#nav li:hover ul, #nav li.sfhover ul, 
#nav2 li:hover ul, #nav2 li.sfhover ul {
	left: auto;
}
#nav .ddmenu{
	top:32px;
    border:1px solid #6381AA; 	
}
#nav2 .ddmenu{
	top:15px;
    border:solid 1px #6381AA; 	
}

