.bloquearScroll {
      overflow-y: hidden !important;
  }
  
  header {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 50px;
  }
.logoResabooking{
   height: auto;
   width:120px;
   position:fixed;
   top:0;
   left: calc(50% - 60px) !important;
   transition:0.5s;
}
.logoBig{width:200px !important;left: calc(50% - 100px) !important;}
     /* BURGER */
  .burger-container {
      background-color: #2c2c2c;
      width: 100%;
      height: 50px;
      
  }
  
  .burger {
      position: relative;
      width: 70px;
      height: 50px;
      cursor: pointer;
  }
  
  .burgerBar1 {
      position: absolute;
      top: 10px;
      left: 15px;
      background: rgb(255,255,255);
      background: linear-gradient(83deg, rgba(255, 255, 255, 0.552) 6%, rgba(255,255,255,1) 29%, rgba(255,255,255,1) 100%);
      width: 50px;
      height: 5px;
      transition:0.75s;
  }
  
  .burgerBar2 {
      position: absolute;
      top: 22px;
      left: 15px;
      background: rgb(255,255,255);
      background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255, 255, 255, 0.315) 74%, rgba(255,255,255,1) 85%);
      width: 50px;
      height: 5px;
      transition:0.50s;
  }
  
  .burgerBar3 {
      position: absolute;
      top: 35px;
      left: 15px;
      background: rgb(255,255,255);
      background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 29%, rgba(255, 255, 255, 0.25) 97%);
      width: 50px;
      height: 5px;
      transition:0.25s;
  }
  .burgerOn>.burgerBar1{
      transform: rotate(-40deg);
      top: 22px;
      transition: 0.75s;
   }
   .burgerOn>.burgerBar2{
      transform: rotate(40deg);
      transition:0.5s;
   }
   .burgerOn>.burgerBar3{
      width:0px;
      transition:0.25s;
   }
 /*   .burgerText{
      display: flex;
      position: absolute;
      right: 10px;
      font-size: 26px;
      height: 50px;
      align-items: center;
      
   } */
  /*  FIN - BURGER */
  /*  MENU */
  
  #menu-container {
      background-color: white ;
      width: 0vw;
      height: calc(100vh - 50px) !important;
      transition: 0.5s;
  }
  
  .menuContainerOn {
      width: 100vw !important;
    /*   height: calc(100vh - 50px) !important; */
      overflow-y: auto;
      transition: width 1s ease;
  }
 
   .menuContainerOn::-webkit-scrollbar {
      -webkit-appearance: none;
  }
  
  .menu {
   
      margin: 0 !important;
      padding:0 !important;
      text-align:center;
      opacity: 0;
      width: 0%;
      height: 0%;
      display:none;
  }
  .menu>li{
      padding:0 !important;
    border-bottom: solid 1px #888; 
  }
   .menu > li a> span{
      display: block;
      color:rgb(4,4,4) ;
      font-size: 25px;
   }   
   .menu li a> span:hover{
       color:#9a7527;
   }  

  .menuOn {
      display:flex !important;
      justify-content:center;
      align-items:center;
      flex-flow:column;
      width: 100%;
      height: 100%;
      animation-name: menuOnAnimation;
      animation-fill-mode: forwards;
      animation-duration: 1s;
  }
  .menuOn > li {
     width: 100%;
  }
 
  
  @keyframes menuOnAnimation {
      0% {
          opacity: 0;
      }
      100% {
          opacity: 1;
      }
  }
  /*  FIN - MENU */
  /* OPCIONES DEL MENU */
  
  .subopcionTitre {
      display:block;
      cursor: pointer;
      color:rgb(4,4,4) ;
      font-size: 25px;
  }

  .subopcionTitre::after{
   display: inline-block;
   margin-left: 15px;
   
   content: "+";
  }
  
  .subopcionTitreOn::after{
   content: "-" !important;
   vertical-align: 3px;
  }

  .subopcionTitre:hover {
   color:#9a7527;
}
  .subopcionTitre+ul {
      display: none;
  }
  
  .subopcionTitreOn+ul {
      display: block;
  }

  .subopcionContainer{
   padding:0 !important;

   /* background-color:rgb(4,4,4); */
  }
  .subopcionContainer>li>a>span {
   display: block;
   /* color:white ; */
   font-size: 25px;
  }   
  .subopcionContainer>li>a>span:hover{   
   color:#9a7527;
  }  
.subopcionDescripcion{
   display:none;
}
   .menuIconos{
      border:none !important;
   }
 

.menuTextAux{
   display:none;
}
  /*  FIN - OPCIONES DEL MENU */

  .zoomEstructura2BisMenu {
   position: relative;
   /* top: 0px; */
   /* left: calc(50% - 100px); */
   border-radius: 50%;
   overflow: hidden;
   width: 200px;
   height: 200px;
   z-index: 1;
}

.zoomEstructura2BisMenu>a>img {
   border: solid 1px var(--color-4);
   border-radius: 50%;
   padding: 10px;
   height: 200px;
   width: 200px;
   transition: 0.5s;
}

.zoomEstructura2BisMenu:hover>a>img {
   padding: 0px !important;
   transition: 0.5s;
}

