/*
   TESTEIRA
 */
#testeira{
	width:680px; 
	height:90px; 
	border:0;
	background-image: url(imagens/testeira/texteiraouvidoria.gif);
	background-repeat: no-repeat;
}

/*
   BALAO DE MENSAGENS
 */
table tr td.cantosuperioresquerdo {
	background-image: url(imagens/mensagem/mensagembordasuperioresquerdo.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
tr td.cantosuperiordireito {
	background-image: url(imagens/mensagem/mensagembordasuperiordireito.gif);
	background-position: top right;
	background-repeat: no-repeat;
}
tr td.cantoinferioresquerdo {
	background-image: url(imagens/mensagem/mensagembordainferioresquerdo.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}
tr td.cantoinferiordireito {
	background-image: url(imagens/mensagem/mensagembordainferiordireito.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}

/*
   Oculta campo
 */
.oculto {
	display: none;
	visibility: hidden;
}

/*
   Torna campo visível
 */
.visivel {
	text-align: left;
	display: block;
	visibility: visible;
}

TD {
	vertical-align: middle;
}

TH.tituloAzul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #e0e6eb;
	height: 23px;
}

DD {
	text-align: justify;
}

/*
   Formataçao do corpo das paginas
   fundo branco, margen-topo,margen-esquerda,margen-direita,margen-base: 0(zero)pixel
 */
BODY {
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

/*
  Links do sistema e links visitados com a mesma configuraçao
  sem sublinhado;
  fonte Arial;
  tamanho 11 pixel;
  estilo de fonte: negrito;
  cor R:95 G:138 B:186;
*/
A:LINK,A:VISITED {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #5f8ABA;
}

/*Estilo do link quando o mouse passa por cima dele*/
A:HOVER {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #0000FF;
}

/*
  Formatação padrao para todas as tabelas do sistema
  largura: 610 pixels;
  cor de fundo: branca;
  sem borda.
*/
TABLE.tabelaPadrao {
	width: 610px;
	background-color: #FFFFFF;
	border: 0px;
	margin-top: 6px;
}

/*
 Formata a tabela para ficar como uma caixa de texto com borda 1pixel
 a altura e largura sao configuradas na tabela para ter caixas de diferentes tamanho
 cor de fundo nao estabelecida para nao atrabalhar com o fundo configurado pelo cliente
 usado no pesquisaBits.jsp campo de descricao e fonte
*/
TABLE.tabelaCaixaTexto {
	border: 1px solid;
	text-align:justify;
	cursor:text;
	display:table;
}

/*
 Formataçao das tabelas
 tabelaMaior usado nas tabelas que necessitam maior espaço da tela
 tabelaMenor usado na parte de mensagens para centralizar usa menos espaço da tela
 tabelaPequena usado em partes pequenas para compor a tela
 tabelaMenu usado para organizar os botoes do menuprincipal localizado na testeira
*/
TABLE.tabelaMaior {
	width: 680px;
	background-color: #FFFFFF;
	border: 0px;
}

TABLE.tabelaMenor {
	width: 500px;
	background-color: #FFFFFF;
	border: 0px;
}

TABLE.tabelaErro {
	width: 500px;
	border: 0px;
}

table.tabelaErro tr {
	background-color: #FFCC00;
}

TABLE.tabelaSucesso {
	width: 500px;
	border: 0px;
	margin-top: 5px;
}

table.tabelaSucesso {
	background-color: #5F8ABA;
}

TABLE.tabelaPequena {
	width: 250px;
	background-color: #FFFFFF;
	border: 0px;
}

TABLE.tabelaMenu {
	width: 300px;
	background-color: #FFFFFF;
	border: 0px;
}

/* Todas as TD ganham essa formataçao padrao de texto e tamanho de fonte */
TD {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: middle;
}

/*
  Padrao da tr aplicando a linha toda
  altura ajustada para 23pixels usado nas linhas do formulario
  */
TR.formataAltura {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	height: 23px;
}
/*MANTER ORGAO ENTIDADE*/
/*Campos Obrigatorios*/
.campoObrigatorio
{
	background-color: #E8E8E8
}

.popup{	
position: absolute; /*Define a posição absoluta da pop-up*/
top: 30%; /*Distancia da margem superior da página */
left: 28%; /*Distancia da margem esquerda da página */
height:32%;
width: 670px; /*Largura da pop-up*/
height: 230px; /*Altura da pop-up*/
padding: 5px 5px 5px 25px; /*Margem interna da pop-up*/
border-width: 1px; /*Largura da borda da pop-up*/
border-style: solid; /*Estilo da borda da pop-up*/
background: white; /*Cor de fundo da pop-up*/
color: #000066; /*Cor do texto da pop-up*/
display: none; /* Estilo da pop-up*/

}

/*
  Usada para cadastro que necessitam de maior distancia entre as linhas
  altura ajustada para 25pixels usado nas linhas do formulario
  */
TR.formataAlturaMaior {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	height: 25px;
}

/*
  Fora de uso substituido pelo css da displaytag
  Utilizado para fazer a listra das listas de pesquisa
*/
TR.formataAlturaAzul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #e0e6eb;
	height: 23px;
}

TR.linhaAzul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #e0e6eb;
	height: 23px;
}

/*linha horizontal com cor R:95 G:138 B:186 */
HR {
	color: #5f8ABA;
}

/*
  Padrao de todos os selects do sistema assumindo o tamanho do maior texto da opcao do select
  font: Arial;
  cor de fundo: branca;
*/
SELECT {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	height: 19px;
}

/*
  Selects com o tamanho fixo
  font: Arial;
  cor de fundo: branca;
  largura; 110pixel.
*/
SELECT.TamanhoFixo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	width: 110px;
}

/*
  Padrao para todos os inputs do sistema
  font: atial;
  tamanho: 11pixels;
  cor: preto.
*/
INPUT {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

/*
  Padrao para todos os input type:button,submit,reset,file do sistema
  font: Arial;
  tamhanho: 11pixels
  estilo de fonte: normal;
  cor: cinza R:102 G:102 B:102;
  cor de fundo: cinza R: G: B: , toda fez que o rgb se repere cria uma tonalidade de cinza.
*/
input[type="button"],
input[type="submit"] { /*INPUT.Button {*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	/*background-color: #CCCCCC;*/
	text-decoration: none;
	cursor: auto;
	margin: 3px;
}

input[type="button"]:disabled,
input[type="submit"]:disabled {
	color: #d0d0d0;
}

.image{
	border: 1px solid  #7F9DB9;
}

/*
  Estilo usado somente no campo direitos autorais.
  fonte: Arial;
  tamanho: 11pixels;
  alinhamento: centralizado;
  cor da fonte: preto;
*/
.copyright {
	font-family: Arial;
	font-size: 11px;
	text-align: center;
	color: #000000;
}

/*
 Estilo utilizado para todas as mensagens de validação no sistema.
*/
.mensagemValidacao {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
	color: #000000;
}

/*
 Estilo utilizado para todas as mensagens de erro.
*/
.mensagemErro {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	vertical-align: top;
	color: #FF0000;
}

/*
 Estilo utilizado para todas as mensagens de sucesso e informaçoes usado no mensagem.jsp.
*/
.mensagemInformativa {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	vertical-align: top;
	color: #5f8ABA;
}

.mensagemSucesso {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	vertical-align: top;
	color: #FFFFFF;
}

/*
  Formata a tr ou a td com cor de fundo e centralizado usado no topo das listas dos resultados das pesquisas.
  cor de fundo: azul escuro R:95 G:138 B:186;
  alinhamento: centralizado;
*/
.backgroundLinhaCenter {
	background-color: #5f8ABA;
	text-align: center;
}

/*
  Titulo com fonte em branco usado no topo das listas de pesquisa
  font: Arial;
  tamanho 11pixels;
  cor da fonte: branco;
  estilo da fonte: negrito;
*/
.tituloListaBranco {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
}

.tituloCampoAzul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0099CC;
	font-weight: bold;
}

/*
  Formata o campo com Arial e negrito tem o
  tamanho minimo de 12pixels,
  Porque o efeito do negrito nao e percebido para tamanhos menores
*/
.textoNegrito {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

/* Formatação usada para os titulos das paginas do sistema */
.tituloPagina {
	font-size: 14px;
	font-weight: bold;
	color: #214A77;
	padding-bottom: 6px;
}

.tituloCampo {
	font-size: 12px;
	font-weight: bold;
	color: #214A77;
}


/*print formato*/
#banner,#footer,#leftcol,#breadcrumbs,.docs #toc,.docs .courtesylinks,#leftColumn,#navColumn
	{
	display: none !important;
}

#bodyColumn,body.docs div.docs {
	margin: 0 !important;
	border: none !important
}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*Inicio da formatacao do css usaso nas displaytags*/
table.Tabeladisplay {
	width: 680px;
	border: 1px solid #666;
	/*width: 100%;*/
	margin: 20px 0 20px 0 !important;
	font-size: 11px;
}

table.TabeladisplayFull {
	width: 610px;
	border: 1px solid #666;
	width: 100%;
	margin: 20px 0 20px 0 !important;
}

th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 2px 4px 2px 4px !important;
	text-align: left;
	vertical-align: top;
}

