#main{
width:860px;
float:left;
margin-top:320px;
padding-left:20px;

}
#bajada{
text-align:center; font-size:22px; line-height:24px; padding-top:20px; float:left; width:100%; color:#666; letter-spacing:1px;

}






#bienvenida {
	margin-top:5px;
	margin-top:-50px;
	margin-bottom:25px;
	text-align:center;

}
#wrapper{
	background-image:url(imgs/back-main.jpg);
	background-repeat:no-repeat;
width:900px;
height:1200px;
margin:0 auto;

}

#topsection{
	opacity:0;
width:900px;
float:left;
margin-left:-50px;
}

h1 {
	text-decoration:none;
	font:normal 28px/30px 'FUENTE02';
	font-size:36px;
	color:#f3acae;
	line-height:26px;

}

h2 {
	text-decoration:none;
	font-family:"Helvetica Neue", Helvetica, sans-serif;
	font-size:25px;
	line-height:18px;
	font-weight:normal;
	color:#999999;

}

h2 a{
	text-decoration:none;
	color:#666666;


}

h2 a:hover{
	text-decoration:none;
	color:#000;


}



h3 {
	text-decoration:none;
	font-family:"Helvetica Neue", Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000;

}

#bloques{
margin-top:50px;
width:880px; height:400px;
float:left;
}


#bloque{
text-align:center;
width:300px; height:270px;
float:left;
margin-left:15px;
}

.txtbn2{
margin-top:20px;
background-image:url(imgs/red-arrow.jpg);
background-position:left;
background-repeat:no-repeat;
text-align:left;
padding-left:15px;
font:normal 28px/30px 'FUENTE02';
color:#000;
float:left;
width:100%;
}

.txtbn2 a{
color:#000;
text-decoration:none;
}

.txtbn2 a:hover{
color:#f3acae;
}

.txtbn{
text-align:center;
padding-top:10px;
font:normal 28px/30px 'FUENTE02';
color:#666666;
}

.txtbn a{

color:#666666;
text-decoration:none;
}

.txtbn a:hover{
text-align:center;
padding-top:10px;
font:normal 28px/30px 'FUENTE02';
color:#f3acae;
}

#bloque img{
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
}

#bloque img:hover{
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
margin-bottom:-3px;
margin-top:3px;
opacity:0.6;
}

#bloquehoriz{
text-align:center;
width:900px; height:550px;
float:left;
}

#tirapie{
float:left;
text-align:center;
width:900px; height:105px;
}

#bloquetirapie{
	
text-align:center;
vertical-align:middle;
width:135px; height:50px;
background-color:#fde4e7;
float:left;
}

#bloquetirapie:hover{
	
background-color:#ffbbc3;

}

#bloquetirapie a{
		text-decoration:none;
color:#999999;

}

#bloquetirapie a:hover{
	
color:#000;
}

#productos {
float:left;
width:900px;
height:100%;
margin-left:-30px;

}

#productos li{
line-height:22px;
color:#999999;
list-style-type:none;
text-decoration:none;
float:left;
width:900px;
font-size:12px;
font-weight:bold;
}

#productos li a{
	text-decoration:none;
color:#999999;
}

#productos li a:hover{
color:#000;
}


#productos ul{

float:left;

}

#prodimg{

float:left;
width:285px;
height:550px;
opacity:0;
margin-top:50px;

}

#back {
padding-top:10px;
text-align:center;
margin-top:25px;
background-color:#666;
float:left;
width:100px;
height:25px;
vertical-align:center;
color:#FFF;
font-size:18px;
font-weight:bold;
}


#back:hover {

background-color:#000;

}

#back a{
	text-decoration:none;
color:#FFF;

}

#test {
padding-top:10px;
text-align:center;
margin-top:25px;
background-color:#feedef;
float:left;
width:210px;
height:25px;
vertical-align:center;
color:#ff82c0;
font-size:18px;
font-weight:bold;
}

#test:hover {
background-color:#fde4e7;

}

#test a{
	text-decoration:none;
color:#ff82c0;
}



#back2 {
	margin-right:75px;
padding-top:10px;
text-align:center;
margin-top:20px;
float:right;
width:310px;
height:60px;
vertical-align:center;
color:#FFF;
font-size:18px;
font-weight:bold;
}


#back2:hover {


}

#back2 a{


}

#ver {
margin: 0 auto; 
padding-top:5px;
text-align:center;
margin-top:25px;
background-color:#666;
width:50px;
height:10px;
vertical-align:center;
color:#FFF;
font-size:14px;
font-weight:bold;
}

#ver a{
	text-decoration:none;
color:#FFF;

}

#ver a:hover{
background-color:#000;

}

#carouselSignos{
margin-top:36px;
height:300px;
width:100%;
float:left;
clear:both;
}

.colorpiel{
	font-weight:bold;
	color:#f5d3d7;
	font-size:16px;
}

.colorbotanical{
	font-weight:bold;
	color:#a3ce99;
	font-size:16px;
}

.colorespeciales{
	font-weight:bold;
	color:#edb281;
	font-size:16px;
}

