@CHARSET "UTF-8";
/* ------------ FORMATADORES DE TAGS ----------------- */

* {
	margin:0px;
	padding:0px;
	font-family: Arial, Geneva, sans-serif;
}

/* ------------------ Disposição DA área E COMPARTIMENTOS DO TEMPLATE --------------------------*/
body {
	/* Disposição da tag body */
	text-align:center; /*center hack*/
	background-color: #dcdcdc;
	color: #333333;
}

body div#area {
	/* Dimensionamento da área para resolução 1024x756 */
	width: 960px;
}

#area {
	/* ID que designa a área total do site */
	text-align:left; /*center hack*/
	margin:0 auto; /*center hack*/
	clear:both;
}

#top-menu {
	/* Formatação da área destinada ao menu no topo do template. */
	float:left;
	width:100%;
	margin-top: 3px;
}

#top {
	/* Formatação da área do topo do template. */
	float:left;
	width:100%;
	margin-top: 10px;
}

/* CORPO: área que abrange o left, o right e o "meio" */
#corpo {
	float:left;
	width: 100%;
	margin-top: 5px;	
}

#left {
	/* Formatação da área esquerda do template */
	float:left;
	width:20%;
	overflow:hidden;
} 

/* MEIO: área que abrange o breadcrumbs, o bottom-breadcrumbs e a parte central do template (main)*/

#meio60 {
	/* Formatação para largura 60% da parte central do template.
		Utilizado quando as áreas esquerda e direita est�o vis�veis.
	*/
	float:left;
	width:58%; /* 60% - 2% de margem esquerda e direita*/
	overflow:hidden;
	margin:0 1%;
}

#meio80_right {
	/* Formatação para largura 80% da parte central do template.
		Utilizado quando apenas a área esquerda est� vis�vel.
	*/
	float:left;
	width:79%; /* 80% - 1% de margem esquerda*/
	overflow:hidden;
	margin-left: 1%;
}

#meio80_left {
	/* Formatação para largura 80% da parte central do template.
		Utilizado quando apenas a área direita est� vis�vel.
	*/
	float:left;
	width:79%; /* 80% - 1% de margem direita*/
	overflow:hidden;
	margin-right: 1%;
}

#meio100 {
	/* Formatação para largura 100% da parte central do template.
		Utilizado quando nenhuma das áreas laterais est� vis�vel.
	*/
	float:left;
	width:100%;
	overflow:hidden;
	margin: 0;
}

#right {
	/* Formatação da área direita do template */
	float:left;
	width:20%; 
	overflow:hidden;  
}

#breadcrumbs {
	/* Formatação do breadcrumbs do template */
        float:relative;
	width:100%; /* 60% - 2% de margem esquerda e direita*/
	overflow:hidden;
	margin:0 0;
	
}

#breadcrumbs li {
       /* Alinha os elementos li do breadcrumbs lado a lado */
       list-style:none;
       clear:both;
       display: inline-block;
}


#bottom-breadcrumbs {
	/* Formatação do breadcrumbs inferior do template */
	margin-top: 10px;
} 

#bottom {
	/* Formatação da parte inferior do template */
	float:left;
	width:100%;
}

/* ------------------------------------------------------------------------------------------- */

/* ------------------- FORMATA��ES DE FONTES, CORES E FUNDOS DO TEMPLATE --------------------- */

h1,h2,h3,h4,h5,h6,p,blockquote,form,label,fieldset,address {
	/* Formatação destinada a tags de texto */
	margin: 0.5em 0; 
}

ul,ol,dl {
	/* Formatação das tags ul, ol e dl */
}

li,dd { 
	/* Formatação destinada a elementos de lista*/
}

h1, #main h1 {
	text-align:left;
	font-family: Times New Roman;
	font-size: 16pt;
	font-weight:bold;
	font-variant:small-caps;
	background-color: teal;
	color: white;
	border-left: 10px solid yellow;
	padding: 3px;
	padding-left: 6px;
	margin: 6px 3px;
}

