@import url("reset.css");
@import url("menu.css");



body{
	background-color: #FFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.9em;
	min-width:900px;
}

p{
	line-height: 1.5em;
	margin-bottom: 1em;
}

strong.essential{
	font-weight:bold;
	color: #b13b5c;
	}

.formulario-login{
	margin-left:100px;
	}

.formulario-login input[type="text"]{
	margin-bottom: 10px;
}
label{
	display: block;
	float: left;
	width:100px;
	height: 25px;
	}


/**************** ENCABEZADO **********************/
#header1, #header1_beauty{
	height:47px;
	padding: 0 5px;
	background: url(../images/bg_menu1.png) repeat-x;
	text-align: right;
}
#header1_beauty{
	background:url(../images/bg_menu1_beauty.png) repeat-x;
}

	#idomas{
	}
	
		#idiomas li{
			display: inline;
			margin: 0 5px;
			}
		
	#menu_empresa{
		margin-top: 10px;
		font-size:.8em;
	}
	
		#menu_empresa li{
			display: inline;
			margin: 0 0 0 20px;
		}
		
		#menu_empresa li a, #menu_empresa li a:visited{
			color: #efefef;
			text-decoration: underline;
		}
		
		#menu_empresa li a:hover{
			color: #443f3d;
			text-decoration: none;
		}


#header2{
	height: 200px;
	background-image:url(../images/head-eye.jpg);
	background-position:right;
	background-repeat:no-repeat;
	background-color:#0a0000;
	
}

	#img_head2{
		
		height:200px;
		width:100%;
		}
		
#header2_beauty{
	height: 200px;
	background-image: url(../images/bg_head2_beauty.png);
	background-repeat: repeat-x;
}

	#img_head2_beauty{
		background-image: url(../images/head2_beauty.jpg);
		background-position:right top;
		background-repeat: no-repeat;
		height:200px;
		width:100%;
		}
		
		#datoshead{
			padding-top: 20px;
			padding-left: 50px;
			width:300px;
			text-align: center;
			color: #FFF;
			} 
		#datoshead p,#datoshead a, #datoshead a:visited{
			margin:0; padding:0;
			margin-top: 4px;
			color: #FFF;
			font-size:.7em;
			line-height:1.3em;
		}

#header2_essential{
	height: 200px;
	background-image:url(../images/head-eye.jpg);
	background-position:right;
	background-repeat:no-repeat;
	background-color:#0a0000;
}

	#img_head2_essential{
		height:200px;
		width:100%;
		}
		

#header3{
	text-align: center;
}

	#deco{
		background-image: url(../images/deco-color.png);
		background-repeat:repeat;
		height: 10px;
		margin:0; padding:0;
		}
		
/******************  FIN ENCABEZADO ******************/















/******************  COLUMNA DERECHA: CONSEJOS Y NOTICIAS ******************/
#consejosynoticias{
	float:left;
	width: 28%;
}

	#consejosynoticias h1{
		font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
		font-size: 1.5em;
		margin-top: 25px;
		padding-left: 4px;
		color: #656551;
	}
	
	#consejosynoticias h1.beauty{
		font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
		font-size: 1.5em;
		margin-top: 25px;
		padding-left: 4px;
		color: #f8609f;
	}
	
	#consejosynoticias h1.essential{
		color: #b13b5c;
		font-family: "Lucida Handwriting", "Trebuchet MS", Georgia, "Times New Roman", Times, serif;

	}
	
	#consejosynoticias .separacion{
		background: url(../images/separacion_noticias.png) repeat-x;
		height: 4px;
		}

.cyn_list{
	margin: 20px 10px 0 10px;
	font-size: .9em;
}

.cyn_list li{
	margin-bottom: 10px;
	}

.cyn_list li a, .cyn_list li a:visited{
	color: #3b5e78;
	}

.cyn_list li a.beauty, .cyn_list li a.beauty:visited{
	color: #f8609f;
	}

