/* GENERAL */
* {
    margin: 0;
}

:root {
    --index1: 1;
    --index2: 2;
    --index3: 3;
    --index4: 4;
}

header {
    width: 100%;
    padding-left: 3.75rem;
    padding-right: 3.75rem;
}
.redes li {
    display: inline-blocK;
}
#demo {
    position: relative;
    left: 0;
}



#wrapper {
    /*! min-height: 100%; */
    /*! height: auto !important; */
    /*! height: 100%; */
    flex: 1 0 auto;
    position: relative;
    z-index: 1;
}

.idiomas {
    display: flex;
    margin: 0;
    padding: 0;
    align-content: flex-end;
    align-items: flex-end;
    justify-content: flex-end;
    font-weight: 800;
}

    .idiomas li {
        display: flex;
        align-content: center;
        align-items: center;
        flex-direction: row;
    }

        .idiomas li:nth-child(n+1)::after {
            content: "|";
            color: #000;
        }

        .idiomas li:last-child::after {
            content: "";
        }

        .idiomas li a {
            color: #000;
            padding: 10px;
            text-decoration: none;
        }

            .idiomas li a:hover {
                text-decoration: underline;
            }

.bg-header {
    height: calc( 16px + (750 - 16)* (100vw - 750px)/(1920 - 750));
    width: 100%;
    position: absolute;
    /*! z-index: var(--index2); */
    bottom: 0;
    left: 0;
    background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
}
.reserva a {
    color:#000;
    background-color:#F5DAD3;
    text-decoration: none;
    display: block;
    padding: 3px 12px;
}
main {
    min-height: 60vh;
}

.mainHead {
    adding-top: 10rem;
    padding-bottom: calc(10rem - 4.5rem);
    /*! background: linear-gradient(to bottom, rgba(92, 77, 66, 0.8) 0%, rgba(92, 77, 66, 0.8) 100%), url("/Imagenes/Slider/foto(2).jpg"); */
    background-position-x: 0%, 0%;
    background-position-y: 0%, 0%;
    background-repeat: repeat, repeat;
    background-attachment: scroll, scroll;
    background-size: auto, auto;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
}

#carousel.head .bg-header {
    height: calc( 16px + (180 - 16)* (100vw - 180px)/(1920 - 180));
}


.bg-body {
    max-width: 1920px;
    background: #fff;
    width: 100%;
    margin: 0 auto;
}


body {
    color: #333;
    font-family: 'Josefin Sans', sans-serif;    
    line-height: 1.5;
    margin-bottom: 0;
}

@media (min-width: 64em) {
    body {
        /*! font-size: 1.3em; */
        line-height: 1.8;
    }
}

@media (min-width: 85.375em) {
    body {
        /*! font-size: 1.5em; */
    }
}

@media (min-width: 120em) {
    body {
        /*! font-size: 1.5em; */
    }
}

@media (min-width: 160em) {
    body {
        /*font-size: 1.6em;*/
    }
}


/* CABECERA - LOGO */

.logo {
    display: flex;
    padding: 3px 0;
}

header.mastHead {
    height: 100vh;
    min-height: 40rem;
    padding-top: 4.5rem;
    padding-bottom: 0;
}

header .logo img {
    max-width: 250px;
}
/* CABECERA - inicio */
.nav > li > a:focus, .nav > li > a:hover {
    background: transparent;
}

.navbar-default {
    background-color: #F5F1EC;
    /*! box-shadow: 0 1px 5px rgb(190 190 190 / 46%); */
    /*! -webkit-box-shadow: 0 1px 5px rgb(190 190 190 / 46%); */
}

.navbar {
    border: 0;
    margin-bottom: 0;
    border-radius: 0;
    background: #F5F1EC;   
    z-index: var(--index3);
}


.button-menu .icon-bar {
    background-color: #665234;
}

svg.button-menu {
    width: 55px;
    height: 55px;
    /*! position: relative; */
    /*! top: 15px; */
    /*! right:0; */
    fill: transparent;
    border: 0;
    z-index: 2;
    /*! display: block; */
    transition: all 0.4s ease-in 0s;
    -webkit-transition: all 0.4s ease-in 0s;
    /*! transform: translate(-5px, 0) scale(.6); */
    /*! -webkit-transform: translate(-5px, 0) scale(.6); */
    padding: 0;
}

    svg.button-menu:hover {
        fill: transparent;
        cursor: pointer;
    }

    svg.button-menu .stroke {
        stroke: #000;
        stroke-width: 4px;
        stroke-linecap: round;
        transition: all 0.5s ease-out 0s;
        -webkit-transition: all 0.5s ease-out 0s;
        -ms-transition: all 0.5s ease-out 0s;
    }


        svg.button-menu .stroke:nth-child(1n+1) {
            transform: translate(0,6px);
        }

        svg.button-menu .stroke:nth-child(2n+1) {
            transform: translate(0,18px);
        }

        svg.button-menu .stroke:nth-child(3n+1) {
            transform: translate(0,30px);                
        }

    svg.button-menu.navbar-toggle {
        padding: 0;
        background-color: transparent;
    }


.marcas-productos {
    position: relative;
}

    .marcas-productos h2 {
        font-size: 1.1em;
        text-align: center;
        padding: 3px;
        margin: 5px;
    }

.tab-content ul {
    min-width: 580px;
    position: absolute;
    left: 0;
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    padding: 8px 0;
    /*z-index: 1;*/
}

.tab-content li {
    display: inline;
}

#profile ul {
    -webkit-columns: 178px 3;
    -moz-columns: 178px 3;
    columns: 178px 3;
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px;
}

#profile li {
    display: block;
}

    #profile li a {
        color: #000;
        width: 100%;
    }

.navbar-expand-lg {
    display: flex;
    flex-direction: row;
    position: relative;
    align-items: center;
    justify-self: flex-end;
    /*! padding-left: 3.75rem; */
    /*! padding-right: 3.75rem; */
}

ul.navbar-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    width: 100%;
    font-family: 'Josefin Sans', sans-serif;
    font-size: calc( 16px + (24 - 16)* (100vw - 750px)/(1920 - 750));
    align-content: center;
    -webkit-font-smoothing: antialiased;
}

.nav-item {
    /*! display: flex; */
    padding: 0 15px;
    justify-content: center;
    /*! align-self: center; */
    /*! flex-direction: row; */
}



ul.navbar-nav li a {
    text-decoration: none;
    margin-bottom: 0;
    margin-top: 0;
    transition: all 0.5s ease-out 0s;
}

.navbar .fixed-top {
    background-color: #fff;
}

    .navbar.fixed-top .navbar-nav > li > a {
        color: #83044c;
    }

.navbar-default .navbar-nav > li > a {
    color: #000;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color: #c93;
    background-color: #fff;
    border-bottom: 2px solid #ef3b33;
}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: #000;
}

ul.menu .dropdown-menu {
    background-color: #fff;
    border-radius: 0;
    padding: 0;
    border: 0;
    box-shadow: none;
}

.att {
    color: #af9778;
    float: right;
    font-weight: bold;
    line-height: 3;
}

header .ico-tel {
    background: transparent url(../img/ico-tel.png) no-repeat scroll 0px 50%;
    display: block;
    position: relative;
    min-width: 25px;
    width: auto;
    cursor: pointer;
}


.flex-container {
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    align-content: flex-start;
    position: relative;
    padding-top: 30px;
    align-items: center;
    justify-content: center;
}


.datos {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: inline-flex;
    flex-direction: row;
}

header .datos li span {
    color: #000;
}

a[href^="tel:"], a[href^="mailto:"] {
    margin-right: 0.5em;
    font-weight: 400;
    -webkit-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
    color: #000;
    text-decoration: none;
}

footer a[href^="tel:"], footer a[href^="mailto:"] {
    color: #000;
}

    footer a[href^="mailto:"]:hover {
        color: #000;
    }

header a[href^="tel:"]:hover, a[href^="mailto:"]:hover {
    color: #000;
    text-decoration: underline;
}

footer .datos a, footer .datos span {
    color: #fff;
}

.legend {
    font: 2em/1 great;
}

.nav.nav-tabs {
    padding-top: 60px;
}



ul.bloquecestaport {
    display: flex;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    ul.bloquecestaport li {
        display: inline;
    }

.bloquecestaport .cesta > a {
    color: #000000;
}


.bloquecestaport .lupa > a {
    background: transparent url("../img/ico-lupa.png") no-repeat scroll 0 0;
    color: #000000;
    padding: 0;
    font-size: 0.865em;
    text-indent: -3000px;
    display: inline-block;
    height: 30px;
    width: 30px;
    vertical-align: middle;
}

.bloquecestaport .perfil > a {
    background: transparent url("../img/ico-micuenta.png") no-repeat scroll 0 0;
    color: #000000;
    padding: 0;
    font-size: 0.865em;
    text-indent: -3000px;
    display: inline-block;
    height: 30px;
    width: 30px;
    vertical-align: middle;
}

.bloquecestaport .cesta > a {
    background: transparent url("../img/cesta.png") no-repeat scroll 0 0;
    color: #000000;
    padding: 0;
    font-size: 0.865em;
    text-indent: -3000px;
    display: inline-block;
    height: 30px;
    width: 30px;
    vertical-align: middle;
}



.buscar {
    color: #4d4d4d;
    padding: 0 3px;
    margin-bottom: 20px;
    display: none;
    width: 50%;
    line-height: 1;
    position: relative;
    display: flex !important;
    flex-direction: row;
    float: right;
    justify-content: flex-end;
}

    .buscar input {
        border: 0 none;
        width: 90%;
        min-height: 35px;
        font-family: inherit;
        background: #F5F5F5;
        padding-left: 5px;
        outline: 0;
    }

    .buscar .btnbuscar {
        background-attachment: scroll;
        background-color: transparent;
        background-image: url(../img/ico-lupa.png);
        background-position: center center;
        background-repeat: no-repeat;
        text-indent: -3000px;
        width: 30px;
        text-align: : right;
    }



/* CABECERA - final */
/* CUERPO - inicio */
/* CAROUSEL - inicio */
#carousel {
    display: block;
    height: auto;
    position: relative;
    margin-bottom: 30px;
    position: relative;
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    top: -1px;
}

#carousel {
    top: -1px;
}

    #carousel.head {
        top: -92px;
        margin-bottom: -92px;
    }

    #carousel figure {
        overflow: hidden;
        position: relative;
        height: 100vh;
        min-height: 40rem;
        padding-bottom: 0;
    }

    #carousel.head figure {
        overflow: hidden;
        padding-top: 19.62%;
        position: relative;
    }

    #carousel img {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        min-width: 100%;
    }

.caption {
    left: 30%;
    position: absolute;
    top: 0;
    /*! transform: translate(-50%, -50%); */
    /*! -webkit-transform: translate(-50%, -50%); */
    width: 22%;
    z-index: var(--index2);
    background-color: rgba(255,255,255,0.60);
    padding: 30px;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction:column;
    justify-content:space-around;
    align-items: center;
}

#carousel.head .caption {
    left: 50%;
    top: calc( 100% - 50% + 40px );
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}

    #carousel.head .caption h2 {
        text-align: center;
        text-transform: capitalize;
    }

.caption h2 {
    color: #000;
    font-family: 'Josefin Sans', sans-serif;
    font-size: calc( 16px + (48 - 16)* (100vw - 320px)/(1920 - 320));    
}

    .caption h2 span {
        text-align: left;
        color: #000;        
        font-size: 1.5rem;
        font-family: 'Josefin Sans', sans-serif;
        display: block;
    }

    .caption h2 ~ p {
        color: #000;
        font-family: 'Josefin Sans', sans-serif;
        font-size: 1rem;        
    }

    .caption h2:empty ~ .btn-articulo {
        display: none;
    }

.items a:hover {
    text-decoration: none;
}

ul.items a:hover figure {
    transition: all 0.4s ease-in 0s;
}

#owl-demo {
    margin: 0 0 15px;
}

    #owl-demo .item {
        height: 0;
        padding-bottom: 80%;
        position: relative;
    }

        #owl-demo .item:hover span {
            bottom: 0;
        }

        #owl-demo .item img {
            left: 0;
            margin: 0 auto;
            position: absolute;
            right: 0;
            top: 50%;
            transform: translate3d(0px, -50%, 0px);
            -webkit-transform: translate3d(0px, -50%, 0px);
            transform: translate(0,-50%);
        }

.owl-carousel .owl-item {
    overflow: hidden;
}

.owl-theme .owl-controls {
    margin-top: 0 !important;
}

#owl-demo .owl-prev, #owl-demo .owl-next {
    background: none;
    color: #808080;
}

.owl-prev, .owl-next {
    background: none;
    color: #808080;
}

.owl-prev, .owl-next {
    position: absolute;
}

.owl-prev {
    left: -30px;
    top: 50%;
}

.owl-next {
    right: -30px;
    top: 50%;
}
/* CAROUSEL - final */

.box {
    padding: 20px;
    min-height: 384px;
    position: relative;
    overflow: hidden;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
}

    .box:hover {
        background: rgba(0, 0, 0, 0.1);
    }
/*.box h3 {
        font-size: 34px;
        text-align: center;
        color: #981819;
    }*/
.bloque {
    position: absolute;
    z-index: var(--index1);
    text-shadow: 2px 2px 15px #000;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    width: 100%;
}

    .bloque h3, .bloque p {
        font-family: 'Cardo', serif;
        font-size: calc( 16px + (34 - 16)* (100vw - 320px)/(1920 - 320));
        text-align: center;
        color: #fff;
    }

    .bloque p {
        color: #CC9933;
    }

.box p {
    font: 1em/1 'Open Sans', sans-serif;
}
/*.box img {
        position: absolute;
        top: 80%;
        left: 50%;
        transform: translate(-50%, -50%);


    }*/
.box img {
    position: absolute;
    top: 0;
    left: 0;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    opacity: 0.6;
    width: 100%;
}

    .box img:hover {
        opacity: 1;
    }

.rless {
    padding-left: 0;
    padding-right: 0;
}

.white {
    margin: 15px 15px 30px;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 0px 15px 15px rgba(255,255,255,1);
    -moz-box-shadow: 0px 0px 15px 15px rgba(255,255,255,1);
    box-shadow: 0px 0px 15px 15px rgba(255,255,255,1);
}

#soluciones {
    display: table;
    text-align: center;
    width: 100%;
}

    #soluciones h1 {
        text-align: center;
    }

    #soluciones blockquote {
        text-align: center;
        border: 0;
    }

    #soluciones h2, #candidatos h2 {
        font-size: 32px;
    }

        #soluciones h2::before, #soluciones h2::after {
            content: "";
            display: inline-block;
            background-color: #000;
            width: 30%;
            height: 1px;
            position: relative;
            vertical-align: middle;
            margin: 0 1%;
        }

#candidatos h2 {
    text-align: center;
}

#newsletter h2 {
    text-align: left;
    font-size: 1em;
    font-weight: bold;
    color: #000;
}

#newsletter p {
    font: 1em/1 lato-r;
    color: #000;
    margin-bottom: 30px;
}

.condiciones {
    margin: 0 auto;
    text-align: left;
    display: inline-block;
    vertical-align: top;
}

#candidatos .bg-candidatos {
    background-color: #F6EFE0;
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
}

#soluciones .bg-formulario {
    background: #ffffff url(../img/bg-formulario.jpg) no-repeat scroll 0 0;
    padding: 30px;
    overflow: hidden;
}

