@import url("reset.css");
body{
	color:black;
	font-size:12px;
	line-height:140%;
	background: url("../img/fondo_site_repite_vertical.jpg") repeat-y scroll center top;
	background-color: #C20503;
}
#wrapper{
    width: 480px;
	background: url("../img/fondo_site_repite_vertical.jpg") repeat-y scroll center top;
}
#header{
    width: 480px;
	height:100px;
	min-width:887px;
	background: url("../img/fondo_menu_nav.jpg") no-repeat scroll center top;
}
#footer{
    width: 100%;
	height:450px;
	background-color: #C6C6C6;
	float:left;
}
#footer_imagen{
    width: 100%;
	height:450px;
	float:left;
	background: url("../img/fondo_footer_repite_vertical.jpg") repeat-y scroll center top;
}
#pie{
    margin: 0 auto;
    width: 970px;
	height:450px;
}
#content{
	background: url("../img/fondo_site_repite_vertical.jpg") repeat-y scroll center top;
	width:100%;
	float:left;
	padding-bottom:120px;
	overflow:hidden;
}
.main{
 	margin: 0 auto;	
	width: 970px;
}

.home{
 	/*background: url("../img/captura_home.jpg") no-repeat scroll center top;*/
	/*height:500px;*/
}
.slider_header{
	height:400px;
}
.slider_header_juego{
	height:550px;
}
.acne{
 	/*background: url("../img/captura_el_acne.jpg") no-repeat scroll center top;*/
}
.productos{
 	/*background: url("../img/captura_productos.jpg") no-repeat scroll center top;*/
}
.participa{
	height:500px;
}
.contacto{
 	background: url("../img/captura_contacto.jpg") no-repeat scroll center top;
	height:843px;
}

/*===================================================================================================
	Menu de navegación
======================================================================================================*/

.menu-nav{
	width: 930px;
	height:100px;
	margin: 0 auto;
}
.menu-nav li{
	display: inline-block;  
    display: -moz-inline-stack; /* hack FF 2 */
    *display: inline; /* hack IE 7 */
}

/*===================================================================================================
	btn menu nav 1
======================================================================================================*/
.menu-nav > li:first-child + li + li{
	width:246px;
	height:100px;
	background: url("../img/fondo_logo_barrocutina.png") no-repeat scroll 0px -50px;
	float:left;
}
.menu-nav > li:first-child, .menu-nav > li:first-child + li, .menu-nav > li:first-child + li + li + li, .menu-nav > li:first-child + li + li + li + li{
	width:189px;
	height:58px;
	float:left;
}
.menu-nav > li:first-child, .menu-nav > li:first-child + li + li + li{
	margin-right:-40px;
}
.menu-nav > li:first-child a, .menu-nav > li:first-child + li a, .menu-nav > li:first-child + li + li + li a, .menu-nav > li:first-child + li + li + li + li a{
	width:189px;
	height:58px;
	font-family:'Open Sans', sans-serif;
    font-size: 15px;
	color:#666666;
	text-decoration:none;
	letter-spacing: -0.04em;
}
.menu-nav > li:first-child .luz, .menu-nav > li:first-child + li .luz, .menu-nav > li:first-child + li + li + li .luz, .menu-nav > li:first-child + li + li + li + li .luz{
	width:189px;
	height:58px;
	background: url("../img/menu_nav_luz_fondo.png") no-repeat scroll 0px -56px;
}
.menu-nav > li:first-child .triangulo, .menu-nav > li:first-child + li .triangulo, .menu-nav > li:first-child + li + li + li .triangulo, .menu-nav > li:first-child + li + li + li + li .triangulo{
	width:189px;
	height:58px;	
	background: url("../img/menu_nav_triangulo.png") no-repeat scroll 83px 72px;
	
}
.menu-nav li p{
	width:189px;
	height:58px;
	line-height: 888px;
	overflow:hidden;	
}
.menu-nav li:first-child p{
	background: url("../img/menu_nav_el_acne.png") no-repeat scroll center 20px;
}
.menu-nav li:first-child + li p{
	background: url("../img/menu_nav_productos.png") no-repeat scroll center 20px;	
}
.menu-nav li:first-child + li + li + li p{
	background: url("../img/menu_nav_participa.png") no-repeat scroll center 20px;
}
.menu-nav li:first-child + li + li + li + li p{
	background: url("../img/menu_nav_contacto.png") no-repeat scroll center 20px;
}


.menu-nav li h1{
	width:246px;
	height:80px;
	line-height: 888px;
	overflow:hidden;
}
.menu-nav li h1{
	background: url("../img/barrocutina_teens.png") no-repeat scroll 45px 15px;
}


/*ROLLOVER DE MENU NAV*/
.menu-nav > li:first-child a:hover p, .menu-nav > li:first-child + li a:hover p, .menu-nav > li:first-child + li + li + li a:hover p, .menu-nav > li:first-child + li + li + li + li a:hover p{
	background-position: center -20px;
}
.menu-nav > li:first-child a:hover .luz, .menu-nav > li:first-child + li a:hover .luz, .menu-nav > li:first-child + li + li + li a:hover .luz, .menu-nav > li:first-child + li + li + li + li a:hover .luz{
	background-position: 0px 0px;
}
.menu-nav > li:first-child a:hover .triangulo, .menu-nav > li:first-child + li a:hover .triangulo, .menu-nav > li:first-child + li + li + li a:hover .triangulo, .menu-nav > li:first-child + li + li + li + li a:hover .triangulo{
	background-position: 83px 44px;
}
/*MENU NAV ACTIVOS*/
.menu-nav > li:first-child.active a p, .menu-nav > li:first-child + li.active a p, .menu-nav > li:first-child + li + li + li.active a p, .menu-nav > li:first-child + li + li + li + li.active a p{
	background-position: center -20px;
}
.menu-nav > li:first-child.active a .luz, .menu-nav > li:first-child + li.active a .luz, .menu-nav > li:first-child + li + li + li.active a .luz, .menu-nav > li:first-child + li + li + li + li.active a .luz{
	background-position: 0px 0px;
}
.menu-nav > li:first-child.active a .triangulo, .menu-nav > li:first-child + li.active a .triangulo, .menu-nav > li:first-child + li + li + li.active a .triangulo, .menu-nav > li:first-child + li + li + li + li.active a .triangulo{
	background-position: 83px 44px;
}



/*===================================================================================================
	Accesos Footer
======================================================================================================*/

.accesos-footer{
	width: 900px;
	height:275px;
	margin: 0 auto;
	margin-top:-170px;
	overflow:hidden;
}

.accesos-footer li{
	float:left;
}
.accesos-footer li a{
	text-decoration:none;
}
.accesos-footer li a .luz-fondo{
	width:298px;
	height:280px;
	background: url("../img/acceso_pie_luz_fondo.jpg") no-repeat scroll 0px -126px;
	margin-top:40px;
}
.accesos-footer li:first-child a .producto{
	width:298px;
	height:280px;
	background: url("../img/acceso_pie_producto1.png") no-repeat scroll 0px 0px;
}
.accesos-footer li:first-child + li a .producto{
	width:298px;
	height:280px;
	background: url("../img/acceso_pie_producto2b.png") no-repeat scroll 0px 0px;
}
.accesos-footer li:first-child + li + li a .producto{
	width:298px;
	height:280px;
	background: url("../img/acceso_pie_producto3.png") no-repeat scroll 0px 0px;
}
.accesos-footer li a .tapa-blanca{
	width:298px;
	height:280px;
	background: url("../img/fondo_blanco_acceso_pie.png") no-repeat scroll 2px 100px;
}
.accesos-footer li a .producto .brillo{
	width:298px;
	height:280px;
	background: url("../img/brillo_menu_pie.png") no-repeat scroll 15px -100px;
	padding-top:126px;
	padding-left:40px;
}


.accesos-footer li a .tapa-blanca p:first-child{
	font-family: 'Open Sans', serif;
	color:#F21A0C;
	font-size:17px;
	font-weight:bold;
	letter-spacing: -0.09em;
	
}
.accesos-footer li a .tapa-blanca p:first-child + p{
	font-family: Tahoma;
	color:#676565;
	font-size:12px;
	float:left;
	width:216px;
	margin-top:10px;
	line-height:130%;
}
.accesos-footer li:first-child a:hover .luz-fondo, .accesos-footer li:first-child + li a:hover .luz-fondo, .accesos-footer li:first-child + li + li a:hover .luz-fondo{
	background-position: 0px 0px;
	margin-top:0px;
}
.accesos-footer li a:hover .producto, .accesos-footer li:first-child + li a:hover .producto, .accesos-footer li:first-child + li + li a:hover .producto{
	background-position: 0px -13px;
}
.accesos-footer li a:hover .brillo{
	padding-top:140px;
	background-position: 15px 62px;
}

