@font-face {
    font-family: Bebas;
    src: url(../../fonts/BebasNeue.otf) format("truetype");
}

@font-face {
    font-family: Wisdom;
    src: url(../../fonts/BebasNeue.otf) format("truetype");
}

@font-face {
    font-family: MorganBold;
    src: url(../../fonts/MorganAvecBoldCaps.otf) format("truetype");
}
/* Works on Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: #e00099 black;
}

    /* Works on Chrome, Edge, and Safari */
    *::-webkit-scrollbar {
        width: 5px;
        height: 5px;
    }

    *::-webkit-scrollbar-track {
        background: black;
    }

    *::-webkit-scrollbar-thumb {
        background-color: #e00099;
        border-radius: 20px;
        border: 1px solid black;
    }

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    text-align: left;
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    color: black;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    color: black;
}

::-ms-input-placeholder { /* Microsoft Edge */
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    color: black;
}
.tempHide {
    /*display:none !important;*/
}
.ldBar-label {
    color: #d2d2d2;
    text-align: center;
    font-family: MorganBold;
    font-size: 18px;
    position: relative;
    margin-top: -12px;
    letter-spacing: 3px;
    margin-left: -20px
}


    .ldBar-label:before {
        content: "Cargando... ";
    }

.bodyFondo {
    background: url(../img/texturaFormV4.png) no-repeat center center fixed;
    /*background: url(../img/texturaFormV3.jpg) no-repeat center center fixed;*/
    background-size: cover;
}

html, body {
    /*height: 100%;*/
    margin-right: 0px;
}

#redesSociales {
    /*position: fixed;*/
    /* margin-top: 41%; */
    /*margin-left: 0.4%;*/
    /*width: 1%;
    z-index: 1;
    bottom: 0;*/
    position: relative;
    z-index: 1;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: 10vh;
}

    #redesSociales a:hover {
        color: transparent;
    }

    #redesSociales img {
        height: 0%;
        width: 3vw;
        vertical-align: super;
    }

    #redesSociales .fb {
        display: table-cell;
        position: relative;
        left: 3vh;
    }

    #redesSociales .ig {
        display: table-cell;
        top: 4vh;
        left: 0vh;
        position: relative;
    }

    #redesSociales .twt {
        display: table-cell;
        position: relative;
        top: 8vh;
        left: -3vh;
    }

    #redesSociales img:hover {
        box-shadow: 0px 0px 19px -1px rgb(255, 255, 255);
        border-radius: 50px;
    }

    #redesSociales > table {
        width: 75%;
        position: relative;
        left: 50%;
        transform: translate(-50%, 0);
    }

        #redesSociales > table td {
            padding: 0px;
        }

#ios {
    position: absolute;
    margin-top: -11%;
    margin-left: 16%;
    width: 17%;
    /*margin-top: -150px;
    margin-left: 215px;*/
}

    #ios img {
        width: 65%;
        /*height: 100%;*/
    }

#android {
    position: absolute;
    margin-top: -11%;
    margin-left: 28%;
    width: 18%;
    /*background: url(../img/google_play_button@2x.png) no-repeat;*/
    /*margin-top: -150px;
    margin-left: 410px;*/
}

    #android img {
        /*width: 170px;
        height: 60px;*/
        width: 65%;
        /*height: 100%;*/
    }

#imagenDescarga {
    /*margin-left: 235px;
    margin-top: -520px;
    position: absolute;
    width: 400px;*/
    margin-left: 20%;
    margin-top: -36%;
    position: absolute;
    width: 24%;
}

#compra {
    /*position: absolute;
    margin-top: -15.5%;
    margin-left: 28%;
    width: 23%;*/
    position: absolute;
    margin-top: -14.5%;
    margin-left: 33%;
    width: 23%;
    z-index: 10
}

    #compra img {
        /*width: 200px;
        height: 45px;*/
        width: 12vw;
        height: 0%;
    }

#team {
    /*position: absolute;
    margin-top: -250px;
    margin-left: 440px;*/
    position: absolute;
    margin-top: -6.45%;
    margin-left: 81%;
}

    #team img {
        /*width: 200px;
        height: 45px;*/
        width: 12vw;
        height: 0%;
    }

#imagenShop {
    /*margin-left: 19%;
    margin-top: -33%;
    position: absolute;
    width: 23%;*/
    margin-left: -68%;
    margin-top: 20%;
    position: absolute;
    width: 23%;
}

#imagenTeam {
    /*margin-left: 19%;
    margin-top: -35%;
    position: absolute;
    width: 29%;*/
    margin-left: -69%;
    margin-top: 16%;
    position: absolute;
    width: 29%;
}

.carousel-indicators {
    background: chocolate;
    display: inline-flex;
}

    .carousel-indicators .points {
        margin-left: 20px;
        list-style-type: none;
        color: #e00099;
    }

#indicadores {
    margin-top: calc(38vw + -5vh);
    position: absolute;
    left: 55%;
    transform: translate(-50%, 0);
    z-index: 100;
}

.circle {
    font-size: 1.5vw;
}

#indicadoresMenu {
    /*margin-top: calc(29vw + -3vh);*/
    margin-top: 29.7%;
    position: absolute;
    left: 55%;
    transform: translate(-50%, 0);
    z-index: 100;
}

.circleMenu {
    font-size: 1.5vw;
}

#indicadoresRes {
    margin-top: calc(36vw + -3vh);
    position: absolute;
    left: 55%;
    transform: translate(-50%, 0);
    z-index: 100;
}

.circleSuc {
    font-size: 1.5vw;
}

#indicadoresSuc {
    margin-top: 40vw;
    position: absolute;
    left: 55%;
    transform: translate(-50%, 0);
    z-index: 100;
}

.circleRes {
    font-size: 1.5vw;
}

#historiaImg {
    /*position: absolute;
    width: 26%;
    margin-top: -23%;
    margin-left: 10%;*/
    position: absolute;
    width: 26%;
    margin-top: 35%;
    margin-left: -81%;
    z-index: 1;
}

#verMas {
    position: absolute;
    left: 81%;
    top: 72vw;
}

    #verMas img {
        width: 12vw;
        /*position: absolute;
    left: 82%;
    top: 107vw;*/
    }

#star-svgd {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
}

#img1 {
}

    #img1 img {
        width: 45%;
        margin-left: 5%;
        margin-top: 5%;
    }

#img2 {
}

    #img2 img {
        /*width: 42%;
        margin-top: -95%;
        margin-left: 53%;*/
        width: 42%;
        /* margin-top: -95%; */
        /* margin-left: 53%; */
        position: relative;
        top: -62vw;
        left: 53vw;
    }

#img3 {
}

    #img3 img {
        height: 25.4vw;
        /*width: 28vw;
        
        margin-left: 5%;*/
    }

#img4 {
    position: relative;
    /*bottom: 0.5vw;*/
}

    #img4 img {
        /*width: 28vw;*/
        /*margin-left: 35%;*/
        /*margin-top: -29%;*/
    }

