@import url(http://fonts.googleapis.com/css?family=Exo:100,200,300,400,600,700);

/* Reset Styles
***********************/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q demo
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
strong {font-weight: bold;}
em {font-style: italic;}


/*
 * MyFonts Webfont Build ID 1114443, 2011-09-02T06:08:04-0400 - REGULAR
 * MyFonts Webfont Build ID 1118460, 2011-09-05T07:13:16-0400 - MEDIUM
 * MyFonts Webfont Build ID 825795, 2011-05-26T03:42:08-0400 - SEMIBOLD
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below
 *
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=1114443 - REGULAR
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=1118460 - MEDIUM
 * License: http://www.myfonts.com/viewlicense?1056 - SEMIBOLD
 * 
 * Webfont: Geogrotesque SemiBold
 * URL: http://new.myfonts.com/fonts/emtype/geogrotesque/semibold/
 * Foundry: Emtype Foundry
 * Copyright: Copyright © 2009 by Eduardo Manso. All rights reserved.
 * Licensed pageviews: 10,000,000/month
 * 
 * © 2011 Bitstream Inc
*/

/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
	font-family: 'flexslider-icon';
	src:url('../fonts/flexslider-icon.eot');
	src:url('../fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
		url('../fonts/flexslider-icon.woff') format('woff'),
		url('../fonts/flexslider-icon.ttf') format('truetype'),
		url('../fonts/flexslider-icon.svg#flexslider-icon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* General
***********************/
body {
	background-color: #0b354e;
	background-image: url(../images/bg.jpg);
	background-attachment: fixed;
	background-size: 100% auto;
	font-size: 14px;
	font-family: 'Open Sans', Helvetica, 'Arial', sans-serif;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	height: auto;
}
a {
	color: #fff;
	text-decoration: none;
}

h3 {
	margin: 0 0 8px;
	color: #fff;
	font: normal 24px Geogrotesque-semibold, Helvetica, Arial, sans-serif;
	text-shadow: 0 1px 0 #2F4C63;
}
p {
	font-size: 14px;
	line-height: 18px;
}

/* --Clearfix */
.cf:before,
.cf:after {content:""; display:table;}
.cf:after {clear:both;}
.cf {zoom:1;}

.toggle { margin: 2px 0 0 14px; float: left; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.toggle li { float: left; }
.toggle li a {width: 50px; padding: 6px 0; text-align: center; display: block; text-shadow: 1px 1px 0 #fff; font-size: 12px; font-weight: 600; color: #666; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -o-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; 

background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#ededed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#ededed 100%); /* IE10+ */
background: linear-gradient(top, #ffffff 0%,#ededed 100%); /* W3C */

box-shadow: inset 1px 1px 0 #fff, inset -1px -1px 0 #fff;
-moz-box-shadow: inset 1px 1px 0 #fff, inset -1px -1px 0 #fff;
-webkit-box-shadow: inset 1px 1px 0 #fff, inset -1px -1px 0 #fff;

}
.toggle li:first-child a {-webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -o-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px;}
.toggle li a:hover { background: #ededed; color: #222; }
.toggle li a.active { background: #c8e0f3; color: #325874; cursor: default; box-shadow: inset 0 0 3px rgba(0,0,0,0.4); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.4); -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.4); }

#main {
	margin: 0;
	overflow: hidden;
}

.flexslider {
  margin: 0;
  background: transparent;
  border: none;
}

.slider {
	margin: 0 !important;
	position: relative;
	overflow: hidden;
	clear: both;
}

#slider-villas-mobile {
	display: none;
}

.first-slide {
	background: #F5F6F4;
}

.first-slide img {
	max-width: 1183px;
	max-height: 693px;
	margin: 0 auto;
}

.slider .flex-direction-nav a {
	margin-top: -25px;
}

.slider .flex-direction-nav a.flex-prev,
.slider .flex-direction-nav a.flex-next {
  text-indent: -9999px;
  overflow: hidden;
  font-size: 0;
  background-image: url(../images/arrows.png);
  width: 50px;
  height: 50px;
}

.slider .flex-direction-nav a.flex-prev:before,
.slider .flex-direction-nav a.flex-next:before {
	content: '';
}

.slider .flex-direction-nav a.flex-prev {
  background-position: -125px -34px;
}

.slider .flex-direction-nav a.flex-next {
  background-position: -185px -34px;
}

.carousel-wrapper {
  margin: 0 auto;
  width: auto;
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  bottom: -170px;
  opacity: 0;
  transition: all 400ms ease;
  -webkit-transition: all 400ms ease;
  padding-top: 170px;
}

.carousel-wrapper:hover {
  padding-top: 0;
  bottom: 0;
  opacity: 1;
}

.carousel-wrapper .flex-viewport {
	width: 1070px;
	margin: 0 auto;
}

.carousel-wrapper .slides {
	background: url(../images/bg-thumb.png);
	padding: 0 10px;
}

.carousel-wrapper .slides li img {padding: 20px 10px;}
.carousel-wrapper .slides li:first-child {}
.carousel-wrapper img {display: block; opacity: .7; cursor: pointer;}
.carousel-wrapper img:hover {opacity: 1;}
.carousel-wrapper .flex-active-slide img {opacity: 1; cursor: default;}

.carousel-wrapper .flex-direction-nav a.flex-prev:before,
.carousel-wrapper .flex-direction-nav a.flex-next:before {
  color: #fff;
  text-shadow: none;
}

header {
	background-color: #3DAFBF;
	color: #fff;
	background-image: url(../images/bg-header.jpg);
	background-position: right top;
	background-size: auto 100%;
	background-repeat: no-repeat;
	height: 150px;
	text-align: center;
	position: relative;
}

a,
a:active,
a:visited,
a:link {
	color: #fff;
	text-decoration: none;
}

a:focus,
a:hover {
	text-decoration: underline;
}

.logo {
	display: inline;
}

.logo img {
	width: auto;
	height: 140px;
}

header .logo {
	margin-left: -80px;
}
header .logo img {
	width: auto;
	height: 110px;
	margin-top: 20px;
}

.lang-selector {
	float: left;
	padding: 58px 29px;
}

.lang-selector img {
	width: auto;
	height: 30px;
}

.address {
	position: absolute;
	top: 36px;
	right: 40px;
	bottom: 36px;
	line-height: 1.4;
	text-align: left;
}

.hidden {
	display: none;
}

.decorative {
	height: 12px;
	background: #3DAFBF;
	margin: 13px 0 0 0;
	z-index: 1;
	position: relative;
}

.content-wrapper {
	font-size: 12px;
	line-height: 1.4;
	margin: 0 auto;
	padding: 40px 0 0 0;
	width: 1070px;
	background: url(../images/bg-thumb.png);
	color: #eee;
}

.corp-text,
a.corp-text,
a.corp-text:hover,
a.corp-text:focus {
	color: #4fb1c3;
}

a.corp-text,
a.corp-text:hover,
a.corp-text:focus {
	text-decoration: underline;
}

.content {
	color: #fff;
	position: relative;
}

.content h2 {
	font-size: 22px;
	margin: 30px 0 15px;
	text-align: center;
	color: #4fb1c3;
}

.content-footer p,
.content-footer ul,
.content ul.list,
.content p {
	font-size: 15px;
	line-height: 1.4;
	margin: 12px 0 16px;
	font-weight: 200;
}

.content-footer ul,
.content ul.list {
	margin: 0 0 16px;
	padding: 0 0 0 18px;
}

.content-footer ul li,
.content ul.list li {
	list-style: disc;
}

.content .slider {
	margin: 35px 0 0 0 !important;
}

.content-villas {
	border-top: 1px solid #fff;
	margin: 40px 40px 20px;
	padding-top: 40px;
}

.content-bungalows {
	border-top: 1px solid #fff;
	margin: 40px 40px 20px;
	padding-top: 40px;
}

#myModalDeluxe .close {
    color: #fff;
    opacity: 1;
}
#myModalDeluxe .modal-header {
	border-bottom: 0;
	color: #fff;
}
#myModalDeluxe .modal-content {
	border-radius: 0;
	background: #0e4a71;
	border: 0;
}
#myModalDeluxe .modal-body {
	min-height: 598px;
	padding: 0;
}
#myModalDeluxe .carousel-wrapper .slides {
	padding: 0 10px;
}
#myModalDeluxe .carousel-wrapper .slides li {
	padding: 20px 12px;
}
#myModalDeluxe .carousel-wrapper .slides li img {
	padding: 0;
}
a.link,
a.link:active,
a.link:visited,
a.link:link {
	color: #eee;
	text-decoration: none;
}

