@font-face {
    font-family: "harngton";
    src: url("../fonts/HARNGTON.TTF");
}

@font-face {
    font-family: "satisfy";
    src: url("../fonts/Satisfy-Regular.ttf");
}

@font-face {
    font-family: "lbritei";
    src: url("../fonts/LBRITEI.TTF");
}

body {
    overflow-x: hidden;
}

#fondoazul {
    background-color: #3065AF;
}

.botonhacercita input[type=submit] {
    font-family: "harngton";
}
.datosfootercoltrescontacto a{
    text-decoration: none;
    color: black;
    font-size: 1.5vw;
}
.telefonotop a {
    text-decoration: none;
    color: white;
}
#tenedorsiguiente {
    background-image: url(../images/tenedor-siguiente.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 6vw;
    height: 6vw;
    right: 3vw;
    top: 10vw;
}

#tenedoratras {
    background-image: url(../images/tenedor-atras.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 6vw;
    height: 6vw;
    left: 3vw;
    top: 10vw;
}

#flechaizquierdamenu:hover {
    cursor: pointer;
}

#cantidadhuevos {
    width: 85vw;
    margin-top: 5vw;
    font-size: 4.5vw;
}

.enlaces {
    display: none;
}

#flechaderechamenu:hover {
    cursor: pointer;
}

.containercontacto {
    display: none;
}

.terminoscondres {
    margin-top: 5vw;
}

.terminoscondres {
    color: #fff;
}

body {
    overflow-x: hidden;
}

#flecha {
    display: none;
}

.menucategorias {
    display: none;
}

h1,
h2 {
    font-family: "satisfy";
}

#ulnav a {
    text-decoration: none;
    color: #fff;
}

.logopc {
    display: none;
}

p,
h3,
h4,
h5,
a {
    font-family: "harngton";
}

::-webkit-input-placeholder {
    color: #aaa;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #aaa;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #aaa;
}

:-ms-input-placeholder {
    color: #aaa;
}

body {
    background-color: #a4191c;
    margin: 0;
    margin-bottom: 20vw;
}

.whatsapp {
    z-index: 999;
}

header {
    /*background-image: url("../images/logo.jpg");*/
    background-color: #fff;
    height: 50vw;
    background-size: 100%;
    background-repeat: no-repeat;
    border-radius: 0 0 100% 100%;
    padding: 0 10%;
}

header img {
    width: 100%;
    margin-left: 3%;
}

.adornorecto img {
    display: block;
}

.adornorectoo img {
    display: block;
}

#rectopc {
    display: none;
}

#flecha {
    width: 5%;
    margin-left: 5%;
    display: inline-block;
}

#adornomovil {
    display: block;
}

#adornopc {
    display: none;
}

.nav ul li:hover {
    color: #a4191c;
    cursor: pointer;
}

.seccionmenu {
    width: 100%;
}

.menutexto a {
    text-decoration: none;
}

.titulomenu {
    width: 100%;
    margin-left: 0%;
    text-align: center;
    background-color: #fff;
    height: 40vw;
    padding-top: 0.1vw;
    padding-bottom: 1vw;
}

.titulomenu h1 {
    color: #a4191c;
    font-family: "lbritei";
    font-size: 15vw;
}

.containermenu {
    margin-top: 20vw;
    text-align: center;
    width: 100%;
}

.adorno-logo {
    width: 100%;
}

.adorno-logo img {
    width: 100%;
    margin-top: -11vw;
    margin-left: 0%;
}

.categoriamenu {
    display: none;
    margin-top: -21vw;
}

.container {
    display: none;
}

.menu {
    width: 85%;
    margin-left: 5%;
    border-radius: 40px;
    background-color: #fff;
    padding: 3vw;
    margin-top: 8vw;
}

#menuejecutivo {
    width: 85%;
    margin-left: 5%;
    border-radius: 40px;
    background-color: #a4191c;
    border: 3px solid #fff;
    padding: 3vw;
    margin-top: 8vw;
    margin-bottom: 16vw;
}

#menudesayuno h3 {
    color: #fff;
}

#menudesayuno {
    width: 85%;
    margin-left: 5%;
    border-radius: 40px;
    background-color: #a4191c;
    border: 3px solid #fff;
    padding: 3vw;
    margin-top: 8vw;
    margin-bottom: 16vw;
}

#menuejecutivo h3 {
    color: #fff;
}

#descripciontextop {
    font-size: 5vw;
    color: #a4191c;
}

#especialidades {
    width: 85%;
    margin-left: 5%;
    border-radius: 40px;
    background-color: #a4191c;
    border: 3px solid #fff;
    padding: 3vw;
    margin-top: 8vw;
    margin-bottom: 16vw;
}

#especialidades h3 {
    color: #fff;
}

.menu h3 {
    font-size: 9vw;
    margin: 0;
    font-family: "satisfy";
    color: #a4191c;
    margin: 0;
}

.menu h3 img {
    width: 10%;
}

.florizquierda {
    position: absolute;
    width: 10%;
    left: 7%;
    margin-top: 10vw;
}

.florderecha {
    position: absolute;
    width: 10%;
    left: 83%;
    margin-top: -19vw;
}

.categoriamenu img {
    width: 14%;
    background-color: #a4191c;
}

.categoriamenu h3 {
    padding: 1.8vw;
    border: 3px solid #fff;
    width: 86%;
    border-radius: 50px;
    font-size: 10vw;
    margin: 0;
    font-family: "satisfy";
    color: #fff;
    margin-left: 5%;
    background-color: #a4191c;
}

.categoriamenu ul {
    background-color: #fff;
    list-style: none;
    padding: 0;
}

.categoriamenu ul li {
    font-family: "harngton";
    padding-top: 2vw;
    padding-bottom: 2vw;
    font-size: 10vw;
    color: #a4191c;
    border-bottom: 2px solid #a4191c;
}

.menutexto {
    width: 80%;
    margin-left: 8%;
    border-radius: 40px;
    background-color: #fff;
    padding: 3vw;
    margin-top: 8vw;
    text-align: center;
    margin-bottom: 20vw;
}

.menutexto h3 {
    font-size: 7vw;
    margin: 0;
    font-family: "satisfy";
    color: #a4191c;
    margin: 0;
}

.menutexto h3 img {
    width: 13%;
    position: relative;
    top: 3vw;
}

#flechaizquierdamenu {
    width: 15%;
    margin-top: 3vw;
}

#flechaderechamenu {
    width: 15%;
    margin-top: 3vw;
    margin-left: 70%;
}

.titulo {
    position: absolute;
    margin-top: -13vw;
    width: 100%;
    background-color: #fff;
    border-radius: 100% 100% 0 0;
    margin-left: -0vw;
    padding-top: 50vw;
    padding-bottom: 0;
    display: none;
}

#tituloproductomostrado {
    display: block;
}

#tituloproductomostrado {
    display: block;
    color: #a4191c;
}

.titulo h2 {
    font-family: "harngton";
    font-size: 12vw;
    margin-left: 0;
    position: absolute;
    margin-top: -30vw;
    margin-left: 6.5vw;
    width: 85vw;
    text-align: center;
}

.titulo img {
    width: 10%;
}

.adornorecto {
    width: 100%;
    background-color: #a4191c;
    margin-top: 40vw;
}

.adornorecto img {
    width: 100%;
    margin-top: 0;
    margin-bottom: 2vw;
}

.contenidoproducto img {
    width: 100%;
}

.contenidoproducto {
    background-color: #fff;
    padding-bottom: 5vw;
    padding-top: 1vw;
    margin-top: 0vw;
}

.contenidoproducto h3 {
    margin-top: 5vw;
    font-size: 8vw;
    color: #a4191c;
    margin-bottom: 5vw;
    padding-left: 5%;
}

.contenidoproducto p {
    margin-left: 5vw;
    font-size: 5vw;
}

.contenidoproducto h3 span {
    color: #003B81;
}

.adornorectoo {
    width: 100%;
    background-color: #a4191c;
    margin-top: 0vw;
}

.adornorectoo img {
    width: 100%;
}

#margenprimerotop {
    margin-top: 20vw;
}

.containerproductos {
    margin-top: 0vw;
}


/*#primeradorno{
  margin-top: 38vw;
}*/

.adorno-logo {
    margin-bottom: 22vw;
}

#logobajo {
    position: absolute;
    width: 80%;
    margin-left: 10%;
    margin-top: -43vw;
}

.whatsapp {
    width: 15vw;
    height: 15vw;
    position: fixed;
    top: 3vw;
    right: 3vw;
}

.whatsapp img {
    width: 100%;
    height: 100%;
}

.textoprov {
    width: 90%;
    margin-left: 5%;
    text-align: center;
    color: #fff;
    margin-top: 15vw;
}

.textoprov h1 {
    margin-top: 0;
}

.textoprov iframe {
    width: 90%;
    margin-left: 5%;
    height: 50vw;
}

#adornoarribaindex {
    margin-top: 10vw;
}

#adornopc {
    display: none;
}

#adornomovil {
    display: block;
}


/*#flecha-izquierda {
    margin-left: 15vw;
    width: 10vw;
    ;
}

#flecha-izquierda img {
    width: 100%;
}

.flechamenu {
    width: 10vw;
}

.flechamenu img {
    width: 100%;
}*/


/*     responsivo celular     */

