/*///////////////////////////////////////--ETIQUETAS HTML--///////////////////////////////////////*/

*{
	margin:0;
	padding:0;
}
html, body{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	background:url(../imgs/fondo-sitio.jpg) repeat-y top center #2A2829;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#5A5A5A;
	line-height:17px;
}
h2{
	padding:0;
	font-size:15px;
	color:#7ba22d;
	text-transform:uppercase;
	}
	h2 a{
		display:block;
		height:73px;
	}
img, a{
	border:none;
	outline:none;
}

/*///////////////////////////////////////--DIAGRAMACION GENERAL--///////////////////////////////////////*/

#wrapper{
	width:900px;
	margin:0 auto;
}

/*///////////////////////////////////////--HEADER--///////////////////////////////////////*/

#header{
	height:62px;
	}
	#logo{
		float:left;
		margin:13px 0 0 5px;
	}
	ul#menu-principal{
		float:right;
		margin:12px 0 0 0;
		height:30px;
		list-style-type:none;
		}
		#menu-principal li a{
			display:block;
			height:32px;
			}
			#menu-principal li a:hover{
				background-position:bottom left;
			}
		ul#menu-principal li{
			text-indent:-9999px;
			display:block;
			float:left;
			height:32px;
			}
			li.menu-inicio a{background:url(../imgs/menu-01.jpg) no-repeat; width:60px;}
            li.menu-lineas a{background:url(../imgs/menu-02.jpg) no-repeat; width:61px;}
            li.menu-productos a{background:url(../imgs/menu-03.jpg) no-repeat; width:94px;}
            li.menu-blog a{background:url(../imgs/menu-04.jpg) no-repeat; width:54px;}
            li.menu-descubrite a{background:url(../imgs/menu-05.jpg) no-repeat; width:89px;}
            li.menu-registrate a{background:url(../imgs/menu-06.jpg) no-repeat; width:87px;}
            li.menu-catalogo a{background:url(../imgs/menu-07.jpg) no-repeat; width:84px;}
			/*li.menu-registrate{background:url(../imgs/menu-07.jpg) no-repeat; width:124px;}
			li.menu-registrate{background:url(../imgs/menu-08.jpg) no-repeat; width:110px;}*/

/*///////////////////////////////////////--FONDO PARA EL SPLASH--///////////////////////////////////////*/
#fondo-splash{
	width:100%;
	background:url(../imgs/fondo-menu.gif) repeat-x #373735;
}
/*///////////////////////////////////////--FONDO BLANCO PARA LAS SECCIONES--///////////////////////////////////////*/
#fondo-secciones{
	width:100%;
	background:url(../imgs/fd-secciones.jpg) no-repeat #FFFFFF top center;
	}
	#fondo-secciones.oscuro{
		width:100%;
		background:url(../imgs/fd-secciones.jpg) no-repeat #343032 top center;
	}
/*///////////////////////////////////////--PRODUCTOS--///////////////////////////////////////*/
h2.productos{
	text-indent:-9999px;
	background:url(../imgs/tit-productos.jpg) no-repeat;
	width:133px;
	height:60px;
	margin:15px 0 15px 0;
	}

/*///////////////////////////////////////--LINEAS--///////////////////////////////////////*/
#imgs-gdes{
	margin-top:10px;
	width:900px;
	overflow:hidden;
	z-index:1;
	}
	.item-linea{
		float:left;
		margin-left:15px;
		position:relative;
		}
		.aclaracion-linea{
			display:none;
			line-height:14px;
			color:#333;
			position:absolute;
			background:#FFF;
			filter: alpha(opacity=90);
			opacity: .9;
			padding:15px 10px;
			top:80px;
			}
			.acl-seda{
				width:270px;
				left:30px;	
			}
			.acl-hydramilk{
				width:240px;
				left:370px;	
			}
			.acl-clasica{
				width:220px;
				left:650px;	
			}
			.aclaracion-linea a{
				color:#333;
				text-decoration:none;
			}
	.item-producto{
		float:left;
		margin-left:90px;
	}