#img5 {
}

    #img5 img {
        /*width: 28vw;*/
        /* margin-left: 66%; */
        /*margin-top: -33%;*/
    }

.cuadroImagen {
    width: 27vw;
}

#img6 {
}

    #img6 img {
        width: 29%;
        /*margin-left: 60%;
        margin-top: -100%;*/
        position: relative;
        left: 60vw;
        bottom: 82vw;
    }


.flechaIzquiera {
    margin-left: 13%;
    /*background-image: url(../img/flecha01_blanca.png);*/
    background-repeat: no-repeat;
    background-size: 2vw;
    padding: 0;
    border: none;
    height: 2%;
    width: 5%;
    background-color: transparent;
    position: absolute;
    margin-top: -22%;
    outline: none;
    cursor: pointer;
    opacity: 0.5;
}

    .flechaIzquiera img {
        width: 2vw;
    }

    .flechaIzquiera:hover {
        opacity: 1;
    }

.flechaIzquierdaClara {
    margin-left: 3%;
    background-image: url(../img/flecha_02.png);
    background-repeat: no-repeat;
    background-size: 2vw;
    padding: 0;
    border: none;
    height: 2%;
    width: 5%;
    background-color: transparent;
    position: absolute;
    margin-top: -22%;
    outline: none;
    cursor: pointer;
}

.flechaDerecha {
    margin-right: 3%;
    /*background-image: url(../img/flecha_02_blanca.png);*/
    background-repeat: no-repeat;
    background-size: 2vw;
    padding: 0;
    border: none;
    height: 2%;
    width: 6%;
    background-color: transparent;
    position: absolute;
    margin-top: -22%;
    outline: none;
    cursor: pointer;
    right: 0%;
    opacity: 0.5;
}

    .flechaDerecha img {
        width: 2vw;
    }

    .flechaDerecha:hover {
        opacity: 1;
    }

#reservaImg {
    margin-top: -35%;
    margin-left: 55%;
    width: 35%;
    position: absolute;
}


#buttonReserva {
    /*background: url(../img/botonReserva@2x.png) no-repeat;
    width: 374px;
    border: none;
    height: 84px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 570%;
    margin-left: auto;
    margin-right: auto;
    outline: none;*/
    background: url(../img/botonReserva@2x.png) no-repeat;
    width: 28%;
    border: none;
    height: 20%;
    position: absolute;
    /* left: 0; */
    /* right: 0; */
    /* bottom: 0; */
    /* top: 570%; */
    margin-left: 34%;
    margin-top: -8%;
    outline: none;
}

.lacaDropDown {
    width: 100%;
    height: 3.2vw;
    background-color: #000000;
    color: #ffffff;
    text-indent: 4%;
    border-radius: 3vw;
    outline: none;
    padding: 10px;
    font-size: 23px;
    -webkit-appearance: none;
    -moz-appearance: none;
}

    .lacaDropDown.minimal {
        background-image: linear-gradient(45deg, transparent 74%, white 50%), linear-gradient(135deg, white 32%, transparent 0%);
        background-position: calc(100% - 1.5vw) calc(1.4vw + -1px), calc(100% - 1vw) calc(1.4vw + -1px), calc(100% - 2.5em) 0.5em;
        background-size: 0.5vw 1vw, 0.5vw 1vw, 1px 2.5em;
        background-repeat: no-repeat;
    }

/*.lacaDropDown.minimal:focus {
        background-image: linear-gradient(45deg, green 50%, transparent 50%), linear-gradient(135deg, transparent 50%, green 50%), linear-gradient(to right, #ccc, #ccc);
        background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, calc(100% - 2.5em) 0.5em;
        background-size: 5px 5px, 5px 5px, 1px 1.5em;
        background-repeat: no-repeat;
        border-color: green;
        outline: 0;
    }*/

.lacaDropDown2 {
    width: 175px;
    background-color: white !important;
    color: black;
    border: 1px solid #a9a9a9;
    border-radius: 0px;
    outline: none;
    height: 35px;
}

.lacaBoton {
    height: 40px;
    background-color: #e00099;
    color: #FFFFFF;
    border: none;
    outline: none;
    border-radius: 15px;
    outline: none;
    width: 135px;
    text-indent: 5px;
}

.lacaTextColor {
    color: #000000;
}

.lacaTextBox {
    width: 100%;
    outline: none;
    text-indent: 5px;
    height: 5vh;
    font-size: 2vh;
    border: solid 0.5px #a5a5a5;
}

#lanzaPopUp {
    position: absolute;
    margin-top: -5.45%;
    margin-left: 81vw;
    /*width: 32%;*/
    outline: none;
}

    #lanzaPopUp img {
        width: 12vw;
    }

.miniBarra {
    width: 27%;
    float: left;
    margin-left: 73%;
    margin-top: 8%;
    background-color: #e00099 !important;
}

.miniBarraM {
    width: 27%;
    /* float: left; */
    margin-left: 73%;
    margin-top: -7%;
    background-color: #e00099 !important;
}

.w3-bar-block .w3-bar-item-Nuevo {
    width: 100%;
    display: block;
    padding: 1px 7px;
    text-align: left;
    border: none;
    white-space: normal;
    float: none;
    font-size: 11px;
    border-bottom: 0.5px solid black;
    position: relative;
    z-index: 3;
    text-decoration-line: none;
}

.miniBarraBoton {
    color: #fff !important;
    background-color: #ccc !important;
}

.row {
    width: 100%;
    /*margin: 0 auto;*/
    text-align: center;
}

.block {
    width: 100px;
    /*float: left;*/
    display: inline-block;
    zoom: 1;
}

#parent {
    width: 100%;
    white-space: nowrap;
}

    #parent div {
        /*display: inline-block;
        width: 33.3%;*/
    }

.first {
    text-align: left;
}

.second {
    text-align: center;
}

.third {
    text-align: right;
    padding-right: 4%;
}

#btnClose {
    opacity: 1;
    outline: none;
}

    #btnClose img {
        width: 70%;
        padding-top: 22%;
        padding-right: 35%;
        filter: invert(100%);
        outline: none;
    }


.btnCloseMap {
    opacity: 1;
    outline: none;
    position: absolute;
    margin-left: -8.7%;
    width: 15%;
}

    .btnCloseMap img {
        width: 10vw;
        padding-top: 8%;
        padding-right: 36%;
        filter: invert(100%);
        outline: none;
    }

#imgHeader {
    width: 27vw;
    margin-left: 37%;
    margin-top: 5%;
    position: relative;
    z-index: 1;
}

.mapa {
    width: 100% !important;
    height: 100vh !important;
}

#subgurim_GMap1 {
    width: 100% !important;
    height: 100% !important;
}

#btnCancelar {
    border: none;
    background-color: transparent;
}

    #btnCancelar img {
        width: 80%;
    }