#soluciones a h3 {
    color: #172543;
    text-align: center;
}

#soluciones .imagen {
    margin: 15px 0;
    height: 320px;
    overflow: hidden;
    position: relative;
}

    #soluciones .imagen img {
        min-width: 100%;
    }

        #soluciones .imagen img.scale {
            transform: scale(1.3);
            -webkit-transform: scale(1.3);
        }

        #soluciones .imagen img.clip {
            min-width: 100%;
            top: 0;
            left: 0;
            bottom: 0;
            position: absolute;
            margin-bottom: -150px;
        }

#soluciones .articulo-box {
    overflow: hidden;
    background-color: #F1F2F4;
    border: 4px solid #7A7878;
    display: block;
    vertical-align: middle;
}

    #soluciones .articulo-box img {
        display: table-cell;
        max-height: 100px;
        width: auto;
        margin: 15% auto;
    }


#soluciones img {
    vertical-align: middle;
    display: inline-block;
}

.box-year {
    display: block;
    font-size: 1.9em;
}

/* FOOTER - inicio */
footer {
    overflow: hidden;
    background: url("/img/máscara.png"), rgba(231,221,210,0.41);
    background-blend-mode: normal;
    flex-shrink: 0 !important;
    height: 100%;
    position: relative;
    padding: 3.75rem 3.75rem 0;
}
.bg {
    background-color: hsl(0, 30%, 66%);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: rgba(255,255,255,0.5) 0px 3px 3px;
    opacity: 0.5;
    padding: 0px;
    font-size: 25em;
    position: absolute;
    top:-35%;
    left: 0;    
    letter-spacing:80px;    
    z-index: -1;
}
    footer .border-top {
        border-top-color: #666 !important;
    }

    footer ul {
        /*! list-style-type: none; */
        padding: 0;
        margin: 0;
    }


    footer li {
        display: inline-block;
        text-align: left;
        font-weight: 400;
        color: #000;
    }

.ico-servicios {
    background: transparent url(../img/servicios.png) no-repeat scroll 0 50%;
    padding-left: 30px;
    color: #000;
    padding: 10px 50px;    
    font-weight: 400;
}



ul.list-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    list-style-type: none;
    font-family: 'Josefin Sans', sans-serif;
    position: relative;
    min-height: 0;
    gap: 3rem;
    height: 100%;
}

    ul.list-row li.column {
        display: flex;
        flex-direction: column;
        flex: 1;
        margin-bottom: 0;
        position: relative;
        height: 100%;
    }

        ul.list-row li.column:nth-child(odd) {
            font-size: 1.5em;
        }

        ul.list-row li.column:nth-child(even) {
            font-size: 1.5em;
        }

        ul.list-row li.column:last-child {
            justify-content: flex-start;
        }

            ul.list-row li.column:last-child .redes:lastchild {
            }

li.column a {
    color: #000;
    transition: all 0.4s ease-in 0s;
    -webkit-transition: all 0.4s ease-in 0s;
    display: block;
    text-decoration: none;
}

    li.column a:hover {
        color: #c93;
    }

    li.column a img {
        display: block;
    }

footer h1 img {
    max-width: 250px;
    margin-bottom: 30px;
}

footer h1 {
    margin: 0;
}

    footer h1 ~ p {
        margin-bottom: 30px;
        color: #000;
    }

    footer h1 ~ ul li {
        display: block;
    }

        footer h1 ~ ul li a {
            color: #ccc;
        }
footer .order.horario {
    border:1px solid #757575;
    text-align: left;
    margin-top:15px;
    padding:15px;
}
footer .order p {
    font-family: 'Roboto',Arial,Helvetica,sans-serif;
    font-size:1.1rem;
    
    text-align: center;
    margin: 15px 0;
    
}
footer h4 {
    color: #fff;
    font-weight: bold;
}

footer h2 {
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 400;
    padding: 10px 0px;
}


footer .ico-tel {
    background: transparent url(../img/ico-tel.png) no-repeat scroll 0 50%;
    display: block;
}

footer .ico-whatsapp {
    background: transparent url(../img/whatsapp.png) no-repeat scroll 0 50%;
    width: 100%;
    display: block;
}

footer .ico-mail {
    background: transparent url(../img/ico-mail.png) no-repeat scroll 0 50%;
    width: 100%;
    display: block;
}

footer .ico-loc {
    background: transparent url(../img/ico-loc.png) no-repeat scroll 0 50%;
    width: 100%;
    display: block;
}

footer .block {
    /*! margin-top: 15px; */
    /*! position: absolute; */
    bottom: 0;
    width: 100%;
    border-top: 1px solid #666;
}

    footer .block a {
        color: #C69F61;
    }

        footer .block a:hover {
            text-decoration: underline;
        }

footer address {
    float: left;
    margin: 0;
    color: #000;
    line-height: 3;
    font-weight: 400;
}

.legal ul {
    text-align: right;
}

.legal li {
    line-height: 3;
    display: inline-block;
}

.legal ul li:nth-child(n+1)::after {
    content: "|";
    padding-left: 5px;
    color: #000;
}

.legal ul li a {
    color: #000;
    text-decoration: none;
}

    .legal ul li a:hover {
        text-decoration: underline;
    }

.legal ul li:last-child::after {
    content: "";
}
#nosotros h1 {
     font-size: 6rem;
    margin: 3rem auto;
}
#soluciones h1, #soluciones h2, .Hostservicios h2, .productos h2, #pagina h2 {
    font-size: 4.5rem;
    margin: 3rem auto;
    color: #000;
    text-align: center;
    font-family: 'Josefin Sans', sans-serif;
    
}
#menu h1 + blockquote, #menu h2 + blockquote {
  font-size: calc( 16px + (36 - 16)* (100vw - 320px)/(1920 - 320));
    font-weight: 200;
    line-height: 1.2;
}
#menu h2 + blockquote + time {
  font-size: calc( 16px + (18 - 16)* (100vw - 320px)/(1920 - 320));
    font-weight: 400;
    color:#5E633B;
    display: block;
    margin-bottom: 1rem;
}

#reservas h1 {
     font-size: 6rem;
    margin: 3rem auto;
}
.productos h2 {
    font-size: 6rem;
    margin: 3rem auto;
}

    .productos h2 span {
        font-size: 3rem;
        display: block;
    }
ul.menus {
    padding: 0;
    margin:0;
    list-style-type: none;
    text-align: center;
}
ul.menus li {
    display: inline-block;        
    font-size: 1.5rem;    
}

ul.menus li:nth-child(n+1)::after {
    content: "\2193";
    padding: 0 20px;
    color: #FF9800;
}
ul.menus li:last-child::after {
    content: "";
}
ul.menus li a {
    text-decoration: none;
    color:#000;
}
#pagina h3 {
    font-size: 24px;
    font-family: 'Source Sans Pro', sans-serif;
    background-color: #000;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: rgba(255,255,255,0.5) 0px 3px 3px;
}

.detalle h2 {
    font-size: 32px;
    color: #000;
    text-align: left;
    font-family: 'Source Sans Pro', sans-serif;
    background-color: #000;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: rgba(255,255,255,0.5) 0px 3px 3px;
}

#productos {
    padding: 60px 120px 80px;
    text-align: center;
    overflow: hidden;
    position: relative;
}
.finde .box-attcliente {
    padding: 0;
}
.box-attcliente {
    margin: 0 auto;
    padding: 50px 0;
    list-style-type: none;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
}

    .box-attcliente li {
        padding: 0.6rem 1rem;
        flex: 0 0 35%;
    }
    .box-attcliente li:nth-last-child(-n+2) {
        flex: 0 0 28%;
    }
.historia .box-attcliente li:nth-last-child(-n+2) {
        flex: 0 0 50%;
    }
    .box-attcliente img {
        float:left;
}
    .box-attcliente h3, .box-attcliente h4 {
        color: #000;
        font-family: 'Josefin Sans', sans-serif;
        font-weight: 400;
        font-size: calc( 16px + (24 - 16)* (100vw - 320px)/(1920 - 320));
        float: left;
        line-height: 1;        
        padding-left: 15px;
        margin: 0;
        -webkit-transition: all 0.5s ease-out 0s;
        transition: all 0.5s ease-out 0s;
    }



    .box-attcliente a {
        display: flex;
        align-items:center;
        width: auto;
        position: relative;
        -webkit-transition: all 0.5s ease-out 0s;
        transition: all 0.5s ease-out 0s;
        /*! flex: 1 0 80px; */ 
        text-decoration:none;
        
    }

.ico-conservas {
    background: transparent url("../Imagenes/articulos/conservas.png") no-repeat scroll 50% 50%;
    background-color: transparent;
}

.ico-queso {
    background: transparent url("../imagenes/articulos/quesos.png") no-repeat scroll 50% 50%;
    background-color: transparent;
}

.ico-vino {
    background: transparent url("../imagenes/articulos/vino.png") no-repeat scroll 50% 50%;
    background-color: transparent;
}

.ico-aceite {
    background: transparent url("../imagenes/articulos/aceite.png") no-repeat scroll 50% 50%;
    background-color: transparent;
}

.ico-cuenta {
    background: transparent url("../img/ico-cuenta.png") no-repeat scroll 0 50%;
    display: block;
    padding-left: 15px;
}

.ico-cesta {
    background: transparent url("../img/ico-cesta.png") no-repeat scroll 0 50%;
    display: block;
    padding-left: 20px;
}

.ico-home {
    background: transparent url("../img/ico-home.png") no-repeat scroll 0 -28px;
    display: block;
    padding-left: 30px;
}

ul.menuleft {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-family: sourcenormal;
}

    ul.menuleft li {
        list-style: none;
    }

    ul.menuleft ul li {
        font-weight: normal;
    }

.nav .open > a, .nav .open > a:focus {
    background-color: #f6efe0;
    color: #120203;
    padding: 5px 40px;
    text-align: left;
    border-radius: 0;
    font-family: 'Open Sans', sans-serif;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
}

    .nav .open > a:hover, .nav > li > a:hover {
        background-color: #E6E6E6;
    }

.nav > li > a:target {
    background-color: #E6E6E6;
}

.nav > li > a.marcas {
    background: transparent url("../img/ico-marcas.png") no-repeat scroll 15px 50%;
}

.nav > li > a.productos {
    background: transparent url("../img/ico-productos.png") no-repeat scroll 15px 50%;
}

.nav > li > a {
    color: #120203;
    padding: 5px 15px 5px 5px;
    text-align: left;
    border-radius: 0;
    font-family: 'Open Sans', sans-serif;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
}


@keyframes boxing {
    0% {
        transform: scale(0.8);
    }

    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes boxing {
    0% {
        transform: scale(0.8);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes boxMargin {
    0% {
        margin-top: 0;
    }

    100% {
        margin-top: -30px;
    }
}

@-webkit-keyframes boxMargin {
    0% {
        margin-top: 0;
    }

    100% {
        margin-top: -30px;
    }
}

@-webkit-keyframes boxAnimate {
    0% {
        top: 100%;
    }

    100% {
        top: 0%;
    }
}

@keyframes boxAnimate {
    0% {
        top: 100%;
    }

    100% {
        top: 0%;
    }
}




.ico-flex {
    background: transparent url("../img/ico-flex.png") no-repeat scroll 50% 20%;
    display: block;
}

.ico-trab, .ico-personal, .ico-flex {
    padding-top: 50%;
}

    .ico-trab a, .ico-personal a, .ico-flex a {
        transition: all 0.5s ease-out 0s;
        -webkit-transition: all 0.5s ease-out 0s;
    }

        .ico-trab a:hover, .ico-personal a:hover, .ico-flex a:hover {
            color: #af9778;
        }

.disc {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
}

    .disc li {
        display: inline-block;
        padding: 0 30px;
        margin-bottom: 30px;
    }

        .disc li a figure {
            -webkit-transition: all 0.5s ease-out 0s;
            transition: all 0.5s ease-out 0s;
        }

    .disc figure {
        border-radius: 50%;
        height: 100px;
        margin: 0 auto 15px;
        padding: 4%;
        overflow: hidden;
        width: 100px;
    }

    .disc h2 {
        font-weight: bold;
        font-size: inherit;
    }

/* ATENCIÓN CLIENTE -final */
/* newsletter - inicio */
.att_tel {
    float: left;
    width: 100%;
}

#suscripcion {
    color: #333333;
    font-family: bonveno;
}

    #suscripcion h4 {
        color: #AF9778;
    }

.txt-buscar {
    color: #808080;
    width: 70%;
    padding: 6px;
    border: 0;
    margin-right: 5px;
    padding-right: 40px;
    background: #fff url(../img/ico-newsletter.jpg)no-repeat 98% 50%;
    outline: none;
    text-overflow: ellipsis;
    overflow: hidden;
}

input, select, textarea {
    font-family: 'Open Sans';
    font-size: 1em;
}

.showhidemail {
    color: red;
    font-family: Arial,Helvetica,sans-serif;
    line-height: 1;
}

.ofer {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ad6fd9+0,903ecc+100 */
    background: #dbdbdb; /* Old browsers */
    color: #000;
}

a.ofer:hover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ad6fd9+0,903ecc+100 */
    background: #F34F5C; /* Old browsers */
    color: #ffffff;
}

span.ofer:hover {
    color: #ffffff;
    cursor: default;
}

.cv {
    background: #F09D06;
    background: -moz-linear-gradient(top, #f09d06 0%, #e87000 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f09d06 0%,#e87000 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f09d06 0%,#e87000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09d06', endColorstr='#e87000',GradientType=0 ); /* IE6-9 */
    color: #fce5bb;
    text-shadow: 0 1px 1px #844205;
}

    .cv:hover {
        background: #e87000;
        background: -moz-linear-gradient(top, #e87000 0%, #f09d06 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #e87000 0%,#f09d06 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #e87000 0%,#f09d06 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e87000', endColorstr='#f09d06',GradientType=0 ); /* IE6-9 */
        color: #ffffff;
    }

.btn-button {
    font-family: 'Open Sans', sans-serif;
    border: 0;
    border-radius: 0 !important;
    padding-left: 15px;
    padding-right: 15px;
    position: absolute;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
    display: block;
    text-transform: uppercase;
    bottom: 80px;
    transform: translate(-50%,50%);
    -webkit-transform: translate(-50%,50%);
    left: 50%;
    /*width:60%;*/
}

    .btn-button:hover {
        color: #ffffff;
        background-color: #8C1313;
    }

#suscripcion .btn-articulo {
    display: inline;
}

.avisos-legales input[type="checkbox"] {
    margin-right: 0;
}

.fb-link {
    text-decoration: underline;
}

.ico-tel {
    background: transparent url(../img/ico-tel.png) no-repeat scroll 0 0;
}

.ico-fax {
    background: transparent url(../img/ico-fax.png) no-repeat scroll 0 50%;
}

.ico-mail {
    background: transparent url(../img/ico-mail.png) no-repeat scroll 0 70%;
}

.ico-tel, .ico-fax, .ico-mail {
    padding-left: 30px;
    min-height: 30px;
}
/* newsletter - final */
/* FOOTER - final */

/* BODY - inicio */

.bg-content {
    background-color: #7A7878;
    padding: 5px;
    margin: 0 0 30px;
    color: #ffffff;
}
/*.skitter {
    position: relative!important;
    z-index: 1;
}*/


#ylp {
    background: transparent url(../img/yolopido-bg.jpg) no-repeat scroll 0 0;
}

