@charset "utf-8";
html {
	overflow-y:scroll;
}
body {
	background:#e0f5fd;
}
hr {
	clear:both;
	border:none;
	background:none;
}
.container {
	width:960px;
	height:auto;
	margin:auto;
}
.headerContainer {
	width:960px;
	height:515px;
}
.header {
	width:100%;
	height:80px;
	background:white url(../images/header-bg.png) repeat-y right;
	z-index:5
}
.headerBehind {
	z-index:6;
	width:240px;
	position:absolute;
	left:0;
	height:150px;
	background:white;
}
.headerExtend {
	background:white url(../images/reservation.jpg) bottom no-repeat;
	width:240px;
	height:83px;
	float:left;
	z-index:4
}
.headerContact {
	position:absolute;
	right:5px;
	top:5px;
	color:#00aeef;
	font-size:21px;
	letter-spacing:1px;
	text-transform: uppercase;
	text-align:right
}
#google_translate_element {
	text-transform: none;
	width:167px;
	display:inline;
	float:left;
	margin-right:15px;
}
.slogan {
	position:absolute;
	left:184px;
	top:5px;
	color:#eba040;
	font-size:21px;
	letter-spacing:1px;
	z-index:10;
}
.buttonContainer {
	height:129px;
	margin-top:-70px;
}
.nav-box{width: 100%;
    height: 89px;
	margin-top:-10px;
    position: absolute;
    background: #fff;}
.boxes {
	float:left;
	width:320px;
}
.boxesSL {
	position:absolute;
	left:0;
	bottom:-14px;
	width:437px;
	height:14px;
	background: url(../images/3button-SL.png) no-repeat;
}
.boxesSR {
	position:absolute;
	right:0;
	bottom:-14px;
	width:437px;
	height:14px;
	background: url(../images/3button-SR.png) no-repeat;
}
.social {
	position:absolute;
	right:12px;
	bottom:10px;
}
.social img {
	float:right;
	margin:0 5px;
	width:29px;
}
.reservation {
	position:absolute;
	top:120px;
	width:240px;
	color:white;
}
.reservation tr {
	background:none;
}
.reservationh1 {
	position:absolute;
	top:80px;
	color:white;
	font-size:24px;
	letter-spacing:1.5px;
	left:12px;
}
.reservationSubmit {
	position:absolute;
	bottom:0;
	color:white;
	background:none;
	border:none;
	font-size:17px;
	letter-spacing:1.5px;
	width:240px;
	height:37px;
}
.imageCall {
	position:absolute;
	width:270px;
	height:200px;
	top:160px;
	left:280px;
}
.imageCall h1 {
	color:white;
	text-transform:uppercase;
	font-size:50px;
	letter-spacing:3px;
}
.imageCall input {
	border:1px solid black;
	text-transform:uppercase;
}
.imageCallSubmit {
	float:right;
	margin-top:7px;
}
.logo {
	position:absolute;
	left:-25px;
	top:2px;
	width:285px;
	height:139px;
	background:url(../images/logo-24.png) no-repeat;
	z-index:7;
}
.sliderContainer {
	position:absolute;
	top:80px;
	z-index:0;
	width:100%;
	height:436px;
	text-align:center;
}
.banner1 {
	background:url(../images/banner-1.jpg) no-repeat center;
}
.room1 {
	background:url(../images/banner-room.jpg) no-repeat center;
}
.amenities1 {
	background:url(../images/banner-amenities.jpg) no-repeat center;
}
.attraction1 {
	background:url(../images/banner-attraction.jpg) no-repeat center;
}
.contact1 {
	background:url(../images/banner-contact.jpg) no-repeat center;
}
.indexText {
	width:880px;
	height:auto;
	padding:20px 40px;
	line-height:25px;
	color:#696969;
	font-size:15px;
}
.indexText p {
	
}
.footer {
	width: 100%;
    background: #c1d5f2;
    margin-top: 15px;
    height: 50px;
    color: #2b2323;
	border-bottom: 3px solid #8aa727;    text-align: center;
}
.footer ul {
	margin: 0 auto;
    padding-top: 20px;
}
.footer li {
	display:inline;
	list-style:none;
	margin:0 3px;
}
.gallery img {
	border:3px solid #0293c9;
	float:left;
	margin:7px;
}
.services {
	width:670px;
}
.services li {
	float:left;
	margin-left:15px;
	width:150px;
	margin-bottom:10px;
}
.attractions li {
	float:left;
	width:180px;
	height:170px;
	margin:10px;
	font-size:16px;
	list-style:none;
}
.attractions a {
	text-decoration:none
}
.attractions img {
	float:left;
	width:180px;
	margin-bottom:7px;
}
.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.active, .accordion:hover {
  background-color: #ccc;
}

.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.info-button{    padding: 20px;
    border-radius: 6px;
    background: #2d9b7c;
    text-decoration: none;
    font-weight: bold;
    color: #fff;}