.separacionTabla {
    margin-left: 55%;
    padding-top: 6%;
    display: flex;
    /* align-content: center; */
    /*align-items: center;*/
}

    .separacionTabla span {
        padding-top: 2%;
    }

.botonIcono {
    background-image: url(../img/Group53.png);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    /* background-size: 11%; */
    background-size: 18% 3vh;
    /* background-color: #a9a9a9; */
    /* width: 102%; */
    border: 1px solid #a9a9a9;
    text-indent: 7%;
    outline: none;
    cursor: pointer;
}

.cajaFecha {
    margin-left: 5%;
    width: 16vh;
    height: 3vh;
    border-radius: 0px !important;
    /* text-indent: -19px; */
    text-align: left !important;
    font-size: 2vh;
}

.cajaHora {
    margin-left: 7%;
    width: 16vh;
    height: 3vh;
    border-radius: 0px;
    font-size: 2vh;
}

.cajaFecha2 {
    margin-left: 9%;
    width: 8vw;
    height: 1.9vw;
    border-radius: 0px !important;
    /* text-indent: -19px; */
    text-align: left !important;
    font-size: 1.15vw;
}

.cajaHora2 {
    margin-left: 9%;
    width: 8vw;
    height: 1.9vw;
    border-radius: 0px;
    font-size: 1.15vw;
}

.popover {
    /*left: 513.234px !important;*/
}

.centrarPopUpReserva {
    position: absolute;
    top: -50% !important;
    /* left: 0%; */
    transform: translate(0%, 50%);
}

::selection {
    background: #00000038;
    /* WebKit/Blink Browsers */
}

::-moz-selection {
    background: #00000038;
    /* Gecko Browsers */
}

select option {
    background: white;
    color: #000;
}


.highlight {
    background-color: #e00099;
    cursor: pointer;
}

select option:checked,
select option:hover {
    box-shadow: 0 0 10px 100px #000 inset;
}

Checked option item works in Chrome: select:focus > option:checked {
    background: #000 !important;
}

img {
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    -moz-user-drag: none;
    -webkit-user-drag: none;
    user-drag: none;
}



.dia {
    color: white;
    /*font-size: calc(1.2vw + 1.2vh);*/
    font-size: 1.5vw;
}

.hora {
    /*font-size: calc(1vw + 1vh);*/
    /*font-size: calc(0.9vw + 0.9vh);*/
    font-size: 1.2vw;
    color: #e00099;
    margin-top: -25%;
}

.par {
    color: white;
    /*font-size: calc(1vw + 1vh);*/
    font-size: 1.3vw;
}

.wi {
    font-size: calc(1vw + 1vh);
    color: white;
}



.footer {
    /*position: relative;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: red;
    color: white;
    text-align: center;*/
    position: relative;
    bottom: 0;
    width: 100%;
    color: #fff;
    background-color: #000;
}

#navigation-containerF {
    /*width: 100%;
    margin: 0 auto;
    height: 11vw;
    /*background-image: url(../img/footer_barra@2x.png); 
    background-repeat: no-repeat;
    /* background-size: 100% 100%;  
    background-size: 100%;*/
}

.navigation-barF {
    /* height: 70px; */
    /*width: 100%;
    text-align: right;
    position: absolute;
    margin-top: -11%;*/
    width: 100%;
    text-align: right;
}

    .navigation-barF ul {
        padding: 0px;
        margin: 0px;
        text-align: left;
        /*display: inline-block;*/
        display: inline-flex;
        vertical-align: top;
        /*margin-top: 7%;*/
        margin-left: -79%;
        position: absolute;
        z-index: 25;
    }

    .navigation-barF li {
        list-style-type: none;
        padding: 0px;
        /*height: 24px;
    margin-top: 2%;
    margin-bottom: 4px;*/
        display: inline;
    }

        .navigation-barF li a {
            color: black;
            /*font-size: 23px;*/
            /*font-size: calc(1vw + 1vh);*/
            font-family: BebasNeue, Arial, Helvetica, sans-serif;
            text-decoration: none;
            /*line-height: 70px;*/
            /*padding: 5px 3px;*/
            /*margin-right: 22px;*/
            /*opacity: 0.7;*/
            opacity: 1;
            color: #FFFFFF;
        }

#caja4 {
    position: absolute;
    margin-top: -4%;
    margin-left: 15%;
    width: 6%;
    cursor: pointer;
}

    #caja4 img {
        width: 90%;
    }

#caja5 {
    position: absolute;
    margin-top: -6.7%;
    margin-left: 58%;
    width: 3%;
}

    #caja5 img {
        width: 100%;
        position: absolute;
        margin-top: 94%;
    }

#navigation-containerFSeal {
    /*width: 100%;*/
    margin: 0 auto;
    height: 16vw;
    background-image: url(../img/footer_new.png);
    background-repeat: no-repeat;
    /* background-size: 100% 100%; */
    background-size: 100%;
    margin-left: 6.7vw;
}

.navigation-barFSeal {
    /* height: 70px; */
    /*width: 100%;
    text-align: right;
    position: absolute;
    margin-top: -11%;*/
    width: 100%;
    margin-left: 0%;
    text-align: right;
    position: relative;
    margin-top: -14%;
}

    .navigation-barFSeal ul {
        padding: 0px;
        margin: 0px;
        text-align: left;
        /*display: inline-block;*/
        display: inline-flex;
        vertical-align: top;
        /*margin-top: 7%;*/
        margin-left: -39%;
        position: absolute;
    }

    .navigation-barFSeal li {
        list-style-type: none;
        padding: 0px;
        /*height: 24px;
        margin-top: 2%;
        margin-bottom: 4px;*/
        display: inline;
    }

        .navigation-barFSeal li a {
            color: black;
            /*font-size: 23px;*/
            /*font-size: calc(1vw + 1vh);*/
            font-family: BebasNeue, Arial, Helvetica, sans-serif;
            text-decoration: none;
            /*line-height: 70px;*/
            /*padding: 5px 3px;*/
            /*margin-right: 22px;*/
            /*opacity: 0.7;*/
            opacity: 1;
            color: #FFFFFF;
        }




div.imageNum:before {
    content: url("../img/numero.png");
}

.noSelect {
    cursor: default;
    user-select: none;
    text-decoration: none;
    pointer-events: none;
}

#contenedorFilosofia {
    position: absolute;
    margin-top: -43%;
    margin-left: 46%;
    width: 45%;
}

.slotMachine {
    width: 10vw;
    padding-bottom: 3vw;
}

.ajuste {
    margin-top: -28% !important;
    width: 3% !important;
}

.filoText {
    width: 72%;
    position: absolute;
    margin-left: 13vw;
    text-align: justify;
}

    .filoText .header {
        color: #c60091;
        font-size: 2.3vw;
    }

    .filoText .contentText {
        color: white;
        font-size: 1vw;
    }

