body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td,
legend {
    margin: 0;
    padding: 0;
    line-height: inherit
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

fieldset,
img {
    border: 0
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
    font-style: inherit;
    font-weight: inherit
}

ol,
ul {
    list-style: none
}

caption,
th {
    text-align: left
}

h1,
h2,
h3,
h4,
h5,
h6,
small,
button {
    font-size: 100%;
    font-weight: normal
}

q:before,
q:after {
    content: ''
}

abbr,
acronym {
    border: 0
}

.pusher {
    clear: both;
    height: 0;
    float: none;
    font-size: 0;
    display: block;
    border: none;
    padding: 0;
    margin: 0;
    position: relative
}

em {
    font-style: oblique;
    font-weight: inherit
}

strong {
    font-style: inherit;
    font-weight: bold
}

address {
    font-style: normal
}

header,
section,
article,
footer {
    display: block
}

figure {
    margin: 0
}

:first-child {
    margin-top: 0 !important
}

:last-child {
    margin-bottom: 0 !important
}

input,
button {
    outline-color: transparent
}

    input[type=number]::-webkit-inner-spin-button,
    input[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0
    }

    input[type=number] {
        -moz-appearance: textfield
    }

    input[type=search] {
        -webkit-appearance: none
    }

html {
    box-sizing: border-box
}

*,
*:before,
*:after {
    box-sizing: inherit
}

.fn-hidden {
    display: none
}

.intl-tel-input .selected-flag .iti-flag {
    margin: auto !important
}

#blkLoginOpciones > .cnt .btn {
    display: block;
    margin-bottom: 20px
}

#ppLogin,
#ppLoginPIN,
#ppObtenerPIN,
#ppCrearCuenta,
#ppNuevaContrasena,
#ppOlvidoContrasena {
    width: 400px
}

    #ppOlvidoContrasena > .cnt .btn {
        display: block;
        margin-bottom: 20px;
        width: 100%
    }

#popup > .popup-cnt {
    animation-duration: .4s
}

    #popup > .popup-cnt[data-resaltar='on'] {
        animation-name: resaltarPP
    }

@-webkit-keyframes resaltarPP {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 #000
    }

    38% {
        transform: scale(1.1);
        box-shadow: 0 0 20px 6px rgba(0,0,0,.5)
    }

    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 #000
    }
}

img[data-loading] {
    transition: opacity .5s ease-in-out
}

img[data-loading='on'] {
    opacity: 0
}

img[data-loading='loaded'] {
    opacity: 1
}

.frm01 .fld > .lbl .intl-tel-input {
    width: 100%
}

    .frm01 .fld > .lbl .intl-tel-input input {
        width: 100% !important
    }

.frm01.lblLeft[data-small='off'] .fld > .lbl .intl-tel-input {
    width: calc(100% - 220px)
}

.intl-tel-input.allow-dropdown input {
    padding-left: 52px !important
}

.fnic.m-r {
    margin-right: 5px
}

.fnic::before {
    content: '';
    font-family: 'FIconos';
    display: inline-block
}

.fnic.ic-info::before {
    content: '\e80F'
}

#miCompraDetalleItems .desglose {
    border-bottom: 1px solid #ededed;
    padding-bottom: 4px;
    margin-bottom: 5px
}

    #miCompraDetalleItems .desglose .precio {
        font-weight: normal !important
    }

    #miCompraDetalleItems .desglose > .it {
        display: block;
        line-height: 15px;
        font-size: 11px
    }

        #miCompraDetalleItems .desglose > .it:not(:first-child) {
            color: #d6273b
        }

@font-face {
    font-family: 'FIconos';
    src: url('//d3tvx6svxnai4t.cloudfront.net/web/fonts/iconos.eot?4374531cb83168ac014558b16ec2a986');
    src: url('//d3tvx6svxnai4t.cloudfront.net/web/fonts/iconos.eot?4374531cb83168ac014558b16ec2a986#iefix') format('embedded-opentype'), url('//d3tvx6svxnai4t.cloudfront.net/web/fonts/iconos.woff?d4575219467b6d9bffddc13be977eef4') format('woff'), url('//d3tvx6svxnai4t.cloudfront.net/web/fonts/iconos.ttf?08fc1b91fbdca198c76f782d56583d1e') format('truetype'), url('//d3tvx6svxnai4t.cloudfront.net/web/fonts/iconos.svg?2d375110f3dc49a8347d155649cf901e') format('svg');
    font-weight: normal;
    font-style: normal
}

html,
body {
    min-height: 100%;
    height: 100%;
    background: none;
    font-family: "Lato",sans-serif;
    color: #555555;
    -webkit-text-size-adjust: 100%
}

body {
    font-size: 10px
}

hr {
    display: none
}

img {
    display: block;
    color: transparent
}

a {
    outline: 0 !important;
    text-decoration: none;
    color: #001c44
}

.ico {
    font-family: "FIconos";
    font-weight: normal
}

.precio > .sim,
.monto > .sim,
.importe > .sim {
    font-size: 80%
}

    .precio > .sim::after,
    .monto > .sim::after,
    .importe > .sim::after {
        content: ' '
    }

::selection {
    background: #001c44;
    Color: #ffffff
}

::-moz-selection {
    background: #001c44;
    Color: #ffffff
}

html.no-js #pre:before {
    content: 'El navegador debe tener JavaScript habilitado para que este sitio funcione correctamente.';
    border: 3px solid #d6273b;
    text-align: center;
    padding: 30px;
    position: fixed;
    background-color: #ffffff;
    color: #d6273b;
    line-height: 20px;
    font-size: 15px;
    top: 100px;
    left: 50%;
    width: 300px;
    height: auto;
    margin-left: -150px;
    display: block;
    z-index: 9999999
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

body:before {
    opacity: 0;
    top: 0;
    left: 0;
    right: 0;
    position: fixed;
    z-index: 999998;
    background: rgba(255,255,255,0.8);
    content: '';
    animation-duration: .5s
}

body:after {
    content: '';
    top: 0;
    left: 0;
    right: 0;
    position: fixed;
    z-index: 999998;
    bottom: 0;
    background: none;
    display: none
}

body[data-loading=on] {
    overflow-x: hidden
}

    body[data-loading=on]:after {
        display: block
    }

    body[data-loading=on]:before {
        animation-name: loadingOn;
        animation-fill-mode: forwards
    }

body[data-loading=off]:before {
    animation-name: loadingOff;
    animation-fill-mode: forwards
}

@keyframes loadingOn {
    0% {
        bottom: 0;
        opacity: 0
    }

    100% {
        bottom: 0;
        opacity: 1
    }
}

@keyframes loadingOff {
    0% {
        bottom: 0;
        opacity: 1
    }

    99% {
        bottom: 0;
        opacity: 0
    }

    100% {
        bottom: 100%
    }
}

body > .loader {
    display: none
}

body[data-loading=on] > .loader {
    z-index: 999999;
    position: fixed;
    top: calc(50% - 50px);
    left: calc(50% - 35px);
    display: block;
    width: 70px;
    text-align: center
}

.loader > div {
    width: 40px;
    height: 40px;
    display: inline-block;
    border: 2px solid #999999;
    border-bottom-color: transparent;
    border-radius: 100%;
    animation: loader-animation 2s infinite linear both
}

@keyframes loader-animation {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.btn {
    white-space: nowrap;
    text-transform: uppercase;
    text-align: center;
    font-family: "Lato",sans-serif;
    background: none;
    cursor: pointer;
    border: none;
    display: inline-block
}

    .btn[disabled] {
        background: #cccccc !important;
        pointer-events: none;
        cursor: default !important
    }

.btn01 {
    background: #001c44
}

    .btn01:hover,
    .btn01:focus {
        background: #143058
    }

.btn02 {
    background: #999999
}

    .btn02:hover,
    .btn02:focus {
        background: #adadad
    }

.btn03 {
    background: #d6273b
}

    .btn03:hover,
    .btn03:focus {
        background: _Btn3H_
    }

.btn04 {
    background: #78b432
}

    .btn04:hover,
    .btn04:focus {
        background: #8cc846
    }

.btn01,
.btn02,
.btn03,
.btn04,
.btnInputFile {
    padding: 0 25px;
    font-weight: 400;
    border-radius: 3px;
    color: #ffffff;
    line-height: 40px;
    font-size: 13px
}

.btnInputFile {
    color: #555555;
    border: 1px solid #ededed;
    line-height: 38px
}

    .btnInputFile:hover,
    .btnInputFile[data-focus=on] {
        background: rgba(0,0,0,0.05)
    }

    .btnInputFile[data-disabled=on] {
        background: #cccccc;
        color: #ffffff;
        pointer-events: none
    }

.btnLoginFacebook {
    background: #3b4f92;
    font-size: 13px;
    padding: 0;
    border-radius: 3px;
    color: #ffffff;
    margin-bottom: 20px
}

    .btnLoginFacebook > .txt {
        line-height: 40px;
        vertical-align: middle
    }

    .btnLoginFacebook > .ico {
        display: inline-block;
        line-height: 40px;
        font-size: 20px;
        font-weight: normal;
        margin-right: 15px;
        vertical-align: middle
    }

    .btnLoginFacebook:hover {
        background: #4f63a6
    }

.btnLoginGoogle {
    background: #dc4e41;
    font-size: 13px;
    padding: 0 20px;
    border-radius: 3px;
    color: #ffffff;
    margin-bottom: 20px
}

    .btnLoginGoogle > .txt {
        line-height: 40px;
        vertical-align: middle
    }

    .btnLoginGoogle > .ico {
        display: inline-block;
        line-height: 40px;
        font-size: 20px;
        font-weight: normal;
        margin-right: 15px;
        vertical-align: middle
    }

    .btnLoginGoogle:hover {
        background: #f06255
    }

.msg {
    border-radius: 3px;
    padding: 9px;
    padding-left: 45px;
    position: relative;
    margin: 15px 0 15px
}

    .msg::before {
        font-family: "FIconos";
        position: absolute;
        width: 20px;
        line-height: 20px;
        top: 9px;
        left: 10px;
        text-align: center;
        color: #ffffff;
        background: none;
        font-size: 16px
    }

    .msg > p {
        line-height: 20px;
        font-size: 12px;
        color: #ffffff;
        font-weight: normal
    }

        .msg > p.tit {
            font-size: 15px;
            font-weight: bold;
            margin-bottom: 5px
        }

        .msg > p > a {
            color: inherit;
            text-decoration: underline
        }

            .msg > p > a:hover {
                opacity: .8
            }

    .msg.ok {
        background: rgba(120,180,50,0.8);
        border: 1px solid #78b432
    }

    .msg.err {
        background: rgba(214,39,59,0.8);
        border: 1px solid #d6273b
    }

    .msg.warn {
        background: rgba(246,171,36,0.8);
        border: 1px solid #f6ab24
    }

    .msg.ok::before {
        content: '\e80C'
    }

    .msg.err::before {
        content: '\e80D'
    }

    .msg.warn::before {
        content: '\e80E'
    }

.aListProductos {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px 20px
}

    .aListProductos > .it {
        padding: 0 20px;
        position: relative
    }

        .aListProductos > .it > .cnt {
            text-align: center;
            height: 100%;
            position: relative
        }

            .aListProductos > .it > .cnt::before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                transition: border 0.3s;
                pointer-events: none;
                border: 1px solid #ededed;
                transition: border-color 0.3s;
                z-index: 2
            }

            .aListProductos > .it > .cnt > .img {
                padding-top: 130.43%;
                display: block;
                position: relative
            }

                .aListProductos > .it > .cnt > .img > * {
                    z-index: 1
                }

                .aListProductos > .it > .cnt > .img > img {
                    width: 100%;
                    height: auto;
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    z-index: 0;
                    position: absolute
                }

                    .aListProductos > .it > .cnt > .img > img + img {
                        visibility: hidden;
                        opacity: 0;
                        transition: visibility 0s 0.3s,opacity 0.3s
                    }

                .aListProductos > .it > .cnt > .img:hover > img + img {
                    visibility: visible;
                    opacity: 1;
                    transition: opacity 0.5s
                }

                .aListProductos > .it > .cnt > .img > .cocardas {
                    position: absolute;
                    top: 0;
                    left: 0;
                    bottom: 0;
                    right: 0
                }

                    .aListProductos > .it > .cnt > .img > .cocardas > .dfl {
                        position: absolute;
                        top: 0;
                        left: 0;
                        bottom: 0;
                        width: 20%;
                        padding: 5% 0 0 0
                    }

                    .aListProductos > .it > .cnt > .img > .cocardas > .ctm {
                        position: absolute;
                        top: 0;
                        right: 0;
                        bottom: 0;
                        width: 20%;
                        padding: 5% 5% 0 0
                    }

                    .aListProductos > .it > .cnt > .img > .cocardas > * > * {
                        display: block;
                        margin-bottom: 5px;
                        float: left;
                        clear: both;
                        width: 100%;
                        min-width: 40px;
                        max-width: 80px
                    }

                        .aListProductos > .it > .cnt > .img > .cocardas > * > * > img {
                            width: 100%
                        }

                    .aListProductos > .it > .cnt > .img > .cocardas > .ctm > * {
                        float: right
                    }

                .aListProductos > .it > .cnt > .img > .logoMarca {
                    position: absolute;
                    top: 0;
                    left: 0;
                    bottom: 0;
                    right: 0
                }

                    .aListProductos > .it > .cnt > .img > .logoMarca > img {
                        position: absolute;
                        left: 0;
                        bottom: 0;
                        width: 25%;
                        padding: 0 0 5% 5%
                    }

            .aListProductos > .it > .cnt > .info {
                padding: 10px;
                border-top: 1px solid #ededed
            }

                .aListProductos > .it > .cnt > .info > .tit {
                    display: block;
                    line-height: 20px;
                    font-size: 14px;
                    font-weight: bold;
                    color: #000000;
                    margin-bottom: 5px
                }

                .aListProductos > .it > .cnt > .info > .marca {
                    display: none;
                    line-height: 20px;
                    font-size: 10px;
                    color: #555555;
                    text-transform: uppercase;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    overflow: hidden
                }

                .aListProductos > .it > .cnt > .info > .desc {
                    line-height: 20px;
                    font-size: 12px;
                    margin-bottom: 10px
                }

                    .aListProductos > .it > .cnt > .info > .desc:empty {
                        display: none
                    }

                .aListProductos > .it > .cnt > .info > .precios {
                    line-height: 20px;
                    font-size: 13px
                }

                    .aListProductos > .it > .cnt > .info > .precios > * + * {
                        margin-left: 5px
                    }

                    .aListProductos > .it > .cnt > .info > .precios > .venta {
                        color: #000000;
                        display: inline-block;
                        white-space: nowrap
                    }

                    .aListProductos > .it > .cnt > .info > .precios > .lista {
                        white-space: nowrap;
                        line-height: 0;
                        display: inline-block;
                        margin-left: 10px;
                        font-size: 80%;
                        color: #999999;
                        line-height: 15px;
                        text-decoration: none;
                        position: relative
                    }

                        .aListProductos > .it > .cnt > .info > .precios > .lista::after {
                            content: '';
                            height: 1px;
                            background-color: #999999;
                            display: block;
                            position: absolute;
                            top: 50%;
                            width: 100%
                        }

                .aListProductos > .it > .cnt > .info > .porcRebaja {
                    display: none;
                    line-height: 20px;
                    font-size: 10px
                }

                    .aListProductos > .it > .cnt > .info > .porcRebaja .aux {
                        color: #ffffff;
                        background-color: #d6283b;
                        display: inline-block;
                        padding: 0 10px
                    }

                        .aListProductos > .it > .cnt > .info > .porcRebaja .aux::before {
                            content: '¡Ahorrá un '
                        }

                        .aListProductos > .it > .cnt > .info > .porcRebaja .aux::after {
                            content: '%!'
                        }

                    .aListProductos > .it > .cnt > .info > .porcRebaja .dec {
                        display: none
                    }

                        .aListProductos > .it > .cnt > .info > .porcRebaja .dec::before {
                            content: ','
                        }

                .aListProductos > .it > .cnt > .info > .variantes {
                    margin: 5px 0 -5px 0 !important;
                    line-height: 0;
                    font-size: 0;
                    text-align: center
                }

                    .aListProductos > .it > .cnt > .info > .variantes[data-tot="1"] {
                        display: none
                    }

                    .aListProductos > .it > .cnt > .info > .variantes > a {
                        vertical-align: top;
                        display: inline-block;
                        position: relative;
                        margin: 0 3px 5px 3px
                    }

                        .aListProductos > .it > .cnt > .info > .variantes > a.sld:after {
                            border-radius: 2px;
                            content: "";
                            position: absolute;
                            top: 0;
                            left: 0;
                            right: 0;
                            bottom: 0;
                            left: -1px;
                            right: -1px;
                            top: -1px;
                            bottom: -1px;
                            border: 2px solid #001c44
                        }

                        .aListProductos > .it > .cnt > .info > .variantes > a > img {
                            width: 20px;
                            height: 20px;
                            border-radius: 2px
                        }

                    .aListProductos > .it > .cnt > .info > .variantes[data-tot="1"] > a {
                        cursor: default
                    }

                .aListProductos > .it > .cnt > .info > .btnComprar {
                    display: block;
                    width: 100%;
                    line-height: 35px;
                    margin: 10px 0;
                    font-size: 11px;
                    position: relative;
                    color: #001c44;
                    background: #ffffff;
                    transition: color 0.3s,background 0.3s
                }

                    .aListProductos > .it > .cnt > .info > .btnComprar::after {
                        content: "";
                        position: absolute;
                        top: 0;
                        left: 0;
                        right: 0;
                        bottom: 0;
                        border: 1px solid #001c44;
                        border-radius: 3px
                    }

                    .aListProductos > .it > .cnt > .info > .btnComprar span::before {
                        content: 'Comprar'
                    }

                    .aListProductos > .it > .cnt > .info > .btnComprar:hover {
                        color: #ffffff;
                        background: #001c44
                    }

    .aListProductos[data-cargarvariantes="0"] > .it > .cnt > .info > .variantes {
        display: none
    }

    .aListProductos > .it > .cnt:hover::before {
        border-color: #001c44;
        border-width: 2px
    }

@media all and (min-width:1280px) {
    .aListProductos > .it {
        margin-bottom: 40px !important
    }

    body.items1 .aListProductos > .it {
        width: 100%
    }

    body.items2 .aListProductos > .it {
        width: 50%
    }

    body.items3 .aListProductos > .it {
        width: 33.33%
    }

    body.items4 .aListProductos > .it {
        width: 25%
    }

    body.items5 .aListProductos > .it {
        width: 20%
    }

    body.items6 .aListProductos > .it {
        width: 16.66%
    }
}

@media all and (max-width:1279px) and (min-width:1024px) {
    .aListProductos {
        margin: 0 -15px
    }

        .aListProductos > .it {
            padding: 0 15px;
            margin-bottom: 30px !important
        }

    body.items1 .aListProductos > .it {
        width: 100%
    }

    body.items2 .aListProductos > .it {
        width: 50%
    }

    body.items3 .aListProductos > .it {
        width: 33.33%
    }

    body.items4 .aListProductos > .it {
        width: 25%
    }

    body.items5 .aListProductos > .it {
        width: 20%
    }

    body.items6 .aListProductos > .it {
        width: 16.66%
    }
}

@media all and (max-width:1023px) {
    .aListProductos {
        margin: 0 -10px
    }

        .aListProductos > .it {
            padding: 0 10px;
            margin-bottom: 20px !important
        }

    body.items1 .aListProductos > .it {
        width: 100%
    }

    body.items2 .aListProductos > .it {
        width: 50%
    }

    body.items3 .aListProductos > .it {
        width: 33.33%
    }

    body.items4 .aListProductos > .it,
    body.items5 .aListProductos > .it,
    body.items6 .aListProductos > .it {
        width: 25%
    }
}

@media all and (max-width:768px) {
    body.items1 .aListProductos > .it {
        width: 100%
    }

    body.items2 .aListProductos > .it {
        width: 50%
    }

    body.items3 .aListProductos > .it,
    body.items4 .aListProductos > .it,
    body.items5 .aListProductos > .it,
    body.items6 .aListProductos > .it {
        width: 33.33%
    }
}

@media all and (max-width:640px) {
    body.items1 .aListProductos > .it {
        width: 100%
    }

    body.items2 .aListProductos > .it,
    body.items3 .aListProductos > .it,
    body.items4 .aListProductos > .it,
    body.items5 .aListProductos > .it,
    body.items6 .aListProductos > .it {
        width: 50%
    }
}

@media all and (max-width:480px) {
    .aListProductos {
        margin: 0 -5px
    }

        .aListProductos > .it {
            padding: 0 5px;
            margin-bottom: 20px !important
        }
}

@media all and (max-width:380px) {
    body.items1 .aListProductos > .it,
    body.items2 .aListProductos > .it {
        width: 100%
    }

    body.items3 .aListProductos > .it,
    body.items4 .aListProductos > .it,
    body.items5 .aListProductos > .it,
    body.items6 .aListProductos > .it {
        width: 50%
    }
}

@media all and (max-width:340px) {
    body.items1 .aListProductos > .it,
    body.items2 .aListProductos > .it,
    body.items3 .aListProductos > .it,
    body.items4 .aListProductos > .it,
    body.items5 .aListProductos > .it,
    body.items6 .aListProductos > .it {
        width: 100%
    }
}

::-moz-placeholder {
    color: #999999;
    font-family: "Lato",sans-serif
}

:-moz-placeholder {
    color: #999999;
    font-family: "Lato",sans-serif
}

::-webkit-input-placeholder {
    color: #999999;
    font-family: "Lato",sans-serif
}

:-ms-input-placeholder {
    color: #999999;
    font-family: "Lato",sans-serif
}

input,
select,
textarea {
    font-family: "Lato",sans-serif;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    outline: none
}

[disabled="disabled"] {
    opacity: .5
}

input[name=txtCaptcha] {
    text-transform: uppercase
}

label.toggleButton {
    position: relative;
    padding: 10px 0 10px 28px;
    display: inline-block;
    margin-right: 20px
}

    label.toggleButton > input {
        position: absolute;
        opacity: 0;
        -webkit-appearance: radio
    }

        label.toggleButton > input + b {
            line-height: 20px;
            font-weight: normal
        }

            label.toggleButton > input + b:before {
                cursor: pointer;
                border: 1px solid #ededed;
                border-radius: 2px;
                content: '';
                display: block;
                float: left;
                width: 20px;
                height: 20px;
                margin-left: -28px;
                background-color: #ffffff
            }

            label.toggleButton > input + b:hover:before {
                background-color: #ffffff
            }

        label.toggleButton > input[type=radio] + b:before {
            border-radius: 100%
        }

        label.toggleButton > input[type=radio]:checked + b:before {
            box-shadow: 0 0 0 4px #ffffff inset,0 0 0 10px #001c44 inset
        }

        label.toggleButton > input[type=checkbox]:checked + b:before {
            content: '\e80C';
            color: #001c44;
            font-family: "FIconos";
            text-align: center;
            line-height: 18px;
            font-size: 15px
        }

select,
textarea,
input:not([type="radio"]):not([type="file"]):not([type="checkbox"]) {
    font-family: "Lato",sans-serif;
}

select,
input:not([type="radio"]):not([type="file"]):not([type="checkbox"]) {
    padding: 0 10px
}

textarea {
    padding: 10px
}

select {
    background: url("data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICAgICB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIKICAgICAgd2lkdGg9IjEwMCIgaGVpZ2h0PSI1MCI+CiAgICA8cG9seWdvbiBwb2ludHM9IjAgMCw1MCA1MCwxMDAgMCIgZmlsbD0iYmxhY2siIC8+Cjwvc3ZnPg==");
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: right 10px center;
    background-color: #ffffff;
    padding-right: 30px
}

.file-upload {
    overflow: hidden
}

    .file-upload > input {
        display: block;
        margin: -1px 0 0 0 !important;
        height: 1px !important;
        width: 1px !important;
        opacity: 0
    }

    .file-upload > span {
        clear: both
    }

.frm01 .fld-grp > *,
.frm01 .fld {
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 20px
}

    .frm01 .fld > .lbl::after {
        content: "";
        overflow: hidden;
        display: block;
        height: 0;
        clear: both
    }

    .frm01 .fld > .lbl > b {
        font-weight: normal;
        color: #000000;
        font-weight: bold;
        display: block;
        line-height: 20px;
        padding: 10px 0 5px 5px
    }

    .frm01 .fld > .lbl textarea {
        min-height: 150px
    }

    .frm01 .fld > .info {
        display: block;
        line-height: 20px;
        font-size: 12px;
        font-style: normal;
        margin-top: 5px
    }

    .frm01 .fld > .lbl input.err,
    .frm01 .fld > .lbl select.err,
    .frm01 .fld > .lbl textarea.err {
        padding: 8px 13px;
        border-width: 2px;
        border-color: #d6273b !important
    }

    .frm01 .fld > .lbl strong.err {
        line-height: 15px;
        font-weight: normal;
        font-size: 12px;
        color: #d6273b;
        display: block;
        margin: 5px 0
    }

.frm01 #fldCaptcha > .lbl > input {
    width: calc(100% - 180px)
}

.frm01 #fldCaptcha > .lbl > .img {
    display: block;
    height: 40px;
    margin-bottom: 10px;
    float: left;
    margin-right: 10px
}

    .frm01 #fldCaptcha > .lbl > .img > img {
        height: 40px;
        width: 145px;
        float: left;
        margin-right: 5px;
        border-radius: 3px
    }

    .frm01 #fldCaptcha > .lbl > .img > .btnRefrescarCaptcha {
        top: 10px;
        border: none;
        cursor: pointer;
        width: 20px;
        height: 20px;
        position: relative;
        font-size: 15px;
        background: none;
        line-height: 20px;
        text-align: center;
        font-family: "FIconos"
    }

        .frm01 #fldCaptcha > .lbl > .img > .btnRefrescarCaptcha:after {
            content: '\e81A'
        }

.frm01 .actions {
    margin-top: 30px
}

    .frm01 .actions > .btn + .btn {
        margin-left: 10px
    }

.frm01.lblLeft[data-small='off'] .fld {
    font-size: 13px
}

    .frm01.lblLeft[data-small='off'] .fld > .lbl > b {
        float: left;
        width: 220px;
        padding: 10px 0
    }

    .frm01.lblLeft[data-small='off'] #fldCaptcha,
    .frm01.lblLeft[data-small='off'] .fld > .info,
    .frm01.lblLeft[data-small='off'] .fld > .lbl > strong.err,
    .frm01.lblLeft[data-small='off'] .fld > .lbl > label.toggleButton:first-child,
    .frm01.lblLeft[data-small='off'] .actions {
        margin-left: 220px
    }

    .frm01.lblLeft[data-small='off'] .fld > .lbl label.toggleButton {
        margin-bottom: 10px
    }

        .frm01.lblLeft[data-small='off'] .fld > .lbl label.toggleButton:first-of-type {
            padding-top: 10px
        }

            .frm01.lblLeft[data-small='off'] .fld > .lbl label.toggleButton:first-of-type > input + b::before {
                top: 10px
            }

    .frm01.lblLeft[data-small='off'] .fld > .lbl select,
    .frm01.lblLeft[data-small='off'] .fld > .lbl textarea,
    .frm01.lblLeft[data-small='off'] .fld > .lbl input:not([type="file"]):not([type="radio"]):not([type="checkbox"]) {
        width: calc(100% - 220px)
    }

    .frm01.lblLeft[data-small='off'] .fld > .lbl input.inputfile + .inputFileBtn {
        max-width: calc(100% - 220px)
    }

.text {
    color: #555555;
    margin-bottom: 25px;
    line-height: 25px;
    font-size: 13px
}

    .text h2 {
        line-height: 35px;
        margin: 30px 0 15px;
        font-size: 25px;
        color: #000000;
        font-weight: 300
    }

    .text h3 {
        line-height: 25px;
        margin: 20px 0 10px;
        font-size: 18px;
        font-weight: 300;
        color: #000000
    }

    .text p {
        margin-bottom: 10px
    }

    .text ol,
    .text ul {
        padding-left: 25px;
        margin: 15px 0 15px
    }

    .text ol {
        list-style: decimal outside
    }

    .text ul {
        list-style: disc
    }

    .text li {
        padding-left: 10px;
        margin-bottom: 5px
    }

    .text table {
        margin: 20px 0;
        font-size: 13px;
        line-height: 20px
    }

        .text table.fr-alternate-rows tr:nth-child(2n) {
            background-color: #f9f9f9
        }

        .text table th,
        .text table td {
            border: 1px solid #ededed;
            padding: 8px
        }

            .text table td.fnTblHeader,
            .text table th.fnTblHeader {
                background-color: #ddd;
                font-weight: bold;
                color: #000000
            }

    .text img {
        max-width: 100%;
        height: auto;
        margin: 20px auto
    }

    .text iframe {
        max-width: 100%;
        display: block;
        margin: 30px auto
    }

    .text .aListProductos img {
        margin: 0
    }

.pagination {
    margin-top: 40px;
    padding-top: 14px;
    border-top: 1px solid #ededed;
    font-size: 14px;
    line-height: 28px
}

    .pagination .prev,
    .pagination .next {
        border: 1px solid #ededed;
        padding: 0 10px;
        display: inline-block;
        height: 30px
    }

        .pagination .prev::before {
            content: '\e814';
            font-family: "FIconos";
            margin-right: 5px;
            font-size: 80%
        }

        .pagination .next::after {
            content: '\e812';
            font-family: "FIconos";
            margin-left: 5px;
            font-size: 80%
        }

    .pagination > .pages {
        margin: 0 10px
    }

        .pagination > .pages * {
            font-weight: normal;
            display: inline-block;
            border: 1px solid #ededed;
            min-width: 30px;
            text-align: center;
            margin: 0 5px;
            height: 30px
        }

    .pagination a {
        transition: background-color 0.3s
    }

        .pagination a:hover {
            background-color: rgba(0,0,0,0.05)
        }

.tabs01 {
    position: relative;
    margin-top: 40px
}

.no-js .tabs01 > .it {
    margin-bottom: 25px
}

.tabs01 > .it > .tit {
    font-size: 15px;
    line-height: 25px;
    color: #777777;
    margin-bottom: 20px;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 15px;
    text-transform: uppercase;
    font-weight: 700
}

.tabs01 > .it > .cnt {
    padding: 0 15px
}

    .tabs01 > .it > .cnt > .text > p {
        line-height: 20px;
        margin-bottom: 10px
    }

.tabs01.js > .hdr {
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 20px;
    position: relative
}

    .tabs01.js > .hdr > div {
        overflow: hidden;
        padding-bottom: 9px
    }

    .tabs01.js > .hdr .tit {
        color: #bbbbbb;
        cursor: pointer;
        line-height: 25px;
        float: left;
        font-size: 15px;
        font-weight: 700;
        line-height: 30px;
        position: relative;
        text-transform: uppercase
    }

        .tabs01.js > .hdr .tit:hover {
            color: #777777
        }

        .tabs01.js > .hdr .tit + .tit {
            margin-left: 50px
        }

        .tabs01.js > .hdr .tit.slc {
            background: #fff;
            color: #000000;
            cursor: default;
            z-index: 3
        }

            .tabs01.js > .hdr .tit.slc:before {
                background: #e8e8e8;
                left: 0;
                right: 0;
                bottom: -10px;
                height: 4px;
                content: '';
                display: block
            }

.blk01 {
    margin-bottom: 40px
}

    .blk01 > .hdr {
        margin-bottom: 20px
    }

        .blk01 > .hdr > .tit {
            font-size: 18px;
            line-height: 25px;
            font-weight: bold;
            color: #000000
        }

.blk02 > .hdr {
    padding-bottom: 19px;
    border-bottom: 1px solid #ededed;
    margin-bottom: 25px
}

    .blk02 > .hdr > .tit {
        line-height: 25px;
        font-size: 18px;
        color: #000000;
        text-align: center;
        text-transform: uppercase
    }

.blk.menuLateral .cnt .lst li {
    margin-bottom: 10px;
    padding-top: 10px
}

    .blk.menuLateral .cnt .lst li + li {
        border-top: 1px solid #ededed
    }

    .blk.menuLateral .cnt .lst li a {
        line-height: 20px;
        font-size: 14px
    }

@media all and (max-width:1279px) and (min-width:1024px) {
    .blkProductos {
        margin-bottom: 30px
    }
}

@media all and (max-width:1023px) {
    .blkProductos {
        padding: 20px 0 20px;
        margin-bottom: 20px
    }

        .blkProductos > .hdr {
            margin-bottom: 20px
        }
}

@media all and (max-width:480px) {
    .blkProductos {
        padding: 20px 0 20px;
        margin-bottom: 10px
    }

        .blkProductos > .hdr {
            margin-bottom: 20px
        }

            .blkProductos > .hdr > .tit {
                font-size: 20px
            }
}

.row:after {
    content: "";
    overflow: hidden;
    display: block;
    height: 0;
    clear: both
}

.row > * {
    float: left
}

.row.content {
    margin: 0 -20px
}

    .row.content > * {
        padding: 0 20px;
        margin-bottom: 40px !important
    }

.row.n1 > * {
    width: 100%;
    float: none
}

.row.n2 > * {
    width: 50%
}

.row.n3 > * {
    width: 33.33%
}

.row.n4 > * {
    width: 25%
}

@media all and (max-width:1279px) and (min-width:1024px) {
    row.content {
        margin: 0 -15px
    }

        row.content > * {
            padding: 0 15px;
            margin-bottom: 30px !important
        }
}

@media all and (max-width:1023px) {
    .row.content {
        margin: 0 -10px
    }

        .row.content > * {
            padding: 0 10px;
            margin-bottom: 20px !important
        }
}

@media all and (max-width:820px) {
    .row.n4 > * {
        width: 50%
    }
}

@media all and (max-width:640px) {
    .row.n3 > * {
        width: 100%;
        float: none
    }
}

@media all and (max-width:480px) {
    .row.content {
        margin: 0 -5px
    }

        .row.content > * {
            padding: 0 5px;
            margin-bottom: 10px !important
        }

    .row.n2 > * {
        width: 100%;
        float: none
    }

    .row.n3 > * {
        width: 100%;
        float: none
    }

    .row.n4 > * {
        width: 100%;
        float: none
    }
}

.adminCnt {
    display: none !important
}

#pre {
    overflow: hidden
}

#wrapper {
    margin: 0 auto
}

#central {
    padding-top: 40px;
    margin-bottom: 80px
}

    #central::after {
        content: "";
        overflow: hidden;
        display: block;
        height: 0;
        clear: both
    }

    #central > .hdr {
        padding-bottom: 20px;
        margin-bottom: 40px;
        position: relative
    }

        #central > .hdr::before {
            content: '';
            border-top: 1px solid #ededed;
            position: absolute;
            bottom: 0;
            left: -5000px;
            right: -5000px
        }

        #central > .hdr > .tit {
            color: #000000;
            font-weight: bold;
            text-transform: uppercase;
            line-height: 30px;
            font-size: 25px
        }

        #central > .hdr > .btnVolver {
            font-size: 12px;
            line-height: 15px;
            text-transform: uppercase;
            color: #555555;
            position: absolute;
            right: 0;
            top: 10px
        }

            #central > .hdr > .btnVolver:before {
                content: '\e814';
                font-family: "FIconos";
                margin-right: 10px
            }

body.layout01 #central > #main {
    float: left;
    width: 70%;
    padding-right: 40px
}

body.layout01 #central > #secondary {
    float: right;
    width: 30%;
    padding-left: 20px
}

body.layout02 #central > #main {
    float: right;
    width: 70%;
    padding-left: 40px
}

body.layout02 #central > #secondary {
    float: left;
    width: 30%;
    padding-right: 20px
}

body.layout03 #central > #main {
    margin-bottom: 30px
}

body.noSecondary #central > #secondary {
    display: none !important
}

body.layoutMiCuenta #central > #main {
    float: right;
    width: 74.1%
}

body.layoutMiCuenta #central > #secondary {
    float: left;
    width: 25.9%;
    padding-right: 40px
}

body.noSecondary #central > #secondary {
    display: none !important
}

@media all and (min-width:1280px) {
    #wrapper {
        width: 1160px
    }

    .banner[data-area='Top'] {
        height: 50px
    }

        .banner[data-area='Top'] img {
            margin-left: -380px
        }
}

@media all and (max-width:1279px) and (min-width:1024px) {
    #wrapper {
        width: 980px
    }

    #central {
        padding: 30px 0 0
    }

    .banner[data-area='Top'] {
        height: 50px
    }

        .banner[data-area='Top'] img {
            margin-left: -150px
        }

    #central > .hdr {
        margin-bottom: 30px
    }
}

@media all and (max-width:1023px) {
    #central {
        padding: 20px 20px 0;
        margin-bottom: 40px
    }

    .banner[data-area='Top'] img {
        width: 100%
    }

    #central > .hdr {
        margin-bottom: 20px
    }

    body.layout01 #central > #main {
        margin-bottom: 40px
    }

    body.layout01 #central > #main,
    body.layout01 #central > #secondary {
        float: none;
        width: 100%;
        padding: 0
    }

    body.layout02 #central > #main {
        margin-bottom: 40px
    }

    body.layout02 #central > #main,
    body.layout02 #central > #secondary {
        float: none;
        width: 100%;
        padding: 0
    }

    #central > .hdr > .tit {
        font-size: 22px;
        text-align: center
    }

    #central > .hdr > .btnVolver {
        display: block;
        position: static;
        text-align: center;
        font-size: 11px;
        margin: 10px auto 0;
        width: 200px
    }
}

@media all and (max-width:480px) {
    #central {
        padding: 10px 10px 0;
        margin-bottom: 20px
    }

        #central > .hdr {
            padding-bottom: 10px;
            margin-bottom: 10px
        }

            #central > .hdr > .tit {
                font-size: 18px;
                line-height: 25px;
                text-align: center
            }
}