thead tr {
	background-color: #5f8ABA; /*#fc0;cor original da linha trocado por azul #5f8ABA */
	color: #FFFFFF;
}

th.sorted {
	background-color: #DBDBE3;
}

th a,th a:visited {
	color: black;
}

th a:hover {
	text-decoration: underline;
	color: black;
}

th.sorted a,th.sortable a {
	background-position: right;
	color: white;
	display: block;
	width: 100%;
}

th.sortable a {
	background-image: url(../../../../resources/web/imagens/arrow_off.png);
}

th.order1 a {
	background-image: url(../../../../resources/web/imagens/arrow_down.png);
}

th.order2 a {
	background-image: url(../../../../resources/web/imagens/arrow_up.png);
}

tr.odd {
	background-color: #FFFFFF; /*#fff*/
}

tr.tableRowEven,tr.even {
	background-color: #fea
}

div.exportlinks {
	background-color: #eee;
	border: 1px solid #999;
	padding: 2px 4px 2px 4px;
	margin: 2px 0 10px 0;
	width: 79%;
}

span.export {
	padding: 0 4px 1px 20px;
	display: inline;
	cursor: pointer;
}

span.excel {
	background-image:
		url(../../../../resources/web/imagens/ico_file_excel.png);
	background-repeat: no-repeat;
}