.luzca_bien{
	background: url("../img/logo_luzca_bien_sientase_mejor_.jpg") no-repeat scroll 50px top;
	font-family: Tahoma;
	color:#949393;
	height:58px;
	font-size:10px;
	padding-left:120px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:50px;
	line-height:130%;
	margin-top:30px;
}

.luzca_bien span{
text-decoration:underline;
}
.luzca_bien a{
	text-decoration:underline;
	color:#949393;
}
.luzca_bien a:hover{
	color:#E1081E;
}
.copy_right{
	background: url("../img/barrocutina_teens_chico.png") no-repeat scroll 60px top;
	font-family: Tahoma;
	color:#949393;
	height:65px;
	font-size:11px;
	padding-left:210px;
	padding-top:8px;
	padding-bottom:10px;
	padding-right:20px;
	line-height:130%;
	margin-top:20px;
}
.accesos_copy li:first-child a{
	float:left;
	background: url("../img/facebook_pie.png") no-repeat scroll 0px 0px;
	width:28px;
	height:23px;
	line-height: 888px;
	overflow:hidden;
}

.accesos_copy li:first-child + li a{
	float:left;
	background: url("../img/twitter_pie.png") no-repeat scroll 0px 0px;
	width:28px;
	height:23px;
	line-height: 888px;
	overflow:hidden;
}
.accesos_copy li:first-child + li + li a{
	float:left;
	background: url("../img/instagram_pie.png") no-repeat scroll 0px 0px;
	width:28px;
	height:23px;
	line-height: 888px;
	overflow:hidden;
}
.accesos_copy li:first-child a:hover, .accesos_copy li:first-child + li a:hover, .accesos_copy li:first-child + li + li a:hover{
	background-position: 0px -23px;
}
.accesos_copy li:first-child + li + li p{
	clear:left;
	margin-top:3px;
	float:left;
	width:600px;
}
.accesos_copy li:first-child + li + li + li a{
	text-decoration:underline;
	color:#949393;
}
.accesos_copy li:first-child + li + li + li a:hover{
	color:#E1081E;
}
.accesos_copy li:first-child + li + li + li +li a{
	clear:left;
	margin-top:3px;
	float:left;
	text-decoration:none;
	font-family: Tahoma;
	color:#949393;
}
.accesos_copy li:first-child + li + li + li + li a:hover{
	text-decoration:underline;
	color:#E1081E;
}
.accesos_copy .afip_{
	float:right;
	margin-top:-60px;
	margin-right:40px;
}
/*===================================================================================================
	S E C C I O N E S
======================================================================================================*/
/**************************  PRODUCTOS ************************************/
.ficha_producto{
	float:left;
	background: url("../img/fondo_producto.jpg") no-repeat scroll 0px 30px;
	width:990px;
	padding-bottom:30px;
}
/*FEHCAS IZQ DER*/
.ficha_producto .flecha_izquierda a{
	float:left;
	background: url("../img/flecha_off_izq.png") no-repeat scroll 0px 0px;
	width:31px;
	height:60px;
	margin-top:180px;
	margin-left:41px;
}
.ficha_producto .flecha_izquierda a p{
	float:left;
	background: url("../img/flecha_on_izq.png") no-repeat scroll 31px 0px;
	width:31px;
	height:60px;
	line-height: 888px;
	overflow:hidden;
}
.ficha_producto .flecha_izquierda a:hover p{
	background-position: 0px 0px;
}
.ficha_producto .flecha_derecha a{
	float:right;
	background: url("../img/flecha_off_der.png") no-repeat scroll 0px 0px;
	width:31px;
	height:60px;
	margin-top:180px;
	margin-right:41px;
}
.ficha_producto .flecha_derecha a p{
	float:right;
	background: url("../img/flecha_on_der.png") no-repeat scroll 31px 0px;
	width:31px;
	height:60px;
	line-height: 888px;
	overflow:hidden;
}
.ficha_producto .flecha_derecha a:hover p{
	background-position: 0px 0px;
}
/*FICHAS*/
.ficha_producto p{
	font-family: Tahoma;
	color:#FFFFFF;
	font-size:12px;
	line-height:130%;
}
.ficha_producto .foto_producto{
	float:left;
	width:225px;
	padding-bottom:20px;
	text-align:center;
	margin-left:35px;
	margin-top:35px;
}
.ficha_producto .foto_producto_kit{
	padding-bottom:80px;
}
.ficha_producto .foto_producto img{
	text-align:left;
}
.ficha_producto .titulo_producto{
	float:left;
	height:60px;
}
.ficha_producto .titulo_producto h3{
	float:left;
	font-family: 'Open Sans', serif;
	color:#FFFFFF;
	font-size:28px;
	font-weight:bold;
	letter-spacing: -0.09em;
	padding-right:30px;
	margin-top:60px;
}
.ajusta_ancho_gel{
	width:260px;
	padding-right:0px;
}
.ficha_producto .redes{
	margin-top:64px;
	float:left;
	width:180px;
}
.ficha_producto .subtitulo_amarillo{
	font-family: 'Open Sans', serif;
	color:#FFCC00;
	font-size:16px;
	font-weight:bold;
	letter-spacing: -0.09em;
}

.ficha_producto .bloque_220{
	float:left;
	width:220px;
	margin-top:43px;
}
.ficha_producto .bloque_272{
	float:left;
	width:272px;
	margin-top:43px;
	margin-left:10px;
}
.ficha_producto .bloque_502{
	float:left;
	width:502px;
	margin-top:20px;
}
.ficha_producto p{
	padding-bottom:5px;
	line-height:133%;
}


/*===================================================================================================
	Menu de navegación PRODCUTOS
======================================================================================================*/

.menu-nav-productos{
	float:left;
	height:180px;
	margin-left:170px;
}

/*===================================================================================================
	btn menu nav prodcutos 
======================================================================================================*/
.menu-nav-productos li{
	width:102px;
	height:120px;
	margin-left:5px;
	margin-right:5px;
	float:left;
}
.menu-nav-productos a{
	width:102px;
	height:120px;
	float:left;
	background: url("../img/tooltips_producto.jpg") no-repeat scroll 0px 120px;
}
.menu-nav-productos .sombra{
	width:102px;
	height:120px;
	float:left;
	background: url("../img/sombra.png") no-repeat scroll 28px 103px;
}
.menu-nav-productos li p{
	width:102px;
	height:120px;
	line-height: 888px;
	overflow:hidden;
	float:left;	
}
.menu-nav-productos li:first-child p{
	background: url("../img/thumb_producto_1.png") no-repeat scroll 0px -8px;
}
.menu-nav-productos li:first-child + li p{
	background: url("../img/thumb_producto_2.png") no-repeat scroll 0px -8px;
}
.menu-nav-productos li:first-child + li + li p{
	background: url("../img/thumb_producto_3.png") no-repeat scroll 0px -8px;
}
.menu-nav-productos li:first-child + li + li + li p{
	background: url("../img/thumb_producto_4.png") no-repeat scroll 0px -8px;
}
.menu-nav-productos li:first-child + li + li + li + li p{
	background: url("../img/thumb_producto_5.png") no-repeat scroll 0px -8px;
}
.menu-nav-productos li:first-child + li + li + li + li + li p{
	background: url("../img/thumb_producto_6.png") no-repeat scroll 0px -8px;
}
/*ROLLOVER DE MENU NAV*/
.menu-nav-productos li a:hover{
	background-position: 0px 0px;
}
.menu-nav-productos li a:hover p, .menu-nav-productos li:first-child + li a:hover p, .menu-nav-productos li:first-child + li + li a:hover p, .menu-nav-productos li:first-child + li + li + li a:hover p, .menu-nav-productos li:first-child + li + li + li + li a:hover p, .menu-nav-productos li:first-child + li + li + li + li + li a:hover p{
	background-position: 0px -3px;
}

