*{ padding: 0px; margin: 0; box-sizing: border-box;  }
a{ text-decoration: none; border:0 solid !important;  }
.noselect{-webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select:none; -ms-user-select:none; }
:focus { outline: -webkit-focus-ring-color auto 0px !important; outline-color: -webkit-focus-ring-color; outline-style: none;outline-width:0px !important; }
input:focus, select:focus, select, input.form-control:focus {
            outline:none !important;
            outline-width: 0 !important;
            box-shadow: none;
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
        }
textarea:focus, input:focus, input[type]:focus {
    border-color: rgb(0, 0, 0);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.075)inset, 0 0 8px rgba(0,0,0,0.6);
    outline: 0 none;
}  
html,body{ background: #1A1D1D; font-family: 'Raleway';  }
  .nav1{ width: 100%; z-index: 999; position: fixed; height: 69px; top: 37px; z-index: 999;  }
  .nav1 img{ width: 270px;
    margin-top: -2px;
    border-radius: 0;
    float: left;
  }
.sliderpro{
     top: -75px;position:relative;left:0;width:100%;height:100%;overflow:hidden;
   }
  .navimg2{
    display: none; 
  } 
  .btncasagrande{
    float: left;
    padding: 10px;
    background: #4440;
    color: #dfdfdf;
    cursor: pointer;
  }
  .navce{
   font-size: 31px;
display: block !important;
padding: 8px;
cursor: pointer;
float: right;
color: #262626;
line-height: 45px;

  }
  .navcetwo{
    font-size: 43px;
    padding: 8px;
    float: left;
    color: #fff;
    text-shadow: 0px 0px 4px #7a7979;
    cursor: pointer;
  }
  .header-sidenav,.header-sidenavh{
    position: fixed;
    background: rgba(17, 17, 17, 0.98);
    color: #f0f0f0;
    right: -500px;
    top: 0;
    bottom: 0;
    width: 330px;
    z-index: 9999;
    padding: 20px 30px;
    overflow: auto;
    opacity: 1;
    text-align: center;
    height: 100%;
  }
  .suiteul{
    float: left; width: 100%;
    padding: 20px;
    text-align: left; 
    color: #333;
    margin: 20px 0;
  }
  .suiteul ul{
    padding: 10px;
  }
  .mostrarnav{
    right: 0;
  }
  .menubottomsidenav,.menubottomsidenav1,.menubottomsidenav2{
    width: 100%;
    padding: 16px 5px;
    text-transform: uppercase;
    float: left;
    font-size: 14px;
    text-align: left;
    border-bottom: 0.5px solid #373737 !important;
    color: #e8e8e8 !important;
  }
  .menubottomsidenav1,.menubottomsidenav2{
    display: none;
  }
  .menucovinav{
      position: absolute;
      bottom: 0;
      width: 100%;
      color: #fff;
      left: 0;
      padding: 10px;
  }
  #contener{ width: 100%; padding: 10px 0 0 0; float: left; z-index: 98; position: relative; margin-top: 100%;  }
  .centrar{ max-width: 1140px; margin: auto; }
  .footer{ 
    width: 100%; float: left;  background: #505050; 
  }
  .idioma{      float: left;
    padding: 8px 10px;
    margin: 0px 0px;
    opacity: 0.5;
    width: 77px;
    text-align: center; cursor: pointer;
  } 
  .width100{
    width: 100%;
    float: left;
    padding: 20px 5%;
  }
  .width70{
    width: 70%;
    float: left;
  }
  .width30{
    width: 30%;
    float: left;
    text-align: center;
  }
  .width30 img{
    width: 98%;
    border: 2px solid #cdb98f;
    border-radius: 8px;
  }
  .widthlabel{
    font-size: 16px;
    color: #c9c9c9;
    padding: 14px;
    line-height: 29px;
    text-align: justify;
  }
  .lainfo{     
    position: fixed;
      left: 0;
      width: 130px;
      height: 452px;
      bottom: 0;
      z-index: 99;
  } 
  .btninfo{ 
    width: 100px;
    float: left;
    padding: 9px; 
  }
  .btninfo label{ font-weight: normal;
text-align: center;
width: 100%;
float: left;
color: #fff; font-size: 12px;
font-family: arial; }
  .btninfo i{ 
    float: left; color: #fcc;
    width: 100%;
    text-align: center;
    font-size: 36px;
    margin-bottom: 5px; 
  }
  .btninfoclose{ background: rgba(0, 0, 0, 0) linear-gradient(#ceba92, #c3a974) repeat scroll 0 0;
float: right;
width: 30px;
height: 24px;
font-size: 27px;
transform: scaleY(4);
line-height: 19px;
text-align: center; cursor: pointer;
margin-top: 63px;
color: #171717;
border-radius: 0 5px 5px 0; }
  .px1300{ max-width: 100%; margin: auto;}
  .vermas{ float: left; width: 100%; text-align: center; padding-top: 10px; }
  .vermas label{ 
    background: rgba(0, 0, 0, 0) linear-gradient(#ceba95, #81745d) repeat scroll 0 0;
    padding: 8px 20px;
    color: #2d2b2b;
    border-radius: 3px;
    cursor: pointer;
  }
  .botonesnav{ float: right; }
  .menubottom{ float: left; padding: 16px 16px; height: 63px; cursor:pointer; } 
  .menubottomcgh,.menubottomcgh1,.menubottomcgh2{ float: left; padding: 24px 7px; height: 63px; cursor:pointer; text-transform: uppercase; } 
  .displaynone{ display: none; }
  
    .tablemash{
      width: 100%; float: left; overflow: auto;
    }
    .tablemash table{
      width: 1050px;
      background: #818181;
    }
    .tablemash th{
      background: #2c2c2c;
      padding: 10px 0;
      border: 0px solid #fff;
      color: #fff;
      font-weight: normal; 
    }
    .tablemash td{
      padding: 10px 0;
      border: 0px solid #fff;
      color: #d0cfcf;
      font-weight: normal; 
    }
    .imgmettings {
      width: 50%;
      font-family: "Muli";
      font-weight: normal;
      font-style: normal;
      font-size: 16px;
      text-align: left;
      color: #fff;
      padding: 10px;
      color: #323232;
      letter-spacing: 1px;
      line-height: 24px;
    }
    .imgmettings ul{
      padding: 0 20px
    }
    .trcolor1{
      background: #181818;
    }
    .trcolor2{
      background: #252525;
    }
    
        .lainfohidden{
          left: -100px;
        }

        .flexcontainer{ display: flex; justify-content: space-around; flex-wrap: wrap; width: 100%; }
        .flexcontainerinvertir {
            display: flex;
            justify-content: space-around;
            flex-wrap: wrap;
            width: 100%;
            flex-direction: row;
            
        }
        .block{  width: 32%; margin-top: 10px; text-align: center; }
        .block img{
          width: 90%;
          border: 5px solid #464646;
          border-radius: 3px;
          margin: 14px 0;
        }
        .blocktitle{
          width: 100%;
          float: left;
          background: #3e3c3c;
          padding: 10px;
          color: #ceba95;
        }
        .blockver{
          width: 100%;
          float: left;
          background: #2f2f2f;
          height: 82px;
          line-height: 28px;
          color: #c6bebe;
        }
       .hiddenpage{
        left: -100%;
        position: relative;
      }
      /*
      .owl-theme .owl-nav{
        position: absolute;
        bottom: 0;
        background: red;
      }
      .owl-theme .owl-dots, .owl-theme .owl-nav{
        position: absolute;
        bottom: 30px;
        background: #85777700;
        width: 100%;
        margin-top: 0;
        height: 19px; 
      }
      .owl-prev{
        position: absolute;
        right: 62px;
        background: #0000008a !important;
        bottom: 62px;
        color: #fff !important;
        font-size: 45px !important;
        height: 39px;
        z-index: 99;
        cursor: pointer !important;
      }
      .owl-prev span{
        height: 24px;
        float: left;
        line-height: 17px;
      }
      .owl-next{
        position: absolute;
        right: 22px;
        background: #0000008a !important;
        bottom: 62px;
        color: #fff !important;
        font-size: 45px !important;
        height: 39px;
        z-index: 99;
        cursor: pointer !important;
      }
      .owl-next span{
        height: 24px;
        float: left;
        line-height: 17px;
      }*/
      .navprotocolo{
        width: 100%; font-family: Montserrat;
        height: 37px;
        background: #333;
        text-align: right;
        padding: 10px;
        color: #FFF;
      }
      #superfondo{
        width: 100%;
        text-align: center;
        position: fixed;
        height: 110%;
        z-index: 99999999;
        background: #1a1d1d;
        color: #939284;
        font-size: 19px;
      }
      #superfondo img{
        max-width: 400px;
        width: 90%;
        margin-top: 7%;
      } 
    
      .parpadea {
             animation-name: parpadeo;
             animation-duration: 2s;
             animation-timing-function: linear;
             animation-iteration-count: infinite;
             -webkit-animation-name:parpadeo;
             -webkit-animation-duration: 2s;
             -webkit-animation-timing-function: linear;
             -webkit-animation-iteration-count: infinite;
        }
        @-moz-keyframes parpadeo {
             0% {
              opacity: 1.0;
             }
             50% {
              opacity: 0.1;
             }
             100% {
              opacity: 1.0;
             }
        }
        @-webkit-keyframes parpadeo {
             0% {
              opacity: 1.0;
             }
             50% {
              opacity: 0.1;
             }
             100% {
              opacity: 1.0;
             }
        }
        @keyframes parpadeo {
             0% {
              opacity: 1.0;
             }
             50% {
              opacity: 0.1;
             }
             100% {
              opacity: 1.0;
             }
        }
      .contenfoter60{
        width: 100%; background: #3520; font-family: 'Muli'; float: left; padding: 12px; color: #d5d5d5; line-height: 30px; font-size: 16px; 
      }
      .contenfoter60b{
        font-size: 18px; width: 100%; float: left;
      }
      .contenfoter60 i{
        font-size: 38px;
        color: #9b9b9b;
      }
    .principalenlace{
      width: 33.33%;
      float: left;
      border: 2px solid #1a1d1d;
      padding: 30px;
      text-align: center;
      margin-top: 16px;
    }
    .principalenlace img{
      margin-bottom: 10px;
    }
    .principalenlace label{
      font-family: "Raleway";
      font-weight: 300;
      font-style: normal;
      font-size: 25px;
      color: #fff;
      letter-spacing: 1px;
      line-height: normal;
      text-transform: none;
    }
    .principalenlace img{
      width: 100%; 
    }
    .principalenlacebtn{
      width: 150px;
      margin: auto;
          margin-top: auto;
      background: #ffac0d;
      padding: 8px;
      margin-top: 20px;
      cursor: pointer;
      color: #010101;
    }
    .titulot1{
      font-family: "Raleway";
      font-weight: 300;
      font-style: normal;
      font-size: 45px;
      letter-spacing: 1px;
      line-height: normal;
      text-transform: none;
      padding: 0 20px 20px;
      text-align: center;
    }

    .titulot2{
      text-align: center;
      width: 100%;
      margin-top: 0;
      margin-bottom: 21px;
      font-family: "Raleway";
      font-weight: 100;
      font-style: normal;
      font-size: 28px;
      letter-spacing: 1px;
      line-height: normal;
      text-transform: uppercase;
    }
    .titulot2s{
      text-align: center;
      width: 100%;
      margin-top: 0;
      margin-bottom: 21px;
      font-family: "Raleway";
      font-weight: 100;
      font-style: normal;
      font-size: 28px;
      color: #000;
      letter-spacing: 1px;
      line-height: normal;
      text-transform: uppercase;
    }
    .text {
        font-family: "Muli";
        font-weight: normal;
        font-style: normal;
        font-size: 16px;
        letter-spacing: 1px;
        line-height: 24px;
        text-align: center;
        text-shadow: 0px 0px 4px #000;
        width: 95%;
        margin: 10px 2.5% 30px;
    }
    .textcg {
        font-family: "Muli";
        font-weight: normal;
        font-style: normal;
        font-size: 16px;
        letter-spacing: 1px;
        line-height: 24px;
        text-align: center;
        width: 95%;
        margin: 7px 2.5% 5px;
    }
    .tituloslider{
      position: absolute;
      width: 100%;
      bottom: 65px;
      text-align: center;
      font-size: 45px;
      color: #fff;
      text-shadow: 0 0 7px #000;
      font-family: Raleway;
    }
    .fotmap{
      padding: 20px; width: 40%;
    }
    .fotmapa{
      padding: 20px; width: 60%;
    }
    .fotmaplabel{
      font-size: 19px;
      color: #d5d5d5;
      padding: 10px 0;
    }
    .fotmaptext{
      font-family: "Muli";
      font-weight: normal;
      font-style: normal;
      font-size: 14px;
      color: #d5d5d5;
      letter-spacing: 1px;
      line-height: 30px;
      text-align: left;
      text-shadow: 0px 0px 0px #000;
    }
    .fotmaptext i{
      color: #d5d5d5; font-size: 18px;
    }
    .fotmaptext a{
      color: #ffc68d;
      font-weight: bold;
    }
    .servicioenlace{
      width: 33.33%;
      float: left;
      border: 2px solid #fff;
      padding: 30px 10px;
      text-align: center;
      margin-top: 16px;
      margin-bottom: 35px;
    }
    .servicioenlace img{
      margin-bottom: 10px;
    }
    .servicioenlace label{
      font-family: "Raleway";
      font-weight: 300;
      font-style: normal;
      font-size: 25px;
      color: #333;
      letter-spacing: 1px;
      line-height: normal;
      text-transform: none;
    }
    .servicioenlace img{
      width: 100%; 
    }
    .SECTEXTSLIDE{ 
      width: 50%; 
      padding: 36px 36px 0; 
    }
    .SECTEXTSLIDEimg{
      width: 50%;
    }
    .btnreserva{ 
      border-radius: 0;
      font-family: "Raleway";
      font-weight: 300;
      font-size: 16px;
      font-style: normal;
      letter-spacing: 1px;
      text-transform: uppercase;
      padding: 8px;
      line-height: 1.8rem;
      border: none;
      min-width: 190px;
      background: #db8b03;
      color: #010101;
      text-shadow: 0 0 0 #000;
      float: left;
      margin: 10px 0;
      text-align: center;
    }
    .desdeprecio{ /*500 500   500  500   500 500   500  500*/
      font-family: "Muli";
      text-transform: uppercase;
      font-weight: 600;
      font-size: 17px;
      color: #fff;
      letter-spacing: 1px;
      line-height: 24px;
    }
    .desdeprecio2{
      font-family: "Muli";
      text-transform: uppercase;
      font-weight: 600;
      font-size: 17px;
      color: #000;
      letter-spacing: 1px;
      line-height: 24px;
    }
    .tituloshab{
      width: 100%;  
      float: left; 
      margin-bottom: 20px;
      font-family: "Raleway";
      font-weight: 300;
      font-style: normal;
      font-size: 25px;
      color: #fff;
      letter-spacing: 1px;
      line-height: normal;
      text-transform: none;
    }
     .tituloshab2{
      width: 100%;  
      float: left; 
      margin-bottom: 13px;
      font-family: "Raleway";
      font-weight: 300;
      font-style: normal;
      font-size: 25px;
      color: #000;
      letter-spacing: 1px;
      line-height: normal;
      text-transform: none;
    }
    .texthab{
      font-family: "Muli";
      font-weight: normal;
      font-style: normal;
      font-size: 14px;
      color: #e4e4e4;
      letter-spacing: 1px;
      line-height: 24px;
      text-align: left;
      text-shadow: 0px 0px 1px #000;
    }
    .texthab2{
      font-family: "Muli";
      font-weight: normal;
      font-style: normal;
      font-size: 14px;
      color: #3a3a3a;
      letter-spacing: 1px;
      line-height: 24px;
      text-align: left;
      text-shadow: 0px 0px 0px #000;
    }
    .texthabviewa{
      font-family: "Muli";
      font-weight: normal;
      font-style: normal;
      font-size: 14px;
      letter-spacing: 1px;
      line-height: 24px;
      text-align: left;
    }
    .tesst{
      color: #111;
      float: left;
      padding: 0 15px;
    }
    .tesst a{
      color: #111 !important;
    }
    .texthabviewa i{ 
      font-size: 10px;
      padding: 3px; 
    }
    
    .item{
      width: 500px; height: 200px; background: red; float: left;
    }
    .textb{
        padding: 10px 0;
          font-weight: 300;
          font-style: normal;
          text-decoration: none;
          color: #B87D19;
    }
    .textb a{
      color: #ff950c !important;
      text-shadow: 0 0 0 #333;
    }
    .flexcontainer{ display: flex; justify-content: space-around; flex-wrap: wrap; width: 100%; }
    .tituloenlace{
      font-family: "Raleway";
      font-weight: 300;
      font-style: normal;
      font-size: 25px;
      color: #fff;
      letter-spacing: 1px;
      line-height: normal;
      text-transform: none;
      margin-top: 10px;
    }
    .textenlace{
      font-family: "Muli";
      font-weight: 200;
      font-style: normal;
      font-size: 14px;
      color: #fff;
      letter-spacing: 1px;
      line-height: 22px;
      padding: 6px;
      margin-bottom: 20px;
    }
    .icghenlace{
      position: relative;
      width: 24%;
      float: left;
      background: #1a1919;
      padding: 20px 0px;
        padding-bottom: 20px;
      padding-bottom: 30px;
      padding-bottom: 30px;
      text-align: center;
      margin-top: 16px;
      padding-bottom: 50px;
      border-radius: 10px;
    }
    .icghenlace img{
      margin-bottom: 10px;
    }        
    .icghenlace label{
      font-family: "Raleway";
      font-weight: 300;
      font-style: normal;
      font-size: 25px;
      color: #232323;
      letter-spacing: 1px;
      line-height: normal;
      text-transform: none;
    }
    .fromtext1{
      float: left; margin-right:10px; text-align: left; color: #fff
    }
    .fromtext{
      float: left;
      width: 50%;
      text-align: left;
      color: #fff;
      padding: 15px 0;
    }
    .fromtext input{
      background: whitesmoke;
      width: 90%;
      padding: 8px;
      border: 0;
    }
    .fromtext textarea{
      background: whitesmoke;
      width: 94%;
      padding: 8px;
      border: 0;width: 300px;
height: 115px;
    }
    .hotterhab{
      width: 100%; background: grey; float: left;
      padding: 10px;

    }.opinion{
          float: left;
          width: 30%;
          padding: 20px 20px;
          color: #333;
          line-height: 27px;
          border: 1px solid #999;
          margin: 1%;
          text-align: left;
          font-size: 14px;
      }
    .hotterhab i{
      color: #fff;
    }
    .hotterhab a{
      text-shadow: 0px 0px 1px #222;
      padding: 5px;
      color: #fff;
    }
    .hotterhab1{
      width: 45%; float: left; text-align: left;
    }
    .hotterhab2{
      width: 54%; float: right; text-align: right;
    }
    .icghenlace img{
      width: 100%; 
    }
    .icghenlacebtn{
      background: #111;
      padding: 9px 24px;
      cursor: pointer;
      font-size: 16px !important;
      border-radius: 10px;
      color: #fff !important;
    }/*3.9.2.4.6.3*/
    .afas{
      position: absolute;
      bottom: 0;
      text-align: center;
      width: 100%;
      height: 41px;
    }
    .habviewhenlace{
      position: relative;
      width: 49%;
      float: left;
      margin: 0.5%;
        margin-top: 0.5%;
      margin-top: 0.5%;
      padding: 10px 12px 20px;
      text-align: center;
      margin-top: 16px;
      background: #fff;
      border-radius: 5px;
      border: 1px solid #e8e8e8;
    }
    .habviewhenlace img{
      margin-bottom: 10px;
    }
    .habviewhenlace label{
      font-family: "Raleway";
      font-weight: 300;
      font-style: normal;
      font-size: 25px;
      color: #111;
      letter-spacing: 1px;
      line-height: normal;
      text-transform: none;
    }
    .habviewhenlace img{
      width: 100%; 
    }
    .habviewhenlacebtn{
      background: #777;
      padding: 9px 24px;
      cursor: pointer;
      font-size: 16px !important;
      border-radius: 10px;
      box-shadow: 0px 0px 4px #060606;
      
    }
    .restviewhenlace{
      position: relative;
      width: 49%;
      float: left;
      border: 2px solid #ccc;
      padding: 15px 12px 30px;
      text-align: center;
      margin-top: 16px; 
      background: #fff;
      margin: 0.5%;
    }
    .restviewhenlace2{
      position: relative;
      width: 31.7%;
      float: left;
      border: 2px solid #ccc;
      padding: 30px 12px;
      text-align: center;
      background: #fff;
      margin-top: 16px; 
      margin: 0.5%;
    }
    .restviewhenlace2 img,.restviewhenlace img{
      margin-bottom: 10px;
      width: 100%;

    }
    .restviewhenlace2 img{
      margin-bottom: 10px;
      width: 100%;
      height: 234px;
    }
    .galtviewhenlace{
      position: relative;
      width: 33.33%;
      float: left;
      border: 0px solid #1a1d1d;
      padding: 3px 12px;
      text-align: center;
      margin-top: 16px;
    }
    .galtviewhenlace img{
      max-width: 100%;
      height: 250px;
    }
    .fechh{
      width: 100%;
      float: left;
      padding: 5px; border-bottom:1px solid; 
    }
    .titueve{
      width: 100%;
      float: left;
    }
    .fiestasviewhenlacelabel b{
      font-size: 30px; 
    }

    .fiestasviewhenlace{
        position: relative;
        width: 30%;
        float: left;
        border: 2px solid #fff;
        padding: 0 25px;
        text-align: left;
        margin-top: 50px;
    }
    .fiestasviewhenlace img{
      width: 100%;
    }
    .fiestasviewhenlacelabel{
      position: relative;
width: 70%;
float: left;
border: 2px solid #fff;
padding: 7px 12px;
text-align: left;
margin-top: 50px;
color: #444;
line-height: 27px;
    }

    .ofertviewhenlace{
      position: relative;
width: 50%;
float: left;
border: 2px solid #fff;
padding: 30px 12px;
text-align: center;
margin-top: 16px;
    }
    .ofertviewhenlace img{
      margin-bottom: 10px;
    }
    .ofertviewhenlace label{
      font-family: "Raleway";
      font-weight: 300;
      font-style: normal;
      font-size: 25px;
      color: #121212;
      letter-spacing: 1px;
      line-height: normal;
      text-transform: none;
    }
    .ofertviewhenlace img{
      width: 100%; 
    }
    .ofertviewhenlacebtn{
      background: #777;
      padding: 9px 24px;
      cursor: pointer;
      font-size: 16px !important;
      border-radius: 10px;
      box-shadow: 0px 0px 4px #060606;
      
    }
    .imgview{
      width: 50%; padding: 10px; 
    }
    .imgview img{
      width: 100%;
      
    }
    .textview{
      width: 50%; padding: 10px; 
    }
    .idiocel{
      float: right;
width: 58px;
height: 68px;
padding: 15px 14px;
display: none;
border-left: 1px solid #332;
font-size: 13px;
    }
   
    /*calendario*/

    
    .idiomanew{
      cursor: pointer; padding: 5px;
    }
.calendar{
           padding: 0;
position: fixed;
top: 145px;
right: 461px;
z-index: 99999;
width: 270px;
background: #fff;
        }
         .calendar2{
            padding: 0;
            background: rgb(251, 250, 250);
            color: #FFF;
            font-size: 17px;
            margin: 72px auto;
            border: 0px solid #52554b;
            cursor: pointer;
            text-shadow: 0px 0px 2px #1b1b1b;
            box-shadow: 0px 0px 8px #000;
            width: 400px;
            display: none;
        }
        .calendarhead{
            width: 100%;
            background: #52554b;
        }
        .calendarhead span{
            position: absolute;
            z-index: 999;
            color:#fff;  
            font-size: 25px;
            top:6px;
            border-radius: 50%;
        }
        .calendarhead label{
            position: absolute;
            width: 100%;
            text-align: center; 
            color: #fff;
            font-family: arial; cursor: pointer;
            padding: 10px; background: #a61488;
        }
        .contdias{
            float: left; width:100%; background:rgba(255, 255, 255, 0.88);
            margin-top:40px; padding: 1%;
        }
        .textdias{
            float: left; width: 14%; color:#a61488;
            text-align: center; font-size: 12px; padding: 3px 0;
        }
        .markain{ background: #ae6; color:#a61488 !important;text-shadow: 0px 0px ; border-radius: 50% 0 0 50%; }
        .marka{ background:#ae6;color:#a61488 !important;text-shadow: 0px 0px 1px #bb7a33 !important; }
        .markaout{ background: #ae6; color:#a61488 !important;text-shadow: 0px 0px; border-radius: 0 50% 50% 0; }
        .markain:hover,.marka:hover,.markaout :hover{ background: #ae6 !important; color:#a61488 !important; text-shadow: 0px 0px  !important; font-weight: normal !important; }


        .mnormal{ border-radius:50%; }
        .classcheck{ background: #ae6 !important; }
        .numdias{
            float: left;
            width: 14%;
            padding: 8px 0;
            text-align: center;
            font-size: 14px;
            margin-top: 4px;
            font-family: muli;
        }
        .numdiaspast{ 
            color: #afaeae;
            float: left;
            width: 14%;
            padding: 8px 0;
            text-align: center;
            font-size: 14px;
            margin-top: 4px;
            font-family: muli; 
        }
        .hoy{ color: #a61488; font-weight: bold; }
        .hoy{ font-weight: normal !important; }
        .numdias:hover{
            background:#a61488;
            color:#ae6;
            text-shadow: 0 0 0px; font-weight: normal;
        }
        .btnresr{ 
            padding: 0;
            background: rgb(255, 255, 255);
            position: fixed;
            top: 145px;
            right: 185px;
            border: 3px solid #fff;
            z-index: 9;
            cursor: pointer;
            text-shadow: 0px 0px 0px #c2bfbf;
            box-shadow: 0px 0px 0px #000;
            width: 275px;
            font-family: "Muli";
            color: #010101;
            font-size: 14px;
            font-weight: 200;
            font-style: normal;
            letter-spacing: 1px;
            line-height: 24px;
            text-transform: none;
            padding: 0 10px;


        }
        .btnresr2{ 
            padding: 0;
            color:#FFF;
            font-size: 13px;
            cursor: pointer;
            text-shadow: 0px 0px 2px #1b1b1b; 
            width: 100%;
            float: left;
        }
        #contentreserve{
            float: left; width: 90%; margin: 0 5%; margin-top: 0px;  padding: 2px; margin-top: 77px; 
        }

        .btnresrhea{
            float: left;
            width: 100%;
            text-align: center;
            padding: 8px;
            background:#1f2f3e;
            background: #fff;
            

        }
        .disbloimp{
            display: block !important;
        }
        .disnonimp{
            display: none !important;
        }
        .btnresrhea label{
            font-family: arial; font-weight: normal;
        }
        .btnresrcerrar{
            float: left;
width: 100%;
text-align: right;
padding: 4px 4px;
display: none;
background: #fffffd00;
text-shadow: 0 0 0 #333;
color: #443f3f;
font-size: 17px;
        }
        .btnresrcerrar label{
             font-weight: normal; font-size: 11px; 
        }
        .btnresrcerrar i{
            font-size: 11px; margin-top: -4px;
        }
        .btnresrselect{ 
          float: left;
          width: 100%;
          padding: 7px;
          margin: 5px 0;
          border: 0px solid #fff;
          text-align: center;
          font-family: "Muli";
          font-weight: 200;
          font-style: normal;
          font-size: 16px;
          background: #e9e9e9;
  }
  .btnresrselect option{
          text-align: center;
          font-family: Verdana; color: #010101;
          font-weight: 200;
          font-style: normal;
          font-size: 14px;
  }
  .inputcalendar{
    background: #e9e9e9;
    width: 100%;
    border: 0;
    padding: 10px;
    margin-bottom: 10px;
  }
        .btnresrcal{
            width: 50%;
cursor: pointer;
float: left;
background: rgb(233, 233, 233);
padding: 5px 9px;
margin: 0;
text-align: center;
border: 1px solid #fff;
font-family: "Muli";
font-weight: 200;
font-style: normal;
font-size: 16px;
letter-spacing: 1px;
line-height: 24px;
text-transform: none;
border-radius: 5px;

        }
        .sers{
          text-align: left;
        }
        .classlabel{
            width: 100%;
cursor: pointer;
font-size: 90px;
font-family: arial;
color: #0b2433;
float: left;
height: 87px;
background: #3220;
line-height: 88px;
font-weight: bold;
        }
        .classp{
            width: 100%;
cursor: pointer;
font-size: 16px;
color: #0c4465;
float: left;
font-weight: bold;
line-height: 14px;
font-family: arial;
        }
        .btnresrrah{
            float: left;
            z-index: 999;
            width: 90%;
            background: #0b2433;
            text-transform: uppercase;
            text-align: center;
            padding: 9px;
            font-weight: bold;
            margin: 0 5% 10px;
            border:0;
            font-weight: 200;font-family: Muli;
font-style: normal;
letter-spacing: 1px;
        }
        
        .btnresrrah3{
            background: #ff7e0c;
            display: none; cursor:pointer;
            text-align: center;
            width: 100%;
            padding: 9px;
            color: #fffbfb;
            text-shadow: 0 0 4px #664201;
            font-size: 16px;
            font-weight: bold;
            position: fixed;
            top: 69px;
            z-index: 999;
            right: 0; }
       
        
    /*calendari*/
    
          .btngaleria{
            width: 16%;
            text-transform: uppercase;
            color: #fff;
            float: left;
            cursor: pointer;
          }
    @media all and (max-width: 1160px) { /*grand*/
          .centrar{ max-width: 90%; margin: auto; }
          
          .navimg2{ width: 116px !important; display: block; background: rgba(0,0,0,0) !important;          }
          .menubottomcgh1,.menubottomcgh2{ display: none; }
          .menubottomsidenav1{ display: block }
          .icghenlace{ width: 50%; }
          .menubottom{
             font-size: 12px !important;
          }
          .icghenlace img{ width: 80%; margin: 10px 10%; }
          .sliderpro{ margin-top: 106px; top:0; }
          .idionor{ font-size: 12px; }
          .navce{ display: block;}
    }


    @media all and (max-width: 900px) { /*grand*/
      /*CALENDARIO */
        .btnresrrah3{ display: block !important; }
        .btnresrrah2{ display: none !important; }
        .btnresr,.calendar,.disbloimp{ display: none; }
        .sliderpro{ margin-top: 80px; top:0; }
        /*CALENDARIO */
          .tesst{
            margin-top: 0!important;
          }
          .imgview{
            width: 100%;
          }
          .textview{
            width: 100%;
          }
          .galtviewhenlace{
            width: 50%;
          }
          .habviewhenlace{
            width: 50%;
          }
          .icghenlace img {
              max-width: 420px;
          }
          .sliderpro{ margin-top: 50px; top:0; }
          .navimg2{
            display: block; width: 83px !important;
          }
          .menubottomcgh,.menubottomcgh1,.menubottomcgh2{ display: none; }
          .navprotocolo{
            display: none;
          }
          .nav{
            width: 100%;
            z-index: 999;
            position: fixed;
            height: 49px !important;
            top: 0 !important;
            overflow: hidden;
            background: #1c1c1c !important;
            padding: 0 !important;
          }
          .nav img{
            background: rgba(0,0,0,0) !important
          }
          .camtam{
            display: block;
            width: 83px !important;
            margin-top: 3px;
            height: 39px;
          }
          .idionor{
            display: none

          }
          .idiocel{
            display: block;

          }
          .centrar{
            max-width: 100%;
          }
          
         
          
          .menubottom{ display: none; }
          .navce{ display: block;}
          .principalenlace{ width: 80%; margin: 0 10%; }
          .menubottomsidenav2{ display: block }

          .icghenlace{ width: 100%; }
          .icghenlace img{ width: 90%; margin: 10px 5%; }
          .flexcontainerinvertir{
            display: flex;
            justify-content: space-around;
            flex-wrap: wrap;
            width: 100%;
            flex-direction: column-reverse;
          }
          .SECTEXTSLIDE{
            width: 100%; float: right;
          }
          .SECTEXTSLIDEimg{
            width: 100%; float: left;
          }
          .servicioenlace{width: 100%; }
          .servicioenlace img{ width: 90%; margin: 10px 5%; }
          .icghenlace{width: 100%; }
          .icghenlace img{ width: 90%; margin: 10px 5%; }
          .fotmap,.fotmapa{ width: 100%;}
          .centrar{
            max-width: 100%;
          }
          .nav img{
            margin-left: 10px;
          }
          .navce {
              font-size: 27px;
              display: block;
              padding: 0 8px;
              cursor: pointer;
              float: right;
              color: #fff;
              background: #2d2b2b;
              margin: 3px;
              height: 43px;
          }
          .titulot1{
            font-size: 35px;
          }
          .titulot2{
            font-size: 21px;
          }
          .text {
            font-family: "Muli";
            font-weight: normal;
            font-style: normal;
            font-size: 13px;
            letter-spacing: 1px;
            line-height: 24px;
            text-align: center;
            width: 90%;
            margin: 10px 5% 30px;
          }
          .ofertviewhenlace{
            width: 100%;
          }
          .btngaleria {
            width: 50%;
              padding: 10px;
          }
          .opinion{
            width: 50%;
          }.restviewhenlace,.restviewhenlace2{
      width: 100%;
    }
    .restviewhenlace2{
      width: 50%;
    }
    

} 
@media all and (max-width: 500px) {
 

  .habviewhenlace{
            width: 100%;
          }
          .opinion{
            width: 100%;
          }
  .galtviewhenlace{
    width: 100%;}
    .btngaleria {
      width: 100%;
        padding: 10px;
    }
    .restviewhenlace,.restviewhenlace2{
      width: 100%;
    }
  
}