@import url('resets.css');
@import url('fonts.css');

body{
	background: #fff;
	font-family:Helvetica, Arial, sans-serif;
	color:#ababab;
	font-size:11px;
	line-height:normal;
}

a {text-decoration: none; outline: 0;}

#header div.left div.top p,
#header div.left div.bottom div.menu-principal ul  li a,
#header div.left div.bottom div.selector-productos label {font-family:HelveticaNeueLTStd75Bold;}

#bifurcador ul li h2,
#header div.left div.bottom div.selector-productos div.toggle p,
#ficha-producto div.content div.left div.options span {font-family:HelveticaNeueLTStd65Medium;}

#bifurcador.esconder{display:none;}

#bifurcador ul li span div h3,
#ficha-producto div.top div.title h2,
#ficha-producto div.top div.right h3,
#ficha-producto div.content div.right h2,
#ficha-producto div.content div.right span,
#pre-home div.title h3,
#pre-home div.right div.top h4,
#pre-home div.right div.bottom h5,
#resultado-busqueda div.title h3,
#blog div.title h3,
#blog div.box div.left h4,
#resultado-busqueda div.box-tipo-resultado h4,
#resultado-busqueda div.box-tipo-resultado div.item div.info h5,
#resultado-busqueda div.box-tipo-resultado div.item div.info h6,
#consejos div.box div.right div h4,
#tipo-piel div.box div.top h4,
p.titulo  {font-family:HelveticaNeueLTStd35Thin;}

#bifurcador ul li span div p,
#ficha-producto div.top div.right p,
#pre-home div.right div.top p,
#pre-home div.right div.bottom h6,
.descripcion ,
#blog div.box div.right h3,
#consejos div.box div.left div em,
#consejos div.box div.left div p,
#mapa-sitio div.box div.top div.medium a,
#mapa-sitio div.box div.bottom div h4,
#mapa-sitio div.box div.bottom div ul li a,
#mapa-sitio div.box div.bottom div ul li span,
#terminos-condiciones div.box h4,
#tipo-piel div.box div.bottom div.item h3,
.bx-pager a {font-family:HelveticaNeueLTStd55Roman;}




div#container {width:959px; margin:0 auto; position:relative;}

div#header {width:959px; height:33px; float:left;}
  #header h1 {width:205px; height:62px; float:left; margin:25px 0 0 0; text-indent:-9999px; background:url(../images/logo-loreal-paris.jpg) no-repeat;}
  #header h1 a{width:205px; height:62px; float:left; display:block;}
  #header div.left {width:928px; float:left; margin:10px 0 0 0;}
  #header div.left div.top{width:715px; float:right;margin:5px 0 30px 0;position:relative;}
  #header div.left div.top div.iconos{width:125px; float:right;}
  #header div.left div.top div.iconos a{width:18px; height:21px; margin:0 6px; display:inline-block;float:left;text-indent:-9999px;}
  #header div.left div.top div.iconos a.home{background:url(/images/dermo/iconos/home.jpg) no-repeat;}
  #header div.left div.top div.iconos a.mapa-sitio{background:url(/images/dermo/iconos/mapa-sitio.jpg) no-repeat;}
  #header div.left div.top div.iconos a.contacto{background:url(/images/dermo/iconos/contacto.jpg) no-repeat;}
  #header div.left div.top div.iconos a.facebook{width:21px;background:url(/images/iconos/facebook.jpg) no-repeat;}
  #header div.left div.top p{width:575px; float:left;text-align:right;margin:10px 15px 0 0; display:inline;}
  #header div.left div.top p a{color:#ababab;font-size:10px;padding:0 4px;}
  #header div.left div.top p a:hover{color:#E5E5E3;}
  #header div.left div.top a.default{border-top:1px solid #000000;border-right:1px solid #000000;border-left:1px solid #000000;}
  #header div.left div.top a.active{border-top:1px solid #4e4e4e;border-right:1px solid #4e4e4e;border-left:1px solid #4e4e4e;}
  #header div.left div.top div#box-suscribir-newss {width:249px; height:25px; padding:4px 0 0 0; display:none; position:absolute; top:23px; right:43px; background:url(/images/dermo/bg/bg-newssletter.jpg) no-repeat;}
  #header div.left div.top div#box-suscribir-newss input.txt {width:140px; height:13px; padding:3px 3px 2px 3px; float:left; margin:0 4px 0 7px; border:medium none; font-size:11px;font-weight:bold; background:url(/images/dermo/bg/bg-input-newss.jpg) no-repeat;}
  #header div.left div.top div#box-suscribir-newss input.submit {font-size:11px; color:#b6b6b6; font-weight:bold; border:medium none; background:none; padding:3px 2px 0 0; cursor:pointer;}
  #header div.left div.top div#box-suscribir-newss input.submit:hover {color:#E5E5E3;}
  #header div.left div.top div#box-suscribir-newss span#close-box-newss {cursor:pointer;}
  #header div.left div.bottom{width:955px; float:left;position:relative;}
  #header div.left div.bottom div.menu-principal{width:auto; float:left; margin:4px 0 0 0;}
  #header div.left div.bottom div.menu-principal ul {width:auto; float:left;}
  #header div.left div.bottom div.menu-principal ul  li{float:left;}
  #header div.left div.bottom div.menu-principal ul  li a{font-size:11px;display:block;float:left;color:#ababab; width:auto; border-right:1px solid #4e4e4e; padding:0 17px; font-family: Arial;}
  #header div.left div.bottom div.menu-principal ul  li a:hover,
  #header div.left div.bottom div.menu-principal ul  li a.activo{color:#E5E5E3;}