@media (max-width: 600px) {
    .sliderpc {
        display: none;
    }
    .slidermobile {
        display: block;
    }
    .flechamenu {
        display: block;
        width: 10vw;
        height: 10vw;
        position: fixed;
        top: 32vw;
        left: 3vw;
        border-radius: 10px;
        background-color: #3065AF;
        z-index: 9999;
    }
    .flechamenu img {
        width: 100%;
    }
    .nav {
        display: block;
    }
    .barratop {
        display: none;
    }
    .navhorizontal {
        display: none;
    }
    .logopc {
        display: block;
        width: 100%;
        padding-bottom: 10vw;
    }
    .logopc img {
        width: 100%;
    }
    header {
        border-radius: 0;
        height: 0;
    }
    .tituloproductoslider {
        display: none;
    }
    .menutexto {
        display: none;
    }
    .quienessomos {
        background-color: #fff;
        padding-top: 10vw;
        padding-bottom: 10vw;
    }
    .coltresflor {
        text-align: center;
        width: 15vw;
        margin-left: 42vw;
    }
    .coltres img {
        width: 100%;
    }
    .textosomos h2 {
        text-align: center;
        font-size: 10vw;
        color: #3065AF;
    }
    .textosomos p {
        width: 90%;
        margin-left: 5%;
        font-size: 4.5vw;
        text-align: justify;
    }
    .margengrecas {
        background-color: #fff;
        padding-top: 5vw;
    }
    .titulomenuslider h2 {
        color: #fff;
        font-size: 10vw;
        text-align: center;
    }
    .containermenusliderm {
        display: block;
    }
    .containermenuslider {
        display: none;
    }
    .coltresslidermenu {
        height: 100vw;
    }
    #tenedoratras,
    #tenedorsiguiente {
        top: 50vw;
        width: 10vw;
        height: 10vw;
    }
    .coltresslidermenu h3 {
        font-size: 10vw;
        margin-top: 0;
        margin-bottom: 0;
    }
    .coltresslidermenu p {
        margin-top: 3vw;
    }
    .botonordenar {
        display: none;
        width: 40%;
        height: 12vw;
        background-color: #3065AF;
        color: #fff;
    }
    .botonordenar h3 {
        font-size: 7vw;
    }
    .botonordenar h3 img {
        width: 20%;
    }
    .tituloreserva {
        padding-top: 5vw;
        background-image: url(../images/titulo-reserva.png);
        height: 33vw;
        z-index: 99999;
        background-size: contain;
    }
    .tituloreserva h1 {
        text-align: center;
        font-size: 12vw;
        color: #3065AF;
    }
    .reserva {
        background-image: url(../images/fondo-reserva-mobil.jpg);
        height: 197vw;
        background-size: 100%;
    }
    .containercontacto {
        box-shadow: none !important;
        text-align: center;
        padding-top: 5vw;
        width: 90%;
        margin-left: 5%;
        background-color: rgba(255, 255, 255, 0.5);
        padding-bottom: 5vw;
    }
    .doscolreserva input {
        width: 70%;
        height: 6vw;
        font-size: 5vw;
    }
    .doscolreserva input[type=checkbox] {
        width: 10%;
    }
    .doscolreserva label {
        color: #fff;
    }
    .doscolreserva label a {
        color: #fff;
    }
    .botonhacercita {
        width: 45%;
        height: 10vw;
        border-radius: 20px;
        background-color: #a4191c;
        margin-top: 5vw;
        margin-bottom: 5vw;
        margin-left: 27%;
    }
    .botonhacercita img {
        width: 12%;
    }
    .botonhacercita input {
        background-color: transparent;
        font-size: 5vw;
        border: none;
        color: #fff;
    }
    .ubicanoscoldos h2 {
        color: #fff;
        font-size: 8vw;
        text-align: center;
    }
    .ubicanoscoldos p {
        color: #fff;
        font-size: 5vw;
        width: 90%;
        margin-left: 5%;
        text-align: justify;
        margin-bottom: 15vw;
    }
    .datosfooter {
        background-color: #fff;
    }
    .trescoldatosfooter {
        width: 100%;
    }
    .datosfootercoltreslogo,
    .datosfootercoltrescontacto,
    .datosfootercoltressocial {
        width: 90%;
        margin-left: 5%;
        text-align: center;
    }
    .datosfootercoltreslogo img {
        width: 80%;
        margin-left: 10%;
    }
   
    .datosfootercoltrescontacto h4 {
        font-size: 6vw;
        color: #a4191c;
    }
    .datosfootercoltrescontacto a {
        font-size: 4vw;
    }
    
    .datosfootercoltressocial h5 {
        font-size: 5vw;
    }
    .datosfootercoltressocial {
        padding-bottom: 5vw;
    }
    .datosfootercoltressocial img {
        width: 20%;
        margin-left: 10%;
    }
    .datosfootercoltressocial p {
        font-size: 4vw;
    }
    .textoderechos h3 {
        color: #fff;
        text-align: center;
    }
    #navegacion {
        position: fixed;
        z-index: 999;
        border-radius: 0 100% 100% 0%;
        background-color: rgba(37, 82, 159, 0.6);
    }
    #ulnav {
        list-style: none;
        margin-left: -70vw;
        font-size: 6.5vw;
        width: 0;
    }
    #ulnav li {
        height: 15vw;
    }
    .imagenlogo {
        display: none;
    }
    .textotitulogaleria {
        text-align: center;
        font-size: 7vw;
        color: #fff;
    }
    .galerialeft {
        width: 100%;
    }
    .containerhistoria {
        background-color: #fff;
        padding-top: 3vw;
    }
    .containerhistoria {
        text-align: center;
        width: 100%;
        padding-bottom: 5vw;
    }
    .coltres2 img {
        width: 50%;
    }
    .textonosotros {
        padding-bottom: 3vw;
    }
    .textonosotros h1 {
        font-size: 12vw;
    }
    .textonosotros p {
        font-size: 5vw;
    }
    .coltres2 {
        width: 90%;
        margin-left: 5%;
        height: 100vw;
        padding-top: 5vw;
        border: 3px solid #a4191c;
        border-radius: 20px;
        margin-bottom: 5vw;
    }
    .menutexto {
        display: block;
    }
    #adornomovil {
        display: none;
    }
    #grecaspc {
        display: none;
        width: 100%;
    }
    #grecasm {
        display: block;
        width: 100%;
    }
    .menuslider {
        background-color: #fff;
        position: relative;
        margin-top: -9vw;
    }
    .ubicanos {
        padding-top: 8vw;
    }
    .titulomenu {
        height: 170vw;
    }
    .seccionmenu {
        padding-bottom: 15vw;
    }
    .containermenuslidert {
        display: none;
    }
    .ubicanoscoldos iframe {
        width: 90%;
        margin-left: 5%;
        height: 95vw;
        margin-bottom: 5vw;
        box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, .5);
    }
    .textotitulogaleria {
        background-color: #fff;
        height: 35vw;
        padding-top: 1vw;
    }
    .textotitulogaleria h2 {
        background-color: #3065AF;
        width: 90%;
        margin-left: 2%;
        padding: 3vw;
        border-radius: 20px;
    }
    .galeria img {
        width: 100%;
    }
    .galeria {
        margin-bottom: 10vw;
        margin-top: 10vw;
    }
    .textonosotros {
        width: 90%;
        margin-left: 5%;
        background-color: #3065AF;
        color: #fff;
        border-radius: 20px;
    }
    .coltres2 {
        margin-bottom: 15vw;
    }
    .containerhistoria {
        margin-top: 15vw;
    }
    .espacioblanco {
        width: 100%;
        height: 8vw;
        background-color: #fff;
    }
}


/*     responsivo celular     */


/*     Responsivo tablet     */

