@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 { background:url(/imagenes/comunes/fnd-body.jpg) repeat-x #292929;}
#pagina { margin:auto; width:998px; height:901px;position:relative; }

#contenido-index { display:inline; float:left; width:998px;}
#contenido { display:inline; float:left; width:998px;}

#halo{position:absolute;height:126px;position:absolute;top:137px;left:0;width:100%;z-index:-9999;background:url(/imagenes/comunes/halo-pagina.jpg) no-repeat center 0;}


/**********************************************
				CABECERA
***********************************************/

#cabecera { display:inline; float:left; width:998px; height:221px; background: url(/imagenes/comunes/fnd-cabecera.jpg) top no-repeat; margin-left:-2px;}
#cabecera h1 { display:inline; float:left; background:url(/imagenes/comunes/logo-ecrimesa-grupo.jpg) no-repeat; width:219px; height:82px; text-indent:-9999px; margin-left:36px; margin-top:15px;}
#cabecera #nav_util { display:inline; float:left; width:300px; height:20px; color:#fc7217; margin-left:400px; margin-top:15px;}
	#cabecera #nav_util a { font-family:Arial; font-size:10px; color:#fc7217; }
#cabecera #idiomas { display:inline; float:left; margin-top:15px;}
	


/**********************************************
				MENU
***********************************************/

/*MENU ESPAÑOL */

#cabecera #menuES { float:left; position:relative; width:998px;  margin-top:40px;}
			#menuES ul { background:url(/imagenes/comunes/fnd-menu_ES.jpg) no-repeat; width:1022px; height:84px;}
		    #menuES li {float: left;}
		    #menuES li a {display: block; height:84px; text-indent:-9999px; }
				
					  #menuES ul a.indexES { width:161px;}
					  #menuES ul a.indexES:hover { background: url(/imagenes/comunes/fnd-menu_ES.jpg) no-repeat 0px -84px; }
					  #menuES ul a.indexES-selec { background: url(/imagenes/comunes/fnd-menu_ES.jpg) no-repeat 0px -84px; width:161px; }

					  
					  #menuES ul a.menu-ecrimesaES { width:164px; }
					  #menuES ul a.menu-ecrimesaES:hover { background: url(/imagenes/comunes/fnd-menu_ES.jpg) no-repeat -161px -84px;}
					  #menuES ul a.menu-ecrimesaES-selec { background: url(/imagenes/comunes/fnd-menu_ES.jpg) no-repeat -161px -84px; width:164px;}
					  
					  
					  #menuES ul a.menu-mimecrisaES { width:164px; }
					  #menuES ul a.menu-mimecrisaES:hover { background: url(/imagenes/comunes/fnd-menu_ES.jpg) no-repeat -325px -84px;}
					  #menuES ul a.menu-mimecrisaES-selec { background: url(/imagenes/comunes/fnd-menu_ES.jpg) no-repeat -325px -84px; width:164px;}
					  
					  
					  #menuES ul a.menu-mecansaES { width:164px; }
					  #menuES ul a.menu-mecansaES:hover { background: url(/imagenes/comunes/fnd-menu_ES.jpg) no-repeat -489px -84px;}
					  #menuES ul a.menu-mecansaES-selec { background: url(/imagenes/comunes/fnd-menu_ES.jpg) no-repeat -489px -84px; width:164px;}
					  
					  
					  #menuES ul a.comunicacionES { width:164px; }
					  #menuES ul a.comunicacionES:hover { background: url(/imagenes/comunes/fnd-menu_ES.jpg) no-repeat -653px -84px;}
					  #menuES ul a.comunicacionES-selec { background: url(/imagenes/comunes/fnd-menu_ES.jpg) no-repeat -653px -84px; width:164px;}	
					  
					  				  					  
					  #menuES ul a.contactoES { width:177px; }
					  #menuES ul a.contactoES:hover { background: url(/imagenes/comunes/fnd-menu_ES.jpg) no-repeat -817px -84px;}
					  #menuES ul a.contactoES-selec { background: url(/imagenes/comunes/fnd-menu_ES.jpg) no-repeat -817px -84px; width:177px;}
					  
/*MENU INGLES */

#cabecera #menuEN { float:left; position:relative; width:998px;  margin-top:40px;}
			#menuEN ul { background:url(/imagenes/comunes/fnd-menu_EN.jpg) no-repeat; width:1022px; height:84px;}
		    #menuEN li {float: left;}
		    #menuEN li a {display: block; height:84px; text-indent:-9999px; }
				
					  #menuEN ul a.indexEN { width:161px;}
					  #menuEN ul a.indexEN:hover { background: url(/imagenes/comunes/fnd-menu_EN.jpg) no-repeat 0px -84px; }
					  #menuEN ul a.indexEN-selec { background: url(/imagenes/comunes/fnd-menu_EN.jpg) no-repeat 0px -84px; width:161px; }

					  
					  #menuEN ul a.menu-ecrimesaEN { width:164px; }
					  #menuEN ul a.menu-ecrimesaEN:hover { background: url(/imagenes/comunes/fnd-menu_EN.jpg) no-repeat -161px -84px;}
					  #menuEN ul a.menu-ecrimesaEN-selec { background: url(/imagenes/comunes/fnd-menu_EN.jpg) no-repeat -161px -84px; width:164px;}
					  
					  
					  #menuEN ul a.menu-mimecrisaEN { width:164px; }
					  #menuEN ul a.menu-mimecrisaEN:hover { background: url(/imagenes/comunes/fnd-menu_EN.jpg) no-repeat -325px -84px;}
					  #menuEN ul a.menu-mimecrisaEN-selec { background: url(/imagenes/comunes/fnd-menu_EN.jpg) no-repeat -325px -84px; width:164px;}
					  
					  
					  #menuEN ul a.menu-mecansaEN { width:164px; }
					  #menuEN ul a.menu-mecansaEN:hover { background: url(/imagenes/comunes/fnd-menu_EN.jpg) no-repeat -489px -84px;}
					  #menuEN ul a.menu-mecansaEN-selec { background: url(/imagenes/comunes/fnd-menu_EN.jpg) no-repeat -489px -84px; width:164px;}
					  
					  
					  #menuEN ul a.comunicacionEN { width:164px; }
					  #menuEN ul a.comunicacionEN:hover { background: url(/imagenes/comunes/fnd-menu_EN.jpg) no-repeat -653px -84px;}
					  #menuEN ul a.comunicacionEN-selec { background: url(/imagenes/comunes/fnd-menu_EN.jpg) no-repeat -653px -84px; width:164px;}	
					  
					  				  					  
					  #menuEN ul a.contactoEN { width:177px; }
					  #menuEN ul a.contactoEN:hover { background: url(/imagenes/comunes/fnd-menu_EN.jpg) no-repeat -817px -84px;}
					  #menuEN ul a.contactoEN-selec { background: url(/imagenes/comunes/fnd-menu_EN.jpg) no-repeat -817px -84px; width:177px;}



/**********************************************
				COLUMNA DERECHA
***********************************************/
#col-derecha #solicitar {display:block; width:134px; margin-left:91px; text-align:center; margin-top:5px;}

#contacto-comun { display:inline; float:left; background:url(/imagenes/comunes/fnd-contacto.jpg) no-repeat; width:244px; height:221px;}	
	#contacto-comun h3.contacto-derecha { margin-left:22px; }
	#contacto-comun p {font-family:Arial; font-size:12px; color:#808080; margin-left:22px;line-height:18px;}
	#contacto-comun a { color:#894519; margin-left:22px;}
	#contacto-comun a.sol_info { float:left; margin-left:108px;/* margin-top:5px;*/ margin-top:0px;}
	#contacto-comun h4.contacto-telefono { margin-left:20px; }
	
#area-clientes { display:inline; float:left; background:url(/imagenes/index/fondo-contacto.gif) bottom left no-repeat; width:246px; height:181px;}
	#area-clientes .contacto-clientes{background:url(/imagenes/index/fnd-area.gif) no-repeat center left; margin-top:11px; margin-left:16px; padding-left:8px;}
	
	#area-clientes label {font-family:Arial; font-size:12px; color:#92562E; width:200px; margin-left:19px;}
	#area-clientes .transp{margin-left:19px; margin-bottom:7px; width:207px; height:18px; border:solid 1px #743D19; color:#FFFFFF; background-color:#312219; filter:alpha(opacity=30); -moz-opacity:0.3; opacity: 0.3;}
		#area-clientes .pie p{float:left; display:inline; margin-left:19px; width:131px; color:#808080; font-family:Arial; font-size:10px;}
					#area-clientes .pie p a{color:#808080; font-family:Arial; font-size:10px; text-decoration:none;}
					#area-clientes .pie p a:hover{color:#808080; font-family:Arial; font-size:10px; text-decoration:underline;}
		#area-clientes .pie .bt_enviar{float:left; display:inline; font-family:Arial; font-size:12px; color:#7E390C; width:80px; height:26px; border:none; background:url(/imagenes/index/bt_enviar.gif) no-repeat; cursor:pointer; margin-left:148px;}

/**********************************************
				MIGAS
***********************************************/

#migas{font-family:Arial; font-size:10px; color:#808080; padding-top:10px;}
	#migas span{color:#F29400;}
	#migas a.home{font-family:Arial; font-size:10px; color:#808080; text-decoration:none;}
	#migas a:hover.home{font-family:Arial; font-size:10px; color:#808080; text-decoration:underline;}
	
	#migas a.categoria{font-family:Arial; font-size:10px; color:#F29400; text-decoration:none; margin:0;}
	#migas a:hover.categoria{font-family:Arial; font-size:10px; color:#F29400; text-decoration:underline;}
	
	#migas .apart{float:left; margin:0;text-align:left;}

/**********************************************
				PIE
***********************************************/

#pie { display:inline; display:inline; float:left; background:url(/imagenes/comunes/fnd-pie.gif) no-repeat; width:998px; height:71px; margin-left:-2px;}
#pie p { float:left; font-family:Arial; font-size:11px; color:#626262; margin-top:24px; margin-left:14px;}
#pie p a { color:#626262; font-size:11px; }

#pie p.pie-contacto { display:inline; float:right; font-family:Arial; font-size:11px; color:#626262; width:360px; text-align:right; margin-right:150px;}
#pie p.pie-contacto span.naranja { color:#894519;}
#pie p.pie-contacto span.naranja a { color:#894519;}


	
/************************************************
			CONDICIONES
************************************************/