#header {
    z-index: 4;
    position: relative
}

    #header::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #001c44;
        left: -5000px;
        right: -5000px;
        z-index: -1;
        border-top: 30px solid #fce2eb
    }

    #header > .cnt {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-flow: row wrap;
        position: relative
    }

        #header > .cnt > #logo > a {
            display: inline-block;
            vertical-align: middle;
            height: 25px
        }

            #header > .cnt > #logo > a > img {
                height: 100%;
                width: auto
            }

        #header > .cnt > #btnMainMenuMobile {
            width: 50px;
            line-height: 50px;
            height: 50px;
            text-align: center
        }

            #header > .cnt > #btnMainMenuMobile > .ico {
                color: #555555;
                font-size: 18px;
                color: #ffffff
            }

            #header > .cnt > #btnMainMenuMobile > .txt {
                display: none
            }

        #header > .cnt > #menu > .lst {
            display: flex
        }

            #header > .cnt > #menu > .lst > .it + .it {
                margin-left: 30px
            }

            #header > .cnt > #menu > .lst > .it > a,
            #header > .cnt > #menu > .lst > .it > strong {
                text-transform: uppercase;
                font-weight: normal;
                color: #ffffff;
                position: relative;
                display: block;
                line-height: 80px;
                font-size: 14px
            }

            #header > .cnt > #menu > .lst > .it > strong {
                cursor: default
            }

                #header > .cnt > #menu > .lst > .it > a::after,
                #header > .cnt > #menu > .lst > .it > strong::after {
                    content: "";
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    right: 0;
                    height: 0px;
                    background-color: #d6283b;
                    transition: height .3s
                }

            #header > .cnt > #menu > .lst > .it:hover > strong::after,
            #header > .cnt > #menu > .lst > .it:hover > a::after {
                height: 4px
            }

            #header > .cnt > #menu > .lst > .it > .subMenu {
                position: absolute;
                font-family: "Lato",sans-serif;
                top: 100%;
                overflow: hidden;
                visibility: hidden;
                transition: visibility 0s 0.5s
            }

            #header > .cnt > #menu > .lst > .it:hover > .subMenu {
                visibility: visible;
                transition: visibility 0s 0.3s
            }

            #header > .cnt > #menu > .lst > .it > .subMenu > .cnt {
                background: #ffffff;
                border: 1px solid #ededed;
                border-top: none;
                display: flex;
                float: left;
                padding: 10px;
                font-size: 12px;
                text-align: left
            }

                #header > .cnt > #menu > .lst > .it > .subMenu > .cnt > ul {
                    max-height: 300px;
                    display: flex;
                    flex-direction: column;
                    flex-wrap: wrap
                }

                    #header > .cnt > #menu > .lst > .it > .subMenu > .cnt > ul + ul {
                        border-left: 1px solid #ededed;
                        padding-left: 10px;
                        margin-left: 10px
                    }

                    #header > .cnt > #menu > .lst > .it > .subMenu > .cnt > ul.cols2 {
                        width: 360px
                    }

                    #header > .cnt > #menu > .lst > .it > .subMenu > .cnt > ul.cols3 {
                        width: 540px
                    }

                    #header > .cnt > #menu > .lst > .it > .subMenu > .cnt > ul > li {
                        width: 180px
                    }

                        #header > .cnt > #menu > .lst > .it > .subMenu > .cnt > ul > li.hdr > .tit {
                            color: #000000;
                            font-weight: bold;
                            display: block;
                            padding: 5px 10px;
                            line-height: 20px;
                            text-transform: uppercase
                        }

                        #header > .cnt > #menu > .lst > .it > .subMenu > .cnt > ul > li > a {
                            color: #000000;
                            display: block;
                            padding: 5px 10px;
                            line-height: 20px;
                            transition: background 0.3s;
                            white-space: nowrap;
                            overflow: hidden;
                            text-overflow: ellipsis
                        }

                            #header > .cnt > #menu > .lst > .it > .subMenu > .cnt > ul > li > a:hover {
                                background: rgba(0,28,68,0.1)
                            }

                #header > .cnt > #menu > .lst > .it > .subMenu > .cnt > .banner {
                    border-left: 1px solid #ededed;
                    padding-left: 10px;
                    margin-left: 10px
                }

                    #header > .cnt > #menu > .lst > .it > .subMenu > .cnt > .banner img {
                        height: 300px;
                        width: auto
                    }

body[data-fixed=on] #header > .cnt > #menu > .lst > .it > .subMenu {
    top: 50px;
    z-index: -2
}

body.headerSubMenuFullWidth #header > .cnt > #menu > .lst > .it > .subMenu {
    left: 0;
    right: 0
}

    body.headerSubMenuFullWidth #header > .cnt > #menu > .lst > .it > .subMenu > .cnt {
        width: 100%
    }

body.headerSubMenuFullPageWidth #header > .cnt > #menu > .lst > .it > .subMenu {
    left: -5000px;
    right: -5000px
}

    body.headerSubMenuFullPageWidth #header > .cnt > #menu > .lst > .it > .subMenu > .cnt::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-bottom: 1px solid #ededed;
        z-index: -1;
        background-color: #ffffff;
        left: -5000px;
        right: -5000px
    }

    body.headerSubMenuFullPageWidth #header > .cnt > #menu > .lst > .it > .subMenu > .cnt {
        width: 1160px;
        float: none;
        background: transparent;
        margin: 0 auto;
        border: none
    }

body.headerSubMenuFade #header > .cnt > #menu > .lst > .it > .subMenu > .cnt {
    opacity: 0;
    transition: opacity 0.3s 0.3s
}

body.headerSubMenuFade #header > .cnt > #menu > .lst > .it:hover > .subMenu > .cnt {
    opacity: 1;
    transition: opacity 0.3s 0.3s
}

body.headerSubMenuSlideDown #header > .cnt > #menu > .lst > .it > .subMenu > .cnt {
    transform: translateY(-100%);
    transition: transform 0.3s 0.3s
}

body.headerSubMenuSlideDown #header > .cnt > #menu > .lst > .it:hover > .subMenu > .cnt {
    transform: translateY(0%);
    transition: transform 0.5s 0.3s
}

#header > .cnt > #menuTop > .lst {
    text-align: right
}

    #header > .cnt > #menuTop > .lst > .it {
        display: inline-block
    }

        #header > .cnt > #menuTop > .lst > .it + .it {
            margin-left: 20px
        }

        #header > .cnt > #menuTop > .lst > .it > a,
        #header > .cnt > #menuTop > .lst > .it > strong {
            font-weight: 400;
            color: rgba(255,255,255,0.5);
            line-height: 30px;
            font-size: 11px
        }

#header .toolsItem {
    margin-left: 5px;
    position: relative
}

    #header .toolsItem > .btnItem {
        background: none;
        display: block;
        cursor: pointer;
        font-family: "Lato",sans-serif;
        border: none;
        font-size: 10px;
        color: #ffffff;
        padding: 0 10px;
        line-height: 50px;
        height: 50px;
        min-width: 50px;
        position: relative
    }

        #header .toolsItem > .btnItem > * {
            vertical-align: middle
        }

        #header .toolsItem > .btnItem > .ico {
            text-align: center;
            font-size: 16px;
            font-family: "FIconos";
            transition: color 0.3s;
            display: inline-block;
            width: 30px
        }

        #header .toolsItem > .btnItem > .txt {
            text-transform: uppercase;
            padding-right: 10px
        }

        #header .toolsItem > .btnItem::after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: transparent;
            border-radius: 5px;
            transition: background 0.3s;
            z-index: -1
        }

        #header .toolsItem > .btnItem:hover::after,
        #header .toolsItem[data-show=on] > .btnItem::after {
            background: rgba(0,0,0,0.2)
        }

#header > .cnt > .accesoMiCuentaCnt > .btnItem > .ico::before {
    content: '\e80A'
}

#header > .cnt > .accesoMiCuentaCnt[data-logged='on'] > .btnItem > .txt {
    display: none
}

#header > .cnt > .accesoMiCuentaCnt[data-logged='on'] > .btnItem > .usuario {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100px
}

#header > .cnt > .accesoMiCuentaCnt > .btnItem > .txt::before {
    content: 'Mi cuenta'
}

#header > .cnt > .accesoMiCuentaCnt > .miCuentaMenu {
    width: 250px;
    position: absolute;
    top: 78px;
    right: 0;
    background: #ffffff;
    border-radius: 5px;
    padding: 4px 19px;
    border: 1px solid #ededed;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s 0.3s,opacity 0.3s linear
}

    #header > .cnt > .accesoMiCuentaCnt > .miCuentaMenu > .btnCerrar {
        display: none
    }

    #header > .cnt > .accesoMiCuentaCnt > .miCuentaMenu > .lst > .it:not(:last-child) {
        margin-top: 5px;
        margin-bottom: 5px;
        padding-bottom: 4px;
        border-bottom: 1px solid #ededed
    }

    #header > .cnt > .accesoMiCuentaCnt > .miCuentaMenu > .lst > .it > .tit {
        text-align: center;
        display: block;
        color: #555555;
        line-height: 20px;
        font-size: 14px;
        padding: 10px 0
    }

    #header > .cnt > .accesoMiCuentaCnt > .miCuentaMenu > .lst > .it > a.tit:hover {
        color: #d6283b
    }

    #header > .cnt > .accesoMiCuentaCnt > .miCuentaMenu > .lst > .it > strong.tit {
        color: #000000
    }

#header > .cnt > .accesoMiCuentaCnt[data-logged='on'][data-show="on"] > .miCuentaMenu {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.3s linear
}

#header > .cnt > .frmBusqueda > .btnItem > .ico::before {
    content: '\e809'
}

#header > .cnt > .frmBusqueda > .btnItem > .txt::before {
    content: 'Buscar'
}

#header > .cnt > #miCompra > .btnItem > .ico::before {
    content: '\e80B'
}

#header > .cnt > #miCompra > .btnItem > .txt {
    display: none
}

#header > .cnt > #miCompra > .btnItem > .importe {
    padding-right: 10px;
    font-size: 11px
}

#header > .cnt > #miCompra > .btnItem > .tot {
    position: absolute;
    top: 8px;
    left: 8px;
    display: block;
    background: #d6283b;
    font-size: 9px;
    border-radius: 100%;
    line-height: 16px;
    height: 16px;
    width: 16px;
    text-align: center
}

#header > .cnt > #miCompra > .btnItem[data-total="0"] > .tot {
    display: none
}

#header #infoTop {
    color: #ffffff;
    line-height: 30px;
    white-space: nowrap
}

    #header #infoTop .tel {
        font-size: 14px;
        font-weight: bold;
        margin-right: 10px
    }

        #header #infoTop .tel::before {
            content: '\e825';
            font-family: "FIconos";
            margin-right: 10px
        }

    #header #infoTop .info {
        font-size: 11px;
        opacity: .8
    }

@media all and (min-width:1024px) {
    body[data-fixed=on] #header {
        width: 100%;
        padding-top: 0;
        position: fixed;
        top: 0;
        animation-name: animacionMenu;
        animation-duration: .5s;
        z-index: 1000
    }

        body[data-fixed=on] #header::before {
            border-top: none
        }

        body[data-fixed=on] #header > .cnt > #infoTop {
            display: none
        }

        body[data-fixed=on] #header > .cnt > #menuTop {
            display: none
        }

        body[data-fixed=on] #header > .cnt::before {
            display: none
        }

        body[data-fixed=on] #header > .cnt > #logo {
            order: 1;
            flex-grow: 1;
            line-height: 50px;
            height: 50px;
            margin-right: 40px
        }

            body[data-fixed=on] #header > .cnt > #logo > a {
                height: 15px
            }

        body[data-fixed=on] #header > .cnt > #menu {
            order: 2;
            flex-grow: 100;
            flex-basis: auto
        }

        body[data-fixed=on] #header > .cnt > .frmBusqueda {
            order: 3
        }

        body[data-fixed=on] #header > .cnt > .accesoMiCuentaCnt {
            order: 4
        }

        body[data-fixed=on] #header > .cnt > #miCompra {
            order: 5
        }

        body[data-fixed=on] #header > .cnt > #btnMainMenuMobile {
            display: none
        }

        body[data-fixed=on] #header > .cnt > #menu > .lst > .it > a,
        body[data-fixed=on] #header > .cnt > #menu > .lst > .it > strong {
            line-height: 50px;
            height: 50px
        }

        body[data-fixed=on] #header .toolsItem {
            margin-left: 0px
        }

            body[data-fixed=on] #header .toolsItem > .btnItem::after {
                border-radius: 0
            }

    @keyframes animacionMenu {
        from {
            top: -50px
        }

        to {
            top: 0px
        }
    }

    .headerMenuBasic:not([data-fixed=on]) #header > .cnt > #infoTop {
        order: 1
    }

    .headerMenuBasic:not([data-fixed=on]) #header > .cnt > #menuTop {
        order: 2
    }

    .headerMenuBasic:not([data-fixed=on]) #header > .cnt::before {
        content: '';
        order: 3;
        flex-basis: 100%
    }

    .headerMenuBasic:not([data-fixed=on]) #header > .cnt > #logo {
        order: 4;
        margin-right: 60px
    }

    .headerMenuBasic:not([data-fixed=on]) #header > .cnt > #btnMainMenuMobile {
        display: none
    }

    .headerMenuBasic:not([data-fixed=on]) #header > .cnt > #menu {
        order: 5;
        flex-grow: 100
    }

    .headerMenuBasic:not([data-fixed=on]) #header > .cnt > .frmBusqueda {
        order: 6
    }

    .headerMenuBasic:not([data-fixed=on]) #header > .cnt > .accesoMiCuentaCnt {
        order: 7
    }

    .headerMenuBasic:not([data-fixed=on]) #header > .cnt > #miCompra {
        order: 8
    }

    .headerMenuFullWidth:not([data-fixed=on]) #header::before {
        border-bottom: 50px solid #324e76
    }

    .headerMenuFullWidth:not([data-fixed=on]) #header > .cnt > #infoTop {
        order: 1
    }

    .headerMenuFullWidth:not([data-fixed=on]) #header > .cnt > #menuTop {
        order: 2
    }

    .headerMenuFullWidth:not([data-fixed=on]) #header > .cnt::before {
        content: '';
        order: 3;
        flex-basis: 100%
    }

    .headerMenuFullWidth:not([data-fixed=on]) #header > .cnt > #logo {
        order: 4;
        flex-grow: 100;
        line-height: 80px;
        height: 80px;
        margin-right: 60px
    }

    .headerMenuFullWidth:not([data-fixed=on]) #header > .cnt > .frmBusqueda {
        order: 5
    }

    .headerMenuFullWidth:not([data-fixed=on]) #header > .cnt > .accesoMiCuentaCnt {
        order: 6
    }

    .headerMenuFullWidth:not([data-fixed=on]) #header > .cnt > #miCompra {
        order: 7
    }

    .headerMenuFullWidth:not([data-fixed=on]) #header > .cnt > #btnMainMenuMobile {
        display: none
    }

    .headerMenuFullWidth:not([data-fixed=on]) #header > .cnt > #menu {
        order: 8;
        flex-basis: 100%
    }

        .headerMenuFullWidth:not([data-fixed=on]) #header > .cnt > #menu > .lst > .it > a,
        .headerMenuFullWidth:not([data-fixed=on]) #header > .cnt > #menu > .lst > .it > strong {
            line-height: 50px;
            height: 50px
        }

    .headerMenuFullWidthCenter:not([data-fixed=on]) #header > .cnt > #infoTop {
        order: 1;
        flex-grow: 100
    }

    .headerMenuFullWidthCenter:not([data-fixed=on]) #header > .cnt > #menuTop {
        display: none
    }

    .headerMenuFullWidthCenter:not([data-fixed=on]) #header > .cnt > .frmBusqueda {
        order: 2;
        height: 30px
    }

    .headerMenuFullWidthCenter:not([data-fixed=on]) #header > .cnt > .accesoMiCuentaCnt {
        order: 3;
        height: 30px
    }

    .headerMenuFullWidthCenter:not([data-fixed=on]) #header > .cnt > #miCompra {
        order: 4;
        height: 30px
    }

    .headerMenuFullWidthCenter:not([data-fixed=on]) #header .toolsItem {
        margin: 0
    }

    .headerMenuFullWidthCenter:not([data-fixed=on]) #header .btnItem {
        line-height: 30px;
        height: 30px;
        padding: 0 5px
    }

        .headerMenuFullWidthCenter:not([data-fixed=on]) #header .btnItem > .ico {
            font-size: 13px
        }

        .headerMenuFullWidthCenter:not([data-fixed=on]) #header .btnItem::after {
            display: none
        }

    .headerMenuFullWidthCenter:not([data-fixed=on]) #header > .cnt > #miCompra > .btnItem > .tot {
        top: 4px;
        left: 8px;
        line-height: 14px;
        height: 14px;
        width: 14px
    }

    .headerMenuFullWidthCenter:not([data-fixed=on]) #header > .cnt > #logo {
        order: 5;
        flex-basis: 100%;
        line-height: 70px;
        height: 70px;
        text-align: center
    }

    .headerMenuFullWidthCenter:not([data-fixed=on]) #header > .cnt > #menu {
        order: 6;
        flex-basis: 100%;
        border-top: 1px solid rgba(255,255,255,0.15)
    }

        .headerMenuFullWidthCenter:not([data-fixed=on]) #header > .cnt > #menu > .lst > .it > a,
        .headerMenuFullWidthCenter:not([data-fixed=on]) #header > .cnt > #menu > .lst > .it > strong {
            line-height: 50px;
            height: 50px
        }

        .headerMenuFullWidthCenter:not([data-fixed=on]) #header > .cnt > #menu > .lst {
            justify-content: center
        }

    .headerMenuFullWidthCenter:not([data-fixed=on]) #header > .cnt > #btnMainMenuMobile {
        display: none
    }
}

@media all and (min-width:1280px) {
    body[data-fixed=on] #header {
        width: 1160px
    }
}

@media all and (max-width:1279px) and (min-width:1024px) {
    body[data-fixed=on] #header {
        width: 980px
    }
}

@media all and (max-width:1023px) {
    #header {
        padding: 0 20px
    }

        #header > .cnt > .toolsItem {
            margin-left: 0px
        }

            #header > .cnt > .toolsItem > .btnItem > .txt {
                display: none
            }

            #header > .cnt > .toolsItem > .btnItem::after {
                display: none
            }

    body:not([data-fixed=on]) #header::before {
        border-top: none
    }

    body:not([data-fixed=on]) #header > .cnt > #infoTop {
        order: 1;
        white-space: normal;
        line-height: 15px;
        text-align: center;
        font-size: 10px;
        padding: 10px 0;
        width: 100%
    }

    body:not([data-fixed=on]) #header #infoTop .tel {
        font-size: 11px;
        margin: 0;
        display: block
    }

    body:not([data-fixed=on]) #header > .cnt > #menuTop {
        display: none
    }

    body:not([data-fixed=on]) #header > .cnt > #logo {
        order: 2;
        flex-basis: 100%;
        line-height: 50px;
        text-align: center;
        margin-bottom: 10px
    }

        body:not([data-fixed=on]) #header > .cnt > #logo > a {
            height: 20px
        }

    body:not([data-fixed=on]) #header > .cnt > #btnMainMenuMobile {
        order: 3
    }

    body:not([data-fixed=on]) #header > .cnt::after {
        content: '';
        order: 4;
        flex-grow: 100
    }

    body:not([data-fixed=on]) #header > .cnt > .frmBusqueda {
        order: 5
    }

    body:not([data-fixed=on]) #header > .cnt > .accesoMiCuentaCnt {
        display: none
    }

    body:not([data-fixed=on]) #header > .cnt > #miCompra {
        order: 6
    }

    body:not([data-fixed=on]) #header > .cnt > #menu {
        display: none
    }

        body:not([data-fixed=on]) #header > .cnt > #menu > .lst > .it > a,
        body:not([data-fixed=on]) #header > .cnt > #menu > .lst > .it > strong {
            line-height: 50px
        }

    body[data-fixed=on] #header {
        position: fixed;
        top: 0;
        width: 100%;
        animation-name: animacionMenu;
        animation-duration: .5s;
        z-index: 1000
    }

        body[data-fixed=on] #header::before {
            border-top: none
        }

        body[data-fixed=on] #header > .cnt > #infoTop {
            display: none
        }

        body[data-fixed=on] #header > .cnt > #menuTop {
            display: none
        }

        body[data-fixed=on] #header > .cnt > #btnMainMenuMobile {
            order: 1;
            margin-left: -20px
        }

        body[data-fixed=on] #header > .cnt > #logo {
            order: 2;
            flex-grow: 100
        }

        body[data-fixed=on] #header > .cnt > .frmBusqueda {
            order: 3
        }

        body[data-fixed=on] #header > .cnt > .accesoMiCuentaCnt {
            display: none
        }

        body[data-fixed=on] #header > .cnt > #miCompra {
            order: 4
        }

        body[data-fixed=on] #header > .cnt > #menu {
            display: none
        }

            body[data-fixed=on] #header > .cnt > #menu > .lst > .it > a,
            body[data-fixed=on] #header > .cnt > #menu > .lst > .it > strong {
                line-height: 50px
            }

    @keyframes animacionMenu {
        from {
            top: -50px
        }

        to {
            top: 0px
        }
    }
}

@media all and (max-width:640px) {
    #header > .cnt {
        text-align: left
    }

        #header > .cnt > .toolsItem {
            margin-left: 0px
        }

            #header > .cnt > .toolsItem > .btnItem {
                padding: 0 5px;
                min-width: 40px
            }

                #header > .cnt > .toolsItem > .btnItem > .ico {
                    text-align: center;
                    font-size: 16px;
                    font-family: "FIconos";
                    transition: color 0.3s;
                    display: inline-block;
                    width: 30px
                }

                #header > .cnt > .toolsItem > .btnItem > .txt {
                    display: none
                }

                #header > .cnt > .toolsItem > .btnItem::after {
                    border-radius: 0
                }

        #header > .cnt > #miCompra > .btnItem > .tot {
            left: 3px
        }

        #header > .cnt > #miCompra > .btnItem > .importe {
            display: none
        }
}

@media all and (max-width:480px) {
    #header {
        padding: 0 10px
    }

    body[data-fixed=on] #header > .cnt > #btnMainMenuMobile {
        margin-left: -10px
    }

    #header > .cnt > #btnMainMenuMobile {
        width: 40px
    }

    #header > .cnt > #logo > a {
        height: 15px
    }
}

#secondary .lstMenu > .it {
    padding: 15px 0 14px;
    border-bottom: 1px solid #eeeeee
}

    #secondary .lstMenu > .it:first-child {
        padding-top: 0
    }

    #secondary .lstMenu > .it > .tit {
        color: #000000;
        display: block;
        line-height: 20px;
        font-size: 15px
    }

    #secondary .lstMenu > .it > a.tit:hover {
        color: #001c44
    }

    #secondary .lstMenu > .it.sld > .tit,
    #secondary .lstMenu > .it > strong.tit {
        font-weight: 600
    }

#secondary .blk01 > .cnt > .lstMenu > .it:first-child {
    margin-top: -1px;
    padding-top: 15px;
    border-top: 1px solid #eeeeee
}

#footer {
    position: relative;
    clear: both
}

    #footer:before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: -5000px;
        right: -5000px;
        background: #ffffff;
        border-top: 1px solid #ededed;
        z-index: -1
    }

    #footer .ftrContent {
        display: flex;
        flex-wrap: wrap
    }

        #footer .ftrContent > .datosContacto {
            font-size: 12px;
            text-align: center;
            color: #999999;
            line-height: 30px
        }

            #footer .ftrContent > .datosContacto::after {
                content: "";
                overflow: hidden;
                display: block;
                height: 0;
                clear: both
            }

            #footer .ftrContent > .datosContacto > address {
                margin-bottom: 20px
            }

                #footer .ftrContent > .datosContacto > address > * {
                    margin-right: 20px
                }

                    #footer .ftrContent > .datosContacto > address > *:before {
                        content: '';
                        font-family: "FIconos";
                        margin-right: 10px
                    }

                #footer .ftrContent > .datosContacto > address > .direccion:before {
                    content: '\e826'
                }

                #footer .ftrContent > .datosContacto > address > .telefono:before {
                    content: '\e825'
                }

                #footer .ftrContent > .datosContacto > address > .email:before {
                    content: '\e824'
                }

                #footer .ftrContent > .datosContacto > address > .horario:before {
                    content: '\e817'
                }

            #footer .ftrContent > .datosContacto > .lstRedesSociales {
                font-size: 0
            }

                #footer .ftrContent > .datosContacto > .lstRedesSociales > .it {
                    margin: 0 5px
                }

        #footer .ftrContent > .blk.blkSeo {
            padding: 20px 0;
            border-bottom: 1px solid #ededed
        }

            #footer .ftrContent > .blk.blkSeo > .hdr {
                float: left
            }

                #footer .ftrContent > .blk.blkSeo > .hdr > .tit {
                    line-height: 25px;
                    margin-right: 20px;
                    color: #000000;
                    font-size: 12px;
                    font-weight: bold
                }

                    #footer .ftrContent > .blk.blkSeo > .hdr > .tit::after {
                        content: ':'
                    }

            #footer .ftrContent > .blk.blkSeo > .cnt > .lst > .it {
                display: inline-block;
                margin-right: 10px
            }

                #footer .ftrContent > .blk.blkSeo > .cnt > .lst > .it > a {
                    line-height: 25px;
                    font-size: 12px;
                    font-weight: 300;
                    color: #999999
                }

                    #footer .ftrContent > .blk.blkSeo > .cnt > .lst > .it > a:hover {
                        color: #d6283b
                    }

        #footer .ftrContent > .blk.blkEmpresa > .hdr {
            margin-bottom: 10px
        }

            #footer .ftrContent > .blk.blkEmpresa > .hdr > .tit {
                line-height: 20px;
                color: #000000;
                font-size: 16px;
                font-weight: bold
            }

        #footer .ftrContent > .blk.blkEmpresa > .cnt > .lst > .it + .it {
            margin-top: 5px
        }

        #footer .ftrContent > .blk.blkEmpresa > .cnt > .lst > .it > a {
            line-height: 20px;
            font-size: 12px;
            font-weight: 300;
            color: #555555
        }

            #footer .ftrContent > .blk.blkEmpresa > .cnt > .lst > .it > a:hover {
                color: #d6283b
            }

        #footer .ftrContent > .blk.blkCompra > .hdr {
            margin-bottom: 10px
        }

            #footer .ftrContent > .blk.blkCompra > .hdr > .tit {
                line-height: 20px;
                color: #000000;
                font-size: 16px;
                font-weight: bold
            }

        #footer .ftrContent > .blk.blkCompra > .cnt > .lst > .it + .it {
            margin-top: 5px
        }

        #footer .ftrContent > .blk.blkCompra > .cnt > .lst > .it > a {
            line-height: 20px;
            font-size: 12px;
            font-weight: 300;
            color: #555555
        }

            #footer .ftrContent > .blk.blkCompra > .cnt > .lst > .it > a:hover {
                color: #d6283b
            }

        #footer .ftrContent > .blk.blkCuenta > .hdr {
            margin-bottom: 10px
        }

            #footer .ftrContent > .blk.blkCuenta > .hdr > .tit {
                line-height: 20px;
                color: #000000;
                font-size: 16px;
                font-weight: bold
            }

        #footer .ftrContent > .blk.blkCuenta > .cnt > .lst > .it + .it {
            margin-top: 5px
        }

        #footer .ftrContent > .blk.blkCuenta > .cnt > .lst > .it > a {
            line-height: 20px;
            font-size: 12px;
            font-weight: 300;
            color: #555555
        }

            #footer .ftrContent > .blk.blkCuenta > .cnt > .lst > .it > a:hover {
                color: #d6283b
            }

        #footer .ftrContent > .blk.blkNewsletter > .hdr {
            margin-bottom: 10px
        }

            #footer .ftrContent > .blk.blkNewsletter > .hdr > .tit {
                line-height: 20px;
                color: #000000;
                font-size: 16px;
                font-weight: bold
            }

        #footer .ftrContent > .blk.blkNewsletter > .cnt > p {
            font-size: 12px;
            color: #999999;
            margin-bottom: 20px
        }

        #footer .ftrContent > .blk.blkNewsletter > .cnt > .frmNewsletter {
            display: block;
            position: relative
        }

            #footer .ftrContent > .blk.blkNewsletter > .cnt > .frmNewsletter > .fld-grp > .fldNombre,
            #footer .ftrContent > .blk.blkNewsletter > .cnt > .frmNewsletter > .fld-grp > .fldApellido {
                display: none
            }

            #footer .ftrContent > .blk.blkNewsletter > .cnt > .frmNewsletter > .fld-grp > .fld > .lbl {
                display: block
            }

                #footer .ftrContent > .blk.blkNewsletter > .cnt > .frmNewsletter > .fld-grp > .fld > .lbl b {
                    display: none
                }

                #footer .ftrContent > .blk.blkNewsletter > .cnt > .frmNewsletter > .fld-grp > .fld > .lbl input {
                    display: block;
                    padding-right: 60px
                }

            #footer .ftrContent > .blk.blkNewsletter > .cnt > .frmNewsletter > .actions {
                position: absolute;
                bottom: 0;
                right: 0
            }

                #footer .ftrContent > .blk.blkNewsletter > .cnt > .frmNewsletter > .actions > .btnSuscribirme {
                    position: absolute;
                    bottom: 0;
                    right: 0;
                    background: #001c44;
                    color: #ffffff;
                    height: 40px;
                    line-height: 40px;
                    font-size: 14px;
                    padding: 0 20px;
                    border-radius: 0 3px 3px 0
                }

                    #footer .ftrContent > .blk.blkNewsletter > .cnt > .frmNewsletter > .actions > .btnSuscribirme:hover {
                        background: #143058
                    }

        #footer .ftrContent > .sellos {
            display: flex;
            justify-content: space-between
        }

            #footer .ftrContent > .sellos > .blkMediosDePago {
                text-align: left;
                flex-grow: 100
            }

                #footer .ftrContent > .sellos > .blkMediosDePago > .hdr {
                    display: none;
                    margin-bottom: 10px
                }

                    #footer .ftrContent > .sellos > .blkMediosDePago > .hdr > .tit {
                        font-size: 12px;
                        font-weight: bold;
                        line-height: 20px;
                        color: #000000
                    }

                #footer .ftrContent > .sellos > .blkMediosDePago > .cnt {
                    line-height: 0
                }

                    #footer .ftrContent > .sellos > .blkMediosDePago > .cnt > .lstMediosDePago > .it {
                        margin: 0 5px 5px 0
                    }

            #footer .ftrContent > .sellos > .blkMediosDeEnvio {
                text-align: left
            }

                #footer .ftrContent > .sellos > .blkMediosDeEnvio > .hdr {
                    display: none;
                    margin-bottom: 10px
                }

                    #footer .ftrContent > .sellos > .blkMediosDeEnvio > .hdr > .tit {
                        font-size: 12px;
                        font-weight: bold;
                        line-height: 20px;
                        color: #000000
                    }

                #footer .ftrContent > .sellos > .blkMediosDeEnvio > .cnt {
                    line-height: 0
                }

                    #footer .ftrContent > .sellos > .blkMediosDeEnvio > .cnt > .lstMediosDeEnvio {
                        font-size: 0;
                        line-height: 0
                    }

                        #footer .ftrContent > .sellos > .blkMediosDeEnvio > .cnt > .lstMediosDeEnvio > .it {
                            display: inline-block;
                            margin: 0 5px 5px 0 !important
                        }

                            #footer .ftrContent > .sellos > .blkMediosDeEnvio > .cnt > .lstMediosDeEnvio > .it img {
                                display: block;
                                height: 30px;
                                width: 50px;
                                padding: 10%;
                                border: 1px solid #ededed;
                                background-color: #ffffff;
                                object-fit: contain
                            }

        #footer .ftrContent > .extras {
            clear: both;
            overflow: hidden;
            border-top: 1px solid #ededed;
            margin-bottom: 20px;
            padding: 10px 0
        }

            #footer .ftrContent > .extras > .copy {
                float: left;
                line-height: 30px;
                font-size: 10px
            }

            #footer .ftrContent > .extras > .btnFenicio {
                float: right
            }

                #footer .ftrContent > .extras > .btnFenicio > a {
                    background-image: url('https://s.fenicio.app/logos/c/fenicio.svg');
                    background-size: contain;
                    background-position: center;
                    background-repeat: no-repeat;
                    display: block;
                    height: 30px;
                    width: 60px;
                    overflow: hidden
                }

                    #footer .ftrContent > .extras > .btnFenicio > a > strong {
                        line-height: 300px
                    }

@media all and (min-width:1024px) {
    body.footer1 #footer .ftrContent > .datosContacto {
        order: 1;
        width: 100%;
        border-bottom: 1px solid #ededed;
        padding: 20px 0
    }

        body.footer1 #footer .ftrContent > .datosContacto > address > * {
            white-space: nowrap
        }

    body.footer1 #footer .ftrContent > .blk.blkSeo {
        order: 2;
        width: 100%;
        margin-bottom: 40px
    }

    body.footer1 #footer .ftrContent > .blk.blkEmpresa {
        order: 3;
        width: 23%;
        margin-bottom: 40px
    }

    body.footer1 #footer .ftrContent > .blk.blkCompra {
        order: 4;
        width: 23%;
        margin-bottom: 40px
    }

    body.footer1 #footer .ftrContent > .blk.blkCuenta {
        order: 5;
        width: 23%;
        margin-bottom: 40px
    }

    body.footer1 #footer .ftrContent > .blk.blkNewsletter {
        order: 6;
        width: 31%;
        margin-bottom: 40px
    }

    body.footer1 #footer .ftrContent > .sellos {
        order: 7;
        width: 100%;
        border-top: 1px solid #ededed;
        padding: 10px 0 5px
    }

    body.footer1 #footer .ftrContent > .extras {
        order: 8;
        width: 100%
    }

    body.footer2 #footer .ftrContent > .blk.blkNewsletter {
        order: 1;
        width: 100%;
        margin-bottom: 40px;
        padding: 40px 0 50px;
        border-bottom: 1px solid #ededed
    }

        body.footer2 #footer .ftrContent > .blk.blkNewsletter > .hdr {
            max-width: 500px;
            text-align: center;
            margin: 0 auto;
            margin-bottom: 20px
        }

            body.footer2 #footer .ftrContent > .blk.blkNewsletter > .hdr > .tit {
                line-height: 30px;
                font-size: 20px;
                text-transform: uppercase
            }

        body.footer2 #footer .ftrContent > .blk.blkNewsletter > .cnt {
            max-width: 500px;
            margin: 0 auto
        }

            body.footer2 #footer .ftrContent > .blk.blkNewsletter > .cnt > p {
                display: none
            }

    body.footer2 #footer .ftrContent > .datosContacto {
        order: 2;
        width: 37%;
        text-align: left;
        margin-bottom: 40px
    }

        body.footer2 #footer .ftrContent > .datosContacto > address {
            line-height: 25px
        }

            body.footer2 #footer .ftrContent > .datosContacto > address > * {
                display: block
            }

    body.footer2 #footer .ftrContent > .blkSeo {
        display: none
    }

    body.footer2 #footer .ftrContent > .blkEmpresa {
        order: 3;
        width: 21%;
        margin-bottom: 40px
    }

    body.footer2 #footer .ftrContent > .blkCompra {
        order: 4;
        width: 21%;
        margin-bottom: 40px
    }

    body.footer2 #footer .ftrContent > .blkCuenta {
        order: 5;
        width: 21%;
        margin-bottom: 40px
    }

    body.footer2 #footer .ftrContent > .sellos {
        order: 6;
        width: 100%;
        border-top: 1px solid #ededed;
        padding: 10px 0 5px
    }

    body.footer2 #footer .ftrContent > .extras {
        order: 7;
        width: 100%
    }
}

@media all and (min-width:1280px) {
    .banner[data-area='Footer'] {
        height: 90px
    }

        .banner[data-area='Footer'] img {
            margin-left: -380px
        }
}

@media all and (max-width:1279px) and (min-width:1024px) {
    .banner[data-area='Footer'] {
        height: 90px
    }

        .banner[data-area='Footer'] img {
            margin-left: -150px
        }
}

@media all and (max-width:1023px) {
    .banner[data-area='Footer'] {
        margin: 0 -20px
    }

        .banner[data-area='Footer'] img {
            width: 100%
        }

    #footer {
        padding-left: 20px;
        padding-right: 20px
    }

        #footer .ftrContent {
            display: flex;
            flex-wrap: wrap
        }

            #footer .ftrContent > .datosContacto {
                order: 1;
                width: 100%;
                border-bottom: 1px solid #ededed;
                padding: 20px 0;
                margin-bottom: 20px;
                line-height: 25px
            }

                #footer .ftrContent > .datosContacto > address > * {
                    display: block;
                    margin: 0;
                    text-align: center
                }

            #footer .ftrContent > .blk.blkSeo {
                display: none
            }

            #footer .ftrContent > .blk.blkEmpresa {
                display: none
            }

            #footer .ftrContent > .blk.blkCompra {
                display: none
            }

            #footer .ftrContent > .blk.blkCuenta {
                display: none
            }

            #footer .ftrContent > .blk.blkNewsletter {
                order: 2;
                width: 100%;
                margin-bottom: 30px;
                text-align: center
            }

                #footer .ftrContent > .blk.blkNewsletter > .hdr {
                    max-width: 400px;
                    margin: 0 auto 10px
                }

                #footer .ftrContent > .blk.blkNewsletter > .cnt {
                    max-width: 500px;
                    margin: 0 auto
                }

            #footer .ftrContent > .sellos {
                order: 3;
                width: 100%;
                border-top: 1px solid #ededed;
                padding: 10px 0;
                flex-wrap: wrap
            }

                #footer .ftrContent > .sellos > .blkMediosDePago {
                    width: 100%
                }

                    #footer .ftrContent > .sellos > .blkMediosDePago > .cnt > .lstMediosDePago {
                        width: 100%;
                        text-align: center
                    }

                        #footer .ftrContent > .sellos > .blkMediosDePago > .cnt > .lstMediosDePago > .it {
                            margin: 0 2px 5px
                        }

                #footer .ftrContent > .sellos > .blkMediosDeEnvio {
                    width: 100%
                }

                    #footer .ftrContent > .sellos > .blkMediosDeEnvio > .cnt > .lstMediosDeEnvio {
                        text-align: center
                    }

                        #footer .ftrContent > .sellos > .blkMediosDeEnvio > .cnt > .lstMediosDeEnvio > .it {
                            margin: 0 2px 5px !important
                        }

                #footer .ftrContent > .sellos > #siteseal {
                    margin: 0 auto
                }

            #footer .ftrContent > .extras {
                order: 4;
                width: 100%
            }
}

@media all and (max-width:640px) {
    #footer > .cnt > .extras > .btnFenicio {
        margin-bottom: 20px
    }

    #footer > .cnt > .extras > .copy {
        text-align: center;
        clear: both
    }
}

@media all and (max-width:480px) {
    #footer {
        padding-left: 10px;
        padding-right: 10px
    }

    .banner[data-area='Footer'] {
        margin: 0 -10px
    }
}

body[data-popup="on"] {
    overflow: hidden
}

#popup {
    display: none;
    -webkit-overflow-scrolling: touch;
    position: fixed;
    background: rgba(0,0,0,0.3);
    padding: 40px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999990;
    align-items: center;
    height: 100%;
    justify-content: center;
    overflow-x: auto
}

body[data-popup="on"] #popup {
    display: flex !important
}

