/* CSS Document */
@import url("reset.css");
*,html { margin:0; padding:0; }
form { margin:0;}
a { color:#007680; } 
a:hover {color:#000}
a img {border:0}

.clearfix:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
 }

.clearfix {
        display: inline-block;
 }

/* start hack \*/

* html .clearfix {
        height: 1%;
 }

.clearfix {
        display: block;
}
/* close hack */

/*---------------- CLASES HTML --------------------------------------*/
html { min-height: 100%; height: auto; }
body { background:#f2f0e8 url('../images/fondo_barco.png') no-repeat right bottom; /*font-size:12px;*/ font-size: 75%; font-family:Arial, Helvetica, sans-serif; }
p { line-height:1.5em; }
h1.h1_home { display:none; }
#todo { width:100%; background:url(../images/fondo_cabecera.gif) repeat-x top center; height:auto;  }
#general { /*width:980px;*/ width:81.667em;  margin:auto; position:relative;}
#todo #general .logo_serrats { position:absolute; z-index: 5; left: -1.667em; }
#todo #general .logo_serrats_dentro { position:absolute; z-index: 5; left: -0.833em; }
#general #content {padding-bottom:1.667em; }
#todo #general #header { height:3.833em; position:relative; background:#530c13 url(../images/fondo_cabecera.gif) repeat-x top center; margin: 0 auto; }
.oculto{
	display:none;
}
#menu_principal {	height: 3.75em; border-top: #530c13 0.083em solid; width:66.667em; /*margin-left:130px;*/ position:absolute; left:8.333em; z-index:10 }
#menu ul { margin:0em; padding:0em; }
#menu li { display:inline; list-style:none;  }
#menu li a { display:block; color:#FFFFFF; text-decoration:none; /*margin-left:10;*/ margin-left:0.833em; float:left; font-family:Arial, Helvetica, sans-serif; font-size:1.333em; margin-top:0.3em; padding: 0.5em 0.8em 0.5em 0.8em; font-weight:400;}
#menu li a:hover { background-color:#420108;display:block; /*color:#FFFFFF; text-decoration:none; float:left; font-family:Arial, Helvetica, sans-serif; font-size:1.333em;border-radius: 0.6em; -moz-border-radius: 0.6em;*/   }
#menu li a.activo { background-color:#420108;display:block; color:#FFFFFF; /*text-decoration:none; margin-left:10; margin-left:0.833em; float:left; font-family:Arial, Helvetica, sans-serif; font-size:1.333em; margin-top:0.3em; padding: 0.5em 1em 0.5em 1em; border-radius: 0.6em; -moz-border-radius: 0.6em;*/}
#menu_idiomas {  position:absolute; left:68.333em; top:0; padding-top:0.25em; width:7em; height:2.5em; background: #741a23 url(../images/fondo_idiomas.png) no-repeat top center; }
ul#idiomas  { margin:0; padding:0; width:6.833em; height:2.5em; padding-left:0.583em; }
#idiomas li { color:#FFFFFF; display:block; display:inline; font-size:0.917em;  }
#idiomas li a { color:#FFFFFF; text-decoration:none; padding-left:0.333em; }
.bordeidioma{ border-right:#FFF 0.083em solid;  padding-right:0.5em; }
#general #promo { margin-bottom:1.333em; }

#general #content #col_1 {width:53.333em; float:left; }
#general #content #col_2 {width:25em; float:left; margin-left:3.333em; margin-top:2.917em; }
#general #content #col_2_home { width:25em; float:left; margin-left:3em; }
#col_1 #esperanza { background: #FFFFFF; width:52.083em; margin:0 auto 0.833em auto; line-height:1.5em; border: #e3dfd1 0.083em solid; overflow: hidden; }
#col_1 #esperanza img.img_esperanza { float:left; margin:0.833em; }
#col_1 #esperanza p { margin:0.833em; float:left; width:41.667em; }
#col_1 #distribuidor {
	margin:auto;
	width:52.083em;
	height:30em;
	border: #e3dfd1 0.083em solid;
	padding-bottom:1.667em;
	background-image: url(../images/distribuidor.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color:#FFF;
}
#col_1 #distribuidor p { /*width:433px;*/ width:39em; clear:both; padding-top:1em; padding-left:2.5em; }
#col_1 #distribuidor ul { display:block; margin-left:4.167em; margin-top:1em; /*margin-bottom:2em;*/ }
#col_1 #distribuidor ul li { color: #7c121d; font-size:0.917em; margin-bottom:0.417em; list-style:square; }
.boton_unete { background:url(../images/fondo-boton-unete.png) #660000 no-repeat center;/*font-size:20px;margin-top:13px;  margin-left:50px; width:279px; padding-top:5px;*/ font-size:1.667em;margin-top:0.6em;  /*margin-left:2em;*/ width:13.5em; padding-top:0.417em; padding-bottom:0.417em; color:#FFFFFF; font-weight:bold; text-transform:uppercase; text-decoration:none;  text-align:center; display:block;}
a.boton_unete:hover { color:#FFCCCC; }
.boton_unete_lateral {/* margin-top:0.4em;  margin-left:0.833em;*/ display:block;   background:url(../images/fondo-boton-unete.png) #660000 no-repeat center;width:13.5em; padding-top:0.417em; padding-bottom:0.417em; color:#FFFFFF; font-weight:bold; text-transform:uppercase; text-decoration:none; font-size:1.667em; text-align:center;   }
#distribuidor #tienda {
	width: 38.75em;
	height:13.25em;
	background-image: url(../images/fondo_tienda_ny.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#todo #general #content #col_1 #distribuidor #tienda .zabars { font-size:1em; margin-bottom:0.667em;}
#todo #general #content #col_1 #distribuidor #tienda p { font-size:0.917em; margin:0em 0 0 2.9em; padding:4em 0 0 0; display:block; width:28em; line-height:1.25em; }
/*#col_2 #productos, #col_2_home #productos  { background:url(../images/productos.jpg) no-repeat top center; height:15.833em; margin-bottom:0.833em; }*/
#col_2 #conservas, #col_2_home #conservas {
	background-color:#FFF;
	border: #e3dfd1 0.083em solid;
	height:22em;
	background-image: url(../images/fotos_conservas.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#col_2_home #conservas p  { width:15em; margin-top:1em; margin-left:2.5em; /*margin-bottom:0.8em;*/ float:left; }

/* ----ESTILOS PARA CADA PÁRRAFO DE LA SECCION CONSERVAS DE LOS DESTACADOS DEL LATERAL DERECHO-----*/
#col_2 #conservas #tiulo_destacados_serrats_conservas { /*width: 243px;*/ height:1em; padding: 1.1em 0.3em 0em 2.5em; margin-top:0.5em; background: #7c121d url(../images/bullet_serrats.gif) 0.8em center no-repeat;  color: #FFFFFF;  font-size:1.667em; width:12.1em; line-height:0em; }
#col_2 #conservas #texto_destacados_serrats_conservas { padding-top:1.167em; padding-left:2.5em; padding-right:7.5em; }
#col_2 #conservas #boton_destacados_serrats_conservas { padding-top:1.167em; padding-left:2.5em; padding-right:7.5em; }
/* ----FIN ----ESTILOS PARA CADA PÁRRAFO DE LA SECCION CONSERVAS DE LOS DESTACADOS DEL LATERAL DERECHO-----*/

/*#col_2 #conservas p.tiulo_destacados_serrats_conservas{ width: 243px; height:1em; padding: -1.167em 0.3em 0em 2.7em; margin-top:0.5em; background: #7c121d url(../images/bullet_serrats.gif) 0.8em center no-repeat;  color: #FFFFFF;  font-size:1.667em; width:9.9em; line-height:0em; }*/
#col_2 #conservas .entrar2, #col_2_home #conservas .entrar2 { background:url(../images/boton-entrar-historia.png) no-repeat center; color:#666666; text-decoration:none; font-weight:bold; width:13em; padding:1em 0 0.6em 3em;   display:block ; clear:both; /*margin-left:2em;*/ height:1.5em; }

#col_2 #productos, #col_2_home #productos {height:23.5em; margin-bottom:1.5em; background-color:#FFF; border: #e3dfd1 0.083em solid;}
#col_2_home #productos p  { width:21em; margin-top:0.833em; margin-left:2.5em; /*margin-bottom:0.8em;*/ float:left; }
#col_2 #productos p { padding-top:1.167em; padding-left:2.5em; padding-right:2.5em; }
#todo #general #content #col_2_home #productos p.foto_productos { float:left; margin-left:2.5em; }
#todo #general #content #col_2 #productos p.foto_productos { float:left; }
#col_2 #productos .entrar2, #col_2_home #productos .entrar2 { background:url(../images/boton-entrar-historia.png) no-repeat center; color:#666666; text-decoration:none; font-weight:bold; width:13em; padding:1em 0 0.6em 3.5em;   display:block ; clear:both; /*margin-left:2em;*/ height:1.5em; }

.tiulo_destacados_serrats { /*width: 243px;*/ height:1.55em; padding: 0.5em 0.3em 0em 2.7em; margin-top:0.5em; background: #7c121d url(../images/bullet_serrats.gif) 0.8em center no-repeat;  color: #FFFFFF;  font-size:1.667em; width:11.99em;}
.tiulo_destacados_serrats_lateral{ /*width: 243px;*/ height:1em; padding: 0em 0.3em 0em 2.7em; margin-top:0.5em; background: #7c121d url(../images/bullet_serrats.gif) 0.8em center no-repeat;  color: #FFFFFF;  font-size:1.667em; width:9.9em; line-height:0em; }
.tiulo_destacados_serrats_lateral_distribuidor{ /*width: 243px;*/ height:1em; padding: 0em 0.3em 0em 2.7em; margin-top:0.5em; background: #7c121d url(../images/bullet_serrats.gif) 0.8em center no-repeat;  color: #FFFFFF;  font-size:1.667em; width:12.1em; line-height:0em; }
.tiulo_destacados_serrats span { color: #FFFFFF;  font-size:1.667em; padding-left:2.8em;float:left; padding-top:0.2em; }
.rojo_negrita  { color: #7c121d; }
.tiulo_destacados_serrats_distribuidor {  /*width:100%;*/ margin-top:0.5em;  background:  url(../images/bullet_serrats.gif) 0.8em center no-repeat  #7c121d; color: #FFFFFF; background-color:#7c121d; font-size:1.833em; height: 1.5em; width:25.1em; padding: 0.5em 0.3em 0em 3em; }
.tiulo_destacados_serrats_distribuidor img { float:left; }

#footer { clear:both; height:8.333em; padding-top:1.667em; }
ul#marcadores_sociales  { margin-bottom:1.667em; padding:0; display:block; height:2.167em; margin-left:0.833em; }
#marcadores_sociales li { display:inline; }
#marcadores_sociales li a { display:block; float:left; margin-right:1.667em; padding-left:2.667em; padding-top:0.417em; padding-bottom:0.417em; color:#000000; font-weight:bold; text-decoration:none; } 
#marcadores_sociales li a:hover { color: #7c121d; }
a.m_flickr { background:url(../images/marcador_flickr.png) no-repeat left center; }
a.m_facebook { background:url(../images/marcador_facebook.png) no-repeat left center; }
a.m_twitter { background:url(../images/marcador_twitter.png) no-repeat left center; }
a.m_linkedin { background:url(../images/marcador_linkedin.png) no-repeat left center; }
a.m_serrats { background:url(../images/marcador_cocina_serrats.png) no-repeat left center; }
#footer #menu_copy { background:url(../images/fondo_pie.png) no-repeat top center; height:4.167em; padding-left:5em; clear:both; }
#footer #menu_copy ul { display:block; height:auto; padding-top:0.667em; padding-bottom:0.5em;  }
#footer #menu_copy ul li {  font-size:1em; margin-right:1em; width:auto;display:block; display:inline; }
#footer #menu_copy a {  color: #7c121d; text-decoration:none; padding-right:1em; }
#footer #menu_copy .bordepie { border-right: #7c121d 1px solid; }

#col_2 #distribuidor  {	background:url(../images/distribuidor_lateral.png) no-repeat right bottom #FFF; border: #e3dfd1 0.083em solid; padding-top:0em ;padding-bottom:1.667em; height:30.667em; margin-bottom:1.5em; }
#col_2 #distribuidor p { /*width:20.833em;*/ clear:both; padding-top:1.167em; padding-left:2.5em; margin-right:2.5em; }
#col_2 #distribuidor ul { display:block; width:12.5em; margin-left:3.5em; margin-top:1em; /*margin-bottom:2em;*/ }
#col_2 #distribuidor ul li { color: #7c121d; font-size:1em; margin-bottom:1.25em; list-style:square; list-style-position: inherit;}


#col_1 #cabecera_productos { 
background:url(../images/fondo_cabecera_interior.png) no-repeat top center;
width:52.25em; 
margin:0 auto 0 auto; 
line-height:1.5em; 
margin-top:2.917em;
height:6.167em;
}

.tiulo_destacados_interiores { 
height:2.917em; 
padding-top:0.5em;
width:40.417em;
margin-top:0.833em; 
float:left; 
clear:both; 
background: #7c121d url(../images/bullet_serrats.gif) 1.5em center no-repeat;
margin-left:12.25em;
}
.tiulo_destacados_interiores h1 { color: #FFFFFF; font-weight:normal; font-size:1.833em; padding-left:2.5em; padding-top:0.25em;}

#col_1 #texto_interior { 
	background: #FFFFFF; 
	width:52.083em; 
	margin:0 auto 0 auto; 
	line-height:1.5em; 
	border: #e3dfd1 0.083em solid; 
	border-top:none;
	overflow:hidden;

}
#col_1 #texto_interior p { margin:0.833em; float:left; width:50.417em; margin-top:0.25em; }
#col_1 #texto_interior dl { margin:0.833em; float:left; /*width:50.417em;*/ width:auto; margin-top:0.10em; }
#col_1 #texto_interior dt { font-weight:bold; /*display:block;*/ float:left; clear:left; margin-right:0.833em; margin-bottom:0.417em; }
#col_1 #texto_interior dd { /*display:inline; float:left;*/ margin-bottom:0.417em; }
#col_1 #texto_interior a {  color: #7c121d; text-decoration:underline; }
#col_1 #texto_interior h2 { color: #7c121d;  font-size:1.417em; padding:1em 0 0.8em 0.8em; display:block; float:left; clear:both; width:90%;   }
#col_1 #texto_interior ul {float:left;display:inline; width:50em; padding-left:2.083em; margin-top:1em; }
#col_1 #texto_interior ul li { 
	float:left;
	height:17em;
	 
	width:12em;
	font-size:0.9em; 
	margin-bottom:1.25em; 
	background-color: #f2f0e8;
	text-align:center;
	padding-top:0.417em;
	margin-left:0.5em;
	margin-right:0.9em;
}
#col_1 #texto_interior ul li span{ 
	font-size:0.833em;
	width: 13em; margin: 0 auto; 
	color: #350201;
	display:block; clear:both; line-height:normal;
}
#col_1 #texto_interior ul li img{ 
	padding-bottom:0.8em; 
} 
#col_1 #texto_interior ul li a{ 
	text-decoration:none;  
} 

/*#todo #general #content #col_1 #texto_interior a { cursor: hand; }*/
#col_1 #texto_interior ul li a:hover{ 
	text-decoration:none; 
} 
#col_1 #texto_interior_distri { 
	background: #FFFFFF; 
	width:52.083em; 
	margin:0 auto 0 auto; 
	line-height:1.5em; 
	border: #e3dfd1 0.083em solid; 
	border-top:none;
	overflow:hidden;
	min-height:65em;
	height:auto;  
}

#col_1 #texto_interior_distri p { margin:0.833em; float:left; width:50.417em;margin-top:0.25em; }
#col_1 #texto_interior_distri dl { margin:0.833em; float:left; width:50.417em;margin-top:0.25em; }
#col_1 #texto_interior_distri dt { font-weight:bold; margin-bottom:0.6em; }
#col_1 #texto_interior_distri dd { line-height:1.5em; margin-bottom:1em; }
#col_1 #texto_interior_distri h3 { margin:0.833em; float:left; width:50.417em;margin-top:0.25em; margin:0em 0em 0em 0.833em; }
#col_1 #texto_interior_distri a {  color: #7c121d; text-decoration:underline; }
#col_1 #texto_interior_distri h2 { color: #7c121d;  font-size:1.417em; padding-left:0.833em; padding-bottom:1.25em; }
#col_1 #texto_interior_distri h2.pregunta { padding-top:1em; }
#col_1 #texto_interior_distri ul { display:block; margin-left:1.667em; margin-top:1em; margin-right:0.833em;}
#col_1 #texto_interior_distri ul.lista_texto_interior  { padding-left:2em; width:45em; }
#col_1 #texto_interior_distri .lista_texto_interior li { list-style:square; list-style-position:inside; margin-bottom:0.8em;  }
#col_1 #texto_interior_distri ul li { 

	line-height:1.5em;
	color: #7c121d; 
	font-size:1em; 
	margin-bottom:0.417em; 
}
#col_1 #texto_interior_distri p.pregunta { margin:0.833em; float:left; color: #7c121d;margin-top:0.25em; font-weight:bold;}
#col_1 #texto_interior_distri .respuesta { margin:0.833em; float:left; color: #000;margin-top:0.25em; }

#col_1 #texto_interior_distri #direccion_contacto dl{margin:0.833em; float:left; width:50.417em;margin-top:0.25em;}
#col_1 #texto_interior_distri #direccion_contacto dt{font-weight:bold; float:left; clear:left; margin-right:0.833em; margin-bottom:0.417em; }
#col_1 #texto_interior_distri #direccion_contacto dd{ margin-bottom:0.417em; line-height:normal; }

#col_1 #texto_ficha { 
	background: #FFFFFF; 
	width:52.083em; 
	margin:0 auto 0 auto; 
	line-height:1.5em; 
	border: #e3dfd1 0.083em solid; 
	border-top:none;
	overflow:hidden; 
}
#col_1 #texto_ficha p { 
	margin:0.833em; 
	float:left; 
	width:50.417em;
	margin-top:0.25em; 
}
#col_1 #texto_ficha a {  
	color: #7c121d; 
	text-decoration:underline; 
}

#col_1 #texto_ficha h3 { 
	color: #7c121d;   
	font-size:1.417em; 
	padding-left:0.833em; 
	padding-bottom:1.25em;
	float:left;
	font-weight:bold;
	clear:both;
	width:100%;
}
#col_1 #foto_ficha{ 
	float:left;
	width:24.167em;
	padding-left:0.833em;
} 
#col_1 #texto_resumen_ficha dl { 
	float:left;
	display:block; 
	margin-left:3.5em;
	margin-top:2em; 
	
}
#col_1 #texto_resumen_ficha dt {
	color: #7c121d;
	font-size:1.083em;
	font-weight:bold;
	margin-bottom:0.417em;
	margin-right:0.4em;
	padding-left:0.9em;
	float:left;
	clear:both;
	background-image:url(../images/cuadradito.png);
	background-repeat: no-repeat;
	background-position: left ;
}
#col_1 #texto_resumen_ficha dd { 
	color: #7c121d; 
	font-size:1.083em; 
	margin-bottom:0.417em;
	display:inline; 
	float:left;
}
#col_1 #texto_resumen_ficha{ 
	width:26.667em;
	float:left; 
	margin:0;
	padding:0;
	margin-top:0.25em; 
}
#col_1 #texto_resumen_ficha p { 
	margin:0; 
	width:26.667em;
	padding-top:0.833em;
}
#col_1 #texto_resumen_ficha h2 { 
	color: #000;  
	font-size:1.417em; 
	color: #7c121d;
}
.invisible{
	display: none;	
}
.corregir_definicion{
	background-image:url(../images/cuadradito.png);
	background-repeat: no-repeat;
	background-position: left ;
	padding-left:0.9em;}
.fototienda{
	width:15em;
	float:left;
	margin:0.833em;
}
.fototienda img{
	border: 0.417em solid #741A23;
}
.textotienda{
	width:25em;
	float:left;
	margin:0;
	margin-top:0.833em;
	line-height:1.667em;
	height:14.167em;
}
#col_1 #texto_interior .textotienda dl  { margin:0.833em; float:left; width:20em; margin-top:0.10em; }
#flechita_arriba1, #flechita_arriba2, #flechita_arriba3, #flechita_arriba4, #flechita_arriba5, #flechita_arriba6, #flechita_arriba7, #flechita_arriba8, #flechita_arriba9, #flechita_arriba10, #flechita_arriba11, #flechita_arriba12, #flechita_arriba13, #flechita_arriba14 {
	font-size:0.75em;
	color: #7c121d; 
	text-decoration:underline;
	background-image: url(../images/flecha2.png);
	background-repeat: no-repeat;
	background-position: left;
	margin-left:0.833em;
	padding-left: 0.833em;
}
#todo #general #content #col_1 #texto_ficha #flechita a {
	background-image: url(../images/flecha3.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 1.25em;
}