* {
 margin: 0;
 padding:0;
 box-sizing: border-box;
}
body {
 background: #0b2433 !important;
 font-size:13px;
 -webkit-text-size-adjust: none;
 margin:auto !important; 
 overflow-x: hidden !important; overflow-y: auto;
 padding: 0;
 width:100% !important; 
 float: left;
 font-family: 'Raleway';
 

 /*537 =7.35
 227 =8.10

 385=5.66

 */
}
.pposac50{ width: 50%; position: relative; }
#contenido{ border-top:2px solid #bdb8bc; }
.displaynone{ display: none !important; }
.celu{ display: none; }
#habcontenido{ float: left; width: 100%; background: rgba(229, 229, 229, 0.92);  padding-bottom: 17px; }
#habcontenidozero{float: right; width: 25%; background: #171717;}
.parpadea {
 animation-name: parpadeo;
 animation-duration: 1.5s;
 animation-timing-function: linear;
 animation-iteration-count: infinite;
 -webkit-animation-name:parpadeo;
 -webkit-animation-duration: 1.5s;
 -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;
 }
}
#idioma{
  float: left; width: 100px; margin-left:165px; height: 65px;  color:#0b2433;
}
#idiomasel,#idiomasel2{
padding: 22px 0;text-align: center;width: 100%;float: right;
}
#idiomacont,#idiomacont2{ position: absolute; background: #222; color:#fff; padding: 4px 0; width: 100px; text-align: center; top:40px; z-index: 9999; }

        /* jssor slider loading skin spin css */
        .jssorl-009-spin img {
            animation-name: jssorl-009-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }
        
        @keyframes jssorl-009-spin {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }

        .jssorb064 {position:absolute;}
        .jssorb064 .i {position:absolute;cursor:pointer;}
        .jssorb064 .i .b {fill:#fff;fill-opacity:1;stroke:#fff;stroke-width:500;stroke-miterlimit:10;stroke-opacity:0.5;}
        .jssorb064 .i:hover .b {fill-opacity:1;}
        .jssorb064 .iav .b {fill:#73d7ff;fill-opacity:1;stroke:#73d7ff;stroke-opacity:.7;stroke-width:2000;}
        .jssorb064 .iav:hover .b {fill-opacity:1;}
        .jssorb064 .i.idn {opacity:1;}

        .jssora051 {display:block;position:absolute;cursor:pointer;}
        .jssora051 .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
        .jssora051:hover {opacity:.8;}
        .jssora051.jssora051dn {opacity:.5;}
        .jssora051.jssora051ds {opacity:.3;pointer-events:none;}

        /* jssor slider loading skin spin css */
        .jssorl-009-spin img {
            animation-name: jssorl-009-spin;
            animation-duration: 9s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-009-spin {
            from {
                transform: rotate(0deg);
            }

            to {
                transform: rotate(360deg);
            }
        }


        .jssorb051 .i {position:absolute;cursor:pointer;}
        .jssorb051 .i .b {fill:#fff;fill-opacity:0.5;}
        .jssorb051 .i:hover .b {fill-opacity:.7;}
        .jssorb051 .iav .b {fill-opacity: 1;}
        .jssorb051 .i.idn {opacity:.3;}

        .jssora051 {display:block;position:absolute;cursor:pointer;}
        .jssora051 .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
        .jssora051:hover {opacity:.8;}
        .jssora051.jssora051dn {opacity:.5;}
        .jssora051.jssora051ds {opacity:.3;pointer-events:none;}
        .calendar{
            padding: 0;
            color:#2D2C2C;
            font-size: 17px;
            position: fixed;
            top: 74px;
            right: 369px;
            z-index: 99999;
            cursor: pointer;
            width: 315px;
        }
         .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: #f75d39;
        }
        .contdias{
            float: left; width:100%; background:rgba(255, 255, 255, 0.88);
            margin-top:40px; padding: 1%;
        }
        .textdias{
            float: left; width: 14%; color:#f75d39;
            text-align: center; font-size: 12px; padding: 3px 0;
        }
        .markain{ background:#24dbdb;  color:#000 !important;text-shadow: 0px 0px ; border-radius: 50% 0 0 50%; }
        .marka{ background:#24dbdb;color:#000 !important;text-shadow: 0px 0px 0px #bb7a33 !important; }
        .markaout{ background: #24dbdb; color:#000 !important;text-shadow: 0px 0px; border-radius: 0 50% 50% 0; }
        .markain:hover,.marka:hover,.markaout :hover{ background: #24dbdb !important; color:#000 !important; text-shadow: 0px 0px  !important; font-weight: normal !important; }


        .mnormal{ border-radius:50%; }
        .classcheck{ background: #061b36 !important; }
        .numdias{
            float: left;
            width: 14%;
            padding: 11px 0;
            text-align: center;
            font-size: 17px;
            margin-top: 4px;
            font-family: arial;
        }
        .numdiaspast{ 
            color: #afaeae;
            float: left;
            width: 14%;
            padding: 11px 0;
            text-align: center;
            font-size: 17px;
            margin-top: 4px;
            font-family: arial; 
        }
        .hoy{ color: #f75d39; font-weight: bold; }
        .hoy{ font-weight: normal !important; }
        .numdias:hover{
            background:#caf3ff;
            color:#f75d39;
            text-shadow: 0 0 0px; font-weight: normal;
        }
        .btnresr{ 
            padding: 0;
background: rgba(206, 203, 203, 0.27);
color: #736C6C;
font-size: 17px;
position: fixed;
top: 90px;
right: 67px;
z-index: 9;
cursor: pointer;
text-shadow: 0px 0px 2px #c2bfbf;
box-shadow: 0px 0px 8px #000;
width: 300px;
        }
        .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;
        }
        .disbloimp{
            display: block !important;
        }
        .disnonimp{
            display: none !important;
        }
        .btnresrhea label{
            font-family: arial; font-weight: normal;
        }
        .btnresrcerrar{
            float: left;
            width: 100%;
            text-align: center;
            padding:0 4px;
            display: none;
            background: #1f2f3e;
            text-shadow: 0 0 0 #333; color: #fff;
        }
        .btnresrcerrar label{
             font-weight: normal; font-size: 11px; 
        }
        .btnresrcerrar i{
            font-size: 11px; margin-top: -4px;
        }
        .btnresrcal{
            width: 45%;
cursor: pointer;
float: left;
padding:5px 9px;
margin: 4% 4%;
    margin-right: 4%;
margin-right: 4%;
margin-right: 4%;
text-align: center;
font-size: 17px;
text-transform: uppercase;
border: 1px solid #c5b2b2; 

        }
        .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;
width: 90%;
background: #0b2433;
text-align: center;
padding: 9px;
color: #fffbfb;
text-shadow: 0 0 4px #664201;
font-size: 16px;
font-weight: bold;
margin: 0 5% 10px;
        }
        .btnresrrah2{
            background: #0b2433; display: none; text-align: center; width: 294px; padding: 9px; color: #fffbfb; 
            text-shadow: 0 0 4px #664201; font-size: 16px; font-weight: bold; position: fixed; top: 75px; z-index: 9; right: 70px; }
        .btnresrrah3{
            background: #0b2433; display: none; text-align: center; width: 100%; padding: 9px; color: #fffbfb; 
            text-shadow: 0 0 4px #664201; font-size: 16px; font-weight: bold; position: fixed; top: 75px; z-index: 9; }
        #slider{
            width: 100%; height: 100%; position: absolute; opacity: 1; float: left; margin: 0; overflow: hidden; background-color:#000;
        }
      .imgh{ min-width: 100%; width: 100%;  height: 100%; min-height: 100%; /*transform: translate(-50%,0%); -webkit-transform: translate(-50%,0%);
    -ms-transform: translate(-50%,0%);*/}
        .imgw{ height: 100%; width: 100%; }
        /*#imagenw{ border: 3px solid red; } #imagenh{ border: 3px solid blue; }*/
        .clpres{width: 100%;
font-size: 30px;
float: left;
font-family: 'Raleway', sans-serif;
color: #0b2433;
text-align: center;
padding: 28px;
text-transform: uppercase;
font-weight: bold;
            }
        .clpres2{ width: 100%; font-size: 25px; font-weight: 300; float: left; font-family:'Raleway'; color: #929284; text-align: center;  }
        .clpres2label{ font-family: 'Raleway', sans-serif; color: #ceb88f; font-weight: normal; font-size: 25px; }
        .cltext{ 
            color: #605c5c;
            font-size: 16px;
            width: 90% !important;
            padding: 30px 50px;
            float: left;
            background: rgb(255, 251, 251);
            text-align: center;
            margin: 14px 5%;
            line-height: 31px;
            font-family: 'Muli';
            height: 337px;
            border-radius: 7px;
            box-shadow: 0px 0px 4px #b1adad;
            z-index: 9;
            position: relative;
         }
         
             .btnhone{
                width: 100%; padding: 5px; float: left; text-align: center;  margin:
             }
             .btnhone label{ padding: 7px 11px; background: #333; color: #fff; font-family: 'Muli'; cursor: pointer;  margin-top:15px;}

            .owl-theme .owl-nav [class*='owl-']:hover {
                  background: rgba(0,0,0,0) !important;
              }
            .owl-dots{ }
            .owl-nav{ height: 0px !important; margin-top: -30px !important;
                width: 100% !important;
                position: absolute !important;
                background: red;
                height: 0; 
            }
            .icofont-rounded-left,.icofont-rounded-right{
                background: #333333ed;

                padding: 0px;

                font-size: 24px;

                color: #fff;
                margin: 10px;

                width: 29px;

                border-radius: 5px 5px 0 0;
            }
            .chake{ color:#ceb88f; }
            .newblocks{float: left; width: 100%; }
            .newblocks i{ color:#ceb88f; }
            .newblock{width: 100%;
background: rgba(255, 255, 255, 1); 
margin: 10px 0% 0; padding: 0 10px !important;
float: left;
border: 2px solid #a5a5a5;
position: relative;}
            .newblockimg{ float: right;
width: 50%;
margin: 0;
background: rgba(255, 255, 255, 0);
border: 0px #fff solid; } 
.newblockimg img{  }
            .newblocktext{ float: right; width: 50%; padding: 0px;}
            .newblocktext b{ color: #0b2433;
font-weight: bold;
text-align: center;
width: 80%;
float: left;
font-size: 23px;
margin-left: 7%;
margin-top: 40px;
text-shadow: 1px 1px 2px #b5adad; 
            }
            .nbbtns{ float: left;

                width: 45%;

                background: #000;

                text-align: center;

                padding: 5px;

                border: 1px solid #484747;

                margin: 2.5%;

                color: #fff;}
            .nbtext{
                color: #b3b3b3;
                float: left;
                width: 100%; line-height: 23px;
                text-align: center;
                font-size: 14px;
                margin: 5% 0;
            }
            
            .prsho{ width: 300px; background:#e1e1e1; }

            .verprecio{ float: left; background: #333; color:#fff; width:125px; text-align: center; }
            .vermonto{ float: left; background: #ccc; color:#444; width:125px; text-align: right; padding-left:15px; }
            .verhab{ float: left;
                padding: 0;
                margin: 0 0% 0.5% 0%;
                border-bottom: 1px solid #c6c6c6; width:100%;   }
            .masinfo{ float: left; width: 100%; padding: 10px; text-decoration: underline; color:#555; cursor: pointer; }
            .noa{ height: 35px; }
            .contspan{ 
                float: left;
                width: 70px;
                color: #51544b;
                text-align: center;
                margin: 0 2px;
                border-radius: 6px;  
            }
            .contspan label{ float: left;
                width: 100%;
                font-size: 10px;
                text-align: center;
            } 
            .contspan span{ text-align:center; }
            .spanhab{ float: left; width: 100%; padding: 4px 10px;  }
            .spanhab span{ font-size: 33px; } 
            .userspan{ font-size: 27px !important; position: relative; }
            .txthab{ font-size: 12px; color: #444; float: left; width: 100%; padding: 4px 10px; }
            .habmenu{ width: 100%; float: left; text-align: center; }
            .habmenu label{padding: 8px;
                margin: 5px 1% 0px;
                font-family: 'Raleway';
                cursor: pointer;
                width: 48%;
                float: left;
                color: #363535;
                border: 1px solid #353535;
                background: #ceb88f;
                font-weight: normal;
                font-size: 14px;
            }
            .habmenu span{ font-size: 15px; }
            
            .contxhab{
                width: 100%;
                float: left;
                margin: 0 0 0;
                border-bottom: 1px solid #c6c6c6; border-top: 1px solid #c6c6c6;
                
            }
            .flot{ float: left; }
            .titulohab{ 
                float: left;
                font-size: 16px;
                background: #222;
                color: #fff;
                padding: 10px;
                width: 100%;
            }
        .suptexthab{ width: 100%;color: #b3b3b3;padding: 10px 10px;float: left;line-height: 22px; font-family: 'Muli';}
        .bhyt{ text-shadow: 0 0 0 #3330 !important;
padding: 0 !important;
margin-top: 5px !important;
font-size: 14px !important;
color: #545454 !important; }
        .sptxttitl{background: #ceb88f;

                width: 100% !important;

                float: left;

                padding: 10px;

                color: #262626;

                text-align: center;

                font-size: 17px;

                font-weight: normal;

                margin-top: 0px;}

        /* jssor slider loading skin spin css */
        .jssorl-009-spin img {
            animation-name: jssorl-009-spin;
            animation-duration: 9s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-009-spin {
            from {
                transform: rotate(0deg);
            }

            to {
                transform: rotate(360deg);
            }
        }


        .jssorb051 .i {position:absolute;cursor:pointer;}
        .jssorb051 .i .b {fill:#fff;fill-opacity:0.5;}
        .jssorb051 .i:hover .b {fill-opacity:.7;}
        .jssorb051 .iav .b {fill-opacity: 1;}
        .jssorb051 .i.idn {opacity:.3;}

        .jssora051 {display:block;position:absolute;cursor:pointer;}
        .jssora051 .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
        .jssora051:hover {opacity:.8;}
        .jssora051.jssora051dn {opacity:.5;}
        .jssora051.jssora051ds {opacity:.3;pointer-events:none;}

            .classsmgt{ width: 75%;
                float: left; font-family: 'Muli';
                color: #c3c3c3;
                line-height: 23px; margin-bottom:45px;
                text-align: justify; 
            }
            .classsmgt h1{
                font-size: 22px; font-family: 'Raleway';
                color: #ceb88f;
                text-decoration: underline;
            }
            .classsmgt h2{
                font-size: 18px; font-family: 'Raleway';
                color: #ceb88f; text-align: left;
            }
            .classsmgt2 { width: 25%; float: right; }
            .classsmgt22{
                float: left;
                width: 80%;
                background:rgba(55, 53, 53, 0.3);
                color: #dadada;
                font-size: 18px;
                margin: 0 10% 0 0;
                border-radius: 0 0 5px 8px;
            }
            .classsmgt22 td{
                padding: 5px !important;
            }
            .classsmgt222{
                padding: 5px;
                text-align: center;
                width: 100%;
                background: #171717;
                color: #ceb88f;
            }
          .mghd{ float: left; width: 100%; }

        /* jssor slider loading skin spin css */
        .jssorl-009-spin img {
            animation-name: jssorl-009-spin;
            animation-duration: 9s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-009-spin {
            from {
                transform: rotate(0deg);
            }

            to {
                transform: rotate(360deg);
            }
        }


        .jssorb051 .i {position:absolute;cursor:pointer;}
        .jssorb051 .i .b {fill:#fff;fill-opacity:0.5;}
        .jssorb051 .i:hover .b {fill-opacity:.7;}
        .jssorb051 .iav .b {fill-opacity: 1;}
        .jssorb051 .i.idn {opacity:.3;}

        .jssora051 {display:block;position:absolute;cursor:pointer;}
        .jssora051 .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
        .jssora051:hover {opacity:.8;}
        .jssora051.jssora051dn {opacity:.5;}
        .jssora051.jssora051ds {opacity:.3;pointer-events:none;}
.vgmsg{ font-size: 15px;
float: left;
width: 100%;
text-align: center;
padding: 14px 0;
color: #ceb88f; }
.classsserv{ width: 50%;
                float: left; font-family: 'Muli';
                color: #c3c3c3;
                line-height: 23px;
                text-align: justify; }
            .classsserv h1{
                font-size: 22px; font-family: 'Raleway';
                color: #ceb88f;
                text-decoration: underline;
            }
            .classsserv h2{
                font-size: 18px; font-family: 'Raleway';
                color: #ceb88f;
            }
            .classsserv2 { width: 50%; float: right; }
            .classsserv22{
                float: left;

width: 80%;

background: rgba(0,0,0,0.3);

color: #dadada;

font-size: 18px;

margin: 0 10%;

border-radius: 0 0 5px 8px;
            }
   #habimagen{ width: 100%; float: left; height: 100%; }
            .forminput{  float: left; margin: 5px; width: 290px;  }
            .float1{ float: left; width: 100%; padding: 10px; }
            .forminput label{ float: left; padding: 0px; width: 100%; color: #84261d; font-size: 15px; font-weight: normal; }
            .forminput input{ padding: 10px; width: 100%; float: left; background: #f9f3e1;
border: 1px solid #a4a4a4;
 }
            .float2 textarea{ padding: 10px; margin-top: 0; float: left;
                width: 100%;
                resize: none; background: #f9f3e1;
border: 1px solid #a4a4a4;
                margin: 5px;}
            #enviar{ float: left;
                width: 140px;
                background: #e1b58f;
                color: #1e1e1e;
                padding: 10px;
                margin: 5px;
                text-align: center; }
            .float2{ float: left; width: 100%; max-width: 610px; padding: 10px; }
            .textdi{ color: #a61488; float: left; width: 100%;padding: 5px; font-size: 14px; }  
            .textd2{ color: #403d3d;
                float: left;
                width: 100%;
                padding: 10px;
                line-height: 23px;
                font-size: 15px; }
            .contted{ font-size: 22px;
font-family: 'Raleway';
color: #85281f;
text-decoration: underline;
padding: 10px;
background: #fff0;}

#statico{
    position: fixed; width:  100%; top:0;
}

.cube{
    width: 48%;
height: 40px;
background: #ffffffb0;
padding: 0;
position: relative;
overflow: hidden;
float: left;
margin: 3px 5px;
border: 1px solid #bfbcbc;
}
.cube i{
    color: #a2949f;
}
.iscon{
   width: 14%;
background: #d4d4d4;
height: 40px;
color: #a2949f;
font-size: 27px;
float: left;
margin-top: -1px;
margin-left: -1px;
}
.iscon img{ width: 100%; }
.cube label{
    color: #1b2835;
    font-size: 18px;
    float: left;
    background: #dbdbdb87;
    width: 86%;
    margin: 0;
    font-weight: normal;
    height: 39px;
    text-align: left;
    padding: 10px 5px;
}
.desdeda{
    position: absolute;
    width: 23px;
    height: 23px;
    background: #07191f;
    top: 9px;
    left: 12px;
    border-radius: 50%;
}
.lineall{
    position: absolute;
    width: 13px;
    height: 43px;
    background: linear-gradient(#6292c0, #283948 125%);
    z-index: 99;
    top: -18px;
    border-radius: 27px;
    left: 17px;
}
.puntoll{
    position: absolute;
    width: 23px;
    height: 23px;
    background: #07191f;
    top: 9px;
    left: 12px;
    border-radius: 50%;
}
.linealr{
position: absolute;
width: 13px;
height: 43px;
background: linear-gradient(#6292c0, #283948 125%);
z-index: 99;
top: -18px;
border-radius: 27px;
right: 17px;
} 
.puntolr{
    position: absolute;
    width: 23px;
    height: 23px;
    background: #07191f;
    top: 9px;
    right: 12px;
    border-radius: 50%;
}