@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 margenes ni paddings
 * -sin fondos ni estilo para listas
*/

* {margin: 0; padding: 0; font: 11px Georgia;} /* nada tendrá padding ni margen, y las fuentes serán 11px */
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; }
a:link, a:visited, a:active {outline: none;}
a:hover {text-decoration: none;}
img {border: none; text-decoration: none;} /* background: url(); aparecerá como fondo de la imagen, útil para imágenes de carga */
acronym {border: 0;}
.manolink{cursor: pointer;}

/* igualar las fuentes a todos los elementos */
h1, h2, h3, h4, h5, strong {font-size: 100%; font-weight: normal;}
strong {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);
}
/*
 * como hacer png transparentes en IE6
 * dado un div...:
 * #bloque {background: url(/imagenes/index/abcd.png); behavior: url(/estilos/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: #f7f7f7;margin:0;padding:0; overflow-x:hidden;}
/*h1 {display:none;}*/
#pagina{margin: 10px auto; width:967px; text-align: left; font-family:Georgia;background:#fff;}
.no-se-ve{text-indent:-99999999999999px;}
/**********************************************
				CABECERA
***********************************************/
#cabecera{float:left; display:inline; width:100%;background:#fff; position: relative;}	
		#cabecera h1 a{text-indent:-9999px; float:left; display:inline; margin-top:30px; margin-left:37px; background: url(/imagenes/comunes/h1-logo.gif) no-repeat; width:180px;height:74px;}
		
	#cabecera #navegador{ display:inline;float:right;left:649px;position:absolute;top:38px;width:331px;z-index:2;}
	#cabecera #nav_util{ float:left; display:inline;margin-top:5px;}
		#cabecera #nav_util li{ display:inline;color:#a5a5a5;  font-size:10px;}
		#cabecera #nav_util a{color:#a5a5a5; font-size:10px;font-family:Arial;}
		#cabecera #nav_util a:hover{text-decoration:underline;color:#000000;}
		#cabecera #nav_util a.youtube-nav{margin-right:13px;}
		 .lenguage{float:left; display:inline;width:73px;margin-left:3px;margin-top:11px;}
		.lenguage a{float:left;background: url(/imagenes/comunes/flecha-idioma.gif) no-repeat right; padding-right:7px; cursor:pointer;color:#a5a5a5; font-size:10px;font-family:Arial;}

	#listaIdioma{/*height:123px;*/margin-top:0px;display:none;margin-left:205px; width:73px; background:url("/imagenes/comunes/fnd-idioma.gif") no-repeat scroll center /*-75px*/bottom transparent;margin-right:22px;padding-bottom:5px;float:left;}
		#listaIdioma li{float:left;display:inline; margin-top:0px;height:20px;border-top:1px solid #f0f0f0; width:65px;padding-top:3px;margin-left:3px;}
		#listaIdioma li a img{float:right;display:inline;vertical-align:middle;}
		#listaIdioma li a{float:left;display:inline;font-size:10px;vertical-align:middle;width:100%;height:25px;color:#a5a5a5; font-size:10px;font-family:Arial;}
		#listaIdioma li a:hover{float:left;display:inline;font-size:10px;vertical-align:middle;width:100%;height:25px;color:#000}
		#listaIdioma li a span{font-size:10px;margin-left:10px;}

	/*	
	#menuES{float:left; display:inline; margin-left:37px;margin-top:30px;width:908px; height:41px;}
		#menuES li{ display:inline; float:left;}
			#menuES li a{ height:41px; display:block; }
		
			#menuES .inicioES{background: url(/imagenes/comunes/menuES.gif) 0 0 no-repeat;width:113px;}
			#menuES .inicioES-actual{background: url(/imagenes/comunes/menuES.gif) 0 -41px no-repeat;width:113px;}
			#menuES .inicioES:hover{background: url(/imagenes/comunes/menuES.gif) 0 -41px no-repeat;width:113px;}
			
			#menuES .la-companiaES{background: url(/imagenes/comunes/menuES.gif) -113px 0 no-repeat;width:176px;}
			#menuES .la-companiaES-actual{background: url(/imagenes/comunes/menuES.gif) -113px -41px no-repeat;width:176px;}
			#menuES .la-companiaES:hover{background: url(/imagenes/comunes/menuES.gif) -113px -41px no-repeat;width:176px;}
			
			#menuES .calidadES{background: url(/imagenes/comunes/menuES.gif) -289px 0 no-repeat;width:193px;}
			#menuES .calidadES-actual{background: url(/imagenes/comunes/menuES.gif) -289px -41px no-repeat;width:193px;}
			#menuES .calidadES:hover{background: url(/imagenes/comunes/menuES.gif) -289px -41px no-repeat;width:193px;}
			
			#menuES .rseES{background: url(/imagenes/comunes/menuES.gif) -482px 0 no-repeat;width:135px;}
			#menuES .rseES-actual{background: url(/imagenes/comunes/menuES.gif) -482px -41px no-repeat;width:135px;}
			#menuES .rseES:hover{background: url(/imagenes/comunes/menuES.gif) -482px -41px no-repeat;width:135px;}
			
			#menuES .productosES{background: url(/imagenes/comunes/menuES.gif) -617px 0 no-repeat;width:233px;}
			#menuES .productosES-actual{background: url(/imagenes/comunes/menuES.gif) -617px -41px no-repeat;width:233px;}
			#menuES .productosES:hover{background: url(/imagenes/comunes/menuES.gif) -617px -41px no-repeat;width:233px;}
			
			#menuES .contactoES{background: url(/imagenes/comunes/menuES.gif) -850px 0 no-repeat;width:58px;}
			#menuES .contactoES-actual{background: url(/imagenes/comunes/menuES.gif) -850px -41px no-repeat;width:58px;}
			#menuES .contactoES:hover{background: url(/imagenes/comunes/menuES.gif) -850px -41px no-repeat;width:58px;}
	*/	
	#menu{float:left; display:inline; margin-left:37px;margin-top:30px;width:908px; height:41px;border-top:1px dotted #a9a9a9; border-bottom:1px dotted #a9a9a9;}
		#menu li{ display:inline; float:left;}
			#menu li a{ display:block; color:#333333;font-family:Georgia; font-size:14px;font-weight:bold;padding-top:11px;}
			#menu li a:hover{ display:block; color:#9ca11e;font-family:Georgia; font-size:14px;font-weight:bold;padding-top:11px;}
			#menu li a.actual{ display:block; color:#9ca11e;font-family:Georgia; font-size:14px;font-weight:bold;padding-top:11px;}
				#menu .inicio{width:110px;}
				#menu .la-compania{width:175px;}
				#menu .calidad{width:190px;}
				#menu .rse{width:135px;}
				#menu .productos{width:230px;}
				#menu .contacto{width:58px;}
/**********************************************
				CONTENIDO
***********************************************/
#contenido{float:left; display:inline;background:#fff; width:100%; padding-bottom:30px;background:#fff;}
h2{font-family:Georgia; font-size:23px; color:#8b5da6;}
h3{font-family:Georgia; font-size:23px; color:#fff;}

h4{background:url("/imagenes/comunes/pestana_amarillo.gif") no-repeat scroll 0 4px transparent; padding-left:21px;font-family:Georgia; font-size:15px; color:#5e6319;letter-spacing:-1px;}
.tit2{margin-left:10px;margin-bottom:13px;font-weight:bold;}

.submenu{float:left; display:inline;width:213px;margin-left:37px; margin-top:21px;}
	.submenu li{float:left; display:block;margin-top:1px;}
		.submenu li a{float:left; display:block; padding-left:17px; padding-top:7px;width:196px;/*height:23px;*/padding-bottom:7px;background:#ebe9e6 url(/imagenes/comunes/flecha-submenuOff.gif) no-repeat 7px 11px;color:#878381;font-family:Tahoma; font-size:11px;}
		.submenu li a:hover,.submenu li a.activado{float:left; display:block; padding-left:17px; padding-top:7px;width:196px;/*height:23px;*/padding-bottom:7px;background:#acb121 url(/imagenes/comunes/flecha-submenuOn.gif) no-repeat 7px 11px;color:#fff;font-family:Tahoma; font-size:11px;}
	
.contenido-lateral{float:left; display:inline;width:654px;margin-left:40px; margin-top:21px;}
	.titular-contenido{float:left; display:inline;width:654px;background-color:#301440;height:186px;}
	
	h5{font-family:Georgia; font-size:23px; color:#9ca11e;}
	
/**********************************************
				MIGAS
***********************************************/
#migas{margin-left:37px;margin-top:14px;}
	#migas #esta{color:#d49827;font-family:Tahoma; font-weight:bold; font-size:10px;}
	#migas span{color:#656565;font-family:Tahoma;font-size:10px;}
	#migas a{color:#656565;font-family:Tahoma;font-size:10px;}

/**********************************************
				PIE
***********************************************/
#pie{float:left; display:inline; width:100%;background:#f7f7f7;}
	#texto-pie{float:right; display:inline; margin-top:10px;/*background: url(/imagenes/comunes/confianza-online.gif) no-repeat right; */height:33px;padding-top:13px; padding-right:40px;margin-top:24px;color:#9ca11e; font-size:10px; font-family:Georgia;margin-right:7px;}
	#texto-pie a{color:#9ca11e; font-size:10px; font-family:Georgia;}
	#logos-pie{float:left; display:inline; margin-top:10px;}
		#logos-pie li{float:left; display:inline; margin-left:19px;}

/*********************************************
	PAGINADOR
***********************************************/
#paginadorSuperior{background:transparent url(/imagenes/comunes/paginador/dotted-bg.gif) repeat-x scroll center bottom;padding-bottom:10px;width:100%; margin-bottom: 10px;margin-top:5px;}
#paginadorInferior{background:transparent url(/imagenes/comunes/paginador/dotted-bg.gif) repeat-x scroll center top;padding-top:10px;width:100%; margin-top: 10px; clear:both;}
	#paginador h3{float: left;}
	.paginacion_simple span {background-color:#ACB121;border:1px solid #ACB121;color:#FFFFFF;display:block;float:left;margin:3px;padding:1px 4px;text-align:center;text-decoration:none; font-size:12px;}
	.paginacion_simple li {display:inline;list-style-type:none; font-size:12px;}
	.paginacion_simple a:link, .paginacion_simple a:visited {background-color:#FFFFFF;border:1px solid #0F0F0F;color:#0F0F0F;padding:1px 4px;text-decoration:none; font-weight: normal; font-size:12px;}
	.paginacion_simple a {display:block;float:left;margin:3px;text-align:center; font-size:12px;}
	.paginacion_simple a:hover{background-color:#CFCFCF; font-size:12px;}