/*  #header div.left div.bottom div.menu-principal ul  li a.uno{width:86px;border-right:1px solid #4e4e4e;margin:0 9px 0 0;}
  #header div.left div.bottom div.menu-principal ul  li a.dos{width:145px;border-right:1px solid #4e4e4e;margin:0 9px 0 0;}
  #header div.left div.bottom div.menu-principal ul  li a.tres{width:118px;border-right:1px solid #4e4e4e;margin:0 9px 0 0;}*/
  #header div.left div.bottom div.menu-principal ul  li a.cuatro{border:none;}
  #header div.left div.bottom div.selector-productos{width:344px; float:right; margin:0 0 0 15px;}
  #header div.left div.bottom div.selector-productos label{font-size:11px;display:block;float:left;color:#ababab; margin:4px 0 0 0; font-family: Arial;}
  #header div.left div.bottom div.selector-productos div.down{width:170px; float:left; margin:0 0 0 5px;cursor:pointer;}
  #header div.left div.bottom div.selector-productos div.down p{width:135px; padding:3px 5px 2px 5px; float:left; background:#5d5d5d; font-size:12px; color:#e5e5e3;}
  #header div.left div.bottom div.selector-productos div.down span#down {width:22px; height:20px; display:block; float:left; margin:0 0 0 2px; cursor:pointer;  background:url(/images/dermo/arrows/toggle-menu.jpg) no-repeat;}
  #header div.left div.bottom div.selector-productos div#options-down {width:169px; float:left; background:#ffffff; position:absolute; top:21px; right:3px; z-index:10000;display:none;}
  #header div.left div.bottom div.selector-productos div#options-down div {width:169px; float:left;}
  #header div.left div.bottom div.selector-productos div#options-down div a{width:159px;color:#000000;text-transform:uppercase;display:block;float:left;border-bottom:1px solid #aaaaaa; padding:5px;}
  #header div.left div.bottom div.selector-productos div#options-down div a:hover{background:#6c6c6c;border-bottom:1px solid #cccccc;color:#ffffff;}
  
  
div#bifurcador {width:959px; float:left; margin:0; position:relative;}  
  #bifurcador ul {width:960px; float:left;}  
  #bifurcador ul li{width:216px; height:74px; padding:7px 7px 0 7px; float:left; background:url(/images/dermo/bg/bg-item-bifurcador-1.jpg) top center no-repeat; z-index:10} 
  #bifurcador ul li:hover {background-position:bottom;}
  #bifurcador ul li:hover img {border:2px solid #bdbdbd;}
  /*
  #bifurcador ul li.mujer:hover img {border:2px solid #ca040c;}
  #bifurcador ul li.limpieza:hover img {border:2px solid #4fac91;}
  #bifurcador ul li.autobronceante:hover img {border:2px solid #ef9608;}
  #bifurcador ul li.hombres:hover img {border:2px solid #363636;}
  */
  #bifurcador ul li img {border:2px solid #17130a; display:block; float:left;}
  #bifurcador ul li h2 {width:126px; padding:0 0 0 5px; float:left; font-size:13px; color:#b0b0b0; text-transform:uppercase;}  
  #bifurcador ul li.margin {margin-right:13px;}
  #bifurcador ul li span{width:960px;display:block; float:left;position:absolute; top:81px; left:0; padding:36px 0; height:98px; display: none;z-index:999;}
  #bifurcador ul li span div{width:199px; min-height:80px; padding:0 20px; float:left;}
  #bifurcador ul li span div h3,
  #bifurcador ul li span div h3 a{font-size:30px; color:#9e9e9e;}
  #bifurcador ul li span div h3:hover,
  #bifurcador ul li span div h3 a:hover{color:#e1d4b1;}  
  #bifurcador ul li span div p,
  #bifurcador ul li span div p a{font-size:14px; color:#9e9e9e;}
  #bifurcador ul li span div p,
  #bifurcador ul li span div p a:hover{color:#e1d4b1;}  
  #bifurcador ul li span div.border{border-right:1px solid #383838;}  
  #bifurcador ul li span.parent-doble div{width:279px; min-height:80px; padding:0 20px; float:left;}
  #bifurcador ul li span.parent-triple div{width:438px; min-height:80px; padding:0 20px; float:left;}
  #bifurcador ul li span.bg-parent-1 {background:url(/images/dermo/bg/bg-submenu-1.png) no-repeat;}
  #bifurcador ul li span.bg-parent-2 {display:none;background:url(/images/dermo/bg/bg-submenu-2.png) no-repeat;}
  #bifurcador ul li span.bg-parent-3 {display:none;background:url(/images/dermo/bg/bg-submenu-3.png) no-repeat;}
  #bifurcador ul li span.bg-parent-4 {display:none; background:url(/images/dermo/bg/bg-submenu-4.png) no-repeat;}  
  
div#teaser {width:959px; float:left;padding:0 0 4px 0; margin:10px 0 0 0;}  
  #teaser div.left {width:715px; float:left;position:relative;} 
  #teaser div.left  ul li img {display:block; float:left;}
  #teaser div.right {width:231px; float:right;}
  