/*MENU NAV ACTIVOS*/
.menu-nav-productos li.active a{
	background-position: 0px 0px;
}
.menu-nav-productos li:first-child.active a p, .menu-nav-productos li:first-child + li.active a p, .menu-nav-productos li:first-child + li + li.active a p, .menu-nav-productos li:first-child + li + li + li.active a p, .menu-nav-productos li:first-child + li + li + li + li.active a p, .menu-nav-productos li:first-child + li + li + li + li + li.active a p{
	background-position: 0px -3px;
}
/*===================================================================================================
	S E C C I O N E S
======================================================================================================*/
/**************************  EL ACNE ************************************/
.que_es_acne{
	float:left;
	width:970px;
	padding-bottom:30px;
	font-family: Tahoma;
	color:#FFFFFF;
	font-size:12px;
	line-height:130%;
}
.que_es_acne .descricion{
	float:left;
	width:460px;
	margin-left:20px;
	margin-top:23px;
}
.que_es_acne .descricion h3{
	float:left;
	width:471px;
	height:60px;
	line-height: 888px;
	overflow:hidden;
	background: url("../img/que_es_el_acne.png") no-repeat scroll 0px 0px;
}
.que_es_acne .descricion p{
	line-height:160%;
}
.que_es_acne .slider_causas{
	float:left;
	width:412px;
	height:287px;
	background: url("../img/slider_causas.png") no-repeat scroll 0px 0px;
	margin-left:33px;
	margin-top:98px;
	line-height: 888px;
	overflow:hidden;
}
.que_es_acne .infografia_acne{
	float:left;
	width:554px;
	height:277px;
	margin-left:10px;
	margin-top:10px;
}
.que_es_acne .combatir_acne{
	float:left;
	width:327px;
	height:128px;
	margin-left:48px;
	margin-top:77px;
}
.que_es_acne .combatir_acne a{
	float:left;
	width:327px;
	height:128px;
}
.que_es_acne .combatir_acne a p:first-child{
	float:left;
	width:327px;
	height:60px;
	line-height: 888px;
	overflow:hidden;
	background: url("../img/queres_saber.png") no-repeat scroll 0px 0px;
}
.que_es_acne .combatir_acne a p:first-child + p{
	float:left;
	width:291px;
	height:52px;
	margin-left:20px;
	margin-top:18px;
	line-height: 888px;
	overflow:hidden;
	background: url("../img/aprende_a_tratarlo.png") no-repeat scroll 0px 0px;
}
.que_es_acne .combatir_acne a:hover p:first-child + p{
	background-position: 0px -52px;
}

.consejos_utiles{
	float:left;
	width:970px;
	padding-bottom:30px;
	margin-top:40px;
	font-family: Tahoma;
	color:#FFFFFF;
	font-size:12px;
	line-height:130%;
}
.consejos_utiles > li:first-child{
	float:left;
	width:125px;
	height:277px;
	margin-left:15px;
}
.consejos_utiles > li:first-child + li{
	float:left;
	margin-left:15px;
	width:750px;
}
.consejos_utiles  > li:first-child + li h3{
	float:left;
	width:750px;
	height:60px;
	line-height: 888px;
	overflow:hidden;
	margin-top:20px;
	background: url("../img/consejos_utiles.png") no-repeat scroll 0px 0px;
}
.consejos_utiles  > li:first-child + li p{
	float:left;
	width:350px;
	line-height:170%;
}
.consejos_utiles  > li:first-child + li p{
	padding-right:25px;
}
.titulo_mitos{
	float:left;
	width:970px;
	padding-bottom:30px;
	font-family: Tahoma;
	color:#FFFFFF;
	font-size:12px;
	line-height:130%;
	margin-left:37px;
}
.titulo_mitos  > li:first-child h3{
	float:left;
	width:750px;
	height:60px;
	line-height: 888px;
	overflow:hidden;
	margin-top:20px;
	background: url("../img/mitos_acne.png") no-repeat scroll 0px 0px;
}
.mitos{
	float:left;
	width:970px;
	padding-bottom:30px;
	margin-top:-30px;
	margin-left:37px;
	font-family: Tahoma;
	color:#FFFFFF;
	font-size:12px;
	line-height:130%;
}
#mito1{
	margin-top:-50px;
}
.mitos li:first-child h3{
	float:left;
	width:530px;
	height:78px;
	padding-bottom:30px;
	line-height: 888px;
	overflow:hidden;
	margin-top:20px;
}
.mitos li:first-child h3.mito1{
	background: url("../img/titulo_mito1.png") no-repeat scroll 0px 0px;
}
.mitos li:first-child h3.mito2{
	background: url("../img/titulo_mito2.png") no-repeat scroll 0px 0px;
}
.mitos li:first-child h3.mito3{
	background: url("../img/titulo_mito3.png") no-repeat scroll 0px 0px;
}
.mitos li:first-child h3.mito4{
	background: url("../img/titulo_mito4.png") no-repeat scroll 0px 0px;
}
.mitos li:first-child h3.mito5{
	background: url("../img/titulo_mito5.png") no-repeat scroll 0px 0px;
}
.mitos li:first-child p{
	clear:left;
	width:500px;
	float:left;
}
.mitos .separador{
	float:left;
	width:970px;
	height:11px;
	background: url("../img/separador_punteado.png") no-repeat scroll 0px 0px;
}
#mito2, #mito3, #mito4, #mito5{
display:none;
}
.ver_mas_mitos{
	float:left;
	width:970px;
	height:150px;
}
.ver_mas_mitos a{
	float:left;
	width:230px;
	height:42px;
	line-height: 888px;
	overflow:hidden;
	margin-left:360px;
	margin-top:15px;
	background: url("../img/quiero_ver_mito.png") no-repeat scroll 0px 0px;
}
.ver_mas_mitos a:hover{
	background-position: 0px -42px;
}





/*===================================================================================================
	S E C C I O N E S
======================================================================================================*/
/**************************  CONTACTO ************************************/

.web_dialog_overlay
{
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #FF0000;
	opacity: .80;
	filter: alpha(opacity=80);
	-moz-opacity: .80;
	z-index: 101;
	display: none;
}
.web_dialog, .web_dialog2
{
	display: none;
	position: fixed;
	width: 470px;
	height: 390px;
	top: 50%;
	left: 50%;
	margin-left: -235px;
	margin-top: -300px;
	padding: 0px;
	z-index: 102;
	font-family: Verdana;
	font-size: 10pt
}

.align_right
{
	text-align: right;
}
.web_dialog .boton_cerrar a, .web_dialog2 .boton_cerrar a{
	float:right;
	width: 174px;
	height: 31px;
	background: url("../img/volver_al_sitio.png") no-repeat scroll 0px 0px;
	line-height: 888px;
	overflow:hidden;
	margin-top:60px
}
.web_dialog .boton_cerrar a:hover, .web_dialog2 .boton_cerrar a:hover{
	background-position: 0px -31px;
}
.web_dialog .titulos{
	padding-top:80px;
	font-family: 'Open Sans', serif;
	color:#FFFFFF;
	font-size:20px;
	font-weight:bold;
	letter-spacing: -0.09em;
}
.web_dialog2 .titulos{
	padding-top:80px;
	font-family: 'Open Sans', serif;
	color:#FFFFFF;
	font-size:20px;
	font-weight:bold;
	letter-spacing: -0.09em;
	margin-bottom:20px;
	line-height:130%;
}
.web_dialog .titulos p:first-child, .web_dialog2 .titulos p:first-child{
	font-size:27px;
	margin-bottom:15px;
}
.web_dialog .correo a, .web_dialog2 .correo a{
	float:left;
	width: 470px;
	height: 36px;
	background: url("../img/fondo_correo.png") no-repeat scroll 0px 0px;
	margin-top:25px;
	font-family: 'Open Sans', serif;
	color:#FFFF00;
	font-size:18px;
	font-weight:bold;
	padding-left:70px;
	padding-top:18px;
	text-decoration:none;
	margin-bottom:30px;
}
.web_dialog .correo a:hover, .web_dialog2 .correo a:hover{
	background-position: 0px -54px;
}

.web_dialog input[type="text"] {
	width:208px; height:19px;/* Medidas del Input */
	margin:0 0 10px 0; 
	padding:10px;
	color: #FFFFFF;
	font-family: Tahoma;
	font-size:12px;
	border: none;
	/** remember to change image path **/
	background: url(none) no-repeat #E40301;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	display:block;

}
.web_dialog2 input[type="text"] {
	width:448px; height:19px;/* Medidas del Input */
	margin:0 0 10px 0; 
	padding:10px;
	color: #FFFFFF;
	font-family: Tahoma;
	font-size:12px;
	border: none;
	/** remember to change image path **/
	background: url(none) no-repeat #E40301;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	display:block;

}
.campos_sexo{
	width:448px; height:19px;/* Medidas del Input */
	margin:0 0 10px 0; 
	padding:10px;
	color: #FFFFFF;
	font-family: Tahoma;
	font-size:12px;
	border: none;
	/** remember to change image path **/
	background: url(none) no-repeat #E40301;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	display:block;

}
.opciones{
	float: right;
	padding-right:10px;
}
input[type="radio"] {
    display:none;
}

