﻿@charset "utf-8";

/* AOKA CSS */

/* Informações gerais CSS

Design: Estúdio Camisa10 - www.camisa10.org

Versão: 0.2

Data: 18.08.2009

Designer: Fabio Issao - fabio@camisa10.org */



/* Índice



01. Definições HTML -----------------------------

02. Tipologia e Links ---------------------------

03. Imagens -------------------------------------

04. Elementos gráficos --------------------------

05. Estrutura -----------------------------------

	05.1. Cabecalho -----------------------------

	05.2. Menu ----------------------------------

	05.3. Banner --------------------------------

	05.4. Conteúdo ------------------------------

	05.5. Parceiros -----------------------------

	05.6. Rodapé --------------------------------

*/





/*01. Definições HTML ---------------------------*/



*, html { margin: 0; padding: 0; }



body { 

	margin: 0; 

	padding: 0; 

	background: url(../img/texturas/SX149.jpg) repeat; 

	font: normal 8px/10px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Arial, Verdana; 

	color: #321700; 

	}

	

td { 

	vertical-align: top; 

	padding: 5px; 

	}









/*conteudo*/



/*05. Estrutura ---------------------------------*/



#container { 

	margin: 0 auto; 

	width: 960px; 

	position: relative;

	}

	

* html #container {

	}

	



/*05.2. Menu ------------------------------------*/



#menu{

	position:absolute;

	left:0px;

	top:160px;

	height:70px;

	width:960px;

	z-index: 10;

	outline:none; 

	outline-style: none;

}



/*05.3. Banner ----------------------------------*/



#banner { 

	width: 960px; 

	height: 290px; 

	margin-top: 70px; 

	outline:none; 

	outline-style: none; 

	}





/*05.1. Cabeçalho e Rodape -------------------------------*/



#mapa, #intro-mapa { 

	clear: both;

	}

	

#cabecalho, #endereco, #linguagem, #rodape { 

	color: #532500; 

	}



#conteudo, #parceiros, #rodape { 

	margin-bottom: 20px; 

	clear: both;

	}

	

#cabecalho { 

	height: 126px; 

	padding-top: 34px;

	clear: both;

	}





#linguagem { 

	height: 18px;

	margin-left: 86px;

	}



#endereco, #weblinks, #newsletter { 

	height: 40px; 

	clear: both; 

	text-align: right; 

	}

	

#endereco {

	margin-top: 16px; }



#newsletter {

	height: 30px; }



#weblinks ul, #newsletter form { 

	float: right; 

	}

	

#weblinks ul, #rodape ul {

	list-style-type: none; 

	}

	

#weblinks ul li, #rodape ul li { 

	float: left; 

	}

	

#weblinks ul li { 

	margin-left: 10px; 

	}



#conteudo {

	float: left;

	}



#rodape { 

	color: #532500;

	border-top: 2px solid #532500;

	}



.lista, .copyright { 

	margin: 0 0 10px; 

	float: left; 

	display: block; 

	width: 940px;

	}

	

	

.rodape-box {

	float: left;

	width: 130px;

	margin: 0 5px 0 0;

	color: #532500; 

	font-weight: bold; 

	font-size: 12px;

	}





.box-titulo {

	padding: 5px 0 6px;

	border-bottom: 1px solid #532500;

	text-transform: uppercase;

	font-weight: normal;

	font-size: 0.9em;

	}	



#rodape ul { 

	margin: 7px 0;

	}

	

#rodape ul li a { 

	line-height: 16px; 

	margin-bottom: 3px; 

	margin-right: 0;

	width: 130px;

	display: block;

	font-weight: normal;

	font-size: 0.9em;

	}



#rodape ul li a:hover {

	background-color: #532500;

	color: #f0eeda;

	text-decoration: none;

	}

	

.copyright { 

	border-top: 1px solid #532500;  

	border-bottom: 1px solid #532500;

	font-size: 1.3em; 

	padding: 5px 0 6px;  

	}



#cabecalho a, #rodape a { 

	color: #532500; 

	}





.newsletter-input { 

	border: 1px solid #555125; 

	width: 130px; 

	height: 14px; 

	padding: 4px 5px; 

	float: left; 

	margin-bottom: 6px;

	margin-left: 10px;

	color: #555125;

	font-family: "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Arial, Verdana;

	font-size: 11px;

	}

	

.botao-newsletter { 

	width: 100px; 

	height: 24px; 

	padding: 0; 

	float: left; 

	margin-left: 10px; 

	background: #555125; 

	}



