@import url(https://fonts.googleapis.com/css?family=Muli:400,300);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,800&subset=latin,latin-ext);

*{outline:none}

body {background-color:#F0EDCD; margin:0; color:#333333; font-size:16px; padding:0; font-family: 'Open Sans', sans-serif; }

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

h1, h2, h3, h4, h5, h6 {color:#869F20; font-weight:500; font-family:'Muli', sans-serif; }
h1 {font-weight:normal; color:#055C77; font-size:42px; text-transform:uppercase}
h6 {font-size:18px; line-height:26px; color:rgba(94,94,94,1.00)}

.white_bg {background-color:#fff}
.green_bg {background:#BFD8AC}
.paper_bg {background:#fff url(../layout/bg.png) center center repeat-y;}

.relative {position:relative}

/*esqueleto*/

header {
	width:100%; 
	padding:10px 0 30px 0;
	border-bottom:2px solid #3F750C;
	background:url(../layout/header.png) top center repeat;
}
		header  .lang {position:absolute; top:20px; right:16px;z-index:9  }
			
			header .lang ul.dropdown-menu {width:120px!important}
			header  .lang a{text-decoration:none; font-size:15px; color:#002652; font-family: 'Muli', sans-serif;  letter-spacing:-1px}
			header  .lang a:hover,
			header  .lang a.selected{color:#002652;}
			

h1.logo {
	padding:0;
	background:url(../layout/logo.png) center center no-repeat;
	background-size:100%;
	width:277px;
	height:108px;
	margin:12px auto 32px auto;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	outline:0;
}
h1.logo a {display:block; width:100%; height:100%; outline:none}
	


.navbar-toggle {display:none; float:none; width:32px; color:#666; font-size:26px; margin-left:auto; margin-right:auto; margin-top:12px;}
	.navbar-toggle:hover,
	.navbar-toggle:active,
	.navbar-toggle:visited{color:#222;}
	
nav {margin:0 auto; padding:0 0 10px 0;}
	nav ul {margin:0 auto;  padding:0; list-style:none}
		nav ul li{padding:0px 20px!important; margin-top:0; display:inline-block; text-align:center; position:relative;}
			nav ul li a{font-family: 'Open Sans', sans-serif; font-weight:700; font-size:16px; color:#055C77; display: block; padding:0px 20px!important;letter-spacing:0; text-transform:uppercase; width:100%; height:100%; text-align:center }
			
			nav ul li.selected>a,
			nav ul li>a:hover{ text-shadow: 10px 2px 20px #000; }
			
			nav ul li ul {
				position: absolute;
				display: none;
				top: 100%;
				min-width:220px;
				width:auto;
				z-index: 9999999999;	
				padding:4px 4px 10px 0;
				background:#fff;
				border-bottom:1px solid #000;
			}
			nav ul li ul li {margin:0; padding:7px 3px 0 3px; float:none; display: block; text-align:center;}
			nav ul li ul li a {font-size:15px;padding:7px 3px 5px 3px; text-transform:capitalize}
			nav ul li ul li a:hover {background:none!important;text-shadow: 0 0 0 #000;}
			nav ul li ul li.selected a {color:#000;text-shadow: 0 0 0 #000;}
			
	.main_slideshow 
	{
		position:relative;
		max-width:1170px;
		margin:0 auto;
	}	
		.main_slideshow .shadows
		{
			width:22px;
			height:540px;
			display:block;
			position:absolute;
			top:0;
			z-index:2;
			background-size:100%;
		}
			.main_slideshow .shadows.shadow-left
			{
				left:-22px;
				background:url(../layout/shadow-left.png) bottom right no-repeat;
			}
			.main_slideshow .shadows.shadow-right
			{
				right:-22px;
				background:url(../layout/shadow-right.png) bottom left no-repeat;
			}		
	.main_slideshow #reserva-form
	{
		padding:20px;
		position:absolute;
		bottom:20px;
		left:5%;
		z-index:999;
		background:#055C77;
		border-radius:4px; 
	}
	.main_slideshow #reserva-form .form-group
	{
		width:320px;
		max-width:320px;
		
	}
	.main_slideshow #reserva-form label
	{color:white; 
		font-family: 'Muli', sans-serif; font-weight:600; font-size:16px;}
			

#overlay {width:453px; height:366px; position:absolute; right:0; top:29%; z-index:999999999999999999999; background:url(../layout/overlay.png) top right no-repeat;}

section#pagina {min-height:620px}
section#pagina p {line-height:25px;}	
section#pagina #main h1{padding:20px 50px}	


/*banner e breadcrumbs*/

.banner {min-height:220px; position:relative; height:auto; padding:0}
	.banner .container
	{padding-top:2%;padding-bottom:4%;}

	.banner h1{text-transform:uppercase; color:#fff;}
	.banner h2,
	.banner h3,
	.banner h4{text-transform:uppercase; font-family: 'Muli', sans-serif; color:#869F20}
	
	.banner h2{font-size:52px}
	.banner h6{font-size:24px; color:#fff;}
	
	.banner p{max-width:760px; color:#fff; font-size:18px; margin-left:auto; margin-right:auto}
	
	.banner a {color:#fff; padding:12px 24px; font-size:22px; display:block; background-color:#869F20; max-width:220px; margin-left:auto; margin-right:auto; margin-top:20px; text-align:center; text-decoration:none; border-radius:6px}
	.banner a:hover{background-color:#9AB825;}
	

.breadcrumbs {height:100px; background-color:#BED8AC; background-position:top center; margin:0; padding:0}
	.breadcrumbs h1{color:white;}	
	
	
	
.quarto {
	padding:0 0 11px 0;
	color:#555555;
}
.actividade {
	background-color:#9AB825;
	padding:0 0 11px 0;
	color:#fff;
}


#detalhe .imageholder,
.quarto .imageholder,
.actividade .imageholder
{overflow:hidden}
	#detalhe .imageholder img,
	.quarto .imageholder img,
	.actividade img {transition: all .2s ease-in-out;}
	
	#detalhe .imageholder:hover img,
	.quarto .imageholder:hover img,
	.actividade .imageholder:hover img{
		transform: scale(1.1);
	}


.actividade .descricao{
	padding:0 20px;
}
.quarto h3,
.quarto h3 a,
.actividade h3{
	color:#152630;
	font-weight:500;
	font-size:24px;
	text-transform:uppercase;
	height:40px;
	margin-top:40px;
	font-family: 'Open Sans', sans-serif;
}
.quarto p,
.quarto a,
.actividade p{
	color:#555555;
	font-size:15px;
	font-family: 'Open Sans', sans-serif;
}
.quarto i {font-size:15px;}
.quarto div.text-left{
	min-height:210px;
}
	
	.actividade a,
	.actividade h3 a, .actividade p a{color:#152630;cursor:pointer;text-decoration:none;}
	
	.quarto a.saiba_mais,
	.actividade a.saiba_mais{margin-top:20px;color:#fff;cursor:pointer;text-decoration:none;}
	
	
.actividade h3{max-width:70%; margin-left:auto; margin-right:auto;}

.saiba_mais {
	background-color:#86BB66;
	display:block;
	width:100%;
	padding:14px;
	color:#fff;
	text-decoration:none;
	margin-bottom:32px;
	text-transform:uppercase;
	 font-family: 'Open Sans', sans-serif;
}
.saiba_mais:hover{background-color:rgba(74,74,74,0.5);color:rgba(216,216,216,1.00);}

.actividade .saiba_mais {
	background-color:#222;
	display:block;
	max-width:191px;
	margin-left:auto;
	margin-right:auto;
	padding:8px 14px;
	color:#fff;
	border-radius:12px;
	text-decoration:none;
	margin-bottom:32px;
}


/*galeria aventura*/
#aventura { font-family: 'Open Sans', sans-serif; }
#aventura .col-md-4{margin:0; padding:0;}
#aventura .aventura-item {padding:0; }
#aventura .imageholder{position:relative; width:100%; color:#fff; display:block; margin:0; padding:0; overflow:hidden}
#aventura .imageholder-hover{
	opacity:0;
	position:absolute; 
	z-index:9; 
	top:320px; 
	left:0; 
	width:100%; 
	height:100%;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
#aventura .imageholder:hover .imageholder-hover {
	background:rgba(134,159,32,0.7);
	opacity:1;
	top:0;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
#aventura .imageholder img{
	transform: scale(1);
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
#aventura .imageholder:hover img{
	transform: scale(1.4);
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

#aventura .imageholder-hover h3{color:#fff; font-size:30px; text-transform:uppercase; text-align:center; padding-top:18%; margin-left:auto; margin-right:auto; font-weight:300; }
#aventura .imageholder-hover a{color:#fff; text-decoration:none}




/*** Table Styles **/

.table-fill {
  background: white;
  border-radius:3px;
  border-collapse: collapse;
  height: 320px;
  margin: auto;
  max-width: 100%;
  padding:5px;
  width: 100%;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  animation: float 5s infinite;
}
 
.table-fill th {
  color:#E3E3E3;
  background:#055C77;
  border-bottom:1px solid #032B45;
  border-right: 1px solid #032B45;
  font-size:22px;
  font-weight: 100;
  padding:20px;
  text-align:left;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  vertical-align:middle;
}

.table-fill th:first-child {
  border-top-left-radius:3px;
}
 
.table-fill th:last-child {
  border-top-right-radius:3px;
  border-right:none;
}
  
.table-fill tr {
  border-top: 1px solid #C1C3D1;
  border-bottom-: 1px solid #C1C3D1;
  color:rgba(47,47,47,1.00);
  font-size:20px;
  font-weight:normal;
  text-shadow: 0 1px 1px rgba(256, 256, 256, 0.1);
}
 
.table-fill tr:hover td {
  background:#BDD7AB;
  border-top: 1px solid #E0D7BE;
  border-bottom: 1px solid #E0D7BE;
}
 
.table-fill tr:first-child {
  border-top:none;
}

.table-fill tr:last-child {
  border-bottom:none;
}
 
.table-fill tr:nth-child(odd) td {
  background:#EBEBEB;
}

.table-fill tr:last-child td:first-child {
  border-bottom-left-radius:3px;
}
 
.table-fill tr:last-child td:last-child {
  border-bottom-right-radius:3px;
}
 
.table-fill td {
  background:#FFFFFF;
  padding:20px;
  text-align:left;
  vertical-align:middle;
  font-weight:300;
  font-size:14px;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
  border-right: 1px solid #C1C3D1;
}

.table-fill td:last-child {
  border-right: 0px;
}

.table-fill th.text-left {
  text-align: left;
}

.table-fill th.text-center {
  text-align: center;
}

.table-fill th.text-right {
  text-align: right;
}

.table-fill td.text-left {
  text-align: left;
}

.table-fill td.text-center {
  text-align: center;
}

.table-fill td.text-right {
  text-align: right;
}

td.highlight {
    background-color: red;
}



footer {width:100%; min-height:126px; margin: 0; background-color:#211F12; }
footer h4{font-size:24px;color:#E3E3E3; font-weight:300}
footer p, footer a{color:#E3E3E3; text-decoration:none;font-size:13px;}
footer i{font-size:22px!important; padding:0 12px;}
footer a:hover{color:#FFF;}

footer .top { min-height:150px; letter-spacing:0px}
	
footer .bottom {border-top:1px solid #49481D; }
footer .bottom a{color:#DAD657}
	
	
		


#reserva-form{display:none;}
	 .aviso{display:block;max-width:220px; margin-left:auto; margin-right:auto; text-align:center; font-size:12px; color:white}
		.aviso a{display:block; text-align:center; font-size:12px; color:white; text-decoration:underline}
		#reserva-form .btn {text-align:center;}

#pagina address i{text-align:center; width:30px; display:inline-block; margin:0 7px 0 0}
#mapa {height:500px; width:100%; padding:0; margin:0}

@media screen and (min-width: 1271px)
{
	nav {display:block;}
}
@media screen and (max-width: 1270px)
{
	.navbar-toggle {display:block; border:0!important;}
	
	
	
	nav {width:100%; float:none!important; text-align:center; display:none; }
	nav ul {width:100%; float:none!important; margin:32px 0 0 0; padding:0; list-style:none}
		nav ul li{width:100%; float:none; padding:0; margin:20px auto 20px auto;}
			nav ul li a{ width:100%; padding:0; text-align:center }
	
			nav ul li.selected>a{ border:0!important }
			nav ul li>a:hover{ border:0!important }
			
	nav ul li ul {
		position: static!important;
		display: block!important;
		top: 0!important;
		min-width:180px;
		border:0
	}
		
}

@media screen and (max-width: 1240px)
{
	.shadows{display:none!important}
	
	.owl .item div.col-md-8 {margin-right:0; padding-right:0;width:100%;}
		.owl .item div.col-md-8  .imageholder{background:#869F20;width:100%;}
		.owl .item div.col-md-8  .imageholder img{opacity:0.7;background:#869F20;width:100%;}
	.owl .a {color:#fff; text-decoration:none}
	.owl .item div.col-md-8:after{word-spacing:pre}
	
	.aventura {height:88px; width:100%; padding:0 25px 0 25px}
	.aventura h3{font-size:22px;  padding-top:4%; margin-left:auto; margin-right:auto; }
}

@media screen and (max-width: 992px)
{
	
	.breadcrumbs {height:160px;margin:0; padding: 0}
	.breadcrumbs h1{padding:0; font-size:24px}
	
	.banner h2{font-size:22px}
	
	.banner p {font-size:10px;}
	
	.banner a {padding:8px 6px; font-size:12px; display:block;margin-top:10px;}
	
	
	.quarto{width:60%;margin:45px auto}
	
	#overlay {width:33%; height:44%; background-size:100%;}
	
	
	
	#contact-form {margin-top:42px}
	
	#contact-form .col-md-4 {margin-bottom:22px; }
	#contact-form .col-md-4:last-child {margin-bottom:10px; }
	
	textarea.form-control{margin-top:0; }
	
	
	
	footer .top {font-size:12px}
	
	
	.formholder {padding-top:32px}
}

@media screen and (max-width: 767px)
{
	body {overflow-x:hidden;}
	.main_slideshow #reserva-form {visibility:hidden}
	
	footer .text-left,footer .text-right{text-align:center!important; padding-bottom:32px}
	
	.input-submit {float:none; width:100%; display:block; margin-left:auto; margin-right:auto}
	
}

@media screen and (max-width: 420px)
{
	.logo {margin-top:70px}
}

/*helper classes*/
.pad-0 {padding:0!important;}

/*paddig top helper classes*/
.pt-0{padding-top:0!important;}
.pt-10{padding-top:10px!important;}
.pt-20{padding-top:20px!important;}
.pt-30{padding-top:30px!important;}
.pt-40{padding-top:40px!important;}
.pt-50{padding-top:50px!important;}
.pt-60{padding-top:60px!important;}
.pt-70{padding-top:70px!important;}
.pt-80{padding-top:80px!important;}
.pt-90{padding-top:90px!important;}
.pt-100{padding-top:100px!important;}

/*padding bottom helper classes*/
.pb-0{padding-bottom:0!important;}
.pb-10{padding-bottom:10px!important;}
.pb-20{padding-bottom:20px!important;}
.pb-30{padding-bottom:30px!important;}
.pb-40{padding-bottom:40px!important;}
.pb-50{padding-bottom:50px!important;}
.pb-60{padding-bottom:60px!important;}
.pb-70{padding-bottom:70px!important;}
.pb-80{padding-bottom:80px!important;}
.pb-90{padding-bottom:90px!important;}
.pb-100{padding-bottom:100px!important;}

.pl-0 {padding-left:0!important; margin-left:0!important}
.pr-0 {padding-right:0!important; margin-right:0!important}


.mt-10{margin-top:10px!important;}
.mt-20{margin-top:20px!important;}
.mt-30{margin-top:30px!important;}
.mb-10{margin-bottom:10px!important;}
.mb-20{margin-bottom:20px!important;}
.mb-30{margin-bottom:30px!important;}
.mb-70{margin-bottom:70px!important;}


.hideme{opacity:0}
.clear {clear:both;}




/*forms*/
#contact-form {display:none; margin:22px 0; max-width:80%}


.formholder .col-md-6 h1,
.formholder .col-md-6 h2,
.formholder .col-md-6 h3,
.formholder .col-md-6 h4,
.formholder .col-md-6 h5,
.formholder .col-md-6 h6 {font-weight:700; color:#000; font-size:12px; text-transform:uppercase}

.formholder .col-md-6 a {text-decoration:none; color:#000;}

.formholder .form-control{
	border-radius:0;
	margin-bottom:20px;
	background:#fff;
}
.formholder .form-control:last-child{
	margin-bottom:0;
	padding-bottom:0
}
.formholder input::-webkit-input-placeholder,
.formholder textarea::-webkit-input-placeholder{
   color: #6d696a;font-size:12px; text-transform:uppercase!important; font-weight:700!important;
}

.formholder input::-moz-placeholder,
.formholder textarea::-moz-placeholder{ /* Firefox 18- */
   color: #6d696a;font-size:12px; text-transform:uppercase!important; font-weight:700!important;
}
.formholder input::-moz-placeholder,
.formholder textarea::-moz-placeholder{
   color: #6d696a;font-size:12px; text-transform:uppercase!important; font-weight:700!important;
}
.formholder input::-ms-input-placeholder,
.formholder textarea::-ms-input-placeholder{  
   color: #6d696a;font-size:12px; text-transform:uppercase!important; font-weight:700!important;
}
.formholder input,
.formholder textarea{width:100%; padding:2px 4px; font-size:12px;}

.formholder input{}
.formholder .input-submit{
	float:right;
	margin-top:0;
	margin-bottom:72px;
	padding:14px 90px;
	font-size:13px;
	font-weight:700;
	text-transform:uppercase;
	background-color:rgba(44,107,118,1.00);
	color:#FFF;
	border:none;
	border-radius:0;
	cursor:pointer;
}
.formholder .input-submit:hover{
	background-color:#000;
}

.resultado {
	display:none;
	margin-top:32px;
	padding:8px 0;
	border-radius:12px;
}
.resultado p{
	padding:8px 20px;
	border-radius:12px;
	height:43px;
}


.input-search {float:left}
.input-search::-webkit-input-placeholder,
.input-search::-moz-placeholder,
.input-search::-ms-input-placeholder,
.input-search:-moz-placeholder 
{font-size:12px; font-weight:300}