#formacion img {
    display: table-cell;
}


.inter h2 {
    font-family: sourcenormal;
}



.inter h2 {
    color: #e0ebf7;
}



#blog h3 a:hover {
    color: #0766ca;
    text-decoration: underline;
}

#hostservicios h3 {
    font-weight: normal;
    margin-top: 0;
    max-height: 50px;
    /*min-height: 50px;*/
    overflow: hidden;
}

#hostservicios ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.event, .event2, .event3 {
    margin-bottom: 15px;
    padding-bottom: 86px;
    display: block;
    width: 100%;
}

.event {
    background: transparent url(../img/event.png) no-repeat scroll 50% 50%;
}

.event-demo {
    background: transparent url(../img/event-demo.png) no-repeat scroll 50% 50%;
}

.yolopido-demo {
    background: transparent url(../img/yolopido-demo.png) no-repeat scroll 50% 50%;
}

.tactil-demo {
    background: transparent url(../img/tactil-demo.png) no-repeat scroll 50% 50%;
}

.event2 {
    background: transparent url(../img/event2.png) no-repeat scroll 50% 50%;
}

.event3 {
    background: transparent url(../img/event3.png) no-repeat scroll 50% 50%;
}

.event4 {
    background: transparent url(../img/event4.png) no-repeat scroll 50% 50%;
}

.event5 {
    background: transparent url(../img/event5.png) no-repeat scroll 50% 50%;
}

.event6 {
    background: transparent url(../img/event6.png) no-repeat scroll 50% 50%;
}

.event7 {
    background: transparent url(../img/event7.png) no-repeat scroll 50% 50%;
}

.event8 {
    background: transparent url(../img/event8.png) no-repeat scroll 50% 50%;
}

.event9 {
    background: transparent url(../img/event9.png) no-repeat scroll 50% 50%;
}

.ylp-1 {
    background: transparent url(../img/yolopido-scan.png) no-repeat scroll 50% 50%;
}

.ylp-2 {
    background: transparent url(../img/yolopido-pide.png) no-repeat scroll 50% 50%;
}

.ylp-3 {
    background: transparent url(../img/yolopido-camarero.png) no-repeat scroll 50% 50%;
}

#servicios li a:hover, .Hostservicios li a:hover {
    text-decoration: underline;
}

#hostservicios .box1 {
    overflow: hidden;
    transition: all 0.5s ease-out 0s;
}

    #hostservicios .box1:hover {
        background: #FBF9F9;
    }
/*TIENDA -   inicio */


.box-articulo {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    position: relative;
    top: 0;
    padding: 15px;
    transition: all .1s ease-in;
    margin-bottom: 30px;
    box-shadow: 2px 2px 10px #b7b7b7;
}

    .box-articulo p {
        text-align: justify;
    }

.box-sup {
    background: transparent url(../img/mask.png) no-repeat scroll 0 0;
    height: 32px;
}

.box-articulo figure.especial {
    height: auto;
}

#formacion img {
    display: table-cell;
}






.btn {
    font-size: inherit;
}

.btn-volver {
   display: inline-flex;
   align-items: center;
   justify-content: center;   
    background-color: #fff;
    border-color: #ccc;
    border-radius: 36px;
    color: #000;
    margin: 0;
    padding: 8px 15px;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
    box-shadow: 0 2px 2px rgba(0,0,0,.1);
}

    .btn-volver:hover .icon-chevron-left{
        left: -8px;
    }

    .btn-volver:hover .icon-chevron-left {
        left: -8px;
    }
.icon-chevron-left {
    color: #000;
    position: relative;
    left: 0;
    padding-right:5px;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
}

.mag4 {
    background: transparent url(../img/star.png) no-repeat scroll 50% 0;
    display: block;
    width: 5%;
    height: 15px;
    text-align: center;
    margin: 15px auto;
}

.box-titulo {
    height: 50px;
    position: relative;
}

#hotel h3, #cafeteria-restaurante h3, #bodas h3 {
    color: #978a3f;
    text-align: center;
    font-family: cinzel;
    font-size: 1.4em;
    width: 80%;
    margin: 0 auto;
}

    #hotel h3 a, #cafeteria-restaurante h3 a, #bodas h3 a {
        color: #978a3f;
    }

        #hotel h3 a:hover, #cafeteria-restaurante h3 a:hover, #bodas h3 a:hover, #hotel h4 a:hover, #cafeteria-restaurante h4 a:hover, #bodas h4 a:hover {
            color: #55A1A4;
        }

#hotel h4 a, #cafeteria-restaurante h4 a, #bodas h4 a {
    color: #978A3F;
}

#hotel h4, #cafeteria-restaurante h4, #bodas h4 {
    display: inline-block;
    margin: 0;
    font-size: 14px;
    color: #978A3F;
    position: absolute;
    bottom: 0;
}

    #hotel h4:nth-child(even), #cafeteria-restaurante h4:nth-child(even), #bodas h4:nth-child(even) {
        left: 0;
    }

    #hotel h4:nth-child(odd), #cafeteria-restaurante h4:nth-child(odd), #bodas h4:nth-child(odd) {
        right: 0;
    }

    #hotel h4:nth-child(even), #hotel h4:nth-child(odd), #cafeteria-restaurante h4:nth-child(even), #cafeteria-restaurante h4:nth-child(odd), #bodas h4:nth-child(even), #bodas h4:nth-child(odd) {
        padding-top: 15px;
    }

    #hotel h4:nth-child(even) {
        background: transparent url(../img/ico-hotel1.png) no-repeat scroll 50% 0;
    }

    #hotel h4:nth-child(odd) {
        background: transparent url(../img/ico-hotel2.png) no-repeat scroll 50% 0;
    }

    #cafeteria-restaurante h4:nth-child(even) {
        background: transparent url(../img/ico-comedor.png) no-repeat scroll 50% 0;
    }

    #cafeteria-restaurante h4:nth-child(odd) {
        background: transparent url(../img/ico-platos.png) no-repeat scroll 50% 0;
    }

    #bodas h4:nth-child(even) {
        background: transparent url(../img/ico-salon.png) no-repeat scroll 50% 0;
    }

    #bodas h4:nth-child(odd) {
        background: transparent url(../img/ico-terraza.png) no-repeat scroll 50% 0;
    }

.icoseccion {
    background-repeat: no-repeat;
    background-position-x: 0;
    background-position-y: 50%;
    height: 22px;
    padding-left: 30px;
}

.ico-hotel-w {
    background: transparent url("../img/ico-hotel-w.png") no-repeat scroll 0 center;
}

.ico-habitaciones-w {
    background: transparent url("../img/ico-hotel-w.png") no-repeat scroll 0 center;
}

.ico-comedor-w {
    background: url("../img/ico-comedor-w.png") no-repeat scroll 0 center;
}

.ico-restaurante-w {
    background: url("../img/ico-restaurante-w.png") no-repeat scroll 0 center;
}

.ico-habitaciones-w {
    background: transparent url(../img/ico-habitaciones-w.png) no-repeat scroll 0 center;
}

.ico-recepcion-w {
    background: transparent url(../img/ico-recepcion-w.png) no-repeat scroll 0 0;
}

.ico-platos-w,
.ico-platos-de-boda-w {
    background: transparent url(../img/ico-platos-w.png) no-repeat scroll 0 center;
}

.ico-terrazas-w {
    background: transparent url(../img/ico-terrazas-w.png) no-repeat scroll 0 0;
}

.ico-salones-w {
    background: transparent url(../img/ico-salones-w.png) no-repeat scroll 0 center;
}

.ico-ceremonias-civiles-w {
    background: transparent url(../img/ico-cere-w.png) no-repeat scroll 0 center;
}

.ico-entrada-w {
    background: transparent url(../img/ico-entrada-w.png) no-repeat scroll 0 center;
}

.ico-volver {
    background: transparent url(../img/ico-volver.png) no-repeat scroll 0 50%;
    padding-right: 30px;
}

.box-articulo h3 {
    color: #9e7703;
    font-family: 'Cardo', serif;
    font-weight: 900;
    font-size: 1em;
    font-size: calc( 16px + (32 - 16)* (100vw - 320px)/(1920 - 320));
    height: auto;
    margin: 15px 0;
    overflow: hidden;
    padding: 0;
}

#Festejos time {
    float: left;
}

#Festejos.box-articulo h2 {
    font-family: 'Cardo', serif;
    font-weight: normal;
    font-size: calc( 16px + (48 - 16)* (100vw - 320px)/(1920 - 320));
}

#Festejos.box-articulo h3 {
    padding-left: 15px;
    font-size: 1.5em;
    margin: 8px 0;
}

#Festejos a {
    font-family: 'Cardo', serif;
    font-weight: bold;
}

#Festejos .tiempos a h3 {
    font-family: 'Cardo', serif;
    font-weight: normal;
    font-size: calc( 16px + (36 - 16)* (100vw - 320px)/(1920 - 320));
}

.box-articulo h3 span {
    display: block;
    font-style: italic;
    color: #000;
}

.box-articulo h3 a:hover {
    color: #705538;
}

.box-articulo h3 a {
    color: #000;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
}

.box-articulo time {
    color: #CC9933;
    font-family: 'Cardo', serif;
    font-weight: bold;
    font-size: 1.5em;
}

.box-articulo .precio {
    color: #9e7703;
    font-family: 'Open Sans', sans-serif;
    font-size: 2em;
    text-align: center;
    width: 100%;
}

.carousel video {
    width: 100%;
    height: auto;
}

.box-articulo .precio span {
    color: #492412;
    float: left;
    font-size: 0.6em;
    width: 100%;
}

.box-articulo .utienda {
    padding: 7px 0;
    text-align: center;
    width: 35px;
}

.box-articulo .btn-button {
    position: static;
    bottom: 0;
    width: 60%;
    transform: none;
    margin: 15px auto;
}
/*TIENDA -   final */

.subtitle span {
    padding: 0 10%;
}

.fancy-w span:before, .fancy-w span:after {
    content: "";
    position: absolute;
    border-bottom: 1px solid white;
    border-top: 1px solid white;
    height: 10px;
    top: 0;
    width: 100%;
}

.fancy-b span:before, .fancy-b span:after {
    content: "";
    position: absolute;
    border-bottom: 1px solid #8AAED6;
    border-top: 1px solid #8AAED6;
    height: 10px;
    top: 0;
    width: 100%;
}

.fancy-n span:before, .fancy-n span:after {
    content: "";
    position: absolute;
    border-bottom: 1px solid #E19877;
    border-top: 1px solid #E19877;
    height: 10px;
    top: 0;
    width: 100%;
}

.fancy-w span:before, .fancy-b span:before, .fancy-n span:before {
    right: 100%;
    margin-right: 15px;
}

.fancy-w span:after, .fancy-b span:after, .fancy-n span:after {
    left: 100%;
    margin-left: 15px;
}


#program {
    margin-bottom: 30px;
}

.foto img {
    border-radius: 50%;
    box-shadow: 0px 2px 31px 10px rgba(100,100,100,0.5);
}

#nosotros #program h1 {
    overflow: hidden;
    padding: 5px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    font-size: calc( 16px + (64 - 16)* (100vw - 320px)/(1920 - 320));   
    text-align: center;
}

#program p {
    line-height: inherit;
}

#servicios h2, #blog h2, #formacion h2 {
    overflow: hidden;
    text-align: center;
    padding: 5px;
    margin: 0;
    font-family: 'Source Sans Pro', sans-serif;
    background-color: #0a3a57;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: rgba(255,255,255,0.5) 0px 3px 3px;
}

    #formacion h2:before, #formacion h2:after {
        content: "";
        display: inline-block;
        height: 10px;
        position: relative;
        vertical-align: middle;
        width: 50%;
    }

    #servicios h2:before, #servicios h2:after {
        border-bottom: 1px solid #ffffff;
        border-top: 1px solid #ffffff;
    }


    .clientes h2::before, #servicios h2:before, #blog h2:before, #formacion h2:before {
        right: 0.5em;
        margin-left: -50%;
    }

    .clientes h2::after, #servicios h2:after, #blog h2:after, #formacion h2:after {
        left: 0.5em;
        margin-right: -50%;
    }

.contacta li {
    color: #05488E;
}


#dominios p {
    text-align: center;
}

.Hostservicios ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.Hostservicios li {
    display: inline-block;
    text-align: center;
}

    .Hostservicios li a {
        color: #013495;
        float: left;
        font-weight: 800;
    }

        #formacion li a:hover, .Hostservicios li a:hover, #dominios li a:hover {
            text-decoration: none;
        }

#productos.bg {
    background: #f6f7f8 url(../img/productos.png) no-repeat scroll 0 0;
    background-size: 100% 100%;
}



.bgborder-b {
    border-bottom: 10px solid #5b5a50;
}

.group > input {
    width: 100%;
}

.group input[type="password"] {
    width: 80%;
}

.btn-cuenta {
    float: right;
    height: 42px;
    padding: 0;
    width: 10%;
    height: 34px;
}

.fx-flex {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: flex-end;
}

.cuenta {
    padding: 5px;
    height: auto;
    min-height: 22px;
    overflow: hidden;
    display: none;
    background-color: #fff;
}

    .cuenta ul {
        margin: 0;
        padding: 0;
        display: inline-block;
        flex: 1;
    }

    .cuenta li {
        display: inline-block;
        padding-right: 15px;
    }

        .cuenta li a {
            display: block;
            color: #000;
        }



.form-group {
    overflow: hidden;
}

.inter .contacto .form-group > input[type="checkbox"] {
    margin-left: 0px;
    margin-top: 15px;
    margin-right: 5px;
}
#reservas label {
    font-size: 1rem;
    text-align: left;
    padding:6px;
   
}
#reservas .form-control, #reservas .form-select {
    /*! font-family: inherit; */
    display: inline-block;
    border: 2px solid #A67951;
}
.form-control {
    border: 2px solid #A67951;
}
.input-group {
    margin: 8px 0;
}

.inter .form-group input[type="submit"] {
    margin-left: 0px;
}

.inter .panel-body input[type="text"], .inter .panel-body input[type="password"] {
    width: 100%;
}

.menublue li a:hover {
    color: #ffffff !important;
}

.datepicker table {
    width: 100%;
}

.Hostservicios li a.enlaceevento:hover {
    color: #807003;
}

.logos {
    float: left;
    min-width: 80%;
}

ul.lista {
    padding: 0;
}

.lista li {
    list-style-type: none;
    display: inline;
    padding: 15px;
}

.min li {
    font-size: 0.85em;
}

.myuser a.btn-link {
    color: #fff;
}

.logo-att {
    background: transparent url(../img/bagbol-g.png) no-repeat scroll 0 0;
    height: auto;
    min-height: 200px;
    transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    display: block;
    position: relative;
    top: -20px;
}

.tel-att {
    font-size: 2em;
    position: relative;
    /*z-index: 2;*/
}

/* tienda */


section.tienda h1 {
    color: #9e7703;
    font-family: merienda, cursiva;
    font-size: 36px;
}

.boxdetproducto h1 {
    color: #9e7703;
    font-family: 'Open Sans', sans-serif;
    font-weight: 900;
    font-size: 2em;
    line-height: 1;
}

    .boxdetproducto h1 span {
        display: block;
        font-style: italic;
        color: #61210F;
    }

.boxdetproducto h2 {
    font-family: inherit;
    font-style: normal;
}