@media (min-width: 601px) {
    .sliderpc {
        display: block;
    }
    .slidermobile {
        display: none;
    }
    .menuslider {
        background-color: #fff;
    }
    .containermenusliderm {
        display: none;
    }
    .textoblanco {
        color: #fff;
        text-shadow: 3px 3px 3px #a4191c;
    }
    .textoazul {
        color: #3065AF;
        text-shadow: 3px 3px 3px #fff;
    }
    .textorojo {
        color: #a4191c;
        text-shadow: 3px 3px 3px #3065AF;
    }
    .whatsapp {
        width: 3vw;
        height: 3vw;
    }
    .logopc {
        display: block;
        width: 100%;
        margin-left: 0%;
        /*background-color: #fff;*/
        height: auto;
        /*border-radius: 0 0 50% 50%;*/
    }
    .logopc img {
        width: 80%;
        margin-left: 10%;
        margin-top: 0vw;
    }
    #grecastop {
        width: 130%;
        margin-left: -14%;
        margin-top: -10vw;
    }
    header {
        height: 10vw;
        border-radius: 0;
        padding: 0;
        background-color: rgba(37, 82, 159, 0.9);
        border-radius: 0 25% 25% 0;
    }
    header img {
        width: 20%;
    }
    .adorno-logo {
        margin-bottom: 0;
    }
    .adorno-logo img {
        margin-top: 0;
    }
    #adornopc {
        display: none;
    }
    #adornomovil {
        display: none;
    }
    .textoprov {
        width: 50%;
        float: left;
        margin-left: 0;
        margin-top: 3vw;
    }
    .menutexto {
        width: 25%;
        margin-left: 13%;
        position: absolute;
        margin-bottom: 0;
        margin-top: 16vw;
        padding: 2vw;
    }
    .menutexto h3 {
        font-size: 2.5vw;
    }
    .textoprov iframe {
        width: 80%;
        margin-left: 5%;
        height: 14vw;
    }
    .textoprov h1 {
        font-size: 3vw;
        margin-bottom: 1vw;
    }
    .textoprov h2 {
        font-size: 2vw;
        margin: 0;
    }
    .textoprov h3 {
        font-size: 1.5vw;
        margin: 0;
        margin-bottom: 1vw;
    }
    .menutexto h3 {
        font-size: 4vw;
    }
    .menutexto h3 img {
        top: 1vw;
        width: 12%;
    }
    .titulomenu h1 {
        margin-top: 7vw;
        font-size: 5vw;
    }
    #menuejecutivo {
        width: 40%;
        margin-left: 3%;
        background-size: 100%;
        opacity: 1;
        background-image: url("../images/menu/menuejecutivomenu.jpg");
        transition: all .5s ease-in-out;
    }
    #menuejecutivo:hover {
        /*background-size: 100%;
        opacity: 0.6;*/
        background-image: none;
        cursor: pointer;
        background-color: #a4191c;
        transition: all .5s ease-in-out;
        opacity: 1;
    }
    #especialidades {
        width: 40%;
        margin-left: 2%;
        background-size: 100%;
        opacity: 1;
        background-image: url("../images/menu/machitosmenu.jpg");
    }
    #especialidades:hover {
        /*background-size: 100%;
        opacity: 0.6;*/
        cursor: pointer;
        background-image: none;
        transition: all .5s ease-in-out;
        opacity: 1;
    }
    #especialidades:hover>h3 {
        opacity: 1;
    }
    #menudesayuno {
        width: 40%;
        margin-left: 2%;
        background-size: 100%;
        opacity: 1;
        background-image: url("../images/menu/machitosmenu.jpg");
    }
    #menudesayuno:hover {
        /*background-size: 100%;
        opacity: 0.6;*/
        cursor: pointer;
        background-image: none;
        transition: all .5s ease-in-out;
        opacity: 1;
    }
    #menudesayuno:hover>h3 {
        opacity: 1;
    }
    #menuensaladastablet {
        background-image: url("../images/menu/ensalada-atun.jpg");
        background-size: cover;
    }
    #menuensaladastablet:hover {
        background-size: 100%;
        opacity: 1;
        cursor: pointer;
        background-image: none;
        transition: all .5s ease-in-out;
        color: #a4191c;
    }
    #menuensaladastablet:hover>h3 {
        color: #a4191c;
    }
    #menubotanastablet {
        background-size: 100%;
        opacity: 1;
        cursor: pointer;
        background-image: url("../images/menu/manitas-vinagreta.jpg");
        transition: all .5s ease-in-out;
        color: #fff;
    }
    #menubotanastablet:hover>h3 {
        color: #a4191c;
    }
    /*#menubotanastablet:hover ~ #Botanas{
    display: block;
  }*/
    #menusopastablet {
        background-size: 100%;
        opacity: 1;
        cursor: pointer;
        background-image: url("../images/menu/sopa-luz.jpg");
        transition: all .5s ease-in-out;
        color: #fff;
    }
    #menusopastablet:hover>h3 {
        color: #a4191c;
    }
    #menuguisadostablet {
        background-size: 100%;
        opacity: 1;
        cursor: pointer;
        background-image: url("../images/menu/chile-nogada.jpg");
        transition: all .5s ease-in-out;
        color: #fff;
    }
    #menuguisadostablet:hover>h3 {
        color: #a4191c;
    }
    #menuantojitostablet {
        background-size: 100%;
        opacity: 1;
        cursor: pointer;
        background-image: url("../images/menu/cabrito.jpg");
        transition: all .5s ease-in-out;
        color: #fff;
    }
    #menuantojitostablet:hover>h3 {
        color: #a4191c;
    }
    #menutacostablet {
        background-size: 100%;
        opacity: 1;
        cursor: pointer;
        background-image: url("../images/menu/tacos-carnitas.jpg");
        transition: all .5s ease-in-out;
        color: #fff;
    }
    #menutacostablet:hover>h3 {
        color: #a4191c;
    }
    #menuenchiladastablet {
        background-size: 100%;
        opacity: 1;
        cursor: pointer;
        background-image: url("../images/menu/enchiladas-rojas.jpg");
        transition: all .5s ease-in-out;
        color: #fff;
    }
    #menuenchiladastablet:hover>h3 {
        color: #a4191c;
    }
    #menucarnestablet {
        background-size: 100%;
        opacity: 1;
        cursor: pointer;
        background-image: url("../images/menu/arrachera-algusto.jpg");
        transition: all .5s ease-in-out;
        color: #fff;
    }
    #menucarnestablet:hover>h3 {
        color: #a4191c;
    }
    #menupollotablet {
        background-size: 100%;
        opacity: 1;
        cursor: pointer;
        background-image: url("../images/menu/pechuga-gratinada.jpg");
        transition: all .5s ease-in-out;
        color: #fff;
    }
    #menupollotablet:hover>h3 {
        color: #a4191c;
    }
    #menupescadotablet {
        background-size: 100%;
        opacity: 1;
        cursor: pointer;
        background-image: url("../images/menu/mojarra.jpg");
        transition: all .5s ease-in-out;
        color: #fff;
    }
    #menupescadotablet:hover>h3 {
        color: #a4191c;
    }
    #menuhuevostablet {
        background-size: 100%;
        opacity: 1;
        cursor: pointer;
        background-image: url("../images/menu/huevos-divorciados.jpg");
        transition: all .5s ease-in-out;
        color: #fff;
    }
    #menuhuevostablet:hover>h3 {
        color: #a4191c;
    }
    #menubebidastablet {
        background-size: 100%;
        opacity: 1;
        cursor: pointer;
        background-image: url("../images/menu/cerveza-botella.jpg");
        transition: all .5s ease-in-out;
        color: #fff;
    }
    #menubebidastablet:hover>h3 {
        color: #a4191c;
    }
    #postrestablet {
        background-size: 100%;
        opacity: 1;
        cursor: pointer;
        background-image: url("../images/menu/platanos-fritos.jpg");
        transition: all .5s ease-in-out;
        color: #fff;
    }
    #postrestablet:hover>h3 {
        color: #a4191c;
    }
    #menuadicionalestablet {
        background-size: 100%;
        opacity: 1;
        cursor: pointer;
        /*background-image: url("../images/menu/aguacate-relleno.jpg");*/
        transition: all .5s ease-in-out;
        color: #fff;
    }
    #menuadicionalestablet:hover>h3 {
        color: #a4191c;
    }
    .categoriamenu h3 {
        width: 50%;
        margin-left: 22%;
    }
    /*#Botanas {
        margin-left: 16vw;
        margin-top: 54vw;
    }
    #Sopas {
        margin-left: 20vw;
        margin-top: 54vw;
    }
    #Carnes {
        margin-top: 100vw;
        margin-left: 20vw;
    }
    #Pollo {
        margin-left: 16vw;
        margin-top: 98vw;
    }
    #Pescado {
        margin-top: 120vw;
        margin-left: 16vw;
    }
    #Bebidas {
        margin-left: 16vw;
        margin-top: 120vw;
        ;
    }*/
    #adornoarriba {
        display: none;
    }
    #tituloproductomostrado {
        margin: 0;
        padding: 0;
    }
    .adorno-logo {
        margin-top: -15vw;
        margin-bottom: 5vw;
    }
    #adornomovil {
        display: none;
    }
    .imagenlogo {
        width: 25%;
        float: left;
    }
    .imagenlogo img {
        width: 70%;
        margin-left: 15%;
    }
    header {
        margin-top: -1vw;
    }
    .nav {
        width: 50vw;
        float: left;
        margin-left: 22vw;
    }
    .nav ul {
        list-style: none;
        color: #fff;
        font-size: 1.4vw;
        padding: 1vw 1vw;
    }
    .nav ul li {
        width: 20%;
        display: inline-block;
        border-right: 2px solid #fff;
        text-align: center;
        padding: 1vw 0;
    }
    #menupmovil {
        display: none;
    }
    .titulo h2 {
        margin-top: 0;
        font-size: 7vw;
        color: #fff;
    }
    .titulo img {
        width: 3vw;
    }
    /*#botanas {
        margin-top: 40vw;
    }
    #Botanas h3 {
        display: none;
    }
    #Botanas ul {
        margin-left: 22vw;
        margin-top: -22.7vw;
        border-radius: 15%;
        width: 30%;
    }
    #Botanas ul li {
        width: 13vw;
        margin-top: 0;
        /*border: 2px solid #a4191c;*/
    /*margin-left: 0;
        display: inline-block;
        font-size: 2vw;
        padding: 4.7vw 0;
    }
    #Botanas ul li:hover {
        cursor: pointer;
    }
    #licompartir {
        border-right: 2px solid #a4191c;
    }
    .espaciosubcatmenu {
        position: absolute;
        width: 32vw;
        height: 13vw;
        margin-top: 37vw;
        margin-left: 34vw;
        z-index: -1;
    }
    #Sopas h3 {
        display: none;
    }
    #Sopas ul {
        margin-top: -22.7vw;
        margin-left: 50.5vw;
        width: 27vw;
        height: 14vw;
        border-radius: 15%;
    }
    #Sopas ul li {
        font-size: 3vw;
        width: 49%;
        float: left;
        padding: 1.7vw 0;
    }
    #regresasopas {
        margin-left: 67vw;
    }
    #Carnes h3 {
        display: none;
    }
    #Carnes ul {
        margin-top: -25.1vw;
        margin-left: 18vw;
        width: 27vw;
        height: 14vw;
        border-radius: 15%;
    }
    #Carnes ul li {
        width: 49%;
        float: left;
        font-size: 1.8vw;
        height: 3vw;
    }
    #regresacarnes {
        margin-top: 81vw;
    }
    #Pollo h3 {
        display: none;
    }
    #Pollo ul {
        margin-top: -23.1vw;
        margin-left: 54.5vw;
        width: 27vw;
        height: 14vw;
        border-radius: 15%;
    }
    #lipechuga {
        padding: 5.2vw 0 !important;
        border-right: 2px solid #a4191c;
    }
    #Pollo ul li {
        font-size: 3vw;
        width: 49%;
        float: left;
        border-bottom: none;
        padding: 3.7vw 0;
    }
    .menucategorias {
        height: 10vw;
        margin-top: -4vw;
        margin-bottom: 2vw;
    }
    #regresapollo {
        margin-left: 67vw;
        margin-top: 81vw;
    }
    #Pescado h3 {
        display: none;
    }
    #Pescado ul {
        margin-top: -23.3vw;
        margin-left: -10.5vw;
        width: 27vw;
        height: 14vw;
        border-radius: 15%;
    }
    #Pescado ul li {
        font-size: 3vw;
        width: 49%;
        float: left;
        border-bottom: none;
        padding: 5.2vw 0;
    }
    #regresapescado {
        margin-left: 1vw;
        margin-top: 103vw;
    }
    #Bebidas h3 {
        display: none;
    }
    #Bebidas ul {
        margin-top: -23.3vw;
        margin-left: 54.5vw;
        width: 27vw;
        height: 14vw;
        border-radius: 15%;
    }
    #Bebidas ul li {
        width: 32%;
        float: left;
        font-size: 2vw;
        padding: 5.8vw 0;
    }
    #regresabebidas {
        margin-top: 81vw;
    }
    #liconalcohol {
        padding: 5vw 0 !important;
        border-right: 2px solid #a4191c;
    }*/
    .adornorecto img {
        display: none;
    }
    .adornorectoo img {
        display: none;
    }
    #rectopc {
        display: none;
    }
    #tituloproductomostrado {
        margin-top: 10vw;
        margin-bottom: 8vw;
    }
    #primeradorno {
        margin-top: 2vw;
    }
    /*.contenidoproducto img{
    width: 49%;
    float: left;
  }
  .contenidoproducto h3{
    width: 49%;
    float: left;
  }*/
    .contenidoproducto {
        width: 43%;
        float: left;
        margin-left: 5%;
        height: 50vw;
        margin-top: 5vw;
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 3vw;
    }
    .contenidoproducto h3 {
        font-size: 2vw;
        margin-top: 2vw;
        ;
    }
    .contenidoproducto img {
        display: block;
    }
    .contenidoproducto img {
        height: 28.3vw;
        border-radius: 10% 10% 0 0;
    }
    .contenidoproducto {
        border-radius: 10%;
        display: flow-root;
    }
    .contenidoproducto:hover {
        opacity: 0.8;
    }
    header {
        width: 20vw;
        height: 100%;
        position: fixed;
        z-index: 999;
    }
    .imagenlogo {
        width: 100%;
        float: none;
    }
    .nav {
        float: none;
        margin-left: 0;
        width: 100%;
    }
    .nav ul li {
        width: 100%;
        display: block;
        border: none;
    }
    .flechamenu {
        width: 3vw;
        height: 10vw;
        position: fixed;
        left: 0;
        /*background-color: #003B81;*/
        margin-top: 15vw;
        z-index: 999;
    }
    .flechamenu img {
        width: 100%;
        margin-top: 3.5vw;
        margin-left: 1.5vw;
        background-color: rgba(37, 82, 159, 0.5);
        border-radius: 100%;
    }
    #navegacion {
        width: 0;
        transition: 0.5s;
    }
    #ulnav {
        margin-left: -10vw;
        transition: 0.5s;
    }
    #flecha-izquierda {
        margin-left: -7.6vw;
        margin-top: -13vw;
    }
    #flechamenu:hover {
        cursor: pointer;
    }
    #flecha-izquierda:hover {
        cursor: pointer
    }
    #containerejecutivo {
        width: 90%;
        border-radius: 50px;
        height: 30vw;
    }
    #containerejecutivo img {
        margin-left: 11.5%;
        width: 34%;
        margin-top: 2.5vw;
        float: left;
    }
    #containerejecutivo:hover {
        opacity: 1;
    }
    #flechaizquierdamenu {
        width: 8% !important;
        height: auto !important;
        position: absolute;
        margin-top: 10vw !important;
        margin-left: 0% !important;
    }
    #flechaderechamenu {
        width: 8% !important;
        height: auto !important;
        position: absolute;
        margin-left: 82% !important;
        margin-top: 10vw !important;
    }
    .containerproductos {
        margin-top: 38vw;
    }
    #containerejecutivo h3 {
        width: 41%;
        float: left;
        margin-top: 5vw;
    }
    #containerejecutivo p {
        width: 41%;
        float: left;
        margin-top: 0;
        font-size: 1.5vw;
    }
    .menu h3 {
        font-size: 3.7vw;
    }
    #menuejecutivo,
    #menudesayuno,
    #especialidades {
        height: 6vw;
    }
    .menu {
        width: 27%;
        height: 7.8vw;
    }
    .menu h3 span {
        top: 0vw;
        /*background-color: rgba(255, 255, 255, 0.5);*/
        border-radius: 20px;
    }
    .menu:hover {
        background-color: #fff;
        background-image: none !important;
        opacity: 0.8 !important;
    }
    #flecha {
        display: none;
    }
    #menutextoslider {
        width: 20%;
        margin-left: 63vw;
        margin-top: 21vw;
    }
    #menutextoslider h3 img {
        width: 25%;
    }
    .tituloproductoslider {
        position: absolute;
        left: 7vw;
        top: 5vw;
        padding: 1vw;
        background-color: rgba(164, 25, 28, 0.8);
        color: #fff;
        font-size: 2.5vw;
        border-radius: 50px;
    }
    .galeria {
        margin-top: 10vw;
        width: 100%;
        background-color: #fff;
    }
    .galeria img {
        width: 98%;
        height: 90%;
    }
    .galeria img:hover {
        box-shadow: -10px 10px 12px 0px rgba(0, 0, 0, 0.5);
        opacity: 0.8;
        transform: scale(1.2);
        transition: 0.5s;
        border-radius: 50px;
        cursor: pointer;
        border: 3px solid #fff;
    }
    /*.galerialeft,
    .galeriaright {
        width: 100%;
        height: 35vw;
    }
    .galeriacompleto {
        width: 94%;
        margin-left: 4vw;
        height: 15vw;
        margin-bottom: 3vw;
    }
    .imagen-1 {
        width: 40%;
        margin-left: 4%;
        height: 100%;
        float: left;
        margin-top: -1vw;
    }
    .imagen-4 {
        width: 50%;
        margin-left: 3%;
        float: left;
    }
    .imagen-4-2 {
        width: 100%;
        height: 15.7vw;
    }
    .imagen-2 {
        width: 45%;
        margin-left: 3%;
        float: left;
        height: 100%;
    }
    */
    .doscol {
        width: 100%;
        margin-top: 10vw;
        height: 100vw;
    }
    .coldos {
        width: 38%;
        float: left;
        margin-left: 6%;
        margin-right: 4vw;
        /*border: 3px solid #fff;*/
        height: 20vw;
        margin-top: 4vw;
    }
    .coldos h2 {
        font-size: 3vw;
        margin-bottom: 1vw;
        /*color: rgba(37, 82, 159, 0.9);*/
        color: #fff;
    }
    .coldos p {
        padding: 2vw;
        font-size: 1.5vw;
        margin-top: 0;
        padding-top: 0;
        color: #fff;
    }
    .coldos img {
        width: 100%;
    }
    .coldos img:hover {
        opacity: 0.8;
        transition: .5s;
        transform: scale(1.3);
        cursor: pointer;
    }
    .coldos iframe {
        width: 100%;
        height: 20vw;
    }
    .containercontacto {
        width: 90%;
        margin-left: 5%;
        margin-top: 0vw;
        background-color: rgba(255, 255, 255, 0.5);
        text-align: center;
        position: relative;
        top: 6vw;
    }
    .containerform {
        padding: 3vw;
    }
    .containerform h1 {
        font-size: 3vw;
        color: #fff;
    }
    .containerform form {
        width: 100%;
        margin-left: 0%;
        margin-top: 10vw;
    }
    .containerform form input {
        width: 90%;
        height: 4.5vw;
        background-color: #fff;
        border-radius: 0px;
        color: #000;
        font-size: 3vw;
    }
    .containerform form textarea {
        width: 90%;
        height: 10vw;
        background-color: #fff;
        border-radius: 0px;
        color: #000;
        font-size: 3vw;
    }
    .containerform form input[type='submit'] {
        width: 70%;
    }
    footer {
        margin-top: -1vw;
        width: 100%;
        background-color: #fff;
        padding-top: 5vw;
    }
    .textoderechos {
        text-align: center;
        /*color: #003B81;*/
        color: #fff;
        padding: 1.5vw;
        background-color: rgb(164, 25, 28);
        margin-top: 3vw;
    }
    .textoderechos h3 {
        font-size: 3vw;
    }
    .flechamenu {
        display: block;
    }
    header {
        margin-top: -12vw;
        height: 18vw;
    }
    .flechamenu {
        display: block;
    }
    .nav {
        display: block;
    }
    .flechamenu img {
        margin-top: 1.5vw;
    }
    .seccionmenu {
        height: 145vw;
    }
    body {
        margin-bottom: 0;
    }
    .doscolcat {
        height: 5vw !important;
        margin-top: 5vw;
        width: 50%;
        margin-left: 25%;
    }
    .coldos2 {
        width: 45%;
        margin-left: 3%;
        margin-right: 1%;
        text-align: center;
        height: 5vw;
    }
    .containersubcat {
        height: 5vw;
        padding: 1vw;
        border: 3px solid #fff;
        border-radius: 50px;
        color: #fff;
    }
    .containersubcat h3 {
        font-size: 1.5vw;
    }
    .cuatrocol {
        width: 70%;
        margin-left: 15%;
        text-align: center;
        margin-top: 5vw;
        margin-top: 35vw;
        height: 1vw;
    }
    .colcuatro {
        width: 20%;
        float: left;
        margin-left: 2%;
    }
    .trescol {
        width: 60%;
        margin-left: 20%;
        margin-top: 20vw;
        text-align: center;
    }
    .coltres {
        width: 28%;
        float: left;
        margin-left: 3%;
    }
    .coldosatras {
        background-color: rgb(37, 82, 159);
        width: 100%;
        height: 30vw;
    }
    .coldosdelante {
        background-color: #fff;
        width: 100%;
        height: 30vw;
        position: relative;
        top: -30vw;
    }
    .coldosdelante:hover {
        opacity: 0.2;
    }
    .coldosdelante:hover>h2 {
        display: none;
    }
    .coldosdelante h2 {
        position: absolute;
        color: rgb(37, 82, 159);
        transform: rotate(-45deg);
        font-size: 4vw;
        top: 9vw;
        left: 6vw;
    }
    .coldosatras p {
        font-size: 2vw;
        padding: 2vw;
    }
    .galeriacompletohistoria img:hover {
        opacity: 0.4;
        transform: scale(1);
    }
    .galeriacompletohistoria img:hover~h2 {
        display: none;
    }
    .galeriacompletohistoria h2 {
        position: absolute;
        color: rgb(37, 82, 159);
        font-size: 4vw;
        top: 21vw;
        left: 46vw;
        background-color: rgba(128, 128, 128, 0.7);
        padding: 2vw;
    }
    .galeriacompletohistoriadelante p {
        font-size: 2vw;
        padding: 1vw 1vw 2vw 2vw;
    }
    .galeriacompletohistoria {
        position: relative;
        top: -18vw;
    }
    .imagenlogo {
        display: none;
    }
    .titulo {
        width: 100%;
        height: 7vw;
        background-color: transparent;
        border-radius: 0%;
        margin-top: 3vw;
    }
    #Huevos p {
        width: 50vw;
        margin-top: 74vw;
        margin-left: 5vw;
        color: #fff;
        font-size: 1vw;
    }
    ul li:hover {
        cursor: pointer;
    }
    .containersubcat:hover {
        cursor: pointer;
        background-color: #fff;
        color: #a4191c;
        border: 2px solid #a4191c;
    }
    .flechamenu img:hover {
        cursor: pointer;
    }
    .logopc {
        background-color: transparent;
        margin-bottom: 5vw;
    }
    #menucategorias {
        margin-top: 25vw !important;
        display: none;
    }
    .enlaces {
        display: block;
        position: absolute;
        width: 100%;
        height: auto;
    }
    .enlacemenu {
        position: absolute;
        background-color: #fff;
        padding: 0vw 0vw;
        border-radius: 50px;
        text-align: center;
        height: 4vw;
        padding: 0 2vw;
        box-shadow: -12px 14px 13px 2px rgba(0, 0, 0, 0.75);
    }
    .enlacemenu a {
        color: #a4191c;
        text-decoration: none;
    }
    .enlacemenu:hover>a {
        color: #003B81;
    }
    .enlacemenu a h3 {
        font-size: 2vw;
        margin-top: 1vw;
    }
    .enlacemenu a h3 img {
        width: 2vw;
    }
    #enlacemenuespecialidades {
        top: 2vw;
        left: 8vw;
        z-index: 999;
    }
    #enlacemenugaleria {
        top: 12vw;
        left: 15vw;
    }
    #enlacemenuhistoria {
        top: 7vw;
        left: 10vw;
    }
    #enlacemenumenu {
        top: 17vw;
        left: 20.5vw;
    }
    .flechamenu {
        display: none;
    }
    #idtextoprov {
        position: absolute;
        top: 0;
        left: 75vw;
        text-align: left;
    }
    .whatsapp {
        top: 5vw;
        right: 2vw;
    }
    .textoprov h1 {
        position: relative;
        top: 5vw;
    }
    .textoprov h3 {
        position: relative;
        top: 6vw;
    }
    #idtextoprov h3 {
        top: 0;
    }
    .textotitulogaleria {
        position: absolute;
        margin-top: -16vw;
        margin-left: 36vw;
        width: 28vw;
    }
    .textotitulogaleria h2 {
        color: #fff;
        font-size: 5vw;
        padding: 2vw;
        /*background-color: rgba(37, 82, 159, 0.7);*/
        border-radius: 25px;
        margin: 0;
    }
    .containerhistoria {
        background-color: #fff;
        height: 250vw;
    }
    .nosotros {
        margin-top: 3vw;
        width: 90%;
        margin-left: 3%;
    }
    .textonosotros {
        width: 100%;
        padding: 3vw 2vw;
        background-color: rgba(37, 82, 159, 0.9);
        position: relative;
        top: 5vw;
        border-radius: 25px;
    }
    .textonosotros h1 {
        font-size: 7vw;
        color: #fff;
        margin-top: 0;
    }
    .textonosotros p {
        font-size: 3vw;
        color: #fff;
    }
    .ofrecemos {
        margin-top: 15vw;
        width: 100%;
        text-align: center;
    }
    .ofrecemos h1 {
        font-size: 7vw;
        margin-top: 5vw;
    }
    .coltres2 img {
        height: 13vw;
        margin-top: 2vw;
    }
    .coltres2 h1 {
        font-size: 4vw;
        margin-top: 2vw;
    }
    .coltres2 p {
        font-size: 2.5vw;
    }
    .trescol2 {
        width: 95%;
        margin-left: 2.5%;
    }
    .coltres2 {
        width: 40%;
        margin-left: 5%;
        float: left;
        border: 5px solid #a4191c;
        padding: 1vw;
        height: 50vw;
        border-radius: 20px;
        margin-bottom: 5vw;
    }
    .barratop {
        height: 8vw;
        width: 100%;
        background-color: #3065AF;
        margin-top: 0vw;
        color: #fff;
    }
    .telefonotop {
        width: 35%;
        float: left;
    }
    .barratop h3 {
        padding: 1.3vw;
        font-size: 3vw;
        margin: 0;
    }
    .redestop {
        width: 55%;
        float: left;
        margin-left: 10%;
    }
    .redestop a img {
        width: 9%;
        margin-right: 0.5vw;
    }
    .redestop h3 span {
        position: relative;
        top: -1vw;
    }
    .navhorizontal {
        /*background-color: #fff;*/
        width: 100%;
    }
    .containernav {
        width: 94%;
        margin-left: 3%;
        height: 25vw;
    }
    .itemnav {
        display: inline-block;
        width: 22%;
        margin-left: 0%;
        margin-right: 2.5%;
        height: 10vw;
    }
    .itemnav img {
        width: 100%;
        margin-left: 0%;
        margin-top: 1.2vw;
    }
    .itemnav a {
        text-decoration: none;
    }
    .itemnav h3 {
        color: #a4191c;
        text-decoration: none;
        position: relative;
        top: -14vw;
        text-align: center;
        font-size: 3vw;
    }
    .quienessomos {
        width: 100%;
        background-color: #fff;
        height: 45vw;
    }
    .trescolsomos {
        width: 100%;
    }
    .coltresflor {
        width: 15%;
        float: left;
    }
    .coltresflor img {
        width: 66%;
        margin-left: 17%;
        margin-top: 20vw;
    }
    .coltressomos {
        margin-left: 0vw;
        margin-right: 0vw;
        width: 70%;
        float: left;
        text-align: center;
    }
    .textosomos {
        padding: 2vw;
    }
    .textosomos h2 {
        color: #3065AF;
        font-size: 7vw;
    }
    .textosomos p {
        color: #000;
        font-size: 2.5vw;
    }
    .margengrecas {
        width: 100%;
        background-color: #fff;
        padding: 2vw 0;
        margin-top: -1px;
    }
    .margengrecas img {
        width: 100%;
    }
    .containermenuslider {
        margin-top: -6vw;
    }
    .menuslider {
        background-color: #fff;
        margin-top: -2vw;
        text-align: center;
        padding-top: 1vw;
        height: 85vw;
    }
    .titulomenuslider h2 {
        font-size: 7vw;
        margin-top: 7vw;
        color: #a4191c;
    }
    .containerproductosmenu {
        width: 86%;
        padding: 5vw;
    }
    .trescolproductoslider {
        width: 100%;
    }
    .coltresslidermenu {
        width: 28%;
        float: left;
        margin-left: 4%;
        height: 23vw;
        padding-top: 2vw;
        border: 0px solid #000;
        border-radius: 20px;
        box-shadow: 6px 4px 12px 5px rgba(0, 0, 0, 0.75);
    }
    .coltresslidermenu img {
        width: 80% !important;
    }
    .coltresslidermenu h3 {
        font-size: 5vw;
    }
    .botonordenar {
        width: 30%;
        text-align: center;
        margin-left: 35%;
    }
    .botonordenar h3 {
        background-color: #a4191c;
        padding: 1vw;
        font-size: 4vw;
        color: #fff;
        border-radius: 4vw;
    }
    .botonordenar img {
        width: 15%;
    }
    .reserva {
        margin-top: 0vw;
        background-image: url(../images/fondo-reserva.jpg);
        text-align: center;
        height: 70vw;
    }
    .tituloreserva {
        background-image: url(../images/titulo-reserva.png);
        position: absolute;
        background-size: 100%;
        width: 40%;
        left: 30%;
        height: 15vw;
        z-index: 999999;
        background-repeat: no-repeat;
        margin-top: -1vw;
    }
    .doscolreserva {
        width: 100%;
    }
    .reservacoldos {
        width: 50%;
        float: left;
    }
    .tituloreserva h1 {
        font-size: 7vw;
        color: #003B81;
        margin-top: 1vw;
    }
    .doscolreserva input[type=checkbox] {
        width: 5%;
    }
    .doscolreserva label {
        font-size: 3vw;
        position: relative;
        top: -1vw;
    }
    .doscolreserva a {
        color: #000;
    }
    .botonhacercita {
        width: 30%;
        margin-left: 35%;
        background-color: #a4191c;
        color: #fff;
        border-radius: 5vw;
        padding: 1vw;
        height: 5vw;
        margin-top: 2vw;
    }
    .botonhacercita img {
        width: 15%;
    }
    .botonhacercita input[type=submit] {
        width: 70%;
        height: 4vw;
        border: none;
        background-color: transparent;
        color: #fff;
        font-size: 3.5vw;
        margin-top: -1vw;
    }
    #florreservaizquierda {
        position: relative;
        left: 0vw;
    }
    #florreservaderecha {
        position: relative;
        right: 0vw;
    }
    .ubicanos {
        padding-top: 5vw;
        background-color: #fff;
        width: 100%;
        height: 40vw;
    }
    .doscolubicanos {
        width: 100%;
        text-align: center;
    }
    .ubicanoscoldos {
        width: 80%;
        margin-left: 10%;
        float: left;
    }
    .ubicanoscoldos h2 {
        font-size: 7vw;
    }
    .ubicanoscoldos p {
        font-size: 3vw;
    }
    .ubicanoscoldos iframe {
        /* width: 80%;
        height: 40vw; */
        width: 85%;
        height: 40vw;
        box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, .5);
    }
    .datosfooter {
        height: 35vw;
    }
    .datosfootercoltreslogo {
        width: 50%;
        float: left;
        height: 15vw;
        margin-left: 25%;
        margin-bottom: 5vw;
    }
    .datosfootercoltreslogo img {
        width: 70%;
        margin-left: 15%;
    }
    .datosfootercoltrescontacto {
        width: 45%;
        float: left;
        height: 15vw;
        margin-left: 5%;
    }
    .datosfootercoltrescontacto h4 {
        font-size: 5vw;
        color: #a4191c;
        margin: 0;
    }
    .datosfootercoltrescontacto a {
        font-size: 2vw;
    }
    .datosfootercoltressocial {
        width: 49%;
        float: left;
        height: 15vw;
        text-align: center;
    }
    .datosfootercoltressocial h5 {
        font-size: 2.5vw;
        color: #000;
        margin: 0;
    }
    .datosfootercoltressocial img {
        width: 15%;
        margin-top: 1.5vw;
        margin-bottom: 1.5vw;
        margin-left: 4vw;
    }
    .datosfootercoltressocial p {
        font-size: 3vw;
        color: #000;
        margin: 0;
    }
    #tituloproductomostrado {
        margin-top: 0vw;
        font-size: 7vw;
    }
    /*      AVISO DE PRIVACIDAD      */
    .aviso {
        font-size: 2vw;
        margin-top: 10vw;
        margin-left: 5%;
        width: 90%;
        text-align: justify;
        margin-bottom: 10vw;
    }
    .aviso h2 {
        color: var(--secundario);
        font-size: 3vw;
        text-align: center;
        color: #003B81;
    }
    .aviso h4 {
        color: var(--secundario);
        font-size: 2.5vw;
        text-align: center;
        color: #003B81;
    }
    .aviso p {
        color: #fff;
    }
    /*      AVISO DE PRIVACIDAD      */
    .titulomenu h1 {
        margin-bottom: 0;
        margin-top: 0;
    }
    header {
        height: 30vw;
    }
    .adorno-logo img {
        margin-top: -7vw;
    }
    header img {
        width: 80%;
        margin-left: 10%;
    }
    .containermenu {
        width: 100%;
        margin-left: 0%;
        margin-top: 2vw;
    }
    #menuejecutivo {
        width: 90%;
        margin-left: 2%;
        float: left;
        margin-bottom: 3vw;
        height: 12vw;
    }
    .adorno-logo {
        margin-bottom: 8vw;
    }
    .titulomenu h1 {
        font-size: 8vw;
    }
    #menuejecutivo h3 {
        margin-top: 0;
    }
    #especialidades {
        width: 90%;
        margin-left: 2%;
        float: left;
        margin-bottom: 3vw;
        height: 12vw;
    }
    #especialidades h3 {
        margin-top: 0;
    }
    #menudesayuno {
        width: 90%;
        margin-left: 2%;
        float: left;
        margin-bottom: 3vw;
        height: 12vw;
    }
    #menudesayuno h3 {
        margin-top: 0;
    }
    .menu {
        width: 42%;
        margin-left: 5.5%;
        float: left;
        height: 8vw;
        padding: 3vw 0;
    }
    .menu h3 {
        font-size: 6vw;
        margin-top: 0vw;
    }
    .menu h3 img {
        display: inline-block;
    }
    .florderecha,
    .florizquierda {
        display: none;
    }
    #menutacos {
        margin-top: 0vw;
    }
    #menucortes {
        margin-top: 2vw;
    }
    #postrestablet {
        margin-left: 5.5%;
        margin-bottom: 10vw;
    }
    .menu h3 img {
        margin-top: 1vw;
        width: 15%;
    }
    .menu h3 span {
        position: relative;
        top: -2vw;
    }
    #menuejecutivo img,
    #menudesayuno img,
    #especialidades img {
        width: 12%;
    }
    .categoriamenu ul {
        width: 80%;
        margin-left: 10%;
    }
    .categoriamenu ul li {
        font-size: 5vw;
    }
    .categoriamenu h3 {
        font-size: 9vw;
    }
    .categoriamenu {
        position: absolute;
        margin-left: 5%;
        margin-top: 30vw;
        width: 90%;
        ;
    }
    #Sopas {
        margin-top: 30vw;
        margin-left: 5vw;
    }
    #Carnes {
        margin-top: 90vw;
    }
    #Pollo {
        margin-left: 5vw;
        margin-top: 95vw;
    }
    #Pescado {
        margin-top: 115vw;
    }
    #Bebidas {
        margin-top: 115vw;
    }
    .whatsapp {
        width: 7vw;
        height: 7vw;
    }
    .contenidoproducto h3 {
        font-size: 3.3vw;
    }
    .terminoscondres ul li {
        font-size: 3vw;
    }
    #primeradorno {
        display: none;
    }
    .flechamenu {
        display: none;
    }
    #grecaspc {
        display: none;
    }
    #containermenuslidert {
        display: block;
    }
    .containermenuslider {
        display: none;
    }
    .coltresslidermenu {
        width: 40%;
        height: 35vw;
    }
    .barratop {
        height: auto;
        width: 50%;
        margin-top: 24vw;
        position: absolute;
        background-color: transparent;
    }
    .telefonotop {
        width: 100%;
    }
    .redestop {
        width: 100%;
        float: left;
        margin-left: 0%;
    }
    /* .reserva {
        height: 90vw;
        background-image: url(../images/fondo-reservat.jpg);
        background-size: 100%;
    } */
    .reserva {
        height: 105vw;
        background-image: url(../images/fondo-reservat.jpg);
        background-size: 100%;
        background-repeat: no-repeat;
        background-size: cover;
      }
    .reservacoldos {
        width: 94%;
    }
    .galeria {
        padding-top: 10vw;
        padding-bottom: 20vw;
    }
    #fondoazul {
        border-radius: 20px;
    }
    .titulomenu {
        height: 105vw;
        padding-top: 5vw;
    }
    .seccionmenu {
        height: 275vw;
    }
    .galeria img {
        width: 90%;
        margin-left: 5%;
    }
    .imagen-1,
    .imagen-4 {
        width: 100%;
        height: auto;
        float: none;
    }
    #fondoazul {
        height: 15vw;
        width: 90%;
        margin-left: 5%;
        margin-bottom: 3vw;
    }
    .textotitulogaleria {
        margin-bottom: 10vw;
    }
    .galerialeft {
        margin-top: 10vw;
    }
    .doscolreserva input[type="checkbox"] {
        width: 6%;
    }
    .espacioblanco {
        width: 100%;
        height: 8vw;
        background-color: #fff;
    }
}