div#ficha-producto {width:959px; float:left;}
  #ficha-producto div.top {width:959px; float:left;}   
  #ficha-producto div.top div.title {width:933px; padding: 5px 13px; float:left;} 
  #ficha-producto div.top div.title h2 {color:#ffffff; font-size:17px; text-transform:uppercase;} 
  #ficha-producto div.top div.left-img {width:435px; float:left; }
  #ficha-producto div.top div.left-img img {display:block; float:left;}
  #ficha-producto div.top div.right {width:505px; height:101px; padding:15px 0 0 19px; float:left; position:relative; background:url(/images/dermo/bg/bg-border-bottom-top.jpg) bottom no-repeat;}
  #ficha-producto div.top div.right h3{font-size:40px; color:#9E9E9E; float:left; padding:0 25px 0 0; border-right:1px solid #383838;}
  #ficha-producto div.top div.right p{width:508px; float:left; font-size:14px; color:#9E9E9E; padding:3px 0 0 0;}
  #ficha-producto div.content {width:959px; float:left; margin:18px 0 0 0;}   
  #ficha-producto div.content div.left{width:435px; float:left;}   
  #ficha-producto div.content div.left a{display:block;float:left;border:1px solid #4f4f4f;}   
  #ficha-producto div.content div.left div.options {width:435px; float:left; margin:5px 0 0 0;}   
  #ficha-producto div.content div.left div.options a{border:none; margin:3px 95px 0 0;}   
  #ficha-producto div.content div.left div.options span{font-size:14px; color:#dc2028; cursor:pointer; margin:5px 0 0 0; float:left;}  
  #ficha-producto div.content div.left div.options div.like{float:right; width:88px; height:27px; background:url(/images/dermo/arrows/megusta.jpg) no-repeat;}  
  
  
  #ficha-producto div.content div.right{width:505px; float:right;}   
  #ficha-producto div.content div.right h2{font-size:37px;}  
  #ficha-producto div.content div.right span{font-size:24px; color:#909092; margin:0 0 5px 0;display:block;}  
  #ficha-producto div.content div.right div.info{width:505px; float:left; margin:15px 0 0 0;}   
  #ficha-producto div.content div.right div.info div.item{width:490px; float:left; margin:0 0 10px 0;}   
  #ficha-producto div.content div.right div.info div.item h3{font-size:12px; color:#e8dcb9; font-weight:bold;}   
  #ficha-producto div.content div.right div.info div.item p{font-size:11px; color:#909090; line-height:15px;}
  #ficha-producto div.content div.bottom {width:959px; float:left; margin:30px 0 0 0; padding:0 0 70px 0; background:url(/images/dermo/bg/bg-border-bottom-recomendados.jpg) bottom no-repeat;}
  #ficha-producto div.content div.bottom h4 {width:939px; padding:5px 10px ; float:left; font-size:15px; color:#ffffff; background:#424242}
  #ficha-producto div.content div.bottom div.slider{width:959px; float:left; margin:2px 0 0 0; padding:10px 0 0 0; background:url(/images/dermo/bg/bg-bottom-recomendados.jpg) repeat-x;}
  #ficha-producto div.content div.bottom ul li {width:319px; float:left;}
  #ficha-producto div.content div.bottom ul li a {display:block;float:left;}
  #ficha-producto div.content div.bottom ul li a img{border:1px solid #4f4f4f;}
  #ficha-producto div.content div.bottom ul li a img:hover{border:1px solid #E8DCB9;}  
  #ficha-producto div.content div.bottom ul li p {width:140px; padding:10px 15px 0 15px; float:right;}
  #ficha-producto div.content div.bottom ul li p a{color:#909090;font-size:12px;}
  #ficha-producto div.content div.mujer h2{color:#dc2028;}
  
  #ficha-producto div.top div.bg-mujer {background:#dc2028;}    
  #ficha-producto div.top div.border-mujer img{border-left:3px solid #dc2028; border-bottom:3px solid #dc2028; border-right:3px solid #dc2028;}  
  #ficha-producto div.top div.bg-limpieza {background:#dc2028;} 
  #ficha-producto div.top div.border-limpieza img{border-left:3px solid #dc2028; border-bottom:3px solid #dc2028; border-right:3px solid #dc2028;} 
  #ficha-producto div.top div.bg-autobronceante {background:#dc2028;} 
  #ficha-producto div.top div.border-autobronceante img{border-left:3px solid #dc2028; border-bottom:3px solid #dc2028; border-right:3px solid #dc2028;} 
  #ficha-producto div.top div.bg-hombres {background:#363636;} 
  #ficha-producto div.top div.border-hombres img{border-left:3px solid #363636; border-bottom:3px solid #363636; border-right:3px solid #363636;}   
  
div#pre-home {width:959px; float:left;background:url(/images/dermo/bg/bg-border-bottom-recomendados.jpg) bottom no-repeat;}   
  #pre-home div.title {width:933px; padding: 5px 13px; float:left;}
  #pre-home div.title h3{font-size:17px; color:#ffffff; text-transform:uppercase;} 
  #pre-home div.left {width:434px; float:left; margin:0 0 20px 0;}
  #pre-home div.left img{display:block; float:left; }
  #pre-home div.right {width:485px; padding:0 20px; float:left; }
  #pre-home div.right div.top{width:485px; float:left; padding:10px 0; margin:0 0 10px 0; background:url(/images/dermo/bg/bg-border-bottom-top.jpg) bottom no-repeat;}
  #pre-home div.right div.top h4{float:left;font-size:37px; color:#9E9E9E; float:left; padding:0 25px 0 0; border-right:1px solid #383838;}
  #pre-home div.right div.top p{width:485px; float:left; font-size:14px; color:#9E9E9E; padding:3px 0 0 0;}
  #pre-home div.right div.top div.logos{width:200px; padding:0 15px 0 0; float:right;}
  #pre-home div.right div.bottom{width:485px; float:left;}
  #pre-home div.right div.bottom p{width:485px; float:left;}
  #pre-home div.right div.bottom h5{width:485px; float:left; font-size:20px; color:#dc2028;}
  #pre-home div.right div.bottom h6{width:485px; float:left; font-size:18px; color:#e8dcb9;}
  #pre-home div.right div.bottom ul {width:485px; float:left; margin:15px 0 0 0;}
  #pre-home div.right div.bottom ul li{width:147px;float:left; margin:0 7px 20px 7px; display:inline;}
  #pre-home div.right div.bottom ul li a {display:block; float:left;}
  #pre-home div.right div.bottom ul li img{float:left;display:block; border:1px solid #4F4F4F;}
  #pre-home div.right div.bottom ul li img:hover{border:1px solid #E8DCB9;}
  #pre-home div.right div.bottom ul li span{width:147px;float:left;display:block; padding:7px 0;}
  #pre-home div.right div.bottom ul li span a{width:147px;float:left;display:block;text-align:center;color:#9E9E9E; }
  #pre-home div.right div.bottom ul li span a:hover{#E8DCB9;}
  
  #pre-home div.right div.bottom div#categ_texto{width:485px; float:left;}

  #pre-home div.bg-mujer {background:#000000;} 
  #pre-home div.border-mujer img{border:1px solid #000000;}  
  #pre-home div.bg-limpieza {background:#dc2028;} 
  #pre-home div.border-limpieza img{border-left:3px solid #dc2028; border-bottom:3px solid #dc2028; border-right:3px solid #dc2028;} 
  #pre-home div.bg-autobronceante {background:#dc2028;} 
  #pre-home div.border-autobronceante img{border-left:3px solid #dc2028; border-bottom:3px solid #dc2028; border-right:3px solid #dc2028;} 
  #pre-home div.bg-hombres {background:#363636;} 
  #pre-home div.border-hombres img{border-left:3px solid #363636; border-bottom:3px solid #363636; border-right:3px solid #363636;} 
