*{box-sizing: content-box;}
.btn-group{vertical-align:middle}
h1,h2,h3,header li{font-family:spinnaker,sans-serif;}
h4{font-family: 'Open Sans', sans-serif;}
h1{text-align:center; font-size:29px; color: #4E593A; font-family: spinnaker,sans-serif; font-weight:normal; }
h2{text-align:center; font-size:28px;}
h3{text-align:center; font-size:14px;}
h4{font-size:16px; font-weight:normal; clear:both;}
a{color: #4E593A; text-decoration:none}
a:visited{color: #4E593A;}
a:hover{color:#00b078; /* #D7E9E3; */ transition: all .3s ease;}
.active a{font-weight:bolder; color:#7d7c57; }


html,body{display:block; text-align:center; width:100%; margin:0 auto; background-image: url('imgs/fondo.jpg'); background-size: 100%; font-family: 'Open Sans', sans-serif;}
header{display:block; margin:0 auto; width:80%; fontsize:13px;}
/* Establece la opacidad inicial en 0 y usa transición suave */
body {
    opacity: 0;
    transition: opacity 0.8s ease-in-out;
}


#logo{ 
    display: block;
    display: inline-block;
    vertical-align: top;
    margin-top: 30px;
    max-width: 450px;
}


#header-der{ margin-top:50px; margin-right: 10px; display:inline-block;vertical-align: top; padding-left: 85px;}
#header-derder{ display: inline-block; margin-top:50px;}
#header-covid{display: inline-block;}
#header-der.mod-languages{display: inline-flex;  list-style-type:none;}
.mod-languages{padding-right:0 10px 10px 0;}
#tripadvisor{width:200px; display:inline-block;}
.menu{list-style-type: none; margin: 0 auto; width:100%; padding: 0;  line-height:35px; font-size:14pt; clear:both;}
.menu a{ text-transform: uppercase; font-weight:normal;}

.menu ul{padding:0; text-align:center;}
.menu li{padding: 0 10px;margin:0px auto !important; display:inline-block;  font-size:15px;}

#contenido{width:80%; margin:0 auto;}
hr{border-bottom-color: #72858C; border-bottom-style:solid; border-bottom-width:2px;height: 0 !important; min-height: 0 !important; width:80%;}

#content{margin: 0 auto; width:100%; list-style:none; }
.fondo-masajes{clear:both; padding-bottom: 20px;}
.fondo-masajes span{margin: 0 20px}
.slidde{ height:400px; margin:0 auto;}

    

#linksbajos{display:block;
text-align:justify; border:1px solid  white; display:inline-block; width:220px; vertical-align: text-top;}


@media only screen and (max-width: 800px) and (orientation : portrait)
{
body,html,header{background-image: url('imgs/fondo.jpg'); !important; width:950px; margin:0;  overflow-x: hidden;}


#header{margin:0; clear:both; display:inline-block;}
#tripadvisor{width:100%; margin-left:-16px;  display:block;}
.menu ul{}
.menu li{position:relative; color:#279; top:-143px; left:150px; line-height:18px; display:grid; text-align:left; font-size:15px; font-weight:bolderd;}
.linea{display:none;}
#content{margin: 0; width:100%; list-style:none;}

#linksbajos{clear:both; text-align:justify; border:1px solid  white; margin: 0 0%; display:inline-block; width:220px;
}

}

#mod_simpleemailform_field3_1{height:100px !important; }