#lineaDraw {
    /*height: 2000px;*/
    margin-left: auto;
    margin-right: auto;
    display: block;
    /*width: 50%;*/
    position: relative;
    z-index: 0;
}

#divMenu {
    margin-top: -112%;
    width: 20vw;
    position: absolute;
    /*margin-left: 60%;*/
    margin-left: 50%;
    margin-top: -145%;
    z-index: 100;
}

#divCompartir {
    position: absolute;
    /*margin-top: -92%;
    margin-left: 25%;*/
    margin-top: -85vw;
    margin-left: 23vw;
    z-index: 100;
}

#divEspeciales {
    position: absolute;
    /*margin-top: -73%;
    margin-left: 46%;*/
    margin-top: -62vw;
    margin-left: 49vw;
    z-index: 100;
}

#divOtras {
    position: absolute;
    /*margin-top: -53%;
    margin-left: 25%;*/
    margin-top: -41vw;
    margin-left: 28vw;
    z-index: 100;
}


#divAgua {
    position: absolute;
    /*margin-top: -28%;
    margin-left: 50%;*/
    margin-top: -14vw;
    margin-left: 58vw;
    z-index: 100;
}

#divMenu2 {
    margin-top: -112%;
    width: 20vw;
    position: absolute;
    margin-left: 60%;
    z-index: 100;
}

#lineaDraw2 {
    /*height: 2000px;*/
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 50%;
    position: relative;
    z-index: 0;
}

#divCompartir2 {
    position: absolute;
    margin-top: -93%;
    margin-left: 17%;
    z-index: 100;
}

#divEspeciales2 {
    position: absolute;
    margin-top: -73%;
    margin-left: 46%;
    z-index: 100;
}

#divOtras2 {
    position: absolute;
    margin-top: -53%;
    margin-left: 25%;
    z-index: 100;
}


#divAgua2 {
    position: absolute;
    margin-top: -29%;
    margin-left: 48%;
    z-index: 100;
}

#footer {
    position: absolute;
    bottom: 0;
}

.noShow {
    z-index: -100 !important;
    visibility: hidden;
}

.esconder {
    z-index: -100 !important;
    visibility: hidden;
    display: none;
}

.divContenedor {
    padding-top: 2vw;
    /*margin-left: -45vw;*/
}

section.content {
    flex: 1;
}

/*.divContenedor:after {
        clear: both;
        content: "";
        display: table;
    }*/

.nombrePlato {
    background-image: url(../img/lineas.png);
    /* height: 5vw; */
    background-repeat: no-repeat;
    /* position: relative; */
    /* left: 43%; */
    /* width: 52vw; */
    background-size: 92% 90%;
    /* text-align: center; */
}

    .nombrePlato .nplat {
        position: relative;
        padding-top: 0.5vw;
        font-size: 3vw;
        /* margin-right: 0vw; */
        /* float: initial; */
        margin-left: 0vw;
        top: 0.3vw;
        vertical-align: super;
    }

    .nombrePlato .nplat2 {
        position: relative;
        padding-top: 0.5vw;
        font-size: 3vw;
        /* margin-right: 0vw; */
        /* float: initial; */
        margin-left: 0vw;
        top: 0.3vw;
        vertical-align: super;
    }

    .nombrePlato .nOrden {
        padding-top: 1.8vw;
        font-size: 1.5vw;
        /* margin-right: 0vw; */
        /* float: initial; */
        /*margin-left: 9vw;*/
        position: relative;
        left: 0vw;
        top: 0.3vw;
        vertical-align: super;
    }

    .nombrePlato .platoHeader {
        position: relative; /*absolute;*/
        /*margin-top: 8vw;*/
        /*margin-left: -23vw;*/
        font-size: 2vw;
        left: 0vw
    }

    .nombrePlato .platoDescripcion {
        /*position: absolute;*/
        position: relative;
        /*margin-top: 11vw;
        margin-left: -11vw;*/
        font-size: 1.3vw;
        /*left: 8vw;*/
        width: 0vw;
        /*left: 8vw;*/
    }

.platoDescripcionInd {
    position: relative;
    /* margin-top: 6vw; */
    /* margin-left: 8vw; */
    font-size: 1.3vw;
    /* width: 22vw; */
    top: 7vw;
    /*left: 8vw;*/
}

.caldosGrid {
    position: relative;
    /*top: 17vw;*/
    left: 40vw;
    width: 15vw;
    text-align: left;
    display: table-cell;
}

.cald {
    position: relative;
    left: -41vw;
    text-align: left;
    line-height: 2vw;
}

    .cald td {
        position: relative;
        left: 41vw;
        text-align: left;
        line-height: 2vw;
    }

    .cald tr:first-child td {
        padding-top: 0vw;
    }

.ingrediente {
    font-size: 1.4vw;
}

.cervezas {
    display: inline-grid;
    padding-left: 1.1%;
    left: 12vw;
    position: relative;
    top: 18vw;
}

.cervezasTable {
    display: inline-grid;
    /*margin-left: 5vw;*/
    padding-right: 0vw;
    margin-top: 9vw;
}

.precioIngrediente {
    font-size: 1.2vw;
    color: #c61792;
}

.imgRight {
    width: 7vw;
    position: absolute;
    margin-left: 46vw;
    margin-top: -0.6vw;
}

.tablaIngredientes {
    position: absolute;
    margin-top: -78vw;
    margin-left: 28vw;
    text-align: left;
}

    .tablaIngredientes tr {
        /*padding-top: 20vw;*/
        /*padding-top: 63%;*/
        padding-top: 21%
    }

    .tablaIngredientes td {
        padding-right: 1vw;
        text-align: center;
        height: 2vw;
    }

.tablaIngredientesEspecial {
    position: absolute;
    margin-top: -50vw;
    margin-left: 28vw;
    text-align: left;
}

    .tablaIngredientesEspecial tr {
        /*padding-top: 20vw;*/
        padding-top: 63%;
        /*padding-top: 30%*/
    }

    .tablaIngredientesEspecial td {
        padding-right: 1vw;
        text-align: center;
        height: 2vw;
    }

.precioNormal {
    /*position: absolute;
    margin-top: 9vw;
    margin-left: 19vw;*/
    position: relative;
    left: 24vw;
    bottom: -10vw;
}

.bebidaContenedor {
    background-image: url(../img/lineas.png);
    /*height: 25vw;*/
    background-repeat: no-repeat;
    position: relative;
    /*left: 22%;*/
    width: 52vw;
    background-size: 48vw 5vw;
}

.postreContenedor {
    background-image: url(../img/lineas.png);
    /*height: 25vw;*/
    background-repeat: no-repeat;
    position: relative;
    left: 10%;
    width: 52vw;
    background-size: 48.5vw 5vw
}

.tablaBebidas {
    position: relative;
    /*top: 6vw*/;
    /* margin-top: 8vw; */
    /*margin-left: 8vw;*/
    border: rgba(0,0,0,0);
    text-align: left;
}

    .tablaBebidas td {
        padding-right: 4vw;
    }