/*  
  #pre-home div.bg-mujer {background:#dc2028;} 
  #pre-home div.border-mujer img{border-left:3px solid #dc2028; border-bottom:3px solid #dc2028; border-right:3px solid #dc2028;}  
  #pre-home div.bg-limpieza {background:#4fac91;} 
  #pre-home div.border-limpieza img{border-left:3px solid #4fac91; border-bottom:3px solid #4fac91; border-right:3px solid #4fac91;} 
  #pre-home div.bg-autobronceante {background:#ef9608;} 
  #pre-home div.border-autobronceante img{border-left:3px solid #ef9608; border-bottom:3px solid #ef9608; border-right:3px solid #ef9608;} 
  #pre-home div.bg-hombres {background:#363636;} 
  #pre-home div.border-hombres img{border-left:3px solid #363636; border-bottom:3px solid #363636; border-right:3px solid #363636;} 
*/  
div#resultado-busqueda {width:959px; float:left;background:url(/images/dermo/bg/bg-border-bottom-recomendados.jpg) bottom no-repeat;} 
  #resultado-busqueda div.title {width:933px; padding: 5px 13px; float:left; background:#424242;} 
  #resultado-busqueda div.title h3{font-size:17px; color:#ffffff;}   
  #resultado-busqueda div.box-tipo-resultado {width:959px; float:left; margin:20px 0;} 
  #resultado-busqueda div.box-tipo-resultado div.item{width:959px; float:left; padding:0 0 10px 0; margin:0 0 10px 0; border-bottom:1px solid #292929;} 
  #resultado-busqueda div.box-tipo-resultado div.item a.producto{width:147px; display:block; float:left;} 
  #resultado-busqueda div.box-tipo-resultado div.item a.producto img{float:left;display:block; border:1px solid #4F4F4F;} 
  #resultado-busqueda div.box-tipo-resultado div.item a.producto img:hover{border:1px solid #E8DCB9;}
  #resultado-busqueda div.box-tipo-resultado div.item div.info {width:790px; float:right;} 
  #resultado-busqueda div.box-tipo-resultado div.item div.info p{width:790px; float:left; font-size:11px; color:#909090;}
  #resultado-busqueda div.box-tipo-resultado div.item div.info a.link:hover {text-decoration:underline;}
  /*mujer*/
  #resultado-busqueda div.opciones-mujer h4{font-size:30px; color:#cb161e; margin:0 0 10px 0;} 
  #resultado-busqueda div.opciones-mujer div.item div.info h5 {float:left; font-size:20px; color:#dc2028;} 
  #resultado-busqueda div.opciones-mujer div.item div.info h6 {float:right; font-size:20px; color:#dc2028;} 
  #resultado-busqueda div.opciones-mujer div.item div.info a.link{float:left; font-size:12px; color:#dc2028; font-weight:bold;} 
  /*autobronceante*/
  #resultado-busqueda div.opciones-autobronceante h4{font-size:30px; color:#dc2028; margin:0 0 10px 0;} 
  #resultado-busqueda div.opciones-autobronceante div.item div.info h5 {float:left; font-size:20px; color:#dc2028;} 
  #resultado-busqueda div.opciones-autobronceante div.item div.info h6 {float:right; font-size:20px; color:#dc2028;} 
  #resultado-busqueda div.opciones-autobronceante div.item div.info a.link{float:left; font-size:12px; color:#dc2028; font-weight:bold;} 
  /*limpieza*/
  #resultado-busqueda div.opciones-limpieza h4{font-size:30px; color:#dc2028; margin:0 0 10px 0;} 
  #resultado-busqueda div.opciones-limpieza div.item div.info h5 {float:left; font-size:20px; color:#dc2028;} 
  #resultado-busqueda div.opciones-limpieza div.item div.info h6 {float:right; font-size:20px; color:#dc2028;} 
  #resultado-busqueda div.opciones-limpieza div.item div.info a.link{float:left; font-size:12px; color:#dc2028; font-weight:bold;}   
  /*hombre*/
  #resultado-busqueda div.opciones-hombres h4{font-size:30px; color:#909090; margin:0 0 10px 0;} 
  #resultado-busqueda div.opciones-hombres div.item div.info h5 {float:left; font-size:20px; color:#909090;} 
  #resultado-busqueda div.opciones-hombres div.item div.info h6 {float:right; font-size:20px; color:#909090;} 
  #resultado-busqueda div.opciones-hombres div.item div.info a.link{float:left; font-size:12px; color:#909090; font-weight:bold;} 
  
  
div#blog{width:959px; float:left;background:url(/images/dermo/bg/bg-border-bottom-recomendados.jpg) bottom no-repeat;} 
  #blog div.title {width:933px; padding: 5px 13px; float:left; background:#424242;} 
  #blog div.title h3{font-size:17px; color:#ffffff; text-transform:uppercase;}
  #blog div.box {width:959px; float:left; margin:20px 0;}   
  #blog div.box div.left{width:625px; float:left; padding:0 25px 0 0; border-right:2px solid #424242;}   
  #blog div.box div.left div.content {width:625px; float:left;}   
  #blog div.box div.left div.content h4 {font-size:55px; margin:0 0 15px 0;}   
  #blog div.box div.left div.content h5 {font-size:12px; font-weight:bold; color:#c7ba91; margin: 0 0 2px 0;}   
  #blog div.box div.left div.content p{float:none; clear:left; display:inline; width:100%;}   
  #blog div.box div.left div.content img{float:right; margin:0 0 0 18px;}   
  #blog div.box div.right{width:265px; float:right; padding:0 12px 0 0;}   
  #blog div.box div.right h3{width:265px; float:left; font-size:20px; color:#c7ba91; padding:0 0 12px 0; border-bottom:1px solid #c7ba91;}   
  #blog div.box div.right ul {width:265px; float:left;}
  #blog div.box div.right ul li{width:265px; float:left; padding:12px 0; background:url(/images/dermo/bg/border-dashed-grey.jpg) bottom repeat-x;}
  #blog div.box div.right ul li a{font-size:12px; color:#909090; font-weight:bold;}
  #blog div.box div.right ul li a:hover,
  #blog div.box div.right ul li a.active{color:#E4D5A6;}
  