h1 *, #main h1 * {
	font-family: Times New Roman;
	font-size: 16pt;
}

h2, h2 span, #main h2, #main legend {
	text-align: left;
	font-family: Times New Roman;
	font-size: 13pt;
	font-weight:bold;
	font-variant:small-caps;
	color: teal;
	border-left: 6px solid yellow;
	padding: 1px;
	padding-left: 6px;
	margin: 4px 7px;
}

h2 *, #main h2 * {
	font-family: Times New Roman;
	font-size: 13pt;
}

h3, #main h3 {
	font-family: Times New Roman;
	font-size: 11pt;
	font-weight:bold;
	color: teal;
	padding: 0px;
	border-left: 2px double yellow;
	padding-left: 6px;
	margin: 2px 11px;
}

h3 *, #main h3 * {
	font-family: Times New Roman;
	font-size: 13pt;
}

BODY {
	overflow:scroll;
	font-size: 8.5pt;
}

TD, LABEL {
	font-size: 8.5pt;
	color:#666666;
}

B, TD B, STRONG, TD STRONG {
	color:teal;
}

TH {
	font-size: 8.5pt;
}

A > IMG {
	border:0px;
}

a{
	/* Formatação aplic�vel aos links do template */
	color: blue;
	text-decoration:none;
}

a:hover{
	/* Formatação aplic�vel aos links quando o mouse est� sobre eles*/
	text-decoration:underline;
}

a:visited {
	color: purple;	
}

fieldset, iframe {
	border: 0px;	
}

/*--------------------- FORMATA��ES PARA COMPONENTES B�SICOS DO JOOMLA -----------------------*/

/* -- MENU DO TOPO*/
#top-menu ul.menu{
	/* Formatação do módulo menu */
	margin-top: -5px; /* <-- Compensação em relação ao banner */
	list-style-type: none;
	width: 100%;
	float:left;
	background-color:teal;
}

#top-menu ul.menu li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: relative;
	float:left;	
}

#top-menu ul.menu li a{
	display: block;
	width:9em;
	font-size: 8.5pt;
	background-color: teal;
	text-align:center;
	padding: 3px 15px;
	color: white;
	font-weight:normal;
	text-decoration: none;
	text-transform:uppercase;
}

#top-menu ul.menu li:FIRST-CHILD a{
	/* Destinado ao item de menu "Início"*/
	font-weight: bold;
	color: #ffff00;
}

#top-menu ul.menu li a:hover,a#active_menu:link, a#active_menu:visited{
	background-color: #999999;
	color: black;
}

/* --> 2º nível de menu */
#top-menu UL.menu LI UL {
	display: none;
	position:absolute;
	border: 1px solid #666666;
	z-index: 1000000;
}


#top-menu UL.menu LI:hover UL {
	display: block; /* <-- Possibilita que o menu 2º nível apareça abaixo do 1º nível */
}

#top-menu UL.menu LI:hover UL LI A {
	display: inline-block; /* <-- Possibilita que o menu 3º nível fique ao lado do 2º nível*/
	font-weight: normal;
	text-align: left;
	text-transform:uppercase;
	border-bottom: 1px solid teal;
	border-left: 5px solid teal;
	background-color: white;
	color: teal;
}

#top-menu UL.menu LI:hover UL LI:hover A {
	background-color: #999999;
	color: white;
}

#top-menu ul.menu li.parent ul li.parent a{
	/* Formatação específica para os itens de menu que possuem "filhos" */
	background-image: url("../images/icons/arrow_menu.gif");
	background-repeat: no-repeat;
	background-position: 99%;
}

#top-menu ul.menu li.parent ul li.parent a:HOVER {
	/* Formatação específica para os itens de menu que possuem "filhos" (mouse em cima)*/
	background-image: url("../images/icons/arrow_menu_hover.gif");	
}

/* --> 3º nível de menu */
#top-menu UL.menu LI:hover UL LI UL {
	display: none;
	position: absolute;
	border: 1px solid #cccccc;
}

