html,body{
  font-family: 'karla';
  -webkit-tap-highlight-color: transparent;
}
/* Del Modal */

.overlay{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100vh;
  opacity:0;
  pointer-events:none;
  background-color: black;
  z-index: 10001;
}
.overlay .proximamente >div{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate3d(-50%,-50%,0);
  color:black;
  font-size:30px;
}
.overlay .linkexterno >div{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate3d(-50%,-50%,0);
  color:black;

  font-size:24px;
  display:flex;
  align-items: center;
  justify-content: center;
    width: 100%;

}
.overlay .linkexterno > div > div{
  padding:5px;
}
.overlay .linkexterno >div a{
  color: white;
  border: 1px solid #85754E;
  padding: .5rem 1rem;
  background-color: #85754E;
  padding-bottom: 4px;
  border-radius: 5px;
  text-decoration: none;
}
.overlay .borrar{
  color:#85754E;
  position:fixed;
  top:3px;
  right:11px;
  font-size:40px;
  z-index: 10003;
}

.overlay .iframereservas{
  opacity: 0;
  pointer-events:none;
  height: 100vh;
  z-index: 10002;
}
.overlay .iframereservas iframe{
  z-index: 10002;
  height: 100vh!important
}
.overlay .iframemodal{
  opacity: 0;
  pointer-events:none;
  height: 100vh;
  z-index: 10002;
}
.overlay .iframemodal iframe{
  z-index: 10002;
  width: 100%;
  position: absolute;
  top:0;
}
.fa-window-close:after{
  content: "";
  background-color: black;
  width: 20px;
  height: 27px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.fa-window-close:before{
  position: relative;
  z-index: 1
}
/* Del MENU */

html,body{
    background-color:black;
}

.accesoswrap{
    /*max-width:600px;
    margin:auto!important;*/
    position: absolute;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0);
    width: 90%;
    max-width: 320px;
}
.accesoswrap h3{
    text-transform:uppercase;
}
.accesoswrap .wpb_wrapper > div > a {
    opacity:0;

    display: block;
    outline: none;
    padding: 0 12px;
    color: black;
    position: relative;
    border-radius: 0 !important;
    margin: 15px 0;
    font-size: 26px;
    line-height: .5;
    text-transform:uppercase;
    text-decoration:none;
}
  .accesoswrap .wpb_wrapper > div.enlacecentral {
    display:flex;
    position:relative;
}
  .descpdf{
    display:none!important;
    opacity:1!important;
    position:absolute!important;
    right:0;
    top: 50%;
    transform: translate3d(0,-50%,0);
    padding:0!important;
    margin:0!important;
    font-size: 20px!important;
    color: rgb(191 79 0)!important;
  }