.cyn_list li a.essential, .cyn_list li a.essential:visited{
	color: #b13b5c;
	}

.cyn_list li a:hover{
	text-decoration: none;
	color:#255376;
	}

.cyn_list li a.beauty:hover{
	text-decoration: none;
	color:#ed1690;
	}

.cyn_img{
	text-align: center;
	margin: 25px auto;
}








/********************* CONTENIDO CENTRAL ************************/
#centro{
	min-height: 300px;
/*	background-color: #FFF;*/
	width:95%;
	margin: 0 auto;
	line-height: 1.4em;
	}

.bg_essential{
	background-image:url(../images/deco-essential-bg.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	}
	
#muelle{
	float: left;
	width: 4%;
	}




#contenidos, #contenidos_producto, #contenidos_essential{
	float: left;
	width: 68%;
	color: #757564;
	}

#contenidos_essential{
	font-size:0.9em;
}

.justificado{
	text-align:justify;
	}

#contenidos_producto{
	width: 100%;
	margin-top: 30px;
	}
	
	#contenidos h1, #contenidos_producto h1, #contenidos_essential h1{
		font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
		font-size: 2em;
		margin-top: 15px;
		padding-left: 4px;
		line-height:1em;
	}
	
	#contenidos h1.protectores, #contenidos_producto h1.protectores{
		color: #3b5e78;
	}
		
	#contenidos h1.beauty, #contenidos_producto h1.beauty{
		color: #f8609f;
	}
		
	#contenidos_essential h1, #contenidos_producto h1.essential{
		color: #b13b5c;
		font-family: "Lucida Handwriting", "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
	}
		
	#contenidos_essential p, #contenidos_essential ol, #contenidos_essential table tr td{
		color: black; 
	}
	
	#contenidos_essential ol{
		margin-left:30px;
	}

	#contenidos .separacion, #contenidos_producto .separacion, #contenidos_essential .separacion{
		background: url(../images/separacion.png) repeat-x;
		height: 16px;
		margin-bottom: 6px;
		}
		
	.descripcion_principal{
		margin: 0 8px;
	}

	.descripcion_principal_h200{
		margin: 0 8px;
		min-height: 200px;
	}

	.descripcion_principal img, .descripcion_principal_h200 img{
		float: right;
		margin-left: 15px;
	}
	
	.descripcion_principal p, .descripcion_principal_h200 p{
		margin-bottom: 1em;
		}
	
	.descripcion_principal p.destacado, .descripcion_principal_h200 p.destacado{
		font-size: 1.4em;
		line-height: 1.2em;
		}
	.descripcion_principal strong{
		font-weight: bold;
	}

	.descripcion_principal ul{
		padding-left: 15px;
	}

	.descripcion_principal li{
		list-style-type: circle;
		margin-bottom: 10px;
	}


#productos, #productos_columna, #productos_essential{
	display: block;
	width: 100%;
	}
	
#productos_columna{
	margin-top: 20px;
	}
	#productos li, #productos_columna li, #productos_essential li{
		display: inline;
		margin: 10px 0;
		width:25%;
		text-align:center;
		float:left;
		}
		
	#productos_columna li{
		display: inline;
		float:left;
		margin: 0;
		width: 130px;
		margin-bottom: 20px;
		}
	
	#productos li div, #productos_columna li div, #productos_essential li div{
		width: 120px;
		margin: 0 auto;
		border: 1px solid #CCC;
		text-align: center;
		padding-bottom: 0px;
	}
	#productos_essential li div{
		border: 1px solid #005500;
		}
	
	#productos li img, #productos_columna li img, #productos_essential li img{
		display:block;
		margin: 0 auto;
		}
	
	#productos li div:hover, #productos_columna li div:hover{
		border: 1px solid #3b5e78;
		}
	#productos_essential li div:hover{
		border: 1px solid #00EE00;
	}
	
	#productos li a, #productos_columna li a, #productos_essential li a{
		font-size:.6em;
		line-height: 1em;
		text-decoration: none;
		color: #3b5e78;
		margin-bottom: 3px;
		}
		
	#productos li a:hover, #productos_columna li a:hover, #productos_essential li a:hover{
		text-decoration: none;
		}
	
