body {    padding-top: 150px;}
img {  opacity: 1;  transition: opacity 0.3s;}
img[data-src] {  opacity: 0;}
a:hover {    text-decoration: none; color: #000000;}
a {  color: #444;}
.whatsapp a {    color: #0d7725; font-size: 32px; }
.whatsapp a:hover, .facebook a:hover, .instagram a:hover {    text-decoration: none; color: #000000;}
.facebook a {    color: #115fb3; font-size: 32px;}
.instagram a { color: #673AB7;  font-size: 32px;}
ul {	list-style: none; margin: 0;    padding: 0;}
p { margin: 0;    padding: 0;}
header {    border-bottom: 8px solid #f5f5f5; background: #fff;}
#Top_site { background-color: #f5f5f5;    left: 0;    top: 0;    width: 100%;    z-index: 30;    line-height: 21px;  font-family: 'Poppins', sans-serif;}
#Top_site ul {    margin-top: 0;    margin-bottom: 0;}
#Top_site .reservas {    color: #999999;    float: left;}
#Top_site .reservas li {    display: inline-block;    margin-right: 10px;}
#Top_site .reservas li, #Top_site .social {    padding: 10px 0;}
#Top_site .reservas li > i {    margin-right: 2px;}
#Top_site .reservas a {    color: #666;    font-weight: 600;}
#Top_site .reservas a:hover {    color: #418d6f;}
#Top_site .social {    float: right;}
#Top_site .social li {    display: inline-block;    margin-left: 5px;}
#Top_site .slogan {   }

.titulos {  margin-bottom: 20px;  font-family: 'Poppins', sans-serif;    font-size: 2.7em;  color: #035616;}
.navbar-brand img {    width: 240px;}

.navbar-nav li { padding: 15px 30px;    background: #f2f2f2;    margin-left: 5px;    text-transform: uppercase; text-align: center;}
.reservadirecta {    background: #28a745!important;}
.reservadirecta a {    color: #fff;}
.explico { font-size:10px;}

.barra-menu {    background: #fff;   box-shadow: 0px 0px 6px #444;}
.borde-menu {    border-right: 1px solid #dedede; }

section {    padding: 60px 0;}

.intro {    font-weight: bold;    margin-bottom: 15px;    color: #313131;}

.corte1 {    width: 100%;    background: url(../img/fondoCorte1.jpg) no-repeat fixed 0 0;    background-size: cover;    overflow: auto;    color: #fff;    font-size: 1.5rem; padding: 80px 0;}
#corte1 .phone { font-size: 50px;    font-family: "Arial Black", Gadget, sans-serif;    font-weight: bold;}
#corte1 .phone a{color: #fff;}
#corte1 .phone a:hover{color: #ffc107;}
.corte2 {    width: 100%;    background: url(../img/fondoCorte2.jpg) no-repeat fixed 0 0;    background-size: cover;    overflow: auto;  font-family: "Arial Black", Gadget, sans-serif;    font-weight: bold;    color: #fff; padding: 80px 0;}
.corte2 h2 {    font-size: 3rem;}

.promo-inner {    border: 1px solid #e2e2e2;}
.promo-back-valor {    background: #f5f5f5;}
.promo-valor {    font-weight: bold;    color: #05711e;}
.promo-caduca-texto {    color: #a7a7a7;    font-size: 0.8rem;}

#habitaciones {    background: #f7f7f7;}
#servicios {     background: #f7f7f7;}

.servicios {    background: #ffffff;    margin-bottom: 25px;    padding: 12px;    border-radius: 6px;}
.icono-servicio {    font-size: 2rem;    color: #828282;}
.texto-servicio {    font-size: 0.8rem;    color: #347842;}
.juntas {    padding: 5px;}

.mapa {  padding: 0;}
.btn-mb { margin-bottom: 15px;}
/*.fondo-contacto {    background: #f2f2f2;}
.titulo-contacto {   background: #fff;}*/
.titulo-footer {font-family: 'Poppins', sans-serif;    font-weight: bold;    margin-bottom: 15px;}
.telefono-footer {    font-weight: bold;    color: #51585f;}
.mail-footer a {    color: #418d6f;}
.mail-footer a:hover {    color: #1e6347;}

#Habitaciones {    background: #fff;    padding: 15px;}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #3e8e6e;
}

.icono-h {    color: #418d6f;    padding-right: 8px; border-right: 1px solid #444;}
.texto-h {    color: #444;    text-align: justify;}

.terra {    margin: 40px 0 0 0;    background: #313131;    padding: 20px;    color: #fff;}
.terra a {    color: #fff;}
.terra a:hover {    color: #ffb604;    text-decoration: none;}

@media only screen and (max-width: 600px) {
    body {    padding-top: 155px;}
    .navbar-brand img {    width: 200px;}
    .no-movil{    display: none !important;}
    #Top_site .slogan {    display: none !important;}
    .navbar-nav li {        margin-left: 0;        margin-bottom: 5px;    }
    .separa-movil { padding-bottom: 20px; text-align: center;}
    .separa-movil-h { padding-bottom: 20px; }
    .bienvenidos-movil {    padding: 0;}
    .slogan {    font-size: 18px;}
    #corte1 .phone {    font-size: 35px;}
    .corte2 h2 {    font-size: 2rem;}
    .titulo-contacto {    margin-top: 50px;}
    .p-4 {    padding: 0rem!important;}
}