#popup > .popup-cnt {
    max-width: 100%;
    position: relative;
    margin: auto !important;
    background: #ffffff;
    padding: 25px
}

    #popup > .popup-cnt > .popup-btn-container {
        height: 0;
        position: relative;
        width: 100%
    }

    #popup > .popup-cnt > .cnt img {
        max-width: 100%
    }

    #popup > .popup-cnt > .popup-btn-container > .btn-close {
        transition: color .3s;
        color: #555555;
        cursor: pointer;
        display: block;
        height: 20px;
        width: 20px;
        line-height: 20px;
        background-color: rgba(255,255,255,0.5);
        border-radius: 100%;
        text-align: center;
        position: absolute;
        right: -18px;
        top: -18px;
        z-index: 2
    }

        #popup > .popup-cnt > .popup-btn-container > .btn-close:hover {
            color: #000000
        }

        #popup > .popup-cnt > .popup-btn-container > .btn-close > .ico {
            font-size: 12px
        }

        #popup > .popup-cnt > .popup-btn-container > .btn-close > .txt {
            display: none
        }

    #popup > .popup-cnt > .cnt > .blk > .hdr {
        margin-bottom: 20px;
        padding-bottom: 9px;
        padding-right: 10px;
        border-bottom: 1px solid #ededed
    }

        #popup > .popup-cnt > .cnt > .blk > .hdr > .tit {
            line-height: 25px;
            font-size: 18px
        }

    #popup > .popup-cnt > .cnt > .blk > .cnt > p {
        line-height: 20px;
        font-size: 13px;
        margin-bottom: 40px
    }

    #popup > .popup-cnt > .cnt > .blk > .cnt > .actions {
        text-align: right;
        margin-top: 20px
    }

        #popup > .popup-cnt > .cnt > .blk > .cnt > .actions > .btn {
            margin-left: 10px
        }

#popup > #ppBannerPopup {
    padding: 0
}

    #popup > #ppBannerPopup > .popup-btn-container > .btn-close {
        right: 5px;
        top: 5px
    }

#popup > #ppLogin {
    width: 400px
}

#popup > #ppMsg {
    width: 800px;
}

    #popup > #ppMsg > .cnt > .blk > .hdr {
        position: relative;
        padding-left: 35px
    }

        #popup > #ppMsg > .cnt > .blk > .hdr > .ico {
            color: #ffffff;
            display: block;
            font-size: 14px;
            border-radius: 100%;
            text-align: center;
            line-height: 24px;
            height: 24px;
            width: 24px;
            position: absolute;
            top: 0;
            left: 0
        }

    #popup > #ppMsg > div > .blk[data-type=err] > .hdr > .ico {
        background: #d6273b
    }

    #popup > #ppMsg > div > .blk[data-type=warn] > .hdr {
        padding-left: 30px
    }

        #popup > #ppMsg > div > .blk[data-type=warn] > .hdr > .ico {
            color: #f6ab24;
            font-size: 20px
        }

    #popup > #ppMsg > div > .blk[data-type=ok] > .hdr > .ico {
        background: #78b432
    }

@media all and (max-width:1279px) and (min-width:1024px) {
    #popup {
        padding: 30px
    }
}

@media all and (max-width:1023px) {
    #popup {
        padding: 20px
    }
}

@media all and (max-width:480px) {
    #popup {
        padding: 10px
    }
}

.customSelect {
    display: block;
    background: #ffffff;
    position: relative
}

    .customSelect::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }

    .customSelect > .txt {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .customSelect > .cnt {
        display: block
    }

        .customSelect > .cnt > .option {
            display: block;
            cursor: pointer;
            overflow: hidden
        }

            .customSelect > .cnt > .option.disabled {
                pointer-events: none
            }

            .customSelect > .cnt > .option > input {
                visibility: hidden;
                position: absolute
            }

            .customSelect > .cnt > .option > b {
                font-weight: normal
            }

    .customSelect[data-state=open] {
        z-index: 999
    }

        .customSelect[data-state=open] > .cnt {
            display: block
        }

    .customSelect[data-state=closed] {
        cursor: pointer
    }

        .customSelect[data-state=closed] > .cnt {
            display: none
        }

.customSelect {
    height: 30px;
    max-width: 200px
}

    .customSelect::after {
        border-radius: 3px;
        border: 1px solid #ededed
    }

    .customSelect:hover::after {
        border-color: #ededed
    }

    .customSelect > .txt {
        line-height: 30px;
        padding: 0 35px 0 14px;
        text-align: left;
        font-size: 13px
    }

        .customSelect > .txt::after {
            position: absolute;
            content: '\e813';
            width: 12px;
            height: 20px;
            line-height: 20px;
            font-size: 12px;
            font-family: "FIconos";
            right: 10px;
            top: calc(50% - 10px);
            transition: all 0.3s ease-in-out
        }

    .customSelect > .cnt {
        position: absolute;
        top: calc(100% + 5px);
        left: 0;
        min-width: 100%;
        padding: 4px;
        background: #ffffff;
        border: 1px solid #ededed;
        border-radius: 3px
    }

        .customSelect > .cnt > .option {
            padding: 5px 10px;
            line-height: 20px;
            font-size: 12px;
            text-align: left
        }

            .customSelect > .cnt > .option.disabled {
                opacity: 0.5
            }

    .customSelect[data-state=open] > .txt {
        color: #555555
    }

        .customSelect[data-state=open] > .txt::after {
            transform: rotate(180deg)
        }

    .customSelect[data-state=open] > .cnt > .option:hover {
        background: rgba(0,0,0,0.05)
    }

#blkComentarios {
    margin-bottom: 40px
}

    #blkComentarios > .cnt > .cntComentarios > .aListComentarios > .it + .it {
        margin-top: 15px;
        border-top: 1px solid rgba(237,237,237,0.5);
        padding-top: 15px
    }

    #blkComentarios > .cnt > .cntComentarios > .aListComentarios > .it:last-child {
        border-bottom: 1px solid rgba(237,237,237,0.5);
        padding-bottom: 15px
    }

    #blkComentarios > .cnt > .cntComentarios > .aListComentarios > .it > .name,
    #blkComentarios > .cnt > .cntComentarios > .aListComentarios > .it > .resp > .name {
        font-size: 13px;
        line-height: 20px;
        font-weight: bold;
        color: #000000
    }

    #blkComentarios > .cnt > .cntComentarios > .aListComentarios > .it > .date,
    #blkComentarios > .cnt > .cntComentarios > .aListComentarios > .it > .resp > .date {
        font-size: 11px;
        line-height: 20px;
        color: #999999
    }

    #blkComentarios > .cnt > .cntComentarios > .aListComentarios > .it > .desc,
    #blkComentarios > .cnt > .cntComentarios > .aListComentarios > .it > .resp > .desc {
        margin-top: 5px;
        font-size: 12px;
        line-height: 20px
    }

    #blkComentarios > .cnt > .cntComentarios > .aListComentarios > .it > .resp {
        padding: 15px 15px 15px 60px;
        margin: 15px 0 0 20px;
        background: url(/public/web/img/iso.svg) no-repeat;
        background-color: #f2f2f2;
        background-size: 25px;
        background-position: 15px 15px
    }

    #blkComentarios > .cnt > .cntComentarios > .btnMas {
        margin: 20px auto 0;
        display: block;
        width: 150px
    }

.blkCompartir {
    position: absolute;
    top: 0;
    right: 0;
    background: white;
    padding: 9px;
    border-radius: 50px;
    border: 1px solid #ededed;
    width: 50px;
    max-height: 50px;
    transition: max-height 0.3s 0.3s
}

    .blkCompartir:hover {
        max-height: 200px;
        transition: max-height 0.3s
    }

    .blkCompartir::before {
        content: '\e82A';
        font-family: "FIconos";
        color: #555555;
        text-align: center;
        font-size: 16px;
        display: block;
        width: 30px;
        height: 30px;
        line-height: 30px;
        border-radius: 100%
    }

    .blkCompartir a {
        border-radius: 100%;
        display: block;
        width: 30px;
        height: 30px;
        overflow: hidden;
        margin-top: 5px;
        background-color: rgba(0,28,68,0.5);
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s,visibility 0s 0.3s
    }

    .blkCompartir:hover a {
        opacity: 1;
        visibility: visible;
        transition: opacity 0.3s 0.3s,background 0.3s
    }

    .blkCompartir > a > .txt {
        display: none
    }

    .blkCompartir > a > .ico {
        display: block;
        color: #ffffff;
        text-align: center;
        line-height: 30px;
        font-size: 16px
    }

    .blkCompartir > a:hover.btnTwitter {
        background: #22a6e7
    }

    .blkCompartir > a:hover.btnFacebook {
        background: #3b4f92
    }

    .blkCompartir > a.btnWhatsapp {
        display: none
    }

    .blkCompartir > a:hover.btnWhatsapp {
        background: #43d854
    }

    .blkCompartir > a:hover.btnPinterest {
        background: #bd2126
    }

@media all and (max-width:1023px) {
    .blkCompartir > a.btnWhatsapp {
        display: block
    }
}

.blkDir > .cnt.vcard {
    font-size: 12px;
    line-height: 20px
}

    .blkDir > .cnt.vcard > .org {
        font-size: 13px;
        display: block;
        margin-bottom: 10px;
        color: #000000
    }

    .blkDir > .cnt.vcard > address {
        margin-bottom: 10px
    }

    .blkDir > .cnt.vcard > .contact {
        margin-bottom: 10px
    }

        .blkDir > .cnt.vcard > .contact > .tel {
            font-size: 16px;
            line-height: 25px;
            color: #000000
        }

    .blkDir > .cnt.vcard > .note {
        font-size: 11px;
        color: #999999
    }

.blkProductos {
    padding: 30px 0;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    margin-bottom: 40px
}

    .blkProductos:first-child {
        padding-top: 0;
        border-top: none
    }

    .blkProductos:last-child {
        padding-bottom: 0;
        border-bottom: none
    }

    .blkProductos > .hdr {
        margin-bottom: 30px
    }

        .blkProductos > .hdr > .tit {
            font-size: 18px;
            line-height: 25px;
            color: #000000;
            font-weight: bold;
            text-align: center
        }

    .blkProductos > .cnt {
        position: relative
    }

        .blkProductos > .cnt .bx-wrapper {
            position: relative
        }

            .blkProductos > .cnt .bx-wrapper > .bx-controls > .bx-controls-direction {
                position: absolute;
                height: 0;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                margin: auto !important
            }

                .blkProductos > .cnt .bx-wrapper > .bx-controls > .bx-controls-direction > a {
                    position: relative;
                    top: -50px;
                    color: #555555;
                    width: 30px;
                    height: 45px;
                    display: block;
                    background: #ffffff;
                    border: 1px solid #ededed;
                    line-height: 45px;
                    text-align: center;
                    font-size: 15px;
                    font-family: "FIconos"
                }

                    .blkProductos > .cnt .bx-wrapper > .bx-controls > .bx-controls-direction > a.disabled {
                        display: none !important
                    }

                    .blkProductos > .cnt .bx-wrapper > .bx-controls > .bx-controls-direction > a:hover {
                        background: #f5f5f5
                    }

                    .blkProductos > .cnt .bx-wrapper > .bx-controls > .bx-controls-direction > a.bx-prev {
                        float: left;
                        margin-left: -10px
                    }

                    .blkProductos > .cnt .bx-wrapper > .bx-controls > .bx-controls-direction > a.bx-next {
                        float: right;
                        margin-right: -10px
                    }

        .blkProductos > .cnt .bx-pager {
            z-index: 2;
            text-align: center;
            font-size: 0;
            position: absolute;
            left: 0;
            right: 0;
            width: 100%;
            margin: auto;
            bottom: 40px;
            height: 0
        }

            .blkProductos > .cnt .bx-pager > .bx-pager-item {
                display: inline-block;
                margin: 0 4px
            }

                .blkProductos > .cnt .bx-pager > .bx-pager-item > .bx-pager-link {
                    border-radius: 100%;
                    display: block;
                    width: 13px;
                    height: 13px;
                    background: #ffffff;
                    opacity: .5
                }

                    .blkProductos > .cnt .bx-pager > .bx-pager-item > .bx-pager-link:hover {
                        opacity: .9
                    }

                    .blkProductos > .cnt .bx-pager > .bx-pager-item > .bx-pager-link.active {
                        opacity: 1;
                        cursor: default;
                        pointer-events: none
                    }

    .blkProductos.slider01 .aListProductos {
        margin: 0 0 20px
    }

        .blkProductos.slider01 .aListProductos > .it {
            padding: 0;
            margin: 0
        }

.easyzoom {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1
}

    .easyzoom img {
        vertical-align: bottom
    }

    .easyzoom.is-loading img {
        cursor: progress
    }

    .easyzoom.is-ready img {
        cursor: crosshair
    }

    .easyzoom.is-error img {
        cursor: not-allowed
    }

.easyzoom-notice {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 150;
    width: 10em;
    margin: -1em 0 0 -5em;
    line-height: 2em;
    text-align: center;
    background: #FFF;
    box-shadow: 0 0 10px #888
}

.easyzoom-flyout {
    position: absolute;
    z-index: 100;
    overflow: hidden;
    background: #FFF
}

.easyzoom--overlay .easyzoom-flyout {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.easyzoom--adjacent .easyzoom-flyout {
    top: 0;
    left: 480px;
    width: 560px;
    height: 100%;
    margin-left: 20px
}

#ficha > .nav {
    color: #999999;
    line-height: 20px;
    font-size: 13px;
    height: 30px;
    position: relative;
    padding: 0 80px 14px 0;
    margin-bottom: 30px;
    border-bottom: 1px solid #ededed
}

    #ficha > .nav > .btnVolver {
        float: left;
        position: relative
    }

        #ficha > .nav > .btnVolver > .ico {
            margin-right: 10px;
            color: #000000
        }

        #ficha > .nav > .btnVolver > .txt {
            color: #999999
        }

        #ficha > .nav > .btnVolver:hover > .txt {
            color: #999999
        }

    #ficha > .nav > .btnNav {
        background: none;
        padding: 0;
        cursor: pointer;
        border: none;
        display: block;
        position: absolute;
        top: 0;
        width: 20px;
        height: 20px
    }

        #ficha > .nav > .btnNav > .txt {
            display: none
        }

    #ficha > .nav > .btnAnterior {
        right: 35px
    }

    #ficha > .nav > .btnSiguiente {
        right: 0
    }

    #ficha > .nav > .btnNav[disabled] {
        cursor: default;
        opacity: .2
    }

    #ficha > .nav > .info {
        float: right
    }

#ficha > .cnt {
    left: 0;
    position: relative;
    opacity: 1
}

#ficha > .nav[data-show=off] > .btnAnterior,
#ficha > .nav[data-show=off] > .btnSiguiente,
#ficha > .nav[data-show=off] > .info {
    display: none
}

#fichaProducto > .cnt {
    position: relative;
    padding: 0 0 0 620px;
    min-height: 460px;
    margin-bottom: 80px
}

    #fichaProducto > .cnt > .hdr {
        margin-bottom: 10px;
        padding-right: 60px
    }

        #fichaProducto > .cnt > .hdr > .tit {
            line-height: 30px;
            font-size: 25px;
            color: #000000;
            font-weight: normal
        }

        #fichaProducto > .cnt > .hdr > .cod {
            line-height: 25px;
            font-size: 12px;
            color: #999999
        }

            #fichaProducto > .cnt > .hdr > .cod:before {
                content: 'Art.:'
            }

    #fichaProducto > .cnt > .preciosWrapper {
        line-height: 25px;
        margin-bottom: 20px;
        font-size: 22px;
        color: #000000
    }

        #fichaProducto > .cnt > .preciosWrapper > .precios {
            display: inline
        }

            #fichaProducto > .cnt > .preciosWrapper > .precios > .venta {
                font-weight: normal
            }

            #fichaProducto > .cnt > .preciosWrapper > .precios > .lista {
                margin-left: 10px;
                font-weight: normal;
                font-size: 16px;
                color: #999999;
                text-decoration: none;
                position: relative;
                display: inline-block
            }

                #fichaProducto > .cnt > .preciosWrapper > .precios > .lista::after {
                    content: '';
                    display: block;
                    border-top: 1px solid #999999;
                    position: absolute;
                    top: 50%;
                    width: 100%
                }

        #fichaProducto > .cnt > .preciosWrapper > .porcRebaja {
            font-size: 11px;
            vertical-align: middle;
            clear: both;
            margin-left: 20px
        }

            #fichaProducto > .cnt > .preciosWrapper > .porcRebaja .aux {
                color: #ffffff;
                background-color: #d6273b;
                display: inline-block;
                padding: 0 10px
            }

                #fichaProducto > .cnt > .preciosWrapper > .porcRebaja .aux::before {
                    content: '¡Ahorrá un '
                }

                #fichaProducto > .cnt > .preciosWrapper > .porcRebaja .aux::after {
                    content: '%!'
                }

            #fichaProducto > .cnt > .preciosWrapper > .porcRebaja .dec {
                display: none
            }

                #fichaProducto > .cnt > .preciosWrapper > .porcRebaja .dec::before {
                    content: ','
                }

    #fichaProducto > .cnt > .desc {
        margin-bottom: 20px
    }

        #fichaProducto > .cnt > .desc > p {
            position: relative;
            line-height: 25px;
            font-size: 13px;
            color: #555555
        }

    #fichaProducto > .cnt > .ref {
        position: relative;
        top: 2px;
        float: left;
        line-height: 25px;
        font-size: 14px;
        color: #999999
    }

        #fichaProducto > .cnt > .ref:before {
            content: 'Art. '
        }

    #fichaProducto > .cnt > .logoMarca {
        line-height: 0;
        font-size: 0;
        margin-bottom: 20px
    }

        #fichaProducto > .cnt > .logoMarca > img {
            width: 100px;
            height: auto;
            border: 1px solid #ededed;
            padding: 10px;
            display: inline-block
        }

    #fichaProducto > .cnt #fldVariantes {
        margin-bottom: 15px
    }

        #fichaProducto > .cnt #fldVariantes > .lbl > b {
            display: block;
            font-size: 11px;
            font-weight: bold;
            color: #000000;
            line-height: 20px;
            margin-bottom: 5px
        }

    #fichaProducto > .cnt #lstVariantes {
        font-size: 0;
        line-height: 0
    }

        #fichaProducto > .cnt #lstVariantes:after {
            content: "";
            overflow: hidden;
            display: block;
            height: 0;
            clear: both
        }

        #fichaProducto > .cnt #lstVariantes > .it {
            display: inline-block;
            margin: 0 5px 5px 0 !important
        }

            #fichaProducto > .cnt #lstVariantes > .it .nom {
                display: none
            }

            #fichaProducto > .cnt #lstVariantes > .it > .img {
                display: block;
                position: relative
            }

                #fichaProducto > .cnt #lstVariantes > .it > .img > img {
                    border-radius: 3px;
                    width: 35px;
                    height: auto
                }

                #fichaProducto > .cnt #lstVariantes > .it > .img:before {
                    content: "";
                    position: absolute;
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    top: -1px;
                    right: -1px;
                    bottom: -1px;
                    left: -1px;
                    border: 2px solid transparent;
                    border-radius: 5px;
                    transition: border 0.3s
                }

            #fichaProducto > .cnt #lstVariantes > .it:hover > .img:before,
            #fichaProducto > .cnt #lstVariantes > .it.sld > .img:before {
                border-color: #001c44
            }

            #fichaProducto > .cnt #lstVariantes > .it.sld > .img {
                cursor: default
            }

    #fichaProducto > .cnt > #frmComprarArticulo {
        margin-bottom: 20px
    }

        #fichaProducto > .cnt > #frmComprarArticulo > .cnt #fldTalles {
            margin-bottom: 15px
        }

            #fichaProducto > .cnt > #frmComprarArticulo > .cnt #fldTalles > .lbl > b {
                display: block;
                font-size: 11px;
                font-weight: bold;
                color: #000000;
                line-height: 20px;
                margin-bottom: 5px
            }

        #fichaProducto > .cnt > #frmComprarArticulo > .cnt #lstTalles:after {
            content: "";
            overflow: hidden;
            display: block;
            height: 0;
            clear: both
        }

        #fichaProducto > .cnt > #frmComprarArticulo > .cnt #lstTalles {
            font-size: 0;
            line-height: 0
        }

            #fichaProducto > .cnt > #frmComprarArticulo > .cnt #lstTalles > .it {
                display: inline-block;
                margin-right: 5px;
                margin-bottom: 5px;
                background: #ffffff
            }

                #fichaProducto > .cnt > #frmComprarArticulo > .cnt #lstTalles > .it > .tit {
                    display: block;
                    position: relative
                }

                    #fichaProducto > .cnt > #frmComprarArticulo > .cnt #lstTalles > .it > .tit > input {
                        position: absolute;
                        bottom: 0;
                        left: 0;
                        right: 0;
                        margin: auto;
                        opacity: 0
                    }

                    #fichaProducto > .cnt > #frmComprarArticulo > .cnt #lstTalles > .it > .tit > b {
                        position: relative;
                        display: block;
                        height: 35px;
                        line-height: 35px;
                        font-size: 11px;
                        border-radius: 3px;
                        color: #000000;
                        min-width: 35px;
                        padding: 0 5px;
                        text-align: center;
                        transition: background 0.3s,color 0.3s
                    }

                        #fichaProducto > .cnt > #frmComprarArticulo > .cnt #lstTalles > .it > .tit > b:before {
                            border-radius: 3px;
                            content: "";
                            position: absolute;
                            top: 0;
                            left: 0;
                            right: 0;
                            bottom: 0;
                            border: 1px solid #ededed;
                            transition: border 0.3s
                        }

                #fichaProducto > .cnt > #frmComprarArticulo > .cnt #lstTalles > .it[data-stock=disponible] > .tit > b {
                    cursor: pointer
                }

                #fichaProducto > .cnt > #frmComprarArticulo > .cnt #lstTalles > .it[data-stock=disponible] > .tit:hover > b:before {
                    border-color: #001c44
                }

                #fichaProducto > .cnt > #frmComprarArticulo > .cnt #lstTalles > .it[data-stock=disponible] > .tit > :checked + b {
                    color: #ffffff;
                    cursor: default;
                    background-color: #001c44
                }

                    #fichaProducto > .cnt > #frmComprarArticulo > .cnt #lstTalles > .it[data-stock=disponible] > .tit > :checked + b:before {
                        border: #001c44
                    }

                #fichaProducto > .cnt > #frmComprarArticulo > .cnt #lstTalles > .it[data-stock=agotado] > .tit > b {
                    color: #999999;
                    font-weight: normal;
                    background-color: #f0f0f0
                }

    #fichaProducto > .cnt .btnGuiaTalles {
        display: inline-block;
        line-height: 20px;
        font-size: 10px;
        text-decoration: underline;
        font-weight: bold;
        text-transform: uppercase;
        color: #000000
    }

    #fichaProducto > .cnt > #frmComprarArticulo > .cnt #mainActions {
        display: flex
    }

        #fichaProducto > .cnt > #frmComprarArticulo > .cnt #mainActions > .btnWishlist {
            order: 1;
            display: block;
            cursor: pointer;
            width: 40px;
            height: 50px;
            margin-right: 5px;
            border: 1px solid #ededed;
            border-radius: 3px;
            text-align: center;
            line-height: 48px;
            font-size: 20px;
            color: #000000
        }

            #fichaProducto > .cnt > #frmComprarArticulo > .cnt #mainActions > .btnWishlist::after {
                content: '\e81E';
                font-family: "FIconos"
            }

            #fichaProducto > .cnt > #frmComprarArticulo > .cnt #mainActions > .btnWishlist[data-acc="quitar"]::after {
                content: '\e81F'
            }

        #fichaProducto > .cnt > #frmComprarArticulo > .cnt #mainActions > .customSelect {
            order: 3;
            display: block;
            width: 110px;
            height: 50px;
            margin-right: 5px
        }

            #fichaProducto > .cnt > #frmComprarArticulo > .cnt #mainActions > .customSelect > .txt {
                line-height: 50px
            }

                #fichaProducto > .cnt > #frmComprarArticulo > .cnt #mainActions > .customSelect > .txt::before {
                    content: 'Cant.:';
                    margin-right: 5px
                }

            #fichaProducto > .cnt > #frmComprarArticulo > .cnt #mainActions > .customSelect > .cnt > .option {
                text-align: center
            }

        #fichaProducto > .cnt > #frmComprarArticulo > .cnt #mainActions > #btnComprar {
            order: 4;
            height: 50px;
            line-height: 50px;
            width: 250px;
            font-size: 16px
        }

            #fichaProducto > .cnt > #frmComprarArticulo > .cnt #mainActions > #btnComprar::before {
                content: '\e80B';
                font-weight: normal;
                font-family: "FIconos";
                margin-right: 10px
            }

    #fichaProducto > .cnt > #frmComprarArticulo .err {
        color: #d6273b;
        font-size: 12px;
        line-height: 15px;
        font-weight: bold;
        margin-bottom: 10px !important
    }

    #fichaProducto > .cnt > #frmComprarArticulo #fnErrTalle {
        display: none
    }

    #fichaProducto > .cnt > #frmComprarArticulo[data-error='talle'] #fnErrTalle {
        display: block;
        opacity: 0;
        transition: opacity 0.5s;
        animation: fadeIn 0.5s 1 forwards
    }

#fichaProducto #infoEnvio {
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    padding: 10px 0;
    margin-bottom: 20px
}

    #fichaProducto #infoEnvio > .hdr {
        cursor: pointer
    }

        #fichaProducto #infoEnvio > .hdr::after {
            content: '+';
            display: block;
            line-height: 20px;
            height: 20px;
            width: 20px;
            text-align: center;
            font-size: 20px;
            color: #000000;
            float: right
        }

    #fichaProducto #infoEnvio.open > .hdr::after {
        content: '–'
    }

    #fichaProducto #infoEnvio > .hdr > .tit {
        line-height: 20px;
        font-size: 11px;
        font-weight: bold;
        text-transform: uppercase;
        color: #000000
    }

        #fichaProducto #infoEnvio > .hdr > .tit::before {
            content: '\e823';
            font-family: "FIconos";
            margin-right: 10px;
            font-size: 14px;
            font-weight: normal
        }

    #fichaProducto #infoEnvio > .cnt {
        display: none;
        margin-top: 10px
    }

        #fichaProducto #infoEnvio > .cnt > ul > li {
            line-height: 20px;
            font-size: 11px;
            margin-bottom: 5px;
            color: #555555
        }

            #fichaProducto #infoEnvio > .cnt > ul > li strong {
                color: #000000
            }

#fichaProducto > .cnt > .menuFicha {
    margin-top: -10px;
    margin-bottom: 20px;
    font-size: 0
}

    #fichaProducto > .cnt > .menuFicha .it {
        display: inline-block;
        line-height: 20px;
        font-size: 11px
    }

        #fichaProducto > .cnt > .menuFicha .it + .it {
            margin-left: 10px
        }

            #fichaProducto > .cnt > .menuFicha .it + .it::before {
                content: '•';
                margin-right: 10px
            }

        #fichaProducto > .cnt > .menuFicha .it a {
            color: #999999
        }

#fichaProducto > .cnt #blkCaracteristicas {
    margin: 30px 0
}

    #fichaProducto > .cnt #blkCaracteristicas > .hdr {
        margin-bottom: 10px
    }

        #fichaProducto > .cnt #blkCaracteristicas > .hdr > .tit {
            font-weight: bold;
            color: #000000;
            line-height: 15px;
            font-size: 11px;
            text-transform: uppercase
        }

    #fichaProducto > .cnt #blkCaracteristicas > .cnt .lst {
        display: table;
        border-top: 1px solid rgba(237,237,237,0.5);
        width: 100%
    }

        #fichaProducto > .cnt #blkCaracteristicas > .cnt .lst .it {
            margin-bottom: 5px;
            line-height: 20px;
            font-size: 12px;
            color: #555555;
            display: table-row
        }

            #fichaProducto > .cnt #blkCaracteristicas > .cnt .lst .it > * {
                display: table-cell;
                border-bottom: 1px solid rgba(237,237,237,0.5);
                padding: 4px 0
            }

            #fichaProducto > .cnt #blkCaracteristicas > .cnt .lst .it > .tit {
                padding-right: 5px;
                width: 150px
            }

                #fichaProducto > .cnt #blkCaracteristicas > .cnt .lst .it > .tit::after {
                    content: ':'
                }

#fichaProducto > .cnt .blkCompartir {
    position: absolute;
    top: 0;
    right: 0
}

#fichaProducto > .cnt > #imagenes {
    z-index: 3;
    position: absolute;
    top: 0;
    left: 120px;
    width: 460px
}

    #fichaProducto > .cnt > #imagenes::before {
        content: '';
        display: block;
        width: 100%;
        padding-top: 100%
    }

    #fichaProducto > .cnt > #imagenes .fnGaleria:not([data-full=on]) {
        position: absolute;
        top: 0;
        width: 100%
    }

    #fichaProducto > .cnt > #imagenes > .marca {
        z-index: 3;
        position: absolute;
        top: 10px;
        right: 10px;
        background: rgba(0,0,0,0.03)
    }

    #fichaProducto > .cnt > #imagenes > .cocardas {
        position: absolute;
        top: 0;
        width: 100%;
        bottom: 0;
        z-index: 2;
        pointer-events: none
    }

        #fichaProducto > .cnt > #imagenes > .cocardas > .dfl {
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            width: 20%;
            padding: 15px 0 0 0
        }

        #fichaProducto > .cnt > #imagenes > .cocardas > .ctm {
            position: absolute;
            right: 0;
            top: 0;
            width: 20%;
            padding: 10px 10px 0 0
        }

        #fichaProducto > .cnt > #imagenes > .cocardas > * > * {
            display: block;
            margin-bottom: 5px;
            float: left;
            clear: both;
            width: 100%;
            min-width: 40px;
            max-width: 70px
        }

            #fichaProducto > .cnt > #imagenes > .cocardas > * > * > img {
                width: 100%
            }

        #fichaProducto > .cnt > #imagenes > .cocardas > .ctm > * {
            float: right
        }

#fichaProducto > #blkProductosRelacionados > .cnt .aListProductos {
    margin: 0
}

    #fichaProducto > #blkProductosRelacionados > .cnt .aListProductos > .it {
        width: 25%;
        padding: 0 !important
    }

#fichaProducto .blkDetalle {
    margin-top: 50px
}

    #fichaProducto .blkDetalle > .hdr {
        border-bottom: 1px solid #ededed;
        margin-bottom: 30px;
        text-align: center
    }

        #fichaProducto .blkDetalle > .hdr .tit {
            font-weight: 400;
            font-size: 18px;
            cursor: pointer;
            color: #999999;
            padding: 20px 0;
            border-bottom: 4px solid transparent;
            display: inline-block
        }

            #fichaProducto .blkDetalle > .hdr .tit + .tit {
                margin-left: 30px
            }

            #fichaProducto .blkDetalle > .hdr .tit.slc {
                color: #000000;
                border-bottom: 4px solid #001c44
            }

    #fichaProducto .blkDetalle > .it {
        max-width: 720px;
        margin: 0 auto 80px !important
    }

#fichaProducto[data-agotado="on"] > .cnt {
    width: 800px;
    padding: 0 0 0 320px;
    margin: 0 auto 40px;
    min-height: initial
}

    #fichaProducto[data-agotado="on"] > .cnt::after {
        content: "";
        overflow: hidden;
        display: block;
        height: 0;
        clear: both
    }

    #fichaProducto[data-agotado="on"] > .cnt #imagenes {
        position: static;
        width: 280px;
        float: left;
        border: 1px solid #ededed;
        margin-left: -320px
    }

        #fichaProducto[data-agotado="on"] > .cnt #imagenes::before {
            display: none
        }

        #fichaProducto[data-agotado="on"] > .cnt #imagenes img {
            width: 100%;
            height: auto
        }

    #fichaProducto[data-agotado="on"] > .cnt #lstVariantes > .it > .img img {
        width: 80px;
        height: auto
    }

    #fichaProducto[data-agotado="on"] > .cnt #lstVariantes > .it > .img {
        border: 1px solid #ededed;
        border-radius: 0
    }

        #fichaProducto[data-agotado="on"] > .cnt #lstVariantes > .it > .img:before {
            display: none
        }

#fichaProducto > .cnt > .imagenProducto {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 100px;
    width: 460px;
    height: auto
}

    #fichaProducto > .cnt > .imagenProducto > .zoom {
        z-index: 1;
        position: relative;
        width: 100%
    }

        #fichaProducto > .cnt > .imagenProducto > .zoom > a.img {
            display: block;
            width: 100%;
            padding-top: 130%;
            position: relative
        }

            #fichaProducto > .cnt > .imagenProducto > .zoom > a.img > img {
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0
            }

    #fichaProducto > .cnt > .imagenProducto[data-zoom=on]:hover > .zoom {
        z-index: 4
    }

    #fichaProducto > .cnt > .imagenProducto > .thumbsNav {
        display: none;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

        #fichaProducto > .cnt > .imagenProducto > .thumbsNav > .btnNav {
            cursor: pointer;
            background: rgba(0,0,0,0.3);
            position: absolute;
            top: 50%;
            border: none;
            padding: 0;
            width: 60px;
            height: 60px;
            margin-top: -30px !important;
            z-index: 5
        }

            #fichaProducto > .cnt > .imagenProducto > .thumbsNav > .btnNav:hover {
                background: rgba(0,0,0,0.5)
            }

            #fichaProducto > .cnt > .imagenProducto > .thumbsNav > .btnNav > span {
                display: none
            }

        #fichaProducto > .cnt > .imagenProducto > .thumbsNav > .btnAnterior {
            right: 0
        }

        #fichaProducto > .cnt > .imagenProducto > .thumbsNav > .btnNav:after {
            content: '';
            font-family: "FIconos";
            color: #ffffff;
            display: block;
            width: 60px;
            height: 60px;
            line-height: 60px
        }

        #fichaProducto > .cnt > .imagenProducto > .thumbsNav > .btnSiguiente:after {
            content: ''
        }

    #fichaProducto > .cnt > .imagenProducto > .marca {
        z-index: 3;
        position: absolute;
        top: 10px;
        right: 10px;
        background: rgba(0,0,0,0.03)
    }

    #fichaProducto > .cnt > .imagenProducto > .cocardas {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 2
    }

        #fichaProducto > .cnt > .imagenProducto > .cocardas > .dfl {
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            width: 20%;
            padding: 15px 0 0 15px
        }

        #fichaProducto > .cnt > .imagenProducto > .cocardas > .ctm {
            position: absolute;
            right: 0;
            bottom: 0;
            width: 20%;
            padding: 0 15px 15px 0
        }

        #fichaProducto > .cnt > .imagenProducto > .cocardas > * > * {
            display: block;
            margin-bottom: 5px;
            float: left;
            clear: both;
            width: 100%;
            min-width: 40px;
            max-width: 70px
        }

            #fichaProducto > .cnt > .imagenProducto > .cocardas > * > * > img {
                width: 100%
            }

        #fichaProducto > .cnt > .imagenProducto > .cocardas > .ctm > * {
            float: right
        }

    #fichaProducto > .cnt > .imagenProducto > .imagenesArticulo {
        display: none
    }

#fichaProducto > .cnt > .lstThumbs {
    position: absolute;
    top: 0;
    left: 0
}

    #fichaProducto > .cnt > .lstThumbs > .it + .it {
        margin-top: 10px
    }

    #fichaProducto > .cnt > .lstThumbs > .it > a {
        width: auto;
        height: auto;
        overflow: hidden;
        position: relative;
        display: block
    }

        #fichaProducto > .cnt > .lstThumbs > .it > a:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            border: 2px solid transparent;
            transition: border 0.3s
        }

        #fichaProducto > .cnt > .lstThumbs > .it > a:hover:before,
        #fichaProducto > .cnt > .lstThumbs > .it > a.sld:before {
            border-color: #001c44
        }

        #fichaProducto > .cnt > .lstThumbs > .it > a > img {
            width: 80px;
            height: auto
        }

    #fichaProducto > .cnt > .lstThumbs > .it.video > a:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 35px;
        height: 35px;
        border-radius: 100%;
        margin: auto !important;
        background: rgba(0,0,0,0.9)
    }

    #fichaProducto > .cnt > .lstThumbs > .it.video > a > img {
        margin-left: -25px
    }

#fichaProducto .imgsMobile {
    display: none
}

@media all and (min-width:1280px) {
    body.fichaImgRight #fichaProducto:not([data-agotado="on"]) > .cnt {
        padding: 0 620px 0 0
    }

        body.fichaImgRight #fichaProducto:not([data-agotado="on"]) > .cnt > #imagenes {
            left: initial;
            right: 120px
        }

    body.fichaImgRight #fichaProducto:not([data-agotado="on"]) .fnGaleria .puntos {
        left: initial;
        right: -120px
    }

    body.fichaImgRight #fichaProducto:not([data-agotado="on"]) > .cnt .blkCompartir {
        right: 620px
    }
}

@media all and (max-width:1279px) and (min-width:1024px) {
    #fichaProducto > .cnt {
        padding: 0 0 0 530px;
        min-height: 400px;
        margin-bottom: 80px
    }

        #fichaProducto > .cnt > #imagenes {
            left: 100px;
            width: 400px
        }

        #fichaProducto > .cnt > .imagenProducto {
            width: 400px
        }

    body.fichaImgRight #fichaProducto:not([data-agotado="on"]) > .cnt {
        padding: 0 530px 0 0
    }

        body.fichaImgRight #fichaProducto:not([data-agotado="on"]) > .cnt > #imagenes {
            left: initial;
            right: 100px
        }

    body.fichaImgRight #fichaProducto:not([data-agotado="on"]) .fnGaleria .puntos {
        left: initial;
        right: -100px
    }

    body.fichaImgRight #fichaProducto:not([data-agotado="on"]) > .cnt .blkCompartir {
        right: 530px
    }
}

@media all and (max-width:1023px) {
    #ficha > .nav {
        margin-bottom: 20px
    }

    #fichaProducto > .cnt {
        padding: 0 0 0 0;
        min-height: 350px;
        margin-bottom: 80px
    }

        #fichaProducto > .cnt > #imagenes {
            left: 0;
            width: 350px
        }

            #fichaProducto > .cnt > #imagenes::before {
                padding-top: calc(100% + 20px)
            }

        #fichaProducto > .cnt > .hdr {
            border-top: 1px solid #ededed;
            padding: 20px 0 0
        }

    #fichaProducto[data-totimagenes="0"] > .cnt .fnGaleria > .puntos,
    #fichaProducto[data-totimagenes="1"] > .cnt .fnGaleria > .puntos {
        display: none
    }

    #fichaProducto > #blkProductosRelacionados > .cnt .aListProductos > .it {
        width: 33.33%
    }

    body.fichaImgRight #fichaProducto:not([data-agotado="on"]) > .cnt {
        padding: 0 370px 0 0
    }

        body.fichaImgRight #fichaProducto:not([data-agotado="on"]) > .cnt > #imagenes {
            left: initial;
            right: 0
        }

        body.fichaImgRight #fichaProducto:not([data-agotado="on"]) > .cnt .blkCompartir {
            right: 370px
        }

    #fichaProducto .imgsMobile {
        background: #fafafa;
        display: block;
        -webkit-overflow-scrolling: touch
    }

        #fichaProducto .imgsMobile .imagenesArticulo > .cnt {
            font-size: 0;
            word-spacing: 0;
            white-space: nowrap;
            overflow-x: auto;
            overflow-y: hidden
        }

        #fichaProducto .imgsMobile .imagenesArticulo .it {
            position: relative;
            width: 50vw;
            height: auto;
            min-width: 250px;
            max-width: 400px;
            display: inline-block
        }

            #fichaProducto .imgsMobile .imagenesArticulo .it:first-child:last-child {
                display: block;
                margin: auto
            }

            #fichaProducto .imgsMobile .imagenesArticulo .it::before {
                content: '';
                display: block;
                padding-top: 130.43%
            }

        #fichaProducto .imgsMobile .imagenesArticulo img {
            position: absolute;
            top: 0;
            width: 100%;
            height: auto
        }

    #fichaProducto .imagenProducto,
    #fichaProducto .lstThumbs {
        display: none
    }
}