#top-menu UL.menu LI:hover UL LI:hover UL {
	display: inline; /* <-- Possibilita que o menu 3º nível fique ao lado do 2º nível */
}

#top-menu UL.menu LI:hover UL LI:hover UL LI A {
	display:block;
	font-weight: normal;
	text-transform:uppercase;
	border-bottom-color: #999999;
	border-left-color: #999999;
	background-color: #eeeeee;
	color: #666666;
}

#top-menu UL.menu LI:hover UL LI:hover UL LI:hover A {
	background-color: #cccccc;
	color: black;
}

#top-menu ul.menu li.parent ul li.parent ul li a{
	/* Retirada das setas caso o item seja o último nível */
	background-image: none;
}

#top-menu ul.menu li.parent ul li.parent ul li a:HOVER{
	/* Retirada das setas caso o item seja o último nível (mouse em cima) */
	background-image: none;
}

/* -- MENUS DA ESQUERDA E DA DIREITA --*/
#left ul.menu, 
	#right ul.menu{
	/* Formatação do módulo menu */
	margin-top: 2px;
	width:100%;
}

#left ul.menu li, 
#right ul.menu li {
	list-style-type: none;	
}

#left ul.menu li a, 
#right ul.menu li a{
	font-size: 8.5pt;
	display:inline-block; /* <-- Possibilita que o menu 2º nível fique ao lado do 1º nível */
	width:95%;
	border-top: 1px dashed #cccccc;
	color:#444444;
	height: 12pt auto;
	padding-left: 3px;
	padding-top: 4px;
	padding-bottom: 2px;
	text-decoration:none;
	text-transform:uppercase;
}

#left ul.menu li:FIRST-CHILD a, 
#right ul.menu li:FIRST-CHILD a{
	/* Este bloco serve para tetirar a linha superior do 1o. item */
	border-top: 0px;		
}

#left ul.menu li a:hover, 
#right ul.menu li a:hover, 
a#active_menu:link, a#active_menu:visited{
	background-color: #999999;
	color: white;
}

#left ul.menu li.parent a, 
#right ul.menu li.parent a{
	/* Formatação específica para os itens de menu que possuem "filhos" */
	background-image: url("../images/icons/arrow_menu.gif");
	background-repeat: no-repeat;
	background-position: 99%;
}

#left ul.menu li.parent a:HOVER, 
#right ul.menu li.parent a:HOVER{
	/* Formatação específica para os itens de menu que possuem "filhos" (mouse em cima) */
	background-image: url("../images/icons/arrow_menu_hover.gif");
}

/* --> 2º nível de menu */
#left UL.menu LI UL, 
#right UL.menu LI UL {
	display: none;
	position:absolute;
	border: 1px solid #cccccc;
	z-index: 1000000;
}

#left UL.menu LI:hover UL, 
#right UL.menu LI:hover UL {
	display: inline; /* <-- Possibilita que o menu 2º nível fique ao lado do 1º nível */
}

#left UL.menu LI:hover UL LI A, 
#right UL.menu LI:hover UL LI A {
	display:inline-block; /* <-- Possibilita que o menu 3º nível fique ao lado do 2º nível*/
	width:16em;
	font-weight: normal;
	text-transform:uppercase;
	border: 0px;
	border-bottom: 1px solid teal;
	border-left: 5px solid teal;
	background-color: white;
	color: teal;
}

#left UL.menu LI:hover UL LI:hover A, 
#right UL.menu LI:hover UL LI:hover A {
	background-color: #999999;
	color: white;
}

#left ul.menu li.parent ul li a, 
#right ul.menu li.parent ul li a{
	/* Retirada das setas caso o item seja o último nível */
	background-image: none;
}

#left ul.menu li.parent ul li a:HOVER, 
#right ul.menu li.parent ul li a:HOVER{
	/* Retirada das setas caso o item seja o último nível (mouse em cima) */
	background-image: none;
}

#left ul.menu li.parent ul li.parent a, 
#right ul.menu li.parent ul li.parent a{
	/* Formatação específica para os itens de menu que possuem "filhos" */
	background-image: url("../images/icons/arrow_menu.gif");
	background-repeat: no-repeat;
	background-position: 99%;
}

