/* --- 1estilos.css --- */
/* Folha de estilos responsavel pela formatacao dos itens genericos das paginas */
/* Evite alterar este arquivo do framework. Alterações especificas da aplicação devem ser feitas no sibe.css */
/* DEFAULT */
html,
body {
  height: 100%;
}
html,
body,
form {
  margin: 0;
  padding: 0;
  color: #303030;
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
}
a {
  color: #043a66;
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}
a img {
  border: 0;
}
/* CABECALHO */
/* Estilo para barra amarela do Governo Eletronico para aplicacoes Internet */
/* CSS DA BARRA DE TAMANHO EXPANSÍVEL - */
/* Código com pequenas adaptações ao código da SECOM para se adaptar a qualquer configuração de página
   e redimensionamento (Código da SECOM tinha valores fixos e não era adaptável. O resto foi deixado o mais próximo
   possível ao código da SECOM) http://www.secom.gov.br/sobre-a-secom/publicacoes/manuais-e-marcas/internet */
/* VERSÃO 4 */
#barra-brasil-v3 {
  position: relative;
  clear: both;
  overflow: hidden;
  height: 28px;
  background: #00500f;
}
#barra-brasil-v3 span {
  display: block;
  width: 50%;
  height: 28px;
  background: url(../images/barra-brasil-v3-bgx.gif) 0 bottom repeat-x;
  float: left;
}
#barra-brasil-v3 .imagemGov {
  position: relative;
  top: 4px;
  height: 24px;
  background: url(../images/barra-brasil-v3-verde.gif) right top no-repeat;
  margin-left: -500px;
}
#barra-brasil-v3 .brasilgov {
  width: 100px;
  height: 24px;
  float: right;
  display: block;
  border: 0 !important;
}
/* FIM Estilo para barra amarela do Governo Eletronico para aplicacoes Internet */
.topo {
  width: 100%;
  height: 55px;
  background-color: #053a64;
  background-size: contain;
  background-repeat: repeat-y;
  background-position: left top;
  background-image: url(../images/top_bg.jpg);
}
#logoPrevidencia {
  float: left;
  padding-top: 6px;
  vertical-align: middle;
}
#logoEntidade {
  padding-top: 6px;
  vertical-align: bottom;
}
#seloComemorativo {
  float: right;
}
h1 {
  margin: 0;
  float: center;
  text-align: center;
  padding: 20px 270px 16px 270px;
  color: #fff;
  font-weight: bold;
  font-size: 16px !important;
  font-family: Arial, Helvetica, sans-serif;
}
/* MENU */
.usuario {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
  text-align: right;
  padding-right: 15px;
}
/* CONTEUDO */
h2 {
  width: 95%;
  margin: 0 auto;
  color: #043d6a;
  font-size: 12px;
  font-weight: bold;
  padding-right: 10px;
  border-bottom: 1px solid #619b61;
}
/* Estilo usado para tratar dos links dentro das tags H2 para facilitar o acesso ao conteudo das paginas */
h2 a {
  text-decoration: none;
}
h3 {
  width: 90%;
  margin: 0 auto;
  color: #043d6a;
  font-size: 11px;
  font-weight: bold;
  padding-right: 20px;
  border-bottom: 1px solid #619b61;
}
/* Estilo usado para tratar dos links dentro das tags H3 para facilitar o acesso ao conteudo das paginas */
h3 a {
  text-decoration: none;
}
/* Ha tres estilos de paragrafos:
 * - o primeiro (p) pode ser usado em qualquer local que necessitar de texto dentro de uma pagina
 * - o segundo (p.aviso) deve ser usado sob o titulo da pagina para avisos especi­ficos como, por exemplo, o aviso dos campos obrigatorios
 * - o terceiro pode ser usado para textos que necessitem chamar uma atencao maior do usuario. Deve ser aplicado para um paragrafo apenas.
 */
