body, html 
{
	margin: 0;
	padding: 0;
	border: 0;
}

body
{
	color: #333333;
	background-color: #ffffff;
	height: 100%;
}

body, div, p, span, td, input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	/* color: #666666; */
}

td
{
	vertical-align: top;
}

a
{
	cursor: hand;
	text-decoration: underline;
}

img
{
	border: 0;
}

a:hover
{
	text-decoration: none;
}

a:visited
{
	/* color: #99cc33; */
}


/* &&&&&&&&&&&&&&&&&&&&&&&&&&&&& */
/* Blocos de cabeçalho da página */
/* &&&&&&&&&&&&&&&&&&&&&&&&&&&&& */

/* Configura bloco de cabeçalho de administração */
div#cabecalho_navegacao_admin
{
	background-color: #ff0000;
}

div#cabecalho_navegacao_admin_links
{
	width: 782px;
	height: 40px;
	margin: 0px;
}

div#cabecalho_navegacao_admin_links p
{
	margin: 5px 0px 0px 0px;
	text-align: center;
	border-right: solid 1px #cc0000;
	padding: 0px 20px 0px 20px;
	float: left;
}

/* Configura bloco de cabeçalho especial. */
div#cabecalho_navegacao_especial
{
	background-color: #99cc33;
	height: 20px;
	margin: 0px;
}

div#cabecalho_navegacao_especial_links
{
	width: 782px;
	height: 20px;
	margin: 0px;
}

div#cabecalho_navegacao_especial_links p
{
	margin: 4px 0px 0px 0px;
	text-align: center;
	border-right: solid 1px #669933;
	padding: 0px 20px 0px 20px;
	font-size: 10px;
	float: right;
}

/* Configura bloco de cabeçalho de imagem. Esse bloco contém cinco sub-blocos que podem ser configurados à vontade para dar maior flexibilidade para o layout. */
div#cabecalho_imagem
{
	position: relative;
	height: 122px;
	width: 100%;
	background-image: url(img/template1/fundo_cabecalho.gif);
}

div#cabecalho_imagem_display
{
	width: 782px;
}

div#cabecalho_imagem_box1
{
	cursor: pointer;
	float: left;
	position: relative;
	height: 122px;
	width: 198px;
	cursor: hand;
	background-image: url(img/template1/logotipo_cabecalho.gif);
}

div#cabecalho_imagem_box2
{
	float: left;
	position: relative;
	height: 122px;
	width: 572px;
	background-image: url(img/template1/imagem_cabecalho.jpg);
}

/* Configura bloco de navegação principal que guia os usuários pelo site. */
div#cabecalho_navegacao
{
	position: relative;
	height: 20px;
	background-color: #669933;
	margin: 0px;
}

div#cabecalho_navegacao_links
{
	width: 782px;
	height: 20px;
	margin: 0px;
}

div#cabecalho_navegacao_links p
{
	margin: 4px 0px 0px 0px;
	text-align: center;
	border-right: solid 1px #99cc33;
	padding: 0px 20px 0px 20px;
	float: left;
	font-size: 10px;
}


div.bloco_espacador
{
	position: relative;
	height: 20px;
}



/* &&&&&&&&&&&&&&&&&& */
/* Links de cabeçalho */
/* &&&&&&&&&&&&&&&&&& */

div.cabecalho a
{
	text-decoration: none;
	font-weight: bold;
}	

div.cabecalho a:hover
{
	text-decoration: Underline;
}

div#cabecalho_navegacao_admin a
{
	color: #ffffff;
}

div#cabecalho_navegacao_especial a
{
	color: #000000;
}

div#cabecalho_navegacao a
{
	color: #ffffff;
}


/* &&&&&&&&&&&&&&&&&&&&&&&&&&&& */
/* Blocos de conteúdo da página */
/* &&&&&&&&&&&&&&&&&&&&&&&&&&&& */

#bloco_geral
{
	position: relative;
	clear: both;
	margin: 0px;
	padding: 0px;
	background-color: #E0E7E0;
	display: block;
	background-image: url(img/template1/website_background.gif);
	background-repeat: repeat-y;
}

#bloco_conteudo
{
	position: relative;
	display: block;
	width: 790px;
	margin: 0px;
}

#bloco_marcacao
{
	position: relative;
	float: left;
	width: 10px;
	height: 100%;
}

