* {margin:0; padding:0}
img {border: 0;}
a {outline:none;color:#2d441d;text-decoration:none;}
html { height: 100%; }
html {background: #F9F8DA url(../img/fundo-principal.jpg) repeat-x;height:100%}
body {background: transparent url(../img/fundo-conteudo.gif) repeat-y 50% 0;min-height: 100%;height: 100%;font-family:Tahoma,Arial,Helvetica,sans serif;font-size: 80%;}
#page {position:relative;width: 750px;margin: 0 auto;background: transparent url(../img/fundo-conteudo.gif) repeat-y 50% 0;padding:0 10px;}
#brand {height:116px;background: transparent url(../img/fundo-fundo-florestal.jpg) no-repeat 50% 25px;position:relative;padding-bottom:25px}
#brand h1 {font-family: Georgia;background: transparent url(../img/fundo-fundo-florestal.jpg) no-repeat 170px 30px;padding-top:25px;text-indent:-99999px;}
#brand h1 a {text-decoration:none;}
#brand h2 span {display:block;text-indent:-99999px}
#brand h2 img {position:absolute;right:20px;top:60px;}
#brand img.logo-ffc, #brand object {position:absolute;top:5px;left:30px}
#menu-global {clear:left;height:88px;background: transparent url(../img/fundo-menu-global.jpg) repeat-x;width:750px;}
#menu-global ul {list-style:none;display:table;text-align:center;margin-left:55px;background: transparent url(../img/menu-global.gif) no-repeat 45px 0;height:88px}
#menu-global li {display:inline;text-indent:-99999px;}
#menu-global li a {display:block;float:left; width:140px;text-decoration:none;color:#fff;margin:12px 5px;margin-bottom:6px;font-weight:bold;}
#menu-global li.menu-superior a {margin-top:14px;}
#menu-global li.menu-inferior a {margin-top:18px;}
#menu-global li.home a {margin-left:50px;width:48px;}
#menu-global li.noticias a {margin-left:70px;width:68px;}
#menu-global li.institucional a {margin-left:78px;width:100px;}
#menu-global li.integrantes a {margin-left:78px;width:96px;}
#menu-global li.processo a {margin-left:40px;width:68px;}
#menu-global li.contato a {margin-left:58px;width:72px;}
#menu-global li.area-de-atuacao a {margin-left:66px;width:122px;}
#menu-global li.fotos a {margin-left:86px;width:55px;}
#menu-global li a.superior {color:#2d441d;padding-bottom:2px}

#content {width:770px;}
#content .foto {text-align:center}
#content .titulo {background:transparent url(../img/fundo-titulo-interna.jpg) repeat-x;width:750px;height:45px;}
#content .texto {color:#363;padding: 40px 120px 20px 90px;text-align:justify;}
/*.texto dt {font-weight:bold;font-size:.85em;text-transform:uppercase;color:#fff;background: #363 url(../img/fundo-titulo-noticia.gif) 0 20%;width:300px;padding: .2em .4em;margin:1em 0}*/
.texto h3 {text-align:center;padding-bottom:1em;}
#rodape .banner {width:750px;height:85px;background:transparent url(../img/fundo-rodape.jpg) 0 bottom no-repeat}
#rodape .banner dl {float:left;width:340px;display:inline;font-size:.85em;padding:.5em 1em;position:relative}
#rodape .banner dt {font-weight:bold}
.banner dd.link {text-align:right;text-transform:uppercase;position:absolute;right:0;bottom:0}
dd.link a {font-weight:bold;}
.floatleft {float:left;}
.clearfloat {clear:both}

/**
* Home
*/
#home .foto {width:750px;height:435px;}
#home #menu-global {margin-top:-2px}
/**
* Àrea de atuação
*/
#area-de-atuacao #content .foto{padding:1.5em;padding-bottom:0;}
#area-de-atuacao #menu-global {margin-top:-4px}
#area-de-atuacao .titulo h2 {background:transparent url(../img/fundo-titulo-area-atuacao.jpg) no-repeat 50% ;width:750px;height:45px;text-indent:-99999px}
#area-de-atuacao .banner {background:transparent url(../img/foto-area-atuacao.jpg) no-repeat 50%}
/**
* Notícias
*/
#noticias .titulo h2 {background:transparent url(../img/fundo-titulo-noticias.jpg) no-repeat 50% ;width:750px;height:45px;text-indent:-99999px}
#noticias .banner {background:transparent url(../img/foto-noticias.jpg) no-repeat 50%}
#noticias .texto dt {width:563px;background:transparent url(../img/separador-noticia.gif) no-repeat 0 top;font-size:1.2em;font-weight:bold;text-transform:uppercase;padding-bottom:6px;margin:.5em 0;padding-top:15px}
#noticias .texto dd.last {background:transparent url(../img/separador-noticia.gif) no-repeat 0 bottom;padding-bottom:15px}
#noticias .texto ul {padding:1em 2em}

/**
* Institucional
*/
#institucional .titulo h2 {background:transparent url(../img/fundo-titulo-institucional.jpg) no-repeat 50% ;width:750px;height:45px;text-indent:-99999px}
#institucional .banner {background:transparent url(../img/foto-institucional.jpg) no-repeat 50%}
#institucional .texto dt {text-indent:-99999px;width:563px;height:16px;background:transparent url() no-repeat;padding-bottom:6px}
#institucional .texto dt.titulo-institucional1  {background:url(../img/titulo-institucional1.gif) no-repeat;}
#institucional .texto dt.titulo-institucional2  {background:url(../img/titulo-institucional2.gif) no-repeat;}
#institucional .texto dt.titulo-institucional3  {background:url(../img/titulo-institucional3.gif) no-repeat;}
#institucional .texto dt.titulo-institucional4  {background:url(../img/titulo-institucional4.gif) no-repeat;}
#institucional .texto dd {padding-bottom:1em}

/**
* Integrantes
*/
#integrantes .titulo h2 {background:transparent url(../img/fundo-titulo-integrantes.jpg) no-repeat 50% ;width:750px;height:45px;text-indent:-99999px}
#integrantes .banner {background:transparent url(../img/foto-integrantes.jpg) no-repeat 50%}
#integrantes .texto h2.titulo-integrante1 {background:url(../img/titulo-integrante1.gif) no-repeat;text-indent:-99999px;width:563px;height:16px;padding-bottom:6px;margin:1em 0}
#integrantes .texto dt {text-indent:-99999px;width:563px;height:16px;background:transparent url() no-repeat;padding-bottom:6px;margin:1em 0}
#integrantes .texto dt.titulo-integrante2 {background:url(../img/titulo-integrante2.gif) no-repeat;}
#integrantes .texto dt.titulo-integrante3 {background:url(../img/titulo-integrante3.gif) no-repeat;}
#integrantes .texto dt.titulo-integrante4 {background:url(../img/titulo-integrante4.gif) no-repeat;}
#integrantes .texto dt.titulo-integrante5 {background:url(../img/titulo-integrante5.gif) no-repeat;}
#integrantes .texto dt.titulo-integrante6 {background:url(../img/titulo-integrante6.gif) no-repeat;}
#integrantes .texto dd {text-align:center;}
#integrantes .texto .coordenacao dd {text-align:justify;}
#integrantes .texto .vinculadas dd {padding:.5em 0}
#integrantes .texto .integrante dd.logo {height:80px;margin-top:10px}
#integrantes .integrante {float:left;width:270px;padding: 0 5px;}


/**
* Processo
*/
#processo .titulo h2 {background:transparent url(../img/fundo-titulo-processo.jpg) no-repeat 50% ;width:750px;height:45px;text-indent:-99999px}
#processo .banner {background:transparent url(../img/foto-processo.jpg) no-repeat 50%}
#processo .texto ul {margin:0;padding:0;margin-left:2em;list-style:square}
#processo .texto h4 {margin:2em 0;text-indent:-99999px;background:transparent url(../img/titulo-fluxo-do-processo.gif) no-repeat;width:563px;height:16px;}
#processo p {padding-bottom:1em;}

/**
* Fotos
*/
#fotos .titulo h2 {background:transparent url(../img/fundo-titulo-fotos.jpg) no-repeat 50% ;width:750px;height:45px;text-indent:-99999px}
#fotos .banner {background:transparent url(../img/foto-fotos.jpg) no-repeat 50%}
#fotos dl {width:126px;text-align:center;}
#fotos dd {font-size:.95em;}
#fotos dd img {border:3px solid #fff;cursor:pointer}
#fotos .texto {padding: 50px 0px 40px 80px;}
#fotos .texto dt {text-indent:-99999px;width:127px;height:16px;background:transparent url() no-repeat;padding-bottom:6px}
#fotos .texto dt.titulo-viveiros-de-mudas {background:url(../img/titulo-viveiros-de-mudas.gif) no-repeat;}
#fotos .texto dt.titulo-plantios {background:url(../img/titulo-plantios.gif) no-repeat;}
#fotos .texto dt.titulo-carbonizacao {background:url(../img/titulo-carbonizacao.gif) no-repeat;}
#fotos .texto dt.titulo-industrializacao {background:url(../img/titulo-industrializacao.gif) no-repeat;}
#fotos .texto dt.titulo-embarque {background:url(../img/titulo-embarque.gif) no-repeat;}
#fotos .texto .fotos {float:left;margin-right:20px}
#boxFotoGrande {display:none;position:absolute;left:80px;z-index:20}
#boxFotoGrande a {position:absolute;right:0;margin-left:-10px;font-size:.8em;background:#F4EE8E;padding:.5em}
#boxFotoGrande img {border:5px solid #F4EE8E}
#fotoGrandeLegenda {background:#F4EE8E;text-align:center;padding:.3em;font-weight:bold}

/**
* Contato
*/
#contato #content .texto {color:#363;padding: 40px 70px 20px 50px;}
#contato .titulo h2 {background:transparent url(../img/fundo-titulo-contato.jpg) no-repeat 50% ;width:750px;height:45px;text-indent:-99999px}
#contato .banner {background:transparent url(../img/foto-contato.jpg) no-repeat 50%}
#contato form {margin:1.5em 0;}

#contato label, #contato input {font-size:.8em}
#contato label {text-transform:uppercase;font-weight:bold;font-size:.7em;line-height:18px}
#contato input {width:270px;}
#contato input, #contato textarea {border: 2px solid #363;background:transparent;padding:0 4px}
#contato .campo {float:left;text-align:left;width:310px;}
#contato .campoDDD {width:12px;float:left;}
#contato .campoGrande {width:380px}
#contato .campoGrande input {width:340px}
#contato .campoFull {width:600px}
#contato .campoFull input {width:580px}
#contato .campoPequeno {width:220px;!width:300px}
#contato .campoPequeno input {width:200px}
#contato .campoUF {width:70px;float:left}
#contato .campoUF input {width:30px}
#contato .campoTelefone {width:250px}
#contato .campoTelefone input.campoDDD {width:15px;margin-right:10px}
#contato .campoTelefone input {width:160px}
#contato .campoMensagem {width:490px;}
#contato .campoMensagem textarea {overflow:auto;width:440px;height:66px;font-family:Tahoma,Arial,Helvetica,sans serif;font-size:.8em}
#contato .botoes {width:100px;margin-top:14px}
#contato .botao {width:99px;height:27px;margin-top:11px;background:transparent url(../img/fundo-botao.jpg) no-repeat 0 3px;border:none;color:#9c3;font-weight:bold;text-transform:uppercase;font-size:.6em;}

#submenu {background:transparent url(../img/menu-rodape.gif) no-repeat;}
#submenu ul {list-style:none;margin-left:120px;height:28px}
#submenu li {display:inline;text-indent:-9999px;}
#submenu li a {display:block;float:left;width:28px;height:28px}
#submenu li.noticias a {width:48px;}
#submenu li.institucional a {width:70px;}
#submenu li.integrantes a {width:62px;}
#submenu li.processo a {width:51px;}
#submenu li.contato a {width:50px;}
#submenu li.area-atuacao a {width:83px;}
#submenu li.fotos a {width:35px;}
#submenu li.inovate a {margin-left:125px;width:74px;}