@media all and (max-width:820px) {
    #ficha > .nav {
        margin-bottom: 10px
    }

    #fichaProducto > .cnt {
        padding: 0 !important;
        margin-bottom: 40px;
        text-align: center
    }

        #fichaProducto > .cnt > #imagenes {
            position: relative;
            top: 0;
            left: 0;
            margin: 0 auto 20px;
            max-width: 400px;
            width: 100%
        }

    #fichaProducto[data-totimagenes="0"] > .cnt > #imagenes,
    #fichaProducto[data-totimagenes="1"] > .cnt > #imagenes {
        margin: 0 auto 15px
    }

    #fichaProducto > .cnt > #imagenes > .cocardas > .ctm {
        padding: 5px 5px 0 0
    }

    #fichaProducto > .cnt > .hdr {
        border-top: 1px solid #ededed;
        padding: 20px 0 0
    }

    #fichaProducto #infoEnvio > .hdr::after {
        display: none
    }

    #fichaProducto > .cnt #lstVariantes > .it {
        display: inline-block;
        margin: 0 3px 5px 3px !important
    }

    #fichaProducto > .cnt > #frmComprarArticulo > .cnt #fldTalles > .lbl > b {
        display: none
    }

    #fichaProducto > .cnt > #frmComprarArticulo > .cnt #lstTalles > .it {
        margin: 0 3px 5px
    }

        #fichaProducto > .cnt > #frmComprarArticulo > .cnt #lstTalles > .it[data-stock="agotado"] {
            display: none
        }

        #fichaProducto > .cnt > #frmComprarArticulo > .cnt #lstTalles > .it > .tit > b {
            height: 30px;
            line-height: 30px;
            min-width: 30px
        }

    #fichaProducto > .cnt > #frmComprarArticulo {
        border-top: 1px solid #ededed;
        padding-top: 20px;
        text-align: center
    }

        #fichaProducto > .cnt > #frmComprarArticulo > .cnt #mainActions {
            justify-content: center
        }

            #fichaProducto > .cnt > #frmComprarArticulo > .cnt #mainActions > #btnComprar {
                width: auto;
                max-width: 350px;
                flex-grow: 1
            }

    #fichaProducto > .cnt .blkCompartir {
        display: none
    }

    #fichaProducto[data-agotado="on"] > .cnt {
        width: auto;
        padding: 0
    }

        #fichaProducto[data-agotado="on"] > .cnt #imagenes {
            float: none;
            margin: 0 auto 20px;
            width: 280px
        }

    body.fichaMobileFixedActions #fichaProducto > .cnt > #frmComprarArticulo {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 10px;
        background: #ffffff;
        z-index: 3;
        margin: 0;
        transform: translateY(100%);
        animation-name: animacionMobileFixedActions;
        animation-duration: 0.5s;
        animation-delay: 0.5s;
        animation-fill-mode: forwards
    }

    body.fichaMobileFixedActions[data-galeria-full="on"] #fichaProducto > .cnt > #frmComprarArticulo {
        z-index: 2
    }

    body.fichaMobileFixedActions #fichaProducto > .cnt > #frmComprarArticulo > .cnt #fldTalles {
        margin-bottom: 5px
    }

    body.fichaMobileFixedActions #fichaProducto > .cnt > #frmComprarArticulo > .cnt #mainActions > .customSelect > .cnt {
        top: initial;
        bottom: calc(100% + 5px)
    }

    body#pgCatalogo.fichaMobileFixedActions[data-ficha-state="on"] #footer,
    body#pgCatalogoDetalle.fichaMobileFixedActions #footer {
        padding-bottom: 150px
    }

    @keyframes animacionMobileFixedActions {
        from {
            transform: translateY(100%)
        }

        to {
            transform: translateY(0)
        }
    }
}

@media all and (max-width:568px) {
    #ficha > .nav {
        padding-right: 65px;
        font-size: 12px
    }

    #fichaProducto > .cnt > .hdr {
        float: none;
        width: auto;
        margin-bottom: 0;
        padding-right: 0;
        margin-right: 0
    }

        #fichaProducto > .cnt > .hdr > * {
            text-align: center
        }

    #fichaProducto > .cnt > .preciosWrapper {
        text-align: center;
        float: none;
        margin-top: 10px;
        max-width: 100%
    }

    #fichaProducto > .cnt > #frmComprarArticulo > .cnt #lstVariantes {
        text-align: center
    }

    #fichaProducto > .cnt > #frmComprarArticulo > .cnt #fldTalles {
        text-align: center
    }

    #fichaProducto > .cnt > #frmComprarArticulo > .cnt #lstTalles {
        text-align: center
    }

    #fichaProducto .blkDetalle > .hdr .tit {
        font-size: 15px
    }

        #fichaProducto .blkDetalle > .hdr .tit + .tit {
            margin-left: 15px
        }

    #fichaProducto > #blkProductosRelacionados > .cnt .aListProductos > .it {
        width: 100%
    }
}

@media all and (max-width:480px) {
    #fichaProducto > .cnt > .preciosWrapper > .porcRebaja {
        margin: 10px 0 0;
        display: block
    }

    #fichaProducto[data-agotado="on"] > .cnt #imagenes {
        margin: 0 auto 10px
    }

    body.fichaMobileFixedActions #fichaProducto > .cnt > #frmComprarArticulo > .cnt #mainActions > .customSelect {
        height: 40px;
        width: 110px
    }

        body.fichaMobileFixedActions #fichaProducto > .cnt > #frmComprarArticulo > .cnt #mainActions > .customSelect > .txt {
            line-height: 40px
        }

    body.fichaMobileFixedActions #fichaProducto > .cnt > #frmComprarArticulo > .cnt #mainActions > .btnWishlist {
        height: 40px;
        line-height: 38px
    }

    body.fichaMobileFixedActions #fichaProducto > .cnt > #frmComprarArticulo > .cnt #mainActions > #btnComprar {
        height: 40px;
        line-height: 40px;
        font-size: 13px
    }
}

#fichaProducto .imagenesArticulo:not(.fnGaleria) > .cnt {
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap;
    height: 100%
}

    #fichaProducto .imagenesArticulo:not(.fnGaleria) > .cnt > .it {
        width: 100%;
        height: 100%;
        display: inline-block
    }

        #fichaProducto .imagenesArticulo:not(.fnGaleria) > .cnt > .it > img {
            object-fit: contain;
            margin: auto;
            height: 100%;
            width: 100%
        }

.js #fichaProducto .imagenesArticulo:not(.fnGaleria) > .cnt {
    overflow: hidden
}

#fichaProducto .fnGaleria {
    background: #ffffff;
    height: 100%;
    position: relative;
    z-index: 1
}

    #fichaProducto .fnGaleria > .cnt {
        height: 100%;
        width: 100%;
        border: 1px solid #ededed
    }

        #fichaProducto .fnGaleria > .cnt > .cntMv > .it img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            transition: opacity .7s ease-in-out
        }

        #fichaProducto .fnGaleria > .cnt > .cntMv > .it.video img {
            filter: brightness(50%)
        }

        #fichaProducto .fnGaleria > .cnt > .cntMv > .it.video .btnPlay {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: url('//d3tvx6svxnai4t.cloudfront.net/web/img/iconos/video-play.svg?1511812719') center no-repeat;
            background-size: contain;
            width: 70px;
            height: 70px;
            margin: auto !important;
            z-index: 9;
            cursor: pointer
        }

.no-touch #fichaProducto .fnGaleria > .cnt > .cntMv > .it.video .btnPlay:hover {
    transform: scale(1.1)
}

#fichaProducto .fnGaleria > .btnToggle,
#fichaProducto .fnGaleria > .btnAnterior,
#fichaProducto .fnGaleria > .btnSiguiente {
    transition: opacity .3s ease-in-out;
    font-size: 14px;
    font-family: "FIconos";
    cursor: pointer;
    background: #000000;
    opacity: .3;
    color: #ffffff;
    border: none;
    position: absolute;
    display: inline-block;
    padding: 0 5px;
    line-height: 50px;
    width: 50px;
    height: 50px;
    z-index: 2
}

#fichaProducto .fnGaleria > .btnToggle {
    bottom: 10px;
    right: 10px;
    border-radius: 100%
}

body[data-galeria-full="on"] #fichaProducto .fnGaleria > .btnToggle {
    font-size: 12px;
    width: 30px;
    height: 30px;
    line-height: 30px
}

#fichaProducto .fnGaleria > .btnAnterior,
#fichaProducto .fnGaleria > .btnSiguiente {
    top: 0;
    bottom: 0;
    margin: auto !important;
    display: none
}

    #fichaProducto .fnGaleria > .btnToggle[disabled],
    #fichaProducto .fnGaleria > .btnAnterior[disabled],
    #fichaProducto .fnGaleria > .btnSiguiente[disabled] {
        visibility: hidden
    }

#fichaProducto .fnGaleria > .btnAnterior {
    left: 0
}

#fichaProducto .fnGaleria > .btnSiguiente {
    right: 0
}

#fichaProducto .fnGaleria > .btnToggle::before {
    content: '\e815'
}

#fichaProducto .fnGaleria > .btnAnterior::before {
    content: '\e814'
}

#fichaProducto .fnGaleria > .btnSiguiente::before {
    content: '\e812'
}

.no-touch #fichaProducto .fnGaleria > button {
    opacity: 0
}

.no-touch #fichaProducto .fnGaleria:hover > .btnToggle {
    opacity: .3
}

.no-touch #fichaProducto .fnGaleria:hover > button {
    opacity: .3
}

.no-touch #fichaProducto .fnGaleria > .btnToggle:hover,
.no-touch #fichaProducto .fnGaleria > .btnAnterior:hover,
.no-touch #fichaProducto .fnGaleria > .btnSiguiente:hover {
    opacity: .5
}

body[data-galeria-full=on] #header {
    z-index: 1
}

body[data-galeria-full=on] #central {
    z-index: 2
}

#fichaProducto .fnGaleria[data-full=on] {
    padding: 20px;
    max-height: none;
    margin: 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9
}

    #fichaProducto .fnGaleria[data-full=on] > .cnt {
        height: 100%;
        border: none
    }

    #fichaProducto .fnGaleria[data-full=on] > .puntos {
        display: none
    }

    #fichaProducto .fnGaleria[data-full=on] > .btnToggle {
        top: 10px;
        bottom: initial
    }

        #fichaProducto .fnGaleria[data-full=on] > .btnToggle::before {
            content: '\e82C'
        }

    #fichaProducto .fnGaleria[data-full=on] > .btnAnterior,
    #fichaProducto .fnGaleria[data-full=on] > .btnSiguiente {
        display: block
    }

#fnGaleriaProductosPlayer {
    background: #000000;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9998
}

    #fnGaleriaProductosPlayer iframe {
        width: 100%;
        height: 100%
    }

    #fnGaleriaProductosPlayer .btnCerrar {
        position: fixed;
        z-index: 9999;
        top: 10px;
        right: 10px;
        width: 40px;
        background: rgba(0,0,0,0.7);
        text-align: center;
        font-size: 18px;
        line-height: 40px;
        color: #ffffff;
        border-radius: 100%;
        cursor: pointer
    }

.no-touch #fnGaleriaProductosPlayer .btnCerrar:hover {
    transform: scale(1.1)
}

#fnGaleriaProductosPlayer .btnCerrar::before {
    font-family: "FIconos";
    content: '\e82C'
}

@media all and (min-width:1280px) {
    #fichaProducto .fnGaleria .puntos {
        width: 80px;
        position: absolute;
        top: 0;
        left: -120px
    }

        #fichaProducto .fnGaleria .puntos > .it {
            cursor: pointer;
            position: relative;
            margin-top: 20px;
            width: 100%;
            height: auto
        }

            #fichaProducto .fnGaleria .puntos > .it img {
                width: 100%;
                height: auto
            }

            #fichaProducto .fnGaleria .puntos > .it::before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                border: 2px solid transparent;
                transition: border 0.3s
            }

            .no-touch #fichaProducto .fnGaleria .puntos > .it:hover::before,
            #fichaProducto .fnGaleria .puntos > .it[data-sld=on]::before {
                border-color: #001c44
            }

            #fichaProducto .fnGaleria .puntos > .it.video::after {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background: rgba(0,0,0,0.3) url('//d3tvx6svxnai4t.cloudfront.net/web/img/iconos/video-play.svg?1511812719') center no-repeat;
                background-size: auto 50%
            }
}

@media all and (max-width:1279px) and (min-width:1024px) {
    #fichaProducto .fnGaleria .puntos {
        width: 70px;
        position: absolute;
        top: 0;
        left: -100px
    }

        #fichaProducto .fnGaleria .puntos > .it {
            cursor: pointer;
            position: relative;
            margin-top: 15px;
            width: 100%;
            height: auto
        }

            #fichaProducto .fnGaleria .puntos > .it img {
                width: 100%;
                height: auto
            }

            #fichaProducto .fnGaleria .puntos > .it::before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                border: 2px solid transparent;
                transition: border 0.3s
            }

            .no-touch #fichaProducto .fnGaleria .puntos > .it:hover::before,
            #fichaProducto .fnGaleria .puntos > .it[data-sld=on]::before {
                border-color: #001c44
            }
}

@media all and (max-width:1023px) {
    #fichaProducto .fnGaleria {
        padding-bottom: 20px
    }

        #fichaProducto .fnGaleria > .btnAnterior,
        #fichaProducto .fnGaleria > .btnSiguiente {
            display: none
        }

        #fichaProducto .fnGaleria > .btnToggle {
            bottom: 30px;
            height: 40px;
            width: 40px;
            line-height: 40px
        }

        #fichaProducto .fnGaleria > .puntos {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            text-align: center;
            width: auto;
            margin-top: 10px;
            font-size: 0;
            z-index: 2
        }

            #fichaProducto .fnGaleria > .puntos > .it {
                margin: 0 3px !important;
                display: inline-block;
                width: 12px;
                height: 12px;
                border-radius: 100%;
                background: rgba(0,28,68,0.5)
            }

                #fichaProducto .fnGaleria > .puntos > .it[data-sld='on'] {
                    background: #001c44
                }

                #fichaProducto .fnGaleria > .puntos > .it > img {
                    display: none
                }

        #fichaProducto .fnGaleria[data-full=on] {
            padding: 10px
        }
}

@media all and (max-width:768px) {
    #fichaProducto .fnGaleria[data-full=on] {
        padding: 5px
    }
}

#mainMenuMobile .frmBusquedaMobile {
    display: none
}

.frmBusqueda .tt-menu {
    background: #ffffff;
    border: 1px solid #ededed;
    border-bottom: none;
    width: 100%;
    max-height: calc(100vh - 120px);
    top: 100%;
    overflow-y: auto
}

    .frmBusqueda .tt-menu .tt-suggestion {
        border-bottom: 1px solid #ededed;
        font-size: 13px;
        line-height: 15px;
        padding: 10px;
        cursor: pointer
    }

        .frmBusqueda .tt-menu .tt-suggestion.tt-cursor,
        .frmBusqueda .tt-menu .tt-suggestion:hover {
            background: rgba(1,110,152,0.1)
        }

.frmBusqueda .tt-dataset .no-results,
.frmBusqueda .tt-dataset .buscando {
    line-height: 15px;
    font-style: italic;
    font-size: 13px;
    color: #aaa;
    border-bottom: 1px solid #ededed;
    padding: 10px 20px
}

.frmBusqueda .tt-dataset .no-results {
    text-align: center
}

.frmBusqueda .tt-dataset .buscando > .ico {
    float: left;
    width: 15px;
    height: 15px;
    margin-right: 5px;
    background: url('//d3tvx6svxnai4t.cloudfront.net/web/img/loader.svg?1538673000') no-repeat;
    background-size: contain
}

.frmBusqueda .tt-menu .link a,
.frmBusqueda .tt-menu .articulo a {
    display: block
}

.frmBusqueda .tt-menu .link .pc {
    color: #555555;
    font-style: italic
}

.frmBusqueda .tt-menu .articulo {
    overflow: hidden
}

    .frmBusqueda .tt-menu .articulo .img {
        background: #dddddd;
        float: left;
        width: 50px;
        height: 50px;
        margin-right: 10px
    }

        .frmBusqueda .tt-menu .articulo .img img {
            width: 100%;
            height: 100%
        }

    .frmBusqueda .tt-menu .articulo .nom {
        font-weight: bold;
        display: block;
        margin-bottom: 5px;
        color: #000000
    }

    .frmBusqueda .tt-menu .articulo .prVenta {
        color: #000000
    }

    .frmBusqueda .tt-menu .articulo .prLista {
        margin-left: 5px;
        color: #999999;
        text-decoration: line-through
    }

@media all and (min-width:1024px) {
    body.buscadorSlideTop #mainMenuMobile .frmBusqueda {
        display: none !important
    }

    body.buscadorSlideTop .frmBusqueda > form {
        visibility: hidden;
        position: fixed;
        top: -100px;
        left: calc((100% - 1160px) / 2);
        right: calc((100% - 1160px) / 2);
        height: 100px;
        z-index: 99999
    }

        body.buscadorSlideTop .frmBusqueda > form:before {
            content: '';
            z-index: -1;
            background-color: #ffffff;
            position: absolute;
            top: 0;
            right: -5000px;
            bottom: 0;
            left: -5000px;
            display: block;
            box-shadow: 0 1px 2px rgba(0,0,0,0.3)
        }

        body.buscadorSlideTop .frmBusqueda > form > .cnt {
            height: 100%
        }

            body.buscadorSlideTop .frmBusqueda > form > .cnt > .btnCerrar {
                position: absolute;
                top: 40px;
                right: 0;
                z-index: 1;
                color: rgba(0,0,0,0.5);
                background-color: transparent;
                border: none;
                cursor: pointer;
                font-size: 16px;
                font-family: "FIconos"
            }

                body.buscadorSlideTop .frmBusqueda > form > .cnt > .btnCerrar:hover {
                    color: #000000
                }

                body.buscadorSlideTop .frmBusqueda > form > .cnt > .btnCerrar > .ico::before {
                    content: '\e82C'
                }

                body.buscadorSlideTop .frmBusqueda > form > .cnt > .btnCerrar > .txt {
                    display: none
                }

            body.buscadorSlideTop .frmBusqueda > form > .cnt > .btnBuscar {
                display: none
            }

            body.buscadorSlideTop .frmBusqueda > form > .cnt > .lbl {
                display: block;
                width: 100%;
                height: 100%;
                margin-right: -30px
            }

                body.buscadorSlideTop .frmBusqueda > form > .cnt > .lbl > b {
                    display: none
                }

                body.buscadorSlideTop .frmBusqueda > form > .cnt > .lbl > span {
                    display: block;
                    width: 100%;
                    height: 100%
                }

                    body.buscadorSlideTop .frmBusqueda > form > .cnt > .lbl > span > input {
                        color: #555555;
                        box-shadow: none !important;
                        width: 100%;
                        height: 100%;
                        border: none;
                        border-radius: 0;
                        background: none;
                        display: block;
                        line-height: 30px;
                        padding: 0 40px 0 0;
                        font-size: 25px
                    }

                        body.buscadorSlideTop .frmBusqueda > form > .cnt > .lbl > span > input::-moz-placeholder {
                            font-weight: normal;
                            font-style: italic;
                            color: #999999
                        }

                        body.buscadorSlideTop .frmBusqueda > form > .cnt > .lbl > span > input::-webkit-search-cancel-button {
                            display: none
                        }

    body.buscadorSlideTop .frmBusqueda > form {
        visibility: hidden;
        transition: visibility 0s 0.3s,top 0.3s
    }

    body.buscadorSlideTop .frmBusqueda[data-show="on"] > form {
        visibility: visible;
        top: 0;
        transition: top 0.3s
    }

    body.buscadorSlideTop .frmBusqueda .tt-menu {
        left: -20px !important;
        width: calc(100% + 40px) !important
    }

        body.buscadorSlideTop .frmBusqueda .tt-menu .tt-suggestion {
            padding: 10px 20px
        }

    body.buscadorLayer #mainMenuMobile .frmBusqueda {
        display: none !important
    }

    body.buscadorLayer .frmBusqueda > form {
        visibility: hidden;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(255,255,255,0.97);
        z-index: 999997
    }

        body.buscadorLayer .frmBusqueda > form > .cnt {
            position: fixed;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            margin: auto !important;
            max-width: 600px;
            width: 80%;
            padding-top: 60px
        }

            body.buscadorLayer .frmBusqueda > form > .cnt > .btnCerrar {
                position: fixed;
                top: 20px;
                right: 20px;
                color: #999999;
                background-color: transparent;
                border: none;
                cursor: pointer;
                font-size: 20px;
                font-family: "FIconos"
            }

                body.buscadorLayer .frmBusqueda > form > .cnt > .btnCerrar:hover {
                    color: #000000
                }

                body.buscadorLayer .frmBusqueda > form > .cnt > .btnCerrar > .txt {
                    display: none
                }

                body.buscadorLayer .frmBusqueda > form > .cnt > .btnCerrar > .ico::before {
                    content: '\e82C'
                }

            body.buscadorLayer .frmBusqueda > form > .cnt > .btnBuscar {
                background: none;
                cursor: pointer;
                border: none;
                line-height: 30px;
                font-size: 20px;
                padding: 0;
                color: #999999
            }

                body.buscadorLayer .frmBusqueda > form > .cnt > .btnBuscar:hover {
                    color: #000000
                }

                body.buscadorLayer .frmBusqueda > form > .cnt > .btnBuscar > .ico::before {
                    content: '\e809'
                }

                body.buscadorLayer .frmBusqueda > form > .cnt > .btnBuscar > .txt {
                    display: none
                }

            body.buscadorLayer .frmBusqueda > form > .cnt > .lbl {
                display: block;
                float: left;
                width: 100%;
                margin-right: -30px
            }

                body.buscadorLayer .frmBusqueda > form > .cnt > .lbl > b {
                    display: none
                }

                body.buscadorLayer .frmBusqueda > form > .cnt > .lbl > span {
                    display: block;
                    width: 100%
                }

                    body.buscadorLayer .frmBusqueda > form > .cnt > .lbl > span > input {
                        color: #555555;
                        box-shadow: none !important;
                        width: 100%;
                        border: none;
                        border-bottom: 2px solid #dddddd;
                        border-radius: 0;
                        background: none;
                        display: block;
                        line-height: 30px;
                        height: 50px;
                        padding: 0 40px 20px 0;
                        font-size: 20px
                    }

                        body.buscadorLayer .frmBusqueda > form > .cnt > .lbl > span > input::-moz-placeholder {
                            font-weight: normal;
                            font-style: italic;
                            color: #999999
                        }

                        body.buscadorLayer .frmBusqueda > form > .cnt > .lbl > span > input::-webkit-search-cancel-button {
                            display: none
                        }

    body.buscadorLayer .frmBusqueda > form {
        visibility: hidden;
        opacity: 0;
        transition: visibility 0s 0.3s,opacity 0.3s linear
    }

    body.buscadorLayer[data-searching=on] {
        overflow: hidden;
        height: 100%
    }

    body.buscadorLayer .frmBusqueda[data-show="on"] > form {
        visibility: visible;
        opacity: 1;
        transition: opacity 0.3s linear
    }

    body.buscadorSearchField .frmBusqueda > .btnItem.btnMostrarBuscador {
        display: none !important
    }

    body.buscadorSearchField[data-fixed=on] #header .frmBusqueda {
        display: none
    }

    body.buscadorSearchField .frmBusqueda > form > .cnt > .btnCerrar {
        display: none
    }

    body.buscadorSearchField .frmBusqueda > form > .cnt > .btnBuscar {
        display: block;
        cursor: pointer;
        float: left;
        border: none;
        background: none;
        text-align: center;
        height: 40px;
        width: 50px;
        line-height: 40px;
        font-size: 18px;
        color: #000000;
        padding: 0;
        margin-left: -50px;
        z-index: 1;
        position: relative
    }

        body.buscadorSearchField .frmBusqueda > form > .cnt > .btnBuscar > .ico {
            color: #000000
        }

            body.buscadorSearchField .frmBusqueda > form > .cnt > .btnBuscar > .ico::before {
                content: '\e809'
            }

        body.buscadorSearchField .frmBusqueda > form > .cnt > .btnBuscar > .txt {
            display: none
        }

    body.buscadorSearchField .frmBusqueda > form > .cnt > .lbl {
        display: block;
        float: left
    }

        body.buscadorSearchField .frmBusqueda > form > .cnt > .lbl > b {
            display: none
        }

        body.buscadorSearchField .frmBusqueda > form > .cnt > .lbl input[type=search] {
            color: #555555;
            box-shadow: none !important;
            width: 250px;
            border: none;
            border-radius: 25px;
            background: #ffffff;
            display: inline-block;
            line-height: 20px;
            padding: 0 50px 0 15px;
            height: 40px;
            font-size: 14px;
            opacity: 0.5;
            transition: width 0.3s,opacity 0.3s
        }

            body.buscadorSearchField .frmBusqueda > form > .cnt > .lbl input[type=search]:focus,
            body.buscadorSearchField .frmBusqueda > form > .cnt > .lbl input[type=search]:not(:placeholder-shown) {
                width: 400px;
                opacity: 1
            }

            body.buscadorSearchField .frmBusqueda > form > .cnt > .lbl input[type=search]::-moz-placeholder {
                font-weight: normal;
                font-style: italic;
                color: #999999
            }

            body.buscadorSearchField .frmBusqueda > form > .cnt > .lbl input[type=search]::-webkit-search-cancel-button {
                display: none
            }
}

@media all and (max-width:1279px) and (min-width:1024px) {
    body.buscadorSlideTop .frmBusqueda > form {
        left: calc((100% - 980px) / 2);
        right: calc((100% - 980px) / 2)
    }
}

@media all and (max-width:1023px) {
    .frmBusqueda > form {
        visibility: hidden;
        position: fixed;
        top: -100px;
        padding: 0 20px;
        left: 0;
        right: 0;
        height: 60px;
        z-index: 99999
    }

        .frmBusqueda > form:before {
            content: '';
            z-index: -1;
            background-color: #ffffff;
            position: absolute;
            top: 0;
            right: -5000px;
            bottom: 0;
            left: -5000px;
            display: block;
            box-shadow: 0 1px 2px rgba(0,0,0,0.3)
        }

        .frmBusqueda > form > .cnt {
            height: 100%
        }

            .frmBusqueda > form > .cnt > .btnCerrar {
                position: absolute;
                top: 20px;
                right: 20px;
                z-index: 1;
                color: rgba(0,0,0,0.5);
                background-color: transparent;
                border: none;
                cursor: pointer;
                font-size: 18px;
                font-family: "FIconos"
            }

                .frmBusqueda > form > .cnt > .btnCerrar:hover {
                    color: #000000
                }

                .frmBusqueda > form > .cnt > .btnCerrar > .ico::before {
                    content: '\e82C'
                }

                .frmBusqueda > form > .cnt > .btnCerrar > .txt {
                    display: none
                }

            .frmBusqueda > form > .cnt > .btnBuscar {
                display: none
            }

            .frmBusqueda > form > .cnt > .lbl {
                display: block;
                width: 100%;
                height: 100%;
                margin-right: -30px
            }

                .frmBusqueda > form > .cnt > .lbl > b {
                    display: none
                }

                .frmBusqueda > form > .cnt > .lbl > span {
                    display: block;
                    width: 100%;
                    height: 100%
                }

                    .frmBusqueda > form > .cnt > .lbl > span > input {
                        color: #555555;
                        box-shadow: none !important;
                        width: 100%;
                        height: 100%;
                        border: none;
                        border-radius: 0;
                        background: none;
                        display: block;
                        line-height: 30px;
                        padding: 0 40px 0 0;
                        font-size: 20px
                    }

                        .frmBusqueda > form > .cnt > .lbl > span > input::-moz-placeholder {
                            font-weight: normal;
                            font-style: italic;
                            color: rgba(85,85,85,0.5)
                        }

                        .frmBusqueda > form > .cnt > .lbl > span > input::-webkit-search-cancel-button {
                            display: none
                        }

    .frmBusqueda > form {
        visibility: hidden;
        transition: visibility 0s 0.3s,top 0.3s
    }

    .frmBusqueda[data-show="on"] > form {
        visibility: visible;
        top: 0;
        transition: top 0.3s
    }

    .frmBusqueda .tt-menu {
        left: -20px !important;
        width: calc(100% + 40px) !important;
        border-left: none;
        border-right: none
    }

        .frmBusqueda .tt-menu .tt-suggestion {
            padding: 10px 20px
        }
}

@media all and (max-width:640px) {
    .frmBusqueda .tt-menu .articulo .img {
        width: 40px;
        height: 40px
    }
}

.frmCompacto {
    position: relative;
    margin: 0 auto;
    max-width: 400px
}

    .frmCompacto > .blk + .blk {
        margin-top: 30px;
        border-top: 1px solid #ededed;
        padding-top: 29px
    }

    .frmCompacto > .blk > .hdr {
        display: none
    }

        .frmCompacto > .blk > .hdr > .tit {
            line-height: 20px;
            font-size: 16px;
            text-align: center;
            font-weight: bold
        }

    .frmCompacto > .blk .frm01 {
        margin-bottom: 20px
    }

        .frmCompacto > .blk .frm01 .lbl > b {
            font-size: 12px;
            line-height: 30px;
            font-weight: bold;
            padding: 0;
            width: auto
        }

        .frmCompacto > .blk .frm01 .lbl > input {
            max-width: inherit
        }

        .frmCompacto > .blk .frm01 .lbl > strong.err {
            margin-left: 200px
        }

        .frmCompacto > .blk .frm01 .actions {
            margin-left: 0
        }

            .frmCompacto > .blk .frm01 .actions a {
                text-decoration: underline
            }

            .frmCompacto > .blk .frm01 .actions > .btn01 {
                display: block;
                width: 100%
            }

            .frmCompacto > .blk .frm01 .actions > .btnOlvideContrasena {
                display: inline-block;
                margin-top: 20px;
                line-height: 15px;
                font-size: 12px
            }

                .frmCompacto > .blk .frm01 .actions > .btnOlvideContrasena:hover {
                    color: #c8196e
                }

            .frmCompacto > .blk .frm01 .actions > .opcion {
                line-height: 20px;
                font-size: 12px;
                margin-top: 10px
            }

    .frmCompacto > .blk .btnLoginFacebook {
        display: block;
        margin-bottom: 20px !important
    }

    .frmCompacto > .blk .btnLoginGoogle {
        display: block
    }

#galeria {
    display: none;
    z-index: 9999;
    background: rgba(0,0,0,0.8);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

    #galeria > .btnCerrar {
        transition: opacity .3s;
        font-size: 25px;
        opacity: .5;
        font-family: "FIconos";
        cursor: pointer;
        background-color: rgba(0,0,0,0.5);
        color: #ffffff;
        text-align: center;
        position: fixed;
        top: 15px;
        right: 15px;
        line-height: 25px;
        width: 25px;
        border-radius: 100%
    }

        #galeria > .btnCerrar::before {
            content: '\e82C'
        }

        #galeria > .btnCerrar:hover {
            opacity: 1
        }

    #galeria > .nav > .btnAnt,
    #galeria > .nav > .btnSig {
        cursor: pointer
    }

        #galeria > .nav > .btnAnt:hover,
        #galeria > .nav > .btnSig:hover {
            opacity: .8
        }

        #galeria > .nav > .btnAnt::before {
            content: 'Anterior'
        }

        #galeria > .nav > .btnSig::before {
            content: 'Siguiente'
        }

    #galeria[data-total='1'] > .nav {
        display: none !important
    }

html[data-galeria=on],
html[data-galeria=on] > body {
    overflow: hidden;
    height: 100%;
    user-select: none
}

    html[data-galeria=on] #galeria {
        display: flex
    }

        html[data-galeria=on] #galeria[data-tipo=std] {
            display: flex
        }

#galeria[data-tipo=std] {
    flex-direction: column
}

    #galeria[data-tipo=std] > .btnCerrar {
        background: rgba(0,0,0,0.1);
        color: #ffffff;
        opacity: .6
    }

        #galeria[data-tipo=std] > .btnCerrar:hover {
            opacity: 1
        }

    #galeria[data-tipo=std] > .nav {
        order: 2;
        height: 50px;
        background: rgba(0,0,0,0.5);
        text-align: center;
        line-height: 20px;
        padding: 15px 0
    }

        #galeria[data-tipo=std] > .nav > * {
            display: inline-block;
            font-size: 15px;
            color: #ffffff
        }

        #galeria[data-tipo=std] > .nav > .num {
            margin: 0 20px;
            min-width: 25px
        }

            #galeria[data-tipo=std] > .nav > .num > .tot::before {
                content: '/';
                padding: 0 5px
            }

        #galeria[data-tipo=std] > .nav > .btnAnt,
        #galeria[data-tipo=std] > .nav > .btnSig {
            transition: opacity .3s ease-in-out;
            font-size: 13px;
            opacity: .6
        }

            #galeria[data-tipo=std] > .nav > .btnAnt:hover,
            #galeria[data-tipo=std] > .nav > .btnSig:hover {
                opacity: 1
            }

    #galeria[data-tipo=std] > .items {
        order: 1;
        height: calc(100% - 50px);
        padding: 0
    }

        #galeria[data-tipo=std] > .items > .it {
            display: none;
            width: 100%;
            height: 100%
        }

            #galeria[data-tipo=std] > .items > .it > img {
                max-width: 100%;
                max-height: 100%
            }

            #galeria[data-tipo=std] > .items > .it > iframe {
                width: 100%;
                height: 100%
            }

            #galeria[data-tipo=std] > .items > .it[data-ajuste='ancho'] > img {
                height: 100%;
                width: auto
            }

            #galeria[data-tipo=std] > .items > .it[data-ajuste='alto'] > img {
                height: auto;
                width: 100%
            }

            #galeria[data-tipo=std] > .items > .it[data-sld=si] {
                display: flex;
                align-items: center;
                justify-content: center
            }

html[data-galeria=on] #galeria[data-tipo=full] {
    display: block
}

#galeria[data-tipo=full] {
    background: #ffffff
}

    #galeria[data-tipo=full] > .btnCerrar {
        z-index: 3
    }

    #galeria[data-tipo=full] > .nav {
        position: relative;
        z-index: 2;
        order: 1;
        height: 0
    }

        #galeria[data-tipo=full] > .nav > * {
            position: fixed
        }

        #galeria[data-tipo=full] > .nav > .btnAnt,
        #galeria[data-tipo=full] > .nav > .btnSig {
            transition: opacity .3s;
            opacity: 0.5;
            font-family: "FIconos";
            line-height: 80px;
            height: 80px;
            font-size: 48px;
            display: block;
            text-align: center;
            color: #ffffff;
            background: rgba(0,0,0,0.5);
            width: 60px;
            top: 0;
            bottom: 0;
            margin: auto !important
        }

            #galeria[data-tipo=full] > .nav > .btnAnt:hover,
            #galeria[data-tipo=full] > .nav > .btnSig:hover {
                opacity: 1
            }

        #galeria[data-tipo=full] > .nav > .btnAnt {
            left: 20px
        }

        #galeria[data-tipo=full] > .nav > .btnSig {
            right: 20px
        }

        #galeria[data-tipo=full] > .nav > .btnAnt::before {
            content: '\e814'
        }

        #galeria[data-tipo=full] > .nav > .btnSig::before {
            content: '\e812'
        }

        #galeria[data-tipo=full] > .nav > .num {
            text-align: center;
            line-height: 30px;
            background: rgba(0,0,0,0.5);
            color: #ffffff;
            width: 60px;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto
        }

            #galeria[data-tipo=full] > .nav > .num > .tot::before {
                content: '/';
                padding: 0 5px
            }

    #galeria[data-tipo=full] > .items {
        z-index: 1;
        position: relative;
        order: 2;
        height: 100vh
    }

        #galeria[data-tipo=full] > .items > .it {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 0;
            width: 100vw;
            height: 100vh;
            overflow: scroll
        }

            #galeria[data-tipo=full] > .items > .it[data-loaded=no][data-sld=si]::before {
                content: 'Cargando...';
                position: fixed;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                margin: auto !important;
                width: 200px;
                height: 30px;
                line-height: 30px;
                text-align: center
            }

            #galeria[data-tipo=full] > .items > .it > img {
                width: auto;
                height: auto;
                margin: auto;
                opacity: 0;
                transition: opacity .2s ease-in-out
            }

            #galeria[data-tipo=full] > .items > .it[data-ajuste=ancho] > img {
                width: 100vw
            }

            #galeria[data-tipo=full] > .items > .it[data-ajuste=alto] > img {
                height: 100vh
            }

            #galeria[data-tipo=full] > .items > .it[data-loaded=si][data-sld=si] > img {
                opacity: 1
            }

            #galeria[data-tipo=full] > .items > .it[data-loaded=si][data-sld=si] {
                z-index: 2
            }

html.no-touch #galeria[data-tipo=full] > .items {
    cursor: move
}

    html.no-touch #galeria[data-tipo=full] > .items::before {
        opacity: 0;
        position: absolute;
        z-index: 3;
        content: '';
        top: 0;
        left: 0;
        bottom: 0;
        right: 0
    }

    html.no-touch #galeria[data-tipo=full] > .items > .it {
        width: calc(105vw + 20px);
        height: calc(105vh + 20px)
    }

@media all and (max-width:1279px) and (min-width:1024px) {
    #galeria[data-tipo=full] > .nav > .btnAnt,
    #galeria[data-tipo=full] > .nav > .btnSig {
        line-height: 70px;
        height: 70px;
        font-size: 35px;
        width: 50px
    }

    #galeria[data-tipo=full] > .nav > .btnAnt {
        left: 10px
    }

    #galeria[data-tipo=full] > .nav > .btnSig {
        right: 10px
    }
}

@media all and (max-width:1023px) {
    #galeria[data-tipo=full] > .nav > .btnAnt,
    #galeria[data-tipo=full] > .nav > .btnSig {
        line-height: 60px;
        height: 60px;
        font-size: 28px;
        width: 40px
    }

    #galeria[data-tipo=full] > .nav > .btnAnt {
        left: 0
    }

    #galeria[data-tipo=full] > .nav > .btnSig {
        right: 0
    }
}

#historialArtVistos {
    display: none;
    position: relative;
    padding: 30px 0
}

    #historialArtVistos > .blk {
        padding: 0 !important
    }

        #historialArtVistos > .blk > .hdr {
            margin-bottom: 20px
        }

            #historialArtVistos > .blk > .hdr > .tit {
                font-size: 16px;
                line-height: 20px
            }

    #historialArtVistos::before {
        display: block;
        content: '';
        background-color: #f0f0f0;
        position: absolute;
        top: 0;
        bottom: 0;
        left: -5000px;
        right: -5000px;
        z-index: -1
    }

    #historialArtVistos[data-show=on] {
        display: block
    }

    #historialArtVistos .aListProductos {
        display: block;
        margin: 0
    }

        #historialArtVistos .aListProductos > .it {
            width: 12.5%;
            padding: 0
        }

            #historialArtVistos .aListProductos > .it .cnt::before {
                display: none
            }

            #historialArtVistos .aListProductos > .it .tit {
                font-size: 12px;
                line-height: 15px
            }

            #historialArtVistos .aListProductos > .it .precios {
                font-size: 14px
            }

            #historialArtVistos .aListProductos > .it .cocardas,
            #historialArtVistos .aListProductos > .it .desc,
            #historialArtVistos .aListProductos > .it .marca,
            #historialArtVistos .aListProductos > .it .btnComprar {
                display: none
            }