.colorfragancias{
	font-weight:bold;
	color:#85d9ee;
	font-size:16px;
}
.colorcolor{
	font-weight:bold;
	color:#ae91bf;
	font-size:16px;
}

.backpiel{
	background-color:#f5d3d7;
}

.backbotanical{
	background-color:#a3ce99;
}

.backespeciales{
	background-color:#edb281;
}

.backfragancias{
	background-color:#85d9ee;
}

.backcolor{
	background-color:#ae91bf;
}

.titprod{
	color:#FFF;}

#arrowpiel{
vertical-align:middle;
background-image:url(imgs/triangulo_ciudadoPiel.png);	
float:left;
width:20px;
height:40px;
margin-top:30px;
	opacity:0;

}

#arrowbotanical{
vertical-align:middle;
background-image:url(imgs/triangulo_botanical.png);	
float:left;
width:20px;
height:40px;
margin-top:30px;
	opacity:0;

}

#arrowfragancias{
vertical-align:middle;
background-image:url(imgs/triangulo_fragancias.png);	
float:left;
width:20px;
height:40px;
margin-top:30px;
	opacity:0;

}


#arrowcolor{
vertical-align:middle;
background-image:url(imgs/triangulo_color.png);	
float:left;
width:20px;
height:40px;
margin-top:30px;
	opacity:0;

}

#arrowespeciales{
vertical-align:middle;
background-image:url(imgs/triangulo_especiales.png);	
float:left;
width:20px;
height:40px;
margin-top:30px;
	opacity:0;

}


#derecho{
margin-top:25px;
float:left;
width:615px;

}

#description {
	float:right;
	width:580px;
	height:auto;
	padding:5px;
	padding-left:10px;
	font-size:22px;
	color:#FFF;
	font-weight:normal;
	opacity:0;
}

#description p{
	font-size:14px;

}

#titclientas {
width:590px; 
height:32px; 
margin-top:10px;
}

#cuadro {
width:597px;
height:auto;
float:right; 
margin-top:30px;
}

#cuadroinside {
overflow: auto;
width:591px;
height:100%;
border-left: solid #f46ba5 3px; 
border-right: solid #f46ba5 3px; border-bottom: solid #f46ba5 3px;
padding-bottom:10px;

}

#detallecuadro {
width:100%;
float:left;
}
.detallecuadroOculto {
padding:0 5px;
height:50px;
width:100%;
}
.detallecuadroOculto p {
font-family: 'Source Sans Pro', sans-serif;
line-height:2rem;
margin:0 0 10px 0;
font-size:1.5rem;
font-weight:400;
padding:0px;
color:#444;
}
.spacio {
margin-bottom:20px;
}

#titcuadro {
margin-bottom:20px;
float:left; 
color:#000;

}

#titcuadro a{
	color:#000000;

}

#titcuadro a:hover{
	color:#000000;

}

#iconocuadro {
width:20px; 
float:left;
}


.ruta{
	
	float:left; width:500px; height:40px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#000;
	width:100%;
	
}
.ruta a{
	text-decoration:none;
	color:#000;
	font-weight:bold;
	
}

.ruta a:hover{
	color:#000;

}

#central{
	float:left;
	width:900px;
	height:auto;
}

#menusit{
	font:normal 14px/18px 'FUENTE01';
	float:left;
	width:390px;
	height:400px;
}

#menusit ul{
	line-height:28px;
}

#menusit li {
	vertical-align:middle; 
	list-style-type:none;
	font-family:Helvetica, Arial , sans-serif;
	font-size:18px;
	font-weight:normal;
	}
	
#menusit li img {
	padding-right:5px;
	}
	
	
#menusit a{
		font:normal 16px/18px 'FUENTE02';
	text-decoration:none;
	color:#000;
}
#menusit a:hover{
	color:#f3c5b4;
}





#menusit2{
	font:normal 14px/18px 'FUENTE01';
	float:left;
	width:390px;
	height:400px;
}

#menusit2 ul{
	line-height:28px;
}

#menusit2 li {
	vertical-align:middle; 
	list-style-type:none;
	font-family:Helvetica, Arial , sans-serif;
	font-size:18px;
	font-weight:normal;
	}
	
#menusit2 li img {
	padding-right:5px;
	}
	
	
#menusit2 a{
		font:normal 24px/18px 'FUENTE02';
	text-decoration:none;
	color:#000;
}
#menusit2 a:hover{
	color:#f3c5b4;
}






#menusit3{
	font:normal 14px/18px 'FUENTE01';
	width:170px;
	height:400px;
	float:right; 
	text-align:center;
	 margin-right:25px;
}

#menusit3 ul{
	line-height:18px;
}

#menusit3 li {
	list-style-type:none;
	font-family:Helvetica, Arial , sans-serif;
	font-size:16px;
	font-weight:normal;
	padding-bottom:8px;
	padding-top:8px;
	border-bottom: solid #f3c5b4 2px;
	}
	
	
#menusit3 a{
		font:normal 14px/16px 'FUENTE02';
	text-decoration:none;
	color:#000;
}
#menusit3 a:hover{
	color:#f3c5b4;
}


