html, body{
margin: 0;
}
html {
background:#ecf4df
}
body{
}
#geral{
margin:0 auto;
width: 768px;
}

#topo{
width: 768px;
height: 152px;
background:url(images/topo.jpg);
}

.logo{
	float:left;
    width:215px;
    height:130px !important;
    margin: 20px 0px 0px 10px;
}

.bloco-flash{
	width: 768px;
	height: 249px;
	background: url(images/bg_linha.png) 50% 0% repeat-y;
}

.parceiros{
	float:left;
	padding:0 15px 15px 15px;
	
}


#meio{
	padding: 0 9px 0 10px;
	background: url(images/bg_linha.png) 50% 0% repeat-y;
	float: left;
}
/*#################### blocos ##########################*/

#bloco1{
	float: left;
	width: 224px;
	
}


#bloco2{
	float: left;
	width: 525px;
	margin-bottom:-12px;
	position:relative;
	z-index:1;
}

.oculto{
display:none;
}

.linha{
float:left;
width: 517px;
padding:10px 0;
}

.linha h1{
    display:none;
}

.linha .leiamais{
	float: right;
	padding: 2px 13px 0 0;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #6c5b49;
	text-decoration:none;
	margin-top: 7px;
	background:none;
}

.item{
width: 229px;
padding: 0 13px 19px 13px;
margin:0 5px 5px 0;
background:url(images/rodape_item.png) 0% 100%;
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #6c5b49;
display:table-cell;
float: left;
}
.item img{
margin-bottom: 5px;
}

/*################ CONTEÚDO #######################*/

#conteudo {
	padding: 3px 5px 0 3px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#6c5b49;
	
}
#conteudo h1{
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color:#6c5b49;
	background:url(images/bg_titulo.png) 0% 100% no-repeat;
	padding-bottom:10px;

}
#conteudo h1 span{
	padding: 8px 30px 0 0;
}


/*################ IMPRESSÃO DE ROTEIROS #######################*/


.telaimpressao{
	padding: 10px 5px 0 5px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	}
.telaimpressao h1{
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	/*background:url(images/bg_titulo.png) 0% 100% no-repeat;*/
	padding:10px 0 0 10px;

}




/*################Titulo de chmadas #######################*/

.item h2{
background:url(images/h1.png);
padding: 15px 10px 0 19px;
height: 29px;
margin:0 -13px; 
font: bold 15px Verdana, Arial, Helvetica, sans-serif; 
color:#6d9d97;
letter-spacing:-1px;
}

/*################Titulo de chmadas-fim #######################*/

.leiamais{
background:#ffcc2a url(images/leiamais.png) 100% 0% no-repeat; 
float: left;
width: 216px;
height: 16px;
padding: 2px 13px 0 0;
text-align:right;
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #6c5b49;
text-decoration:none;
margin-top: 7px;
}
.semmargem{
	margin-right:0;
}



/*################ Newsletter#######################*/

.bloco-newsletter{
width: 178px;
margin-top: 50px;
padding-left: 15px;
float:left;
font: 12px Verdana, Arial, Helvetica, sans-serif;
color: #6c5b49;
}

.bloco-newsletter form{
	float:left;
	padding: 13px 10px 7px 10px;
	margin:0;
	background: #ebeae7;
    display:table-cell;
}

.btn_news{
	float:inherit;
	width:144px;
	height:20px;
	border:0;
	margin:11px;
    background:url(images/bt_enviar.png);
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #5d8681;	
}

.bloco-newsletter label{
	padding: 5px;
	float:left;
}
.cxnewsletter{
	float:left;
	width:155px;
	height:18px;
	border:1px solid #ccc;
	padding:0;
}

.bloco-newsletter h3{
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
color: #6c5b49;
margin:0;
}

/*################ Notícias #######################*/