body > .jMsg {
    position: fixed;
    bottom: -100px;
    left: 10px;
    color: #333;
    z-index: 9999;
    background: #fff;
    padding: 20px 30px;
    max-width: 300px;
    font-size: 14px;
    opacity: 0;
    -webkit-transition: opacity .3s linear,bottom .3s linear;
    -moz-transition: opacity .3s linear,bottom .3s linear;
    -o-transition: opacity .3s linear,bottom .3s linear;
    transition: opacity .3s linear,bottom .3s linear
}

    body > .jMsg.warn {
        background: #fff url('/public/web/img/iconos/warn.svg') no-repeat 10px center;
        padding-left: 56px
    }

    body > .jMsg.error {
        background: #fff url('/public/web/img/iconos/error.svg') no-repeat 10px center;
        padding-left: 56px
    }

    body > .jMsg.ok {
        background: #fff url('/public/web/img/iconos/ok.svg') no-repeat 10px center;
        padding-left: 56px
    }

    body > .jMsg.info {
        background: #fff url('/public/web/img/iconos/ok.svg') no-repeat 10px center;
        padding-left: 56px
    }

    body > .jMsg.info {
        background: #fff url('/public/web/img/iconos/info.svg') no-repeat 10px center;
        padding-left: 56px
    }

    body > .jMsg > .btn-close {
        position: absolute;
        top: 4px;
        right: 4px;
        cursor: pointer;
        line-height: 12px;
        display: none
    }

        body > .jMsg > .btn-close > .ico {
            font-family: "FIconos"
        }

    body > .jMsg.ncbt .btn-close {
        display: none
    }

body[data-msg='load'] > .jMsg {
    background: #fff url('/public/web/img/loading-3.gif') no-repeat 14px center;
    padding-left: 54px
}

body[data-msg='load'] > .jMsg {
    opacity: 1;
    bottom: 10px
}

body[data-msg='msg'] > .jMsg {
    opacity: 1;
    bottom: 10px
}

    body[data-msg='msg'] > .jMsg .btn-close {
        display: block
    }

.lstMediosDePago {
    font-size: 0;
    line-height: 0;
    display: inline-block
}

    .lstMediosDePago > .it {
        display: inline-block;
        margin-right: 10px;
        margin-bottom: 5px !important
    }

        .lstMediosDePago > .it img {
            display: block;
            height: 30px;
            width: 50px;
            padding: 10%;
            border: 1px solid #ededed;
            background-color: #ffffff;
            object-fit: contain
        }

        .lstMediosDePago > .it.heritage {
            display: none
        }

        .lstMediosDePago > .it.simulador {
            display: none
        }

.lstRedesSociales > .it > a {
    line-height: 20px;
    font-size: 12px;
    font-weight: 300;
    color: #555555
}

    .lstRedesSociales > .it > a:hover {
        opacity: 1;
        transform: scale(1.1)
    }

    .lstRedesSociales > .it > a > .ico {
        display: inline-block;
        width: 20px;
        text-align: center;
        font-size: 120%;
        margin-right: 5px
    }

@media all and (min-width:1280px) {
    .lstRedesSociales > .it + .it {
        margin-top: 5px
    }
}

@media all and (max-width:1279px) and (min-width:1024px) {
    .lstRedesSociales > .it + .it {
        margin-top: 5px
    }
}

@media all and (max-width:1023px) {
    .lstRedesSociales > .it {
        display: inline-block;
        padding: 0 5px
    }
}

#mainMenuMobile {
    position: fixed;
    z-index: 999980;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0
}

    #mainMenuMobile > .btnCerrar {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0,0,0,0);
        visibility: hidden;
        transition: visibility 0s 0.3s,background-color 0.3s ease-in
    }

        #mainMenuMobile > .btnCerrar .txt,
        #mainMenuMobile > .btnCerrar .ico {
            display: none
        }

    #mainMenuMobile > .cnt {
        position: relative;
        overflow-x: hidden;
        overflow-y: auto;
        height: 100%;
        width: 250px;
        background: #ffffff;
        margin-left: -250px;
        transition: margin 0.3s ease-in
    }

    #mainMenuMobile .accesoMiCuentaCnt > .btnItem {
        background: none;
        display: block;
        cursor: pointer;
        font-family: "Lato",sans-serif;
        border: none;
        font-size: 10px;
        color: #000000;
        padding: 10px;
        line-height: 30px;
        position: relative
    }

        #mainMenuMobile .accesoMiCuentaCnt > .btnItem > * {
            vertical-align: middle
        }

        #mainMenuMobile .accesoMiCuentaCnt > .btnItem > .ico {
            text-align: center;
            font-size: 16px;
            transition: color 0.3s;
            display: inline-block;
            width: 30px
        }

            #mainMenuMobile .accesoMiCuentaCnt > .btnItem > .ico::before {
                content: '\e80A'
            }

        #mainMenuMobile .accesoMiCuentaCnt > .btnItem > .txt,
        #mainMenuMobile .accesoMiCuentaCnt > .btnItem > .usuario {
            text-transform: uppercase
        }

            #mainMenuMobile .accesoMiCuentaCnt > .btnItem > .txt::before {
                content: 'Mi cuenta'
            }

    #mainMenuMobile .accesoMiCuentaCnt[data-logged="on"] > .btnItem::after {
        content: '+';
        position: absolute;
        top: 13px;
        right: 15px;
        display: block;
        width: 24px;
        height: 24px;
        border: 1px solid #ededed;
        border-radius: 100%;
        font-size: 20px;
        line-height: 22px;
        text-align: center;
        color: #000000
    }

    #mainMenuMobile .accesoMiCuentaCnt[data-logged="on"][data-show="on"] > .btnItem::after {
        content: '-'
    }

    #mainMenuMobile .accesoMiCuentaCnt[data-logged="on"] > .btnItem > .txt {
        display: none
    }

    #mainMenuMobile > .cnt > .menu .miCuentaMenu {
        max-height: 0;
        overflow: hidden;
        transition: 0.5s ease-out
    }

    #mainMenuMobile > .cnt > .menu .miCuentaMenu {
        background-color: rgba(0,0,0,0.02)
    }

        #mainMenuMobile > .cnt > .menu .miCuentaMenu > .btnCerrar {
            display: none
        }

        #mainMenuMobile > .cnt > .menu .miCuentaMenu > .lst > .it > .tit {
            padding: 10px 15px;
            line-height: 15px;
            font-size: 12px;
            border-top: 1px solid rgba(237,237,237,0.75)
        }

    #mainMenuMobile > .cnt > .menu a.tit + .miCuentaMenu,
    #mainMenuMobile > .cnt > .menu [data-show="on"] .miCuentaMenu {
        max-height: 300px;
        transition-timing-function: ease-in
    }

    #mainMenuMobile > .cnt > .menu .tit {
        display: block;
        font-weight: normal;
        color: #000000
    }

    #mainMenuMobile > .cnt > .menu > .it {
        position: relative;
        border-bottom: 1px solid #ededed
    }

        #mainMenuMobile > .cnt > .menu > .it > .tit {
            padding: 15px 0 15px 15px;
            margin-right: 55px;
            line-height: 20px;
            font-size: 13px;
            font-weight: bold;
            text-transform: uppercase;
            color: #000000
        }

        #mainMenuMobile > .cnt > .menu > .it > .btnExpand {
            position: absolute;
            top: 13px;
            right: 15px;
            display: block;
            width: 24px;
            height: 24px;
            border: 1px solid #ededed;
            border-radius: 100%;
            font-size: 20px;
            line-height: 22px;
            text-align: center;
            color: #000000
        }

            #mainMenuMobile > .cnt > .menu > .it > .btnExpand::after {
                content: '+'
            }

        #mainMenuMobile > .cnt > .menu > .it[data-state=open] > .btnExpand::after {
            content: '-'
        }

    #mainMenuMobile > .cnt > .menu .subMenu {
        max-height: 0;
        transition: 0.5s ease-out;
        overflow: hidden
    }

    #mainMenuMobile > .cnt > .menu .subMenu {
        background-color: rgba(0,0,0,0.02)
    }

        #mainMenuMobile > .cnt > .menu .subMenu .cnt > .lst > .it > .tit {
            padding: 10px 15px;
            line-height: 15px;
            font-size: 12px;
            border-top: 1px solid rgba(237,237,237,0.75)
        }

    #mainMenuMobile > .cnt > .menu a.tit + .subMenu,
    #mainMenuMobile > .cnt > .menu .it[data-state=open] > .subMenu {
        max-height: 600px;
        transition-timing-function: ease-in
    }

    #mainMenuMobile > .cnt > .menu .subMenu .subMenu {
        display: block
    }

        #mainMenuMobile > .cnt > .menu .subMenu .subMenu .cnt > .lst > .it > .tit {
            font-weight: normal;
            font-size: 12px;
            padding-left: 25px
        }

@media all and (min-width:1280px) {
    #mainMenuMobile {
        display: none
    }
}

@media all and (max-width:1279px) and (min-width:1024px) {
    #mainMenuMobile {
        display: none
    }
}

@media all and (max-width:1023px) {
    body[data-mmmobile=show] {
        overflow: hidden;
        height: 100%
    }

        body[data-mmmobile=show] #mainMenuMobile > .btnCerrar {
            visibility: visible;
            background: rgba(0,0,0,0.7);
            transition: background-color 0.3s ease-out
        }

        body[data-mmmobile=show] #mainMenuMobile > .cnt {
            margin-left: 0;
            transition: margin 0.3s ease-out
        }
}

#miCompra > .cnt {
    position: relative
}

#miCompra > .detalle {
    z-index: 5;
    text-align: left;
    width: 500px;
    overflow: hidden;
    background: #ffffff
}

    #miCompra > .detalle > .btnCerrar {
        display: none
    }

    #miCompra > .detalle > .msg {
        margin-top: 0
    }

    #miCompra > .detalle > * {
        transition: opacity .2s ease-in-out
    }

    #miCompra > .detalle > .tblMiCompra .row > * {
        float: none
    }

    #miCompra > .detalle[data-total='0'] {
        padding-top: 30px;
        padding-bottom: 30px
    }

        #miCompra > .detalle[data-total='0'] > p {
            font-size: 13px;
            line-height: 20px;
            margin-top: 40px;
            margin-bottom: 45px !important;
            text-align: center
        }

    #miCompra > .detalle > .tblMiCompra > .hdr {
        position: relative;
        padding-bottom: 15px;
        color: #000000;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 11px
    }

        #miCompra > .detalle > .tblMiCompra > .hdr:after {
            content: '';
            border-top: 1px solid #ededed;
            display: block;
            position: absolute;
            bottom: 0;
            left: -1000px;
            right: -1000px
        }

        #miCompra > .detalle > .tblMiCompra > .hdr > .row {
            display: flex
        }

            #miCompra > .detalle > .tblMiCompra > .hdr > .row > .col1 {
                width: calc(100% - 195px)
            }

            #miCompra > .detalle > .tblMiCompra > .hdr > .row > .col2 {
                width: 65px;
                padding-left: 10px;
                text-align: center
            }

            #miCompra > .detalle > .tblMiCompra > .hdr > .row > .col3 {
                width: 130px;
                padding-right: 30px;
                text-align: right
            }

    #miCompra > .detalle > .tblMiCompra > .cnt {
        overflow-y: auto;
        overflow-x: hidden;
        position: relative;
        max-height: 280px;
        padding: 10px 14px;
        margin: 0 -14px;
        font-size: 11px;
        line-height: 20px
    }

        #miCompra > .detalle > .tblMiCompra > .cnt > .row {
            display: flex;
            justify-content: space-between
        }

            #miCompra > .detalle > .tblMiCompra > .cnt > .row + .row {
                margin-top: 10px;
                border-top: 1px solid #ededed;
                padding-top: 9px
            }

            #miCompra > .detalle > .tblMiCompra > .cnt > .row::after {
                display: none
            }

            #miCompra > .detalle > .tblMiCompra > .cnt > .row > * + * {
                padding-left: 10px
            }

            #miCompra > .detalle > .tblMiCompra > .cnt > .row > .col1 {
                padding-left: 80px;
                width: calc(100% - 195px)
            }

                #miCompra > .detalle > .tblMiCompra > .cnt > .row > .col1 > a.img {
                    display: block;
                    float: left;
                    margin-left: -80px
                }

                    #miCompra > .detalle > .tblMiCompra > .cnt > .row > .col1 > a.img > img {
                        width: 70px;
                        height: auto
                    }

                #miCompra > .detalle > .tblMiCompra > .cnt > .row > .col1 > .nom {
                    display: block;
                    padding-top: 5px;
                    line-height: 15px;
                    margin-bottom: 5px;
                    font-size: 12px;
                    color: #000000;
                    font-weight: bold
                }

                #miCompra > .detalle > .tblMiCompra > .cnt > .row > .col1 > .info {
                    display: block;
                    line-height: 15px;
                    margin-bottom: 5px
                }

                #miCompra > .detalle > .tblMiCompra > .cnt > .row > .col1 > .sku {
                    display: block;
                    line-height: 15px;
                    color: #999999;
                    font-size: 10px
                }

                #miCompra > .detalle > .tblMiCompra > .cnt > .row > .col1 > .qty {
                    display: none
                }

                #miCompra > .detalle > .tblMiCompra > .cnt > .row > .col1 > .msj {
                    color: #d6273b;
                    font-weight: bold
                }

            #miCompra > .detalle > .tblMiCompra > .cnt > .row > .col2 {
                white-space: nowrap;
                font-size: 0;
                width: 65px
            }

                #miCompra > .detalle > .tblMiCompra > .cnt > .row > .col2 > .btnMas,
                #miCompra > .detalle > .tblMiCompra > .cnt > .row > .col2 > .btnMenos,
                #miCompra > .detalle > .tblMiCompra > .cnt > .row > .col2 > [name=qty] {
                    font-size: 11px;
                    padding: 0;
                    vertical-align: middle;
                    border-radius: 0;
                    text-align: center;
                    display: inline-block;
                    line-height: 20px;
                    height: 20px;
                    border: 1px solid #ededed;
                    width: 25px
                }

                #miCompra > .detalle > .tblMiCompra > .cnt > .row > .col2 > [name=qty] {
                    border-left: none;
                    border-right: 0
                }

                #miCompra > .detalle > .tblMiCompra > .cnt > .row > .col2 > .btnMas,
                #miCompra > .detalle > .tblMiCompra > .cnt > .row > .col2 > .btnMenos {
                    background: none;
                    cursor: pointer;
                    width: 15px;
                    line-height: 18px;
                    font-size: 14px;
                    padding: 0
                }

                    #miCompra > .detalle > .tblMiCompra > .cnt > .row > .col2 > .btnMas[disabled],
                    #miCompra > .detalle > .tblMiCompra > .cnt > .row > .col2 > .btnMenos[disabled] {
                        opacity: 0.5;
                        pointer-events: none
                    }

            #miCompra > .detalle > .tblMiCompra > .cnt > .row > .col3 {
                width: 100px;
                text-align: right
            }

                #miCompra > .detalle > .tblMiCompra > .cnt > .row > .col3 > .precio {
                    white-space: nowrap;
                    font-size: 12px;
                    text-align: right
                }

            #miCompra > .detalle > .tblMiCompra > .cnt > .row > .col4 {
                width: 30px;
                text-align: center
            }

                #miCompra > .detalle > .tblMiCompra > .cnt > .row > .col4 > .btnQuitar {
                    margin: 0 auto
                }

                    #miCompra > .detalle > .tblMiCompra > .cnt > .row > .col4 > .btnQuitar > .ico {
                        font-size: 15px
                    }

                    #miCompra > .detalle > .tblMiCompra > .cnt > .row > .col4 > .btnQuitar > .txt {
                        display: none
                    }

            #miCompra > .detalle > .tblMiCompra > .cnt > .row.promo > .col1 {
                padding-left: 0;
                width: calc(100% - 195px)
            }

                #miCompra > .detalle > .tblMiCompra > .cnt > .row.promo > .col1 > .nom {
                    padding-top: 0;
                    line-height: 20px;
                    margin-bottom: 0;
                    font-size: 12px;
                    color: #000000;
                    font-weight: bold
                }

            #miCompra > .detalle > .tblMiCompra > .cnt > .row.promo > .col2 {
                display: none
            }

            #miCompra > .detalle > .tblMiCompra > .cnt > .row.promo > .col3 {
                padding-right: 30px;
                width: 130px
            }

            #miCompra > .detalle > .tblMiCompra > .cnt > .row.error {
                display: block
            }

    #miCompra > .detalle > .tblMiCompra > .ftr {
        text-align: center;
        position: relative;
        padding: 20px 0 10px
    }

        #miCompra > .detalle > .tblMiCompra > .ftr:after {
            content: '';
            border-top: 1px solid #ededed;
            display: block;
            position: absolute;
            top: 0;
            left: -1000px;
            right: -1000px
        }

        #miCompra > .detalle > .tblMiCompra > .ftr > .importeTotal {
            text-align: center;
            line-height: 20px;
            font-size: 13px;
            color: #000000;
            font-weight: bold;
            margin-bottom: 15px
        }

#miCompra[data-loading=off] > .detalle > * {
    opacity: 1
}

#miCompra[data-loading=on] > .detalle > * {
    opacity: .2
}

#header::after {
    visibility: hidden;
    opacity: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    z-index: -2;
    background: rgba(0,0,0,0.3);
    content: '';
    transition: visibility 0s 0.3s,opacity 0.3s
}

body[data-compra-show=on] #header::after {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.3s
}

@media all and (max-width:1023px) {
    #miCompra > .detalle {
        top: 60px
    }
}

@media all and (min-width:641px) {
    body.compraDropDown #miCompra > .detalle {
        border-radius: 5px;
        width: 500px;
        padding: 14px 14px 9px;
        border: 1px solid #ededed;
        position: absolute;
        right: 0;
        top: 60px;
        visibility: hidden;
        opacity: 0;
        transition: visibility 0s 0.3s,opacity 0.3s
    }

    body.compraDropDown[data-compra-show="on"] #miCompra > .detalle {
        opacity: 1;
        visibility: visible;
        transition: opacity 0.3s
    }

    body.compraSlide[data-compra-show="on"] {
        overflow: hidden;
        height: 100%
    }

    body.compraSlide #miCompra > .detalle {
        position: fixed;
        left: -500px;
        top: 0;
        bottom: 0;
        width: 500px;
        padding: 10px;
        border-radius: 0;
        border: none;
        visibility: hidden;
        transition: visibility 0s 0.3s,left 0.3s
    }

    body.compraSlide[data-compra-show="on"] #miCompra > .detalle {
        left: 0;
        visibility: visible;
        transition: left 0.3s
    }

    body.compraSlide #header::after {
        z-index: 0
    }

    body.compraSlide #miCompra > .detalle > .tblMiCompra > .cnt {
        padding: 10px;
        margin: 0 -10px;
        height: calc(100vh - 205px);
        max-height: initial
    }

    body.compraSlide #miCompra > .detalle > .btnCerrar {
        position: absolute;
        bottom: 20px;
        font-size: 13px;
        cursor: pointer;
        display: block;
        height: 30px;
        line-height: 30px;
        text-align: center;
        color: #001c44;
        font-weight: bold;
        width: 300px;
        left: calc(50% - 150px);
        font-family: "Lato",sans-serif;
        background: none;
        border: none;
        z-index: 1
    }

        body.compraSlide #miCompra > .detalle > .btnCerrar .ico {
            margin-right: 10px;
            font-size: 10px
        }

            body.compraSlide #miCompra > .detalle > .btnCerrar .ico::before {
                content: '\e814'
            }

        body.compraSlide #miCompra > .detalle > .btnCerrar .txt::after {
            content: 'Cerrar y continuar comprando'
        }

    body.compraSlide.compraRight #miCompra > .detalle {
        left: initial;
        right: -500px;
        visibility: hidden;
        transition: visibility 0s 0.3s,right 0.3s
    }

    body.compraSlide.compraRight[data-compra-show="on"] #miCompra > .detalle {
        left: initial;
        right: 0;
        visibility: visible;
        transition: right 0.3s
    }
}

@media all and (max-width:640px) {
    body[data-compra-show="on"] {
        overflow: hidden;
        height: 100%
    }

    #miCompra > .detalle {
        position: fixed;
        left: 0px;
        top: 0;
        bottom: 0;
        right: 0;
        width: auto;
        padding: 10px;
        border-radius: 0;
        border: none;
        visibility: hidden;
        opacity: 0;
        transition: visibility 0s 0.3s,opacity 0.3s
    }

    body[data-compra-show="on"] #miCompra > .detalle {
        opacity: 1;
        visibility: visible;
        transition: opacity 0.3s
    }

    #miCompra > .detalle > .tblMiCompra > .cnt {
        position: relative;
        padding: 10px;
        margin: 0 -10px;
        height: calc(100vh - 205px);
        max-height: initial
    }

    #miCompra > .detalle > .btnCerrar {
        position: absolute;
        bottom: 20px;
        font-size: 13px;
        cursor: pointer;
        display: block;
        height: 30px;
        line-height: 30px;
        text-align: center;
        color: #001c44;
        font-weight: bold;
        width: 300px;
        left: calc(50% - 150px);
        font-family: "Lato",sans-serif;
        background: none;
        border: none;
        z-index: 1
    }

        #miCompra > .detalle > .btnCerrar .ico {
            margin-right: 10px;
            font-size: 10px
        }

            #miCompra > .detalle > .btnCerrar .ico::before {
                content: '\e814'
            }

        #miCompra > .detalle > .btnCerrar .txt::after {
            content: 'Cerrar y continuar comprando'
        }
}

@media all and (max-width:480px) {
    #miCompra > .detalle > .tblMiCompra > .hdr > .row > .col1 {
        width: 100%
    }

    #miCompra > .detalle > .tblMiCompra > .hdr > .row > .col2,
    #miCompra > .detalle > .tblMiCompra > .hdr > .row > .col3 {
        display: none
    }

    #miCompra > .detalle > .tblMiCompra > .cnt > .row.producto {
        flex-wrap: wrap
    }

        #miCompra > .detalle > .tblMiCompra > .cnt > .row.producto > .col1 {
            width: 100%
        }

        #miCompra > .detalle > .tblMiCompra > .cnt > .row.producto > .col2 {
            width: 50%;
            padding: 10px 0 0 0
        }

        #miCompra > .detalle > .tblMiCompra > .cnt > .row.producto > .col3 {
            width: calc(50% - 30px);
            padding-top: 10px
        }

        #miCompra > .detalle > .tblMiCompra > .cnt > .row.producto > .col4 {
            width: 30px;
            padding-top: 10px
        }

    #miCompra > .detalle > .tblMiCompra > .cnt > .row > .col2 > [name=qty] {
        width: 40px
    }
}

@media all and (max-width:380px) {
    #miCompra > .detalle > .tblMiCompra > .cnt > .row.producto > .col1 {
        padding-left: 65px
    }

        #miCompra > .detalle > .tblMiCompra > .cnt > .row.producto > .col1 > a.img {
            margin-left: -65px
        }

            #miCompra > .detalle > .tblMiCompra > .cnt > .row.producto > .col1 > a.img > img {
                width: 55px
            }

        #miCompra > .detalle > .tblMiCompra > .cnt > .row.producto > .col1 > .nom {
            padding-top: 0
        }

    #miCompra > .detalle > .tblMiCompra > .cnt > .row > .col2 > [name=qty] {
        width: 25px
    }
}

#miCuentaMenu > .lst > .it + .it {
    margin-top: 5px;
    padding-top: 4px;
    border-top: 1px solid rgba(0,28,68,0.5)
}

#miCuentaMenu > .lst > .it > .tit {
    display: block;
    line-height: 20px;
    font-size: 14px;
    font-weight: normal
}

    #miCuentaMenu > .lst > .it > .tit.sld {
        font-weight: bold
    }

#accesoMiCuenta > .btnMiCuenta .ico {
    font-family: "FIconos"
}

#accesoMiCuenta > .miCuentaMenu > .btnCerrar {
    display: none
}

.ps {
    -ms-touch-action: auto;
    touch-action: auto;
    overflow: hidden !important;
    -ms-overflow-style: none
}

@supports (-ms-overflow-style:none) {
    .ps {
        overflow: auto !important
    }
}

@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .ps {
        overflow: auto !important
    }
}

.ps.ps--active-x > .ps__scrollbar-x-rail,
.ps.ps--active-y > .ps__scrollbar-y-rail {
    display: block;
    background-color: transparent
}

.ps.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail {
    background-color: #eee;
    opacity: 0.9
}

    .ps.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail > .ps__scrollbar-x {
        background-color: #999;
        height: 11px
    }

.ps.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail {
    background-color: #eee;
    opacity: 0.9
}

    .ps.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y {
        background-color: #999;
        width: 11px
    }

.ps > .ps__scrollbar-x-rail {
    display: none;
    position: absolute;
    opacity: 0;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    -o-transition: background-color .2s linear,opacity .2s linear;
    -moz-transition: background-color .2s linear,opacity .2s linear;
    transition: background-color .2s linear,opacity .2s linear;
    bottom: 0px;
    height: 15px
}

    .ps > .ps__scrollbar-x-rail > .ps__scrollbar-x {
        position: absolute;
        background-color: #aaa;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        -webkit-transition: background-color .2s linear,height .2s linear,width .2s ease-in-out,-webkit-border-radius .2s ease-in-out;
        transition: background-color .2s linear,height .2s linear,width .2s ease-in-out,-webkit-border-radius .2s ease-in-out;
        -o-transition: background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out;
        -moz-transition: background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out,-moz-border-radius .2s ease-in-out;
        transition: background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out;
        transition: background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out,-webkit-border-radius .2s ease-in-out,-moz-border-radius .2s ease-in-out;
        bottom: 2px;
        height: 4px
    }

    .ps > .ps__scrollbar-x-rail:hover > .ps__scrollbar-x,
    .ps > .ps__scrollbar-x-rail:active > .ps__scrollbar-x {
        height: 11px
    }

.ps > .ps__scrollbar-y-rail {
    display: none;
    position: absolute;
    opacity: 0.4;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    -o-transition: background-color .2s linear,opacity .2s linear;
    -moz-transition: background-color .2s linear,opacity .2s linear;
    transition: background-color .2s linear,opacity .2s linear;
    right: 0;
    width: 15px
}

    .ps > .ps__scrollbar-y-rail > .ps__scrollbar-y {
        position: absolute;
        background-color: #aaa;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        -webkit-transition: background-color .2s linear,height .2s linear,width .2s ease-in-out,-webkit-border-radius .2s ease-in-out;
        transition: background-color .2s linear,height .2s linear,width .2s ease-in-out,-webkit-border-radius .2s ease-in-out;
        -o-transition: background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out;
        -moz-transition: background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out,-moz-border-radius .2s ease-in-out;
        transition: background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out;
        transition: background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out,-webkit-border-radius .2s ease-in-out,-moz-border-radius .2s ease-in-out;
        right: 2px;
        width: 4px
    }

.ps:hover.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail {
    background-color: #eee;
    opacity: 0.9
}

    .ps:hover.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail > .ps__scrollbar-x {
        background-color: #999;
        height: 11px
    }

.ps:hover.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail {
    background-color: #eee;
    opacity: 0.9
}

    .ps:hover.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y {
        background-color: #999;
        width: 11px
    }

.ps:hover > .ps__scrollbar-x-rail,
.ps:hover > .ps__scrollbar-y-rail {
    opacity: 0.6
}

    .ps:hover > .ps__scrollbar-x-rail:hover {
        opacity: 0.9
    }

        .ps:hover > .ps__scrollbar-x-rail:hover > .ps__scrollbar-x {
            background-color: #999
        }

    .ps:hover > .ps__scrollbar-y-rail:hover {
        opacity: 0.9
    }

#popup #ppArticuloAgregado {
    max-width: none;
    width: 700px;
    margin-top: 50px
}

    #popup #ppArticuloAgregado > .cnt {
        padding: 40px 0 20px;
        text-align: center
    }

        #popup #ppArticuloAgregado > .cnt > .tit {
            line-height: 30px;
            font-size: 20px;
            text-align: center;
            display: inline-block;
            font-weight: normal
        }

            #popup #ppArticuloAgregado > .cnt > .tit::before {
                content: '\e80C';
                display: inline-block;
                font-family: "FIconos";
                width: 30px;
                border-radius: 100%;
                background: #78b432;
                color: #ffffff;
                margin-right: 10px;
                font-size: 20px
            }

        #popup #ppArticuloAgregado > .cnt > .actions {
            text-align: center;
            margin: 50px 0
        }

            #popup #ppArticuloAgregado > .cnt > .actions > .btn {
                width: 230px;
                line-height: 50px;
                font-size: 15px;
                margin: 0 8px 15px
            }

        #popup #ppArticuloAgregado > .cnt > #articulosSugeridos {
            margin-top: 50px
        }

            #popup #ppArticuloAgregado > .cnt > #articulosSugeridos > .blk > .cnt > .aListProductos > .it {
                display: inline-block;
                margin-bottom: 30px;
                width: 50%
            }

@media all and (min-width:1280px) {
    #popup #ppArticuloAgregado[data-total-sugeridos="4"] {
        width: 1160px
    }

    #popup #ppArticuloAgregado[data-total-sugeridos="3"] {
        width: 875px
    }

    #popup #ppArticuloAgregado[data-total-sugeridos="4"] > .cnt > #articulosSugeridos > .blk > .cnt > .aListProductos > .it {
        width: 25%
    }

    #popup #ppArticuloAgregado[data-total-sugeridos="3"] > .cnt > #articulosSugeridos > .blk > .cnt > .aListProductos > .it {
        width: 33%
    }
}

@media all and (max-width:1279px) and (min-width:1024px) {
    #popup #ppArticuloAgregado[data-total-sugeridos="4"] {
        width: 980px
    }

    #popup #ppArticuloAgregado[data-total-sugeridos="3"] {
        width: 875px
    }

    #popup #ppArticuloAgregado[data-total-sugeridos="4"] > .cnt > #articulosSugeridos > .blk > .cnt > .aListProductos > .it {
        width: 25%
    }

    #popup #ppArticuloAgregado[data-total-sugeridos="3"] > .cnt > #articulosSugeridos > .blk > .cnt > .aListProductos > .it {
        width: 33%
    }
}

@media all and (max-width:1023px) {
    #popup #ppArticuloAgregado[data-total-sugeridos="4"] > .cnt > #articulosSugeridos > .blk > .cnt > .aListProductos > .it {
        width: 50%
    }

    #popup #ppArticuloAgregado[data-total-sugeridos="3"] > .cnt > #articulosSugeridos > .blk > .cnt > .aListProductos > .it {
        width: 33%
    }
}

@media all and (max-width:760px) {
    #popup #ppArticuloAgregado {
        width: 100%
    }

        #popup #ppArticuloAgregado[data-total-sugeridos="4"] > .cnt > #articulosSugeridos > .blk > .cnt > .aListProductos > .it {
            width: 50%
        }

        #popup #ppArticuloAgregado[data-total-sugeridos="3"] > .cnt > #articulosSugeridos > .blk > .cnt > .aListProductos > .it {
            width: 50%
        }

        #popup #ppArticuloAgregado > .cnt > .tit::before {
            display: block;
            margin: 0 auto 20px
        }
}

@media all and (max-width:480px) {
    #popup #ppArticuloAgregado > .cnt > #articulosSugeridos > .blk > .cnt > .aListProductos > .it {
        width: 100% !important
    }
}

#popup #ppDireccion[data-map="si"] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0;
    margin: 0 !important;
    max-width: initial;
    width: auto
}

#popup #ppDireccion > .cnt {
    font-size: 13px
}

#popup #ppDireccion[data-map="si"] > .cnt > .blk {
    padding: 25px;
    position: absolute;
    top: 0;
    right: calc(100% - 450px);
    bottom: 0;
    left: 0;
    overflow-y: auto;
    margin: 0 !important
}

#popup #ppDireccion > .cnt > .blk > .hdr > .tit {
    font-weight: bold;
    line-height: 20px;
    font-size: 14px;
    color: #000000;
    text-transform: uppercase
}

#popup #ppDireccion > .cnt .fld-grp > *,
#popup #ppDireccion > .cnt .fld {
    margin-top: 10px
}

    #popup #ppDireccion > .cnt .fld > .lbl {
        display: block;
        position: relative;
        padding-left: 150px
    }

        #popup #ppDireccion > .cnt .fld > .lbl [disabled] {
            opacity: 0.6
        }

        #popup #ppDireccion > .cnt .fld > .lbl > b {
            line-height: 20px;
            position: absolute;
            top: 10px;
            left: 0;
            color: #000000;
            font-weight: bold;
            display: block;
            width: 140px
        }

    #popup #ppDireccion > .cnt .fld .info {
        font-size: 10px;
        line-height: 15px;
        display: block;
        margin-top: 5px
    }

    #popup #ppDireccion > .cnt .fld label.toggleButton > input + b {
        font-size: 12px
    }

#popup #ppDireccion > .cnt #fldEtiqueta {
    display: none;
    border-bottom: 1px solid #ededed;
    padding-bottom: 19px;
    margin-bottom: 20px
}

#popup #ppDireccion > .cnt #fldPredeterminada {
    display: none;
    padding-top: 14px;
    border-top: 1px solid #ededed;
    margin-top: 20px
}

    #popup #ppDireccion > .cnt #fldPredeterminada > .lbl {
        padding-left: 0
    }

#popup #ppDireccion > .cnt #fldAclaraciones {
    padding-top: 14px;
    border-top: 1px solid #ededed;
    margin-top: 20px
}

    #popup #ppDireccion > .cnt #fldAclaraciones > .lbl {
        padding-left: 0
    }

        #popup #ppDireccion > .cnt #fldAclaraciones > .lbl textarea {
            min-height: initial;
            height: 60px;
            line-height: 20px;
            padding-top: 4px;
            resize: vertical
        }

        #popup #ppDireccion > .cnt #fldAclaraciones > .lbl > b {
            position: static;
            width: auto;
            margin-bottom: 5px
        }

#popup #ppDireccion > .cnt #fldCoords {
    display: none
}

#popup #ppDireccion > .cnt .actions {
    padding-top: 19px;
    border-top: 1px solid #ededed;
    margin-top: 20px;
    height: 60px
}

#popup #ppDireccion[data-map="si"] > .cnt .actions {
    margin-bottom: 25px !important
}

#popup #ppDireccion > .cnt .actions .btn {
    width: calc(50% - 5px);
    display: block;
    float: left;
    height: 40px
}

    #popup #ppDireccion > .cnt .actions .btn:last-child {
        float: right
    }

#popup #ppDireccion > .cnt .fld > .lbl input.err,
#popup #ppDireccion > .cnt .fld > .lbl select.err,
#popup #ppDireccion > .cnt .fld > .lbl textarea.err {
    padding: 8px 13px;
    border-width: 2px;
    border-color: #d6273b !important
}

#popup #ppDireccion > .cnt .fld > .lbl strong.err {
    line-height: 15px;
    font-weight: normal;
    font-size: 12px;
    color: #d6273b;
    display: block;
    margin: 5px 0
}

#popup #ppDireccion > .cnt #mapaDireccion {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 450px
}

    #popup #ppDireccion > .cnt #mapaDireccion::after {
        content: '';
        background-image: url('//d3tvx6svxnai4t.cloudfront.net/ncheckout/img/marcador.svg?1483024612');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        display: block;
        width: 40px;
        height: 40px;
        position: absolute;
        left: calc(50% - 20px);
        top: calc(50% - 40px)
    }

    #popup #ppDireccion > .cnt #mapaDireccion[data-show="off"],
    #popup #ppDireccion > .cnt #mapaDireccion[data-loading="on"] {
        pointer-events: none
    }

        #popup #ppDireccion > .cnt #mapaDireccion[data-show="off"] > div,
        #popup #ppDireccion > .cnt #mapaDireccion[data-loading="on"] > div {
            opacity: 0.3
        }

        #popup #ppDireccion > .cnt #mapaDireccion[data-show="off"]::after {
            opacity: 0
        }

        #popup #ppDireccion > .cnt #mapaDireccion[data-show="off"]::before {
            content: 'Ingresa tu dirección en el formulario,luego ajusta la ubicación exacta en el mapa.';
            display: block;
            position: absolute;
            left: 20px;
            right: 20px;
            top: 45%;
            color: #000000;
            font-size: 13px;
            font-weight: bold;
            line-height: 20px;
            text-align: center;
            z-index: 1
        }

#popup #ppDireccion > .popup-btn-container > .btn-close {
    top: 10px;
    right: 10px
}

#popup #ppDireccion[data-map="no"] > .cnt #mapaDireccion {
    display: none !important
}

#popup #ppDireccion[data-map="no"] {
    width: 500px
}

    #popup #ppDireccion[data-map="no"] > .popup-btn-container > .btn-close {
        top: 0;
        right: 0
    }

body.checkout #popup #ppDireccion[data-map="no"] > .popup-btn-container > .btn-close {
    top: 15px;
    right: 15px
}

@media all and (max-width:640px) {
    #popup #ppDireccion[data-map="si"] > .cnt > .blk {
        top: 40vh;
        right: 0;
        bottom: 0;
        left: 0;
        overflow-y: auto
    }

    #popup #ppDireccion > .cnt #mapaDireccion {
        top: 0;
        right: 0;
        bottom: 60vh;
        left: 0
    }

        #popup #ppDireccion > .cnt #mapaDireccion[data-show="off"]::before {
            top: 40%
        }

    #popup #ppDireccion[data-map="no"] > .cnt > .blk {
        top: 0
    }
}

@media all and (max-width:480px) {
    #popup #ppDireccion > .cnt .fld > .lbl {
        padding-left: 0
    }

        #popup #ppDireccion > .cnt .fld > .lbl > b {
            position: static;
            margin-bottom: 5px;
            width: auto
        }

    #popup #ppDireccion > .cnt .fld {
        margin-bottom: 15px
    }
}

#popup #ppGuiaTalles {
    max-width: initial
}

    #popup #ppGuiaTalles > .cnt {
        padding: 20px 0 0;
        overflow-x: auto
    }

@media all and (min-width:1280px) {
    #popup #ppGuiaTalles {
        width: 980px
    }
}

@media all and (max-width:1279px) and (min-width:1024px) {
    #popup #ppGuiaTalles {
        width: 980px
    }
}

#popup #ppLook {
    padding: 0;
    max-width: initial;
    width: auto
}

#ppLook .btn-close {
    right: 15px !important;
    top: 15px !important
}