input[type="radio"] + label {
	cursor:pointer;

  
}

input[type="radio"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url(../img/check_radio_sheet.png) -38px top no-repeat;
    cursor:pointer;
}

input[type="radio"]:checked + label span {
    background:url(../img/check_radio_sheet.png) -57px top no-repeat;
}
.web_dialog textarea[type="text"] {
	float:right;/* Importante, para la alineacin */
	width:208px; height:117px;/* Medidas del Input */
	margin:0 0 10px 0; 
	padding:10px;
	color: #FFFFFF;
	font-family: Tahoma;
	font-size:12px;
	border: none;
	/** remember to change image path **/
	background: url(none) no-repeat #E40301;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
textarea[type="text"]:focus, input[type="text"]:focus{
	background: url(none) no-repeat #CC0904;
}
.web_dialog #btEnviar{
	width:174px; 
	height:31px;
	border:hidden;
	float:right;
	background:url(../img/enviar_consulta.png) no-repeat scroll left top; 
	font-size:0px;
	cursor:pointer;
}
.web_dialog #btEnviar3{
	width:174px; 
	height:31px;
	border:hidden;
	float:right;
	background:url(../img/enviar_consulta.png) no-repeat scroll left top; 
	font-size:0px;
	cursor:pointer;
}
.web_dialog2 #btEnviar2 {
	width:174px; 
	height:31px;
	border:hidden;
	float:right;
	background:url(../img/enviar_suscripcion.png) no-repeat scroll left top; 
	font-size:0px;
	cursor:pointer;
}
.web_dialog #btEnviar:hover, .web_dialog2 #btEnviar2:hover, .web_dialog #btEnviar3:hover {
	background-position: 0px -31px;
}
.web_dialog form{
	float:left;
	width:470px;
}
.mensaje_error_form{
	float:left;
	width:470px;
	padding-bottom:10px;
	font-family: 'Open Sans', serif;
	color:#FFFF00;
	font-size:18px;
	font-weight:bold;
	line-height:130%;
}

/*******************************SOLAPA FLOTANTE EL ACNE************************************************************************/
#solapa_flotante{
	background-color: #C6C6C6;
	width:100%;
	height:718px;
	left:100%;
	z-index:999;
	position:relative;
}
#solapa_flotante .solapa_flotante_interna{
	background: url("../img/fondo_footer_repite_vertical.jpg") repeat-y scroll center top;
	width:100%;
	height:718px;
}
#solapa_flotante .area_click{
	width:200px;
	height:410px;
	float:left;
	position:absolute;
	margin-left:-84px;
	margin-top:220px;
	cursor: pointer;
}
#solapa_flotante .area_cierre{
	width:200px;
	height:410px;
	float:left;
	position:absolute;
	margin-top:220px;
	cursor: pointer;
}

#solapa_flotante .solapa_flotante_interna .contenidos_solapa{
	background: url("../img/pibe_choclo.png") no-repeat scroll 0px 228px;
	width:100%;
	height:718px;
	padding-left:84px;
	margin-left:-84px;
}
#solapa_flotante .solapa_flotante_interna .contenidos_solapa .contenedor_solapa{
 	margin: 0 auto;	
	width: 970px;
	height:718px;
}
#solapa_flotante .solapa_flotante_interna .contenidos_solapa .contenedor_solapa .tratamiento{
	float: left;	
	width: 970px;
	height:541px;
	margin-top:30px;
	position: absolute
}
#solapa_flotante .solapa_flotante_interna .contenidos_solapa .contenedor_solapa .solapa-redes{
	float: left;	
	width: 970px;
	height:541px;
	margin-top:42px;
	margin-left:300px;
	position: absolute
}

#solapa_flotante .solapa_flotante_interna .contenidos_solapa .contenedor_solapa .conoce a{
	float: left;	
	width: 387px;
	height:90px;
	background: url("../img/kit_barrocutina.jpg") no-repeat scroll left top;
	margin-top:600px;
	margin-left:-700px;	
	line-height: 888px;
	overflow:hidden;	
	position:absolute;	
}
#solapa_flotante .solapa_flotante_interna .contenidos_solapa .contenedor_solapa .conoce a:hover{
	background-position: left -90px;
}
#solapa_flotante .solapa_flotante_interna .contenidos_solapa .contenedor_solapa .volver a{
	float: left;	
	width: 76px;
	height:42px;
	background: url("../img/volver.png") no-repeat scroll center top;
	margin-top:590px;
	margin-left:-280px;	
	line-height: 888px;
	overflow:hidden;	
	position:absolute;	
}

#solapa_flotante .solapa_flotante_interna .contenidos_solapa .contenedor_solapa .volver a{
	float: left;	
	width: 76px;
	height:42px;
	background: url("../img/volver.png") no-repeat scroll center top;
	margin-top:590px;
	margin-left:-280px;	
	line-height: 888px;
	overflow:hidden;	
	position:absolute;	
}
#solapa_flotante .solapa_flotante_interna .contenidos_solapa .contenedor_solapa p{
	font-family: Tahoma;
	color:#333333;
	font-size:12px;
	line-height:130%;
}
#solapa_flotante .solapa_flotante_interna .contenidos_solapa .contenedor_solapa .titulo_rojo_32{
	font-family: 'Open Sans', serif;
	color:#FC0502;
	font-size:27px;
	font-weight: 800;
	letter-spacing: -0.09em;
	
}
.tratamiento_textos{
	float:left;
	width:715px;
	margin-left:130px;
}
.tratamiento_textos .pasos{
	float:left;
	width:200px;
	margin-top:25px;
	padding-top:165px;
	padding-bottom:35px;
}
.tratamiento_textos .pasos > p:first-child{
	padding-left:40px;
}
.tratamiento_textos .tratamiento2{
	margin-left:55px;
	margin-right:55px;
}
.tratamiento_textos .no_hagas{
	float:left;
	clear:left;
	width:100%;
	height:21px;
	background: url("../img/no_hagas.png") no-repeat scroll left top;
	line-height:888px;
	overflow:hidden;
}
.tratamiento_textos .tratamiento1{
	background: url("../img/tratamiento_1.png") no-repeat scroll left top;
}
.tratamiento_textos .tratamiento2{
	background: url("../img/tratamiento_2.png") no-repeat scroll left top;
}
.tratamiento_textos .tratamiento3{
	background: url("../img/tratamiento_3.png") no-repeat scroll left top;
}

/**********************SECCION PARTICIPA*************************************/
.participa .participa_redes{
	background: url("../img/captura_participa.jpg") no-repeat scroll left top;
	height:500px;
}
.textos{
	float:left;
	margin-top:140px;
	margin-left:520px;
}
.textos .amarillo_{
	font-family: 'Open Sans', serif;
	color:#FFCC00;
	font-size:18px;
	font-weight: 800;
	letter-spacing: -0.09em;
}
.textos .blanco_{
	font-family: 'Open Sans', serif;
	color:#FFFFFF;
	font-size:18px;
	font-weight: 800;
	letter-spacing: -0.09em;
	margin-top:10px;
}

.participa .participa_redes .face a{
	float:left;
	width:167px;
	background: url("../img/hacete_fan.png") no-repeat scroll left top;
	height:51px;
	line-height:888px;
	overflow:hidden;
	margin-top:40px;
	margin-left:520px;
}
.participa .participa_redes .face a:hover{
	background-position: left -51px;
}

.participa .participa_redes .twit a{
	float:left;
	width:167px;
	background: url("../img/seguinos.png") no-repeat scroll left top;
	height:51px;
	line-height:888px;
	overflow:hidden;
	margin-top:40px;
	margin-left:20px;
}
.participa .participa_redes .twit a:hover{
	background-position: left -51px;
}
.participa .instagram a{
	float:left;
	width:167px;
	background: url("../img/buscanos.png") no-repeat scroll left top;
	height:51px;
	line-height:888px;
	overflow:hidden;
	margin-top: 10px;
	margin-left: 610px;
}
.participa .instagram a:hover{
	background-position: left -51px;
}

}

