@charset "utf-8";
/* CSS Document for website carbono social */

*{
	margin:0;
	padding:0;
}
html, body
{
	background-color:#FFF;
	font-size: 13px;
	font-weight:normal;
	font-family:"Arial";
	background-image:url('../imagens/bg1.png');
	background-repeat:repeat-x;
	margin:0;
	padding:0;
	
}
#alert{
	overflow: hidden;
	width: 100%;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fff;
	color: #324200;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	opacity: .9;
	line-height:43px;
	margin-top:0px;
	font-weight:bold;
	font-size:12pt;
	z-index:1001;
}

#topo{
	background-image:url('../imagens/img_bg.png');
	background-repeat:no-repeat;
	height:353px;
}

#topo #centroTopo{
	margin: 0 auto;
	padding-top:15px;
	width:1170px;
}

#topo #centroTopo #bolhas{
	float:left;
	background-image:url('../imagens/bolhas.png');
	background-repeat:no-repeat;
	width:252px;
	height:218px;
}

#topo #centroTopo #logo{
	float:left;
	width:232px;
	height:187px;
}

#topo #centroTopo #logo img{
	border:0;
}

#topo #centroTopo #helices{
	float:left;
	background-image:url('../imagens/helices.png');
	background-repeat:no-repeat;
	width:485px;
	height:189px;
	margin-top:-10px;
}

#topo #centroTopo #pesquisar{
	float:right;
	width:175px;
	height:23px;
	background-image:url(../images/bg_pesquisa.png);
	background-repeat:no-repeat;
	margin:190px -50px 0 0;
}

#topo #centroTopo #pesquisar form input{
	background-color:transparent;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color:#324200;
	padding:0 3px 0 3px;
	border:none;
	width:135px;
	height:15px;
	margin:4px 0 0 8px;
	float:left;
}

#topo #centroTopo #pesquisar form input.botao{
	background-image:url('../imagens/go.png');
	background-repeat:no-repeat;
	width:17px;
	height:16px;
	border:0;
	margin-left:5px;
	cursor:pointer;
}

#conteudo{
	margin: 0 auto;
	width:870px;
	margin-top: -105px;
}

#conteudo #latEsquerda{
	width:187px;
	float:left;
	display:block;
	clear:both;
}

#conteudo #latEsquerda .menu {
	width:187px;
	height:auto;
	position:relative;
	
}

#conteudo #latEsquerda ul.menu {
	width:187px;
	height:auto;
	border:1px solid transparent;
	margin:0 0 5px 0;
	padding:0;
	list-style-type:none;
	display:block;
	clear:both;
}
#conteudo #latEsquerda ul.menu li {
	background-image:url('../imagens/menu-ul-li.png');
	background-repeat:no-repeat;
	width:187px;
	height:26px;
	display:block;
	clear:both;
}
#conteudo #latEsquerda ul.menu li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color:#333;
	text-decoration:none;
	height:26px;
	line-height:200%;
	display:block;
	padding-left:30px;
}
#conteudo #latEsquerda ul.menu li a:hover {
	background-image:url('../imagens/menu-ul-li-over.png');
	background-repeat:no-repeat;
} 

#conteudo #latEsquerda ul.menu li.titulo{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color:#324200;
	text-transform:uppercase;
	background-image:url('../imagens/menu-ul.png');
	background-repeat:no-repeat;
	width:173px;
	margin:0;
	padding:5px 0 0 20px;
}
#conteudo #latEsquerda ul.menu li.titulo a{
	text-transform:uppercase;
}

#conteudo #latEsquerda ul.menu li.hr{
	background-image:url('../imagens/hr-menu.png');
	background-repeat:no-repeat scroll center;
	width:187px;
	height:2px;
	margin: 4px 0 4px 0;
}

#conteudo #latEsquerda ul.menu li.hr hr{
	display: none;
}

#conteudo #latEsquerda #newsletter {
	float:left;
	width:187px;
	height:176px;
	background-image:url('../imagens/newsletter.png');
	background-repeat:no-repeat;
	
}

#conteudo #latEsquerda #newsletter form input{
	background-color:transparent;
	width:125px;
	height:16px;
	margin-left:6px;
	padding-left:10px;
	border:0;
}

