/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_variations.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
 /* common styling */

 /* Declara los generales de como se desplegará el menu */
#menu {
	width:760px;
	height:30px;
	font-family: tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif;
	background-image: url(../images/background/menu.png);
	background-repeat: repeat;
	padding-left: 20px;
}

/*ajuste para FireFox*/
#menu[id] {
	width:750px;
	padding-left: 30px;
}

/* elimina los bullets y coloca la caja del UL en la posición 0,0 */
#menu ul {
	padding:0;
	list-style-type: none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
/* para que el menú sea horizontal */
#menu ul li {
float:left;
position:relative;
}

/*ajuste para el borde del último elemento*/
#menu a.last {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #DBDBDB;

}


/* estilos para los links de primer nivel, en estado normal y visitado */
#menu ul li a, #menu ul li a:visited {
	display:block;
	color: #004387;
	text-decoration: none;
	padding-right: 12px;
	padding-left: 12px;
	line-height: 30px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #DBDBDB;
	font-size: 13px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	letter-spacing: 0.2em;
}
/* hack for IE5.5 to correct the faulty box model 
* html #menu ul li a, #menu ul li a:visited {
w\idth:88px;
}
*/

/* esconde el menu desplegable */
#menu ul li ul {
display: none;
}

/* elimina los elementos desplaegables de la tabla para que no interfiera con el menú */
#menu table {
margin:-1px; 
border-collapse:collapse;
font-size:1em;
}


/* first line for IE7 and non-IE browsers, second line for IE5.5 and IE6 */

/* estilos para el hover de primer nivel */
#menu ul li:hover a, #menu ul li a:hover {
background-color: #F7F7F7;
color: #3772CD;
}

/* muestra el menú desplegable y lo coloca adecuadamente */
#menu ul li:hover ul, #menu ul li a:hover ul {
	display:block;
	position:absolute;
	top:18px;
	margin-top:11px;
	left:0;
	width:110px; /*ajustar*/
	background:transparent;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #E4EEFA;
	border-bottom-color: #E4EEFA;
	border-left-color: #E4EEFA;
}

/* estilo del segundo nivel estado normal y visited */
#menu ul li:hover ul li a,
#menu ul li a:hover ul li a {
	display:block;
	color:#003399;
	border:0;
	margin:0;
	font-weight:normal;
	font-size:11px;
	height:auto;
	line-height:15px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	letter-spacing: 0.1em;
	width:100px; /*ajustar*/
	background-color: transparent;
	background-image: url(../images/background/menuTrans80Blue2.png);
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}

/* special styling for IE5.5 and IE6 - transparency is non validating 
para el estado normal */
#menu ul li a:hover ul {
background:transparent filter: alpha(opacity=80);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
opacity:0.8;
margin-top:10px; /* for IE5.5 faulty box model */
marg\in-top:11px; /* for IE6 */
}


/* IE5.5 hack for faulty box model in drop down menu */
#menu ul li a:hover ul li a {
background:#B0D8FF;
width:120px;  /*for IE5.5 faulty box model */ /*ajustar*/
w\idth:110px;  /*for IE6 */ /*ajustar*/
}



/*HOVER de segundo nivel con trasparencia */

/* estilo de los hover en segundo nivel */
#menu ul li:hover ul li a:hover, #menu ul li a:hover ul li a:hover {
	background-color: transparent;
	background-image: url(../images/background/menuTrans80Blue.png);
    color:#FFFFFF;
}

/* special styling for IE5.5 and IE6 - transparency is non validating 
para el estado hover */

#menu ul li a:hover ul li a:hover{
	background:transparent filter: alpha(opacity=80);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	opacity:0.5;
	background:#3A7CD2;
}