﻿@charset "utf-8";

* { padding:0px; margin:0px; border:0px; list-style:none; outline:none;}
body { margin:0px; font-family:Tahoma, Verdana; font-size:11px; color:#444444;}
a { text-decoration: none; color:#31393f;}
a:hover { text-decoration:underline;}
/* CSS em comuns com todas as áreas */
body {
text-align:center;
}/* Centraliza no IE6*/ 
.preto { color:#000000;}
/* estilos do include do header */
#header{ width:1000px; margin:0 auto;}
.box1{width:750px; height:42px;	float:left;	display:block; background: url(../imagens/includes/casinha.png); text-align:left;}
.box1 a.linkhome { width:27px; height:23px; display:block; background:url(../imagens/includes/link_home.gif) no-repeat left top; text-indent:-9999em; float:left; margin:10px 0px 0px 19px;}
.box1 .login { float:left; margin:2px 0px 0px 10px; width:670px; color:#FFFFFF; font-size:10px; }
.box1 .login a { color:#FFFFFF; font-weight:bold;}
.box1 .login form { margin:0px; padding:0px;}
.box1 .login form input { width:114px; height:16px; border:1px solid #9c9c9c; font-size:11px; margin:0px 0px 0px 10px; color:#666666; padding:2px 0px 0px 2px; vertical-align:middle;}
.box1 .login form img { vertical-align:middle; margin:0px 0px 0px 10px;}
.box2{width:250px; height:58px; display:block; float:left; background: #ffffff; position:relative; top:0px; left:0px; z-index:20;}
.box2 a.responde { width:245px; height:54px; display:block; text-indent:-9999em; background:url(../imagens/includes/header_marinaresponde.gif) no-repeat left top; margin:4px 0px 0px 5px;}
.box2 ul { margin:9px 0px 0px 14px; padding:0px;}
.box2 ul li { list-style-type:none; width:23px; height:24px; float:left; margin:0px 6px 0px 0px;}
.box2 ul li.rss { margin:0px 20px 0px 0px;}
.box2 ul li a { display:block; width:23px; height:24px; text-indent:-9999em;}
.box2 ul li a.rss { background:url(../imagens/includes/rss.png) no-repeat left top;}
.box2 ul li a.orkut { background:url(../imagens/includes/orkut.png) no-repeat left top;}
.box2 ul li a.facebook { background:url(../imagens/includes/facebook.png) no-repeat left top;}
.box2 ul li a.twitter { background:url(../imagens/includes/twitter.png) no-repeat left top;}
.box2 ul li a.myspace { background:url(../imagens/includes/myspace.png) no-repeat left top;}
.box2 ul li a.youtube { background:url(../imagens/includes/youtube.png) no-repeat left top;}
.box2 ul li a.fale { background:url(../imagens/includes/fale.png) no-repeat left top;}
#header .menu { width:1000px; height:163px; background:url(../imagens/includes/background_header_julho.jpg) no-repeat left top; clear:both; position: relative; top:-16px; left:0px; z-index:10;}
#header .menu a.linkhome { display:block; width:355px; margin:0px 12px 0px 30px; height:159px; float:left;}
#header .menu ul { padding:44px 0px 0px 0px; marging:0px; float:left;}
#header .menu ul li { list-style-type:none; float:left; width:141px; height:59px; margin:0px 6px 0px 0px;}
#header .menu ul li a { display:block; width:141px; height:59px; text-indent:-9999em;}
#header .menu ul li a.diretrizes { background:url(../imagens/includes/bt_menu_diretrizes.gif) no-repeat left top;}
#header .menu ul li a.blog { background:url(../imagens/includes/bt_menu_blog.gif) no-repeat left top;}
#header .menu ul li a.marina { background:url(../imagens/includes/bt_menu_marina.gif) no-repeat left top;}
#header .menu ul li a.videoseimagens { background:url(../imagens/includes/bt_menu_videoseimagens.gif) no-repeat left top;}
#header .menu ul li a:hover.diretrizes { background:url(../imagens/includes/bt_menu_diretrizes_on.gif) no-repeat left top;}
#header .menu ul li a:hover.blog { background:url(../imagens/includes/bt_menu_blog_on.gif) no-repeat left top;}
#header .menu ul li a:hover.marina { background:url(../imagens/includes/bt_menu_marina_on.gif) no-repeat left top;}
#header .menu ul li a:hover.videoseimagens { background:url(../imagens/includes/bt_menu_videoseimagens_on.gif) no-repeat left top;}
#header .colaboracao { clear:both; width:1000px; padding:0px 0px 10px 0px;}
#header .colaboracao .banner1 { float:left; margin:0px 10px 5px 5px}
#header .colaboracao .banner2 { float:left; margin:0px 10px 5px 0px}
#header .colaboracao .banner3 { float:left; margin:0px 10px 5px 0px}
#header .colaboracao .banner4 { float:left; margin:0px 0px 5px 0px}
#header .colaboracao .doacao { width:303px; height:89px; border-left:1px solid #cccccc; float:left; text-align:left; padding:0px 0px 0px 12px;}
#header .colaboracao .doacao h3 { width:286px; height:12px; text-indent:-9999em; background:url(../imagens/includes/tit_h3_header_ajude.gif) no-repeat left top; margin:0px 0px 10px 0px;}
#header .colaboracao .doacao .quantias { float:left; width:205px; line-height:22px; font-weight:bold; font-size:12px;}
#header .colaboracao .doacao .quantias input { vertical-align:middle; margin-left:5px;}
#header .colaboracao .doacao .quantias input.outrovalor { width:160px; height:16px; border:1px solid #9c9c9c; margin-left:5px; color:#000000; font-size:11px;}
#header .colaboracao .doacao .quantias .doeagora { float:left; margin:3px 0px 0px 0px;}

/* Novo header  - 03 08 2010*/

#header .menu030810 { width:1000px; height:121px; background:url(../imagens/includes/background_header_agosto.jpg) no-repeat left top; clear:both; position: relative; top:-16px; left:0px; z-index:10;}
#header .menu030810 a.linkhome { display:block; width:365px; margin:0px 16px 0px 14px; height:118px; float:left;}
#header .menu030810 ul { padding:38px 0px 0px 0px; marging:0px; float:left;}
#header .menu030810 ul li { list-style-type:none; float:left; width:141px; height:59px; margin:0px 6px 0px 0px;}
#header .menu030810 ul li a { display:block; width:141px; height:59px; text-indent:-9999em;}
#header .menu030810 ul li a.diretrizes { background:url(../imagens/includes/bt_menu_diretrizes.gif) no-repeat left top;}
#header .menu030810 ul li a.blog { background:url(../imagens/includes/bt_menu_blog.gif) no-repeat left top;}
#header .menu030810 ul li a.marina { background:url(../imagens/includes/bt_menu_marina.gif) no-repeat left top;}
#header .menu030810 ul li a.videoseimagens { background:url(../imagens/includes/bt_menu_videoseimagens.gif) no-repeat left top;}
#header .menu030810 ul li a:hover.diretrizes { background:url(../imagens/includes/bt_menu_diretrizes_on.gif) no-repeat left top;}
#header .menu030810 ul li a:hover.blog { background:url(../imagens/includes/bt_menu_blog_on.gif) no-repeat left top;}
#header .menu030810 ul li a:hover.marina { background:url(../imagens/includes/bt_menu_marina_on.gif) no-repeat left top;}
#header .menu030810 ul li a:hover.videoseimagens { background:url(../imagens/includes/bt_menu_videoseimagens_on.gif) no-repeat left top;}

#superbannerdoacao{ width:981px; height:97px; background:url(../imagens/includes/background_superbanner_doacao.jpg) no-repeat left top;margin:0 auto;clear:both;position:relative;top:-9px;left:0;}

#superbannerdoacao .coluna1{float:left;width:638px;padding: 20px 48px 0px 0px;}
#superbannerdoacao .coluna1 h4{width:554px; height:31px; text-indent:-9999em; background:url(../imagens/includes/superbanner_titulo.gif) no-repeat left top; margin:0px 0px 15px 90px;}

#superbannerdoacao .coluna1 p{font-size:11px;color:#FFF;text-align:right;}
#superbannerdoacao .coluna1 a{font-size:11px;color:#9fe5ff;font-weight:bold;text-decoration:underline;}

#superbannerdoacao .coluna2{float:left;width:280px;padding: 20px 0px 0px 0px;}
#superbannerdoacao .coluna2 h5{width:270px; height:17px; text-indent:-9999em; background:url(../imagens/includes/superbanner_subtitulo.gif) no-repeat left top; margin:0px 0px 2px 0px;}
#superbannerdoacao .coluna2 .camposform{font-size:12px;font-weight:bold;color:#FFF;text-align:left;float:left; width: 210px;margin: 2px 0px 0px 0px;}
#superbannerdoacao .coluna2 input{}
#superbannerdoacao .coluna2 input.caixavalor{color:#818181;font-size:11px;font-weight:bold;height:18px;border:1px solid #9c9c9c;width: 175px; margin:2px 0px 0px 0px;}
#superbannerdoacao .coluna2 .acaodoar{float:left;}

/* final dos estilos do header */

/* estilos do footer */
#footer{ width:1000px; background: url(../imagens/includes/bg_rodape.gif) no-repeat left top; margin:0 auto; text-align:left; padding:0px 0px 10px 0px;}
#footer h2 { display:none;}
#footer .colunas { width:230px; margin:50px 0px 0px 20px; float:left; color:#5c5c5c; font-weight:normal;}
#footer .colunas a { color:#5c5c5c; font-size:11px; font-weight:normal; line-height:135%}
#footer .colunas h5 { margin:0px 0px 10px 0px; font-weight:bold; color:#34661f; text-transform:uppercase;}
#footer .colunas h5 a.homes { font-weight:bold; color:#34661f; font-size:12px;}
#footer .links-rodape { text-align:center; margin:30px 0px 10px 0px; font-size:10px; width:100%;}
#footer .links-rodape a { font-weight:bold;}
#footer .links-rodape .made {width:170px; margin:0 auto; padding:15px 0px 0px 0px;}
#footer .links-rodape .made a.cms { display:block; height:20px; width:92px; float:left; padding:3px 0px 0px 0px; background:url(../imagens/includes/logo_canvas.gif) no-repeat right top; text-align:left; margin:0px 20px 0px 0px;}
#footer .links-rodape .made a.crm { display:block; height:20px; width:50px; float:left; padding:3px 0px 0px 0px; background:url(../imagens/includes/logo_etica.gif) no-repeat right top; text-align:left;}
/* final dos estilos do footer */
#corpo {
	width:1024px;
	height:1776px;
	display:block;
	position:relative;
	margin: auto; 
	text-align:left; /*volta o alinhamento padr�o*/ }
	
p.breadcrumb{
	font-family:Tahoma;
	font-size:12px;
	color:#938e89;}

p.breadcrumb span {
	color:#000;
	font-weight:bold;}

p.breadcrumb a.breadhome { display:inline-block; width:11px; height:10px; text-indent:-9999em; background:url(../imagens/ico_home_breadcrumb.gif) no-repeat left top; margin:0px 3px 1px 3px; vertical-align:text-bottom}

.conteudo_int{
	margin-top:30px;
	margin-right:32px;
	float:left;
	width:628px;
	font-size:14px;
	text-align:justify;
	line-height:150%;}

.container{
	margin:auto;
	text-align:left;
	background: url(../imagens/degradee_site.jpg) no-repeat left top;
	width:940px;
	padding:20px 30px 50px 30px;
	border-top:7px solid #52a22d;}

.coluna_lateral{float:left; margin-top:30px; width:278px; padding:0px;}
/* paginação */
.paginacao{	margin:0px; width:420px; padding:10px 0px 10px 0px; text-align:center; color:#999999;}
.paginacao a.anterior { color:#35661f; padding:3px 5px 3px 20px; border:1px solid #35661f; background: #FFFFFF url(../imagens/paginacao_seta_esq.gif) no-repeat 3px 10px; margin:0px 10px 10px 0px; float:left; font-size:12px;}
.paginacao a.proximo{ color:#35661f; padding:3px 25px 3px 5px;  border:1px solid #35661f; background:#FFFFFF url(../imagens/paginacao_seta_dir.gif) no-repeat 57px 8px; margin:0px 10px 10px 10px; float:left; font-size:12px;}
.paginacao .atual{ color:#35661f; padding:3px 5px 3px 5px;  border:1px solid #35661f; margin:0px 3px 10px 0px; float:left; font-size:12px; background:#FFFFFF}
.paginacao a{ color:#55a42f; padding:3px 5px 3px 5px;  border:1px solid #55a42f; margin:0px 3px 10px 0px; float:left; font-size:12px; background:#FFFFFF}
.paginacao p { float:left; margin:0px 3px 0px 0px;}
/* fim paginação */
/* Inicio boxx Porque Marina */
.porquemarina { width:188px; margin:0px 0px 0px 0px; background:#ebebeb; padding:0px 0px 10px 0px;}
.porquemarina h2 { width:182px; height:33px; background: url(../imagens/bg_tit_menu_porquemarina.gif) no-repeat left top; text-indent:-9999em;}
.porquemarina img { border:5px solid #ebebeb; margin-top:4px;}
ul.linkslaterais { margin:0px 0px 0px 8px; padding:0px;}
ul.linkslaterais li { list-style-type: none; padding:0px;}
ul.linkslaterais li a{ color:#34661f; font-size:14px; font-weight:bold;  background:url(../imagens/seta_link.gif) no-repeat left 8px; padding:0px 0px 0px 8px; width:170px; display:block;}
/* Inicio menu o Programa */
#menu_oprograma { width:188px; float:right; margin:0px 0px 20px 0px;}
#menu_oprograma h2 { width:188px; height:37px; background:url(../imagens/bg_tit_menu_guilherme.gif) no-repeat left top; color:#FFFFFF; font-weight:bold; font-size:12px; padding: 13px 0px 0px 13px;}
#menu_oprograma ul { margin:0px; padding:0px;}
#menu_oprograma ul li { list-style-type:none; background:url(../imagens/seta_link.gif) no-repeat left 10px; border-bottom:1px solid #cacaca; padding:5px 0px 5px 5px;}
#menu_oprograma ul li.ultimo { list-style-type:none; background:url(../imagens/seta_link.gif) no-repeat left 10px; border-bottom:none; padding:5px 0px 5px 5px;}
#menu_oprograma ul li a { color:#35661f; font-weight:bold;}
#menu_oprograma ul li a.atual { color:#979797; font-weight:bold;}
/* Inicio menu Agenda socioambiental */
#menu_agendasocioambiental { width:188px; float:right; margin:0px 0px 10px 0px;}
#menu_agendasocioambiental a { width:188px; height:37px; display:block; background:url(../imagens/bg_tit_menu_guilherme.gif) no-repeat left top; color:#FFFFFF; font-weight:bold; font-size:12px; padding: 12px 0px 0px 11px; text-decoration:none;}
/* Inicio menu Sala de Imprensa */
#menu_saladeimprensa { width:188px; float:right;  margin:0px 0px 10px 0px;}
#menu_saladeimprensa a { width:188px; height:25px; display:block; background:url(../imagens/bg_tit_menu_guilherme.gif) no-repeat left top; color:#FFFFFF; font-weight:bold; font-size:12px; padding: 12px 0px 0px 11px; text-decoration:none; margin:0px 0px 3px 0px;}
/* Compartilhe */
#compartilhe { width:620px; padding:10px 0px 10px 0px; border-bottom:1px dotted #c9c9c8; border-top:1px dotted #c9c9c8; font-size:12px; color:#999999; font-weight:bold; margin:25px 0px 15px 0px;}
#compartilhe h4 { float:left; width:98px; height:12px; display: block; text-indent:-9999em; background:url(../imagens/tit_compartilhe.gif) no-repeat left top; margin:5px 140px 0px 0px;}
#compartilhe p { float:left; margin-top:5px;}
#compartilhe input { width:183px; height:18px; padding:2px 0px 0px 2px; border:1px solid #d5d5d5; font-size:11px; float:left; margin:0px 10px 0px 10px;}
#compartilhe a { display:block; width:32px; height:23px; border-left:1px dotted #CCCCCC; text-indent:-9999em; float:left; margin-right:3px;}
#compartilhe a.share { background:url(../imagens/ico_share_mail.gif) no-repeat center top;}
#compartilhe a.twitter { background:url(../imagens/ico_share_twitter.gif) no-repeat center top;}
#compartilhe a.facebook { background:url(../imagens/ico_share_facebook.gif) no-repeat center top;}
#compartilhe a.orkut { background:url(../imagens/ico_share_orkut.gif) no-repeat center 3px;}
/* Busca */
#busca { width:100%; border-bottom:1px solid #c3c3c3; padding:30px 0px 20px 0px;}
#busca h3 { height:21px; background:url(../imagens/bg_tits.gif) no-repeat left top; padding:0px 0px 0px 38px; color:#55a42f; font-size:18px; text-transform:uppercase; margin:0px 0px 20px 0px;}
#busca input { width:200px; height:18px; border:1px solid #68d236; font-size:12px; padding:2px 0px 0px 2px;  margin:0px 15px 0px 0px; vertical-align:bottom; float: left;}
#busca select { width:202px; height:22px; border:1px solid #68d236; font-size:12px; vertical-align:bottom; float: left;}
#busca a { display:block; width:73px; height:23px; text-indent:-9999em; background:url(../imagens/bt_buscar.gif) no-repeat left top; float: left; margin:0px 0px 0px 15px;}
.compartilhe { width:517px; height:34px; background:url(../imagens/diretrizes_governo/bg_compartilhe.gif) no-repeat left top; margin:15px 0px 15px 0px; padding:10px 0px 0px 113px;}
.compartilhe h3 { display:none;}
.compartilhe img { float:left; margin-right:3px;}
.compartilhe .orkut { width:24px; height:24px; display:block; text-indent:-9999em; background:url(../imagens/diretrizes_governo/ico_orkut.gif) no-repeat top left; float:left; margin-right:4px;}
.compartilhe .facebook { width:24px; height:24px; display:block; text-indent:-9999em; background:url(../imagens/diretrizes_governo/ico_facebook.gif) no-repeat top left; float:left; margin-right:4px;}
.compartilhe .twitter { width:24px; height:24px; display:block; text-indent:-9999em; background:url(../imagens/diretrizes_governo/ico_twitter.gif) no-repeat top left; float:left; margin-right:4px;}
.compartilhe .fale { width:24px; height:24px; display:block; text-indent:-9999em; background:url(../imagens/diretrizes_governo/ico_fale.gif) no-repeat top left; float:left; margin-right:4px;}
.compartilhe .topo { width:67px; height:23px; display:block; text-indent:-9999em; background:url(../imagens/diretrizes_governo/bt_topo.gif) no-repeat top left; float:right; margin-right:10px;}
.compartilhe .imprimir { width:36px; height:23px; display:block; text-indent:-9999em; background:url(../imagens/diretrizes_governo/bt_print.gif) no-repeat top left; float:right; margin-right:10px;}
.compartilhe .comentar { width:101px; height:23px; display:block; text-indent:-9999em; background:url(../imagens/diretrizes_governo/bt_comentar.gif) no-repeat top left; float:right; margin-right:10px;}
h3.tit-comentarios { width:108px; height:17px; text-indent:-9999em; background:url(../imagens/diretrizes_governo/tit_h3_comentarios.gif) no-repeat left top; margin:30px 0px 10px 0px;}
.comentarios { width:600px; background: #fafafa; border-top:1px solid #d8d8d8; padding:24px 22px 20px 22px;}
.comentarios ul.lista-comentarios { margin:0px; padding:0px;}
.comentarios ul.lista-comentarios li { list-style-type:none; border-bottom:1px solid #d8d8d8; color:#444444; font-size:11px; padding:20px 0px 30px 0px;}
.comentarios ul.lista-comentarios li h5 { color:#25690d; font-size:14px; font-weight:bold; margin:5px 0px 15px 0px}
.comentarios ul.lista-comentarios li .resposta { margin:10px 0px 0px 0px; color:#0084c4; font-weight:bold; }
.comentarios ul.lista-comentarios li .resposta img { float:left; margin:0px 10px 0px 0px; border:1px solid #000000;}
h3.tit-adicionar{ width:186px; height:17px; text-indent:-9999em; background:url(../imagens/diretrizes_governo/tit_h3_adicionar_comentario.gif) no-repeat left top; margin:30px 0px 10px 0px;}
.box-adicionar { width:600px; background: #fafafa; border-top:1px solid #d8d8d8; padding:24px 22px 20px 22px;}
.box-adicionar .data { width:138px; float:left; color:#000000; font-size:12px;}
.box-adicionar .campos { width: 440px; float:left; }
.box-adicionar .campos textarea { width:434px; height:112px; border:1px solid #9c9c9c; padding:2px; font-size:11px; margin:0px 0px 15px 0px; color:#818181; font-family:Verdana, Arial;}
.box-adicionar .campos input { width:220px; height:15px; border:1px solid #9c9c9c; padding:2px; font-size:11px; color:#818181; margin:0px 0px 15px 0px;}
.box-adicionar .campos a { display:block; width:67px; height:24px; text-indent:-9999em; background:url(../imagens/bt_enviar.gif) no-repeat left top;}
.barra { height:34px; width:100%; padding:6px 0px 0px 0px; background:url(../imagens/includes/bg_barra.gif) repeat-x left top; text-align:center; color:#8e4f0b; font-size:18px; font-family:Tahoma; text-shadow: 1px 1px #ffec9b;}
.barra .centro { width:935px; margin:0 auto;}
.barra .centro a.aovivo { display:block; width:79px; height:28px; text-indent:-9999em; background:url(../imagens/includes/bt_aovivo.gif) no-repeat left top; float:left; margin:0px 10px 0px 0px;}
.barra .centro a.ico { display:block; width:15px; height:15px; text-indent:-9999em; background:url(../imagens/includes/ico_seta.gif) no-repeat left top; float:left; margin:8px 7px 0px 7px;}
.barra .centro span { float:left; margin-top:3px; font-weight:bold;}

a.copiarembed { width:76px; height:23px; display:block; text-indent:-9999em; background:url(../imagens/sala_marina/bt_copiar.gif) no-repeat top; float:left; margin: 3px 0px 0px 6px;}