/* LANG */
.lang_container{
   position:absolute !important;
   top: 60px;
   left: 20px;
   width:35px;
   height:35px;
   overflow:hidden;
   z-index: 2 !important;
   transition: 0.5s;
}
.lang_container:hover{ 
   height:90px; 
   transition: 0.5s; 
}
.lang_container div{
       width: 35px;
    height: 35px;
    margin-bottom: 10px;
    border-radius: 50%;
    font-size: 17px !important;
    text-align: center;
}
.btn-resa{
   position:fixed; 
   top:0px; 
   right:0px;  
} 


/* FIN - LANG */
 

@media only screen and (min-width: 576px) {
   .lang_container{
      position:fixed !important;
      top: 7px;
      left: 90px; 
   }
  
}

@media only screen and (min-width: 768px) {}

@media only screen and (min-width: 992px) {
   header {
      height: 60px;
  }
 
   /* BURGER */
   .burger-container {
      height: 60px;
  }
   .burger {
      height: 60px;
      width: 80px;
   }

   .burgerBar1 {
      top: 13px;
   }

   .burgerBar2 {
      top: 26px;
      
   }

   .burgerBar3 {
      top: 40px;
      
   }

   .burgerOn>.burgerBar1{
      transform: rotate(-40deg);
      top: 25px;
      transition: 0.75s;
   }
   .burgerOn>.burgerBar2{
      transform: rotate(40deg);
      transition:0.5s;
   }
   .burgerOn>.burgerBar3{
      width:0px;
      transition:0.25s;
   }

/*    .burgerText{
      display: flex;
      position: absolute;
      right: 10px;
      font-size: 30px;
      height: 60px;
      align-items: center;
      
   } */

   /* FIN - BURGER */

   .menu{
      border-right: solid 1px #888; 
   }
   .menuOn{
      width:50% !important;
      
   }
   .menu>li{
    border-bottom:inherit !important; 
    display:none;
  }
   .menuOn>li{
    border-bottom:inherit !important; 
    display:flex;
  }

  .subopcionContainer{
  /*  display: flex !important; */
  display:none !important;
   flex-flow: column;
   justify-content: center;
   position: absolute;
   top: 60px;
   left: 50%;
   /* width: 0%; */
   width: 50%;  
   height: calc(100% - 60px);
   overflow-y: auto;
  /*  opacity:0; */
   /* transition:width 0.75s,opacity 0.25s; */
   
  }
  .subopcionContainer::-webkit-scrollbar {
      -webkit-appearance: none;
   }
   
 
  .subopcionTitreOn+ul{
    display: flex !important;
  /*  flex-flow: column;
   justify-content: center;  */ 
   /* width: 50%; */
   /* opacity:1; */
 
   transition:width 0.5s,opacity 1s;
  }

  .menuIconos{
   border:none !important;
  }
  .menuIconos>div{
   border-top:solid 1px #888;
  }

  .lang_container{ 
   top: 10px; 
}

.logoResabooking{
   width: 146px  !important;
   left: calc(50% - 73px) !important; 
}
.logoBig{width:300px !important;left: calc(50% - 150px) !important;}
}

@media only screen and (min-width: 1024px) { 

}
@media only screen and (min-width: 1200px) {
   .menuOn{
      width:34% !important;
   }
   .subopcionContainer{
      left: 34% !important;
      /* width:33% !important; */
      border-right: solid 1px #888; 
      background-color:white;
     }

     .subopcionTitreOn+ul{
      width: 33%; 
      transition:1s;
     }

     ul+.subopcionDescripcion{
      position: absolute;
      top: 60px;
      left: 67%;
      /* width:0% !important; */
      width:33% !important;
      height: calc(100% - 60px);
      overflow-y:auto;
      /* display: flex !important; */
      display:none!important;
      flex-flow: column;
      align-items: center;
      justify-content: center;
      background-color:white;
     /*  opacity:0; */
      /* transition:width 0.75s,opacity 0.25s; */
   }

     .subopcionTitreOn+ul+.subopcionDescripcion{
      /* width:33% !important;
      opacity:1; */
    /*   transition:width 0.5s,opacity 1s; */
    display: flex !important;
   }
   .subopcionTitreOn+ul+.subopcionDescripcion::-webkit-scrollbar {
      -webkit-appearance: none;
   }
   .subopcionTitreOn+ul+.subopcionDescripcion>p{
      color:#444;
      font-size: 22px;
   }
 .menuTextAux{
      position: absolute;
      top: 60px;
      left: 34%;
      display:block;
      width:66%;
      height: calc(100% - 60px);
      overflow-y:auto;
      display:flex;
      flex-flow:column;
      align-items: center;
      justify-content: center;
      opacity:0;
      transition:opacity 1s;
   }
   .menuContainerOn>.menuTextAux{
      opacity:1;
   }
   .desaparecer{
      display:none;
      transition:0.5s;
   }
 
}
@media only screen and (min-width: 1200px) {
 
 
}
@media only screen and (min-width: 1300px) {
 
}
@media only screen and (min-width: 1400px) {
 
}
@media only screen and (min-width: 1500px) {
 
}
@media only screen and (min-width: 1600px) {
 
}