span.csv {
	background-image:
		url(../../../../resources/web/imagens/ico_file_csv.png);
	background-repeat: no-repeat;
}

span.xml {
	background-image:
		url(../../../../resources/web/imagens/ico_file_xml.png);
	background-repeat: no-repeat;
}

span.pdf {
	background-image:
		url(../../../../resources/web/imagens/ico_file_pdf.png);
	background-repeat: no-repeat;
}

span.rtf {
	background-image:
		url(../../../../resources/web/imagens/ico_file_rtf.png);
	background-repeat: no-repeat;
}

span.pagebanner {
	background-color: #eee;
	border: 1px solid; /*dotted #999;*/
	padding: 2px 4px 2px 4px;
	width: 100%;
	margin-top: 10px;
	display: block;
	border-bottom: none;
}

span.pagelinks {
	background-color: #eee;
	border: 1px solid; /*dotted #999;*/
	padding: 2px 4px 2px 4px;
	width: 100%;
	display: block;
	border-top: none;
	margin-bottom: -5px;
}
/*fim da formatacao das displaytags*/


/*Style antigo usado no sistema  - fora de uso

.style1 {
	color: #0099cc;
	font-size: 16px;
	font-family: Arial;
	font-weight: bold;
}

.style2 {
	font-family: Arial;;
	font-size: 11px;
}

.style4 {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
}

.style5 {
	font-family: Arial;
	font-size: 11px;
}

.style7 {
	font-size: 14px;
	font-weight: bold;
	color: #214A77;
}

.style9 {
	font-size: 16px;
	font-family: Arial;
	color: #0099CC;
	font-weight: bold;
}

.style12 {
	color: #FFFFFF
}

.style13 {
	font-size: 11px;
	font-family: Arial;
}
.style14 {font-size: 11px}

.style15 {font-size: 11px;}

.style16 {color: #000000;}

.style26 {font-size: 16px; font-weight: bold; }

.style27 {
	font-size: 11px;
	font-weight: bold;
}

.style29 {
	font-size: 11px;
	font-family: Arial;
	color: #0099CC;
	font-weight: bold;
}
.Button {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: normal;
   color: #666666;
   background-color:#CCCCCC;
   text-decoration: none;
   cursor:auto;
}
*/

