@import "reset.css";

html { font-size: 62.5%; }
html {
	font:normal 12px/normal Arial, Helvetica, sans-serif;
	text-align:center;
}

body {
	background:#f6f6f6 url(../img/bg.jpg);
/*	width:960px;*/
	margin:0 auto;
	text-align:left;
}

a, a:link { text-decoration:none; color:#333; cursor:pointer;}
a:hover { text-decoration:underline; }

h1 {font-size:22px; color:#596c36; line-height:18px;}

h2 {font-size:16px; color:#596c36; line-height:22px;}

h3 {font-size:14px;color:#596c36; padding-bottom:10px; line-height:16px;}

/**********************************************
		Formatação da Cabeçalho
***********************************************/

#header {
	background:#fff;
	width: 960px;
	margin:0 auto;
	margin-top:10px;
	border-top:1px solid #eee;
	border-left:1px solid #eee;
	border-right:1px solid #eee;
	display:block;
	overflow:hidden;
}
	#header a.logo { 
		position:absolute;
		left:20px;
		top:25px;
		width:164px;
		height:53px;
		text-indent:-9999px;
		display:block;
		background:url(../img/cacb.png) no-repeat 0 0;
	}
	#header-content {
		height:105px;
		border-bottom:1px solid #eee;
		position:relative;
	}
	
	#header .banner-topo {
		width:728px;
		height:90px;
		background:#000;
		position:absolute;
		right:12px;
		top:10px;
	}

/**********************************************
		Formatação da navegação
***********************************************/

#navegacao {
	display:block;
	/*width: 930px;
	margin: 15px 0 15px 17px;
	position:relative;*/
	width: 746px;
	position: absolute;
	right: 10px;
	top: 34px;
}

#navegacao ul {
	overflow:hidden;
	background:url(../img/nav/bg.gif) no-repeat;
}

#header #navegacao li {
	float: left;
	height:32px;
	line-height:32px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	border-right:1px solid #c4d3aa;
}

#header #navegacao li a{
	color:#eee;
	padding:0 10px;
	height:32px;
	display:block;
	border-right:1px solid #94ab6b;
}

#header #navegacao li:first-child a{
	margin:0;
	padding:0;
	background:url(../img/nav/home.gif) no-repeat 0 0;
	width:37px;
	text-indent:-9999px;
}

#header #navegacao li a:hover{
	text-decoration:none;
	background-color:#596c36;
}

#header #navegacao li:first-child a:hover{
	background-position:left -33px;
}


/**********************************************
		Formatação do Conteudo
***********************************************/

#main {
	background:#FFF;
	width: 944px;
	padding:10px 8px;
	margin:0 auto;
	border-left:1px solid #eee;
	border-right:1px solid #eee;
}

#impressao {
	background:#FFF;
	width: 720px;
	padding:0 8px;
	margin:0 auto;
	border-left:1px solid #eee;
	border-right:1px solid #eee;
}

#conteudo-interna {margin-left:20px; float:left; width:710px;}

.noticia {
	width:322px;
	margin-top:5px;
}
.noticia-interna {
	width:710px;
	margin:25px 0;
}
	.noticia-interna .left { width:470px; float:left;}
	.noticia-interna .right { width:220px; float:left; margin-left:20px;}
	.noticia-interna p {
		color:#333;
/*		width:460px;*/
		line-height:16px;
		margin-bottom:12px;
	}

	.noticia-interna .noticia-titulo-principal {
		color:#333;
		width:460px;
		font-size:22px;
		margin-bottom:20px;
		line-height: 24px;
	}

	.noticia p.tipo, .noticia-interna p.tipo{
		color:#596c36;
		font-size:11px;
		line-height:16px;
/*		margin:12px 0 3px 0;*/
	}
	.noticia p.tipo a, .noticia-interna p.tipo a {color:#596c36;}
	.noticia-interna p.tipo { border-bottom:1px solid #e5e5e5; padding-bottom:3px; margin-bottom:25px; width:100%;}

	.noticia h1.chamada { font-size:15px; margin:3px 0 15px; }

	.noticia p.chamada {
		color:#333;
		padding:0 0 10px 0;
		margin-bottom:5px;
		border-bottom:1px solid #eee;
		line-height:14px;
	}
	
	.noticia p.last {border:none;}
	
	.noticia-interna .print {
			width:460px;
			display:block;
			margin:20px 0;
	}
		.noticia-interna .bot-print { float:right; }
		
	.noticia-interna .conteudo-noticia img {margin:5px;}
	
	.noticia-interna .conteudo-noticia a {color:#596c36;}
	
	.logo-associacao {padding:0 10px 10px 0;}
	
.breadcrumb {
	padding:15px 8px 10px 0;
	border-bottom:2px solid #CDD3C2;
}

#menu-lateral {
	width:210px; 
	float:left;
}


#menu {
	margin:25px 0 0 0;
	padding:0;
	width:210px;
	min-height:512px;
	border-right:1px solid #e5e5e5;
}

#menu li {
/*	height:31px;*/
	border-bottom:1px solid #e5e5e5;
	padding:0;
	left:0;
	width:210px;
}