div#tipo-piel{width:959px; float:left;background:url(/images/dermo/bg/bg-border-bottom-recomendados.jpg) bottom no-repeat;} 
  #tipo-piel div.title {width:933px; padding: 5px 13px; float:left; background:#424242;} 
  #tipo-piel div.title h3{font-size:17px; color:#ffffff; text-transform:uppercase;}
  #tipo-piel div.box {width:959px; float:left; margin:20px 0;}    
  #tipo-piel div.box div.top{width:959px; float:left; margin:0 0 20px 0;}    
  #tipo-piel div.box div.top img{display:block; float:left; width:230px; margin:0 25px 0 0;}    
  #tipo-piel div.box div.top h4{float:left; color:#9f895b; font-size:36px; width:700px; margin:25px 0 0 0;}    
  #tipo-piel div.box div.bottom{width:959px; float:left; padding:0 0 60px 0;}    
  #tipo-piel div.box div.bottom div.item{width:230px; float:left; display:inline;}    
  #tipo-piel div.box div.bottom div.item h3{width:220px; height:14px; padding:6px 0 7px 10px; margin:0 0 10px 0; float:left; color:#000000; font-size:14px; text-transform:uppercase;}    
  #tipo-piel div.box div.bottom div.margin{margin:0 13px 0 0; _margin:0 10px 0 0;}    
  #tipo-piel div.box div.bottom div.bg-1 h3{background:url(/images/dermo/bg/bg-h4-grasas.jpg) bottom no-repeat;}    
  #tipo-piel div.box div.bottom div.bg-2 h3{background:url(/images/dermo/bg/bg-h4-mixtas.jpg) bottom no-repeat;}    
  #tipo-piel div.box div.bottom div.bg-3 h3{background:url(/images/dermo/bg/bg-h4-normal.jpg) bottom no-repeat;}    
  #tipo-piel div.box div.bottom div.bg-4 h3{background:url(/images/dermo/bg/bg-h4-seca.jpg) bottom no-repeat;}    
  #tipo-piel div.box div.bottom div.item p{width:230px; float:left; color:#77787b; line-height:15px;}    
  #tipo-piel div.box div.bottom div.item h4{width:230px; float:left; color:#967c4f; font-size:14px; text-transform:uppercase; font-weight:bold; margin:15px 0 0 0; }    
  #tipo-piel div.box div.bottom div.item div {width:230px; float:left;padding:5px 0; background:url(/images/dermo/bg/bg-bottom-div-item.jpg) bottom no-repeat;}    
  #tipo-piel div.box div.bottom div.item div span {width:220px; float:left; padding:0 0 0 8px; margin:0 0 0 2px; display:block; background:url(/images/dermo/arrows/div-span-item.jpg) left 5px no-repeat;}    


div#consejos{width:959px; float:left;background:url(/images/dermo/bg/bg-border-bottom-recomendados.jpg) bottom no-repeat;} 
  #consejos div.title {width:933px; padding: 5px 13px; float:left; background:#424242;} 
  #consejos div.title h3{font-size:17px; color:#ffffff; text-transform:uppercase;}  
  #consejos div.box {width:959px; float:left; margin:20px 0;}   
  #consejos div.box div.left{width:320px; float:left;}
  #consejos div.box div.left div{width:320px; float:left; margin:0 0 30px 0;}
  #consejos div.box div.left div em{font-size:14px; color:#909090; font-style:normal;}
  #consejos div.box div.left div p{font-size:17px; color:#909090;}
  #consejos div.box div.left div p span{color:#b19e64;}
  #consejos div.box div.left div img.border{border:2px solid #424242;}
  #consejos div.box div.right{width:595px; float:right; padding:0 12px 0 0;}
  #consejos div.box div.right div{width:595px; float:left; margin:0 0 40px 0;}
  #consejos div.box div.right div h4{font-size:21px; color:#b19e64; margin:0 0 5px 0;}
  #consejos div.box div.right div p{color:#909090; margin:0 0 5px 0;}

div#mapa-sitio{width:959px; float:left;background:url(/images/dermo/bg/bg-border-bottom-recomendados.jpg) bottom no-repeat;} 
  #mapa-sitio div.title {width:933px; padding: 5px 13px; float:left; background:#424242;} 
  #mapa-sitio div.title h3{font-size:17px; color:#ffffff; text-transform:uppercase;} 
  #mapa-sitio div.box {width:959px; float:left; margin:20px 0;}   
  #mapa-sitio div.box div.top {width:959px; float:left;}
  #mapa-sitio div.box div.top div.left{width:424px; float:left;}
  #mapa-sitio div.box div.top div.left ul {width:424px; float:left;}
  #mapa-sitio div.box div.top div.left ul li{text-align:right;}
  #mapa-sitio div.box div.top div.medium {width:111px; float:left;text-align:center;}
  #mapa-sitio div.box div.top div.medium a {font-size:20px; color:#c7ba91;}
  #mapa-sitio div.box div.top div.right {width:424px; float:left;}
  #mapa-sitio div.box div.top  ul li {margin:0 0 12px 0;}
  #mapa-sitio div.box div.top  ul li a{color:#ababab; font-weight:bold; font-size:12px;}
  #mapa-sitio div.box div.top  ul li a:hover{color:#E4D5A6;}
  #mapa-sitio div.box div.bottom {width:760px; clear:both; margin:0 auto; padding:20px 0 30px 0; overflow:hidden;}
  #mapa-sitio div.box div.bottom div {width:160px; float:left;}
  #mapa-sitio div.box div.bottom div h4{font-size:16px; padding:0 0 10px 0; margin:0 0 5px 0; border-bottom:1px solid #7f775d;}
  #mapa-sitio div.box div.bottom div ul {width:160px; float:left;}
  #mapa-sitio div.box div.bottom div ul li{width:160px; float:left;}
  #mapa-sitio div.box div.bottom div ul li span,
  #mapa-sitio div.box div.bottom div ul li a{width:160px; float:left; display:block; font-weight:bold; color:#909090; font-size:12px; margin:0 0 5px 0; padding:0 0 5px 0; background:url(/images/dermo/bg/border-dashed-grey.jpg) bottom repeat-x;}
  #mapa-sitio div.box div.bottom div ul li ul {width:150px; float:left; padding:0 0 0 10px; margin:0 0 5px 0; background:url(/images/dermo/bg/border-dashed-grey.jpg) bottom repeat-x;}
  #mapa-sitio div.box div.bottom div ul li ul li{width:150px; float:left;}
  #mapa-sitio div.box div.bottom div ul li ul li a{color:#909090; font-size:12px; background:none; font-weight:normal;}
  #mapa-sitio div.box div.bottom div.mujer,
  #mapa-sitio div.box div.bottom div.limpieza,
  #mapa-sitio div.box div.bottom div.autobronceante  {margin:0 40px 0 0; display:inline;}
  #mapa-sitio div.box div.bottom div.mujer h4 {color:#db0101;}
  #mapa-sitio div.box div.bottom div.limpieza h4 {color:#26845d;}
  #mapa-sitio div.box div.bottom div.autobronceante h4 {color:#d55a00;}
  #mapa-sitio div.box div.bottom div.hombres h4 {color:#6d6d6d;}
  #mapa-sitio div.box div.bottom div ul li a:hover{color:#E4D5A6;}
  
