@charset "UTF-8";
/* CSS Document */


/* COMUN FACIAL */

#contenidoTratamientos{
	display:none;
	}
#menuPP{
	margin-top:10px;
	margin-bottom:5px;
	margin-left:30px;
	width:100%;
	}
	
#migasFacial, #migasTratamientos{
	display:inline;
	}

#migasFacial li, #migasTratamientos li{
	display:inherit;
	}	

#migasFacial{
	margin-left: 330px;
	}
	
#migasFacial li a:hover, #migasTratamientos li a:hover{
	opacity:0.5;
}	


#cabeceraFacial, #cabeceraCorporal{
	background-image:url(../images/tratamientos/facial/general/banda_degrade_facial.png);
	background-repeat:no-repeat;
	width:100%;
	height:33px;
	vertical-align:middle;
	}
	
#cabeceraCorporal{
	 padding-left:20px;
	 }
#cabeceraCorporal img{
	margin-top:7px;
	vertical-align:middle;
	
	}
	
#masFacial{
	vertical-align:middle;
	float:right;
	margin-top:10px;
	}
/*COMUN FACIAL*/


/*Navegacion facial*/
#navFacial li {
	display:inline-block;
	height:33px;
	vertical-align:middle;
	text-align: center;
    width: 33%;
	}

#navFacial li a img{    
	margin-top: 8px;
    position: relative;
}
	
.menuPselected{
	background-image:url(../images/tratamientos/facial/general/fondoPurificar.png);
	background-repeat:repeat;
	}
.menuNoSelected{
	background-image:none;
	}

.menuNoSelected a img{
	padding-top:3px;
	}
	
.menuRselected{
	background-image:url(../images/tratamientos/facial/general/fondoRenovar.png);
	background-repeat:repeat;
	}
.menuIselected{
	background-image:url(../images/tratamientos/facial/general/fondoIluminar.png);
	background-repeat:repeat;
	}

/*FIN navegacion facial*/


/* Comunes a toas las opciones */
.contentfacial, .contentcorporal{
	background-color:#FFF;
	width:100%;
	}
.subMenuFacial{
	height:30px;
	background-repeat:repeat-y;
	width:100%;
	}
.subMenuFacial img{
	margin-top:8px;
	margin-left:20px;
}
.pasosTxt, .pasosTxtProteccion{
	display:table-cell;
	width: 165px;
	padding-top:25px;
	background-image:url("../images/comunes/fondoContenido.png");
	}
.bola{
	float:right;
	}
.pasosTxt ul, .pasosTxtProteccion ul{
	padding-left: 10px;
	}
.pasosTxt ul li{
	margin-bottom:15px;
	}

.pasosContent{
	display:table-cell;
	height:100%;
	padding-top:20px;
	vertical-align:top;
	background-color:#FFF;
	}

.pasosContent ul{
	text-align:center;
	display:table-cell;
    width: 200px;
}

.pasosContent ul li{
	display:inline-block;
}

.complementarios{
	text-align:center;
	}
	
#btnBeneOn_1, #btnPpiosOn_1,#btnRitualOff_1,
#btnBeneOn_2, #btnPpiosOn_2,#btnRitualOff_2,
#btnBeneOn_3, #btnPpiosOn_3,#btnRitualOff_3,
#btnBeneOn_4,#btnPpiosOn_4,#btnRitualOff_4,
#beneficios_1, #principios_1, 
#beneficios_2, #principios_2, 
#beneficios_3, #principios_3, 
#beneficios_4, #principios_4, 
#subR, #subI, #subP{
	display:none;
	}
.imgRitual, .txtRitual{
	margin-left:40px;
	}

.desarrolloPaso{
	display:table-cell;
	vertical-align:top;

	}
.desarrolloPaso ul{
	display:inline-block;
	width:100%;
	text-align:center;
	margin-right:10px;
	}
.desarrolloPaso ul li{
	margin-left:4%;
	}

#contenidoSubmenu{
	width:540px;
	height:311px;
	margin-bottom:15px;
	background-image:url(../images/tratamientos/facial/Purificar/pantalla_gris_interna.png);
	padding-top:25px;
}
#contenidoSubmenu div div img{
	vertical-align:middle;
	}
	
#contenidoSubmenuCorporal{
	width:540px;
	margin-bottom:15px;
	background-image:url(../images/tratamientos/facial/Purificar/pantalla_gris_interna.png);
	padding-top:25px;
	height:370px;
	}
	
.txtRitualCorporal{
	margin-top:15px;
	padding-left:60px;
}
.imgRitualCorporal{
	padding-left:60px;
	}
	
.liTxtProducto{
	height:49px;
	}
	
.liProducto{
	height:286px;
	background-repeat:no-repeat;
	background-position:center;
	width:245px;
	text-align:center;
	vertical-align:bottom;
	}
/*FIN Comunes a todas las opciones */

/* PURIFICAR */

#bola2, #txtProducto{
	visibility:hidden;
	}
	
/* COMUN PURIFICAR */
#subP .subMenuFacial{
	background-image:url(../images/tratamientos/facial/banda_purificar_facial.png);
}

.detalleProductoP{
	background-image:url(../images/tratamientos/facial/Purificar/paso1/detallesProducto/fondoDetalle.png);
	background-repeat:repeat;
	width:100%;
	height:20px;  
}

.detalleProductoP img{
	vertical-align:middle;
	}


 #paso2content{
	display:none;
	}


.txtRitual{
	padding-top: 10px;
	}

