* { margin:0; padding:0 }
img { border:none }

body {  font-size:.7em; font-family:Arial; color:#58595b }

a { color:#222 }

.color { color:#e97349 }
.color1 { color:#c6c7c9 }
.letra-chica { font-size:.9em }

hr { border: none; margin: 7px auto;*margin: 0 auto; background-color:#d7d8d9; color: #d7d8d9; height: 1px }

#pagina { width:988px; margin:0 auto; float:left; left:50%; position:absolute; margin-left:-494px; }

#logo a { display:block; overflow:hidden; width:254px; height:0; padding-top:90px; position:absolute; top:30px }

#idioma {position: absolute; list-style:none;top:134px;width:123px; height:33px }

	#idioma li { float:left }
	
	#idioma a {
		display:block;
		float:left;
		height:0;
		overflow:hidden;
		padding-top:33px;
	
	}
	
	#idioma a:hover { background:transparent url(../img/idioma.jpg) }
	
	#idioma a#esp { width:29px;}
	#idioma a#ing { width:30px;position:relative;left:2px }
	#idioma a#fra  { width:30px;position:relative;left:3px }
	#idioma a#ale { width:30px;position:relative;left:4px }
	
	#idioma a#esp:hover { background-position: 0 0 }
	#idioma a#ing:hover { background-position: -31px 0 }
	#idioma a#fra:hover { background-position: -62px 0 }
	#idioma a#ale:hover { background-position: -93px 0 }
	
	#encabezado .formbusqueda { position:absolute; top:143px; left:128px; width:133px; height:16px; background:url(../img/buscador.png) }
	#encabezado .formbusqueda .cuadrobusqueda {float:left; width:106px;height:14px;padding: px;border:none;background:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#999 }
	#encabezado .formbusqueda .imagesearch {border:none;background:none;width:23px;height:16px; cursor:pointer }
	
	
#columna-izquierda h3,#columna-derecha h3 { width:176px; height:0; padding-top:29px; overflow:hidden }

#columna-izquierda div,#columna-derecha div { border-left:1px solid #d7d8d9;border-right:1px solid #d7d8d9;border-bottom:1px solid #d7d8d9; margin-bottom:10px }
#columna-izquierda ul { list-style:none }
#columna-izquierda ul a { color:#808284;display:block;font-size:1.2em;padding:4px 9px;text-decoration:none; font-weight:bold; border-top:1px solid #d7d8d9 } 
#columna-izquierda ul a:hover, #columna-izquierda ul a.activo { background-color:#e9e9e9;color:#333 } 

/*#columna-izquierda ul ul { border-top:1px solid #d7d8d9; } */
#columna-izquierda ul .subfamilias a { color:#e15026; font-size:.9em; border-top:none;padding:5px 9px 5px 14px;border-top:1px solid #d7d8d9 }
#columna-izquierda ul .subfamilias a:hover { color:#e15026; background:#f9e5de } 
	
	
	
#contenido { line-height:1.1em }

/*#contenido h2 { overflow:hidden;display:block; height:0; padding-top:30px;margin-left:5px; text-indent:-9000px; margin-bottom:15px; background-repeat:no-repeat }*/

#contenido p { margin-bottom:10px; text-align:justify }

/************TIENDA-INICIO***********************************************************************************************************************/
#contenido { float:left; width: 567px; margin-right:32px }
#columna-derecha { float:left; width:176px }
#columna-izquierda { float:left ; width:176px; margin-right:32px }

#en-portada,#en-oferta { display:block; overflow:hidden; width:567px; height:0; padding-top:30px; text-indent:-9000px; font-size:12px }

	.tu-carro { padding:10px }
	#columna-derecha .tu-carro div { border:none; margin-top:10px }
	#columna-derecha .atencion-al-cliente img,#columna-derecha .destacados img { display:block; margin:0 auto}
	.atencion-al-cliente,.destacados { padding:10px 0 }
	.tu-carro a { color:#808284; text-decoration:none }
	.tu-carro a:hover { color:#333 }
	.tu-carro img { display:block;margin:0 auto }
	.tu-carro ul { list-style:none }
	.tu-carro ul li  { margin-bottom:5px }	
	.tituloproducto a { font-family:Verdana; color:#E15627; text-decoration:none; font-size:13px ; font-weight:bold; }
	.precioproducto { font-family:Verdana; color:#E15627; font-size:14px ; font-weight:bold  }
	
.lista-articulos	{ border-left:1px solid #dfdfdf;border-right:1px solid #dfdfdf }
.lista-articulos table { width:385px;border-bottom:1px solid #dfdfdf }

.imagen { width:150px }

#columna-izquierda .informacion a { padding:4px 9px 4px 33px }

#columna-izquierda .informacion .envios a { background-image:url(../img/envios.png); background-repeat:no-repeat; background-position:7px 8px}
#columna-izquierda .informacion .pagos a { background-image:url(../img/pagos.png); background-repeat: no-repeat; background-position:7px 5px }
#columna-izquierda .informacion .ayuda a { background-image:url(../img/ayuda.png); background-repeat: no-repeat; background-position:7px 5px }
#columna-izquierda .informacion .contacto a { background-image:url(../img/contacto.png); background-repeat: no-repeat; background-position:7px 6px }

#columna-izquierda .informacion .envios a:hover { background-image:url(../img/envios-h.png)}
#columna-izquierda .informacion .pagos a:hover{ background-image:url(../img/pagos-h.png)}
#columna-izquierda .informacion .ayuda a:hover { background-image:url(../img/ayuda-h.png) }
#columna-izquierda .informacion .contacto a:hover { background-image:url(../img/contacto-h.png) }


.paginacion { margin-top:10px }
/************FICHA*******************************************************************************************************************************/
#zoom_content ul { margin:10px 20px }
#desc-ext {position:absolute; left:457px; top:85%;}

#contenedor { margin-top:10px }

.ficha #columna-izquierda { margin-right:11px }


	#panel { background:url(../img/panel.gif) }


	
.scroll { padding:9px; height:130px; overflow:auto }

	.scroll span { float:left; clear:both }
	
	.scroll p { padding-left:9px}	


.ficha #contenido { float:left; width: 795px; margin-right:0; background:url(../img/fondo.gif); border-bottom:1px solid #e15026; padding-bottom:5px }

	#ficha { width:507px; margin:6px 0 0 6px; float:left; position:relative }
		
		#ficha h3 { color:#e15026; font-size:1.7em; letter-spacing:1px; font-weight:normal; padding:10px 0 5px 10px; background: url(../img/fondo2.gif); height:16px }
		
		.contenedor1 { border-left:1px solid #dedfe1; border-right:1px solid #dedfe1; border-bottom:1px solid #dedfe1 }
		
		.precio { color:#e97349; font-size:14px; font-weight:bold }
		
		.datos { width:160px ; float:left ; padding:15px 9px 0}
		
		.datos table { font-weight:bold ; color:#818285 }
		
		.datos td { padding-bottom:5px }
		
		.datos p { font-size:1.1em; font-weight:bold; line-height:1.3em }
		
		.datos hr { margin:15px 0;*margin:7px 0 }
		
		#Enviar { margin-top:15px }
	
	
	#imagenes { position:relative; width:325px; height:328px; float:right }
	
		/*.imagen-1 { position:absolute; top:265px; left:17px; border:1px solid #F30; }
		.imagen-2 { position:absolute; top:265px; left:85px;  border:1px solid #F30; }*/
		
		.imagen-1 { position:absolute; left:185px; top:85%;}
		.imagen-2 { position:absolute; left:235px; top:85%; }
		.atributosradio { display:none;}
		.atributoinputcelda {display:none;}
		.atributosfilatexto{vertical-align:top; color:#666; border-bottom:1px solid #dedfe1; margin:8px 8px 0;*margin:4px 8px 0;padding-bottom:8px; padding-top:8px;}
		.atributosfilatexto a{text-decoration:none; color:#666;}
		.atributosfilatexto a:hover{text-decoration:none; color:#666; font-weight:bold;}
		.atributosfilaprecio{vertical-align:top; display:none;}
		.atributostabla{ margin-left:5px; width:250px; overflow:hidden;}
		.atributosfilaimagen{border-bottom:1px solid #dedfe1; margin:8px 8px 0;*margin:4px 8px 0;padding-bottom:8px; padding-top:8px;}
	
	#ventajas { width:275px ; float:left;margin-top:6px }
	
		.ventajas { width:276px; height:0;padding-top:31px; background:url(../img/ventajas.gif); cursor:pointer }

		#ventajas ul {*padding-top:8px;*height:297px; }
		
		#ventajas li { border-bottom:1px solid #dedfe1; margin:8px 8px 0;*margin:4px 8px 0;padding-bottom:8px}


		* html #ventajas li {height: 1%}
		#ventajas li {display: inline-block}
		html[xmlns] #ventajas li {display: block}
		#ventajas li:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}

		#ventajas li img { float:left; margin-right:12px}		
		#contenido #ventajas p { float:left;width:165px; margin:0 }		
	
	
	
	
	
	#comentarios { width:508px; margin:6px 0 0 6px;float:left }
	
		.ch4 { height:0; padding-top:28px; background:url(../img/comentarios.gif); cursor:pointer }
		
		#comentarios ul { padding:10px 0 1px 10px; height:106px;*height:104px; overflow:auto; list-style-position: inside;font-size:.9em; border-right:1px solid #dedfe1;border-left:1px solid #dedfe1; }
		
		#comentarios li { border-bottom:1px solid #d7d8d9 ;margin-bottom:5px;padding-bottom:5px }
		
		#comentarios li.ultimo { border-bottom: none }

		#comentarios li strong { font-size:1.1em }
		#comentarios div.submenu{ 
				height: 117px;*height: 115px;
				overflow:auto;
				border-left:1px solid #DEDFE1
		}
		
		#ventajas div.submenu1 { height:314px;overflow:auto }
		
		.submenu1 p { padding:5px 10px}
		
		
	#recomendar { float:left;  width:275px;margin-top:6px }
	
		.recomendar { height:0; padding-top:28px;  background:url(../img/recomendar.gif);}
	
		#recomendar form {border:1px solid #d7d8d9 ; padding:4px 0 0 12px }
		
		#recomendar input,#recomendar textarea { margin-bottom:3px;*margin-bottom:1.5px; border:none  }
		#recomendar textarea { overflow:auto }
	   .tu-nombre {  width:225px; height:17px; background:url(../img/tu-nombre.gif); padding:5px 10px 0 10px;font-size:1em; font-family:Arial; color:#58595b }
	   .tu-nombre-h,.email-h {width:225px; height:17px; background:url(../img/input-h.gif); padding:5px 10px 0 10px;font-size:1em; font-family:Arial; color:#58595b  }

	   .email { width:225px; height:17px; background:url(../img/email.gif); padding:5px 10px 0 10px;font-size:1em; font-family:Arial; color:#58595b }
		
		.fcomentarios {   width:225px; height:50px; background:url(../img/fcomentarios.gif); padding:5px 10px 0 10px;font-size:1em; font-family:Arial; color:#58595b } 
		.fcomentarios-h {  width:225px; height:50px; background:url(../img/fcomentarios-h.gif); padding:5px 10px 0 10px;font-size:1em; font-family:Arial; color:#58595b } 

		.enviar { width:56px; height:23px; cursor:pointer; background:url(../img/enviar.gif);float:right; margin-right:16px }
		
.forminformacion { width:147px; margin:0 auto; padding:8px 0 }		.campotituloinformacion, .campotextoinformacion { border:1px solid #d7d8d9; width:145px }
.campotextoinformacion { overflow:auto; height:52px }

/**********FAMILIAS/SUBFAMILIAS*********************************************************************************************************/		

.titulo, .titulo1, .titulo2, .titulo-envio,.titulo-pago ,.titulo-delivery  { color:#e15026; font-size:1.7em; letter-spacing:1px; font-weight:normal; padding:10px 0 5px 10px; height:15px }

.titulo { background: url(../img/fondo3.png) }
.titulo1 { background: url(../img/fondo4.png) }
.titulo2 { background: url(../img/fondo5.png) ; padding:10px 0 5px 56px }

.titulo-envio { background: url(../img/fondo6.png) ; padding:10px 0 5px 56px }
.titulo-delivery { background: url(../img/fondo7.png) ; padding:10px 0 5px 56px }
.titulo-pago { background: url(../img/fondo8.png) ; padding:10px 0 5px 56px }

/************BUSQUEDA y Elementos******************************************************************************************************************/		

#contenido .formbusqueda input, .boton_carro, .botoncupon, #campo_cupon,
 #flogin_password, #flogin_email, .iniciar-sesion, .tablacarrofila input, .paypal input,
 .formregistro input, .campocaptchacomentario, .campotitulocomentario  { border:1px solid #DFDFDF; font:11px Arial; padding:1px 2px }
 .campotextocomentario {border:1px solid #DFDFDF; font:11px Arial; padding:1px 2px; height:50px;}

.campotextocomentario { overflow: auto }
.campotextocomentario, .campotitulocomentario { width:209px }
/**************CARRO*******************************************************************************************************************/		
.tituloproductos { background:#ececed;  font-weight:bold; padding:4px 0 }

.tablaproductos { border-right:1px solid #dfdfdf;border-left:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf }
.lineaproductos { border-top:1px solid #dfdfdf }

#formcarro .titulo, .formregistro .titulo { margin-top:10px }

.formregistro table { width:100% }

#marco_cupon #campo_cupon { width:307px}


.tabla-carro { border-left:1px solid #DFDFDF;border-bottom:1px solid #DFDFDF;border-right:1px solid #DFDFDF}

/*********PANEL*************************************************************************************************************************/		
#panel3 { background:url(../img/panel22.png); width:491px; height:142px;  list-style:none; margin:0 auto; }
#panel3 li{ padding-left:30px; margin-top:10px;}
#panel3 a{font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; text-decoration:none; color:#333;}
#panel3 a:hover{font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; text-decoration:underline; color:#333;}

#panel2 { background:url(../img/panel2.png); width:491px; height:142px;  list-style:none; margin:0 auto }
#panel2 a { display:block; overflow:hidden; padding-top:47px; height:0}
#panel2 a:hover { background:url(../img/panel2-h.png) no-repeat} 
#panel2 .modifica a { background-position:31px 10px}
#panel2 .direcciones a { background-position:31px -37px;*background-position:31px -38px}
#panel2 .seguimiento a {background-position:31px -84px;*background-position:31px -86px}
.campoapadrinado{width:300px; font-size:11px; font-family:Georgia, "Times New Roman", Times, serif;}
.campoapadrinadoc{width:300px; height:100px; font-size:11px; font-family:Georgia, "Times New Roman", Times, serif;}


/***************************************************************************************************************************************/		

#pie { margin-bottom:20px }

#pie p {  border-top:1px solid #d1d3d4; border-bottom:1px solid #d1d3d4 ;text-align:center; font-size:.9em; padding:10px 0; margin:20px 0 }

#pie p a { color:#e04f1c; text-decoration:none; margin:0 5px }
#pie p a:hover { text-decoration:underline }




/**********************************************************************************************************/
* html .clearfix {height: 1%}
.clearfix {display: inline-block}
html[xmlns] .clearfix {display: block}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}


