html {background:#FFF url("../imgs/bg_sombra_menu.gif") center 180px no-repeat; overflow: -moz-scrollbars-vertical;}

body {background:url("../imgs/bg_topo.gif") repeat-x; font:12px/1.4em Arial, Helvetica, sans-serif; color:#333; font-weight:normal; letter-spacing:1px; text-align:center;}

* {margin:0; padding:0; list-style:none; text-decoration:none; border:none;}
hr {clear:both; height:1px; margin: -1px 0 0 0; padding:0; border:none; visibility:hidden;}

h1 {float:left; background:url("../imgs/logo.gif") no-repeat; margin:41px 0 22px 0;}
h1 a, h1 span {text-indent:-5000px; overflow:hidden; display:block; width:333px; height:72px;}
h2 {font-size:25px; font-family:"Times New Roman", Times, serif; font-weight:600; letter-spacing:0; color:#666;}
h2 span.pto, h3 span.pto  {font-size:30px; color:#FE860C;}
h2.interna {clear:left; margin-top:25px;}
h2.semtit {display:none;}
h3 {font-size:21px; font-family:"Times New Roman", Times, serif; font-weight:600; letter-spacing:0; color:#666;}
h3.interna_sub {margin-top:10px; font-size:20px; color:#BBB;}
a {color:#000;}
a:hover {text-decoration:underline;}

#geral {position:relative; width:770px; margin:0 auto 0 auto; text-align:left;}
.esquerda {float:left; margin:0 8px 8px 0;}
.direita {float:right; margin:0 0 8px 8px;}
acronym {border-bottom:1px dotted #CCC; cursor:help;}

/* MENUS */
ul#navegacao {clear:left; margin:0 2px; height:60px; background:url("../imgs/bg_linhas_menu.gif") 143px 5px no-repeat;}
ul#navegacao li {float:left; display:inline; margin-left:-1px;}
ul#navegacao li.institucional {background:url("../imgs/btn_institucional.gif") 27px 19px no-repeat; margin-left:0;}
ul#navegacao li.institucional_at {background:url("../imgs/btn_institucional_ativo.gif") no-repeat; margin-left:0;}
ul#navegacao li.servicos {background:url("../imgs/btn_servicos.gif") 27px 19px no-repeat;}
ul#navegacao li.servicos_at {background:url("../imgs/btn_servicos_ativo.gif") no-repeat;}
ul#navegacao li.educando {background:url("../imgs/btn_educando.gif") 27px 19px no-repeat;}
ul#navegacao li.educando_at {background:url("../imgs/btn_educando_ativo.gif") no-repeat;}
ul#navegacao li.parcerias {background:url("../imgs/btn_parcerias.gif") 27px 19px no-repeat;}
ul#navegacao li.parcerias_at {background:url("../imgs/btn_parcerias_ativo.gif") no-repeat;}
ul#navegacao li.novidades {background:url("../imgs/btn_novidades.gif") 27px 19px no-repeat;}
ul#navegacao li.novidades_at {background:url("../imgs/btn_novidades_ativo.gif") no-repeat;}
ul#navegacao li.contato {background:url("../imgs/btn_contato.gif") 27px 19px no-repeat;}
ul#navegacao li.contato_at {background:url("../imgs/btn_contato_ativo.gif") no-repeat;}
ul#navegacao li a, ul#navegacao li span, ul#navegacao li span a {display:block; overflow:hidden; height:22px; margin:15px 27px 20px 27px; text-indent:-5000px;}
ul#navegacao li.institucional a, li.institucional_at span, li.institucional_at a {width:90px;}
ul#navegacao li.servicos a, li.servicos_at span, li.servicos_at a {width:60px;}
ul#navegacao li.educando a, li.educando_at span, li.educando_at a {width:144px;}
ul#navegacao li.parcerias a, li.parcerias_at span, li.parcerias_at a {width:63px;}
ul#navegacao li.novidades a, li.novidades_at span, li.novidades_at a {width:35px;}
ul#navegacao li.contato a, li.contato_at span, li.contato_at a {width:55px;}
ul#navegacao li a:hover {background:url("../imgs/bg_sublinhado_menu.gif") bottom repeat-x;}

ul#navegacao_sec {position:absolute; top:0; right:0; margin-top:13px;}
ul#navegacao_sec li {float:left; display:inline;}
ul#navegacao_sec li.home {background:url("../imgs/ico_home.gif") 5px 5px no-repeat;}
ul#navegacao_sec li.mapa {background:url("../imgs/ico_mapa.gif") 5px 5px no-repeat;}
ul#navegacao_sec li.download {background:url("../imgs/ico_download.gif") 5px 5px no-repeat;}
ul#navegacao_sec li.blog {background:url("../imgs/ico_blog.gif") 5px 5px no-repeat;}
ul#navegacao_sec li.amais {background:url("../imgs/ico_amais.gif") 5px 5px no-repeat; margin-left:15px;}
ul#navegacao_sec li.amenos {background:url("../imgs/ico_amenos.gif") 5px 5px no-repeat;}
ul#navegacao_sec li.home a:hover, ul#navegacao_sec li.home_at {background:url("../imgs/ico_home_h.gif") 5px 5px no-repeat;}
ul#navegacao_sec li.mapa a:hover, ul#navegacao_sec li.mapa_at {background:url("../imgs/ico_mapa_h.gif") 5px 5px no-repeat;}
ul#navegacao_sec li.download a:hover, ul#navegacao_sec li.download_at {background:url("../imgs/ico_download_h.gif") 5px 5px no-repeat;}
ul#navegacao_sec li.blog a:hover {background:url("../imgs/ico_blog_h.gif") 5px 5px no-repeat;}
ul#navegacao_sec li.amais a:hover {background:url("../imgs/ico_amais_h.gif") 5px 5px no-repeat;}
ul#navegacao_sec li.amenos a:hover {background:url("../imgs/ico_amenos_h.gif") 5px 5px no-repeat;}
ul#navegacao_sec li a, ul#navegacao_sec li span {display:block; overflow:hidden; width:13px; height:9px; padding:5px; text-indent:-5000px;}

#lingua {font-size:9px; text-transform:uppercase; color:#FE860C;}
#lingua a, #lingua span {padding-right:22px; margin-left:10px;}
#lingua a {color:#666;}
#lingua .pt {position:absolute; top:43px; right:0; background:url("../imgs/bandeira_pt.gif") right 1px no-repeat;}
#lingua .en {position:absolute; top:63px; right:0; background:url("../imgs/bandeira_en.gif") right 1px no-repeat;}
#lingua a.pt:hover {background:url("../imgs/bandeira_pt_h.gif") right 1px no-repeat; text-decoration:none; color:#FE860C;}


/* INICIAL */
#home {clear:left; margin-top:25px;}
#home div#servicos_quemsomos {float:left; width:486px;}

#home ul#servicos_home li {float:left; display:inline; margin:0 11px 9px 0; background:url("../imgs/bg_servicos_home.jpg") no-repeat; text-align:center;}
#home ul#servicos_home li a:hover {background:url("../imgs/bg_servicos_home_hover.gif") right bottom no-repeat;}
#home ul#servicos_home li a {display:block; overflow:hidden; width:151px; height:128px; text-indent:-5000px;}
#home ul#servicos_home li a div {margin-left:7px; width:144px; height:118px;}
#home ul#servicos_home li.marcas a div {background:url("../imgs/serv_marcas.gif") center center no-repeat;}
#home ul#servicos_home li.patentes a div {background:url("../imgs/serv_patentes.gif") center center no-repeat;}
#home ul#servicos_home li.avaliacao a div {background:url("../imgs/serv_avaliacao.gif") center center no-repeat;}
#home ul#servicos_home li.diagnostico a div {background:url("../imgs/serv_diagnostico.gif") center center no-repeat;}
#home ul#servicos_home li.cursos a div {background:url("../imgs/serv_cursos.gif") center center no-repeat;}
#home ul#servicos_home li.internacional a div {background:url("../imgs/serv_internacional.gif") center center no-repeat;}

#home div#quemsomos {clear:left; width:455px; height:70px; padding:20px; background:#FE860C url("../imgs/bg_quemsomos_home.jpg") no-repeat;}
#home div#quemsomos h2 {margin-bottom:14px; color:#FFF;}
#home div#quemsomos h2 span.pto {color:#666;}
#home div#quemsomos a {color:#FFF;}

#home div#inpi {position:relative; width:468px; margin:10px 20px 0 7px; padding-top:20px; border-top:2px solid #E0E0E0;}
#home div#inpi h2 {font-size:21px; margin-bottom:10px;}
#home div#inpi ul li {display:inline; padding:2px 12px; background:url("../imgs/ico_seta.gif") 0 8px no-repeat;}
#home div#inpi p {position:absolute; top:20px; left:285px; margin-left:20px; padding-left:20px; border-left:1px solid #E0E0E0; font-size:11px;}
#home div#inpi p a {color:#F60;}

#home div#novidades_home {float:right; width:256px;}
#home div#novidades_home ul {margin-top:10px; border-top:2px solid #E0E0E0; border-bottom:1px solid #E0E0E0;}
#home div#novidades_home ul li {border-bottom:1px solid #E0E0E0;}
#home div#novidades_home ul li a {display:block; padding:10px 6px 10px 20px; background:url("../imgs/ico_seta.gif") 6px 16px no-repeat;}
#home div#novidades_home ul li a:hover {background-color:#F7F7F7; text-decoration:none;}
#home div#novidades_home ul li a span.data {color:#FE860C; display:block; font-size:11px;}
#home div#novidades_home ul li a span.data span.tipo {color:#333; display:inline; font-size:10px; text-transform:uppercase;}
#home div#novidades_home ul li a span.not:hover {text-decoration:underline;}
#home div#novidades_home ul li.destaque {border-bottom:2px solid #E0E0E0; background-color:#F7F7F7;}
#home div#novidades_home ul li.destaque a span.not {font-size:13px; font-weight:bold;}
#home div#novidades_home a.mais {float:right; margin-top:10px; padding:1px 3px; background-color:#FE860C; font-size:10px; text-transform:uppercase; color:#FFF;}
#home div#novidades_home a.mais:hover {background-color:#666; text-decoration:none;}
#home div#novidades_home h3 {margin:25px 0 15px 0;}
#home div#novidades_home input.busca {width:190px; padding:2px; border:1px solid #E0E0E0; font-size:11px;}
#home div#novidades_home input.busca:focus, #home div#novidades_home input.busca:hover {border:1px solid #FE860C;}
#home div#novidades_home input.btn_busca {width:auto; margin-left:5px; border:0;}

#home .arvore {width:100%; margin-top:15px; background:url("../imgs/parceria_verde_h.gif") center top no-repeat;}
#home .arvore a {text-indent:-5000px; overflow:hidden; display:block; height:118px; background:url("../imgs/parceria_verde.gif") center top no-repeat;}
#home .arvore a:hover {background-position:0 -5000px;}

/* CONTEUDOS */
#conteudo {margin-top:10px; line-height:1.6em;}
#conteudo p {margin-bottom:25px;}
#conteudo p.dest {margin:0; padding:10px 0; border-top:1px solid #E0E0E0; border-bottom:1px solid #E0E0E0; font-size:13px; color:#630; font-weight:bold; line-height:1.8em;}
#conteudo div.migalhas {margin-bottom:25px; font-size:11px; color:#FE860C;}
#conteudo div.migalhas a {color:#BBB;}
#conteudo div.migalhas span {color:#BBB;}

#conteudo ul#links_rel {margin-top:30px; padding:10px; border-top:2px solid #E0E0E0; border-bottom:2px solid #E0E0E0; background-color:#F7F7F7;}
#conteudo ul#links_rel li {display:block; margin:5px 0; padding:0 15px; background:url("../imgs/ico_seta.gif") 0 7px no-repeat;}
#conteudo ul#links_rel li a {text-decoration:underline; font-weight:bold;}

#institucional, #servico, #contato, #novidades, #novidade, #resbusca {float:left; width:553px; padding-top:5px; border-top:2px solid #E0E0E0;}
#institucional div.box, #servico div.box {overflow:hidden; margin-top:25px; padding:10px; background-color:#EFEFEF;}
#servico div.box {margin-bottom:25px;}
#institucional div.box h3, #servico div.box h3 {margin:0 0 5px 0; padding:0; border:0; font:16px Arial, Helvetica, sans-serif; color:#FE860C;}
#servico div.box h3 a, #servico div.box h3 a:hover {text-decoration:none; color:#FE860C;}
#institucional div.box p a, #servico div.box p a {text-decoration:underline; font-weight:bold; color:#666;}
#institucional div.box p, #servico div.box p {margin-bottom:0;}
#institucional p a, #servico p a {text-decoration:underline; color:#FE860C;}
#servico div.box ul {float:left; margin:10px 25px 0 0;}
#servico div.box ul.dir {margin-right:0;}
#servico div.box ul li {margin-top:3px; padding-left:14px; background:url("../imgs/ico_seta.gif") 0 7px no-repeat;}
#servico ul.lista li {margin:10px 0 0 40px; list-style:disc;}
#servico ul.diag, #institucional ul.list_equipe {margin:-15px 0 0px 0;}
#servico ul.diag li, #institucional ul.list_equipe li {margin-top:7px; padding-left:15px; background:url("../imgs/ico_seta.gif") 0 7px no-repeat;}
#servico h3 {margin:30px 0; font-family:Arial, Helvetica, sans-serif; font-size:17px; font-weight:bold; color:#FE860C;}
#servico h4 {margin-bottom:7px; font-size:13px; font-weight:bold; color:#FE860C;}

#institucional ul.clientes_parceiros li {float:left; width:168px; height:115px; padding:10px 8px 22px 8px; background:url("../imgs/bg_clientes_parceiros.gif") center no-repeat;}
#institucional h3, #contato h3, #download h3 {margin-bottom:15px; padding-left:10px; border-left:5px solid #FE860C; border-bottom:1px solid #EFEFEF; font-family:Arial, Helvetica, sans-serif; font-size:15px;}
#institucional h3.logos {margin:35px 8px 5px 8px;}
#institucional h3.equipe {margin:30px 0; padding:0; border:0; font-size:15px; font-weight:bold; color:#FE860C;}
#institucional ul.equipe li a {text-decoration:underline;}
a.graca {padding-left:10px; background:url("../imgs/ico_cruz.gif") 0 no-repeat;}

#novidades ul#lista_nov li {padding:10px 0; border-top:1px solid #EFEFEF;}
#novidades ul#lista_nov li.prim {padding-top:0; border-top:0;}
#novidades ul#lista_nov li span.data {color:#FE860C; display:block; font-size:11px;}
#novidades ul#lista_nov li span.data span.tipo {color:#333; display:inline; font-size:10px; text-transform:uppercase;}

#resbusca h3 {margin:40px 0 10px 0; padding-left:10px; border-left:5px solid #FE860C; border-bottom:1px solid #EFEFEF; font-family:Arial, Helvetica, sans-serif; font-size:15px;}
#resbusca h3 span {margin-left:20px; font-size:12px; font-weight:normal; color:#333;}
#resbusca a.todos {display:block; margin-top:10px; color:#FE860C;}

#novidade h3 {margin-bottom:5px; font-family:Arial, Helvetica, sans-serif; font-size:17px; color:#FE860C;}
#novidade p.data {font-size:11px; color:#630;}
#novidade p.autor {color:#FE860C;}
#novidade p a {color:#FE860C; text-decoration:underline;}
#novidade h4 {margin:30px 0; font-size:13px; font-weight:bold; color:#FE860C;}
#novidade h4.ultimas {margin-bottom:5px;}
#novidade ul#lista_ult_nov {border-top:2px solid #E0E0E0; border-bottom:2px solid #E0E0E0;}
#novidade ul#lista_ult_nov li, #resbusca ul#lista li {padding:6px 0; border-top:1px solid #EFEFEF;}
#novidade ul#lista_ult_nov li.prim, #resbusca ul#lista li.prim {border-top:0;}
#novidade ul#lista_ult_nov li span.data, #resbusca ul#lista li span.data {margin-right:7px; color:#FE860C; font-size:11px;}
#novidade a.imprimir {float:right;  margin-top:10px; padding:5px 20px; background:url("../imgs/ico_impressora.gif") right 11px no-repeat; font-size:11px; text-align:right; color:#FE860C;}
#novidade #box_autor {overflow:hidden; margin-bottom:15px; padding:10px; border:2px solid #E0E0E0; background-color:#EFEFEF;}
#novidade #box_autor span.nome {display:block; margin-bottom:5px; font-weight:bold; font-size:13px;}
#novidade #box_autor img {float:left; margin-right:10px; max-width:100px;}
#novidade #box_autor p {margin-bottom:0px;}
#novidade #box_autor a.mais {margin-top:5px; padding-left:15px; background:url("../imgs/ico_seta.gif") 0 5px no-repeat; font-size:11px; color:#FE860C;}

#contato #form {float:left; width:280px;}
#contato span.erro {text-align:center; color:#FE860C;}
#contato span.erro p {margin:20px 0 0 0;}
#contato #formulario label {display:block; font-weight:bold;}
#contato #formulario input, #contato #formulario textarea, #contato #formulario select {width:280px; margin:5px 0 15px 0; padding:2px; border:1px solid #E0E0E0;}
#contato #formulario textarea {height:150px; font-family:Arial, Helvetica, sans-serif; font-size:13px;}
#contato #formulario input.btn {width:auto; margin-bottom:0; padding:0 10px; cursor:pointer; backgrouhd-color:#E0E0E0;}
#contato #formulario input:focus, #contato #formulario textarea:focus {border:1px solid #FE860C;}
#contato #tel_end {float:right; width:200px;}
#contato p a {color:#FE860C; text-decoration:underline;}

#download, #mapa, #educando, #parcerias {border-top:2px solid #E0E0E0;}
#download #leg {float:left; width:45%; margin-top:25px;}
#download #doc {float:right; width:45%; margin-top:25px;}
#download ul li, #mapa ul li, #institucional ul.equipe li {margin:10px 0; padding-left:15px; background:url("../imgs/ico_seta.gif") 0 7px no-repeat;}
#mapa ul li.sub {padding-left:35px; background:url("../imgs/ico_seta.gif") 20px 7px no-repeat;}
#mapa h3 {margin-top:25px; font-family:Arial, Helvetica, sans-serif; font-size:16px;}
#mapa h3 a {color:#FE860C;}

#educando h3 {margin-bottom:15px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;  text-transform:uppercase; font-size:17px; color:#FE860C;}
#educando #box {float:right; width:265px; margin:0 0 25px 15px; padding:15px 10px; border:5px solid #E0E0E0;}
#educando #box li {padding:5px 5px 45px 5px; background:#F0F0F0 url("../imgs/box_seta.gif") bottom no-repeat; font-weight:bold; letter-spacing:0; text-align:center;}
#educando #box li.ult {padding-bottom:5px; background-image:none;}
#educando #box a {text-decoration:underline; color:#FE860C;}
#educando .fluxo {text-align:center;}
#educando ul.num li {margin:7px 0 0 20px; list-style-position:outside; list-style-type:decimal; font-size:14px; font-weight:bold; color:#DDD;}
#educando ul.num li span {font-size:12px; color:#333; font-weight:normal;}

#parcerias ul#links_rel {margin-top:10px;}
#parcerias .maisinfo {display:block; margin:10px 0 15px; padding:5px 5px 5px 10px; border-left:5px solid #FE860C; background-color:#DEDEDE;}
#parcerias h3 {margin:25px 0 10px; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#FE860C;}
#parcerias #frm {margin-top:30px; border:1px solid #EEE; padding:10px;}
#parcerias #frm h3 {margin:0 0 15px; font-size:13px; color:#666;}
#parcerias .form1 {float:left; margin-right:25px;}
#parcerias span.erro {text-align:center; color:#FE860C;}
#parcerias span.erro p {margin:20px 0 0 0;}
#parcerias #formulario label {display:block; font-weight:bold;}
#parcerias #formulario input, #parcerias #formulario textarea, #parcerias #formulario select {width:280px; margin:5px 0 15px 0; padding:2px; border:1px solid #E0E0E0;}
#parcerias #formulario select {width:286px; padding:1px 2px;}
#parcerias #formulario textarea {height:138px; font-family:Arial, Helvetica, sans-serif; font-size:13px;}
#parcerias #formulario input.btn {clear:left; width:auto; margin-bottom:0; padding:0 10px; cursor:pointer; backgrouhd-color:#E0E0E0;}
#parcerias #formulario input:focus, #parcerias #formulario textarea:focus {border:1px solid #FE860C;}
#parcerias p a {text-decoration:underline; color:#FE860C;}

#paginacao {margin:25px 0 0 0; text-align:center;}
#paginacao a.sem_borda {border:0;}
#paginacao a, #paginacao span.ativo {display:inline; margin:0 -2px; padding:0 10px; border-left:1px solid #E0E0E0; color:#333;}
#paginacao span.ativo, #paginacao a:hover {color:#FE860C; text-decoration:none; font-weight:bold;}

ul#menu_lateral {float:right; width:160px; padding:8px; border-top:2px solid #E0E0E0; border-bottom:2px solid #E0E0E0;}
ul#menu_lateral li {margin:10px 0; padding-left:15px; background:url("../imgs/ico_seta.gif") 0 7px no-repeat; color:#FE860C;}
ul#menu_lateral li a.cor {color:#FE860C;}
ul#menu_lateral li.sub {margin-left:15px;}

#busca {float:right; width:176px;}
#busca h3{margin:15px 0 5px 0;}
#busca input.busca {width:130px; padding:2px; border:1px solid #E0E0E0; font-size:11px;}
#busca input.busca:focus, #busca input.busca:hover {border:1px solid #FE860C;}
#busca input.btn_busca {width:auto; margin-left:3px; border:0;}

/* RODAPÉ */
#rodape {margin:0; padding:60px 0 25px 0; overflow:hidden; background:url("../imgs/rodape_barra.gif") 0 40px no-repeat; line-height:1.6em;}
#rodape img.selo {float:left; margin-right:10px;}
#rodape address {float:left; padding:3px 0 0 15px; background:url("../imgs/endereco_barrinha.gif") 0 3px no-repeat; font-style:normal;}
#rodape div {float:right; margin-right:-3px; padding-top:3px; text-align:right; color:#FE860C;}
#rodape div a {color:#333; margin:0 3px;}
#rodape div a.cor {color:#FE860C;}
#rodape div span {margin:0 3px;}
#rodape div a.feed {padding-right:16px; background:url("../imgs/ico_feed.gif") right no-repeat;}
#rodape div span.inv {color:#FFF;}
#rodape div a.topup {font-size:11px;}

/* ATUAÇÃO AMBIENTAL*/
#ambiental {background:url("../imgs/ambiental/bg_topo.gif") repeat-x;}
#ambiental #geral {background:url("../imgs/ambiental/galhos.jpg") 350px 0 no-repeat;}
#ambiental h1 {background:url("../imgs/ambiental/logo.gif") no-repeat;}
#ambiental h2 span.pto  {color:#7A0;}
#ambiental ul#navegacao li.institucional_at {background:url("../imgs/ambiental/btn_institucional_ativo.gif") no-repeat;}
#ambiental ul#navegacao li a:hover {background:url("../imgs/ambiental/bg_sublinhado_menu.gif") bottom repeat-x;}
#ambiental #conteudo div.migalhas {color:#7A0;}
#ambiental #conteudo ul#links_rel li {background:url("../imgs/ambiental/ico_seta.gif") 0 7px no-repeat;}
#ambiental #conteudo p.dest {color:#360;}
#ambiental ul#menu_lateral li {background:url("../imgs/ambiental/ico_seta.gif") 0 7px no-repeat; color:#7A0;}
#ambiental #rodape div {color:#7A0;}
#ambiental ul#navegacao_sec li.home a:hover {background:url("../imgs/ambiental/ico_home_h.gif") 5px 5px no-repeat;}
#ambiental ul#navegacao_sec li.mapa a:hover {background:url("../imgs/ambiental/ico_mapa_h.gif") 5px 5px no-repeat;}
#ambiental ul#navegacao_sec li.download a:hover {background:url("../imgs/ambiental/ico_download_h.gif") 5px 5px no-repeat;}
#ambiental ul#navegacao_sec li.blog a:hover {background:url("../imgs/ambiental/ico_blog_h.gif") 5px 5px no-repeat;}
#ambiental ul#navegacao_sec li.amais a:hover {background:url("../imgs/ambiental/ico_amais_h.gif") 5px 5px no-repeat;}
#ambiental ul#navegacao_sec li.amenos a:hover {background:url("../imgs/ambiental/ico_amenos_h.gif") 5px 5px no-repeat;}
#ambiental .lingua span {color:#7A0;}