#left ul.menu li.parent ul li.parent a:HOVER,
#right ul.menu li.parent ul li.parent a:HOVER{
	/* Formatação específica para os itens de menu que possuem "filhos" (mouse em cima) */
	background-image: url("../images/icons/arrow_menu_hover.gif");
}

/* --> 3º nível de menu */
#left UL.menu LI:hover UL LI UL, 
#right UL.menu LI:hover UL LI UL{
	display: none;
	position:absolute;
	border: 1px solid #cccccc;
}

#left UL.menu LI:hover UL LI:hover UL,
#right UL.menu LI:hover UL LI:hover UL {
	display: inline; /* <-- Possibilita que o menu 3º nível fique ao lado do 2º nível */
}

#left UL.menu LI:hover UL LI:hover UL LI A,
#right UL.menu LI:hover UL LI:hover UL LI A {
	display:block;
	font-weight: normal;
	text-transform:uppercase;
	border-bottom-color: #999999;
	border-left-color: #999999;
	background-color: #eeeeee;
	color: #666666;
}

#left UL.menu LI:hover UL LI:hover UL LI:hover A,
#right UL.menu LI:hover UL LI:hover UL LI:hover A {
	background-color: #cccccc;
	color: black;
}

#left ul.menu li.parent ul li.parent ul li a,
#right ul.menu li.parent ul li.parent ul li a{
	/* Retirada das setas caso o item seja o último nível */
	background-image: none;
}

#left ul.menu li.parent ul li.parent ul li a:HOVER,
#right ul.menu li.parent ul li.parent ul li a:HOVER{
	/* Retirada das setas caso o item seja o último nível (mouse em cima)*/
	background-image: none;
}

/* --> FORMATAÇÃO DO RODAPÉ PADRÃO */

#rodape_padrao {
	float:left;
	clear:both;
	width: 100%;
	padding: 3px 6px;
	background-color: teal;
	border: 3px double #dcdcdc;
}

#rodape_padrao TD, #rodape_padrao A, #rodape_padrao B, #rodape_padrao STRONG {
	font-size: 9pt;
	color:white;	
}

/* --> CENTRO DA P�GINA - "MAIN" (áreas roxas) */

#main{
	/* Formatação da área central do template */
	padding: 3px 0.75%;
	text-align: justify;
	color:#666666;
	border: 1px solid #bbbbbb;
	background-color: white;
	min-height: 325px;
	margin-bottom: 10px;
}

#main * {
/*	Formatação do conteúdo da área central do template */
	font-size: 9.5pt;
}

#main p {
	text-align: justify;	
}

#main ul {
	list-style-position:inside;	
}

#main .componentheading {
	/* Formatação do título da área central do template */
	text-align:left;
	font-family: Times New Roman;
	font-size: 16pt;
	font-weight:bold;
	font-variant:small-caps;
	background-color: teal;
	color: white;
	border-left: 10px solid yellow;
	padding: 3px;
	padding-left: 6px;
	margin: 6px 3px;

}

#main .contentpaneopen p,
#main .contentpane li a.category,
#main div.highslide-gallery {
	font-size: 9.5pt;
}

#main p, #main td, #main dd, #main li, #main div {
	font-size: 9.5pt;
	color: #666666;
	text-align: justify;	
}

#main th, #main dt{
	color:teal;
	font-weight: bold;	
}

#main ul {
	list-style-position:inside;	
}

/* --> MODULETABLES */
.moduletable, .moduletable_menu, .moduletable_text{
	/* Formatação da área que abrange cada módulo criado pelo Joomla */
	border: 1px solid #bbbbbb;
	padding: 3px;
	margin-bottom:8px;
	background-color: white;
}

.moduletable_semBorda, .moduletable_menu_semBorda, .moduletable_text_semBorda{
	/* Formatação da área que abrange cada módulo criado pelo Joomla (caso não exista borda) */
	border: 0px;
	padding: 0px;
	margin-bottom:8px;
}

