/* Style reset ---------------------------------------------------------- */
*{margin:0; padding:0; border:0; outline:none;}
a{outline:none; text-decoration:none;}
a:hover{outline:none; text-decoration:underline;}
a img{border:0;}
ul{list-style:none; list-style-position:outside}
abbr{border:0;}

/* ------------------------------------------------------------------------------- 
	GENERAL
------------------------------------------------------------------------------- */
body{background:#fff url(img/bg-body.gif) fixed; font:.75em/1.2 Arial,Helvetica,sans-serif; color:#555555;}
body.ventana{background:#fff;}

/* ------------------------------------------------------------------------------- 
	BASIC STYLES
------------------------------------------------------------------------------- */
.right{text-align:right;}
.left{text-align:left;}
.center{text-align:center;}

.fright{float:right;}
.fleft{float:left;}
.nofloat{float:none;}

.cleft{clear:left;}
.cright{clear:right;}
.cboth{clear:both;}

.structural{position:absolute; top:-800em; left:-800em;}
.hidden{display:none;}

.clearfix:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.clearfix{display:inline-block;}
html[xmlns] .clearfix{display: block;}
* html .clearfix {height:1%;}

/* =blocks */
.block-710{width:710px;}
.block-700{width:700px;}
.block-620{width:620px;}
.block-540{width:540px;}
.block-490{width:490px;}
.block-470{width:470px;}
.block-450{width:450px;}
.block-380{width:380px;}
.block-360{width:360px;}
.block-335{width:335px;}
.block-300{width:300px;}
.block-290{width:290px;}
.block-280{width:280px;}
.block-260{width:260px;}
.block-220{width:220px;}
.block-190{width:190px;}
.block-140{width:140px;}
.block-80{width:80px;}

/* =stars */
.stars0, .stars1, .stars2, .stars3, .stars4, .stars5{margin:0 0 6px 0; width:82px; height:13px; overflow:hidden; background:url(img/stars.gif) no-repeat; text-indent:-9999px;}
.stars1{background-position:0 -13px;}
.stars2{background-position:0 -26px;}
.stars3{background-position:0 -39px;}
.stars4{background-position:0 -52px;}
.stars5{background-position:0 -65px;}


/* = lineas de productos */
.linea{padding:12px 0 0 0;}
.linea.corporal{background:url(img/ico-linea-corporal.gif) no-repeat;}
.linea.capilar{background:url(img/ico-linea-capilar.gif) no-repeat;}
.linea.facial{background:url(img/ico-linea-facial.gif) no-repeat;}
.linea.ginecologica{background:url(img/ico-linea-ginecologica.gif) no-repeat;}
.linea.itopik{background:url(img/ico-linea-itopik.gif) no-repeat;}
.linea.masaje{background:url(img/ico-linea-masaje.gif) no-repeat;}
.linea p{padding:0 0 15px 0;}
.linea p a{text-transform:uppercase; color:#000; font-size:.93em; letter-spacing:-.02em;}
.linea p a:hover{text-decoration:none; color:#555;}
.linea.corporal p a:hover{color:#6ec8df;}
.linea.capilar p a:hover{color:#864dbe;}
.linea.facial p a:hover{color:#ac9e93;}
.linea.ginecologica p a:hover{color:#f16781;}
.linea.itopik p a:hover{color:#f5aa01;}
.linea.masaje p a:hover{color:#82C05B;}
.linea ul{border-top:2px solid #000;}
.linea li{float:none; padding:2px 0; border-bottom:1px solid #000;}
.linea li a{float:none; padding:0; text-transform:none; color:#000; font-size:.9em; letter-spacing:normal;}
.linea li a:hover{background:none; color:#555; text-decoration:none;}
.linea.corporal ul a:hover{color:#6ec8df;}
.linea.capilar ul a:hover{color:#864dbe;}
.linea.facial ul a:hover{color:#ac9e93;}
.linea.ginecologica ul a:hover{color:#f16781;}
.linea.itopik ul a:hover{color:#f5aa01;}
.linea.masaje ul a:hover{color:#82C05B;}

ul.lista{padding:0 0 20px 30px; list-style:circle;}
ul.lista ul{padding:0 0 10px 30px; list-style:circle;}
ul.lista li{padding:3px 0;}

/* =links */
a.normal-link{color:#cc092f;}

/* ------------------------------------------------------------------------------- 
	DIVS
------------------------------------------------------------------------------- */
/* =container ----------------------------------------------- */
#container{margin:0 auto; width:980px; padding:30px 0; background:#fff; position:relative;}

/* =heading ------------------------------------------------- */
#hiddenNav{position:absolute; top:-9999px; left:-9999px;}

/* =heading ------------------------------------------------- */
#heading{margin:0 20px 30px 20px; width:940px; border-bottom:4px solid #000; position:relative;}
#heading .logo a{position:absolute; top:0; left:0; display:block; width:90px; height:120px; color:#000; text-align:center; font-size:2.3em; text-transform:uppercase;}
#heading .logo a span{position:absolute; width:100%; height:100%; top:0; left:0; background:#fff url(img/logo-idoki.gif) no-repeat; z-index:100;}

/* =menu ---------------------------------------------------- */
/* =promociones */
#menu #promociones{ position:absolute; top:63px; left:306px;}
#menu #promociones p{padding:3px 0 0;}
#menu #promociones p a{float:left; padding:2px 6px 3px 6px; color:#fff; background:#000; text-transform:uppercase; font-size:.8em; letter-spacing:-.02em; margin-right:5px;}
#menu #promociones p a:hover{color:#fff; background:#555; text-decoration:none;}

/* =contacto */
#menu #contacto{width:700px; float:right; margin:0 0 35px 0; font-size:.9em;}
#menu #contacto p{float:left;}
#menu #contacto p.puntos-venta{width:210px; padding:3px 0 4px 40px; background:url(img/bg-puntos-venta.gif) no-repeat;}
#menu #contacto p.puntos-venta a{color:#555; font-weight:bold;}
#menu #contacto p.puntos-venta a:hover{color:#000; text-decoration:none;}
#menu #contacto p.telefono{width:190px; padding:3px 0 4px 40px; background:url(img/bg-contact-phone.gif) no-repeat;}
#menu #contacto p.email{width:180px; padding:3px 0 4px 40px; background:url(img/bg-contact-mail.gif) no-repeat;}
#menu #contacto p.email a{color:#555; font-weight:bold;}
#menu #contacto p.email a:hover{color:#000; text-decoration:none;}

/* =idiomas */
#menu #languages{ position:absolute; top:68px; left:240px; font-size:.9em;}
#menu #languages li{float:left; margin:0 10px 0 0; padding:0 10px 0 0; background:url(img/sep-menu.gif) no-repeat right center;}
#menu #languages li.last{}
#menu #languages li.selected a{font-weight:bold;}
#menu #languages li a{color:#555;}

/* =usuario */
#menu #user{clear:both; float:right; margin:0 0 8px 0; font-size:.9em;}
#menu #user li{float:left; margin:0 10px 0 0; padding:0 11px 0 0; background:url(img/sep-menu.gif) no-repeat right center;}
#menu #user li.compra{padding:0 0 0 17px; background:url(img/ico-carrito.gif) no-repeat;}
#menu #user li a{color:#555;}

/* =secciones-principales */
#menu #sections{clear:both; width:710px; float:right; border-top:1px solid #000; margin:0 0 13px; padding:13px 0 10px 0;}
#menu #sections ul{margin:0 0 0 5px;}
#menu #sections li{float:left;}
#menu #sections li a{float:left; padding:5px 6px 6px 6px; text-transform:uppercase; color:#000; font-size:.93em; letter-spacing:-.02em;}
#menu #sections li a.expandible{padding:5px 19px 6px 6px; background:url(img/ico-expand.gif) no-repeat right center;}
#menu #sections li a.opened{padding:5px 19px 6px 6px; background:url(img/ico-retract.gif) no-repeat right center;}
#menu #sections li a:hover{text-decoration:none; background:#000; color:#fff;}
#menu #sections li a.expandible:hover{background:#000 url(img/ico-expand.gif) no-repeat right center;}
#menu #sections li a.opened:hover{background:#000 url(img/ico-retract.gif) no-repeat right center;}

/* =submenus-expandibles */
#menu #sections .subsection{position:relative; margin:55px 0 0 10px;}
#menu #sections .subsection-inner{display:none;}
#menu #sections .subsection a.cerrar{position:absolute; right:0; bottom:-10px; padding:4px 24px 5px 6px; background:#000 url(img/ico-cerrar.gif) no-repeat right center; font-size:.8em; text-transform:uppercase; color:#fff;}
#menu #sections .subsection a.cerrar:hover{background:#555 url(img/ico-cerrar.gif) no-repeat right center; text-decoration:none;}

/* =idoki */
#menu #sections #sec-idoki{width:940px; height:200px; margin-left:-230px;}
#menu #sections #sec-idoki ul li{float:left; display:inline; margin:0 20px 0 0;}
#menu #sections #sec-idoki ul li.last{margin:0;}
#menu #sections #sec-idoki ul li a{float:left; cursor:pointer; display:inline; width:172px; height:172px; background-color:#000; color:#fff; font-size:1em; text-transform:uppercase; position:relative;}
#menu #sections #sec-idoki ul li a.idoki{background:#000 url(img/bg-idoki-idoki-m.jpg) no-repeat;}
#menu #sections #sec-idoki ul li a.nuestros-valores{background:#000 url(img/bg-idoki-nuestros-valores-m.jpg) no-repeat;}
#menu #sections #sec-idoki ul li a.investigacion{background:#000 url(img/bg-idoki-investigacion-m.jpg) no-repeat;}
#menu #sections #sec-idoki ul li a.sostenibilidad{background:#000 url(img/bg-idoki-sostenibilidad-m.jpg) no-repeat;}
#menu #sections #sec-idoki ul li a.cosas-importantes{background:#000 url(img/bg-idoki-cosas-importantes-m.jpg) no-repeat;}
#menu #sections #sec-idoki ul li a span{display:block; padding:134px 40px 10px 10px;}
#menu #sections #sec-idoki ul li em{display:block; position:absolute; top:0; left:0; width:172px; height:172px; background:none;}
#menu #sections #sec-idoki ul li a:hover{text-decoration:none;}
#menu #sections #sec-idoki ul li a:hover em{background:#000; opacity:.2; filter:alpha(opacity=20);}

/* =productos */
#menu #sections #sec-productos{height:298px;}
#menu #sections #sec-productos .linea{width:160px; float:left; margin:0 20px 0 0; display:inline;}
#menu #sections .subsection ul{margin:0;}
#menu #sections .subsection li{float:none;}
#menu #sections .subsection li a{float:none; padding:0; text-transform:none; letter-spacing:normal;}
#menu #sections .subsection li a:hover{background:none; color:#555;}
#menu #sections .subsection .linea.corporal ul a:hover{color:#6ec8df;}
#menu #sections .subsection .capilar ul a:hover{color:#864dbe;}
#menu #sections .subsection .facial ul a:hover{color:#ac9e93;}
#menu #sections .subsection .ginecologica ul a:hover{color:#f16781;}
#menu #sections .subsection .itopik ul a:hover{color:#f5aa01;}
#menu #sections .subsection .masaje ul a:hover{color:#82C05B;}
#menu #sections #sec-productos .last{margin:0;}
#menu #sections #sec-productos .facial{margin:0 0 20px 0;}
#menu #sections #sec-productos .itopik{margin:0 0 20px 0;}
#menu #sections #sec-productos .grupofamilias{width:180px;display:inline;float:left;}
#menu #sections .subsection #producto-actual{position:absolute; top:0; left:-240px; width:220px;}
#menu #sections .subsection #producto-actual .img{width:220px; height:220px; background:url(img/sombra-productos-l.gif) no-repeat;}
#menu #sections .subsection #producto-actual .loading{background:url(img/loading.gif) no-repeat center center;}
#menu #sections .subsection #producto-actual .valoracion{width:100px; float:left;}
#menu #sections .subsection #producto-actual .precio{width:100px; float:right; text-align:right;}
#menu #sections .subsection #producto-actual p{padding:0;}
#menu #sections .subsection #producto-actual p.opiniones,#menu #sections .subsection #producto-actual p.iva{font-size:.9em; color:#999;}
#menu #sections .subsection #producto-actual p.opiniones strong{color:#555;}
#menu #sections .subsection #producto-actual p.valor{color:#000; font-weight:bold; font-size:1.1em;}

/* =ficha de producto */
#ficha-producto .corporal h1{color:#6ec8df;}
#ficha-producto .capilar h1{color:#864dbe;}
#ficha-producto .facial h1{color:#ac9e93;}
#ficha-producto .ginecologica h1{color:#f16781;}
#ficha-producto .itopik h1{color:#f5aa01;}
#ficha-producto .masaje h1{color:#82C05B;}
#ficha-producto .producto.block-540 p.cn{margin:0 0 10px 0; color:#000; font-size:.95em; line-height:1.1;}
#ficha-producto .producto.block-540 p.claim{font-size:2em; margin:0 0 20px 0;}
#ficha-producto .producto.block-540 p.linea{clear:both; margin:0 0 25px 0; padding:3px 0 2px 0; font-size:1.2em;}
#ficha-producto .producto.block-540 p.intro{margin:0 0 25px 0; line-height:1.6}

#ficha-producto .producto.block-540 .detalles{height:160px;}
#ficha-producto .producto.block-540 .detalles div{float:right;}
#ficha-producto .producto.block-540 select{width:145px; margin:0 0 10px 0; padding:1px 1px 1px 2px; background:#fff; font-size:.9em; border:1px solid #7e9db9;}
#ficha-producto .producto.block-540 p.precio{text-align:right; margin:0 0 15px 0;}
#ficha-producto .producto.block-540 p.precio strong{font-size:2em; line-height:1em;}
#ficha-producto .producto.block-540 p.precio span{display:block; margin:10px 0 0 0; font-size:1.1em;}
#ficha-producto .producto.block-540 .valoracion{padding:0 0 10px 0;}
#ficha-producto .producto.block-540 .valoracion p{float:left;  display:inline;}
#ficha-producto .producto.block-540 .valoracion p.opiniones{margin:0 10px 0 0; font-size:.9em;}
#ficha-producto .producto.block-540 .social p{float:left; font-size:.9em;}
#ficha-producto .producto.block-540 .social ul{float:left;}
#ficha-producto .producto.block-540 .social ul li{float:left;}
#ficha-producto .producto.block-540 .social ul li.facebook,#ficha-producto .producto.block-540 .social ul li.twitter{padding:0 0 0 8px;}
#ficha-producto .producto.block-540 .social ul li.facebook a,#ficha-producto .producto.block-540 .social ul li.twitter a{float:left; display:block; width:16px; height:16px; overflow:hidden; text-indent:-999px;}

#ficha-producto.ventana-flotante{width:820px; padding:60px 0 30px 0;}
#ficha-producto.ventana-flotante .img{margin:0 30px 0 10px; display:inline; width:220px; height:220px; background:url(img/sombra-productos-l.gif) no-repeat;}
#ficha-producto.ventana-flotante .producto.block-540 p.cn{margin:0 0 5px 0;}
#ficha-producto.ventana-flotante .producto.block-540 h1{font-size:1.6em; padding:0 0 10px 0;}
#ficha-producto.ventana-flotante .producto.block-540 p.claim{font-size:1.6em; margin:0 0 10px 0; text-transform:uppercase; color:#000;}
#ficha-producto.ventana-flotante .producto.block-540 p.linea{margin:0 0 15px 0; padding:3px 0; font-size:1em; text-transform:uppercase; border-top:1px solid #000; border-bottom:1px solid #000;}
#ficha-producto.ventana-flotante .corporal p.linea a{color:#6ec8df;}
#ficha-producto.ventana-flotante .capilar p.linea a{color:#864dbe;}
#ficha-producto.ventana-flotante .facial p.linea a{color:#ac9e93;}
#ficha-producto.ventana-flotante .ginecologica p.linea a{color:#f16781;}
#ficha-producto.ventana-flotante .itopik p.linea a{color:#f5aa01;}
#ficha-producto.ventana-flotante .masaje p.linea a{color:#82C05B;}
#ficha-producto.ventana-flotante  p.linea a:hover{color:#555; text-decoration:none;}
#ficha-producto.ventana-flotante .producto.block-540 .detalles{height:130px;}
#ficha-producto.ventana-flotante .producto.block-540 .valoracion{padding:0;}
#ficha-producto.ventana-flotante .producto.block-540 p.precio strong{font-size:1.6em; color:#000;}
#ficha-producto .producto.block-540 p.precio span{margin:0; color:#999;}
#ficha-producto.ventana-flotante  #acciones a{padding-bottom: 9px;}
#articulo-compra.ventana-flotante  #acciones a{padding-bottom: 8px;}

/* =footer -------------------------------------------------------- */
#footer{clear:both; margin:0 20px; padding:10px 0 0 0; border-top:4px solid #000; color:#999; font-size:.9em;}
#footer #footlinks{float:left;}
#footer #footlinks p{float:left; padding:2px 0 0 0;}
#footer #footlinks ul{float:left;}
#footer #footlinks ul li{float:left; margin:0 0 0 7px; padding:2px 0 0 8px; background:url(img/sep-footer.gif) no-repeat;}
#footer #footlinks ul li.first{background:none;margin-left:0; padding-left:0;}
#footer #footlinks ul li a{color:#999;}
#footer #footlinks ul li a:hover{color:#555; text-decoration:none;}
#footer #footlinks ul li.facebook,#footer #footlinks ul li.twitter,#footer #footlinks ul li.tuenti{padding:0 0 0 8px;}
#footer #footlinks ul li.facebook a,#footer #footlinks ul li.twitter a,#footer #footlinks ul li.tuenti a{float:left; display:block; width:16px; height:16px; overflow:hidden; text-indent:-999px;}
#footer #footlinks ul li.facebook a{background:url(img/logo-facebook.gif) no-repeat 0 -16px;}
#footer #footlinks ul li.twitter a{background:url(img/logo-twitter.gif) no-repeat 0 -16px;}
#footer #footlinks ul li.tuenti a{background:url(img/logo-tuenti.gif) no-repeat 0 -16px;}
#footer #footlinks ul li.facebook a:hover,#footer #footlinks ul li.twitter a:hover,#footer #footlinks ul li.tuenti a:hover{background-position:0 0;}
#footer #footlinks p.profesionales{clear:both; padding:10px 0 0 0;}
#footer #footlinks p.profesionales a{float:left; padding:3px 17px 3px 7px; background:url(img/ico-forward.gif) no-repeat right center; border:1px solid #ccc; color:#999; font-size:.9em; text-transform:uppercase;}
#footer #footlinks p.profesionales a:hover{color:#555; border-color:#999; text-decoration:none;}
#footer .copyright{clear:right;display:block;float:right;margin-top:15px;}
#footer .claim{float:right; color:#000; text-transform:uppercase;}

.sellos{clear:both; padding:10px 0 0; text-align:center;}

/* =content ------------------------------------------------------- */
#content{margin:0 20px; padding:0 0 100px 0; line-height:1.45;}
h1{padding:0 0 20px 0; color:#000; font-size:2em; text-transform:uppercase; line-height:1.1;}
#content h2{padding:3px 0 15px 0; border-top:4px solid #000; color:#000; font-size:1.05em; text-transform:uppercase;}
#content h2 span{color:#999; text-transform:none;}
#content h2.margin{margin-top:20px;}

#content p{padding:0 0 15px 0;}
#content p.intro{font-size:1.2em}

#content p.solicitar-muestra{text-align:center;}
#content p.solicitar-muestra a{display:block; width:120px; height:120px; overflow:hidden; background:#999 url(img/bg-solicita-muestra.gif) no-repeat; text-transform:uppercase; font-size:1.1em; color:#fff; line-height:1.2;}
#content p.solicitar-muestra a:hover{background:#555 url(img/bg-solicita-muestra.gif) no-repeat 0 -120px; text-decoration:none;}
#content p.solicitar-muestra a span{display:block; padding:35px 0 0 5px;}
#content p.solicitar-muestra a em{font-style:normal;}

/* =breadcrumbs --------------------------------------------------- */
#breadcrumbs{margin:0 0 30px 0; color:#000; font-size:.9em;}
#breadcrumbs ul{float:left; display:inline;}
#breadcrumbs li{float:left; display:inline; }
#breadcrumbs li a{float:left; margin:0 10px 0 0; padding:3px 11px 3px 0; background:url(img/sep-breadcrumbs.gif) no-repeat right 0; color:#555;}
#breadcrumbs li a:hover{color:#000; text-decoration:none;}
#breadcrumbs li span{float:left; padding:3px 11px 3px 0;}

/* =productos ------------------------------------------------------ */
#content a{color:#000;}
#content .productos{margin:0 0 25px 0;}
#content .producto .img{float:left; position:relative;}
#content .producto .img a.vista-previa{display:none; position:absolute; left:50%; top:50%; margin:-10px 0 0 -38px; padding:2px 10px 3px 10px; color:#ccc; background:#000; font-size:.9em;}
#content .producto .img a.vista-previa:hover{text-decoration:none;}
#content .producto .txt{float:right;}
#content .producto p{padding:0;}
#content .producto p.cn{margin:0 0 4px 0; color:#000; font-size:.8em;}
#content .producto h3{text-transform:uppercase; line-height:1.1;}
#content .producto p.claim{text-transform:uppercase; line-height:1.1; color:#000;}
#content .producto p.linea{padding:2px 0; border:1px solid #000; border-left:0; border-right:0; text-transform:uppercase;}
#content .producto p.precio{font-size:.9em; color:#999;}
#content .producto p.precio strong{padding:0 3px 0 0; font-size:1.2em; color:#000;}
#content .producto .opinion p.autor{font-size:.9em; color:#999;}

#content .producto.block-300{margin:0 0 40px 0;}
#content .producto.block-300 .img{width:140px; background:url(img/sombra-productos-m.gif) no-repeat;}
#content .producto.block-300 .txt{width:150px;}
#content .producto.block-300 h3{font-size:1.1em; margin:0 0 7px 0;}
#content .producto.block-300 p.claim{font-size:1.1em; margin:0 0 7px 0;}
#content .producto.block-300 p.linea{font-size:.9em; margin:0 0 10px 0;}
#content .producto.block-300 p.precio{margin:0 0 10px 0;}

#content .producto.block-280{margin:0 0 15px 0; padding:0 0 15px; border-bottom:1px solid #ccc;}
#content .producto.block-280 .img{width:80px; background:url(img/sombra-productos-s.gif) no-repeat;}
#content .producto.block-280 .txt{width:190px;}
#content .producto.block-280 h3{font-size:.95em; margin:0 0 7px 0;}

#content .producto.block-280 .consulta{margin-left:10px;}
#content .producto.block-280 .img-consulta{margin-right:10px; margin-bottom:10px;}
#content .producto.block-280 .consulta .autor{padding-top:1px; color:#999; font-size:.9em;}
#content .producto.block-280 .consulta .pregunta{margin:0 0 5px 0; color:#000; font-weight:bold;}
#content .producto.block-280 .consulta .respuesta{padding:11px 10px 10px 10px; background:#ededed url(img/bg-respuesta.gif) no-repeat;}
#content .producto.block-280 .consulta .respuesta blockquote.txt{float:none; width: 250px;}
#content .producto.block-280 .consulta .respuesta blockquote.txt span a{color:#cc092f; font-size:.9em;}

#content .producto.block-280{margin:0 0 15px 0; padding:0 0 15px; border-bottom:1px solid #ccc;}
#content .producto.block-280 .img{width:80px; background:url(img/sombra-productos-s.gif) no-repeat;}
#content .producto.block-280 .txt{width:190px;}
#content .producto.block-280 h3{font-size:.95em; margin:0 0 7px 0;}

#content .producto.corporal a{color:#6ec8df;}
#content .producto.capilar a{color:#864dbe;}
#content .producto.facial a{color:#ac9e93;}
#content .producto.ginecologica a{color:#f16781;}
#content .producto.itopik a{color:#f5aa01;}
#content .producto.masaje a{color:#82C05B;}
#content .producto a:hover{color:#555; text-decoration:none;}
#content .producto p.mas a{color:#999;}

#content p.mas a{float:left; padding:2px 5px 3px 5px; border:1px solid #ccc; color:#999; font-size:.8em; text-transform:uppercase; line-height:1.1;}
#content p.mas a:hover{color:#555; border-color:#999; text-decoration:none;}
#content p.mas.oscuro a{float:right; padding:4px 5px; border:0; color:#fff; background:#000;}
#content p.mas.oscuro a:hover{color:#fff; background:#555;}
#content p.mas.medio a{padding:4px 5px; border:0; color:#fff; background:#ccc;}
#content p.mas.medio a:hover{color:#fff; background:#555;}

#content div.principio-activo{margin:0 0 15px 0; padding:0; border:0; width:165px; float:left;}
#content div.principio-activo img{float:left; display:inline; margin:0 5px 0 0;}
#content div.principio-activo div{float:right; width:85px; padding:10px 0 0 0; border:0;}
#content div.principio-activo p.nombre{margin:0; padding:0 0 3px 0; color:#000; text-transform:uppercase;}
#content div.principio-activo p.nombre span{padding:0 7px 0 0; background:url(img/bg-principio-activo.gif) no-repeat right 2px;}
#content div.principio-activo p.nombre a{color:#000;}
#content div.principio-activo p.nombre a:hover{color:#555; text-decoration:none;}
#content div.principio-activo p.propiedades{font-size:.9em; clear:both;}


/* =lateral */
#content .hablamos{margin:0 0 50px 0;}
#content .cuentanos{margin:0 0 0 0;}

#content ul.dos-columnas{margin:0 0 15px 0; border-top:1px solid #ccc;}
#content ul.dos-columnas li{float:left; border-bottom:1px solid #ccc;}
#content ul.dos-columnas li a{float:left; padding:3px 6px 3px 11px; background:url(img/bul-li.gif) no-repeat 0 center; color:#555;}
#content ul.dos-columnas li a:hover{color:#000; text-decoration:none;}
#content .block-280 ul.dos-columnas li{width:140px;}


/* =paginaciones */
#content .paginacion{}
#content .paginacion li{float:left; display:inline; margin:0 3px 0 0; font:.85em Tahoma,Verdana,Arial,Helvetica,sans-serif; text-transform:uppercase;}
#content .paginacion li a{float:left; padding:2px 7px; border:1px solid #ccc; color:#999;}
#content .producto .paginacion li a{color:#999;}
#content .paginacion li.prev a{padding:2px 7px 2px 18px; background:url(img/ico-back.gif) no-repeat 7px center;}
#content .paginacion li.next a{padding:2px 18px 2px 7px; background:url(img/ico-forward.gif) no-repeat right center;}
#content .paginacion li a:hover{border:1px solid #999; color:#555;}
#content .paginacion li a.selected{background:#f7f7f7; border:1px solid #555; color:#000; font-weight:bold;}

/* =social */
#content .social{float:right;}
#content .social p{float:left; font-size:.9em;}
#content .social ul{float:left;}
#content .social ul li{float:left;}
#content .social ul li.facebook,#content .social ul li.twitter,#content .social ul li.tuenti{padding:0 0 0 8px;}
#content .social ul li.facebook a,#content .social ul li.twitter a,#content .social ul li.tuenti a{float:left; display:block; width:16px; height:16px; overflow:hidden; text-indent:-999px;}
#content .social ul li.facebook a{background:url(img/logo-facebook.gif) no-repeat 0 -16px;}
#content .social ul li.twitter a{background:url(img/logo-twitter.gif) no-repeat 0 -16px;}
#content .social ul li.tuenti a{background:url(img/logo-tuenti.gif) no-repeat 0 -16px;}
#content .social ul li.facebook a:hover,#content .social ul li.twitter a:hover,#content .social ul li.tuenti a:hover{background-position:0 0;}

#fancybox-inner .social{float:right;}
#fancybox-inner .social p{float:left; font-size:.9em;}
#fancybox-inner .social ul{float:left;}
#fancybox-inner .social ul li{float:left;}
#fancybox-inner .social ul li.facebook,#fancybox-inner .social ul li.twitter,#fancybox-inner .social ul li.tuenti{padding:0 0 0 8px;}
#fancybox-inner .social ul li.facebook a,#fancybox-inner .social ul li.twitter a,#fancybox-inner .social ul li.tuenti a{float:left; display:block; width:16px; height:16px; overflow:hidden; text-indent:-999px;}
#fancybox-inner .social ul li.facebook a{background:url(img/logo-facebook.gif) no-repeat 0 -16px;}
#fancybox-inner .social ul li.twitter a{background:url(img/logo-twitter.gif) no-repeat 0 -16px;}
#fancybox-inner .social ul li.tuenti a{background:url(img/logo-tuenti.gif) no-repeat 0 -16px;}
#fancybox-inner .social ul li.facebook a:hover,#fancybox-inner .social ul li.twitter a:hover,#fancybox-inner .social ul li.tuenti a:hover{background-position:0 0;}

/* = destacados */
#destacados{width:940px; height:398px; margin:0 0 50px 0; position:relative;}
#destacados #slider-destacados{height:380px; overflow:hidden; margin:0 0 10px 0; position:relative;}
#destacados #slider-destacados .destacado{width:940px; height:380px; float:left;}
#destacados ul.nav{float:right;}
#destacados ul.nav li{float:left; margin:0 4px 0 0; display:inline;}
#destacados ul.nav li.last{margin:0;}
#destacados ul.nav li a{display:block; width:8px; height:8px; overflow:hidden; background:url(img/ico-nav-destacados.gif) no-repeat; text-indent:-9999px;}
#destacados ul.nav li a:hover{background-position:0 -8px;}
#destacados ul.nav li a.selected{background-position:0 -16px;}
#slider-destacados .slider-inner{width:10000px;}

/* =botones */
a.boton-claro{float:left; position:relative; padding:6px 15px 7px 15px; background:url(img/bg-boton-claro-left.gif) no-repeat; color:#555; text-transform:uppercase;}
a.boton-claro span{position:absolute; right:0; top:0; display:block; width:3px; height:30px; background:url(img/bg-boton-claro-right.gif) no-repeat;}
#content .producto a.boton-claro{color:#555;}
a.boton-claro:hover{color:#000; text-decoration:none;}

a.boton-color{float:left; position:relative; padding:6px 15px 7px 15px; background:#000 url(img/bg-boton-color-left.png) no-repeat; color:#fff; text-transform:uppercase;}
a.boton-color span{position:absolute; right:0; top:0; display:block; width:3px; height:30px; background:url(img/bg-boton-color-right.png) no-repeat;}
#content .producto a.boton-color{color:#fff;}
.corporal a.boton-color{background-color:#6ec8df;}
.capilar a.boton-color{background-color:#864dbe;}
.facial a.boton-color{background-color:#ac9e93;}
.ginecologica a.boton-color{background-color:#f16781;}
.itopik a.boton-color{background-color:#f5aa01;}
.masaje a.boton-color{background-color:#82C05B;}
a.boton-color:hover{background-color:#555; text-decoration:none;}
a.boton-color.muestra{background-color:#c30827;}
a.boton-color.muestra:hover{background-color:#555; text-decoration:none;}

/* =forms */
label.textarea{vertical-align:top; padding-top:4px;}
input{width:300px; padding:8px 5px; background:#fff url(img/bg-input-normal.gif) no-repeat; color:#000; font:1em Arial,Helvetica,sans-serif; border:0;}
p.error input{background:url(img/bg-input-normal-error.gif) no-repeat;}
select{width:310px; padding:7px 5px; background:url(img/bg-input-normal.gif) no-repeat; color:#000; font:1em Arial,Helvetica,sans-serif; border:0;}
p.error select{background:url(img/bg-input-normal-error.gif) no-repeat;}
optgroup option{padding:0 0 0 10px;}
textarea{width:300px; height:105px; padding:8px 5px; background:#fff url(img/bg-textarea.gif) no-repeat; color:#000; font:1em Arial,Helvetica,sans-serif; border:0;}
p.error textarea{background:url(img/bg-textarea-error.gif) no-repeat;}

input.checkbox{width:auto; background:none; border:0;}
input.radio{width:auto; background:none; border:0;}
button{width:auto; margin:0; border:0; padding:0; white-space:nowrap; width:150px; height:30px; overflow:hidden; background:#000 url(img/bg-button-normal.gif) no-repeat; color:#fff; text-align:center; font-size:.95em; text-transform:uppercase; cursor:pointer;}
button strong{display:block; margin:-3px 0 0 0;}
button.largo{width:240px; background:#000 url(img/bg-button-large.gif) no-repeat;}
.checkbox input, .radio input{width:auto; padding:0; margin:1px 3px 0 0; vertical-align: baseline;}
.checkbox label{font-size:.9em;}
.radio label{font-weight:bold;}

/* =mapa web */
#mapa-web h2{margin-top:2em; padding-bottom:.35em;}
#mapa-web li li{padding-top:.4em;}
#mapa-web li li li{font-size:.9em; padding-top:.35em; margin-left:.5em;}
#mapa-web a{color:#333}
#mapa-web a:hover{text-decoration:none; color:#777}

/* =fancybox -------------------------------------------------------------------------------- */
body.popup{background:#fff;}

.ventana-flotante .window-title{margin:10px 10px 0 10px; padding:10px; background:#f7f7f7; border:1px solid #ccc;}
.ventana-flotante .window-title h1{padding:0; text-transform:none; font-size:1.2em; font-weight:normal;}
.ventana-flotante .window-title h1 strong{font-weight:bold;}
.ventana-flotante #inner{padding:20px;}
.ventana-flotante #inner h1{padding:0 0 3px 0; font-size:1.7em;}
.ventana-flotante #inner p.ok{padding-bottom:20px;}
.ventana-flotante #inner a.boton-claro{padding:7px 15px 9px 15px; background:url(img/bg-boton-claro-left-azul.gif) no-repeat;}
.ventana-flotante #inner a.boton-claro span{background:url(img/bg-boton-claro-right-azul.gif) no-repeat;}
.ventana-flotante #inner a.boton-color{padding:7px 15px 9px 15px;}

.ventana-flotante .formulario{width:480px;}
.ventana .ventana-flotante .formulario{width:440px;}
.ventana-flotante .formulario fieldset{margin:10px 0 0 0; height:115px;}
.ventana-flotante .formulario p.error{padding:15px 0; color:#cc092f; font-size:.9em; font-weight:bold;}
.ventana-flotante .formulario p.checkbox.error{padding:0;}
.ventana-flotante .formulario p.error.campo{font-size:1em; font-weight:normal;}
.ventana-flotante .formulario fieldset p.campo{text-align:right; padding:0 0 10px 0;}
.ventana-flotante .formulario fieldset p.stars{height:30px;}
.ventana-flotante .formulario fieldset p.stars span.star-rating{display:block; padding:8px 0 0; float:right; width:322px;}
.ventana-flotante .formulario fieldset p.checkbox{color:#999; font-size:1em; margin:0 0 18px 0;}
.ventana-flotante .formulario fieldset p.checkbox a{color:#333;}
.ventana-flotante .formulario fieldset p.campo label{float:left; padding-top:6px;}
.ventana-flotante .formulario fieldset p.error label{color:#cc092f;}

/* =newsletter */
#suscripcion-newsletter.ventana-flotante #inner.formulario fieldset{height:110px;}
#suscripcion-newsletter.ventana-flotante #inner.formulario fieldset p.campo{text-align:right;}
#suscripcion-newsletter.ventana-flotante #inner.formulario fieldset p.campo a{ color:#555555; text-decoration:underline;}
#suscripcion-newsletter.ventana-flotante #inner.formulario fieldset p.campo a:hover{ text-decoration:none;}
#suscripcion-newsletter fieldset{height:90px;}

/* =login */
#cuenta-login fieldset{height:120px;}
#cuenta-login p.pedir-clave{font-size:.9em; padding:0 0 30px 0;}
#cuenta-login p.pedir-clave a{color:#999;}
#cuenta-login p.otras-opciones{font-size:.9em; padding:7px 0 0 0;}
#cuenta-login p.otras-opciones a{padding:0 11px 0 0; background:url(img/bg-mas-acciones.gif) no-repeat right 4px; color:#000; font-weight:bold;}

/* =registro */
#cuenta-registro fieldset{height:290px;}
#cuenta-registro p.separar{padding-top:20px;}
#cuenta-registro p.otras-opciones{font-size:.9em; padding:27px 0 0 0;}
#cuenta-registro p.otras-opciones a{padding:0 11px 0 0; background:url(img/bg-mas-acciones.gif) no-repeat right 4px; color:#000; font-weight:bold;}
#cuenta-registro  p.error{padding-top:0;}

/* =profesionales */
#contacto-profesionales fieldset{height:410px;}

/* =atencion y cuidados */
#opinar fieldset{height:245px;}
#preguntar fieldset{height:245px;}

/* =aviso producto disponible en alguna promocion */
div.aviso-promociones{height:auto !important;}
a.aviso-promociones{color: #555;}
p.aviso-promociones{margin-bottom:20px;}
p.aviso-promociones a{font-weight:bold;color: #ccc;}

/*Notas en el texto de promociones*/
.nota{font-style:italic;color:#999;margin-bottom:10px;}

/*direccion de las farmacias*/
.farmacia{width:335px;display:inline-block;margin-bottom:15px;}
.farmacia .direccion{color:#999;font-style:italic;}

ul.menu-lineas{
margin-bottom: 40px;
}
ul.menu-lineas li{
background: #999;
float: left;
margin: 5px;
width: 164px;
}
ul.menu-lineas li a{
font-weight: bold;
color: white !important;
text-transform: uppercase;
padding: 10px;
display:block;
text-align:center;
}
ul.menu-lineas li.selected{
background: black url(img/selector.gif) no-repeat center bottom;
float: left;
width: 164px;
}

.precioahorro{
background-color: red;
font-weight: bold;
color: white;
padding:1px 4px;
}

.precioahorro2{
font-weight: bold;
color: red;
text-align: center;
}