html { padding-bottom: 30px }
body { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; margin: 0; background: #fdfdfd url(../images/bg.gif) repeat-x left bottom }
body:after, html:after, div#conteudo:after{ content: "."; clear: both; display: block; visibility: hidden; height: 100% }
#tabcentral{ background-color: #FFFFFF; border-bottom: 2px solid #BFBFBF; border-left: 2px solid #BFBFBF; border-right: 2px solid #BFBFBF; height: 100%; margin: 0 auto 10px; padding-bottom: 10px; width: 762px }
.txtCinza1{ font-size: 9px; color:#666666 }
.txtCinza2{ font-size: 9px; color:#333333 }
.formLogin{ font: 100% Arial, Helvetica, sans-serif; font-size: 12px; background-color: #FFFFFF; border: 1px solid #CCCCCC; width: 100%; height: 20px; font-size: 11px; text-align:center; vertical-align: middle }
.links:link, .links:visited{ color:#369; font-size:10px }
.links:hover, .links:visited:hover{ color:#258; text-decoration:none }
.Menu:link, .Menu:visited{ font-family:Arial, Helvetica, sans-serif; color: #01304d; font-size: 11px; text-decoration:none }
.Menu:hover, .Menu:visited:hover{ text-decoration: underline }
.Rodape:link, .Rodape:visited{ font-family:Arial, Helvetica, sans-serif; color: #333333; font-size: 11px; text-decoration:none }
.Rodape:hover, .Rodape:visited:hover{ text-decoration: underline }
.Hintze:link, .Hintze:visited{ color: #01304d; font-size:9px; text-decoration:none }
.Hintze:hover, .Hintze:visited:hover{ text-decoration: underline }
.linhaMenu{ background-image:url(../images/separador_drashed.gif); background-repeat:repeat-x }
.ttsMenu{ color: #01304d; font-size:11px; font-weight:bold }
.ttsBranco{ color: #ffffff; font-size:11px; font-weight:bold }
.txtConteudo{ color: #333333; font-size:11px; line-height: 14px }
.FiguraDireita{ border: 3px solid #FFFFFF; margin-left: 20px; margin-bottom: 20px }
.Figura{ background-color:#CCCCCC; border: 3px solid #FFFFFF }
.form{ font: 100% Arial, Helvetica, sans-serif; font-size:11px; color: #333333; background-image:url(../images/in/form.jpg); border-color:#F7F7F7;border-style:groove }
.form2{ font: 100% Arial, Helvetica, sans-serif; font-size:11px; color: #333333; line-height: 14px; background-image:url(../images/in/form2.jpg); border-color:#F7F7F7; border-style:groove }
.Titulo_Laranja {color: #CC6600; font-size: 11px; font-weight: 900 }
.Titulo_azul { color: #000066; font-weight: 900 }
.Texto_azul { font: 100% Arial, Helvetica, sans-serif; color: #004080 !important; font-weight: 900 }
.txtConteudo_menor { color: #707070; font-size:9px; line-height: 12px }
.link_padrao{ text-decoration:none; color: #333333; font-size:11px; line-height: 14px; font-weight: 900 }
.link_padrao:hover, .link_padrao:visited:hover{ text-decoration: underline }
.link_img:link, .link_img:visited { color: #01304D !important; display: block; font-family: Arial,Helvetica,sans-serif; font-size: 11px; font-weight: bold; margin-top: 10px; padding: 3px; text-decoration: none; width: 45px }
.link_img:hover, .link_img:visited:hover { color: #ffffff !important; background-color: #01304D; text-decoration: none !important }
/* --------------------------------------------------------------------------------------------------- */
/* Menu lateral*/
div#menu-lateral { background: #cbd0d3 url(../images/bg-menu-lateral.gif) repeat-x left top; margin-left: 5px; padding: 10px }
div#menu-lateral h2 { margin: 0 0 5px 0 }
div#menu-lateral h2#txt-sobre { background: url(../images/txt-sobre-objetivo.gif) no-repeat; display: block; width: 108px; height: 15px; text-indent: -5000em; margin-bottom: 10px }
div#menu-lateral h2#txt-ensino { background: url(../images/txt-ensino.gif) no-repeat; display: block; width: 42px; height: 11px; text-indent: -5000em; margin-bottom: 10px }
div#menu-lateral ul { margin: 0 0 15px 0; padding: 0 }
div#menu-lateral ul li { background: url(../images/marcador_menu.gif) no-repeat 10px 6px; border-bottom: 1px dotted #01304D; list-style: none; margin-bottom: 5px; padding: 0 10px 5px 20px }
div#menu-lateral ul li a { color: #01304d; font-size: 11px; text-decoration: none; }
div#menu-lateral ul li a:hover {text-decoration: underline }
/* Lista */
dl.localizacao { border: 1px solid #CCCCCC; float: left; margin: 10px; padding: 10px; width: 219px }
dl.localizacao dt { border-bottom: 1px dotted; font-size: 14px; font-weight: bold; margin-bottom: 10px }
dl.localizacao dd { margin: 0 }
dl.localizacao dd img { display: block; height: 151px; margin: 0 auto 10px; width: 189px }
dl.nutricao dt { border-bottom: 1px dotted; font-weight: bold; margin-bottom: 10px }
dl.nutricao dd { margin: 0 }
div#conteudo ul, div#conteudo ol { margin: 0 0 10px; padding: 0 }
div#conteudo ul li { margin: 0 0 10px 15px }
div#conteudo ol li { margin: 0 0 10px 15px }
div#conteudo ul li ul {}
div#conteudo ul.TabbedPanelsTabGroup { margin: 0 }
div#conteudo ul.TabbedPanelsTabGroup li { margin: 0 2px 0 0 }
/* Corrigi Float */
div#horta-organica:after,
div#eventos:after,
div#objetivo-solidario:after,
ul#lista-noticias li:after,
ul.lista-eventos li:after,
ul#lista-projetos li:after,
ul#lista-convenios li:after { content: "."; clear: both; display: block; visibility: hidden; height: 0 }
/* Base */
a.btn-leia-mais { background: url(../images/btn-leia-mais.gif) no-repeat; clear: both; display: block; float: right; height: 19px; margin-bottom: 10px; text-indent: -5000em; width: 70px; overflow: hidden }
a.btn-veja-mais-eventos { background: url(../images/btn-veja-mais-eventos.gif) no-repeat; clear: both; display: block; float: right; height: 19px; margin: 0 10px 10px 0; text-indent: -5000em; width: 121px; overflow: hidden }
span#slogan { background: url(../images/topo-02.jpg) no-repeat; display: block; width: 542px; height: 199px; text-indent: -5000em }
div#esquerda { display: inline; float: left; margin: 0 18px 0 12px; width: 250px }
div#direita { display: inline;float: left; width: 250px }
div#banner { display: block; margin-bottom: 10px; text-align: center }
/* Noticias ligadas */
div#noticias-ligadas { background: url(../images/bg-destaques-home.gif) no-repeat left bottom; margin-bottom: 10px; padding-bottom: 1px }
div#noticias-ligadas h2 { background: url(../images/txt-noticias.gif) no-repeat; display: block; height: 27px; margin: 0; text-indent: -5000em; width: 250px }
div#noticias-ligadas ul { margin: 0; padding: 10px 10px 0 }
div#noticias-ligadas ul li { font-size: 11px; height: 80px; list-style: none; margin-bottom: 10px; position: relative }
div#noticias-ligadas ul li h3 { margin: 0 0 5px 0; font-size: 11px }
div#noticias-ligadas ul li h3 a { font-size: 11px; color: #004080; text-decoration: none }
div#noticias-ligadas ul li h3 a:hover { text-decoration: underline }
div#noticias-ligadas ul li p { margin: 0 0 5px 0 }
div#noticias-ligadas ul li div.imagem-noticia { background-color: #FFFFFF; border: 4px solid #FFFFFF; float: left; margin-right: 5px }
div#noticias-ligadas ul li a.btn-leia-mais { bottom: -11px; position: absolute; right: 0 }
/* Fotos Home */
div#fotos-home { background: url(../images/bg-destaques-home.gif) no-repeat left bottom; font-size: 11px; margin-bottom: 10px }
div#fotos-home h2 { background: url(../images/txt-fotos.gif) no-repeat; display: block; height: 27px; margin: 0; text-indent: -5000em; width: 250px }
div#fotos-home form { margin: 0; padding: 0 }
div#fotos-home form fieldset { border: 0; margin: 0; padding: 10px 10px 0; line-height: 18px }
div#fotos-home form fieldset p { margin: 18px 0 12px 0 }
div#fotos-home form fieldset img { float: right; margin-bottom: 5px }
div#fotos-home form fieldset select { background-color: #FFF; border: 1px solid #CCC }
div#fotos-home form fieldset input { margin: 15px 10px 0 0; float: left }
div#fotos-home ul { margin: 0; padding: 10px }
div#fotos-home ul li { list-style: none; font-size: 11px }
div#fotos-home ul li h3 { margin: 0 0 5px 0; font-size: 12px }
div#fotos-home ul li h3 a { font-size: 12px }
div#fotos-home ul li p { margin: 0 0 5px 0 }
div#fotos-home ul li div.imagem-noticia { float: left; margin-right: 5px }
/* Horta Orgânica */
div#horta-organica { background: url(../images/bg-destaques-home.gif) no-repeat left bottom; height:260px; font-size: 11px; margin-bottom: 10px; position: relative }
div#horta-organica h2 { background: url(../images/txt-horta-organica.gif) no-repeat; display: block; height: 27px; margin: 0; text-indent: -5000em; width: 250px }
div#horta-organica img { border: 3px solid #FFFFFF; display: block; width: 191px; height: 105px; margin: 10px auto 0 }
div#horta-organica p { padding: 10px; margin: 0; text-align: justify }
div#horta-organica a.btn-leia-mais { position: absolute; bottom: 0; right: 10px }
/* Eventos */
div#eventos { background: url(../images/bg-destaques-home.gif) no-repeat left bottom; font-size: 11px; margin-bottom: 10px; position: relative; padding-bottom: 10px }
div#eventos h2 { background: url(../images/txt-eventos.gif) no-repeat; display: block; height: 27px; margin: 0; text-indent: -5000em; width: 250px }
div#eventos ul { margin: 0; padding: 10px }
div#eventos ul li { background: url(../images/ico-seta-amarela.gif) no-repeat 1px 1px; font-size: 11px; list-style: none; margin-bottom: 10px; padding-left: 15px }
div#eventos ul li a { color: #333333; text-decoration: none }
div#eventos ul li a:hover { text-decoration: underline }
div#eventos a.btn-veja-mais-eventos { float: none; position: absolute; bottom: 0; right: 0 }
/* Objetivo Solidário */
div#objetivo-solidario { background: url(../images/bg-destaques-home.gif) no-repeat left bottom; font-size: 11px; margin-bottom: 10px; position: relative; padding-bottom: 20px }
div#objetivo-solidario h2 { background: url(../images/txt-objetivo-solidario.gif) no-repeat; display: block; height: 27px; margin: 0; text-indent: -5000em; width: 250px }
div#objetivo-solidario img { border: 3px solid #FFFFFF; float: left; margin: 10px }
div#objetivo-solidario p { padding: 10px; margin: 0; text-align: justify }
div#objetivo-solidario a.btn-leia-mais { float: none; position: absolute; bottom: 0; right: 10px }
/* Conteudo interno */
div#conteudo { line-height: 18px; padding: 10px; text-align: justify; width: 522px }
div#conteudo p { margin: 0 0 10px; text-align: justify }
div#conteudo h1 { margin: 0 0 15px 0; font-size: 16px }
div#conteudo h2 { clear: both; margin: 0 0 15px 0; font-size: 14px }
div#conteudo a { color: #333; text-decoration: none }
div#conteudo a:hover { text-decoration: underline }
/* Lista de Downloads */
ul.download { margin: 0; padding: 0 }
ul.download li { background: url(../images/ico-download.png) no-repeat; font-size: 14px; list-style: none; margin: 0 0 10px !important; padding: 5px 0 10px 40px }
ul.download li a { font-size: 12px; text-decoration: none }
ul.download li a:hover { text-decoration: underline }
/* Noticias (pagina interna) */
div#conteudo ul#lista-noticias { margin-bottom: 10px; padding: 0 }
div#conteudo ul#lista-noticias li { list-style: none; font-weight: lighter; margin-left: 0 }
div#conteudo ul#lista-noticias li img { border: 3px solid #F4F4F4; float: left; margin-right: 10px }
div#conteudo ul#lista-noticias li h2 { margin: 0 0 5px 0 }
div#conteudo ul#lista-noticias li a.btn-leia-mais { clear: none }
div#paginacao { clear: both; display: block }
div#paginacao p.esquerda { float: left }
div#paginacao div.direita { float: right }
/* Eventos (pagina interna) */
div#conteudo ul.lista-eventos { margin: 0 0 10px 0; padding: 0 }
div#conteudo ul.lista-eventos li { clear: both; list-style: none; font-weight: lighter; margin-left: 0 }
div#conteudo ul.lista-eventos li img { border: 3px solid #F4F4F4; float: left; margin-right: 10px }
div#conteudo ul.lista-eventos li h2 { margin: 0 0 5px 0 }
/* Projetos (pagina interna) */
div#conteudo ul#lista-projetos, ul#lista-premios { margin: 0; padding: 0 }
div#conteudo ul#lista-projetos li { clear: both; list-style: none; margin-bottom: 10px; margin-left: 0 }
div#conteudo ul#lista-projetos li img { float: left; margin-right: 10px }
div#conteudo ul#lista-premios li { list-style: none; margin-bottom: 10px; margin-left: 0; float: left }
/* Projetos (pagina interna) */
div#conteudo ul#lista-convenios { margin: 0; padding: 0 }
div#conteudo ul#lista-convenios li { height: 125px; list-style: none; margin-bottom: 10px; margin-left: 0 }
div#conteudo ul#lista-convenios li h2 { margin-bottom: 10px }
div#conteudo ul#lista-convenios li img { border: 3px solid #F4F4F4; float: left; margin-right: 10px }
/* Estrutura */
div#conteudo ul#galeria-estrutura { margin: 0; padding: 0 }
div#conteudo ul#galeria-estrutura li { float: left; list-style: none; margin: 0 7px 7px; padding: 0 }
/* --------------------------- INSCRIÇÕES --------------------------- */
form#form-inscricoes { width: 522px }
form#form-inscricoes fieldset { border: 1px solid #999999; margin-bottom: 15px; padding: 10px; width: 488px }
form#form-inscricoes fieldset.no-border { border: 0 }
form#form-inscricoes fieldset legend { color: #152d69; font-size: 14px; font-weight: bold }
form#form-inscricoes fieldset ul { margin: 0; padding: 0 }
form#form-inscricoes fieldset ul li { float: left; margin: 0 10px 10px 0; padding: 0; list-style: none }
form#form-inscricoes fieldset ul li label { cursor: pointer; display: block }
form#form-inscricoes fieldset ul li label.error { color: #FF0000; font-size: 10px; text-align: left }
form#form-inscricoes fieldset ul li input { border: 1px solid #999; padding: 2px }
form#form-inscricoes fieldset ul li input:focus { border: 1px solid #333 }
form#form-inscricoes fieldset ul li select { border: 1px solid #999; padding: 1px 0 }
form#form-inscricoes fieldset ul li select:focus { border: 1px solid #333 }
form#form-inscricoes fieldset input#btn-inscrever { background-color: #CBD0D3; border: 0; cursor: pointer; font-size: 16px; font-weight: bold; margin-left: -7px; padding: 5px }
form#form-inscricoes fieldset input#btn-inscrever:hover { background-color: #b6bcbf }