.boxdetproducto li {
    display: block;
    text-align: left;
    line-height: 2;
}

    .boxdetproducto li div {
        display: inline-block;
        color: #000000;
    }

.boxdetproducto .box-attcliente li {
    display: inline-block;
    color: #999999;
    line-height: 1.5;
    display: inline-block;
    color: #999999;
    line-height: 1.5;
    height: 110px;
    margin: 30px 0;
    padding-top: 5px;
    vertical-align: middle;
    transform: scale(.8);
    -webkit-transform: scale(.8);
}

    .boxdetproducto .box-attcliente li span {
        padding: 40px 0px 0;
        color: #999999;
    }

        .boxdetproducto .box-attcliente li span span {
            font-size: 1.6em;
            font-weight: 800;
            padding: 0;
        }

.boxdetproducto .precio {
    color: #686868;
    font-family: arial, helvetica, sans-serif;
    font-size: 2em;
    text-align: left;
    font-weight: 800;
    float: left;
    padding-right: 30px;
}




.boxdetproducto .btn-button {
    position: static;
    transform: none;
    float: left;
    width: 40%;
}

section.tienda h2 {
    color: #808080;
    font-family: bonveno;
    font-size: 1.4em;
}



.contacta {
    background-color: #f6efe0;
    padding: 20px;
    color: #77631E;
    box-shadow: 0 0 0 2px #fff, 0 0 0 6px #F7F4F1;
}

    .contacta li {
        color: #77631E;
        list-style-type: none;
        text-align: left;
        padding-left: 30px;
        word-wrap: break-word;
        background-position: 0 70%;
    }



.col {
    display: table-cell;
    vertical-align: middle;
}

.utienda {
    padding: 7px 0;
    text-align: center; /*! width: 20%; */
}

.btnproductotienda {
    background-color: #897248;
    border: 1px solid #897248;
    color: #ffffff;
    font-family: bonveno;
    font-size: 1em;
    padding: 6.5px;
    text-align: center;
    width: 100%;
}

#example5 {
    background-color: #897248;
    float: left;
    margin: 0;
    padding: 5px;
    position: relative;
    width: 100%;
}

.fbook {
    float: left;
}

.twitt {
    float: left;
    margin-left: 3px;
    margin-top: 3px;
}



.titulocesta {
    color: #342118;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.45em;
    margin: 20px auto;
    padding: 35px 0;
    text-align: center;
    width: 60%;
    background: transparent url(../img/ico-otros.png) no-repeat scroll 50% 0;
}



.noticias h1, .noticias h2, .noticias h2 a {
    color: #7A7878;
}

    .noticias h2 a {
        text-align: left;
    }

.noticias time {
    color: #AF72DA;
}

.noticias p {
    max-height: 140px;
    min-height: 140px;
    overflow: hidden;
}

.noticias p, .noticia p {
    margin: 15px 0;
}

.hrborder::before, .hrborder::after {
    content: "";
    width: 5px;
    height: 5px;
    position: absolute;
    background: #000;
    top: -2px;
    border-radius: 50%;
}

.hrborder::before {
    left: -2px;
}

.hrborder::after {
    right: -2px;
}

.hrborder {
    border-bottom: 1px solid #808080;
    position: relative;
}

.gris {
    color: #fff;
    display: block;
    text-align: right;
}
/*tablas*/
/* 
	Generic Styling, for Desktops/Laptops 
	*/
table.tblOfertas {
    width: 100%;
    border-collapse: collapse;
}
    /* Zebra striping */
    table.tblOfertas tr:nth-of-type(odd) {
        background: #eee;
    }

    table.tblOfertas th {
        background: #7A7878;
        color: white;
        font-weight: bold;
    }

    table.tblOfertas td, table.tblOfertas th {
        padding: 6px;
        border: 1px solid #ccc;
        text-align: center;
    }

        table.tblOfertas td:nth-child(2) {
            text-align: justify;
            width: 50%;
        }

            table.tblOfertas td:nth-child(2) * {
                margin: 0;
            }
/*
	Max width before this PARTICULAR table gets nasty
	This query will take effect for any screen smaller than 760px
	and also iPads specifically.
	*/
@media only screen and (max-width: 760px) {
    /* Force table to not be like tables anymore */
    tabletable.tblOfertas, table.tblOfertas thead, table.tblOfertas tbody, table.tblOfertas th, table.tblOfertas td, table.tblOfertas tr {
        display: block;
    }

        /* Hide table headers (but not display: none;, for accessibility) */
        table.tblOfertas thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

    table.tblOfertas tr {
        border: 1px solid #ccc;
    }

    table.tblOfertas td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
    }

        table.tblOfertas td:nth-of-type(2) {
            text-align: left;
        }

        table.tblOfertas td:before {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 6px;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
        }

        /*
		Label the data
		*/
        table.tblOfertas td:nth-of-type(odd):before, table.tblOfertas td:nth-of-type(even):before {
            padding: 8px 0;
            text-align: left;
        }

        table.tblOfertas td:nth-of-type(1):before {
            content: "FECHA";
        }

        table.tblOfertas td:nth-of-type(2):before {
            content: "TITULO";
        }

        table.tblOfertas td:nth-of-type(3):before {
            content: "LOCALIDAD";
        }

        table.tblOfertas td:nth-of-type(4):before {
            content: "VACANTES";
        }

        table.tblOfertas td:nth-of-type(5):before {
            content: "ESTADO";
        }

        table.tblOfertas td:nth-of-type(6):before {
            content: "OFERTA";
        }
}



/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    table.tblOfertas body {
        width: 100%;
    }
}
/*fin tablas*/
.form-inline {
    float: right;
    margin: 8px 0;
}

.arrow-wrap {
    position: absolute;
    /*z-index: 4;*/
    left: 50%;
    bottom: 100px;
    margin-left: -5em;
    background: rgba(0,0,0,0.8);
    width: 10em;
    height: 10em;
    padding: 4em 2em;
    border-radius: 50%;
    font-size: 0.3em;
    display: block;
    opacity: 0.5;
    color: #ffffff;
}

    .arrow-wrap span {
        font-size: 16px;
        text-align: center;
        display: block;
    }



.gris {
    color: #808080;
    line-height: 3;
}

.box-articulo a:target ~ h2 {
    background: #f09d06;
    background: linear-gradient(to bottom, #f09d06 0%, #e87000 100%);
    background: -moz-linear-gradient(to bottom, #f09d06 0%, #e87000 100%);
    background: -webkit-linear-gradient(to bottom, #f09d06 0%, #e87000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09d06', endColorstr='#e87000',GradientType=0 );
    color: #ffffff;
    text-shadow: 0 1px 1px #844205;
}

    .box-articulo a:target ~ h2::before {
        content: "\2217 ";
    }

.productos a:target {
    margin-top: calc(100% + 120px);
}
    .productos a:target ~ div .box-attcliente h3 {
        background-color: #FFF1F1;
    }
    .boxover {
    background: rgba(0, 0, 0, 1) none repeat scroll 0 0;
    height: 100%;
    position: absolute;
    text-align: center;
    transition: opacity .2s ease-in-out;
    width: 100%;
    top: 0;
    left: 0;
    /*z-index: 0;*/
}

.ico-jamones {
    background: transparent url(../img/ico-jamones.png) no-repeat scroll 50% 0%;
    padding-top: 80px;
}

.ico-paletas {
    background: transparent url(../img/ico-paletas.png) no-repeat scroll 50% 0%;
    padding-top: 80px;
}

.ico-embutidos {
    background: transparent url(../img/ico-embutidos.png) no-repeat scroll 50% 0%;
    padding-top: 80px;
}

.ico-loncheados {
    background: transparent url(../img/ico-loncheados.png) no-repeat scroll 50% 0%;
    padding-top: 80px;
}

.ico-salazones {
    background: transparent url(../img/ico-salazones.png) no-repeat scroll 50% 0%;
    padding-top: 80px;
}

.ico-encurtidos {
    background: transparent url(../img/ico-encurtidos.png) no-repeat scroll 50% 0%;
    padding-top: 80px;
}

.ico-lotes {
    background: transparent url(../img/ico-lotes.png) no-repeat scroll 50% 0%;
    padding-top: 80px;
}

.ico-ibericos {
    background: transparent url(../img/ico-ibericos.png) no-repeat scroll 50% 0%;
    padding-top: 80px;
}

.ico-quesos {
    background: transparent url(../img/ico-quesos.png) no-repeat scroll 50% 0%;
    padding-top: 80px;
}

.ico-especialidades {
    background: transparent url(../img/ico-especialidades.png) no-repeat scroll 50% 0%;
    padding-top: 80px;
}

.posrel {
    padding: 8px 0 5px;
}

.toggle-nav2 {
    float: left;
    margin: 6px 0 0;
    color: #000;
}

    .toggle-nav2:hover {
        color: #AF9778;
    }

.navbar-default .button-menu .icon-bar {
    background-color: #000;
}

.navbar-default .button-menu:hover {
    background-color: #fff;
}

svg.button-menu:hover .stroke:nth-child(3n+1) {
    /*! width: 160%; */
}

#site-menu {
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
    background-color: #fff;
    box-shadow: none;
    padding: 0;
}

#site-canvas {
    width: 100%;
    height: 100%;
    position: relative;
    /*-webkit-transform: translateX(0);
    transform: translateX(0);*/
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    left: 0;
}

.site-menu {
    border: 0;
    top: 0;
    left: 0px;
    z-index: 3;
    width: 100%;
}

.show-nav .site-menu {
    left: 0;
}


.myuser {
    color: #fff;
    font-size: 12px;
    flex: 1;
}
/***artículos***/
#formacion {
    position: relative;
    /*z-index:8;*/
}

    #formacion.bg {
        background: #FBF2EF url(../img/musicalplanet.png) no-repeat scroll center center;
        background-size: contain;
    }

#hostservicios.bg {
    background-color: #F6F6F2;
}

#formacion .producto {
    box-shadow: 2px 2px 10px #b7b7b7;
}



.producto .precio {
    color: #686868;
    font-weight: 800;
    font-family: Arial, helvetica, sans-serif;
    float: right;
    transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    margin: 0;
    padding: 0;
}

.caption .btn-articulo {
    padding: 6.5px 52px;
}

.btn-articulo {
    background-color: transparent;
    border: 2px solid #707170;
    border-radius: 36px;
    color: #000;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 1em;
    font-size: calc( 16px + (16 - 16)* (100vw - 320px)/(1920 - 320));
    padding: 6.5px 52px;
    text-align: center;
    text-decoration: none;
    transition: all 0.5s ease-out 0s;
    min-width: 100px;
}

    .btn-articulo:hover {
        background-color: #000;
        color: #fff;
    }

.imgprod {
    height: auto;
    width: 100%;
    /*! overflow: hidden; */
    text-align: center;
    position: relative;
    transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -webkit-transform: scale(1,1);
}

.flex-wrapper .imgprod {
    width: 25%;
    float: left;
    margin-right: 15px;
}

.novedad-img {
    background-image: url(../img/novedad.png);
    position: absolute;
    float: left;
    /*z-index: 1;*/
    width: 138px;
    height: 74px;
    background-repeat: no-repeat;
    top: 60%;
}

.articulo-box {
    /*! min-height: 430px; */
    /*! max-height: 320px; */
    height: auto;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    /*! border: 1px solid #F2EFEF; */
}

    .articulo-box::before {
        /*! content: ''; */
        /*! vertical-align: top; */
        /*! margin-right: -0.25em; */
    }

.producto:hover img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
}

.articulo-box img {
    display: inline-block;
    vertical-align: top;
    /*! width: 360px; */
    /*! border: 1px solid transparent; */
    -webkit-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}



.catprod .marca {
    float: left;
}

.marca img {
    height: 68px;
}

.catprod h3 {
    padding: 0;
    margin: 0;
    /*max-height: 50px;*/
    height: auto;
    /*overflow: hidden;*/
    font-size: 1.3em;
    color: #000000;
    font-family: 'DM Serif Display', serif;
    text-align: center;
}

.marca {
    text-align: center;
}

.precioprod {
    text-align: right;
    font-weight: 700;
}

    .precioprod span {
        color: #000000;
    }

        .precioprod span:last-child {
            padding-left: 10px;
            font-weight: normal;
        }

            .precioprod span:last-child::before {
                content: "(";
            }

            .precioprod span:last-child::after {
                content: ")";
            }

        .precioprod span:first-child::before {
            content: "Ref: (";
        }

aside#filtros h2.categorias {
    background-image: url(../img/ico-categorias.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 5px 50%;
    background-color: #fff;
    background-clip: initial;
}

aside#filtros h2.marcas {
    background-image: url(../img/ico-marcas.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 5px 50%;
    background-clip: initial;
    background-color: #fff;
}

aside#filtros h2.genero {
    background-image: url(../img/ico-genre.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 5px 50%;
}

aside#filtros h2, aside#filtros h2 a {
    color: #000;
    font-family: Arial,helvetica,sans-serif;
    font-size: 1.05em;
    font-weight: bold;
    margin-bottom: 0;
    padding: 10px;
    text-transform: inherit;
    margin: 0;
    -webkit-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
    text-align: left;
    padding-left: 40px;
    background-color: #fff;
    background-clip: initial;
}

    aside#filtros h2 a:hover {
        color: #405d78;
    }

aside h3 {
    font-size: inherit;
    margin-top: 15px;
}

h2.publicaciones {
    text-align: center;
    overflow: hidden;
}

    h2.publicaciones::before, h2.publicaciones::after {
        content: "";
        background-color: #CF74CF;
        width: 50%;
        height: 1px;
        position: relative;
        vertical-align: middle;
        display: inline-block;
        /*z-index: 1;*/
    }

    h2.publicaciones::before {
        right: 0.5em;
        margin-left: -50%;
    }

    h2.publicaciones::after {
        left: 0.5em;
        margin-right: -50%;
    }

.publicaciones {
    margin: 0;
    padding: 0;
    text-align: center;
}

    .publicaciones li {
        display: inline-block;
    }

        .publicaciones li img {
            max-width: 50px;
        }

section.outlet {
    background: #e6ebf0;
    text-align: center;
    padding: 15px;
    border: 1px dotted #000;
}

    section.outlet:hover img {
        transform: scale(1.05);
        -webkit-transform: scale(1.05);
    }

    section.outlet img {
        -webkit-transition: all 0.5s ease-out 0s;
        transition: all 0.5s ease-out 0s;
    }

aside a {
    color: #000;
}

aside#filtros li a.activo {
    background-color: #E8E8E8;
    font-weight: bold;
    display: inline-block;
    width: 100%;
}

aside#filtros ul {
    margin: 0 0 15px;
    padding: 0;
    list-style-type: disc;
    list-style-position: inside;
    overflow: hidden;
}

aside#filtros li {
    padding: 5px;
    font-size: 0.865em;
    /*! display: inline; */
    list-style-type: none;
}

/* the slider control container */
[data-jplist-control="slider-range-filter"] {
    display: flex;
    flex-direction: column;
    font-size: 12px;
    align-items: center;
    width: 100%;
}

/* the slider control */
.jplist-slider {
    width: 100%;
    height: 20px;
    background-color: #fff;
    margin: 10px 0;
    position: relative;
    box-sizing: border-box;
    left: 0px;
}

    .jplist-slider::before {
        content: '';
        display: block;
        width: 100%;
        height: 3px;
        background: #fff;
        position: absolute;
        /*z-index: 100;*/
        left: 0;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        opacity: 0;
    }

