@import url(css/forms.css);
@import url(css/menu.css);

* {
	margin: 0;
	padding: 0;
	line-height: 100%;
	resize: none;
	outline: none;
	text-decoration: none;
}
img {
	border: 0;
}
body {
	color: #704f2a;
	padding: 0 0 20px 0;
	background: url(img/bg.jpg);
	font-family: Arial, Helvetica, Sans-Serif;
}
header, section, nav, aside, footer {
	display: block;
}
/**/
#bg {
	height: 800px;
	background: url(img/bgtopo.jpg) repeat-x center top;
}
#wrp {
	overflow: hidden;
}
/*Header*/
header.main {
	width: 930px;
	height: 220px;
	overflow: hidden;
	margin: 0 auto;
}
header.main h1 {
	float: left;
	width: 148px ;
	height: 107px;
	overflow: hidden;
	margin: 18px 0 0 20px;
	text-indent: -9999px;
	background: url(img/logo.png);
}
header.main h1 a {
	height: 107px;
	display: block;
}
/*Idiomas*/
header.main #idiomas {
	width: 170px;
	float: right;
	margin: 140px 0 0 0;
}
header.main #idiomas ul {
	height: 25px;
	background: url(img/azul-transp.png);
	border-radius: 8px; -moz-border-radius: 8px;
}
header.main #idiomas li {
	display: inline;
}
header.main #idiomas li a {
	color: #00223c;
	float: left;
	height: 25px;
	display: block;
	font-size: 13px;
	line-height: 25px;
	text-indent: 30px;
}
/*Frase*/
header.main .logo {
	float: left;
}
header.main cite {
	clear: left;
	float: left;
	width: 575px;
	height: 24px;
	margin: 60px 0 0 25px;
	text-indent: -999px;
	overflow: hidden;
	background: url(img/frase.png);
}

/*Idioma*/
.english a {
	display: block;
	background: url(img/icons/flag-englat.png) no-repeat 10px center;
}
.espanol a {
	display: block;
	background: url(img/icons/flag-espanha.png) no-repeat 10px center;
}
/*Atendimento*/
header .atendimento {
	height: 25px;
	color: #00223c;
	font-size: 13px;
	line-height: 25px;
	text-align: center;
	margin: 40px 0 0 0;
	background: url(img/azul-transp.png);
	border-radius: 8px; -moz-border-radius: 8px;
}
header .atendimento a {
	color: #00223c;
	line-height: 25px;
}

header .atendimento a:hover {
	color: #6b9508;
}

/*Content*/
#content {
	width: 930px;
	margin: 0 auto;

}
#content p {
	color: #704f2a;
	font-size: 13px;
	line-height: 140%;
}
/*Botao Mais*/
#content .mais {
	height: 30px;
	margin: 0 10px 10px 10px;
}
#content .mais a {
	float: right;
	color: #704f2a;
	font-weight: bold;
	padding-left: 15px;
	text-shadow: 0 1px 0 #fff;
	background: url(img/botoes.png) no-repeat left -0px;
}
#content .mais span {
	display: block;
	height: 30px;		
	line-height: 30px;
	padding-right: 15px;
	background: url(img/botoes.png) repeat-x right -30px;
}
#content .mais a:hover {
	color: #ac5627;
	background: url(img/botoes.png) no-repeat left -60px;
}
#content .mais a:hover span {
	background: url(img/botoes.png) no-repeat right -90px;
}

/*Home*/
#home {
	height: 420px;
	overflow: hidden;
	background: url(img/home-bg.png) no-repeat top left;
}

.bloco {	
	float: left;
	margin: 10px;
	background: #f6f3ee;
	border: 1px solid #fff;
	border-radius: 10px;	-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px;
}
.bloco h2 {
	color: #6b9508;
	height: 30px;
	font-size: 17px;
	font-weight: normal;
	line-height: 30px;
	margin: 10px 10px 10px 12px;
	background: url(img/bg-title.png) no-repeat right center;
}
.bloco h2 a {
	color: #6b9508;
}
.bloco p {
	margin: 0 15px 10px 15px;
}
.bloco p strong {
	color: #ff5a00;
	font-weight: normal;
}
/*Foto Pousada*/
#fotopousada {
	width: 380px;
	margin: 10px;
	height: 210px;
	text-align: center;
}
#fotopousada img {
	margin: 10px 0;
}
/*Foto Bombinhas*/
#fotobombinhas {
	width: 240px;
	height: 210px;
	margin: 10px 0;
	padding: 0 10px;
}
#fotobombinhas .descr {
	margin: 0;
	color: #fff;
	height: 40px;
	width: 210px;
	font-size: 13px;
	line-height: 160%;
	padding: 10px 15px;
	position: absolute;
	margin: 140px 0 0 0;
	background: url(img/verde-transp.png);
}
#fotobombinhas .descr a {
	color: #fff;
}
#fotobombinhas img {
	margin: 10px 0 0 0;
}