#menu a {
	display:block;
	background:url(../img/seta.png) no-repeat;
	color:#596c36;
	padding:9px 0;
/*	clear:both;  Guilhotina Bug - IE6 */
/*	height:1%;  Guilhotina Bug - IE6 */
	text-indent:7px;
}

#menu ul {margin:5px 0 15px;}

#menu ul li {border:none;/* height:16px;*/}

#menu ul li a {background:none; padding:5px 0;}


.galeria {
	text-indent:65px;
	padding-top:10px;
	display:block;
	width:200px;
}

.box-presidente {
	padding:10px 5px 0 0;
	display:block;
	width:110px;
	float:right;
	font-size:11px;
}

.clear {clear:both; padding:0; margin:0;}

.box-info-top, .box-info-bottom {height:4px; padding:0; margin:0; overflow:hidden; width:220px;}
.box-info-top {background: url(../img/box/boxes-info-top.gif) no-repeat 0 0;}
.box-info-bottom {background: url(../img/box/boxes-info-bottom.gif) no-repeat 0 0;}

.box-associacoes-top, .box-associacoes-bottom {height:4px; padding:0; margin:0; overflow:hidden; width:300px;}
.box-associacoes-top {background: url(../img/box/box-associacoes-top.png) no-repeat 0 0;}
.box-associacoes-bottom {background: url(../img/box/box-associacoes-bottom.png) no-repeat 0 0;}

.box-faleconosco-top, .box-faleconosco-bottom {height:4px; padding:0; margin:0; overflow:hidden; width:450px;}
.box-faleconosco-top {background: url(../img/box/box-fale-conosco-top.png) no-repeat 0 0;}
.box-faleconosco-bottom {background: url(../img/box/box-fale-conosco-bottom.png) no-repeat 0 0;}

.box-info-content {background:#EBF2DD; /*width:200px;*/ overflow:hidden; padding:4px 10px 0; position:relative; display:block;}

.box-palavra-presidente-bottom {height:37px; padding:0; margin:0; overflow:hidden; width:220px; background: url(../img/box/painel-presidente-bottom.png) no-repeat 0 0; vertical-align:middle;}
.box-palavra-presidente-bottom a {text-indent:20px; margin-top:10px; padding:2px 0; display:block;}

h2.titulo-interna {padding-bottom:25px;}
h3.sub-titulo-interna {color:#596B35; border-bottom:1px solid #e5e5e5; font-size:14px; padding:0 0 5px 0; margin-bottom:25px;}


.contato {text-decoration:underline;}

/**********************************************
		Botões
***********************************************/

.bt-enviar, .bt-votar, .bt-ver-resultados {display:block; padding:0; margin:0; border:0; width:68px; height:25px;}
.bt-enviar {background: url(../img/button/bt-enviar.png) no-repeat 0 0;}
.bt-votar {background: url(../img/button/bt-votar.png) no-repeat 0 0; float:left;}
.bt-ver-resultados {background: url(../img/button/bt-ver-resultados.png) no-repeat 0 0; width:100px; float:left; margin-right:10px;}


.homeflash-bt-play, .homeflash-bt-pause, .homeflash-bt-anterior, .homeflash-bt-proximo {display:block; width:25px; height:23px; text-indent:100px; overflow:hidden; float:left; outline:none; border:none;}
.homeflash-bt-play {background: url(../img/button/homeflash-bt-play.gif) no-repeat 0 0; margin:0 3px;}
.homeflash-bt-pause {background: url(../img/button/homeflash-bt-pause.gif) no-repeat 0 0; margin:0 3px;}
.homeflash-bt-anterior {background: url(../img/button/homeflash-bt-anterior.gif) no-repeat 0 0;}
.homeflash-bt-proximo {background: url(../img/button/homeflash-bt-proximo.gif) no-repeat 0 0;}

/**********************************************
		Formulários
***********************************************/

input.text200, input.text120, input.text430, textarea {	
	border:1px solid #ccc;
	font-style:italic;
	font-size:11px;
/*	padding:8px 10px;*/
	padding:8px 15px 8px 5px;
	font-family:Arial, Helvetica, sans-serif;
}

select {	
	font-style:italic;
	font-size:11px;
	padding:5px 3px;
	*padding:5px 10px;
	font-family:Arial, Helvetica, sans-serif;
}

textarea {height:104px;}

	.text200 {width:178px;}
	.text120 {width:100px;}
	.text430 {width:410px;}
	.text450 {width:430px;}

input.input-radio {padding:0; margin:0 10px 0 0; float:left;}
	
.tabela-formulario tr, .tabela-formulario td {height:39px; padding:0; margin:0;}

span.observacao {font-style:italic; display:block; margin-left:15px;}

/**********************************************
		Rodapé
***********************************************/

#rodape {
	background:#FFF;
	width: 944px;
	padding:15px 8px 10px;
	margin:0 auto;
	margin-bottom:10px;
	border-left:1px solid #eee;
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;
	display:block;
	position:relative;
	font-size:11px;
	line-height:14px;
}

#rodape #conteudo-rodape {
	border-top:2px solid #cdd3c2; 
	padding-top:30px;
}

