@charset "utf-8";
/* CÓMO HACER APLICAR UN CAMBIO SÓLO A UN EXPLORADOR (HACK) 
IE6 --->	* html propiedad
IE7 --->	*+html propiedad
Opera 9 y anteriores --->	html:first-child propiedad
*/

/* COMIENZO RESET PAGINAS Y REGLAS GENERALES FRAMEWORK CSS:
 * -sin bordes
 * -sin márgenes ni paddings
 * -sin fondos ni estilo para listas
*/

* {margin: 0; padding: 0; font: 11px Tahoma;}
q:before,q:after {content: "";}
sup {font-size: 0.8em;}
sub {font-size: 0.8em;}
ul {list-style-type: none;}
a {border: none; text-decoration: none; color: #52006e;}
a:link, a:visited, a:active {outline: none;}
a:hover {text-decoration: underline;}
img {border: none; text-decoration: none;} 
acronym {border: 0;}

/* igualar las fuentes a todos los elementos */
h1, h2, h3, h4, h5, strong {font-size: 100%; font-weight: bold;}

/* tablas */
table {width: 100%; border-collapse: collapse; border-spacing: 0;}

/* propociona altura a divs sin altura con contenido flotado */
/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

.b {border: 1px solid Yellow;} /*clase de uso rápido para destacar los bordes de un bloque*/

/* Loading de clueTip */
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url(/imagenes/comunes/loading.gif);
}
/*
 * cómo hacer png transparentes en IE6
 * dado un div...:
 * #bloque {background: url(/imagenes/index/abcd.png); behavior: url(/recursos/ie6pngfix/iepngfix.php);
 * 
 * si abcd.png está guardado con canal alfa, dejará ver el fondo. behavior sólo lo interpreta IE6.
 * 
 */

/* FIN RESET PAGINAS Y REGLAS GENERALES FRAMEWORK CSS */

/**********************************************
				ESTRUCTURA DE LA PAGINA
***********************************************/