.cl_space{
	clear:left;
	height:40px;
	}













/***************** PIE DE PAGINA ********************/
#pie{
	clear: both;
	height: 35px;
	background-color:#CCCCCC;
	background-image:url(../images/bg_pie.png);
	background-repeat: repeat-x;
	padding: 10px;
	margin-top: 20px;
	
}

	.linkspie{
		margin-top: 6px;
		font-size:.8em;
	}
	
		.linkspie li{
			display: inline;
			margin: 0px 0px 0px 20px;
		}
		
		.linkspie li a, #linkspie li a:visited{
			color: #efefef;
			text-decoration: underline;
		}
		
		.linkspie li a:hover{
			color: #443f3d;
			text-decoration: none;
		}
	
	#piederecha{
		float:right;
		width: 120px;
		text-align: center;
		}
	
	#piederecha img{
		display: block;
		margin-bottom: 4px;
		}

.tb_caracteristicas, .tb_caracteristicas_beauty{
	text-align: center;
	border: 1px solid #FFF;
	font-size:.8em;
}

.textleft{
	text-align: left;
	}

.tb_caracteristicas .categoria{
	background-color:#999;
	color: #FFF;
}

.tb_caracteristicas_beauty{
	float: right;
	margin-right: 20px;
	margin-bottom: 20px;
	}

.mini{
display: inline;
 width: 45%;
 }

.tb_caracteristicas_beauty img{
	margin: 0; padding: 0;
	}
		
.tb_caracteristicas_beauty .categoria{
	background-color:#c22a63;
	color: #FFF;
}

.tb_caracteristicas tr{
	background-color:#DDD;
	}
	
.tb_caracteristicas_beauty tr{
	background-color:#ffe9f2;
	}
	
.tb_caracteristicas_beauty tr td{
	padding: 4px;
	}
	
.tb_caracteristicas_beauty tr th{
	padding: 4px;
	font-weight: bold;
	text-align: center;
	}
	
.tb_caracteristicas .par{
	background-color: #EEE;
}
.tb_caracteristicas_beauty .par{
	background-color: #f3d4e0;
}

.tb_caracteristicas .imagenes, .tb_caracteristicas_beauty .imagenes{
	background-color: #FFF;
}

.logos{
	margin: 20px 0 0 0;
	}
	
.logos img{
	margin: 0 10px;
}



.alto300{
	min-height: 350px;
	}


#lista_noticias li a, #lista_noticias li a:visited{
	color: #3b5e78;
	}

#lista_noticias li a.beauty, #lista_noticias li a.beauty:visited{
		color: #f8609f;
	}

#lista_noticias li a:hover{
	text-decoration: none;
	color:#255376;
	}
	

.img-tabla{
	background-color: #FFF;
}


.img_derecha{
	float:right;
}	

.descripcion_principal_h200 img.img_izq{
	float:left;
	margin: 0 15px 15px 0;
}	





.detalle-jabones{
	color: #003300;
	width:80%;
	margin: 0 auto;
	font-size:0.9em;
}

.detalle-jabones strong{
	font-weight: bold;
	}

.detalle-jabones th{
	background-color: #006600;
	color: #FFF;
	font-weight: bold;
	text-align: left;
	padding:2px;
	border: 1px solid #006600;
}

.detalle-jabones tr.par{
	background-color: #E4F1E6;
	}
.detalle-jabones td{
	border: 1px solid #006600;
	padding:2px;
}

.triple-foto{
	width: 95%;
	margin: 10px auto 0 auto;
	text-align: center;
}

.triple-foto img{
	float: none;
	}

.essential-h1{
	color:#b13b5c;
}