#conteudo #latEsquerda #newsletter form input.nome{
	background-color:transparent;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color:#324200;
	padding:0 3px 0 10px;
	border:none;
	width:155px;
	height:15px;
	margin:76px 0 0 5px;
}

#conteudo #latEsquerda #newsletter form input.email{
	background-color:transparent;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color:#324200;
	padding:0 2px 0 10px;
	border:none;
	width:155px;
	height:15px;
	margin:22px 0 0 5px;
}

#conteudo #latEsquerda #newsletter form .submeter{
	margin:13px 0 0 5px;
	width:150px;
	float:left;
	text-align:right;
}
#conteudo #latEsquerda #newsletter form input.botao{
	background-image:url('../imagens/bt_seta.png');
	background-repeat:no-repeat;
	width:17px;
	height:16px;
	border:0;
	margin:-15px 10px 0 0;
	float:right;
	clear:both;
	display:block;
	cursor:pointer;
}

#conteudo #latEsquerda #banners{
	width:187px;
	height:auto;
	margin-top:10px;
	float:left;
	
}

#conteudo #latEsquerda #banners .banner{
	background-image:url('../imagens/fundo-banner.png');
	background-repeat:no-repeat;
	width:187px;
	height:73px;
	float:left;
	padding:4px 0 2px 3px;
}

#conteudo #latEsquerda #banners .banner img{
	border:none;
}

#conteudo #latEsquerda #banners .banner a{

}
#conteudo #latEsquerda #redesSociais{
	width:172px;
	height:51px;
	margin:10px 0 0 0;
	float:left;
	padding-left: 15px;
	border-bottom:solid 1px #5c7a00;
	bottom:60px;
	
}

#conteudo #latEsquerda #redesSociais img{
	border:none;
}

#conteudo #latEsquerda #redesSociais .rssFeeds{
	width:45px;
	height:44px;
	float:left;
}

#conteudo #latEsquerda #redesSociais .twitter{
	width:45px;
	height:44px;
	float:left;
	margin-left:8px;
}

#conteudo #latEsquerda #redesSociais .facebook{
	width:45px;
	height:44px;
	float:left;
	margin-left:8px;
}
#conteudo #latEsquerda #incentivos{
	width:188px;
	height:176px;
	margin:10px 0 0 0;
	float:left;
	background-image:url('../imagens/incentivos.png');
	background-repeat:no-repeat;
	background-color:#5c7a00;
}

#conteudo #latEsquerda #incentivos img{
	border:none;
}

#conteudo #interior{
	width:680px;
	float:right;
	margin-top:-1px;
}

#conteudo #interior #destaque{
	padding:2px 0 0 5px;
}

#conteudo #interior #destaque img{
	border:none;
}

#conteudo #interior #texto{
	float:left;
	margin:2px 0 15px 3px;
	width:670px;
	background-color:#FFF;
}

#conteudo #interior #texto h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12pt;
	text-align:left;
	color:#003a5b;
	margin: 15px 0 0 0;
	padding-left:10px;
}

#conteudo #interior #texto h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align:left;
	color:#4D73AE;
	margin: 15px 0 0 0;
	padding-left:10px;
}

#conteudo #interior #texto h3 a{
	color:#4D73AE;
	text-decoration:none;
	padding-left:5px;
}
#conteudo #interior #texto h3 a:hover {
	text-decoration:underline;
	color:#333;
}

#conteudo #interior #texto p{
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-size: 9pt;
	color:#000;
	margin: 10px 0 0 10px;
}

#conteudo #interior #texto span{
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-size: 10pt;
	color:#000;
	margin: 10px 0 0 10px;
}

#conteudo #interior #texto p.segundos{
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-size: 7pt;
	color:#000;
	margin: 10px 0 0 0;
	padding:0 10px 0 10px;
}

#conteudo #interior #texto p.dataHora{
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-size: 8pt;
	color:#003a5b;
	margin: 10px 0 0 0;
	padding:0 10px 0 10px;
}
#conteudo #interior #texto ul{
	margin: 0;
}
#conteudo #interior #texto ul li {

	height:20px;
	display:block;
	clear:both;
	font-size:8pt;
	color:#000000;
}
#conteudo #interior #texto ul li a{
	color:#333;
	text-decoration:none;
	height:20px;
	line-height:200%;
	display:block;
	padding-left:14px;
}
#conteudo #interior #texto ul li a:hover {
	text-decoration:underline;
}
/****/