.tablaPostres {
    position: relative;
    /* margin-top: 8vw; */
    margin-left: 8vw;
    top: 7vw;
    border: transparent;
    text-align: left;
}

    .tablaPostres td {
        padding-right: 1vw;
    }

.precioBebida {
    font-size: 1.4vw;
    color: #c61792;
}

.subCategorias {
    text-align: left;
    /*margin-left: 2%;
    display: inline-grid*/
}

.ingredienteSubcategoria {
    /*display: inline-grid;
    padding-left: 2%;
    left: 12.3vw;
    position: relative;
    top: -1vw;*/
    /*padding-bottom: 3vw;
    padding-top: 3vw;*/
    /*display: inline;*/
    display: inline-block;
    padding-left: 2%;
    left: 29vw;
    position: relative;
    top: 1vw;
    text-align: center
}

.contieneSubCategorias {
    display: inline-grid;
}

.precioOtras {
    font-size: 1.4vw;
    color: #c61792;
}

.platoDeCasa {
    position: absolute;
    width: 7vw;
    margin-left: -1vw;
    z-index: 1;
    margin-top: -1.1vw;
    /* float: left; */
}

.titleIngredient {
    position: absolute;
    margin-top: 1.5vw;
    width: 100%;
    /* margin-left: 30.7vw; */
}

.ajusteIngredientes {
    display: inline-grid;
    padding-left: 1.1%;
    left: 11vw;
    position: relative;
    top: -12.5vw !important;
}

.smallLetter {
    font-size: 1vw;
}

.idLblTitulo:empty ~ .ingredienteSubcategoria {
    /*top: -1vw !important;*/
}

.idLblTitulo:not(:empty) ~ .ingredienteSubcategoria {
    /*top: -12.5vw !important;*/
}

.idLblTitulo {
}

.tablaExtras {
    border-color: rgba(0,0,0,0);
    /* float: right; */
    position: relative;
    bottom: 1vw;
    left: 65.5vw;
    /*top: 0vw;
    padding-top: 0vw;*/
    /* margin-left: 70%; */
    /* margin-top: -5vw; */
    text-align: right;
}

.imgRightEspeciales {
    width: 6.5vw;
    position: absolute;
    margin-left: 20.5vw;
    margin-top: -0.7vw;
}

.imgRightOtras {
    width: 6.5vw;
    position: absolute;
    margin-left: 22vw;
    margin-top: 1.3vw;
    z-index: 1;
}

.tablaExtras td {
    /*padding-top:1vw;*/
}

    .tablaExtras td:first-child {
        font-family: "Bebas";
        font-size: 1.4vw;
    }
/*.tablaExtras td:first-child:before {
            background-image: url(../img/special.png);
            background-repeat: no-repeat;
            background-size: 1vw;
            display: inline-block;
            width: 1.5vw;
            height: 1vw;
            content: "";
            /*content: url(../img/special.png);*/
/*position: absolute;*/
/*background-image: url(../img/special.png)
        }*/
.prueba {
    /*color: blue;*/
}

    .prueba:before {
        background-image: url(../img/special.png);
        background-repeat: no-repeat;
        background-size: 1vw;
        display: inline-block;
        width: 1.5vw;
        height: 1vw;
        content: "";
    }

.tablaExtras td:nth-child(2n+2) {
    font-size: 1.4vw;
    font-family: "Bebas";
    color: #c61792;
}


.ingredienteSubcategoriaEspecial {
    /*display: inline-grid;
    padding-left: 1.1%;
    left: 12vw;
    position: relative;
    top: -7vw;*/
    display: table-cell;
    /* display: inline-grid; */
    /*padding-left: 0.5vw;*/
    /*left: 35vw;*/
    position: relative;
    /*top: -7vw;*/
    /*line-height: 0.8vw;*/
    /*padding-top: 2vw;*/
    padding-bottom: 2vw;
    text-align: center;
    padding-top: 1vw;
}

    .ingredienteSubcategoriaEspecial td {
        padding-right: 0.5vw;
        line-height: 1.7vw;
    }

#container {
    width: 88%;
    top: 8vw;
    left: 3vw;
    position: relative;
}

#left {
    float: left;
    width: 12vw;
    line-height: 2vw;
}

#right {
    float: right;
    width: 20vw;
    line-height: 2vw;
}

#center {
    margin: 0 auto;
    width: 16vw;
    line-height: 2vw;
}

.imgRangos {
    width: 7vw;
}

.precioCervezas {
    /*display: inline-grid;
    margin-left: 4vw;
    padding-right: 0vw;
    margin-top: 11vw;*/
    display: inline-grid;
    margin-left: 0vw;
    padding-right: 0vw;
    margin-top: 1vw;
}


#col-container {
    display: table;
    width: 100%;
    position: relative;
    bottom: 21vw;
    left: 0.5vw;
}

.col {
    display: inline-grid;
    padding-left: 4.4vw;
}

#overlay {
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,1);
    transition: 1s 0.4s;
}

#progress {
    height: 50px;
    background: #e00099;
    position: absolute;
    border-radius: 50px;
    /*width: 0;*/
    /*top: 50%;*/
    /*position: absolute;
    left: 50%;
    transform: translate(-50%, 0);*/
}

#progstat > div > span {
    /*font-family: MorganBold;
    font-size: 5vw;
    letter-spacing: 3px;
    position: absolute;
 
    width: 100%;
    text-align: center;
    color: #7f7f7e;*/
    font-family: MorganBold;
    font-size: 18px;
    position: relative;
    width: 100%;
    text-align: center;
    color: #d2d2d2;
    bottom: -53px;
    left: -5px;
}

.overlay {
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,1);
    transition: 1s 0.4s;
}

.progress {
    height: 50px;
    background: #e00099;
    position: absolute;
    border-radius: 50px;
    /*width: 0;*/
    /*top: 50%;*/
    /*position: absolute;
    left: 50%;
    transform: translate(-50%, 0);*/
}

#overlay2 {
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(255,255,255,0.9);
    transition: 1s .4s;
}

#progress2 {
    height: 1px;
    background: #212121;
    position: absolute;
    width: 0;
    top: 50%;
}

#progstat2 {
    font-size: 0.7em;
    letter-spacing: 3px;
    position: absolute;
    top: 50%;
    margin-top: -40px;
    width: 100%;
    text-align: center;
    color: #212121;
}