body{
	color:black;
	font-size:12px;
	line-height:140%;
	background: url("../img/fondo_site_repite_vertical.jpg") repeat-y scroll center top;
	background-color: #C20503;
}
#wrapper{
    width: 100%;
	background: url("../img/fondo_site_repite_vertical.jpg") repeat-y scroll center top;
}
#header{
    width: 100%;
	height:100px;
	min-width:887px;
	background: url("../img/fondo_menu_nav.jpg") no-repeat scroll center top;
}
#footer{
    width: 100%;
	height:450px;
	background-color: #C6C6C6;
	float:left;
}
#footer_imagen{
    width: 100%;
	height:450px;
	float:left;
	background: url("../img/fondo_footer_repite_vertical.jpg") repeat-y scroll center top;
}
#pie{
    margin: 0 auto;
    width: 970px;
	height:450px;
}
#content{
	background: url("../img/fondo_site_repite_vertical.jpg") repeat-y scroll center top;
	width:100%;
	float:left;
	padding-bottom:120px;
	overflow:hidden;
}
.main{
 	margin: 0 auto;	
	width: 970px;
}

.home{
 	/*background: url("../img/captura_home.jpg") no-repeat scroll center top;*/
	/*height:500px;*/
}
.slider_header{
	height:400px;
}
.slider_header_juego{
	height:550px;
}
.acne{
 	/*background: url("../img/captura_el_acne.jpg") no-repeat scroll center top;*/
}
.productos{
 	/*background: url("../img/captura_productos.jpg") no-repeat scroll center top;*/
}
.participa{
	height:500px;
}
.contacto{
 	background: url("../img/captura_contacto.jpg") no-repeat scroll center top;
	height:843px;
}

/*===================================================================================================
	Menu de navegación
======================================================================================================*/

.menu-nav{
	width: 930px;
	height:100px;
	margin: 0 auto;
}
.menu-nav li{
	display: inline-block;  
    display: -moz-inline-stack; /* hack FF 2 */
    *display: inline; /* hack IE 7 */
}

/*===================================================================================================
	btn menu nav 1
======================================================================================================*/
.menu-nav > li:first-child + li + li{
	width:246px;
	height:100px;
	background: url("../img/fondo_logo_barrocutina.png") no-repeat scroll 0px -50px;
	float:left;
}
.menu-nav > li:first-child, .menu-nav > li:first-child + li, .menu-nav > li:first-child + li + li + li, .menu-nav > li:first-child + li + li + li + li{
	width:189px;
	height:58px;
	float:left;
}
.menu-nav > li:first-child, .menu-nav > li:first-child + li + li + li{
	margin-right:-40px;
}
.menu-nav > li:first-child a, .menu-nav > li:first-child + li a, .menu-nav > li:first-child + li + li + li a, .menu-nav > li:first-child + li + li + li + li a{
	width:189px;
	height:58px;
	font-family:'Open Sans', sans-serif;
    font-size: 15px;
	color:#666666;
	text-decoration:none;
	letter-spacing: -0.04em;
}
.menu-nav > li:first-child .luz, .menu-nav > li:first-child + li .luz, .menu-nav > li:first-child + li + li + li .luz, .menu-nav > li:first-child + li + li + li + li .luz{
	width:189px;
	height:58px;
	background: url("../img/menu_nav_luz_fondo.png") no-repeat scroll 0px -56px;
}
.menu-nav > li:first-child .triangulo, .menu-nav > li:first-child + li .triangulo, .menu-nav > li:first-child + li + li + li .triangulo, .menu-nav > li:first-child + li + li + li + li .triangulo{
	width:189px;
	height:58px;	
	background: url("../img/menu_nav_triangulo.png") no-repeat scroll 83px 72px;
	
}
.menu-nav li p{
	width:189px;
	height:58px;
	line-height: 888px;
	overflow:hidden;	
}
.menu-nav li:first-child p{
	background: url("../img/menu_nav_el_acne.png") no-repeat scroll center 20px;
}
.menu-nav li:first-child + li p{
	background: url("../img/menu_nav_productos.png") no-repeat scroll center 20px;	
}
.menu-nav li:first-child + li + li + li p{
	background: url("../img/menu_nav_participa.png") no-repeat scroll center 20px;
}
.menu-nav li:first-child + li + li + li + li p{
	background: url("../img/menu_nav_contacto.png") no-repeat scroll center 20px;
}


.menu-nav li h1{
	width:246px;
	height:80px;
	line-height: 888px;
	overflow:hidden;
}
.menu-nav li h1{
	background: url("../img/barrocutina_teens.png") no-repeat scroll 45px 15px;
}


/*ROLLOVER DE MENU NAV*/
.menu-nav > li:first-child a:hover p, .menu-nav > li:first-child + li a:hover p, .menu-nav > li:first-child + li + li + li a:hover p, .menu-nav > li:first-child + li + li + li + li a:hover p{
	background-position: center -20px;
}
.menu-nav > li:first-child a:hover .luz, .menu-nav > li:first-child + li a:hover .luz, .menu-nav > li:first-child + li + li + li a:hover .luz, .menu-nav > li:first-child + li + li + li + li a:hover .luz{
	background-position: 0px 0px;
}
.menu-nav > li:first-child a:hover .triangulo, .menu-nav > li:first-child + li a:hover .triangulo, .menu-nav > li:first-child + li + li + li a:hover .triangulo, .menu-nav > li:first-child + li + li + li + li a:hover .triangulo{
	background-position: 83px 44px;
}
/*MENU NAV ACTIVOS*/
.menu-nav > li:first-child.active a p, .menu-nav > li:first-child + li.active a p, .menu-nav > li:first-child + li + li + li.active a p, .menu-nav > li:first-child + li + li + li + li.active a p{
	background-position: center -20px;
}
.menu-nav > li:first-child.active a .luz, .menu-nav > li:first-child + li.active a .luz, .menu-nav > li:first-child + li + li + li.active a .luz, .menu-nav > li:first-child + li + li + li + li.active a .luz{
	background-position: 0px 0px;
}
.menu-nav > li:first-child.active a .triangulo, .menu-nav > li:first-child + li.active a .triangulo, .menu-nav > li:first-child + li + li + li.active a .triangulo, .menu-nav > li:first-child + li + li + li + li.active a .triangulo{
	background-position: 83px 44px;
}



/*===================================================================================================
	Accesos Footer
======================================================================================================*/

.accesos-footer{
	width: 900px;
	height:275px;
	margin: 0 auto;
	margin-top:-170px;
	overflow:hidden;
}

.accesos-footer li{
	float:left;
}
.accesos-footer li a{
	text-decoration:none;
}
.accesos-footer li a .luz-fondo{
	width:298px;
	height:280px;
	background: url("../img/acceso_pie_luz_fondo.jpg") no-repeat scroll 0px -126px;
	margin-top:40px;
}
.accesos-footer li:first-child a .producto{
	width:298px;
	height:280px;
	background: url("../img/acceso_pie_producto1.png") no-repeat scroll 0px 0px;
}
.accesos-footer li:first-child + li a .producto{
	width:298px;
	height:280px;
	background: url("../img/acceso_pie_producto2b.png") no-repeat scroll 0px 0px;
}
.accesos-footer li:first-child + li + li a .producto{
	width:298px;
	height:280px;
	background: url("../img/acceso_pie_producto3.png") no-repeat scroll 0px 0px;
}
.accesos-footer li a .tapa-blanca{
	width:298px;
	height:280px;
	background: url("../img/fondo_blanco_acceso_pie.png") no-repeat scroll 2px 100px;
}
.accesos-footer li a .producto .brillo{
	width:298px;
	height:280px;
	background: url("../img/brillo_menu_pie.png") no-repeat scroll 15px -100px;
	padding-top:126px;
	padding-left:40px;
}


.accesos-footer li a .tapa-blanca p:first-child{
	font-family: 'Open Sans', serif;
	color:#F21A0C;
	font-size:17px;
	font-weight:bold;
	letter-spacing: -0.09em;
	
}
.accesos-footer li a .tapa-blanca p:first-child + p{
	font-family: Tahoma;
	color:#676565;
	font-size:12px;
	float:left;
	width:216px;
	margin-top:10px;
	line-height:130%;
}
.accesos-footer li:first-child a:hover .luz-fondo, .accesos-footer li:first-child + li a:hover .luz-fondo, .accesos-footer li:first-child + li + li a:hover .luz-fondo{
	background-position: 0px 0px;
	margin-top:0px;
}
.accesos-footer li a:hover .producto, .accesos-footer li:first-child + li a:hover .producto, .accesos-footer li:first-child + li + li a:hover .producto{
	background-position: 0px -13px;
}
.accesos-footer li a:hover .brillo{
	padding-top:140px;
	background-position: 15px 62px;
}