.jplist-slider-values {
    width: 100%;
}
/* the slider holders */
.jplist-slider-holder-1,
.jplist-slider-holder-2 {
    width: 20px;
    height: 100%;
    border-radius: .25rem;
    display: block;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    /*z-index: 200;*/
    -webkit-transition: 0.3s background-color;
    -o-transition: 0.3s background-color;
    transition: 0.3s background-color;
    padding: 0;
    margin: 0;
    font-size: 0;
    line-height: 0;
}

/* first holder custom styles */
.jplist-slider-holder-1 {
    background: #000;
    -webkit-transform: translate(0%, 0);
    -ms-transform: translate(0%, 0);
    transform: translate(0%, 0);
}
/* second holder custom styles */
.jplist-slider-holder-2 {
    background: #106CD6;
    -webkit-transform: translate(-90%, 0);
    -ms-transform: translate(-90%, 0);
    transform: translate(-90%, 0);
}

    .jplist-slider-holder-1:active,
    .jplist-slider-holder-2:active {
        background: #00448c;
        box-shadow: 0px 0px 10px #fff;
    }

/* the space between holders */
.jplist-slider-range {
    width: 0;
    height: 20px;
    background: #ccc;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size: 1rem 1rem;
}

.amount {
    color: #000;
    margin: 0;
    padding: 0;
    width: 90%;
    border: 0;
}

/* slider labels */
.range-slider-value {
    width: 100px;
    box-sizing: border-box;
    padding: 0 5px;
}

.jplist-panel input[type="checkbox"] {
    margin-right: 5px;
}

.jplist-panel label {
    font-weight: normal;
    line-height: 35px !important;
}

.producto ul.color {
    position: absolute;
    bottom: 140px;
    width: 100%;
    left: 50%;
    padding: 0 5px;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    opacity: 0;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    margin: 0;
    height: auto;
}

    .producto ul.color li {
        display: inline-block;
        margin: 0;
        padding: 0 5px;
        height: 5px;
    }

.producto:hover .color {
    display: inline-block;
    text-align: center;
    opacity: 1;
}

ul.filtro-color {
    list-style-type: none;
    padding: 0;
    margin: 0;
    text-align: left;
}

    ul.filtro-color li {
        display: inline-block;
        margin: 10px 0;
        padding: 0 5px;
    }

        ul.filtro-color li a {
            text-align: center;
            display: block;
            border-radius: 50%;
            width: 20px;
            height: 20px;
        }

.color-blanco {
    background-color: white;
    border: 1px solid #000;
}

.color-amarillo {
    background-color: yellow;
    border: 1px solid transparent;
}

.color-rojo {
    background-color: red;
    border: 1px solid transparent;
}

.color-verde {
    background-color: greenyellow;
    border: 1px solid transparent;
}

.color-azul {
    background-color: blue;
    border: 1px solid transparent;
}

.color-negro {
    background-color: black;
    border: 1px solid transparent;
}

.box {
    float: left;
    width: 100%;
}

#Ofertas {
    display: inline-block;
}

.breadcrumb {
    padding: 15px;
}

    .breadcrumb a {
        color: #000;
        text-decoration: none;
        transition: all 0.5s ease-out 0s;
        -webkit-transition: all 0.5s ease-out 0s;
    }

        .breadcrumb a:hover {
            color: #000;
            text-decoration: underline;
        }

    .breadcrumb span:last-child a {
        font-weight: bold;
    }

    .breadcrumb span::after {
        content: " > ";
        font-size: 1em;
    }

    .breadcrumb span:last-child::after {
        content: "";
    }

    .breadcrumb > li {
        color: #000;
    }

    .breadcrumb > .active {
        color: #000;
    }

/* LOGIN */
.tienda aside {
    background-color: #daecff;
}

    .tienda aside h2 {
        background-color: #943528;
        color: #ffffff;
        font-family: Arial,helvetica,sans-serif;
        font-size: 1.05em;
        font-weight: bold;
        margin-bottom: 0;
        padding: 5px;
        text-align: center;
        text-transform: inherit;
    }

ul.opcionesArticulo {
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin-bottom: 30px;
}

/*.opcionesArticulo li {
    display: inline-block;
    min-width: 30%;
}*/

.opcionesArticulo li a {
    background-color: #405d78;
    border-color: #405d78;
    width: 100%;
    height: 40px;
    vertical-align: middle;
    display: table-cell;
    color: #fff;
    -webkit-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

    .opcionesArticulo li a:hover {
        background-color: #5b7691;
        border-color: #5b7691;
        color: #fff;
    }

.ico-jpg {
    background: #fff url(../img/ico-jpg.png) no-repeat scroll 0 50%;
    display: block;
    height: 32px;
    width: 32px;
    padding-left: 40px;
    padding-right: 15px;
}

.ico-pdf {
    background: #fff url(../img/ico-pdf.png) no-repeat scroll 0 50%;
    display: block;
    height: 32px;
    width: 32px;
    padding-left: 40px;
    padding-right: 15px;
}

.ico-video {
    background: #fff url(../img/ico-video.png) no-repeat scroll 0 50%;
    display: block;
    height: 32px;
    width: 32px;
    padding-left: 40px;
    padding-right: 15px;
}

#divautocomplete {
    width: 90%;
}

#userlist {
    margin: 0;
    padding: 0;
    list-style-type: none;
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    position: absolute;
    /*z-index: 7;*/
    width: 100%;
    background-color: #fff;
}

    #userlist li {
        display: block;
        overflow: hidden;
        background-color: #fff;
        padding: 10px;
        border-bottom: 1px solid #d9d9d9;
    }

        #userlist li:last-child {
            text-align: right;
            padding: 8px 15px;
        }

    #userlist h3 {
        font-size: inherit;
    }

    #userlist .ref {
        font-weight: bold;
    }

    #userlist li a {
        color: #000;
    }

    #userlist li:hover {
        color: #000;
        background-color: #eaeaea;
    }

.thumbs {
    margin: 0;
    list-style-type: none;
    padding: 0;
    height: 45px;
    margin-bottom: 30px;
}

    .thumbs li {
        display: inline-block;
        line-height: 3;
        text-align: center;
        position: relative;
    }

        .thumbs li:hover::after img[title] {
            content: attr(title);
            position: absolute;
            left: 0;
            top: -25px;
            display: block;
            background: #e6e6e6;
            box-shadow: 2px 2px 2px #999;
            padding: 3px;
            font-size: 12px;
            color: #000;
            font-style: normal;
        }

.tallas {
    margin: 0;
    list-style-type: none;
    padding-left: 45px;
    background: #fff url(../img/ico-talla.jpg)no-repeat scroll 0 0;
    height: 45px;
}

    .tallas li {
        display: inline-block;
        line-height: 3;
        text-align: center;
        outline: 1px solid #ccc;
    }

        .tallas li a {
            color: #666;
            -webkit-transition: all 0.5s ease-out 0s;
            transition: all 0.5s ease-out 0s;
            padding: 0 5px;
            display: inline-block;
        }

            .tallas li a:hover, .tiposcolor li a:hover {
                background-color: #ebebeb;
            }

.tiposcolor {
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin-bottom: 30px;
}

    .tiposcolor li {
        display: inline-block;
        min-width: 45px;
        width: auto;
        text-align: center;
        outline: 1px solid #ccc;
        font-size: 0.5em;
    }

        .tiposcolor li input {
            margin-right: 5px;
        }

        .tiposcolor li a {
            line-height: 6;
            display: block;
            color: #666;
            -webkit-transition: all 0.5s ease-out 0s;
            transition: all 0.5s ease-out 0s;
        }

.btnarticulo:hover {
    background-color: #a18d57;
    border-color: #a18d57;
    color: #fff;
}

.btnarticulo {
    background: #000 url(../img/cestaw.png) no-repeat scroll 10% center;
    border-color: #000;
    color: #fff;
    border-radius: 36px;
    padding: 10px 15px 10px 40px;
    font-family: "Open Sans";
    font-size: 1em;
    font-weight: 600;
    -webkit-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}



.btn-mas {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    padding: 5px;
}
/** tablas **/
.table-rect {
    display: table;
    width: 100%;
    border-top: 1px dotted;
    border-right: 1px dotted;
    margin-top: 30px;
    /*table-layout:fixed;*/
}

.tr-rect:first-child, .tr-rect2:first-child {
    font-weight: bold;
}

.tr-rect:nth-of-type(2n+1) {
    background-color: #f7f7f7;
    font-weight: bold;
}

.tr-rect .td-rect:first-child {
    padding: 5px;
}

.td-rect {
    display: table-cell;
    vertical-align: middle;
    border-bottom: 1px dotted;
    border-left: 1px dotted;
    text-align: center;
}

    .td-rect.dir, .td-rect.dir2 {
        text-align: left;
        padding: 15px;
    }

        .td-rect.dir2 .editar {
            margin-top: 10px;
        }

        .td-rect.dir h4, .td-rect.dir2 h4 {
            font-weight: bold;
        }

    .td-rect.dir {
        background-color: #f7f7f7;
    }
/*.th-rect, .td-rect {
    width: 203.8px;
}*/
/*.tr-rect {
    display: table-row;
    font-size: 0.865em;
}*/
.tr-rect, .tr-rect2 {
    display: table;
    table-layout: fixed;
    width: 100%;
    font-size: 0.865em;
}

.th-rect {
    display: table-cell;
    vertical-align: middle;
    border-bottom: 1px dotted;
    font-weight: bold;
    background-color: #eee;
    font-size: initial;
    text-align: center;
    border-left: 1px dotted;
}

    .th-rect h5 {
        font-size: inherit;
        font-weight: bold;
        text-transform: uppercase;
    }

.td-rect h6 {
    display: block;
    margin: 0;
    vertical-align: middle;
    font-weight: bold;
    font-size: inherit;
    word-wrap: break-word;
}

.td-rect img {
    margin: 0 auto;
}

.td-rect input {
    border: 1px solid #cccccc;
    font-family: 'Open Sans';
    font-weight: normal;
}

    .td-rect input[type="image"] {
        border: 0;
    }

.td-rect label {
    display: block;
    margin: 0;
    font-weight: normal;
}

.td-rect.dir2 label {
    display: inline-block;
}

.numerico {
    width: 50px;
}

.sliderprecio {
    font-size: 0.865em;
    margin-bottom: 15px;
    width: 100%;
}

.ajax__slider_h_rail {
    width: 100% !important;
}

.toggle-nav2 {
    /*! display: none; */
}

.searchFor {
    position: absolute;
    left: 25px;
    top: -30px;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-style: italic;
    /*z-index: 3;*/
}



#tienda .btn-volver, #program .btn-volver {
    float: right;
    background-color: transparent;
    border-color: #ccc;
    border-radius: 36px;
    color: #000;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
}

    #tienda .btn-volver:hover .glyphicon.glyphicon-chevron-left, .pagination a:hover .glyphicon.glyphicon-chevron-left, #program .btn-volver:hover .glyphicon.glyphicon-chevron-left, .pagination a:hover .glyphicon.glyphicon-chevron-left {
        left: -8px;
    }

.pagination a:hover .glyphicon.glyphicon-chevron-right {
    right: -8px;
}

#tienda .glyphicon.glyphicon-chevron-left, .pagination a .glyphicon.glyphicon-chevron-left, #program .glyphicon.glyphicon-chevron-left {
    color: #333;
    position: relative;
    left: 0;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
}

.pagination a .glyphicon.glyphicon-chevron-right {
    position: relative;
    right: 0;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
}

.btn-cont {
    background-color: var(--bs-secondary-color);
    color: #fff;
    /*! border-radius: 36px; */
    padding: 10px;
    /*! margin: 20px 0; */
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
    width: 25%;
}

    .btn-cont .glyphicon.glyphicon-chevron-right {
        position: relative;
        right: 0;
        transition: all 0.5s ease-out 0s;
        -webkit-transition: all 0.5s ease-out 0s;
    }

    .btn-cont:hover .glyphicon.glyphicon-chevron-right {
        right: -8px;
    }

    .btn-cont:hover {
        background-color: var(--bs-tertiary-color);
        color: #fff;
    }

.btn-home {
    background-color: rgba(221,221,221,.8);
    border-color: rgba(221,221,221,.8);
    color: #000;
    border-radius: 0;
    padding: 8px 30px;
    margin: 20px 7px;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
}

    .btn-home:hover {
        background-color: #d3d3d3;
        border-color: #d3d3d3;
        color: #333;
    }

.filtrosselected {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    .filtrosselected li {
        display: inline-block;
        list-style-position: inside;
        margin-left: 10px;
        font-size: 0.865em;
    }

        .filtrosselected li a {
            display: block;
            padding: 5px 10px;
            background-color: #f9fafc;
            color: #808080;
        }

            .filtrosselected li a::before {
                content: "x";
                padding-right: 10px;
            }

.filtrosrect {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    .filtrosrect li {
        display: inline-block;
        list-style-position: inside;
        margin-left: 10px;
        font-size: 0.865em;
    }

        .filtrosrect li a {
            display: block;
            padding: 5px 10px;
            background-color: #f9fafc;
            color: #808080;
        }


#tienda h1 {
    overflow: hidden;
    padding: 5px;
    font-family: 'Cardo', cursive;
    font-weight: 400;
    font-size: calc( 16px + (62 - 16)* (100vw - 320px)/(1920 - 320));
    background-color: #876406;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: rgba(255,255,255,0.5) 0px 3px 3px;
}

#program h1 {
    overflow: hidden;
    padding: 5px;
    font-family: 'Cardo', cursive;
    font-weight: 400;
    font-size: calc( 16px + (62 - 16)* (100vw - 320px)/(1920 - 320));
    background-color: #876406;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: rgba(255,255,255,0.5) 0px 3px 3px;
}

#tienda h2 {
    overflow: hidden;
    padding: 5px;
    font-family: 'Cardo', cursive;
    font-weight: 400;
    font-size: calc( 16px + (32 - 16)* (100vw - 320px)/(1920 - 320));
    background-color: #000;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    color: transparent;
}

    #tienda h2 span:last-child {
        padding-left: 10px;
    }

        #tienda h2 span:last-child::before {
            content: "(";
        }

        #tienda h2 span:last-child::after {
            content: ")";
        }

#tienda h3 {
    font-size: inherit;
    font-weight: bold;
    display: inline-block;
    margin: 0;
    padding-right: 15px;
}

.tiendasel {
    display: inline-flex;
    align-items: center;
    align-content: center;
}

h2.tit3 {
    font-size: 2em !important;
    font-weight: normal !important;
    color: #000;
    font-family: inherit;
}

.btnimg {
    width: 12px;
    display: inline-block;
    vertical-align: middle;
}

