/*
Theme Name: WEB
Description: Tema para WordPress.
Author: Edson G.
Author URI: 
version: 2.8.1
Tags: tema
*/

*{margin:0; padding:0;}

body{background-color: #FFF; font-family: Calibri; 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 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;transition:0.3s;}
a:hover{color:#000; text-decoration: underline;}

li{list-style: none;}

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

/* top */
.menu{/* background-color:#232323; */text-align: right;padding: 20px 0;}
.menu ul li{display: inline-block;padding: 5px 2%; position:relative}
.menu ul li a{color:#FFF;font-size: 16px;text-transform: uppercase;font-weight: 500;font-family: 'Josefin Sans', sans-serif;text-decoration: none;}
.menu ul li a:hover{color:#FFF}
.menu ul li ul{opacity:0;visibility:hidden;padding:10px;background-color:#F1F1F1;text-align:left;position:absolute;top:55px;left:50%;margin-left:-130px;width:240px;transition:all .3s .1s;}
.menu ul li:hover ul{opacity:1;top:100%;visibility:visible;}
.menu ul li ul:before{content:"";display:block;border-color:transparent transparent #F1F1F1 transparent;border-style:solid;border-width:10px;position:absolute;top:-20px;left:50%;margin-left:-10px}
.menu ul ul li{position:relative;padding: 0;display: block;}
.menu ul ul li a{color:#323232;font-size:13px;padding: 10px;display:block;}
.menu ul ul li a:hover{background-color:#232323;color:#FFF}
.menu ul li:hover ul ul{visibility:hidden;opacity:0;}
.menu ul li ul ul:before{top: 0;}
.menu ul ul li ul{position:absolute;top:15px;margin: 0;left:100%;background-color:#fafafa;z-index: 100;}
.menu ul ul li:hover ul{opacity:1;top:0;visibility:visible}

.boxHeader {position: relative;}
.boxH1{position: absolute;width:100%;display:flex;justify-content:center;align-items:center;z-index: 10;/* box-sizing: border-box; */background-image: linear-gradient(black, transparent);}
.boxH1 .widget-1{width:20%}
.boxH1 .widget-2{width:60%}
.boxH1 .widget-3{width:15%;text-align:center;text-transform:uppercase;font-size:16px}
.boxH1 .widget-1 img{width:52%}
.boxH1 .widget-3 a{color:#fff;padding:14px 17px;background:#DBA867;text-decoration:none}
.boxH1 .widget-3 a:hover{color:#DBA867;background:#fff}

/*banner*/
#slider{min-height: 300px;background-color: #bcbcbc;;position: relative;}
#slider .item {overflow: hidden;}
#slider .item img{width:100%;object-fit:cover;min-height:300px;animation: zoomeffect 30s infinite;}
.conslider{position:absolute;top: 57%;width:100%;padding: 0 10%;color: #FFF;transform: translateY(-50%);text-shadow: 0 1px 2px #333;box-sizing: border-box;text-align: center;line-height: 64px;}
.conslider h2{font-family: 'Cormorant Unicase';vertical-align:middle;/* color: #FFF; *//* font-size: 4.5vw; */display:inline-block;/* line-height: 80px; *//* text-transform: uppercase; */font-size: 70px;line-height: 65px;color: #fff;font-weight: 700;text-transform: uppercase;margin: 25px 0;position: relative;}
.conslider h2:before {
    position: absolute;
    content: "";
    bottom: -31px;
    right: 0;
    left: 0;
    height: 1px;
    width: 27%;
    text-align: center;
    background: #DBA765;
    margin: 0 auto 0;
}
.conslider h2 strong{color: #E1DE1F;}
.conslider p{font-size: 150px;color: aliceblue;font-family: 'Cormorant Unicase';}

.conslider p {font-size: 22px;line-height: 28px;color: #fff;font-weight: 300;font-family: "Josefin Sans";width: 70%;text-align: center;margin: 59px auto 18px;}

.conslider strong {
    font-size: 20px;
    letter-spacing: 6px;
    text-transform: uppercase;
    color: #DBA765;
    font-weight: 400;
    margin: 0!important;
}
.conslider a{/* display: table; *//* background-color: #ff7714; *//* color: #fff; *//* padding: 2px 57px; *//* font-size: 27px; *//* font-weight: 700; *//* border-radius: 45px; *//* text-shadow: none; *//* border: 2px solid #ffff; *//* text-transform: uppercase; */margin: 20px auto 0;font-size: 16px;color: #fff;padding: 20px 55px 20px;background: #DBA765;text-align: center;transition: .5s;text-transform: capitalize;}
.conslider a:hover{
    text-decoration: none;
    /* background-color: #fff; */
    /* color: #ff7714; */
    /* border:2px solid #ff7714; */
    color: #fff;
    background: #000000;
}

#slider .owl-nav{position:absolute;top:50%;transform:translateY(-50%);width:100%;opacity:0;transition:all .3s .1s}
#slider:hover .owl-nav{opacity:1}
#slider .owl-nav div{position:absolute;top:50%;transform:translateY(-50%);font-size:40px;display:flex;width:44px;height:44px;background-color: #ff7714;box-shadow:0 0 4px 0 #000;color:#666;border-radius:50%;justify-content:center;align-items:center;transition:all .3s .1s}
#slider .owl-nav div:hover{background-color:#FFF;color:#222}
#slider .owl-prev{left:40px}
#slider .owl-next{right:40px;left:auto}
#slider .owl-dots {display: none;position: absolute;bottom: 18px;left: 50%;transform: translateX(-50%);}
#slider .owl-dots div {width: 18px;height: 18px;background-color: #8c8a10;display: inline-block;margin: 5px 10px;border-radius: 50%;border: 1px solid #FFF;}
#slider .owl-dots div.active {background-color: #e0dd1f;}
@keyframes zoomeffect{ 0%{ transform:scale(1); } 50%{ transform:scale(1.1); } 100%{ transform:scale(1); }}

/*Box Info Hotel*/
.InfoHotel{width:100%;display:flex;flex-wrap:wrap;padding:6% 3%}
.info-left{width:50%;text-align:center}
.info-right{width:50%;box-sizing:border-box;padding:0 0 0 2%}
.info-right strong{color:#dba765;font-size:17px;text-transform:uppercase;margin:0 0 13px;display:inline-block;letter-spacing:2px;font-family:'Cormorant Garamond',serif;font-weight:100}
.info-left img{width:85%}
.info-right h2{font-size:45px;margin-bottom:0;margin-top:0;font-weight:100;line-height:1;color:#000;font-family:'Cormorant Garamond',serif}
.info-right h3{font-size:18px;padding:23px 0 14px;font-weight:400;color:#4d4d4d;width:90%;font-family:'Josefin Sans',sans-serif;line-height:25px}
.box-info{display:flex;width:100%;flex-wrap:wrap;border:1px solid #0000001c;padding:15px 0;margin:22px 0;position:relative;transition:.3s;z-index:1}
.box-icon{width:20%;text-align:center}
.box-text{width:78%}
.box-info::before{width:0;height:100%;background:#dba765;position:absolute;content:"";left:0;top:0;z-index:-1;transition:.5s}
.box-info:hover::before{width:100%}
.box-info:hover .box-icon i{color:#fff}
.box-info:hover .box-text strong{color:#fff}
.box-info:hover .box-text p{color:#fff}
.box-icon i{font-size:44px;color:#dba865}
.box-text strong{font-size:21px;color:#000;letter-spacing:1px;font-family:'Josefin Sans',sans-serif;font-weight:400}
.box-text p{font-size:17px;color:#4d4d4d;font-weight:300;line-height:23px;text-align:left;transition:.3s;font-family:'Josefin Sans',sans-serif;width:89%}

/*Box Habitaciones*/
.presentacion1{background:#f8f5f0;width:100%;display:flex;flex-wrap:wrap;justify-content:center;padding:3% 0}
.titleCat{width:100%;text-align:center;padding:4% 0}
.titleCat strong{color:#dba765;font-size:17px;text-transform:uppercase;letter-spacing:2px;font-family:'Cormorant Garamond',serif;font-weight:500}
.titleCat h2{font-size:45px;line-height:64px;color:#000;font-weight:500;font-family:'Cormorant Garamond',serif}
.boxHacemos:hover .boxContent{position:absolute;display:block;width:100%;left:0;top:0;transition-delay:1s;-webkit-transform:rotateX(0deg);transform:rotateX(0deg);-webkit-transform-origin:center bottom;-moz-transform-origin:center bottom;transform-origin:center bottom;height:100%;transition:.3s}
.boxHacemos{position:relative;width:20%;overflow:hidden;line-height:0;margin:1px 23px;box-shadow:0 0 2px #00000047;transition:.3s}
.boxHacemos:hover img{transform:scale(1.1)}
.boxContent{display:none;background:#000000a1;margin:0;padding:38% 11%;font-size:15px;text-align:center;-moz-backface-visibility:hidden;backface-visibility:hidden;-moz-transform-origin:center bottom;transform-origin:center bottom;position:absolute;top:0;bottom:0;transition:opacity .4s;box-sizing:border-box;overflow:hidden}
.boxContent p{line-height:initial;color:#fff;font-size: 17px;line-height:30px;padding: 16px 0;}
.boxHacemos img{-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;width:100%}
.boxContent img{width:22%!important;margin:17px auto}
.titleCat h2{text-align:center;padding:2% 0;text-transform:uppercase;font-size:50px;font-weight:700}
.titleCat{padding:1% 0}
;
.titleCat{padding:1% 0;padding:1% 0}
.boxHacemos strong {
    color: #fff;
    font-size: 33px;
    line-height: normal;
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 0;
    font-weight: 400;
    background-image: linear-gradient(180deg,transparent,black);
    padding: 6%;
    z-index: 10;
    box-sizing: border-box;
    bottom: 0;
    left: 0;
}
.boxContent img{width:31px}
.boxHacemos a{text-decoration:none;font-size:15px;font-weight:400;text-transform:uppercase;color:#fff;background-color:#DBA765;padding:15px 20px 13px;letter-spacing:2px}
.btnP1 a{display:flex;text-align:center;justify-content:center;padding:6px 20px;background:#f4a031;border-radius:17px;text-transform:uppercase;color:#fff;text-decoration:none;border:2px solid #f4a031;font-size:18px}
.btnP1{display:flex;text-align:center;justify-content:center;padding:2%}
.btnP1 a:hover{background:#fff;color:#f4a031}
.owl-nav{display:none}
.boxQuienes{padding:50px 0}
.boxContent{padding:59px 31px;box-sizing:border-box}
.boxContent h2{line-height:initial;color:#fff;font-size:33px;font-weight:400}
.precio{top: 80px;right: -50px;z-index:10;position: absolute;line-height: normal;color: #fff;transform: rotate(-90deg);font-size: 18px;border: 2px solid white;padding: 7px 20px;}

.boxHacemos:hover .precio {display: none;transition: 0.4s;}
.boxHacemos:hover strong {
    display: none;
    transition: 0.4s;
}

/* content */
.content{}
.content h1{}
.content h2{}
.content h3{}
.content h4{}
.content p{text-align: justify; padding-bottom: 15px;}
.content ul, .content ol{margin-left: 30px; padding-bottom: 15px;}
.content li{list-style-type: disc;}
.content ol li{list-style: decimal;}

/* Sidebar Left */
.sidebarLeft{float: left; width: 25%;}

/* Sidebar Right */
.sidebarRight{float: left; width: 25%;}

/* footer */
footer {border-top:2px solid #000;}
footer p{/* padding:14px 0; */margin: 0;color: #333;text-align:center;font-size:12px;}

/*logosFooter*/

.boxFooterLogos {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    margin: 30px 0;
}

.boxFL {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-around;
}

.IconFooter {
    margin: 7px 10px;
}

/*Info Footer*/
.boxFooterContent {
    background: #333333;
    padding: 4% 0px;
}

.boxFC {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.ItemFC {
    width: 20%;
    margin: 0px 20px;
}

.ItemFC p {
    color: white;
    text-align: justify;
    font-size: 16px;
    line-height: 22px;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 100;
}

.boxFC h2 {
    color: white;
    font-size: 30px;
    text-align: left;
    margin: 0 0 25px 0;
}

.ItemFC .menu {
    text-align: left;
    font-size: 16px;
    /* line-height: 30px; */
    padding: 0;
}

.ItemFC .menu a {
    color: white;
    font-weight: 600;
    text-decoration: none;
}

.ItemFC ul {
    color: white;
    line-height: 23px;
}

.ItemFC ul li {
    padding: 8px 10px;
    font-size: 16px;
}

.ItemFC .menu a:hover {
    color: #ecaa52;
}

.imgfooter {
    display: flex;
    justify-content: center;
}

.imgfooter img {
    width: 61%;
}

.imgfooter p {
    width: 100%;
    text-align: center;
}

.copyright{background-color:#000; padding:20px 0px; text-align:center; color:#fff; font-size:14px; font-weight:300;}
.copyright h5{ font-size:11px; color:#fff; text-align:center; font-weight:300; opacity:0.5;}


/* Estilos WP PÃƒÆ’Ã‚Â¡gina Navi*/
.wp-pagenavi{font-size:11px !important;text-transform:uppercase;padding:12px 0;margin:12px 0;border-top:1px solid #ddd;}
.wp-pagenavi a, .wp-pagenavi a:link {border: 1px solid #ddd !important;color: #494949 !important;background-color: #FFFFFF;}
.wp-pagenavi a:visited {border: 1px solid #ddd !important;color: #494949 !important;background-color: #FFFFFF;}
.wp-pagenavi a:hover {border: 1px solid #ddd !important;color: #494949 !important;background-color: #ddd !important;}
.wp-pagenavi a:active {border: 1px solid #ddd !important;color: #494949 !important;background-color: #FFFFFF;}
.wp-pagenavi span.pages {color: #494949 !important;border: none !important;background-color:none !important;margin:0 8px 0 0 !important;padding:0 !important;}
.wp-pagenavi span.current {border: 1px solid #ddd !important;color: #494949 !important;font-weight:300 !important;background-color: #dddddd !important;}

.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;}
}
@media(max-width:480px){
}