/* DISEÑO WEB: http://www.tripulacionweb.com */

/* ----------------------------------
	MENU
----------------------------------- */
#header #menu { /* <ul> Menú */
float:right;
position:relative;
z-index:1500; /* <-- Ariiba de todo */
}

#header #menu.index { /* <-- Sólo para el menú del index */
	margin-top:15px;
}

  #menu li.mega { /* Cada opción (SECUNDARIA, PREPARATORIA, UNIVERSIDAD, etc) */
  display:inline;
  margin:0 2px 0 2px;
  float:left;
  }
  
  #menu li h2 { /* Los títulos (SECUNDARIA, PREPARATORIA, UNIVERSIDAD, etc) */
  display:inline;
  font:18px Tahoma, Arial, sans-serif;
  }
  
  #menu li a { color:black;text-decoration:none;padding:0 4px 0 4px; } /* Links (botones) */
  #menu li a:hover { color:white;background:#024663; }
  #menu li a.onrollover { color:white;background:#024663; }
  
  #menu li.mega div { /* Opciones cuadro amarillo (estilo) */
  width:370px; /* <-- Real 370px */
  position:absolute;
  top:22px;
  left:2px;
  border:1px solid red;
  background-color:#fffeda;
  border:1px solid #024663;
  opacity:.96;
  filter: alpha(opacity=96); /* IE */
  font:11px Tahoma, Arial, sans-serif;
  }
  
     #menu.index li.mega div { /* <-- Sólo para el menú del index */
		 top:83px;
	 }
  
    /* Estilos cuado amarillo */
    #menu li.mega div a:hover { color:black;background:none;text-decoration:underline; }
	
	#menu li.mega div li { display:block; }
	
	#menu li.mega div a { padding:0; } 
	
	#menu li.mega div h3 { font-size:17px; }
	
	#menu li.mega div ol.border { border-bottom:1px solid #d0d1b4;margin-bottom:5px;padding-bottom:10px; }
	
	#menu li.mega div ol.licenciaturas {  }
	
	#menu li.mega div ol.licenciaturas li { margin-bottom:5px; }
	
	#menu li.mega div span { display:block;float:left;margin:10px; }
	
    #menu li.mega div div.direccion {
	clear:left;
	position:static;
	background:url(../img/seccion_index/header/direcciones_background.jpg) repeat-x 0 0 black;
	color:white;
	border:none;
	padding:10px;
	width:350px;
	}
  
  #menu div { /* Escondemos todas las opciones (cuadro amarillo) */
  display:none;
  }
  
  #menu li.hovering div { /* Mostramos las opciones (al pasar el mouse, hoverIntent) */
  display:block;
  }