#fotobombinhas strong {
	color: #fff;
	font-weight: bold;
}
/*Home Sustentabilidade*/
#home #sustentabilidade {
	width: 380px;
	height: 175px;
	margin: 0 10px 20px 10px;
}
/*Home Reservas*/
#consulta {
	width: 245px;
	height: 200px;
	margin: 10px 0 10px 10px;
}
/*Home Pousada*/
#home #pousada {
	margin: 0;
	width: 516px;
	height: 175px;
}
#home #pousada .mais {
	z-index: 99;
	float: right;
	position: relative;
}

/*Pages*/
#pages {
	float: left;
	width: 930px;
	margin: auto;
	padding: 0 0 1px 0;
	background: url(img/content-middle.png);
}
#pageshead {
	width: 930px;
	margin: auto;
	height: 50px;
	background: url(img/pageshead.png);
}
#pages h2.main {
	color: #6b9508;
	font-size: 18px;
	font-weight: normal;
	line-height: 30px;
	padding: 10px 20px 10px 23px;
}
#pages section h3 {
	color: #6b9508;
	font-size: 17px;
	font-weight: normal;
	padding: 10px 20px 7px 15px;
}
#pages section h3 a {
	color: #6b9508;
	text-decoration: underline;
}
#pages section h3 a:hover {
	text-decoration: none;
}
#pages section h3 span {
	font-weight: bold;
	color: #472603;
	font-size: 14px;
}
#pages section h4, #pages section h5 {
	color: #472603;
	font-size: 14px;
	font-weight: bold;
	padding: 10px 20px 0 20px;
}
#pages p {
	color: #472603;
	font-size: 13px;
	line-height: 150%;
	margin: 0 20px 15px 15px;
}
#pages p a, #pages li a {
	color: #6b9508;
}
#pages p a:hover {
	color: #ac1010;
}
#pages ul, #pages ol {
	margin: 0 0 15px 40px;
}
#pages li {
	color: #472603;
	font-size: 13px;
	line-height: 150%;
	margin-bottom: 10px;
}
#pages blockquote {
	clear: both;
	padding: 10px;
	margin: 0 15px 20px 20px;
	text-align: center;
	background: url(img/blockquote.png) repeat-x top left;
	border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;-khtml-border-radius: 10px;
}
#pages blockquote p {
	color: #6b9508;
	margin: 0;
	text-shadow: 0 1px 0 #fff;
	font-weight: bold;
	font-size: 15px;
}
/*Listas de pacotes*/
#pages ul.pacotes {
	margin: 0 20px 20px 15px;
}
#pages ul.pacotes li {
	display: inline;
}
#pages ul.pacotes li a {
	color: #472603;
	display: block;
	padding: 5px 0;
	text-indent: 20px;
	line-height: 150%;
	border-bottom: 1px dotted #ddcfaa;
	background: url(img/marcador.png) no-repeat 5px center;
}
#pages ul.pacotes li a:hover {
	background: #ddcfaa url(img/marcador.png) no-repeat 5px center;
}
/*Pacotes especiais*/
#pages .pacotes_especiais {	
	float: left;
	margin: 0 20px 20px 15px;
}
#pages .pacotes_especiais li {
	display: inline;
}
#pages .pacotes_especiais a {
	float: left;
	display: block;
	width: 200px;
	height: 155px;
	margin-bottom: 10px;
	background: url(img/galeria.png);
}
#pages .pacotes_especiais .thumb {border: 1px solid #E9DFCB;
	z-index: 98;
	position: absolute;
	margin: 10px 0 0 9px;
}
#pages .pacotes_especiais span {
	color: #fff;
	z-index: 99;
	width: 180px;
	height: 30px;
	position: absolute;
	background: #000;
	line-height: 30px;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	margin: 116px 0 0 10px;
	background: url(img/transp-green.png);
}
/**/
#pages .pacotes_especiais li:nth-child(3n+2) a {
	margin: 0 7px ;
}