body {text-align: center; background:#862aa7;  }
#pagina {background: url(/imagenes/comunes/fnd-pagina.gif) repeat-x #ffffff;}
#pagina-interior {margin: 0 auto;  width: 980px; text-align: left;}


/**********Cabecera*************/
#cabecera{float:left; display:inline; width:980px; margin-left:3px;}
	#cabecera h1 {float:left; display:inline;}
		#cabecera h1 a {display:block; color:transparent;width: 228px; height:98px; background:url(/imagenes/comunes/h1-logo.jpg); text-align:center;position:relative;}
			#cabecera h1 a img{position:absolute; top:0px; left:14px;}
	
	#cabecera #nav_util{float:right; display:inline;margin-top:18px;}
		#cabecera #nav_util ul{}
			#cabecera #nav_util ul li{float:left; display:inline; color:#d597e8;margin-left:13px;}
				#cabecera #nav_util ul li a{color:#d597e8;}
				#cabecera #nav_util ul li a img{margin-right:6px;}
	
	#cabecera .menu{float:right; display:inline;margin-top:10px;}
		#cabecera .menu ul{}
			#cabecera .menu ul li{float:left; display:inline; }
				#cabecera .menu ul li a{display:block;text-indent:-9999px;height:45px;}
					#menuES{/*background: url(/imagenes/comunes/menuES.jpg) no-repeat;*/width:750px;}
					
					#menuES .vacio{background: url(/imagenes/comunes/menuES.jpg) no-repeat 0 0;width:57px;height:45px;}
					
					#menuES .inicio{background: url(/imagenes/comunes/menuES.jpg) no-repeat -57px 0;width:64px;}
					#menuES .inicio:hover, #menuES .inicio-selec{background: url(/imagenes/comunes/menuES.jpg) no-repeat -57px -45px; width:64px;}
					
					#menuES .laPromocion{background: url(/imagenes/comunes/menuES.jpg) no-repeat -121px 0;width:112px;}
					#menuES .laPromocion:hover, #menuES .laPromocion-selec{background: url(/imagenes/comunes/menuES.jpg) no-repeat -121px -45px; width:112px;}
					
					#menuES .donde{background: url(/imagenes/comunes/menuES.jpg) no-repeat -233px 0;width:105px;}
					#menuES .donde:hover, #menuES .donde-selec{background: url(/imagenes/comunes/menuES.jpg) no-repeat -233px -45px; width:105px;}
					
					#menuES .servicios{background: url(/imagenes/comunes/menuES.jpg) no-repeat -338px 0;width:152px;}
					#menuES .servicios:hover, #menuES .servicios-selec{background: url(/imagenes/comunes/menuES.jpg) no-repeat -338px -45px; width:152px;}
			
					#menuES .futura{background: url(/imagenes/comunes/menuES.jpg) no-repeat -490px 0;width:122px;}
					#menuES .futura:hover, #menuES .futura-selec{background: url(/imagenes/comunes/menuES.jpg) no-repeat -490px -45px; width:122px;}
			
					#menuES .creamos{background: url(/imagenes/comunes/menuES.jpg) no-repeat -612px 0;width:134px;}
					#menuES .creamos:hover, #menuES .creamos-selec{background: url(/imagenes/comunes/menuES.jpg) no-repeat -612px -45px; width:134px;}
		
/******migas***********/
#migas{float:left; display:inline;margin-top:21px; margin-left:16px;width:707px;}
	#migas #morado{color:#700092; font-size:10px; margin-right:3px;}
	#migas a{color:#616161; font-size:10px;}
	#migas span{color:#616161; font-size:10px;}
	#migas span.oscuro{color:#364446; font-size:10px;}
/******contenido********/
#contenido{ float:left; display:inline;width:980px; margin-top:5px;padding-bottom:30px; font-family:Arial; }
	#contenido .media_banner{ float:left; margin-left:10px; margin-top:30px;}
	#derecha{float:left; display:inline; width:707px;}
	
	#izquierda{float:left; display:inline; width:258px;margin-left:15px;background: url(/imagenes/comunes/fnd-derecha.gif) repeat-y;}
	
		#izquierda .boton_flash{float:left; width:220px; text-align:center; margin-left:20px; margin-top:10px; margin-bottom:10px;}
	
		#izquierda #compartir{float:left; display:inline; margin-top:20px;margin-left:14px; }
			#izquierda #compartir span{color:#a3a3a3; font-size:15px; margin-right:10px;}
			#izquierda #compartir a{margin-left:8px;}
			#izquierda #compartir a#que-es-esto{color:#858585;font-size:10px;float:right;margin-right:5px;margin-top:8px;}
		#izquierda #titulo-solicita_ES{margin-left:4px;float:left; display:inline;background: url(/imagenes/comunes/fnd-i_ES.jpg) no-repeat; width:250px; height:47px;margin-top:10px;text-indent:-9999px;}
		#izquierda #titulo-solicita_EN{margin-left:4px;float:left; display:inline;background: url(/imagenes/comunes/fnd-i_EN.jpg) no-repeat; width:250px; height:47px;margin-top:10px;text-indent:-9999px;}
			#izquierda #titulo-solicita span{display:inline;float:left;margin-top:9px;text-indent:-9999px;}
		#izquierda #formulario-solicita{margin-left:4px;float:left; display:inline; background:#f1f1f1;width:250px; padding-bottom:10px;}
			#izquierda #formulario-solicita form{margin-left:14px;}
				#izquierda #formulario-solicita p{color:#700092;margin-top:8px;}
				#izquierda #formulario-solicita span{color:#949494;font-size:10px;margin-right:5px;}
				#izquierda #formulario-solicita input{border:#d3d3d3;width:221px;height:18px;}
				#izquierda #formulario-solicita textarea{border:#d3d3d3;width:221px;height:48px;}
				#izquierda #formulario-solicita input.checks{border:none;width:auto;height:auto;margin-right:7px;}
				#izquierda #formulario-solicita input.separacion{margin-left:40px;}
				#izquierda #formulario-solicita input#enviar{float:right;border:none;width:93px;height:28px;background: url(/imagenes/comunes/btn-enviar.jpg) no-repeat; margin-top:13px;margin-right:13px;}
				#izquierda #comprimimos_ES{margin-left:4px;float:left; display:inline; background: url(/imagenes/comunes/enlace-comprimimos_ES.jpg) no-repeat; width:250px; height:136px;}
				#izquierda #oficina{margin-left:25px;margin-top:25px;float:left; display:inline; color:#364446;font-family:Arial;}
					#izquierda #oficina p{float:left; width:100%; display:inline; color:#364446;font-family:Arial; line-height:16px;}
					#izquierda #oficina #telefono-oficina{margin-top:5px;}
					#izquierda #oficina a{color:#651980;font-family:Arial;}
					#izquierda #oficina a#ver-situacion{color:#651980;font-family:Arial;font-size:13px; font-weight:bold; background: url(/imagenes/comunes/flechilla.gif) no-repeat right;padding-right:10px;}
					
	#izquierda a.feria{float:left; width:220px; height:123px; margin-left:20px; margin-bottom:10px;}
	
	#campaFacebook{background:url("/imagenes/comunes/CampaFace.jpg") no-repeat scroll 0 0 transparent;display:block;float:left;height:182px;text-decoration:none;text-indent:-9999px;width:212px;margin-left:25px;}  
/*********pie**********/
#pie{width:982px; height:130px; margin:auto;overflow:hidden;}
		#pie .izquierda{float:left; width:646px; margin-left:20px; display:inline; margin-top:23px;overflow:hidden; text-align:left;}
			#pie .izquierda p{float:left; width:646px; font-family:Arial; font-size:10px; color:#BF60E0; line-height:20px;}
				#pie .izquierda p a{font-family:Arial; font-size:10px; color:#F2CCFE; }
				#pie .izquierda p img{margin-bottom:10px;}
		
		#pie .derecha{float:left; width:316px; display:inline; margin-top:23px;overflow:hidden;}
			#pie .derecha p{float:left; width:317px; font-family:Arial; font-size:10px; color:#BF60E0; line-height:18px; text-align:right;}
			#pie .derecha p.altalia{float:left; width:317px; line-height:9px; text-align:right; margin-top:5px;}
				#pie .derecha p a{font-family:Arial; font-size:10px; color:#F2CCFE;}
				#pie .derecha p.altalia a{font-family:Arial; font-size:9px; color:#F2CCFE;}