.btn-pasos {
    display: inline-block;
    margin-bottom: 10px;
    margin-top: 20px;
    width: 100%;
}

    .btn-pasos ol {
        display: table;
        font-family: 'Open Sans', sans-serif;
        font-size: inherit;
        list-style-position: inside;
        list-style-type: decimal;
        margin: 0 auto;
        padding: 0;
        text-align: center;
        position: relative;
    }

        .btn-pasos ol::before, .btn-pasos ol::after {
            content: "";
            background: #ccc;
            height: 4px;
            position: absolute;
            width: 75%;
            left: 55%;
            transform: translate(-55%, -20%);
            -webkit-transform: translate(-55%, -20%);
            top: 20%;
        }

        .btn-pasos ol li {
            position: relative;
            float: left;
            margin: 0 10px;
            counter-increment: list;
            list-style-type: decimal;
            color: transparent;
            /*z-index: 3;*/
            width: 122px;
        }

            .btn-pasos ol li::before {
                background: #eee;
                position: absolute;
                width: 40px;
                height: 40px;
                border-radius: 50%;
                color: #aeaeae;
                content: counter(list) "";
                border: 4px solid #ccc;
                margin: -5px -30px 0;
                padding: 3px;
            }

            .btn-pasos ol li a.active {
                color: #000;
                font-weight: bold;
            }

            .btn-pasos ol li a {
                color: #aeaeae;
                display: block;
                margin-top: 12px;
            }

                .btn-pasos ol li a::before {
                    width: 40px;
                    border-radius: 50%;
                    height: 40px;
                }

                .btn-pasos ol li a.active::before {
                    color: #fff;
                    content: counter(list) "";
                    left: 0;
                    position: absolute;
                    text-align: center;
                    border: 4px solid #000;
                    padding-top: 3px;
                    background: #000;
                    margin: -45px 38px 0;
                }
/***forms****/
.modal-header {
    background-color: #e6ebf0;
}

.inter {
    margin-bottom: 30px;
}

    .inter .form-group label {
        width: 18%;
        font-weight: bold;
    }

    .inter .form-group .form-control {
        display: inline;
        width: 80%;
        height: 42px;
    }

    .inter .form-group > input[type="checkbox"] {
        margin-left: 100px;
        margin-top: 15px;
        margin-right: 5px;
    }

input[type="checkbox"], input[type="radio"] {
    margin-right: 5px;
}

.inter .form-group input[type="submit"] {
    margin-left: 80px;
    padding-left: 30px;
    padding-right: 30px;
}

.inter .form-group span {
    display: block;
    padding-left: 18%;
}

ul.agencias {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.agencias li {
    display: inline-block;
    padding: 0 30px;
    vertical-align: text-top;
}

    .agencias li label:nth-child(2) {
        display: initial;
    }

.precioagencia {
    display: block;
    color: darkmagenta;
}

.seccionrect {
    position: relative;
    width: 100%;
    margin: 0 auto 30px;
    background-color: #fff;
    border: 1px solid #ccc;
    overflow: hidden;
}

    .seccionrect a {
        color: #000;
    }

.dest {
    display: inline-block;
    margin: -1px;
    vertical-align: middle;
}

    .dest img {
        margin: 0 auto;
        padding-top: 15px;
    }

.detalle {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    width: 100%;
}



ul.box-promo {
    margin: 0;
    padding: 0;
}

.box-promo li, .box-promo {
    line-height: 3.5;
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
    text-align: center;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    -webkit-animation: marquee 50s linear infinite;
    animation: marquee 50s linear infinite;
    color: #5a7e96;
}

    .box-promo::before {
        content: "";
        background: transparent url(../img/logo.png) no-repeat scroll 0 0;
        position: absolute;
        width: 118px;
        height: 63px;
        left: 660px;
        transform: scale(.8);
    }

.marquee {
    overflow: hidden;
    border: 0;
    background-color: #D9D9D9;
    padding: 0;
    position: relative;
    min-height: 63px;
}



    .marquee .box-promo:hover {
        animation-play-state: paused;
        -webkit-animation-play-state: paused;
    }


@keyframes marquee {
    0% {
        transform: translateX(90%);
    }

    100% {
        transform: translateX(-90%);
    }
}

@-webkit-keyframes marquee {
    0% {
        -webkit-transform: translateX(90%);
    }

    100% {
        -webkit-transform: translateX(-90%);
    }
}

.pagination {
    text-align: center;
    width: 100%;
    position: relative;
}

    .pagination li a {
        float: none;
        display: inline-block;
        margin-left: -5px;
        color: #333;
        min-width: 36px;
        padding: 6px 8px;
        transition: all 0.5s ease-out 0s;
        -webkit-transition: all 0.5s ease-out 0s;
    }

        .pagination li a.activo {
            background-color: #CF74CF;
            color: #fff;
            cursor: initial;
        }

    .pagination li:first-child a.activo, .pagination li:last-child a.activo {
        color: #fff;
    }

    .pagination li:first-child a, .pagination li:last-child a {
        color: #333;
        background-color: #fff;
        border: 2px solid #DBB05B;
        border-radius: 50%;
        margin: 0 5px;
        color: #000;
        font-weight: bold;
    }

.label_skitter {
    background: 0 !important;
    position: absolute;
    left: 30% !important;
    top: 60% !important;
    transform: translate(-30%, -60%);
    -webkit-transform: translate(-30%, -60%);
    width: 35% !important;
}

    .label_skitter h1 {
        text-align: left;
        color: #fff;
        text-shadow: 2px 2px 5px #000;
        font-size: 3em;
        font-family: 'DM Serif Display', serif;
    }

        .label_skitter h1 span {
            display: block;
            font-family: Open Sans, serif;
            font-size: 0.55em;
            padding-top: 15px;
            color: #CECECE;
        }

.bgtbl {
    background-color: #e6ebf0;
    min-height: 34px;
}

.tdb {
    border-bottom: 1px dotted #28334a;
}

.wrapper-categorias {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    -webkit-flex-direction: row;
    -webkit-flex-wrap: wrap;
}

#instagram-embed-0 {
    min-width: 100% !important;
    margin-top: 30px !important;
}

.textopago {
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
}

.list h2 {
    float: left;
    width: 100%;
}

.btn-pasos img {
    margin: 0 auto;
}



.scrollToTopBtn {
    background: #000 !important;
    border: none;
    border-radius: 50%;
    color: white;
    cursor: pointer;
    font-size: 16px;
    line-height: 30px;
    width: 30px;
    height: 30px;
    position: absolute;
    /*! top:0; */
    bottom: 10px;
    right: 10px;
    opacity: 0;
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    outline: none;
    z-index: 100;
    display:block;
    text-decoration: none;
}

.showBtn {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
}
.scrollToTopBtn:hover {
    background: #1759dd !important;
}
    .scrollToTopBtn:active, .scrollToTopBtn:focus {
    outline: none;
}

.icon-chevron-up {
    color: #fff;
    text-align: center;
    display: block;
    padding: 7px;
}
.box-flex {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    position: relative;
    top: 0;
    transition: all .1s ease-in;
    background-color: #fff;
    margin-bottom: 30px;
    box-shadow: 2px 2px 10px #b7b7b7;
}

    .box-flex figcaption {
        padding: 5px;
        font-family: oswald,sans-serif;
        color: #fff;
        font-size: 1em;
        background-color: rgba(0,0,0,.5);
        position: absolute;
        width: 100%;
        bottom: 0;
    }

    .box-flex:hover {
        top: -2px;
        box-shadow: 2px 2px 10px rgba(0,0,0,0.2);
    }


.box-articulo p {
    text-align: justify;
}

.box-articulo .border-r:nth-child(even) {
    border-right: 1px solid #BEB6B2;
}


.oferta {
    background-image: url(../img/oferta.png);
    position: absolute;
    float: left;
    /*z-index: 2;*/
    width: 90px;
    height: 74px;
    background-repeat: no-repeat;
    top: 10px;
    right: 0px;
}

.novedad {
    background-image: url(../img/novedad.png);
    position: absolute;
    float: left;
    /*z-index: 3;*/
    width: 90px;
    height: 74px;
    background-repeat: no-repeat;
    top: 10px;
    right: 0px;
}

.grid-wrapper {
    margin: 0 auto;
    display: grid;
    grid-gap: 20px;
    width: 100%;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: auto;
    margin-bottom: 30px;
}

.productos .grid-wrapper {
    grid-gap: 0;
    grid-template-columns: 1fr 1fr 1fr;
}

.flex-wrapper {
    /*display: flex;
    justify-content: stretch;
    align-items: flex-start;
    width: 100%;*/
}

    .flex-wrapper .fx3-flex {
        flex-flow: row nowrap;
        -webkit-flex-flow: row nowrap;
        -webkit-box-orient: horizontal;
        width: 100%;
        padding: 0;
        display: flex;
        position: relative;
        top: 0;
        /*transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;*/
        -webkit-box-pack: justify;
        justify-content: center;
        -webkit-box-direction: normal;
        align-content: flex-start;
        align-items: flex-start;
        margin: 10px;
        border: 2px solid #fff;
        background-color: #fff;
    }

.fx3-flex {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: #444;
    position: relative;
    top: 0;
    transition: all .1s ease-in;
}

.thumb {
    padding-bottom: 60%;
    background-size: cover;
    background-position: center center;
}


.fx3-flex h3 {
    margin: 0 0 10px;
    font-weight: normal;
    text-align: center;
    color: #666;
}

.flex-wrapper .fx3-flex h3 {
    text-align: left;
}

.fx3-flex figure {
    overflow: hidden;
    max-height: 140px;
    position: relative;
    width: 100%;
}

    .fx3-flex figure img {
        min-width: 100%;
    }

.fx3-flex h2 {
    font-family: 'oswald', sans-serif;
    font-weight: 900;
    font-size: 1em;
    font-size: calc( 16px + (32 - 16)* (100vw - 320px)/(1920 - 320));
    height: auto;
}

.flex-wrapper .producto {
    text-align: left;
}

.grid-wrapper .producto {
    padding: 0;
    display: flex;
    flex: 1;
    justify-content: space-between;
    flex-direction: column;
    background-color: #fff;
}
/*.producto {
    text-align: center;
    height: auto;
    width: 100%;
    float: left;
    padding: 20px;
    background-color: #fff;
    box-shadow: 0px 0px 20px #b7b7b7;
    border-radius: 12px;
     margin-bottom: 30px;
}*/

.producto .precio {
    color: #686868;
    font-weight: 600;
    font-size: 1.5em;
    font-family: Arial, helvetica, sans-serif;
    float: left;
    transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    margin: 0;
    padding: 0;
}

.caja {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
}

    .caja .precio {
        flex-grow: 1;
        text-align: left;
    }

    .caja .btn-articulo {
        flex: none;
    }

.proyecto {
    font-size: 0.865em;
    outline: 1px solid #808080;
    text-align: justify;
    padding: 10px
}

    .proyecto img {
        display: inline-flex;
        flex-direction: row;
        justify-content: safe;
        max-height: 40px;
        padding-left: 15px;
    }

    .proyecto ul {
        ;
        list-style-position: inside;
    }

    .proyecto li {
        color: #fff;
        text-align: justify;
    }

    .proyecto p {
        font-weight: bold;
        color: #fff;
    }

#nosotros {
    overflow: hidden;
    padding: 3.75rem;
}

#conoce {
    padding: 60px 120px;
}

    #conoce audio {
        display: block;
        padding: 15px;
        margin: 0 auto;
    }

#nosotros.bg, #pagina.bg {
    background-color: hsl(0, 30%, 66%);
    padding: 0px;
    position: absolute;
    top:-35%;
    left: 0;    
}
.bg-catalogo {
    background-color: #F6F7F8;
}

#nosotros h2 {
    overflow: hidden;
    padding: 5px;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 400;
    font-size: calc( 16px + (64 - 16)* (100vw - 320px)/(1920 - 320));
    background-color: #000;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    color: transparent;   
    text-align: left;
}
#nosotros h2 + p {
    text-align: left;
}
#nosotros h1 ~ h2 {
    text-align: left;
    font-size: calc( 16px + (36 - 16)* (100vw - 320px)/(1920 - 320));
}

#nosotros h3 {
    text-align: center;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 400;
    font-size: calc( 16px + (20 - 16)* (100vw - 320px)/(1920 - 320));     
}

.historia h3 {
    text-align: center;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 100;
    font-size: calc( 16px + (140 - 16)* (100vw - 320px)/(1920 - 320));
    color: #808080;
}
.historia p {
    /*! font-size: calc( 16px + (140 - 16)* (100vw - 320px)/(1920 - 320)); */
    text-align: center;
    font-size: 1.5rem;
}
html {
    --lh: 1.4rem;
    line-height: var(--lh);
}
#nosotros h1 {
    text-align: center;
    font-family: 'Josefin Sans', sans-serif;
    font-size: calc( 16px + (62 - 16)* (100vw - 320px)/(1920 - 320));
    color: #000;
}
#nosotros blockquote {
    border: 0;
    font-size: calc( 16px + (140 - 16)* (100vw - 320px)/(1920 - 320));
    text-align: center;
    font-size: 1.5rem;    
    margin: 0;
}
#nosotros p {
    padding-top: 0.500em;
    margin-bottom: 1.13em;
    
    font-size: 1rem;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 400;  
    text-align:left; 
}

#nosotros time {
    display: block;
    font-family: 'Cardo', serif;
    font-size: 1.5em;
    color: #DBB05B;
    margin-bottom: 15px;
}

#nosotros .btn-articulo {    
    background-color: transparent;
    border: 2px solid #707170;
    border-radius: 36px;
    color: #000;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 1em;
    font-size: calc( 16px + (16 - 16)* (100vw - 320px)/(1920 - 320));
    padding: 7.5px 52px;
    text-align: center;
    text-decoration: none;
    transition: all 0.5s ease-out 0s;
    max-width: 200px;
    margin: 0 auto;
    display: block;
}

    #nosotros .btn-articulo:hover, #formacion .btn-articulo:hover, .Hostservicios .btn-articulo:hover {
        background: transparent;
        padding: 6.5px 52px;
       
    }

#nosotros.bg p::before {
    background: ##f8f1e3;
}

#nosotros.bg .btn-articulo::after {
    content: "";
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #fff;
    position: absolute;
    right: 10px;
    transform: translate(2px,-50%);
    -webkit-transform: translate(2px,-50%);
    top: 50%;
}

#nosotros.bg .btn-articulo:hover {
    background-color: #000;
    border: 2px solid #A77E33;
    position: relative;
}

#nosotros.bg .btn-articulo {
    background: #A77E33;
    border: 2px solid #A77E33;
    position: relative;
}
#carta, #menu {
  overflow: hidden;
  padding: 3.75rem;
}
#carta h2, #menu h2 {
  overflow: hidden;
  padding: 5px;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 400;
  font-size: calc( 16px + (64 - 16)* (100vw - 320px)/(1920 - 320)); 
  text-align: left;
}
#menu h3 {
     font-size: calc( 16px + (32 - 16)* (100vw - 320px)/(1920 - 320)); 
}
#carta h2 + p {
  text-align: left;
}
#carta p, #menu p {
  padding-top: 0.500em;
  margin-bottom: 1.13em;
  
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 400;
  text-align: left;
}

article.finde, article.infantil {
    display: flex;
    flex-direction: column;   
    padding:2.3rem;
    align-content:flex-start;
    align-items: flex-start;
    margin-bottom:1rem;
}
article.finde {
     background: #eee4dd;   
}
article.infantil {
     background: #C4CDF4;
}
#menu article ul.menu2 {
    display: flex;
    align-content: space-between;
    padding: 50px 0;
    list-style-type: none;
    height: 100%;
    flex-direction: column;
    margin: 0;
    align-items: flex-start;
    justify-content: space-between;
}

#menu article ul.menu2 .precio h3 {
    margin:0;
}