.muestraMapa {
    position: absolute;
    margin-top: -63vw;
    margin-left: 29%;
    width: 60vw;
    outline: none;
    height: 52vw;
}
/*solo safari*/
/*@media not all and (min-resolution:.001dpcm) {
    @media {
        .btnHistoria img {
            position: absolute;
            width: 16vw;
            margin-top: 50vw !important;
            margin-left: -56vw !important;
        }

        #historiaImg {
            position: absolute;
            width: 26%;
            margin-top: 35% !important;
            margin-left: -94% !important;
        }

        #imagenShop {
            margin-left: -86% !important;
            margin-top: 17% !important;
            position: absolute;
            width: 31% !important;
        }

        #imagenTeam {
            margin-left: -81% !important;
            margin-top: 21% !important;
            position: absolute;
            width: 29%;
        }

        .muestraMapa {
            position: absolute;
            margin-top: 6vw;
            margin-left: -76%;
            width: 70vw;
            outline: none;
        }

        #eventosInterno {
            position: relative;
            width: 29%;
        }

        .fiz {
            margin-top: 30vw !important;
            margin-left: -97% !important;
        }

        .fde {
            margin-top: 30vw !important;
            margin-left: -97% !important;
        }
    }
}*/

/*cambio*/
/*svg {
    position: static;
    /*top: 0;*/
/*top: 134vw; 
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}*/
/*.chkTerminos input {
    width: 10px;
    height: 10px;
}*/
/*video {
    width: 100%;
    background: transparent url('../img/image_boton@2x.png') no-repeat 0 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}*/

.loaderLaca {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: rgba(255,255,255, 0.5);
    /*content: "\f110";*/
}

    .loaderLaca .contenedor {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        color: #ca1f8c;
        font-size: 20px;
        background-color: white;
        border-radius: 15px;
        width: 180px;
        height: 150px;
        border: 1px solid #f388ca;
        display: table;
    }

.contenedor i {
    position: relative;
    display: table-cell;
    vertical-align: middle;
}


.onoffswitch {
    position: relative;
    width: 74px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
/*.onoffswitch::before {
        content: "Read this: ";
    }*/
.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #000;
    border-radius: 6px;
    margin-bottom: -4px; /*//agregado*/
}

.onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}

    .onoffswitch-inner:before, .onoffswitch-inner:after {
        display: block;
        float: left;
        width: 50%;
        height: 29px;
        padding: 0;
        line-height: 29px;
        font-size: 13px;
        color: white;
        font-family: Trebuchet, Arial, sans-serif;
        font-weight: bold;
        box-sizing: border-box;
    }

    .onoffswitch-inner:before {
        content: "SI";
        padding-left: 8px;
        background-color: #e70095;
        color: #FFFFFF;
    }

    .onoffswitch-inner:after {
        content: "NO";
        padding-right: 8px;
        background-color: #D6D6D6;
        color: #0A0A0A;
        text-align: right;
    }

.onoffswitch-switch {
    display: block;
    width: 21px;
    margin: 4px;
    background: #FFFFFF;
    position: absolute;
    top: 0;
    height: 24px;
    bottom: 0;
    right: 41px;
    border: 2px solid #E3E3E3;
    border-radius: 6px;
    transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
}

.textoVerticalHome {
    /*color: white;
    position: absolute;
    transform: rotate(-90deg) translate(20%,-50%);
    font-size: 3vw;
    z-index: 5;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;*/
    color: white;
    position: absolute;
    left: -147%;
    font-size: 3vw;
    z-index: 5;
    white-space: nowrap;
    overflow: hidden;
    transform: translateX(-50%) translateY(-70%) rotate(-90deg);
}

    .textoVerticalHome span {
        color: white;
        position: absolute;
        left: -147%;
        font-size: 3vw;
        z-index: 5;
        white-space: nowrap;
        overflow: hidden;
        transform: translateX(-50%) translateY(-70%) rotate(-90deg);
    }

.btnFlecha {
    z-index: 15;
    position: absolute;
    top: 0px;
    right: 0px;
    margin-top: 23vw;
    padding-right: 5vw;
    border: none;
    background-color: rgba(0,0,0,0);
    width: 0vw;
    outline: none;
}

.btnMuestraMapa {
    position: absolute;
    /*bottom: 18vw;*/
    width: 73vw;
    height: 30vw;
    left: 18vw;
    border: none;
    color: rgba(0,0,0,0);
    background-color: rgba(0,0,0,0);
    outline: none;
    /*top: 199vw;*/
    z-index: 1;
}

.menuCaja {
    background-color: white;
    border-radius: 15px;
    text-align: center;
}

.tablaPrecios {
    margin-top: 1vw;
    margin-bottom: 1vw;
}

    .tablaPrecios td {
        padding-right: 1vw;
        line-height: 1.35vw
    }

.tablaSubIn {
    margin-top: 1vw;
    margin-bottom: 1vw;
}

    .tablaSubIn td {
        padding-right: 1vw;
        line-height: 1.9vw;
    }

.tablaBebidas {
    margin-top: 1vw;
    margin-bottom: 1vw;
    margin-top: 1vw;
}

    .tablaBebidas td {
        padding-right: 2vw;
        line-height: 1.35vw;
        padding-top: 0.5vw;
    }

.tablaTragos {
    margin-top: 1vw;
    margin-bottom: 1vw;
    margin-top: 1vw;
}

    .tablaTragos td {
        padding-right: 3vw;
        line-height: 1.35vw;
        padding-top: 0.5vw;
    }

    .tablaTragos th {
        padding-right: 3vw;
        line-height: 1.35vw;
    }

.tablaDulce {
    margin-top: 1vw;
    margin-bottom: 1vw;
}

    .tablaDulce td {
        padding-right: 1vw;
        line-height: 1.35vw;
        padding-top: 1vw;
    }

.ExtrasTabla {
    margin-top: 1vw;
    margin-bottom: 1vw;
    float: right;
    text-align: right;
}

    .ExtrasTabla td {
        padding-right: 1vw;
        line-height: 1.35vw
    }

.orden {
    display: inline;
    position: relative;
    float: right;
}


.table {
    display: table;
    height: 100%;
}

.cell {
    border: 2px solid black;
    vertical-align: top;
    display: table-cell;
    height: 100%;
}

.container {
    height: 100%;
    -moz-box-sizing: border-box;
}

.exEspecial:before {
    background-image: url(../img/special.png);
    background-repeat: no-repeat;
    background-size: 1vw;
    display: inline-block;
    width: 1.5vw;
    height: 1vw;
    content: "";
}

/*.new:before {
    background-image: url(../img/new.png);
    background-repeat: no-repeat;
    background-size: 1.5vw;
    display: inline-block;
    width: 1.5vw;
    height: 1.5vw;
    content: "";
    position: absolute;
    left: -2vw;
}*/

.new2:before {
    background-image: url(../img/new.png);
    background-repeat: no-repeat;
    background-size: 1.5vw;
    display: inline-block;
    width: 1.5vw;
    height: 1.5vw;
    content: "";
    position: relative;
    top: 0.25vw;
    left: -0.5vw
}

.descPlato {
    padding-top: 1.5vw;
}

#ImgEsp {
    width: 5.7vw;
    position: relative;
    margin-top: -10%;
}

#ImgEspC {
    width: 5.7vw;
    position: relative;
    margin-top: -3%;
}
/*.platoDescripcion{
    font-size:1.5vw;
}*/
#menuNuevo {
    position: fixed;
    text-align: center;
    z-index: 1;
    height: 100%;
    background-color: #e00099;
    /* width: 7vw; */
    /* z-index: 10000000; */
}

