/* --- Nav styles below --- */

/* ------------------------------------  formato de fondo del Menu--------------------------------- */
#nav {
	background-image: url(images/nav_Blue/navigation1.png); /*La imagen de fondo*/
	width: 980px; /*Ancho*/
	height:67px; /*Altura*/
	float:left;
	height: 80px; 
	padding-top: 8px; 
	padding-left: 20px;  position: absolute; 
	top: 50px; left: -10px; z-index: 0;
	
	 /* Margen predeterminado*/
	z-index: 100000; /*Sirve para sobrexponer un elemento sobre otro*/
}

/* ------------------------------------------------- Fin -------------------------------------------- */



.menu ul li a {
	display:block;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	margin-top:2px; /*Define el margen top que tienen las letras del menu principal*/
	width:116px; /*Define el temaņo que se visualiza en el menu*/
	 
	text-align:center;
	border-bottom: 0;
	background-image:;
	line-height:48px; 
	font-size:19px; 
	overflow:hidden; /*Evitar que aparesca el scroll*/
	
	z-index:10000;
}


/* Estes es el formato del menu que va  dentro del menu principal marca el margen de las lineas de separacion*/

.menu ul {padding:0 0 0 10px; margin:0 0 0 0px; list-style: none;}
.menu ul li {float:left; position:relative; z-index:10000;
float: left; font-size: 10px; font-family: 'museo', arial, helvetica, serif; background: url(images/nav-border.png) no-repeat right 0;  padding: 0 2px; 

}
.menu ul li ul {display: none; z-index:10000;}

/* button hover properties  aqui se le cambia el tamaņo del fondo del submenu 133*/
.menu ul li:hover a {color: #FFF; background: url( url(images/nav_Blue/red-btn.png); z-index: 10000;}
.menu ul li a{ color: #fff; font-size:18px; text-shadow: rgba(0,0,0,0.2) 0px 6px 0px; }
.menu ul li:hover ul {display:block; position:absolute; top:48px; left:0; width:200px; margin: 0; padding: 0;}
.menu ul li:hover ul li a.two {background: #FFF; color:#fff; z-index: 100000;}
.menu ul li:hover ul li:hover a.two {background:#6fc; color:#544a3a; z-index: 10000;}
.menu ul li:hover ul li ul {display: none;}

.menu ul li:hover .one {color: #FFF; background: url(image/nav_Blue/red-btn.png);}
/*.menu ul li:hover .three {color:#043454; background: url(images/nav_Blue/3b.png); z-index: 10000;}*/

/* dropdown properties  este es el formato del sub menu aqui se le cambia el color etc*/
.menu ul li:hover ul li a {background-image: none; display:block;height: 28px; line-height: 26px; color:#fff; width:190px; text-align:left; margin: 0; padding:0 0 0 4px;font-weight:normal; z-index: 100000;}
.menu ul li:hover ul {
	margin: 0 0 0 1px;
	padding: 0;
	background-image: url(images/nav_Blue/ddbg3.png);
	background-repeat:no-repeat;
	background-position:bottom left; 
}


/* dropdown selected properties */
.menu ul li:hover ul li a:hover {color:#fff; background-image: url(images/nav_Blue/hlight.png); z-index: 10000;}

.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:0px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-0px; z-index:10000;}