a.link:focus,
a.link:hover {
	color: #fff;
	text-decoration: underline;
}

.content a.link,
.content a.link:active,
.content a.link:visited,
.content a.link:link {
	text-decoration: underline;
}

.content-left {
	float: left;
	width: 270px;
	padding: 0 35px 20px 35px;
}

.content-left .logo {
	margin-top: -10px;
	display: block;
}

.content-left .address {
	position: relative;
	top: 0;
	right: 0;
	bottom: 0;
	padding: 0 0 40px 0;
	font-size: 12px;
	color: #e0e0e0;
}

.content-left h2 {
    font-size: 18px;
    text-transform: uppercase;
    margin: 10px 0;
}

.content-image-option {
	position: absolute;
	top: 20px;
	right: 0;
	display: block;
	vertical-align: middle;
	text-decoration: none;
	color: #4fb1c3;
}

a.content-image-option:active,
a.content-image-option:visited,
a.content-image-option:link {
	text-decoration: none;
	color: #4fb1c3;
}

a.content-image-option:hover {
	text-decoration: none;
	color: #7fe1f3;
}

.content-image-option span {
    font-size: 15px;
    margin: 0 5px 0 0;
    vertical-align: middle;
    font-weight: 600;
}

.content-image-option img {
	width: 100px;
	height: auto;
	vertical-align: middle;
}

