html
{
    margin:0;
    min-height: 100%;
}
body, .hh
{
   width:100%;
   height:100%;
   margin:0;
   font-family:arial;
   color:white;/*#627635;*/
   text-shadow: rgba(0,0,0,.9) 1px 1px 1px;
   transition: background 0.8s linear;
   background-repeat:no-repeat no-repeat;
   background-size:cover;
   background-attachment:fixed;
   background-position:center center;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
}
nav
{
    /*background-color:rgba(98, 118, 53,.9);*/
    position:absolute;
    top:0px;
    left: 50%;
    transform: translate(-50%);
    min-width: 250px;
	max-width: 980px;
    border-radius: 5px;
	font-size:1.2em;
	display:table;
	z-index:20;
}
nav div#menu{
	display:none;
}	
nav ul
{
    list-style:none;
	padding:0;
    margin:0;
	display:inline-block;
}
nav ul li
{
    float:left;
}
nav a
{
	display:block;
	float:left;
    text-decoration:none;
	color: white;
	padding:5px;
}
nav li a
{
	line-height:2em;/*3.8em;*/
	padding:1em;
	font-weight:bolder;
	text-transform:uppercase;
}
nav li a:hover
{
	color:#FFFFFF55;
}
footer
{
    /*background-color:rgba(98, 118, 53,.9);*/
	color:white;
    /*position:relative;*/
    bottom:0;
    right:0;
    /*transform:translate(-50%);*/
    line-height:3em;
    min-width:300px;
    text-align:right;
	border-radius: 5px;
	padding:1em;
}
footer img
{
	margin-bottom:-2px;
	vertical-align:inherit;
}
a.Booking
{
	border: solid 2px red;
	border-radius:25px;
	margin-top:5px;
	line-height:1.5em;
	background: radial-gradient(#FF000055,#FF0000FF);
}
a.Booking:hover
{	
	border: solid 2px red;
	Color: blue;
	background: radial-gradient(#FF0000FF,#FF0000ff);
}
.logo
{
	position:fixed;
	top:0;
	left:0;
	text-decoration:none;
	padding:5px;
	z-index:100;
}
.logo img
{
	width:100px;
	height:100px;
}
.content
{
	margin-top:5em;/*7em;*/
	/*margin-bottom:3em;*/
    padding-top:0px;
    padding-bottom:0px;
}
.Main
{
	background-color:rgba(0,0,0,.3);
	max-width: 980px;
	margin:auto;
	padding-left:3px;
	padding-right:3px;
    /*height:2200px;
    border:blue 2px solid;*/
}
.Text p
{
	text-indent:.5em;
}
.Text ul, .Text
{
	display:inline-block;
}
.Image
{
	width:100%;
	padding:5px;
	/*min-height:328px;*/
}
.Right
{
	float:right;
	width:50%;
}
.Left
{
	float:left;
	width:50%;
}
.Houses
{
	display:table;
	width:100%;
}
.divChoose 
{
	margin:auto;
	width:50%;
	top:50%;
	float:left;
	/* position:fixed;  */
	/* transform:translate(-50%,-50%); */
}
.Choose
{
	/* background-color:#000000a1; */
	/* border:2px solid white; */
	border-radius:5px 5px;
	/*border-radius:75px 75px;
	width:150px;*/
	width:99%;
	/* height:150px; */
	/* line-height:75px; */
    /* height:75px; */
	/* line-height:37px; */
	font-size:2em;
	vertical-align:middle;
	text-align:center;
	text-decoration:none;
	color:white;
	display:block;
}
.Choose span
{
	font-size:.6em;
}
.Choose:hover
{
	/* background-color:rgba(0,0,0,.4); */
	color:#FFFFFF55;
}
.Urban
{
	float:right;
	margin-right:1px;
	/*margin-right:30px;*/
}
.Natur
{
	float:left;
	margin-left:1px;
	/*margin-left:30px;*/
}

#imgPromotions
{
    width:100px;
}
#divServices
{
    position:fixed;
    width:150px;
    height:45px;
    bottom:0%;
}

#divServices a
{
    padding:10px;
    position:absolute;
    transform:translate(10%,-20%);
    text-decoration:none;
    color:white;
    text-align:center;
    font-size:0.8em;
    background:rgba(0,0,0,0.5);
    border-radius:15px;
    
}

#WhatsApp
{
	position:fixed;
	bottom:100px;
	right:20px;
	border-radius:50px;
	height:50px;
	width:50px;
	box-shadow:0px 0px 30px green;
}

#mail
{
	/* background-color: rgba(0,0,0,.3); */
	position:fixed;
	bottom: 50px;
	right: 10px;
	width:70px;
	height:70px;
	box-shadow:0px 0px 30px black;
	border-radius:70px;
	/* border: 2px solid blue; */
	/* width: 30px; */
	/* height:30px; */
}
#mail #btnMail
{
	width:70px;
	height:70px;
	border:0px none;
	border-radius:35px 35px;
	background-color:rgba(255,0,0,0.8);
}
#formulario
{
	position:fixed;
	background:rgba(0,0,0,.8);
	left:0;
	right:0;
	top:0;
	bottom:0;
	display:none;
	z-index:25;
	line-height:normal;
}
#formulario input, #formulario textarea, #formulario select
{
	background-color:transparent;
	line-height:normal;
}
#formulario button, #mail button
{
	color:black;
	border-radius:5px;
	line-height:normal;
}
#formulario option
{
	background:black;
	line-height:normal;
}
#formulario #caixa
{
	text-align:left;
	position:absolute;
	margin:auto;
	left:50%;
	top:50%;
	border: 3px solid white;
	border-radius:5px;
	padding:5px;
	transform:translate(-50%,-50%);
	background-color:rgba(0,0,0,.74);
}
#formulario tr
{
	line-height:2em;
}
#covid
{
    max-height:130px;
    max-width:100%;
    opacity:1;
}
@media only screen and ( min-width: 768px)
{
.logo img
{
	width:80px;
	height:80px;
}
/* .divChoose  */
/* { */
	/* width:50%; */
/* }	 */
}
@media only screen and ( max-width: 1024px ) 
{
.Choose
{
	font-size:1.5em;
	/* height:130px; */
	/* line-height:65px; */
	height:65px;
	line-height:32px;
}
#covid
{
    max-height:80px;
}
}
@media only screen and ( max-width: 768px) 
{ 
#covid
{
    max-height:80px;
}
/* body, .hh 
 { 
	  background-position:80% 90%; 
 } */
.Choose
{
	font-size:1em;
	/* height:110px; */
	/* line-height:55px; */
	height:55px; 
	line-height:27px;
}	
.logo img
{
	width:80px;
	height:80px;
}
nav
{
	transform:none;
	right:0;
	left:80px;
}
/* .divChoose  */
/* { */
	/* width:70%; */
/* }	 */
.Right
{
	float:right;
	width:95%;
}
.Left
{
	float:left;
	width:95%;
}
nav li a
{
	padding-left:5px;
	padding-right:5px;
	margin:0px;
}	
}
@media only screen and ( max-width: 570px) 
{
#covid
{
    max-height:50px;
}
nav{
	display:block;
	left:0;
	top:0px;
}
nav div#menu{
	padding:15px;
	display:block;
	float:right;
}	
nav div#menu table{
	width:50px;
	height:50px;
	border-collapse:separate;
	border-spacing:4px;
}
nav div#menu td{
	/* border: 2px solid darkslategrey; */
	border: 2px solid white;
	border-radius:4px;
	/* background-color:grey; */
}
nav ul
{
	margin-top:80px;
	width:100%;
	/* display:table-caption; */
	display:none;
	background-color:#00000094;
}
nav li a
{
	padding:5px;
	margin:0px;
	line-height:1.2em;
	width:100%;
	text-align:center;
}
a.Booking
{
	/* width:50%; */
	margin-left:auto;
	margin-right:auto;
}
li.Booking
{
	display:inherit;
}
.Choose
{
	font-size:.8em;
	height:50px; 
	line-height:20px;
}	
.Urban
{
	/*margin-top:100px;*/
	/*margin-right:30px;*/
}
.Natur
{
	/*margin-top:100px;*/
	/*margin-left:30px;*/
}	
/* .divChoose  */
/* { */
	/* width:80%; */
/* } */
#imgPromotions
{
    width:50px;
}

#divServices
{
    width:100px;
    height:35px;
}
#divServices a
{
    font-size:0.5em;
    padding:5px;
}
@media only screen and ( max-width: 375px) 
{
#covid
{
    max-height:30px;
}
nav ul
{
	width:100%;
	/* display:inline-block; */
}	
nav li a
{
	padding:5px;
	margin:0px;
	line-height:1.2em;
}
.Choose
{
	/* border:2px solid white; */
	/* border-radius:5px; */
	/*border-radius:37px 37px;
	width:75px;
	height:75px;
	line-height:75px;
	font-size:1em;*/
	width:99%;
	height:37px;
	line-height:17px;
	font-size:.6em;
	vertical-align:middle;
	text-align:center;
	text-decoration:none;
	color:white;
	display:block;
}
.Urban
{
	/*margin-top:100px;
	margin-right:30px;*/
}
.Natur
{
	/*margin-top:100px;
	margin-left:30px;*/
}
#imgPromotions
{
    width:30px;
}
}
@media only screen and ( max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi)  
{

}