/* ------------------------------------------------------------------------------- 
	PROMOCIONES
------------------------------------------------------------------------------- */
/* =destacados ------------------------------------------------------------------------------------------ */
#destacados{margin:0 0 20px 0;}

/* =destacados [1] */
#promocion1{background:#fff url(img/bg-destacado-promociones-right.jpg) no-repeat right 0;}
#promocion1 div.datos{width:220px; margin:0 0 0 30px; height:380px;}
#promocion1 div.datos p.txt{margin:30px 0 0; width:218px; height:165px; background:url(img/destacados/promociones-frase2.png) no-repeat; font-size:1.8em; line-height:1.1; text-transform:uppercase; color:#000; text-indent:-9999px;}
#promocion1 p.precio{margin:20px 30px 20px 0; padding:3px 0; color:#999; border:1px solid #000; border-left:0; border-right:0;}
#promocion1 p.precio strong{padding:0 3px 0 0; font-size:1.3em; color:#000;}
#promocion1 p.mas-info a{float:left; padding:2px 5px 3px 5px; border:1px solid #9f9f9f; color:#555; font:bold .8em Tahoma,Verdana,Arial,Helvetica,sans-serif; text-transform:uppercase;}
#promocion1 p.mas-info a:hover{color:#333; border:1px solid #666; text-decoration:none;}
#promocion1 div.datos p.mas-info a{color:#555;}
#promocion1 div.datos p.mas-info a:hover{}
#promocion1 div.img{width:380px; float:left; display:inline;}
#promocion1 div.titular{width:280px; height:380px; background:#d3eef5 url(img/bg-destacado-right-azul2.jpg) no-repeat right 0; color:#fff;}
#promocion1 div.titular p{margin:0 30px; color:#555; line-height:1.5;}
#promocion1 div.titular p strong{ text-transform:uppercase;}
#promocion1 div.titular p.txt{width:211px; height:96px; margin:30px; padding:0; background:url(img/destacados/promociones-frase2.gif) no-repeat; font-size:1.9em; line-height:1.1; text-transform:uppercase; text-indent:-9999px;}

#destacado-promo-facial{background-color:#EBE7E4; position:relative;}
#destacado-promo-facial div.titular{width:260px; height:380px; background:#000 url(img/bg-destacado-left-negro.gif) no-repeat; color:#fff;}
#destacado-promo-facial div.titular p{width:206px; height:177px; margin:20px 20px 8px 19px; background:#000 url(img/destacados/promo-facial-frase1.gif) no-repeat; font-size:2.2em; line-height:1.1; text-transform:uppercase; text-indent:-9999px;}
#destacado-promo-facial div.solicitar-muestra{ height:121px; position:absolute; left:199px; top:10px; width:121px; z-index:100;}
#destacado-promo-facial div.solicitar-muestra p{ text-indent:-9999px; background:url(../img/portada/circ-gastos-envio.png) no-repeat top left; display:block; height:121px; width:121px;}
#destacado-promo-facial div.img{width:360px; float:left; display:inline;}
#destacado-promo-facial div.datos{width:320px; height:380px;}
#destacado-promo-facial div.datos div.txt{margin:29px 0 0 29px; width:266px; height:283px; background:url(img/destacados/promo-facial-frase2.gif) no-repeat; font-size:1.8em; line-height:1.1; text-transform:uppercase; color:#000; text-indent:-9999px;}
#destacado-promo-facial p.mas-info a{float:left; padding:2px 5px 3px 5px; border:1px solid #9f9f9f; color:#999; font:bold .8em Tahoma,Verdana,Arial,Helvetica,sans-serif; text-transform:uppercase;}
#destacado-promo-facial p.mas-info a:hover{color:#777; border:1px solid #999; text-decoration:none;}
#destacado-promo-facial div.datos p.mas-info a{color:#555; margin-top:25px; margin-left:29px;}
#destacado-promo-facial div.datos p.mas-info a:hover{color:#333; border:1px solid #666;}