#ppLook > .cnt::after {
    content: "";
    overflow: hidden;
    display: block;
    height: 0;
    clear: both
}

#ppLook > .cnt > .look > .img {
    float: left;
    width: 450px
}

    #ppLook > .cnt > .look > .img > img {
        width: 100%
    }

#ppLook > .cnt > .look > .lstProductos {
    float: left;
    width: calc(100% - 520px);
    height: 600px;
    overflow-y: auto;
    margin-left: 40px;
    padding: 45px 0
}

    #ppLook > .cnt > .look > .lstProductos > .it::after {
        content: "";
        overflow: hidden;
        display: block;
        height: 0;
        clear: both
    }

    #ppLook > .cnt > .look > .lstProductos > .it + .it {
        border-top: 1px solid #ededed;
        padding-top: 19px;
        margin-top: 20px
    }

    #ppLook > .cnt > .look > .lstProductos > .it > .img {
        float: left;
        margin-right: 30px;
        width: 100px
    }

        #ppLook > .cnt > .look > .lstProductos > .it > .img > img {
            width: 100px;
            height: auto
        }

    #ppLook > .cnt > .look > .lstProductos > .it > .cnt {
        width: calc(100% - 180px);
        max-width: 400px;
        float: left
    }

        #ppLook > .cnt > .look > .lstProductos > .it > .cnt > .nom {
            display: block;
            font-family: "Lato",sans-serif;
            color: #000000;
            font-weight: normal;
            font-size: 12px;
            text-transform: uppercase;
            display: block;
            line-height: 15px;
            margin-bottom: 5px
        }

            #ppLook > .cnt > .look > .lstProductos > .it > .cnt > .nom > a::before {
                content: "Ver más";
                font-weight: normal;
                text-transform: none;
                font-size: 11px;
                margin-left: 10px;
                white-space: nowrap;
                text-decoration: underline
            }

        #ppLook > .cnt > .look > .lstProductos > .it > .cnt > .precios {
            margin-bottom: 10px;
            display: block;
            font-size: 14px;
            line-height: 20px
        }

            #ppLook > .cnt > .look > .lstProductos > .it > .cnt > .precios > .precio {
                font-weight: bold;
                margin-right: 10px;
                color: #000000
            }

                #ppLook > .cnt > .look > .lstProductos > .it > .cnt > .precios > .precio.lista {
                    text-decoration: none;
                    font-weight: normal;
                    color: #999999;
                    position: relative;
                    font-size: 80%
                }

                    #ppLook > .cnt > .look > .lstProductos > .it > .cnt > .precios > .precio.lista::after {
                        background: #999999;
                        display: block;
                        content: '';
                        height: 1px;
                        left: 0;
                        right: 0;
                        position: absolute;
                        top: 50%;
                        z-index: 1
                    }

        #ppLook > .cnt > .look > .lstProductos > .it > .cnt > .frmComprar {
            margin-top: 10px
        }

            #ppLook > .cnt > .look > .lstProductos > .it > .cnt > .frmComprar .msg {
                border-width: 1px;
                padding-top: 9px;
                padding-bottom: 9px;
                margin-bottom: 10px
            }

                #ppLook > .cnt > .look > .lstProductos > .it > .cnt > .frmComprar .msg::before {
                    top: 4px
                }

            #ppLook > .cnt > .look > .lstProductos > .it > .cnt > .frmComprar input {
                display: none
            }

            #ppLook > .cnt > .look > .lstProductos > .it > .cnt > .frmComprar .customSelect,
            #ppLook > .cnt > .look > .lstProductos > .it > .cnt > .frmComprar .btnComprar {
                width: 200px
            }

            #ppLook > .cnt > .look > .lstProductos > .it > .cnt > .frmComprar .customSelect {
                margin-bottom: 10px
            }

                #ppLook > .cnt > .look > .lstProductos > .it > .cnt > .frmComprar .customSelect::after {
                    top: 0;
                    bottom: 0
                }

                #ppLook > .cnt > .look > .lstProductos > .it > .cnt > .frmComprar .customSelect > .cnt > .option.disabled::after {
                    content: ' (agotado)'
                }

                #ppLook > .cnt > .look > .lstProductos > .it > .cnt > .frmComprar .customSelect > .cnt > .option[data-value=""] {
                    display: none
                }

    #ppLook > .cnt > .look > .lstProductos > .it > .btn {
        display: inline-block;
        background: #000000;
        color: #ffffff;
        padding: 12px 25px;
        font-size: 12px
    }

#ppLook .lstProductos::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

#ppLook .lstProductos::-webkit-scrollbar-button {
    width: 0px;
    height: 0px
}

#ppLook .lstProductos::-webkit-scrollbar-thumb {
    background: #ededed;
    border: none
}

    #ppLook .lstProductos::-webkit-scrollbar-thumb:hover {
        background: #d9d9d9
    }

    #ppLook .lstProductos::-webkit-scrollbar-thumb:active {
        background: #bbbbbb
    }

#ppLook .lstProductos::-webkit-scrollbar-track {
    background: rgba(0,0,0,0.5);
    border: none
}

    #ppLook .lstProductos::-webkit-scrollbar-track:hover {
        background: rgba(0,0,0,0.5)
    }

    #ppLook .lstProductos::-webkit-scrollbar-track:active {
        background: rgba(0,0,0,0.6)
    }

#ppLook .lstProductos::-webkit-scrollbar-corner {
    background: transparent
}

#ppLook > .cnt > .look.sinProductos > .lstProductos {
    display: none
}

#ppLook > .cnt > .look > .lstProductos > .sinProductos {
    font-size: 14px;
    line-height: 20px
}

@media all and (min-width:1280px) {
    #popup #ppLook {
        max-width: 1160px
    }

    #ppLook > .cnt > .look > .lstProductos {
        padding-right: 20px;
        width: 480px
    }
}

@media all and (max-width:1279px) and (min-width:1024px) {
    #popup #ppLook {
        max-width: 980px
    }

    #ppLook > .cnt > .look > .lstProductos {
        padding-right: 20px;
        width: 480px
    }

        #ppLook > .cnt > .look > .lstProductos > .it > .img {
            margin-right: 20px
        }
}

@media all and (max-width:1023px) {
    #popup #ppLook {
        max-width: 620px
    }

    #ppLook > .cnt > .look > .img {
        width: 100%;
        float: none;
        margin: 0
    }

    #ppLook > .cnt > .look > .lstProductos {
        margin: 0;
        height: auto;
        overflow-y: visible;
        float: none;
        width: auto;
        padding: 25px 20px
    }
}

@media all and ( max-width:480px ) {
    #ppLook > .cnt > .look > .lstProductos > .it > .img {
        float: none;
        margin: 0 auto 10px;
        width: auto;
        max-width: 200px
    }

        #ppLook > .cnt > .look > .lstProductos > .it > .img > img {
            width: auto;
            height: auto
        }

    #ppLook > .cnt > .look > .lstProductos > .it > .cnt {
        width: auto;
        max-width: 200px;
        float: none;
        text-align: center;
        margin: 0 auto 10px
    }

    #ppLook > .cnt > .look > .lstProductos > .sinProductos {
        text-align: center
    }
}

#blkMiWishlist .btnWishlist {
    cursor: pointer;
    color: #000000;
    font-weight: bold;
    font-size: 11px;
    text-decoration: underline
}

    #blkMiWishlist .btnWishlist[data-acc="agregar"]::after {
        content: 'Agregar a wishlist'
    }

    #blkMiWishlist .btnWishlist[data-acc="quitar"]::after {
        content: 'Quitar de wishlist'
    }

    #blkMiWishlist .btnWishlist[data-loading="on"] {
        opacity: 0.4
    }

#blkMiWishlist .aListProductos > .it {
    width: 33.33%
}

    #blkMiWishlist .aListProductos > .it > .cnt > .info > .desc {
        display: none
    }

@media all and (max-width:1023px) {
    #blkMiWishlist .aListProductos > .it {
        width: 25%
    }
}

@media all and (max-width:768px) {
    #blkMiWishlist .aListProductos > .it {
        width: 33.33%
    }
}

@media all and (max-width:640px) {
    #blkMiWishlist .aListProductos > .it {
        width: 50%
    }
}

#pg404 #msg404 {
    padding: 40px 0 0;
    text-align: center;
    margin-bottom: 80px
}

    #pg404 #msg404 > .tit {
        line-height: 40px;
        font-size: 30px;
        margin-bottom: 30px;
        font-weight: bold;
        color: #000000
    }

    #pg404 #msg404 > .text {
        font-size: 16px
    }

body#pgBlog #main > .articleList > .it + .it {
    border-top: 1px solid #ededed;
    padding-top: 30px 0 0
}

.aList01 {
    margin: 0 0 30px
}

    .aList01:after {
        content: "";
        overflow: hidden;
        display: block;
        height: 0;
        clear: both
    }

    .aList01 > .it {
        padding: 0 0 0 70px;
        position: relative;
        margin-bottom: 30px;
        width: 100%
    }

        .aList01 > .it + .it {
            border-top: 1px solid #ededed;
            padding-top: 29px
        }

        .aList01 > .it:nth-child(n+3) {
            margin-top: 40px
        }

        .aList01 > .it:nth-child(2n+1) {
            clear: left
        }

        .aList01 > .it > .img {
            display: block;
            position: relative;
            padding-top: 51.39%;
            background: rgba(0,0,0,0.02);
            margin-bottom: 25px
        }

            .aList01 > .it > .img > img {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                height: auto;
                width: 100%
            }

        .aList01 > .it > .tit {
            line-height: 25px;
            font-size: 20px;
            font-weight: 400;
            color: #000000;
            display: block;
            margin-bottom: 10px
        }

            .aList01 > .it > .tit:hover {
                color: #001c44
            }

        .aList01 > .it > .pub {
            margin-bottom: 15px;
            font-size: 13px;
            line-height: 20px;
            margin-right: 10px
        }

            .aList01 > .it > .pub > .categorias > a {
                color: #000000;
                text-decoration: underline;
                white-space: nowrap
            }

                .aList01 > .it > .pub > .categorias > a:hover {
                    color: #001c44
                }

            .aList01 > .it > .pub > .fecha {
                background: #001c44
            }

.lstTagsBlog {
    overflow: hidden
}

    .lstTagsBlog .it {
        display: inline-block;
        margin-bottom: 5px;
        margin-right: 5px
    }

        .lstTagsBlog .it:last-child {
            margin-right: 0
        }

        .lstTagsBlog .it a {
            text-decoration: none;
            max-width: 255px;
            white-space: nowrap;
            border-radius: 4px;
            font-size: 12px;
            color: #555555;
            display: block;
            line-height: 20px;
            padding: 4px 9px;
            border: 1px solid #ededed;
            transition: all 0.3s
        }

            .lstTagsBlog .it a:hover {
                color: #ffffff;
                background-color: #001c44;
                border-color: #001c44
            }

@media all and (min-width:1280px) {
    .aList01 > .it > .pub > .fecha {
        color: #ffffff;
        position: absolute;
        top: 0;
        left: 0;
        width: 60px;
        text-align: center;
        border-radius: 2px;
        padding: 15px 0
    }

    .aList01 > .it + .it > .pub > .fecha {
        top: 30px
    }

    .aList01 > .it > .pub > .fecha > .dia {
        display: block;
        font-size: 30px;
        line-height: 35px
    }

    .aList01 > .it > .pub > .fecha > .mes {
        display: block;
        font-size: 15px;
        line-height: 20px
    }

    .aList01 > .it > .pub > .fecha > .ano {
        display: block;
        font-size: 15px;
        line-height: 20px
    }
}

@media all and (max-width:1279px) and (min-width:1024px) {
    .aList01 > .it > .pub > .fecha {
        color: #ffffff;
        position: absolute;
        top: 0;
        left: 0;
        width: 60px;
        text-align: center;
        border-radius: 2px;
        padding: 15px 0
    }

    .aList01 > .it + .it > .pub > .fecha {
        top: 30px
    }

    .aList01 > .it > .pub > .fecha > .dia {
        display: block;
        font-size: 30px;
        line-height: 35px
    }

    .aList01 > .it > .pub > .fecha > .mes {
        display: block;
        font-size: 15px;
        line-height: 20px
    }

    .aList01 > .it > .pub > .fecha > .ano {
        display: block;
        font-size: 15px;
        line-height: 20px
    }
}

@media all and (max-width:1023px) {
    .aList01 > .it {
        padding-left: 0;
        max-width: 640px;
        margin: 0 auto 30px
    }

        .aList01 > .it > .pub > .fecha {
            color: #ffffff;
            font-size: 11px;
            line-height: 15px;
            padding: 5px 10px;
            border-radius: 2px;
            float: left;
            margin-right: 10px;
            display: block;
            position: relative;
            top: -2px
        }

    body#pgBlog #secondary {
        display: none
    }
}

#pgBlogDetalle #central > .hdr {
    margin-bottom: 30px;
    padding-bottom: 14px
}

#pgBlogDetalle #central .pub {
    display: block;
    line-height: 20px;
    font-size: 13px;
    margin-bottom: 10px
}

    #pgBlogDetalle #central .pub > .fecha,
    #pgBlogDetalle #central .pub > .categ {
        color: #000000
    }

    #pgBlogDetalle #central .pub > .categ {
        text-decoration: underline
    }

#pgBlogDetalle #central > #main > .blkCompartir {
    position: static;
    margin-bottom: 10px;
    overflow: hidden
}

    #pgBlogDetalle #central > #main > .blkCompartir::before {
        content: 'Compartir:';
        margin-right: 10px;
        line-height: 30px;
        float: left;
        font-size: 15px;
        font-weight: 400;
        color: #000000
    }

    #pgBlogDetalle #central > #main > .blkCompartir > a {
        float: left;
        margin-right: 5px
    }

#pgBlogDetalle #central > #main > .text > img:first-child {
    width: 100%
}

#pgBlogDetalle #central > #main > #comentarios {
    margin: 50px 0 !important
}

    #pgBlogDetalle #central > #main > #comentarios > #blkAgregarComentario {
        margin-bottom: 50px
    }

#pgBlogDetalle #central .pub > .fecha {
    color: #ffffff;
    font-size: 11px;
    line-height: 15px;
    padding: 5px 10px;
    border-radius: 2px;
    float: left;
    margin-right: 10px;
    display: block;
    position: relative;
    top: -2px
}

#pgBlogDetalle #central .pub > .fecha {
    background-color: #001c44
}

#pgBlogDetalle #imgPrincipal {
    margin-bottom: 20px
}

    #pgBlogDetalle #imgPrincipal img {
        margin: 0;
        width: 100%;
        display: block
    }

#pgBlogDetalle #blkAgregarComentario,
#pgBlogDetalle #blkComentarios {
    margin-bottom: 40px
}

#pgBlogDetalle .comentariosDeshabilitados *,
#pgBlogDetalle .cntComentarios[data-tot="0"] * {
    text-align: center;
    font-size: 13px !important;
    color: #999999 !important
}

@media all and (max-width:1023px) {
    body#pgBlogDetalle #secondary {
        text-align: center
    }
}

#pgCampanasDetalle #descripcionCampana {
    border-bottom: 1px solid #ededed;
    padding-bottom: 20px;
    margin-bottom: 40px;
    font-size: 15px
}

#pgCampanasDetalle #lstImagenes {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px
}

    #pgCampanasDetalle #lstImagenes > .it {
        width: 33.33%;
        padding: 0 20px;
        margin-bottom: 40px
    }

        #pgCampanasDetalle #lstImagenes > .it > a {
            display: block;
            position: relative;
            overflow: hidden
        }

            #pgCampanasDetalle #lstImagenes > .it > a::before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background-color: rgba(0,0,0,0.1);
                transition: background-size 0.3s,background-color 0.3s
            }

        #pgCampanasDetalle #lstImagenes > .it.video > a::before {
            background-image: url('//d3tvx6svxnai4t.cloudfront.net/web/img/iconos/video-play.svg?1511812719');
            background-repeat: no-repeat;
            background-position: center;
            background-size: 20%
        }

        #pgCampanasDetalle #lstImagenes > .it > a:hover::before {
            background-size: 22.5%;
            background-color: rgba(0,0,0,0.3)
        }

        #pgCampanasDetalle #lstImagenes > .it > a > img {
            width: 100%;
            height: auto
        }

        #pgCampanasDetalle #lstImagenes > .it > a > .tit {
            position: absolute;
            bottom: 0;
            width: 100%;
            padding: 10px;
            line-height: 20px;
            color: #ffffff;
            font-weight: bold;
            font-size: 14px;
            transform: translateY(100%);
            transition: transform 0.3s
        }

        #pgCampanasDetalle #lstImagenes > .it > a:hover > .tit {
            transform: translateY(0)
        }

@media all and (max-width:1279px) and (min-width:1024px) {
    #pgCampanasDetalle #lstImagenes {
        margin: 0 -15px
    }

        #pgCampanasDetalle #lstImagenes > .it {
            width: 33.33%;
            padding: 0 15px;
            margin-bottom: 30px
        }
}

@media all and (max-width:1023px) {
    #pgCampanasDetalle #descripcionCampana {
        padding-top: 20px
    }

    #pgCampanasDetalle #lstImagenes {
        margin: 0 -10px
    }

        #pgCampanasDetalle #lstImagenes > .it {
            width: 33.33%;
            padding: 0 10px;
            margin-bottom: 20px
        }

            #pgCampanasDetalle #lstImagenes > .it > a > .tit {
                transform: translateY(0)
            }
}

@media all and (max-width:840px) {
    #pgCampanasDetalle #lstImagenes > .it {
        width: 50%
    }
}

@media all and (max-width:480px) {
    #pgCampanasDetalle #lstImagenes {
        margin: 0 -5px
    }

        #pgCampanasDetalle #lstImagenes > .it {
            width: 100%;
            padding: 0 5px;
            margin-bottom: 10px
        }
}

#pgCampanas .lstCampanas {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px
}

    #pgCampanas .lstCampanas > .it {
        width: 50%;
        padding: 0 20px;
        margin-bottom: 40px
    }

        #pgCampanas .lstCampanas > .it > a {
            display: block;
            position: relative;
            overflow: hidden
        }

            #pgCampanas .lstCampanas > .it > a::before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background-color: rgba(0,0,0,0.1);
                transition: background-size 0.3s,background-color 0.3s
            }

            #pgCampanas .lstCampanas > .it > a:hover::before {
                background-size: 22.5%;
                background-color: rgba(0,0,0,0.3)
            }

            #pgCampanas .lstCampanas > .it > a > img {
                width: 100%;
                height: auto
            }

            #pgCampanas .lstCampanas > .it > a > .tit {
                position: absolute;
                top: 50%;
                width: 100%;
                text-align: center;
                padding: 10px;
                line-height: 20px;
                color: #ffffff;
                font-weight: bold;
                font-size: 24px;
                transform: translateY(-50%)
            }

#pgCampanas #lstCampaniasDestacadas {
    margin: 0 0 40px;
    border-bottom: 1px solid #ededed;
    padding-bottom: 40px
}

    #pgCampanas #lstCampaniasDestacadas::after {
        content: '';
        height: 0;
        display: block;
        border-bottom: 1px solid #ededed;
        clear: both;
        margin-top: 20px
    }

    #pgCampanas #lstCampaniasDestacadas > .it {
        width: 100%;
        padding: 0
    }

        #pgCampanas #lstCampaniasDestacadas > .it > a > .tit {
            width: 100%;
            font-size: 30px
        }

.no-js #pgCatalogo #catalogoFiltros {
    display: none
}

.js #pgCatalogo #catalogoLinks {
    display: none
}

#pgCatalogo #catalogoLinks > a {
    display: block;
    line-height: 20px;
    margin-bottom: 5px;
    font-size: 14px
}

#pgCatalogo #catalogoBannerListado {
    margin: 0 0 40px !important
}

    #pgCatalogo #catalogoBannerListado img {
        width: 100%
    }

#pgCatalogo #central > .hdr::after {
    content: "";
    overflow: hidden;
    display: block;
    height: 0;
    clear: both
}

#pgCatalogo #central > .hdr > .tit {
    float: left;
    font-size: 16px
}

#pgCatalogo #central > .hdr > .tools {
    float: right;
    text-align: right;
    line-height: 30px;
    font-size: 0
}

    #pgCatalogo #central > .hdr > .tools > * {
        display: inline-block;
        vertical-align: middle;
        font-size: 12px
    }

    #pgCatalogo #central > .hdr > .tools > .orden {
        height: 30px;
        margin-left: 40px;
        position: relative
    }

        #pgCatalogo #central > .hdr > .tools > .orden:before {
            content: '';
            position: absolute;
            left: -21px;
            top: 0;
            bottom: 0;
            border-left: 1px solid #ededed
        }

        #pgCatalogo #central > .hdr > .tools > .orden .customSelect {
            width: 200px
        }

            #pgCatalogo #central > .hdr > .tools > .orden .customSelect > .txt {
                font-size: 12px
            }

                #pgCatalogo #central > .hdr > .tools > .orden .customSelect > .txt::before {
                    content: 'Ordenar:'
                }

    #pgCatalogo #central > .hdr > .tools > .btnMostrarFiltros {
        height: 30px;
        line-height: 30px;
        font-size: 12px;
        padding: 0 10px;
        text-transform: none;
        margin-left: 10px;
        cursor: pointer;
        text-align: center;
        border-radius: 3px
    }

        #pgCatalogo #central > .hdr > .tools > .btnMostrarFiltros::before {
            content: '\e828';
            font-family: "FIconos";
            margin-right: 5px;
            font-weight: normal
        }

        #pgCatalogo #central > .hdr > .tools > .btnMostrarFiltros::after {
            content: 'Filtrar'
        }

#pgCatalogo[data-catalogohdrfixed='on']:not([data-ficha-state="on"]) #central::before {
    content: '';
    display: block;
    height: 90px
}

#pgCatalogo[data-catalogohdrfixed='on'] #central > .hdr {
    position: fixed;
    top: -50px;
    background: #ffffff;
    padding: 10px calc((100% - 1160px) / 2);
    z-index: 999;
    width: 100%;
    left: 0;
    visibility: hidden;
    transition: top 0.3s,visibility 0s 0.3s
}

#pgCatalogo[data-catalogohdrfixed='on'][data-scroll='up'] #central > .hdr {
    top: 49px;
    visibility: visible;
    transition: top 0.3s,visibility 0s
}

#pgCatalogo #catalogoFiltrosSeleccionados {
    margin: -30px 0 30px !important;
    padding-bottom: 5px;
    border-bottom: 1px solid #ededed
}

    #pgCatalogo #catalogoFiltrosSeleccionados:after {
        content: "";
        overflow: hidden;
        display: block;
        height: 0;
        clear: both
    }

    #pgCatalogo #catalogoFiltrosSeleccionados * {
        line-height: 20px;
        font-size: 11px;
        white-space: nowrap
    }

    #pgCatalogo #catalogoFiltrosSeleccionados .tit,
    #pgCatalogo #catalogoFiltrosSeleccionados .it {
        display: inline-block;
        margin: 0 5px 5px 0
    }

    #pgCatalogo #catalogoFiltrosSeleccionados .tit {
        color: #000000;
        margin-right: 20px
    }

    #pgCatalogo #catalogoFiltrosSeleccionados .it {
        color: #999999;
        margin-right: 15px;
        margin-bottom: 5px;
        position: relative;
        padding: 0 20px 0 5px
    }

        #pgCatalogo #catalogoFiltrosSeleccionados .it:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            border: 1px solid rgba(237,237,237,0.5);
            border-radius: 3px;
            z-index: -1;
            bottom: -3px;
            top: -3px;
            left: -5px;
            right: -3px
        }

        #pgCatalogo #catalogoFiltrosSeleccionados .it:hover:before {
            background: rgba(0,28,68,0.1)
        }

        #pgCatalogo #catalogoFiltrosSeleccionados .it:after {
            content: '×';
            position: absolute;
            top: 0;
            right: 5px;
            color: #999999
        }

    #pgCatalogo #catalogoFiltrosSeleccionados .btnLimpiarFiltros {
        font-size: 12px;
        text-decoration: underline;
        color: #999999
    }

#pgCatalogo #catalogoProductos > .it {
    margin-bottom: 40px
}

#pgCatalogo #central[data-total="0"] > #main {
    float: none;
    margin: 0;
    width: 100%;
    padding: 0;
    min-height: 200px
}

#pgCatalogo #central[data-total="0"] > #secondary {
    display: none
}

#pgCatalogo #catalogoVacio #catalogoFiltrosSeleccionados {
    margin-top: 50px !important
}

    #pgCatalogo #catalogoVacio #catalogoFiltrosSeleccionados .recomendadosQuitar {
        margin-top: 20px;
        display: block !important
    }

        #pgCatalogo #catalogoVacio #catalogoFiltrosSeleccionados .recomendadosQuitar .it > .tot {
            display: none
        }

            #pgCatalogo #catalogoVacio #catalogoFiltrosSeleccionados .recomendadosQuitar .it > .tot:before {
                content: '+ '
            }

#pgCatalogo #wrapperFicha {
    display: none
}

#pgCatalogo[data-ficha-state=on] #central > * {
    display: none
}

#pgCatalogo[data-ficha-state=on] #wrapperFicha {
    display: block
}

#pgCatalogo #catalogoPaginado {
    position: relative;
    clear: both;
    margin-top: 50px;
    text-align: center
}

    #pgCatalogo #catalogoPaginado > .txt {
        line-height: 20px;
        font-size: 11px;
        text-transform: uppercase
    }

    #pgCatalogo #catalogoPaginado > .btnMas {
        margin-top: 15px;
        padding: 10px 20px;
        font-size: 16px
    }

    #pgCatalogo #catalogoPaginado[data-state=off] > .btnMas {
        display: none
    }

    #pgCatalogo #catalogoPaginado[data-state=loading]:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 2
    }

    #pgCatalogo #catalogoPaginado[data-state=loading] > .btnMas {
        opacity: .5
    }

        #pgCatalogo #catalogoPaginado[data-state=loading] > .btnMas:before {
            content: 'Cargando...'
        }

        #pgCatalogo #catalogoPaginado[data-state=loading] > .btnMas > span {
            display: none
        }

#pgCatalogo #catalogoFiltros {
    position: relative
}

    #pgCatalogo #catalogoFiltros > .cnt > .btnMostrarProductos {
        display: none
    }

    #pgCatalogo #catalogoFiltros > .cnt > .blk + .blk {
        margin-top: 20px;
        padding-top: 19px;
        border-top: 1px solid #ededed
    }

    #pgCatalogo #catalogoFiltros > .cnt > .blk > .hdr {
        margin-bottom: 10px
    }

        #pgCatalogo #catalogoFiltros > .cnt > .blk > .hdr > .tit {
            font-size: 14px;
            color: #000000;
            font-weight: bold;
            line-height: 20px;
            margin-bottom: 20px !important
        }

    #pgCatalogo #catalogoFiltros > .cnt > .blk > .cnt > .lstStd:after {
        content: "";
        overflow: hidden;
        display: block;
        height: 0;
        clear: both
    }

    #pgCatalogo #catalogoFiltros > .cnt > .blk > .cnt > .lstStd .it {
        margin-bottom: 5px;
        position: relative;
        display: block;
        float: left;
        clear: both;
        line-height: 20px
    }

        #pgCatalogo #catalogoFiltros > .cnt > .blk > .cnt > .lstStd .it > input {
            position: absolute;
            opacity: 0
        }

        #pgCatalogo #catalogoFiltros > .cnt > .blk > .cnt > .lstStd .it > .tit {
            cursor: pointer;
            font-weight: normal;
            font-size: 13px;
            position: relative
        }

        #pgCatalogo #catalogoFiltros > .cnt > .blk > .cnt > .lstStd .it:hover > .tit {
            color: #001c44
        }

        #pgCatalogo #catalogoFiltros > .cnt > .blk > .cnt > .lstStd .it > .tit > .tot {
            font-size: 9px;
            margin: 0 5px;
            color: #999999;
            font-weight: 400;
            display: inline-block
        }

        #pgCatalogo #catalogoFiltros > .cnt > .blk > .cnt > .lstStd .it.sld {
            color: #001c44;
            padding-right: 20px
        }

            #pgCatalogo #catalogoFiltros > .cnt > .blk > .cnt > .lstStd .it.sld > .tit {
                font-weight: bold
            }

            #pgCatalogo #catalogoFiltros > .cnt > .blk > .cnt > .lstStd .it.sld:before {
                content: '\e80C';
                color: #001c44;
                font-family: "FIconos";
                width: 14px;
                height: 14px;
                position: absolute;
                right: 0;
                top: 0;
                bottom: 3px;
                line-height: 20px;
                font-size: 12px;
                text-align: center
            }

    #pgCatalogo #catalogoFiltros > .cnt > .blk > .cnt > .lstStd div {
        clear: both;
        position: relative;
        padding-left: 15px;
        margin: 10px 0;
        color: #999999
    }

        #pgCatalogo #catalogoFiltros > .cnt > .blk > .cnt > .lstStd div:after {
            content: "";
            overflow: hidden;
            display: block;
            height: 0;
            clear: both
        }

    #pgCatalogo #catalogoFiltros > .cnt > .blk[data-codigo=color] > .cnt > .lst.lstCtm:after {
        content: "";
        overflow: hidden;
        display: block;
        height: 0;
        clear: both
    }

    #pgCatalogo #catalogoFiltros > .cnt > .blk[data-codigo=color] > .cnt > .lst.lstCtm > .it {
        background: rgba(0,0,0,0.05);
        cursor: pointer;
        position: relative;
        float: left;
        width: 25px;
        height: 25px;
        margin: 0 5px 5px 0;
        border-radius: 3px
    }

        #pgCatalogo #catalogoFiltros > .cnt > .blk[data-codigo=color] > .cnt > .lst.lstCtm > .it > input {
            z-index: -1;
            position: absolute;
            opacity: 0
        }

        #pgCatalogo #catalogoFiltros > .cnt > .blk[data-codigo=color] > .cnt > .lst.lstCtm > .it > .tit {
            display: none
        }

        #pgCatalogo #catalogoFiltros > .cnt > .blk[data-codigo=color] > .cnt > .lst.lstCtm > .it:before {
            border-radius: 5px;
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            left: -1px;
            bottom: -1px;
            top: -1px;
            right: -1px;
            border: 2px solid transparent;
            transition: border 0.3s
        }

        #pgCatalogo #catalogoFiltros > .cnt > .blk[data-codigo=color] > .cnt > .lst.lstCtm > .it.sld:before,
        #pgCatalogo #catalogoFiltros > .cnt > .blk[data-codigo=color] > .cnt > .lst.lstCtm > .it:hover:before {
            border-color: #001c44
        }

        #pgCatalogo #catalogoFiltros > .cnt > .blk[data-codigo=color] > .cnt > .lst.lstCtm > .it.sld:after {
            content: '';
            color: #ffffff;
            font-family: "FIconos";
            position: absolute;
            width: 25px;
            height: 25px;
            top: 0;
            left: 0;
            text-align: center;
            line-height: 25px;
            font-size: 15px;
            text-shadow: rgba(0,0,0,0.3) 0 0 1px
        }

        #pgCatalogo #catalogoFiltros > .cnt > .blk[data-codigo=color] > .cnt > .lst.lstCtm > .it[data-val=beige] {
            background: beige
        }

        #pgCatalogo #catalogoFiltros > .cnt > .blk[data-codigo=color] > .cnt > .lst.lstCtm > .it[data-val=amarillo] {
            background: gold
        }

        #pgCatalogo #catalogoFiltros > .cnt > .blk[data-codigo=color] > .cnt > .lst.lstCtm > .it[data-val=naranja] {
            background: darkorange
        }

        #pgCatalogo #catalogoFiltros > .cnt > .blk[data-codigo=color] > .cnt > .lst.lstCtm > .it[data-val=rojo] {
            background: crimson
        }

        #pgCatalogo #catalogoFiltros > .cnt > .blk[data-codigo=color] > .cnt > .lst.lstCtm > .it[data-val=rosado] {
            background: deeppink
        }

        #pgCatalogo #catalogoFiltros > .cnt > .blk[data-codigo=color] > .cnt > .lst.lstCtm > .it[data-val=violeta] {
            background: darkmagenta
        }

        #pgCatalogo #catalogoFiltros > .cnt > .blk[data-codigo=color] > .cnt > .lst.lstCtm > .it[data-val=azul] {
            background: navy
        }

        #pgCatalogo #catalogoFiltros > .cnt > .blk[data-codigo=color] > .cnt > .lst.lstCtm > .it[data-val=celeste] {
            background: lightskyblue
        }

        #pgCatalogo #catalogoFiltros > .cnt > .blk[data-codigo=color] > .cnt > .lst.lstCtm > .it[data-val=verde] {
            background: green
        }

        #pgCatalogo #catalogoFiltros > .cnt > .blk[data-codigo=color] > .cnt > .lst.lstCtm > .it[data-val=marron] {
            background: saddlebrown
        }

        #pgCatalogo #catalogoFiltros > .cnt > .blk[data-codigo=color] > .cnt > .lst.lstCtm > .it[data-val=negro] {
            background: black
        }

        #pgCatalogo #catalogoFiltros > .cnt > .blk[data-codigo=color] > .cnt > .lst.lstCtm > .it[data-val=gris] {
            background: grey
        }

        #pgCatalogo #catalogoFiltros > .cnt > .blk[data-codigo=color] > .cnt > .lst.lstCtm > .it[data-val=plateado] {
            background: silver
        }

        #pgCatalogo #catalogoFiltros > .cnt > .blk[data-codigo=color] > .cnt > .lst.lstCtm > .it[data-val=dorado] {
            background: goldenrod
        }

        #pgCatalogo #catalogoFiltros > .cnt > .blk[data-codigo=color] > .cnt > .lst.lstCtm > .it[data-val=blanco] {
            background: white;
            border: 1px solid #ededed
        }

        #pgCatalogo #catalogoFiltros > .cnt > .blk[data-codigo=color] > .cnt > .lst.lstCtm > .it[data-val=multicolor] {
            background-image: url('//d3tvx6svxnai4t.cloudfront.net/web/img/iconos/multi.svg?1511812719');
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover
        }

    #pgCatalogo #catalogoFiltros > .cnt > .blk[data-codigo=presentacion] > .cnt > .lst {
        color: #555555
    }

        #pgCatalogo #catalogoFiltros > .cnt > .blk[data-codigo=presentacion] > .cnt > .lst:after {
            content: "";
            overflow: hidden;
            display: block;
            height: 0;
            clear: both
        }

        #pgCatalogo #catalogoFiltros > .cnt > .blk[data-codigo=presentacion] > .cnt > .lst > .it {
            cursor: pointer;
            position: relative;
            float: left;
            margin: 0 5px 5px 0;
            border-radius: 3px
        }

            #pgCatalogo #catalogoFiltros > .cnt > .blk[data-codigo=presentacion] > .cnt > .lst > .it > input {
                z-index: 1;
                position: absolute;
                opacity: 0
            }

            #pgCatalogo #catalogoFiltros > .cnt > .blk[data-codigo=presentacion] > .cnt > .lst > .it > .tit {
                font-size: 11px;
                text-align: center;
                color: #000000;
                z-index: 2;
                position: relative;
                display: block;
                min-width: 25px;
                height: 25px;
                line-height: 25px
            }

                #pgCatalogo #catalogoFiltros > .cnt > .blk[data-codigo=presentacion] > .cnt > .lst > .it > .tit > .tot {
                    display: none
                }

                #pgCatalogo #catalogoFiltros > .cnt > .blk[data-codigo=presentacion] > .cnt > .lst > .it > .tit:before {
                    z-index: -1;
                    border-radius: 3px;
                    content: "";
                    position: absolute;
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    border: 1px solid #ededed
                }

            #pgCatalogo #catalogoFiltros > .cnt > .blk[data-codigo=presentacion] > .cnt > .lst > .it:hover > .tit:before {
                border-color: #001c44
            }

            #pgCatalogo #catalogoFiltros > .cnt > .blk[data-codigo=presentacion] > .cnt > .lst > .it.sld > .tit {
                color: #ffffff
            }

                #pgCatalogo #catalogoFiltros > .cnt > .blk[data-codigo=presentacion] > .cnt > .lst > .it.sld > .tit:before {
                    border: none;
                    background: #001c44
                }

            #pgCatalogo #catalogoFiltros > .cnt > .blk[data-codigo=presentacion] > .cnt > .lst > .it.sld:hover > .tit:before {
                background: rgba(0,28,68,0.7)
            }

    #pgCatalogo #catalogoFiltros > .cnt > .blkPrecio > .cnt > .frm > .cnt > .lblPrecio {
        position: relative;
        display: block;
        margin-bottom: 10px;
        float: left;
        width: 50%
    }

        #pgCatalogo #catalogoFiltros > .cnt > .blkPrecio > .cnt > .frm > .cnt > .lblPrecio:nth-child(1) {
            padding-right: 10px
        }

        #pgCatalogo #catalogoFiltros > .cnt > .blkPrecio > .cnt > .frm > .cnt > .lblPrecio:nth-child(2) {
            padding-left: 10px
        }

        #pgCatalogo #catalogoFiltros > .cnt > .blkPrecio > .cnt > .frm > .cnt > .lblPrecio:nth-child(1)::before {
            position: absolute;
            content: '';
            bottom: 14px;
            right: -4px;
            width: 6px;
            height: 1px;
            background: #999999
        }

        #pgCatalogo #catalogoFiltros > .cnt > .blkPrecio > .cnt > .frm > .cnt > .lblPrecio > b {
            display: none;
            line-height: 20px;
            font-size: 11px;
            color: #000000
        }

        #pgCatalogo #catalogoFiltros > .cnt > .blkPrecio > .cnt > .frm > .cnt > .lblPrecio > input {
            height: 30px;
            padding: 9px
        }

            #pgCatalogo #catalogoFiltros > .cnt > .blkPrecio > .cnt > .frm > .cnt > .lblPrecio > input:focus {
                border-color: #001c44
            }

    #pgCatalogo #catalogoFiltros > .cnt > .blkPrecio > .cnt > .frm > .cnt > .btnPrecio {
        font-size: 11px;
        clear: both;
        line-height: 30px;
        width: 45px;
        padding: 0
    }

#pgCatalogo .color-santander,
.color-santander > p .santander-logo {
    display: inline-block
}

#pgCatalogo .color-santander,
.color-santander > p {
    color: #eb1720;
    font-size: 13px
}

    #pgCatalogo .color-santander,
    .color-santander > p .big {
        font-size: 15px
    }

#pgCatalogoDetalle .color-santander > p .big {
    font-size: 22px;
    margin-bottom: 12px;
    display: inline-block
}

#pgCatalogoDetalle .color-santander > p {
    display: inline-block
}

#pgCatalogoDetalle .color-santander {
    margin-bottom: 10px
}

#pgCatalogo #catalogoProductos .precios {
    font-size: 13px
}

