@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro);


.clearfix{clear:both;}

html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
html,button,input,select,textarea{font-family:sans-serif;}

a{color:#666;text-decoration:none;}
/*a:focus{outline:thin dotted;}*/
a:hover,a:active{color:#0CF;outline:0;}

img{border:0;-ms-interpolation-mode:bicubic; max-width:100%;}
figure{margin:0;}
ol,ul,dl{padding:0px;margin:0px;}

/* typography */
h1,h2,h3,h4,h5,h6{font-family: 'Source Sans Pro', sans-serif;font-weight:normal;color:#333;}
h1{font-size:15px;margin:0px 5px 0px 25px;text-transform:uppercase;}
h2{font-size:10px;margin:0px 5px 0px 25px;}
h3{font-size:20px;margin:0px 5px 12px 15px;text-transform:uppercase;}
h4{font-size:13px;margin:0px 5px 0px 20px;}
h5{font-size:15px;margin:0px 5px 0px 20px;}
p{font-size:13px; line-height:15px;margin:0 15px 7px 15px;}



/* styling */
body{font-family: 'Source Sans Pro', sans-serif;background:#f9f9f9;margin:0; padding: 0px;}
.wrap{width:100%;margin:0px; padding: 0px;}
.container {position: relative;top: 0px; width: 100%; margin: 0px; padding: 0px;}
.content{width: 100%; margin:0px; padding: 0px;}

/*header*/
.header,.footer, .header-formulario {font-size:0.8em; margin:0px;}
.header p, .footer p{color:#565656;}
/*header*/
.header{height: 35px;list-style: none; background:#fff;margin: 0px; z-index: 999;/*border-bottom: thin solid #CCCCCC;background:url("../images/slices/header-bg.jpg") no-repeat top right;*/}
.header li{position: relative;margin: 0px;padding:0px;display: block;float: left;}
.header li:last-of-type{position: relative;margin: 0px;display: block;float: right;}
.home{height: 35px;padding:0px; margin: 0px;width: 9%; min-width: 35px; max-width: 35px; border-right: thin solid #CCC;}
.home img{display: block; padding: 7px 0px 0px 7px;}
.logo{height: 35px;width: 76%; padding:0px; margin: 0px;border-left: thin solid #FFF;}
.logo img{display: block; padding: 7px 0px 0px 0px;margin-left: auto;margin-right: auto; }
.idioma{height: 35px;padding:0px; margin: 0px;width: 9%; min-width: 35px; max-width: 35px; border-left: thin solid #CCC; background:#f2f2f2;}
.idioma img{float: right; display: block; padding: 8px 7px 0px 0px;}
/*redes sociais*/
.social {width: 100%; height: 40px; background-color: #262626; margin: 0px; text-align:center; padding-top: 10px;}
/*footer*/
.footer{text-align:center; margin-bottom:0;}
.footer p:last-of-type{margin-bottom:0;}
/**/
.copy{height: 24px;font-size: 10px;color: #CCC;text-align: center;text-transform: uppercase;margin: 0px;padding: 0px;}
.copy li{position: relative;display: block;float: left; background-color: #222222;}
.site{width: 50%; height: 22px; padding: 11px 0px 0px 0px; background: url("../images/footer-bg_02.png") no-repeat top right;}
.legality{width: 50%; height: 22px; padding: 11px 0px 0px 0px; background: url("../images/footer-bg_03.png") no-repeat top right;}
.copy a{font-family: 'Source Sans Pro', sans-serif;font-weight:normal; color:#FFF;}
.copy a:hover {color:#0CF;}
/**/
.footer-uni{height: 34px;font-size: 12px;color: #CCC;text-align: center;text-transform: uppercase;margin: 0px;padding: 0px;}
.footer-uni li{position: relative;display: block;float: left; background-color: #d2d2d2;}
.res-footer{width: 50%; height: 24px; padding: 10px 0px 1px 0px; background: url("../images/footer-bg_04.png") no-repeat top right;}
.emp-footer{width: 50%; height: 24px; padding: 10px 0px 1px 0px; background: url("../images/footer-bg_05.png") no-repeat top right;}
.footer-uni a{font-family: 'Source Sans Pro', sans-serif;font-weight:normal; color:#444;}
.footer-uni a:hover {color:#444;}

/***/

/*slider*/
.slider {position: relative;list-style: none;z-index: 1;overflow: hidden;width: 100%;padding: 0;margin: -20px auto 0px auto;max-width:640px;}
.slider li {position: absolute;display: none;width: 100%;left: 0;top: 0;}
.slider li:first-child {position: relative;display: block;float: left;}
.slider img {display: block;height: auto;float: left;width: 100%;max-width:640px;border: 0;}

/*motor de reservas*/
.reservas{list-style: none;margin: 0px;z-index: 9;}
.reservas li{position: relative;margin: 0px;padding:0px;display: block;float: left;background-color: #f4f4f4;}
.unidade{width: 100%; height: 40px; background:url("../images/select1.jpg") no-repeat top right; /*border-top:thin solid #CCC;*/}
.entrada{width: 51%; height: 40px; background:url("../images/select2.jpg") no-repeat top right; }
.saida{width: 49%; height: 40px; background:url("../images/select3.jpg") no-repeat top right;}
.adultos{width: 51%; height: 39px; background:url("../images/select4.jpg") no-repeat top right;}
.criancas{width: 49%; height: 39px; background:url("../images/select5.jpg") no-repeat top right;}
.reservar{width: 100%; height: 40px;}
.go{font-family: 'Source Sans Pro', sans-serif;font-weight:normal;font-size:16px; color: #CCC; margin:13px 5px 0px 23px;text-transform:uppercase; z-index:999; position: absolute}
.go-form{font-family: 'Source Sans Pro', sans-serif;font-weight:normal;font-size:20px; color: #FFF; margin:13px 5px 0px 24px;text-transform:uppercase; z-index:999; position: absolute}

/*menu*/
.menu{list-style: none;max-width:640px;margin: 0px;}
.menu li{position: relative;z-index: 0;margin:0px;padding:0px;display: block;float: left;}
.menu li img {display: block;height: auto;float: left;width: 100%;max-width:640px;border: 0;}
.hoteis{width: 50%; height: auto;}
.moradias{width: 50%; height: auto;}
.telefone{width: 50%; height: auto;}
.localizacao{width: 50%; height: auto;}
/*img a {+filter: grayscale(100%) sepia(100%);}
img a:hover {-webkit-filter: blur(2px);}*/


.shadow{width: 100%; height: 11px; position: relative; top: -20px; background:url("../images/shadow.png") repeat-x top left;}
/*.separator{margin:15px 0;opacity:0.1;border-width: 1px;border-bottom:none;}*/
article{padding-bottom:100px; margin: 0px 0px 40px 0px; width: 100%;}
article:first-of-type{padding-top:0px; }
article:last-of-type{padding-bottom:90px; margin-bottom: 70px;}
article figure{width:95%;margin:0px auto 15px auto;position: relative;	}
article figure a{display:block;}
article figure img{padding:0px;display:block;border:none;text-align:center; width:100%;}
/**/
article figure.mask {width:120px;height: 120px; position: relative;float: left;}
article figure.mask a{display:block;}
article figure.mask img{padding:0px;display:block;border:none;margin:0px auto 0px auto;max-width:120px; max-height:120px;}
figcaption {width:65%; margin: 25px 0px 0px -15px; max-width:540px;position: relative; float: left;}
/**/
.info {width:100%;height: auto; position: relative;float: left; margin-top: 10px; margin-bottom: 0px;}
.info:first-of-type {width:100%;height: auto; position: relative;float: left; margin-bottom: 10px;}
.info:last-of-type {width:100%;height: auto; position: relative;float: left; margin-top: 30px; margin-bottom: 40px;}
article figure.icon {width:15px;height: auto; position: relative;float: left; left: 15px;}
article figure.icon a{display:block;}
article figure.icon img{padding:0px;display:block;border:none;margin:0px auto 0px auto;max-width:15px; max-height:15px;}
figcaption.icon {width:70%; margin: -3px 0px 0px 5px; max-width:540px;position: relative; float: left;}
/*BTS*/
a.btMore {float: left; margin-right: 15px; margin: 5px 0px 0px 18px; width:30px; height:30px; background: url("../images/icons.png") no-repeat -2px -4px;}
a.btMore:hover {background-position:-35px -4px;}
a.btBack {float: left; margin-left: 15px; margin-top: -30px; width:30px; height:30px; background: url("../images/icons.png") no-repeat -2px -4px;}
a.btBack:hover {background-position:-35px -4px;}
a.btReservar {position: absolute; right: 15px; z-index: 999; margin-top: -6px; width:120px; height:41px; background: url("../images/icons.png") no-repeat -330px -240px;}
/*a.btReservar:hover {background-position:-35px -4px;}*/


/*BT RESERVAR*/
.reservar-bt-home{width: 100%; height: 40px; padding: 0px; margin: 0px;position: absolute; background: url("../images/reservar.jpg") no-repeat top right;}
.footer-reservar {height: 41px; margin: 0px;padding: 0px;}
.footer-reservar li{position: relative;display: block;float: left; background-color: #CCC;}
.close-bt{width: 12%;height: 41px; padding: 0px; min-width: 41px; max-width: 41px; margin: 0px;}
.close-form-bt{width: 100%; height: 41px; /*min-width: 51px; max-width: 51px;*/padding: 0px; margin: 0px;position:absolute;background: url("../images/bt-close.png") no-repeat top right;}
.reservar-bt{width: 87%; height: 41px; padding: 0px;margin: 0px;}
.reservar-form-bt{width: 100%; height: 41px; padding: 0px; position:absolute;background: url("../images/bt-reservar.jpg") no-repeat top right;margin: 0px;}
/*.reservar-form-arrow{width: 100%; height: 59px; padding: 0px; position:absolute;background: url("../images/reservar-form.jpg") no-repeat top right;}*/

/*gmap*/
.gmap {margin: -26px 0px 0px 0px; width:100%;height:100%;min-height:500px;}
.gmap_image img {max-width:100%;}

#map{
  display: block;
  width: 95%;
  height: 350px;
  margin: 0 auto;
  -moz-box-shadow: 0px 5px 20px #ccc;
  -webkit-box-shadow: 0px 5px 20px #ccc;
  box-shadow: 0px 5px 20px #ccc;
}
#map.large{
  height:500px;
}

.overlay{
  display:block;
  text-align:center;
  color:#fff;
  font-size:60px;
  line-height:80px;
  opacity:0.8;
  background:#4477aa;
  border:solid 3px #336699;
  border-radius:4px;
  box-shadow:2px 2px 10px #333;
  text-shadow:1px 1px 1px #666;
  padding:0 4px;
}

.overlay_arrow{
  left:50%;
  margin-left:-16px;
  width:0;
  height:0;
  position:absolute;
}
.overlay_arrow.above{
  bottom:-15px;
  border-left:16px solid transparent;
  border-right:16px solid transparent;
  border-top:16px solid #336699;
}
.overlay_arrow.below{
  top:-15px;
  border-left:16px solid transparent;
  border-right:16px solid transparent;
  border-bottom:16px solid #336699;
}

/*FORM*/


input {font-size:14px;font-family: 'Source Sans Pro', sans-serif;
	width: 70%;padding: 5px;margin: 5px 0px 0px 20px;
	height: 15px;border: none;
	background-color: transparent !important;}
	
	.saida input {font-size:14px;font-family: 'Source Sans Pro', sans-serif;
	width: 70%;padding: 5px;margin: 8px 0px 0px 20px;
	height: 15px;border: none;
	background-color: transparent !important;}
	
	.entrada input {font-size:14px;font-family: 'Source Sans Pro', sans-serif;
	width: 70%;padding: 5px;margin: 8px 0px 0px 20px;
	height: 15px;border: none;
	background-color: transparent !important;}
	
.selectbox{
	width: 90% !important;
	height: 40px;
	display:inline-block;	
font-size:14px;font-family: 'Source Sans Pro', sans-serif;background:#f9f9f9;margin:0;
	position:relative;
	border: none;
	background-color:transparent !important;
	left: 20px;
	top: 0px;
	
}

.selectbox.crianca {
	width: 80% !important;
	display:inline-block;
*display:inline;
font-size:14px;
	position:relative;
	vertical-align:middle;
	zoom:1;
	border: none;
	background-color:transparent !important;
}

.selectbox.adulto {
	width: 80% !important;
	display:inline-block;
*display:inline;
font-size:14px;
	position:relative;
	vertical-align:middle;
	zoom:1;
	border: none;
	background-color:transparent !important;
}


/*FORMULÁRIO RESERVAS*/

.selectbox2{
	width:88% !important;
	height: 25px;
font-size:14px;font-family: 'Source Sans Pro', sans-serif;color:#333;
	position:relative;
	margin:15px 0px 10px 0px; 
	left: 0px;
	top: 0px;
	/*background-color:transparent !important;*/
	background:#fff url(../img/select_arrow.png) no-repeat right center;
	letter-spacing: 0px;
	cursor:default;
	line-height: 28px;
	text-decoration:none;
	vertical-align:middle;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #DDD;
	border-bottom-color: #EFEFEF;
	border-left-color: #CCC;
}

.selectbox2.pais {
	width: 88% !important;
	font-size:11px;
	position:relative;
	vertical-align:middle;
	zoom:1;
	margin:5px 0px 7px 0px; 
}


.selectbox2.pagamento {
	width: 88% !important;
	font-size:11px;
	position:relative;
	vertical-align:middle;
	zoom:1;
	margin:5px 0px 7px 0px; 
}

/* IF */
div.gallery-row:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
		div.gallery-item { float: left; width: 33.333333%; }
		div.gallery-item a { display: block; margin: 5px; border: 1px solid #3c3c3c; }
		div.gallery-item img { display: block; width: 100%; height: auto; }



.resumo-over {
  position: absolute;
  top: -30px;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: rgba(0,0,0,0.5); /*dim the background*/
  display:none;
}
.resumo-over div {
	background-color:#FFFFFF;
	margin:0 5%;
	padding:10px;
}

.error { border:1px solid #990000 !important; }
label.error { display:none  !important; }