/* COMUN PURIFICAR */



/*CORPORAL */
#productoCorporal{
	width:245px;
    height: 345px;
	text-align:center;
	}

#txtProductoPaso1,#txtProductoPaso2, #txtProductoPaso3,#txtProductoPaso4  {
	display:none;
	margin-top: 12px;
	}
#txtDetalle1, #txtDetalle2,  #txtDetalle3,  #txtProductoPaso4 {
	overflow:hidden;
	}
	/*----*/

/* PASO 1 -- PURIFICAR */


#producto1Facial{
	width:245px;
	height:286px;
	text-align:center;
	overflow:hidden;
	}


.txtPestanasFacial{
	display:none;
	margin-left:75px;
	margin-top:20px;
	}

	
#ritual1{
	padding-top:10px;
	}

.resultados{
	position:relative;
	float:right;
	margin-right:20px;
	}
/* FIn PASO 1  PURIFICAR*/


/* Paso 2 PURIFICAR*/ 

#producto2{
	width:245px;
	height:286px;
	text-align:center;
	overflow:hidden;
	vertical-align:bottom;
	}
	
#ritual_2 .resutlados{
	margin-right:10px;
	}
	
/*Fin PURIFICAR*/


/* RENOVAR*/
#subR .subMenuFacial{
	background-image:url(../images/tratamientos/facial/banda_renovar_facial.png);
	}
	
.detalleProductoR{
	background-image:url(../images/tratamientos/facial/Renovar/detallesProducto/fondoDetalle.png); 
	background-repeat:repeat;
	width:100%;
	height:20px;  
}


.btnMenuRenovar{
	margin-bottom: 2px;
	}
/* Fin RENOVAR */
	
	
/* ILUMINAR*/	
#subI .subMenuFacial{
	background-image:url(../images/tratamientos/facial/banda_iluminar.png);
	}

.detalleProductoI{
	background-image:url(../images/tratamientos/facial/Iluminar/detallesProducto/fondoIlumniar.png);
	background-repeat:repeat;
	width:245px;
	height:20px;  
}
.txtProducto4{
	height:43px;
	}

/* Fin ILUMINAR*/



/*PROTECCION*/

.subMenuProteccion{
	background-image:url(../images/tratamientos/Proteccion/bandacolor_corporal.png);
	height:40px;
	background-repeat:repeat-y;
	width:100%;
	}
.subMenuProteccion img{
	margin-top:8px;
	margin-left:20px;
}
#homeProteccion{
    margin-top: 50px;
    text-align: center;
	}
#ritualProteccion, #defensaProteccion{
	margin-top:50px;
	text-align:center;
	display:none;
	}
#defensaProteccion{
	 padding-bottom:10px;
	 }
#ritualProteccion ul{
    padding-bottom: 28px;
    padding-left: 6px;
    padding-top: 10px;
	}
#ritualProteccion ul li{
	display:inline-block;
	vertical-align:top;
	}
.columnaProteccion{
	background-image:url(../images/tratamientos/Proteccion/home/naranjo_columna_3_txt.png);
	}
	
#bola1{
	float:right;
	}
#productoProteccion1, #producto2Proteccion{
	width:240px;
	height:300px;
	text-align:center;
	overflow:hidden;
	}
	
.detalleProductoProteccion{
	background-image:url(../images/tratamientos/Proteccion/productos/fondDetalle.png); 
	background-repeat:repeat;
	width:100%;
	height:20px;  
}

#contenidoProteccion{
	background-color:#FFFFFF;
}
#contenidoProteccion .pasosContent{
		padding-right:20px;
	}
.proteccionTxt{
	width:170px;
}
#contenidoSubmenuProteccion{
	width:525px;
	height:325px;
	margin-bottom:15px;
	background-image:url(../images/tratamientos/facial/Purificar/pantalla_gris_interna.png);
	padding-top:25px;
	}
.menuHomeTratamientosProteccion, .menuHomeTratamientos{
	position:absolute;
	bottom:0px;
	padding-left:50px;
	padding-bottom:15px;
	padding-top:30px;
	background-color:white;
	    width: 913px;
	}	
#variableProteccion{
	height:300px;
	}
.menuHomeTratamientosProteccion li{
	display:inline;
	margin-right:20px;
	}
/*  Fin PROTECCION  */

/* CORPORAL */
#productoHome{
	display:inline-block;
	margin-top:100px;
	margin-left:350px;
	padding-bottom:64px;
	}
#ritualCorporal{
	display:none;
	text-align:center;
	padding-bottom:11%;
	padding-top:13%;

	}
.txtHome{
	float:right;
	margin-top:30px;
	margin-right:30px;
	}

.menuHomeTratamientos li{
	display:inline;
	margin-right:20px;
	}

/* fin Corporal */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.detalleProductoP img, .detalleProductoR img, .detalleProductoI img, .detalleProductoProteccion img  {
		padding-top:5px;
		}
	#productoProteccion1, #producto2Proteccion{
		height:308px;
		}
	#producto2{
		height: 283px;
		}
		
	.complementarios img {
		padding-top:5px;
		padding-bottom:5px;
	}
	#contenidoSubmenu{
		height:308px;
		}
	#contenidoSubmenuProteccion{
		height:330px;
		}
		
	.liTxtProducto{
		height:45px;
		}
	#defensaProteccion{
		margin-top:47px;
		padding-bottom:14px;
		}
.menuHomeTratamientosProteccion{
		margin-top:30px;
		}
}