#top-menu .moduletable,  #top-menu .moduletable_menu{
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.moduletable h3, .moduletable_menu h3, .moduletable_text h3 {
/*	 Formatação da área que abrange cada módulo criado pelo Joomla */
	margin: -4px;
	margin-bottom: 0px;
	border-left: 10px solid yellow;
	padding: 3px 0px;
	padding-left: 6px;	
	background-color:teal;
	color: white;
	font-family: Times New Roman;
	font-variant:small-caps;
	font-size:12pt;
	font-weight:bold;
}

#top-menu .moduletable h3, #top-menu .moduletable_menu h3 {
	display: none;	
}

/* --> BANNERGROUP e BANNERITEM */
.bannergroup_text {
	/* Formatação do grupo de "textos-banner"*/	
	color: #666666;
}

.bannerheader {
	/* Formatação do título da apresentação dos banneres*/
	font-weight: bold;
	margin: 0px 3px;
}

.banneritem_text {
	/* Formatação dos itens da lista de banneres */
	margin: 3px;
	border-bottom: 1px dotted #999999;
}

.bannerfooter_text {
	/* Foramtação do rodapé da lista de banneres*/
	margin: 3px;
	text-align: center;
}

/* --> ARTIGOS */
.contentpaneopen {
	/* Formatação para o conteúdo do artigo */
	width:100%;
}

#main .article_separator {
	display: block;
	margin: 8px 4px;
	margin-top: 0px;
	border-bottom: 1px dashed teal;	
}

#main .item-page h2 a, #main .items-leading h2 a, #main .items-row .item h2 a {
	/* Formatação para o título do artigo 
	(No Joomla 1.6 o título também é um hyperlink)*/
	font-family: Times New Roman;
	font-size: 13pt;
	font-weight:bold;
	font-variant:small-caps;
	color:teal;
/*	border-left: 6px solid yellow;*/
/*	padding: 1px;*/
/*	padding-left: 6px;*/
/*	margin: 4px 7px;*/
/*	text-align: left;*/
}

/*#main .item-page h2, #main .items-leading h2, #main .items-row .item h2 {*/
	 /* Retirada da borda, margem e padding esquerdos pois a tag representada acima já as possui */ 
/*	border-left: 0px;*/
/*	padding-left: 0px;*/
/*	margin-left: 0px;*/
/*}*/

#main .article-info {
	/* Formatação para metadados de artigos */
	width: 0 auto;
	color:#808080;
	border-left: 2px solid #cccccc;
	margin: 0px;
	margin-left: 10px;
	padding-left: 6px;
}

#main .article-info * {
	font-size:7.5pt;
	color: #808080;
}

#main ul.actions, .item-page ul.actions {
	/* Formatação da lista dos ícones de ação do artigo */
	display: block;
	list-style: none;
	height: 22px;
	width:100%;
}

#main ul.actions img, .item-page ul.actions img {
	display:block;
	height: 16px;
	width: 16px;	
}

#main ul.actions li a, .item-page ul.actions li a {
	/* Formatação dos ícones de ação do artigo */
	display: block;
	float: right;
	margin: 2px;
	margin-top: 0px;
	margin-bottom: 6px;
	padding: 2px;
	border: 1px solid #999999;
	background-color: #bbbbbb;
}

#main ul.actions li a:hover,
#main .item-page ul.actions li a:hover {
	/* Formatação dos ícones de ação do artigo (com o mouse sobre eles) */
	background-color: yellow;
}

td.buttonheading a img {
	/* Formatação para os ícones de exportação no canto superior-direito do artigo */
	border: none;	
}


/* --> LISTA DE ARTIGOS */

#main table.category {
	margin: 4px 0px;
	width: 100%;	
}

#main .contentpane table td.sectiontableheader,
#main table.category th {
/* Título da tabela */	
/*	border: 1px solid white;*/
	padding: 2px 4px;
	background-color: teal;
	text-align: center;
	color: white;
	font-weight: bold;
}