h2.lineas{
	text-indent:-9999px;
	background:url(../imgs/tit-lineas.jpg) no-repeat;
	width:212px;
	height:60px;
	margin:15px 0 20px 0;
	}
.miniaturas{
	width:900px;
	z-index:1000;
	position:relative;
	margin-top:-25px !important;
	margin-top:-35px;
	padding-bottom:15px;
	}
	.miniaturas-titulo{
		height:43px;
		text-indent:-9999px;
	}
	.miniaturas-listado{
		/*min-height:150px;*/
		background:url(../imgs/miniaturas-fondo.png) repeat-y;
		overflow:auto;
		padding:20px 0;
		}
		.miniaturas-listado h3{
			margin:0;
			padding:0;
			font-family:Tahoma, Geneva, sans-serif;
			font-weight:normal;
			padding:10px 0 0 60px;
			color:#5a5a5a;
			font-size:11px;
			}
		.miniaturas-listado ul{
			float:left;
			width:800px;
			background:url(../imgs/linea-puntos.gif) repeat-x 0px 5px;
			overflow:none;
			position:relative;
			padding:15px 15px 15px 80px;
			/*margin:0 0 0 60px;*/
			}
			.miniaturas-listado ul.list-lineas{
				width:500px;
			}
			.miniaturas-listado ul li{
				list-style-type:none;
				display:block;
				float:left;
				margin-right:30px;
				padding:15px 0 0 0;
				position:relative;
				}
				/*.tooltip-prod{
					position:absolute;	
					left:-20px;
					color:#666;
					font-size:10px;
					text-align:center;
					display:none;
					line-height:10px;
					padding:6px;
					width:100px;
					line-height:11px;
					border:1px solid #E4E4E7;
					background:#FFFFFF;
				}*/
				.tooltip-linea, .tooltip-prod{
					z-index:1;
					display:none;
					position:absolute;	
					left:-45px;
					color:#666;
					font-size:11px;
					text-align:center;
					background:#FFF;
					line-height:11px;
					padding:6px;
					width:140px;
					line-height:11px;
					border:1px solid #CCC;
				}
				/*.tooltip-prod{top:-15px;}*/
				.tooltip-linea{bottom:-30px;}
	.miniaturas-pie{
		height:7px;
		background:url(../imgs/miniaturas-bottom.png) no-repeat bottom center;
	}
	#tit-0{background:transparent url(../imgs/miniaturas-tit-lineas.png) no-repeat top left}
	#tit-1{background:transparent url(../imgs/miniaturas-tit-clasica.png) no-repeat top left}
	#tit-2{background:transparent url(../imgs/miniaturas-tit-hydra.png) no-repeat top left}
	#tit-3{background:transparent url(../imgs/miniaturas-tit-seda.png) no-repeat top left}
	
	#tit-prod-0{background:transparent url(../imgs/miniaturas-tit-prods.png) no-repeat top left}
	#tit-prod-1{background:transparent url(../imgs/miniaturas-tit-jabones.png) no-repeat top left}
	#tit-prod-2{background:transparent url(../imgs/miniaturas-tit-cremas.png) no-repeat top left}
	#tit-prod-3{background:transparent url(../imgs/miniaturas-tit-shampoos.png) no-repeat top left}

/*///////////////////////////////////////--PRODUCTO ABIERTO--///////////////////////////////////////*/
/* Jabones Cremosos - Línea Clásica */
h2.tpr_lin_1-1{
	text-indent:-9999px;
	background:url(../imgs/tit-jabones-clasica.jpg) no-repeat;
	width:272px;
	height:60px;
	margin:15px 0 15px 0;
}
/* Jabones Cremosos -  Línea Hydramilk */
h2.tpr_lin_1-2{
	text-indent:-9999px;
	background:url(../imgs/tit-jabones-hydramilk.jpg) no-repeat;
	width:293px;
	height:60px;
	margin:15px 0 15px 0;
}
/* Jabones Cremosos -  Línea con Extracto de Seda */
h2.tpr_lin_1-3{
	text-indent:-9999px;
	background:url(../imgs/tit-jabones-seda.jpg) no-repeat;
	width:358px;
	height:60px;
	margin:15px 0 15px 0;
}