.form-viagem {

	margin: 0 0 20px;

	color: #555125;

	width: 100%;

	display: block;

	float: left;

	clear: both;

	}



.form-viagem .div25 {

	width: 25%;

	display: block;

	float: left;

	height: 150px;

	}

	

.form-viagem .div25 .linha {

	height: 30px;

	}

	

.form-viagem input.checkbox {

	display: block;

	float: left;

	margin-right: 8px;

	}

	

.form-viagem div.linha { display: block; float:left; width: 100%; clear: both; margin-bottom: 8px; font-size: 11px; line-height: 15px; }



.form-viagem div.linha span { width: 160px; margin: 5px 10px 0 0; float: left; color: #555125; text-transform: uppercase; font-size: 11px; padding: 2px 0; }



.form-viagem label { display: block; float: left; width: 50%; }



input.dadospessoais { 

	width: 528px; 

	border: none;

	background: #e5e3cc;

	height: 14px;

	padding: 4px 1px;

	float: left;

	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Arial, Verdana;

	font-size: 11px;

	color: #523500; }



textarea.ideias {

	border: none;

	background: #e5e3cc;

	padding: 4px 1px;

	float: left;

	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Arial, Verdana;

	font-size: 11px;

	color: #555125;

	width: 100%;

	}





/*destaque-home*/



.destaque-home h1, .destaque-home h2, .destaque-home h5 { 

	margin: 0px; 

	}

	

.destaque-home h3, .destaque-home h4, .widget-viagens h3, .widget-viagens h4, .form-viagem h4 { 

	margin-bottom: 10px; margin-top: 0; 

	}

	

.destaque-home a, .widget-viagens a { 

	display: block;

	color: #321700;

	}

	

.destaque-home, .destaque-home img, .widget-viagens, .widget-viagens img { 

	margin-bottom: 10px; 

	}

	

.leiamais, .widget .leiamais { 

	display: block;

	background: url(../img/icones/icon_leiamais.png) left center no-repeat; 

	padding: 2px 5px 3px 24px; 

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px; 

	line-height: 15px;

	color: #532500; 

	font-weight: normal;

	border-bottom: 1px dotted #555125; 

	border-top: 1px dotted #555125; 

	margin: 10px 0;

	}



.leiamais a { color: #555125;  }



.leiamais a:hover { color: #523500; }



.leiamais:hover, .widget .leiamais:hover { background-color: #e2ac14; }





.proximas-viagens { 

	float: left;

	display: block; 

	background: #532500 url(../img/botoes/bt_proximas-viagens.png) right bottom no-repeat;

	height: 70px; 

	margin-bottom: 5px; 

	width: 210px; 

	padding: 5px; 

	color: #e5e3cc; 
	
	overflow: hidden;

	clear: both;

	}







.widget-viagens .proximas-viagens {

	background: #897e1a url(../img/botoes/bt_proximas-viagens.png) right bottom no-repeat;

	}



.proximas-viagens:hover { 

	background: #555125 url(../img/botoes/bt_proximas-viagens_hover.png) right bottom no-repeat;

	 }



.widget-viagens .proximas-viagens:hover {

	background: #555125 url(../img/botoes/bt_proximas-viagens_hover.png) right bottom no-repeat;

	}



.proximas-viagens a h6 { font-weight: bold; color: #e5e3cc; margin: 0 0 2px;}



.proximas-viagens a { color: #e5e3cc; }



.proximas-viagens a p { font-size: 11px; line-height: 15px; }



.proximas-viagens a:hover { text-decoration: none; }







.proximas-viagens img, .viagens-relacionadas img { 

	margin-right: 5px;

	float: left;

	}





.viagens-relacionadas {

	display: block;

	float: left;

	width: 690px;

	padding: 5px;

	background: #e5e3cc url(../img/botoes/bt_proximas-viagens.png) right bottom no-repeat;

	color: #555125;

	margin-bottom: 5px;

	}



.viagens-relacionadas:hover {

	background: #f0eeda url(../img/botoes/bt_proximas-viagens_hover.png) right bottom no-repeat;

	}



.viagens-relacionadas a {

	display: block;

	}



.viagens-relacionadas a p {

	color: #555125;

	font-size: 12px;

	line-height: 15px;

	}



.viagens-relacionadas a:hover {

	text-decoration: none;

	}

	

	

.viagens-relacionadas a h6 {
	margin-left: 75px;
	color: #555125;
	font-weight: bold;
	display: block;
	border-bottom: 1px dotted #555125;
	padding-bottom: 2px;
	margin-bottom: 3px;
	}



/*widget*/

.widget h1, .widget h2, .widget h3, .widget h4, .widget h5, .widget h6 { 

	margin: 0; 

	}



.widget { 

	margin-bottom: 20px; 

	display: block; 

	width: 100%; 

	clear: both;

	}

	

.widget a { color: #532500; }

	

.widget div { 

	padding: 5px;

	background: #e5e3cc;

	font-size: 0.9em;

	line-height: 1.1em;

	}



.widget div.teaser-destinos { 

	padding: 0; 

	}



.link-teaser { font-size: 12px; }





/*depoimentos*/



.widget a#prev, .widget a#next { display: block; width: 11px; height: 11px; position: absolute; top: 5px; right: 10px; background: url(../img/botoes/next.png) left center no-repeat; }

.widget a#prev { right: 25px; background: url(../img/botoes/prev.png) left center no-repeat; }

.widget a#next:hover { background: url(../img/botoes/next_hover.png); }

.widget a#prev:hover { background: url(../img/botoes/prev_hover.png); }



.caixa-depoimento { position: relative; }

#depoimentos { height: 220px; }

#depoimentos p { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Arial, Verdana; font-weight: normal; color: #532500; }

#depoimentos p strong { color: #555125; font-weight: bold; }

.nivel p, .quadro-depoimento p { margin-bottom: 7px; }



blockquote.quadro-depoimento { 

	background: url(../img/icones/depoimento_quote_esq.png) left top no-repeat;

	font-size: 10px; 

	margin: 3px 0; 

	color: #555125;

	height: 204px;

	overflow: hidden;

	}

	

blockquote.quadro-depoimento div { 

	background: url(../img/icones/depoimento_quote_dir.png) right bottom no-repeat; 

	padding: 7px 7px; 

	}



.quadro-depoimento div p {

	font-size: 1.3em;

	}



/*caminho*/

.caminho { padding: 3px 0 3px 24px; border-bottom: 1px dotted #555125; border-top: 1px dotted #555125; background: url(../img/icones/icon_caminho.png) left center no-repeat; margin: 0 0 20px; text-transform: uppercase; }



.caminho a { color: #555125; }



/*bloco-texto, intro, destaque-home*/



.bloco-texto, .bloco-texto-aba .intro, .intro2, .mini-bloco, .destaque-home, .widget-viagens { 

	display: block; 

	width: 100%; 

	clear: both; 

	margin-bottom: 20px; 

	}



.bloco-texto-titulo {

	width: 625px;

	height: 58px;

	margin: 0;

	float: left;

	}



.bloco-texto-link-50 {

	padding: 0 10px;

	width: 330px;

	float: left;

}



.bloco-texto.abas {

	background-color: #e5e3cc;

	padding: 18px 0;

	width: 700px;

	margin-top: 0; }



.bloco-texto.box {

	display: block;

	background-color: #e5e3cc;

	float: right;

	padding: 5px 5px;

	width: 165px;

	margin: 0 0 10px 10px;

	}



.box ul {

	list-style-image: url(../img/icones/lista-bloco-type.png);

	list-style-position: inside;

	margin-top: 10px;

	}



.box ul li {

	font-size: 1.4em;

	line-height: 1.3em;

	margin-bottom: 7px;

	}



.intro {

	margin-bottom: 0;

	}



.intro2 {

	margin: 12px 0 20px;

	}





.bloco-texto p, .bloco-texto-aba p, .widget p, .bloco-texto-link-50 p .widget-viagens p { 

	font-size: 1.6em; 

	line-height: 1.5em;

	}



.bloco-texto-link-50 p, .bloco-texto-link p, .destaque-home p {

	font-size: 1.4em;

	line-height: 1.4em;

	}





.bloco-texto p a, .bloco-texto p a:link, .bloco-texto p a:active, .bloco-texto-aba p a, .bloco-texto-aba p a:link, .bloco-texto-aba p a:active, .info a, .info a:link, .info a:active, .bloco-texto-link p a, .bloco-texto-link p a:link, .bloco-texto-link p a:active, .lista-bloco p a, .lista-bloco p a:link, .lista-bloco p a:active, .dia p a, .dia p a:link, .dia p a:active { 

	color: #897e1a; 

	}

	

.bloco-texto p a:hover, .bloco-texto p a:visited, .bloco-texto-aba p a:hover, .bloco-texto-aba p a:visited, info a:hover, .info a:visited, .bloco-texto-link p a:hover, .bloco-texto-link p a:visited, .lista-bloco p a:hover, .lista-bloco p a:hover, .lista-bloco p a:visited, .dia p a:hover, .dia p a:visited { 

	color: #555125; 

	}



.bloco-texto p strong, .bloco-texto-aba p strong { font-weight: normal; }



.bloco-texto-link, .bloco-texto-link-50 { 

	margin-bottom: 20px;

	}



.bloco-texto h4 {

	margin: 20px 0 15px;

	}



.bloco-texto-link h4 {

	margin-top: 10px;

	margin-bottom: 6px;

	}



.box-media {

	background-color: #e5e3cc;

	padding: 5px;

	margin-bottom: 10px;

	}



.box-media .leiamais {

	margin-left: 110px;

	}



.box-media h4 {

	margin-top: 0px;

	}





.bloco-texto-link img, .bloco-texto-link-50 img, .tabela img, .intro2 img { 

	float: left; margin-right: 10px; 

	}

	

.bloco-texto-link a, .bloco-texto-link-50 a { 

	text-decoration: none;

	}

	

.bloco-texto-link h5, .bloco-texto-link h4, .bloco-texto-link-50 h5, .bloco-texto-link-50 h4 { 

	margin-left: 110px;

	}

	

.bloco-texto-link h5 a, .bloco-texto-link-50 h5 a { 

	color: #f0eeda; 

	}



.bloco-texto-link h4 a, .bloco-texto-link-50 h4 a {

	color: #532500;

	}



.dia { margin-bottom: 10px; }



.dia p strong { background: #897e1a; margin-right: 5px; color: #f0eeda; padding: 0 4px; text-transform: uppercase; font-size: 0.9em; font-weight: normal; }



.lista-bloco ul { 

	list-style: disc inside url(../img/icones/lista-bloco-type.png);

	}

	

.lista-bloco ul li { 

	color: #321700; 

	margin-bottom: 3px;

	font-size: 1.4em;

	line-height: 1.4em;

	margin-bottom: 4px;

	}



.lista-bloco ul li a {

	text-decoration: none;

	color: #897e1a;

	}



.lista-bloco ul li a:hover {

	text-decoration: underline;

	color: #532500;

	}



.foto-legenda { 

	padding: 2px 2px 5px; 

	width: 127px;

	height: 155px;

	overflow: hidden;

	margin: 0 9px 9px 0;

	display: block; 

	float: left; 

	background: #e5e3cc; 

	}



.foto-legenda .legenda {

	height: 13px;

	overflow: hidden;

	}

	

.foto-legenda a img, .foto-legenda a img:link, .foto-legenda a img:active { 

	margin-bottom: 5px; 

	border: 1px solid #e5e3cc; 

	}

	

.foto-legenda a img:hover, .foto-legenda a img:visited { 

	border: 1px solid #555125; 

	}



.legenda strong { color: #555125; }



.legenda, .caminho { 

	font: normal 10px/13px Arial, Helvetica, sans-serif; 

	display: block; 

	color: #532500;

	}



#galeria a img, #galeria a img:link, #galeria a img:active { 

	margin: 0 7px 0 0; 

	border: 1px solid #f0eeda; 

	}

	

#galeria a img:hover, #galeria a img:visited { 

	border-color: #532500; 

	}



.galeria-linha { margin-bottom: 10px; }	



.mini-bloco { float: left; }





blockquote.quote { 

	background: url(../img/icones/quote.png) left top no-repeat; 

	margin: 20px; 

	}

	

blockquote.quote div { 

	background: url(../img/icones/quote-dir.png) right bottom no-repeat; 

	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Arial, Verdana;

	padding: 0 20px; 

	}



#nav a, #nav a:link, #nav a:active { 

	display: block; 

	float: left; 

	padding: 3px 5px 4px 5px; 

	color: #897e1a; 

	outline:none; 

	width: 165px; 

	text-decoration: none; 

	font-size: 11px; 

	line-height: 14px;  

	}

	

#nav a:hover { 

	text-decoration: underline; 

	}

	

#nav a.selected, #nav a.selected:active, #nav a.selected:visited { 

	background: #e5e3cc; 

	color: #532500; 

	}





#nav-criterios {

}



#nav-criterios a, #nav-criterios a:link, #nav-criterios a:active { 

	display: block; 

	float: left; 

	padding: 6px 12px; 

	color: #897e1a; 

	outline:none;

	text-decoration: none; 

	font-size: 11px; 

	line-height: 14px;

	}

	

#nav-criterios a:hover { 

	text-decoration: underline; 

	}

	

#nav-criterios a.selected, #nav-criterios a.selected:active, #nav-criterios a.selected:visited { 

	background: #e5e3cc; 

	color: #532500;

	}





.bloco-texto.criterios {

	background-color: #e5e3cc;

	margin-top: 0;

	padding: 18px 12px; }





.bloco-texto.criterios img { margin-right: 2px; float: left; padding: 4px 0 0; }



.bloco-texto.criterios h6 { color: #532500; display: block; padding: 0 0 4px; border-bottom: 1px dotted #532500; }



#criterios-box { width: 670px; }





#nav-criterios {

}



#nav-linear a, #nav-linear a:link, #nav-linear a:active { 

	display: block; 

	float: left; 

	padding: 6px 8px 8px;

	color: #532500;

	outline:none;

	text-decoration: none; 

	font-size: 11px;

	text-transform: uppercase;

	border-top: 1px dotted #555125;

	border-right: 1px dotted #555125;

	border-left: 1px dotted #555125;

	}

	

#nav-linear a:hover {

	background: #e5e3cc;

	}

	

#nav-linear a.selected, #nav-linear a.selected:active, #nav-linear a.selected:visited {

	background: #555125;

	color: #f0eeda;

	}