#main .contentpane table td.sectiontableheader a,
#main table.category th a {
/* Texto do título da tabela (título também pode ser link) */
	color: white;	
}

#main .contentpane table td.sectiontableheader img,
#main table.category th img{
/* Ajuste para a imagem que sinaliza a ordenação */
	margin-left: 4px;
}

#main .contentpane table tr.sectiontableentry1 td, 
#main .contentpane table tr.sectiontableentry2 td,
#main table.category tr.cat-list-row0 td, 
#main table.category tr.cat-list-row1 td {
/* Conteúdo da tabela */
	padding: 2px 4px;
	color: black;
}

#main .contentpane table tr.sectiontableentry1 td,
#main table.category tr.cat-list-row0 td {
/* Linhas ímpares */
	background-color: #dddddd;
}

#main .contentpane table tr.sectiontableentry2 td,
#main table.category tr.cat-list-row1 td{
/* Linhas pares */
	background-color: #aaaaaa;
}


/* --> LISTA DE BLOGS */

#main .blog .items-row .item h2 a {
/* Título de um blog da lista */
	font-size: 13pt;
	font-weight: bold;
	color:teal;
	margin: 2px;	
}

#main .blog span.row-separator, #main div.item-separator {
	/* Formatação para o separador de blogs */
	display: block;
	width: 99.5%;
	margin-top: 12px;
	margin-bottom: 5px;
	border-bottom: 1px dashed teal;		
} 


/* --> NAVEGAÇÃO DE PÁGINA */

#main ul.pagenav,
#main div.pagination {
/* Barra de navegação */
	display: block;
	height: 0 auto;
	text-align: center;
	list-style: none;
}

#main div.pagination p.counter {
/* Formatação do contador (para o caso do pagination) */
	text-align: center;	
	color: black;
}

#main div.pagination ul {
	list-style-type: none;	
}

#main ul.pagenav li,
#main div.pagination li {
	display: inline-block;
	margin: 4px 2px;
}

#main ul.pagenav li a,
#main div.pagination li a, 
#main div.pagination li span{
/* Formatação dos botões */
	padding: 2px 4px;
	border: 3px double white;
	background-color: #999999;
	font-weight: bold;
	color: black;
}

#main div.pagination li span {
/* Formatação dos botões desativados */
	background-color: #dddddd;
	color: #999999;
}

#main ul.pagenav li a:hover,
#main div.pagination li a:hover {
	background-color: teal;
	color: white;
	text-decoration: none;
}	

/* --> FORMATAÇÕES ESPECIAIS */

input[type="text"], input[type="password"], input[type="file"], input[type="email"], textarea, select {
	border: 1px solid #999999;
	background-color: #f0f0f0;
	padding: 2px;
}

input[type="text"].contador {
	margin: 2px 0px;
	border: 2px solid #006666;
	text-align: right;
}

input[type="button"], input[type="submit"], input[type="reset"], button, a.linkBotao{
	border: 3px double white;
	padding: 1px;
	background-color: #999999;
	font-weight: bold;
	color: black;
}

a.linkBotao {
	padding: 2px;	
}

input[type="button"]:HOVER, input[type="submit"]:HOVER, input[type="reset"]:HOVER, button:HOVER, a.linkBotao:HOVER{
	background-color: teal;
	font-weight: bold;
	color: white;
}

a.linkBotao:HOVER {
	text-decoration: none;
}

/* --> FORMATAÇÃO DA BARRA DE ACESSIBILIDADE */
#acessibilidade {
	display: block;
	width: 100%;
	margin: 0;
	background-color: transparent;
	color: #333333;
	text-align: right;
}

#acessibilidade * {
	font-size: 9pt;	
}

#acessibilidade b {
	font-size: 11pt;
	color: black;	
}

#acessibilidade a {
	display: inline-block;
	padding: 1px 3px;
	color: #333333;	
}

#acessibilidade span#tamanhoFonte {
	padding: 2px 0px;
	background-color: #bbbbbb;	
}