/*Pages Sections*/
#pages section {
	float: left;
	width: 650px;
	margin: 0 0 0 10px;
	background: url(img/section.png) no-repeat left top;
}
#pages section .thumbnail_p_left a, #pages section .thumbnail_p_right a {
	float: left;
	width: 180px;
	height: 135px;
	padding: 10px;
	margin: 0 15px 0 15px;
	background: url(img/galeria.png);
}

#pages section .thumbnail_p_left a {
	margin-bottom: 15px;
}

#pages section .thumbnail_p_right a {
	float: right;
	margin: 0 15px 0 15px;	
}

#pages section .floatleft {
	float: left;
	padding: 10px 10px 10px 0;
	margin: 0 15px 0 0;
}

#pages section .floatright {
	float: right;
	padding: 10px 0 10px 0;
}

/*Erro*/
#pages #erros {
	color: #ac1010;
	padding: 10px 0;
	margin: 0 10px 10px 15px;
	background: #fbe3e4;
	border: 1px solid #df8f90;
	box-shadow:  2px 2px 3px #ccc; -moz-box-shadow: 2px 2px 3px #ccc; -webkit-box-shadow:  3px 3px 3px #ccc; -khtml-box-shadow: 2px 2px 3px #ccc;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px;
}
#pages #erros h3 {
	margin: 0;
	color: #333;
	padding: 0 10px 10px 15px;
}
#pages #erros strong {
	color: #ac1010;
	padding: 0 0 0 25px;
	background: url(../img/icons/erro.gif) no-repeat;
}
#pages #erros ul {
	margin: 0 40px;
}
#pages #erros li {
	font-size: 13px;
	margin: 0 0 5px 0;
}
#pages #erros a, #pages #erros a:hover {
	color: #6b9508;
	text-decoration: none;
}
#pages #erros a:hover {
	text-decoration: underline;
}
/*Sidebar*/
aside {
	height: 440px;
	float: right;
	width: 247px;
	margin: 0 10px 0 0;
}
aside #consulta {
	margin: 0 0 10px 0;
}
/**/
aside .quote {
	width: 245px;
	float: right;
	height: 45px;
	padding: 5px 0 0 0;
	margin-bottom: 10px;
	background: url(img/asidequote.png);
}
#pages aside .quote p {
	color: #fff;
	font-size: 13px;
}
/**/
#pages aside .image {
	float: right;
	margin-bottom: 210px;
}
/*breadcrumbs*/
.breadcrumbs {
	float: left;
	height: 30px;
	margin: 10px 0 0 20px;
}
.breadcrumbs li {
	float: left;
	height: 30px;
	color: #704f2a;
	list-style: none;
	font-size: 14px;
	line-height: 30px;
	margin: 0 2px 0 0;
}
.breadcrumbs a {
	height: 30px;
	display: block;
	color: #704f2a;
	line-height: 30px;
	padding: 0 15px 0 0;
	background: url(img/breadcrumbs.png) no-repeat right 10px;
}
.breadcrumbs a:hover {
	color: #6b9508;
}
/**/
#pageshead .tools {
	float: right;
	margin: 14px 20px 0 0;
}
#pageshead .tools li {
	display: inline;
}
#pageshead .tools a {
	color: #472603;
	font-size: 14px;
	float: left;
	height: 25px;
	display: block;
	text-shadow: 0 1px 0 #fff;
	line-height: 22px;
	margin-left: 20px;
	padding-left: 34px;
}
#pageshead .tools a:hover {
	color: #ac1010;
}
#pageshead .tools .email a {
	background: url(img/icons/icon-email.png) no-repeat;
}
#pageshead .tools .print a {
	background: url(img/icons/icon-print.png) no-repeat;
}
/*Comuns*/
.clear {
	clear: both;
}
#pages .galeria {
	width: 630px;
	float: left;
	margin: 0 0 20px 15px;
}
#pages .galeria li {
	display: inline;
}
#pages .galeria a {
	float: left;
	width: 200px;
	height: 155px;
	display: block;
	text-align: center;
	margin: 0 10px 10px 0;
	background: url(img/galeria.png) top;
}
#pages .galeria img {
	width: 180px;
	height: 135px;
	margin: 10px 0 0 0;
}

