/*========================== MENU Y CLASES GENERALES ==========================*/

	/* div del menu */
	#menu_nav {
		position:absolute;
	}
	
	/* IE hack */
	#menu_nav table {
		position:absolute; 
		top:0; 
		left:0;
	}
	
	#menu_nav a{
		display:block;
		line-height:2.7em;
		padding-top:.2em;
		background:#3767B1;
	}

	/* hover general para todos los niveles */
	#menu_nav a:hover{
		text-decoration:none;
		color:#457dd1; 
		background:#fff;
		border-top: 1px solid #ccc;
	}

	/* para que el menu se mantenga con el color seleccionado */
	#menu_nav :hover > a{
		color:#457dd1;
		background:#eee;
		border-top: 1px solid #ccc;

	}

/*========================== PRIMER NIVEL ==========================*/

	/*====== POSICION ======*/
		#menu_nav ul {
			padding:0;
			margin:0;
			list-style-type:none;
			z-index:101;
		}
		
		/* float left para que sea horizontal y posicion relativa para manejar la posicion del desplegable*/
		#menu_nav ul li {
			float:left;
			position:relative;
		}

	/*====== APARIENCIA ======*/	

		#menu_nav ul a {
			color:#fff;
			padding-left:8px;
			padding-right:8px;
			border-right:1px dotted #93b4e5;
		}
		
		
		#menu_nav ul .menu_destacamos {
			width:113px;
			line-height:1.3em;
			padding-top:.2em;
			padding-bottom:.1em;
			text-align:center;
		}
		

		#menu_nav ul .menu_investigacion {
			width:84px;
			line-height:1.3em;
			padding-top:.2em;
			padding-bottom:.1em;
			text-align:center;
		}
			#menu_nav ul .menu_investigacion ul{
				text-align:left;
			}

		#menu_nav ul .menu_formacion {
			width:84px;
			line-height:1.3em;
			padding-top:.2em;
			padding-bottom:.1em;
			text-align:center;
		}

		#menu_nav ul .menu_formacion li {
			text-align:left;
		}
/*==========================SEGUNDO NIVEL==========================*/

	/*====== POSICION ======*/

		/* hide the sub levels and give them a positon absolute so that they take up no room */
		#menu_nav ul ul {
			visibility:hidden;
			position:absolute;
			top:3em;
			left:0px;
		}
		
		/* make the second level visible when hover on first level list OR link */
		#menu_nav ul li:hover ul, #menu_nav ul a:hover ul{
			visibility:visible; 
		}		

			
		#menu_nav ul ul {
			background-color:#FFFFFF;
			border-left: 1px solid #ccc;
			border-right: 1px solid #ccc;
			border-bottom: 1px solid #ccc;
		}

		/* style the second level links */
		#menu_nav ul ul a{
			background:#fff;
			color:#000;
			line-height:1em;
			padding: 8px 10px 8px;
			width:139px;
			border-top: 1px dotted #ddd;
			border-right:none;
			border-left:none;
		}

		#menu_nav ul ul a:hover{
			color:#fff;
			background:#3767B1;
		}

		/* IE5.5 hack */
		* html #menu_nav ul ul a{
			width:160px;
			w\idth:139px;
		}



/*==========================TERCER NIVEL==========================*/

	/*====== POSICION ======*/

		#menu_nav ul ul ul{
			left:150px; 
			top:0;
			width:150px;
		}
		
		/* mantener la lista */
		#menu_nav ul :hover ul ul{
			visibility:hidden;
		}
		
		/* make the third level visible when you hover over second level list OR link */
		#menu_nav ul :hover ul :hover ul{ 
			visibility:visible;
		}

	/*====== APARIENCIA ======*/
		/* style the third level background */
		#menu_nav ul ul ul a, #menu_nav ul ul ul a:visited {
			background:#e2dfa8;
		}
		
		/* style the third level hover */
		#menu_nav ul ul ul a:hover {
			background:#b2ab9b;
		}
#menu_nav ul .menu_documentacion {

			width:113px;
			line-height:1.3em;
			padding-top:.2em;
			padding-bottom:.1em;
			text-align:center;
}