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;
}
/*################ ROTEIROS #######################*/
.roteiros {
background:#FFC887;
padding: 0;
}
.roteiros h1 {
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
color:#6c5b49;
background: #FFC887 url(images/bg_titulo.png) 0% 100% no-repeat;
padding-bottom:10px;
}
/*################ 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: 20px 0 15px 15px;
padding-left: 15px;
float:left;
font: 12px Verdana, Arial, Helvetica, sans-serif;
color: #6c5b49;
background: #ebeae7;
}
.bloco-newsletter form{
float:left;
padding: 13px 0px 7px 0px;
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;
padding: 5px;
}
/*################ 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;
}
.bloco-menu-esquerda ul li p{
color: #FF6D1F;
float: left;
font: 12px Verdana,Arial,Helvetica,sans-serif;
padding:0;
margin: 0;
text-decoration: none;
width: 182px;
}
/*############# 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;
margin-top:10px;
margin-right:40px !important;
z-index:6;
overflow: visible;
text-align:center;
cursor:pointer;
}
#div_pergaminho #div_opaco {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
background:url(images/opaco.png) repeat;
}
#div_pergaminho #div_imagem {
padding-top:150px;
}
/*############################### 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;
}
*/
/*############################### REDES SOCIAIS e ADDTHIS##################*/
#redes-sociais{
float:right;
margin-right:10px;
padding:20px 0 0 0;
}
#redes-sociais .youtube{
float:left;
width:32px;
height:32px;
margin:0 5px;
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 5px;
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:69px;
height:32px;
margin:0 5px;
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 5px;
background:url(images/icone_facebook.png) no-repeat;
}
#redes-sociais .facebook:hover{
background:url(images/icone_facebook_on.png) no-repeat;
}
#addthis {
float:right;
width:205px;
/*height:30px;*/
clear: both;
font: 10px Verdana, Arial, Helvetica, sans-serif;
color: #630 !important;
margin: -20px 0 5px 0 !important;
/*padding: 10px 0 50 0 !important;*/
}
#addthis a:link{
text-decoration:none;
color: #630 !important;
}
#addthis a:hover{
text-decoration:underline;
color: #630 !important;
}
/*############## Facebook Atividades Recentes ###########################*/
.facebook{
margin-left:-30px !important;
}