p {
  width: 90%;
  margin: 0 auto;
}
p.aviso {
  width: 95%;
  padding-right: 10px;
}
p.imperativo {
  color: #000;
  padding: 5px 30px;
  background-position: left;
  background-repeat: no-repeat;
  background-image: url(../images/aponta.gif);
}
/* As classes abaixo devem ser usada para tornar elementos inline em float, caso seja necessario */
.flutua {
  float: left;
  padding: 2px 2px;
}
.flutuaMaior {
  float: left;
  padding: 4px 2px !important;
}
.flutuadireita {
  float: right;
  padding: 2px;
}
/* RODAPE */
.rodape {
  float: left;
  width: 100%;
  margin: 10px 0 0 0;
  clear: both;
}
.rodape .links {
  color: #fff;
  height: 18px;
  font-size: 10px;
  padding-top: 6px;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  background-image: url(../images/bg_menu.gif) !important;
}
.rodape .links a {
  color: #fff;
  text-decoration: none;
}
.rodape .links a:hover {
  text-decoration: underline;
}
.textoRodape {
  color: #929292;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  display: inline;
}
.textoRodape a {
  color: #929292;
  margin-left: 3px;
  margin-right: 6px;
  font-weight: normal;
  text-decoration: none;
}
.textoRodape a:hover {
  text-decoration: underline;
}
.esquerda {
  width: 19%;
  float: left;
  text-align: left;
  padding-left: 1%;
}
.centro {
  width: 58%;
  float: left;
  text-align: center;
  margin-bottom: 5px;
}
.direita {
  width: 19%;
  float: right;
  text-align: right;
  padding-right: 1%;
}
/*Estilos para fixar rodape no final da pagina independente do tamanho da tela:*/
.envelope {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -65px;
  /* inverso da altura do rodape */
}
.fixadora {
  height: 65px;
  /* mesmo que a altura do rodape */
  clear: both;
}
/* GERAL */
/* Os estilos 'even' e 'odd' sao usados em lugares onde se faz necessario alternar a cor das linhas */
.odd {
  background-color: #ebebeb;
}
.even {
  background-color: #f7f7f7;
}
/* Os estilos 'left', 'right' e 'center' sao usados para o alinhamento do texto */
.left {
  text-align: left;
}
.right {
  text-align: right;
}
.center {
  text-align: center;
}
/* TAMANHOS */
/* Os estilos abaixo possuem diversas opcoes de tamanho e pode ser usados em qualquer elemento.
 * As regras de tamanho prevalecerao sobre outras regras de tamanho herdadas pelo elemento ao
 * qual elas serao aplicadas, devido o uso do !important.
 */
