html {
 	overflow: -moz-scrollbars-vertical;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #023D60;
	text-decoration: none;
}

table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #023D60;
	text-decoration: none;
}

tr {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #023D60;
	text-decoration: none;
}

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #023D60;
	text-decoration: none;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #023D60;
	text-decoration: none;
}

a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #2C7BAB;
	text-decoration: none;
}

a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #2C7BAB;
	text-decoration: underline;
}

a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	color: #2C7BAB;
	text-decoration: underline;
}

/* Utilizado para a combo contendo a relação dos sistemas no topo. Ex: <div class="comboSistemas"> */
.comboSistemas {
	padding-top:18px;
	padding-right:35px;
	text-align:right;
	font-family: Arial, Helvetica, sans-serif;
}

/* Utilizado na coluna contendo o menu adicional. Ex: <td class="usuario"> */
.usuario {	
	width:715;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;	
	background-color: #F1F2F5;
	padding-left:10px;
	border:none;
	height:20;
}

/* Utilizado na coluna contendo o menu principal. Ex: <td class="menu"> */
.menu {
	width:45;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	background-color: #C9CFD6;
	border:none;
	text-align:center;
}

/* Utilizado na coluna contendo o título da página.  Ex: <td class="titulo"> */
.titulo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #FFFFFF;
	text-align:center;
	vertical-align:middle;
	font-weight: bold;
	background-color: #7B909D;
	height:20px;
}

/* Utilizado na linha dos campos. Ex: <tr class="campo"> */
.campo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #023D60;
	background-color: #F1F2F5;
}

/* Campo do tipo numérico indicando valor. Ex: <input type="text" name="Valor" class="valor"> */
.valor{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:: 9pt;
	width:: 100px;
	color: #000000;
	text-align:: right;
	font-style: normal;
}

.valorPositivo{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:: 9pt;
	width:: 100px;
	color: #498CBE;
	text-align:: right;
	font-style: normal;
}

.valorNegativo{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:: 9pt;
	width:: 100px;
	color: #852912;
	text-align:: right;
	font-style: normal;
}

.valorDestaque{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:: 9pt;
	width:: 100px;
	color: #000000;
	text-align:: right;
	font-style: normal;
	font-weight:bold;
}

/* Campo do tipo número ou outro alinhado a direita. Ex: <input type="text" name="Valor" class="vlrDireitaSemBorda"> */
.vlrDireitaSemBorda {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	width: 100px;
	color: #000000;
	text-align: right;
	font-style: normal;
	border:none;
}

/* Campo do tipo número ou outro alinhado a direita. Ex: <input type="text" name="Valor" class="vlrDireita"> */
.vlrDireita {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	text-align: right;
	font-style: normal;
}

fieldset {
	width: 740px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #023D60;
	font-weight:normal;
	text-align:left;
}
legend {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #2C7BAB;
	font-weight:bold;
}

/* Utilizado para o "*" asterisco que indica 'Campo Obrigatório'. Ex: <span class="asterisco">* </span> */
.asterisco {
	color: #2C7BAB;
	font-weight:bold;
}

/*------------------------------------------------------------------------------------
Utilizado para botao. Ex: <input type="button" class="botao"> ou <button>
------------------------------------------------------------------------------------*/
.botao, button {    
   font-family: Arial, Helvetica, sans-serif; 
   font-size: 10pt; 
   font-weight: normal; 
   padding: 1px; 
   width:70px;
   color: #023D60; 
   text-decoration: none; 
} 

.botaoMedio{
width:130px; !important
}
	
.botaoGrande {
width:260px; !important
}

.botaoLogin {    
   font-family: Arial, Helvetica, sans-serif; 
   font-size: 10pt; 
   font-weight: normal; 
   padding: 1px; 
   background-color:#E9E9E9;
   width:35px;
   height:35px; 
} 
/*------------------------------------------------------------------------------------
Fim
------------------------------------------------------------------------------------*/