@media all and (min-width:1024px) {
    #pgCatalogo.items1 #catalogoProductos > .it {
        width: 100%
    }

    #pgCatalogo.items2 #catalogoProductos > .it {
        width: 50%
    }

    #pgCatalogo.items3 #catalogoProductos > .it {
        width: 33.33%
    }

    #pgCatalogo.items4 #catalogoProductos > .it {
        width: 25%
    }

    #pgCatalogo.items5 #catalogoProductos > .it {
        width: 20%
    }

    #pgCatalogo.items6 #catalogoProductos > .it {
        width: 16.66%
    }

    #pgCatalogo.filtrosSlide[data-filtros="on"] {
        overflow: hidden
    }

    #pgCatalogo.filtrosSlide #secondary {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        z-index: 99999
    }

        #pgCatalogo.filtrosSlide #secondary #catalogoFiltros {
            max-width: 320px;
            width: 100%;
            background: #ffffff;
            height: 100%;
            top: 0 !important;
            padding-bottom: 80px;
            margin-left: -350px;
            transition: margin 0.3s
        }

            #pgCatalogo.filtrosSlide #secondary #catalogoFiltros::after {
                content: '';
                display: block;
                width: calc(100% - 15px);
                height: 50px;
                position: absolute;
                bottom: 80px;
                background: linear-gradient(rgba(255,255,255,0),#ffffff);
                pointer-events: none
            }

    #pgCatalogo.filtrosSlide[data-filtros="on"] #secondary #catalogoFiltros {
        margin-left: 0
    }

    #pgCatalogo.filtrosSlide #secondary #catalogoFiltros > .cnt {
        padding: 15px;
        position: relative;
        height: 100%
    }

        #pgCatalogo.filtrosSlide #secondary #catalogoFiltros > .cnt::after {
            content: '';
            display: block;
            height: 50px
        }

    #pgCatalogo.filtrosSlide #secondary #catalogoFiltros .btnCerrarFiltros {
        position: fixed;
        visibility: hidden;
        opacity: 0;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        display: block;
        background: rgba(0,0,0,0.3);
        z-index: -1;
        transition: opacity 0.3s,visibility 0s 0.3s
    }

    #pgCatalogo.filtrosSlide[data-filtros="on"] #secondary #catalogoFiltros .btnCerrarFiltros {
        visibility: visible;
        opacity: 1;
        transition: opacity 0.3s
    }

    #pgCatalogo.filtrosSlide #secondary #catalogoFiltros .btnMostrarProductos {
        display: block;
        position: absolute;
        bottom: 15px;
        left: 15px;
        right: 15px;
        line-height: 50px;
        background: #001c44
    }

        #pgCatalogo.filtrosSlide #secondary #catalogoFiltros .btnMostrarProductos .txt::after {
            content: 'Ver productos'
        }

    #pgCatalogo.filtrosSlide.filtrosRight #secondary {
        left: initial;
        right: 0
    }

        #pgCatalogo.filtrosSlide.filtrosRight #secondary #catalogoFiltros {
            margin-left: initial;
            margin-right: -350px
        }

    #pgCatalogo.filtrosSlide.filtrosRight[data-filtros="on"] #secondary #catalogoFiltros {
        margin-right: 0
    }

    #pgCatalogo.filtrosFixed #main {
        float: right;
        width: 80%;
        padding-left: 40px
    }

    #pgCatalogo.filtrosFixed #secondary {
        float: left;
        width: 20%
    }

    #pgCatalogo.filtrosFixed #central > .hdr > .tools > .btnMostrarFiltros {
        display: none
    }

    #pgCatalogo.filtrosFixed.filtrosRight #main {
        float: left;
        padding-right: 40px;
        padding-left: 0
    }

    #pgCatalogo.filtrosFixed.filtrosRight #secondary {
        float: right
    }

    #pgCatalogo.filtrosDropDown[data-catalogohdrfixed='on'] #central > .hdr {
        top: -50px;
        visibility: visible;
        transition: none;
        animation: animacionCatalogoHdr;
        animation-duration: 0.3s;
        animation-delay: 0.3s;
        animation-fill-mode: forwards
    }

    #pgCatalogo.filtrosDropDown #central > .hdr > .tools > .btnMostrarFiltros {
        display: none
    }

    #pgCatalogo.filtrosDropDown[data-catalogohdrfixed='on'] #central > .hdr > .tools > .btnMostrarFiltros {
        display: inline-block
    }

    #pgCatalogo.filtrosDropDown #central {
        display: flex;
        flex-direction: column
    }

    #pgCatalogo.filtrosDropDown #main {
        order: 4
    }

    #pgCatalogo.filtrosDropDown[data-filtros="on"] #main {
        padding-top: 235px
    }

    #pgCatalogo.filtrosDropDown #catalogoFiltrosSeleccionados {
        display: none
    }

    #pgCatalogo.filtrosDropDown #secondary {
        position: relative;
        top: -40px;
        border-bottom: 1px solid #ededed
    }

    #pgCatalogo.filtrosDropDown[data-catalogohdrfixed='on'] #secondary {
        opacity: 0;
        transition: opacity 0.3s
    }

    #pgCatalogo.filtrosDropDown[data-filtros="on"][data-catalogohdrfixed='on'] #secondary {
        position: fixed;
        top: 99px;
        left: 0;
        right: 0;
        padding: 0 calc((100% - 1160px) / 2);
        border-bottom: 1px solid #ededed;
        background: #ffffff;
        z-index: 998;
        opacity: 1
    }

    #pgCatalogo.filtrosDropDown #secondary #catalogoFiltros {
        top: 0 !important
    }

        #pgCatalogo.filtrosDropDown #secondary #catalogoFiltros > .cnt {
            display: flex;
            padding: 15px 0
        }

            #pgCatalogo.filtrosDropDown #secondary #catalogoFiltros > .cnt > .blk {
                padding-right: 10px;
                align-items: stretch;
                width: 200px
            }

                #pgCatalogo.filtrosDropDown #secondary #catalogoFiltros > .cnt > .blk:nth-of-type(n+7) {
                    display: none
                }

                #pgCatalogo.filtrosDropDown #secondary #catalogoFiltros > .cnt > .blk + .blk {
                    padding-top: 0;
                    border-top: none;
                    margin-top: 0;
                    border-left: 1px solid #ededed;
                    padding-left: 20px
                }

    #pgCatalogo.filtrosDropDown #catalogoFiltros > .cnt > .blk > .hdr > .tit {
        font-size: 13px
    }

    #pgCatalogo.filtrosDropDown #secondary #catalogoFiltros > .cnt > .blk > .cnt {
        height: 150px;
        padding-right: 15px;
        position: relative
    }

    #pgCatalogo.filtrosDropDown #catalogoFiltros > .cnt > .blkPrecio > .cnt > .frm > .cnt > .lblPrecio {
        float: none;
        width: auto;
        padding: 0 !important
    }

        #pgCatalogo.filtrosDropDown #catalogoFiltros > .cnt > .blkPrecio > .cnt > .frm > .cnt > .lblPrecio:nth-child(1)::before {
            display: none
        }

    @keyframes animacionCatalogoHdr {
        from {
            top: -50px
        }

        to {
            top: 49px
        }
    }
}

@media all and (max-width:1279px) and (min-width:1024px) {
    #pgCatalogo #catalogoBannerListado {
        margin: 0 0 30px !important
    }

    #pgCatalogo #catalogoFiltrosSeleccionados {
        margin-top: -20px !important
    }

    #pgCatalogo #catalogoProductos {
        margin: 0 -15px
    }

        #pgCatalogo #catalogoProductos > .it {
            padding: 0 15px;
            margin-bottom: 30px
        }

    #pgCatalogo[data-catalogohdrfixed='on'] #central > .hdr {
        padding: 10px calc((100% - 980px) / 2)
    }

    #pgCatalogo.filtrosDropDown #secondary {
        top: -30px
    }

    #pgCatalogo.filtrosDropDown[data-filtros="on"][data-catalogohdrfixed='on'] #secondary {
        padding: 0 calc((100% - 980px) / 2)
    }
}

@media all and (max-width:1023px) {
    #pgCatalogo #catalogoBannerListado {
        margin: 0 0 20px !important
    }

    #pgCatalogo #catalogoFiltrosSeleccionados {
        margin-top: -10px !important;
        margin-bottom: 20px !important
    }

    #pgCatalogo #catalogoProductos {
        margin: 0 -10px
    }

        #pgCatalogo #catalogoProductos > .it {
            padding: 0 10px;
            margin-bottom: 20px
        }

    #pgCatalogo[data-catalogohdrfixed='on'] #central > .hdr {
        padding: 10px 20px
    }

    #pgCatalogo.items1 #catalogoProductos > .it {
        width: 100%
    }

    #pgCatalogo.items2 #catalogoProductos > .it {
        width: 50%
    }

    #pgCatalogo.items3 #catalogoProductos > .it {
        width: 33.33%
    }

    #pgCatalogo.items4 #catalogoProductos > .it,
    #pgCatalogo.items5 #catalogoProductos > .it,
    #pgCatalogo.items6 #catalogoProductos > .it {
        width: 25%
    }

    #pgCatalogo[data-filtros="on"] {
        overflow: hidden
    }

    #pgCatalogo #secondary {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        z-index: 99999
    }

        #pgCatalogo #secondary #catalogoFiltros {
            max-width: 320px;
            width: 100%;
            background: #ffffff;
            height: 100%;
            top: 0 !important;
            padding-bottom: 80px;
            margin-left: -320px;
            transition: margin 0.3s
        }

            #pgCatalogo #secondary #catalogoFiltros::after {
                content: '';
                display: block;
                width: 100%;
                height: 120px;
                position: absolute;
                bottom: 80px;
                background: linear-gradient(rgba(255,255,255,0),#ffffff);
                pointer-events: none
            }

    #pgCatalogo[data-filtros="on"] #secondary #catalogoFiltros {
        margin-left: 0
    }

    #pgCatalogo #secondary #catalogoFiltros > .cnt {
        padding: 15px;
        overflow-y: auto;
        height: 100%
    }

        #pgCatalogo #secondary #catalogoFiltros > .cnt::after {
            content: '';
            display: block;
            height: 80px
        }

    #pgCatalogo #secondary #catalogoFiltros .btnCerrarFiltros {
        position: fixed;
        visibility: hidden;
        opacity: 0;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        display: block;
        background: rgba(0,0,0,0.8);
        z-index: -1;
        transition: opacity 0.3s,visibility 0s 0.3s
    }

    #pgCatalogo[data-filtros="on"] #secondary #catalogoFiltros .btnCerrarFiltros {
        visibility: visible;
        opacity: 1;
        transition: opacity 0.3s
    }

    #pgCatalogo #secondary #catalogoFiltros .btnMostrarProductos {
        display: block;
        position: absolute;
        bottom: 15px;
        left: 15px;
        right: 15px;
        line-height: 50px;
        background: #001c44
    }

        #pgCatalogo #secondary #catalogoFiltros .btnMostrarProductos .txt::after {
            content: 'Ver productos'
        }
}

@media all and (max-width:768px) {
    #pgCatalogo #central > .hdr {
        padding-bottom: 10px
    }

        #pgCatalogo #central > .hdr > .tit {
            float: none;
            border-bottom: 1px solid #ededed;
            padding-bottom: 10px;
            margin-bottom: 10px
        }

        #pgCatalogo #central > .hdr > .tools {
            float: none
        }

            #pgCatalogo #central > .hdr > .tools > .btnMostrarFiltros {
                float: left;
                margin: 0
            }

            #pgCatalogo #central > .hdr > .tools > .orden .customSelect {
                width: 150px
            }

    #pgCatalogo[data-catalogohdrfixed='on'] #central > .hdr {
        padding: 10px 20px
    }

        #pgCatalogo[data-catalogohdrfixed='on'] #central > .hdr > .tit {
            display: none
        }

    #pgCatalogo.items1 #catalogoProductos > .it {
        width: 100%
    }

    #pgCatalogo.items2 #catalogoProductos > .it {
        width: 50%
    }

    #pgCatalogo.items3 #catalogoProductos > .it,
    #pgCatalogo.items4 #catalogoProductos > .it,
    #pgCatalogo.items5 #catalogoProductos > .it,
    #pgCatalogo.items6 #catalogoProductos > .it {
        width: 33.33%
    }
}

@media all and (max-width:640px) {
    #pgCatalogo.items1 #catalogoProductos > .it {
        width: 100%
    }

    #pgCatalogo.items2 #catalogoProductos > .it,
    #pgCatalogo.items3 #catalogoProductos > .it,
    #pgCatalogo.items4 #catalogoProductos > .it,
    #pgCatalogo.items5 #catalogoProductos > .it,
    #pgCatalogo.items6 #catalogoProductos > .it {
        width: 50%
    }

    #pgCatalogo.itemsFilaMobileSmall #catalogoProductos {
        margin-left: 0;
        margin-right: 0
    }

        #pgCatalogo.itemsFilaMobileSmall #catalogoProductos > .it {
            margin-bottom: 20px !important;
            width: 100% !important;
            padding: 0
        }

            #pgCatalogo.itemsFilaMobileSmall #catalogoProductos > .it > .cnt {
                text-align: left;
                display: flex
            }

                #pgCatalogo.itemsFilaMobileSmall #catalogoProductos > .it > .cnt > .img {
                    flex: 0 0 150px;
                    height: auto;
                    padding-top: 150px;
                    float: left;
                    margin-right: 15px;
                    margin-bottom: 0
                }

                    #pgCatalogo.itemsFilaMobileSmall #catalogoProductos > .it > .cnt > .img > img {
                        padding: 5px
                    }

                #pgCatalogo.itemsFilaMobileSmall #catalogoProductos > .it > .cnt > .info {
                    flex-grow: 100;
                    border-top: 0;
                    padding-left: 0
                }

                    #pgCatalogo.itemsFilaMobileSmall #catalogoProductos > .it > .cnt > .info > .tit,
                    #pgCatalogo.itemsFilaMobileSmall #catalogoProductos > .it > .cnt > .info > .precios,
                    #pgCatalogo.itemsFilaMobileSmall #catalogoProductos > .it > .cnt > .info > .variantes {
                        text-align: left
                    }

                    #pgCatalogo.itemsFilaMobileSmall #catalogoProductos > .it > .cnt > .info > .tit {
                        font-size: 14px;
                        margin-bottom: 5px;
                        white-space: normal
                    }

                    #pgCatalogo.itemsFilaMobileSmall #catalogoProductos > .it > .cnt > .info > .porcRebaja {
                        margin-bottom: 5px
                    }

                    #pgCatalogo.itemsFilaMobileSmall #catalogoProductos > .it > .cnt > .info > .btnComprar {
                        width: 110px;
                        line-height: 30px
                    }
}

@media all and (max-width:480px) {
    #pgCatalogo #central > .hdr > .tools > .tot {
        display: none
    }

    #pgCatalogo #central > .hdr > .tools > .orden {
        margin: 0
    }

        #pgCatalogo #central > .hdr > .tools > .orden::before {
            display: none
        }

    #pgCatalogo #catalogoBannerListado {
        margin: 0 0 10px !important
    }

    #pgCatalogo #catalogoFiltrosSeleccionados {
        margin-top: 0 !important;
        margin-bottom: 10px !important
    }

    #pgCatalogo #catalogoProductos {
        margin: 0 -5px
    }

        #pgCatalogo #catalogoProductos > .it {
            padding: 0 5px
        }

    #pgCatalogo[data-catalogohdrfixed='on'] #central > .hdr {
        padding: 10px
    }

        #pgCatalogo[data-catalogohdrfixed='on'] #central > .hdr > .tit {
            display: none
        }

    #pgCatalogo.itemsFilaMobileSmall #catalogoProductos > .it {
        margin-bottom: 10px !important
    }

        #pgCatalogo.itemsFilaMobileSmall #catalogoProductos > .it > .cnt > .img {
            flex: 0 0 120px;
            padding-top: 120px;
            margin-right: 5px
        }
}

@media all and (max-width:380px) {
    #pgCatalogo.items1 #catalogoProductos > .it,
    #pgCatalogo.items2 #catalogoProductos > .it {
        width: 100%
    }

    #pgCatalogo.items3 #catalogoProductos > .it,
    #pgCatalogo.items4 #catalogoProductos > .it,
    #pgCatalogo.items5 #catalogoProductos > .it,
    #pgCatalogo.items6 #catalogoProductos > .it {
        width: 50%
    }
}

@media all and (max-width:340px) {
    #pgCatalogo.items1 #catalogoProductos > .it,
    #pgCatalogo.items2 #catalogoProductos > .it,
    #pgCatalogo.items3 #catalogoProductos > .it,
    #pgCatalogo.items4 #catalogoProductos > .it,
    #pgCatalogo.items5 #catalogoProductos > .it,
    #pgCatalogo.items6 #catalogoProductos > .it {
        width: 100%
    }
}

@media all and (max-width:1023px) {
    #pgContacto #secondary > .blkDir {
        text-align: center
    }
}

#pgHome #central {
    padding-top: 0
}

#pgHome #HomeSlider {
    position: relative;
    width: 100%;
    max-width: 1920px;
    height: 500px;
    margin: 0 auto 40px
}

    #pgHome #HomeSlider picture > img {
        position: relative;
        margin-left: -380px
    }

    #pgHome #HomeSlider .bx-viewport {
        z-index: 1;
        overflow: visible !important
    }

    #pgHome #HomeSlider .bx-controls-direction {
        z-index: 2;
        position: absolute;
        width: 100%;
        height: 0;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        margin: auto !important
    }

        #pgHome #HomeSlider .bx-controls-direction > .bx-prev,
        #pgHome #HomeSlider .bx-controls-direction > .bx-next {
            top: -25px;
            position: relative;
            overflow: hidden;
            width: 50px;
            height: 50px;
            background: transparent;
            line-height: 50px;
            font-size: 50px;
            text-align: center;
            font-family: "FIconos";
            color: #ffffff;
            opacity: 0.6
        }

        #pgHome #HomeSlider .bx-controls-direction > .bx-prev {
            float: left
        }

        #pgHome #HomeSlider .bx-controls-direction > .bx-next {
            float: right
        }

            #pgHome #HomeSlider .bx-controls-direction > .bx-prev:hover,
            #pgHome #HomeSlider .bx-controls-direction > .bx-next:hover {
                opacity: 1 !important
            }

    #pgHome #HomeSlider .bx-pager {
        z-index: 2;
        text-align: center;
        font-size: 0;
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
        margin: auto;
        bottom: 40px;
        height: 0
    }

        #pgHome #HomeSlider .bx-pager > .bx-pager-item {
            display: inline-block;
            margin: 0 4px
        }

            #pgHome #HomeSlider .bx-pager > .bx-pager-item > .bx-pager-link {
                border-radius: 100%;
                display: block;
                width: 13px;
                height: 13px;
                background: #ffffff;
                opacity: .5
            }

                #pgHome #HomeSlider .bx-pager > .bx-pager-item > .bx-pager-link:hover {
                    opacity: .9
                }

                #pgHome #HomeSlider .bx-pager > .bx-pager-item > .bx-pager-link.active {
                    opacity: 1;
                    cursor: default;
                    pointer-events: none
                }

#pgHome #central > .row .banner img {
    width: 100%
}

@media all and (min-width:1280px) {
    #pgHome #central > .row:last-child {
        margin-bottom: -40px !important
    }
}

@media all and (max-width:1279px) and (min-width:1024px) {
    #pgHome #HomeSlider {
        margin-bottom: 30px
    }

        #pgHome #HomeSlider picture > img {
            margin-left: -150px
        }

    #pgHome #central > .row:last-child {
        margin-bottom: -30px !important
    }
}

@media all and (max-width:1023px) {
    #pgHome #HomeSlider {
        height: 53.5%;
        margin-bottom: 20px
    }

        #pgHome #HomeSlider picture > img {
            width: 100%;
            margin-left: 0px
        }

    #pgHome #central > .row:last-child {
        margin-bottom: -20px !important
    }

    #pgHome #HomeSlider .bx-controls-direction > .bx-prev,
    #pgHome #HomeSlider .bx-controls-direction > .bx-next {
        display: none
    }
}

@media all and (max-width:480px) {
    #pgHome #HomeSlider {
        height: 53.5%;
        margin-bottom: 10px
    }

    #pgHome #central > .row:last-child {
        margin-bottom: -10px !important
    }
}

@media all and (max-width:640px) AND (orientation:portrait) {
    #pgHome #HomeSlider {
        height: 140.63%
    }
}

#pgLookbooksDetalle #lstLooks {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px
}

    #pgLookbooksDetalle #lstLooks > .it {
        width: 25%;
        padding: 0 20px;
        margin-bottom: 30px
    }

        #pgLookbooksDetalle #lstLooks > .it > .look > .img {
            position: relative;
            overflow: hidden;
            width: 100%;
            padding-top: 142.30%
        }

        #pgLookbooksDetalle #lstLooks > .it:hover > .look > .img::before {
            right: 0
        }

        #pgLookbooksDetalle #lstLooks > .it > .look > .img > img {
            cursor: pointer;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: auto
        }

        #pgLookbooksDetalle #lstLooks > .it > .look > .lstProductos {
            display: none
        }

@media all and (max-width:1279px) and (min-width:1024px) {
    #pgLookbooksDetalle #lstLooks {
        margin: 0 -15px
    }

        #pgLookbooksDetalle #lstLooks > .it {
            padding: 0 15px;
            margin-bottom: 30px
        }
}

@media all and (max-width:1023px) {
    #pgLookbooksDetalle #lstLooks {
        margin: 0 -10px
    }

        #pgLookbooksDetalle #lstLooks > .it {
            padding: 0 10px;
            margin-bottom: 20px
        }
}

@media all and (max-width:820px) {
    #pgLookbooksDetalle #lstLooks > .it {
        width: 33.33%
    }
}

@media all and (max-width:560px) {
    #pgLookbooksDetalle #lstLooks > .it {
        width: 50%
    }
}

@media all and (max-width:480px) {
    #pgLookbooksDetalle #lstLooks {
        margin: 0 -5px
    }

        #pgLookbooksDetalle #lstLooks > .it {
            padding: 0 5px;
            margin-bottom: 10px
        }
}

#pgLookbooks #lstLookbooks {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px
}

    #pgLookbooks #lstLookbooks > .it {
        width: 50%;
        padding: 0 20px;
        margin-bottom: 30px
    }

        #pgLookbooks #lstLookbooks > .it > .img {
            display: block;
            position: relative;
            overflow: hidden;
            width: 100%;
            padding-top: 75%
        }

            #pgLookbooks #lstLookbooks > .it > .img > img {
                cursor: pointer;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: auto
            }

            #pgLookbooks #lstLookbooks > .it > .img > .nom {
                margin-top: 15px;
                display: block;
                text-transform: uppercase;
                line-height: 20px;
                font-size: 14px;
                text-align: center;
                padding: 0 20px;
                color: #000000
            }

@media all and (max-width:1279px) and (min-width:1024px) {
    #pgLookbooks #lstLookbooks {
        margin: 0 -15px
    }

        #pgLookbooks #lstLookbooks > .it {
            padding: 0 15px;
            margin-bottom: 30px
        }
}

@media all and (max-width:1023px) {
    #pgLookbooks #lstLookbooks {
        margin: 0 -10px
    }

        #pgLookbooks #lstLookbooks > .it {
            padding: 0 10px;
            margin-bottom: 20px
        }
}

@media all and (max-width:768px) {
    #pgLookbooks #lstLookbooks > .it {
        width: 100%
    }
}

@media all and (max-width:480px) {
    #pgLookbooks #lstLookbooks {
        margin: 0 -5px
    }

        #pgLookbooks #lstLookbooks > .it {
            padding: 0 5px;
            margin-bottom: 10px
        }
}

#pgMiCompra #central > .hdr > .tit {
    text-align: center
}

#pgMiCompra #central[data-vacio="si"] #miCompraDetalleItems > .vacio {
    border: 1px solid #ededed;
    padding: 19px;
    text-align: center
}

#pgMiCompra #central[data-vacio="si"] #main {
    width: 100%
}

#pgMiCompra #central[data-vacio="si"] #secondary {
    display: none
}

#pgMiCompra #miCompraDetalleItems > .tblMiCompra > * {
    padding: 19px;
    border: 1px solid #ededed
}

#pgMiCompra #miCompraDetalleItems > .tblMiCompra .row > * {
    position: relative;
    float: left;
    line-height: 20px;
    width: 25%
}

#pgMiCompra #miCompraDetalleItems > .tblMiCompra .row > .col1 {
    width: 70%;
    padding-right: 20px
}

#pgMiCompra #miCompraDetalleItems > .tblMiCompra .row > .col2 {
    display: none
}

#pgMiCompra #miCompraDetalleItems > .tblMiCompra .row > .col3 {
    display: none
}

#pgMiCompra #miCompraDetalleItems > .tblMiCompra .row > .col4 {
    width: calc(30% - 30px);
    text-align: right;
    padding-left: 30px
}

#pgMiCompra #miCompraDetalleItems > .tblMiCompra .row > .col5 {
    width: 30px;
    text-align: center
}

#pgMiCompra #miCompraDetalleItems > .tblMiCompra .row.producto > .col1 {
    width: calc(100% - 315px)
}

#pgMiCompra #miCompraDetalleItems > .tblMiCompra .row.producto > .col3,
#pgMiCompra #miCompraDetalleItems > .tblMiCompra .row.producto > .col3 {
    display: block;
    width: 85px;
    text-align: center
}

#pgMiCompra #miCompraDetalleItems > .tblMiCompra .row.producto > .col4 {
    width: 200px
}

#pgMiCompra #miCompraDetalleItems > .tblMiCompra > .hdr {
    padding: 16px 19px
}

    #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .hdr > .row > * {
        font-size: 12px;
        text-transform: uppercase;
        color: #000000;
        font-weight: bold
    }

    #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .hdr > .row > .col1 {
        width: calc(100% - 315px)
    }

    #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .hdr > .row > .col3 {
        display: block;
        width: 85px;
        text-align: center
    }

#pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt {
    border-top: 0;
    padding-bottom: 30px;
    font-size: 13px;
    color: _Txet_
}

    #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row + .row {
        border-top: 1px solid #ededed;
        padding-top: 19px;
        margin-top: 20px
    }

    #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row .msj {
        color: #d6273b !important;
        font-size: 11px;
        line-height: 15px;
        margin-top: 10px;
        margin-bottom: 10px
    }

        #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row .msj a {
            color: #d6273b !important;
            font-weight: bold;
            text-decoration: underline
        }

    #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row > .col5 .btnQuitar {
        opacity: .5;
        margin: auto;
        top: -1px;
        position: relative
    }

        #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row > .col5 .btnQuitar:hover {
            opacity: 1
        }

        #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row > .col5 .btnQuitar > .ico {
            font-size: 15px
        }

        #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row > .col5 .btnQuitar > .txt {
            display: none
        }

    #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row .nom {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row.producto .img {
        font-size: 12px;
        width: 100px;
        overflow: hidden;
        background: rgba(0,0,0,0.02);
        float: left
    }

        #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row.producto .img > img {
            width: 100%;
            margin: auto;
            height: auto
        }

    #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row.producto .nom,
    #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row.producto .info,
    #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row.producto .sku,
    #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row.producto .msj,
    #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row.producto .regalo {
        margin-left: 120px;
        display: block
    }

    #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row.producto .nom {
        font-size: 14px;
        font-weight: bold;
        color: #555555
    }

    #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row.producto .info {
        font-size: 11px;
        color: #999999
    }

    #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row.producto .sku {
        font-size: 11px;
        line-height: 20px;
        margin-bottom: 5px;
        color: #999999
    }

    #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row.producto .regalo {
        padding-left: 20px;
        position: relative;
        line-height: 25px;
        font-size: 11px;
        min-height: 25px;
        margin-top: 5px
    }

        #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row.producto .regalo > .ico {
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            margin: auto 0 !important;
            line-height: 25px;
            font-size: 15px;
            width: 15px
        }

        #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row.producto .regalo[data-regalo="0"]:before > .ico {
            opacity: 0.4
        }

        #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row.producto .regalo > a {
            color: #555555
        }

        #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row.producto .regalo > .customSelect {
            float: left;
            height: 25px
        }

            #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row.producto .regalo > .customSelect::after {
                top: 0;
                bottom: 0
            }

            #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row.producto .regalo > .customSelect > .cnt {
                top: -1px
            }

            #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row.producto .regalo > .customSelect > .txt {
                font-size: 12px;
                line-height: 25px
            }

                #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row.producto .regalo > .customSelect > .txt:after {
                    height: 25px;
                    line-height: 25px
                }

            #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row.producto .regalo > .customSelect > .cnt > .option {
                color: #555555;
                padding: 2px 5px 3px;
                line-height: 20px
            }

                #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row.producto .regalo > .customSelect > .cnt > .option:hover {
                    background: rgba(0,0,0,0.05)
                }

        #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row.producto .regalo[data-loading="on"]:before {
            position: absolute;
            left: 0;
            width: auto;
            content: 'Guardando...'
        }

        #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row.producto .regalo[data-loading="on"] * {
            opacity: 0;
            pointer-events: none
        }

    #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row.producto .qty {
        max-width: 95px;
        margin: auto
    }

        #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row.producto .qty > .btnMas,
        #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row.producto .qty > .btnMenos,
        #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row.producto .qty > input[name=qty] {
            font-size: 13px;
            text-align: center;
            display: inline-block;
            line-height: 20px;
            height: 20px;
            padding: 4px;
            border: 1px solid #ededed;
            width: 25px
        }

        #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row.producto .qty > .btnMas,
        #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row.producto .qty > .btnMenos {
            width: 20px;
            background: none;
            border: none;
            cursor: pointer;
            font-size: 16px;
            font-weight: bold;
            padding: 0 4px
        }

            #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row.producto .qty > .btnMas[disabled],
            #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row.producto .qty > .btnMenos[disabled] {
                opacity: 0.5;
                pointer-events: none
            }

    #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row.producto > .col4 .precio {
        display: block;
        line-height: inherit;
        font-weight: bold
    }

    #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row.producto.conDescuento > .col4 .precio {
        font-weight: normal
    }

    #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row.producto > .col4 .precio.descuento {
        color: #d6273b;
        margin-bottom: 3px;
        cursor: help;
        line-height: 25px
    }

        #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row.producto > .col4 .precio.descuento .dto {
            float: left;
            font-size: 12px
        }

            #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row.producto > .col4 .precio.descuento .dto:after {
                content: ':'
            }

    #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row.producto > .col4 .precio.total {
        font-weight: bold;
        border-top: 1px solid #ededed;
        padding-top: 4px
    }

    #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row.cupon > .col1 .nom {
        font-size: 14px;
        font-weight: bold;
        color: #555555;
        line-height: 20px
    }

    #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row.cupon > .col1 .msj {
        margin-top: 5px;
        margin-bottom: 10px;
        font-size: 14px;
        line-height: 15px
    }

    #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row.cupon > .col1 .info {
        margin-top: 5px;
        font-size: 13px;
        font-style: italic;
        line-height: 15px;
        color: rgba(85,85,85,0.8)
    }

    #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row.cupon > .col4 .precio {
        color: #d6273b;
        font-weight: bold
    }

#pgMiCompra #miCompraDetalleItems > .tblMiCompra > .ftr {
    border: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    background: #f0f0f0;
    text-align: right
}

    #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .ftr .txt {
        display: none
    }

    #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .ftr label {
        font-size: 12px;
        font-weight: bold;
        border-radius: 3px;
        height: 30px;
        width: 200px
    }

        #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .ftr label > input {
            color: #555555;
            font-size: 12px;
            border-radius: 3px;
            height: 30px;
            width: 200px;
            border: none;
            text-align: center;
            margin: 0 10px
        }

    #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .ftr .btnAplicar {
        height: 30px;
        line-height: 30px
    }

#pgMiCompra #miCompraDetallePrecios > .blk > * {
    padding: 19px;
    border: 1px solid #ededed
}

#pgMiCompra #miCompraDetallePrecios > .blk > .hdr {
    padding-bottom: 14px
}

    #pgMiCompra #miCompraDetallePrecios > .blk > .hdr > .tit {
        text-align: center;
        position: relative;
        line-height: 20px;
        top: -2px;
        font-size: 16px;
        color: #000000;
        font-weight: bold
    }

#pgMiCompra #miCompraDetallePrecios > .blk > .cnt {
    border-top: 0;
    padding-top: 20px
}

    #pgMiCompra #miCompraDetallePrecios > .blk > .cnt > .row {
        margin-top: 5px;
        font-size: 13px
    }

        #pgMiCompra #miCompraDetallePrecios > .blk > .cnt > .row .lbl {
            position: relative;
            top: -1px
        }

        #pgMiCompra #miCompraDetallePrecios > .blk > .cnt > .row > * > * {
            display: block;
            line-height: 20px;
            color: #444444
        }

        #pgMiCompra #miCompraDetallePrecios > .blk > .cnt > .row > :nth-child(1) {
            float: left
        }

        #pgMiCompra #miCompraDetallePrecios > .blk > .cnt > .row > :nth-child(2) {
            float: right
        }

        #pgMiCompra #miCompraDetallePrecios > .blk > .cnt > .row.cupon > * > * {
            color: #d6273b
        }

    #pgMiCompra #miCompraDetallePrecios > .blk > .cnt > .rowTotal {
        margin-top: 15px;
        font-size: 15px
    }

        #pgMiCompra #miCompraDetallePrecios > .blk > .cnt > .rowTotal > * {
            color: #000000;
            font-weight: bold
        }

        #pgMiCompra #miCompraDetallePrecios > .blk > .cnt > .rowTotal .precio {
            position: relative;
            top: -2px
        }

    #pgMiCompra #miCompraDetallePrecios > .blk > .cnt > .row.moneda .lbl {
        line-height: 30px
    }

#pgMiCompra #miCompraDetallePrecios > .blk > .ftr {
    border-top: none;
    padding-top: 20px;
    padding-bottom: 24px
}

    #pgMiCompra #miCompraDetallePrecios > .blk > .ftr > form {
        display: block
    }

        #pgMiCompra #miCompraDetallePrecios > .blk > .ftr > form .terminosCondiciones {
            color: #767676;
            font-size: 12px;
            margin-bottom: 20px
        }

            #pgMiCompra #miCompraDetallePrecios > .blk > .ftr > form .terminosCondiciones label.toggleButton > input + b {
                line-height: 15px
            }

            #pgMiCompra #miCompraDetallePrecios > .blk > .ftr > form .terminosCondiciones a {
                text-transform: lowercase
            }

        #pgMiCompra #miCompraDetallePrecios > .blk > .ftr > form .btnCheckout {
            font-size: 15px;
            line-height: 45px;
            display: block;
            width: 100%;
            text-align: center
        }

@media all and (min-width:1280px) {
    #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row.producto .qty > input[name=qty] {
        height: 25px;
        width: 30px
    }
}

@media all and (max-width:1279px) and (min-width:1024px) {
    #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row.producto .qty > input[name=qty] {
        height: 25px;
        width: 30px
    }

    #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row.producto .img {
        width: 70px
    }

    #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row.producto .nom,
    #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row.producto .info,
    #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row.producto .sku,
    #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row.producto .msj,
    #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row.producto .regalo {
        margin-left: 85px
    }
}

@media all and (max-width:1023px) {
    #pgMiCompra #central {
        display: flex;
        flex-direction: column
    }

        #pgMiCompra #central > .hdr {
            order: 1;
            margin-bottom: 20px
        }

        #pgMiCompra #central > #main {
            order: 3
        }

        #pgMiCompra #central > #secondary {
            order: 2;
            margin-bottom: 20px !important
        }

    #pgMiCompra #miCompraDetalleItems > .tblMiCompra {
        display: flex;
        flex-direction: column
    }

        #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .hdr {
            order: 2
        }

        #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .ftr {
            order: 1
        }

        #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt {
            order: 3
        }

            #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row.producto .img {
                width: 70px
            }

            #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row.producto .nom,
            #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row.producto .info,
            #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row.producto .sku,
            #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row.producto .msj,
            #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row.producto .regalo {
                margin-left: 85px
            }

    #pgMiCompra #miCompraDetalleItems,
    #pgMiCompra #miCompraDetallePrecios {
        margin: 0 auto;
        max-width: 760px
    }

        #pgMiCompra #miCompraDetallePrecios > .blk > .ftr > form {
            margin: 0 auto;
            max-width: 330px
        }
}

@media all and (max-width:640px) {
    #pgMiCompra #central > .hdr {
        margin-bottom: 10px
    }

    #pgMiCompra #central > #secondary {
        margin-bottom: 10px !important
    }

    #pgMiCompra #miCompraDetallePrecios > .blk > .hdr {
        display: none
    }

    #pgMiCompra #miCompraDetallePrecios > .blk > .cnt {
        border-top: 1px solid #ededed
    }

    #pgMiCompra #miCompraDetalleItems > .tblMiCompra {
        display: flex;
        flex-direction: column
    }

        #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .hdr {
            display: none
        }

        #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .ftr:after {
            content: "";
            overflow: hidden;
            display: block;
            height: 0;
            clear: both
        }

        #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .ftr > #cuponDescuento > form > div > label > .txt {
            display: none
        }

        #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .ftr > #cuponDescuento > form > div > label {
            float: left;
            display: block;
            width: 60%;
            padding-right: 20px
        }

            #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .ftr > #cuponDescuento > form > div > label > input {
                width: 100%;
                margin: 0
            }

        #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .ftr > #cuponDescuento > form > div > .btn {
            float: right;
            width: 40%
        }

        #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt {
            padding: 0 10px 15px;
            border: 1px solid #ededed;
            margin: 0
        }

            #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row,
            #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row + .row {
                padding-top: 9px;
                margin-top: 10px
            }

                #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row.producto > .col1 {
                    padding: 5px 10px 10px 0;
                    width: 100%;
                    margin-bottom: 10px;
                    border-bottom: 1px solid #f7f7f7
                }

                #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row.producto > .col3 {
                    padding-left: 0;
                    padding-top: 0;
                    width: 100px;
                    text-align: center
                }

                #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row.producto > .col4 {
                    width: calc(100% - 130px);
                    padding-top: 0
                }

                #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row.producto > .col5 {
                    width: 30px;
                    padding-top: 0
                }

        #pgMiCompra #miCompraDetalleItems > .tblMiCompra .row > .col1 {
            width: calc(100% - 130px)
        }

        #pgMiCompra #miCompraDetalleItems > .tblMiCompra .row > .col4 {
            padding-left: 0;
            width: 100px
        }

        #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row.producto .img {
            width: 100px;
            margin-top: -5px !important
        }

        #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row.producto .nom,
        #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row.producto .info,
        #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row.producto .sku,
        #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row.producto .msj,
        #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row.producto .regalo {
            margin-left: 110px;
            margin-bottom: 5px
        }

        #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row.producto .nom {
            line-height: 18px;
            font-size: 13px
        }

        #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row.producto .info,
        #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row.producto .sku {
            line-height: 15px;
            font-size: 11px;
            margin-bottom: 0
        }

        #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row.producto.conDescuento > .col4 > .precio {
            display: none
        }

            #pgMiCompra #miCompraDetalleItems > .tblMiCompra > .cnt > .row.producto.conDescuento > .col4 > .precio.total {
                display: block;
                border: none;
                padding: 0
            }
}