.tamanho03 {
  width: 03% !important;
}
.tamanho05 {
  width: 05% !important;
}
.tamanho10 {
  width: 10% !important;
}
.tamanho15 {
  width: 15% !important;
}
.tamanho20 {
  width: 20% !important;
}
.tamanho25 {
  width: 25% !important;
}
.tamanho30 {
  width: 30% !important;
}
.tamanho35 {
  width: 35% !important;
}
.tamanho40 {
  width: 40% !important;
}
.tamanho45 {
  width: 45% !important;
}
.tamanho50 {
  width: 50% !important;
}
.tamanho55 {
  width: 55% !important;
}
.tamanho60 {
  width: 60% !important;
}
.tamanho65 {
  width: 65% !important;
}
.tamanho70 {
  width: 70% !important;
}
.tamanho75 {
  width: 75% !important;
}
.tamanho80 {
  width: 80% !important;
}
.tamanho85 {
  width: 85% !important;
}
.tamanho90 {
  width: 90% !important;
}
.tamanho95 {
  width: 95% !important;
}
.tamanho100 {
  width: 100% !important;
}
/* MENSAGENS */
div.mensagem ul {
  clear: both;
  width: 90%;
  padding: 0;
  margin: 15px auto;
}
div.mensagem ul li.sucesso {
  padding: 5px 20px;
  list-style: none;
  font-weight: bold;
  border: 1px solid #696;
  background-color: #B0E5B0;
  background-position: left;
  background-repeat: no-repeat;
  background-image: url(../images/msg_verde.png);
}
p.sucesso {
  clear: both;
  width: 85%;
  padding: 5px 20px;
  font-weight: bold;
  border: 1px solid #696;
  background-color: #B0E5B0;
  background-position: left;
  background-repeat: no-repeat;
  background-image: url(../images/msg_verde.png);
}
div.mensagem ul li.alerta {
  padding: 5px 20px;
  list-style: none;
  font-weight: bold;
  border: 1px solid #fc0;
  background-color: #fdf6c4;
  background-position: left;
  background-repeat: no-repeat;
  background-image: url(../images/msg_amarela.png);
}
p.alerta {
  clear: both;
  width: 85%;
  padding: 5px 20px;
  font-weight: bold;
  border: 1px solid #fc0;
  background-color: #fdf6c4;
  background-position: left;
  background-repeat: no-repeat;
  background-image: url(../images/msg_amarela.png);
}
div.mensagem ul li.erro,
p.erro {
  padding: 5px 20px;
  list-style: none;
  font-weight: bold;
  border: 1px solid #a02f37;
  background-color: #fcb8ac;
  background-position: left;
  background-repeat: no-repeat;
  background-image: url(../images/msg_vermelha.png);
}
p.erro {
  clear: both;
  width: 85%;
  padding: 5px 20px;
  font-weight: bold;
  border: 1px solid #a02f37;
  background-color: #fcb8ac;
  background-position: left;
  background-repeat: no-repeat;
  background-image: url(../images/msg_vermelha.png);
}
div.mensagem ul li.dica,
p.dica {
  padding: 5px 20px;
  list-style: none;
  font-weight: bold;
  border: 1px solid #3980f4;
  background-color: #c4deeb;
  background-position: left;
  background-repeat: no-repeat;
  background-image: url(../images/msg_azul.png);
}
p.dica {
  clear: both;
  width: 85%;
  padding: 5px 20px;
  font-weight: bold;
  border: 1px solid #3980f4;
  background-color: #c4deeb;
  background-position: left;
  background-repeat: no-repeat;
  background-image: url(../images/msg_azul.png);
}
div.mensagem ul li,
p.alerta,
p.sucesso,
p.erro,
p.dica {
  margin-top: 5px;
}
.normal {
  font-weight: normal !important;
}
.negrito {
  font-weight: bold !important;
}
.riscado {
  text-decoration: line-through;
}
.escondido {
  display: none;
}
ol li {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  background: #ffffff;
  color: #5f7480;
}
/* Estilos para o Train */
.breadcrumb {
  width: 95%;
  font-family: Arial, Helvetica, sans-serif;
  padding: 10px 10px 10px 30px;
}
.navega {
  font-weight: normal !important;
  color: #2E8B57;
}
.passado {
  font-weight: normal !important;
  font-style: italic;
  color: #BEBEBE;
}
.selecao {
  font-weight: bold !important;
  color: #006400;
}
/* --- 3formularios.css --- */
/* Folha de estilos responsável pela formatação de formulários */
fieldset {
  width: 90%;
  border: 0;
  display: block;
  padding: 10px 0;
  margin: 10px auto;
  border: 1px solid #acacac;
  background-color: #FAFAFA;
}
fieldset legend {
  color: #043d6a;
  margin-left: 10px;
  font-weight: bold;
}
/* Estilo usado para os fieldsets internos a outros fieldsets */
fieldset fieldset {
  padding: inherit;
  margin: 5px auto;
  border-top: 1px solid #acacac;
  border-bottom: 1px solid #acacac;
}
fieldset fieldset.aninhado {
  margin: 8px;
}
/*
 * As regras declaradas abaixo servem para agrupar dois fieldsets lado-a-lado.
 */
div.agrupador {
  width: 90%;
  margin: 15px auto;
  padding-bottom: 14em;
}
div.agrupador div.boxLeft {
  width: 48%;
  float: left;
}
div.agrupador div.boxLeft fieldset {
  margin: 0;
  width: 98%;
}
div.agrupador div.boxRight {
  width: 48%;
  float: right;
}
div.agrupador div.boxRight fieldset {
  margin: 0;
  width: 98%;
  float: right;
}
/*
 * botaoPrincipal: usado para botões que realizam a operação principal da página
 * botaoSecundario: usado para botões com operações alternativas
 */
