/*MENU NAVEGACION PRINCIPAL */

#content-nav2  
	{ 
	width:100%; /* ajusta el ancho de menu 03-08-2011*/
	}	
	
#navigation2 

	{	
		position:relative;	

	}
	
	#navigation2 li 					/* marco inicion imagenes */  
	{ 
		float:left;
	}
	
	#navigation2 a, #navigation2 a:visited 
	{
		width:94px;    
		display:block; 
		height:20px; 
	
	background:url(bl_imagenes/nav-esp.png) top left; text-indent:-9000%; 
		
		outline: none; /* elimanda linea punteada de ancla <a>*/
	}
	
	/* estilo segundo nivel fondo */

	#navigation2 ul ul a.drop, #navigation2 ul ul a.drop:visited 
	{
		background:#2d3d47;
	}
	
	/*estilo segundo nivel hover */
 
 
	#navigation2 ul ul a.drop:hover
	{
		background:#fff; 
		color:#202c32;
	}
	
	#navigation2 ul ul :hover > a.drop 
	{
		/*	background:#fff; */ 
		color:#202c32;
	}
	
	
/* ocultar los niveles secundario y darles una posici??bsoluta para que no ocupan espacio */	


#navigation2 ul ul 				/* marco inicial rojo*/
	{   
		visibility:hidden;  
		position:absolute;
		background:#ff0000;
		height:auto;   /*auto alto 100*/
		width:94px;  /* ancho 94*/
	}
	
/*----------------------------------------------------------------*/
/* la posici??el men?? nivel flotante tercero */

	#navigation2 ul ul ul
	{
		left:149px; 
		top:-1px; 
		width:149px;
	}

/* el estilo de la tabla de modo que no tiene en PPART en el dise?? necesarios para IE para trabajar */

	#navigation2 table 
	{
		position:absolute;
		top:0; 
		left:0; 
		border-collapse:collapse;
	}

/* estilo segundo nivel enlaces */

	#navigation2 ul ul a, #navigation2 ul ul a:visited 			/*marco secundario */
	{   
	    
		padding:1px;
		padding-top:3px;
		width:90px;
		background:#09677b;  /* color fondo hover li*/
		color:#fff;	
		line-height:3px;
		text-indent:5px; 
		text-decoration:none; 
		font-size:11px;	
	    border:1px solid #27282d;
		border-top:0px;
		font: normal 10px/11pt "Arial";
	}

/*-----------------------------------------------------------------------------------*/

/*estilo de primer nivel hover */

	#navigation2 :hover > a, #navigation2 ul ul :hover > a 
	{
 
		background:url(bl_imagenes/nav-esp.png) top left;
	}


	/* posicionamiento de imagen de fondo en primer nivel */

/* -----------------------------------LINK 1 -------------------------------------------*/

	#navigation2 a.link1:hover , #navigation2 a.link1 		/* primera posicion del menu*/
	{
		background-position:2px -20px;
	}
	
/* ---------------------------------- LINK 2 -----------------------------------*/
	#navigation2 a.link2 
	{
		  background-position:-93px 0px; 
	}

/* DO NOT consolodate next 2 lines into one, this breaks IE6 */

	#navigation2 a.link2:hover 
	{
		background-position:-93px -20px;
	}

	#navigation2 :hover > a.link2, #navigation2 ul ul :hover > a.link2  
	{
		background-position:-93px -20px;
	}

/* ---------------------------------- LINK 3 -----------------------------------*/
	#navigation2 a.link3 
	{
		  background-position:-188px 0px; 
	}


	#navigation2 a.link3:hover 
	{
		background-position:-188px -20px;
	}

	#navigation2 :hover > a.link3, #navigation2 ul ul :hover > a.link3  
	{
		background-position:-188px -20px;
	}	
	
	
	
/* ---------------------------------- LINK 4 -----------------------------------*/
	
	#navigation2 a.link4
	{
		  background-position:-282px 0px; 
	}


	#navigation2 a.link4:hover 
	{
		background-position: -282px -20px;
	}

	#navigation2 :hover > a.link4, #navigation2 ul ul :hover > a.link4  
	{
		background-position:-282px -20px;
	}	

	


	#navigation2 a.link5 {background-position:-376px 0px;}
	#navigation2 a.link5:hover {background-position:-376px -20px;}

	#navigation2 a.link6 {background-position:-470px 0px;}
	#navigation2 a.link6:hover {background-position:-470px -20px;}

	#navigation2 a.link7 {background-position:-564px 0px;}
	#navigation2 a.link7:hover {background-position:-564px -20px;}

	#navigation2 a.link8 {background-position:-658px 0px;}
	#navigation2 a.link8:hover {background-position:-658px -20px;}

	#navigation2 a.link9 {background-position:-752px 0px; }
	#navigation2 a.link9:hover {background-position:-752px -20px;}
	
	#navigation2 a.link10 {background-position:-846px 0px; }
	#navigation2 a.link10:hover {background-position:-846px -20px;}
	
	
	#navigation2 a.link11 {background-position:-940px 0px; }
	#navigation2 a.link11:hover {background-position:-940px -20px;}
	
	
	#navigation2 a.link12{background-position:-1034px 0px; }
	#navigation2 a.link12:hover {background-position:-1034px -20px;}
	
	
/* final */


	#navigation2 ul ul a:hover {background:#074e5d; color:#fff; border-top:0px solid #1b869c; border-bottom:1px solid #000; }

/* hacer el segundo nivel visible cuando se ciernen sobre la primera lista de nivel de v?ulo o*/

	#navigation2 ul li:hover ul, #navigation2 ul a:hover ul{visibility:visible; }

/* mantener el tercer nivel oculto cuando se pasa sobre la primera lista de nivel de enlace o*/

	#navigation2 ul :hover ul ul{visibility:hidden;}

/* que el tercer nivel aparece cuando se ciernen sobre la lista de segundo nivel enlaces */

	#navigation2 ul :hover ul :hover ul{ visibility:visible;}