#carta .precio {
  font-size: calc( 16px + (64 - 16)* (100vw - 320px)/(1920 - 320));
  margin: 0;
  text-align: left;
}
#carta h4 {
    font-family: 'Josefin Sans', sans-serif;
        font-weight: 400;
        font-size: calc( 16px + (24 - 16)* (100vw - 320px)/(1920 - 320));
    text-align: center;
}
.catprod h4 {
  padding: 0;
  margin: 0;
  max-height: 70px;
  height: auto;
  overflow: hidden;
  min-height: 50px;
}
#carta h5 {
    font-family: 'Josefin Sans', sans-serif;
        font-weight: 400;
        font-size: calc( 16px + (18 - 16)* (100vw - 320px)/(1920 - 320));
    text-align: center;
}
#carta ul.menu {
    display: flex;
    
     font-size: calc( 16px + (24 - 16)* (100vw - 320px)/(1920 - 320));
    list-style-type: none;
    list-style-position: inside;
    flex-direction: column;
}
#carta  ul.menu li {
    display: inline-block;
    flex:1;
}
#reservas {
  overflow: hidden;
  padding: 3.75rem 1rem;
}
.notransition {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

#noticias .box-articulo {
    height: auto;
    position: relative;
    overflow: hidden;
    /*z-index: 0;*/
    box-shadow: none;
}

    #noticias .box-articulo article:first-child {
        padding-top: 20px;
    }

    #noticias .box-articulo article {
        /*overflow: hidden;*/
        display: -webkit-box;
        display: flex;
        align-items: center;
        -webkit-box-align: center;
        justify-content: space-between;
        /*! min-height: 500px; */
    }

#noticias p {
    text-align: justify;
    font-size: 1.00em;
    line-height: 1.4em;
    padding-top: 0.500em;
    margin-bottom: 1.13em;
    max-height: 70px;
    min-height: 70px;
    overflow: hidden;
    --max-lines: 5;
    position: relative;
    max-height: calc(var(--lh) * var(--max-lines));
    overflow: hidden;
}

    #noticias p::before {
        position: absolute;
        content: "...";
        bottom: 4px;
        right: 0px;
        background-color: #F6F6F6;
        width: 100%;
    }

#noticias.bg {
    background-color: #F6F6F6;
    position: relative;
}


#noticias .bg-noticia-left::before, #noticias .bg-noticia-right::after {
    /*width: 228px;
    height: 500px;*/
    width: calc( 16px + (220 - 16)* (100vw - 320px)/(1920 - 320));
    height: calc( 16px + (500 - 16)* (100vw - 320px)/(1920 - 320));
    position: absolute;
}

#noticias .bg-noticia-left::before {
    content: "";
    background: transparent url(../img/uno-left.png) no-repeat scroll 0 0;
    left: 15px;
    top: 10%;
    transform: translate(15px, -10%);
    -ms-transform: translate(15px, -10%);
    -webkit-transform: translate(15px, -10%);
    background-size: contain;
}

#noticias .bg-noticia-right::after {
    content: "";
    background: transparent url(../img/uno-right.png) no-repeat scroll 0 0;
    top: 10%;
    transform: translate(15px, -10%);
    -ms-transform: translate(15px, -10%);
    -webkit-transform: translate(15px, -10%);
    background-size: contain;
}

#noticias.bg .btn-articulo, #galeria.bg .btn-articulo {
    background: transparent;
    border: 2px solid #DBB05B;
    color: #000;
    position: relative;
}

    #noticias.bg .btn-articulo::after, #galeria.bg .btn-articulo::after {
        content: "";
        width: 0;
        height: 0;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 5px solid #DBB05B;
        position: absolute;
        right: 10px;
        transform: translate(2px,-50%);
        -webkit-transform: translate(2px,-50%);
        top: 50%;
    }

    #noticias.bg .btn-articulo:hover, #galeria.bg .btn-articulo:hover {
        background-color: #c70a0a;
        border-color: #c70a0a;
        color: #fff;
    }

#noticias .box-articulo figure {
    overflow: hidden;
    min-height: 370px;
    position: relative;
    width: 100%;
    border: 30px solid #fff;
}

#noticias .box-articulo article img {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

#noticias .box-articulo .box {
    outline: 2px solid #fff;
    position: absolute;
    width: 100%;
    height: 100%;
}

#publicidad {
    margin-top: 100px;
}

    #publicidad h3 {
        color: #A18D57;
        font-family: 'Cardo', serif;
        font-size: 1.65em;
        font-weight: 800;
        line-height: 1;
        text-align: center;
    }

.redes {
    padding: 0;
    margin: 0;
    list-style-type: none;
}



    .redes.bg {
        position: relative;
    }

        .redes.bg::before {
            content: "";
            background-color: #FC4850;
            position: absolute;
            width: 15%;
            height: 4px;
            top: 0;
        }

.mythumb {
    width: 140px;
    height: 120px;
    overflow: hidden;
    padding: 5px;
    border: double 3px #E7E7E7;
    background-position: center TOP;
    background-repeat: no-repeat;
}

#galeria .bg {
    background: transparent url(../userfiles/biografia/carlos.jpg) no-repeat scroll 0 0;
    min-height: 1070px;
}

#galeria h1 {
    color: #000;
    font-family: 'Cardo', serif;
    font-size: 48px;
}

#galeria img {
    position: relative;
}

.calendario {
    border: 0;
    padding: 0;
    font-size: 13px;
    width: 350px;
    background-color: #BA6632;
}

    .calendario a {
        font-weight: bold;
        color: BLACK;
    }

.DayHeader {
    background-color: #BA6632;
    font-weight: bold;
    color: White;
}

.WeekendDay {
    background-color: #efefef;
}

.OtherMonthDay {
    color: gray;
    background-color: white;
}

.day {
    background-color: white;
}

.TitleStyle {
    background-color: #DE1B1B;
    font-weight: bold;
    color: White;
}

.today {
    font-weight: bold;
    background-color: #F3AB73;
    color: White;
}

.SelectorStyle {
    color: White;
}

#tooltip {
    padding: 10px;
    background: #BA6632;
    border: 1px solid #DEC2B0;
    opacity: 0.90;
    color: White !important;
    font-weight: bold;
}

.info {
    cursor: text;
    font-size: 18px;
}

.pagination {
    display: table;
    min-width: 100%;
}

    .pagination > li {
        display: inline-block;
        vertical-align: middle;
    }

        .pagination > li:not(li:first-child):not(li:last-child) a {
            background-color: #fff;
            border: 2px solid #DBB05B;
            border-radius: 50%;
            margin: 0 5px;
            color: #000;
            font-weight: bold;
        }

            .pagination > li:not(li:first-child):not(li:last-child) a:hover {
                filter: none;
                background-color: #c70a0a;
                border-color: #c70a0a;
                color: #fff;
            }

        .pagination > li > a, .pagination > li > span img {
            border: 0;
            background: 0;
            transition: all 0.5s ease-out 0s;
            -webkit-transition: all 0.5s ease-out 0s;
        }

            .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover img {
                background: 0;
                filter: brightness(0.4);
            }

    .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
        background: 0;
    }

.tit {
    color: #000;
    font-family: 'Cardo', serif;
    font-size: 48px;
}

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

.forma {
    position: relative;
}

.curved {
    position: absolute;
    left: 0;
    bottom: -1px !important;
    z-index: 2;
    width: 100%;
    height: 88px;
}

.bg1 {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='1929px' height='96.77719px' viewBox='0 0 1929 96.77719' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cfilter filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB' id='filter_1'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix' /%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape' /%3E%3CfeGaussianBlur stdDeviation='1.5' result='effect0_gaussianBlur' /%3E%3C/filter%3E%3Cfilter filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB' id='filter_2'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix' /%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape' /%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha' /%3E%3CfeOffset dx='0' dy='2' /%3E%3CfeGaussianBlur stdDeviation='2' /%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1' /%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.39215687 0 0 0 0 0.39215687 0 0 0 0 0.39215687 0 0 0 0.49803922 0' /%3E%3CfeBlend mode='normal' in2='shape' result='effect0_innerShadow' /%3E%3C/filter%3E%3Cpath d='M1924.5 92.2771C1924.5 92.2771 574.638 92.2771 4.5 92.2771C4.5 29.4897 4.5 123.616 4.5 60.8284L4.5 54.2144L4.5 48.9509C9.71538 48.9749 12.6962 49.2297 16.6495 48.3215C23.6669 46.7107 31.6615 46.2791 40.3505 46.3225C50.024 46.3711 47.6409 44.1055 54.7827 43.2637C66.8561 41.8406 71.5207 43.0815 82.489 45.6143L97.2944 49.2444C103.748 50.9102 114.507 55.7388 119.041 56.8909L142.162 59.2939C154.731 58.4678 168.486 58.043 181.432 58.0908C190.897 58.1265 196.234 56.8252 204.565 55.9604C208.037 55.5996 211.715 55.0498 215.556 54.4917C232.633 52.0059 216.512 51.0198 250.951 51.033C254.992 51.0344 260.366 50.8152 264.24 51.0266C273.681 51.5425 276.199 53.8994 286.888 50.51C290.25 49.4436 292.242 48.3789 295.138 47.3008C301.952 44.7634 305.102 47.6299 311.443 48.229C322.697 49.2922 361.662 50.8606 370.22 48.2119C371.746 47.7395 372.912 47.2637 374.26 46.8962C382.143 44.7478 389.896 39.9255 398.524 43.0127L404.741 44.907C411.577 47.0259 418.091 50.0305 426.132 50.8877C436.55 51.9973 437.727 46.3208 447.384 49.6768C450.793 50.8613 451.941 51.4629 456 52.6992C463.605 55.0159 470.957 53.9023 478.98 53.6174C487.088 53.3301 498.025 54.4993 505.588 52.988C510.688 51.9695 508.759 51.1387 514.421 50.1169C521.007 48.9287 531.018 51.28 540.196 50.269C548.91 49.3093 555.993 43.5518 564.437 45.4258C571.188 46.9248 566.341 49.2358 580.238 49.2058C591.79 49.1819 591.77 46.9202 599.218 44.2476C608.927 40.7632 611.137 42.7332 622.752 41.6228C630.839 40.8499 638.989 39.0823 645.458 42.022C650.574 44.3472 653.321 45.8406 658.912 42.5649C660.842 41.4329 660.994 41.4019 663.911 40.9524C665.006 40.7834 668.643 40.3633 669.306 40.3323C673.4 40.1409 672.977 40.1563 675.485 41.1355L682.124 43.3369C690.261 45.5903 705.032 40.8188 710.992 43.9363C716.522 46.8289 721.595 48.4575 729.661 48.9316C737.823 49.4121 735.961 47.5254 742.125 47.2026C743.863 47.239 753.185 47.6892 753.466 48.751C753.975 50.6731 756.343 51.3379 759.202 51.5046C772.953 52.3069 774.68 49.0159 778.317 41.7192C786.032 41.6204 789.607 38.6528 798.02 39.2141C803.699 39.5933 799.235 39.3633 801.925 40.0505C813.571 43.0273 825.888 42.0776 836.194 38.8135C841.158 37.2412 859.299 36.6589 865.497 38.6257C870.761 40.2954 873.52 41.7456 877.933 43.7942L882.015 44.9216C891.639 45.822 893.67 47.4058 899.476 44.0227C903.783 41.5132 903.344 42.6692 909.433 42.3748C917.194 42.0002 937.042 36.2102 945.179 34.5229C954.205 32.9631 952.839 30.5879 960.463 29.3647C964.409 28.7314 972.413 28.8528 975.78 29.6272C986.299 32.0466 1012.28 31.7632 1026.17 32.0466C1034.14 32.2095 1034.93 35.2891 1040.69 37.8103C1048.67 41.3054 1057.53 43.9331 1067.9 41.6667C1071.89 40.7339 1072.01 40.52 1074.7 38.3701C1092.68 38.1848 1087.21 42.3933 1098.64 42.4097C1102.87 42.4158 1109.08 42.0205 1113.04 42.3254C1120.26 42.8792 1120.63 45.5364 1122.3 46.4343C1123.67 47.1665 1125.13 47.1038 1127.28 47.7185C1132.82 49.2976 1131.98 51.4646 1143.3 50.5063C1147.4 50.1602 1145.4 50.9131 1149.16 49.8845C1151.78 49.1704 1152.78 49.1897 1154.63 48.2251C1160.8 45.0251 1164.61 43.0474 1171.27 48.5842C1175.47 52.073 1186.95 54.093 1190.82 51.2036L1197.16 44.7617C1204.06 39.4668 1216.01 40.0706 1225.81 39.1455C1227.25 40.4104 1228.6 41.4397 1230.32 42.8142C1236.05 47.3982 1238.88 51.8792 1249.83 50.761C1258.76 49.8506 1258.06 46.1602 1260.48 44.0466C1261.75 42.9409 1264.91 41.947 1267.03 41.0212C1274.04 37.9602 1277.19 34.052 1285.72 32.0674C1289.14 31.2729 1290.25 30.5793 1294.02 30.0867C1297.13 29.6797 1300.74 29.6304 1303.72 29.1045C1311.32 27.7671 1315.55 28.8474 1323.61 28.106C1329.07 27.6047 1327.51 26.9114 1332.85 26.8203C1340.16 26.696 1355.43 25.2419 1361.54 24.2588C1368.79 23.092 1379.64 22.8813 1386.42 25.9902C1390.98 28.082 1389.91 27.0505 1396.82 27.6736C1404.18 28.3376 1411.5 27.5276 1418.62 28.1262C1427.68 28.8875 1440.94 29.1113 1450.22 27.3005C1457.35 25.9106 1461.75 22.3501 1472 21.5562C1483.15 20.6921 1489.18 22.5962 1498.19 25.7253C1506.33 28.55 1506.22 32.0188 1521.02 31.9695C1534.23 31.9253 1532.72 30.9924 1540.45 30.6133C1543.99 30.4397 1548.04 30.842 1551.53 30.5261C1555.22 30.1917 1555.83 29.6411 1560.9 29.2705C1565.76 28.9153 1564.7 28.7971 1568.36 27.6458C1589.67 20.9485 1576.26 25.2744 1594.62 25.3677C1603.26 25.4119 1605.83 26.0117 1613.05 23.5576C1620.17 21.1367 1624.55 22.6572 1632.47 22.7507C1638.04 22.8171 1650.41 23.2727 1654.84 22.1138C1666.16 19.1577 1665.48 22.801 1680.02 20.4944C1686.38 19.4836 1682.99 21.3237 1688.59 20.1777C1698.72 18.1013 1703.15 22.7275 1710.97 25.7314C1715.2 27.3547 1725.01 27.5872 1728.82 25.062C1741.99 16.3406 1736.21 23.8025 1747.66 11.0247C1749.29 9.21704 1753.94 6.02246 1757.27 6.41699C1760.66 6.8186 1759.35 7.00537 1761.41 9.27954L1766.21 16.0371C1769.36 20.7253 1769.34 21.77 1778.54 22.9939C1787.34 24.1638 1785.8 23.0203 1791.52 21.8821C1810.27 18.1477 1806.21 8.66724 1813.6 5.34985C1817.49 3.60083 1822.74 4.94604 1826.94 5.87793C1826.97 9.79688 1828.91 13.4465 1834.42 15.4263L1840.1 18.8611C1847.42 18.8997 1849.98 18.7861 1856 16.7336L1862.88 14.5901C1867.85 12.9207 1872.78 8.01538 1881.32 10.9414C1883.13 11.5623 1883.21 12.0828 1884.47 12.9253C1889.04 15.9854 1886.79 15.2024 1889.54 17.553C1891.83 19.5115 1891.77 17.9146 1895.99 21.2852C1899.98 24.4722 1904 24.9214 1910.69 24.7839C1913.61 24.7246 1922.08 22.1802 1924.5 21.2852C1924.5 21.5879 1924.5 92.2771 1924.5 92.2771Z' id='path_1' /%3E%3C/defs%3E%3Cg id='Máscara' filter='url(%23filter_1)'%3E%3Cuse stroke='none' fill='%23F8F1E3' xlink:href='%23path_1' fill-rule='evenodd' filter='url(%23filter_2)' /%3E%3C/g%3E%3C/svg%3E");
    background-position: -12px 0;
}