.botaoPrincipal,
.botaoSecundario,
.botaoDesabilitado {
  height: 21px;
  color: #FFFFFF;
  cursor: pointer;
  font-size: 11px;
  font-weight: bold;
  margin: 0 2px 0 2px;
  padding: 0 5px 0 5px;
  vertical-align: middle;
  background-color: #5e9868;
  border: 1px solid #216d91;
}
.botaoPrincipal:hover {
  background-color: #81c181;
}
.botaoSecundario {
  color: #629b68;
  background-color: #FFFFFF;
}
.botaoSecundario:hover {
  background-color: #EFEFEF;
}
.botaoDesabilitado {
  color: #a7a79b;
  cursor: default;
  background-color: #f4f4e8;
  border: 1px solid #a7a79b;
}
.botaoPrincipal[disabled="disabled"] {
  color: #a7a79b;
  cursor: default;
  background-color: #f4f4e8;
  border: 1px solid #a7a79b;
}
.botaoSecundario[disabled="disabled"] {
  color: #a7a79b;
  cursor: default;
  border: 1px solid #a7a79b;
}
/* Estilo que delimita os botões. Deve sempre ser usado para envolver botões na página */
div.boxBotoes {
  display: block;
  clear: both;
  width: 90%;
  margin: 10px;
  text-align: center;
  padding: 5px 5px 5px 5px !important;
}
/* Para botões que abrem em outra janela - no JSF simulado com commandLink */
.linkBotao {
  padding: 3px 20px 2px 3px !important;
  text-decoration: none !important;
  background-position: right;
  background-repeat: no-repeat;
  background-image: url(../images/saida.png);
  padding-right: 20px !important;
}
/* Bot�es de a��es intermedi�rias, com �cones para confirmar ou liberar para edi��o*/
.botaoAcaoIntermediaria {
  padding: 3px 2px 2px 3px !important;
  background-position: 3%;
  /*left;*/
  background-repeat: no-repeat;
  font-weight: normal;
}
.iconeConfirma {
  padding-left: 18px !important;
  background-image: url(../images/ico_selecionar.png);
}
.iconeEscreve {
  padding-left: 18px !important;
  background-image: url(../images/ico_habilitar.png);
}
/* fim Bot�es de a��es */
label {
  margin: 2px 0;
}
/* O elemento label é colocado como um elemento de bloco, para permitir que esse elemento englobe o campo ao qual ele se refere */
label.principal {
  float: left;
  padding-top: 1px;
  padding-bottom: 1px;
}
/* O elemento span é, neste caso, usado para englobar o texto associado a um campo de formulário */
span.label {
  margin: 0;
  float: left;
  padding: 2px;
  color: #303030;
  font-size: 1em;
  font-weight: bold;
  text-align: right;
}
/* Estilo usado para manter um elemento ao lado do campo ao qual ele se refere, anulando a sua propriedade float
 * Usado para labels, spans e labels dentro de tabelas */
span.inline {
  float: none;
  font-weight: normal;
}
input {
  margin: 0px;
  height: 14px;
  font-size: 0.9em;
  padding-left: 3px;
  vertical-align: middle;
  border: 1px solid #acacac;
}
input[type="image"] {
  border: 0;
  height: 16px;
  padding: 1px;
}
input[type="checkbox"],
input[type="radio"] {
  border: none;
  padding-right: 2px;
}
input[type="file"] {
  height: auto;
}
/* Destaca o item que tem o foco:*/
input[type="submit"]:focus,
a:focus.linkBotao {
  background-color: #81c181;
}
input[type="submit"]:focus.botaoSecundario,
a:focus.botaoSecundario.linkBotao {
  background-color: #EFEFEF;
}
input[type="checkbox"]:focus,
input[type="radio"]:focus {
  outline: 1px solid #B22222;
  padding: 0;
}
select {
  color: #000000;
  background-color: #FFFFFF;
  margin: 1px;
  font-size: 0.9em;
  padding-left: 3px;
  vertical-align: middle;
  border: 1px solid #acacac;
  font-family: Arial, Helvetica, sans-serif;
}
select[disabled="disabled"] {
  background-color: #E8E8E8;
  color: #828282;
}
/* Definindo explicitamente estilos para textarea, pois no windows apresenta 'bug' que não herda de elementos
como html e body e pega fontes do SO: */
textarea {
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
}
label.obrigatorio,
span.obrigatorio {
  color: #8A2B1E !important;
  float: left;
}
/*
 * linhaTipoA, linhaTipoB, linhaTipoC, linhaTipoD: estilos que correspondem a uma linha de um formulário.
 * linhaTipoA: Pode ser usado para formulários com 1 conjunto de campos (OBS.: conjunto = 1 rótulo + 1 elemento);
 * linhaTipoB: Pode ser usado para formulários com 2 conjuntos de campos
 * linhaTipoC: Pode ser usado para formulários com 3 conjuntos de campos
 * linhaTipoD: Pode ser usado para formulários com 4 conjuntos de campos
 * linhaTipoE: Pode ser usado para formulários com 5 conjuntos de campos
 */
