p{
	font-weight:bold;
	font: 16px/18px "Helvetica Neue", Helvetica, sans-serif;
	}
	


#main{
background-image:url(imgs/piel/modelo.jpg);
background-repeat:no-repeat;
background-position:right top;
margin: 0 auto;
width:900px;
height:2060px; 
font:normal 12px/16px "Helvetica Neue", Helvetica, sans-serif;
letter-spacing:0.1px;
color:#000;


}

#storeHome {
	margin-left:5px;
margin-top:60px;
margin-bottom:20px;
height:260px;
width:900px;
float:left;
clear:both;
opacity:0;
}

#storeHome2 {
margin-top:60px;
margin-bottom:20px;
height:260px;
width:900px;
float:left;
clear:both;
opacity:1;
}



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

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


}

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

h1 {
	text-decoration:none;
	font-family:"FUENTE01", Helvetica, sans-serif;
	font-size:26px;
	color:#000;
	line-height:26px;

}

h2 {
	text-decoration:none;
	font-family:"Helvetica Neue", Helvetica, sans-serif;
	font-size:15px;
	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:150px;
width:900px; height:350px;
float:left;
}




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

#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:-5px;
margin-top:5px;
}


#bloque3{
height:196px;
float:left;
margin-bottom:30px;
}

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

#bloque3 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;
opacity:0.5;
}


#bnvideoB{
height:171px;
width:144px;
float:right; margin-right:90px; margin-top:90px;
}

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

#bnvideoB 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;
opacity:0.5;
}

#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 {
padding:5px;
padding-left:10px;
width:550px;
float:left;
}

#detallecuadro ul{

}

#detallecuadro li{
	color:#000;
	list-style-type:circle;
	width:520px;
	font-size:12px;
	font-weight:normal;
}


.detallecuadroOculto {
	padding-top:5px;
	width:550px;
	height:50px;
	
}

.detallecuadroOculto ul{
	

	
}

.detallecuadroOculto li{
	color:#000;

	width:520px;
	font-size:12px;
	font-weight:normal;

	
}

#titcuadro {
width:85px; 
float:left; 
padding-top:3px; 
padding-left:5px;
color:#999999;

}

#titcuadro a{
	color:#000000;

}

#titcuadro a:hover{
	color:#000000;

}

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


.ruta{
	padding-left:25px;
	float:left; width:800px; height:40px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#000;
	
}
.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;
}

/*-------------------------------  FUENTES  -------------------------------*/

@font-face {
font-family:'FUENTE01';
src: url('fuentes/Medium.eot');
src: url('fuentes/Medium.eot?iefix') format('eot'),
url('fuentes/Medium.woff') format('woff'),
url('fuentes/Medium.ttf') format('truetype'),
url('fuentes/Medium.svg#webfont4Bjy2lJe') format('svg');
font-weight:normal;
}
@font-face {
font-family:'FUENTE02';
src: url('fuentes/Light.eot');
src: url('fuentes/Light.eot?iefix') format('eot'),
url('fuentes/Light.woff') format('woff'),
url('fuentes/Light.ttf') format('truetype'),
url('fuentes/Light.svg#webfont4Bjy2lJe') format('svg');
font-weight:normal;
}
@font-face {
font-family:'FUENTE03';
src: url('fuentes/Bold.eot');
src: url('fuentes/Bold.eot?iefix') format('eot'),
url('fuentes/Bold.woff') format('woff'),
url('fuentes/Bold.ttf') format('truetype'),
url('fuentes/Bold.svg#webfont4Bjy2lJe') format('svg');
font-weight:normal;
}

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

#cuadroinside {
overflow: auto;
width:100%;
height:100%;


}

#detallecuadro {
background-color:#fff5f1;
padding-left:0px;
width:100%;
float:left;
}

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

}

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


.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 {
	color:#db66a7;
	font:normal 18px/18px 'FUENTE02';
	background-color:#f7d6ca;
width:100%;
height:25px;
float:left;
letter-spacing:1px;
padding-top:10px; 
padding-left:5px;


}

#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;
}

.herramientaTXT {
	float:left;
	text-align:center;
	margin:0 auto;
	width:100%;
	padding-top:10px;
	height:30px;
	
}

.testi{
	float:left;
	margin-left:25px;
	margin-top:15px;
	width:850px;
	height:80px;
font:bold 16px/16px 'FUENTE02';
	
}

.pictesti{
	background-image:url(imgs/pictesti.jpg);
	width:52px;
	height:51px;
	float:left;
	
}

.download{
	background-image:url(imgs/download-archive.jpg);
	width:287px;
	height:36px;
	float:right;
	margin-top:-15px;
	
}

.t-title{
	font:normal 14px/12px 'FUENTE02';	
}

.t-name{
	margin-top:18px;
	font:normal 30px/12px 'FUENTE02';	
}

.t-desc{
	float:left;
	margin-top:10px;
	font:normal 14px/12px 'FUENTE02';
	color:#bf1950;
	letter-spacing:0.7px;

}

.t-box{
	margin-top:10px;
	float:left;
	width:100%;
	height:150px;
	border-radius: 8px;
	border: 3px solid #999;

}

.download:hover{
			background-image:url(imgs/download-archive-on.jpg);

}

.t-box p{
	font-size:15px;
	padding-left:10px;
	padding-right:10px;
	color:#666;

}




.t-box li{
	font:normal 14px/16px 'FUENTE02';
}


#produ{
margin-top:30px;
width:900px; height:1600px;
float:left;
}

#html5-watermark{
	display:none !important;
}

#html5-lightbox-box{
	top:-1900px;
}

.cuadraNum{
	float:left;
	width:29px;
	padding:5px;
	height:21px;
}

#bloquepuntos p{
	float:left;
	font:normal 14px/16px 'FUENTE02';
	width:850px;
}


#bloquepuntos{
	margin-top:25px;
	float:left;
	width:900px;
	padding:5px;
	height:auto;
}