*{ padding: 0px; margin: 0; box-sizing: border-box;  }
a{ text-decoration: none; border:0 solid !important; outline: 0;  }
a:focus;{ tborder:0 solid !important; outline: 0;  }
.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; 
  } 
  .closover{ padding:10px; }
  .btncasagrande{
    float: left;
    padding: 10px;
    background: #4440;
    color: #dfdfdf;
    cursor: pointer;
  }
  .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: #fff;
      letter-spacing: 1px;
      line-height: 24px;
    }
    .imgmettings ul{
      padding: 0 20px
    }
    .trcolor1{
      background: #181818;
    }
    .trcolor2{
      background: #252525;
    }
  .navce{
    font-size: 31px;
    display: block !important;
    padding: 8px;
    cursor: pointer;
    float: right;
    color: #fff;
    line-height: 45px;
  }
  .navcetwo{display:none;
    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(32, 32, 32, 0.98);
      color: #bebebe;
      right: -500px;
      top: 0;
      bottom: 0;
      width: 330px;
      z-index: 9999;
      padding: 20px 30px;
      overflow: auto;
      opacity: 1;
      text-align: center;
      box-shadow: -1px 0 4px #1f1f1f;
      height: 100%;
  }
  .mostrarnav{
    right: 0;
  }
  .menubottomsidenav,.menubottomsidenav1,.menubottomsidenav2{
    width: 100%;
padding: 16px 5px;
float: left; font-size: 14px;
text-align: left;
border-bottom: 0.5px solid #514f4f !important;
color: #fff !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; }
  
  .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; } 
  .displaynone{ display: none; }
  
  
        .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: #505050;
        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%;
      } 
       /*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;
        }
        .btnresrrah2{
            background: #f9aa44; display: none; text-align: center; width: 294px; padding: 9px; color: #fffbfb;  cursor: pointer;
            text-shadow: 0 0 4px #664201; font-size: 16px; font-weight: bold; position: fixed; top: 75px; z-index: 999; right: 70px; }
        .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*/
  
      .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;
      color: #fff;
      letter-spacing: 1px;
      line-height: normal;
      text-transform: none;
      padding: 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;
      color: #fff;
      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;
    }
    /*ney cou fac*/
    .text {
        font-family: "Muli";
        font-weight: normal;
        font-style: normal;
        font-size: 16px;
        color: #dedede;
        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: 14px;
        color: #dedede;
        letter-spacing: 1px;
        line-height: 24px;
        text-align: center;
        width: 95%;
        margin: 10px 2.5% 20px;
    }
    .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: #fdbf49;
      padding: 10px 0;
    }
    .fotmaptext{
      font-family: "Muli";
      font-weight: normal;
      font-style: normal;
      font-size: 14px;
      color: #dfdfdf;
      letter-spacing: 1px;
      line-height: 30px;
      text-align: left;
      text-shadow: 0px 0px 4px #000;
    }
    .fotmaptext i{
      color: #dfdfdf; font-size: 18px;
    }
    .servicioenlace{
      width: 33.33%;
      float: left;
      border: 2px solid #1a1d1d;
      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: #fff;
      letter-spacing: 1px;
      line-height: normal;
      text-transform: none;
    }
    .servicioenlace img{
      width: 100%; 
    }
    .SECTEXTSLIDE{
      width: 50%;
      padding: 36px 36px 0;
      background: #1A1D1D; 
    }
    .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{
      font-family: "Muli";
      text-transform: uppercase;
      font-weight: 600;
      font-size: 17px;
      color: #fff;
      letter-spacing: 1px;
      line-height: 24px;
    }
    .tituloshab{
      width: 100%;  
      float: left; 
      margin-bottom: 33px;
      font-family: "Raleway";
      font-weight: 300;
      font-style: normal;
      font-size: 25px;
      color: #fff;
      letter-spacing: 1px;
      line-height: normal;
      text-transform: none;
    }
    .texthab{
      font-family: "Muli";
      font-weight: normal;
      font-style: normal;
      font-size: 14px;
      color: #c0c0c0;
      letter-spacing: 1px;
      line-height: 24px;
      text-align: left;
      text-shadow: 0px 0px 4px #000;
    }
    .texthabviewa{
      font-family: "Muli";
      font-weight: normal;
      font-style: normal;
      font-size: 14px;
      color: #c0c0c0;
      letter-spacing: 1px;
      line-height: 24px;
      text-align: left;
      text-shadow: 0px 0px 4px #000;
    
    }
    .tesst{
      color: #cecece;
      float: left;
      padding: 15px;
    }
    .tesst a{
      color: #cecece !important;
    }
    .texthabviewa i{ 
      font-size: 10px;
      padding: 3px; }
    .texthabviewa{
      color: silver
    }
    .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: #B87D19 !important;
    }
    .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: #c9c3c3;
      letter-spacing: 1px;
      line-height: 24px;
      padding: 6px;
      margin-bottom: 20px;
    }
    .icghenlace{
      position: relative;
      width: 25%;
      float: left;
      border: 5px solid #1a1d1d;
      padding: 30px 10px;
        padding-bottom: 30px;
      text-align: center;
      margin-top: 16px;
      padding-bottom: 50px;
      background: #151717;   
    }
    .icghenlace img{
      margin-bottom: 10px;
    }
    .icghenlace label{
      font-family: "Raleway";
      font-weight: 300;
      font-style: normal;
      font-size: 25px;
      color: #fff;
      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: #42424278; float: left;
      padding: 10px;

    }.opinion{
          float: left;
          width: 30%;
          padding: 20px 20px;
          color: #dbd9d9;
          line-height: 27px;
          border: 1px solid #606060;
          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: #777;
      padding: 9px 24px;
      cursor: pointer;
      font-size: 16px !important;
      border-radius: 10px;
      box-shadow: 0px 0px 4px #060606;
      color: #fff
    }
    .afas{
      position: absolute;
      bottom: 0;
      text-align: center;
      width: 100%;
      height: 41px;
    }
    .habviewhenlace{
      position: relative;
      width: 33.3%;
      float: left;
      border: 2px solid #1a1d1d;
      padding: 30px 12px;
      text-align: center;
      margin-top: 16px; 
    }
    .habviewhenlace img{
      margin-bottom: 10px;
    }
    .habviewhenlace label{
      font-family: "Raleway";
      font-weight: 300;
      font-style: normal;
      font-size: 25px;
      color: #fff;
      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: 33.33%;
      float: left;
      border: 2px solid #1a1d1d;
      padding: 30px 12px;
      text-align: center;
      margin-top: 16px; 
    }
    .restviewhenlace img{
      margin-bottom: 10px;
      width: 100%;
      height: 234px;
    }
    .galtviewhenlace{
      position: relative;
      width: 33.33%;
      float: left;
      border: 2px 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 #1a1d1d;
        padding: 0 25px;
        text-align: left;
        margin-top: 50px;
    }
    .fiestasviewhenlace img{
      width: 100%;
    }
    .fiestasviewhenlacelabel{
      position: relative;
      width: 70%;
      float: left;
      border: 2px solid #1a1d1d;
      padding: 7px 12px;
      text-align: left;
      margin-top: 50px;
      color: #bfbfbf;
      line-height: 27px;
    }

    .ofertviewhenlace{
      position: relative;
      width: 50%;
      float: left;
      border: 2px solid #1a1d1d;
      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: #fff;
      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;
    }
    .idionor{
      float: left; width: 100px; height: 68px; padding: 5px; color: #fff;
    }

    
          .btngaleria{
            width: 16%;
            text-transform: uppercase;
            color: #fff;
            float: left;
            cursor: pointer;
          }
    /*nuevo*/
    
    /*nuevo*/

    @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%; }
          .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;
          }
          .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: #141414 !important;
            padding: 0 !important;
          }
          .nav img{
            background: rgba(0,0,0,0) !important
          }
          .camtam{
            display: block;
            width: 83px !important;
            margin-top: 3px !important;
            height: 39px;

          }
          .idionor{
            display: none

          }
          .idiocel{
            display: block;

          }
          .centrar{
            max-width: 100%;
          }
          .restviewhenlace{
            width: 50%;
          }
         
          
          .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: 8px;
              cursor: pointer;
              float: right;
              border-left: 1px solid #000;

          }
          
          .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%;
          }
          .jon{ display: none; }
} 
@media all and (max-width: 500px) {
  .titulot1{
    font-size: 35px !important;
  }
  .titulot2{
    font-size: 21px !important;
  }
  .hotterhab {
    width: 100%;
    background: #3e3e3e;
    float: left;
    padding: 7px 0;
    position: fixed;
    bottom: 0;
    left: 0;
    font-size: 16px;
  }
  .habviewhenlace{
            width: 100%;
          }
          .opinion{
            width: 100%;
          }
  .galtviewhenlace{
    width: 100%;}
    .btngaleria {
      width: 100%;
      padding: 10px;
    }
   .restviewhenlace{
            width: 100%;
    }
}