.luzca_bien{
	background: url("../img/logo_luzca_bien_sientase_mejor.jpg") no-repeat scroll 50px top;
	font-family: Tahoma;
	color:#949393;
	height:58px;
	font-size:10px;
	padding-left:120px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:50px;
	line-height:130%;
	margin-top:30px;
}

.luzca_bien span{
text-decoration:underline;
}
.luzca_bien a{
	text-decoration:underline;
	color:#949393;
}
.luzca_bien a:hover{
	color:#E1081E;
}
.copy_right{
	background: url("../img/barrocutina_teens_chico.png") no-repeat scroll 60px top;
	font-family: Tahoma;
	color:#949393;
	height:65px;
	font-size:11px;
	padding-left:210px;
	padding-top:8px;
	padding-bottom:10px;
	padding-right:20px;
	line-height:130%;
	margin-top:20px;
}
.accesos_copy li:first-child a{
	float:left;
	background: url("../img/facebook_pie.png") no-repeat scroll 0px 0px;
	width:28px;
	height:23px;
	line-height: 888px;
	overflow:hidden;
}

.accesos_copy li:first-child + li a{
	float:left;
	background: url("../img/twitter_pie.png") no-repeat scroll 0px 0px;
	width:28px;
	height:23px;
	line-height: 888px;
	overflow:hidden;
}
.accesos_copy li:first-child + li + li a{
	float:left;
	background: url("../img/instagram_pie.png") no-repeat scroll 0px 0px;
	width:28px;
	height:23px;
	line-height: 888px;
	overflow:hidden;
}
.accesos_copy li:first-child a:hover, .accesos_copy li:first-child + li a:hover, .accesos_copy li:first-child + li + li a:hover{
	background-position: 0px -23px;
}
.accesos_copy li:first-child + li + li p{
	clear:left;
	margin-top:3px;
	float:left;
	width:600px;
}
.accesos_copy li:first-child + li + li + li a{
	text-decoration:underline;
	color:#949393;
}
.accesos_copy li:first-child + li + li + li a:hover{
	color:#E1081E;
}
.accesos_copy li:first-child + li + li + li +li a{
	clear:left;
	margin-top:3px;
	float:left;
	text-decoration:none;
	font-family: Tahoma;
	color:#949393;
}
.accesos_copy li:first-child + li + li + li + li a:hover{
	text-decoration:underline;
	color:#E1081E;
}
.accesos_copy .afip_{
	float:right;
	margin-top:-60px;
	margin-right:40px;
}
/*===================================================================================================
	S E C C I O N E S
======================================================================================================*/
/**************************  PRODUCTOS ************************************/
.ficha_producto{
	float:left;
	background: url("../img/fondo_producto.jpg") no-repeat scroll 0px 30px;
	width:990px;
	padding-bottom:30px;
}
/*FEHCAS IZQ DER*/
.ficha_producto .flecha_izquierda a{
	float:left;
	background: url("../img/flecha_off_izq.png") no-repeat scroll 0px 0px;
	width:31px;
	height:60px;
	margin-top:180px;
	margin-left:41px;
}
.ficha_producto .flecha_izquierda a p{
	float:left;
	background: url("../img/flecha_on_izq.png") no-repeat scroll 31px 0px;
	width:31px;
	height:60px;
	line-height: 888px;
	overflow:hidden;
}
.ficha_producto .flecha_izquierda a:hover p{
	background-position: 0px 0px;
}
.ficha_producto .flecha_derecha a{
	float:right;
	background: url("../img/flecha_off_der.png") no-repeat scroll 0px 0px;
	width:31px;
	height:60px;
	margin-top:180px;
	margin-right:41px;
}
.ficha_producto .flecha_derecha a p{
	float:right;
	background: url("../img/flecha_on_der.png") no-repeat scroll 31px 0px;
	width:31px;
	height:60px;
	line-height: 888px;
	overflow:hidden;
}
.ficha_producto .flecha_derecha a:hover p{
	background-position: 0px 0px;
}
/*FICHAS*/
.ficha_producto p{
	font-family: Tahoma;
	color:#FFFFFF;
	font-size:12px;
	line-height:130%;
}
.ficha_producto .foto_producto{
	float:left;
	width:225px;
	padding-bottom:20px;
	text-align:center;
	margin-left:35px;
	margin-top:35px;
}
.ficha_producto .foto_producto_kit{
	padding-bottom:80px;
}
.ficha_producto .foto_producto img{
	text-align:left;
}
.ficha_producto .titulo_producto{
	float:left;
	height:60px;
}
.ficha_producto .titulo_producto h3{
	float:left;
	font-family: 'Open Sans', serif;
	color:#FFFFFF;
	font-size:28px;
	font-weight:bold;
	letter-spacing: -0.09em;
	padding-right:30px;
	margin-top:60px;
}
.ajusta_ancho_gel{
	width:260px;
	padding-right:0px;
}
.ficha_producto .redes{
	margin-top:64px;
	float:left;
	width:180px;
}
.ficha_producto .subtitulo_amarillo{
	font-family: 'Open Sans', serif;
	color:#FFCC00;
	font-size:16px;
	font-weight:bold;
	letter-spacing: -0.09em;
}

.ficha_producto .bloque_220{
	float:left;
	width:220px;
	margin-top:43px;
}
.ficha_producto .bloque_272{
	float:left;
	width:272px;
	margin-top:43px;
	margin-left:10px;
}
.ficha_producto .bloque_502{
	float:left;
	width:502px;
	margin-top:20px;
}
.ficha_producto p{
	padding-bottom:5px;
	line-height:133%;
}


/*===================================================================================================
	Menu de navegación PRODCUTOS
======================================================================================================*/

.menu-nav-productos{
	float:left;
	height:180px;
	margin-left:170px;
}

/*===================================================================================================
	btn menu nav prodcutos 
======================================================================================================*/
.menu-nav-productos li{
	width:102px;
	height:120px;
	margin-left:5px;
	margin-right:5px;
	float:left;
}
.menu-nav-productos a{
	width:102px;
	height:120px;
	float:left;
	background: url("../img/tooltips_producto.jpg") no-repeat scroll 0px 120px;
}
.menu-nav-productos .sombra{
	width:102px;
	height:120px;
	float:left;
	background: url("../img/sombra.png") no-repeat scroll 28px 103px;
}
.menu-nav-productos li p{
	width:102px;
	height:120px;
	line-height: 888px;
	overflow:hidden;
	float:left;	
}
.menu-nav-productos li:first-child p{
	background: url("../img/thumb_producto_1.png") no-repeat scroll 0px -8px;
}
.menu-nav-productos li:first-child + li p{
	background: url("../img/thumb_producto_2.png") no-repeat scroll 0px -8px;
}
.menu-nav-productos li:first-child + li + li p{
	background: url("../img/thumb_producto_3.png") no-repeat scroll 0px -8px;
}
.menu-nav-productos li:first-child + li + li + li p{
	background: url("../img/thumb_producto_4.png") no-repeat scroll 0px -8px;
}
.menu-nav-productos li:first-child + li + li + li + li p{
	background: url("../img/thumb_producto_5.png") no-repeat scroll 0px -8px;
}
.menu-nav-productos li:first-child + li + li + li + li + li p{
	background: url("../img/thumb_producto_6.png") no-repeat scroll 0px -8px;
}
/*ROLLOVER DE MENU NAV*/
.menu-nav-productos li a:hover{
	background-position: 0px 0px;
}
.menu-nav-productos li a:hover p, .menu-nav-productos li:first-child + li a:hover p, .menu-nav-productos li:first-child + li + li a:hover p, .menu-nav-productos li:first-child + li + li + li a:hover p, .menu-nav-productos li:first-child + li + li + li + li a:hover p, .menu-nav-productos li:first-child + li + li + li + li + li a:hover p{
	background-position: 0px -3px;
}

