/*+clearfix {*/
.ListadoProductos:after, .ProductoListado:after, #ContenedorColumnasProducto:after, #ColInfoProducto:after, #PieFichaProducto:after, #CapaOtrasImagenes:after, .CapaContenidoSecundario:after, .ListadoOtrosProductos:after, #MenuSubfamilias:after, #MenuSubfamilias DIV:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; }
.ListadoProductos, .ProductoListado, #ContenedorColumnasProducto, #ColInfoProducto, #PieFichaProducto, #CapaOtrasImagenes, .CapaContenidoSecundario, .ListadoOtrosProductos, #MenuSubfamilias, #MenuSubfamilias DIV { display: block; *height: 1px; }
/*+}*/
/*[fmt]1110-121A-1*/
#bCarobelsInfo #limpCarobels, #bCarobels #limpCarobels, #bFamiliaPeluqueria #MenuPrincipal LI#limpPeluqueria, #bFamiliaCosmetica #MenuPrincipal LI#limpCosmetica, #bFamiliaMaquillaje #MenuPrincipal LI#limpMaquillaje { border-bottom: 1px solid #FFF; border-top: 1px solid #FFF; }
#bProductoPeluqueria #MenuPrincipal LI#limpPeluqueria, #bProductoCosmetica #MenuPrincipal LI#limpCosmetica, #bProductoMaquillaje #MenuPrincipal LI#limpMaquillaje { border-bottom: 1px solid #FFF; border-top: 1px solid #FFF; }
#bCarobelsInfo #SubMenuPrincipalCarobels, #bCarobels #SubMenuPrincipalCarobels, #bFamiliaPeluqueria #SubMenuPrincipalPeluqueria, #bProductoPeluqueria #SubMenuPrincipalPeluqueria, #bFamiliaCosmetica #SubMenuPrincipalCosmetica, #bProductoCosmetica #SubMenuPrincipalCosmetica, #bFamiliaMaquillaje #SubMenuPrincipalMaquillaje, #bProductoMaquillaje #SubMenuPrincipalMaquillaje { display: block; z-index: 4; }
#MenuPrincipal LI:hover UL { z-index: 5; }
#bFamiliaCosmetica #MenuPrincipal LI#limpCosmetica:hover UL { }
#ContenedorCuerpo { border-top: 1px solid #F1F1F1; border-bottom: 1px solid #8C8D8E; background: url(../imagenes/fondo-contenedor-cuerpo.png) repeat-x; }
.lineaproducto { clear: both; }
.CapaVideoProducto P { position: absolute; bottom: 0; margin-bottom: 5px; left: 278px; width: 400px; }
.CapaVideoProducto P SPAN { text-transform: uppercase; font-size: 1em; display: block; margin-bottom: 0.3em; }
#CapaCuerpo { margin: 50px auto 0; padding: 1em 0 2em; width: 48em; }
#bProductoPeluqueria #CapaCuerpo, #bProductoMaquillaje #CapaCuerpo, #bProductoCosmetica #CapaCuerpo { margin: 20px auto 0; }
.TituloSubfamilia { text-transform: uppercase; font: 100 3em / 1.5em Roboto, Arial, sans-serif; clear: both; }
.TituloSubfamilia SPAN { display: none; }
#bFamiliaPeluqueria #ContenedorBanner, #bFamiliaCosmetica #ContenedorBanner, #bFamiliaMaquillaje #ContenedorBanner, #bProductoPeluqueria #ContenedorBanner, #bProductoCosmetica #ContenedorBanner, #bProductoMaquillaje #ContenedorBanner { background-position: 50% 38px !important; }
#CapaBannerFamilia { height: 558px; width: 50em; margin: 0 auto; position: relative; }
A#VideoFamilia IMG { position: absolute; bottom: 10px; left: 570px; border: 1px solid #000; }
#ContenedorTextoFamilia { width: 28em; height: 558px; position: relative; float: left; }
#TextoFamilia { position: absolute; bottom: 10px; background: url(../imagenes/bg80TrasparenteBlanco.png); padding: 20px; height: auto !important; height: 133px; min-height: 133px; font-size: 0.75em; line-height: 1.3em; }
#TextoFamilia H2 { font-family: "Roboto Condensed", Arial, sans-serif !important; font-size: 2em; line-height: 1.1em; color: #000; margin: 0 0 0.5em; }
#TextoFamilia P { color: #000; margin: 0; text-align: justify; }
#CapaMenuMigas { position: absolute; top: 53px; font-size: 0.67em; font-weight: normal; color: #FFF; background: url(../imagenes/bg30TrasparenteNegro.png); padding: 0px 8px 2px; text-shadow: 0 0 2px #A3A3A3; filter: none; font-family: "Roboto Condensed", Arial, sans-serif; }
#CapaMenuMigas SPAN { font-family: Roboto, Arial, sans-serif; font-weight: 300; font-size: 0.9em; }
#MenuPrincipal LI UL LI A.smpaSeleccionado { background: url(../imagenes/fondo-familia-seleccionada.png) bottom center; font-family: "Roboto Condensed", Arial, sans-serif !important; color: #000; }
#TextoFamilia H2 SPAN { display: none; }
/*[clearfix]*/
.ListadoProductos { margin: 0.8em 0 2em; }
/*[clearfix]*/
.ProductoListado { position: relative; width: 23em; height: auto !important; height: 250px; min-height: 250px; float: left; z-index: 1; margin: 0 15px 15px 0; }
.ProductoListado IMG { position: absolute; bottom: 0; left: 0; z-index: 2; }
.ProductoListado DIV { position: absolute; bottom: 12px; left: 165px; padding: 10px; font-size: 0.67em; line-height: 1.3em; background: url(../imagenes/bg80TrasparenteBlanco.png); z-index: 3; }
.ProductoListado P { margin: 0.6em 0 0; text-shadow: 0px 0px 1px #FFF; color: #000; text-align: justify; }
.ProductoListado H3 { text-shadow: 1px 1px 1px #F2F2F2; color: #000; font: 1.5em / 1.2em "Roboto Condensed", Arial, sans-serif; }
.ProductoListado SPAN { font-family: "Roboto Condensed", Arial, sans-serif; }
.ProductoListado A { text-decoration: none; }
#CapaBannerProducto { height: 308px; width: 50em; margin: 0 auto; position: relative; }
#DescripcionProducto { position: relative; margin: 0 0 0.5em; height: auto !important; height: 400px; min-height: 400px; }
#DescripcionProducto IMG { position: absolute; bottom: 0; left: 0; z-index: 1; }
#DescripcionProducto DIV { position: absolute; width: 650px; bottom: 20px; left: 270px; padding: 15px; font-size: 0.9em; line-height: 1.2em; background: url(../imagenes/bg80TrasparenteBlanco.png); z-index: 2; }
#DescripcionProducto P { margin: 0.6em 0 0; text-shadow: 0px 0px 1px #FFF; color: #000; text-align: justify; }
#DescripcionProducto H2 { margin: 0.6em 0 0; text-shadow: 0px 0px 1px #FFF; color: #000; text-align: justify; font-weight: 300; }
#DescripcionProducto H1 { text-shadow: 1px 1px #FFF; font: 100 1.9em / 1em Roboto, Arial, sans-serif; clear: both; }
/*[clearfix]*/
#ContenedorColumnasProducto { margin-bottom: 2em; }
/*[clearfix]*/
#ColInfoProducto { font-size: 0.75em; float: right; width: 45em; height: auto; }
.CapaVideoProducto { position: relative; margin: 0 0 0.6em; }
.CapaVideoProducto IMG { border: 1px solid #000; }
.CaracteristicaProducto H3 { font-family: "Roboto Condensed", Arial, sans-serif; font-size: 1.4em; }
.CaracteristicaProducto STRONG.Cab { font-family: "Roboto Condensed", Arial, sans-serif; font-size: 1.4em; font-weight: 300; }
.CaracteristicaProducto P { margin: 0.5em 0 1em 1.5em; text-align: justify; }
.CaracteristicaProducto { margin: 2em 0 0; }
#CapaCaracteristicasProducto { margin: 2.5em 0 2.5px; }
.PrincipiosActivosProducto H3 { font-family: "Roboto Condensed", Arial, sans-serif; font-size: 1.4em; }
.PrincipiosActivosProducto { margin: 2em 0; }
.PrincipiosActivosProducto LI H4 { font-family: "Roboto Condensed", Arial, sans-serif; font-size: 1.2em; }
.PrincipiosActivosProducto LI P { margin: 0.4em 0.3em 0.5em 0.5em; }
.PrincipiosActivosProducto LI P STRONG { font-family: Roboto, Arial, sans-serif; font-weight: 500; }
/*[clearfix]*/
#PieFichaProducto { border-top: 1px solid #8C8D8E; border-bottom: 1px solid #8C8D8E; padding: 10px 0 10px 10px; margin: 2.5em 0; }
#PieFichaProducto A { display: block; float: left; margin: 0 50px 0 0; text-decoration: none; }
#PieFichaProducto A IMG { float: left; margin: 0 10px 0 0; }
.TecnologiaProducto H3 { font-family: "Roboto Condensed", Arial, sans-serif; font-size: 1.4em; margin: 0 0 1em; }
.TecnologiaProducto P { margin: 0.5em 0 1em 1.5em; }
.TecnologiaProducto P IMG { border: 1px solid #8C8D8E; margin: 0 6px 8px 0; }
.CapaImagenCuadrada { border: 1px solid #8C8D8E; position: relative; float: left; margin: 0 6px 6px 0; width: 68px; height: 68px; overflow: hidden; }
.CapaImagenCuadrada IMG { position: absolute; left: 50%; top: 50%; margin: -40px 0 0 -40px; }
/*[clearfix]*/
#CapaOtrasImagenes { margin: 0 0 1.5em; }
#ColSubInfoProducto { width: 230px; float: left; }
#CompartirProducto { border-top: 1px solid #8C8D8E; font-size: 0.7em; padding: 10px 0 2em 2px; }
/*[clearfix]*/
.CapaContenidoSecundario { clear: both; font-size: 0.75em; margin: 0 0 1.5em; }
.CapaContenidoSecundario P { margin: 7px 0 0 23px; font-size: 0.9em; }
.CapaContenidoSecundario DL { margin: 5px 0 0; }
.CapaContenidoSecundario DT { float: left; clear: both; text-align: right; width: 70px; margin: 5px 10px 0 0; font-family: Roboto, Arial, sans-serif; font-weight: 500; font-size: 0.9em; }
.CapaContenidoSecundario DD { float: left; width: 150px; margin: 3px 0 0; font-family: Roboto, Arial, sans-serif; font-weight: 300; font-style: italic; font-size: 0.9em; }
.CapaContenidoSecundario DD SPAN { font-family: Roboto, Arial, sans-serif; display: block; font-weight: 500; font-style: normal; line-height: 1.3em; }
.CapaContenidoSecundario H4 { font-family: "Roboto Condensed", Arial, sans-serif; font-size: 1.3em; }
.iconoEmbalaje { float: left; margin: 2px 5px 0 0; }
.TituloMasProductos { clear: both; font: 100 1.6em / 1.5em Roboto, Arial, sans-serif; }
.TituloMasProductos STRONG { font-weight: 300 !important; text-transform: uppercase; }
.TituloMasProductos SPAN { text-transform: uppercase; font-size: 1.2em; }
.ProductoListadoOtros { width: 165px; overflow: hidden; float: left; text-align: center; height: auto !important; height: 300px; min-height: 300px; margin: 0 1.3em 1.3em 0; font-family: "Roboto Condensed", Arial, sans-serif; }
.ProductoListadoOtros A { text-decoration: none; }
/*[clearfix]*/
.ListadoOtrosProductos { margin: 0 0 2em; }
/*[clearfix]*/
#MenuSubfamilias { position: relative; width: 100%; z-index: 6; }
#MenuSubfamilias UL { font-family: "Roboto Condensed", Arial, sans-serif; width: 100%; padding: 7px 0; margin: 0; top: 0; position: relative; z-index: 6; text-align: center; font-size: 0.7em; background: #ECECEC url(../imagenes/fondo-menusubfamilias.gif) repeat-x bottom; -webkit-box-shadow: 0px 5px 8px 1px #ccc; box-shadow: 0px 5px 8px 1px #CCC; }
#MenuSubfamilias UL LI { float: none; display: inline; background: none; border-left: 1px solid #666; padding: 0 0 0 4px; }
#MenuSubfamilias UL LI A { text-decoration: none; color: #666666; display: inline; padding: 0; text-shadow: 1px 1px 1px #F2F2F2; padding: 0 5px; line-height: 1.7em; }
#MenuSubfamilias UL LI A:hover { color: #000; text-shadow: none; }
/*[clearfix]*/
#MenuSubfamilias DIV { /*[disabled]width:50em;*/ margin: 0 auto; z-index: 6; }
#CompartirProducto IMG { margin-top: 5px; }
#bCarobelsInfo #FondoSubmenu, #bCarobels #FondoSubmenu, #bFamiliaPeluqueria #FondoSubmenu, #bFamiliaCosmetica #FondoSubmenu, #bFamiliaMaquillaje #FondoSubmenu, #bProductoPeluqueria #FondoSubmenu, #bProductoCosmetica #FondoSubmenu, #bProductoMaquillaje #FondoSubmenu { display: block !important; }
#bFamiliaPeluqueria #MenuPrincipal LI#limpPeluqueria A, #bFamiliaCosmetica #MenuPrincipal LI#limpCosmetica A, #bFamiliaMaquillaje #MenuPrincipal LI#limpMaquillaje A { /*[disabled]color:#000;*/ }
#CapaMenuMigas A { color: #FFF; text-decoration: none; }
.comprar { display: block; position: absolute; bottom: 0px; left: 0px; width: 22px; height: 21px; text-decoration: none; background-color: #E85080; background-image: url("/imgs/carrito_fc.png"); background-repeat: no-repeat; border-top-right-radius: 3px; }
.comprar:hover { width: 100%; border-top-right-radius: 0; }
.comprar:hover:after { content: "Comprar"; color: white; font-size: 0.8em; padding-right: 3px; line-height: 21px; }
#botonCompra:after { content: ""; display: table; clear: both; }
#botonCompra { position: relative; height: 20px; width: 215px; font-size: 0.7em; z-index: 5; margin: 1em 25px 2em auto; }
#botonCompra > DIV { background-color: #FDC105; position: absolute; border-radius: 5px; box-shadow: 1px 2px 5px #222; }
#botonCompra > DIV > SPAN { padding: 10px 20px; display: inline-block; width: 175px; text-align: center; }
#botonCompra:hover > DIV { background-color: #E7517F; color: #FFF; }
#botonCompra DL { display: none; padding: 0 10px 5px; overflow: hidden; }
#botonCompra:hover DL { display: block; }
#botonCompra P { color: #FFF; clear: both; }
#botonCompra A { text-decoration: none; color: #FFF; }
#botonCompra DT { position: relative; float: left; clear: both; overflow: hidden; height: 68px; width: 68px; margin: 0 6px 15px 0; }
#botonCompra DT IMG { position: absolute; left: 50%; top: 50%; margin: -40px 0 0 -40px; }
#botonCompra DD { float: left; font-size: 0.85em; font-style: italic; font-weight: 300; max-width: 120px; margin-bottom: 15px; }
#botonCompra DD SPAN { display: block; font-weight: 500; font-style: normal; margin-bottom: 5px; line-height: 1.2em; }