@charset "utf-8";
/* CSS Document */
hr {clear:both;}
hr { color:#7FC82A; border-style:none none dotted;}
hr.separaGalerias {margin:495px 0 0 0;}
h1 {position:absolute; left:-30000px;}
h3 {color:#7FC82A; font-size:16px; margin:0 0 10px 0; }



p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
a {color:#FFF;}
#busca input {border:none;}
#busca button { margin-left:5px; border:none; width:31px; height:27px; background:url(../images/bt_ok.jpg) no-repeat; cursor:pointer;}
#busca button span {display:none;}

#menuPrincipal li a.bt_inicial {width:55px;}
#menuPrincipal li a.bt_projetos {width:60px;}
#menuPrincipal li a.bt_eco-fotos {width:74px;}
#menuPrincipal li a.bt_eco-videos {width:80px;}
#menuPrincipal li a.bt_noticias {width:71px;}
#menuPrincipal li a.bt_casos {width:158px;}
#menuPrincipal li a.bt_artigos {width:60px;}
#menuPrincipal li a.bt_clipping {width:60px;}
#menuPrincipal li a.bt_links {width:45px;}
#menuPrincipal li a.bt_agenda {width:62px;}
#menuPrincipal li a.bt_grupos {width:120px;}
#menuPrincipal li a.bt_contato {width:55px;}

#menuPrincipal {background: url(../images/menu-rollover.jpg) no-repeat -1000px -1000px;} /* tecnica para fazer um carregamento previo da imagem para diminuir o lag do rollover */
#menuPrincipal li a.bt_inicial:hover {width:55px; background: url(../images/menu-rollover.jpg) no-repeat -17px 6px; }
#menuPrincipal li a.bt_projetos:hover {width:60px; background: url(../images/menu-rollover.jpg) no-repeat -72px 6px;}
#menuPrincipal li a.bt_eco-fotos:hover {width:74px; background: url(../images/menu-rollover.jpg) no-repeat -133px 6px;}
#menuPrincipal li a.bt_eco-videos:hover {width:80px; background: url(../images/menu-rollover.jpg) no-repeat -206px 6px;}
#menuPrincipal li a.bt_noticias:hover {width:65px; background: url(../images/menu-rollover.jpg) no-repeat -287px 6px;}
#menuPrincipal li a.bt_casos:hover {width:158px; background: url(../images/menu-rollover.jpg) no-repeat -357px 6px;}
#menuPrincipal li a.bt_artigos:hover {width:58px; background: url(../images/menu-rollover.jpg) no-repeat -515px 6px;}
#menuPrincipal li a.bt_clipping:hover {width:60px; background: url(../images/menu-rollover.jpg) no-repeat -576px 6px;}
#menuPrincipal li a.bt_links:hover {width:46px; background: url(../images/menu-rollover.jpg) no-repeat -635px 6px;}
#menuPrincipal li a.bt_agenda:hover {width:62px; background: url(../images/menu-rollover.jpg) no-repeat -681px 6px;}
#menuPrincipal li a.bt_grupos:hover {width:122px; background: url(../images/menu-rollover.jpg) no-repeat -741px 6px;}
#menuPrincipal li a.bt_contato:hover {width:58px; background: url(../images/menu-rollover.jpg) no-repeat -862px 6px;}

#migalhas li {list-style:none; float:left; margin-right:10px; font-size:10px;}

#noticias h2 {width:515px; height:40px; background:url(../images/tit_ultimasnoticias.gif) no-repeat;}
#noticias h2 span {display:none;}
#noticias img {float:left;}
.bordaimg{border:3px solid #FFF;}
.p_semImg {clear:both;}
.tit_h3 {color:#7FC82A; font-size:17px; width:270px; float:left;}
.tit_h3_maior { width:445px; margin-left:30px; display:inline;}
.tit_h3 a {text-decoration:none; color:#7FC82A;}
.tit_h3 a:hover {text-decoration:underline;}


.manchete {width:500px; margin-bottom:25px; clear:both;}
.imagem_manchete {width:210px; height:150px; position:relative; background:url(../images/bg_fotos_nula.jpg) no-repeat; float:left; margin:4px 10px 0 0;}
.imagem_manchete img {width:165px; height:124px; position:absolute; left:39px; top:6px;}
.manchete p { margin:-7px 0 0 30px;}


.semImg {display:none !important; } /* esta regra tem por objetivo desaparecer com a div caso não tenha uma imagem dentro. */

.veja {background:url(../images/bg_veja.gif) no-repeat; width:362px; height:35px; position:relative; margin-left:32px;}
.veja a {position:absolute; top:17px; left:5px; color:#fff; text-decoration:none;}
.veja a:hover {text-decoration:underline;}

#agenda h2 {width:515px; height:40px; background:url(../images/tit_agenda.gif) no-repeat;}
#agenda h2 span {display:none;}
#agenda h3 {margin-left:32px;}
#agenda p {margin:3px 0 3px 32px;}

#venhacomagente {position:relative; background:url(../images/bg_venhacomagente.jpg) no-repeat; width:515px; height:185px;}
#venhacomagente h2 span {display:none;}
#venhacomagente p {width:160px; height:100px; position:absolute; top:73px; line-height:.9; color:#396B0A; left:47px; }

#formulario {width:421px; height:140px; background:url(../images/bg_venhacomagente.jpg) no-repeat;}
#formulario h3{display:none;}
#contato {margin:15px 0 0 175px;}
#contato label {color:#396B0A; font-weight:bold;}
#contato label span {display:none;}
#contato input {width:185px; }
#contato input#txtNome { border:none; margin:85px 0 0 76px; }
#contato input#txtEmail {border:none;margin:10px 0 0 76px;}
#contato #btEnviar {border:none; margin:9px 0 0 75px; width:80px; background-color:transparent; height:17px; cursor:pointer;}
#contato #btEnviar span {display:none;}

#gruposEstudos {position:relative;}
#gruposEstudos h2 {width:459px; height:40px; background:url(../images/tit_grupodeestudos.gif) no-repeat;}
#gruposEstudos h2 span {display:none;}
#gruposEstudos p {
	width:200px;
	position:absolute;
	top:186px;
	left:0px;
}

.grupoImagen {width:206px; height:124px; float:left; margin:12px 10px 0 0;}

#titulovideo { margin-top:10px; width:180px; float:left; margin-left:15px;}
#eco-videos {clear:both; margin-top:15px;}
#eco-videos h2 {width:459px; height:45px; background:url(../images/tit_ecovideos.gif) no-repeat;}
#eco-videos h2 span {display:none;}
#eco-videos p { width:415px; margin-bottom:20px;}
#eco-videos .tit_h3 {margin-left:0; width:60px; float:none;}
#eco-videos p img {float:left; border:5px solid #fff; margin-right:7px;}
#eco-videos p a:hover img, #eco-fotos li a:hover img {border:5px solid #7FC82A; }

h2.eco-fotos { width:459px; height:40px; background:url(../images/tit_ecofotos.gif) no-repeat; margin-left:-13px;}
h2.eco-fotos span {display:none;}

#eco-fotos ul {width:459px; height:85px; list-style:none;}
#eco-fotos ul li {float:left; margin:0 10px 0 0;}
#eco-fotos li img {width:85px; height:72px; border:5px solid #fff;}

#eco-videos .veja, #eco-fotos .veja {margin:0 0 0px 0px; clear:both;}

h2.projetos {width:459px; height:40px; background:url(../images/tit_projetos.gif) no-repeat;}
h2.projetos span {display:none;}

#projetos ul {list-style:none; margin-left:-10px; }
#projetos ul li {float:left; margin:10px 18px 10px 10px; display:inline; }
#projetos li img {width:119px; height:119px; }

#gruposEstudos h2, #eco-videos h2, h2.eco-fotos, h2.projetos {margin-left:-13px;}
/** regras para formatação da paginacao no documento */
.paginacao {float:right; clear:both;}
.paginacao li {float: left; list-style:none; }


#rodape {background:url(../images/creditos.gif) no-repeat;}
#rodape address {margin:30px 0 0 0; float:left;}
#rodape p.assinatura {margin:30px 5px 0 0; float:right;}
#rodape p a { font-family:tahoma; font-size:9px; color:#fff;}
.orga {display:none;}

/* ************** regras para a formatação de conteudo do tipo destaque de artigos,  noticias, informaçoes *****/
.destaques {list-style:none;}
.destaques li {border-bottom:1px dotted #7FC82A; padding-bottom:10px; margin-bottom:20px; width:680px; float:left; clear:both; }
.destaques img {float:left; margin-top:5px; margin-right:10px;}
.destaques h3 a {text-decoration:none; color:#7fc82a; }
.destaques h3 a:hover {text-decoration:underline;} 

.destaques li:last-child {border-bottom:none;} /* isto faz com que o último elemento filho da lista artigo não contenha a borda abaixo */

/* ********************* pagina projetos ******************************************* */
.tit_projetos {background: url(../images/tit_projetos_m.jpg) no-repeat; width:959px; height:30px;}
.tit_projetos span {display:none;}

#menuProjetos ul {list-style:none;}
#menuProjetos li {float:left; margin-top:10px; display:inline;}

#informacoes p { float:left;}
#informacoes p img {float:left; height:200px; width:280px; margin-right:10px; padding-bottom:10px;}

#arquivos {margin-bottom:20px; height:70px;}
#arquivos p {clear:both; margin:0; }
#arquivos a {float:left; text-decoration:none; margin:0 0 0 10px;}

.pdf {background:url(../images/icone_pdf.jpg) no-repeat left center; padding:20px 0 0 40px; height:40px; width:130px;}
.xls {background:url(../images/excel_icon.png) no-repeat left center; padding:7px 0 0 35px; height:28px; width:100px; margin-top:13px !important;}

.listaProjetos li {list-style:none;}

#conteudoComplementar li {list-style:none; margin-bottom:15px;}
#conteudoComplementar h3 {text-align:center; margin-left:-5px; width:247px;	}
.not_externa {margin-left:-15px !important;}
/* ********************** pagina fotos recentes ************************************** */
.tit_fotos {background:url(../images/tit_ecofotos_m.jpg) no-repeat; width:959px; height:30px;}
.tit_fotos span {display:none;}
.listaFotosRecentes li { list-style:none; width:330px; float:left; margin:0 20px 20px 0; }
.listaFotosRecentes li img {float:left; width:120px; height:90px; padding:0px; margin:0 5px 0 0; border:3px solid #FFF;}
.listaFotosRecentes li p { font-size:11px; }

.galeriaTitulo {line-height:1.5em;}
.galeriaTitulo {color:#33FF99;}
.todasGalerias li {float:left; list-style:none; width:170px; margin:0; }
.todasGalerias li img { border:3xp solid #FFF; width:150px; height:112px;}

/* ************** pagina interna da eco-fotos ********************************************/
#foto_grande img { margin:0 auto; display:block; width:400px; height:300px; }
.loading {background:url(../images/barra-loading.gif) no-repeat center center !important;} /* usado para fazer o posicionamento da imagem de loading via jquery */

#imgL {display:block; position:absolute; top:50%; left:50%; z-index:2;}
#imgG {display:block; position:absolute; top:0; left:0; z-index:1;}

.listaFotosThumbs li {list-style:none; float:left; margin:0 5px 5px 0; }
.listaFotosThumbs img {width:60px; height:45px;}

/* ********************* pagina eco-videos **********************************************/
.tit_videos { background:url(../images/tit_ecovideos_m.jpg) no-repeat; width:959px; height:30px;}
.tit_videos span {display:none;}
.videoContainer { clear:both; height:395px;}
#obj_youtube {float:left; width:425px; margin-top:10px;}

.descricaoVideo {float:right; width:240px;}

/* ********************** pagina noticias  ************************************* */
.tit_noticias { background:url(../images/tit_ultimasnoticias_m.jpg) no-repeat; width:959px; height:30px;}
.tit_noticias span {display:none;}

.tit_noticia { background:url(../images/tit_noticias_m.jpg) no-repeat; width:974px; height:40px;}
.tit_noticia span {display:none;}

#noticiasDestaques p {margin:10px 0;}
#noticiasDestaques p img {float:left; margin:0 10px 20px 0; }
.noticia img {float:right; margin:0 0 10px 0;}
.saibamais {margin-bottom:10px; clear:both; float: inherit;}
p.data, p.fonte, p.autor, p.tit_noticias, p.saibamais {margin:0;}
.data strong, .fonte strong, .autor strong {margin-right:10px;}

#noticiasExternas ul {margin-left:5px;}
#noticiasExternas ul li {margin:10px 0;}

/* ********************** pagina casos judiciais ***************************** */
.tit_casos { background:url(../images/tit_casoseacoesjudiciais_m.jpg) no-repeat; width:959px; height:32px;}
.tit_casos span {display:none;}

.acoes h4 {margin:10px 0; font-size:15px; color:#0C6;}
.acoes a {margin-top:20px; display:block;}
/************************** artigos *******************************************/
.tit_artigos { background:url(../images/tit_artigos_m.jpg) no-repeat; width:959px; height:30px;}
.tit_artigos span {display:none;}
#artigo img {margin: 10px auto; display:block; }
.destaques li a {display:block; margin-top:10px;}

#artigo .data {margin:10px 0;}

/******************* clipping *************************************************/
.tit_clipping { background:url(../images/tit_clipping_m.jpg) no-repeat; width:959px; height:30px;}
.tit_clipping span {display:none;}
#recorte img {float:left; padding:10px; border: 5px solid #fff; margin-right:10px;}

#clipping .destaques li {float:left;}
#clipping .destaques li p.data {margin-top:-5px;}

#recorte .revista {margin-bottom:10px;}

/******************* links *************************************************/
.tit_links { background:url(../images/tit_links_m.jpg) no-repeat; width:974px; height:40px;}
.tit_links span {display:none;}
#linksExternos ul li {margin:10px 0; list-style:none;}

#linksExternos h4 {margin-bottom:3px; font-size:15px; color:#0C6;}
#linksExternos h4 a {color:#7FC82A;}


/******************** agenda *************************************************************/
.tit_agenda { background:url(../images/tit_agenda_m.jpg) no-repeat; width:959px; height:30px; margin-bottom:10px;}
.tit_agenda span {display:none;}

#agendaOng table {margin-bottom:50px;}
#agendaOng table caption {background:#33CC00; color:#006600; font-weight:bold; font-size:18px;}
#agendaOng table thead { color:#fff; font-weight:bold; font-size:16px;}
#agendaOng table thead tr th {font-weight:bold; padding-top:2px;}
#agendaOng table th {width:200px;}
#agendaOng th.data, #agendaOng th.hora, #agendaOng th.cidade {width:100px;}
#agendaOng th.informacoes {width:300px;}
#agendaOng table tbody td {border-bottom:1px solid #fff; padding:15px 0; }

.cidade {padding-right:10px;}

/************************** grupos ***************************************************/
.tit_grupos { background:url(../images/tit_grupodeestudos_m.jpg) no-repeat; width:959px; height:30px;}
.tit_grupos span {display:none;}

.listaGrupos li {float:left !important;}
.listaGrupos li p img {float:left !important;}
.listaGrupos li p a {float:right;}

.fotoGrupo img {float:right !important;}
.conteudoGrupo p:not(.fotoGrupo) img {display:block; margin:0 auto; float:none !important;}
/***************************** contato *********************************************/
.tit_contato { background:url(../images/tit_contato_m.jpg) no-repeat; width:959px; height:30px; margin-bottom:10px;}
.tit_contato span {display:none;}

#formulario_contato {width:500px; }
#coluna_campos_formulario {width:250px; float:left; } 
#coluna_campos_formulario2 {width:250px; float:left; }
#coluna_campos_formulario3 { clear:both;}

#formulario_contato fieldset {border:1px solid #fff; width:510px; padding:5px 0 5px 15px;}
#formulario_contato legend {border:1px solid #fff;  }
#formulario_contato label { display:block; font-weight:bold;}
#formulario_contato input {border:none; width:230px; }
#formulario_contato input#ddd {width:20px; }
#formulario_contato input#fone {border:none; width:200px; }
#formulario_contato textarea {width:470px; border:none; height:300px;}
#formulario_contato textarea:focus, #formulario_contato input:focus {border:2px solid #900; background:#33FFCC;}
#formulario_contato input[type="submit"] {width:150px; float:right; margin-right:40px; margin-top:5px;}

/** estas regras foram feitas para que as imagens que usarao transição via javascript fosse colocadas em seus lugares via css ** **/
#extra {background:url(../images/banner_meio.jpg) no-repeat;position:absolute; top:80px; left:439px;  width:215px; height:205px;}
#extra-1 {background:url(../images/ico_inicial.jpg) no-repeat;position:absolute; top:80px; left:439px;  width:215px; height:205px;}
#extra-2 {background:url(../images/slogan.jpg) no-repeat; width:329px; height:205px; position:absolute; top:80px; left:644px; }

/* para cada seção do site colocar a imagem do meio referente ao mesmo. */
#pg_projetos #extra-1 {background:url(../images/ico_projetos.jpg) no-repeat;position:absolute; top:80px; left:439px;  width:215px; height:205px;}
#pg_eco-fotos #extra-1, #pg_eco-fotos_interna #extra-1 {background:url(../images/ico_fotos.jpg) no-repeat;position:absolute; top:80px; left:439px;  width:215px; height:205px;}
#pg_videos #extra-1 {background:url(../images/ico_videos.jpg) no-repeat;position:absolute; top:80px; left:439px;  width:215px; height:205px;}
#pg_casos #extra-1 {background:url(../images/ico_juiz.jpg) no-repeat;position:absolute; top:80px; left:439px;  width:215px; height:205px;}
#pg_artigos #extra-1 {background:url(../images/ico_artigos.jpg) no-repeat;position:absolute; top:80px; left:439px;  width:215px; height:205px;}
#pg_clipping #extra-1 {background:url(../images/ico_clipping.jpg) no-repeat;position:absolute; top:80px; left:439px;  width:215px; height:205px;}
#pg_links #extra-1 {background:url(../images/ico_links.jpg) no-repeat;position:absolute; top:80px; left:439px;  width:215px; height:205px;}

.descricaoFotog {clear:both; float:left; margin-top:5px;}
#foto_box {float:left;}

#extra-2 p {font:bold 16px Verdana, Geneva, sans-serif; color:#5A9F1E; position:absolute; top:140px; right:90px;}
#extra-2 p a {color:#5A9F1E; text-decoration:none !important;}