/* CSS Document */

html {background: #6a7fa0; margin: auto;padding: auto;font: 12px Verdana, Arial, Helvetica, Sans Serif; color: #333333; float: left;}
body {width: auto; margin: auto; padding: 10px;}

#fundo{
margin: 0;
padding: 0;
width: 980px;
height: 100%;
float: left;
background: #FFF;
}

#fundoesq{
background: url(../images/fundo_esq.png) repeat-y left top; height: 100%; width: 100%;
}
#fundodir{
background: url(../images/fundo_dir.png) repeat-y right top; height: 100%; width: 100%;
}
#fundotopo{
background: url(../images/fundo_topo.png) repeat-x left top; height: 100%; width: 100%;
}
#fundotopoesq{
background: url(../images/fundo_topo_esq.png) no-repeat left top; height: 100%; width: 100%;
}
#fundotopodir{
background: url(../images/fundo_topo_dir.png) no-repeat right top; height: 100%; width: 100%;
}

#pemeio{
background: #6a7fa0 url(../images/pemeio.png) repeat-x left top; height: 15px; width: 100%;
}
#peesq{
background: url(../images/peesq.png) no-repeat left top; height: 15px; width: 100%;
}
#pedir{
background: url(../images/pedir.png) no-repeat right top; height: 15px; width: 100%;
}

#conteudo{
background: transparent;
float: center;
width:100%;
height:100%;
padding: 0;
margin: 0;
}

#topo{
background: transparent;
float: center;
width: 100%;
height:120px;
padding: 0;
margin: 0;
}

#topo2{
background: #ffffff url(../images/menu_fundo.png) repeat-x left top;
width: 100%;
height: 30px;
float: left;
width: 100%;
padding: auto;
margin: auto;
}
#topo2esq{
background: url(../images/fundo_esq.png) repeat-y left top; height: 100%; width: 100%;
}
#topo2dir{
float: left;
background: url(../images/fundo_dir.png) repeat-y right top; height: 100%; width: 100%;
}

#toplogo{
background: transparent;
float: left;
width: 160px;
height: 80px;
padding: 10px;
margin: 0;
}

#apf {
background: transparent;
color: #2E4D70;
float: left;
font: 22px Verdana, Arial, Helvetica, Sans Serif;
font-weight: bold;
height: 70px; /*LINHA ESTÁ EMPURRANDO O MENU PARA BAIXO 10PX*/
padding-left: 10px;
padding-top: 50px;
width: 450px;
}

#topcomponents{
background: transparent;
width: 300px;
height: auto;
padding: 0px 15px;
margin: 0;
float: right;
}

#topmenus{
vertical-align: top;
background: transparent;
float: right;
width: auto;
height:30px;
padding: 0;
margin: 0;
}

/* -------------------------------------------------------------------- PATHWAY -------------------------------------------------------------------------*/

#pathway_text{
float: left;
width: 100%;
background: transparent;
padding: 10px 0px 0px 10px;
font: 10px Verdana, Arial, Helvetica, Sans Serif;
color: #ff9900;
font-weight: bolder;
}
#pathway_text a{
font: 10px Verdana, Arial, Helvetica, Sans Serif;
color: #6a7fa0;
font-weight: bolder;
}
#pathway_text a:hover{
font: 10px Verdana, Arial, Helvetica, Sans Serif;
color: #ff9900;
font-weight: bolder;
}

/* -------------------------------------------------------------------- TOPMENU -------------------------------------------------------------------------*/

#mainlevel-nav{
list-style: none;
padding: 0;
margin: 0;
float: right;
white-space: nowrap;
}

#mainlevel-nav li{
width: auto !important;
width: 5%;
float: left;
margin: 0;
font-size: 11px;
height: 20px;
line-height: 20px;
white-space: nowrap;
margin-right: 1px;	
}

#mainlevel-nav li a{
font-weight: normal;
height: 20px;
display: block;
padding-left: 5px;
padding-right: 10px;
text-decoration: none;
color: #6a7fa0;
margin-left: 5px;
white-space: nowrap;
}

#mainlevel-nav li a:hover{
font-weight: normal;
height: 20px;
display: block;
padding-left: 5px;
padding-right: 10px;
text-decoration: none;
color: #ff9900;
margin-left: 5px;
white-space: nowrap;
}

/* -------------------------------------------------------------------- LOGIN -------------------------------------------------------------------------*/

#login{
background: transparent;
width: 100%;
height: 60px;
padding: 0;
margin: 0;
float: right;
}

#login a, #login a:visited{
float: right;
font: 12px Verdana, Arial, Helvetica, Sans Serif;
color: #6a7fa0;
font-weight: bolder;
}

#login a:hover{
float: right;
font: 12px Verdana, Arial, Helvetica, Sans Serif;
color: #ff9900;
font-weight: bolder;
}