div#terminos-condiciones{width:959px; float:left;background:url(/images/dermo/bg/bg-border-bottom-recomendados.jpg) bottom no-repeat;} 
  #terminos-condiciones div.title {width:933px; padding: 5px 13px; float:left; background:#424242;} 
  #terminos-condiciones div.title h3{font-size:17px; color:#ffffff; text-transform:uppercase;} 
  #terminos-condiciones div.box {width:959px; float:left; margin:20px 0;}   
  #terminos-condiciones div.box h4 {font-size:12px; color:#909090; text-transform:uppercase; margin:0 0 2px 0; font-weight:bold;}   
  #terminos-condiciones div.box p {font-size:11px; color:#909090; margin:0 0 5px 0;}   
  #terminos-condiciones div.box ul {padding:0 0 0 20px; margin:0 0 5px 0;}   
  #terminos-condiciones div.box ul li{margin:0 0 5px 0;}   
  
div#footer {width:959px; float:left; padding:14px 0 45px 0;}  
  #footer div.left {width:231px; float:left;}  
  #footer div.left p{width:231px; height:29px; float:left; text-indent:-9999px;  background:url(/images/dermo/titles/centros-atencion.jpg) no-repeat;}  
  #footer div.right {width:520px; float:right;} 
  #footer div.right p {width:130px; float:left;text-align:right; color:#676767;}  
  #footer div.right ul {width:390px; float:right;}  
  #footer div.right ul li{float:left;text-indent:-9999px;cursor:pointer;margin:0 10px; display:inline;}  
  #footer div.right ul li.limpieza{width:84px; height:29px; background:url(/images/dermo/titles/1-limpieza.jpg) top no-repeat;}  
  #footer div.right ul li.limpieza:hover{background-position:bottom;}  
  #footer div.right ul li.tonificacion{width:122px; height:29px; background:url(/images/dermo/titles/2-tonificacion.jpg) top no-repeat;}  
  #footer div.right ul li.tonificacion:hover{background-position:bottom;}  
  #footer div.right ul li.tratamiento{width:122px; height:29px; background:url(/images/dermo/titles/3-tratamiento.jpg) top no-repeat;}  
  #footer div.right ul li.tratamiento:hover{background-position:bottom;}
  #footer div.bottom{width:959px; float:left; padding:5px 0 0 0; margin:10px 0 0 0; border-top:1px solid #1e1e1e;}   
  #footer div.bottom p.legales{float:left; color:#3a3a3a;}   
  #footer div.bottom p.tyc{float:right; color:#3a3a3a;}   
  #footer div.bottom p.tyc a{color:#3a3a3a;}   
  #footer div.bottom p.tyc a:hover{color:#E5E5E3;}   
  
  
  
  
  