.bloco-noticias{
	float:left;
	width:514px;
	padding-bottom:20px;
	background:url(images/rodape_noticias.png) 0% 100% no-repeat;
}
.bloco-noticias ul{
	float:left;
	padding:0 0 0 20px;
	margin:0;
	list-style:none;
}
.bloco-noticias ul li{
	padding-bottom:7px;
}
.bloco-noticias ul li a{
	text-decoration:none;
	font:11px Verdana, Geneva, sans-serif;
	color:#6c5b49;
}
.bloco-noticias ul li a:hover{
	text-decoration:underline;
}
.bloco-noticias span.datanews{
	display:block;
	padding:0;
	margin:0 0 -6px 0;
	font:bold 11px Verdana, Geneva, sans-serif;
	color:#6d9d97;
}
.bloco-noticias h3{
	padding:13px 20px;
	margin:0;
	height:23px;
	font:22px Verdana, Geneva, sans-serif;
	color:#6d9d97;
	background:url(images/noticias_h3.png) no-repeat;
}
.bloco-noticias .leiamais{
	width:450px;
	margin-left:20px;
}


/*############# Formulário ##############*/

#conteudo form{
	display:table;
	width:423px;
	padding:25px 28px 20px 28px;
	background: #f5f5f3;
	margin:0 auto;
}
#conteudo form br{
	display:none;
}
#txtposterior, #txtanterior{
	margin-bottom:20px;
}
#conteudo form label{
	float:left;
	width:421px;
	padding:0 0 5px -5;
	margin-left:-5;
	position: relative;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
    color: #6c5b49;
}
#conteudo .cxinput{
	width:421px;
	height:20px;
	padding:0;
	margin:0;
	border:1px solid #ccc;
	margin-bottom:12px;
	background-color:#FFF;
}
textarea{
	float:left;
	width:421px;
	height:120px;
	border:1px solid #ccc;
	margin:0 0 10px 0;
	padding:0;
	background-color:#FFF;
}
.botao{
	float:left;
	width:77px;
	height:21px;
	background:url(images/bgbt_enviar.png);
	border:0;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#5d8681;
	margin-left: 5px;
}



#Sexo{
  display:none;  /*############# Formulário-radio ##############*/
}


#Sexo_lb{
	width: 460px !important;
}


#sex{
	float:left;
}

#feminino_lb, #masculino_lb{
    float:left;
	width:70px !important;
	margin-bottom:10px;
}



#viajou{
 
   display:none;  /*############# Formulário-radio ##############*/
 }


#viajou_lb{
	width: 460px !important;
}

#javiajou{
	float:left;
	
}

#sim_lb, #não_lb{
    float:left;
	width:50px !important;
	margin-bottom:10px;
	
}


#desejo{
  
  display:none;  /*############# Formulário-radio ##############*/
}

#desejo_lb{

	width: 460px !important;

}

#receber{
	
	float:left;
}

#correio_lb, #e-mail_lb{
    float:left;
	width:50px !important;
	margin-bottom:10px;

}

					/*############# Formulário-radio-fim ##############*/


/*############# Formulário: Reserva de Pousadas ##############*/

#data_de_saida, #data_de_chegada{
	display:none;
}
#data_de_saida_lb, #data_de_chegada_lb{
	width:460px !important;
	font:bold 14px Verdana, Arial, Helvetica, sans-serif !important;
	margin:25px 0 5px 0;
}
#data_de_chegada_lb{
}
#data_saida_dia_lb, #data_saida_mes_lb, #data_saida_ano_lb, #data_chegada_dia_lb, #data_chegada_mes_lb, #data_chegada_ano_lb{
	width:30px  !important;	
}
#data_saida_dia, #data_saida_mes, #data_saida_ano, #data_chegada_dia, #data_chegada_mes, #data_chegada_ano{
	float:left;
	margin-right:15px;
}
#quantas_pessoas_lb{
	margin-top:25px;
}


/*############# Formulário: Rede solidária ##############*/

#acao_solid_tit, #alguma_entidad_tit, #datas_tit{
	display:none;
}

#alguma_entidad_tit_lb{
	float:none;
}
/*#################### rodape ##########################*/

#rodape{
float:left;
width: 768px;
height: 235px;
background:url(images/rodape.jpg);
}

#rodape address{
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
color: #5d8681;
margin-top: 128px;
padding-left:29px;
float: left;
}

#rodape address span{/*------tag coringa------- fonte de tamanho diferente--------*/
font-size:18px;
}

#rodape .logo_criat{
width: 92px;
height: 38px;
background:url(images/logo_criat.png) no-repeat;
float: right;
margin-top: 73px;
padding-right: 32px;

}

/*############# GALERIA ##############*/