#menuInterno {
    height: 100%;
    width: 6.8vw;
    /*27.5vh;*/
}

    #menuInterno ul {
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        padding-left: 0;
        position: absolute;
        height: calc(20vw + 12vh);
        width: 11.5vw;
    }

        #menuInterno ul li {
            color: white;
            list-style-type: none;
            font-size: 1.7vw;
            padding-bottom: 1vh;
            padding-top: 1vh;
        }

            #menuInterno ul li:hover {
                color: white;
                background-image: linear-gradient(to left, rgba(0, 0, 0, 0) 1%, rgb(255, 255, 255) 50%, rgba(0, 0, 0, 0) 100%), linear-gradient(to left, rgba(0, 0, 0, 0) 1%, rgb(255, 255, 255) 50%, rgba(0, 0, 0, 0) 100%);
                background-size: 100% 0.2vh;
                background-position: 0% 0%, 0% 100%;
                background-repeat: no-repeat;
            }

            #menuInterno ul li a {
                color: white !important;
                text-decoration: none !important;
            }


.subElementos {
    line-height: 1.5vw;
}

    .subElementos ol {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
    }

        .subElementos ol a {
            font-size: 1vw;
        }

        .subElementos ol:hover {
            color: white;
            background-image: linear-gradient(to left, rgba(0, 0, 0, 0) 1%, rgb(255, 255, 255) 50%, rgba(0, 0, 0, 0) 100%), linear-gradient(to left, rgba(0, 0, 0, 0) 1%, rgb(255, 255, 255) 50%, rgba(0, 0, 0, 0) 100%);
            background-size: 100% 0.2vh;
            background-position: 0% 0%, 0% 100%;
            background-repeat: no-repeat;
        }

        .subElementos ol a {
            color: white !important;
            text-decoration: none !important;
        }



    .subElementosMenu ol {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
    }

        .subElementosMenu ol a {
            font-size: 1vw;
        }

        .subElementosMenu ol:hover {
            color: white;
            background-image: linear-gradient(to left, rgba(0, 0, 0, 0) 1%, rgb(255, 255, 255) 50%, rgba(0, 0, 0, 0) 100%), linear-gradient(to left, rgba(0, 0, 0, 0) 1%, rgb(255, 255, 255) 50%, rgba(0, 0, 0, 0) 100%);
            background-size: 100% 0.2vh;
            background-position: 0% 0%, 0% 100%;
            background-repeat: no-repeat;
        }

        .subElementosMenu ol a {
            color: white !important;
            text-decoration: none !important;
        }

.subElementosMenu {
    line-height: 1.5vw;
    /*height: 4vw;*/
    z-index: 0;
    position: relative;
    /*overflow-y: scroll;*/
}

.ps--active-y > .ps__rail-y {
    background-color: rgba(255,255,255,0) !important;
}

.ps__thumb-y {
    background-color: #fff !important;
    display: block !important;
}

.ps__rail-x,
.ps__rail-y {
    opacity: 1 !important;
}

.menuCategorias .ps--active-y > .ps__rail-y {
    background-color: rgba(255,255,255,0) !important;
}

.menuCategorias .ps__thumb-y {
    background-color: #e00099 !important;
    display: block !important;
}

.menuCategorias .ps__rail-x,
.menuCategorias .ps__rail-y {
    opacity: 1 !important;
}

#menuNuevoMini  
{
    /* position: fixed; */
    text-align: center;
    z-index: 1;
    /* height: 100%; */
    width: 100%;
    background-color: #e00099;
    /* width: 7vw; */
    /* z-index: 10000000; */
}
 

#menuInternoMini {
    height: 100%;
    width: 6.8vw;
    /*27.5vh;*/
}
    #menuInternoMini ul {
        /* position: fixed; */
        /* top: 0; */
        /*padding: 0;*/
        background-color: #e00099;
        z-index: 1;
        position: absolute;
        padding-bottom: 2vh;
        padding: 20px 30px 20px 30px;
        /* padding-top: 2vh; */
        /* padding-right: 2vh; */
        /* width: 35vh;*/
    }

        #menuInternoMini ul li {
            color: white;
            list-style-type: none;
            font-size: 3vh;
            position: relative;
            z-index: 92;
        }

            #menuInternoMini ul li:hover {
                color: white;
                background-image: linear-gradient(to left, rgba(0, 0, 0, 0) 1%, rgb(255, 255, 255) 50%, rgba(0, 0, 0, 0) 100%), linear-gradient(to left, rgba(0, 0, 0, 0) 1%, rgb(255, 255, 255) 50%, rgba(0, 0, 0, 0) 100%);
                background-size: 100% 0.2vh;
                background-position: 0% 0%, 0% 100%;
                background-repeat: no-repeat;
            }

            #menuInternoMini ul li a {
                color: white !important;
                text-decoration: none !important;
            }
.subElementosMini {
    line-height: 4vh;
}

    .subElementosMini ol {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
    }

        .subElementosMini ol a {
            font-size: 2.5vh;
        }

        .subElementosMini ol:hover {
            color: white;
            background-image: linear-gradient(to left, rgba(0, 0, 0, 0) 1%, rgb(255, 255, 255) 50%, rgba(0, 0, 0, 0) 100%), linear-gradient(to left, rgba(0, 0, 0, 0) 1%, rgb(255, 255, 255) 50%, rgba(0, 0, 0, 0) 100%);
            background-size: 100% 0.2vh;
            background-position: 0% 0%, 0% 100%;
            background-repeat: no-repeat;
        }

        .subElementosMini ol a {
            color: white !important;
            text-decoration: none !important;
        }



.subElementosMenuMini ol {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
}

    .subElementosMenuMini ol a {
        font-size: 2.5vh;
    }

    .subElementosMenuMini ol:hover {
        color: white;
        background-image: linear-gradient(to left, rgba(0, 0, 0, 0) 1%, rgb(255, 255, 255) 50%, rgba(0, 0, 0, 0) 100%), linear-gradient(to left, rgba(0, 0, 0, 0) 1%, rgb(255, 255, 255) 50%, rgba(0, 0, 0, 0) 100%);
        background-size: 100% 0.2vh;
        background-position: 0% 0%, 0% 100%;
        background-repeat: no-repeat;
    }

    .subElementosMenuMini ol a {
        color: white !important;
        text-decoration: none !important;
    }

.txtMini {
    position: absolute;
    left: 8.05%;
    color: white;
    z-index: 10;
    font-size: 3vw;
    background: #e00099;
    width: 35%;
    text-align:center;
    /*visibility: hidden;*/
    }

/*Club laca */
.txtLogin {
    height: 9vh;
    border-radius: 3vh;
    border: solid 1px #9a9a9a;
    width: 39vh;
    font-family: "Bebas";
    font-size: 4vh;
    color: #b7b7b7;
    text-indent: 1vh;
    outline: none;
}