.content-image {
	text-align: center;
}
.content-image img {
	width: 30%;
}

.main-text {
    font-size: 19px;
	font-weight: 200;
    padding: 0 40px 0;
	line-height: 1.3;
}

.main-text strong {
	font-weight: 600;
}

.menu-image {
	float: left;
	width: 400px;
	text-align: center;
}

.menu-image-1 {
	padding: 40px 0 0 40px;
}

.menu-image-2 {
	padding: 40px 40px 0 0;
}

.menu-image img {
	width: 75%;
}

.content-right {
	float: left;
	width: 800px;
}

.content-footer {
	color: #fff;
	position: relative;
	margin: 40px 40px 0;
	padding: 40px 0 25px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #1D353A;
}

.content-footer h2 {
	font-size: 22px;
	margin: 10px 0 15px;
	color: #4fb1c3;
}

.no-margin-top {
	margin-top: 0 !important;
}

footer {
	clear: both;
	padding: 40px;
	text-align: center;
	font-size: 12px;
}

.texto-en {
  color: #aaa;
}

.reservas {
  color: #FFF;
  border-top: solid 1px #eee;
  padding: 40px 0;
}

.reserva_icon {
  background: url(../images/reserva_icon.png) left top no-repeat;
  background-size: contain;
  width: 50px;
  height: 40px;
  float: left;
  margin-right: 8px;
}

.reservas .reserva_text,
.reservas h2.block-title {
  font-family: 'Exo', sans-serif;
  color: #FFF;
  font-size: 18px;
  font-weight: 200;
  line-height: 16px;
  text-transform: uppercase;
}

.reservas label {
  color: #FFF;
  font-family: 'Exo', sans-serif;
  text-transform: uppercase;
  float: left;
  font-weight: 200;
  font-size: 12px;
  line-height: 22px;
  width: 70px;
  padding: 4px 0;
}

.widget_select_wrap,
.start_date_wrap,
.end_date_wrap {
	clear: both;
}