/* -------------------------------------------------------------------- BUSCAR -------------------------------------------------------------------------*/

#search {
background: transparent;
width: 180px;
border: 0px;
padding: 0;
margin: 0;
height: 25px;
overflow: hidden;
float: right;
font-family: Verdana, Arial, Helvetica, Sans Serif;
font-size: 10px;
margin-bottom: 5px;
}

#pesquisar form {
float: right;
}

#pesquisar .inputbox {
border: 1px solid #cccccc;
padding: 3px 3px 3px 5px;
color: #6a7fa0;
font-family: Verdana, Arial, Helvetica, Sans Serif;
font-size: 10px;
}

#pesquisar .button {
padding: 1px;
background: url(../images/buscar.png) no-repeat bottom;
border: 0px;
color: #ffcc00;
}

#pesquisar .button:hover{
color: #ff6600;
}

/* -------------------------------------------------------------------- MENU ja_transmenu_v20 -------------------------------------------------------------------------*/

#menuprincipal{
margin: 0px;
padding: 0px;
padding-left:5px;
float: left;
}

/* -------------------------------------------------------------------- BANNER -------------------------------------------------------------------------*/
#banner{
border: 1px solid #ccc;
float: left;
margin: 5px;
padding: 1px;
width: 560px;
height: 131px;
}

/* -------------------------------------------------------------------- BOXES -------------------------------------------------------------------------*/

#destaque{
border: 1px solid #ccc;
margin: 5px 5px 5px 0;
float: right;
width: 380px;
height: 133px;
}

#destaque a, #destaque a:hover, #destaque a:visited{
text-decoration: none;
display:block;
border: 0px;
}

#boxes {
color: black;
float: left;
}

#box01 {
background: transparent;
border: 1px solid #ccc;
float: left;
width: 317px;
}

#box02 { 
background: transparent;
border: 1px solid #ccc;
float: left;
width: 316px;
}

#box03 {
background: transparent;
border: 1px solid #ccc;
float: right;
width: 316px;
} 

#box01 h3, #box02 h3, #box03 h3 {
margin: 1px;
padding: 4px 0 0 5px;
height: 25px;
font: 14px Verdana, Arial, Helvetica, Sans Serif;
color: #ffffff;
font-weight: bolder;
background: url(../images/box_topico.png) top left repeat-x;
}

#box01 ul, #box02 ul, #box03 ul {
margin: 0;
padding: 0;
}

/*
#box01 dt, #box01 tr, #box01 p, #box01 ul, #box01 li,
#box02 dt, #box02 tr, #box02 p, #box02 ul, #box02 li,
#box03 dt, #box03 tr, #box03 p, #box03 ul, #box03 li {
font: 11px Verdana, Arial, Helvetica, Sans Serif;
}



#box01 a, #box01 a:visited, #box02 a, #box02 a:visited, #box03 a, #box03 a:visited {
font: 12px Verdana, Arial, Helvetica, Sans Serif;
color: #6a7fa0;
text-decoration: none;
font-weight: bolder;
}

#box01 a:hover, #box02 a:hover, #box03 a:hover {
color: #ff9900;
text-decoration: none;
font-weight: bolder;
}*/

/* -------------------------------------------------------------------- CONTEÚDO -------------------------------------------------------------------------*/

/* TÓPICO DOS TEXTOS DO CONTEÚDO */
.contentheading {
background: url(../images/topico.png) top left repeat-x;
font: 16px Verdana, Arial, Helvetica, Sans Serif;
height: 30px;
color: #ffffff;
font-weight: bolder;
text-align: left;
padding-left: 15px;
margin: 0px;
}

/* TÓPICO DO CONTEÚDO */
.componentheading, .componentheading-contato {
background: url(../images/topico.png) top left repeat-x;
font: 18px Verdana, Arial, Helvetica, Sans Serif;
height: 30px;
color: #ffffff;
font-weight: bolder;
text-align: left;
padding-left: 15px;
padding-top: 5px;
margin: 0px;
}


/* QUADRO DO CONTEÚDO PRINCIPAL - Textos, resumos, datas de criação, autores, etc*/
.contentpaneopen {
font: 11px Verdana, Arial, Helvetica, Sans Serif;
padding: 15px;
}

.contentpaneopen .small, .contentpaneopen .createdate{
font: 11px Verdana, Arial, Helvetica, Sans Serif;
float: right;
font-weight: bolder;
}

/*
 TEXTOS - SÓ NO MOZILLA 
.contentpaneopen td {
font: 11px Verdana, Arial, Helvetica, Sans Serif;
}

TEXTOS EM DIV - SÓ NO MOZILLA 
.contentpaneopen p {
font: 12px Verdana, Arial, Helvetica, Sans Serif;
}
*/




/* CAIXA DE CADA CONTEÚDO, ARTIGO, ETC */
table.contentpaneopen {
width: 100%;
padding: 0px;
margin: 0px;
}