/*     Responsivo tablet     */


/*     Responsivo pc     */

@media (min-width: 1051px) {
    .sliderpc {
        display: block;
    }
    .slidermobile {
        display: none;
    }
    .containermenuslidert {
        display: none;
    }
    .containermenuslider {
        display: block;
    }
    .containermenusliderm {
        display: none;
    }
    .whatsapp {
        width: 3vw;
        height: 3vw;
    }
    .logopc {
        display: block;
        width: 70%;
        margin-left: 15%;
        /*background-color: #fff;*/
        height: auto;
        /*border-radius: 0 0 50% 50%;*/
    }
    .logopc img {
        width: 70%;
        margin-left: 15%;
        margin-top: -1vw;
    }
    #grecastop {
        width: 130%;
        margin-left: -14%;
        margin-top: -10vw;
    }
    header {
        height: 10vw;
        border-radius: 0;
        padding: 0;
        background-color: rgba(37, 82, 159, 0.9);
        border-radius: 0 25% 25% 0;
    }
    header img {
        width: 20%;
    }
    .adorno-logo {
        margin-bottom: 0;
    }
    .adorno-logo img {
        margin-top: 0;
    }
    #adornopc {
        display: none;
    }
    #adornomovil {
        display: none;
    }
    .textoprov {
        width: 50%;
        float: left;
        margin-left: 0;
        margin-top: 3vw;
    }
    .menutexto {
        width: 25%;
        margin-left: 13%;
        position: absolute;
        margin-bottom: 0;
        margin-top: 16vw;
        padding: 2vw;
    }
    .menutexto h3 {
        font-size: 2.5vw;
    }
    .textoprov iframe {
        width: 80%;
        margin-left: 5%;
        height: 14vw;
    }
    .textoprov h1 {
        font-size: 3vw;
        margin-bottom: 1vw;
    }
    .textoprov h2 {
        font-size: 2vw;
        margin: 0;
    }
    .textoprov h3 {
        font-size: 1.5vw;
        margin: 0;
        margin-bottom: 1vw;
    }
    .menutexto h3 {
        font-size: 2.5vw;
    }
    .menutexto h3 img {
        top: 1vw;
        width: 12%;
    }
    .titulomenu h1 {
        margin-top: 7vw;
        font-size: 5vw;
    }
    #menuejecutivo {
        width: 40%;
        margin-left: 3%;
        background-size: 100%;
        opacity: 1;
        background-image: url("../images/menu/menuejecutivomenu.jpg");
        transition: all .5s ease-in-out;
    }
    #menuejecutivo:hover {
        /*background-size: 100%;
        opacity: 0.6;*/
        background-image: none;
        cursor: pointer;
        background-color: #a4191c;
        transition: all .5s ease-in-out;
        opacity: 1;
    }
    #especialidades {
        width: 40%;
        margin-left: 2%;
        background-size: 100%;
        opacity: 1;
        background-image: url("../images/menu/machitosmenu.jpg");
    }
    #especialidades:hover {
        /*background-size: 100%;
        opacity: 0.6;*/
        cursor: pointer;
        background-image: none;
        transition: all .5s ease-in-out;
        opacity: 1;
    }
    #especialidades:hover>h3 {
        opacity: 1;
    }
    #menudesayuno {
        width: 40%;
        margin-left: 30%;
        background-size: 100%;
        opacity: 1;
        background-image: url(../images/menu/huevos-divorciados.jpg);
        margin-bottom: 0;
        background-size: cover;
        background-position-y: center;
    }
    #menudesayuno:hover {
        /*background-size: 100%;
        opacity: 0.6;*/
        cursor: pointer;
        background-image: none;
        transition: all .5s ease-in-out;
        opacity: 1;
    }
    #menudesayuno:hover>h3 {
        opacity: 1;
    }
    #menuensaladastablet {
        background-image: url("../images/menu/ensalada-atun.jpg");
        background-size: cover;
    }
    #menuensaladastablet:hover {
        background-size: 100%;
        opacity: 1;
        cursor: pointer;
        background-image: none;
        transition: all .5s ease-in-out;
        color: #a4191c;
    }
    #menuensaladastablet:hover>h3 {
        color: #a4191c;
    }
    #menubotanastablet {
        background-size: 100%;
        opacity: 1;
        cursor: pointer;
        background-image: url("../images/menu/manitas-vinagreta.jpg");
        transition: all .5s ease-in-out;
        color: #fff;
    }
    #menubotanastablet:hover>h3 {
        color: #a4191c;
    }
    /*#menubotanastablet:hover ~ #Botanas{
    display: block;
  }*/
    #menusopastablet {
        background-size: 100%;
        opacity: 1;
        cursor: pointer;
        background-image: url("../images/menu/sopa-luz.jpg");
        transition: all .5s ease-in-out;
        color: #fff;
    }
    #menusopastablet:hover>h3 {
        color: #a4191c;
    }
    #menuguisadostablet {
        background-size: 100%;
        opacity: 1;
        cursor: pointer;
        background-image: url("../images/menu/chile-nogada.jpg");
        transition: all .5s ease-in-out;
        color: #fff;
    }
    #menuguisadostablet:hover>h3 {
        color: #a4191c;
    }
    #menuantojitostablet {
        background-size: 100%;
        opacity: 1;
        cursor: pointer;
        background-image: url("../images/menu/cabrito.jpg");
        transition: all .5s ease-in-out;
        color: #fff;
    }
    #menuantojitostablet:hover>h3 {
        color: #a4191c;
    }
    #menutacostablet {
        background-size: 100%;
        opacity: 1;
        cursor: pointer;
        background-image: url("../images/menu/tacos-carnitas.jpg");
        transition: all .5s ease-in-out;
        color: #fff;
    }
    #menutacostablet:hover>h3 {
        color: #a4191c;
    }
    #menuenchiladastablet {
        background-size: 100%;
        opacity: 1;
        cursor: pointer;
        background-image: url("../images/menu/enchiladas-rojas.jpg");
        transition: all .5s ease-in-out;
        color: #fff;
    }
    #menuenchiladastablet:hover>h3 {
        color: #a4191c;
    }
    #menucarnestablet {
        background-size: 100%;
        opacity: 1;
        cursor: pointer;
        background-image: url("../images/menu/arrachera-algusto.jpg");
        transition: all .5s ease-in-out;
        color: #fff;
    }
    #menucarnestablet:hover>h3 {
        color: #a4191c;
    }
    #menupollotablet {
        background-size: 100%;
        opacity: 1;
        cursor: pointer;
        background-image: url("../images/menu/pechuga-gratinada.jpg");
        transition: all .5s ease-in-out;
        color: #fff;
    }
    #menupollotablet:hover>h3 {
        color: #a4191c;
    }
    #menupescadotablet {
        background-size: 100%;
        opacity: 1;
        cursor: pointer;
        background-image: url("../images/menu/mojarra.jpg");
        transition: all .5s ease-in-out;
        color: #fff;
    }
    #menupescadotablet:hover>h3 {
        color: #a4191c;
    }
    #menuhuevostablet {
        background-size: 100%;
        opacity: 1;
        cursor: pointer;
        background-image: url("../images/menu/huevos-divorciados.jpg");
        transition: all .5s ease-in-out;
        color: #fff;
    }
    #menuhuevostablet:hover>h3 {
        color: #a4191c;
    }
    #menubebidastablet {
        background-size: 100%;
        opacity: 1;
        cursor: pointer;
        background-image: url("../images/menu/cerveza-botella.jpg");
        transition: all .5s ease-in-out;
        color: #fff;
    }
    #menubebidastablet:hover>h3 {
        color: #a4191c;
    }
    #postrestablet {
        background-size: 100%;
        opacity: 1;
        cursor: pointer;
        background-image: url("../images/menu/platanos-fritos.jpg");
        transition: all .5s ease-in-out;
        color: #fff;
    }
    #postrestablet:hover>h3 {
        color: #a4191c;
    }
    #menuadicionalestablet {
        background-size: 100%;
        opacity: 1;
        cursor: pointer;
        /*background-image: url("../images/menu/aguacate-relleno.jpg");*/
        transition: all .5s ease-in-out;
        color: #fff;
    }
    #menuadicionalestablet:hover>h3 {
        color: #a4191c;
    }
    #Botanas {
        margin-left: 16vw;
        margin-top: 54vw;
    }
    #Sopas {
        margin-left: 20vw;
        margin-top: 54vw;
    }
    #Carnes {
        margin-top: 100vw;
        margin-left: 20vw;
    }
    #Pollo {
        margin-left: 16vw;
        margin-top: 98vw;
    }
    #Pescado {
        margin-top: 120vw;
        margin-left: 16vw;
    }
    #Bebidas {
        margin-left: 16vw;
        margin-top: 120vw;
        ;
    }
    #adornoarriba {
        display: none;
    }
    #tituloproductomostrado {
        margin: 0;
        padding: 0;
    }
    .adorno-logo {
        margin-top: -15vw;
        margin-bottom: 5vw;
    }
    #adornomovil {
        display: none;
    }
    .imagenlogo {
        width: 25%;
        float: left;
    }
    .imagenlogo img {
        width: 70%;
        margin-left: 15%;
    }
    header {
        margin-top: -1vw;
    }
    .nav {
        width: 50vw;
        float: left;
        margin-left: 22vw;
    }
    .nav ul {
        list-style: none;
        color: #fff;
        font-size: 1.4vw;
        padding: 1vw 1vw;
    }
    .nav ul li {
        width: 20%;
        display: inline-block;
        border-right: 2px solid #fff;
        text-align: center;
        padding: 1vw 0;
    }
    #menupmovil {
        display: none;
    }
    .titulo h2 {
        margin-top: 0;
        font-size: 5vw;
        color: #fff;
    }
    .titulo img {
        width: 3vw;
    }
    #botanas {
        margin-top: 40vw;
    }
    #Botanas h3 {
        display: none;
    }
    #Botanas ul {
        margin-left: 22vw;
        margin-top: -46.3vw;
        border-radius: 10%;
        width: 30%;
    }
    #Botanas ul li {
        width: 13vw;
        margin-top: 0;
        /*border: 2px solid #a4191c;*/
        margin-left: 0;
        display: inline-block;
        font-size: 2vw;
        padding: 4.7vw 0;
    }
    #Botanas ul li:hover {
        cursor: pointer;
    }
    #licompartir {
        border-right: 2px solid #a4191c;
    }
    .espaciosubcatmenu {
        position: absolute;
        width: 32vw;
        height: 13vw;
        margin-top: 37vw;
        margin-left: 34vw;
        z-index: -1;
    }
    #Sopas h3 {
        display: none;
    }
    #Sopas ul {
        margin-top: -46vw;
        margin-left: 50.5vw;
        width: 27vw;
        height: 14vw;
        border-radius: 10%;
    }
    #Sopas ul li {
        font-size: 3vw;
        width: 49%;
        float: left;
        padding: 1.7vw 0;
    }
    #regresasopas {
        margin-left: 67vw;
    }
    #Carnes h3 {
        display: none;
    }
    #Carnes ul {
        margin-top: -48.4vw;
        margin-left: 18vw;
        width: 27vw;
        height: 14vw;
        border-radius: 10%;
    }
    #Carnes ul li {
        width: 49%;
        float: left;
        font-size: 1.8vw;
        height: 3vw;
    }
    #regresacarnes {
        margin-top: 81vw;
    }
    #Pollo h3 {
        display: none;
    }
    #Pollo ul {
        margin-top: -46.3vw;
        margin-left: 54.5vw;
        width: 27vw;
        height: 14vw;
        border-radius: 10%;
    }
    #lipechuga {
        padding: 5.2vw 0 !important;
        border-right: 2px solid #a4191c;
    }
    #Pollo ul li {
        font-size: 3vw;
        width: 49%;
        float: left;
        border-bottom: none;
        padding: 3.7vw 0;
    }
    .menucategorias {
        height: 10vw;
        margin-top: -4vw;
        margin-bottom: 2vw;
    }
    #regresapollo {
        margin-left: 67vw;
        margin-top: 81vw;
    }
    #Pescado h3 {
        display: none;
    }
    #Pescado ul {
        margin-top: -46.6vw;
        margin-left: -10.5vw;
        width: 27vw;
        height: 14vw;
        border-radius: 10%;
    }
    #Pescado ul li {
        font-size: 3vw;
        width: 49%;
        float: left;
        border-bottom: none;
        padding: 5.2vw 0;
    }
    #regresapescado {
        margin-left: 1vw;
        margin-top: 103vw;
    }
    #Bebidas h3 {
        display: none;
    }
    #Bebidas ul {
        margin-top: -46.6vw;
        margin-left: 54.5vw;
        width: 27vw;
        height: 14vw;
        border-radius: 10%;
    }
    #Bebidas ul li {
        width: 32%;
        float: left;
        font-size: 2vw;
        padding: 5.8vw 0;
    }
    #regresabebidas {
        margin-top: 81vw;
    }
    #liconalcohol {
        padding: 5vw 0 !important;
        border-right: 2px solid #a4191c;
    }
    .adornorecto img {
        display: none;
    }
    .adornorectoo img {
        display: none;
    }
    #rectopc {
        display: none;
    }
    #tituloproductomostrado {
        margin-top: 10vw;
        margin-bottom: 8vw;
    }
    #primeradorno {
        margin-top: 2vw;
    }
    /*.contenidoproducto img{
    width: 49%;
    float: left;
  }
  .contenidoproducto h3{
    width: 49%;
    float: left;
  }*/
    .contenidoproducto {
        width: 27%;
        float: left;
        margin-left: 5%;
        height: 33vw;
        margin-top: 5vw;
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 3vw;
    }
    .contenidoproducto h3 {
        font-size: 2vw;
        margin-top: 2vw;
        ;
    }
    .contenidoproducto img {
        display: block;
    }
    .contenidoproducto img {
        height: 18vw;
        border-radius: 10% 10% 0 0;
    }
    .contenidoproducto {
        border-radius: 10%;
        display: flow-root;
    }
    .contenidoproducto:hover {
        opacity: 0.8;
    }
    header {
        width: 20vw;
        height: 100%;
        position: fixed;
        z-index: 999;
    }
    .imagenlogo {
        width: 100%;
        float: none;
    }
    .nav {
        float: none;
        margin-left: 0;
        width: 100%;
    }
    .nav ul li {
        width: 100%;
        display: block;
        border: none;
    }
    .flechamenu {
        width: 3vw;
        height: 10vw;
        position: fixed;
        left: 0;
        /*background-color: #003B81;*/
        margin-top: 15vw;
        z-index: 999;
    }
    .flechamenu img {
        width: 100%;
        margin-top: 3.5vw;
        margin-left: 1.5vw;
        background-color: rgba(37, 82, 159, 0.5);
        border-radius: 100%;
    }
    #navegacion {
        width: 0;
        transition: 0.5s;
    }
    #ulnav {
        margin-left: -10vw;
        transition: 0.5s;
    }
    #flecha-izquierda {
        margin-left: -7.6vw;
        margin-top: -13vw;
    }
    #flechamenu:hover {
        cursor: pointer;
    }
    #flecha-izquierda:hover {
        cursor: pointer
    }
    #containerejecutivo {
        width: 90%;
        border-radius: 50px;
        height: 30vw;
    }
    #containerejecutivo img {
        margin-left: 11.5%;
        width: 34%;
        margin-top: 2.5vw;
        float: left;
    }
    #containerejecutivo:hover {
        opacity: 1;
    }
    #flechaizquierdamenu {
        width: 5% !important;
        height: auto !important;
        position: absolute;
        margin-top: 10vw !important;
        margin-left: 0% !important;
    }
    #flechaderechamenu {
        width: 5% !important;
        height: auto !important;
        position: absolute;
        margin-left: 82% !important;
        margin-top: 10vw !important;
    }
    .containerproductos {
        /* margin-top: 5vw; */
        margin-top: 10vw;
    }
    #containerejecutivo h3 {
        width: 41%;
        float: left;
        margin-top: 5vw;
    }
    #containerejecutivo p {
        width: 41%;
        float: left;
        margin-top: 0;
        font-size: 1.5vw;
    }
    .menu h3 {
        font-size: 3.7vw;
    }
    #menuejecutivo,
    #menudesayuno,
    #especialidades {
        height: 6vw;
    }
    .menu {
        width: 27%;
        height: 7.8vw;
    }
    .menu h3 span {
        top: 0vw;
        background-color: transparent;
        border-radius: 0px;
        color: #a4191c;
    }
    .menu:hover {
        background-color: #fff;
        background-image: none !important;
        opacity: 0.8 !important;
    }
    #flecha {
        display: none;
    }
    #menutextoslider {
        width: 20%;
        margin-left: 63vw;
        margin-top: 23vw;
    }
    #menutextoslider h3 img {
        width: 25%;
    }
    .tituloproductoslider {
        position: absolute;
        left: 7vw;
        top: 5vw;
        padding: 1vw;
        background-color: rgba(164, 25, 28, 0.8);
        color: #fff;
        font-size: 2vw;
        border-radius: 50px;
    }
    .galeria {
        margin-top: 10vw;
        width: 100%;
        background-color: #fff;
        padding-top: 5vw;
    }
    .galeria img {
        width: 98%;
        height: 90%;
    }
    .galeria img:hover {
        box-shadow: -10px 10px 12px 0px rgba(0, 0, 0, 0.5);
        opacity: 0.8;
        transform: scale(1.2);
        transition: 0.5s;
        border-radius: 50px;
        cursor: pointer;
        border: 3px solid #fff;
    }
    .galerialeft,
    .galeriaright {
        width: 100%;
        height: 35vw;
    }
    .galeriacompleto {
        width: 94%;
        margin-left: 4vw;
        height: 15vw;
        margin-bottom: 3vw;
    }
    .imagen-1 {
        width: 40%;
        margin-left: 4%;
        height: 100%;
        float: left;
        margin-top: -1vw;
    }
    .imagen-4 {
        width: 50%;
        margin-left: 3%;
        float: left;
    }
    .imagen-4-2 {
        width: 100%;
        height: 15.7vw;
    }
    .imagen-2 {
        width: 45%;
        margin-left: 3%;
        float: left;
        height: 100%;
    }
    .doscol {
        width: 100%;
        margin-top: 10vw;
        height: 100vw;
    }
    .coldos {
        width: 38%;
        float: left;
        margin-left: 6%;
        margin-right: 4vw;
        /*border: 3px solid #fff;*/
        height: 20vw;
        margin-top: 4vw;
    }
    .coldos h2 {
        font-size: 3vw;
        margin-bottom: 1vw;
        /*color: rgba(37, 82, 159, 0.9);*/
        color: #fff;
    }
    .coldos p {
        padding: 2vw;
        font-size: 1.5vw;
        margin-top: 0;
        padding-top: 0;
        color: #fff;
    }
    .coldos img {
        width: 100%;
    }
    .coldos img:hover {
        opacity: 0.8;
        transition: .5s;
        transform: scale(1.3);
        cursor: pointer;
    }
    .coldos iframe {
        width: 100%;
        height: 20vw;
    }
    .containercontacto {
        width: 70%;
        margin-left: 15%;
        margin-top: 0vw;
        background-color: rgba(255, 255, 255, 0.5);
        text-align: center;
        position: relative;
        top: 6vw;
    }
    .containerform {
        padding: 3vw;
    }
    .containerform h1 {
        font-size: 3vw;
        color: #fff;
    }
    .containerform form {
        width: 100%;
        margin-left: 0%;
        margin-top: 6vw;
    }
    .containerform form input {
        width: 90%;
        height: 2.5vw;
        background-color: #fff;
        border-radius: 0px;
        color: #000;
        font-size: 2vw;
    }
    .containerform form textarea {
        width: 90%;
        height: 10vw;
        background-color: #fff;
        border-radius: 0px;
        color: #000;
        font-size: 2vw;
    }
    .containerform form input[type='submit'] {
        width: 70%;
    }
    footer {
        margin-top: -1vw;
        width: 100%;
        background-color: #fff;
        padding-top: 5vw;
    }
    .textoderechos {
        text-align: center;
        /*color: #003B81;*/
        color: #fff;
        padding: 1.5vw;
        background-color: rgb(164, 25, 28);
        margin-top: 3vw;
    }
    .textoderechos h3 {
        font-size: 1.5vw;
    }
    .flechamenu {
        display: block;
    }
    header {
        margin-top: -12vw;
        height: 18vw;
    }
    .flechamenu {
        display: block;
    }
    .nav {
        display: block;
    }
    .flechamenu img {
        margin-top: 1.5vw;
    }
    .seccionmenu {
        height: 160vw;
    }
    body {
        margin-bottom: 0;
    }
    .doscolcat {
        height: 5vw !important;
        margin-top: 5vw;
        width: 50%;
        margin-left: 25%;
    }
    .coldos2 {
        width: 45%;
        margin-left: 3%;
        margin-right: 1%;
        text-align: center;
        height: 5vw;
    }
    .containersubcat {
        height: 5vw;
        padding: 1vw;
        border: 3px solid #fff;
        border-radius: 50px;
        color: #fff;
    }
    .containersubcat h3 {
        font-size: 1.5vw;
    }
    .cuatrocol {
        width: 70%;
        margin-left: 15%;
        text-align: center;
        margin-top: 5vw;
        margin-top: 35vw;
    }
    .colcuatro {
        width: 20%;
        float: left;
        margin-left: 2%;
    }
    .trescol {
        width: 60%;
        margin-left: 20%;
        margin-top: 20vw;
        text-align: center;
    }
    .coltres {
        width: 28%;
        float: left;
        margin-left: 3%;
    }
    .coldosatras {
        background-color: rgb(37, 82, 159);
        width: 100%;
        height: 30vw;
    }
    .coldosdelante {
        background-color: #fff;
        width: 100%;
        height: 30vw;
        position: relative;
        top: -30vw;
    }
    .coldosdelante:hover {
        opacity: 0.2;
    }
    .coldosdelante:hover>h2 {
        display: none;
    }
    .coldosdelante h2 {
        position: absolute;
        color: rgb(37, 82, 159);
        transform: rotate(-45deg);
        font-size: 4vw;
        top: 9vw;
        left: 6vw;
    }
    .coldosatras p {
        font-size: 2vw;
        padding: 2vw;
    }
    .galeriacompletohistoria img:hover {
        opacity: 0.4;
        transform: scale(1);
    }
    .galeriacompletohistoria img:hover~h2 {
        display: none;
    }
    .galeriacompletohistoria h2 {
        position: absolute;
        color: rgb(37, 82, 159);
        font-size: 4vw;
        top: 21vw;
        left: 46vw;
        background-color: rgba(128, 128, 128, 0.7);
        padding: 2vw;
    }
    .galeriacompletohistoriadelante p {
        font-size: 2vw;
        padding: 1vw 1vw 2vw 2vw;
    }
    .galeriacompletohistoria {
        position: relative;
        top: -18vw;
    }
    .imagenlogo {
        display: none;
    }
    .titulo {
        width: 100%;
        height: 7vw;
        background-color: transparent;
        border-radius: 0%;
        margin-top: 3vw;
    }
    #Huevos p {
        width: 50vw;
        margin-top: 74vw;
        margin-left: 5vw;
        color: #fff;
        font-size: 1vw;
    }
    ul li:hover {
        cursor: pointer;
    }
    .containersubcat:hover {
        cursor: pointer;
        background-color: #fff;
        color: #a4191c;
        border: 2px solid #a4191c;
    }
    .flechamenu img:hover {
        cursor: pointer;
    }
    .logopc {
        background-color: transparent;
        margin-bottom: 2vw;
    }
    #menucategorias {
        margin-top: 25vw !important;
        display: none;
    }
    .enlaces {
        display: block;
        position: absolute;
        width: 100%;
        height: auto;
    }
    .enlacemenu {
        position: absolute;
        background-color: #fff;
        padding: 0vw 0vw;
        border-radius: 50px;
        text-align: center;
        height: 4vw;
        padding: 0 2vw;
        box-shadow: -12px 14px 13px 2px rgba(0, 0, 0, 0.75);
    }
    .enlacemenu a {
        color: #a4191c;
        text-decoration: none;
    }
    .enlacemenu:hover>a {
        color: #003B81;
    }
    .enlacemenu a h3 {
        font-size: 2vw;
        margin-top: 1vw;
    }
    .enlacemenu a h3 img {
        width: 2vw;
    }
    #enlacemenuespecialidades {
        top: 2vw;
        left: 8vw;
        z-index: 999;
    }
    #enlacemenugaleria {
        top: 12vw;
        left: 15vw;
    }
    #enlacemenuhistoria {
        top: 7vw;
        left: 10vw;
    }
    #enlacemenumenu {
        top: 17vw;
        left: 20.5vw;
    }
    .flechamenu {
        display: none;
    }
    #idtextoprov {
        position: absolute;
        top: 0;
        left: 75vw;
        text-align: left;
    }
    .whatsapp {
        top: 5vw;
        right: 2vw;
    }
    .textoprov h1 {
        position: relative;
        top: 5vw;
    }
    .textoprov h3 {
        position: relative;
        top: 6vw;
    }
    #idtextoprov h3 {
        top: 0;
    }
    .textotitulogaleria {
        position: absolute;
        margin-top: -16vw;
        margin-left: 36vw;
        width: 28vw;
    }
    .textotitulogaleria h2 {
        color: #fff;
        font-size: 5vw;
        padding: 2vw;
        /*background-color: rgba(37, 82, 159, 0.7);*/
        border-radius: 25px;
        margin: 0;
    }
    .containerhistoria {
        background-color: #fff;
        height: 125vw;
    }
    .nosotros {
        margin-top: 3vw;
        width: 60%;
        margin-left: 20%;
    }
    .textonosotros {
        width: 100%;
        padding: 3vw 2vw;
        background-color: rgba(37, 82, 159, 0.9);
        position: relative;
        top: 5vw;
        border-radius: 25px;
    }
    .textonosotros h1 {
        font-size: 3.5vw;
        color: #fff;
        margin-top: 0;
    }
    .textonosotros p {
        font-size: 1.5vw;
        color: #fff;
    }
    .ofrecemos {
        margin-top: 15vw;
        width: 100%;
        text-align: center;
    }
    .ofrecemos h1 {
        font-size: 3.5vw;
        margin-top: 5vw;
    }
    .coltres2 img {
        height: 7.1vw;
        margin-top: 2vw;
    }
    .coltres2 h1 {
        font-size: 2vw;
        margin-top: 2vw;
    }
    .coltres2 p {
        font-size: 1.5vw;
    }
    .trescol2 {
        width: 95%;
        margin-left: 2.5%;
    }
    .coltres2 {
        width: 25%;
        margin-left: 5%;
        float: left;
        border: 5px solid #a4191c;
        padding: 1vw;
        height: 30vw;
        border-radius: 20px;
        margin-bottom: 5vw;
    }
    .barratop {
        position: absolute;
        height: 13vw;
        width: 26vw;
        background-color: transparent;
        margin-top: 2vw;
        color: #fff;
    }
    .telefonotop {
        padding-left: 2vw;
        width: 100%;
        float: left;
    }
    .barratop h3 {
        padding: 1.3vw;
        font-size: 2vw;
        margin: 0;
    }
    .redestop {
        width: 130%;
        float: left;
        margin-left: 5%;
    }
    .redestop a img {
        width: 11%;
        margin-right: 0vw;
    }
    .redestop h3 span {
        position: relative;
        top: -1vw;
    }
    .navhorizontal {
        /*background-color: #fff;*/
        width: 100%;
        margin-bottom: 3vw;
    }
    .containernav {
        width: 80%;
        margin-left: 10%;
        height: 10vw;
    }
    .itemnav {
        display: inline-block;
        width: 20%;
        margin-left: 2%;
        margin-right: 2.5%;
        height: 10vw;
    }
    .itemnav img {
        width: 70%;
        margin-left: 25%;
        margin-top: 1.5vw;
    }
    .itemnav a {
        text-decoration: none;
    }
    .itemnav h3 {
        color: #a4191c;
        text-decoration: none;
        position: relative;
        top: -8vw;
        text-align: center;
        font-size: 1.8vw;
        margin-left: 3vw;
    }
    .quienessomos {
        width: 100%;
        background-color: #fff;
        height: 45vw;
    }
    .trescolsomos {
        width: 100%;
    }
    .coltresflor {
        width: 25%;
        float: left;
    }
    .coltresflor img {
        width: 40%;
        margin-left: 30%;
        margin-top: 20vw;
    }
    .coltressomos {
        margin-left: 0vw;
        margin-right: 0vw;
        width: 49%;
        float: left;
        text-align: center;
    }
    .textosomos {
        padding: 2vw;
    }
    .textosomos h2 {
        color: #3065AF;
        font-size: 5vw;
    }
    .textosomos p {
        color: #000;
        font-size: 1.8vw;
    }
    .margengrecas {
        width: 100%;
        background-color: #fff;
        padding: 2vw 0;
        margin-top: -1px;
    }
    .margengrecas img {
        width: 100%;
    }
    .containermenuslider {
        margin-top: -6vw;
    }
    .menuslider {
        background-color: #fff;
        margin-top: -2vw;
        text-align: center;
        padding-top: 1vw;
        height: 70vw;
    }
    .titulomenuslider h2 {
        font-size: 5vw;
        margin-top: 7vw;
        color: #a4191c;
    }
    .containerproductosmenu {
        width: 86%;
        padding: 5vw;
    }
    .trescolproductoslider {
        width: 100%;
    }
    .coltresslidermenu {
        width: 28%;
        float: left;
        margin-left: 4%;
        height: 23vw;
        padding-top: 2vw;
        border: 0px solid #000;
        border-radius: 20px;
        box-shadow: 6px 4px 12px 5px rgba(0, 0, 0, 0.75);
    }
    .coltresslidermenu img {
        width: 80% !important;
    }
    .coltresslidermenu h3 {
        font-size: 2.3vw;
        margin-bottom: 0vw;
    }
    .botonordenar {
        width: 20%;
        text-align: center;
        margin-left: 40%;
    }
    .botonordenar h3 {
        background-color: #a4191c;
        padding: 1vw;
        font-size: 2.5vw;
        color: #fff;
        border-radius: 4vw;
    }
    .botonordenar img {
        width: 18%;
    }
    .reserva {
        margin-top: 0vw;
        background-image: url(../images/fondo-reserva.jpg);
        background-size: cover;
        text-align: center;
        height: 57vw;
    }
    .tituloreserva {
        background-image: url(../images/titulo-reserva.png);
        position: absolute;
        background-size: 100%;
        width: 40%;
        left: 30%;
        height: 15vw;
        z-index: 999999;
        background-repeat: no-repeat;
        margin-top: -1vw;
    }
    .doscolreserva {
        width: 100%;
    }
    .reservacoldos {
        width: 50%;
        float: left;
    }
    .tituloreserva h1 {
        font-size: 5vw;
        color: #003B81;
    }
    .doscolreserva input[type=checkbox] {
        width: 10%;
    }
    .doscolreserva label {
        font-size: 1.8vw;
    }
    .doscolreserva a {
        color: #000;
    }
    .botonhacercita {
        width: 30%;
        margin-left: 35%;
        background-color: #a4191c;
        color: #fff;
        border-radius: 5vw;
        padding: 1vw;
        height: 2vw;
        margin-top: 2vw;
    }
    .botonhacercita img {
        width: 10%;
    }
    .botonhacercita input[type=submit] {
        width: 70%;
        height: 4vw;
        border: none;
        background-color: transparent;
        color: #fff;
        font-size: 2.5vw;
        margin-top: -1vw;
    }
    #florreservaizquierda {
        position: relative;
        left: 0vw;
    }
    #florreservaderecha {
        position: relative;
        right: 0vw;
    }
    .ubicanos {
        padding-top: 5vw;
        background-color: #fff;
        width: 100%;
        height: 40vw;
    }
    .doscolubicanos {
        width: 100%;
        text-align: center;
    }
    .ubicanoscoldos {
        width: 47%;
        margin-left: 2%;
        float: left;
    }
    .ubicanoscoldos h2 {
        font-size: 5vw;
    }
    .ubicanoscoldos p {
        font-size: 2.5vw;
    }
    .datosfooter {
        height: 13vw;
    }
    .datosfootercoltreslogo {
        width: 40%;
        float: left;
        height: 15vw;
        margin-left: 0;
        margin-bottom: 0;
    }
    .datosfootercoltreslogo img {
        width: 70%;
        margin-left: 15%;
    }
    .datosfootercoltrescontacto {
        width: 30%;
        float: left;
        height: 15vw;
        margin-left: 0;
    }
    .datosfootercoltrescontacto h4 {
        font-size: 2.5vw;
        color: #a4191c;
        margin: 0;
        margin-bottom: 2vw;
    }
    .datosfootercoltrescontacto p {
        font-size: 1.5vw;
        color: #000;
    }
    .datosfootercoltressocial {
        width: 30%;
        float: left;
        height: 15vw;
    }
    .datosfootercoltressocial h5 {
        font-size: 2.5vw;
        color: #000;
        margin: 0;
    }
    .datosfootercoltressocial img {
        width: 20%;
        margin-top: 1.5vw;
        margin-bottom: 1.5vw;
        margin-left: 0.5%;
    }
    .datosfootercoltressocial p {
        font-size: 2vw;
        color: #000;
        margin: 0;
    }
    #tituloproductomostrado {
        margin-top: 0vw;
    }
    .textoblanco {
        color: #fff !important;
    }
    .textoazul {
        color: #3065AF !important;
    }
    .textorojo {
        color: #a4191c !important;
    }
    .menubackazul:hover {
        background-color: #3065AF !important;
    }
    .flechamenu {
        display: none;
    }
    /*.marcoslider {
        position: absolute;
        top: 42vw;
        z-index: 2;
    }
    .marcoslider img {
        width: 100%;
    }*/
    #fondoazul {
        border-radius: 50px;
    }
    #grecaspc {
        display: block;
        width: 100%;
    }
    #grecasm {
        display: none;
        width: 100%;
    }
    .galerialeft {
        margin-top: 8vw;
    }
    .whatsapp {
        width: 5vw;
        height: 5vw;
    }
    .seccionmenu {
        height: 185vw;
    }
    .titulomenu {
        height: 60vw;
    }
    .espacioblanco {
        width: 100%;
        height: 8vw;
        background-color: #fff;
    }
    /*      AVISO DE PRIVACIDAD      */
    .aviso {
        font-size: 2vw;
        margin-top: 10vw;
        margin-left: 5%;
        width: 90%;
        text-align: justify;
        margin-bottom: 10vw;
    }
    .aviso h2 {
        color: var(--secundario);
        font-size: 3vw;
        text-align: center;
        color: #003B81;
    }
    .aviso h4 {
        color: var(--secundario);
        font-size: 2.5vw;
        text-align: center;
        color: #003B81;
    }
    .aviso p {
        color: #fff;
    }
    .datosfootercoltressocial a {
        margin-left: 8%;
    }
    .galeria {
        padding-bottom: 0;
    }
    #menuejecutivo,
    #especialidades,
    #menudesayuno {
        margin-top: 5vw;
    }
    .terminoscondres {
        margin-bottom: 3vw
    }
    .terminoscondres ul li {
        font-size: 1.3vw;
    }
    /*      AVISO DE PRIVACIDAD      */
}

.g-recaptcha{
    display: flex;
justify-content: center;
}
input, textarea {
    outline: none;
}
/*     Responsivo pc     */