.fl > img, .pg-loading-logo{width: 320px;}
#divContMenuPrincipal{display: block;}
#navbar{height: 60px !important;}
.navbar-nav li{position: relative; top: 20px; height: 40px; color: #FFFFFF;}
.navbar-nav li a{position: relative; height: 30px; top: 0px; color:#FFFFFF; padding-top: 5px !important; font: 18px 'OpenSansRegular';}
.navbar-nav li:hover{top: 15px; color: #FFFFFF; border-top: 5px solid #DF1D3C;}
.clsAMenuPrincipalActive{top: 15px !important; color: #FFFFFF; border-top: 5px solid #DF1D3C;}
.clsAMenuPrincipal{color: #FFFFFF;}


.navbar-toggle{background-color: transparent !important;}
/*.navbar-toggle > span{background-color: #005da8 !important;}*/
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background-color: transparent !important;}
.navbar-default .navbar-toggle{border: none;}

.navbar-header{height: 88px;}
#divContFlorMenu{position: relative; width: 34px; height: 24px; margin: 0 auto;}
#imgFlorMenu{width: 34px; height: 24px;}

.affix-top {
  top: 50px;
  -webkit-transition:top 0.5s linear;
  -moz-transition:top 0.5s linear;
  -o-transition:top 0.5s linear;
  transition:top 0.5s linear;
}
.affix {
  top: 0px !important;
  -webkit-transition:top 0.5s linear;
  -moz-transition:top 0.5s linear;
  -o-transition:top 0.5s linear;
  transition:top 0.5s linear;
  background-color: #E5E5E5 !important;
  height: 41px !important;
  color: #000000;


}

.affix .navbar, .affix #divMenuPrincipal{height: 41px !important; min-height: 41px !important;}
.affix #divRedes{top: 8px;}
.affix .navbar-nav li a{color: #000000;}
.affix #logo, .affix #aBrand, .affix #imgLogo{width: 76px; height: 41px;}
.affix .navbar-nav li{position: relative; top: 5px; height: 40px; color: #000000;}
.affix .navbar-nav li a{position: relative; height: 30px; top: 0px; color:#000000; padding-top: 5px !important; font: 18px 'OpenSansRegular';}
.affix .navbar-nav li:hover{top: 0px; color: #000000; border-top: 5px solid #DF1D3C;}
.affix .clsAMenuPrincipalActive{top: 0px !important; color: #FFFFFF; border-top: 5px solid #DF1D3C;}





#divContMenuPrincipal{position: fixed; width: 100%; height: 60px; background-color: transparent; z-index: 901;}
#divMenuPrincipal{position: relative; height: 60px; top: 0px; background-color: transparent;}
#ulNavBar{position: relative; height: 60px; right: 180px;}

#divContButtonMenu{
  position:fixed;
  top:0;
  right:0;
  background-color: transparent;
  width:30px;
  height:25px;
  display: block;
}



#logo{position:absolute; width: 350px; height: 61px; top: 0px; left: 15px; font-size: 0; line-height: 0;}
#logo a{width: 180px; height: 61px; display: block; /*background: url(../images/logo-fusion-creativa.png) no-repeat 0 0;*/ text-indent: -4000px; }
#imgLogo{width: 300px; height: 61px; position: absolute; left: 0; top: 0;}

.clsSpaceLogo{width: 110px;}

#divRedes{position: absolute; width: 180px; height: 30px; top: 20px; right: 15px; z-index: 8000;}
#divRedes > div{width: 25px; height: 30px; float: left; margin-bottom: 7px; margin-left: 20px;}
#divLocation{background-image: url('../images/location.svg'); background-repeat: no-repeat;}
#divYoutube{background-image: url('../images/youtube.svg'); background-repeat: no-repeat; background-position: 0px 2px;}
#divTwitter{background-image: url('../images/twitter.svg'); background-repeat: no-repeat;}
#divFacebook{background-image: url('../images/facebook.svg'); background-repeat: no-repeat;}
#divInstagram{background-image: url('../images/instagram.svg'); background-repeat: no-repeat;}
#divLocation div{width: 30px; height: 30px;}
#divYoutube div{width: 30px; height: 30px;}
#divTwitter div{width: 30px; height: 30px;}
#divFacebook div{width: 30px; height: 30px;}
#divInstagram div{width: 30px; height: 30px;}
#imgYoutubeMenuPrincipal{position: relative; margin-top: 4px;}

#divContRedesReserva{position: fixed; width: 210px; right: 120px; display: block; z-index: 9;}
#divRedesTop{width: 100%; height: 40px; background-color: #8bc53f;}
#divReservaTop{width: 100%; height: 40px; background-color: #ff0057;}
.clsContRedesReservaS{position: relative; top: 0px; transition: top .5s;}
.clsContRedesReservaI{position: relative; top: -40px; transition: top .5s;}

#divContRedesTop{position: relative; width: 58%; margin: 0 auto; padding-top: 10px;}
#divContReservaTop{position: relative; width: 100%; top: -10px; margin: 0 auto; font: 14px 'OpenSansBold'; color: #FFFFFF; text-align: center; display: flex;}
#divContReservaTop a{position: relative; width: 100%; height: 40px; padding-top: 10px; font: 14px 'OpenSansBold'; color: #FFFFFF; text-align: center; text-decoration: none; }


.clsAdorno{position: relative; width: 200px; height: 45px; margin: -2px auto; background-image: url('../images/flor-adorno.svg'); z-index: 2000;}



.clsDisplayNone{display: none;}
.clsLeft{float: left;}
.clsRight{float: right;}
.clsNoMargin{margin: 0px !important;}
.clsNoPadding{padding: 0px !important;}
.clsMarginBotton20{margin-bottom: 20px;}
.clsMarginBotton60{margin-bottom: 60px;}
.clsMarginRight10{margin-right: 10px;}
.clsMarginRight5{margin-right: 5px;}
.clsMarginRight3{margin-right: 3px;}
.clsHeight1{height: 1px;}
.clsHeight30{height: 30px;}
.gris{background-color: #999; height: 220px;}
.clsNoDisplay{display: none;}


.clsItemMenuLng {
  position: relative;
  width: 160px;
  height: 40px;
  margin: 0 auto;
}
#divContIdiomas img{
  width: 40px;
  height: 40px;
}

.clsItemLng{
  position: relative;
  width: 40px;
  height: 40px;
  margin-bottom: 12px;
  margin-right: 12px;
  float: left;
}
.clsItemLng a {
  width: 100%;
  padding: 0px !important;
  border: none !important;
}



.vertical-align {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}

#btn-close-modal {
  position: fixed;
  width:25px;
  height: 25px;
  right: 30px;
  margin-top: 30px;
  cursor:pointer;
  background-image: url('../images/close-modal.svg');
  background-repeat: no-repeat;
  z-index: 9999;
}
.clsContPrincipalInfoModal{margin-bottom: 50px;}

.container{z-index: 100;}

.clsModulo{width: 100%; height: 100%; color:#706F6F; position: relative; top: -17px; }
footer{position: relative; margin-top: 0px; height: 35px; color: #FFFFFF; background-color: #660023;}
.footer-nav{position: relative; width: 100%; top: 7px; text-align: center; font: 14px 'OpenSansRegular'; color:#FFFFFF; margin-bottom: 5px;}
.footer-nav span{font: 14px 'OpenSansBold';}
.footer-nav a{color: #FFFFFF; text-decoration: none;}

#divContButtonMenu{position: fixed; top: 0px; left: 5px; z-index: 9000}
#showLeft, #showRight{width: 26px; height: 26px; background: none; border:none; position: relative; top:5px;}
#showLeft{background-image: url("../images/ico-menu.svg"); background-repeat: no-repeat; float: left;}
.clsBtnX{width: 100%; height: 40px;}
#imgCloseMenu{position: relative; width: 30px; height: 20px; left: 0px;}
.clsAMenu{position: relative; /*width: 200px;*/ }


.clsOpacity1{opacity: 1 !important;}
.clsOpacity0{opacity: 0 !important;}



/*Sesion*/
.clsContAlumnosSesion{width: 405px; height: 350px;  background-color: #FFFFFF;}
.clsAlumnosSesion{position: relative; width: 180px; height: auto; margin: 88px auto;}
.clsContAlumnosSesion input{width: 200px; height: 30px; margin-bottom: 5px; font: 20px 'OpenSansRegular'; color: #747679; text-align: center; background-color: #e5e5e5; border: none;}
.clsContAlumnosSesion button{width: 200px; height: 30px; font: 20px 'OpenSansRegular'; color: #ffffff; text-align: center; background-color: #de1d3c; border: none;}
.clsLineaGris{width: 200px; height: 1px; background-color: #666666; margin-bottom: 5px;}



.clsPregunta{height: 33px; font: 20px 'OpenSansRegular'; color: #ffffff; text-align: center; background-color: #4d4d4d;}
.clsPregunta a{font: 20px 'seravekbold'; color: #ffffff;}
/*Fin Sesion*/



/*Lightbox*/
.clsFancibox{display: none;}
/*Fin Lightbox*/


/*Inicio*/
#inicio{height: 550px; background-color: #747679; z-index: 10;}

#pSlide-1-Titulo{position: relative; width: 340px; top: -80% !important; left: 50% !important; margin-left: -170px !important; font-family: 'OpenSansRegular'; font-size: 35px !important; color: #FFFFFF; text-align: center;}
#pSlide-1-Titulo > span{font-family: 'SeravekMedium';}

#pSlide-2-Titulo{position: relative; width: 460px; top: -60% !important; left: 50% !important; margin-left: -230px !important; font-family: 'OpenSansRegular'; font-size: 35px !important; color: #FFFFFF; text-align: center;}
#pSlide-2-Titulo > span{font-family: 'SeravekMedium';}

#pSlide-3-Titulo{position: relative; width: 460px; top: -60% !important; left: 50% !important; margin-left: -230px !important; font-family: 'OpenSansRegular'; font-size: 35px !important; color: #FFFFFF; text-align: center;}
#pSlide-3-Titulo > span{font-family: 'SeravekMedium';}

.sp-buttons{
  position: relative !important; top:-80px; margin: 0 auto; width: 40px; height: auto;
  z-index: 900;
}
.sp-button{
  background-color: #150F27;
  width: 40px;
  height: 40px;
  float: left;
  /*margin-right: 10px;*/
}
.sp-button > div{padding-top: 2px; font-family: 'FrutigerLTStdBoldCn'; font-size: 12px; }
.sp-selected-button{
  color: #FFF;
  background-color: #DF1D3C;
  width: 40px;
  height: 40px;
}
/*Fin Inicio*/

/*somos*/
#somos{position: relative; width: 100%; min-height: 380px; /*background-image: url('../images/back-quienes-somos.png'); background-repeat: no-repeat; background-size: 100% auto; z-index: 500;
    object-fit: cover;
    overflow: hidden;*/
  z-index: -1;
}
#divContQuienesSomos{position: relative; width: 450px; margin: 0 auto; top: 30px; z-index: 1;}
#divTituloQuienesSomos{position: relative; width: 100%; margin: 0 auto 20px; text-align: center; font: 50px 'OpenSansBold'; color: #000;}
#divTextoQuienesSomos{position: relative; width: 100%; text-align: center; font: 16px 'OpenSansRegular'; color: #FFF;}
#divAdornoQuienesSomos{position: relative; width: 200px; height: auto; margin: 20px auto;}
#divImgBackSomos{position: relative; width: 100%; height: 400px; margin-top: -443px;

  object-fit: cover;
  overflow: hidden;

}
/*Fin somos*/


/*por-que*/
#por-que{position: relative; height: auto; min-height: 440px !important; top: -23px; /*background-color: #FFFFFF; background-image: url('../images/back-porque.jpg'); background-repeat: no-repeat; background-size: 100% auto;*/ z-index: -2;}
#divContPorQue{position: relative; width: 600px; margin: 0 auto; top: 30px; z-index: 1;}
#divTituloPorQue{position: relative; width: 100%; margin: 0 auto 20px; text-align: center; font: 22px 'OpenSansRegular'; color: #000;}
#divTituloPorQue > div{font: 22px 'OpenSansBold'; color: #000;}
#divTextoPorQue{position: relative; width: 100%; text-align: center; font: 16px 'OpenSansRegular'; color: #000;}
#divImgIzqPorQue{position: relative; width: 200px; height: auto; top: -215px; float: left;}
#divImgDerPorQue{position: relative; width: 200px; height: auto; top: -215px; float: right;}
.clsImgDonPablo{display: block; z-index: 1;}
#divImgBackPorQue{position: relative; width: 100%; height: 490px; margin-top: -390px;

  object-fit: cover;
  overflow: hidden;

}
/*Fin por-que*/



/*happy-traveler*/
#happy-traveler{position: relative; width: 100%; min-height: 350px; top: 0px; z-index: 2; }
#divContHappyTraveler{position: relative; width: 700px; height: 190px; margin: 0 auto; top: 0px; z-index: 9;}
.clsHappyTraveler{font: 60px 'OpenSansLight'; color: #FFFFFF; text-align: center;}
.clsHappyTraveler > span{font: 60px 'OpenSansBold'; color: #FFFFFF;}
.clsBoldTraveler{font: 16px 'OpenSansRegular'; color: #000000; text-align: center;}
.clsBoldTraveler > span{font: 16px 'OpenSansBold'; color: #000000;}
#divImgBackHappyTraveler{position: relative; width: 100%; height: auto; margin-top: -220px;

  object-fit: cover;
  overflow: hidden;

}
/*Fin happy-traveler*/


/*Promociones*/
#promociones{position: relative; top: 0px; z-index: 1;}
#pSlide-2-Titulo-1{position: relative; width: 450px; top: -70% !important; left: 50% !important; margin-left: -200px !important; font: 50px 'OpenSansBold' !important; color: #FFFFFF; text-align: center;}
#pSlide-2-Titulo-1 > span{font-family: 'OpenSansBold';}

/*Fin Promociones*/


/*Lockers*/
#lockers{}
.clsTituloSlide{width: 410px; height: 60px; left: 30px !important; background-color: rgba(160,160,160,.5); padding-top: 13px; font: 30px 'BebasNeue'; color: #FFFFFF; text-align: center; }
/*Fin Lockers*/


/*Habitaciones*/
#habitaciones{position: relative; top: -230px; height: auto; padding-bottom: 50px; background-color: #FFF; }
#divTituloHabitaciones{margin-bottom: 40px; font: 28px 'OpenSansRegular'; color: #000000; text-align: center;}
#divContItemsHabitaciones{line-height:0}
.clsItemHabitacion{position: relative; width: 435px; height: 80px; border: 2px solid #E6E6E6; margin-top: 15px; cursor: pointer; font: 45px 'Playball'; color: #999999;}
#divContItemsHabitaciones:hover{font: 45px 'Playball';}
.clsItemHabitacion{background-size: cover; }
.clsItemHabitacion > div{position: relative; width: 100%; height: 48px; margin-top: 10px; text-align: center; vertical-align: middle; font: 45px 'Playball';}
.clsItemIzq{float: left;}
.clsItemDer{float: right;}
.clsBackItemHab-Amarillo:hover{background-image: url('../images/tipo_color_amarillo.png'); color: #FFFFFF;}
.clsBackItemHab-Anaranjado:hover{background-image: url('../images/tipo_color_anaranjado.png'); color: #FFFFFF;}
.clsBackItemHab-Azul:hover{background-image: url('../images/tipo_color_azul.png'); color: #FFFFFF;}
.clsBackItemHab-Morado:hover{background-image: url('../images/tipo_color_morado.png'); color: #FFFFFF;}
.clsBackItemHab-Rojo:hover{background-image: url('../images/tipo_color_rojo.png'); color: #FFFFFF;}
.clsBackItemHab-Turquesa:hover{background-image: url('../images/tipo_color_turquesa.png'); color: #FFFFFF;}
.clsBackItemHab-Verde:hover{background-image: url('../images/tipo_color_verde.png'); color: #FFFFFF;}
.clsContCloseModal{position: absolute; width: 100%; }

#divBtnReservar{
  position: relative;
  width: 150px;
  height: 40px;
  margin: 0 auto;
  display: flex;
  background-color: #ff0057;
  font: 14px 'OpenSansBold';
  text-align: center;
  color: #FFFFFF;
}
#divBtnReservar a {
  position: relative;
  width: 100%;
  height: 40px;
  padding-top: 10px;
  font: 14px 'OpenSansBold';
  color: #FFFFFF;
  text-align: center;
  text-decoration: none;
}
.clsContPrecios{float: right; margin-bottom: 30px;}
.clsPrecio{font: 40px 'OpenSansExtraBold';}
.clsPrecioTachado{float: right; font: 20px 'OpenSansExtraBold' !important; text-decoration: line-through; color: gray !important;}
.clsContPrecio{position: relative; display: flex; align-items: baseline; justify-content: end;}
.clsContPrecio > .clsMX{position: relative; margin-left: 5px; top: -20px; font: 12px 'OpenSansRegular'; color: #000000;}
.clsDescPrecio{font: 16px 'OpenSansExtraBold'; color: #000000; text-align: right;}
.clsDescPrecio > span{font: 16px 'OpenSansItalic'; color: #000000;}
.clsContDesc{margin-bottom: 20px}
.clsNombreHab{font: 36px 'OpenSansExtraBold'; color: #000000;}
.clsDescHab{font: 16px 'OpenSansRegular'; color: #000000;}

.clsSlideIzqModal{position: absolute; float: left; top: 400px; left: 0px; z-index: 2000; cursor: pointer;}
.clsSlideDerModal{position: absolute; float: left; top: 400px; right: 0px; z-index: 2000; cursor: pointer;}
.clsSlideModalBotones{width: 30px; height: 200px; float: right; cursor: pointer;}
/*Fin Habitaciones*/



/*Servicios*/
#servicios{position: relative; width: 100%; height: auto; top: 0px; background-color: #FF0057; padding-top: 60px; background-image: url('../images/back-servicios-d.jpg'); background-size: 100% auto;}
#servicios > .container > .row > div{min-height: 172px; margin-bottom: 20px;}
.clsContItemServicio{margin-bottom: 0px; text-align: center;}
.clsContItemServicio > img{width: 70%;}
.clsTextoItemServicio{font: 14px 'OpenSansRegular'; color: #FFFFFF; text-align: center;}
/*Fin Servicios*/

/*Lockers*/
#lockers{position: relative; top: 0px;}
/*Fin Lockers*/

/*Ubicacion*/
#ubicacion{position: relative; top: 0px;}
#divTituloUbicacion{position: relative; top: 150px; font: 28px 'OpenSansRegular'; color: #000000; text-align: center; letter-spacing: 15px; z-index: 9;}
/*Fin Ubicacion*/

/*Como llegar*/
#como-llegar{position: relative; top: 0px; background-color: #4A5447;}
#divTituloComoLlegar{font: 28px 'OpenSansRegular'; color: #FFFFFF; text-align: center; padding-top: 50px; margin-bottom: 50px;}
#divContComoLlegar{position: relative; width: 580px; height: auto; margin: 0 auto 50px;}
.clsPuntoPartida{font: 16px 'OpenSansBold'; color: #8BC53F;}
.clsPuntoPartidaComo{font: 16px 'OpenSansBold'; color: #FFFFFF;}
.clsPuntoPartidaComoDesc{font: 16px 'OpenSansRegular'; color: #FFFFFF;}
/*Fin Como llegar*/


/*oaxaca*/
#oaxaca{position: relative; top: 0px; margin-bottom: 50px;}
#divCont-iframeInstagram{position: relative; width: 900px; height:760px; margin: 0 auto;}
#iframeInstagram{position: relative; width: 900px; height:100%; margin: 0 auto; border:none;overflow:auto;}
#iframeInstagram .widget_preview{position: relative; }
/*Fin oaxaca*/


/*Contacto*/
#contacto{height: 500px; background-color: #FF0057; background-image: url('../images/back-contacto-d.jpg'); background-size: 100% auto; z-index: 1;}

#divMapa{width: 100%; height: 600px;}
#divInfoMaps{position: relative; top: 0px; left: 0px;}
#frmContacto{position: relative; top: 0px; padding-top: -50px;}


#divTituloContacto{position: relative; top: -40px; font: 28px 'OpenSansRegular'; color: #000000;text-align: center;}




.clsFormContacto{width: 100%; height: 40px; margin-bottom: 20px; font: 20px 'OpenSansRegular'; color: #4D4D4D; background-color: #FFFFFF; padding-left: 5px; padding-right: 5px; border: none;}
#txtComentario{width: 100%; height: 210px; margin-bottom: 20px; font: 20px 'OpenSansRegular'; color: #4D4D4D; background-color: #FFFFFF; border: none;}
#divContCaptcha{position: relative; width: 280px;}
#txtCaptcha{width: 100px; height: 30px; font: 20px 'OpenSansRegular'; color: #4D4D4D; background-color: #FFFFFF; border: none;}
.clsCaptcha{float: left;}
.clsLabelForm{font: 14px 'OpenSansRegular'; color: #FFFFFF; margin-bottom: 5px;}
#submit{width: 100px; height: 30px; background-color: #87c8f1; color: #1b182a;}
#divTelefono{position: relative; width: 175px; height: 30px; font-size: 15px; margin: 0 auto; margin-top: 0px; margin-bottom: 0px;}
#divTelefono > div{position: relative; width: 175px; float: left; margin: 0 auto;}
#aTelefono{text-decoration: none;}
#aTelefono > div > div{color: #FFFFFF; }
#aTelefono:hover{color: #FFFFFF;}
#divTelefono > div > img{width: 23px; height: 23px;}
#divContRedesContacto{position: relative; width: 200px; height: 38px; left: 50%; margin-left: -90px;}
.clsRedesContacto{position: relative; height: 38px; float: left; margin-right: 15px; }
#divFacebookContacto, #divTwitterContacto, #divInstagramContacto, #divGooglePlusContacto{width: 24px; }
#divYoutubeContacto{width: 28px; }

#divAvisoPrivacidad{position: relative; width: 180px; margin: 0 auto 20px; font: 14px 'OpenSansItalic'; color: #FFFFFF;}
#divContBlogger{position: relative; width: 180px; margin: 0 auto;}
#divContBlogger div{font: 14px 'OpenSansItalic'; color: #FFFFFF; float: left; margin-right: 5px;}
#divContBlogger img{width: 25px; height: 25px;}

.clsItalic{font: 20px 'SeravekItalic';}
.clsColContacto{height: 300px;}
.clsDir{font: 14px 'OpenSansBold'; color: #FFFFFF;}
.clsIcoTel{width: 15px; height: 15px;}


.clsEnviar {
  background-color:rgba(0,0,0,.6);
  display:inline-block;
  cursor:pointer;
  color:#FFFFFF;
  font-family:'OpenSansBold';
  font-size:15px;
  width: 100%;
  height: 30px;
  padding: 3px 0;
  text-decoration:none;
  text-align: center;
  z-index: 5;
}
.clsEnviar:hover {
  background-color:#E5E5E5;
  text-decoration:none;
  color: #000000;
}
.clsEnviar:active {
  position:relative;
  top:1px;
}
#divContReserva{position: relative; margin-top: 25px;}
#divReserva{
  height: 40px;
  padding-top: 7px;
}
#divReserva a{color: #FFFFFF;}
#divReserva a:hover{color: #FFFFFF;}

#aTelefono{color: #FFFFFF;}
#aTelefono div{font: 14px 'OpenSansRegular'; color: #FFFFFF; float: left; margin-right: 5px;}
.clsTelefonoBold{font: 14px 'OpenSansBold'; color: #FFFFFF;}
#divVia{font: 14px 'OpenSansItalic'; color: #FFFFFF; text-align: center; margin-top: 5px;}
#divFicha{position: relative; font: 20px 'OpenSansRegular'; color: #000000; text-align: center; margin-top: 20px;}
#divFicha span{font: 20px 'SeravekItalic'; color: #000000; text-align: center;}
#divFicha > div > span{font: 20px 'SeravekItalic'; color: #000000; text-align: center;}
.clsItalic{font: 20px 'SeravekItalic'; color: #000000; text-align: center;}

.clsLinksExtras{padding-top: 20px; padding-bottom: 20px;}
.clsLinksExtras div{text-align: center;}
.clsLinksExtras a{font: 20px 'SeravekMedium'; color: #000000; text-decoration: none;}

/*Fin Contacto*/


@media(min-width:320px) and (max-width:767px){
  #divContRedesReserva{width: 106px; right: 0 !important; display: block;}
  #divContRedesTop{width: 100%; height: 30px; padding-top: 3px;}
  #divRedesTop{height: 30px;}
  .clsRedesContacto{margin: auto 5px auto 5px;}

  .clsContRedesReservaS{}
  .clsContRedesReservaI{}

  #divContReservaTop a{font: 13px 'OpenSansBold';}


  #pSlide-1-Titulo{position: relative; width: 300px; top: -60% !important; left: 50% !important; margin-left: -150px !important; font-family: 'OpenSansRegular'; font-size: 25px !important; color: #FFFFFF; text-align: center;}
  #pSlide-1-Titulo > span{font-family: 'SeravekMedium';}

  #pSlide-2-Titulo{position: relative; width: 460px; top: -60% !important; left: 50% !important; margin-left: -230px !important; font-family: 'OpenSansRegular'; font-size: 25px !important; color: #FFFFFF; text-align: center;}
  #pSlide-2-Titulo > span{font-family: 'SeravekMedium';}

  #pSlide-3-Titulo{position: relative; width: 460px; top: -60% !important; left: 50% !important; margin-left: -230px !important; font-family: 'OpenSansRegular'; font-size: 25px !important; color: #FFFFFF; text-align: center;}
  #pSlide-3-Titulo > span{font-family: 'SeravekMedium';}


  .clsContAsociaciones{position: relative; width: 160px; height: 145px; margin: 0 auto; z-index: 9; }


  #divTelefono{left: 30%; top: 0px;}

  #divRedes{width: 50px; right: 10px;}

  .clsAdorno, .sp-buttons{display: none}

}
@media(min-width:300px) and (max-width:568px) {
  .clsContImgCompartir{position: relative; top: 8px;}
  .clsSlideModalBotones{width: 25px;}

  #inicio{height: 200px !important;}
  #pSlide-1-Titulo{position: relative; width: 150px; top: -90% !important; left: 50% !important; margin-left: -75px !important; font-family: 'OpenSansRegular'; font-size: 30px !important; color: #FFFFFF; text-align: center;}
  #pSlide-1-Titulo > span{font-family: 'SeravekMedium';}
}
@media(min-width:300px) and (max-width:767px){
  #logo{position: relative; left: 0; margin: 0 auto;}
  #inicio{height: 200px !important;}
  #divRedes{display: none;}
  a.clsAMenuPrincipal{padding: 10px 10px;}
  #ulNavBar{right: 20px;}
  .nav > li > a{padding: 10px 10px;}
  .navbar-nav li a{font: 16px 'OpenSansRegular';}

  #divImgBackSomos{position: relative; margin-top: -443px !important; width: 100%; height: 480px;
    object-fit: cover;
    overflow: hidden;
  }

  #divContQuienesSomos{width: 90%; top: 15px;}
  #divTituloQuienesSomos{font-size: 35px;}


  #divContPorQue{width: 90%; top: 20px; }
  #divTituloPorQue{font-size: 18px;}
  #divTituloPorQue div{font-size: 18px;}

  #happy-traveler{height: 350px; margin-top: -100px}
  #divContHappyTraveler{width: 90%; height: 210px; top: 50px;}
  #divImgBackHappyTraveler{height: 380px !important; top: -70px; z-index: -1;}
  .clsHappyTraveler{font: 32px 'OpenSansLight';}
  .clsHappyTraveler > span{font: 32px 'OpenSansBold'; line-height: 40px;}
  .clsBoldTraveler{font: 16px 'OpenSansRegular';}
  .clsBoldTraveler > span{font: 16px 'OpenSansBold';}
  .clsContAsociaciones{position: relative; width: 72px; height: 100px; top: 0px; margin: 0 auto; z-index: 9;}
  .clsImgAsociaciones{height: 100px;}

  #promociones{top: -30px;}
  #pSlide-2-Titulo-1{font-size: 35px !important;}


  #habitaciones{top: 0px; height: auto; padding-bottom: 50px;}
  .clsItemHabitacion{width: 100%;}
  .clsItemHabitacion > div{font-size: 25px; margin-top: 20px;}

  #servicios{height: auto; padding-top: 40px;}


  #lockers{top: 0px;}
  #pSlide-3-Titulo-1, #pSlide-3-Titulo-2, #pSlide-3-Titulo-3{display: none;}

  #ubicacion{height: 250px; top: 0px;}
  #divMapa{height: 250px;}
  #divTituloUbicacion{display: none;}

  #como-llegar{top: 0px;}
  #divContComoLlegar{width: 90%;}

  #oaxaca{height: 380px; top: 0px; padding-top: 20px; background-color: #FFFFFF;}
  #divCont-iframeInstagram{position: relative; width: 100%; height:760px; margin: 0 auto;}
  #iframeInstagram{position: relative; width: 100%; height: 100%; margin: 0 auto; border:none;overflow:auto;}

  #pSlide-1-Titulo{position: relative; width: 180px; top: -80% !important; left: 50% !important; margin-left: -90px !important; font-family: 'OpenSansRegular'; font-size: 30px !important; color: #FFFFFF; text-align: center;}
  #pSlide-1-Titulo > span{font-family: 'SeravekMedium';}

  #pSlide-2-Titulo-1{width: 70%; left: 0px !important; top: -80% !important; margin-left: 0px!important; margin: 0 auto !important; }
  #pSlide-2-Titulo-2{width: 70%; left: 0px !important; top: -80% !important; margin-left: 0px!important; margin: 0 auto !important; }
  #pSlide-2-Titulo-3{width: 70%; left: 0px !important; top: -80% !important; margin-left: 0px!important; margin: 0 auto !important; }





  .clsImgDonPablo{display: none;}

  #contacto{position: relative; top: 0px; height: 1500px; padding-bottom: 80px;}
  #divContCaptcha{margin: 0 auto;}
  #divTelefono{left: 0;}

  .clsColContacto {height: 340px;}
  #divContCaptcha{width: 100%;}
  .clsEnviar{position: relative; top: 385px;}
  #divReserva{top: 0px;}
  #divContReserva{top: 0px; margin-top: 90px;}



  .clsLinks{position: relative; margin-top: 20px;}
  .clsContItemTraductor{margin-bottom: 10px;}
  .clsContItemPoema{margin-bottom: 10px;}

  .clsTextoTraduccion{font: 14px 'OpenSansBold'; color: #FFFFFF;}
  .clsLinkTraductor{font: 14px 'OpenSansRegular'; color: #510522;}
  .clsLinkTraductor a{font: 14px 'OpenSansRegular'; color: #510522; cursor: pointer;}

  .clsTextoPoema{font: 14px 'OpenSansBold'; color: #FFFFFF;}
  .clsLinkPoema{font: 14px 'OpenSansRegular'; color: #510522;}
  .clsLinkPoema a{font: 14px 'OpenSansRegular'; color: #510522; cursor: pointer;}



  footer{top: 0px;}
  .clsColHiddenM{display: none;}
  .footer-nav{top: 13px;}
  .footer-nav, .footer-nav span{font-size: 9px;}
  .footer-nav a{float: right;}

  .clsAdorno, .sp-buttons{display: none}

}
@media(min-width:414px) and (max-width:768px) {
  #oaxaca{height: 280px;}
}
@media(min-width:568px) and (max-width:767px){

}
@media(min-width:768px) and (max-width:991px){
  #divContRedesReserva{right: 0px; display: block;}
  #inicio{height: 450px;}
  #somos{height: 310px; min-height: 0px;}
  #divImgBackSomos{position: relative; margin-top: -443px !important; width: 100%; height: 500px;
    object-fit: cover;
    overflow: hidden;
  }

  #divContQuienesSomos{width: 100%;}

  #por-que{height: 500px;}
  #divContPorQue{top: 50px;}
  .clsImgDonPablo{display: none;}
  #divImgBackPorQue{top: -250px; margin-top: 0px;}



  #happy-traveler{height: 350px; margin-top: -50px}
  #divContHappyTraveler{width: 90%; height: 200px; top: 30px;}
  #divImgBackHappyTraveler{height: 380px !important; top: -130px; z-index: -1;}
  .clsHappyTraveler{font: 42px 'OpenSansLight';}
  .clsHappyTraveler > span{font: 42px 'OpenSansBold'; line-height: 40px;}
  .clsBoldTraveler{font: 16px 'OpenSansRegular';}
  .clsBoldTraveler > span{font: 16px 'OpenSansBold';}
  .clsContAsociaciones{position: relative; width: 150px; height: auto; top: -10px; margin: 0 auto; z-index: 9;}
  .clsImgAsociaciones{height: 140px;}







  #promociones{margin-top: -30px;}

  #habitaciones{top: 0px; height: auto; padding-bottom: 50px; padding-top: 50px;}
  .clsItemHabitacion{width: 100%;}

  #servicios{height: 530px;}
  .clsContItemServicio img{width: 90%; height: auto;}

  #oaxaca{height: 530px; padding-top: 30px;}
  #divCont-iframeInstagram{position: relative; width: 100%; height:760px; margin: 0 auto;}
  #iframeInstagram{position: relative; width: 100%; height: 100%; margin: 0 auto; border:none;overflow:auto;}

  #ubicacion{height: 150px; margin-top: -50px;}
  #divMapa{height: 150px;}
  #divTituloUbicacion{display: none;}


  #contacto{height: 980px; background-image: url('../images/back-contacto-t.jpg'); background-size: 100% auto;}
  #divTituloContacto{top: -80px;}
  #divContReserva{top: 0px; margin-top: 90px;}
  #divTelefono{margin-top: 100px;}


  .clsLinks{position: relative; margin-top: 20px;}
  .clsContItemTraductor{margin-bottom: 10px;}
  .clsContItemPoema{margin-bottom: 10px;}

  .clsTextoTraduccion{font: 16px 'OpenSansBold'; color: #FFFFFF;}
  .clsLinkTraductor{font: 16px 'OpenSansRegular'; color: #510522;}
  .clsLinkTraductor a{font: 16px 'OpenSansRegular'; color: #510522; cursor: pointer;}

  .clsTextoPoema{font: 16px 'OpenSansBold'; color: #FFFFFF;}
  .clsLinkPoema{font: 16px 'OpenSansRegular'; color: #510522;}
  .clsLinkPoema a{font: 16px 'OpenSansRegular'; color: #510522; cursor: pointer;}


  .footer-nav, .footer-nav span{font-size: 12px;}
}
@media(min-width:768px){
  .sp-buttons{
    position: relative !important; top:-50px; margin: 0 0 0 0; left: 0px; width: 40px;
    z-index: 90;
  }
  .sp-button{
    background-color: #FFFFFF;
    width: 5px !important;
    height: 5px !important;
    float: none;
  }
  .sp-button > div{padding-top: 10px; font-family: 'FrutigerLTStdBoldCn'; font-size: 12pt; color: #FFFFFF; }
  .sp-selected-button{
    color: #FFF;
    background-color: #8BC53F;
    width: 5px !important;
    height: 5px !important;
  }
}

@media(min-width:992px) and (max-width:1023px) {
  #inicio{height: 450px;}
  #somos{height: 310px; min-height: 0px;}
  #divImgBackSomos{position: relative; margin-top: -443px !important; width: 100%; height: 500px;
    object-fit: cover;
    overflow: hidden;
  }

  #divContQuienesSomos{width: 100%;}

  #por-que{height: 500px;}
  #divContPorQue{top: 50px;}
  .clsImgDonPablo{display: block;}
  #divImgBackPorQue{top: -530px; margin-top: 0px;}



  #happy-traveler{height: 350px; min-height: 300px; top: -80px}
  #divContHappyTraveler{width: 90%; height: 150px; top: -70px;}
  #divImgBackHappyTraveler{height: 380px !important; top: -90px; z-index: -1;}
  .clsHappyTraveler{font: 42px 'OpenSansLight';}
  .clsHappyTraveler > span{font: 42px 'OpenSansBold'; line-height: 40px;}
  .clsBoldTraveler{font: 16px 'OpenSansRegular';}
  .clsBoldTraveler > span{font: 16px 'OpenSansBold';}
  .clsContAsociaciones{position: relative; width: 150px; height: auto; top: -70px; margin: 0 auto; z-index: 9;}
  .clsImgAsociaciones{height: 137px;}




  #promociones{top: -40px; margin-top: -40px;}

  #habitaciones{top: 0px; height: auto; padding-bottom: 50px; padding-top: 0px;}
  .clsItemHabitacion{width: 100%;}

  #servicios{height: 400px;}
  .clsContItemServicio img{width: 90%; height: auto;}

  #oaxaca{height: 700px; padding-top: 30px;}
  #divCont-iframeInstagram{position: relative; width: 100%; height:760px; margin: 0 auto;}
  #iframeInstagram{position: relative; width: 100%; height: 100%; margin: 0 auto; border:none;overflow:auto;}

  #ubicacion{height: 240px; margin-top: -25px;}
  #divMapa{height: 240px; margin-top: -35px;}
  #divTituloUbicacion{top: 30px;}


  #contacto{height: 780px; padding-top: 30px; background-image: url('../images/back-contacto-t.jpg'); background-size: 100% auto;}
  #divTituloContacto{top: -120px;}
  #divContReserva{top: 0px; margin-top: 25px;}
  #divTelefono{margin-top: 20px;}


  .clsLinks{position: relative; margin-top: 100px;}
  .clsContItemTraductor{margin-bottom: 10px;}
  .clsContItemPoema{margin-bottom: 10px;}

  .clsTextoTraduccion{font: 16px 'OpenSansBold'; color: #FFFFFF;}
  .clsLinkTraductor{font: 16px 'OpenSansRegular'; color: #510522;}
  .clsLinkTraductor a{font: 16px 'OpenSansRegular'; color: #510522; cursor: pointer;}

  .clsTextoPoema{font: 16px 'OpenSansBold'; color: #FFFFFF;}
  .clsLinkPoema{font: 16px 'OpenSansRegular'; color: #510522;}
  .clsLinkPoema a{font: 16px 'OpenSansRegular'; color: #510522; cursor: pointer;}



  .footer-nav, .footer-nav span{font-size: 12px;}
}
@media(min-width:1024px) and (max-width:1199px) {
  #inicio{height: 450px;}

  #somos{height: 300px; min-height: 0px;}
  #divImgBackSomos{position: relative; margin-top: -443px !important; width: 100%; height: 500px;
    object-fit: cover;
    overflow: hidden;
  }

  #divContQuienesSomos{width: 100%;}

  #por-que{height: 500px;}
  #divContPorQue{top: 70px;}
  .clsImgDonPablo{top: -168px !important; display: block;}
  #divImgBackPorQue{top: -550px; margin-top: 0px;}


  #happy-traveler{height: 350px; min-height: 200px; top: -20px}
  #divContHappyTraveler{width: 90%; height: 150px; top: -110px;}
  #divImgBackHappyTraveler{height: 380px !important; top: -51px; margin-top: -274px; z-index: -1;}
  .clsHappyTraveler{font: 55px 'OpenSansLight';}
  .clsHappyTraveler > span{font: 55px 'OpenSansBold'; line-height: 40px;}
  .clsBoldTraveler{font: 16px 'OpenSansRegular'; margin-top: 20px;}
  .clsBoldTraveler > span{font: 16px 'OpenSansBold';}
  .clsContAsociaciones{position: relative; width: 160px; height: auto; top: -100px; margin: 0 auto; z-index: 9;}
  .clsImgAsociaciones{height: 137px;}





  #promociones{margin-top: -30px;}

  #habitaciones{top: 0px; height: auto; padding-bottom: 50px; padding-top: 50px;}
  .clsItemHabitacion{width: 100%;}
  .clsContItemServicio img{width: 80%; height: auto;}

  #servicios{height: auto; padding-top: 80px;}

  #oaxaca{height: 700px; padding-top: 30px;}
  #divCont-iframeInstagram{position: relative; width: 100%; height:760px; margin: 0 auto;}
  #iframeInstagram{position: relative; width: 100%; height: 100%; margin: 0 auto; border:none;overflow:auto;}

  #ubicacion{height: 400px; top: -50px;}
  #divTituloUbicacion{top: 100px;}
  #divMapa{height: 422px; margin-top: -10px;}


  #contacto{height: 770px; padding-top: 30px; background-image: url('../images/back-contacto-d.jpg'); background-size: 100% auto;}
  #divTituloContacto{top: -120px;}
  #divContReserva{top: 0px; margin-top: 25px;}
  #divTelefono{margin-top: 20px;}


  .clsLinks{position: relative; margin-top: 100px;}
  .clsContItemTraductor{margin-bottom: 10px;}
  .clsContItemPoema{margin-bottom: 10px;}

  .clsTextoTraduccion{font: 16px 'OpenSansBold'; color: #FFFFFF;}
  .clsLinkTraductor{font: 16px 'OpenSansRegular'; color: #510522;}
  .clsLinkTraductor a{font: 16px 'OpenSansRegular'; color: #510522; cursor: pointer;}

  .clsTextoPoema{font: 16px 'OpenSansBold'; color: #FFFFFF;}
  .clsLinkPoema{font: 16px 'OpenSansRegular'; color: #510522;}
  .clsLinkPoema a{font: 16px 'OpenSansRegular'; color: #510522; cursor: pointer;}



  .footer-nav, .footer-nav span{font-size: 12px;}
}
@media(min-width:1200px) and (max-width:1599px){
  #inicio{height: 450px;}
  #divGaleria-Home{z-index: 5;}

  #somos{height: 300px; min-height: 0px; z-index: 4;}
  #divImgBackSomos{position: relative; margin-top: -443px !important; width: 100%; height: 500px;
    object-fit: cover;
    overflow: hidden;
  }

  #divContQuienesSomos{width: 100%;}

  #por-que{height: 300px !important; top: 0px; z-index: 3;}
  #divContPorQue{top: 25px;}
  .clsImgDonPablo{display: block;}
  #divImgBackPorQue{height: 335px; top: -550px; margin-top: 0px;}



  #happy-traveler{height: 350px; min-height: 200px; margin-top: 60px; top: -42px;}
  #divContHappyTraveler{width: 90%; height: 150px; top: -80px;}
  #divImgBackHappyTraveler{height: 380px !important; top: -51px; margin-top: -274px; z-index: -1;}
  .clsHappyTraveler{font: 55px 'OpenSansLight';}
  .clsHappyTraveler > span{font: 55px 'OpenSansBold'; line-height: 40px;}
  .clsBoldTraveler{font: 16px 'OpenSansRegular';}
  .clsBoldTraveler > span{font: 16px 'OpenSansBold';}
  .clsContAsociaciones{position: relative; width: 150px; height: auto; top: -70px; margin: 0 auto; right: 50px; z-index: 9;}
  .clsImgAsociaciones{height: 137px; margin-right: 10px;}
  #imgHostellingInter{position: relative; margin-right: 30px;}
  #imgHostalesYPosadas{position: relative; margin-left: 10px;}
  #divContHostalesYPosadas{left: -15px;}


  #promociones{top: -17px; margin-top: -50px;}

  #habitaciones{top: 0px; height: auto; padding-bottom: 50px; padding-top: 50px;}
  .clsItemHabitacion{width: 100%;}
  .clsContItemServicio img{width: 80%; height: auto;}


  #servicios{height: auto;}

  #oaxaca{height: 830px; padding-top: 30px;}
  #divCont-iframeInstagram{position: relative; width: 100%; height:760px; margin: 0 auto;}
  #iframeInstagram{position: relative; width: 100%; height: 100%; margin: 0 auto; border:none;overflow:auto;}

  #ubicacion{height: 400px; top: -50px;}
  #divTituloUbicacion{top: 100px;}
  #divMapa{height: 422px; top: -11px;}


  #contacto{height: 750px; padding-top: 0px;}
  #divTituloContacto{top: -100px;}
  #divContReserva{top: 0px; margin-top: 25px;}
  #divTelefono{margin-top: 20px;}


  .clsLinks{position: relative; margin-top: 100px;}
  .clsContItemTraductor{margin-bottom: 10px;}
  .clsContItemPoema{margin-bottom: 10px;}

  .clsTextoTraduccion{font: 16px 'OpenSansBold'; color: #FFFFFF;}
  .clsLinkTraductor{font: 16px 'OpenSansRegular'; color: #510522;}
  .clsLinkTraductor a{font: 16px 'OpenSansRegular'; color: #510522; cursor: pointer;}

  .clsTextoPoema{font: 16px 'OpenSansBold'; color: #FFFFFF;}
  .clsLinkPoema{font: 16px 'OpenSansRegular'; color: #510522;}
  .clsLinkPoema a{font: 16px 'OpenSansRegular'; color: #510522; cursor: pointer;}


  .footer-nav, .footer-nav span{font-size: 12px;}
}
@media(min-width:1600px) and (max-width:1999px){
  #inicio{height: 450px;}
  #divGaleria-Home{z-index: 5;}

  #somos{height: 300px; min-height: 0px; z-index: 4;}
  #divImgBackSomos{position: relative; margin-top: -550px !important; width: 100%; height: 600px;
    object-fit: cover;
    overflow: hidden;
  }

  #divContQuienesSomos{width: 100%;}

  #por-que{height: 300px !important; top: 0px; z-index: 3;}
  #divContPorQue{top: 25px;}
  .clsImgDonPablo{display: block;}
  #divImgBackPorQue{height: 335px; top: -550px; margin-top: 0px;}

  #happy-traveler{height: 350px; min-height: 200px; top: 0px}
  #divContHappyTraveler{width: 90%; height: 150px; top: 70px;}
  #divImgBackHappyTraveler{height: 520px !important; top: 0px; margin-top: -350px; z-index: -1;}
  .clsHappyTraveler{font: 55px 'OpenSansLight';}
  .clsHappyTraveler > span{font: 55px 'OpenSansBold'; line-height: 40px;}
  .clsBoldTraveler{font: 16px 'OpenSansRegular';}
  .clsBoldTraveler > span{font: 16px 'OpenSansBold';}
  .clsContAsociaciones{position: relative; width: 150px; height: auto; top: -70px; margin: 0 auto; right: 50px; z-index: 9;}
  .clsImgAsociaciones{height: 150px; margin-right: 10px;}


  #divContHappyTraveler{width: 700px; top: 120px; left: 10%; margin: 0 !important; }
  .clsContAsociaciones{position: relative; left: 250%; top: -15px !important; margin: 0 !important;}



  #promociones{margin-top: 70px;}

  #habitaciones{top: 0px; height: auto; padding-bottom: 50px; padding-top: 50px;}
  .clsItemHabitacion{width: 100%;}
  .clsContItemServicio img{width: 80%; height: auto;}


  #servicios{height: auto;}

  #oaxaca{height: 830px; padding-top: 30px;}
  #divCont-iframeInstagram{position: relative; width: 100%; height:760px; margin: 0 auto;}
  #iframeInstagram{position: relative; width: 100%; height: 100%; margin: 0 auto; border:none;overflow:auto;}

  #ubicacion{height: 400px; top: -50px;}
  #divTituloUbicacion{top: 100px;}
  #divMapa{height: 422px; top: -11px;}


  #contacto{height: 750px; padding-top: 0px;}
  #divTituloContacto{top: -100px;}
  #divContReserva{top: 0px; margin-top: 25px;}
  #divTelefono{margin-top: 20px;}


  .clsLinks{position: relative; margin-top: 100px;}
  .clsContItemTraductor{margin-bottom: 10px;}
  .clsContItemPoema{margin-bottom: 10px;}

  .clsTextoTraduccion{font: 16px 'OpenSansBold'; color: #FFFFFF;}
  .clsLinkTraductor{font: 16px 'OpenSansRegular'; color: #510522;}
  .clsLinkTraductor a{font: 16px 'OpenSansRegular'; color: #510522; cursor: pointer;}

  .clsTextoPoema{font: 16px 'OpenSansBold'; color: #FFFFFF;}
  .clsLinkPoema{font: 16px 'OpenSansRegular'; color: #510522;}
  .clsLinkPoema a{font: 16px 'OpenSansRegular'; color: #510522; cursor: pointer;}


  .footer-nav, .footer-nav span{font-size: 12px;}
}
@media(min-width:2000px) and (max-width:5000px){
  #inicio{height: 450px;}
  #divGaleria-Home{z-index: 5;}

  #somos{height: 300px; min-height: 0px; z-index: 4;}
  #divImgBackSomos{position: relative; margin-top: -550px !important; width: 100%; height: 600px;
    object-fit: cover;
    overflow: hidden;
  }

  #divContQuienesSomos{width: 100%;}

  #por-que{height: 300px !important; top: 0px; z-index: 3;}
  #divContPorQue{top: 25px;}
  .clsImgDonPablo{display: block;}
  #divImgBackPorQue{height: 335px; top: -550px; margin-top: 0px;}

  #happy-traveler{height: 350px; min-height: 200px; top: 0px}
  #divContHappyTraveler{width: 90%; height: 150px; top: 70px;}
  #divImgBackHappyTraveler{height: 750px !important; top: -100px; margin-top: -540px; z-index: -1;}
  .clsHappyTraveler{font: 55px 'OpenSansLight';}
  .clsHappyTraveler > span{font: 55px 'OpenSansBold'; line-height: 40px;}
  .clsBoldTraveler{font: 16px 'OpenSansRegular';}
  .clsBoldTraveler > span{font: 16px 'OpenSansBold';}
  .clsContAsociaciones{position: relative; width: 160px; height: auto; top: 70px; margin: 0 auto; z-index: 9;}
  .clsImgAsociaciones{height: 150px; margin-right: 10px;}

  #divContHappyTraveler{width: 700px; top: 120px; left: 20%; margin: 0 !important; }
  .clsContAsociaciones{position: relative; left: 400%; top: -15px !important; margin: 0 !important;}




  #promociones{margin-top: -50px;}

  #habitaciones{top: 0px; height: auto; padding-bottom: 50px; padding-top: 50px;}
  .clsItemHabitacion{width: 100%;}
  .clsContItemServicio img{width: 80%; height: auto;}


  #servicios{height: auto; background-image: url('../images/back-servicios-d.jpg'); background-size: 100% auto;}

  #oaxaca{height: 830px; padding-top: 30px;}
  #divCont-iframeInstagram{position: relative; width: 100%; height:760px; margin: 0 auto;}
  #iframeInstagram{position: relative; width: 100%; height: 100%; margin: 0 auto; border:none;overflow:auto;}

  #ubicacion{height: 400px; top: -50px;}
  #divTituloUbicacion{top: 100px;}
  #divMapa{height: 422px; top: -11px;}


  #contacto{height: 750px; padding-top: 0px; background-image: url('../images/back-contacto-d.jpg'); background-size: 100% auto;}
  #divTituloContacto{top: -100px;}
  #divContReserva{top: 0px; margin-top: 25px;}
  #divTelefono{margin-top: 20px;}

  .clsLinks{position: relative; margin-top: 100px;}
  .clsContItemTraductor{margin-bottom: 10px;}
  .clsContItemPoema{margin-bottom: 10px;}

  .clsTextoTraduccion{font: 16px 'OpenSansBold'; color: #FFFFFF;}
  .clsLinkTraductor{font: 16px 'OpenSansRegular'; color: #510522;}
  .clsLinkTraductor a{font: 16px 'OpenSansRegular'; color: #510522; cursor: pointer;}

  .clsTextoPoema{font: 16px 'OpenSansBold'; color: #FFFFFF;}
  .clsLinkPoema{font: 16px 'OpenSansRegular'; color: #510522;}
  .clsLinkPoema a{font: 16px 'OpenSansRegular'; color: #510522; cursor: pointer;}


  .footer-nav, .footer-nav span{font-size: 12px;}
}