.bordaInferior {
	
	border-bottom: 1px solid; 
	border-bottom-color: #4A708F; 
}

.bordaCinza {
	border:1px solid #C0CEDB; 
}

.noticias {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #717C97;
	text-align:justify;
	background-color: #F1F2F5;
	width:600;
	border:solid 1px #C8CCD7;
	padding-right:20px;
	padding-top:10px;
	vertical-align:top;
}

.faq {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #717C97;
	text-align:justify;
	background-color: #F1F2F5;
	border-top:solid 1px #C8CCD7;
	padding-left:10px;
	padding-top:2px;
	height:22;
}

.feedback {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #717C97;
	text-align:justify;
	border:solid 1px #C8CCD7;
	padding-left:10px;
	padding-top:10px;
}

/* Utilizado na primeira linha da tabela. Ex: <tr class="tituloGrid"> */
.tituloGrid {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 9pt;
	color: #023D60;
	background-color: #D3D8DE;
	text-align:center;
}

/* Utilizado na tabela cotendo o grid. Ex: <table class="grid"> */
.grid {
	border:solid 1px #D3D8DE;
	font-size:8pt;
}

.grid thead td {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 9pt;
	color: #023D60;
	background-color: #D3D8DE;
	text-align:center;
}

/*------------------------------------------------------------------------------------
 Utilizado para paginação. Ex: <td class="paginacao"> 
------------------------------------------------------------------------------------*/
.paginacao td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color:#7A899C;
	background-color: #d3d8de;
	height:15px;
}
.paginacao .letras td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color:#7A899C;
	background-color: #d3d8de;
	height:15px;
	width:15px;
	border-right:solid 1px #C4C4C4;
	text-align:center;
	padding:0px;
	behavior: url(/funasa/css/sobre.htc);
	cursor:hand;
}
.paginacao .letras .sobre {
	background-color: #ddeeff;
}
.paginacao .letras .fora {
	background-color: #d3d8de;
}
.paginacao .letras .selecionado {
	background-color: #ddeeff;
}
/*------------------------------------------------------------------------------------
 FIM
------------------------------------------------------------------------------------*/

/* Utilizado na coluna do rodape da página. Ex: <td class="rodape"> */
.rodape {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-align:center;
	height:22;
}


/* Utilizado na combo de pesquisa dinâmica*/
.invalido {
	background-color:#FFB7B7
}
/* Utilizado para destaque na cor vermelha*/
span.vermelho {
	color: #98241E;
}

/**----------------Mensagens---------------*/

.erro  , .sucesso, .alerta , .validacao {
	border: 1px solid;
	margin:5px 2px;
}

.erro div p , .sucesso div p, .alerta  div p, .validacao div p{
	margin:10px 0px;
}


.erro div , .sucesso div, .alerta  div, .validacao div{
	margin-left:20px;
	padding:2px 5px ;
	text-align:left;
}

.erro {
	color: #C50A0A;
	background:#C50A0A  url('../imagens/icones/erro.png') no-repeat 3px 11px;
}

.erro div p{
	color: #C50A0A;
}

.erro div{
	background-color: #FFEFEA;
}

.sucesso {
	color:#4F8A10; 
	background:#4F8A10  url('../imagens/icones/sucesso.png') no-repeat 3px 11px;
}

.sucesso div{
	background-color: #EDF8DC;
}

.sucesso div p{
	color:#4F8A10; 
}

.alerta {
	color:#B17A12;
	background:#F3BF36  url('../imagens/icones/alerta.png') no-repeat 6px 8px;
}

.alerta div p {
	color:#B17A12;
}

.alerta div{
	background-color: #FEFAED;
}


.validacao {
	color:#C50A0A;
	background:#C50A0A  url('../imagens/icones/alerta.png') no-repeat 6px 8px;
}

.validacao div p {
	color:#C50A0A;
}
	
.validacao div,  .error-input{
	background-color: #FFEFEA;
}
/*---------------------------------------*/