/* Cremas Corporales - Línea Hydramilk */
h2.tpr_lin_2-2{
	text-indent:-9999px;
	background:url(../imgs/tit-cremas-hydramilk.jpg) no-repeat;
	width:300px;
	height:60px;
	margin:15px 0 15px 0;
}
/* Cremas Corporales - Línea con Extracto de Seda */
h2.tpr_lin_2-3{
	text-indent:-9999px;
	background:url(../imgs/tit-cremas-seda.jpg) no-repeat;
	width:366px;
	height:60px;
	margin:15px 0 15px 0;
}
/* Shampoo y Acondicionadores - Línea con Extracto de Seda */
h2.tpr_lin_3-3{
	text-indent:-9999px;
	background:url(../imgs/tit-shampoos-seda.jpg) no-repeat;
	width:468px;
	height:60px;
	margin:15px 0 15px 0;
}
#producto-abierto{
	width:870px;
	margin-top:40px;
	overflow:hidden;
	}
	#imagen-producto{
		width:350px;
		float:left;
	}
	#detalles-producto{
		margin-top:15px;
		width:520px;
		float:left;

	}
	#detalles-parrafos p{
		padding:5px 0 0 0;
		}
		#detalles-parrafos p:last-child{
		padding:5px 0 10px 0;
		background:url(../imgs/linea-puntos-2.gif) repeat-x bottom left;
		}
	#detalles-producto ul{
		width:520px;
		overflow:auto;
		}
		#detalles-producto ul li{
			list-style-type:none;
			display:block;
			float:left;
			margin-left:15px;
			padding:0 0 5px 0;
		}
#compartilo{
	background:url(../imgs/compartilo.jpg) no-repeat;
	width:302px;
	height:56px;
	}
	#compartilo #minis{
			margin-left:120px;
		}
		#compartilo #minis img{
			margin-left:15px;
			display:inline;
		}
	#compartilo #pie{
		
	}
#prod-relacionados{
	margin:20px 0 15px 0;
	background:url(../imgs/prod-abierto-minfd.jpg) repeat-y;
	}
	h2.prod-rel{
		background:url(../imgs/prod-abierto-mintop.jpg) no-repeat;
		width:517px;
		height:44px;
		color:#827d7d;
		padding:15px 0 0 15px;
	}
	#prod-relacionados-pie{
		background:url(../imgs/prod-abierto-min-bt.jpg) no-repeat left top;
		width:517px;
		height:9px;
	}
	
/*///////////////////////////////////////--REGISTRATE--///////////////////////////////////////*/
h2.registrate{
	text-indent:-9999px;
	background:url(../imgs/tit-registrate.jpg) no-repeat;
	width:364px;
	height:60px;
	margin:15px 0 15px 0;
}
#formulario-reg{
	background:url(../imgs/registrate-fd-estrenos.jpg) no-repeat;
	width:900px;
	padding:221px 0 30px 70px;
	}
	#formulario-reg .estrenos{
		cursor:pointer;
		margin-left:12px;	
	}
	#formulario-reg .probaste{
		cursor:pointer;
		margin-left:8px;	
	}
	#formulario-reg .form-termycond{
		position:absolute;
		bottom:5px;
		left:235px;
	}
	#formulario-reg #reg-compartilo{
		position:absolute;
		bottom:4px;
		left:515px;
		}
		#formulario-reg #reg-compartilo img{
			float:left;
		}
		#formulario-reg #reg-compartilo a{
			display:block;
			margin-left:10px;
			height:17px;
			text-indent:-9999px;
			float:left;
			}
		#formulario-reg #reg-compartilo a.facebook:hover,
		#formulario-reg #reg-compartilo a.delicious:hover,
		#formulario-reg #reg-compartilo a.twitter:hover{
			background-position:bottom left;
		}
			#formulario-reg #reg-compartilo a.facebook{
				background:url(../imgs/registrate-fb.jpg) no-repeat top left;
				width:56px;
			}
			#formulario-reg #reg-compartilo a.delicious{
				background:url(../imgs/registrate-dl.jpg) no-repeat top left;
				width:15px;
			}
			#formulario-reg #reg-compartilo a.twitter{
				background:url(../imgs/registrate-tw.jpg) no-repeat top left;
				width:54px;
			}
	#formulario-reg form{
		position:relative;
		width:780px;
		height:250px;
		background:url(../imgs/registrate-form-fd.jpg) no-repeat top left;
		}
		#formulario-reg .form-top{
			padding:25px 0 0 15px;
		}
		#formulario-reg .form-col{
			margin:0 0 0 15px;
			width:330px;
			float:left;
			}
			#formulario-reg .form-linea{
					height:25px;
					margin-top:10px;
				}
				#formulario-reg label{
					float:left;
					margin-right:5px;
				}
				#formulario-reg input{
					outline:none;
					float:left;
					background:url(../imgs/registrate-form-campo.gif) no-repeat center left;
					border:none;
					padding:6px 6px 0 6px;
					width:249px;
					height:25px;
					margin-top:-4px;
					}
					#formulario-reg input.corto{
						background:url(../imgs/registrate-form-campo-corto.gif) no-repeat top left;
						width:92px;
					}
			#formulario-reg select{
				margin-left:3px;
				float:left;
				font-size:10px;
				width:40px;
				height:20px;
				border:none;
				background-color:none;
				}
				#formulario-reg select.anio{
					width:50px;	
				}
			#formulario-reg .btn-enviar{
				width:auto;
				height:auto;
				background:none;
				position:absolute;
				right:0;
				top:80px;
			}