.tabelaFormularioAba{
	/*border-left: 2px solid #000000;*/
	/*border-right: 2px solid #000000;*/
	/*border: 1px dashed #ccc;*/
	/*width: 680px;*/
	background-color: #E6E6E6;
}
.label{
	text-align: right;
}
.component{
	text-align: left;
}

.resultadoListaTexto{
	text-align: left;
	
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #5f8ABA;
}

.resultadoListaTextoJustificado{
	text-align: justify;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #5f8ABA;
}

.resultadoListaCaracter{
	text-align: center;
	
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #5f8ABA;
}
.resultadoListaOutros{
	text-align: right;
	
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #5f8ABA;
}

.ft1 { 
	font-size: 14px; 
}

.ft2 { 
	font-size: 16px; 
}

.ft3 { 
	font-size: 18px; 
}

.accessibility a{
	  cursor: pointer;
}

form .label {
	padding-right: 8px;
}

.lupa {
	cursor: pointer;
}

.lupa IMG,
.lupa input[type="image"] {
	height: 14px;
}

/* ESTILOS PARA MENSAGENS DE ERRO DE STACKTRACE */

.container {
	/*width:100%;
    border:1px solid #d3d3d3;*/
	font-size: 10px;
}
.container div {
	/*width:90%;*/
}
.container .header {
	/*background-color:#d3d3d3;*/
	padding: 2px;
	cursor: pointer;
	font-weight: bold;
}
.container .content {
	color: wheat;
	display: none;
	padding : 3px;
	background-color: #000000;
	overflow-y: scroll;
	text-align: start;
	font-family: "Courier New", Courier, monospace;
}

/* OVERRIDING BOOTSTRAP */
.tabbable {
	padding-top: 4px;
	padding-bottom: 10px;
	width: 680px;
}

table.tabelaFormularioAba > tbody > tr {
	height: 24px;
}

table.tabelaFormularioAba > tbody > tr > td.label {
	color: #333;
	font-size: 11px;
	font-weight: normal;
	vertical-align: middle;
}

.nav {
	padding-left: 10px;
}

.nav > li > a {
	padding: 4px 6px;
}

.nav-tabs {
	border-bottom: 1px solid #555;
}

.nav-tabs > li > a {
	font-size: 10px;
	color: #888;
}

.tab-content > .tab-pane {
	border-left: 1px solid #555;
	border-bottom: 1px solid #555;
	border-right: 1px solid #555;
	background-color: #E6E6E6;
	padding: 4px;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
	color: #000;
	background-color: #E6E6E6;
	border: 1px solid #555;
	border-bottom-color: transparent;
}

.nav-tabs > li > a:hover {
	color: #555;
	border-color: #ddd #ddd #555;
}