/*MENU NAV ACTIVOS*/
.menu-nav-productos li.active a{
	background-position: 0px 0px;
}
.menu-nav-productos li:first-child.active a p, .menu-nav-productos li:first-child + li.active a p, .menu-nav-productos li:first-child + li + li.active a p, .menu-nav-productos li:first-child + li + li + li.active a p, .menu-nav-productos li:first-child + li + li + li + li.active a p, .menu-nav-productos li:first-child + li + li + li + li + li.active a p{
	background-position: 0px -3px;
}
/*===================================================================================================
	S E C C I O N E S
======================================================================================================*/
/**************************  EL ACNE ************************************/
.que_es_acne{
	float:left;
	width:970px;
	padding-bottom:30px;
	font-family: Tahoma;
	color:#FFFFFF;
	font-size:12px;
	line-height:130%;
}
.que_es_acne .descricion{
	float:left;
	width:460px;
	margin-left:20px;
	margin-top:23px;
}
.que_es_acne .descricion h3{
	float:left;
	width:471px;
	height:60px;
	line-height: 888px;
	overflow:hidden;
	background: url("../img/que_es_el_acne.png") no-repeat scroll 0px 0px;
}
.que_es_acne .descricion p{
	line-height:160%;
}
.que_es_acne .slider_causas{
	float:left;
	width:412px;
	height:287px;
	background: url("../img/slider_causas.png") no-repeat scroll 0px 0px;
	margin-left:33px;
	margin-top:98px;
	line-height: 888px;
	overflow:hidden;
}
.que_es_acne .infografia_acne{
	float:left;
	width:554px;
	height:277px;
	margin-left:10px;
	margin-top:10px;
}
.que_es_acne .combatir_acne{
	float:left;
	width:327px;
	height:128px;
	margin-left:48px;
	margin-top:77px;
}
.que_es_acne .combatir_acne a{
	float:left;
	width:327px;
	height:128px;
}
.que_es_acne .combatir_acne a p:first-child{
	float:left;
	width:327px;
	height:60px;
	line-height: 888px;
	overflow:hidden;
	background: url("../img/queres_saber.png") no-repeat scroll 0px 0px;
}
.que_es_acne .combatir_acne a p:first-child + p{
	float:left;
	width:291px;
	height:52px;
	margin-left:20px;
	margin-top:18px;
	line-height: 888px;
	overflow:hidden;
	background: url("../img/aprende_a_tratarlo.png") no-repeat scroll 0px 0px;
}
.que_es_acne .combatir_acne a:hover p:first-child + p{
	background-position: 0px -52px;
}

.consejos_utiles{
	float:left;
	width:970px;
	padding-bottom:30px;
	margin-top:40px;
	font-family: Tahoma;
	color:#FFFFFF;
	font-size:12px;
	line-height:130%;
}
.consejos_utiles > li:first-child{
	float:left;
	width:125px;
	height:277px;
	margin-left:15px;
}
.consejos_utiles > li:first-child + li{
	float:left;
	margin-left:15px;
	width:750px;
}
.consejos_utiles  > li:first-child + li h3{
	float:left;
	width:750px;
	height:60px;
	line-height: 888px;
	overflow:hidden;
	margin-top:20px;
	background: url("../img/consejos_utiles.png") no-repeat scroll 0px 0px;
}
.consejos_utiles  > li:first-child + li p{
	float:left;
	width:350px;
	line-height:170%;
}
.consejos_utiles  > li:first-child + li p{
	padding-right:25px;
}
.titulo_mitos{
	float:left;
	width:970px;
	padding-bottom:30px;
	font-family: Tahoma;
	color:#FFFFFF;
	font-size:12px;
	line-height:130%;
	margin-left:37px;
}
.titulo_mitos  > li:first-child h3{
	float:left;
	width:750px;
	height:60px;
	line-height: 888px;
	overflow:hidden;
	margin-top:20px;
	background: url("../img/mitos_acne.png") no-repeat scroll 0px 0px;
}
.mitos{
	float:left;
	width:970px;
	padding-bottom:30px;
	margin-top:-30px;
	margin-left:37px;
	font-family: Tahoma;
	color:#FFFFFF;
	font-size:12px;
	line-height:130%;
}
#mito1{
	margin-top:-50px;
}
.mitos li:first-child h3{
	float:left;
	width:530px;
	height:78px;
	padding-bottom:30px;
	line-height: 888px;
	overflow:hidden;
	margin-top:20px;
}
.mitos li:first-child h3.mito1{
	background: url("../img/titulo_mito1.png") no-repeat scroll 0px 0px;
}
.mitos li:first-child h3.mito2{
	background: url("../img/titulo_mito2.png") no-repeat scroll 0px 0px;
}
.mitos li:first-child h3.mito3{
	background: url("../img/titulo_mito3.png") no-repeat scroll 0px 0px;
}
.mitos li:first-child h3.mito4{
	background: url("../img/titulo_mito4.png") no-repeat scroll 0px 0px;
}
.mitos li:first-child h3.mito5{
	background: url("../img/titulo_mito5.png") no-repeat scroll 0px 0px;
}
.mitos li:first-child p{
	clear:left;
	width:500px;
	float:left;
}
.mitos .separador{
	float:left;
	width:970px;
	height:11px;
	background: url("../img/separador_punteado.png") no-repeat scroll 0px 0px;
}
#mito2, #mito3, #mito4, #mito5{
display:none;
}
.ver_mas_mitos{
	float:left;
	width:970px;
	height:150px;
}
.ver_mas_mitos a{
	float:left;
	width:230px;
	height:42px;
	line-height: 888px;
	overflow:hidden;
	margin-left:360px;
	margin-top:15px;
	background: url("../img/quiero_ver_mito.png") no-repeat scroll 0px 0px;
}
.ver_mas_mitos a:hover{
	background-position: 0px -42px;
}





/*===================================================================================================
	S E C C I O N E S
======================================================================================================*/
/**************************  CONTACTO ************************************/

.web_dialog_overlay
{
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #FF0000;
	opacity: .80;
	filter: alpha(opacity=80);
	-moz-opacity: .80;
	z-index: 101;
	display: none;
}
.web_dialog, .web_dialog2
{
	display: none;
	position: fixed;
	width: 470px;
	height: 390px;
	top: 50%;
	left: 50%;
	margin-left: -235px;
	margin-top: -300px;
	padding: 0px;
	z-index: 102;
	font-family: Verdana;
	font-size: 10pt
}

.align_right
{
	text-align: right;
}
.web_dialog .boton_cerrar a, .web_dialog2 .boton_cerrar a{
	float:right;
	width: 174px;
	height: 31px;
	background: url("../img/volver_al_sitio.png") no-repeat scroll 0px 0px;
	line-height: 888px;
	overflow:hidden;
	margin-top:60px
}
.web_dialog .boton_cerrar a:hover, .web_dialog2 .boton_cerrar a:hover{
	background-position: 0px -31px;
}
.web_dialog .titulos{
	padding-top:80px;
	font-family: 'Open Sans', serif;
	color:#FFFFFF;
	font-size:20px;
	font-weight:bold;
	letter-spacing: -0.09em;
}
.web_dialog2 .titulos{
	padding-top:80px;
	font-family: 'Open Sans', serif;
	color:#FFFFFF;
	font-size:20px;
	font-weight:bold;
	letter-spacing: -0.09em;
	margin-bottom:20px;
	line-height:130%;
}
.web_dialog .titulos p:first-child, .web_dialog2 .titulos p:first-child{
	font-size:27px;
	margin-bottom:15px;
}
.web_dialog .correo a, .web_dialog2 .correo a{
	float:left;
	width: 470px;
	height: 36px;
	background: url("../img/fondo_correo.png") no-repeat scroll 0px 0px;
	margin-top:25px;
	font-family: 'Open Sans', serif;
	color:#FFFF00;
	font-size:18px;
	font-weight:bold;
	padding-left:70px;
	padding-top:18px;
	text-decoration:none;
	margin-bottom:30px;
}
.web_dialog .correo a:hover, .web_dialog2 .correo a:hover{
	background-position: 0px -54px;
}

.web_dialog input[type="text"] {
	width:208px; height:19px;/* Medidas del Input */
	margin:0 0 10px 0; 
	padding:10px;
	color: #FFFFFF;
	font-family: Tahoma;
	font-size:12px;
	border: none;
	/** remember to change image path **/
	background: url(none) no-repeat #E40301;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	display:block;

}
.web_dialog2 input[type="text"] {
	width:448px; height:19px;/* Medidas del Input */
	margin:0 0 10px 0; 
	padding:10px;
	color: #FFFFFF;
	font-family: Tahoma;
	font-size:12px;
	border: none;
	/** remember to change image path **/
	background: url(none) no-repeat #E40301;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	display:block;

}
.campos_sexo{
	width:448px; height:19px;/* Medidas del Input */
	margin:0 0 10px 0; 
	padding:10px;
	color: #FFFFFF;
	font-family: Tahoma;
	font-size:12px;
	border: none;
	/** remember to change image path **/
	background: url(none) no-repeat #E40301;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	display:block;

}
.opciones{
	float: right;
	padding-right:10px;
}
input[type="radio"] {
    display:none;
}

