@media screen {	
body {background-color: #8b8b8b;}
.container {
	background-color: #FFFFFF;
	-webkit-box-shadow: -5px 5px 12px 0 rgba(0,0,0,0.5);
	box-shadow: -5px 5px 12px 0 rgba(0,0,0,0.5);
}
/*Header*/
.SocialRow {
	width: auto;
	height: 40px;
	background-color: #21262e;
	padding: 10px 100px 0 0;
}
.SocialIconBorder {
	float: left;
	width: 20px;
	height: 20px;
	background-color: #B8B4B4;
	border-radius: 50%;
	text-align: center;
	line-height: 25px;
	margin: 5px 3px 0 3px;
}
.SocialIconContent {
	float: right;
}
.HomeLogoContent {
	width: auto;
	height: 94px;
	background-color: #FFFFFF;
	-webkit-box-shadow: inset 0 -6px 6px 0 #404040;
	box-shadow: inset 0 -6px 6px 0 #404040;
}
.LogoContainer {
	float: left;
	margin-top: 20px;
	margin-right: 0;
	margin-left: 100px;
	margin-bottom: 0;
}
.AddressContainer {
	float: right;
	margin: 30px 100px 0 0;
	font-size: 1.2em;
}
.AddressContainer img {
	margin-right: 12px;
}

/* HOME PAGE */
.HomeMainPhoto {
	max-width: 1170px;
}
.searchcontainer {
	width:280px;
	padding: 75px 0 0 80px;
}
.HomeBooking {
	max-width: 1170;
	height: 28px;
	padding: 16px 0;
	margin-bottom: 25px;
	background-color: #21262e;
}
.HomeBooking img {
	margin-left: 5%;
}
.HomeCentralContent {
	width: 100%;
	height: auto;
	background-color: #FFFFFF;
}
.BookNowContent {
	float: left;
	width: 20%;
	height: auto;
	margin: 20px 2.5% 50px 2.5%; 
	background-color: #F4F4F4;
	text-align: center;
}
.BookNowContent img {
	margin-top: 7px;
	width: 100%;
}
.BookNowContent p {	
	color: #8e8e8e;
	font-size: 0.8em;
	line-height: 1.5;
	padding: 8px 0 13px 0;
}
.BookNowContent h3 {
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-weight: 100;
	font-size: 1.2em;
	color: #FFFFFF;
	line-height: 1.5;
	background-color: #47beb0;
	margin-top: 0;
	margin-bottom: 0;
}
.HomeFacilitiesContent {
	clear: both;
	width: 100%;
	margin: 0 5% 50px 5%;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
}
.HomeFacility {
	float: left;
	width: 24%;
	height: 280px;
	color: #828282;
	padding: 0 2.67%;
	margin: 0;
}
.HomeFacility img{
	text-align: center;
	margin-bottom: 12px;
}
.HomeFacility p{
	font-size: 1em;
	font-weight: 400;
	text-align: center;
}
.HomeFacilityCentral {
	float: left;
	width: 24%;
	height: 280px;
	color: #828282;
	padding: 0 2.67%;
	margin: 0;
	border-right: #C5C5C5 dashed 2px;
	border-left: #C5C5C5 dashed 2px;
}
.HomeFacilityCentral ul li{
	margin-top: 8px;
	margin-left: 20px;
}
.HomeSpecialOffersContent {
	width: 90%;
	color: #828282;
	padding-top: 40px;
	margin-left: 5%;
}
.HomeSpecialOffersContent h3 {
	font-size: 1.3em;
	line-height: 1.5;
	margin: 40px 0 5px 0;
}
.HomeOfferLeft {
	float: left;
	width: 45%;
	margin-top: 25px;
}
.HomeOfferRight {
	float: Right;
	width: 45%;
	margin-top: 25px;
}
.HomeOfferLeft p, .HomeOfferRight p {
	text-align: center;
	color: #828282;
	margin: 25px;
}
.HomeTestimonialContent {
	clear: both;
	width: auto;
	margin-top: 30px;
	margin-bottom: 10px;
	padding: 8px 0 0 50px;
}
.HomeTestimonialContent h2 {
	color: #FFFFFF;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 2em;
	font-weight: 400;
}
.HomeTestimonialContent p {
	padding: 0 15%;
	text-align: center;
	font-size: 1em;
	font-weight: 200;
	color: #FFFFFF;
	line-height: 1.1em;
}
.HomeTestimonialContent p span {
	font-size: 160%;
	line-height: 1.1em;
}

/* OVERVIEW PAGE */
.OVContent {
	width: 100%;
	background-color: #FFFFFF;
}
.OVLeftSide {
	display: inline-block;
	vertical-align: top;
	width: 270px;
	height: auto;
	margin: 59px 7% 0 12%;
}
.OVLeftSide img:nth-child(2) {
	margin-top: 20px;	
}
.OVRightSide {
	display: inline-block;
	vertical-align: top;
	width: 475px;
	height: auto;
	margin: 59px 15% 0 15%;
}
.BookNowBtn {
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	padding: 5px 20px;
	background: -moz-linear-gradient(
		top,
		#66d1bd 0%,
		#347d6e);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#66d1bd),
		to(#347d6e));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #2b7566;
	-moz-box-shadow:
		0px 1px 3px rgba(30,74,65,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	-webkit-box-shadow:
		0px 1px 3px rgba(30,74,65,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	box-shadow:
		0px 1px 3px rgba(30,74,65,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	text-shadow:
		0px 0px 0px rgba(000,000,000,0),
		0px 1px 0px rgba(255,255,255,0.3);
}
.BookNowBtn:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	padding: 5px 20px;
	background: -moz-linear-gradient(
		top,
		#569e90 0%,
		#347d6e);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#569e90),
		to(#347d6e));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #2b7566;
	-moz-box-shadow:
		0px 1px 3px rgba(30,74,65,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	-webkit-box-shadow:
		0px 1px 3px rgba(30,74,65,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	box-shadow:
		0px 1px 3px rgba(30,74,65,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	text-shadow:
		0px 0px 0px rgba(000,000,000,0),
		0px 1px 0px rgba(255,255,255,0.3);
}
.OVGallery {
	clear: both;
	padding: 20px 0 0 0;
}
#RevTotalScore {
	width: 100px;
	height: 60px;
	border-radius: 20%;
	background-color: #D9F5EF;
	text-align: center;
	padding: 10px;
	margin: 20px 0;
}
#RevTotalScore p {color: #909090; line-height:1; font-size: 1.1em; font-weight: 400; margin: 0;}



#RevTotalScore h3 {line-height: 1; color: #1E7867; font-size: 3em;margin: 5px 0 0 0;}
.RvCommentGuest h3{font-size: 1.2em; color: #2B512B; margin: 10px 0 0 0;vertical-align: top; line-height: 1;}
.RvCommentGuest p {color: #89C089; font-size: 0.85em; line-height: 1.5; margin: 0 0 10px 0;}
.RvComment {color: #2B512B; margin: 10px 0 0 0; line-height: 1; vertical-align: top;}
.RvCommRate {color: #2B512B; margin: 18px 0 0 0; font-size: 2em;}
tr {border-bottom: 1px dashed #9DF1BE;} /* línea punteada abajo de cada tr en Review*/
/* GALLERY PAGE  */
.GallerySubContainer {
	max-width: 100%;
	min-height: 865px;
	padding: 46px;
	background: url(../images/BackgroundBeach.jpg) no-repeat center;
	background-size: cover;
}
.GllyContainer {
	width: 100%;
	height: 950px;
	padding-top: 40px;
}
.GllyHeader {
	width: 92%;
	height: 240px;
	margin: 0 70px 0 70px;
}
.GllyHeaderInfo {
	width: 100%;
	height: 160px;
	margin-bottom: 30px;
}
.GllyLogo {
	float: left;
	width: 25%;
	padding: 35px 0 0 0;
}
.GllyDescription {
	float: right;
	width: 64%;
	height: auto;
	margin-right: 70px;
}
.GllyDescription > p {
	color: #878787;
	font-size: 1.2em;
	text-align: justify;
}
.GllyHorLine {
	clear: both;
	width: 92%;
	height: 2px;
	margin-left: 0;
	margin-bottom: 20px;
	background-color: #A0A0A0;
}
.GllyMenu {
	float: right;
	width: 100%;
	height: auto;
	margin-right: 70px;
}
.GllyMenu > ul {
	float: right;
	color: #FFFFFF;
}
.GllyMenu > ul li {
	display: inline-block;
	width: auto;
	height: 25px;
	line-height: 25px;
	padding: 0 12px;
	-moz-box-shadow: 0px 10px 14px -7px #276873;
	-webkit-box-shadow: 0px 10px 14px -7px #276873;
	box-shadow: 0px 10px 14px -7px #276873;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #31c1a7), color-stop(1, #207d6a));
	background:-moz-linear-gradient(top, #31c1a7 5%, #207d6a 100%);
	background:-webkit-linear-gradient(top, #31c1a7 5%, #207d6a 100%);
	background:-o-linear-gradient(top, #31c1a7 5%, #207d6a 100%);
	background:-ms-linear-gradient(top, #31c1a7 5%, #207d6a 100%);
	background:linear-gradient(to bottom, #31c1a7 5%, #207d6a 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#31c1a7', endColorstr='#207d6a',GradientType=0);
	background-color:#31c1a7;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-weight:300;
}
.GllyMenu > ul li:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #207d6a), color-stop(1, #31c1a7));
	background:-moz-linear-gradient(top, #207d6a 5%, #31c1a7 100%);
	background:-webkit-linear-gradient(top, #207d6a 5%, #31c1a7 100%);
	background:-o-linear-gradient(top, #207d6a 5%, #31c1a7 100%);
	background:-ms-linear-gradient(top, #207d6a 5%, #31c1a7 100%);
	background:linear-gradient(to bottom, #207d6a 5%, #31c1a7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#207d6a', endColorstr='#31c1a7',GradientType=0);
	background-color:#207d6a;
}
.GllyMenu > ul li:active {
	position:relative;
	top:1px;
}

.GllyPhotoContent {
	width: 100%;
	margin: 85px 0 0 11%;
}


/* ROOM LIST PAGE */
.RLMainPhoto {
	width: 1126px;
	height: auto;
	margin: 22px;
}
.RoomListContent {
	width: 100%;
	height: auto;
	padding: 32px 22px;
	background-color: #FFFFFF;
}

.RLLeftSide {
	clear: both;
	display: block;
	width: 270px;
	height: auto;
	margin: 59px auto 0 auto;
}

	.RLLeftBar {
		float: left;
		width: 177px;
		height: auto;
		background-color: #FFFFFF;
		background-image: url(../images/RoomListMapa.jpg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: top;
		padding: 0 18px;
		margin: 0 26px;
		text-align: center;
		color: #545353;
		font-size: 0.85em;
		line-height: 1.5;
	}
		.RLLeftBar p { margin: 120;}
		.RLLeftBar h6, .RLMapText p {margin: 12px 0 0 0;}
		.RLMapText {
			margin-top: 150px;
			border-top: 1px solid #A6A6A6;
			padding: 0;
		}
		.RLTable {margin-top: 15px; padding: 5px 0;}
		.RLTable td{
			width: 88px;
			color: #888888;
			font-size: 0.9em;
			text-align: left;
			line-height: 3em;
			border-top: 1px solid #c7c7c7;
			border-bottom: 1px solid #c7c7c7;
		}
		.RLTable td span {
			color: #63a7a7;
			font-size: 1.8em;
			font-weight: 700;
			line-height: 3em;
		}
		.RLTotalBooking {
			color: #63A7A7;
			padding: 0;
			font-weight: 700;
			font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
		}
		.RLTotalBooking p {
			float: left;
			width: 80px;
			margin: 0;
			padding: 0;
			font-size: 1em;
		}
		.RLTotalBooking h4 {
			float: right;
			margin: 0;
			font-size: 1.8em;
			vertical-align: middle;
		}
		.RLTotalBooking h2 {
			float: right;
			margin: -4px 0 25px 3px;
			font-size: 3em;
			font-stretch:extra-condensed;
			line-height: 1;
		}
		.RLLeftBar a {
			float: right;
			margin: 0 0 25px 0;
			-moz-box-shadow:inset 0px 1px 0px 0px #a7ebeb;
			-webkit-box-shadow:inset 0px 1px 0px 0px #a7ebeb;
			box-shadow:inset 0px 1px 0px 0px #a7ebeb;
			background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #94d6d6), color-stop(1, #63a7a7));
			background:-moz-linear-gradient(top, #94d6d6 5%, #63a7a7 100%);
			background:-webkit-linear-gradient(top, #94d6d6 5%, #63a7a7 100%);
			background:-o-linear-gradient(top, #94d6d6 5%, #63a7a7 100%);
			background:-ms-linear-gradient(top, #94d6d6 5%, #63a7a7 100%);
			background:linear-gradient(to bottom, #94d6d6 5%, #63a7a7 100%);
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#94d6d6', endColorstr='#63a7a7',GradientType=0);
			background-color:#94d6d6;
			border:1px solid #4c8585;
			display:inline-block;
			cursor:pointer;
			color:#545353;
			font-family:arial;
			font-size:13px;
			font-weight:bold;
			padding:6px 12px;
			text-decoration:none;
		}
		.RLLeftBar a:hover {
			background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #63a7a7), color-stop(1, #94d6d6));
			background:-moz-linear-gradient(top, #63a7a7 5%, #94d6d6 100%);
			background:-webkit-linear-gradient(top, #63a7a7 5%, #94d6d6 100%);
			background:-o-linear-gradient(top, #63a7a7 5%, #94d6d6 100%);
			background:-ms-linear-gradient(top, #63a7a7 5%, #94d6d6 100%);
			background:linear-gradient(to bottom, #63a7a7 5%, #94d6d6 100%);
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63a7a7', endColorstr='#94d6d6',GradientType=0);
			background-color:#63a7a7;
		}
		.RLLeftBar a:active {
			position:relative;
			top:1px;
		}
		
		
	
	.RLRightContent {
	display: block;
	width: 100%;
	height: auto;
	margin: 59px auto 0 auto;
	}
		.RLPhotoHeader {
			float: left;
			width: 70px;
			height: 70px;
			border: 8px solid #e9e4e0;
			margin-right: 14px;
		}
	.RLPrice {
		float: right;
		width: 150px;
	}
		.RLPrice h3 {
			font-size: 3em;
			color: #86AF48;
			line-height: 1;
			font-weight: bold;
			text-align: central;
		}
		.RLPrice h3 span {
			font-size: 70%;
			vertical-align:top;
		}
		.RLPrice h6 {
			font-size: 1em;
			text-align: center;
			color: #217DC8;
			font-weight: 100;
			font-style: italic;
			line-height: 0.5;
		}

	.RLDetail {
		float: left;
		width: 500px;
		height: auto;
	}
		.RLDetail h2 {
			font-size: 1.5em;
			color: #86AF48;
			line-height: 1;
		}
		.RLDetail h3 {
			font-size: .8em;
			font-weight: 700;
			line-height: 1;
			color: rgb(99,99,99);
		}
		
	.RLDescripPhoto {
		float: left;
		width: 130px;
		height: auto;
	}
	.RLDescripText {
		color: #8A8A8A;		
	}

/*CheckOut Page */
.control-label {
	color: #6d6d6d;
}
.CheckOutContent {  
	width: 100%;
	height: auto;
	padding-top: 84px;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 70px;
}
.BkRightBar {
	width: 21%;
	height: auto;
	background-color: #F3F3F3;
	margin-right: 15%;
	display: inline-block;
	vertical-align: top;
	margin-left: 11%;
}
	.BkRightBar H1, .BkRightBar H2, .BkRightBar H4 { 
		text-align: center;
		font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #6D6D6D;
	}
	.BkRightBar H1 {
		font-size: 1.5em;
		font-weight: 200;
		line-height: 1;
		margin-bottom: 59px;
	}
	.BkRightBar H2 {
		font-size: .95em;
		font-weight: 700;
		color: #31c1a6;
		line-height: 1;
	}
	.BkRightBar h4 {
		font-size: .8em;
	}
	.StarsContent {
		text-align:center;
		margin: -5px 0 15px 0;
	}
	.StarsUnderline {
		max-width: 230px;
		height: 1px;
		background-color: #F3F3F3;
		margin: 20px;
	}
	.table td {border: none; padding: 0;}
	.SummaryLC, .SummaryRC {
		font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
	.table td.SummaryLC {text-align: left; color: #666666; font-size: 0.8em; padding: 5px 0 5px 20px;}
	.table td.SummaryRC {text-align: right; color: #31c1a6; font-size: 0.9em; padding: 5px 20px 5px 0;}

.BkLeftBar {
	width: 42%;
	height: auto;
	background-color: #F3F3F3;
	padding: 22px;
	margin-left: 15%;
	display: inline-block;
	vertical-align: top;
}
.CKFormBottom{margin-bottom: 100px;}
.btn-link {color: #31c1a6;}

.CKOTitleBG {
  position: relative;
  top: 0px;
  background-color: #838383;
  padding: 4px 0 0 19px;
  margin-bottom: 25px;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 1.21em;
  height: 24px;
}
.ExpMonthCC {
  width: 98px;
  padding: 0 0 0 6px;
}
.ExpYearCC {
  width: 98px;
  padding: 0 0 0 8px;
}
.BkMiddleContainer {
	height: 1200px;
}
.InputSize {
	padding: 0 0 0 6px;
	/*width: 94%;*/
}
.InputSizeSmall {
	width: 35%;
}

/* CONFIRMATION PAGE  */
.ConfirmationContent {
	display: block;
	width: 100%;
	height: auto;
	padding-top: 84px;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 70px;	
}
.ConfirmationTitle{
	text-align: center;
}
.ConfirmationTitle h2 {
	color:#31c1a6;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 2.2em;
	font-weight: 200;
	line-height: inherit;
}
.ConfirmationTitle h4 {
	color: #666666;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.35em;
	font-weight: 200;
	margin-bottom: 50px;
}
/*left Bar*/

.ConfLeftSideContainer {
	width: 90%;
	padding: 20px 5%;
}
.ConfTitleBG {
  color: #666666;
  padding: 0;
  font-weight: 700;
  font-size: 1em;
  height: 24px;
}
.ConfResDetLeft {
  color: #666666;
  font-size: 1em;
  text-align: left;
  line-height: 3;
}
#ConfResDetRight {
  color: #666666;
  font-size: 1em;
  text-align: right;
  padding-bottom: 12px;
}
.ConfSubTitle {
  color: #666666;
  font-size: .75em;
  border-bottom: 2px dashed #c8c8c8;
  line-height: 1;
  margin-bottom: -5px;
}
.ConfTherms {
  font-size: .7em;
  font-family: Trebuchet, 'Trebuchet MS', Arial, 'Sans Serif';
  line-height: 1;
  color: #666666;
}

/* Right Bar */
.ConfPaymentContent {
	clear: both;
	width: 100%;
	height: auto;
}

.ConfRightBarPosition {
  width: 90%;
  padding: 20px 5%;
}
.ConfRightBarTitle {
  font-size: 1em;
  text-align: center;
  line-height: 1.2;
  font-weight: bold;
  color: #666666;
}

/*Contact Us Page */
.ContacUsContainer {
	position: relative;
	max-width: 1100px;
	min-height: 500px;
	background: #FFFFFF center;
	border: thin #8C8C8C;
	padding: 43px 30px 30px 30px;
}
.CURightBar {
	position: relative;
	float: right;
	width: 50%;
	height: 400px;
}
.CURightBar iframe{
	width: 450px;
	height: 350px
}
.CULeftBar {
	width: 40%;
	height: auto;
	padding: 20px;
}
.CUFormContainer {
  width: 285px;
  padding: 25px 25px 0 2px;
  margin-bottom: 25px;
}
.CUAddressContainer {
	width: 75%;
	margin-left: 85px; margin-right: auto; text-align: left;
}
.contusinfobrand {
  margin: 3px 0 0 0;
  font-size: 125%;
  font-weight: bold;
  line-height: 1;
}

/*Itinerary Page CSS */
.ItineraryContent {
	width: 100%;
	height: 800px;
	padding: 0;
}
.ItLeftBar {
	float: left;
	width: 30%;
	height: auto;
	margin-left: 10%;
}
.ItRightBar {
	float: right;
	width: 30%;
	height: auto;
	margin-right: 10%;
}
.ItineraryTitle {
  font-size: 1.6em;
  color: #31c1a6;
  border-bottom: 2px solid #FFD4A5;
  }
.IteneraryResume {
  padding: 15px 60px 0 25px;
}
.ItineraryResume H3 {
  color: #4D90D7;
  border: none;
  font-size: 1.1em;
  font-weight: 600;
  margin: 5px 0 -5px 0;
}
.ItineraryHotelAddress {
  font-size: 1em;
  color: #767676;
  margin: 8px 0 0 0;
}
.ItineraryCheckOut {
  color: #777777;
  font-size: .95em;
  line-height: 1;
}
.ItinerarySubTitle {
  color: #31c1a6;
  font-size: 1.4em;
  font-weight: bold;
  margin: 45px 0 0 0;
  border-bottom: 2px solid #FFD4A5;
}
.ItineraryBodyText{
  color: #777777;
  text-align: justify;
  font-size: 0.9em;
  line-height: 1.35;
  margin: 10px 0 0 0;
}
.ItineraryChargesLeft {
  margin: 0;
  width: 60%;
  font-size: 0.8em;
  color: #777777;
}
.ItineraryChargesRight {
  margin: 0;
  text-align: right;
  font-size: 0.8em;
  color: #777777;
}
.ItineraryPayLeft{
  margin: 0;
  width: 40%;
  font-size: 0.8em;
  font-weight: bold;
  color: #777777;
}
.ItineraryPayRight {
  margin: 0;
  width: 60%;
  font-size: 0.8em;
  color: #777777;
}
.ItineraryAmenities {
  font-size: 0.9em;
  color: #777777;
  padding: 12px 0 0 20px;
}

/* BLOG PAGE */
.BlogContainer {
	width: 100%;
	height: 650px;
	background-color: #FFFFFF;
}
.BlogLeftBar {
	float: left;
	width: 40%;
	height: auto;
	margin: 26px 0 26px 15%;
	background-color: #F4F4F4;
}
.BlogRightBar {
	float: Right;
	width: 18%;
	height: auto;
	margin: 26px 15% 26px 0;
	background-color: #5bacea;
}
.FormPosition {margin: 35px 20px;}
.InputPosition {margin-left: -75px; width: 90%;}
.TextAreaPosition {margin-left: -75px; width: 120%; height: 75px;	border-radius: 5px;}

/*Footer*/
.footer {
  height: auto;
  background-color: #464648;
  margin-top: 20px;
}
.footertitle {
  color: #ffffff;
  font-size: 18px;
  font-weight: 500;
  margin: 30px 0 0 36%;
  opacity: 1;
  text-align: left;
}
.footerbtext {
  color: #ffffff;
  line-height: 1;
  font-size: 14px;
  margin: 15px 0 0 44%;
  opacity: 1;
  text-align: left;
}
.footerbtext a {text-decoration: none; color: #C8C8C8;}
.footerbtext a:hover {color: #FFFFFF;}

}

@media (min-width: 768px) and (max-width: 979px) {
/*  HOME PAGE   */
.HomeBooking {
	padding: 10px 0 4px 0;
}
.HomeBooking img {
	margin-left: 5%;
}
.BookNowContent {
	width: 40%;
	margin: 10px 5% 10px 5%;
}
.BookNowContent img {
	margin-top: 7px;
	width: 100%;
}
.BookNowContent p {	
	color: #8e8e8e;
	font-size: 0.95em;
	line-height: 1.5;
	padding: 8px 0 13px 0;
}
.HomeFacilitiesContent {
	clear: both;
	width: 100%;
	margin: 0 0 20px 0;
	padding-top: 25px;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
}
.HomeFacility {
	float: left;
	width: 25%;
	height: 300px;
	color: #828282;
	padding: 0 3.5%;
	margin: 0;
}
.HomeFacility img{
	text-align: center;
}
.HomeFacility p{
	font-size: 1em;
	font-weight: 400;
	text-align: center;
}
.HomeFacilityCentral {
	float: left;
	width: 25%;
	height: 300px;
	color: #828282;
	padding: 0 3.5%;
	margin: 0;
	border-right: #C5C5C5 dashed 2px;
	border-left: #C5C5C5 dashed 2px;
}
.HomeFacilityCentral ul li{
	margin-left: 0px;
}
.HomeSpecialOffersContent {
	clear: both;
	width: 90%;
}
.HomeTestimonialContent {
	clear: both;
	width: auto;
	height: 150px;
	background-color: #66d1bd;
	margin-top: 30px;
	margin-bottom: 10px;
	padding: 8px 0 0 50px;
}
.HomeTestimonialContent p {
	padding: 0 8%;
	text-align: center;
	font-size: 1.1em;
	font-weight: 100;
	color: #FFFFFF;
	line-height: 1.1em;
}
.HomeTestimonialContent p span {
	font-size: 160%;
	line-height: 1.1em;
}

/* OVERVIEW PAGE */
.OVContent {
	width: 100%;
	background-color: #FFFFFF;
}
.OVLeftSide {
	float: none;
	width: 270px;
	height: auto;
	margin: 25px 0 0 33%;
}
.OVLeftSide img:nth-child(2) {
	margin-top: 20px;	
}
.OVRightSide {
	float: none;
	width: 475px;
	height: auto;
	margin: 59px 0 0 18%;
}

/* ROOM LIST PAGE */
.RLMainPhoto {
	width: 702px;
	height: auto;
	margin: 22px;
}
.RoomListContent {
	width: 100%;
	height: auto;
	padding: 32px 22px;
	background-color: #FFFFFF;
}

.RLLeftSide {
	clear: both;
	display: block;
	width: 270px;
	height: auto;
	margin: 15px auto 0 auto;
}

	.RLLeftBar {
		float: left;
		width: 177px;
		height: auto;
		background-color: #FFFFFF;
		background-image: url(../images/RoomListMapa.jpg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: top;
		padding: 0 18px;
		margin: 0 26px;
		text-align: center;
		color: #545353;
		font-size: 0.85em;
		line-height: 1.5;
	}
	
	.RLRightContent {
	clear: right;
	display: block;
	width: 100%;
	height: auto;
	margin: 59px auto 0 auto;
	}
		.RLPhotoHeader {
			float: left;
			width: 70px;
			height: 70px;
			border: 8px solid #e9e4e0;
			margin-right: 14px;
		}
	.RLPrice {
		float: right;
		width: 130px;
	}
		.RLPrice h3 {
			font-size: 2.5em;
			color: #86AF48;
			line-height: 1;
			font-weight: bold;
			text-align: central;
		}
		.RLPrice h3 span {
			font-size: 70%;
			vertical-align:top;
		}
		.RLPrice h6 {
			font-size: 1em;
			text-align: center;
			color: #217DC8;
			font-weight: 100;
			font-style: italic;
			line-height: 0.5;
		}

	.RLDetail {
		float: left;
		width: 400px;
		height: auto;
	}
		.RLDetail h2 {
			font-size: 1.5em;
			color: #86AF48;
			line-height: 1;
		}
		.RLDetail h3 {
			font-size: .8em;
			font-weight: 700;
			line-height: 1;
			color: rgb(99,99,99);
		}
	.RLDescripText {
		color: #8A8A8A;		
	}


/* GALLERY PAGE  */
.GallerySubContainer {
	max-width: 100%;
	min-height: 865px;
	padding: 46px;
	background: url(../images/BackgroundBeach.jpg) no-repeat center;
	background-size: cover;
}
.GllyContainer {
	width: 100%;
	height: 800px;
	padding-top: 40px;
}
.GllyHeader {
	width: 95%;
	height: 240px;
	margin: 0 0 0 2.5%;
}
.GllyHeaderInfo {
	width: 100%;
	height: 160px;
	margin: 0 0 30px 0;
}
.GllyLogo {
	float: left;
	width: 25%;
	padding: 35px 0 0 0;
}
.GllyDescription {
	float: right;
	width: 70%;
	height: auto;
	margin-right: 0;
}
.GllyDescription > p {
	color: #878787;
	font-size: 1.2em;
	text-align: justify;
}
.GllyHorLine {
	clear: both;
	width: 100%;
	height: 2px;
	margin-left: 0;
	margin-bottom: 20px;
	background-color: #A0A0A0;
}
.GllyMenu {
	float: right;
	width: 100%;
	height: auto;
	margin-right: 0;
}
.GllyPhotoContent {
	width: 95%;
	margin: 85px 0 0 2.5%;
}

/*  ROOMS LIST PAGE   
.RoomListContent {
	width: 100%;
	height: 1140px;
} */

/*CheckOut Page */
.control-label {
	color: #6d6d6d;
}
.CheckOutContent {  
	width: 100%;
	height: auto;
}
.BkRightBar, .BkLeftBar {   
	display: block;
	width: 60%;
	height: auto;
	background-color: #F3F3F3;
	margin: 0 auto;
}

.BkLeftBar {    
	width: 80%;
	height: auto;
}

/*  CONFIRMATION CONTENT 
.ConfirmationContent {
	display: block;
	width: 100%;
	height: auto;
}*/

/*   CONTACT US PAGE  */
.SubContainer {
	max-width: 100%;
	height: auto;
	padding: 52px 35px 85px 35px;
	background: url(../images/BackgroundBeach.jpg) no-repeat center;
	background-size: cover;
}
.ContacUsContainer {
	position: relative;
	max-width: 100%;
	height: auto;
	text-align: center;
	background: #FFFFFF center;
	border: thin #8C8C8C;
	padding: 43px 30px 30px 30px;
}
.CURightBar {
	float: left;
	width: 70%;
	height: 380px;
	margin-left: 18%;
	margin-right: 0;
	margin-bottom: 60px;
}
.CURightBar iframe{
	width: 450px;
	height: 350px
}
.CULeftBar {
	width: 90%;
	height: auto;
	margin-top: 50px;
	padding: 20px;
}
.CUAddressContainer {
	width: 55%;
	margin-left: auto; margin-right: auto; text-align: left;
}

/*Itinerary Page CSS */
.ItineraryContent {
	width: 100%;
	height: 850px;
	padding: 0;
}
.ItLeftBar {
	float: left;
	width: 40%;
	height: auto;
	margin-left: 2%;
}
.ItRightBar {
	float: right;
	width: 40%;
	height: auto;
	margin-right: 2%;
}

/* BLOG PAGE */
.BlogContainer {height: auto;}
.BlogLeftBar {
	float: none;
	width: 90%;
	height: 100%;
	margin: 26px 0 26px 4%;
}
.BlogRightBar {
	float: none;
	width: 29%;
	margin: 26px 0 26px 33%;
}
.InputPosition {width: 50%;}
.TextAreaPosition {width: 80%;}
/*.btn {margin-left: 200px;}*/

/*Footer*/
.footerbtext {
  color: #ffffff;
  line-height: 1;
  font-size: 14px;
  margin: 15px 0 0 10px;
  padding: 0 5px;
  opacity: 1;
}

}


@media (min-width: 628px) and (max-width: 767px) {
/*  HOME PAGE   */
.BookNowContent {
	width: 43%;
	margin: 10px 3% 10px 3%;
}
.BookNowContent p {
	font-size: 1em;
}
.HomeFacilitiesContent {
	margin: 0 0 20px 0;
	padding-top: 25px;
}
.HomeFacility {
	float: left;
	width: 25%;
	height: 300px;
	padding: 0 3.5%;
	margin: 0;
}
.HomeFacility img{
	text-align: center;
	margin-bottom: 10px;
}
.HomeFacility p{
	font-size: 1em;
	font-weight: 400;
	text-align: center;
}
.HomeFacilityCentral {
	float: left;
	width: 25%;
	height: 300px;
	padding: 0 3.5%;
	margin: 0;
	border-right: #C5C5C5 dashed 2px;
	border-left: #C5C5C5 dashed 2px;
}
.HomeFacilityCentral ul li{
	margin-left: 0px;
}
.HomeSpecialOffersContent {
	clear: both;
	width: 90%;
	padding-top: 5px;
}
.HomeTestimonialContent {
	clear: both;
	width: auto;
	height: 150px;
	background-color: #66d1bd;
	margin-top: 40px;
	margin-bottom: 10px;
	padding: 2px 20px 0 20px;
}
.HomeTestimonialContent p {
	padding: 0 4%;
	text-align: center;
	font-size: 1.1em;
	font-weight: 100;
	color: #FFFFFF;
	line-height: 1.1em;
}
.HomeTestimonialContent p span {
	font-size: 160%;
	line-height: 1.1em;
}

/* OVERVIEW PAGE */
.OVContent {
	width: 100%;
	background-color: #FFFFFF;
}
.OVLeftSide {
	float: none;
	margin: 20px 0 0 33%;
}
.OVLeftSide img:nth-child(2) {
	margin-top: 20px;	
}
.OVRightSide {
	float: none;
	margin: 59px 0 0 13%;
}

/* ROOM LIST PAGE */
.RLMainPhoto {
	width: 571px;
	height: auto;
	margin: 22px auto;
}
.RoomListContent {
	width: 100%;
	height: auto;
	padding: 32px 22px;
	background-color: #FFFFFF;
}

.RLLeftSide {
	clear: both;
	display: block;
	width: 270px;
	height: auto;
	margin: 15px auto 0 auto;
}

	.RLLeftBar {
		float: left;
		width: 177px;
		height: auto;
		background-color: #FFFFFF;
		background-image: url(../images/RoomListMapa.jpg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: top;
		padding: 0 18px;
		margin: 0 26px;
		text-align: center;
		color: #545353;
		font-size: 0.85em;
		line-height: 1.5;
	}
	
	.RLRightContent {
	display: block;
	width: 100%;
	height: auto;
	margin: 59px auto 0 auto;
	}
		.RLPhotoHeader {
			float: left;
			width: 70px;
			height: 70px;
			border: 8px solid #e9e4e0;
			margin-right: 14px;
		}
	.RLPrice {
		float: right;
		width: 130px;
	}
		.RLPrice h3 {
			font-size: 2.5em;
			color: #86AF48;
			line-height: 1;
			font-weight: bold;
			text-align: central;
		}
		.RLPrice h3 span {
			font-size: 70%;
			vertical-align:top;
		}
		.RLPrice h6 {
			font-size: 1em;
			text-align: center;
			color: #217DC8;
			font-weight: 100;
			font-style: italic;
			line-height: 0.5;
		}

	.RLDetail {
		float: left;
		width: 400px;
		height: auto;
	}
		.RLDetail h2 {
			font-size: 1.5em;
			color: #86AF48;
			line-height: 1;
		}
		.RLDetail h3 {
			font-size: .8em;
			font-weight: 700;
			line-height: 1;
			color: rgb(99,99,99);
		}
	.RLDescripText {
		color: #8A8A8A;		
	}
/* GALLERY PAGE  */
.GallerySubContainer {
	max-width: 100%;
	min-height: 800px;
	padding: 26px;
}
.GllyContainer {
	width: 100%;
	height: 800px;
	margin: 0;
	padding: 40px 0 0 0;
}
.GllyHeader {
	width: 90%;
	height: 220px;
	margin: 0 5%;
}
.GllyHeaderInfo {
	width: 100%;
	height: 188px;
}
.GllyLogo {
	clear: both;
	width: 100%;
}
.GllyDescription {
	clear: both;
	width: auto;
	margin: 25px 0 0 0;
}
.GllyDescription > p {
	font-size: 1.05em;
	line-height: 1.3em;
}
.GllyHorLine {
	width: 100%;
	margin-left: 0;
	margin-top: 60px;
}
.GllyMenu {
	width: 100%;
	margin-right: 0;
	margin-bottom: 35px;
}
.GllyMenu > ul {
	float: right;
	color: #FFFFFF;
}
.GllyMenu > ul li {
	margin: 0 3px;
}
.GllyPhotoContent {
	width: 90%;
	margin: 85px 0 0 5%;
}

/*CheckOut Page */
.control-label {
	color: #6d6d6d;
}
.CheckOutContent {  
	width: 100%;
	height: auto;
}
.BkRightBar, .BkLeftBar {   
	display: block;
	width: 60%;
	margin: 0 auto;
}

.BkLeftBar {
	width: 80%;
}

/* CONFIRMATION PAGE 
.ConfirmationContent {
	display: block;
	width: 100%;
	height: auto;
} */

/* CONTACT US PAGE */
.ContacUsContainer {
	position: relative;
	max-width: 100%;
	height: auto;
	text-align: center;
	background: #FFFFFF center;
	border: thin #8C8C8C;
	padding: 43px 30px 30px 30px;
}
.CURightBar {
	float: left;
	width: 65%;
	height: 380px;
	margin-left: 18%;
	margin-right: 0;
	margin-bottom: 60px;
}
.CURightBar iframe{
	width: 450px;
	height: 350px
}
.CULeftBar {
	width: 100%;
	display: flex;
	height: auto;
	margin: 50px 0 0 0;
	padding: 20px 0 0 0;
}
.CUAddressContainer {
	width: 60%;
	margin-left: 5%; margin-right: 0; text-align: left;
}

/*Itinerary Page CSS */
.ItineraryContent {
	width: 100%;
	height: 900px;
	padding: 0;
}
.ItLeftBar {
	float: left;
	width: 42%;
	height: auto;
	margin-left: 1.5%;
}
.ItRightBar {
	float: right;
	width: 42%;
	height: auto;
	margin-right: 1.5%;
}

/* BLOG PAGE */
.BlogContainer {height: auto;}
.BlogLeftBar {
	float: none;
	width: 90%;
	height: 100%;
	margin: 26px 0 26px 4%;
}
.BlogRightBar {
	float: none;
	width: 45%;
	margin: 26px 0 26px 30%;
}
.InputPosition {width: 50%;}
.TextAreaPosition {width: 80%;}
./*btn {margin-left: 200px;}*/

/*Footer*/
.footerbtext {
  color: #ffffff;
  line-height: 1;
  font-size: 14px;
  margin: 15px 0 0 35%;
  opacity: 1;
}

}

@media (max-width: 627px) {
/* HEADER */
.LogoContainer {
	float: none;
	margin-left: 33%;
}
.AddressContainer {
	float: none;
	margin: 12px 0 0 34%;
	font-size: 1.2em;
}

/*  HOME PAGE   */
.BookNowContent {
	width: 46%;
	margin: 10px 2%;
}
.BookNowContent p {
	font-size: 1em;
}
.HomeFacilitiesContent {
	margin: 0 0 20px 0;
	padding-top: 25px;
}
.HomeFacility {
	clear: both;
	width: 80%;
	height: auto;
	padding: 0;
	margin: 0 10% 0 10%;
}
.HomeFacility img{
	text-align: center;
	margin-bottom: 10px;
}
.HomeFacility p{
	font-size: 1em;
	font-weight: 400;
	text-align: center;
}
.HomeFacilityCentral {
	clear: both;
	width: 50%;
	height: auto;
	padding: 0;
	margin: 15px 0 15px 10%;
	border-right-style: hidden;
	border-right: none;
	border-left: none;
}
.HomeFacilityCentral ul li{
	margin-left: 0px;
}
.HomeSpecialOffersContent {
	clear: both;
	width: 90%;
	padding-top: 5px;
}
.HomeOfferLeft {
	float: none;
	width: 80%;
	padding-left: 10%;
	margin-top: 25px;
}
.HomeOfferRight {
	float: none;
	width: 80%;
	padding-left: 10%;
	margin-top: 65px;
}
.HomeTestimonialContent {
	clear: both;
	width: 90%;
	height: auto;
	background-color: #66d1bd;
	margin-top: 40px;
	margin-bottom: 10px;
	padding: 2px 5% 6px 5%;
}
.HomeTestimonialContent p {
	padding: 0 4%;
	text-align: center;
	font-size: 1.1em;
	font-weight: 100;
	color: #FFFFFF;
	line-height: 1.1em;
	margin-bottom: 12px;
}
.HomeTestimonialContent p span {
	font-size: 160%;
	line-height: 1.1em;
}

/* OVERVIEW PAGE */
.OVContent {
	width: 100%;
	background-color: #FFFFFF;
}
.OVLeftSide {
	float: none;
	margin: 20px 0 0 22%;
}
.OVLeftSide img:nth-child(2) {
	margin-top: 20px;	
}
.OVRightSide {
	float: none;
	width: auto;
	margin: 59px 0 0 0.4%;
	padding: 0 25px;
}

/* ROOM LIST PAGE */
.RoomListContent {
	width: 100%;
	height: auto;
}
.RLRightContent {
	display: block;
	width: 100%;
	height: auto;
	margin: 100px auto 0 auto;
}
.RLLeftSide {
	clear: both;
	display: block;
	width: 270px;
	margin: 59px auto 0 auto;
}

/* GALLERY PAGE  */
.GallerySubContainer {
	max-width: 1170px;
	min-height: 865px;
}
.GllyContainer {
	width: 100%;
	height: 650px;
	padding-top: 30px;
}
.GllyHeader {
	width: 87%;
	margin: 0 0 0 6%;
}
.GllyHeaderInfo {
	width: 100%;
	height: 160px;
	margin-bottom: 30px;
}
.GllyLogo {display: none;}
.GllyDescription {
	clear: both;
	width: auto;
	margin: 0;
}
.GllyDescription > p {
	margin-left: 0;
	font-size: 1.1em;
}
.GllyHorLine {
	width: 100%;
	margin-left: 0;
	margin-top: 0;
}
.GllyMenu {	
	width: 100%;
	margin: 0;
}
.GllyMenu > ul li {margin: 0 2px;}
.GllyPhotoContent {
	width: 90%;
	margin: 50px 0 0 5%;
}

/*  ROOMS LIST PAGE   */
.RoomListContent {
	width: 100%;
	height: auto;
}

/*CheckOut Page */
.control-label {
	color: #6d6d6d;
}
.CheckOutContent {  
	width: 100%;
	height: auto: ;
}
.BkRightBar {   
	clear: both;
	display: block;
	width: 60%;
	height: auto;
	margin: 10px auto 40px auto;
}

.BkLeftBar {    
	clear: both;
	display: block;
	width: 80%;
	height: auto;
	margin: 0 auto 40px auto;	
}

/* CONFIRMATION PAGE 
.ConfirmationContent {
	display: block;
	width: 100%;
	height: auto;
} */
/*left Bar*/
.ConfReservContent {
	clear: both;
	width: 100%;
	height: auto;
}
/* Right Bar */
.ConfPaymentContent {
	clear: both;
	width: 100%;
	height: auto;
}
/*.ConfirmationContent, .BkLeftBar {width: 100%; height: auto;}*/

/* CONTACT US PAGE */
.ContacUsContainer {
	position: relative;
	max-width: 100%;
	height: auto;
	text-align: center;
	background: #FFFFFF center;
	border: thin #8C8C8C;
	padding: 43px 30px 30px 30px;
}
.CURightBar {
	width: 480px;
	height: 380px;
	margin-right: 2%;
	margin-bottom: 60px;
}
.CURightBar iframe{
	width: 450px;
	height: 350px
}
.CULeftBar {
	width: 80%;
	height: auto;
	margin-top: 50px;
	padding: 20px;
}
.CUAddressContainer {
	width: 80%;
	margin-left: 20%; margin-right: auto; text-align: left;
}

/*  BOOKING PAGES  */
.ExpMonthCC {
  width: 45%;
  padding: 0 0 0 20px;
  float: left;
}  
.ExpYearCC {
  width: 45%;
  padding: 0 0 0 30px;
  margin-left: 10%;
}
.BkMiddleContainer {
	height: 1200px;
}
.InputSize {
	width: 100%;
	padding: 0 0 0 6px;
}
.InputSizeSmall {
	width: 50%;
}

/*Itinerary Page CSS */
.ItineraryContent {
	max-width: 627px;
	height: auto;
	padding: 0;
}
.ItLeftBar {
	float: none;
	width: 90%;
	height: auto;
	margin-left: 4%;
}
.ItRightBar {
	float: none;
	width: 90%;
	height: auto;
	margin-top: 50px;
	margin-left: 4%;
}

/* BLOG PAGE */
.BlogContainer {height: auto;}
.BlogLeftBar {
	float: none;
	width: 90%;
	height: 100%;
	margin: 26px 0 26px 4%;
}
.BlogRightBar {
	float: none;
	width: 45%;
	margin: 26px 0 26px 30%;
}
.InputPosition {width: 50%;}
.TextAreaPosition {width: 80%;}
.btn {margin-left: 118px;}

/*Footer*/
.footer {
	height: auto;
  background-color: #464648;
  margin-top: 20px;
}
.footertitle {
  color: #ffffff;
  font-size: 18px;
  font-weight: 500;
  margin: 30px 0 0px 33%;
  opacity: 1;
}
.footerbtext {
  color: #ffffff;
  line-height: 1;
  font-size: 14px;
  margin: 15px 0 0 42%;
  opacity: 1;
}

}

@media (max-width: 480px) {
/* Check Out Page */
.CheckOutContent {
	width: 100%;
	height: auto;
}
.BkLeftBar, .BkRightBar {    
	display: block;
	width: 90%;
	height: auto;
	margin: 0 auto 40px auto;
}

/*   CONTACT US PAGE  */
.ContacUsContainer {
	max-width: 480px;
	height: auto;
	text-align: center;
	background: #FFFFFF center;
	border: thin #8C8C8C;
	padding: 43px 0 30px 0;
}
.CURightBar {
	float: none;
	width: 100%;
	height: auto;
	margin-top: 50px;
	margin-right:0;
	margin-bottom: 60px;
}
.CURightBar iframe{
	width: 86%;
	height: 350px;
	margin-left: 7%;
}
.CULeftBar {
	width: 86%;
	height: auto;
	margin-top: 50px;
	margin-left: 4%;
	padding-bottom: 20px;
}
.CUAddressContainer {
	width: 86%;
	margin-left: 7%;
	margin-right: 0;
	text-align: left;
}
.CUFormContainer {
	width: 86%;
}

/* BLOG PAGE */
.BlogContainer {height: auto;}
.BlogLeftBar {
	float: none;
	width: 90%;
	height: 100%;
	margin: 26px 0 26px 4%;
}
.BlogRightBar {
	float: none;
	width: 45%;
	margin: 26px 0 26px 28%;
}
.InputPosition {width: 50%;}
.TextAreaPosition {width: 80%;}
.btn {margin-left: 72%;}
.FormPosition {margin: 35px 20px;}
.InputPosition {margin-left: 0; width: 75%;}
.TextAreaPosition {margin-left: 0; width: 90%; height: 75px;	border-radius: 5px;}
}

/* ROOM LIST PAGE */
.RLMainPhoto {
	width: 100%;
	height: auto;
	margin: 22px auto;
}
.RoomListContent {
	width: 100%;
	height: auto;
	padding: 32px 0;
	margin: 2px auto;
	background-color: #FFFFFF;
}

.RLLeftSide {
	clear: both;
	display: block;
	width: 270px;
	height: auto;
	margin: 15px auto 0 auto;
}

	.RLLeftBar {
		float: left;
		width: 177px;
		height: auto;
		background-color: #FFFFFF;
		background-image: url(../images/RoomListMapa.jpg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: top;
		padding: 0 18px;
		margin: 0 26px;
		text-align: center;
		color: #545353;
		font-size: 0.85em;
		line-height: 1.5;
	}
	
	.RLRightContent {
		display: block;
		width: 100%;
		height: auto;
		margin: 59px auto 0 auto;
	}
		.RLPhotoHeader {
			float: left;
			width: 70px;
			height: 70px;
			border: 8px solid #e9e4e0;
			margin-right: 14px;
		}
	.RLPrice {
		float: right;
		width: 117px;
	}
		.RLPrice h3 {
			font-size: 2em;
			color: #86AF48;
			line-height: 1;
			font-weight: bold;
			text-align: central;
		}
		.RLPrice h3 span {
			font-size: 70%;
			vertical-align:top;
		}
		.RLPrice h6 {
			font-size: 1em;
			text-align: center;
			color: #217DC8;
			font-weight: 100;
			font-style: italic;
			line-height: 0.5;
		}

	.RLDetail {
		float: left;
		width: 200px;
		height: auto;
	}
		.RLDetail h2 {
			font-size: 1.5em;
			color: #86AF48;
			line-height: 1;
		}
		.RLDetail h3 {
			font-size: .8em;
			font-weight: 300;
			line-height: 1.3;
			color: rgb(99,99,99);
		}
	.RLDescripText {
		color: #8A8A8A;		
	}
.footertitle {
  color: #ffffff;
  font-size: 18px;
  font-weight: 500;
  margin: 30px 0 0px 29%;
  opacity: 1;
}
.footerbtext {
  color: #ffffff;
  line-height: 1;
  font-size: 14px;
  margin: 15px 0 0 35%;
  opacity: 1;
}


@media (min-width: 980px) {
/* OVERVIEW PAGE */
.OVRightSide {
	margin: 59px 0 0 7%;
}
.OVLeftSide {
	margin: 59px 0 0 7%;
}

/*  GALLERY PAGE  */
.GllyPhotoContent {
	width: 100%;
	margin: 85px 0 0 0;
}

/* ROOM LIST PAGE */
.RLMainPhoto {
	width: 100%;
	height: auto;
	margin: 22px auto;
}
.RoomListContent {
	width: 96%;
	height: auto;
	padding: 32px 2%;
	background-color: #FFFFFF;
	margin: 2px auto;
}

.RLLeftSide {
	display: inline-block;
	vertical-align: top;
	width: 270px;
	height: auto;
	margin: 59px auto 0 2%;
}

	.RLLeftBar {
		float: left;
		width: 177px;
		height: auto;
		background-color: #FFFFFF;
		background-image: url(../images/RoomListMapa.jpg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: top;
		padding: 0 18px;
		margin: 0 26px;
		text-align: center;
		color: #545353;
		font-size: 0.85em;
		line-height: 1.5;
	}
	
	.RLRightContent {
	display: inline-block;
	vertical-align: top;
	width: 62%;
	height: auto;
	margin: 59px auto 0 4%;
	}
		.RLPhotoHeader {
			float: left;
			width: 70px;
			height: 70px;
			border: 8px solid #e9e4e0;
			margin-right: 14px;
		}
	.RLPrice {
		float: right;
		width: 130px;
	}
		.RLPrice h3 {
			font-size: 2.5em;
			color: #86AF48;
			line-height: 1;
			font-weight: bold;
			text-align: central;
		}
		.RLPrice h3 span {
			font-size: 70%;
			vertical-align:top;
		}
		.RLPrice h6 {
			font-size: 1em;
			text-align: center;
			color: #217DC8;
			font-weight: 100;
			font-style: italic;
			line-height: 0.5;
		}

	.RLDetail {
		float: left;
		width: 335px;
		height: auto;
	}
		.RLDetail h2 {
			font-size: 1.5em;
			color: #86AF48;
			line-height: 1;
		}
		.RLDetail h3 {
			font-size: .8em;
			font-weight: 700;
			line-height: 1;
			color: rgb(99,99,99);
		}
		
	.RLDescripPhoto {
		float: left;
		width: 130px;
		height: auto;
	}
	.RLDescripText {
		color: #8A8A8A;		
	}

/* CHECK OUT PAGE  */
.CheckOutContent {  
	width: 100%;
	height: auto;
}
.BkRightBar, .BkLeftBar {
	display: inline-block;
	width: 34%;
	height: auto;
	margin: 0 4%;
}

.BkLeftBar {
	width: 44%;
}

/* CONFIRMATION PAGE 
.ConfirmationContent {
	display: block;
	width: 100%;
	height: auto;
	padding-top: 84px;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 70px;
} */

/*   CONTACT US PAGE  */
.SubContainer {
	max-width: 100%;
	height: auto;
	padding: 52px 35px 85px 35px;
	background: url(../images/BackgroundBeach.jpg) no-repeat center;
	background-size: cover;
}


/*Contact Us Page */
.ContacUsContainer {
	position: relative;
	max-width: 1100px;
	min-height: 500px;
	background: #FFFFFF center;
	border: thin #8C8C8C;
	padding: 43px 30px 30px 30px;
}
.CURightBar {
	position: relative;
	float: right;
	width: 50%;
	height: auto;
	padding-right: 45px;
	padding-top: 55px;
}
.CURightBar iframe{
	width: 450px;
	height: auto;
	overflow: hidden;
}
.CULeftBar {
	width: 40%;
	height: auto;
	padding: 20px;
	margin-top: 50px;
}
.CUFormContainer {
  width: 285px;
  padding: 25px 25px 0 2px;
  margin-bottom: 25px;
}
.contusinfobrand {
  margin: 3px 0 0 0;
  font-size: 125%;
  font-weight: bold;
  line-height: 1;
}
.CUAddressContainer {
	width: 100%;
	margin-left: 40px; margin-right: auto; text-align: left;
}

/*Itinerary Page CSS */
.ItineraryContent {
	width: 100%;
	height: 800px;
	padding: 0;
}
.ItLeftBar {
	float: left;
	width: 40%;
	height: auto;
	margin-left: 5%;
}
.ItRightBar {
	float: right;
	width: 40%;
	height: auto;
	margin-right: 5%;
}

/* BLOG PAGE */
.BlogContainer {height: 800px;}
.BlogLeftBar {
	float: left;
	width: 50%;
	height: auto;
	margin: 26px 0 26px 10%;
	padding-bottom: 26px;
}
.BlogRightBar {
	float: Right;
	width: 22%;
	height: auto;
	margin: 26px 10% 26px 0;
}
/*.btn {margin-left: 61%;}*/

}

@media (min-width: 1200px) {
/* OVERVIEW PAGE */
.OVRightSide {
	width: 660px;
	margin: 59px 0 0 7%;
}
.OVLeftSide {
	margin: 59px 0 0 7%;
}
.OVGallery {
	width: 660px;
	padding: 20px 0 0 0;
}

/* HOTEL LIST PAGE */

.RLRightContent {
	width: 68%;
	}
.RLMainPhoto img {
	display: block;
	width: 100%;
	margin: auto;
}
}



/* DATEPICKER CSS */

/*Search Form*/
.destinationlabel {
	font-size: 12px;
	font-family: "Arial";
	color: rgb( 35, 148, 228 );
	line-height: 1.571;
	text-align: left;
}
.book_now {
  font-size: 14px;
  font-family: "Arial";
  color: rgb( 35, 148, 228 );
  font-weight: bold;
  text-transform: uppercase;
  text-align: left;
  -moz-transform: matrix( 0.8259385665529,0,0,0.82677165354331,0,0);
  -webkit-transform: matrix( 0.8259385665529,0,0,0.82677165354331,0,0);
  -ms-transform: matrix( 0.8259385665529,0,0,0.82677165354331,0,0);
}
.datepick {
	background-color: #fff;
	color: #222;
	border: 2px solid #62BA37;
	font-family: Arial,Helvetica,Sans-serif;
	font-size: 12px;
}
.datepick-nav, .datepick-ctrl {
	float: left;
	width: 100%;
	background-color: #62BA37;
}
.datepick-ctrl {
	background-color: #62BA37;
	font-weight: bold;
}
.datepick-month td .datepick-selected {
	background-color: #75CA4B;
}

.datepick-month td .datepick-today {
	background-color: #f90;
	font-weight:bold;
}
.datepick-cmd:hover {
	background-color: #f6b2b2;
	color: #fff;
}
.datepick-ctrl .datepick-cmd:hover {
	background-color: #f6b2b2;
}
.datepick-month td .datepick-highlight {
	background-color: #f6b2b2;
	color: #fff;
}