@charset "utf-8";
/*CSS DOCUMENT*/
html{ background:url(../../img/html_bg.jpg) top center no-repeat #000; font-family:Arial, Helvetica, sans-serif; font-size:11px; }
body{ margin:0; padding:0; color:#fff; }
a img{ border:none; }
a{ color:#222; cursor:pointer; }
	a:hover{ text-decoration:none; }
h3{ width:100%; float:left; margin:0 0 8px 0; padding:0; color:#000; font-size:24px; font-weight:normal; }
	h3 img{  }
h3 a{ text-decoration:none; }
h3 a:hover{ text-decoration:underline; }
p, table{ width:100%; float:left; margin:0; padding:0; }

/*GENERICOS*/
ul.inline{ width:auto; float:left; margin:0; padding:0; list-style-type:none; }
ul.inline li{ width:auto; float:left; margin:0; padding:0; }
div.datos{ width: auto; float:left; clear:none; margin:0; padding:0; }
span.separador{ width:100%; float:left; clear:both; display:block; margin:0; padding:0; height:20px; }
/*FIN GENERICOS*/

#wrapper{ width:100%; float:left; margin:0; padding:0; height:auto; clear:both; position:relative; z-index:1;  }
	#deco{ width:100%; float:left; margin:0; padding:0; position:absolute; top:0; left:0; height:100%; z-index:1; overflow:hidden; }
	#deco img.deco{ width:auto; float:left; margin:0; padding:0; top:0; left:0; z-index:1; display:block; visibility:visible; }	
	*>#deco img.deco{ position:absolute; }
#container-c{ width:1004px; margin:0 auto 0 auto; padding:0; position:relative; z-index:1000;   }
	#container{ width:1004px; float:left; margin:15px 0 0 0; padding:0; height:auto; overflow:hidden;}
	#header{ width:1004px; height:116px; float:left; clear:both; margin: 0 0 9px 0; padding:0; position:relative; }
		*>#header{ height:auto; }
		#header h1{ width:auto; float:left; margin:0; padding:0; display:block; }
		#header #langs{ float:right; width:auto; margin:0; padding:0; }
			#langs a{ display:block; width:auto; float:left; margin:0 0  0 12px; padding:0; }
				#langs a span{ display:none; }
			#langs a:hover,
			#langs a.sel{ border-bottom:1px dashed #fff; }
			#langs .lang_es{ width:63px; height:19px; background:url(../../img/es.png) 0 0  no-repeat; }			
			#langs .lang_en{ width:43px; height:19px; background:url(../../img/en.png) 0 0  no-repeat; }			
			#langs .lang_fr{ width:51px; height:19px; background:url(../../img/fr.png) 0 0  no-repeat; }
		#menu{ float:left; margin:25px 0 0 0; padding:0; width:100%; bottom:11px; left:13px; }
		*>#menu{
				height:32px;
			}
		#menu ul{ width:100%; margin:0; padding:0; }
		#menu li{ margin:0 30px 0 18px; height:auto; float:left; width:auto;  position:relative; }
		*>#menu li{ margin:0 30px 0 20px;  }
			#menu li a{ width:auto; float:left; cursor:pointer; margin:0; padding:0; display:block; height:32px; color:#fff; background-position:top left; background-repeat:no-repeat; }
			#menu li a:hover{ border-bottom:1px dashed #fff; }
			*>#menu li a:hover{  border:none; }
			#menu li ul{ position:absolute; top:32px; left:-2px;  padding:5px 0 0 0; width:191px; overflow:hidden; height:auto; background:url(../../img/submenutop.gif) top left no-repeat; z-index:10000; display:none; }
				*>#menu li ul{  top:31px; left:-1px;}
				#menu li ul li{ width:150px; float:left; clear:both; height:auto; padding:6px 25px 0 16px; margin:0; background:#1e1e1e; }				
				#menu li ul li.ultimo{ background-image:none }
				#menu li ul li.ultimo span{ margin:0; }
				#menu li ul li.cierre{ width:191px; height:5px; margin:0; padding:0; font-size:1px; display:block; float:left; clear:both; background:url(../../img/submenubottom.gif) bottom left no-repeat; }
    		#menu li a span{ display:none; }	
			#menu li a:hover,
					#menu li a.sel{ border-bottom:1px dashed #fff;  }	
				#menu li a.inicio{ width:60px; background-image:url(../../img/eng/menu_home.png); }		
				#menu li a.quienes-somos{ width:110px; background-image:url(../../img/eng/menu_empresa.png); }				
				#menu li a.noticias{ width:190px; background-image:url(../../img/eng/menu_noticias.png); }						
				#menu li a.productos{ width:103px; background-image:url(../../img/eng/menu_productos.png); }					
				#menu li a.compra{ width:90px; background-image:url(../../img/eng/menu_compra.png); }					
				#menu li a.contacto{ width:90px; background-image:url(../../img/eng/menu_contacto.png); }					
				#menu li.thinkfish{ float:right; margin:0 17px 0 0; }				
				#menu li a.thinkfish{ width:42px; background-image:url(../../img/thinkfish.png); }	
				#menu li a.thinkfish:hover{ border:none; }
				#menu li ul li a{ display:block;  float:left; margin:0; padding:0; width:150px; font-size:1.1em; text-decoration:none; }
				#menu li ul li a span{ display:block; border-bottom:1px dashed #626262; padding-bottom:5px; }			
				#menu li ul li a:hover span,
				#menu li ul li a.sel span{ background:none; border-bottom:1px dashed #fff; }
				#menu li ul li a:hover,
				#menu li ul li a.sel { border:none; }			
	#cabecera{ width:100%; float:left; margin:0 0 18px 0; padding:0; }		
	#body{ width:958px; float:left; margin:0; padding:0; height:auto; background:#fff; color:#222; padding:24px 23px 24px 23px; }	
	div.destacados{ width:100%; float:left; margin:0; /*padding:14px;*/ padding:0;  height:178px; background:#e4e4e4; color:#666666; overflow:hidden; }
	div.destacados ul{ width:auto; float:left; margin:0; padding:0; }
		div.destacados li{ width:auto; float:left; margin:0 25px 0 0 }
		div.destacados span.imagen{ display:block; width:119px; height:119px; float:left; margin:0 9px 0 0; padding:2px 0 0 2px; background:url(../../img/marco_img.jpg) top left no-repeat; }
			div.destacados span.imagen span{ display:block; width:112px; height:112px; overflow:hidden; float:left; }
		div.destacados div.datos{ width:160px; }		
		#body p.fila-galeria{ width:100%; float:left;  margin:0 0 12px 0; }
		p.fila-galeria  li.last{ margin-right:0; }
		p.fila-galeria  span.imagen{ display:block; width:85px; height:85px; float:left; margin:0 15px 0 0; padding:1px 0 0 1px; background:url(../../img/marco_mini.jpg) top left no-repeat; }
			p.fila-galeria span.imagen span{ display:block; width:80px; height:80px; overflow:hidden; float:left; margin:0; padding:0; }		
	ul.descargas{ width:100%; float:left; margin:0 0 20px 0; padding:0; list-style-type:none; font-size:11px; }
		ul.descargas li{ width:100%; padding:0 0 0 0; float:left; clear:both; margin:0 0 18px 0; }
		ul.descargas a.pdf img { float:left; margin:0 12px 0 0; }
		#body ul.descargas li p{ width:80%; float:left; margin:0; padding:0; clear:none; }		
		#body div.destacados h3{ margin-top:12px; letter-spacing:-1px; line-height:17px; }
		#body div.destacados p{ margin:0 0 0 0; float:left; line-height:16px; font-size:11px; }		
	div.cuadro{ background:#e4e4e4; width:100%; margin:0 0 20px 0; padding:15px 7px 15px 9px; float:left; line-height:16px; color:#666666; }
	#body div.cuadro p.reader{ margin:15px 0 0 0; text-align:right; }		
	div.column{ width:auto; float:left; margin:22px 0 0 0; padding:0; height:auto; overflow:hidden; }	
	#column-1{ width:280px; padding:0 21px 0 14px; }
	#column-2{ width:281px; padding:0 35px 0 0; }
	#column-3{ width:306px; padding:0 0 0 0; }
	#column-4{ width:610px; padding:0 30px 0 0; }
#body p{ width:95%; float:left; margin:0 0 20px 0; padding:0; clear:both; font-size:12px; line-height:20px; }
#body div.especial p{ font-size:1em; line-height:normal; color:#666; }		
#body div.destacado{ width:100%; float:left; margin:0 0 20px 0; padding:0; background:#e4e4e4; height:105px; overflow:hidden; }
#body div.destacado img{ float:left; margin:0; padding:0; }
	#body div.izquierda img{ margin:0 15px 0 0; }
	#body div.derecha img{ float:right; margin:0; }	
#body div.destacado h3{ width:148px; font-size:2.6em; float:left;  clear:none; font-weight:bold; margin:10px 0 0 0; padding:0 0 0 11px; }
#body div.destacado h3 a{ text-decoration:none; }
#body div.destacado p{ clear:none; float:left; width:148px; color:#666; font-size:1em; line-height:normal; padding:0 0 0 11px }
#body div.derecha p{  }
#body div.destacado p a{ color:#666; text-decoration:none; }
	#body div.destacado p a:hover{ text-decoration:underline; }
#body div.newsletter h3{
	font-size:1.6em; width:175px; padding-left:0; margin-top:15px; margin-bottom:5px;
}
#body div.newsletter h3 span{ font-weight:normal; }
#body div.newsletter p{ padding-left:0; width:190px }
#body div.newsletter img{ margin:0 5px 0 0; }
#body .last{ margin:0 ; padding:0; }
#column-4 h3{ font-size:2.4em; margin:0 0 20px 0; }
#footer{ width:100%; float:left; margin:19px 0 20px 0; padding:0; height:auto; }
	#footer p.rights{ width:700px;  float:left; margin:0 0 10px 0; padding:0; font-size:17px;  }
	#footer a{ color:#fff; }
	#footer p.data{ width:700px; float:left; margin:0; padding:0; clear:left;  }
	#footer p.links{ width:auto; float:right; margin:0; padding:0; vertical-align:middle; }
	#footer p.links a{ display:block; float:left; width:auto; margin:0 7px 0 7px; padding:0 0 0 0;}
	#footer p.links span{  background:url(../../img/sep_pie.gif) right 3px no-repeat; width:2px; font-size:1px; height:15px; float:left; }
	#footer p.links a img{ margin:-3px 0 0 0; }
		#footer p.links a.last{ background:none; padding-right:0}
	#footer p.credits{ width:154px; height:12px; float:right; clear:right; margin:8px 0 0 0; padding:0;  }
	*>#footer p.credits{ margin:0; }	
ul.bloque{ width:100%; height:auto; float:left; margin:0; padding:0; list-style-type:none; }
ul.doscero{ width:95%; padding:0 2.5% 0 2.5%; margin:0; }
	ul.doscero li{ clear:both; width:95%; float:left; margin:0 0 23px 0 ; padding:0 0 23px 0; border-bottom:1px solid #bbb;}
	ul.doscero li img{ float:left; margin:0 12px 0 0; padding:0; }
	ul.doscero li a{ display:block; width:100%; height:100%; margin:0; padding:0; text-decoration:none; }
	ul.doscero li a span.title{ font-size:1.6em; clear:right; float:left; width:200px; margin:0 0 11px 0; }
	ul.doscero li a span.desc{ color:#666666; font-size:1em; float:left; width:200px; }	
	ul.doscero li a:hover span.title{ color:#666; }
	ul.doscero li a:hover span.desc{ color:#999; }	
#body .mini{ font-size:1em; margin-bottom:0; }
/*FORMULARIO CONTACTO*/
#body form#form{ width:562px; float:left; clear:both; margin:0; padding:20px 25px 23px 23px; background:#e4e4e4;  }
#body form#form h3{ font-size:1.8em; }
#body form#form ul{ width:100%; float:left; margin:0; padding:0; list-style-type:none; }
#body form#form li{ width:100%; float:left; margin:0 0 23px 0; padding:0; clear:both; }
#body form#form li label,
#body form#form li span.label{ width:180px; margin:0 2px 0 0; padding:0; float:left; display:block; font-size:1.6em;  }
#body form#form li label.radio{ display:inline; width:auto; float:none; font-size:1em; }
#body form#form li input, 
#body form#form li select,
#body form#form li textarea{ width:auto; float:left; margin:0; padding:0; border:1px solid #c2c2c2; background:url(../../img/input-bg.gif) bottom left repeat-x #fff; font-family:Arial, Helvetica, sans-serif; color:#666; font-size:1em; }
#body form#form li input,
#body form#form li textarea{ padding:3px 2px 3px 2px; }
#body form#form li input.checkbox{background:none; float:none; border:none; }
#body form#form li input.radio{ background:none; float:none; border:none; padding:2px 0 0 0; }
#body form#form li input.boton{ background:none; float:right; border:none; padding:0; }
#body form#form li textarea{ background:url(../../img/textarea-bg.gif) bottom left repeat-x #fff; }
/*LISTADO NOTICIAS*/
#body div.noticia{ width:100%; float:left; clear:both; margin:0 0 50px 0; padding:0; }
#body div.noticia h3{ margin-bottom:0; font-size:1.8em; }
#body div.noticia p.fecha{ font-size:1em; padding:0; color:#8c8c8c; font-weight:bold; }
#body div.noticia a.continuar{ font-size:.8em; display:block; text-decoration:none; margin:0; font-weight:bold; padding:3px 20px 2px 8px; float:left; width:112px; background:url(../../img/flecha.gif) top right no-repeat #000; color:#fff; text-transform:uppercase; }
	#body div.noticia a.continuar:hover{ background-color:#333; }
#body div.noticia a.volver{ font-size:.8em; display:block; text-decoration:none; margin:0; font-weight:bold; padding:3px 8px 2px 20px; float:left; width:112px; background:url(../../img/volver.gif) top left no-repeat #000; color:#fff; text-transform:uppercase; }
	#body div.noticia a.volver:hover{ background-color:#333; }
/*PAGINADOR	*/
#paginador{ width:594px; float:left; margin:0; padding:15px 8px 15px 8px; clear:both; background:#e4e4e4; font-size:1em;  }
#paginador p.texto{ width:auto; display:block; float:left; font-weight:bold; }
#body #paginador p{ margin:0; padding:0; }
#body #paginador p.enlaces{ width:auto; display:block; float:right; margin:0; padding:0; clear:none; color:#000; }
	#body #paginador p.enlaces a{ color:#666; text-decoration:none; font-weight:bold; }
	#body #paginador p.enlaces a:hover{ text-decoration:underline; }
/*NUEVO*/
/*DESTACADOS HOME*/
div.destaca{ width:100%; float:left; clear:both; margin:0 0 20px 0; padding:0; background:#e9e9e9; height:360px; position:relative; }
	*>div.destaca{ min-height:360px; height:auto; }	
	div.datos{ width:275px; height:122px; float:left; position:absolute; background:#f3f1f1; padding:20px 13px 0 13px;  }
		*>div.datos{ min-height:122px; height:auto; }
	div.der div.datos{ top:23px; left:13px; }
	div.izq div.datos{ bottom:23px; right:13px; }	
	div.datos h4{ text-transform:uppercase; font-size:18px; margin:0 0 14px 0; padding:0; float:left; width:100%; clear:both; }
	#body div.datos p{ width:100%; float:left; clear:both; margin:0 0 12px 0; padding:0; line-height:normal; }
	div.datos a.boton{ width:auto; float:left; margin:0; padding:4px 0 4px 9px; text-transform:uppercase; background:url(../../img/boton.jpg) top right no-repeat #424242; width:126px; font-weight:bold; color:#fff;
		border:1px solid #5c5b5b; text-decoration:none; }	
	div.izq img{ position:absolute; left:27px; top:27px; }
	div.der img{ position:absolute; bottom:27px; right:27px; }	
/*NOTICIAS HOME*/
#noticias_home{ padding:13px 5% 13px 5%; width:90%; }
#noticias_home h4{ font-size:18px; font-weight:bold; color:#000; border-bottom:1px solid #bbb; width:95%; margin:0 0 12px 0; padding:0 0 12px 0; text-transform:uppercase; }
#noticias_home a{ font-size:14px; text-decoration:none; font-family:Arial, Helvetica, sans-serif; color:#000; width:100%; display:block; float:left; margin:0 0 8px 0; }
	#noticias_home a:hover{ text-decoration:underline; }
#noticias_home p{ color:#66666c; border-bottom:1px solid #bbb; margin:0 0 11px 0; padding:0 0 8px 0; float:left; width:95%; line-height:normal; }
#noticias_home p.last{ margin:0; border:none; }
/*PRODUCTOS*/
#productos,
#tiendas{ width:100%; float:left; margin:0; padding:6px 0 50px 0; background:url(../../img/borde.gif) top left repeat-x #fff; }
	#productos div.datos{ background:#fff; float:right; position:relative; width:314px; }
	#productos div.datos a.boton{ margin:60px 0 0 0; }	
	#productos ul.bloque li{ background:url(../../img/borde.gif) bottom left repeat-x #fff; float:left; width:100%; clear:both; }
	#productos span.imagen{ width:540px; height:350px; float:left; margin:0; padding:20px 22px 20px 22px; overflow:hidden; text-align:center; display:block; }
/*MENUSEC*/
#menusec{ width:100%; float:left; clear:both; margin:0 0 50px 0; padding:0; }
	#menusec a{ display:block; width:226px; float:left; margin:0 9px 0 0; padding:2px 0 7px 25px; color:#323131; font-size:24px; font-weight:bold; background:#e4e4e4; text-decoration:none; }
		*>#menusec a{ margin:0 18px 0 0; }
		#menusec a.sel{ background:#323131; color:#fff; }
	/*FORM*/
	form.formulario{ width:100%; clear:both; margin:0 0 30px 0; padding:0; float:left; }
#body form.formulario p{ width:100%; clear:both; float:left; margin:0 0 14px 0; padding:0; }
	form.formulario select, 
	form.formulario input,
	form.formulario textarea{ background:#e4e4e4; width:195px; border:none; font-family:Arial, Helvetica, sans-serif; font-size:18px; }
/*TIENDAS*/
#tiendas{ background:none; }
#tiendas li{ padding:20px 0 20px 0; background:url(../../img/borde.gif) top left repeat-x #fff; float:left; width:100%; clear:both;  }
	#tiendas li p{ float:left; width:100%; margin:0; padding:0; }
	#tiendas li a.mapa{ margin:18px 0 0 0; display:block; float:left; padding:0; width:auto; }
	#tiendas span.imagen{ width:250px; height:auto; overflow:hidden; float:left; padding:0 0 0 15px; position:relative; }
	#tiendas div.datos{ width:600px; float:left; margin:0; padding:0 0 0 20px; position:relative; background:#fff; font-size:18px;  }
	#tiendas div.datos h4{width:100%; float:left; clear:both; margin:0 0 2px 0; padding:0; } 
	#tiendas div.datos p{ width:100%; float:left; clear:both; margin:0 0 5px 0; padding:0; }
	#tiendas div.datos a.comprar{ display:block; float:left; margin:10px 0 0 0; padding:5px 0 5px 12px; width:auto; text-decoration:none; text-transform:uppercase; background:#323131; font-weight:bold; color:#fff; width:127px; }
/*GALERIA*/
ul.galeria{ width:100%; float:left; margin:0 0 100px 0; padding:0; list-style-type:none; }
	ul.galeria li{ width:33%; float:left; margin:0; padding:0; height:160px; text-align:center; clear:none; }	
/*DISTRIBUIDORES OFICIALES*/
#decoimg{ width:100%; float:left; margin:0 0 20px 0; padding:0; clear:both; height:200px; overflow:hidden; background:#ccc; }
#menusec a.distr{ width:290px; }
#menusec{ margin-bottom:20px; } 
ul.datos{ width:100%; float:left; clear:both; margin:0 0 40px 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:14px; list-style-type:none;  background:url(../../img/datos-borde.gif) bottom left repeat-x;}
ul.datos li{ width:30%; float:left; clear:none; margin:0; padding:31px 20% 31px 0; background:url(../../img/datos-borde.gif) top left repeat-x; }
ul.datos li h3{ width:100%; float:left; clear:both; margin:0; padding:0; font-size:14px; font-weight:bold; }
#body ul.datos li p{ width:100%; float:left; clear:both; margin:0; padding:0; font-size:14px; }
/*CHECKBOX*/
#body form#form li input.checkbox{background:none; float:left; border:1px solid #c2c2c2; margin:5px 10px 0 0;}
#body form#form li label.checkbox{ width:500px; }
/*PATROCINADORES*/
div.patro{ width:50%; float:left; margin:0; padding:0; }
    div.patro h3{ color:#66666c; font-size:12px; }
    div.patro a{ display:block; width:100%; clear:both; margin:0 0 10px 0; padding:0; }
/*DISTRIBUIDORES*/
div.tienda{ width:100%; float:left; clear:both; margin:55px 0 0 0; padding:0 0 40px 0;  }
    div.tienda ul{ width:100%; float:left; margin:0; padding:0; list-style-type:none; font-size:13px;  }
    div.tienda li{ width:100%; float:left; clear:both; margin:0; padding:0; }
    div.tienda ul a{ display:block; width:100%; height:auto; margin:0; padding:0; text-decoration:none; font-weight:bold; }
    div.tienda ul a.sel{ background:url(../../img/bullet-1.gif) top right no-repeat; text-decoration:underline; }
    div.tienda ul a:hover{ text-decoration:underline; }    
ul#tiendas-pais{ width:195px; float:left; margin:0; padding:0 52px 0 0; clear:left; }
    ul#tiendas-pais li{ margin-bottom:11px; }
    ul#tiendas-pais a{ width:181px; background-color:#e4e4e4; padding:7px 0 7px 13px; border:1px solid #efefef; }  
ul#tiendas-ciudades{ width:105px; padding:11px 0 0 0;}
    ul#tiendas-ciudades li{ margin-bottom:10px; }
    ul#tiendas-ciudades a.sel{ text-decoration:underline; background:url(../../img/bullet-2.gif) top right no-repeat; } 
ul#tiendas-lista{ width:433px; padding:5px 0 0 78px; }
    ul#tiendas-lista a{ text-decoration: underline; font-weight: normal; display:inline; }    
    ul#tiendas-lista li{ width:100%; padding:0 0 24px 0; margin:0 0 23px 0; clear:both; background:url(../../img/datos-borde.gif) bottom left repeat-x; line-height:20px; }
        ul#tiendas-lista li img{ float:right; }