#rodape #conteudo-rodape .nosso-endereco {width:440px; padding:0 0 0 10px ; float:left;}
#rodape .endereco {display:block;}
#rodape .titulo-lista {display:block; padding-bottom:14px;}

#rodape #conteudo-rodape .box-navegacao-principal, 
#rodape #conteudo-rodape .box-org-internacionais {width:130px; margin-left:20px; padding:0 0 0 20px; float:left;}
#rodape #conteudo-rodape .box-conselhos{width:120px; margin-left:10px; padding:0 0 0 20px; float:left;}

#rodape a {color:#000;}

#rodape .creditos {
	position:absolute; 
	left:10px; 
	bottom:10px; 
	display:block; 
	padding:0 0 0 10px;
	color:#949494;
}

#rodape .creditos a {color:#949494;}

/**********************************************
		Chamadas Home
**********************************************/

/*Tv, Notícias e Palavra do Presidente*/

#box-homeflash {float:left; width:360px; padding-left:10px; margin-bottom:15px;}

#box-homeflash #homeflash {width:350px; height:255px; overflow:hidden; position: relative; display:block;}
#box-homeflash #homeflash img {width:350px; height:255px;}

/*#box-homeflash #homeflash .item {position:relative;}*/
#box-homeflash #homeflash .item .caption {position:absolute; bottom:0; left:0; color:#FFF; background:url(../img/homeflash/overlay.png) repeat 0 0; font-size:12px; line-height:16px; width:100%;}
#box-homeflash #homeflash .item .caption a {padding:5px 8px; color:#FFF; display:block; }

#box-homeflash .nav-homeflash {margin-top:5px;}

#box-noticias-home {float:left; width:330px;}

.palavra-presidente-home {
	float:left;
	line-height:14px;
	margin-left:20px;
/*	padding-top:30px;*/
	width:220px;
}

.palavra-presidente-home .palavra {
	padding:0;
	line-height:16px;
	display:block;
	width:200px;
}

.palavra-presidente-interna {width:200px;}

