/*+clearfix {*/
@media screen and (min-width: 769px) {
    #CapaCabecera:after, #DescargaCatalogo A:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; }
    #CapaCabecera, #DescargaCatalogo A { display: block; *height: 1px; }
}
/*+}*/
@media screen and (min-width: 769px) {
    /*[fmt]1110-121A-1*/
    /**
    RESETEAR DIFERENCIAS ENTRE NAVEGADORES
    **/
    TABLE { border-collapse: collapse; border-spacing: 0; }
    IMG { border: 0; }
    CAPTION, TH { text-align: left; }
    H1, H2, H3, H4, H5, H6 { font-size: 100%; font-weight: normal; }
    Q:before, Q:after { content: ''; }
    ABBR, ACRONYM { border: 0; }
    A { outline: none; }
    A:active { outline: none; }
    :focus { -moz-outline-style: none; }
    P { margin: 1em 0; }
    ADDRESS { font-style: normal; display: inline; }
    /**
    FLOAT CLEARING
    **/
    .Clearfix:after { content: "."; clear: both; height: 0; visibility: hidden; display: block; }
    .Clearfix { display: inline-block; /*Fixes IE/Mac*/ }
    /*Hides from IE-mac \*/
    * HTML .Clearfix { height: 1%; }
    .Clearfix { display: block; }
    /**
    ETIQUETAS
    */
    * DIV, P { font-family: Roboto, Arial, sans-serif; font-weight: 300; color: #000; }
    INPUT, TEXTAREA, SELECT { font-family: Roboto, Arial, sans-serif; font-weight: 300; text-shadow: 1px 1px 1px #F2F2F2; font-size: 0.67em; width: 100%; padding: 4px 0; border: none; background: #F0F0F0; color: #6F7072; }
    A:link, A:active, A:visited { color: #000; }
    A:hover { color: #333; }
    /**
    CLASES
    **/
    #Logo { /*+image-replace:url(../imagenes/logo-carobels.gif);*/ display: block; width: 127px; height: 116px; float: left; margin: 21px 0 0; }
    @media screen {
        .images-on #Logo { background-image: url(../imagenes/logo-carobels.gif); background-repeat: no-repeat !important; text-indent: -1000000px !important; overflow: hidden; }
    }
    #ContenedorCabecera { border-bottom: 1px solid #CCCCCC; background: #FFF; height: 147px; position: absolute; width: 100%; top: 0; left: 0; z-index: 100; }
    /*[clearfix]*/
    #CapaCabecera { width: 50em; margin: 0 auto; height: 146px; color: #666; }
    #CapaCabecera A { color: #666; text-decoration: none; }
    #CapaMenuSuperior A { margin: 0 3px; }
    #CapaCabecera A:hover { color: #000; }
    #IdiomasDisponibles { float: right; overflow: hidden; width: 1px; height: 17px; }
    #EnlaceIdioma { cursor: pointer; margin-left: 3px; }
    /*#EnlaceCesta {  background: url(../imagenes/cesta-compra.gif) no-repeat top left;   padding: 2px 0 0 21px;   margin: 0 3px;   }*/
    #EnlaceCesta:before { content: url(../imagenes/cesta-compra.gif); vertical-align: middle; margin-right: 3px; }
    #CapaMenuSuperior { float: right; font-size: 0.67em; /*[disabled]font:300 0.68em Roboto, Arial, sans-serif;*/ margin: 30px 0 0; }
    #EnlaceCesta IMG { }
    #MenuPrincipal LI { display: inline; background: #FFF url(../imagenes/separador-menu.gif) no-repeat right bottom; border-bottom: 1px solid #F2F2F2; /*+placement: float-left 0px 0px;*/ float: left; position: relative; left: 0px; top: 0px; }
    #MenuPrincipal LI:nth-child(6) { background: #FFF; }
    #MenuPrincipal LI:hover UL { display: block; }
    #MenuPrincipal LI#limpPeluqueria:hover, #MenuPrincipal LI#limpCosmetica:hover, #MenuPrincipal LI#limpMaquillaje:hover, #limpCarobels:hover { border-bottom: 3px solid #FFF; border-top: 1px solid #FFF; position: relative; z-index: 10; }
    #MenuPrincipal LI:hover LI { border-bottom: none; }
    #MenuPrincipal LI UL LI { float: none; display: inline; background: none; border-left: 1px solid #666; padding: 0 0 0 4px; }
    #MenuPrincipal LI UL LI.sbmpPrimero, #MenuSubfamilias UL LI.sbmpPrimero, #MenuPrincipal UL LI:first-child { border: none; }
    #MenuPrincipal LI UL LI A { display: inline; padding: 0; text-shadow: none; padding: 0 5px; line-height: 1.3em; }
    #MenuPrincipal LI#mpliContacto { background: #FFF; }
    #MenuPrincipal LI A { display: block; line-height: 57px; /*[disabled]padding:0 18px;*/ padding: 0 30px; height: 59px; text-shadow: 1px 1px 1px #F2F2F2; }
    #MenuPrincipal LI:last-of-type A { padding-right: 0; }
    #MenuPrincipal LI A:hover { text-shadow: none; filter: none; }
    /*#MenuPrincipal li a#mpaOnlineStore:hover {
      background: url('../e-shop/img_eshop/fondo_eshop.gif') repeat-x;
      color: #FFF;
      padding-bottom: 0px;
    }*/
    #MenuPrincipal LI A#mpaOnlineStore { background: #CDEBEC; }
    #bNoticias #MenuPrincipal LI #mpaActualidad { }
    #MenuPrincipal { list-style: none; padding: 0; right: 0; top: 70px; font-family: "Roboto Condensed", Arial, sans-serif; font-size: 0.85em; position: absolute; }
    #CapaMenu { position: relative; }
    #MenuPrincipal LI UL, #SubMenuEshop { display: none; width: 1000px; height: 29px; position: absolute; left: 50%; margin: 0 0 0 -80px; padding: 10px 0 0; top: 60px; z-index: 10; text-align: center; font-size: 0.88em; background: #FFF url(../imagenes/fondo-submenu.gif) !important; /*[disabled]-webkit-box-shadow:0px 5px 8px 1px #ccc;*/ /*[disabled]box-shadow:0px 5px 8px 1px #CCC;*/ }
    #MenuPrincipal LI UL#SubMenuPrincipalPeluqueria { left: -177px; }
    #MenuPrincipal LI UL#SubMenuPrincipalCosmetica { left: -308px; }
    #MenuPrincipal LI UL#SubMenuPrincipalMaquillaje { left: -437px; }
    #MenuPrincipal #limpCarobels UL { left: -106px; }
    #ContenedorBanner { border-top: 1px solid #8C8D8E; margin-top: 148px; border-bottom: 1px solid #8C8D8E; }
    #DescargaCatalogo { background: url(../imagenes/bg80TrasparenteBlanco.png); position: relative; /*left: 50%;*/ /*margin-left: 171px;*/ width: 100%; /*top: 519px;*/ z-index: 10; padding: 15px 0; text-align: center; }
    #DescargaCatalogo STRONG { display: block; /*margin: 65px 0 0 20px;*/ float: left; width: 180px; margin: 7px 0 0; text-align: right; font: 18px / 20px "Roboto Condensed", Arial, sans-serif !important; }
    #DescargaCatalogo STRONG B { color: #E74088; display: block; font-size: 0.8em; }
    #DescargaCatalogo SPAN { display: block; width: 180px; margin: 4px 0 0; float: left; text-align: right; font: 300 14px / 18px Roboto, Arial, sans-serif !important; text-shadow: 1px 1px 1px #F2F2F2; color: #000; }
    /*[clearfix]*/
    #DescargaCatalogo A { text-decoration: none; border-right: 1px solid #CCC; padding: 1px 0; width: 260px; display: inline-block; }
    #DescargaCatalogo A:last-of-type { border-right: none; }
    #DescargaCatalogo IMG { float: right; /*margin: 20px 20px 0 0;*/ }
    INPUT#btnSuscripcion { background-color: #C5C6C8; color: #FFF; text-shadow: none; font-family: "Roboto Condensed", Arial, sans-serif; width: 70px; line-height: 1.4em; margin: 0 0 0 3px; cursor: pointer; float: left; }
    INPUT#emailSuscripcion { background: #F0F0F0 url(../imagenes/fondo-input-suscripcion.gif) no-repeat 1px 2px; width: 230px; padding-left: 30px; float: left; }
    #FondoSubmenu { position: absolute; display: none; width: 100%; height: 29px; position: absolute; margin: 0; padding: 10px 0 0; top: 148px; z-index: 1; background: #FFF url(../imagenes/fondo-submenu.gif); -webkit-box-shadow: 0px 5px 8px 1px #ccc; box-shadow: 0px 5px 8px 1px #CCC; }
    #ContenedorPieSuperior { border-top: 1px solid #F1F1F1; padding: 0 0 25px; border-bottom: 1px solid #CCC; }
    #CapaPieSuperior { width: 50em; margin: 0 auto; }
    #CapaLogos { float: right; width: 40%; margin: 30px 40px 0 0; }
    #CapaSuscripcion { float: left; width: 40%; margin: 16px 0 0 33px; }
    #CapaSuscripcion STRONG { font-size: 1.1em; font-family: "Roboto Condensed", Arial, sans-serif; font-weight: normal; }
    #CapaSuscripcion .Texto { font-size: 0.67em; /*[disabled]font:300 0.67em Roboto, Arial, sans-serif;*/ margin: 0.8em 0; }
    #CapaLogos #LogosRedes { float: right; text-align: center; width: 83px; margin: 0 30px 24px; }
    #CapaLogos #LogoPie { float: left; margin: 0 30px 24px; }
    #CapaLogos #DatosContactoPie P { clear: both; text-align: center; font-size: 0.67em; line-height: 1.3em; margin: 0 0 1em 0; }
    #CapaLogos #DatosContactoPie A { text-decoration: none; }
    #CapaLogos #DatosContactoPie A:hover { text-decoration: underline; }
    #CapaLogos #DatosContactoPie P.MasPequeno { font-size: 0.55em; }
    #CapaLogos #LogosRedes IMG { margin: 0 0 9px; }
    #CapaPieMedioSup { width: 47.8em; margin: 0 auto; text-align: center; }
    #CapaPieMedioInf { width: 43.2em; margin: 0 auto; text-align: center; }
    #ContenedorPieBajo { text-align: center; padding: 25px 0; border-top: 1px solid #F1F1F1; }
    .TituloContenidoPrimario { color: #FFFFFF; font-size: 2.1em; margin-bottom: 10px; line-height: 1em; font-weight: normal; display: block; }
    .TituloContenidoSecundario { color: #FFFFFF; background: #222222; font-size: 1.2em; margin-bottom: 6px; padding: 5px 0 5px 10px; display: block; letter-spacing: 1px; font-weight: normal; }
    .TextoError { font-weight: bold; color: #CC0000; text-align: center; }
    .TextoPequeno { font-size: 0.9em; }
    .Divider { border: 0; border-top: 1px dashed #222; margin: 1.5em 0; clear: both; color: #000; }
    *:first-child + HTML .Divider { margin: 0 !important; }
    .MargenDerecho { margin-right: 10px; }
    .MargenDerechoGrande { margin-right: 20px; }
    .MargenIzquierdo { margin-left: 10px; }
    .MargenIzquierdoGrande { margin-left: 20px; }
    .MargenInferior { margin-bottom: 10px; }
    .MargenInferiorGrande { margin-bottom: 20px; }
    .MargenSuperior { margin-top: 10px; }
    .MargenSuperiorGrande { margin-top: 20px; }
    .Negrita { font-weight: bold; color: #CCC; }
    .NoUnderline { text-decoration: none; }
    .Clear { clear: both; }
    .DisplayBlock { display: block; }
    .Oculto { position: absolute; left: -99999px; top: -99999px; }
    .OcultoDisplay { display: none; }
    .FloatLeft { float: left; }
    .FloatRight { float: right; }
    .AlignLeft { text-align: left; }
    .AlignRight { text-align: right; }
    .AlignJustify { text-align: justify; }
    .AlignCenter { text-align: center; }
    .CursorPointer { cursor: pointer; }
    #ContenedorPieMedio A { display: inline-block; /*float: left;*/ }
    #ContenedorPieBajo A { display: inline-block; /*float: left;*/ }
    A#lpIcex { width: 230px; background-position: 0px -176px; }
    A#lpIcex:hover { width: 230px; background-position: 0px -216px; }
    A#lpFashion { width: 186px; background-position: -231px -176px; }
    A#lpFashion:hover { width: 186px; background-position: -231px -216px; }
    A#lpCamaras { width: 134px; background-position: -418px -176px; }
    A#lpCamaras:hover { width: 134px; background-position: -418px -216px; }
    A#lpAemps { width: 156px; background-position: -553px -176px; }
    A#lpAemps:hover { width: 156px; background-position: -553px -216px; }
    A#lpMarca { width: 93px; background-position: -710px -176px; }
    A#lpMarca:hover { width: 93px; background-position: -710px -216px; }
    A#lpUE { width: 125px; background-position: -804px -176px; }
    A#lpUE:hover { width: 125px; background-position: -804px -216px; }
    A#lpStanpa { width: 90px; background-position: -1021px -176px; }
    A#lpStanpa:hover { width: 90px; background-position: -1021px -216px; }
    A#lpAnepe { width: 90px; background-position: -931px -176px; }
    A#lpAnepe:hover { width: 90px; background-position: -931px -217px; }
    #CapaPieBajo { width: 50em; margin: 0 auto; }
    .thumbsHolderVisibleWrapper A { text-decoration: none; }
    /*MINICARRITO
    #CapaMenuSuperior {
    display: inline-block;
    position: relative;
    }*/
    #cesta { display: inline-block; }
    #cesta:hover #minicarrito { display: block; }
    #minicarrito { z-index: 20; display: none; position: absolute; min-width: 35em; box-shadow: 0px 5px 8px 1px #E7517F; background-color: #FFFFFF; font-size: 135%; padding: 20px; }
    #minicarrito .colImg IMG { width: 40px; }
    TABLE.carrito { width: 100%; margin-bottom: 20px; }
    TABLE.carrito TH { font-size: 70%; font-weight: 300; text-align: center; }
    TABLE.carrito TD { font-size: 65%; text-align: center; border-bottom: 1px solid #F0F0F0; }
    TABLE.carrito .colProducto { text-align: left; }
    TABLE.carrito TD.colImg { width: 70px; }
    TABLE.carrito TR.filaResumen TD { border-bottom: none; padding-top: 10px; text-align: right; }
    TABLE.carrito TR.promo TD { font-style: italic; border-bottom: 1px solid #000; height: 40px; text-align: right; }
    TABLE.carrito TD.total { font-size: 100%; font-weight: 500; text-align: right; font-size: 0.8em; }
    TABLE.carrito SELECT { background: none; border: 1px solid #808080; text-shadow: none; font-size: 100%; width: auto; padding: 0; color: #000000; }
    TABLE.carrito .colImg IMG { width: 70px; padding: 5px 10px 5px 5px; }
    #compra { display: block; text-align: right; margin: 1em 25px; }
    #compra A { border-radius: 5px; background-color: #FDC105; padding: 10px 20px; box-shadow: 1px 2px 5px #222; font-size: 0.7em; text-decoration: none; text-align: center; width: 175px; display: inline-block; }
    #compra A:hover { background-color: #E7517F; color: #FFF; }
    #popup_distribuidores DIV { z-index: 1000; position: fixed; width: 100%; height: 100%; background-color: black; top: 0; left: 0; opacity: 0.7; }
    #popup_distribuidores PICTURE { z-index: 1001; margin: 0 auto; position: fixed; top: 10%; left: 50%; width: 1000px; margin-left: -500px; }
    #popup_distribuidores SPAN { z-index: 1002; display: block; cursor: pointer; position: absolute; margin: 0px auto 0px 500px; text-align: center; background-color: #CCC; color: #FFF; width: 30px; height: 30px; line-height: 29px; right: 10px; top: 10px; }
    .solomovil { display: none !important; }
    #nomIdiomaSeleccionado::before, #nomIdiomaSeleccionado::after { content: "·"; }
}