#bloco_conteudo_central
{
	position: relative;
	float: left;
	padding: 20px 0px 10px 25px;
	width: 575px;
}

#bloco_conteudo_central_homepage
{
	position: relative;
	float: left;
	padding: 0 0 10px 25px;
	margin-top: 20px;
	height: 100%;
	width: 575px;
	background-image: url(img/template1/homepage_columns_background.gif);
	background-repeat: repeat-y;
	background-position: 10px 10px;
}

.bloco_conteudo_interno
{
	margin-right: 9px;
	padding-right: 8px;
	vertical-align: top;
	float: left;
}

/* Na homepage, o bloco de conteúdo que fica no canto da esquerda */
#bloco_conteudo1
{
	position: relative;
	width: 125px;
	float: left;
	vertical-align: top;
}

/* Na homepage, o segundo bloco de conteúdo, da esquerda para a direita. */
#bloco_conteudo2
{
	position: relative;
	width: 200px;
	float: left;
	vertical-align: top;
}

/* Na homepage, o terceiro bloco de conteúdo, da esquerda para a direita. */
#bloco_conteudo3
{
	position: relative;
	width: 200px;
	float: left;
	margin-right: 0px;
	border-right: 0px;
	vertical-align: top;
}

/* Estilo aplicado a diversos blocos de texto do tipo DIV */
div.container_texto
{
	border-bottom: solid 2px #cccccc;
	float: left;
	margin-left: 15px;
	margin-bottom: 15px;
	width: 538px;
}

/* Estilo aplicado aos blocos de texto dentro do elemento DIV */
div.container_texto p
{
	margin-left: 15px;	
}

/* Estilo aplicado a blocos de texto do tipo DIV */
div.container_texto_simples
{
	width: 70%;
	margin-left: 15px;
	margin-bottom: 15px;
	border-bottom: solid 1px #ddd;
}

/* Estilo aplicado aos blocos de texto dentro do elemento DIV */
div.container_texto_simples p
{
	margin-left: 15px;
}

/* Estilo que estabelece a configuração de uma caixa que contém imagem e legenda. */
div.imagem_texto
{
	float: right;
	vertical-align: top;
	margin: 0px 0px 15px 15px;
}

/* Estilo que configura a caixa que contém imagens junto ao texto da página de Empresas Associadas. */
div.imagem_empresas
{
	float: right;
	vertical-align: top;
	margin: 20px 0px 15px 15px;
}

/* Estilo da legenda que aparece em uma caixa de imagem e legenda. */
div.imagem_texto p
{
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}


#bloco_navegacao
{
	position: relative;
	float: left;
	width: 182px;
	padding: 20px 0px 10px 0px;
	background-color: #E0E7E0;
}

div.rodape_geral
{
	position: relative;
	clear: both;
	height: 65px;
	width: 100%;
	border-top: solid 3px #bbbbbb;
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
}