/* Agregado por DELAVE para el pop de msjes*/  
div.bubble {width:321px; padding: 2px; border:2px solid #6A581F; float:left; position:absolute; background:#ffffff; z-index:10000; display:none;}
div.bubble div.body {width:321px; float:left; position:relative;}
div.bubble div.body div.title {width:311px; padding:5px; background:#6A581F; position:relative;}
div.bubble div.body div.title p{ color:#ffffff;}
div.bubble div.body div.title span.close{ color:#ffffff; position:absolute; top:5px; right:5px; cursor:pointer;}
div.bubble span.left-bottom {display:block; width:19px; height:11px; position:absolute; bottom: -11px; left:11px; background:url(/images/dermo/bubble-bottom-left.png) no-repeat;}
div.bubble div.body p#popMsg_txt {width:311px; padding:10px 5px; color:#666666; font-weight:bold;}
div.bubble div.body ul.error_list {width:306px; float:left; padding: 0 0 0 15px;}
div.bubble div.body ul.error_list li {font-size:12px; list-style:circle; color:red;}

form.formulario_bubble {width:311px; float:left; padding:0 5px;}
  .formulario_bubble div {width:311px; float:left; margin:5px 0;}
  .formulario_bubble div label{width:311px; float:left; font-size:12px;}
  .formulario_bubble div input{width:300px; float:left; padding:3px 0;  border:1px solid #aaa;}
  .formulario_bubble div textarea{width:300px; float:left; padding:3px 0; border:1px solid #aaa; resize:none;}
  .formulario_bubble div.captcha input{width:170px; float:right;margin:0 10px 0 0;}
  .formulario_bubble div.captcha img{float:left;}
  .formulario_bubble div input.enviar-lightbox{background:url(/images/dermo/enviar.jpg) no-repeat; width:71px; height:27px; cursor:pointer; border:none; float:right; margin-right:15px;}
/* #Agregado por DELAVE para el pop de msjes*/


/* TIP */
div#content-maquillaje{width:738px; margin:20px auto;}
.conteiner{margin: auto; width: 738px }
#sectionConteiner div#video-izq{background:url(/images/maquillaje/bg-videos.jpg) top no-repeat #000; width: 738px; height: 570px; float: left; padding: 0;}
#sectionConteiner div#video-izq ul#videos{width: 634px; margin: 0 0 0 5px; display: block;}
#sectionConteiner div#video-izq ul#videos-nail-art{width: 634px; margin: 0 0 0 5px; display: block;}
#sectionConteiner div#video-izq li.videol{position: relative; float: left; width: 135px; height: 170px; margin: 8px 2px}
#sectionConteiner div#video-izq li.videol a{position: absolute; top: 0; left: 0; display: block; width: 135px; height: 124px; background: url(/images/maquillaje/play-small.png) 4px 75% no-repeat; text-decoration: none; -webkit-transition:color .25s linear,background-color .25s linear,border-color .25s linear;-moz-transition:color .25s linear, background-color .25s linear,border-color .25s linear}
#sectionConteiner div#video-izq li.videol a:hover{background: url(/images/maquillaje/play.png) 50% 50% no-repeat #000;-webkit-transition:color .25s linear,background-color .25s linear,border-color .25s linear;-moz-transition:color .25s linear, background-color .25s linear,border-color .25s linear}
#sectionConteiner div#video-izq li.videol img{display: block; width: 135px; height: 124px; margin: 0 0 5px }
#sectionConteiner div#video-izq li.videol p{display: block; color: #fff; font: 13px/13px 'futura_bk_btbook', Arial; text-transform: uppercase; text-align: center}
#sectionConteiner div#video-izq li.videol p strong {font-weight: normal; color: #da0054; }
#sectionConteiner div#video-izq ul#videos-nail-art li.videol p{color: #010101; font: 14px/14px 'futura_md_btmedium', Arial }
#sectionConteiner div#video-izq ul#videos-nail-art li.videol p strong {font-weight: normal; color: #e37331;}
#sectionConteiner div#video-der{background:url(/images/maquillaje/bg-tips.jpg) top no-repeat; float: left; width: 738px; height: 209px; cursor: pointer;padding: 0;}
#sectionConteiner div#video-der div#principal {display:block; width: 100%; height: 100%;}
#sectionConteiner div#video-der div#principal iframe{margin: 0px 10px; border: 1px solid #000000;}

#contenedor{ position: relative; width:728px; margin: 0 }
#contenedor .title { display: none }
.galeria { width:634px !important; margin: 0 auto !important }
.galeria li.videol { margin: 18px 12px 0 !important }
.galeria2 { margin: 190px 0 0 22px !important }
.prev,
.next,
.prev2,
.next2 { position: absolute; top: 60px; width: 18px; height: 34px; display: block; cursor: pointer; overflow: hidden; z-index: 100 }
.prev,
.prev2 { left: 17px }
.next,
.next2 { right: 15px }
.prev img,
.next img,
.prev2 img,
.next2 img { width: 18px !important; height: 34px !important }
.next.disabled, .prev.disabled {visibility: hidden}

#sectionConteiner img.gtl{float: right; width: 330px; height: 435px; cursor: pointer;}
#sectionConteiner img{cursor: pointer; float: left; height: 435px; width: 480px;}
#getTheLookHome img {cursor: pointer;}
#pequenosTipsHome img {cursor: pointer;}
#pageContent #opConteiner {height: 82px; width: 960px;}
#pageContent #opConteiner .option {cursor: pointer; float: left; height: 73px; margin-right: 16px; width: 228px;}
#pageContent #opConteiner #gtlOp {background: url("/images/maquillaje/tips/gtlOption.png") repeat scroll 0 0 transparent;}
#pageContent #opConteiner #ptOp {background: url("/images/maquillaje/tips/ptOption.png") repeat scroll 0 0 transparent;}
.sectionPage {width: 960px;}
.sectionPage #faceImg {float: left;}
.sectionPage #infoConteiner {border: 2px solid white; float: left; height: 505px; margin-left: 5px; padding: 10px; width: 610px;}
.sectionPage #infoConteiner .title {color: #9D8653; font-family: "HelveticaNeueR"; font-size: 20px; margin-top: 16px;}
.sectionPage #infoConteiner .line {background: none repeat scroll 0 0 #565656; height: 1px; margin: 5px 0 15px; width: 605px;}
.sectionPage #infoConteiner .subtitle {color: #CBCBCB; font-family: "HelveticaNeueBold"; font-size: 14px;}
.sectionPage #infoConteiner .text {color: #CBCBCB; font-family: "HelveticaNeueMedium"; font-size: 13px; margin-top: 5px;}
.sectionPage #infoConteiner #btnColumn {float: left; height: 361px; margin-right: 12px; margin-top: 20px; width: 165px;}
.sectionPage #infoConteiner #btnColumn .btn {cursor: pointer; height: 75px; margin: auto auto 20px; width: 157px;}
#btnRostro {background: url("/images/maquillaje/tips/rostroBtn.png") repeat scroll 0 0 transparent;}
#btnLabios {background: url("/images/maquillaje/tips/labiosBtn.png") repeat scroll 0 0 transparent;}
#btnOjos {background: url("/images/maquillaje/tips/ojosBtn.png") repeat scroll 0 0 transparent;}
#btnUnas {background: url("/images/maquillaje/tips/unasbtn.png") repeat scroll 0 0 transparent;}
.sectionPage #infoConteiner .questColumn {background: url("/images/maquillaje/tips/columnsBk.png") repeat scroll 0 0 transparent; float: left;height: 361px; margin-right: 12px; margin-top: 20px; width: 193px;}
.sectionPage #infoConteiner .questColumn .questConteiner .quest .text {color: #878787; float: left; font-family: 'HelveticaNeueMedium'; font-size: 12px; padding-left: 8px; padding-right: 10px; width: 158px;}
.sectionPage #infoConteiner .questColumn .questConteiner .quest {cursor: pointer; padding: 5px 0; width: 196px;}
#btnRostro {background-position: 157px 0;}
.sectionPage #infoConteiner .questColumn .questConteiner .questSel {padding: 5px 0; width: 196px;}
.sectionPage #infoConteiner .questColumn .questConteiner .quest .questArrows {background: url("/images/maquillaje/tips/questArrows.png") repeat scroll 0 14px transparent; float: left; height: 14px; margin-top: 4px; width: 16px;}
.sectionPage #infoConteiner .questColumn .questConteiner .quest .points {background: url("/images/maquillaje/tips/points.png") repeat scroll 0 0 transparent; float: left; height: 1px; margin: 7px 8px; width: 180px;}
.sectionPage #infoConteiner .questColumn .questConteiner .questSel .points {background: url("/images/maquillaje/tips/points.png") repeat scroll 0 0 transparent; float: left; height: 1px; margin: 7px 8px; width: 180px;}
.sectionPage #infoConteiner .questColumn .questConteiner .questSel .questArrows {background: url("/images/maquillaje/tips/questArrows.png") repeat scroll 0 -1px transparent; float: left; height: 14px; margin-top: 4px; width: 16px;}
.sectionPage #infoConteiner .questColumn .questConteiner .questSel .text {color: #BD9555; float: left; font-family: 'HelveticaNeueMedium'; font-size: 12px; padding-left: 8px; padding-right: 10px; width: 158px;}
.sectionPage #infoConteiner .textColumn {background: url("/images/maquillaje/tips/columnsBk.png") repeat scroll 0 0 transparent; color: #E4E4E4; float: left; font-family: "HelveticaNeueMedium"; height: 341px; margin-top: 20px; padding: 10px; width: 173px;}
.resp {color: #E4E4E4; display: none; font-family: "HelveticaNeueMedium"; font-size: 12px;}
.gtlFamousImg {cursor: pointer; margin:0 8px; opacity: 0.5;}
#gtlFamousImgSel {opacity: 1;}
#gtlConteiner {background-color: #f0f0f0; height: 593px; width: 960px;}
#gtlConteiner .gtlInfo {display: none;}
#gtlConteiner .gtlInfo .column1 {float: left; width: 485px;}
#gtlConteiner .gtlInfo .column1 img {margin: 20px 0 0 20px;}
#gtlConteiner .gtlInfo .column2 {float: left; padding: 20px; width: 420px;}
#gtlConteiner .gtlInfo .column2 .title {color: #9D8653; font-family: 'HelveticaNeueThin'; font-size: 28px;}
#gtlConteiner .gtlInfo .column2 .text {color: #353535; font-family: 'TahomaRegular'; font-size: 11px;}
#gtlConteiner .gtlInfo .column2  .prodimg {width:465px;}
#gtlConteiner .gtlInfo .column2  .spacer {width:434px; height:460px; /*display:none*/;}
#gtlConteiner .gtlInfo .column2  .prodimg .label{width:100px; height:100px; position: absolute;}
#scrollbar1 {height: 336px; margin: 0 0 10px; width: 202px;}
#scrollbar1 .viewport {height: 336px; overflow: hidden; position: relative; width: 160px;}
#scrollbar1 .overview {left: 0; list-style: none outside none; margin: 0; padding: 0; position: absolute; top: 0;}
#scrollbar1 .scrollbar {background: none repeat scroll 0 0 #3A3A3A; float: right; margin-top: -10px; position: relative; width: 11px;}
#scrollbar1 .track {height: 100%; padding: 0 1px; position: relative; width: 13px;}
#scrollbar1 .thumb {background: none repeat scroll 0 0 #FFFFFF; cursor: pointer; height: 20px; left: 1px; overflow: hidden; position: absolute; top: 0; width: 9px;}
#scrollbar1 .thumb .end {background: url("/images/maquillaje/tips/bg-scrollbar-thumb-y.png") no-repeat scroll 50% 0 transparent; height: 5px; overflow: hidden; width: 25px;}
#scrollbar1 .disable {display: none;}
#scrollbar2 {height: 336px; margin: 0 0 10px; width: 202px;}
#scrollbar2 .viewport {height: 336px; overflow: hidden; position: relative; width: 160px;}
#scrollbar2 .overview {left: 0; list-style: none outside none; margin: 0; padding: 0; position: absolute; top: 0;}
#scrollbar2 .scrollbar {background: none repeat scroll 0 0 #3A3A3A; float: right; margin-top: -10px; position: relative; width: 11px;}
#scrollbar2 .track {height: 100%; padding: 0 1px; position: relative; width: 13px;}
#scrollbar2 .thumb {background: none repeat scroll 0 0 #FFFFFF; cursor: pointer; height: 20px; left: 1px; overflow: hidden; position: absolute; top: 0; width: 9px;}
#scrollbar2 .thumb .end {background: url("/images/maquillaje/tips/bg-scrollbar-thumb-y.png") no-repeat scroll 50% 0 transparent; height: 5px;overflow: hidden; width: 25px;}
#scrollbar2 .disable {display: none;}
#scrollbar3 {margin: 0px 0 10px; width: 968px;height:auto;}
#scrollbar3 .viewport {border: 2px solid white; overflow: hidden; position: relative; width: 956px;}
#scrollbar3 .overview {left: 0; margin: 0; padding-top: 8px; position: absolute; top: 0; width: 1500px;}
#scrollbar3 .viewport-cons-maq {border: 2px solid white; overflow: hidden;  width: 956px;height:148px; height:auto; }
#scrollbar3 .overview-cons-maq {left: 0; margin: 0; padding-top: 8px;  top: 0; width: 1629px;height:148px; overflow:hidden;}
#scrollbar3 .scrollbar {background: none repeat scroll 0 0 #3A3A3A; clear: both; height: 12px; margin: 0 0 5px 6px; position: relative; top: 144px; width: 948px !important; z-index: 1;}
#scrollbar3 .track {background: none repeat scroll 0 0 #3A3A3A; height: 12px; overflow: hidden; position: relative; width: 948px !important;}
#scrollbar3 .thumb {background: none repeat scroll 0 0 white; cursor: pointer; height: 12px; left: 0; overflow: hidden; position: absolute; top: 0;}
#scrollbar3 .thumb .end {background: none repeat scroll 0 0 white; height: 25px; overflow: hidden; width: 39px;}
#scrollbar3 .disable {display: none;}