table.content_table {
width: 100%;
padding: 0px;
margin: 0px;
}

table.content_table td {
	padding: 0px;
	margin: 0px;
}

/*
.maintitle {
	color: #ffffff;
	font-size: 40px;
	padding-left: 15px;
	padding-top: 20px;
}*/

table.contentpaneopen {
  width: 100%;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px;
}

/* -------------------------------- MARGEM NOS TEXTOS ---------------------*/
table.contentpaneopen td {
   	padding: 0px 20px;
}

/* ------------------------ MARGEM NOS ÍCONES DE E-MAIL, IMP, E PDF -----------------------------*/
table.contentpaneopen td.buttonheading{
   padding: 0px;
   margin: 0;
}


.emaileprint{
color: black;
background: white;
}


/* -------------------------------------------------------------------- BASE GERAL -------------------------------------------------------------------------*/

.clr{
clear:both;
}

a, a:visited{
font: 11px Verdana, Arial, Helvetica, Sans Serif;
color: #6a7fa0;
text-decoration: none;
font-weight: bolder;
}

a:hover{
color: #ff9900;
text-decoration: none;
font-weight: bolder;
}

td {
	text-align: left;
	font-size: 11px;
}

/* Só funciona no Texto do Mozilla */
#conteudo2 {
float: center;
width: 970px;
padding: 0px 5px;
}

.contentpaneopen.back_button, .back_button {
text-align: center;
padding: 5px 0 0 5px;
}

/* -------------------------------------------------------------------- explicar -------------------------------------------------------------------------*/

.sitemap, .sitemap.contentpane, .sitemap h3 {
font: 11px Verdana, Arial, Helvetica, Sans Serif;
padding: 0;
margin: 0;
color: #ff9900;
}

table.contentpane-contato {
padding-left: 5px;
background: #FFFFFF;
color: #333333;
}


/* -------------------------------------------------------------------- explicar -------------------------------------------------------------------------*/


/* -------------------------------------- TABELA COM A LISTA DE ARTIGOS, NOTICIAS, ETC ------------------------------------------ */
table.contentpaneopen td.componentheading {
	padding: 4px;
}

table.contentpane {
background: #7F9DB9;
color: #FFFFFF;
width: 100%;
padding: 0px;
border-collapse: collapse;
border-spacing: 0px;
margin: 0px;
}

/* DESCRIÇÃO DOS ITENS DAS TABELAS */
table.contentpane .sectiontableheader {
padding-left: 5px;
background: #CFDCEB;
color: #333333;
font-size: 10px;
font-weight: bold;
}

table.contentpane .sectiontableentry1 td {
color: #333333;
background: #EEEEEE; 
padding:5px; 
border-bottom:1px solid #CCCCCC;
border-left:1px solid #FFFFFF;
border-right:1px solid #CCCCCC;
}

table.contentpane .sectiontableentry2 td {
color: #333333;
background: #F7F7F7; 
padding:5px; 
border-bottom:1px solid #CCCCCC;
border-left:1px solid #FFFFFF;
border-right:1px solid #CCCCCC;
}



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

/*

table.contentpaneopen fieldset {
	border: 0px;
	border-bottom: 1px solid #eee;
}

.contentpagetitle {
	font-size: 13px;
	font-weight: bold;
	color: #cccccc;
	text-align:left;
}

table.moduletable {
	width: 100%;
	margin-bottom: 5px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}

div.moduletable {
	padding: 0;
	margin-bottom: 2px;
}

table.moduletable th, div.moduletable h3 {
	background: transparent;
	color: #666666;
	text-align: left;
	padding-left: 4px;
	height: 21px;
	line-height: 21px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	margin: 0 0 2px 0;
}

table.moduletable td {
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
}

table.contenttoc {
  border: 1px solid #cccccc;
  padding: 2px;
  margin-left: 2px;
}
  
table.content_table {
  width: 100%;
	padding: 0px;
	margin: 0px;
}

table.content_table td {
	padding: 0px;
	margin: 0px;
}

.maintitle {
	color: #ffffff;
	font-size: 40px;
	padding-left: 15px;
	padding-top: 20px;
}

table.contentpaneopen {
  width: 100%;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px;
}

table.contentpaneopen td {
   padding-right: 5px;
}

table.contentpaneopen td.componentheading {
	padding-left: 4px;
}

table.contenttoc td {
  padding: 2px;
}

table.contenttoc th {
  background: url(../images/subhead_bg.png) repeat-x;
  color: #666666;
	text-align: left;
	padding-top: 2px;
	padding-left: 4px;
	height: 21px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
}
*/

/* -------------------------------------------------------------------- explicar -------------------------------------------------------------------------*/



/* -------------------------------------------------------------------- explicar -------------------------------------------------------------------------*/



/* -------------------------------------------------------------------- explicar -------------------------------------------------------------------------*/