*{ margin: 0px; padding: 0px; border: none; }
img { border: none; }
a { text-decoration: none; }

body { text-align: center; background: #8b8c7d; font-family: Verdana, Arial, Helvetica, sans-serif; }

#baseLayout { width: 780px; height: auto; margin: auto; text-align: left; }
#layout { float: left; width: 780px; height: auto; position: relative; }

#topo { float: left; width: 780px; height: 158px; background: url("../images/Layout/bgs/topo.png") no-repeat; position: relative; }
#menu { float: left; width: 780px; height: 27px; background: url("../images/Layout/bgs/menuTopo.png") no-repeat; }

.menu { float: left; min-width: 40px; width: auto; height: 27px; }

#areaConteudo { float: left; width: 780px; height: 774px; background: #FFFFFF url(../images/Layout/bgs/corpo.png) no-repeat; }
#areaConteudo2 { float: left; width: 780px; height: auto; background: #FFFFFF url(../images/Layout/bgs/corpo.png) repeat-y; }

#AreaBannerHome { float: left; width: 780px; height: 202px; margin-top: 4px; }
#AreaBannersHome2 { float: left; width: 780px; height: 213px; margin-top: 8px; }
#AreaBannersHome2 a { text-decoration: none;}
#AreaNoticiasAgendaHome { float: left; width: 780px; height: 162px; margin-top: 4px; background: url(../images/Layout/bgs/noticiasAgendaHome.png) no-repeat; margin-top: 4px; }

#ConteudoOsasop { float: left; width: 780px; height: auto; margin-top: 4px; margin-top: 4px; }


#boxNoticiasHome { float: left; width: 348px; height: 124px; margin-top: 24px; margin-left: 40px; }

#boxAgendaHome { float: left; width: 330px; height: 124px; margin-top: 30px; margin-left: 16px; }

.boxNoticiasHome { float: left; width: 340px; height: 54px; margin-top: 3px; background: #7fa67b; padding-top: 4px; padding-left: 4px; padding-right: 4px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
.boxNoticiasHome h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; }

#AreaParceirosHome { float: left; width: 780px; height: 130px; margin-top: 4px; background: url(../images/Layout/bgs/parceirosHome.png) no-repeat }
#caixaMarcasHome{ float: left; width: 570px; height: 92px; margin-top: 30px; margin-left: 104px; }

#barraRodape { float: left; width: 780px; height: 60px; }
.EnderecoRodape { float: left; width: 257px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; text-align: center;  }

#caixaOSasop01 { float: left; width: 716px; height: auto; margin-left: 30px; margin-top: 10px; }


#TituloCaixaOSasop01 { float: left; width: 716px; height: 25px; background: url(../images/Layout/bgs/titulo-o-sasop.png) no-repeat; }
#TituloCaixaComoContribuir { float: left; width: 716px; height: 25px; background: url(../images/Layout/bgs/titulo-o-como-contribuir.png) no-repeat top; margin-top: }
.titulosBoxComoContribuir {  width: 320px; height: 20px; background: #a9d0a6; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; padding-top: 4px; padding-left: 10px; }
#TituloPublicacaoes { float: left; width: 716px; height: 25px; background: url(../images/Layout/bgs/titulo-publicacoes.png) no-repeat top; margin-top: }
#TituloProgramas { float: left; width: 716px; height: 25px; background: url(../images/Layout/bgs/titulo-programas.png) no-repeat top; margin-top: }
#TituloContato { float: left; width: 716px; height: 25px; background: url(../images/Layout/bgs/titulo-contato.png) no-repeat top; margin-top: }
#TituloRelatoriosInstitucionais { float: left; width: 716px; height: 25px; background: url(../images/Layout/bgs/titulo-relatoriosInstitucionais.png) no-repeat top; margin-top: }
#TituloArtigos{ float: left; width: 716px; height: 25px; background: url(../images/Layout/bgs/titulo-artigos.png) no-repeat top; margin-top: }
#TituloProgramaSemiArido{ float: left; width: 716px; height: 25px; background:  url(../images/Layout/bgs/titulo-programa-semiarido.png) no-repeat top; margin-top: }
#TituloProgramaMataAtlantica{ float: left; width: 716px; height: 25px; background: url(../images/Layout/bgs/titulo-programa-mata=atlantica.png) no-repeat top; margin-top: }
#TituloProgramaDesInstitucional{ float: left; width: 716px; height: 25px; background: url(../images/Layout/bgs/titulo-programa-des-institucional.png) no-repeat top; margin-top: }
#TituloParticipacaoPolitica{ float: left; width: 716px; height: 25px; background: url(../images/Layout/bgs/titulo-participacao-politica.png) no-repeat top; margin-top: }
#TituloMissao{ float: left; width: 716px; height: 25px; background: url(../images/Layout/bgs/o-sasop-missao.png) no-repeat top; margin-top: }
#TituloObjetivos{ float: left; width: 716px; height: 25px; background: url(../images/Layout/bgs/o-sasop-objetivos.png) no-repeat top; margin-top: }
#TituloNossaHistoria{ float: left; width: 716px; height: 25px; background: url(../images/Layout/bgs/o-sasop-nossa-hiistoria.png) no-repeat top; margin-top: }
#TituloDadosCadastrais{ float: left; width: 716px; height: 25px; background: url(../images/Layout/bgs/o-sasop-dados-cadastrais.png) no-repeat top; margin-top: }
#TituloEstrutura{ float: left; width: 716px; height: 25px; background: url(../images/Layout/bgs/o-sasop-estrutura.png) no-repeat top; margin-top: }
#TituloPromiosReconhecimentos{ float: left; width: 716px; height: 25px; background: url(../images/Layout/bgs/o-sasop-premios-reconhecimentos.png) no-repeat top; margin-top: }
#TituloParceirosLocais{ float: left; width: 716px; height: 25px; background: url(../images/Layout/bgs/o-sasop-parceiros-locais.png) no-repeat top; margin-top: }
#TituloParceirosFinanciadore{ float: left; width: 716px; height: 25px; background: url(../images/Layout/bgs/o-sasop-parceiros-financiadores.png) no-repeat top; margin-top: }
#TituloBoletins{ float: left; width: 716px; height: 25px; background: url(../images/Layout/bgs/comunicacao-boletins.png) no-repeat top; margin-top: }
#Tituloinformativos{ float: left; width: 716px; height: 25px; background: url(../images/Layout/bgs/folders-informativos.png) no-repeat top; margin-top: }
#TituloPautasRelease{ float: left; width: 716px; height: 25px; background: url(../images/Layout/bgs/pautas-releases.png) no-repeat top; margin-top: }
#TituloRadio{ float: left; width: 716px; height: 25px; background: url(../images/Layout/bgs/radio.png) no-repeat top; margin-top: }
#TituloVideos{ float: left; width: 716px; height: 25px; background: url(../images/Layout/bgs/videos.png) no-repeat top; margin-top: }
#TituloRelatorios{ float: left; width: 716px; height: 25px; background: url(../images/Layout/bgs/relatorios.png) no-repeat top; margin-top: }
#TituloPublicacoes{ float: left; width: 716px; height: 25px; background: url(../images/Layout/bgs/publicacoes.png) no-repeat top; margin-top: }
#TituloArtigos{ float: left; width: 716px; height: 25px; background: url(../images/Layout/bgs/artigos.png) no-repeat top; margin-top: }
#TituloGaleria{ float: left; width: 716px; height: 25px; background: url(../images/Layout/bgs/galeria.png) no-repeat top; margin-top: }
#TituloNoticias{ float: left; width: 716px; height: 25px; background: url(../images/Layout/bgs/noticias.png) no-repeat top; margin-top: }
#TituloAgenda{ float: left; width: 716px; height: 25px; background: url(../images/Layout/bgs/agenda.png) no-repeat top; margin-top: }



#boxComoContribuirEsquerda { float: left; width: 330px; height: auto;  }
#boxComoContribuirDireita { float: left; width: 330px; height: auto; margin-left: 10px;  }
#conteudoCaixaOSasop { float: left; width: 676px; height: auto; background: url(../images/Layout/bgs/o-sasop.png) repeat-y; padding-left: 20px; padding-right: 20px; padding-bottom: 20px;}
#conteudoCaixaOSasop li { list-style-position: inside; }

.text01 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
.text02 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }

#rodapeCaixaOSasop { float: left; width: 676px; height: 19px; background: url(../images/Layout/bgs/rodape-o-sasop.png) repeat-x; padding-left: 19px; padding-right: 20px; margin-bottom: 20px; }


.caixaForm01 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; background-color: #fff; border: 1px solid #033b00; opacity: 2; color: #000;}

.botaoForm01 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 0px;
	padding-left: 10px;
	padding-right: 10px;
	color: #FFFFFF;
	background-color: #006600;
}


.thubFotos { width: 100px; height: 100px; }
.listagemFotos1 { float:  left; width: 146px; height: 130px; margin-left:  16px; margin-bottom: 10px; }
#navegabilidade { width: 680px; height: 36px; float: left; margin-left: 4px; margin-top:  10px; text-align: center; }