/* CSS Document */
img, div, input, a { behavior: url(iepngfix.htc) } /* Transparencia no internet 6 */

*{border:0px solid #000000; margin:0; padding:0; list-style:none; font-family:'Arial', Trebuchet MS, Helvetica, sans-serif; color:#333333; font-size:12px} /* Padrão*/
img{display:block}
.center{ width:960px; margin:0 auto; position:relative;}
.clear{clear:both; float:none; height:0; line-height:0}
.oldBrowser{display:none} /* ocultar */
body{margin:0}

/**ESTRUTURA**/
.boxEstrutura{ margin:0 10px}
h1{ margin-left:2px; color:#9E0C0D; font-size:16px}
h2{color:#002C5D; font-size:14px; font-weight:bold; margin-left:2px; line-height:16px; margin-bottom:2px}
h3{ color:#002C5D; font-weight:bold; font-size:14px}
h4{ color:#999999; font-size:11px; line-height:19px; margin-left:2px; font-weight:normal}
p, a{ margin-left:2px}
.float{float:left}
.box3Colunas{ width:160px}
.box4Colunas{ width:220px}
.box5Colunas{ width:280px}
.box6colunas{ width:340px}
.box8colunas{ width:480px}
.box10Colunas{ width:580px}
.box11Colunas{ width:640px}

a.linkHoverProjeto, a.linkHover, div.linkHoverProjeto, div.linkHover{ text-decoration:none; cursor:pointer; *cursor:hand}

div#bannerPopup{ width:689px; height:464px; position:absolute; top:50%; left:50%; margin: -232px 0 0 -344px; z-index:10}

/**HEADER**/
#header{ background:url(img/bgTopo.png) repeat-x; height:239px}
#header #conteudoHeader a#logo{ display:block; background:url(img/logo.gif) no-repeat; width:161px; height:83px}
#header p#pLogo{ float:left; padding:20px 0 20px 12px}
#header span{ color:#FFF}
#header span#acessoDigital{ margin-left:10px; padding-top:55px; display:block}
#header #imgDavitoria{ float:left}
#header #menu{ float:left; padding-top:12px; margin-left:-77px; width:527px}
#header #menu div.spacamentoDir{ margin-left:11px}
#header #menu p.pSecaoMenu{ background:url(img/square.gif) no-repeat 0 5px; margin-left:6px; margin-bottom:3px}
#header #menu p.pSecaoMenu a:hover span{ color:#3A7DC0}
#header #menu p.pSecaoMenu a, #header #menu #perfil p#pPerfil a{ text-decoration:none}
#header #menu p.pSecaoMenu a span{ margin-left:8px; text-decoration:none}
#header #menu h1.h1Menu{ color:#FFF; font-size:18px; margin-bottom:5px}
#header #menu #perfil, #header #menu #mandato, #header #menu #faleConosco, #header #menu #novidades, #header #menu form#cadastroIndex{ float:left}
#header #menu #perfil p#pPerfil{ background:url(img/linha_02.gif) repeat-y 0 0; margin-left:6px}
#header #menu #perfil p#pPerfil a span{ padding-left:5px; text-decoration:none}
#header #menu #perfil p#pPerfil a:hover span{ color:#3A7DC0}

#header #menu #perfil,#header #menu #mandato,#header #menu #novidades{ margin-right:20px}

#header #menu #btIcones{ float:left; margin:60px 14px 0 107px}
#header #menu a#btOrkut{ background:url(img/btOrkut.png) no-repeat 0 0; width:25px; height:26px; display:inline-block}
#header #menu a:hover#btOrkut{ background:url(img/btOrkut.png) no-repeat 0 -26px}
#header #menu a#btTwitter{ background:url(img/btTwitter.png) no-repeat 0 0; width:25px; height:26px; display:inline-block; margin-left:8px}
#header #menu a:hover#btTwitter{ background:url(img/btTwitter.png) no-repeat 0 -26px}
#header #menu a#btYoutube{ background:url(img/btYoutube.png) no-repeat 0 0; width:25px; height:26px; display:inline-block; margin-left:8px}
#header #menu a:hover#btYoutube{ background:url(img/btYoutube.png) no-repeat 0 -26px}
#header #menu img#linha_03{ float:left; margin-top:25px; margin-right:10px}
#header #menu form#cadastroIndex h1.cadastro{ margin-top:20px}
#header #menu form#cadastroIndex h1.cadastro span{ display:inline-block; width:197px; text-align:right; font-weight:normal; font-size:11px}
#header #menu form#cadastroIndex p#pLinha{ background:url(img/linha_04.gif) no-repeat 0 0; padding-left:7px}
#header #menu form#cadastroIndex #inputNome{ margin-left:160px; margin-top:-50px; margin-bottom:3px}
#header #menu form#cadastroIndex #inputEmail{ margin-left:160px}
#header #menu form#cadastroIndex input{ border:1px solid #CCC; font-size:11px; color:#666; padding:3px 4px 2px 4px;}
#header #menu form#cadastroIndex #inputEmail input{ width:96px}
#header #menu form#cadastroIndex input#btCadastro{ width:28px; height:21px; background:url(img/btCadastro.gif) no-repeat; cursor:pointer; *cursor:hand; border:none;}

/**HOME**/
#conteudo{ padding-bottom:37px; padding-top:30px; background:url(img/linhaVertical.gif) repeat-y 585px 0}
#conteudo.interno{background:url(img/linhaVertical.gif) repeat-y 645px 0}
#conteudo.conteudo8colunas{background:url(img/linhaVertical.gif) repeat-y 465px 0}

#conteudo #boxEsquerdo{ float:left}
#conteudo #bannerPrincipal{ height:300px; background:url(img/bgBannerPrincipal.png) no-repeat; margin-bottom:31px; position:relative; overflow:hidden}
#conteudo #bannerPrincipal div.banner{margin-left:3px; margin-top:3px; float:left; position:relative; width:420px; height:294px; background-color:#FFF}
#conteudo #bannerPrincipal img{position:absolute; top:0; left:0}
#conteudo #bannerPrincipal ul{float:left; margin-top:3px;padding:0}
#conteudo #bannerPrincipal ul li{margin:0 0 1px 0; padding:0}
#conteudo #bannerPrincipal ul li a{width:154px; background: url(img/bgItemBanner.jpg) repeat-y 0 0 #F0F0F0; display:inline-block; margin:0; padding:0; text-decoration:none}
#conteudo #bannerPrincipal ul li a.ativo{ background-image:none}
#conteudo #bannerPrincipal ul li a span{ font-size:14px; color:#002C5D; display:inline-block; margin:8px 3px 8px 10px; font-weight:bold; cursor:pointer; _cursor:hand}

#conteudo h1.nomeSecao{ float:left; margin-bottom:10px}
#conteudo p.verTodos{ float:right; width:133px; height:1px; margin-top:3px}
#conteudo p.verTodos a{ text-decoration:none; float:right; color:#999999}
#conteudo p.verTodos a:hover{ color:#9E0C0D}
#conteudo p.verTodos_02{ float:right; width:174px; height:1px; margin-top:-27px}
#conteudo p.verTodos_02 a{ text-decoration:none; float:right; color:#999999}
#conteudo p.verTodos_02 a:hover{ color:#9E0C0D}
#conteudo #projetosIndicacoesIndex{ float:left}
#conteudo #projetosIndicacoesIndex h2 span{ text-transform:uppercase; color:#9E0C0D; font-size:14px}
#conteudo a.divProjetosIndicacoes{margin-left:7px; background:url(img/ico_01.gif) no-repeat; margin-bottom:18px; padding-left:40px; display:block; text-decoration:none}
#conteudo #divProjetosIndicacoes img{ margin-right:10px}
#conteudo img.linhaSeparadora_01{ margin-top:0px; margin-bottom:19px}
#conteudo #bannerGaleriaFotos{ background:url(img/bgBannerGaleria.jpg) no-repeat; height:218px; width: 220px; float:left; margin-top:-6px; position:relative}
#conteudo p#tituloBannerGaleria{ margin:8px 0 8px 14px; display:inline-block}
#conteudo #tituloBannerGaleria span{ color:#FFF; font-size:16px; font-weight:bold; float:left; margin:0 7px; text-align:center; display:inline-block; width:158px}
#conteudo #tituloBannerGaleria span a{ color:#FFF; font-size:16px; font-weight:bold;text-decoration:none; margin:0}
#conteudo #tituloBannerGaleria span a:hover{text-decoration:underline}
#conteudo #tituloBannerGaleria a#setaEsqBanner{ background:url(img/setaEsq.gif) no-repeat; width:8px; height:11px; display:block; float:left; margin-top:4px}
#conteudo #tituloBannerGaleria a#setaDirBanner{ background:url(img/setaDir.gif) no-repeat; width:8px; height:11px; display:block; float:left; margin-top:4px}
#conteudo #bannerGaleriaFotos #tarjaDescricao{ position:absolute; bottom:10px; *bottom:9px; line-height:13px; padding:5px 0 5px 5px; left:10px; width:200px;}
#conteudo #bannerGaleriaFotos #bgTarjaDescricao{ background:#FFF; Filter: Alpha(Opacity=90); -moz-opacity: 0.9; opacity:0.90; width:200px; height:23px; position:absolute; bottom:10px; *bottom:9px; left:8px}
#conteudo #bannerGaleriaFotos img.imgIndexBoxes{ margin-left:10px}
#conteudo #agendaDia, #conteudo #linksIndex, #conteudo img.imgIndexBoxes, #conteudo #linksIndex, #conteudo #formEnquete{ float:left}
#conteudo h3.tituloIndexBoxes{ margin:5px 10px; display:inline-block}
#conteudo #agendaDia p.afazeres{ margin-top:18px; margin-left:5px}
#conteudo #agendaDia span#horario{ font-weight:bold; color:#002C5D}
#conteudo #linksIndex p{ margin:5px 0 5px 0}
#conteudo #linksIndex p span{display: block; color:#9E0C0D; font-size:9px}
#conteudo #linksIndex .btTwitter{ font-weight:bold; text-decoration:none; color:#002C5D;}
#conteudo #linksIndex .btTwitter:hover{text-decoration: underline}
#conteudo #linksIndex.twitter{ padding-top:28px}
#conteudo #formEnquete h2{ padding-top:6px; font-size:16px}
#conteudo #formEnquete h4{ line-height:12px}
#conteudo #formEnquete p{ margin-top:12px; margin-left:5px;}
#conteudo #formEnquete span{ display:block; margin-left:18px; margin-top:-13px}
#conteudo #formEnquete #btVotar{ background:url(img/btVotar.gif) no-repeat; width:51px; height:21px;border:none; cursor:pointer; *cursor:hand; margin-left:2px; margin-right:10px}
#conteudo #formEnquete #btResultado{ background:url(img/btResultado.gif) no-repeat; width:77px; height:21px;border:none; cursor:pointer; *cursor:hand}

#conteudo #boxDireito{ float:left; width:360px}
#conteudo #boxDireito a, #conteudo #boxDireitoInterno a{ text-decoration:none}
#conteudo #boxDireito #boxEsq_01{ float:left; margin-bottom:30px}
#conteudo #boxDireito #boxEsq_01 img, #conteudo #boxDireito #boxDir_01 img{ margin-bottom:8px}
#conteudo #boxDireito #boxEsq_01 p{ margin-left:2px}
#conteudo #boxDireito #boxDir_01{ float:left; margin-top:30px; margin-bottom:30px; *margin-bottom:10px}
#conteudo #boxDireito .linhaSeparadora_02, #conteudo #boxDireitoInterno .linhaSeparadora{ margin-top:20px; margin-bottom:17px}
#conteudo #boxDireito #bannerSecundario{ background:#002C5D; height:98px; padding:12px 3px}
#conteudo #boxDireito #bannerSecundario #contBanners{ position:relative}
#conteudo #boxDireito #bannerSecundario a{ display:inline-block; border:3px solid #002C5D; margin:0 5px}
#conteudo #boxDireito #bannerSecundario a:hover{ border:3px solid #9E0C0D}

#conteudo #boxDireito #ultimasNoticias .noticiasIndex,#conteudo #boxDireitoInterno #ultimasNoticias .noticiasIndex{ display:inline-block; margin-bottom:10px}



/** INTERNO **/
#conteudo #boxEsquerdoInterno{float:left; width:660px}
#conteudo #boxDireitoInterno{float:left; width:300px}
#conteudo h1.tituloSecao{ margin-bottom:10px}
#conteudo #boxEsquerdoInterno .voltar{ margin-top:10px;}
#conteudo #boxEsquerdoInterno .voltar p{ text-align:right}
#conteudo #boxEsquerdoInterno .voltar a{color:#002C5D; font-weight:bold; text-decoration:none; font-size:14px; padding-right:10px}
#conteudo #boxEsquerdoInterno .voltar a:hover{color:#9E0C0D}

#conteudo #boxEsquerdo.estrutura8Colunas{width:480px}
#conteudo #boxDireito.estrutura8Colunas{width:480px}

/** EXIBIR **/
#conteudo #boxEsquerdoInterno .tituloGr{font-size:28px; margin: 4px 0 18px 0; line-height:28px}
#conteudo #boxEsquerdoInterno .exibir h1{ text-transform:uppercase}
#conteudo #boxEsquerdoInterno .exibir p{ font-size:15px; line-height:20px}
#conteudo #boxEsquerdoInterno .exibir p br{ height:12px; line-height:12px}

/** LISTA **/
#conteudo h4 span{color:#9E0C0C; text-transform:uppercase}
#conteudo #boxEsquerdo .lista .tituloGr, #conteudo #boxEsquerdoInterno .lista .tituloGr{ font-size:20px; margin: 3px 0 5px 0; line-height:20px}
#conteudo #boxEsquerdo .lista p, #conteudo #boxEsquerdoInterno .lista p{ font-size:14px; line-height:18px}
#conteudo #boxEsquerdo .lista .linhaLista, #conteudo #boxEsquerdoInterno .lista .linhaLista{margin:13px 0}

#navegador{text-align:right; margin:25px 0 15px 0}
#navegador .linhaSeparadora{ margin-bottom:10px}
#navegador a,#navegador span{ display:inline-block; color:#9E0C0D;margin:0px 3px 0px 3px;text-decoration:none; font-size:13px; font-weight:bold}
#navegador span{color:#002C5D}
#navegador a:hover{text-decoration:underline; color:#CCCCCC}

/** GALERIA **/
#conteudo #boxEsquerdoInterno .galeriaExibir{ background:url(img/galeriaBg.gif) repeat-y; position:relative;}
#conteudo #boxEsquerdoInterno .galeriaExibir #foto{ margin:0 4px; position:relative; width:640px; height:auto}
#conteudo #boxEsquerdoInterno .galeriaExibir #foto img{ float:left; margin-right:10px; display:block}
#conteudo #boxEsquerdoInterno .galeriaExibir #foto a{ float:left; background:url(img/icoDownloadAlta.gif) no-repeat 0 0; display:block; height:41px; width:131px; margin:10px 0 0 5px}
#conteudo #boxEsquerdoInterno .galeriaExibir #foto a:hover{background:url(img/icoDownloadAlta.gif) no-repeat 0 -41px;}
#conteudo #boxEsquerdoInterno .galeriaExibir #foto span{ float:left; font-size:11px; display:block; width:140px; margin:5px 0 0 5px; color:#999999}
#conteudo #boxEsquerdoInterno .galeriaExibir #foto p{ position:absolute; width:140px; bottom:5px; margin-right:8px; right:1px; *position:relative; *padding:15px 0 0 5px}
#conteudo #boxEsquerdoInterno .galeriaLista{ margin:8px 0 0 0px; padding:0 0 0 7px}
#conteudo #boxEsquerdoInterno .galeriaLista a{border:1px solid #E5E5E5; float:left; padding:5px; margin:6px 7px 6px 6px}
#conteudo #boxEsquerdoInterno .galeriaLista a:hover{background-color:#9E0D0E; border:1px solid #9E0D0E}

/** CONTATO **/
#conteudo #boxEsquerdo .contato input{border:1px solid #EEEEEE; line-height:15px; padding:5px 4px;  width:448px}
#conteudo #boxEsquerdo .contato textarea{border:1px solid #EEEEEE; line-height:18px; padding:5px 4px; width:448px; height:150px}
#conteudo #boxEsquerdo .contato form p, #conteudo #boxEsquerdo .contato form p strong{ font-size:13px}
#conteudo #boxEsquerdo .contato form p{ margin-top:10px}
#conteudo #boxEsquerdo .contato form p strong{ margin-bottom:4px}
#conteudo #boxEsquerdo .contato form p.inputPq01, #conteudo #boxEsquerdo .contato p.inputPq02{float:left; width:214px; margin-left:0; *margin-left:-3px;}
#conteudo #boxEsquerdo .contato form p.inputPq01 strong, #conteudo #boxEsquerdo .contato p.inputPq02 strong{*margin-left:6px;}
#conteudo #boxEsquerdo .contato form p.inputPq01{margin-right:18px}
#conteudo #boxEsquerdo .contato form p.inputPq01 input, #conteudo #boxEsquerdo .contato form p.inputPq02 input{width:214px; margin-left:0; background:url(img/bgInputContatoPq.gif) no-repeat}
#conteudo #boxEsquerdo .contato form p#MSG{display:block; float:left; font-size:12px; height:28px; line-height:28px; margin-top:5px}
#conteudo #boxEsquerdo .contato input#btEnviar{float:right; background:url(img/btEnviar.gif) no-repeat 0 0; width:65px; cursor:pointer; _cursor:hand; border:none; height:28px; padding:0;margin-top:5px}

/** LINKS **/
#conteudo #boxEsquerdoInterno .links p a{ font-size:14px; line-height:21px; text-decoration:none}
#conteudo #boxEsquerdoInterno .links p a:hover{color:#9E0C0D}

/** PROJETOS **/
#conteudo #boxEsquerdoInterno h4 span.btDownload{ float:right; display:block; width:99px; height:21px; margin-right:15px; background:url(img/btDownload.gif) no-repeat}

/** ENQUETE RESULTADO **/
.enquete table{ width:100%; margin:2px 0 3px 0}
.enquete h3 {text-align:left; width:300px; margin:0}
.enquete h1.totalVotos { margin:15px 0 15px 0}
.enquete p {width:100px; margin:0; text-align:right}
.enquete span {background:#B10000; height:20px; display:block;}
.enquete .barra {width:150px; background:#CCCCCC}


/** BUSCA **/
#conteudo #boxDireitoInterno #busca h1{margin-bottom:5px}
#conteudo #boxDireitoInterno #busca p{ margin-bottom:3px; font-size:12px}
#conteudo #boxDireitoInterno #busca input{ border:1px solid #EEEEEE; line-height:15px; padding:5px 4px; width:223px; *width:218px; *margin-left:-8px}
#conteudo #boxDireitoInterno #busca #submitBusca{background:url(img/submitBusca.gif) no-repeat 0 0; cursor:pointer; margin-left:5px; *margin-left:0px; _cursor:hand; height:28px; width:37px; border:none}

/** INDIQUE **/
#conteudo #boxDireitoInterno #indique h1{margin-bottom:10px}
#conteudo #boxDireitoInterno #indique p{font-size:13px; font-weight:bold; color:#002C5D; margin-bottom:2px; text-align:right}
#conteudo #boxDireitoInterno #indique p input{ border:1px solid #EEEEEE; line-height:28px; padding:5px 4px; margin-left:6px}
#conteudo #boxDireitoInterno #indique p input.pq{width:165px}
#conteudo #boxDireitoInterno #indique p input.gr{width:212px}
#conteudo #boxDireitoInterno #indique p#btEnviar{ margin:10px 0 0 0}
#conteudo #boxDireitoInterno #indique p#btEnviar span{ display:inline-block; font-weight:normal; width:200px; text-align:left}
#conteudo #boxDireitoInterno #indique p#btEnviar input{ background:url(img/btEnviar.gif) no-repeat 0 0; width:65px; cursor:pointer; _cursor:hand; border:none; height:28px; padding:0}

/**  ENDEREÇO **/
#conteudo #boxDireito .endereco{float:left}
#conteudo #boxDireito .endereco h2{ border-bottom:1px solid #002C5D; padding-bottom:3px; padding-left:5px}
#conteudo #boxDireito .endereco p{font-size:14px; margin-bottom:10px}
#conteudo #boxDireito .endereco strong{display:block; font-size:14px; margin:7px 0 3px 0;}
#conteudo #boxDireito .comoChegar h1{ margin:15px 0 10px 0}
#conteudo #boxDireito .comoChegar #GMaps{width:460px; height:400px}
#conteudo #boxDireito .comoChegar #GMaps *{ font-size:9px}

/**  BANNER SECUNDÁRIO **/
#conteudo #boxDireitoInterno #bannerSecundario{ background:#002C5D; padding:12px 3px}
#conteudo #boxDireitoInterno #bannerSecundario a{ display:inline-block; border:3px solid #002C5D; margin:0 5px}
#conteudo #boxDireitoInterno #bannerSecundario a:hover{ border:3px solid #9E0C0D}

/**RODAPE**/
#rodape{ background:url(img/bgRodape.png) repeat-x; height:169px;}
#rodape #conteudoRodape{ padding-top:30px}
#rodape img{ float:left}
#rodape p{ color:#FFF; text-align:right}
#rodape  strong{ color:#FFF}