/* =productos */
#content .promocion.block-300{margin:0 20px 40px 0;}
#content .promocion.block-300.last{margin-right:0;}
#content .promocion h3 a{color:#000;}
#content .promocion p.precio{padding:2px 0 3px; border:1px solid #000; border-left:0; border-right:0;}
#content .promocion p.mas a{margin-top:5px;}

/* =ficha */
#ficha-producto.promocion p.precio{border:0;}
#ficha-producto.promocion .texto-principal{clear:both; padding:0 0 5px;}
#ficha-producto.promocion .texto-principal p strong{text-transform:uppercase;}
#ficha-producto.promocion a.boton-color{background-color:#ccc;}
#ficha-producto.promocion a.boton-color:hover{background-color:#999;}
#ficha-producto .producto.block-540 .social{width:115px;}

#ficha-producto.promocion #elegir-promocion .producto{margin:0 0 11px; position:relative; cursor:pointer;}
#ficha-producto.promocion #elegir-promocion .producto .producto-inner{padding:10px 0 0;}
#ficha-producto.promocion #elegir-promocion .producto .img{margin-left:5px; background:url(img/sombra-productos-s.gif) no-repeat;}
#ficha-producto.promocion #elegir-promocion .producto .txt{width:150px; margin-right:10px;}
#ficha-producto.promocion #elegir-promocion .producto h3{font-size:.95em; margin:0 0 5px;}
#ficha-producto.promocion #elegir-promocion .producto p.claim{font-size:.95em; margin:0 0 7px;}
#ficha-producto.promocion #elegir-promocion .producto p.linea{margin:0 0 11px; padding:2px 0 3px; font-size:.9em;}

#elegir-promocion .producto label{position:absolute; top:0; left:0;}
#elegir-promocion .producto label span{ position:absolute; top:-9999px; left:-9999px;}

#elegir-promocion .prom-selected{background:url(img/bg-promocion-sel-bottom.gif) no-repeat 0 bottom;}
#elegir-promocion .prom-selected .producto-inner{background:url(img/bg-promocion-sel-top.gif) no-repeat;}
#ficha-producto.promocion #elegir-promocion .prom-selected .img{margin-left:5px; background:url(img/sombra-productos-s-sel.gif) no-repeat;}

#elegir-promocion .producto.corporal h3,
#elegir-promocion .producto.corporal p.linea
{color:#6ec8df;}
#elegir-promocion .producto.capilar h3,
#elegir-promocion .producto.capilar p.linea
{color:#864dbe;}
#elegir-promocion .producto.facial h3,
#elegir-promocion .producto.facial p.linea
{color:#bcafa5;}
#elegir-promocion .producto.ginecologica h3,
#elegir-promocion .producto.ginecologica p.linea
{color:#f16781;}

/* =promociones fancybox */
.ventana-flotante #elegir-promocion .producto{margin:0 0 11px; position:relative; cursor:pointer;}
.ventana-flotante #elegir-promocion .producto .producto-inner{padding:10px 0 0;}
.ventana-flotante #elegir-promocion .producto .img{float:left; margin-left:5px; background:url(img/sombra-productos-s.gif) no-repeat;}
.ventana-flotante #elegir-promocion .prom-selected .img{margin-left:5px; background:url(img/sombra-productos-s-sel.gif) no-repeat;}
.ventana-flotante #elegir-promocion .producto .txt{width:150px; float:right; margin-right:10px; text-transform:uppercase;}
.ventana-flotante #elegir-promocion .producto h3{font-size:12px; margin:0 0 5px;}
.ventana-flotante #elegir-promocion .producto p.claim{font-size:.95em; margin:0 0 7px;}
.ventana-flotante #elegir-promocion .producto p.linea{margin:0 0 11px; padding:2px 0 3px; font-size:.9em; border:1px solid #000; border-left:0; border-right:0;}

#pedir-promocion{width:560px;}
#promociones h3.anteriores{margin-bottom:30px;margin-top:0;color:#999;background-color:#F7F7F7;padding: 10px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}