@charset "UTF-8";

a:hover, a:visited, a:link, a:active {
	text-decoration: none;
}

.crossfade > figure {
  animation: imageAnimation 30s linear infinite 0s;
  backface-visibility: hidden;
  background-size: cover;
  background-position:center;
  color: transparent;
  height: 615px;
  margin-left: 0px;
  margin-top: 0px;
  opacity: 0;
  position: absolute;
  width: 100%;
  z-index: 0;
}
.crossfade > figure:nth-child(1) { background-image: url('imgs/hotel/fb1.jpg'); }
.crossfade > figure:nth-child(2) {
  animation-delay: 6s;
  background-image: url('imgs/hotel/fb2.jpg');
}
.crossfade > figure:nth-child(3) {
  animation-delay: 12s;
  background-image: url('imgs/hotel/fb1.jpg');
}
.crossfade > figure:nth-child(4) {
  animation-delay: 18s;
  background-image: url('imgs/hotel/fb4.jpg');
}
.crossfade > figure:nth-child(5) {
  animation-delay: 24s;
  background-image: url('imgs/hotel/fb5.jpg');
}
@keyframes 
imageAnimation {  0% {
 animation-timing-function: ease-in;
 opacity: 0;
}
 8% {
 animation-timing-function: ease-out;
 opacity: 1;
}
 17% {
 opacity: 1
}
 25% {
 opacity: 0
}
 100% {
 opacity: 0
}
}
body{
	margin: 0;
	
}
img, span{
    
    vertical-align:middle;
}
#gradient {
	position: absolute;
	margin-top: 0px;
	margin-left: 0px;
	width: 100%;
    height: 200px;
    background: transparent; /* For browsers that do not support gradients */
    background: linear-gradient(white, transparent); /* Standard syntax (must be last) */
}
#wgradient {
	position: absolute;
    height: 200px;
	width: 100%;
	margin-top: 415px;
    background: transparent; /* For browsers that do not support gradients */
    background: linear-gradient(transparent, white); /* Standard syntax (must be last) */
	<z-index: 10;
}
#reservas {
    height: 80px;
	border-bottom: solid thin;
	border-bottom-color: #aeacab;
	width: 1100px;
	margin: 0 auto;
	margin-top: 615px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 18px;
	z-index: 100;
}
#checkin {
    height: 40px;
	border-left: 0;
	border-right: 0;
	border-top: 0;
	border-bottom: solid dashed;
	border-bottom-color: #083c4d;
	width: 150px;
	margin-left: 30px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	font-size: 14px;
	background: transparent;
}
#checkout {
    height: 40px;
	border-left: 0;
	border-right: 0;
	border-top: 0;
	border-bottom: solid dashed;
	border-bottom-color: #083c4d;
	width: 150px;
	margin-left: 30px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	font-size: 14px;
	background: transparent;
}
#hotel {
	width: 1100px;
	margin: 0 auto;
	margin-top: 100px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 18px;
	color: #aeacab;
}
#localizacao {
	width: 1100px;
	margin: 0 auto;
	padding-top: 100px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 18px;
	color: #aeacab;
}
#hab {
	width: 1100px;
	margin: 0 auto;
	padding-top: 100px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 18px;
	color: #aeacab;
}
#restaurante {
	width: 1100px;
	margin: 0 auto;
	padding-top: 100px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 18px;
	color: #aeacab;
}
#fwfooter {
	background-color: #aeacab;
	border-top: solid thin;
	border-top-color: #aeacab;
	width: 100%;
	margin: 0 auto;
	margin-top: 100px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 22px;
}