/*
Theme Name: Alfret
Description: Tema para WordPress.
Author: Alfret
Author URI: http://www.facebook.com/alfret.cc
version: 2.8.1
Tags: tema, alfret
*/

/*Fonts*/
@import 'https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900';

*{margin:0; padding:0;}

body{background-color: #fff; font-family: 'Roboto',sans-serif; font-size: 14px; margin: 0;}

img{border: none; padding:0; max-width:100%; height:auto;}
img a{border:none;}

.alignleft{float: left; border: none; margin: 0 25px 10px 0;}
.alignright{float: right; border: none; margin: 0 0 10px 25px;}
.aligncenter{display:block; margin:0 auto 10px;}
.const{background: url(images/const.png) no-repeat center top; padding-top: 175px;text-align: center !important;}

/* links */
a{color:#0066cc; text-decoration:none;}
a:hover{text-decoration: none; color:#000;}
p:empty{display: none;}

/******************** HEADER ********************/
header{position: absolute;z-index: 100;width: 100%;background: -moz-linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* ff3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,0))); /* safari4+,chrome */background: -webkit-linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* safari5.1+,chrome10+ */background: -o-linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* opera 11.10+ */background: -ms-linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* ie10+ */background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* w3c */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ); /* ie6-9 */}
.header-int{position: relative; background: url(images/bg-servicios.jpg);}
#Top{max-width: 1250px; margin: auto;}
#Logo{width: 21%; float: left; padding: 15px 0px;}
.header-int #Logo img{max-width: 120px; width: 100%;}
.header-int #Logo{width: 13%;}
.logo h2{display: none;}

