/* CSS Document */

*{ margin:0; padding:0;}





body{ background:url(images/fondo.png) repeat-x; font-family:Arial, Helvetica, sans-serif;  }



#web{ width:1000px; text-align:left;margin: 0 auto 0 auto; padding:0px; margin-top:-2px;}



#cabecera{ background:url(images/cabecera_productos.gif) no-repeat right bottom;   padding-bottom:13px;}

.formulario_contacto p{ font-size:12px; color:#666;}

.portada{ background:url(images/bg_portada.jpg) repeat-x top;}

#web_portada{width:800px; margin: 0 auto 0 auto; padding:0px;}

.imagen{ text-align:center; padding-top:0; }

.logo{ padding-top:8px;}

.novedades{ float:right; padding-top:10px; padding-right:250px;}



.botonera_portada{  }



.idiomas{ list-style:none;text-align:left; font-size:16px; font-weight:bold; color:#fff;  margin-top:10px; height:40px; padding-top:20px; text-align:center; width:100%; margin-left:10px;}

.idiomas li{ display:inline;  }



.idiomas li a{ text-decoration:none; background:url(images/boton_portada_off.gif) no-repeat left; padding:30px; padding-right:70px; width:128px;color:#FFf;}

.idiomas li a:hover{background:url(images/boton_portada_on.gif) no-repeat left;}



.direccion_portada{ font-size:12px; color:#999; line-height:20px; margin-top:20px; text-align:center;}



.botonera{ list-style:none;   margin-top:10px; font-size:13px; font-weight:bold; text-transform:uppercase;}

.botonera li{ display:inline;   }

.botonera li a{  padding:11px 21px;  text-decoration:none; color:#333; margin-right:5px;}

.botonera li a:hover{ padding:10px 20px; background-color:#FFf;border:1px solid #ccc; border-bottom:1px solid #fff; margin-right:5px; }

.botonera li.activo{padding:10px 20px; border:1px solid #ccc; background-color:#fff; border-bottom:1px solid #fff; margin-right:5px; }



#col_izq{ width:750px; float:left;}





#miguitas{ height:50px; margin-bottom:10px;  }

#miguitas li{ float:left;list-style:none;   display:inline;}



#miguitas li h3 a{float:left;color:#666; font-size:15px; font-weight:normal; margin:28px 0 10px 0; padding-right:35px; background:url(images/miguitas_flecha.gif) right no-repeat; text-decoration:none;}

#miguitas li h3 a:hover{ text-decoration:underline;}

#miguitas li h2{ color:#891536; font-size:28px; font-weight:lighter;   margin:18px 0 0 0; letter-spacing:-1px;}

h2{ color:#891536; font-size:28px; font-weight:lighter;   margin:20px 0 10px 0; letter-spacing:-1px; }

#contenido h2{ text-transform:lowercase; margin-bottom:15px; letter-spacing:normal;}

h1{ font-size:40px; color:#333; font-weight:normal; margin:10px 0; margin-bottom:20px; text-transform:lowercase; font-weight:lighter;}

.para{ margin-top:15px; margin-bottom:15px;}

.para img{ float:left; }

.para h4{float:left; color:#666; font-size:24px; font-weight:lighter;   margin-left:10px; margin-top:15px; letter-spacing:-1px;}





/*h5{ background:url(images/productos_familia1_cab.gif) no-repeat; height:34px;  padding:15px 0 0 15px;font-size:18px; color:#333; font-weight:normal; }

.familia_base{ background:url(images/productos_familia1_base.gif) no-repeat; height:34px;   padding-right:15px;}

.mostrar{ float:right;   background:url(images/mostrar.gif) right no-repeat; margin-top:5px; font-size:11px;}

.mostrar a{ text-decoration:none; color:#333; margin-right:20px;}

.ocultar{ float:right;   background:url(images/ocultar.gif) right no-repeat; margin-top:5px; font-size:11px;}

.ocultar a{ text-decoration:none; color:#333; margin-right:20px;}

*/

.familia_productos{width:741px;   }

.familia_productos ul{ list-style:none;  padding:0 10px;}

.familia_productos ul li{ padding:0 10px; width:122px; height:170px; float:left;padding-bottom:20px; margin-top:5px;}

.familia_fotoproducto{ text-align:center;}

.familia_fotoproducto img{ border:0;}

.familia_nombreproducto{ font-size:12px; color:#666; text-align:center;}

.familia_nombreproducto{ text-decoration:none; text-transform:lowercase; height:25px;}

h5{padding:15px 0 0 0;font-size:24px;  font-weight:normal; margin-bottom:10px;}

.bd{ color:#99cc00;}

.bd li{background:url(images/bt_prod_bd_off.gif) no-repeat left top;}

.acp{ color:#8cbaba; letter-spacing:-2px;}

.bell{ color:#ff99ff;}

.lh{ color:#e68080;}

.var{ color:#ffd733;}

.bell li{background:url(images/bt_prod_bell_off.gif) no-repeat left top;}

.acp li{background:url(images/bt_prod_acp_off.gif) no-repeat left top;}

.lh li{background:url(images/bt_prod_lh_off.gif) no-repeat left top;}

.var li{background:url(images/bt_prod_var_off.gif) no-repeat left top;}

.familia{ width:250px; float:left;}

.familia_750{ width:750px; float:left;}

.familia_portada ul{}

.bd_portada{background:url(images/bt_prod_bd_off.gif) no-repeat left top; width:220px; height:50px;}

.acp_portada{background:url(images/bt_prod_acp_off.gif) no-repeat left top; width:220px; height:50px;}

.bell_portada{background:url(images/bt_prod_bell_off.gif) no-repeat left top; width:220px; height:50px;}

.lh_portada{background:url(images/bt_prod_lh_off.gif) no-repeat left top; width:220px; height:50px;}

.var_portada{background:url(images/bt_prod_var_off.gif) no-repeat left top; width:220px; height:50px;}

.bd_portada a, .acp_portada a, .bell_portada a, .lh_portada a, .var_portada a{ padding:10px;}





.familia ul{ letter-spacing:-1px;  list-style:none;text-align:left; font-size:13px; font-weight:bold; color:#999;  text-align:left;  }

.familia ul li{ }

.familia ul li a{ display:block;text-decoration:none;  color:#999;width:185px; height:40px; padding-top:12px; padding-left:10px; }

.familia ul li a:hover{ color:#333;}









#col_dcha{ width:250px; float:left;   background:url(images/buscador_fondo.gif) no-repeat top center; margin-top:-2px;}

#col_dcha_promo{ width:250px; float:right;   background:url(images/buscador_fondo.gif) no-repeat top center; margin-top:-2px;}

.buscador{  width:200px;  text-align:left; margin-left:28px; padding-bottom:16px; margin-bottom:20px; }

.buscador_titulo{ font-size:17px; font-weight:bold; color:#333; margin-top:16px;}

.infor{ margin-right:-13px;}

.promocion{ padding-bottom:10px;}



.boton,.boton_rosa,.boton_form, .boton_buscador{ width:200px; height:38px; background:url(images/botonazul_off.gif) no-repeat center;  text-align:left; font-size:16px; font-weight:bold; color:#fff;}

.boton_rosa{background:url(images/botonrosa_off.gif) no-repeat center;}

.boton_buscador{background:url(images/botonmorado_off.gif) no-repeat center;}

.boton_form{background:url(images/botonblanco_off.gif) no-repeat center;margin-top:10px;}

.boton a ,.boton_rosa a, .boton_form a, .boton_buscador a{ display:block;text-decoration:none;width:200px; height:38px;}

.boton p ,.boton_rosa p, .boton_form p, .boton_buscador p{   padding-left:30px; padding-top:10px; color:#fff;}

.boton_form p{ color:#9CD0E9;font-size:16px; }

.boton a:hover{background:url(images/botonazul_on.gif) no-repeat center;}

.boton_buscador a:hover{background:url(images/botonmorado_on.gif) no-repeat center;}

 .boton_rosa a:hover{background:url(images/botonrosa_on.gif) no-repeat center;}

.form{ border:0; font-size:11px; color:#999; padding:6px; border:1px solid #ccc; }

.nombre_form{ float:left; width:100px; margin-right:30px; padding-top:8px; font-size:14px; color:#333; font-weight:bold;}

.asterisco { color:#900; }



.campo_form{ padding-right:0px; text-align:left;  margin:15px 0; }

.campo_form input{ padding:5px;}



.anuncio{ background:url(images/fondo_anuncio.png) top no-repeat; width:240px; padding-top:7px; margin-left:7px; margin-top:15px;}



.anuncio_contenido{  padding:10px 15px 10px 20px;}

.anuncio_bordeinf{ background:url(images/fondo_anuncio2.png) bottom no-repeat; height:14px; }

.anuncio_titular1{ font-size:18px; color:#999; letter-spacing:-1px;  }

.anuncio_titular2{ font-size:28px; color:#9fd2e9; letter-spacing:-1px; font-weight:bold; margin-top:-4px; margin-bottom:7px;}

.anuncio_texto{ font-size:12px; color:#666; margin-bottom:5px;  }



#marcas{ padding-top:5px; margin-top:10px;}



.marcas_logo{ list-style:none;}

.marcas_logo li{ display:inline;}





#base{ margin-top:20px;  background-color:#D2EAF4;}

.base_centro{ background:url(images/base_top.gif) top no-repeat; width:1000px;  margin:0; padding:0;padding-top:14px; }

.base_bajo{background:url(images/base_basjo.gif) top no-repeat; width:1000px; height:30px;margin:0; padding:0;}

.base_izq{ float:left; width:770px;padding:10px 15px;}

.base_derecha{ width:180px; float:right; padding:0 10px;}

.base_botonera{ list-style:none;}

.base_botonera li{ float:left; display:block; font-size:12px; color:#333; font-weight:bold;}

.base_catalogo{ width:320px;}

.base_envasado{ width:150px;}



.base_catalogo ul , .base_envasado ul{ margin-top:10px;}

.base_catalogo ul li, .base_envasado ul li{ font-size:12px; color:#666; width:160px;}

.base_catalogo ul li ul li{font-size:11px; color:#333; font-weight:bold; padding:5px 0;}

.base_catalogo ul li ul li ul li { font-weight:normal; color:#666; padding:3px 0;}

.base_envasado ul li{ width:150px; margin-bottom:5px;}



.base_texto{ font-size:11px; color:#666; font-weight:normal;}

.base_texto p{ margin-bottom:5px;}

.base_texto p a { color:#900;}



#promo{height:410px;/* background:url(images/fondo_promo.gif) repeat-x bottom;*/}

.promo_letrero{ float:left; z-index:1; position:absolute;}

.flor{ float:left; z-index:10; position:absolute; margin-top:100px;}

.promo_productos{position:absolute; z-index:100; margin-left:310px; margin-top:120px; list-style:none;}

.promo_productos li{ float:left; width:220px;}

.promo_productos li { list-style:none;}

.promo_productos li ul li{ font-size:14px; color:#999; font-weight:bold; letter-spacing:-1px;  }

.promo_productos li ul li a{text-decoration:none; color:#999;display:block; }

.promo_productos li ul li a:hover{color:#333;}

.aviso_portada{ width:240px; float:left; margin-right:0px; margin-left:15px; margin-top:10px;}

.aviso_portada_titular, .producto_titular{ font-size:22px; color:#666; background:url(images/central_flecha.gif) left top no-repeat; padding-left:20px; padding-bottom:5px; margin-bottom:10px; }

.aviso_portada_texto, .producto_texto{ font-size:12px; color:#333;line-height:17px; margin-bottom:12px; padding-right:20px; border-right:1px dotted #ccc;}

.aviso_portada_texto{ height:100px;}

.producto_texto{ border:none; text-align:justify; color:#666;}

.producto_ficha{ font-size:12px; color:#666;}

.producto_ficha td{ padding:5px;}

.producto_ficha table{ margin-bottom:20px;}

.eee{ background-color:#eee;}

.boton_aviso{ margin-left:15px;}



.producto_izq{ width:470px; float:left;}

.producto_dcha{ float:left; margin-left:10px; }

.producto{ position:absolute; z-index:1;}

.lupa{ position:absolute; z-index:10; margin-left:210px;}

.producto_bajo{ width:100%;}

.extra{ float:left; width:250px;}

.pdf{ float:left;}

.extra_titular1{ font-size:11px; color:#999; font-weight:bold; padding-top:8px;}

.extra_titular2{ font-size:15px; color:#333; font-weight:bold; margin-top:-4px;}



.columna_productos{ border-left:1px dotted #ccc; padding-left:10px; margin-left:5px; width:230px; margin-top:20px;}

.columna_productos a{ text-decoration:none;}

.columna_productos a:hover{ text-decoration:underline;} 

.columna_productos ul{ list-style:none; margin-left:10px; font-size:12px;}



.columna_productos ul li{ color:#333; font-weight:bold;font-size:11px;   margin-bottom:10px;padding-bottom:10px;  }

.columna_productos ul li a{ color:#333;} 

.columna_productos ul li ul{margin-left:0px;}

.columna_productos ul li ul li{ color:#666; border:0; margin:0;padding-top:5px; padding-bottom:0;}

.columna_productos ul li ul li a{ color:#666;}

.columna_productos ul li ul li ul li{ font-weight:normal; font-size:11px;border:0; margin:0;padding-top:5px;padding-bottom:0; text-transform:lowercase;}



.nuevo{ position:absolute; z-index:1; margin-left:90px; }

.texto{ font-size:12px; color:#666; line-height:16px; text-align:justify; padding-right:10px;}

.texto p{ margin-bottom:15px;}

.ficha_terceros{ float:left; margin-top:20px; margin-right:5px; margin-bottom:20px;}

.ficha_terceros_titular1{ font-size:12px; font-weight:bold; color:#666;}

.ficha_terceros_titular2{ font-size:16px; font-weight:bold; color:#9fd2e9; letter-spacing:-1px; margin-top:-3px;}

.anuncio_texto img{ float:right;}
.sobre img{ float:left;}


#contactform { margin-top:20px; background:url(images/fondo_form.gif) left top no-repeat; }

#contactform form { background:url(images/fondo_form_bajo.gif) left bottom no-repeat;  position: relative; padding:20px;}



#contactform dt { display: none; }



#contactform dt#submit { display: block; position: relative; left: -5px; }

				#contactform dd input, #contactform dd textarea,#contactform dd select { width: 250px; padding: 5px 9px; margin:10px 16px 15px 0; border: none; color: #666; font-family:Arial, Helvetica, sans-serif; font-size:12px; float:left; }

				#contactform dd select{ float:none;}

				 #contactform dd textarea{ width:685px; margin-right:0;}

				.campo_1{  border-bottom:1px solid #fff; }

				#contactform dd.form_nombre input{ width:150px; }

				#contactform dd.form_cia input{ width:150px; }

				#contactform dd.form_pais input{ width:197px; margin-right:0; }

				#contactform dd.form_direc input{ width:420px; }

				#contactform dd.form_mail input{ width:348px; margin-right:0; }

				#contactform dd.cp input{ width:50px; margin-right:0px;}

				#contactform dd.form_telefono input{ width:135px;}

				#contactform dd.form_fax input{ width:135px; }

				#contactform dd.localidad input{ width:172px;}

				#contactform dd input, #contactform dd textarea { background-color: white; }

				#contactform dd input.empty, #contactform dd textarea.empty { color: #666; }

				#contactform dd input.stillempty, #contactform dd textarea.stillempty { background-color: red; }

				#contactform dd input.filled,#contactform dd select.filled, #contactform dd textarea.filled { color: #666; }

				







.suggestionsBox {

z-index:1;

    float:left;

	position:relative;

    left: -400px;

    margin: 0;

    width: 230px;

    background-color: #212427;

    color: #fff;

	font-size:11px;

	text-align:left;

}



.suggestionList {

    margin: 0px;

    padding: 0px;

	list-style:none;

}



.suggestionList li {

    

   

    cursor: pointer;

}



.suggestionList li:hover {

    background-color: #666;

}





.texto ul{ margin:10px 0 10px 20px;}



#idiomas{ background:#eee; border-bottom:1px solid #ccc; margin-bottom:1px; height:17px; width:100%; padding-top:3px; }



#idiomas ul{ width:1000px; text-align:left; margin:0 auto; }

#idiomas ul li {display:inline;  }

#idiomas ul li a{ height:20px; font-family:Arial, Helvetica, sans-serif; font-size:11px;  border-right:1px solid #ccc;padding:0 7px; color:#333; text-decoration:none;}

#idiomas ul li a:hover{ text-decoration:underline;}

.seguridad { width:600px; margin-top:20px;}

.seguridad li{ display:inline; float:left; width:200px;}