/*///////////////////////////////////////--DESCUBRITE--///////////////////////////////////////*/
h2.descubrite{
	text-indent:-9999px;
	background:url(../imgs/tit-descubrite.jpg) no-repeat;
	width:431px;
	height:60px;
	margin:15px 0 15px 0;
}
#formulario-desc{
	font-family:Helvetica, Arial, sans-serif;
	color:#FFF;
	font-size:11px;
	}
	#formulario-desc .pregunta{
		padding:10px 0 0 10px;
		height:30px;
		width:690px;
		margin-top:20px;
		}
		#formulario-desc .pregunta#preg1{background:#CE0069}
		#formulario-desc .pregunta#preg2{background:#85B42A}
		#formulario-desc .pregunta#preg3{background:#8C3F8E}
		#formulario-desc .pregunta#preg4{background:#8A8A8A}
	#formulario-desc input{margin-left:15px;position:relative;top:0px;}
	.txt-respuesta{
		margin-left:3px;
		position:relative;
		top:-2px;
	}
	.txt-pregunta{
		letter-spacing:-1px;
		font-size:18px;
	}

/*///////////////////////////////////////--RECOMENDACION--///////////////////////////////////////*/
h2.recomendacion{
	text-indent:-9999px;
	background:url(../imgs/tit-recomendacion.jpg) no-repeat;
	width:431px;
	height:60px;
	margin:15px 0 15px 0;
}
#recomendacion-cont{
	width:850px;
	margin-top:30px;
}
#recomendacion-expertos{
	padding:15px 0 20px 40px;	
}

/*///////////////////////////////////////--SITEMAP--///////////////////////////////////////*/
h2.mapadelsitio{
	text-indent:-9999px;
	background:url(../imgs/tit-sitemap.jpg) no-repeat;
	width:142px;
	height:60px;
	margin:15px 0 15px 0;
}
#sitemap{
	padding:20px 0 20px 40px;
	width:760px;
	}
	#sitemap a{
		color:inherit;
		text-decoration:none;
		}
		#sitemap a:hover{
			color:#7BA22D;
			text-decoration:underline;	
		}
	#sitemap ul{
		display:block;
		float:none;
		list-style-type:none;
		color:#7BA22D;
		font-size:18px;
		letter-spacing:-1px;
		}
		#sitemap ul li{
			padding:10px 0 10px 0;
			background:url(../imgs/sitemap-linea1.gif) repeat-x bottom left;
		}
		#sitemap ul li:after{
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
		}
		#sitemap ul ul{
			color:#333;
			font-size:15px;
			letter-spacing:0;
			}
			#sitemap ul ul li{
				padding:15px 0 0 0;
				background:url(../imgs/sitemap-linea2.gif) repeat-x left 40px;
			}
			#sitemap ul ul ul{
				padding-right:30px;
				font-family:Tahoma, Geneva, sans-serif;
				font-size:11px;
				padding:15px 0 0 0;
				}
				#sitemap ul ul ul li{
					background:url(../imgs/sitemap-flecha.gif) no-repeat left 6px;
					margin:0;
					float:left;
					padding:0 0 0 10px;
				}
				#sitemap ul ul ul ul{
					background:none;
					width:240px;
					margin:0;
					color:#666;
					padding:0;
					}
					#sitemap ul ul ul ul li{
						background:none;
						margin:0;
						float:none;	
					}