/* Estilo específico aplicado à parte de texto dentro da barra de rodapé do site. */
.rodape_texto
{
	width: 775px;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

/* Texto exibido no rodapé da página */
p.texto_rodape
{
	padding: 5px 10px 10px 10px;
}

div#botoes_navegacao
{
	width: 538px;
	margin: 20px 15px 20px 16px;
	padding-top: 10px;
	border-top: solid 2px #cccccc;
}

.ContainerFormulario
{
	width: 512px;
	display: inline-table;
	margin: 0px 18px 0px 16px;
	padding: 15px 10px 10px 10px;
	text-align: left;
	border-left: solid 2px #eee;
	border-top: solid 2px #eee;
	border-right: solid 2px #eee;
	background-color: #f9f9f9;
}

.ContainerBotoesFormulario
{
	position: relative;
	clear: both;
	display: block;
	width: 512px;
	margin: 0px 18px 0px 16px;
	padding: 15px 10px 10px 10px;
	text-align: center;
	padding-bottom: 15px;
	margin-bottom: 40px;
	border-left: solid 2px #eee;
	border-bottom: solid 2px #eee;
	border-right: solid 2px #eee;
	background-color: #f9f9f9;
}

/* &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& */
/* Links de blocos de conteúdo da homepage */
/* &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& */

.bloco_conteudo_interno a
{
	color: #555;
	text-decoration: none;
	font-weight: bold;
}

.bloco_conteudo_interno a:hover
{
	text-decoration: underline;
}

/* &&&&&&&&&&&&&&&&&&&&&&&& */
/* Formatação de parágrafos */
/* &&&&&&&&&&&&&&&&&&&&&&&& */

p.titulo_secao
{
	margin: 0px 0px 10px 0px;
}

p.bullet
{
	float: left;
	width: 4px;
	background-image: url(img/template1/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	position: relative;
	margin: 5px 5px 5px 0px;
}

/* Estipo utilizado pelos títulos da homepage. Traz uma imagem de bullet. */
p.texto_destaque_homepage
{
	background-image: url(img/template1/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	position: relative;
	float: left;
	padding: 0px 0px 0px 10px;
	margin: 5px 3px 5px 0px;
	clear: none;
}

/* Estilo aplicado às imagens presentes na área de destaques da homepage do site. */
p.imagem_destaque
{
	text-align: left;
	float: left;
	margin: 5px 5px 5px 0px;
}

/* Estilo que determina o início de um bloco de navegação. Em geral é o estilo aplicado a uma imagem que vai no alto desse bloco. */
p.destaque_bloco_navegacao
{
	border-left: solid 1px #000000;
	border-top: solid 1px #000000;
	padding: 0px 0px 15px 0px;
	margin: 0px;
}

/* Estilo que determina como aparece o texto logo abaixo da imagem de título da homepage. */
p.texto_destaque_bloco_navegacao
{
	border-left: solid 1px #000000;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
}

p.texto_destaque_bloco_navegacao a
{
	font-weight: bold;
	text-decoration: none;
}

p.texto_destaque_bloco_navegacao a:hover
{
	text-decoration: underline;
}


p.apenas_texto_destaque_bloco_navegacao
{
	border-left: solid 1px #000000;
	border-top: solid 1px #000000;
	padding: 10px 0px 0px 10px;
	margin: 0px 0px 15px 0px;
}

/* Estilo que determina como aparecem os links de um menu secundário */
p.link_menu
{
	border-left: solid 1px #000000;
	border-bottom: solid 1px #000000;

	padding: 5px 10px 5px 12px;
	margin: 0px 0px 0px 0px;
	background-image: url(img/template1/arrow_submenu.gif);
	background-repeat: no-repeat;
	background-position: 1px 8px;
}

/* Controla o estilo do link para voltar para a página anterior. */
p.link_voltar
{
	font-weight: bold;
	color: #999;
	position: relative;
	float: right;
	margin: 6px 10px 0px 0px;
	padding: 0px 0px 0px 12px;
	background-image: url(img/template1/seta_esquerda.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}

/* Caixas de texto de parágrafo comuns contendo espaçamento à direita e à esquerda que cabem em um parágrafo comum do site. */
p.container_texto_paragrafo
{
	margin-left: 16px;
	margin-right: 20px;
}

/* Controla o estilo de linha que contém link para adicionar um novo registro. Disponível apenas na área de administração */
p.link_adicionar_registro
{
	text-align: right;
	margin-left: 16px;
	margin-right: 20px;
}

/* Mensagem de alerta exibida quando um usuário não tem acesso a um determinado conteúdo. */
div.acesso_proibido
{
	width: 538px;
	margin-left: 15px;
	margin-bottom: 15px;
	color: Red;
}

p.texto_link_menu
{
	border-left: solid 1px #000000;
	border-top: solid 1px #000000;
	padding: 10px 0px 15px 10px;
	margin: 0px 0px 0px 0px;
}

p.link_menu a
{
	font-weight: bold;
	text-decoration: none;
	color: #000000
}

p.link_menu a:hover
{
	font-weight: bold;
	text-decoration: underline;
}

/* Define estilo da coluna que mostra a data da notícia em uma lista de notícias. Aparece ao lado do título da notícia. */
p.texto_destaque_imprensa_data
{
	background-image: url(img/template1/arrow.gif);
	background-repeat: no-repeat;
	background-position: 15px 3px;

	padding: 0px 0px 0px 25px;
	margin: 5px 0px 5px 0px;
	vertical-align: bottom;
}

/* Estilo para os textos que aparecem em uma lista de notícias ou de títulos. */
p.texto_destaque_imprensa
{
	width: 450px;
	padding: 0px;
	margin: 5px 3px 5px 0px;
	vertical-align: top;
}

/* Estilo para a coluna que contém os títulos dos arquivos com link para download. */
p.titulo_arquivo
{
	width: 170px;
	padding: 0px;
	margin: 5px 3px 5px 0px;
	vertical-align: top;
}

/* Estilo para a coluna que contém a descrição dos arquivos. */
p.descricao_arquivo
{
	width: 170px;
	margin: 5px 3px 5px 0px;
	vertical-align: top;
}

/* Estilo para a coluna que contém o ícone do arquivo. */
p.icone_arquivo
{
	padding: 0px;
	margin: 5px 3px 5px 0px;
	vertical-align: top;
	text-align: center;
}

/* Define estilo do texto que aparece quando uma consulta que deveria retornar uma lista não traz nenhum elemento para o usuário. */
span.mensagem_nenhum_registro
{
	padding: 0px 0px 0px 15px;
	margin: 5px 0px 5px 0px;
	vertical-align: bottom;
}

/* Estilo para texto inforativo sobre navegação por páginas de registro de DataGrid. */
#InfoNavegacaoPagina
{
	position: relative;
	float: left;
	clear: none;
	margin-top: 0px;
	font-weight: bold;
	color: #666;
	padding: 0px;
}

/* Estilo para bloco contendo botões de navegação por páginas de registro de DataGrid */
#BotoesNavegacaoNextPrev
{
	position: relative;
	margin-top: 0px;
	float: right;
	clear: none;
	padding: 0px;
}

/* Mapa do site - estilo que caracteriza o nível mais alto de navegação em um site */
p.NivelZeroNavegacao
{
	margin: 0px;
	padding: 5px 0px 5px 16px;
	background-image: url(img/template1/tree_view_nivel_zero.gif);
	background-repeat: no-repeat;
}

/* Mapa do site - estilo que caracteriza o segundo nível de navegação em um site */
p.NivelUmNavegacao
{
	Margin: 0px;
	padding: 5px 0px 5px 26px;
	background-image: url(img/template1/tree_view_nivel_um.gif);
	background-repeat: no-repeat;
}

/* Mapa do site - estilo que caracteriza o segundo nível de navegação em um site quando esse item possui nós abaixo dele. */
p.NivelUmNavegacaoComFilhos
{
	Margin: 0px;
	padding: 5px 0px 5px 26px;
	background-image: url(img/template1/tree_view_nivel_um_com_filho.gif);
	background-repeat: no-repeat;
}


/* Mapa do site - estilo que caracteriza o último item do segundo nível de navegação. */
p.NivelUmNavegacaoUltimo
{
	Margin: 0px;
	padding: 5px 0px 10px 26px;
	background-image: url(img/template1/tree_view_nivel_um_ultimo.gif);
	background-repeat: no-repeat;
}

/* Mapa do site - estilo que caracteriza o terceiro nível de navegação em um site */
p.NivelDoisNavegacao
{
	Margin: 0px;
	padding: 5px 0px 5px 36px;
	background-image: url(img/template1/tree_view_nivel_dois.gif);
	background-repeat: no-repeat;
}

/* Mapa do site - estilo que caracteriza o último item do terceiro nível de navegação. */
p.NivelDoisNavegacaoUltimo
{
	Margin: 0px;
	padding: 5px 0px 10px 36px;
	background-image: url(img/template1/tree_view_nivel_dois_ultimo.gif);
	background-repeat: no-repeat;
}


/* &&&&&&&&&&&&&&&&&&&&&& */
/* Formatação de notícias */
/* &&&&&&&&&&&&&&&&&&&&&& */

p.titulo_noticia
{
	font-weight: bold;
	margin-bottom: 0px;
}

p.subtitulo_noticia
{
	font-style:italic;
	margin-top: 0px;
	margin-bottom: 0px;
}

p.data_noticia
{
	color: Maroon;
	margin-top: 0px;
}

p.texto_noticia
{
	margin-bottom: 20px;
}

/* &&&&&&&&&&&&&&&&&&&&&&&&& */
/* Formatação de formulários */
/* &&&&&&&&&&&&&&&&&&&&&&&&& */

/* Formata a camada que representa uma linha do formulário. */
div.linha_formulario
{
	position: relative;
	display: inline-table;
	clear: both;
	padding-top: 10px;
}

/* Formata a parte que contém o rótulo que indica o que deve ser preenchido no formulário. */
.rotulo_formulario
{
	width: 110px;
	height: 0px;
	letter-spacing: 1px;
	clear: left;
	padding-right: 7px;
	font-weight: bold;
	text-align: right;
}

/* Formata a coluna que contém a célula do formulário texto  */
.campo_formulario
{
	padding: 0px 0px 10px 0px;
}

/* Estilo do bloco onde os comentários a respeito do preenchimento de cada campo são inseridos. */
.validacao_formulario
{
	padding: 0px 10px 10px 0px;
}

input
{
	display: block;
}

textarea
{
	display: block;
}



/* Estilo da parcela da página em que aparece o sumário de validação do formulário. */
.SumarioValidacaoFormulario
{
	padding: 0px 0px 0px 16px;
}

input.CampoObrigatorio
{
	background-color: #ffffcc;
}

/* &&&&&&&&&&&&&&&&&&&&& */
/* Formatação de títulos */
/* &&&&&&&&&&&&&&&&&&&&& */

/* Principal título da página. É o que dá o nome à seção da página que o usuário acessa. */
h1
{
	float: none;
	clear: both;
	background-image: url(img/template1/seta_secao.gif);
	background-repeat: no-repeat;
	background-position: 0px 9px;
	padding: 5px 10px 15px 15px;
	margin: 0px;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}

h2
{
	background-image: url(img/template1/seta_titulo.gif);
	background-repeat: no-repeat;
	background-position: 0px 9px;
	padding: 5px 10px 0px 15px;
	margin: 0px;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}

p.clear
{
	float: none;
	clear: both;
}

/* &&&&&&&&&&&&&&&&&&&&& */
/* Formatação de tabelas */
/* &&&&&&&&&&&&&&&&&&&&& */

/* Estilo aplicado à TabelaGeral */
.TabelaGeral
{
	width: 560px;
}

/* Estilo aplicado à TabelaComCabecalho */
.TabelaComCabecalho
{
	width: 538px;
	margin-left: 15px;
	margin-right: 20px;
}

/* Estilo padrão aplicado às células da TabelaComCabecalho */
.TabelaComCabecalho td
{
	border-top: solid 1px #cccccc;
	margin: 0px;
	padding: 3px;
}

/* Tabela da página de contatos */
#TabelaContato
{
	width: 450px;
}

#TabelaContato td
{
	vertical-align: top;
	padding-top: 5px;
	padding-bottom: 5px;
}

#TabelaContato td.LeftCol
{
	text-align: right;
	padding-right: 8px;
	padding-top: 10px;
	font-weight: bold;
}

#TabelaContato td.RightCol
{
	width: 350px;
}

/* Estilo aplicado ao cabeçalho da tabela (linha que contém o HeaderText de cada coluna). */
.TabelaComCabecalho td.cabecalho
{
	background-color: #ff9;
	font-weight: bold;
	text-align: center;
}

/* Estilo aplicado ao cabeçalho da tabela (linha que contém o HeaderText de cada coluna). */
.TabelaComCabecalho td.cabecalho_editar
{
	background-color: #ff9;
	font-weight: bold;
	text-align: center;
	width: 45px;
}

/* Estilo aplicado às linhas alternadas da tabela */
.TabelaComCabecalho tr.item_alternado
{
	background-color: #eee;
}

.TabelaComCabecalho .registro_destaque
{
	background-color: #9c3;
}

/* Formata os campos que contêm datas dentro desta tabela */
.TabelaComCabecalho p.campo_data
{
	text-align: right;
}


/* &&&&&&&&&&&&&&&&&&&& */
/* Formatação de textos */
/* &&&&&&&&&&&&&&&&&&&& */

/* Formata mensagens de erro */
span.texto_vermelho
{
	color: Red;
}



.NoBreakInput
{
	clear: none;
	float: left;
}


/* &&&&&& */
/* Extras */
/* &&&&&& */

/* Créditos */
h3.powered-by
{
	background: transparent url(img/banners/logo-powered-by-spel.png) no-repeat;
	border: 0;
	bottom: 0;
	height: 56px;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 10px;
	width: 142px;
}

h3.powered-by a
{
	float: left;
	height: 100%;
	text-indent: -9999px;
	width: 100%;
}