div.linhaTipoA,
div.linhaTipoB,
div.linhaTipoC,
div.linhaTipoD,
div.linhaTipoE {
  margin: 0;
  width: 100%;
  float: left;
}
div.linhaTipoA p,
div.linhaTipoB p,
div.linhaTipoC p,
div.linhaTipoD p,
div.linhaTipoE p {
  float: left;
}
div.linhaTipoA label.principal,
div.linhaTipoA p {
  width: 100%;
}
div.linhaTipoB label.principal,
div.linhaTipoB p {
  width: 49%;
}
div.linhaTipoC label.principal,
div.linhaTipoC p {
  width: 32%;
}
div.linhaTipoD label.principal,
div.linhaTipoD p {
  width: 24%;
}
div.linhaTipoE label.principal,
div.linhaTipoE p {
  width: 20%;
}
input.invalid,
input.error {
  border: 1px solid #EE2C2C;
}
label.invalid {
  font-style: italic;
  width: 300px;
}
label.principal textarea {
  width: 49%;
}
/* --- 4tabelas.css --- */
/* Evite alterar este arquivo do framework. Alterações especificas da aplicação devem ser feitas no sibe.css */
/* Folha de estilos responsável pela formatação de tabelas */
/* TABELAS */
table {
  width: 90%;
  padding: 0;
  margin: 1em auto;
  border-spacing: 1px;
  border: 1px solid #acacac;
}
table.jqplot-table-legend {
  /* Fix para graficos do PrimeFaces. Do contrario, a legenda ocupa a tabela toda com a heranaca da declaracao acima */
  width: 10%;
}
table tr {
  margin-top: 1px;
  margin-bottom: 1px;
}
/* O estilo abaixo define o terceiro nível de cabeçalho de uma tabela. Pode ser aplicado apenas a TH. */
table th {
  height: 19px;
  color: #303030;
  font-weight: bold;
}
/* O estilo abaixo define o primeiro nível de cabeçalho de uma tabela. Pode ser aplicado à TR ou à TH. */
table tr.cabecalhoPrincipal,
table th.cabecalhoPrincipal {
  color: #fff;
  height: 19px;
  font-weight: bold;
  background-color: #696;
}
table tr.cabecalhoPrincipal th,
table tr.cabecalhoSecundario th {
  color: #fff;
}
/* O estilo abaixo define o segundo nível de cabeçalho de uma tabela. Pode ser aplicado à TR ou à TH. */
table tr.cabecalhoSecundario,
table th.cabecalhoSecundario {
  color: #fff;
  background-color: #8AB06D;
}
/* O estilo abaixo define os links presentes em células que pertençam ao
 * primeiro ou segundo nível de cabeçalho de uma tabela */
table tr.cabecalhoPrincipal a,
table tr.cabecalhoSecundario a,
table th.cabecalhoPrincipal a,
table th.cabecalhoSecundario a {
  color: #fff;
}
table .even th,
table .odd th {
  padding: 2px;
  color: #303030;
  font-weight: bold;
}
table .odd td,
table .even td {
  color: #303030;
  padding: 3px 2px;
  padding-left: 6px;
  font-weight: normal;
}
table td {
  color: #303030;
  padding: 3px 2px;
  padding-left: 6px;
  font-weight: normal;
}
/* Rodapé das tabelas: (para totalizações, etc)*/
table tfoot tr td {
  background-color: #8FBC8F;
  color: #FFFFFF;
  text-align: right;
}
/* Redefinição de alinhamento dos textos dentro de tabelas, pois apesar de isso já ter sido definido no arquivo
 * '1estilos.css', as regras deste arquivo ('4tabelas.css') são mais específicas e prevalecem sobre aquelas */