.titulo{
	padding-left:25px;
	margin-top:25px;
	font:normal 36px/26px 'FUENTE02';
	height:50px;

}

#principal{
	padding-left:25px;
	float:left;
	width:660px;
	height:auto;
	padding-bottom:100px;
}

#principal p{

	font:normal 16px/16px 'FUENTE02';
		line-height:18px;
}

#principal p a{
	font-weight:bold;
	color:#000;
	text-decoration:none;
}

#principal p ul{
	color:#db66a7;
	line-height:20px;
	margin-top:20px;
	width:98%;

}

#principal p li{
	color:#db66a7;
	width:100%;
	font-size:14px;
	font-weight:bold;
}

#cuadro {
width:100%;
height:auto;
float:left; 
margin-top:30px;
}

#cuadroinside {
overflow: auto;
width:100%;
height:100%;
}
#detallecuadro {
margin-bottom:29px;
padding-left:0px;
width:100%;
float:left;
}

.detallecuadroOculto {
	width:95%;
	height:auto;
	text-align:left;

	
}

.detallecuadroOculto ul{
	float:left;
	font:normal 16px/16px 'FUENTE02';
	width:100%;
	height:auto;
	text-align:left;

	
}

.detallecuadroOculto li{
	width:100%;
	height:auto;
	float:left;
	text-align:left;
	margin-top:10px;
	color:#db66a7;
	font:normal 18px/18px 'FUENTE02';
	font-weight:bold;

	
}

.detallecuadroOculto li a{
	text-decoration:none;
	color:#db66a7;
	font-weight:bold;
}

.detallecuadroOculto li a:hover{
	text-decoration:none;
	font-weight:bold;
}

#titcuadro {
font:normal 18px/18px 'FUENTE02';
color:#db66a7;
width:100%;
float:left;
}
.nopadding {
padding:0px;
}

#titcuadro a{
	color:#db66a7;

}

#titcuadro a:hover{
	color:#db66a7;

}

#iconocuadro {
width:20px; 
float:left;
}

.tip {
	color:#000;
	padding-top:70px;
	padding-left:15px;
	padding-right:50px;
	padding-bottom:10px;
	background-image:url(imgs/bactips.jpg);
	background-repeat:no-repeat;
	width:100%;
	height:auto;
	float:left;
	text-align:left;
	margin-top:10px;
	font:normal 15px/15px 'FUENTE02';
	font-weight:normal;
	line-height:18px;
}

#ficha{
	
	
}
#ficha ul{
	padding-left:20px;
}

#ficha li{
	width:95%;
	padding-left:0px;
	text-decoration:none;
font:normal 14px/14px 'FUENTE02';
line-height:16px;
}

#centrotextbox{
	
	background-image:url(imgs/backSlider.jpg);
	height:394px;
	width:598px;
	float:left;
	margin-left:30px;
	margin-top:25px;

}

#back {
	font-family:Arial, Helvetica, sans-serif;
padding-top:5px;
text-align:center;
margin-top:25px;
background-color:#a3a3a3;
float:left;
width:100px;
height:25px;
vertical-align:center;
color:#FFF;
font-size:18px;
font-weight:bold;
margin-left:380px;
}


#back:hover {

background-color:#000;

}

#back a{
	text-decoration:none;
color:#FFF;

}



.peque {
	line-height:18px;
	width:100%;
	float:left;

	
}

.peque ul{
	line-height:122px;
		margin-top:-5px;

	font:normal 14px/14px 'FUENTE02';
	text-align:left;

	
}

.peque li{
	letter-spacing:0.5px;
	padding:2px;
	line-height:28px;
	text-align:left;
	color:#db66a7;
	font:bold 13px/14px 'FUENTE02';

	
}

.herramientapic{
	text-align:center;
		font:bold 16px/16px 'FUENTE02';
	float:left;
	margin-left:15px;
	width:280px;
	height:325px;

	
}

.herramientapic img{
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
}

.herramientapic img:hover{
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
margin-bottom:-5px;
margin-top:5px;
}

#titcuadro h1 {
font-family: 'Source Sans Pro', sans-serif;
letter-spacing:-2px;
padding:0 0 15px 0;
line-height:5.0rem;
font-style:italic;
font-size:5.4rem;
font-weight:400;
color:#EBADAB;
margin:0px;
}
.testNombre {
font-family: 'Source Sans Pro', sans-serif;
letter-spacing:-1px;
line-height:2.4rem;
font-weight:400;
font-size:2rem;
color:#444444;
}
.testNombre strong {
font-weight:700;
}
.btn-marykay {
margin-top:25px;
}
.btn-marykay .texto {
font-family: 'Source Sans Pro', sans-serif;
font-style:italic;
font-weight:400;
font-size:2rem;
}
.btn-marykay span.texto {
padding-right: 26px;
}

.VerTesti {
float:left; 
color:#333;
font:normal 28px/18px 'FUENTE02';
margin-left:430px;
margin-top:-35px;
}

.ocultarTesti {
float:left; 
color:#333;
font:normal 18px/18px 'FUENTE02';
margin-left:455px;
margin-top:-15px;
}