#conteudo #interior #tabs{
	display:block;
	clear:both;
}

#conteudo #interior #tabs #noticias{
	width:630px;
	height:205px;
	background-color:#FBFBF7;
	margin-left:2px;
	border:#d4ccb0 1px solid;
}

#conteudo #interior #tabs #noticias .noticia{
	width:200px;
	height:200px;
	float:left;
}

#conteudo #interior #tabs #noticias .noticia .imagemNoticia{
	background-image:url('../imagens/fundo-noticia.png');
	background-repeat:no-repeat;
	width:200px; 
	height: 110px;
}

#conteudo #interior #tabs #noticias .noticia .imagemNoticia img{
	margin: 5px 5px 5px 5px;
}

#conteudo #interior #tabs #noticias .noticia .titulo{
	float:left;
	width:190px;
	margin-top:10px;
	font-size: 8pt;
	font-weight:bold;
	text-align:left;
	margin-left:5px;
	color:#1c4900;
	text-decoration:none;
}

#conteudo #interior #tabs #noticias .noticia .intro{
	float:left;
	width:190px;
	height: 42px;
	margin-top:5px;
	font-size: 8pt;
	text-align:left;
	margin-left:5px;
	color:#000;
	text-decoration:none;
}

#conteudo #interior #tabs #noticias .noticia .data{
	float:left;
	width:90px;
	margin-top:10px;
	font-size: 8pt;
	text-align:left;
	margin-left:5px;
	color:#1c4900;
	text-decoration:none;
}

#conteudo #interior #tabs #noticias .noticia .verMais{
	float:right;
	width:90px;
	margin-top:10px;
	font-size: 8pt;
	text-align:right;
	margin-right:5px;
	color:#1c4900;
	text-decoration:none;
}
#conteudo #interior #tabs #noticias .noticia .verMais a{
	text-decoration: none;
}

#conteudo #interior #tabs #noticias .barraDir{
	border:#FF0000 2px solid;
}
/******************/
#conteudo #interior #tabs #eventos{
	width:630px;
	height:205px;
	background-color:#FBFBF7;
	margin-left:2px;
	border:#a6bd96 1px solid;
}

#conteudo #interior #tabs #eventos .evento{
	width:200px;
	height:200px;
	float:left;
}

#conteudo #interior #tabs #eventos .evento .imagemEvento{
	background-image:url('../imagens/fundo-evento.png');
	background-repeat:no-repeat;
	width:200px; 
	height: 110px;
}

#conteudo #interior #tabs #eventos .evento .imagemEvento img{
	margin: 5px 5px 5px 5px;
}

#conteudo #interior #tabs #eventos .evento .titulo{
	float:left;
	width:190px;
	margin-top:10px;
	font-size: 8pt;
	font-weight:bold;
	text-align:left;
	margin-left:5px;
	color:#1c4900;
	text-decoration:none;
}

#conteudo #interior #tabs #eventos .evento .intro{
	float:left;
	width:190px;
	height: 42px;
	margin-top:5px;
	font-size: 8pt;
	text-align:left;
	margin-left:5px;
	color:#000;
	text-decoration:none;
}

#conteudo #interior #tabs #eventos .evento .data{
	float:left;
	width:90px;
	margin-top:10px;
	font-size: 8pt;
	text-align:left;
	margin-left:5px;
	color:#1c4900;
	text-decoration:none;
}

#conteudo #interior #tabs #eventos .evento .verMais{
	float:right;
	width:90px;
	margin-top:10px;
	font-size: 8pt;
	text-align:right;
	margin-right:5px;
	color:#1c4900;
	text-decoration:none;
}
#conteudo #interior #tabs #eventos .evento .verMais a{
	text-decoration: none;
}

#conteudo #interior #tabs #eventos .barraDir{
	border:#FF0000 2px solid;
}
/*********************/
#conteudo #interior #tabs #sugestoes{
	width:630px;
	height:205px;
	background-color:#FBFBF7;
	margin-left:2px;
	border:#a6bd96 1px solid;
}

#conteudo #interior #tabs #sugestoes .sugestao{
	width:200px;
	height:200px;
	float:left;
}

