/* CSS PARA EL MENU DESPLEGABLE */
/* ---------------------------------------------------------------------- */



	/* CONTENEDOR DEL MENU */
	/* ------------------------------------------------------------------ */
	.menu {
		/* Diseño */
		/*width: 757px;*/
		width:100%;
		height:32px; 
		position:relative;
		margin:auto;
		z-index:100;		
		
		/* Texto & Fondo */
		font-family:arial, sans-serif;
		text-align:center
	}
		
	/* Hack para IE5.5 */
	* html .menu {
		/*width:880; 		
		w\idth:879;*/
		width:100%; 		
		w\idth:100%;
	}
	/* ------------------------------------------------------------------ */
		
		
		
	/* FORMATEO INICIAL DE LA LISTA */
	/* ------------------------------------------------------------------ */		
	/* Elimina el formato de lista */
	.menu ul {
		padding:0;
		list-style-type:none;
		/*margin:0;*/	
		margin:auto;
	}
	
	.menu ul ul {
		width:126px;
	}
			
	/* Flota la lista para hacerla horizontal y posición relativa para controlar la posición */
	.menu li {
		/* Diseño */
		float:left;
		width:125px;
		position:relative;
				
		/* Texto & Fondo */
		text-align:center;	
	}
	/* ------------------------------------------------------------------ */	
	
	
	
	/* ESTILO BOTONES PRINCIPALES: PRIMER NIVEL */
	/* ------------------------------------------------------------------ */
	/* Estilo para links PRIMER NIVEL */
	.menu ul a, .menu ul a:visited {
		/* Diseño */
		width:116px; /* Valor para Firefox */
		/*width:127px;*/
 		height:26px;		
		display:block;				
		padding-left:10px;
		line-height:22px;
		
		/* Texto & Fondo */
		color:#777777;
		font-weight:normal;
		text-decoration: none;	
		font-size:14px;	
		font-family:arial, sans-serif;			
	}
		
	/* Imagen de los botones principales: separado para evitar problemas:> Arreglar? */
	.menu a.principal, .menu a.principal:visited{
		background-image:url(../Recursos/Imagenes/BotonIntermedio.gif);
	}
	
	.menu a.principal:hover{
		background-image:url(../Recursos/Imagenes/BotonHoverIntermedio.gif);
	}
		
	/* Estilos para los botones principales de los extremos */
	.menu a.izquierda, .menu a.izquierda:visited{	
		background-image:url(../Recursos/Imagenes/BotonIzquierda.gif);
	}
	
	.menu a.izquierda:hover{	
		background-image:url(../Recursos/Imagenes/BotonHoverIzquierda.gif);
	}
	
	.menu a.derecha, .menu a.derecha:visited{
		font-size:13px;
		background-image:url(../Recursos/Imagenes/BotonDerecha.gif);
	}
	
	.menu a.derecha:hover{	
		font-size:13px;
		background-image:url(../Recursos/Imagenes/BotonHoverDerecha.gif);
	}

		
	/* Hack IE5.5*/
	* html .menu a, * html .menu a:visited {
		width:127px;
		w\idth:116px;
	}
	/* ------------------------------------------------------------------ */



	/* ESTILO PARA SEGUNDO NIVEL */
	/* ------------------------------------------------------------------ */
	
	/* Estilos para los links con elementos de tercer nivel dependientes*/
	.menu ul ul a.drop, .menu ul ul a.drop:visited {
		font-size:12px;
		text-align:left;
		
		/* Sin Transparencia */
		background: #EAEAEA url(../Recursos/Imagenes/Flecha.gif) no-repeat right;		
		
		/* Con Transparencia: Ajustar valor del alpha en opacity [0..100] */
		/*background: transparent;
		background: #EAEAEA url(../Recursos/Imagenes/Flecha.gif) no-repeat right;
		opacity: .100;
		filter: alpha(opacity=100);*/
	}
	
	/* Estilo para links SEGUNDO NIVEL: hover */
	.menu ul ul a.drop:hover{
		background-color:#CCCCCC;
	}
	
	.menu ul ul :hover > a.drop {
		background-color:#CCCCCC;
	}
	
	/* Estilo de los links del SEGUNDO NIVEL sin elementos de tercer nivel dependientes*/
	.menu ul ul a, .menu ul ul a:visited {
		/* Diseño */
		width:105px;  /* Valor Firefox */
		height:auto; 
		padding:5px 10px; 
		
		/* Texto & Fondo */
		line-height:1em; 
		color:#777777;	
		font-size:12px;
		text-align:left;
		border-left:1px #ABBED2;
		
		/* Sin Transparencia */		
		background-color:#EAEAEA;
		
		/* Con Transparencia: Ajustar valor del alpha en opacity [0..100] */
		/*background: transparent;
		background: #EAEAEA;
		opacity: .100;
		filter: alpha(opacity=100);*/
	}
	
	/* Hack IE5.5 */
	* html .menu ul ul a, * html .menu ul ul a:visited {
		width: 104px;		
		w\idth:105px;
	}
	/* ------------------------------------------------------------------ */
	
	
	
	/* ESTILO PARA TERCER NIVEL */
	/* ------------------------------------------------------------------ */
	.menu ul ul ul a, .menu ul ul ul a:visited {		
		font-size:12px;
		text-align:left;
		
		/* Sin Transparencia */
		background-color:#EAEAEA;
		
		/* Con Transparencia: Ajustar valor del alpha en opacity [0..100] */
		/*background: transparent;
		background: #EAEAEA;
		opacity: .100;
		filter: alpha(opacity=100);*/
	}
	
	/* Estilo para links TERCER NIVEL: hover */
	.menu ul ul ul a:hover {		
		background-color:#CCCCCC;
	}
	/* ------------------------------------------------------------------ */



	/* POSICIONAMIENTO DEL MENU Y SUS SUBNIVELES */
	/* ------------------------------------------------------------------ */
	/* Oculta los subniveles y posición absoluta para no ocupar espacio */
	.menu ul ul {
		/* Diseño */
		width:126px;
		height:0;
		top:25px;
		left:0; 
		visibility:hidden;
		position:absolute;

		/* Texto & Fondo */
		border-bottom:1px solid #CCCCCC;
		border-top:1px solid #CCCCCC;
	}
	
	.menu ul ul li{
		border-left: 1px solid #ABBED2;
		border-right: 1px solid #ABBED2;									
	}
	
	
	/* Hack IE5.5 */
	* html .menu ul ul {
		top:25px;
		t\op:26px;
	}

	/* Posicionamiento del TERCER NIVEL */
	.menu ul ul ul{
		/*left: 144px;*/  /* Valor que tomará Firefox */
		left:204px;
	/*	left:125px;		*/
		top:-1px; 
		
		width:125px;
	}
	
	/* Posicionamiento del tercer nivel en flyout izquierda */
	.menu ul ul ul.left {
		left:-126px;
	}

	/* Hack IE para que la tabla no forme parte del layout */
	.menu table {
		position:absolute; 
		top:0; 
		left:0; 
		border-collapse:collapse;;
	}
	/* ------------------------------------------------------------------ */



	/* ACTIVACIÓN DE LOS SUBNIVELES Y COMPORTAMIENTO HOVER */
	/* ------------------------------------------------------------------ */
	/* Estilo PRIMER NIVEL: hover */
	.menu a:hover{		
		color:#0000CC;
		background:#FFFFFF;
		background-image:url(../Recursos/Imagenes/BotonHoverIntermedio.gif);
	}
	
	/* Botones SEGUNDO NIVEL: hover */
	.menu ul ul a:hover{
		color:#FFFFFF;
		border-left:1px #ABBED2;		
		background:#FFFFFF;			
		background-color:#0000CC;		
	}
	
	/* Botones SEGUNDO NIVEL: hover */
	.menu ul ul :hover > a {		
		color:#FFFFFF;
		border-left:1px #ABBED2;
		background:#FFFFFF;
		background-color:#CCCCCC;		
	}
	
	/* NOTA: Mantiene el botón del primer elemento marcado. Si se se necesita en los extremos hay que 
	     particularizar para cada extremo */
	.menu :hover > a{
		color:#0000CC;
		background:#FFFFFF;
		background-image:url(../Recursos/Imagenes/BotonHoverIntermedio.gif);
	}
	

	/* Hacer el segundo nivel VISIBLE */
	.menu ul li:hover ul,
	.menu ul a:hover ul{
		visibility:visible; 
	}
	
	/* OCULTA el TERCER NIVEL si no estoy en el segundo nivel */
	.menu ul :hover ul ul{
		visibility:hidden;
	}
	
	/* Hacer el tercer nivel VISIBLE si estoy en el segundo nivel */
	.menu ul :hover ul :hover ul{ 
		visibility:visible;
	}
	/* ------------------------------------------------------------------ */



	/* MARCADO DE LOS BOTONES PRINCIPALES COMO ACTUALES*/
	/* Imagen que se mostrará para indicar que estamos en la sección indicada */
	/* -------------------------------------------------------------------------------------------------------- */
	.menu a.marcado, .menu a.marcado:visited{
		background-image:url(../Recursos/Imagenes/BotonSeleccionIntermedio.gif);
	}
	
	.menu a.marcado:hover{
		background-image:url(../Recursos/Imagenes/BotonHoverIntermedio.gif);
	}
	
	.menu a.marcadoIzquierda, .menu a.marcadoIzquierda:visited{
		background-image:url(../Recursos/Imagenes/BotonSeleccionIzquierda.gif);
	}
	
	.menu a.marcadoIzquierda:hover{
		background-image:url(../Recursos/Imagenes/BotonHoverIzquierda.gif);
	}
	
	.menu a.marcadoDerecha, .menu a.marcadoDerecha:visited{
		background-image:url(../Recursos/Imagenes/BotonSeleccionDerecha.gif);
	}
	
	.menu a.marcadoDerecha:hover{
		background-image:url(../Recursos/Imagenes/BotonHoverDerecha.gif);
	}
	
	.menu a.marcadoInterior, .menu a.marcadoInterior:visited{
		color:#FFFFFF;
		background-color:#CCCCCC;
	}
	/* -------------------------------------------------------------------------------------------------------- */
	
	
	
	/* AJUSTE DE TAMAÑOS PARA LOS MENUS: IEXPLORER: PENDIENTE COMPROBAR RESTO DE VALORES PARA OTROS NAVEGADORES */
	/* -------------------------------------------------------------------------------------------------------- */	
	* html .menu ul ul a.menuGrande, * html .menu ul ul a.menuGrande:visited {
		width: 144px;		
		w\idth:145px;
	}
	
	* html .menu ul ul a.menuGrande ul, .menu ul ul a.menuGrande:visited ul{
		left:165px;
	}

	* html .menu ul ul a.menuGrande2, * html .menu ul ul a.menuGrande2:visited {
		width: 184px;		
		w\idth:185px;
	}
	
	* html .menu ul ul a.menuGrande2 ul, .menu ul ul a.menuGrande2:visited ul{
		left:205px;
	}
	
	* html .menu ul ul a.submenuGrande, * html .menu ul ul a.submenuGrande:visited {
		width: 125px;
		w\idth:126px;
	}
	/* -------------------------------------------------------------------------------------------------------- */	
	/* PARCHE PARA FIREFOX & IE7 */
	.menu ul ul a.menuGrande, .menu ul ul a.menuGrande:visited {
		width: 145px;	
	}
	
	.menu ul ul ul{
		left:165px;
	}
	
	/* OJO: */
	/* Esto no funciona la condicion del left!!=> Apaño provisional: Redimensionado a tamaño menuGrande y modificado 
	      el valor left por defecto para que encaje en la distancia que nos interesa. Corregir para el caso de añadir 
		  más menús o terminar de adaptar a firefox [2009-04-15] */
	.menu ul ul a.menuGrande2, .menu ul ul a.menuGrande2:visited {
		width:145px;
		/*#width: 184px;*/
	}
	
	.menu ul ul a.menuGrande2 ul{
		left:205px;
	}
	
	.menu ul ul a.submenuGrande, .menu ul ul a.submenuGrande:visited {
		width: 125px;
	}
	/* -------------------------------------------------------------------------------------------------------- */