.textoClub {
    font-size: calc(100% + 2vh);
}

.txtFieldClub {
    height: 50px;
    font-size: calc(100% + 2vh);
    /* text-align: right; */
    /* text-indent: 15px; */
    /*direction: rtl;*/
    width: 100%;
    border: 1px solid;
    text-align: center;
}

.gridProductos {
    border: 1px solid #e00099;
    position: relative;
    top: 30px;
}

    .gridProductos th {
        background-color: #e00099;
        padding: 0.5vw 1vw 0.5vw 1vw;
        color: white;
        font-size: 3vh;
        text-align: center;
        font-family: Wisdom;
        border-right: 2px solid white;
    }

        .gridProductos th:last-child {
            border-right-color: #c61892;
        }

    .gridProductos td {
        font-family: Bebas;
        font-size: calc(100% + 1vh);
        padding: 10px 10px 10px 15px;
        border-right: 1px solid #e00099;
        border-bottom: 1px solid #e00099;
        text-align: center;
        /*line-height: 1;
        word-break: break-word;
        white-space: pre-line;*/
    }
        .gridProductos td span {
            color: #e00099;
            font-size: 2vh;
        }
.gridEstado {
    border: none;
    border-color: transparent;
    position: relative;
    top: 30px;
}

    .gridEstado th {
        font-family: Bebas;
        font-size: calc(100% + 1vh);
        text-align: left;
    }

    .gridEstado tfoot tr td {
        font-size: calc(100% + 1vh) !important;
        color: #e00099;
    }

    .gridEstado td {
        font-family: Bebas;
        font-size: calc(100% + 1vh);
        text-align: left;
        padding: 5px 20px 20px 0px;
        vertical-align: top;
        /* word-break: break-word; */
        /* white-space: pre; */
    }

    .gridEstado tr td:first-child, .gridEstado tr td:last-child {
        vertical-align: top;
        font-size: calc(100% + 1vh);
    }

.gridTablaNormal {
    border: none;
    border-color: transparent;
    position: relative;
    top: 30px;
}

    .gridTablaNormal th {
        font-family: Bebas;
        font-size: calc(100% + 1vh);
        text-align: left;
    }

    .gridTablaNormal tfoot tr td {
        font-size: 2.7vh !important;
        color: #e00099;
    }

    .gridTablaNormal td {
        font-family: Bebas;
        font-size: calc(100% + 1vh);
        text-align: left;
        padding: 5px 20px 20px 0px;
        vertical-align: top;
        /* word-break: break-word; */
        /* white-space: pre; */
    }

.health-bar {
    /*-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
   
    width: 300px;
    height: 50px;
   
    background: #000;
   
    -moz-border-radius: 5px;
    border-radius: 50px;
    position: relative;   
    bottom: 70px;
    z-index: 0;
    text-align:left;*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    /* box-sizing: border-box; */
    width: 240px;
    height: 35px;
    /* padding: 7px; */
    background: #ffffff;
    border-radius: 50px;
    position: relative;
    bottom: 56px;
    z-index: 0;
    text-align: left;
    display: table-cell;
    vertical-align: middle;
}

.bar {
    /*background: #e00099;
    width: 0%;
    height: 45px;
    position: relative;
    transition: width .5s linear;
    bottom: 0px;
   
    left: 15px;
    max-width: 92%;*/
    background: #e00099;
    width: 0%;
    height: 31px;
    position: relative;
    transition: width .5s linear;
    bottom: 0px;
    /* border-radius: 50px; */
    left: 6px;
    max-width: 95%;
    /* vertical-align: middle; */
}

.hit {
    background: rgba(255,255,255,0.6);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 0px;
    transition: width .5s linear;
}

.termo {
    /*position: relative;
    bottom: 0px;
    width: 300px;
   
    z-index: 2;*/
    position: relative;
    bottom: 0px;
    width: 250px;
    height: 70px;
    /* left: 17px; */
    z-index: 2;
}

/* CHK R*/
.styled-checkbox {
    position: absolute;
    opacity: 0;
}

    .styled-checkbox + label {
        position: relative;
        cursor: pointer;
        padding: 0;
        font-size: calc(0.7vw + 0.7vh);
        user-select: none;
        color: black;
    }

        .styled-checkbox + label:before {
            content: "";
            margin-right: 10px;
            display: inline-block;
            vertical-align: text-top;
            width: 25px;
            height: 22px;
            background: white;
            border: 1px solid #e00099;
            border-radius: 5px;
        }

    .styled-checkbox:hover + label:before {
        background: white;
    }

    .styled-checkbox:checked + label:before {
        background: white;
    }

    .styled-checkbox:disabled + label {
        color: #b8b8b8;
        cursor: auto;
    }

        .styled-checkbox:disabled + label:before {
            box-shadow: none;
            background: #ddd;
        }

    .styled-checkbox:checked + label:after {
        content: "";
        position: absolute;
        left: 7px;
        top: 11px;
        background: #e00099;
        width: 3px;
        height: 3px;
        box-shadow: 2px 0 0 #e00099, 4px 0 0 #e00099, 4px -2px 0 #e00099, 4px -4px 0 #e00099, 4px -6px 0 #e00099, 4px -8px 0 #e00099;
        transform: rotate( 45deg );
    }

.btnNegro {
    background-size: 100%;
    background-image: url(../img/boton_negro.svg);
    height: calc(2vw + 2.25vh);
    background-repeat: no-repeat;
    width: 100%;
    position: relative;
    cursor: pointer;
    text-align: center;
    display: table;
    user-select: none;
}

.btnRosa {
    text-align: center;
    background-size: 100%;
    background-image: url(../img/boton_rosa.svg);
    height: calc(2vw + 2.25vh);
    background-repeat: no-repeat;
    width: 100%;
    position: relative;
    cursor: pointer;
    text-align: center;
    display: table;
    user-select: none;
    user-select: none;
    outline: none;
    border: none;
    text-align: -webkit-center;
    text-align: -moz-center;
    background-color: white;
}
/*Galaxy 5S*/
/*@media screen and (device-width: 360px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
 
    .ldBarSG {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        width: 100% !important;
        height: 8% !important;
    }
}*/

/*Pixel 2*/
/*@media screen and (min-device-height : 411px) and (-webkit-device-pixel-ratio: 3) {
 
    .ldBarP {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        width: 100%;
        height: 8%;
    }
}*/

/*Pixel 2XL*/
/*@media screen and (min-device-height : 823px) and (-webkit-device-pixel-ratio: 4) {
 

    .ldBarPXL {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        width: 100% !important;
        height: 7% !important;
    }
}*/

/*Iphone X*/
/*@media screen and (min-device-height : 812px) and (-webkit-device-pixel-ratio: 3) {

    .ldBarX {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        width: 91% !important;
        height: 6.5% !important;
    }
}*/