#conteudo #interior #tabs #sugestoes .sugestao .imagemSugestao{
	background-image:url('../imagens/fundo-evento.png');
	background-repeat:no-repeat;
	width:200px; 
	height: 110px;
}

#conteudo #interior #tabs #sugestoes .sugestao .imagemSugestao img{
	margin: 5px 5px 5px 5px;
}

#conteudo #interior #tabs #sugestoes .sugestao .titulo{
	float:left;
	width:190px;
	margin-top:10px;
	font-size: 8pt;
	font-weight:bold;
	text-align:left;
	margin-left:5px;
	color:#1c4900;
	text-decoration:none;
}

#conteudo #interior #tabs #sugestoes .sugestao .intro{
	float:left;
	width:190px;
	height: 42px;
	margin-top:5px;
	font-size: 8pt;
	text-align:left;
	margin-left:5px;
	color:#000;
	text-decoration:none;
}

#conteudo #interior #tabs #sugestoes .sugestao .data{
	float:left;
	width:90px;
	margin-top:10px;
	font-size: 8pt;
	text-align:left;
	margin-left:5px;
	color:#1c4900;
	text-decoration:none;
}

#conteudo #interior #tabs #sugestoes .sugestao .verMais{
	float:right;
	width:90px;
	margin-top:10px;
	font-size: 8pt;
	text-align:right;
	margin-right:5px;
	color:#1c4900;
	text-decoration:none;
}
#conteudo #interior #tabs #sugestoes .sugestao .verMais a{
	text-decoration: none;
}

#conteudo #interior #tabs #sugestoes .barraDir{
	border:#FF0000 2px solid;
}

#conteudo #interior #barraConteudos{
	background-image:url('../imagens/barra-conteudos.png');
	background-repeat:no-repeat;
	width:673px;
	height:26px;
	margin-top:12px;
}

#conteudo #interior #barraConteudos span{
	margin: 15px 0px 0 10px;
	line-height:200%;
	color:#324200;
	text-transform:uppercase;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10pt;
}

#conteudo #interior #listaItens{
	width:673px;
	height:240px;
}

#conteudo #interior #listaItens .colunaItem{
	background-image:url('../imagens/fundo-conteudos.png');
	background-repeat:no-repeat;
	width:160px;
	min-height:245px;
	height:auto;
	float:left;
	margin-top:4px;
	margin-bottom:4px;
	background-color:#F2FCEB;
}

/******************/
#conteudo #interior #listaItens .colunaItem ul.listagem {
	width:158px;
	border:1px solid transparent;
	margin:0 0 5px 0;
	padding:0;
	list-style-type:none;
	display:block;
	clear:both;
	
}

#conteudo #interior #listaItens .colunaItem ul.listagem li.titulo{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	text-align:left;
	color:#173c00;
	line-height:200%;
	padding-left:22px;
	width:140px;
	margin:4px 0 8px 0;
	background-color:transparent;
}


#conteudo #interior #listaItens .colunaItem ul.listagem li {
	width:158px;
	height:20px;
	display:block;
	clear:both;
	font-size:8pt;
	color:#000000;
	background-color:#F2FCEB;
}
#conteudo #interior #listaItens .colunaItem ul.listagem li a{
	color:#333;
	text-decoration:none;
	height:20px;
	line-height:200%;
	display:block;
	padding-left:14px;
}
#conteudo #interior #listaItens .colunaItem ul.listagem li a:hover {
	text-decoration:underline;
} 



#footer{
	width:872px;
	height:46px;
	background-image:url('../imagens/bg_footer.png');
	background-repeat:repeat-x;
	margin: 0 auto;
	display:block;
	clear:both;
}

#footer h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-weight:normal;
	text-align:left;
	color:#1c4900;
	padding-left:15px;
	margin:20px 0 0 0;
	float:left;
}
	
#footer h3 span{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-weight:normal;
	text-align:left;
	color:#000;
}

#footer .patrocinios{
	width:60px;
	height:46px;
	margin:0 15px 0 0;
	float:right;
}

#footer h3 a{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-weight:normal;
	text-align:left;
	color:#1c4900;
	margin:20px 0 0 3px;
	text-decoration:none;
}

#footer h3 a:hover{
	text-decoration:underline;

}