.left {
  text-align: left;
}
.right {
  text-align: right;
}
.center {
  text-align: center;
}
/* Estilo das tabelas dentro de fieldsets */
fieldset table th.cabecalhoPrincipal {
  border-bottom: 0;
}
table thead tr th a {
  color: #fff;
}
div.paginacao {
  width: 90%;
  padding: 0;
  height: 19px;
  margin: 3px auto;
}
div.paginacao table {
  border: 0;
  width: auto;
  margin: 1px;
  float: right;
}
/* --- 5estilos.css --- */
/* Evite alterar este arquivo do framework. Alterações especificas da aplicação devem ser feitas no sibe.css */
/* Folha de estilos para os itens com ajax */
.dtpajaxloaderclass {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -16px;
  /* -1 * image width / 2 */
  margin-top: -16px;
  /* -1 * image height / 2 */
  display: block;
}
/* --- 6consultas.css --- */
/* Sibe-Consulta */
/* Folha de estilos personalizados do sibe-consulta
   Estilos para os fieldsets internos do painel de consultas */
#coluna1_gerencial,
#coluna2_gerencial {
  float: left;
  padding-right: 5px;
  padding-left: 5px;
  width: 430px;
}
#coluna1,
#coluna2,
#coluna3,
#coluna4 {
  float: left;
  padding-right: 5px;
  padding-left: 5px;
  width: 210px;
}
fieldset .fildset_semborda {
  margin-bottom: 0px;
  margin-top: 0px;
  border: none;
  padding-top: 0px;
  padding-bottom: 0px;
}
span.label_painel {
  margin: 0;
  float: left;
  padding: 2px;
  color: #303030;
  font-size: 1em;
  font-weight: bold;
  text-align: left;
}
label.principal_painel {
  margin: 0 0;
  float: left;
  padding-top: 0px;
  padding-bottom: 0px;
  width: 33%;
}
fieldset .espacamentos {
  padding-bottom: 10px;
  padding-left: 5px;
}
fieldset .espacamentos_ajuste {
  padding-bottom: 8px;
  padding-left: 5px;
}
fieldset .tramitacao_painel {
  width: 200px;
  height: 220px;
}
fieldset .avaliacoes_painel {
  padding-bottom: 28px;
}
fieldset .infpag {
  margin-top: 1px;
  padding-bottom: 7px;
}
fieldset .infvinc_painel {
  padding-bottom: 28px;
}
fieldset .infpag_painel {
  height: 125px;
}
fieldset .infcomp {
  width: 230px;
  margin-bottom: 1px;
}
fieldset .infcomp_painel {
  margin-bottom: 1px;
  height: 125px;
}
fieldset .agendamento {
  width: 345px;
  padding-bottom: 15px;
}
fieldset .exigencia {
  width: 345px;
  padding-bottom: 9px;
}
fieldset .auditoria {
  width: 345px;
}
fieldset .avaliacoes {
  width: 345px;
}
fieldset .outras {
  width: 345px;
  padding-bottom: 37px;
}
fieldset .participantes {
  width: 230px;
  margin-top: 1px;
  padding-bottom: 65px;
}
fieldset .participantes_painel {
  height: 180px;
}
/* Botão com aparência de link */
.botaoLink {
  width: 100%;
  border: 0px #FFFFFF;
  background: #FFFFFF;
  color: #043a66;
  text-decoration: none;
  height: 15px;
  text-align: left;
}
.botaoLink:hover {
  text-decoration: underline;
  cursor: hand;
}
.botaoLink:active {
  border: 0px #FFFFFF;
  background: #FFFFFF;
  color: #043a66;
  text-decoration: none;
}
/* Elimina borda de elementos de formulários */
.noborder {
  border: 0px;
}
.tabelaAgrupado {
  margin: 0px;
  width: 100%;
  border: 0 none;
  border-spacing: 0;
}
.headerAgrupado {
  border: 1px inset;
  margin: 0px;
  background-color: #669966;
  color: #FFFFFF;
  font-weight: bold;
  height: 19px;
  width: 25%;
}
.cabecalhoPrincipal2 {
  background-color: #669966;
  color: #FFFFFF;
  font-weight: bold;
  height: 19px;
  padding: 0 0 0 0;
}
.checkboxAlignDireita {
  margin-left: 29%;
}
.espacamento {
  margin-top: 5px;
  margin-left: 2px;
}
.bordaTransparente {
    border-color:transparent !important;
}