#start_date,
#end_date {
  border: solid 1px #FFFFFF;
  background-color: transparent;
  height: 30px;
  color: #FFF;
  font-family: 'Exo', sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  padding-left: 10px;
  width: 130px;
  background: url(../images/calendar.png) 100px 2px no-repeat !important;
}
.small-text {
	font-size: 15px !important;
}
div.widget_select_wrap label {
  line-height: 13px !important;
  margin-top: 15px;
}
label.widget_select_label { 
	line-height:13px !important;
	padding-right: 10px;
	margin-bottom:3px;
	width: 149px;
}
.widget_select_wrap select { 
  margin-top:10px;
  float: left;
  padding: 6px;
  border: none;
  min-width: 51px;
}
.blue-button {
	margin: 0 20px;
	text-transform: uppercase;
	font-family: 'Exo', sans-serif;
}
.gray-button {
	margin: 0 20px;
	text-transform: uppercase;
	font-family: 'Exo', sans-serif;
	color: #fff;
	background-color: #BBBCBE;
	border-color: #CCC;
}
.gray-button:hover,
.gray-button:active,
.gray-button:visited,
.gray-button:focus {
	background-color: #ABACAE;
}
.only-adults {
	position: absolute;
	top: 0;
	left: 245px;
}
.only-adults img {
	display: block;
	width: 60px;
	height: auto;
}

#ver_dispo {
  color: #FFF;
  font-family: 'Exo', sans-serif;
  text-transform: uppercase;
  font-size: 13px;
  background-color: #bbbcbe;
  margin-top: 10px;
  border: none;
  padding: 5px 8px;
  line-height: 1.3em;
  font-weight: 600;
  width: 200px;
  clear: both;
}
#ver_dispo:hover {
  background-color: #abacae;
}

.clear {
  clear: both;
}

.mayusculas {
	text-transform: uppercase;
}

.button {
  display: inline-block;
  margin: 0;
  padding: .461em 1.563em .41em;
  color: #fff!important;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);
  text-transform: uppercase;
  line-height: 1;
  font-size: .9em;
  cursor: pointer;
  font-family: "proxima-nova", sans-serif;
  border: 1px solid #1a4064;
  background: #255a8c;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1), inset 0 0 1px 1px rgba(255, 255, 255, 0.15);
  -moz-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1), inset 0 0 1px 1px rgba(255, 255, 255, 0.15);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1), inset 0 0 1px 1px rgba(255, 255, 255, 0.15);
}
.button:active  {
  -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1), inset 0 0 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1), inset 0 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1), inset 0 0 1px 1px rgba(0, 0, 0, 0.1);
}
.button.green  {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  border: 1px solid #578824;
  background: #71b02f;
}
.button.green:hover  {
  background: #79bc32;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    }
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* Loading
***********************/
.loading #container {opacity: 0;}
.loading:before  { display: block; margin: 100px 0 0; text-align: center; color: #fff; font-weight: bold; font-size: 60px; opacity: 0.3; }
body {opacity: 1; transition: opacity 1s ease; -webkit-transition: opacity 1s ease; }

/* Layout
***********************/
#container {padding: 0;}

/* Media Queries
***********************/
@media screen and (max-width: 960px) {
	#myModalDeluxe .modal-body {
		min-height: 0;
		padding: 0;
	}
	.modal-backdrop {
		opacity: 1 !important;
		background: #07263a !important;
	}
	#myModalDeluxe,
	.modal-open {
		padding-right: 0 !important;
	}
	.lang-selector {
		padding: 63px 29px;
	}

	.lang-selector img {
		height: 20px;
	}

	.content {
		width: auto;
	}

	.slider-header,
	header .address {
		display: none !important;
	}

	footer .bullet {
		display: none;
	}

	footer .links {
		clear: both;
		display: block;
		padding-top: 10px;
	}

	.content-left,
	.content-right,
	.content-wrapper {
		float: none;
		width: auto;
	}

	.content-image-option,
	.main-menu {
		display: none !important;
	}

	.content-villas,
	.content-bungalows {
		display: block !important;
	}

	.content-left {
		border: none;
	}

	.content .slider {
		margin: 35px -40px 0 -40px !important;
	}

	.main-text {
		padding: 20px 40px 0;
	}

	.content-image img {
		width: 50%;
	}

	.content-footer {
		display: block !important;
	}

	.first-slide img {
		max-width: 72%;
		max-height: 100%;
		margin: 0 auto;
	}

}
@media screen and (max-width: 768px) {

}

#carouselBungalows .slides li img {
	padding: 10px 5px !important;
	display: block;
}

#carouselBungalows .flex-direction-nav {
	display: none !important;
}

.warning {
	border: 1px solid #f00;
	padding: 10px 20px;
	color: #f00;
	display: block;
	text-align: center;
}