/*galeria paginacao*/
.ngg-navigation {
	clear: both;
	height: 30px;
	margin: 0 0 20px 20px;
}
.ngg-navigation a, .ngg-navigation span {
	color: #472603;
	font-weight: bold;
	text-shadow: 0 1px 0 #fff;
	float: left;
	display: block;
	height: 30px;
	width: 30px;
	margin: 0 10px 0 0;
	line-height: 30px;
	text-align: center;
	background: url(img/galeria-pag.jpg);
}
.ngg-navigation span {
	background: url(img/galeria-pag-hover.jpg);
}
/*Mapa*/
#googlemap {
	width: 620px;
	height: 330px;
	margin: 0 0 20px 20px;
	background: url(img/mapa.png);
}
#googlemap #map {
	float: left;
	width: 600px;
	height: 310px;
	margin: 10px 0 0 10px;
	background: silver;
}

/*Comuns*/
.clear {
	display: block;
	clear: both;
}
/*voltar*/
#pages .voltar {
	clear: both;
	height: 30px;
	margin: 0 10px 10px 10px;
	text-indent: 10px;
	background: #ece3cf;
	-moz-border-radius: 10px;
}
.voltar a {
	color: #6b9508;
	font-size: 14px;
	line-height: 30px;
	text-shadow: 0 1px 0 #fff;
}
.voltar a:hover {
	color: #ff5a00;
	
}
/*Footer*/
footer {
	clear: both;
	width: 930px;
	height: 50px;
	margin: 0 auto;
	overflow: hidden;
	margin-bottom: 20px;
	background: url(img/footer.jpg) left bottom;
}
footer nav {
	float: left;
	margin: 10px 0 0 20px;
}
footer nav li {
	display: inline;
}
footer nav a {
	float: left;
	color: #472603;
	display: block;
	font-size: 13px;
	overflow: hidden;
	margin: 0 10px 0 0;
}
footer nav a:hover {
	color: #ac1010;
	text-shadow: 0 1px 0 #fff;
}
footer .twitter a {
	width: 70px;
	height: 16px;
	height: 17px;
	text-indent: -999px;
	background: url(img/logo-twitter.png) no-repeat;
}
footer .flickr a {
	width: 48px;
	height: 17px;
	text-indent: -999px;
	background: url(img/logo-flickr.png) no-repeat;
}
footer .mulher {
	width: 526px;
	height: 100px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	z-index: 20;
	margin-left: -30px;
	margin-top: -30px;
	background: url(img/mulher.png) no-repeat center;
}
/*Dev*/
#dev {
	width: 920px;
	margin: 0 auto;
}
#dev address {
	float: left;
	color: #472603;
	font-size: 12px;
	line-height: 140%;
	font-style: normal;
	text-shadow: 0 1px 0 #fff;
	margin: 0 0 20px 0;
}
#dev address a {
	float: left;
	color: #472603;
	font-size: 12px;
	text-shadow: 0 1px 0 #fff;
	margin: 3px 2px 0 0;
}
#dev address a:hover {
	color: #ac1010;
	text-shadow: 0 1px 0 #fff;
}
#dev address a.turismo {
	clear: both;
	display: block;
	width: 84px;
	height: 17px;
	background: url(img/ministerio_do_turismo.jpg) no-repeat;
	text-indent: -9999px;
	margin: 10px 30px 0 0;
}
#dev address a.guia {
	float: left;
	display: block;
	width: 84px;
	height: 18px;
	background: url(img/guia_quatro_rodas.jpg) no-repeat;
	text-indent: -9999px;
	margin: 10px 0 0 0;
}
#dev .fone {
	color: #8b4c08;
}
#dev li {
	display: inline;
}
#dev p {
	float: right;
	height: 30px;
	padding: 5px 0;	
}
#dev p a {
	float: left;
	color: #472603;
	display: block;
	font-size: 12px;
	padding: 5px 0;
	text-shadow: 0 1px 0 #fff;
}
#dev p a:hover {
	color: #ac1010;
	text-shadow: 0 1px 0 #fff;
}