#TopRight{width: 78%; float: right;}
.header-int #TopRight{padding-top: 26px;}
#Menu{width: 75%; float: left;}
.menu-top{
    padding-top: 30px;
}
.menu-top h2{display: none;}
.menu-top ul{list-style: none; text-align: right;}
.menu-top ul li{display: inline-block;font-size: 16px;position:relative;padding: 10px 1.5%;}
.menu-top ul li a{display: block;color: #fff;text-transform: uppercase;}
.menu-top ul li a:hover{color: #ecb434;}
.menu-top ul li.current-menu-item a{color: #ecb434;}
.menu-top ul li ul{opacity:0;visibility:hidden;padding:10px;background-color:#FFF;text-align:left;position:absolute;top:55px;left:50%;margin-left:-130px;width:240px;transition:all .3s .1s;}
.menu-top ul li:hover ul{opacity:1;top:100%;visibility:visible;}
.menu-top ul ul li{position:relative;padding: 0;display: block;text-align:center; border-bottom:1px solid #F1F1F1}
.menu-top ul ul li a{color:#222;font-size:13px;padding: 10px;display:block;transition:background-color 0.1s}
.menu-top ul ul li a:hover{background-color:#ebb434;color:#222}

#DatosTop{width: 20%;float: right;padding-top: 30px;}
.redes{width: 63%; float: left; text-align: center;}
.redes h2{display: none;}
.redes img{padding: 5px 4px;vertical-align: middle;}
.idiomas{width: 30%;float: right;margin-top: 10px;border-left: solid 1px #ecb434;}
.idiomas select{background: none; color: #fff; border: none; padding: 6px 6px 6px 10px;}
.idiomas select option{border: none; color: #000;}

/******************** BANNER ********************/
#Banner{position: relative;}
.banner h2{display: none;}
.banner .ms-slide-info.ms-dir-h{position: absolute!important; z-index: 100; bottom: 40px;}
.banner .ms-info{max-width: 1250px; margin: auto;}
.banner .ms-info table{background: rgba(40,34,34,0.8); font-weight: 500; font-size: 30px; color: #fff; text-align: center; padding: 6px 25px;}
.banner .ms-info h3{font-weight: 900; font-size: 78px; color: #eac700;}

/******************** SERVICIOS ********************/
#Servicios{width: 100%; background: url(images/bg-servicios.jpg); border-top: solid 2px #ecb434;}
.servicios{max-width: 1250px; margin: auto; font-weight: 300; font-size: 14px; color: #999595; padding: 22px;}
.servicios h2{display: none;}
.servicios table{width: 100%;}
.servicios table tr td{vertical-align: middle; width: 16.6%;}
.servicios table img{vertical-align: middle; padding: 0px 10px 0px 0px;}
.servicios table+p{display: none;}

/******************** CONTENT ********************/

/* container */
.container {max-width:1250px;margin: 0 auto;padding:0;background:#fff;color:#333;}

.content-home{ margin: auto; max-width: 950px;}
.content-home h1{font-weight: 300; font-size: 40px; text-transform: uppercase; text-align: center; color: #410936; background: url(images/bg-h1.png)bottom center no-repeat; padding: 70px 0px 15px; margin-bottom: 30px;}
.content-home p{font-weight: 300; font-size: 15px; color: #666; text-align: center; padding: 7px 0px; line-height: 22px;}
.content-home a{font-size: 15px; text-transform: uppercase; color: #fff; display: table; margin: 20px auto; background-color: #11766d; padding: 15px 20px; transition-duration: 0.5s;}
.content-home a:hover{border-radius: 8px;}
.content-home strong{font-size: 18px;}

.content{width: 72%; float: left; box-shadow: 0 0 3px #f0f0f0; border-radius: 5px; box-shadow: 0 0 10px #676767; margin: 30px 0; padding: 20px; box-sizing: border-box;}
.content h1{font-weight: 300; font-size: 30px; text-transform: uppercase; text-align: center; color: #410936; background: url(images/bg-h1.png)bottom center no-repeat; padding: 30px 0px 15px; margin-bottom: 30px;}
.content h2{font-weight: 300; font-size: 30px; color: #410936; padding: 30px 0px 15px;}
.content p{font-weight: 300; font-size: 15px; color: #666; text-align: justify; line-height: 22px; padding: 5px 0px;}
.content .responsive-tabs .responsive-tabs__panel{padding:20px 10px!important;}
.content table, .content tr, .content td{width: 100%!important;height: auto!important;}
.content td{min-width: 140px;}
.tTarifas{width: 100%;padding-bottom: 10px;max-width: 600px;margin: auto;}
.tTarifas h3{background-color: #111; color: #FFF;padding: 0; margin: 0; font-size: 20px;text-align:center;padding: 10px;}
.tTarifas tr + tr td{padding: 10px; border:1px solid #e6e6e6;}

.content .Box50{ width: 50%; float: left;}
.content .Box50 h2{text-align: center; padding: 10px 0;}
.content .Box50 table{ width: 90%; margin: 20px auto;}
.content .Box50 table tr{}
.content .Box50 table tr td{background-color: #fff; border: 1px solid #9f653e; border-radius: 5px; color: #000; padding: 9px; text-align: center; font-weight: normal;}
.content .Box50 table tr+tr td{background-color: #fff; color: #000000; font-weight: normal; text-align: center; border: 1px solid #8d8d8d;}

/*********************************** FORMULARIO DE RESERVA ***********************************/
.formulario{ width: 100%; max-width: 1020px; margin: 30px auto; background: url(images/bg-formulario.jpg); border-radius: 12px;}
.formulario h2{ font-size: 24px; text-align: center; color: #FFBF10; font-weight: normal; padding: 15px 0px 10px 0px;}

.formRes .g-recaptcha{margin:0px 0px 20px 0px;}

.formRes{ width: 100%; max-width: 900px; margin:15px auto;}
.formRes .formLeft{ width: 30%; float: left;}
.formRes .formLeft .left{ float: left; width: 27%;}
.formRes .formLeft .right{ float: right; width: 72%;}
.formRes .formLeft .right .wpcf7-text{width: 100%; border: solid 1px #c5c5c5; padding: 5px 0px 5px 0px; margin-bottom: 21px;}
.formRes .formLeft p{ color: #000; padding: 0px 0px 30px 0px; font-size: 15px;}

.formRes .formCenter{ width: 30%; float: left; margin-left: 6%;}
.formRes .formCenter .left{ float: left; width: 45%;}
.formRes .formCenter .right{ float: right; width: 52%;}
.formRes .formCenter .right .wpcf7-text{width: 100%; border: solid 1px #c5c5c5; padding: 5px 0px 5px 0px; margin-bottom: 21px;}
.formRes .formCenter .right .wpcf7-select{width: 100%; border: solid 1px #c5c5c5; padding: 5px 0px 5px 0px; margin-bottom: 21px;}
.formRes .formCenter p{ color: #000; padding: 0 0 30px; font-size: 15px;}

.formRes .formRight{ width: 30%; float: right;}
.formRes .formRight .left{ float: left; width: 30%;}
.formRes .formRight .right{ float: right; width: 69%;}
.formRes .formRight .right .wpcf7-text{width: 100%; border: solid 1px #c5c5c5;}
.formRes .formRight p{ color: #000; font-size: 15px; padding: 0 0 30px;}
.formRes textarea{width: 100%; border: solid 1px #c5c5c5; height: 120px; margin-bottom: 21px;}
.formRes input[type="submit"]{ background: #955b2a; border: none; color: #fff; text-transform: uppercase; padding: 5px 32px 5px 32px;}
.formRes .formRight .right .wpcf7-select{width: 100%; border: solid 1px #c5c5c5; padding: 5px 0px 5px 0px; margin-bottom: 21px;}

.RoomLeft{width: 47.8%; float: left; border: solid 2px #814d11; border-radius: 4px; overflow: hidden; padding-bottom: 25px; margin-bottom: 20px; padding: 15px 0px 5px;}
.RoomLeft .metaslider .slides img{padding: 0;}
.RoomLeft h3{font-family: FontinReg; font-size: 32px; color: #e8d087; font-weight: normal; padding: 9px 0 17px; text-align: center;}
.RoomLeft h3 strong{ font-size: 20px; display: block;}
.RoomLeft ul{list-style: none; width: 95%; margin: auto;}
.RoomLeft ul li{font-weight: 400; font-size: 15px; color: #fff; padding: 3px 0; clear: both;}
.RoomLeft ul li img{vertical-align: middle; padding: 2px 11px 13px 2px; float: left;}

.RoomRight{width: 47.8%; float: right; border: solid 2px #814d11; border-radius: 4px; overflow: hidden; padding-bottom: 25px; margin-bottom: 20px;}
.RoomRight .metaslider .slides img{padding: 0;}
.RoomRight h3{font-family: FontinReg; font-size: 32px; color: #e8d087; font-weight: normal; padding: 9px 0 17px; text-align: center;}
.RoomRight h3 strong{ font-size: 20px; display: block;}
.RoomRight ul{list-style: none; width: 95%; margin: auto;}
.RoomRight ul li{font-weight: 400; font-size: 15px; color: #fff; padding: 3px 0; clear: both;}
.RoomRight ul li img{vertical-align: middle; padding: 2px 11px 13px 2px; float: left;}

/* Sidebar Right */
.sidebarRight{float: right; width: 25%; margin: 30px 0;}
.sidebarRight ul{list-style: none;}
.likebox{}
.likebox h2{display: none;}
.tripadvisor{text-align: center; margin: 20px 0;}
.tripadvisor h2{display: none;}

.pagar {background-color: #EEE;padding: 15px 15px 0;margin-bottom: 15px;border-radius: 5px;}
.pagar h2 {text-align: center;padding-bottom: 10px;}
.boxpagar {display: flex;width: 100%;box-sizing: border-box;margin-bottom: 10px !important;}
.pagar select {padding: 5px;box-sizing: border-box;width: 100%;}
.pagar select+select {max-width: 50px;}

/******************** HABITACIONES ********************/
#Habitaciones{ background: url(images/bg-servicios.jpg);}
.habitaciones{ max-width: 1250px; margin: auto; padding: 60px 0;}
.habitaciones h2{font-weight: 300; font-size: 40px; color: #f0b300; text-transform: uppercase; background: url(images/bg-h2-habitaciones.png)bottom left no-repeat; padding: 0px 0px 12px 0px; margin-bottom: 25px;}
.habitaciones .responsive-tabs ul.responsive-tabs__list{width: 24%; float: left; margin: 0;}
.habitaciones .responsive-tabs .responsive-tabs__list__item{width: 100%; display: block; box-sizing: border-box; background-color: #f0b300; font-weight: 300; font-size: 24px; color: #2a2425; border-radius: 0; margin: 0; padding: 25px 0px 25px 15px; border-bottom: dotted 1px #2a2425;}
.habitaciones .responsive-tabs .responsive-tabs__list__item:hover{background-color: #ce9b00;}
.habitaciones .responsive-tabs .responsive-tabs__list__item--active, .habitaciones .responsive-tabs .responsive-tabs__list__item--active:hover{ background: none; border: none; color: #fff; font-weight: 500; padding: 25px 0px 25px 15px;}
.habitaciones .responsive-tabs .responsive-tabs__panel{width: 76%; float: right;box-sizing: border-box; clear: inherit; background: none; border: none; padding: 0;}
.habitaciones table{width: 100%}
.habitaciones table tr td{vertical-align: top;}
.habitaciones h3{font-weight: 500; color: #fff; font-size: 24px; border-bottom: dotted 1px #fff; padding: 0px 0px 8px 0px;}
.habitaciones h4{font-weight: 500; font-size: 30px; color: #2a2425; background-color: #f0b300; padding: 6px 20px 10px 11px; line-height: 21px; display: table;}
.habitaciones h4 strong{font-weight: 300; font-size: 14px; text-transform: uppercase; display: block;}
.habitaciones ul{ padding: 16px 60px 16px 23px;}
.habitaciones ul li{font-weight: 300; font-size: 16px; color: #948e8f; padding: 4px 4px 4px 2px;}

/******************** TOURS ********************/
#Tours{padding: 40px 20px; box-sizing: border-box; text-align: center;}
.title-tours{}
.title-tours h2{font-weight: 300; font-size: 40px; text-transform: uppercase; text-align: center; color: #410936; background: url(images/bg-h1.png)bottom center no-repeat; padding: 15px 0px; margin-bottom: 30px;}
.title-tours p{font-weight: 300; font-size: 15px; color: #666; line-height: 22px; padding: 2px 100px 40px;}
.tour{ width: 19%; max-width: 340px; display: inline-block; background-color: #fafafa; vertical-align: top; margin: 0 0.5%;}
.tour h2{display: none;}
.tour h3{font-weight: 500; font-size: 18px; border-bottom: 1px dashed #ccc; padding: 6px 25px;}
.tour h3 a{color: #272122;}
.tour h3+p a{color: #11766d; display: table; font-size: 18px; font-weight: 400; margin: auto; padding: 10px 0;}

/******************** FOOTER ********************/
#Footer{width: 100%; background: url(images/bg-servicios.jpg);}
.footer{max-width: 1250px; margin: auto;}
.footer h2{display: none;}
.footer table{color: #fff; font-size: 16px; font-weight: 300; padding-bottom: 30px; text-align: center; width: 100%;}
.footer table tr td{vertical-align: top; width: 25%;}
.footer h3{font-weight: 300; color: #f0b300; font-size: 30px; text-transform: uppercase; padding: 60px 0 40px;}
.footer table a{color: #fff;}
.footer table img{padding-bottom: 35px;}

.menu-footer{}
.menu-footer h2{display: none;}
.menu-footer ul{list-style: none; text-align: center; padding: 20px 0;}
.menu-footer ul li{display: inline-block; font-weight: 300; font-size: 13px; color: #fff; border-right: solid 1px #fff; line-height: 10px;}
.menu-footer ul li:last-child{border-right: none;}
.menu-footer ul li a{color: #fff; padding: 0px 16px 0px 11px;}

.whatsapp{position:fixed;bottom: 20px;right: 20px;text-align:center;z-index:100;}
.whatsapp a{background-color:#17A43B;color:#FFF;font-size: 50px;border-radius: 50%;height: 72px;width: 72px;text-align: center;display: flex;justify-content: center;align-items: center;}
.whatsapp a:hover {background-color: #17d648;text-decoration:none;}

/******************** COPYRIGHT ********************/
#Copyright{background-color: #241f20; font-weight: 300; font-size: 11px; color: #5b5052; padding: 20px 0; text-align: center;}
#Copyright img{vertical-align: middle;}
#Copyright a{color: #fff;}

.clear{clear:both;}
.clear:after{clear:both;display: block; content:""; height: 0; visibility: hidden;}

@media(max-width:768px){
    .alignleft, .alignright{display: block; margin: auto auto 10px;float: none;}
    
    /*TOP*/
    #Logo{display: none;}
    
    #wprmenu_bar{height:59px!important; padding:16px 16px 6px!important; z-index: 100!important;}
    #wprmenu_bar .bar_logo{margin: -32px auto 0!important; display: block; height:58px!important;}
#wprmenu_bar .wprmenu_icon{margin-right:5px!important;}
#wprmenu_bar .wprmenu_icon span{width:17px!important; height:2px!important;}
#wprmenu_bar .wprmenu_ic_2{top:5px!important;}
#wprmenu_bar .wprmenu_ic_3{top:10px!important;}
#wprmenu_bar .menu_title{font-size:15px!important; line-height:12px!important;}
    #wprmenu_bar{ border-bottom: solid 3px #FFB93A;}
    
    #TopRight{width: 100%; float: none;}
    #DatosTop{width: 100%; float: none;}
    
    /*Banner*/
    .ms-slide-info{display: none;}
    
    /*Servicios*/
    #Servicios{display: none;}
    
    /*CONTENT*/
    .content-home{max-width: 95%;}
    .content-home h1{font-size: 27px; padding: 25px 0 15px;}
    
    .content{width: 95%; float: none; margin: 20px auto;}
    .content .Box50{width: 95%; float: none; margin: 10px auto;}
    
    .formRes .formLeft, .formRes .formCenter, .formRes .formRight{width: 100%; float: none; margin: 5px 0;}
    
    .sidebarRight{width: 95%; float: none; margin: 10px auto;}
    
    /*HABITACIONES*/
    #Habitaciones{padding: 0 20px; box-sizing: border-box;}
    .habitaciones .responsive-tabs .responsive-tabs__panel{width: 100%; float: none;}
    .habitaciones table tr td{display: block; width: 100%;}
    
    /*TOURS*/
    #Tours{padding: 12px 20px;}
    .title-tours h2{font-size: 27px; padding: 25px 0 15px;}
    .title-tours p{padding: 2px 20px 20px;}
    
    .tour{width: 45%; margin: 0 1%;}
    
    /*FOOTER*/
    .footer table tr td{width: 100%; display: block;}
}
@media(max-width:480px){
    .tour{width: 100%;}
}