.palavra-presidente-home li.galeria-presidentes {padding-bottom:8px; margin-top:15px; background:url("../img/ico/ico-galeria-presidentes.gif") no-repeat scroll 6px 6px transparent; border-top:1px solid #CED7BC;}
.palavra-presidente-home li.galeria-presidentes a {display:block; padding:13px 0 0 40px; font-weight:bold; font-size:11px;}

.palavra-presidente-home ul a {
	display:block;
	background:url(../img/seta-verde.gif) no-repeat;
	/*color:#596c36;*/
	padding:3px 0;
	text-indent:7px;
}


#federacoes-home {margin:10px 0 15px;}
#federacoes-interna {width:300px;/* position:absolute; right:0;*/ float:right;}
#federacoes-interna h3 {padding:5px 0 0 0; float:left;}
#federacoes-interna select {float:left; margin-left:10px;}

/*Revistas e Newsletter*/

#chamadas-home {height:190px; overflow:hidden;}

#chamadas-home #revista-newsletter {border-top:2px solid #cdd3c2; padding-top:30px; width:460px; float:left; font-size:11px; line-height:14px;}
#chamadas-home #revista-newsletter .box-revistas {width:220px; float:left; padding-left:10px;}
#chamadas-home #revista-newsletter .box-newsletter {width:210px; float:left; padding-left:10px;}
#chamadas-home #revista-newsletter img {border:1px solid #e5e5e5; padding:1px; float:left;}

.box-revistas .descricao-revista-newsletter {display:block; float:left; margin:0 0 0 9px; width:110px; padding:0 10px 0 0; border-right:1px solid #ccc;}
.box-newsletter .descricao-revista-newsletter {display:block; float:left; margin:0 0 0 10px; width:110px; padding:0;}

#chamadas-home #revista-newsletter .descricao-revista-newsletter a {display:block; margin-top:4px; color:#000; font-weight:bold;}

.titulo-revista-newsletter {font-size:12px; font-weight:bold; padding-bottom:4px; display:block;}

/*Receba newsletter e Enquete*/

#receba-newsletter, #chamadas-home #enquete {
	border-top:2px solid #cdd3c2; 
	padding-top:30px; 
	width:220px; 
	float:left; 
	font-size:11px; 
	line-height:14px; 
	margin-left:20px;
}

.bt-canto-box {position:absolute; right:10px; bottom:5px;}

#receba-newsletter .box-info-content, #chamadas-home #enquete .box-info-content  {height:115px;}

#chamadas-home #enquete #opcoes-enquete tr, #chamadas-home #enquete #opcoes-enquete td {height:17px;}

#chamadas-home #enquete.banner {padding-top:23px;}

/**********************************************
		Galeria de Presidentes
**********************************************/

.galeria-presidentes-left {float:left;}
.galeria-presidentes-right {float:right;}

.box-galeria-presidente {width:200px; height:62px; overflow:hidden; margin:0 0 15px 0; background: url(../img/box/box-galeria-presidente.gif) no-repeat 0 0; padding:10px; overflow:hidden;}
.box-galeria-presidente .foto-ex-presidente {width:44px; height:62px; float:left; padding-right:10px;}
.box-galeria-presidente .descricao-presidente {float:left;}
.box-galeria-presidente span.nome-presidente {font-size:14px; line-height:16px; color:#333;}
.box-galeria-presidente span.mandato-presidente {font-size:12px; line-height:14px; color:#000; padding-top:10px; font-weight:bold; display:block;}

#box-o-presidente h3.nome-presidente {color:#465133;}
#box-o-presidente span.titulo-introducao-palavra {font-size:12px; line-height:14px; font-weight:bold;}
#box-o-presidente span.introducao-palavra {color:#333; font-size:11px; display:block; margin-top:10px;}

#box-o-presidente .foto-presidente {float:left; width:90px; height:127px;}
#box-o-presidente .palavra-interna {float:left; margin-left:10px; width:100px;}

#box-o-presidente li.perfil {padding-bottom:5px; margin-top:15px; background:url("../img/ico/ico-perfil.gif") no-repeat scroll 10px top transparent; border-bottom:1px solid #CED7BC;}
#box-o-presidente li.perfil a {display:block; padding:5px 0 5px 40px; font-size:12px; font-weight:bold;}

#box-o-presidente li.galeria-presidentes {padding-bottom:8px; margin-top:5px; background:url("../img/ico/ico-galeria-presidentes.gif") no-repeat scroll 6px top transparent; border-bottom:1px solid #CED7BC;}
#box-o-presidente li.galeria-presidentes a {display:block; padding:10px 0 5px 40px; font-weight:bold;}

#box-o-presidente li.fale-presidente {padding-bottom:5px; margin-top:5px; background:url("../img/ico/ico-fale-presidente.gif") no-repeat scroll 6px top transparent; font-size:12px;}
#box-o-presidente li.fale-presidente a {display:block; padding:5px 0 5px 40px; font-size:12px; font-weight:bold;}

.artigo-destaque h3 {margin-top:10px;}
.artigo-foto {float:left; width:220px; height:141px; padding:0 20px 40px 0;}
.titulo-artigo-destaque {font-size:14px; color:#333; font-weight:bold; line-height:16px;}

.lista-artigos-anteriores {margin-top:30px;}

.lista-artigos-anteriores h3 {
	padding-bottom:10px;
}

.lista-artigos-anteriores ul li {
	height:31px;
	border-bottom:1px solid #e5e5e5;
	left:0;
}

.lista-artigos-anteriores a {
	display:block;
	background:url(../img/seta.png) no-repeat;
	padding:9px 0;
	text-indent:7px;
}

/**********************************************
		Box Notícias Internas
**********************************************/

#box-mais-noticias p.tipo a {color:#596c36;}
#box-mais-noticias p.tipo { padding-bottom:3px; margin:12px 0 3px 0; color:#596c36; font-size:11px; border:none;}
#box-mais-noticias p.chamada { color:#333; padding:0 0 12px 0; border-bottom:1px solid #ced7bc;}
#box-mais-noticias p.todas { margin:0; padding-bottom:10px;}

#box-imprensa {margin-top:20px;}

/**********************************************
		Fale Conosco
**********************************************/

#fale-mapa-receba {width:450px; float:left; font-size:11px; line-height:14px;}

.mapa-fale-conosco {float:left; width:450px;}

#receba-newsletter-fale-conosco {
	width:220px; 
	float:left; 
	font-size:11px; 
	line-height:14px; 
	margin-left:20px;
}

#receba-newsletter-fale-conosco .box-info-content {
	height:115px;
}

.formulario-fale-conosco {float:left; margin-left:20px; width:450px;}

.chamada1-fale-conosco {height:64px;}
.chamada2-fale-conosco {height:90px;}

.ampliar-mapa {float:right; background:url(../img/ico/ico-zoom.gif) no-repeat left top; text-align: right; width:90px; height:32px; margin-right:20px; margin-top:10px; display:block;}


/**********************************************
		Eventos e Notícias
**********************************************/

.lista-noticias-eventos ul li {border-bottom:1px solid #e5e5e5;	left:0;}

.lista-noticias-eventos a {display:block; padding:3px 0 9px;}

.lista-noticias-eventos .tipo {color:#596c36; font-size:11px; line-height:16px; padding-top:5px; display:block;}

.lista-eventos li {background:#FAFAFA; border-top:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; padding:10px; margin:0 0 10px;}

.numero-paginas {margin-top:15px}
.numero-paginas ul {float:right;}
.numero-paginas ul span {float:left; display:block; padding-top:3px;}
.numero-paginas ul li {float:left; width:20px; height:17px; background:#9DB571; color:#FFF; font-weight:bold; display:block; text-align:center; padding-top:1px; padding-bottom:2px; margin-left:5px;}
.numero-paginas ul li.active {background:#596c36;}
.numero-paginas ul li#prox-ant {background:#FFF; width:60px;}
.numero-paginas ul li a {color:#FFF; font-weight:bold; line-height:18px;}
.numero-paginas ul li#prox-ant a.prox-ant {color:#333;}

/**********************************************
		Revista e Newsletter
**********************************************/
.box-newsletter-revista {
	width:150px; 
	height:193px; 
	float:left; 
	margin:0 20px 22px 0; 
	padding-top:12px; 
	text-align:center; 
	background:url(../img/box/fundo-revista-news.gif) no-repeat 0 0;
}

.box-newsletter-revista span {padding:5px 0 3px; display:block;}

/**** Busca ****/

.box-busca {position:absolute; right:6px; top:4px; width:213px; height:24px;}
.box-busca .field.text {
	border:1px solid #CCCCCC;
	width:147px;
	height:18px;
	line-height:18px;
	text-align:left;
	background:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	overflow:hidden;
	display:block;
	float:left;
	margin-right:5px;
	padding:2px 3px;
	font-size:11px;
	font-style:italic;
}
.box-busca .button.search {
	color:#596c36;
	font-size:11px;
	border:none;
	overflow:hidden;
	display:block;
	width:52px;
	height:23px;
	line-height:23px;
	text-align:center;
	padding:0;
	background:#ebf2dd;
	font-family:Arial, Helvetica, sans-serif;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	float:left;
}