/*//////////////////////////////--TERMINOS Y CONDICIONES--/////////////////////////////*/
h2.terminos{
	text-indent:-9999px;
	background:url(../imgs/tit-terminos.jpg) no-repeat;
	width:238px;
	height:60px;
	margin:15px 0 15px 0;
}
#terminos{
	width:500px;
	padding:0 0 20px 17px;
	}
	#terminos p{
		padding:5px 0;
	}
/*///////////////////////////////////////--PIE--///////////////////////////////////////*/
#splash-home{
	background:url(../imgs/splash-home.jpg) no-repeat;
	height:481px;
	}
	#pie-fd{
		background:#292828;
		height:235px;
	}
	.btn-participa{
		margin:24px 0 0 680px;
	}
	#destacados-pie{
		color:#FFF;
		text-align:right;
		padding-top:15px;
		width:900px;
		margin:0 auto;
		}
		#destacados-pie.fondo-pie{
			padding-top:10px;
			height:196px;
			background:url(../imgs/pie-fondo.jpg) no-repeat;
		}
	.home{
		position:absolute;
		top:394px;
		}
		.destacado-pie, #video{
			width:290px;
			height:168px;
			float:left;
			margin:0 0 0 7px;
		}
		#video{
			margin:4px 0 0 7px;
		}
	#destacados-pie ul, #destacados-pie li{
		color:#999;
		list-style-type:none;
		float:left;
		text-align:left;
		display:inline;
	}
	#destacados-pie li{
		padding:15px 12px 0 8px;	
		}
		#destacados-pie li a, #destacados-pie li a:link, #destacados-pie li a:visited{
			color:#999;
			text-decoration:none;
			}
			#destacados-pie li a:hover{
				color:#EEE;
			}
	#texto-pie{
		float:right;
		padding:12px 10px 0 0;
		color:#FFFFFF;
		text-decoration:none;
		}
		#texto-pie a{
			color:#FFF;
			text-decoration:underline;
		}
		
		
/*///////////////////////////////////// DISTRIBUIDORES ///////////////////////////////*/
.btn_distribuidora{
	float: left; 
	margin-top: 19px;	
}
	a.link_distribuidores:link, a.link_distribuidores:active, a.link_distribuidores:visited
	{
		background: url(../imgs/btn_distribuidores.jpg) 0 0;
		width: 98px;
		height: 22px;
		display: block;
	}
	a.link_distribuidores:hover
	{
		background: url(../imgs/btn_distribuidores.jpg) 0 22px;
	}
h2.distribuidores{
	text-indent:-9999px;
	background:url(../imgs/tit-distribuidores.jpg) no-repeat;
	width:137px;
	height:60px;
	margin:15px 0 15px 0;
}
	#columna_l{
		float: left;
		width: 270px;
		padding-right: 30px;
	}
	#columna_r{
		float: left;
		width: 300px;
		margin-left: 30px;
	}
		#columna_l h2, #columna_r h2{
			color:#7BA22D;
			font-size:16px;
			letter-spacing:-1px;
			text-transform: none;
			padding-bottom: 4px;
		}
.lineas{
	background:url(../imgs/sitemap-linea1.gif) repeat-x bottom left;
	height:1px;
	margin: 13px 0 40px 0;
}
.clear{
	clear: both;	
}