<!--
/**
 * Folha de estilo principal do site
 * @author Emanuel Sampaio <contato@emanuelsampaio.com.br>
 * @since 02/02/2010
 * @version 1.0
 * @copyright © 2010 Emanuel Sampaio - Todos os direitos reservados.
 * @package css
 * @link http://www.emanuelsampaio.com.br
 */

* {
	margin:0;
	padding:0;
}
body {
	text-align:center;
	background:#fff url(../img/bg.gif) top left repeat-x;
	color:#000;
	font:normal 12px Arial, Verdana, sans-serif;
}
img { border:0; }
h1 {
	display:block;
	float:left;
	width:174px;
	height:220px;
	margin:0;
	text-align:center;
}
h1 a img { margin:10px 0 0 4px; }
h2 {
	padding-top:10px;
	padding-bottom:10px;
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	color:#008202;
	text-indent:20px;
	background:url(../img/ul.gif) no-repeat 3px 12px;
}
h3 {
	padding-top:4px;
	padding-bottom:4px;
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	color:#008202;
}
p {
	margin:10px;
	line-height:20px;
}
address {
	font:bold 12px Arial, Helvetica, sans-serif;
	margin:5px auto;
	color:#fff;
	margin-left:180px; /* soma a largura da div dos botões voltar e topo */
}
cite {
	margin:5px 0 0 6px;
	float:left;
	text-align:left;
	font:normal 11px Arial, Helvetica, sans-serif;
	line-height:16px;
}
hr {
	margin:26px 10px;
	border:1px solid #fff;
	border-top:1px dashed #ccc;
}



/* ========== LINKS ========== */
a {
	color:#06c;
	text-decoration:underline;
}
a:hover { text-decoration:none; }


a.linknoticia {
	color:#06c;
	text-decoration:none;
}
a.linknoticia:hover { text-decoration:none; }


/* ========== ESQUELETO DO SITE ========== */
#geral {
	border:1px solid #f8d5b6;
	margin:auto;
}
#geral, #topo, #rodape {
	width:978px;
	overflow:hidden;
	margin:0 auto;
}
#topo, #bg_topo {
	height:170px;
	text-align:left;
}
#topo { background:url(../img/topo.png) top left no-repeat; }
#banner_topo {
	width:590px;
	height:80px;
	float:right;
}
#topo p {
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#fff;
	margin:228px 0 0 0; 
	line-height:auto;
	text-align:center;
}
#rodape, #bg_rodape {
	height:80px;
	clear:both;
	background:url(../img/bg_rodape.gif) top left repeat-x;
}
#bg_topo, #bg_rodape { width:100%; }
#col_esq, #col_dir {
	float:left;
	text-align:center;
	width:180px;
	margin:20px 2px;
}
#col_dir { float:right; width:200px; }
#conteudo {
	text-align:justify;
	margin:20px auto;
	padding:0;
	width:570px;
	margin-left:193px;
}
#btns {
	float:right;
	width:180px;
	text-align:right;
}