.bg2 {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='1929px' height='96.77719px' viewBox='0 0 1929 96.77719' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cfilter filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB' id='filter_1'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix' /%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape' /%3E%3CfeGaussianBlur stdDeviation='1.5' result='effect0_gaussianBlur' /%3E%3C/filter%3E%3Cfilter filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB' id='filter_2'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix' /%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape' /%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha' /%3E%3CfeOffset dx='0' dy='2' /%3E%3CfeGaussianBlur stdDeviation='2' /%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1' /%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.39215687 0 0 0 0 0.39215687 0 0 0 0 0.39215687 0 0 0 0.49803922 0' /%3E%3CfeBlend mode='normal' in2='shape' result='effect0_innerShadow' /%3E%3C/filter%3E%3Cpath d='M1924.5 92.2771C1924.5 92.2771 574.638 92.2771 4.5 92.2771C4.5 29.4897 4.5 123.616 4.5 60.8284L4.5 54.2144L4.5 48.9509C9.71538 48.9749 12.6962 49.2297 16.6495 48.3215C23.6669 46.7107 31.6615 46.2791 40.3505 46.3225C50.024 46.3711 47.6409 44.1055 54.7827 43.2637C66.8561 41.8406 71.5207 43.0815 82.489 45.6143L97.2944 49.2444C103.748 50.9102 114.507 55.7388 119.041 56.8909L142.162 59.2939C154.731 58.4678 168.486 58.043 181.432 58.0908C190.897 58.1265 196.234 56.8252 204.565 55.9604C208.037 55.5996 211.715 55.0498 215.556 54.4917C232.633 52.0059 216.512 51.0198 250.951 51.033C254.992 51.0344 260.366 50.8152 264.24 51.0266C273.681 51.5425 276.199 53.8994 286.888 50.51C290.25 49.4436 292.242 48.3789 295.138 47.3008C301.952 44.7634 305.102 47.6299 311.443 48.229C322.697 49.2922 361.662 50.8606 370.22 48.2119C371.746 47.7395 372.912 47.2637 374.26 46.8962C382.143 44.7478 389.896 39.9255 398.524 43.0127L404.741 44.907C411.577 47.0259 418.091 50.0305 426.132 50.8877C436.55 51.9973 437.727 46.3208 447.384 49.6768C450.793 50.8613 451.941 51.4629 456 52.6992C463.605 55.0159 470.957 53.9023 478.98 53.6174C487.088 53.3301 498.025 54.4993 505.588 52.988C510.688 51.9695 508.759 51.1387 514.421 50.1169C521.007 48.9287 531.018 51.28 540.196 50.269C548.91 49.3093 555.993 43.5518 564.437 45.4258C571.188 46.9248 566.341 49.2358 580.238 49.2058C591.79 49.1819 591.77 46.9202 599.218 44.2476C608.927 40.7632 611.137 42.7332 622.752 41.6228C630.839 40.8499 638.989 39.0823 645.458 42.022C650.574 44.3472 653.321 45.8406 658.912 42.5649C660.842 41.4329 660.994 41.4019 663.911 40.9524C665.006 40.7834 668.643 40.3633 669.306 40.3323C673.4 40.1409 672.977 40.1563 675.485 41.1355L682.124 43.3369C690.261 45.5903 705.032 40.8188 710.992 43.9363C716.522 46.8289 721.595 48.4575 729.661 48.9316C737.823 49.4121 735.961 47.5254 742.125 47.2026C743.863 47.239 753.185 47.6892 753.466 48.751C753.975 50.6731 756.343 51.3379 759.202 51.5046C772.953 52.3069 774.68 49.0159 778.317 41.7192C786.032 41.6204 789.607 38.6528 798.02 39.2141C803.699 39.5933 799.235 39.3633 801.925 40.0505C813.571 43.0273 825.888 42.0776 836.194 38.8135C841.158 37.2412 859.299 36.6589 865.497 38.6257C870.761 40.2954 873.52 41.7456 877.933 43.7942L882.015 44.9216C891.639 45.822 893.67 47.4058 899.476 44.0227C903.783 41.5132 903.344 42.6692 909.433 42.3748C917.194 42.0002 937.042 36.2102 945.179 34.5229C954.205 32.9631 952.839 30.5879 960.463 29.3647C964.409 28.7314 972.413 28.8528 975.78 29.6272C986.299 32.0466 1012.28 31.7632 1026.17 32.0466C1034.14 32.2095 1034.93 35.2891 1040.69 37.8103C1048.67 41.3054 1057.53 43.9331 1067.9 41.6667C1071.89 40.7339 1072.01 40.52 1074.7 38.3701C1092.68 38.1848 1087.21 42.3933 1098.64 42.4097C1102.87 42.4158 1109.08 42.0205 1113.04 42.3254C1120.26 42.8792 1120.63 45.5364 1122.3 46.4343C1123.67 47.1665 1125.13 47.1038 1127.28 47.7185C1132.82 49.2976 1131.98 51.4646 1143.3 50.5063C1147.4 50.1602 1145.4 50.9131 1149.16 49.8845C1151.78 49.1704 1152.78 49.1897 1154.63 48.2251C1160.8 45.0251 1164.61 43.0474 1171.27 48.5842C1175.47 52.073 1186.95 54.093 1190.82 51.2036L1197.16 44.7617C1204.06 39.4668 1216.01 40.0706 1225.81 39.1455C1227.25 40.4104 1228.6 41.4397 1230.32 42.8142C1236.05 47.3982 1238.88 51.8792 1249.83 50.761C1258.76 49.8506 1258.06 46.1602 1260.48 44.0466C1261.75 42.9409 1264.91 41.947 1267.03 41.0212C1274.04 37.9602 1277.19 34.052 1285.72 32.0674C1289.14 31.2729 1290.25 30.5793 1294.02 30.0867C1297.13 29.6797 1300.74 29.6304 1303.72 29.1045C1311.32 27.7671 1315.55 28.8474 1323.61 28.106C1329.07 27.6047 1327.51 26.9114 1332.85 26.8203C1340.16 26.696 1355.43 25.2419 1361.54 24.2588C1368.79 23.092 1379.64 22.8813 1386.42 25.9902C1390.98 28.082 1389.91 27.0505 1396.82 27.6736C1404.18 28.3376 1411.5 27.5276 1418.62 28.1262C1427.68 28.8875 1440.94 29.1113 1450.22 27.3005C1457.35 25.9106 1461.75 22.3501 1472 21.5562C1483.15 20.6921 1489.18 22.5962 1498.19 25.7253C1506.33 28.55 1506.22 32.0188 1521.02 31.9695C1534.23 31.9253 1532.72 30.9924 1540.45 30.6133C1543.99 30.4397 1548.04 30.842 1551.53 30.5261C1555.22 30.1917 1555.83 29.6411 1560.9 29.2705C1565.76 28.9153 1564.7 28.7971 1568.36 27.6458C1589.67 20.9485 1576.26 25.2744 1594.62 25.3677C1603.26 25.4119 1605.83 26.0117 1613.05 23.5576C1620.17 21.1367 1624.55 22.6572 1632.47 22.7507C1638.04 22.8171 1650.41 23.2727 1654.84 22.1138C1666.16 19.1577 1665.48 22.801 1680.02 20.4944C1686.38 19.4836 1682.99 21.3237 1688.59 20.1777C1698.72 18.1013 1703.15 22.7275 1710.97 25.7314C1715.2 27.3547 1725.01 27.5872 1728.82 25.062C1741.99 16.3406 1736.21 23.8025 1747.66 11.0247C1749.29 9.21704 1753.94 6.02246 1757.27 6.41699C1760.66 6.8186 1759.35 7.00537 1761.41 9.27954L1766.21 16.0371C1769.36 20.7253 1769.34 21.77 1778.54 22.9939C1787.34 24.1638 1785.8 23.0203 1791.52 21.8821C1810.27 18.1477 1806.21 8.66724 1813.6 5.34985C1817.49 3.60083 1822.74 4.94604 1826.94 5.87793C1826.97 9.79688 1828.91 13.4465 1834.42 15.4263L1840.1 18.8611C1847.42 18.8997 1849.98 18.7861 1856 16.7336L1862.88 14.5901C1867.85 12.9207 1872.78 8.01538 1881.32 10.9414C1883.13 11.5623 1883.21 12.0828 1884.47 12.9253C1889.04 15.9854 1886.79 15.2024 1889.54 17.553C1891.83 19.5115 1891.77 17.9146 1895.99 21.2852C1899.98 24.4722 1904 24.9214 1910.69 24.7839C1913.61 24.7246 1922.08 22.1802 1924.5 21.2852C1924.5 21.5879 1924.5 92.2771 1924.5 92.2771Z' id='path_1' /%3E%3C/defs%3E%3Cg id='Máscara' filter='url(%23filter_1)'%3E%3Cuse stroke='none' fill='%23F6F7F8' xlink:href='%23path_1' fill-rule='evenodd' filter='url(%23filter_2)' /%3E%3C/g%3E%3C/svg%3E");
    background-position: -12px 0;
}

.mask {
    linear-gradient(180deg, rgba(0,0,255,0), rgba(248,241,227,1)), url("data:image/svg+xml,%3Csvg viewBox='0 0 254 254' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
    background-blend-mode: normal;
    filter: blur(19px);
}

#collapseExample p {
    overflow-y: auto;
    height: auto;
    max-height: 350px;
}

.box-articulo h1 {
    color: #000;
    font-family: 'Cardo', serif;
    font-size: calc( 16px + ( 48 - 16)* (100vw - 320px)/(1920 - 320));
    line-height: 1.44em;
    padding-top: 0.389em;
    margin-bottom: 0.0926em;
    text-align: center;
}

.time-center {
    margin: 0 auto;
    display: table;
    color: #CC9933;
    font-family: 'Cardo', serif;
    font-style: italic;
    font-size: 1.6em;
}

.imgprodet figure {
    display: table-cell;
    vertical-align: middle;
    overflow: hidden;
    width: 555px;
    height: 370px;
    position: relative;
}

    .imgprodet figure img {
        min-width: 100%;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
    }

.panel {
    margin-bottom: 0px;
}

#accordion .panel h3 {
    color: #a82020;
    background: #f1e8d9;
    padding: 15px;
    margin: 0;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}

    #accordion .panel h3:hover {
        background: #f7f2eb;
    }

    #accordion .panel h3 a {
        color: #a82020;
    }

.glyphicon.glyphicon-chevron-down {
    font-size: 0.65em;
}

.glyphicon.glyphicon-chevron-down {
    margin-left: 4px;
    margin-right: -7px;
    color: #a82020;
    font-style: normal;
}

.listglypgh {
    float: right;
    padding: 8px 15px;
}


.bloquecestaport .cesta {
    float: left;
    margin: 0;
    padding: 0;
    line-height: 2.5;
    padding-right: 15px;
    font-size: 1.2em;
}

    .bloquecestaport .cesta > a {
        color: #000;
        transition: all 0.5s ease-out 0s;
        padding: 10px;
        border-radius: 12px;
    }

        .bloquecestaport .cesta > a:hover {
            background-color: #E3E4E3;
        }


.bloquecestaport .articulo > a {
    background: transparent url("../img/cestaw.png") no-repeat scroll 0 50%;
    color: #000;
    padding-left: 35px;
    font-size: 0.865em;
    float: left;
}

#numarticulos + span {
    float: left;
    clear: left;
}

.titulo-cesta {
    display: inline-flex;
    flex-direction: row;
    position: relative;
    justify-content: space-between;
    align-items: center;
}

    .titulo-cesta .btn-volver {
        background-color: transparent;
        border-color: #ccc;
        border-radius: 36px;
        color: #000;
        transition: all 0.5s ease-out 0s;
        -webkit-transition: all 0.5s ease-out 0s;
    }

        .titulo-cesta .btn-volver:hover .glyphicon.glyphicon-chevron-left {
            left: -8px;
        }

.Hostservicios .row:first-child {
    justify-content: center;
    min-height: 40rem;
}

.btn-danger {
    background-color: #8d9aa6;
    border-color: #8d9aa6;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
}

    .btn-danger:hover {
        background-color: #5d6974;
        border-color: #5d6974;
    }
.productos {
    overflow: hidden;
}
.productos h3 {
    text-align: center;
}
.productos .box-attcliente {
    flex-direction:column;    
}
.productos .box-attcliente img {
    align-self:center;   
}
.productos .box-attcliente h4 {
   font-size: 2rem;
}
.productos .box-attcliente p {
   font-size: 2rem;
}
.receta h3 {
   font-size: 1.3rem;
}
ul.receta {
    display: flex;
    flex-direction: column;
    list-style-type: none;
    align-items: center;
    padding: 0;
}

    ul.receta li {
        display: flex;
        align-items: center;
        font-size: 1rem;
    }


.badge {
    margin-left: 3px;
}
.color-1 {
    background-color:#fe765b !important;
}
.color-2 {
    background-color:#41cefc !important;
}
.color-3 {
    background-color:#fe9840 !important;
}
.color-4 {
    background-color:#1934f5 !important;
}
.color-5 {
    background-color:#c57b5e !important;
}
.color-6 {
    background-color:#32fb26 !important;
}
.color-7 {
    background-color:#6f412a !important;
}
.color-8 {
    background-color:#e15170 !important;
}
.color-9 {
    background-color:#68fe21 !important;
}
.color-10 {
    background-color:#bfa649 !important;
}
.color-11 {
    background-color:#9fa48e !important;
}
.color-12 {
    background-color:#8a178f !important;
}
.color-13 {
    background-color:#4fffd6 !important;
}
.color-14 {
    background-color:#f6e050 !important;
}
ul.box-prt {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-content: center;
    align-items: center;
    padding: 1rem 3.75rem;
}

.box-prt li {
    margin: 10px 0;
}

    .box-prt li:first-child {
        flex: 1 0 26%;
    }

    .box-prt li:last-child {
        border-left: 1px solid #000;
    }

.box-prt a {
    vertical-align: middle;
    display: inline-block;
    position: relative;
    transform: scale(1);
    -webkit-transform: scale(1);
    -webkit-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
    filter: none;
    -webkit-filter: grayscale(0);
    opacity: 1;
}

.box-prt li img {
    vertical-align: middle;
    width: auto;
    display: inline-block;
}

.box-prt li a img:hover {
    transform: scale(1);
    opacity: 1;
}
.offcanvas {
    background-color:#f5f1ec;
}
.offcanvas-top {
    background-color:#fff;
}
.offcanvas-top.h-auto {
    bottom: initial;
}
.offcanvas-body .bg-canvas img {
   height:100%;
   width:100%;
   max-height:fit-content;
}