.accesoswrap .wpb_wrapper > div{
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.accesoswrap .wpb_wrapper > div:last-child > a {
    text-transform:initial;
}
.accesoswrap .wpb_wrapper > div.wpb_single_image  {
    border:0px;
    margin:0;
    padding:0;
    background-color:transparent;
    margin-bottom: 20px!important;
}
.accesoswrap .wpb_wrapper .vc_single_image-img  {
    width: 60%;
    margin-bottom: 0px;
}

.marmia-text{
    color: white;

}
.espacio{
    height: 50px;
}
.marmia-titular{
    font-size: 30px;
    color: white;

}
.marmia-subtitulo{
    font-size: 20px;
    color: white;

}

.reservas{
    font-size: 25px;
    color: #807451;

}
.reservas a{
    color: #807451;
    text-decoration: none;
}
.reservas a:hover{
    color: white;
    text-decoration: none;
}
.desayuno{
    font-size: 25px;
    color: #807451;

}
.desayuno a{
    color: #807451;
    text-decoration: none;
}
.desayuno a:hover{
    color: white;
    text-decoration: none;
}
.room{
    font-size: 25px;
    color: #807451;

}
.room a{
    color: #807451;
    text-decoration: none;
}
.room a:hover{
    color:white;
    text-decoration: none;
}
.tequilas{
    font-size: 25px;
    color: #807451;
}
.tequilas a{
    color: #807451;
    text-decoration: none;
}
.tequilas a:hover{
    color: white;
    text-decoration: none;
}
.tapas{
    font-size: 25px;
    color: #807451;

}
.tapas a{
    color: #807451;
    text-decoration: none;
}
.tapas a:hover{
    color: white;
    text-decoration: none;
}

.restaurante{
    font-size: 25px;
    color: #807451;

}
.restaurante a{
    color: #807451;
    text-decoration: none;
}
.restaurante a:hover{
    color: white;
    text-decoration: none;
}
.vinos{
    font-size: 25px;
    color: #807451;

}
.vinos a{
    color: #807451;
    text-decoration: none;
}
.vinos a:hover{
    color: white;
    text-decoration: none;
}
.wines{
    font-size: 25px;
    color: #807451;

}
.wines a{
    color: #807451;
    text-decoration: none;
}
.wines a:hover{
    color: white;
    text-decoration: none;
}
.cocteles{
    font-size: 25px;
    color: #807451;

}
.cocteles a{
    color: #807451;
    text-decoration: none;
}
.cocteles a:hover{
    color: white;
    text-decoration: none;
}

.destilados{
    font-size: 25px;
    color: #807451;

}
.destilados a{
    color: #807451;
    text-decoration: none;
}
.destilados a:hover{
    color: white;
    text-decoration: none;
}
.champagnes{
    font-size: 25px;
    color: #807451;

}
.champagnes a{
    color: #807451;
    text-decoration: none;
}
.champagnes a:hover{
    color: white;
    text-decoration: none;
}
.contrata-un-evento{
    font-size: 25px;
    color: #807451;

}
.contrata-un-evento a{
    color: #807451;
    text-decoration: none;
}
.contrata-un-evento a:hover{
    color: white;
    text-decoration: none;
}
.conciertos{
    font-size: 25px;
    color: #807451;

}
.conciertos a{
    color: #807451;
    text-decoration: none;
}
.conciertos a:hover{
    color: white;
    text-decoration: none;
}
.encuestas{
    font-size: 25px;
    color: #807451;

}
.encuestas a{
    color: #807451;
    text-decoration: none;
}
.encuestas a:hover{
    color: white;
    text-decoration: none;
}
.castellano{
    height: 50px;
    background-image:url(/img/BTN-espanol-white.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.castellano:hover{
    height: 50px;
    background-image:url(/img/BTN-espanol-gold.jpg);
    background-repeat: no-repeat;
}
.castellano a{
    font-size: 70px;
    color: rgba(0,0,0, .0);
    
}
.english{
    height: 50px;
    background-image:url(/img/BTN-ingles-white.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.english:hover{
    height: 50px;
    background-image:url(/img/BTN-ingles-gold.jpg);
    background-repeat: no-repeat;
}
.english a{
    font-size: 70px;
    color: rgba(0,0,0, .0);
    
}
.cartas{
    font-size: 25px;
    color: #807451;

}
.cartas a{
    color: #807451;
    text-decoration: none;
}
.cartas a:hover{
    color: white;
    text-decoration: none;
}
.submenu{
  display: none;
}
.submenu a{
  font-size: 25px;
  color:#b5a576;
  text-decoration:none;
}
.submenu > div{

}
.submenucarta{
  display: none;
}
.submenucarta a{
  font-size: 25px;
  color:#b5a576;
  text-decoration:none;
}
.submenucarta > div{

}
.accesoswrap a{
  font-size: 25px;
  color:#b5a576;
  text-decoration:none;
  display: block;
  height: 100%;
}
.accesoswrap a:hover{
  color:white;
}
@media only screen and (max-device-width: 480px){
    html,body{
        background-position: right!important;
}

.accesoswrap{
    width:90%;
    max-width: 90%;
}


.accesoswrap .wpb_wrapper > div{
    background-size: 100%;
}
}