body.layoutMiCuenta #main > .blkMiCuenta > .hdr {
    position: relative;
    border-bottom: 2px solid #ededed;
    margin-bottom: 10px;
    padding-bottom: 13px
}

    body.layoutMiCuenta #main > .blkMiCuenta > .hdr > .tit {
        line-height: 20px;
        font-size: 16px;
        font-weight: bold;
        color: #000000
    }

body.layoutMiCuenta #main > .blkMiCuenta > .cnt > .lst > .it {
    line-height: 20px;
    color: #000000;
    font-size: 13px;
    padding-bottom: 9px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ededed
}

body.layoutMiCuenta #main > .blkMiCuenta > .cnt .noResults {
    background: #f8f8f8;
    border: 1px solid #ededed;
    padding: 69px 10px 79px;
    text-align: center
}

    body.layoutMiCuenta #main > .blkMiCuenta > .cnt .noResults::before {
        content: '\e80E';
        color: #999999;
        width: 60px;
        font-size: 49px;
        line-height: 50px;
        display: block;
        margin: 0 auto 15px;
        font-family: "FIconos"
    }

    body.layoutMiCuenta #main > .blkMiCuenta > .cnt .noResults > p {
        line-height: 20px;
        font-size: 16px;
        margin-bottom: 25px
    }

    body.layoutMiCuenta #main > .blkMiCuenta > .cnt .noResults > .btnAgregar {
        line-height: 40px
    }

body.layoutMiCuenta #main > #blkMisDatos > .hdr > .btnEditar {
    position: absolute;
    right: 0;
    top: -5px;
    line-height: 25px;
    font-size: 11px;
    padding: 0;
    width: 85px;
    text-align: center;
    font-weight: bold
}

    body.layoutMiCuenta #main > #blkMisDatos > .hdr > .btnEditar > .ico {
        margin-right: 7px
    }

body.layoutMiCuenta #main > #blkMisDatos > .cnt > .lst > .it::after {
    content: "";
    overflow: hidden;
    display: block;
    height: 0;
    clear: both
}

body.layoutMiCuenta #main > #blkMisDatos > .cnt > .lst > .it > * {
    display: inline-block
}

body.layoutMiCuenta #main > #blkMisDatos > .cnt > .lst > .it > .tit {
    width: 200px;
    display: block;
    float: left
}

body.layoutMiCuenta #main > #blkMisDatos > .cnt > .lst > .it > .val {
    font-weight: bold;
    width: calc(100% - 200px);
    display: block;
    float: left;
    word-break: break-all
}

    body.layoutMiCuenta #main > #blkMisDatos > .cnt > .lst > .it > .val.vacio {
        font-weight: normal
    }

body.layoutMiCuenta #main > #blkMisDatos > .cnt .frm01 .fld.destaque {
    padding: 19px 0;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    margin-top: 20px
}

body.layoutMiCuenta #main > #blkMisDirecciones > .cnt > .lst {
    margin-bottom: 20px
}

    body.layoutMiCuenta #main > #blkMisDirecciones > .cnt > .lst > .it {
        font-size: 12px
    }

        body.layoutMiCuenta #main > #blkMisDirecciones > .cnt > .lst > .it > .tit {
            display: block;
            line-height: 20px;
            padding-right: 80px;
            position: relative
        }

            body.layoutMiCuenta #main > #blkMisDirecciones > .cnt > .lst > .it > .tit > .nom {
                font-size: 13px;
                font-weight: bold
            }

            body.layoutMiCuenta #main > #blkMisDirecciones > .cnt > .lst > .it > .tit > input[name=rdoPredeterminada] {
                display: none
            }

            body.layoutMiCuenta #main > #blkMisDirecciones > .cnt > .lst > .it > .tit > .btnEditar,
            body.layoutMiCuenta #main > #blkMisDirecciones > .cnt > .lst > .it > .tit > .btnEliminar {
                position: absolute;
                top: -5px;
                line-height: 30px;
                min-width: 30px;
                opacity: .7;
                transition: opacity .2s ease-in-out;
                font-size: 16px;
                display: inline-block;
                background: none;
                border: none;
                cursor: pointer
            }

                body.layoutMiCuenta #main > #blkMisDirecciones > .cnt > .lst > .it > .tit > .btnEditar:hover,
                body.layoutMiCuenta #main > #blkMisDirecciones > .cnt > .lst > .it > .tit > .btnEliminar:hover {
                    opacity: 1
                }

            body.layoutMiCuenta #main > #blkMisDirecciones > .cnt > .lst > .it > .tit > .btnEditar {
                right: 30px
            }

                body.layoutMiCuenta #main > #blkMisDirecciones > .cnt > .lst > .it > .tit > .btnEditar > .txt {
                    display: none
                }

            body.layoutMiCuenta #main > #blkMisDirecciones > .cnt > .lst > .it > .tit > .btnEliminar {
                right: 0
            }

                body.layoutMiCuenta #main > #blkMisDirecciones > .cnt > .lst > .it > .tit > .btnEliminar > .txt {
                    display: none
                }

        body.layoutMiCuenta #main > #blkMisDirecciones > .cnt > .lst > .it > .info {
            display: block;
            line-height: 20px;
            font-size: 11px;
            color: #999999
        }

body.layoutMiCuenta #main > #blkMisCompras > .cnt {
    overflow-x: auto
}

body.layoutMiCuenta #main > #blkMisCompras #misCompras > table {
    width: 100%;
    min-width: 600px
}

    body.layoutMiCuenta #main > #blkMisCompras #misCompras > table a {
        text-decoration: underline
    }

    body.layoutMiCuenta #main > #blkMisCompras #misCompras > table th,
    body.layoutMiCuenta #main > #blkMisCompras #misCompras > table td {
        line-height: 20px;
        padding-bottom: 9px;
        border-bottom: 1px solid #ededed
    }

    body.layoutMiCuenta #main > #blkMisCompras #misCompras > table tr > .precio,
    body.layoutMiCuenta #main > #blkMisCompras #misCompras > table tr > .verDetalle {
        text-align: right
    }

    body.layoutMiCuenta #main > #blkMisCompras #misCompras > table tr > .orden,
    body.layoutMiCuenta #main > #blkMisCompras #misCompras > table tr > .estado {
        text-align: center
    }

    body.layoutMiCuenta #main > #blkMisCompras #misCompras > table > thead > tr > th {
        font-size: 13px;
        font-weight: bold;
        color: #000000
    }

    body.layoutMiCuenta #main > #blkMisCompras #misCompras > table > tbody > tr > td {
        padding-left: 10px;
        font-size: 12px;
        color: _Texto_;
        padding-top: 10px
    }

        body.layoutMiCuenta #main > #blkMisCompras #misCompras > table > tbody > tr > td:first-child {
            padding-left: 0
        }

        body.layoutMiCuenta #main > #blkMisCompras #misCompras > table > tbody > tr > td.precio {
            text-align: right;
            white-space: nowrap
        }

        body.layoutMiCuenta #main > #blkMisCompras #misCompras > table > tbody > tr > td.estado:before {
            font-family: "FIconos";
            display: inline-block;
            margin-right: 10px;
            line-height: 20px
        }

    body.layoutMiCuenta #main > #blkMisCompras #misCompras > table > tbody > tr[data-estado="aprobada"] > td.estado::before {
        content: '\e80C';
        color: #78b432
    }

    body.layoutMiCuenta #main > #blkMisCompras #misCompras > table > tbody > tr[data-estado="pendiente"] > td.estado::before,
    body.layoutMiCuenta #main > #blkMisCompras #misCompras > table > tbody > tr[data-estado='pago_sin_confirmar'] > td.estado::before {
        content: '\e80E';
        color: #f6ab24
    }

    body.layoutMiCuenta #main > #blkMisCompras #misCompras > table > tbody > tr[data-estado="cancelada"] > td.estado {
        color: #d6273b
    }

        body.layoutMiCuenta #main > #blkMisCompras #misCompras > table > tbody > tr[data-estado="cancelada"] > td.estado::before {
            content: '\e80D'
        }

    body.layoutMiCuenta #main > #blkMisCompras #misCompras > table > tbody > tr[data-estado-entrega="entregado"] > td.estado {
        color: #78b432
    }

body.layoutMiCuenta #main > #blkMiWishlist > .cnt > .aListProductos > .it {
    margin-bottom: 20px
}

body.layoutMiCuenta #main > #blkMiWishlist > .cnt .noResults {
    background: #f8f8f8;
    border: 1px solid #ededed;
    padding: 69px 10px 79px;
    text-align: center
}

    body.layoutMiCuenta #main > #blkMiWishlist > .cnt .noResults::before {
        content: '\e80E';
        color: #999999;
        width: 60px;
        font-size: 49px;
        line-height: 50px;
        display: block;
        margin: 0 auto 15px;
        font-family: "FIconos"
    }

    body.layoutMiCuenta #main > #blkMiWishlist > .cnt .noResults > p {
        line-height: 20px;
        font-size: 16px;
        margin-bottom: 25px
    }

    body.layoutMiCuenta #main > #blkMiWishlist > .cnt .noResults > .btnAgregar {
        line-height: 40px
    }

@media all and (min-width:1280px) {
    body.layoutMiCuenta #secondary > .miCuentaMenu > .lst > .it {
        padding-bottom: 14px;
        margin-bottom: 15px;
        border-bottom: 1px solid #ededed
    }

        body.layoutMiCuenta #secondary > .miCuentaMenu > .lst > .it > .tit {
            color: #555555;
            display: block;
            line-height: 20px;
            font-size: 14px;
            text-transform: uppercase
        }

            body.layoutMiCuenta #secondary > .miCuentaMenu > .lst > .it > .tit.sld {
                color: #000000
            }

        body.layoutMiCuenta #secondary > .miCuentaMenu > .lst > .it > a.tit:hover {
            color: #c8196e
        }
}

@media all and (max-width:1279px) and (min-width:1024px) {
    body.layoutMiCuenta #secondary > .miCuentaMenu > .lst > .it {
        padding-bottom: 14px;
        margin-bottom: 15px;
        border-bottom: 1px solid #ededed
    }

        body.layoutMiCuenta #secondary > .miCuentaMenu > .lst > .it > .tit {
            color: #555555;
            display: block;
            line-height: 20px;
            font-size: 14px;
            text-transform: uppercase
        }

            body.layoutMiCuenta #secondary > .miCuentaMenu > .lst > .it > .tit.sld {
                color: #000000
            }

        body.layoutMiCuenta #secondary > .miCuentaMenu > .lst > .it > a.tit:hover {
            color: #c8196e
        }
}

@media all and (max-width:1023px) {
    body.layoutMiCuenta #central {
        display: flex;
        flex-direction: column
    }

        body.layoutMiCuenta #central > .hdr {
            order: 1
        }

        body.layoutMiCuenta #central #main {
            order: 3;
            width: 100%;
            float: none;
            padding: 0
        }

        body.layoutMiCuenta #central #secondary {
            order: 2;
            width: 100%;
            float: none;
            padding: 0
        }

    body.layoutMiCuenta #secondary > .miCuentaMenu {
        border-bottom: 1px solid #ededed;
        margin-bottom: 30px !important;
        padding-bottom: 20px
    }

        body.layoutMiCuenta #secondary > .miCuentaMenu > .lst {
            text-align: center
        }

            body.layoutMiCuenta #secondary > .miCuentaMenu > .lst > .it {
                display: inline-block;
                margin: 0 10px
            }

                body.layoutMiCuenta #secondary > .miCuentaMenu > .lst > .it > .tit {
                    color: #555555;
                    display: block;
                    line-height: 20px;
                    font-size: 13px;
                    text-transform: uppercase
                }

                    body.layoutMiCuenta #secondary > .miCuentaMenu > .lst > .it > .tit.sld {
                        color: #000000
                    }

                body.layoutMiCuenta #secondary > .miCuentaMenu > .lst > .it > a.tit:hover {
                    color: #c8196e
                }
}

@media all and (max-width:480px) {
    body.layoutMiCuenta #secondary > .miCuentaMenu > .lst > .it {
        margin: 0 5px
    }

        body.layoutMiCuenta #secondary > .miCuentaMenu > .lst > .it > .tit {
            font-size: 10px
        }

    body.layoutMiCuenta #main > #blkMisDatos > .cnt > .lst > .it > .tit {
        width: 130px
    }

    body.layoutMiCuenta #main > #blkMisDatos > .cnt > .lst > .it > .val {
        width: calc(100% - 130px)
    }
}

#pgSucursales #sucursales {
    position: relative
}

#pgSucursales #filtroSucursales {
    margin-bottom: 20px;
    display: flex
}

    #pgSucursales #filtroSucursales > * {
        line-height: 35px;
        height: 35px;
        font-size: 13px
    }

    #pgSucursales #filtroSucursales > select + select {
        margin-left: 10px
    }

    #pgSucursales #filtroSucursales > .tit {
        display: none
    }

#pgSucursales #lstSucursales {
    border: 1px solid #ededed;
    background: #ffffff
}

    #pgSucursales #lstSucursales > .it {
        position: relative;
        min-height: 140px;
        padding: 20px;
        padding-left: 40px;
        border-bottom: 1px solid #ededed
    }

        #pgSucursales #lstSucursales > .it > .img {
            overflow: hidden;
            position: absolute;
            width: 100px;
            height: 100px;
            top: 20px;
            left: 20px
        }

            #pgSucursales #lstSucursales > .it > .img img {
                width: 100%;
                height: auto
            }

        #pgSucursales #lstSucursales > .it > .nom {
            font-weight: bold;
            display: block;
            line-height: 20px;
            margin-bottom: 5px;
            font-size: 15px;
            color: #000000;
            text-transform: uppercase
        }

            #pgSucursales #lstSucursales > .it > .nom small {
                font-size: 13px;
                text-transform: none;
                margin-left: 5px
            }

        #pgSucursales #lstSucursales > .it > .dir,
        #pgSucursales #lstSucursales > .it > .hor,
        #pgSucursales #lstSucursales > .it > .tel,
        #pgSucursales #lstSucursales > .it > .email {
            margin-bottom: 5px;
            display: block;
            line-height: 15px;
            font-size: 13px;
            color: #999999
        }

        #pgSucursales #lstSucursales > .it > .dir {
            line-height: 20px;
            color: #555555;
            font-size: 14px
        }

            #pgSucursales #lstSucursales > .it > .dir > span {
                margin-right: 10px
            }

            #pgSucursales #lstSucursales > .it > .dir .btnVerMapa {
                color: #001c44;
                white-space: nowrap
            }

                #pgSucursales #lstSucursales > .it > .dir .btnVerMapa::before {
                    content: '\e826';
                    font-family: "FIconos";
                    font-size: 120%;
                    margin-right: 5px
                }

.js #pgSucursales #lstSucursales > .it > .nom {
    pointer-events: none
}

#pgSucursales #mapa {
    border: 1px solid #ededed;
    background: #fafafa
}

#pgSucursales #googleMap {
    width: 100%;
    height: 100%
}

#pgSucursales #ppMapa {
    height: calc(100% - 40px);
    max-width: none;
    width: calc(100% - 40px);
    margin: 20px 0 0 !important;
    padding: 10px
}

    #pgSucursales #ppMapa > .cnt {
        height: 100%
    }

@media (min-width:1024px) {
    #pgSucursales #mapa {
        float: right;
        width: calc(40% - 10px);
        height: 500px
    }

    #pgSucursales #lstSucursales,
    #pgSucursales #filtroSucursales {
        width: calc(60% - 10px)
    }

    #pgSucursales #lstSucursales {
        float: left;
        height: 500px;
        overflow-y: auto
    }
}

@media (max-width:1023px) {
    #pgSucursales #mapa {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }
}

@media (min-width:600px) {
    #pgSucursales #filtroSucursales > .tit {
        width: 60px
    }
}

@media (max-width:480px) {
    #pgSucursales #ppMapa {
        height: calc(100% - 20px);
        width: calc(100% - 20px);
        margin: 10px 0 0 !important
    }

    #pgSucursales #filtroSucursales {
        margin-bottom: 10px
    }

    #pgSucursales #lstSucursales > .it > .img {
        display: none
    }

    #pgSucursales #lstSucursales > .it {
        padding: 20px
    }

        #pgSucursales #lstSucursales > .it > .dir .btnVerMapa {
            display: block;
            line-height: 28px;
            height: 30px;
            width: 120px;
            margin: 10px 0 !important;
            color: #000000;
            font-size: 11px;
            border: 1px solid #ededed;
            text-align: center
        }
}

#pgSucursalesDetalle #central > #main {
    display: flex
}

    #pgSucursalesDetalle #central > #main > * {
        width: 50%;
        border: 1px solid #ededed
    }

    #pgSucursalesDetalle #central > #main > #sucursalInfo {
        padding: 20px 20px 20px 190px;
        margin-right: 40px;
        position: relative
    }

        #pgSucursalesDetalle #central > #main > #sucursalInfo > .img {
            overflow: hidden;
            position: absolute;
            width: 150px;
            height: 150px;
            top: 20px;
            left: 20px
        }

            #pgSucursalesDetalle #central > #main > #sucursalInfo > .img img {
                width: 100%;
                height: auto
            }

        #pgSucursalesDetalle #central > #main > #sucursalInfo > .nom {
            font-weight: bold;
            display: block;
            line-height: 20px;
            margin-bottom: 10px;
            font-size: 15px;
            color: #000000;
            text-transform: uppercase
        }

            #pgSucursalesDetalle #central > #main > #sucursalInfo > .nom small {
                font-size: 13px;
                text-transform: none;
                margin-left: 5px
            }

        #pgSucursalesDetalle #central > #main > #sucursalInfo > .dir,
        #pgSucursalesDetalle #central > #main > #sucursalInfo > .hor,
        #pgSucursalesDetalle #central > #main > #sucursalInfo > .tel,
        #pgSucursalesDetalle #central > #main > #sucursalInfo > .email {
            margin-bottom: 5px;
            display: block;
            line-height: 20px;
            font-size: 13px
        }

    #pgSucursalesDetalle #central > #main > .blkDir {
        border: 1px solid #ededed;
        padding: 19px
    }

#pgSucursalesDetalle #googleMap {
    height: 300px;
    width: 100%
}

@media all and (max-width:1023px) {
    #pgSucursalesDetalle #central > #main {
        flex-wrap: wrap
    }

        #pgSucursalesDetalle #central > #main > * {
            width: 100%
        }

        #pgSucursalesDetalle #central > #main > #sucursalInfo {
            margin-right: 0;
            margin-bottom: 20px;
            min-height: 190px
        }
}

@media all and (max-width:480px) {
    #pgSucursalesDetalle #central > #main > #sucursalInfo {
        padding: 10px 10px 10px 140px;
        margin-bottom: 10px;
        min-height: 140px
    }

        #pgSucursalesDetalle #central > #main > #sucursalInfo > .img {
            width: 120px;
            height: 120px;
            top: 10px;
            left: 10px
        }
}

@media all and (max-width:1023px) {
    #pgTrabajo #secondary > .blkDir {
        text-align: center
    }
}

#header::before {
    border-top: none;
    border-bottom: 8px solid #d6283b
}

#header > .cnt {
    padding-bottom: 5px;
    position: relative
}

    #header > .cnt > #logo > a {
        height: 35px
    }

#header .toolsItem > .btnItem > .txt {
    display: none
}

#pgHome #historialArtVistos {
    display: none
}

#pgHome .blkProductos {
    border: 0
}

#pgHome .instagram {
    padding-top: 20px;
    margin: 0 -20px
}

    #pgHome .instagram > .hdr > .tit {
        font-size: 18px;
        line-height: 20px;
        color: #000000;
        font-weight: 700;
        text-align: center;
        position: relative
    }

    #pgHome .instagram #instagramWidget {
        margin: 0 auto;
        width: 100%;
        position: relative;
        padding-top: 90px
    }

        #pgHome .instagram #instagramWidget:before {
            position: absolute;
            content: '';
            top: 0;
            right: 0;
            left: 0;
            background-image: url('//d3tvx6svxnai4t.cloudfront.net/web/img/logo-instagram.svg?1569616769');
            width: 100%;
            height: 65px;
            z-index: 20;
            background-position: center;
            background-size: 200px;
            background-repeat: no-repeat
        }

        #pgHome .instagram #instagramWidget > .col {
            width: 33.33%;
            margin-bottom: 40px !important
        }

            #pgHome .instagram #instagramWidget > .col > a > img {
                width: 100%;
                transition: transform 0.25s
            }

                #pgHome .instagram #instagramWidget > .col > a > img:hover {
                    transform: scale3d(1.05,1.05,0.5)
                }

#pgHome .grid-container {
    display: grid;
    padding: 10px;
    grid-column-gap: 0;
    grid-row-gap: 0
}

    #pgHome .grid-container > div {
        padding: 10px
    }

        #pgHome .grid-container > div img {
            width: 100%
        }

    #pgHome .grid-container .grid-item-1 {
        font-size: 30px;
        text-align: center;
        grid-column-start: 1;
        grid-column-end: 7;
        grid-row-start: 1;
        grid-row-end: 9
    }

    #pgHome .grid-container .grid-item-2 {
        font-size: 30px;
        text-align: center;
        grid-column-start: 7;
        grid-column-end: 14;
        grid-row-start: 1;
        grid-row-end: 8
    }

    #pgHome .grid-container .grid-item-3 {
        font-size: 30px;
        text-align: center;
        grid-column-start: 14;
        grid-column-end: 20;
        grid-row-start: 1;
        grid-row-end: 7
    }

    #pgHome .grid-container .grid-item-4 {
        font-size: 30px;
        text-align: center;
        grid-column-start: 1;
        grid-column-end: 7;
        grid-row-start: 9;
        grid-row-end: 15
    }

    #pgHome .grid-container .grid-item-5 {
        font-size: 30px;
        text-align: center;
        grid-column-start: 7;
        grid-column-end: 14;
        grid-row-start: 8;
        grid-row-end: 15
    }

    #pgHome .grid-container .grid-item-6 {
        font-size: 30px;
        text-align: center;
        grid-column-start: 14;
        grid-column-end: 20;
        grid-row-start: 7;
        grid-row-end: 15
    }

body.footer2 #footer .ftrContent > .blk.blkNewsletter {
    position: relative;
    height: 200px
}

    body.footer2 #footer .ftrContent > .blk.blkNewsletter .banner {
        position: absolute;
        top: 0;
        z-index: -1
    }

        body.footer2 #footer .ftrContent > .blk.blkNewsletter .banner img {
            width: 100%;
            height: auto
        }

    body.footer2 #footer .ftrContent > .blk.blkNewsletter > .hdr > .tit {
        color: #000000;
        text-transform: none;
        font-size: 14px;
        line-height: 20px
    }

        body.footer2 #footer .ftrContent > .blk.blkNewsletter > .hdr > .tit b {
            font-size: 20px;
            line-height: 35px
        }

body.footer2 #footer .ftrContent > .blk.blkNewsletter {
    padding: 20px 0 50px
}

#mainMenuMobile .accesoMiCuentaCnt {
    display: none
}

#mainMenuMobile > .cnt > .menu > .it.outlet > .tit {
    color: #d6283b !important
}

#mainMenuMobile .miCuentaMobile {
    margin-top: 20px
}

#mainMenuMobile > .cnt > .menu > .it.miCuentaMobile > .tit,
#mainMenuMobile > .cnt > .menu > .it.localesMobile > .tit,
#mainMenuMobile > .cnt > .menu > .it.giftCardMobile > .tit,
#mainMenuMobile > .cnt > .menu > .it.preguntasFrecuentesMobile > .tit,
#mainMenuMobile > .cnt > .menu > .it.trabajaConNosotrosMobile > .tit {
    font-weight: normal;
    text-transform: capitalize;
    padding: 5px 15px
}

#mainMenuMobile > .cnt > .menu > .it.miCuentaMobile > .btnExpand,
#mainMenuMobile > .cnt > .menu > .it.preguntasFrecuentesMobile > .btnExpand {
    top: 3px
}

#mainMenuMobile > .cnt > .menu > .it.miCuentaMobile,
#mainMenuMobile > .cnt > .menu > .it.localesMobile,
#mainMenuMobile > .cnt > .menu > .it.giftCardMobile,
#mainMenuMobile > .cnt > .menu > .it.preguntasFrecuentesMobile,
#mainMenuMobile > .cnt > .menu > .it.trabajaConNosotrosMobile {
    border-bottom: none
}

.aListProductos > .it > .cnt::before {
    display: none
}

.aListProductos > .it > .cnt > .info > .tit {
    font-weight: normal
}

.aListProductos > .it > .cnt > .img > .cocardas > .dfl {
    width: 25%;
    padding: 5% 0 0 5%
}

.aListProductos > .it > .cnt > .info {
    border: none
}

#fichaProducto > .cnt > #imagenes > .cocardas > .dfl {
    width: 25%;
    padding: 15px 0 0 15px
}

#fichaProducto > .cnt > .imagenProducto > .cocardas > .dfl > .ico.outlet {
    display: none
}

#fichaProducto > .cnt #blkCaracteristicas > .cnt .lst {
    text-align: left
}

#fichaProducto > .cnt > .desc::before {
    display: block;
    margin-bottom: 5px;
    content: 'DESCRIPCIÓN:';
    line-height: 15px;
    font-size: 11px;
    font-weight: bold;
    color: #000000
}

#footer .ftrContent > .blk.blkRedes > .hdr {
    margin-bottom: 10px
}

    #footer .ftrContent > .blk.blkRedes > .hdr > .tit {
        line-height: 20px;
        color: #000000;
        font-size: 16px;
        font-weight: bold
    }

#footer .ftrContent > .blk.blkRedes > .cnt > .lst > .it + .it {
    margin-top: 5px
}

#footer .ftrContent > .blk.blkRedes > .cnt > .lst > .it > a {
    line-height: 20px;
    font-size: 12px;
    font-weight: 300;
    color: #555555
}

    #footer .ftrContent > .blk.blkRedes > .cnt > .lst > .it > a:hover {
        color: #d6283b
    }

#footer .ftrContent > .blk.blkBeneficios > .hdr {
    margin-bottom: 10px
}

    #footer .ftrContent > .blk.blkBeneficios > .hdr > .tit {
        line-height: 20px;
        color: #000000;
        font-size: 16px;
        font-weight: bold
    }

#footer .ftrContent > .blk.blkBeneficios > .cnt > .lst > .it + .it {
    margin-top: 5px
}

#footer .ftrContent > .blk.blkBeneficios > .cnt > .lst > .it > a {
    line-height: 20px;
    font-size: 12px;
    font-weight: 300;
    color: #555555
}

    #footer .ftrContent > .blk.blkBeneficios > .cnt > .lst > .it > a:hover {
        color: #d6283b
    }

#footer .btnWhatsapp {
    z-index: 3;
    padding-top: 7px;
    box-shadow: 2px 2px 6px rgba(0,0,0,0.4);
    position: fixed;
    height: 79px;
    width: 94px;
    top: 63%;
    right: 11px;
    border-radius: 15%;
    color: white;
    background: #4dc247;
    box-shadow: 2px 2px 6px rgba(0,0,0,0.4)
}

    #footer .btnWhatsapp:before {
        content: "\e806";
        font-size: 32px;
        padding-left: 35%;
        font-family: "FIconos"
    }

    #footer .btnWhatsapp p {
        font-size: 14px;
        padding-left: 10%
    }

        #footer .btnWhatsapp p .segundoParrafo {
            text-align: right;
            padding-left: 35%
        }

#pgCatalogo #catalogoFiltros > .cnt > .blk[data-codigo=color] > .cnt > .lst.lstCtm > .it[data-val=aqua] {
    background: #a9f0de
}

#pgCatalogo #catalogoFiltros > .cnt > .blk[data-codigo=color] > .cnt > .lst.lstCtm > .it[data-val=bordo] {
    background: #4f0112
}

#pgCatalogo #catalogoFiltros > .cnt > .blk[data-codigo=color] > .cnt > .lst.lstCtm > .it[data-val=coral] {
    background: #fe4040
}

#pgCatalogo #catalogoFiltros > .cnt > .blk[data-codigo=color] > .cnt > .lst.lstCtm > .it[data-val=fucsia] {
    background: #e50450
}

#pgCatalogo #catalogoFiltros > .cnt > .blk[data-codigo=color] > .cnt > .lst.lstCtm > .it[data-val=khaki] {
    background: #b39241
}

#pgCatalogo #catalogoFiltros > .cnt > .blk[data-codigo=color] > .cnt > .lst.lstCtm > .it[data-val=lila] {
    background: #85008f
}

#pgCatalogo #catalogoFiltros > .cnt > .blk[data-codigo=color] > .cnt > .lst.lstCtm > .it[data-val=piedra] {
    background: #b2b19d
}

#pgCatalogo #catalogoFiltros > .cnt > .blk[data-codigo=color] > .cnt > .lst.lstCtm > .it[data-val=azul-claro] {
    background: #404a87
}

#pgCatalogo #catalogoFiltros > .cnt > .blk[data-codigo=color] > .cnt > .lst.lstCtm > .it[data-val=verde-claro] {
    background: #31f47e
}

#pgCatalogo #catalogoFiltros > .cnt > .blk[data-codigo=color] > .cnt > .lst.lstCtm > .it[data-val=sunset] {
    background: #feb161
}

#pgCatalogo #catalogoFiltros > .cnt > .blk[data-codigo=color] > .cnt > .lst.lstCtm > .it[data-val=gris-mix] {
    background: #b2b3c8
}

#pgCatalogo #catalogoFiltros > .cnt > .blk[data-codigo=color] > .cnt > .lst.lstCtm > .it[data-val=rojo-mix] {
    background: #b30000
}

#pgCatalogo #catalogoFiltros > .cnt > .blk[data-codigo=color] > .cnt > .lst.lstCtm > .it[data-val=coral-mix] {
    background: #f64a64
}

#pgCatalogo #catalogoFiltros > .cnt > .blk[data-codigo=color] > .cnt > .lst.lstCtm > .it[data-val=verde-oscuro-mix] {
    background: #4e804d
}

#pgCatalogo #catalogoFiltros > .cnt > .blk[data-codigo=color] > .cnt > .lst.lstCtm > .it[data-val=piedra-mix] {
    background: #6789d0
}

#pgCatalogo #catalogoFiltros > .cnt > .blk[data-codigo=color] > .cnt > .lst.lstCtm > .it[data-val=amarillo-mix] {
    background: #e5f289
}

#pgCatalogo #catalogoFiltros > .cnt > .blk[data-codigo=color] > .cnt > .lst.lstCtm > .it[data-val=rosado-mix] {
    background: #fca5b8
}

#pgCatalogo #catalogoFiltros > .cnt > .blk[data-codigo=color] > .cnt > .lst.lstCtm > .it[data-val=azul-oscuro] {
    background: #001c44
}

#pgCatalogo #catalogoFiltros > .cnt > .blk[data-codigo=color] > .cnt > .lst.lstCtm > .it[data-val=prints-fantasia] {
    background: #aab593
}

#pgCatalogo #catalogoFiltros .blkOtras .cnt .lstStd .tit {
    text-transform: uppercase
}

#pgCatalogo #catalogoFiltros .blkOtras .hdr .tit {
    display: none
}

#pgCatalogo #catalogoFiltros .blkOtras .hdr:after {
    display: block;
    content: "Colección";
    font-size: 14px;
    color: #000000;
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 20px !important
}

#pgHome #HomeSlider .bannerLinks {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

#pgHome #HomeSlider .bannerLinkLeft {
    position: absolute;
    top: 0;
    right: 50%;
    bottom: 0;
    left: 0
}

#pgHome #HomeSlider .bannerLinkRight {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%
}

.descuentosMDP {
    font-size: 13px;
    font-weight: 700;
    padding-top: 5px
}

    .descuentosMDP > div {
        color: #d6273b;
        padding: 5px 0
    }

        .descuentosMDP > div > .precio > .sim {
            font-size: 90%
        }

        .descuentosMDP > div > .img {
            display: block;
            padding-bottom: 3px;
            display: inline-block;
            vertical-align: top;
            margin-right: 10px
        }

            .descuentosMDP > div > .img > img {
                width: 100%;
                max-width: 80px
            }

.aListProductos .descuentosMDP > div > .img > img {
    width: 100%;
    max-width: 90px;
    margin: 0 auto
}

#fichaProducto > .cnt .descuentosMDP {
    font-size: 14px
}

    #fichaProducto > .cnt .descuentosMDP > div > .img {
        padding-bottom: 2px
    }

        #fichaProducto > .cnt .descuentosMDP > div > .img > img {
            max-width: 100px
        }

    #fichaProducto > .cnt .descuentosMDP .precio {
        font-size: 25px;
        vertical-align: top;
        color: #d6273b
    }

@media all and (min-width:1024px) {
    body[data-fixed=on] #header::before {
        border-bottom: 2px solid #d6283b
    }

    body[data-fixed=on] #header > .cnt > #logo > a {
        height: 20px
    }

    body.footer2 #footer .ftrContent > .blkEmpresa {
        order: 3;
        width: 20%;
        margin-bottom: 40px
    }

    body.footer2 #footer .ftrContent > .blkCompra {
        order: 4;
        width: 20%;
        margin-bottom: 40px
    }

    body.footer2 #footer .ftrContent > .blkCuenta {
        order: 5;
        width: 20%;
        margin-bottom: 40px
    }

    body.footer2 #footer .ftrContent > .blkRedes {
        order: 6;
        width: 20%;
        margin-bottom: 40px
    }

    body.footer2 #footer .ftrContent > .blkBeneficios {
        order: 7;
        width: 20%;
        margin-bottom: 40px
    }

    body.footer2 #footer .ftrContent > .sellos {
        order: 8;
        width: 100%;
        border-top: 1px solid #ededed;
        padding: 10px 0 5px
    }

    body.footer2 #footer .ftrContent > .extras {
        order: 9;
        width: 100%
    }

    #footer .btnWhatsapp {
        display: none
    }

    #pgHome .blkProductos {
        padding: 10px 0
    }

    #pgHome [data-area="HomeFull1"].banner {
        margin-bottom: 20px !important
    }

    #pgHome .instagram {
        width: 80%;
        margin: 0 auto
    }
}

@media all and (min-width:1280px) {
    #fichaProducto > .cnt {
        min-height: 600px
    }

        #fichaProducto > .cnt > #imagenes::before {
            padding-top: 130%
        }
}

@media all and (max-width:1279px) and (min-width:1024px) {
    #fichaProducto > .cnt {
        min-height: 520px
    }

        #fichaProducto > .cnt > #imagenes::before {
            padding-top: 130%
        }
}

@media all and (max-width:1023px) {
    #header > .cnt > .frmBusqueda {
        display: initial
    }

    body[data-fixed=on] #header::before {
        border-bottom: 5px solid #d6283b
    }

    body[data-fixed=on] #header > .cnt {
        padding-bottom: 5px
    }

        body[data-fixed=on] #header > .cnt > #logo > a {
            height: 25px
        }

    body:not([data-fixed=on]) #header > .cnt > #logo {
        margin-bottom: -40px;
        margin-top: 10px !important
    }

        body:not([data-fixed=on]) #header > .cnt > #logo > a {
            height: 35px
        }

    body:not([data-fixed=on]) #header > .cnt > .frmBusqueda {
        top: -5px
    }

    body:not([data-fixed=on]) #header > .cnt > #miCompra {
        top: -5px
    }

    body:not([data-fixed=on]) #header > .cnt > #btnMainMenuMobile {
        position: relative;
        top: -5px
    }

    #fichaProducto > .cnt {
        min-height: 450px
    }

        #fichaProducto > .cnt > .hdr > .tit {
            line-height: 25px;
            font-size: 20px
        }

        #fichaProducto > .cnt > #imagenes::before,
        #fichaProducto[data-totimagenes="1"] > .cnt > #imagenes::before {
            padding-top: calc(130% + 20px)
        }

    #footer .ftrContent {
        flex-direction: column
    }

        #footer .ftrContent > .blk.blkNewsletter {
            order: 1;
            padding-top: 30px
        }

        #footer .ftrContent > .blk.blkRedes {
            order: 2;
            text-align: center;
            margin-bottom: 30px
        }

        #footer .ftrContent > .blk.blkBeneficios {
            order: 3;
            text-align: center
        }

            #footer .ftrContent > .blk.blkBeneficios .banner {
                display: inline-block
            }
}

@media all and (max-width:640px) AND (orientation:portrait) {
    #pgHome #HomeSlider .bannerLinkLeft {
        top: 0;
        right: 0;
        bottom: 50%;
        left: 0
    }

    #pgHome #HomeSlider .bannerLinkRight {
        top: 50%;
        right: 0;
        bottom: 0;
        left: 0
    }
}

@media all and (max-width:1023px) {
    #pgHome .grid-container {
        padding: 0px
    }

        #pgHome .grid-container .grid-item-1 {
            font-size: 30px;
            text-align: center;
            grid-column-start: 1;
            grid-column-end: 7;
            grid-row-start: 1;
            grid-row-end: 9
        }

        #pgHome .grid-container .grid-item-2 {
            font-size: 30px;
            text-align: center;
            grid-column-start: 7;
            grid-column-end: 15;
            grid-row-start: 1;
            grid-row-end: 9
        }

        #pgHome .grid-container .grid-item-3 {
            font-size: 30px;
            text-align: center;
            grid-column-start: 1;
            grid-column-end: 15;
            grid-row-start: 9;
            grid-row-end: 13
        }

        #pgHome .grid-container .grid-item-4 {
            font-size: 30px;
            text-align: center;
            grid-column-start: 1;
            grid-column-end: 15;
            grid-row-start: 13;
            grid-row-end: 27
        }

        #pgHome .grid-container .grid-item-5 {
            font-size: 30px;
            text-align: center;
            grid-column-start: 1;
            grid-column-end: 15;
            grid-row-start: 27;
            grid-row-end: 41
        }

        #pgHome .grid-container .grid-item-6 {
            font-size: 30px;
            text-align: center;
            grid-column-start: 1;
            grid-column-end: 15;
            grid-row-start: 41;
            grid-row-end: 55
        }

    body.footer2 #footer .ftrContent > .blk.blkNewsletter {
        padding: 40px 0 50px
    }
}

@media all and (max-width:640px) {
    #pgHome .instagram {
        margin: 0 -10px
    }

        #pgHome .instagram #instagramWidget {
            padding-top: 70px
        }

            #pgHome .instagram #instagramWidget:before {
                background-size: 160px;
                height: 50px
            }

            #pgHome .instagram #instagramWidget > .col {
                width: 50%
            }
}

@media all and (max-width:576px) {
    #footer .ftrContent > .blk.blkNewsletter > .cnt > .frmNewsletter > .fld-grp > .fld > .lbl {
        padding: 0 10px
    }

    #footer .ftrContent > .blk.blkNewsletter > .cnt > .frmNewsletter > .actions {
        right: 10px
    }
}

@media all and (max-width:480px) {
    body.footer2 #footer .ftrContent > .blk.blkNewsletter {
        padding: 40px 0 50px
    }
}

@media all and (max-width:420px) {
    body.footer2 #footer .ftrContent > .blk.blkNewsletter {
        padding: 30px 0 50px
    }
}

@media all and (max-width:360px) {
    body.footer2 #footer .ftrContent > .blk.blkNewsletter {
        padding: 15px 0 50px
    }
}