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

 @import url('https://fonts.googleapis.com/css?family=Roboto:300,400');

*{margin:0; padding:0;}

body{background-color: #fff; font-family: 'Roboto',sans-serif; font-weight: 300; font-size: 16px; margin: 0; line-height: 24px;}

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

.alignleft{float: left; border: none; margin: 0 10px 10px 0;}
.alignright{float: right; border: none; margin: 0 0 10px 10px;}
.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;}

/* container */
.container {max-width:1200px;margin: 0 auto;padding:0;}


/********************* TOP ***********************/
header{position: absolute; width: 100%; z-index: 100;}
header.myfixed{background: rgb(255,255,255)!important; box-shadow: 0 0 2px rgba(0,0,0,0.5);}
.BodyInterno header{position: relative; background-color: #fff; box-shadow: 0 0 2px rgba(0,0,0,0.5);}
.logo{width: 21%; float: left; background-color: #fff; text-align: center; padding: 7px 0 0; border-radius: 5px; margin-top: 10px;}
.logo h2{display: none;}

.myfixed .logo{width: 10%;}

.BodyInterno .logo{width: 10%;}

.menu-top{width: 75%; float: right; padding: 10px 0; border-bottom: solid 1px rgba(255,255,255,0.2);}
.menu-top h2{display: none;}
.BodyInterno .menu-top ul li a{color: #000!important;}
.myfixed .menu-top ul li a{color: #000!important;}
.menu-top ul li:last-child a{background-color: #600b1e!important; color: #fff!important; border-radius: 20px!important; padding: 0 30px!important;}
.menu-top ul ul li:last-child a{background: none!important; border-radius: 0!important; padding: 0 12px!important;}
.menu-top ul ul li:last-child a:hover{background: linear-gradient(rgb(89, 143, 133),rgb(49, 82, 76))!important;}
.menu-top .mega-lang-item a{padding: 0 10px!important;}

/********************* BANNER ***********************/
.BodyInterno #Banner{display: none;}
.banner{}
.banner h2{display: none;}
.banner .ms-slide-info{max-width: 900px; left: 50%; top: 50%; text-align: center; color: #fff; transform: translate(-50%,-50%); bottom: auto!important;}
.banner .ms-slide-info h3{text-transform: uppercase; font-size: 45px;}
.banner .ms-slide-info p{text-transform: uppercase; font-size: 20px; margin: 9px 0 15px;}
.banner .ms-slide-info ul{list-style: none;}
.banner .ms-slide-info ul li{display: inline-block; min-width: 180px; margin: 0 10px;}
.banner .ms-slide-info ul li a{text-transform: uppercase; font-size: 14px; background-color: #2d2d2d; color: #fff; display: block; border-radius: 3px; padding: 12px 0;}
.banner .ms-slide-info ul li:last-child a{background-color: #600b1e;}

/********************* CONTENT ***********************/
.content-home{padding: 60px 0;}
.content-home p{ margin-bottom: 13px; color: #888;}
.HomeLeft{width: 57%; float: left;}
.HomeLeft h1{text-transform: uppercase; font-weight: 400; font-size: 32px; margin: 10px 0 21px;}
.HomeLeft h3{text-transform: uppercase; font-weight: 300; font-size: 20px;}
.HomeLeft a{ background-color: #600b1e; color: #fff; text-transform: uppercase; font-size: 14px; display: table; padding: 12px 30px; border-radius: 3px; margin-top: 26px;}
.HomeRight{width: 34%; float: right;}

.content-single{ padding: 40px 0;}
.content-single article{ width: 75%; float: left;}
.content-single article h1{font-size: 32px; text-transform: uppercase; font-weight: normal; text-align: center; margin-bottom: 20px;}
.content-single article p{margin-bottom: 12px;}
.content-single article ul{list-style: square; margin: 5px 2px 5px 21px;}
.content-single article ul li{padding-left: 5px;}
.content-single .conGale{border-top: solid 5px #600b1e; border-bottom: solid 5px #600b1e;}
.content-single .gale{position: relative; line-height: 0;}
.content-single .gale ul, .content-single .gale ul li{list-style: none; padding: 0; margin: 0;}
.content-single .gale .flex-direction-nav{display: none;}
.content-single .gale:hover .flex-direction-nav{display: block;}
.content-single .gale .flex-direction-nav .flex-nav-prev{position: absolute; top: 50%; left: 15px; width: 38px; height: 36px; z-index: 100; margin-top: -18px;}
.content-single .gale .flex-direction-nav .flex-nav-prev a{display: block; background: url('images/arrow.png')bottom left no-repeat; text-indent: -9999px; height: 36px;}
.content-single .gale .flex-direction-nav .flex-nav-prev a:hover{background-position: top left;}
.content-single .gale .flex-direction-nav .flex-nav-next{position: absolute; top: 50%; right: 15px; width: 38px; height: 36px; z-index: 100; margin-top: -18px;}
.content-single .gale .flex-direction-nav .flex-nav-next a{display: block; background: url('images/arrow.png')bottom right no-repeat; text-indent: -9999px; height: 36px;}
.content-single .gale .flex-direction-nav .flex-nav-next a:hover{background-position: top right;}
.content-single #thumb{position: relative; background-color: #f4f4f4; padding: 7px 0 0;}
.content-single #thumb ul, .content-single #thumb ul li{list-style: none; padding: 0; margin: 0;}
.content-single #thumb .flex-direction-nav{display: none;}
.content-single #thumb:hover .flex-direction-nav{display: block;}
.content-single #thumb .flex-direction-nav .flex-nav-prev{position: absolute; top: 50%; left: 15px; width: 38px; height: 36px; z-index: 100; margin-top: -18px;}
.content-single #thumb .flex-direction-nav .flex-nav-prev a{display: block; background: url('images/arrow.png')bottom left no-repeat; text-indent: -9999px; height: 36px;}
.content-single #thumb .flex-direction-nav .flex-nav-prev a:hover{background-position: top left;}
.content-single #thumb .flex-direction-nav .flex-nav-next{position: absolute; top: 50%; right: 15px; width: 38px; height: 36px; z-index: 100; margin-top: -18px;}
.content-single #thumb .flex-direction-nav .flex-nav-next a{display: block; background: url('images/arrow.png')bottom right no-repeat; text-indent: -9999px; height: 36px;}
.content-single #thumb .flex-direction-nav .flex-nav-next a:hover{background-position: top right;}
.content-single article .responsive-tabs .responsive-tabs__panel{ padding: 20px;}
.content-single article .responsive-tabs ul.responsive-tabs__list{background-color: #ebebeb; margin: 20px 0 0;}
.content-single article .responsive-tabs .responsive-tabs__list__item{display: inline-block; float: none; font-size: 15px; color: #000; font-family: 'Open Sans', sans-serif;}

.TourRight{width: 23.5%; float: right;}
#BoxReservar{margin-top: 44px;}
#BoxReservar h2{background-color: #600b1e; text-align: center; color: #fff; font-weight: 400; padding: 14px 0; font-size: 20px;}
.MainDatosRight{padding: 12px; background-color: #e8ebde;}
#BoxReservar .BoxDatos{margin-bottom: 25px;}
#BoxReservar .BoxDatos p{margin-bottom: 12px;}
#BoxReservar .BoxDatos em{display: inline-block; vertical-align: top; padding-right: 5px; font-style: normal; padding-top: 10px; font-size: 20px;}
#BoxReservar .BoxDatos strong{font-size: 48px; vertical-align: bottom;}
#BoxReservar .BoxDatos sub{display: inline-block; vertical-align: bottom;}
.BoxDatosContactos{background-color: #78b700; padding: 10px; margin-bottom: 10px; color: #FFF;}
.BoxDatosContactos p{font-size: 12px;}
.BoxDatosContactos ul{list-style: none;}
.BoxDatosContactos ul li{}

#BoxFrm{margin: 10px 0;}
#BoxFrm h3{background-color: #000; text-align: center; color: #fff; font-weight: 400; padding: 14px 0; font-size: 20px;}
.BoxInputs{padding: 12px; background-color: #e8ebde;}
#BoxFrm input, #BoxFrm textarea{width: 100%; border: none; padding: 10px 10px; box-sizing: border-box; margin-bottom: 5px;}
#BoxFrm br{display: none;}
#ytour{display: none;}
#BoxFrm input[name="your-name"]{background: url('images/name.png')95% center no-repeat #fff;}
#BoxFrm input[name="your-email"]{background: url('images/email.png')95% center no-repeat #fff;}
#BoxFrm input[name="your-nationality"]{background: url('images/country.png')95% center no-repeat #fff;}
#BoxFrm input[name="your-phone"]{background: url('images/whatsapp.png')95% center no-repeat #fff;}
#BoxFrm textarea{background: url('images/message.png')95% 10px no-repeat #fff; font-family: 'Roboto',sans-serif; font-weight: 300; font-size: 12px;}
#BoxFrm input[type="submit"]{background-color: #600b1e; color: #fff; text-transform: uppercase; cursor: pointer;}
#BoxFrm div.wpcf7 .ajax-loader{display: none;}

/* Relacionados */
.BoxRelacionados{background: #eee; padding: 50px 0; text-align: center;}
.BoxRelacionados h2{font-size: 30px; font-weight: normal; position: relative; padding-bottom: 18px; margin-bottom: 40px; text-transform: uppercase;}
.BoxRelacionados h2::after{position: absolute; bottom: 0; content: ''; width: 100%; max-width: 100px; left: 50%; border-bottom: solid 5px #600b1e; margin-left: -50px;}
.itemTour-relac{width: 33%; max-width: 375px; display: inline-block; background-color: #000; vertical-align: top; line-height: 0; position: relative; margin: 0 0.3%; border-bottom: solid 5px #600b1e;}
.itemTour-relac h3{line-height: normal; position: absolute; top: 50%; width: 100%; text-align: center; z-index: 100; font-size: 21px; font-weight: normal; margin-top: -10px;}
.itemTour-relac h3 a{color: #fff; text-shadow: 2px 2px 2px #000;}
.itemTour-relac img{opacity: 0.7;}

.content-page{padding: 40px 0;}
.content-page h1{font-size: 32px; text-transform: uppercase; font-weight: normal; text-align: center; margin-bottom: 20px;}
.content-page p{text-align: justify; margin-bottom: 12px;}

.content-page .Box50{width:50%;float:left;padding:0 20px;box-sizing:border-box}
.content-page .Box50 label{font-weight:700;color:#666}
.content-page .Box50 input,.content-page .Box50 textarea{width:100%;box-sizing:border-box;background-color:#fcfcfc;border:1px solid #cecece;border-radius:3px;padding:5px 7px}
.content-page .Box50 input[type=submit]{display:table;background-color:#600b1e;border:1px solid #2e534c;border-radius:3px;color:#fff;cursor:pointer;width:auto;padding:10px 30px}
.content-page .Box50 a{color:#600b1e}

/********************* PARALLAX ***********************/
.widget-parallax{text-align: center; color: #fff;}
.ContentParallax{padding: 100px 0;}
.widget-parallax h3{text-transform: uppercase; color: #fff; font-weight: 400; font-size: 35px; margin-bottom: 10px; text-shadow: 2px 2px 1px #000;}
.widget-parallax h3 strong{color: #600b1e; font-weight: 400;}
.widget-parallax p{text-transform: uppercase; font-size: 23px;}

/********************* POPULARES ***********************/
#BoxMasPopulares{padding: 60px 0 20px; text-align: center;}
#BoxMasPopulares h2{text-align: center; text-transform: uppercase; margin-bottom: 20px; font-weight: 400; font-size: 30px;}
.MasVendidosItem{display: inline-block; max-width: 640px; vertical-align: top; transition-duration: 0.5s; box-sizing: border-box; position: relative; width: 33%; position: relative; line-height: 0; margin-bottom: 4px; background: #000;}
.MasVendidosItem img{opacity: 0.6; transition-duration: 0.8s;}
.MasVendidosItem:hover img{opacity: 1;}
.MasVendidosItem h3{text-transform: uppercase; font-weight: 300; font-size: 20px; position: absolute; top: 10px; left: 10px; background-color: #600b1e; color: #fff; padding: 7px 9px; border-radius: 4px; line-height: normal;}
.MasVendidosItem h3 a{color: #fff;}
.MasVendidosItem h4{position: absolute; top: 51px; color: #fff; left: 10px; font-weight: 300; line-height: normal; text-shadow: 4px 1px 2px #000;}
.MasVendidosItem h5{position: absolute; bottom: 10px; left: 10px; color: #fff; font-weight: 300; background-color: #2d2d2d; padding: 5px; border-radius: 5px; line-height: normal;}


.MasVendidosItem .BoxText{text-align: center;}
.MasVendidosItem .BoxText h3{font-weight: 500; margin: 20px 0;}
.MasVendidosItem .BoxText h3 a{color: #000;}
.MasVendidosItem .BoxText h4{color: #000; font-size: 14px; font-weight: normal;}
.MasVendidosItem .BoxText h4 span{color: #600b1e; font-size: 15px; text-transform: uppercase; font-weight: 500; margin-left: 8px;}
.MasVendidosItem .BoxText h5{font-size: 32px; color: #303030; font-weight: 800;}
.MasVendidosItem .BoxText h5 sup{font-size: 21px; font-weight: 500;}
.MasVendidosItem .BoxText h5 del{font-size: 16px; color: #600b1e; font-weight: 500;}
.MasVendidosItem .BoxText h5 span{display: block; text-transform: uppercase; color: #808080; font-weight: 300; font-size: 12px;}
.iconbox{text-align: center; margin: 20px 0;}
.iconbox li{display: inline-block; padding: 2px 3px;} 
.iconbox i{height: 34px; width: 34px; border: 1px solid #eee; border-radius: 2px; line-height: 34px; text-align: center; font-size: 16px; color: #808080; transition: all .3s .1s;} 
.iconbox i:hover{background-color: #28973c; color: #FFF;}

/********************* GALERIA ***********************/
#GaleriaGeneral{text-align: center; background: #000; line-height: 0; letter-spacing: 0; word-spacing: -1px; font-size: 0;}
#GaleriaGeneral .item{display: inline-block; width: 33.33%; letter-spacing: 0; word-spacing: 0;}
#GaleriaGeneral .item img{opacity: 0.5; transition-duration: 0.5s;}
#GaleriaGeneral .item:hover img{opacity: 1;}

/********************* WHY CHOOSE US ***********************/
.why-choose{padding: 60px 0; text-align: center;}
.why-choose h2{text-align: center; text-transform: uppercase; margin-bottom: 20px; font-weight: 400; font-size: 30px;}
.BoxWhy{width: 31%; display: inline-block; vertical-align: top; text-align: center; margin: 0 1%;}
.BoxWhy h3{ font-size: 20px;}

/********************* FOOTER ***********************/
#Footer{background: #1b1d1c; padding: 40px 0; border-top: solid 4px #600b1e;}
.datos-footer{width: 33%; float: left; color: #fff;}
.datos-footer h2{text-transform: uppercase; font-weight: 400; font-size: 20px; margin-bottom: 10px;}
.datos-footer p{font-size: 14px;}
.datos-footer a{color: #600b1e;}

.horario{width: 33%; float: left; color: #fff;}
.horario h2{text-transform: uppercase; font-weight: 400; font-size: 20px; margin-bottom: 10px;}
.horario p{font-size: 14px;}

.redes-footer{width: 33%; float: right; color: #fff;}
.redes-footer h2{text-transform: uppercase; font-weight: 400; font-size: 20px; margin-bottom: 10px;}
.redes-footer p{display: inline-block;}
.redes-footer a{color: #fff;}
.redes-footer i{display: inline-block; font-size: 25px; margin-right: 5px;}
.redes-footer a:hover{color: #600b1e;}

.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;}
    
    /*Menu*/
    #wprmenu_bar{height: 73px!important; border-bottom: solid 4px #600b1e;}
    #wprmenu_bar .menu_title a{position: absolute !important; left: 50%; margin-left: -40px; top: 0 !important; vertical-align: middle;}
    #wprmenu_bar .bar_logo{min-height: 60px; padding: 0!important;}
    #wprmenu_bar div.hamburger{margin-top: 11px!important;}
    #mg-wprm-wrap.cbp-spmenu-left, #mg-wprm-wrap.cbp-spmenu-right{top: 73px!important;}
    #wprmenu_bar .menu_title{font-size: 16px!important; padding-top: 14px;}
    
    body{padding-top: 32px;}
    
    header{position: relative;}
    .logo{display: none;}
    
    .banner .ms-slide-info{top: auto; bottom: 20px!important; transform: translate(-50%,0);}
    .banner .ms-slide-info h3{font-size: 25px; line-height: 28px;}
    .banner .ms-slide-info p{font-size: 14px;}
    .banner .ms-slide-info ul li{min-width: 130px;}
    .banner .ms-slide-info ul li a{padding: 10px 0;}
    
    .content-home{padding: 20px; box-sizing: border-box;}
    .HomeLeft, .HomeRight{width: 100%; float: none;}
    .HomeRight{display: none;}
    .HomeLeft h1{line-height: 34px; font-size: 28px;}
    
    .content-single{padding: 20px; box-sizing: border-box;}
    .content-single article, .TourRight{width: 100%; float: none; margin-bottom: 10px;}
    .itemTour-relac{width: 95%; margin-bottom: 5px;}
    
    .content-page{padding: 20px; box-sizing: border-box;}
    .content-page .Box50{width: 100%; float: none;}
    
    .ContentParallax{padding: 70px 0;}
    .widget-parallax h3{font-size: 28px; line-height: 30px;}
    .widget-parallax p{font-size: 19px;}
    
    .MasVendidosItem{width: 95%;}
    
    .why-choose{display: none;}
    
    #Footer .container{padding: 20px; box-sizing: border-box;}
    .datos-footer, .horario, .redes-footer{width: 100%; float: none; margin-bottom: 10px;}
    
}
@media(max-width:480px){
}