#nav-linear {

	border-bottom: 1px dotted #555125;

	margin-bottom: 20px;


 }

	



#nav-linear2 a, #nav-linear2 a:link, #nav-linear2 a:active { 

	display: block; 

	float: left; 

	padding: 6px 12px 6px 18px;

	color: #532500;

	outline:none;

	text-decoration: none; 

	font-size: 11px;

	margin-right: 1px;

	text-transform: uppercase;

	background: url(../img/icones/icon_nav-linear.png) left center no-repeat;

	}

	

#nav-linear2 a:hover {

	background: #897e1a url(../img/icones/icon_nav-linear_hover.png) left center no-repeat;

	color: #e5e3cc;

	}

	

#nav-linear2 a.selected, #nav-linear2 a.selected:active, #nav-linear2 a.selected:visited {

	background: #e5e3cc url(../img/icones/icon_nav-linear_hover.png) left center no-repeat;

	color: #532500;

	}



#nav-linear2 { }





.tabela-hotel { font-size: 11px; line-height: 14px; }

table.tabela-hotel { float: left; margin-bottom: 20px; }

.tabela-hotel td { padding: 2px 4px; background-color: #f0eeda; }

.tabela-hotel td a { color: #555125; }

.tabela-hotel strong { color: #555125; font-weight: normal; }



.info-conteudo { color: #532500; font-size: 11px; }



.ancora { display: block; width: 100%; clear: both; margin: 12px 0 10px; }



.ancora a {

	display: block;

	padding: 3px 5px 3px 15px;

	font: normal 1.3em/1.3em Arial, Helvetica, sans-serif;

	color: #555125;

	background: url(../img/botoes/topo.png) left center no-repeat;

	}



.caixa-dias { 

	width: 55px;

	height: 48px;

	padding: 5px;

	display: block;

	float: left;

	background: url(../img/old/bg_caixa-dias.png) no-repeat;  

	color: #532500;

	text-align: center;

	margin: 0 10px 20px 0;

	}



.caixa-dias .numero {

	height: 28px; 

	padding-top: 8px; 

	font-size: 36px; 

	letter-spacing: -3px;

	}



.caixa-dias .dias {

	height: 9px; 

	padding-top: 1px; 

	text-transform: uppercase; 

	border-top: 1px solid #f0eeda;

	}



/*Slider Bloco-texto*/



.img-header { height: 216px; position: relative; overflow: hidden; }

.img-header a#prev-slideshow, .img-header a#next-slideshow { display: block; width: 22px; height: 22px; position: absolute; top: 100px; right: 15px; background: url(../img/botoes/next-slideshow.png) left center no-repeat; z-index: 10; }

.img-header a#prev-slideshow { right: 660px; background: url(../img/botoes/prev-slideshow.png) left center no-repeat; }

.img-header a#next-slideshow:hover { background: url(../img/botoes/next-slideshow_hover.png); }

.img-header a#prev-slideshow:hover { background: url(../img/botoes/prev-slideshow_hover.png); }

.img-header #title { z-index: 11; position: absolute; bottom: 0; left: 0; background: url(../img/botoes/bg_legenda.png) repeat; padding: 5px 5px; width: 690px; color: #f0eeda; font-size: 1.4em; font-family: Arial, Helvetica, sans-serif; text-align: center; }







/*03. Imagens -----------------------------------*/





img { border: none; }

a img, a img:link, a img:active { border: none; }

a img:hover, a img:visited { border: none; }



.img-institucional { margin: 10px 0 20px; }



































/*05.5. Conteúdo --------------------------------*/



.quadro-proxima-viagem { background: url(../img/old/bg-quadro-proxima-viagem.png) no-repeat; height: 75px;}

.quadro-proxima-viagem p { font-size: 10px; line-height: 12px; }

.quadro-proxima-viagem a img { border: 1px solid #532500; }

.quadro-proxima-viagem a img:hover { border: 1px solid #f0eeda; }



.leiamais-pv a, .leiamais-pv a:link, .leiamais-pv a:active { width: 18px; height: 4px; padding: 3px 0 4px; display: block; background: url(../img/old/bt-leiamais.png) no-repeat; margin-top: 8px; }

.leiamais-pv a:hover, .leiamais-pv a:visited { background: url(../img/old/bt-leiamais-pv_hover.png) no-repeat; }



.veja-mais a { padding: 0 0 0 25px; background: url(../img/old/bt-leiamais.png) no-repeat; display: block; float: left; min-height: 11px; }

.veja-mais a:hover { background: url(../img/old/bt-leiamais_hover.png) no-repeat; }



#nav25 a, #nav25 a:link, #nav25 a:active { display:block; float:left; padding: 4px; background:#f0eeda; color: #897e1a; outline:none; width: 227px; text-decoration: none;  }

#nav25 a:hover { text-decoration: underline; }

#nav25 a.selected, #nav25 a.selected:active, #nav25 a.selected:visited { background: #e5e3cc; color: #532500; }







.box-viagem { padding: 5px; border: 1px solid #532500; font: normal 12px/18px Arial, Helvetica, sans-serif; }

.box-viagem strong { color: #555125; }

.box-viagem img { margin-right: 3px; }



ul .lista-info { }

.lista-info li {list-style-position:inside; list-style-image: url(../img/botoes/bt-lista.png); float: none; }



.hiddencontent,.hiddencontent2 { display:none; }

.clear { clear: both; }





/*05.4. Mapa Interativo -------------------------*/



#intro-mapa { 

	padding: 20px 10px; 

	margin-top: 50px; 

	}

	

#mapa { 

	text-align: center;

	height: 582px; 

	outline:none; 

	outline-style: none; 

	}





/*05.6. Parceiros -------------------------------*/



.parceiros-titulo { 

	text-align: center; 

	margin: 10px 0; 

	border-top: 1px solid #532500; 

	border-bottom: 1px solid #532500; 

	height: 25px; 

	}









/* colunas */

.coluna100 { width: 940px; float: left; margin: 0 10px; }

.coluna50 { width: 460px; float: left; margin: 0 10px;  }

.coluna30 { width: 370px; float: left; margin: 0 10px;  }

.coluna70 { width: 550px; float: left; margin: 0 10px;  }

.coluna25 { width: 220px; float: left; margin: 0 10px; }

.coluna75 { width: 700px; float: left; margin: 0 10px; }

.coluna-titulo { border-bottom: 1px solid #532500; }



.coluna25i { width: 175px; float: left; }

.coluna50i { width: 50%; float: left; }

.coluna75i { width: 525px; float: left; }



/* floats */

.direita { float: right; }

.esquerda { float: left; }



/* margens */

.m0d { margin-right: 0px; }

.m0l { margin-right: 0;

		margin-left: 0; }

.m0e { margin-left: 0px; }

.m0 { margin: 0; }



.m5d { margin-right: 5px; }

.m5b { margin-bottom: 5px; }

.m5t { margin-top: 5px; }



.m10 { margin: 10px; }

.m10t { margin-top: 10px; }

.m10d { margin-right: 10px; }

.m10b { margin-bottom: 10px; }

.m10e { margin-left: 10px; }



.m20t { margin-top: 20px; }

.m20b { margin-bottom: 20px; }

.m20tb { margin-top: 20px; margin-bottom: 20px; }



.m40b { margin-bottom: 40px; }



.m70t { margin-top: 70px;}





/* paddings */



.p10l { padding: 0 10px; }

.p10d { padding-right: 10px; }

.p10t { padding-top: 10px; }

.p10b { padding-bottom: 10px; }

.p10e { padding-left: 10px; }



.p5 { padding: 5px; }

.p5b { padding-bottom: 5px; }



.p80e { padding-left: 80px; }





/* bordas */

.bordatb { border-bottom: 1px solid #532500; border-top: 1px solid #532500; }

.bordat { border-top: 1px solid #532500; }

.bordab {border-bottom: 1px solid #532500; }





/* outros */

.none{ display:none; }

.limpa{ clear:both; }



.zoom { position: absolute; top: 50%; left: 50%; width: 14px; height: 14px; z-index: 10; }

.zoom a { background: url(../img/zoom.png) no-repeat; }

.zoom a:hover { background: url(../img/zoom.png) no-repeat;} 



.imagem-thumb { position: relative; }



.img-header { margin: 10px 0; }





/*04. Elementos gráficos ------------------------*/







/* cores texto*/

.begeclaro { color: #f0eeda; }

.begemedio { color: #e5e3cc; }

.begemedio2 { color: #ccc9b1; }

.amarelo { color: #e2ac14; }

.turquesa { color: #177475; }

.verdeclaro { color: #C1CE96; }

.verdeaoka { color: #897e1a; }

.verdeescuro { color: #555125; }

.carmin { color: #771e17; }

.marromclaro { color: #ab8055; }

.marromaoka { color: #532500; }

.cinzaescuro { color: #321700; }



/* cores fundo */

.bg-begeclaro { background-color: #f0eeda; }

.bg-begemedio { background-color: #e5e3cc; }

.bg-amarelo { background-color: #e2ac14; }

.bg-turquesa { background-color: #177475; }

.bg-verdeclaro { background-color: #C1CE96; }

.bg-verdeaoka { background-color: #897e1a; }

.bg-verdeescuro { background-color: #555125; }

.bg-carmin { background-color: #771e17; }

.bg-marromclaro { background-color: #ab8055; }

.bg-marromaoka { background-color: #532500; }









/*02. Tipologia e Links -------------------------*/



/*listas*/



/*links*/

a, a:link, a:active, a:visited { 

	text-decoration: none; 

	}

	

a:hover { 

	text-decoration: underline; 

	}



/*titulos*/



h1 { 

	font-size: 2.4em; 

	line-height: 1.5em; 

	text-transform: uppercase;

	color: #532500;

	}

	

h2 { 

	font-size: 1.8em; 

	line-height: 1.4em;

	color: #897e1a;

	}

	

h3 { 

	background: #555125 url(../img/icones/icon_generico.png) left center no-repeat; 

	padding: 3px 5px 4px 24px; 

	font-size: 1.4em; 

	color: #f0eeda; 

	font-weight: normal; 

	text-transform: uppercase; 

	margin: 20px 0 10px; 

	display: block; 

	clear: both; 

	}

	

h4 { 

	background: url(../img/icones/icon_generico.png) left center no-repeat; 

	padding: 3px 5px 3px 24px; 

	font-size: 1.4em; 

	color: #532500; 

	font-weight: normal; 

	text-transform: uppercase; 

	border-bottom: 1px dotted #555125; 

	border-top: 1px dotted #555125; 

	margin: 10px 0 6px; 

	}

	

h5 { 

	background: #897e1a url(../img/icones/icon_generico.png) left center no-repeat; 

	padding: 2px 5px 2px 24px; 

	margin-bottom: 10px; 

	color: #f0eeda; 

	font-size: 11px; 

	font-weight: normal; 

	text-transform: uppercase; 

	}

	

h3, h4, h5 { 

	line-height: 14px; 

	}

	

h6 { 

	font-size: 12px; 

	line-height: 15px;

	color: #555125;

	margin: 0 0 10px;

	}



a h6 { 

	color: #555125;

	}




/*imagem dos titulos*/



.abre { display: block;

	font-size: 36px;

	font-family: Arial, Helvetica, sans-serif;

	font-style: normal;

	margin-bottom: 24px;

	color: #532500;

	margin-top: 12px;

	padding: 0 0 0 36px;

	background: url(../img/icones/iconG_generico.png) left center no-repeat; 

	}



.icon-experiencias { background-image: url(../img/icones/iconG_experiencias.png); }

.icon-viagens { background-image: url(../img/icones/iconG_viagens.png); }

.icon-viagenssustentaveis { background-image: url(../img/icones/iconG_viagenssustentaveis.png); }

.icon-ecoturismo { background-image: url(../img/icones/iconG_ecoturismo.png); }

.icon-criesuaviagem { background-image: url(../img/icones/iconG_criesuaviagem.png); }

.icon-missao { background-image: url(../img/icones/iconG_missao.png); }

.icon-manifesto { background-image: url(../img/icones/iconG_manifesto.png); }

.icon-mediacenter { background-image: url(../img/icones/iconG_mediacenter.png); }

.icon-pessoas { background-image: url(../img/icones/iconG_pessoas.png); }

.icon-conselho { background-image: url(../img/icones/iconG_conselho.png); }

.icon-fundo { background-image: url(../img/icones/iconG_fundoaoka.png); }

.icon-sobreobrasil { background-image: url(../img/icones/iconG_sobreobrasil.png); }

.icon-biomas { background-image: url(../img/icones/iconG_biomas.png); }

.icon-pessoas { background-image: url(../img/icones/iconG_pessoas.png); }

.icon-parceiros { background-image: url(../img/icones/iconG_parceiros.png); }

.icon-atrativos { background-image: url(../img/icones/icone_atrativos.png); }

.icon-etnobiodiversidade { background-image: url(../img/icones/iconG_etnobiodiversidade.png); }

.icon-comunidades { background-image: url(../img/icones/iconG_comunidades.png); }

.icon-ongs { background-image: url(../img/icones/iconG_ongs.png); }







.atrativos { background-image: url(../img/icones/icone_atrativos.png); }

.compartilhe { background-image: url(../img/icones/icon_compartilhe.png); }

.comunidades { background-image: url(../img/icones/icon_comunidades.png); }

.criesuaviagem { background-image: url(../img/icones/icon_criesuaviagem.png); }

.depoimento { background-image: url(../img/icones/icon_depoimentos.png); }

.destinos { background-image: url(../img/icones/icon_destinos.png); }

.ecoturismo { background-image: url(../img/icones/icon_ecoturismo.png); }

.etnobiodiversidade { background-image: url(../img/icones/icon_etnobiodiversidade.png); }

.experiencias { background-image: url(../img/icones/icon_experiencias.png); }

.faunaeflora { background-image: url(../img/icones/icon_faunaflora.png); }

.mediacenter { background-image: url(../img/icones/icon_mediacenter.png); }

.ongs { background-image: url(../img/icones/icon_ongs.png); }

.parceiros { background-image: url(../img/icones/icon_parceiros.png); }

.pessoas { background-image: url(../img/icones/icon_pessoas.png); }

.pessoas2 { background-image: url(../img/icones/icon_pessoas2.png); }

.proximasviagens { background-image: url(../img/icones/icon_proximasviagens.png); }

.viagenssustentaveis { background-image: url(../img/icones/icon_viagenssustentaveis.png); }



/*citacoes*/



blockquote { 

	display: block;

	background: #e5e3cc; 

	padding: 6px 6px; 

	font-size: 1.4em;

	line-height: 1.4em;

	}

	

blockquote strong { 

	color: #532500; 

	}

	

blockquote a { 

	font: normal 1em/1.3em Arial, Helvetica, sans-serif; 

	display: block; 

	margin-top: 10px; 

	color: #555125;

	background: url(../img/icones/icon_leiamais.png) left center no-repeat;

	padding: 0 0 0 24px;

	}

	

blockquote a:hover { 

	color: #532500; 

	}



blockquote.quote { 

	background: url(../img/icones/quote.png) left top no-repeat; 

	margin: 20px 40px;

	}

	

blockquote.quote div { 

	background: url(../img/icones/quote-dir.png) right bottom no-repeat; 

	padding: 0 20px;

	}

	

blockquote.quote div p {

	font: normal 1.1em/1.5em "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Arial, Verdana; 

	color: #555125;

	}

	



/*alinhamentos*/

.alinha-direita { text-align: right; }

.alinha-centro { text-align: center; }





/*estilos de texto*/



.intro p, .intro2 p { 

	font-size: 1.1em; 

	line-height: 1.4em;

	color: #555125;

	}

	



	 

.item { 

	font-weight: bold; 

	}

	

.pg1115 { 

	font-size: 11px; 

	line-height: 15px; 

	}

	

.intro, .intro2 { 

	font-size: 13px; 

	line-height: 18px; 

	font-weight: normal; 

	}

	



	

.item, .info { 

	font-size: 12px;

	line-height: 16px; 

	}

	

.item { 

	color: #555125; 

	}

	

.normal { 

	font-weight: normal; 

	}

	

.bold { 

	font-weight: bold; 

	}



#endereco, #linguagem { 

	font-size: 11px; 

	line-height: 15px; 

	}