/* ========== MENU PRINCIPAL DO SITE ========== */
.menu {
	margin:0;
	padding:0;
	list-style:none;
	width:148px;
	text-align:left;
	font:normal 14px Verdana, Arial, Helvetica, sans-serif;
}
.menu li { margin:0; }
.menu li a {
	display:block;
	padding-top:4px;
	width:158px;
	height:18px; /* 20-4 (4px do padding) */
	text-decoration:none;
	border:1px solid transparent;
	color:#333;
}
.menu_amarelo li a  { color:#333; }
.menu_azul li a     { color:#333; }
.menu_laranja li a  { color:#333; }
.menu_marrom li a   { color:#333; }
.menu_preto li a    { color:#333; }
.menu_verde li a    { color:#333; }
.menu_vermelho li a { color:#333; }
.menu li a:hover {
	padding-left:4px;
	width:154px; /* 128-4 (4px do padding) */
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border:1px solid #ccc;
	color:#008202;
	background:#fff url(../img/menu.gif) bottom repeat-x;
}
.menu_amarelo li a:hover {
	border:1px solid #666;
	color:#000;
	background:#ff0 url(../img/menu_amarelo.gif) bottom repeat-x;
}
.menu_azul li a:hover {
	border:1px solid #069;
	color:#069;
	background:#0cf url(../img/menu_azul.gif) bottom repeat-x;
}
.menu_laranja li a:hover {
	border:1px solid #e67817;
	color:#000;
	background:#fc3 url(../img/menu_laranja.gif) bottom repeat-x;
}
.menu_marrom li a:hover {
	border:1px solid #960;
	color:#960;
	background:#f4f4f4 url(../img/menu_marrom.gif) bottom repeat-x;
}
.menu_preto li a:hover {
	border:1px solid #000;
	color:#666;
	background:#ccc url(../img/menu_preto.gif) bottom repeat-x;
}
.menu_verde li a:hover {
	border:1px solid #008202;
	color:#008202;
	background:#693 url(../img/menu_verde.gif) bottom repeat-x;
}
.menu_vermelho li a:hover {
	border:1px solid #c30;
	color:#c30;
	background:#fcc url(../img/menu_vermelho.gif) bottom repeat-x;
}



/* ========== MENUS DE NAVEGABILIDADE E ACESSIBILIDADE ========== */
#navegabilidade, #menu_navegabilidade { width:600px; }
#acessibilidade, #menu_acessibilidade { width:220px; }
#menu_acessibilidade { height:20px; }
#navegabilidade, #acessibilidade {
	height:20px;
	float:right;
	margin:3px 0;
}
#navegabilidade { float:left; }
#menu_navegabilidade, #menu_acessibilidade {
	margin:0;
	padding:0;
	list-style:none;
	font:normal 10px Arial, Helvetica, sans-serif;
}
#menu_acessibilidade { margin-left:756px; }
#menu_navegabilidade li, #menu_acessibilidade li {
	float:left;
	margin:0 0 0 14px;
}
#menu_acessibilidade li { margin:0 0 0 10px; }
#menu_navegabilidade li a, #menu_acessibilidade a {
	display:block;
	text-decoration:none;
	color:#030;
	background:none;
}
#menu_navegabilidade li a:hover { text-decoration:underline; }
#menu_navegabilidade li a img { margin-right:2px;  }
#menu_navegabilidade li a:hover img { text-decoration:none;  }
#acessibilidade {
	width:978px;
	float:none;
	text-align:right;
	margin-bottom:0;
}



/* ========== BOXES ========== */
.h2, .h2 .topo, .h2 .rodape { width:570px; }
.h3, .h3 .topo, .h3 .rodape { width:180px; }
.hh, .hh .topo, .hh .rodape { width:200px; }


.h2, .h3 {
	margin:0 auto 10px;
	background:url(../img/h2_conteudo.gif) repeat-y;
}
.h2 .conteudo, .h3 .conteudo, .hh .conteudo {
	margin:10px 10px 0;
	line-height:26px;
	text-align:left;
}

.h3 .conteudo p {
	margin:0;
	line-height:22px;
	font:normal 13px Arial, Helvetica, sans-serif;
	text-align:left;
}
.h2 .topo {
	height:6px;
	background:url(../img/h2_top.gif) repeat-x;
}
.h2 .rodape {
	height:6px;
	background:url(../img/h2_rod.gif) repeat-x;
}

.h3 { background:url(../img/h3_conteudo.gif) repeat-y; }
.h3 .topo {
	height:6px;
	background:url(../img/h3_top.gif) repeat-x;
}

.hh { background:transparent url(../img/hh_cont.gif) repeat-y; }
.hh .topo {
	height:6px;
	background:transparent url(../img/hh_top.gif) repeat-x;
}
.hh .rodape {
	height:6px;
	background:transparent url(../img/hh_rod.gif) repeat-x;
}

.menu_amarelo .topo  { background:#000 url(../img/h3_top_amarelo.gif) repeat-x; }
.menu_azul .topo     { background:#000 url(../img/h3_top_azul.gif) repeat-x; }
.menu_laranja .topo  { background:#000 url(../img/h3_top_laranja.gif) repeat-x; }
.menu_marrom .topo   { background:#000 url(../img/h3_top_marrom.gif) repeat-x; }
.menu_preto .topo    { background:#000 url(../img/h3_top_preto.gif) repeat-x; }
.menu_verde .topo    { background:#000 url(../img/h3_top_verde.gif) repeat-x; }
.menu_vermelho .topo { background:#000 url(../img/h3_top_vermelho.gif) repeat-x; }
.menu_amarelo h3  { color:#000; }
.menu_azul h3     { color:#000; }
.menu_laranja h3  { color:#000; }
.menu_marrom h3   { color:#000; }
.menu_preto h3    { color:#000; }
.menu_verde h3    { color:#000; }
.menu_vermelho h3 { color:#000; }

.menu_amarelo .topo .esq  { background:#ff0 url(../img/h3_top_esq_amarelo.gif) no-repeat; }
.menu_azul .topo .esq     { background:#0cf url(../img/h3_top_esq_azul.gif) no-repeat; }
.menu_laranja .topo .esq  { background:#fc3 url(../img/h3_top_esq_laranja.gif) no-repeat; }
.menu_marrom .topo .esq   { background:#f4f4f4 url(../img/h3_top_esq_marrom.gif) no-repeat; }
.menu_preto .topo .esq    { background:#ccc url(../img/h3_top_esq_preto.gif) no-repeat; }
.menu_verde .topo .esq    { background:#693 url(../img/h3_top_esq_verde.gif) no-repeat; }
.menu_vermelho .topo .esq { background:#fcc url(../img/h3_top_esq_vermelho.gif) no-repeat; }
.menu_amarelo .topo .dir  { background:#ff0 url(../img/h3_top_dir_amarelo.gif) no-repeat; }
.menu_azul .topo .dir     { background:#0cf url(../img/h3_top_dir_azul.gif) no-repeat; }
.menu_laranja .topo .dir  { background:#fc3 url(../img/h3_top_dir_laranja.gif) no-repeat; }
.menu_marrom .topo .dir   { background:#f4f4f4 url(../img/h3_top_dir_marrom.gif) no-repeat; }
.menu_preto .topo .dir    { background:#ccc url(../img/h3_top_dir_preto.gif) no-repeat; }
.menu_verde .topo .dir    { background:#693 url(../img/h3_top_dir_verde.gif) no-repeat; }
.menu_vermelho .topo .dir { background:#fcc url(../img/h3_top_dir_vermelho.gif) no-repeat; }
.h3 .rodape {
	height:6px;
	background:#fff url(../img/h3_rod.gif) repeat-x;
}

.menu_amarelo .rodape .esq  { background:#ff0 url(../img/h3_rod_esq_amarelo.gif) no-repeat; }
.menu_azul .rodape .esq     { background:#0cf url(../img/h3_rod_esq_azul.gif) no-repeat; }
.menu_laranja .rodape .esq  { background:#fc3 url(../img/h3_rod_esq_laranja.gif) no-repeat; }
.menu_marrom .rodape .esq   { background:#f4f4f4 url(../img/h3_rod_esq_marrom.gif) no-repeat; }
.menu_preto .rodape .esq    { background:#ccc url(../img/h3_rod_esq_preto.gif) no-repeat; }
.menu_verde .rodape .esq    { background:#693 url(../img/h3_rod_esq_verde.gif) no-repeat; }
.menu_vermelho .rodape .esq { background:#fcc url(../img/h3_rod_esq_vermelho.gif) no-repeat; }
.menu_amarelo .rodape .dir  { background:#ff0 url(../img/h3_rod_dir_amarelo.gif) no-repeat; }
.menu_azul .rodape .dir     { background:#0cf url(../img/h3_rod_dir_azul.gif) no-repeat; }
.menu_laranja .rodape .dir  { background:#fc3 url(../img/h3_rod_dir_laranja.gif) no-repeat; }
.menu_marrom .rodape .dir   { background:#f4f4f4 url(../img/h3_rod_dir_marrom.gif) no-repeat; }
.menu_preto .rodape .dir    { background:#ccc url(../img/h3_rod_dir_preto.gif) no-repeat; }
.menu_verde .rodape .dir    { background:#693 url(../img/h3_rod_dir_verde.gif) no-repeat; }
.menu_vermelho .rodape .dir { background:#fcc url(../img/h3_rod_dir_vermelho.gif) no-repeat; }



/* ========== CAMPOS DE FORMULÁRIOS ========== */
form { margin:10px auto; }
label, .btn { cursor:pointer; }
input, textarea, select {
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	border:1px solid #008202;
	padding:2px;
	height:14px;
	width:340px;
}

input, select { background:#e8e8e8 url(../img/bg_input.gif) repeat-x; }
textarea { background:#fff url(../img/bg_textarea.gif) repeat-x; height:100px }
#news_nome, #news_email {
	width:124px;
	margin-bottom:10px;
}
dl dt {
	padding-top:14px;
	margin:0 0 0 50px;
	float:left;
}
dl dd {
	padding-top:14px;
	margin:0 0 0 180px;
}
.btn_cadastrar {
	margin:0;
	width:80px;
	height:20px;
	text-align:center;
	cursor:pointer;
	border:1px solid #ccc;
}
.btn_cadastrar:hover {
	border:1px solid #008202;
}
.btn_cadastrar { background:url(../img/btn_cadastrar.gif) center center no-repeat; }
.diretoria dt {
	margin:0 0 0 10px;
	float:left;
}
.diretoria dd {
	margin:0 0 0 205px;
}
.diretoria img { margin:16px 0 50px 0; border:2px solid #008202; }
.diretoria hr { clear:both; }



/* ========== IMAGENS ========== */
.img_calendario, .img_jornal {
	display:block;
	margin:0 auto;
	border:2px solid #ccc;
	width:120px;
	height:85px;
}
.img_jornal { height:160px; }
.img_calendario:hover, .img_jornal:hover, .img_borda { border:2px solid #008202; }
.img_esq {
	float:left;
	margin:0 10px 0 0;
}
.img_dir {
	float:right;
	margin:0 0 0 10px;
}
.galeria {
	border:2px solid #ccc;
	display:block;
	width:220px;
	height:146px;
}
.galeria:hover {
	border:2px solid #008202;
}



/* ========== EXIBIÇÕES DE MENSAGENS DO SISTEMA ========== */
.carregando {
	background:#ffc;
	border:1px solid #ccc;
	padding:5px;
	margin-top:5px;
	font:bold 11px Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	color:#f03;
	text-align:center;
}



/* ========== TABELAS ========== */
table {
	border:1px solid #ccc;
	margin:30px auto;
	width:540px;
}
tr th, tr td {
	border:1px solid #ccc;
	padding:2px;
}
tr th {
	background:#f1b076 url(../img/bg_tit_top.gif) repeat-x bottom;
	color:#fff;
	font-weight:bold;
	text-align:center;
}
.linha1 { background:transparent; }
.linha2 { background:#dfdfdf; }
.indentar { text-indent:50px; }


#sombra_l {
	margin:0;
	width:750px;
	height:10px;
	background:url(../img/sombra_l.gif) no-repeat;
}
#sombra_r {
	margin:0;
	width:8px;
	height:200px;
	background:url(../img/sombra_r.gif) no-repeat;
	float:right;
}


.box1, .box1 .topo, .box1 .rodape { width:190px; }
.box1 {
	margin:0 auto 10px;
	background:url(../img/box1_conteudo.gif) repeat-y;
}
.box1 .conteudo {
	margin:10px 10px 0 0;
	line-height:26px;
	text-align:justify;
}
.box1 .conteudo p {
	margin:0;
	line-height:22px;
	font:normal 13px Arial, Helvetica, sans-serif;
	text-align:left;
}
.box1 .topo {
	height:12px;
	background:url(../img/box1_top.gif) repeat-x;
}
.box1 .topo .esq, .box1 .topo .dir {
	width:12px;
	height:12px;
	float:left;
	background:url(../img/box1_top_esq.gif) no-repeat;
}
.box1 .topo .dir {
	float:right;
	background:url(../img/box1_top_dir.gif) no-repeat;
}
.box1 .rodape {
	height:12px;
	background:url(../img/box1_rod.gif) repeat-x;
}
.box1 .rodape .esq, .box1 .rodape .dir {
	width:12px;
	height:12px;
	float:left;
	background:url(../img/box1_rod_esq.gif) no-repeat;
}
.box1 .rodape .dir {
	float:right;
	background:url(../img/box1_rod_dir.gif) no-repeat;
}

.div_combo_uf {
	width:196px;
	height:0;
	display:none;
	overflow:auto;
	margin-top:0px;
	margin-left:1px;
	border:1px solid #008202;
}

.combo_uf {
	margin:0;
	padding:0;
	list-style:none;
	width:176px;
	font:normal 11px Arial, Helvetica, sans-serif;
	display:none;
}
.combo_uf li {
	margin:2px 0 2px 2px;
}
.combo_uf li a {
	display:block;
	text-decoration:none;
	border:1px solid #ccc;
	width:170px;
	height:16px;
	padding:2px;
	color:#000;
	vertical-align: middle;
	background:#f4f4f4;
}
.combo_uf li a:hover {
	border:1px solid #333;
	background:navy;
	color:#fff;
}
.combo_uf li a img { margin-right:5px;  }

.h2 {
	background:#fff url(../img/h2_cont.gif) repeat-y;
}
.h2 .cont {
	margin:-10px 3px 0 3px;
	line-height:26px;
	text-align:left;
	background:#fff url(../img/bg_titulo.gif) repeat-x;
}

.h3 {
	background:#fff url(../img/h3_cont.gif) repeat-y;
}
.h3 .cont {
	margin:-10px 3px 0 3px;
	line-height:26px;
	text-align:left;
	background:#fff url(../img/bg_titulo.gif) repeat-x;
}


.hh {
	background:transparent url(../img/hh_cont.gif) repeat-y;
}
.hh .cont {
	text-align:center;
	line-height:26px;
}
.hh .cont .conteudo { text-align:center;margin:0 auto;width:190px; }

.noticia em {
	color:#f00;
	font-style:normal;
	font-weight:bold;
}
-->