input[type="radio"] + label {
	cursor:pointer;

  
}

input[type="radio"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url(../img/check_radio_sheet.png) -38px top no-repeat;
    cursor:pointer;
}

input[type="radio"]:checked + label span {
    background:url(../img/check_radio_sheet.png) -57px top no-repeat;
}
.web_dialog textarea[type="text"] {
	float:right;/* Importante, para la alineacin */
	width:208px; height:117px;/* Medidas del Input */
	margin:0 0 10px 0; 
	padding:10px;
	color: #FFFFFF;
	font-family: Tahoma;
	font-size:12px;
	border: none;
	/** remember to change image path **/
	background: url(none) no-repeat #E40301;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
textarea[type="text"]:focus, input[type="text"]:focus{
	background: url(none) no-repeat #CC0904;
}
.web_dialog #btEnviar{
	width:174px; 
	height:31px;
	border:hidden;
	float:right;
	background:url(../img/enviar_consulta.png) no-repeat scroll left top; 
	font-size:0px;
	cursor:pointer;
}
.web_dialog #btEnviar3{
	width:174px; 
	height:31px;
	border:hidden;
	float:right;
	background:url(../img/enviar_consulta.png) no-repeat scroll left top; 
	font-size:0px;
	cursor:pointer;
}
.web_dialog2 #btEnviar2 {
	width:174px; 
	height:31px;
	border:hidden;
	float:right;
	background:url(../img/enviar_suscripcion.png) no-repeat scroll left top; 
	font-size:0px;
	cursor:pointer;
}
.web_dialog #btEnviar:hover, .web_dialog2 #btEnviar2:hover, .web_dialog #btEnviar3:hover {
	background-position: 0px -31px;
}
.web_dialog form{
	float:left;
	width:470px;
}
.mensaje_error_form{
	float:left;
	width:470px;
	padding-bottom:10px;
	font-family: 'Open Sans', serif;
	color:#FFFF00;
	font-size:18px;
	font-weight:bold;
	line-height:130%;
}

/*******************************SOLAPA FLOTANTE EL ACNE************************************************************************/
#solapa_flotante{
	background-color: #C6C6C6;
	width:100%;
	height:718px;
	left:100%;
	z-index:999;
	position:relative;
}
#solapa_flotante .solapa_flotante_interna{
	background: url("../img/fondo_footer_repite_vertical.jpg") repeat-y scroll center top;
	width:100%;
	height:718px;
}
#solapa_flotante .area_click{
	width:200px;
	height:410px;
	float:left;
	position:absolute;
	margin-left:-84px;
	margin-top:220px;
	cursor: pointer;
}
#solapa_flotante .area_cierre{
	width:200px;
	height:410px;
	float:left;
	position:absolute;
	margin-top:220px;
	cursor: pointer;
}

#solapa_flotante .solapa_flotante_interna .contenidos_solapa{
	background: url("../img/pibe_choclo.png") no-repeat scroll 0px 228px;
	width:100%;
	height:718px;
	padding-left:84px;
	margin-left:-84px;
}
#solapa_flotante .solapa_flotante_interna .contenidos_solapa .contenedor_solapa{
 	margin: 0 auto;	
	width: 970px;
	height:718px;
}
#solapa_flotante .solapa_flotante_interna .contenidos_solapa .contenedor_solapa .tratamiento{
	float: left;	
	width: 970px;
	height:541px;
	margin-top:30px;
	position: absolute
}
#solapa_flotante .solapa_flotante_interna .contenidos_solapa .contenedor_solapa .solapa-redes{
	float: left;	
	width: 970px;
	height:541px;
	margin-top:42px;
	margin-left:300px;
	position: absolute
}

#solapa_flotante .solapa_flotante_interna .contenidos_solapa .contenedor_solapa .conoce a{
	float: left;	
	width: 387px;
	height:90px;
	background: url("../img/kit_barrocutina.jpg") no-repeat scroll left top;
	margin-top:600px;
	margin-left:-700px;	
	line-height: 888px;
	overflow:hidden;	
	position:absolute;	
}
#solapa_flotante .solapa_flotante_interna .contenidos_solapa .contenedor_solapa .conoce a:hover{
	background-position: left -90px;
}
#solapa_flotante .solapa_flotante_interna .contenidos_solapa .contenedor_solapa .volver a{
	float: left;	
	width: 76px;
	height:42px;
	background: url("../img/volver.png") no-repeat scroll center top;
	margin-top:590px;
	margin-left:-280px;	
	line-height: 888px;
	overflow:hidden;	
	position:absolute;	
}

#solapa_flotante .solapa_flotante_interna .contenidos_solapa .contenedor_solapa .volver a{
	float: left;	
	width: 76px;
	height:42px;
	background: url("../img/volver.png") no-repeat scroll center top;
	margin-top:590px;
	margin-left:-280px;	
	line-height: 888px;
	overflow:hidden;	
	position:absolute;	
}
#solapa_flotante .solapa_flotante_interna .contenidos_solapa .contenedor_solapa p{
	font-family: Tahoma;
	color:#333333;
	font-size:12px;
	line-height:130%;
}
#solapa_flotante .solapa_flotante_interna .contenidos_solapa .contenedor_solapa .titulo_rojo_32{
	font-family: 'Open Sans', serif;
	color:#FC0502;
	font-size:27px;
	font-weight: 800;
	letter-spacing: -0.09em;
	
}
.tratamiento_textos{
	float:left;
	width:715px;
	margin-left:130px;
}
.tratamiento_textos .pasos{
	float:left;
	width:200px;
	margin-top:25px;
	padding-top:165px;
	padding-bottom:35px;
}
.tratamiento_textos .pasos > p:first-child{
	padding-left:40px;
}
.tratamiento_textos .tratamiento2{
	margin-left:55px;
	margin-right:55px;
}
.tratamiento_textos .no_hagas{
	float:left;
	clear:left;
	width:100%;
	height:21px;
	background: url("../img/no_hagas.png") no-repeat scroll left top;
	line-height:888px;
	overflow:hidden;
}
.tratamiento_textos .tratamiento1{
	background: url("../img/tratamiento_1.png") no-repeat scroll left top;
}
.tratamiento_textos .tratamiento2{
	background: url("../img/tratamiento_2.png") no-repeat scroll left top;
}
.tratamiento_textos .tratamiento3{
	background: url("../img/tratamiento_3.png") no-repeat scroll left top;
}

/**********************SECCION PARTICIPA*************************************/
.participa .participa_redes{
	background: url("../img/captura_participa.jpg") no-repeat scroll left top;
	height:500px;
}
.textos{
	float:left;
	margin-top:140px;
	margin-left:520px;
}
.textos .amarillo_{
	font-family: 'Open Sans', serif;
	color:#FFCC00;
	font-size:18px;
	font-weight: 800;
	letter-spacing: -0.09em;
}
.textos .blanco_{
	font-family: 'Open Sans', serif;
	color:#FFFFFF;
	font-size:18px;
	font-weight: 800;
	letter-spacing: -0.09em;
	margin-top:10px;
}

.participa .participa_redes .face a{
	float:left;
	width:167px;
	background: url("../img/hacete_fan.png") no-repeat scroll left top;
	height:51px;
	line-height:888px;
	overflow:hidden;
	margin-top:40px;
	margin-left:520px;
}
.participa .participa_redes .face a:hover{
	background-position: left -51px;
}

.participa .participa_redes .twit a{
	float:left;
	width:167px;
	background: url("../img/seguinos.png") no-repeat scroll left top;
	height:51px;
	line-height:888px;
	overflow:hidden;
	margin-top:40px;
	margin-left:20px;
}
.participa .participa_redes .twit a:hover{
	background-position: left -51px;
}
.participa .instagram a{
	float:left;
	width:167px;
	background: url("../img/buscanos.png") no-repeat scroll left top;
	height:51px;
	line-height:888px;
	overflow:hidden;
	margin-top: 10px;
	margin-left: 610px;
}
.participa .instagram a:hover{
	background-position: left -51px;
}