.bloco-galeria{
	float: left;
	width:160px;
	background-color:#fff;
	margin:0 10px 0 0;
	padding-bottom:10px;
	text-align:center;
	/*border:1px solid #c1b375;*/
}
.bloco-galeria span{
	clear: both;
	
}
.bloco-galeria img{
	border:3px solid #6c5b49;
}
.bloco-galeria h2 {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color:#6c5b49;
	padding:5px;
	margin:0px;
}
/*span.small {
	font:9px Arial, Helvetica, sans-serif;
	color: #000 !important;
	padding:10px 0;
	width:100%;
	float:left;
}
*/
span.spandesc {
	/*float:left;*/
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#6c5b49;
	padding:2px 0px 0px 0px;
	margin:0;
	text-align:center;
}


/*############# CONVIDE AMIGO ##############*/

.telaenvia{
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#6c5b49;
}

.button{
	float:inherit;
	width:144px;
	height:20px;
	border:0;
	margin:11px;
    background:url(images/bt_enviar.png);
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #5d8681;	


}


/*################ Procura #######################*/




.bloco-procura{
	float:left;
	width:200px;
	height:116px;
	padding:18px 0 0 15px;
	margin:0;
	background:url(images/fundo_nova_busca.png);
	
}
.bloco-procura h3{
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #6c9d97;
	margin:0;
}
.bloco-procura form{
	float:left;
	margin:0;
	padding:0;
}
.bloco-procura label{
	display:none;
}
.bloco-procura select{
	float:left;
	width:185px !important;
	height:20px !important;
	padding:0 !important;
	margin:2px 0 0 0;
	border:1px solid #ccc;
	background-color:#FFF;
	font:bold 13px Verdana, Arial, Helvetica, sans-serif;
	line-height: 180% !important;
}
.bloco-procura .cxbusca{
	float:left;
	width:185px !important;
	height:20px !important;
	padding:0;
	margin:0 0 5px 0;
	border:1px solid #ccc;
	background-color:#FFF;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	line-height: 180% !important;
}
.bloco-procura .btbusca{
	float:left;
	width:60px;
	height:18px !important;
	border:0;
	padding:5px;
	margin:0 0 0 5px;
	padding-top:5px;
	background:url(images/bt_buscar.png);
	font: 1px Verdana, Geneva, sans-serif;
	color:#5d8681;
}

/*############# Resultado da busca ##############*/

p.buscaseparador {
	padding:0; 
	margin:0;
}
div.buscaresultado {
	border: 1px solid #cfcfcf;
	background-color:#f4f4f4;
	padding: 5px;
	margin: 0 auto 5px auto;
	font:12px Arial, Helvetica, sans-serif;
}

div.buscaresultado p {
	padding: 0; margin: 0;
}

div.buscaresultado p a {
	float: left;
	background-color: #e4e4e4;
	width: 98%;
	padding: 4px !important;
	margin-bottom:5px;
	text-decoration: underline;
	color: #000;
}

div.buscaresultado p a:hover {
	color: #006633;
}

/*############################### pergaminho##################*/

#div_pergaminho {
	position:absolute !important;
	padding-top:252px !important;
	width:100% !important;
	height:100% !important;
	z-index:6 !important;
	overflow: visible !important;
	text-align:center !important;
	cursor:pointer !important;
}

/*############################### pergaminho##################*/

#redes-sociais{
	float:right;
	padding:110px 17px 0 0;;
}

#redes-sociais .youtube{
	float:left;
	width:32px;
	height:32px;
	margin:0 10px;
	background:url(images/youtube.png) no-repeat;
}
#redes-sociais .youtube:hover{
	background:url(images/youtube_on.png) no-repeat;
}

#redes-sociais .twitter{
	float:left;
	width:32px;
	height:32px;
	margin:0 10px;
	background:url(images/icone_twitter.png) no-repeat;
}
#redes-sociais .twitter:hover{
	background:url(images/icone_twitter_on.png) no-repeat;
}
#redes-sociais .orkut{
	float:left;
	width:32px;
	height:32px;
	margin:0 10px;
	background:url(images/icone_orkut.png) no-repeat;
}
#redes-sociais .orkut:hover{
	background:url(images/icone_orkut_on.png) no-repeat;
}
#redes-sociais .facebook{
	float:left;
	width:32px;
	height:32px;
	margin:0 10px;
	background:url(images/icone_facebook.png) no-repeat;
}
#redes-sociais .facebook:hover{
	background:url(images/icone_facebook_on.png) no-repeat;
}