/* ******************************* */
/* Estilos para elementos em geral */
/* ******************************* */

a:link { text-decoration: none; background-color: Azure; border-radius: 4px; }
a:hover { text-decoration: underline; }
body { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: Black; border: 0; padding: 0; margin: 0; }
button { font-family: inherit; font-size: inherit; border-radius: 10px; border: 2px solid Gray; cursor: pointer; transition-duration: 0.2s; }
button:hover { background-color: Snow; border-radius: 5px; border: 2px solid Indigo; transition-duration: 0.2s; } 
button:active { box-shadow: 0px 0px 10px SteelBlue; }
div { font-family: inherit; font-size: inherit; }
fieldset { font-family: inherit; font-size: inherit; border-radius: 4px; }
input { width: calc(100% - 12px); line-height: 150%; font-family: inherit; font-size: inherit; background-color: Azure; border-radius: 4px; border: 2px solid Gray; margin: 2px; transition-duration: 0.2s; } /* um efeito nao detectado aplica o padding como "padding: 1px 2px" */
input:focus { background-color: Snow; box-shadow: 0px 0px 5px Black; outline: none; border-radius: 10px; transition-duration: 0.2s; }
label { line-height: 150%; font-family: inherit; font-size: inherit; font-weight: bold; color: MediumBlue; }
legend { font-weight: bold; }
p { font-family: inherit; font-size: inherit; }
select { line-height: 150%; font-family: inherit; font-size: inherit; border-radius: 4px; border: 2px solid Gray; padding: 2px; padding-bottom: 3px; margin: 2px; cursor: pointer; transition-duration: 0.2s; } /* width: calc(100% - 12px) */
table { text-align: center; font-family: inherit; font-size: inherit; border-collapse: collapse; }
textarea { width: calc(100% - 12px); font-family: inherit; font-size: inherit; background-color: Azure; border-radius: 4px; border: 2px solid DarkSlateBlue; padding: 2px; margin: 2px; transition-duration: 0.2s; }
textarea:focus { background-color: Snow; box-shadow: 0px 0px 10px Black; outline: none; transition-duration: 0.2s; }

/* ************************ */
/* (1)Estilos para BUTTON's */
/* ************************ */

/* +++ (1)Botoes com representacoes feitas por emojis ou simbolos */
.eBotaoSimboloT1 { font-size: inherit; background-color: White; padding: 2px; }

/* +++ (1)Texto responsivo */
.eBotaoTextoResponsivo1 { font-size: clamp(0.625rem, 0.5179rem + 0.5714vw, 0.875rem); } /* Minimum viewport width: 300px; Maximum viewport width: 1000px; Minimum font size: 10px; Maximum font size: 14px. */

/* ********************* */
/* (2)Estilos para DIV's */
/* ********************* */

/* +++ (2)Estilo do quadro de exibicao principal */
.quadroPrincipal { width: 98%; border: 0; padding: 0; margin: 0 auto; }

/* +++ (2)Nome da funcao */
/*
Hierarquia de sobreposicao do elemento: 
eNomeFuncao(z-index: 3) > eOrientadorDeNavegacao(z-index: 2) > eNomesdeCamposFixos(z-index: 1) 
*/
.eNomeFuncao { position: sticky; top: 0px; z-index: 3; width: 100%; font-size: 25px; font-weight: normal; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: White; background-color: SteelBlue; border-radius: 8px; border: 0; padding: 0; margin: 0; margin-bottom: 0.25%; }
.eNomeFuncao a { color: MediumSpringGreen; background-color: inherit; border-radius: 8px; border-left: 3px solid MediumSpringGreen; border-right: 3px solid MediumSpringGreen; padding: 0px 3px; }
.eNomeFuncao img { width: 40px; height: auto; vertical-align: middle; }

/* +++ (2)Contentor simples para agrupamento de controles, na visao de uma barra horizontal */
/*
ex.: ./secretaria/tramitacao/inicio.asp
*/
.eSecaoDeNavegacaoT1 { display: flex; justify-content: space-evenly; align-items: center; flex-wrap: wrap; width: 100%; background-color: rgb(255, 255, 255, 1); border-radius: 8px; border: 0; padding: 0; margin: 0.5% auto; }
.eSecaoDeNavegacaoT1 button { width: 100%; max-width: 120px; padding: 4px; margin: 1%; }
.eSecaoDeNavegacaoT1 div { min-width: 300px; text-align: center; padding: 0.5%; }
.eSecaoDeNavegacaoT1 select { padding: 3px 4px; margin: 1%; }
.eSecaoDeNavegacaoT1 .eEfeitoDivT1 { border-radius: 8px; border: 2px solid DarkGreen; }
.eSecaoDeNavegacaoT1 .eBotaoCancelar { background-color: #ccffcc; border: 2px solid #006400; } /* Verde */
.eSecaoDeNavegacaoT1 .eBotaoCancelar:hover { color: White; background-color: #40bf40; } /* Verde */
.eSecaoDeNavegacaoT1 .eBotaoCancelar:active { box-shadow: 0px 0px 10px rgb(0, 100, 0, 1); } /* Verde */
.eSecaoDeNavegacaoT1 .eBotaoGravar { border: 2px solid Gray; }
.eSecaoDeNavegacaoT1 .eBotaoLimpar { border: 2px solid Gray; }
.eSecaoDeNavegacaoT1 .eBotaoVoltar { background-color: #ccebff; border: 2px solid #003d66; } /* Azul */
.eSecaoDeNavegacaoT1 .eBotaoVoltar:hover { color: White; background-color: #0099ff; } /* Azul */
.eSecaoDeNavegacaoT1 .eBotaoVoltar:active { box-shadow: 0px 0px 10px rgb(0, 61, 102, 1); } /* Azul */
.eSecaoDeNavegacaoT1 .eBotaoSimbolo { width: auto; max-width: auto; min-width: auto; padding: 0.5% 2%; }

/* +++ (2) Contentor simples para abrigar titulos a esquerda e comandos a direita. Antecede elementos TABLE */
.eSecaoDeNavegacaoT2 { display: flex; background-color: #ccffee; border-radius: 8px 8px 0px 0px; padding: 0.25%; margin-top: 0.5%; }  /* aplicavel a um contentor DIV */
.eSecaoDeNavegacaoT2 .eCampoA { width: 50%; text-align: left; font-size: 20px; font-weight: bold; }
.eSecaoDeNavegacaoT2 .eCampoB { width: 50%; text-align: right; }

/* +++ (2)Texto de abertura com instrucoes funcionais */
/*
servicospf-p2.asp
servicospj-p2.asp
*/
.eTextoInstrutivoT1 { display: flex; align-items: center; width: calc(100% - 12px); min-width: 280px; font-family: inherit; font-size: clamp(0.625rem, 0.5179rem + 0.5714vw, 0.875rem); border-radius: 0px; border: 2px solid Green; border-left: 10px solid Green; padding: 0px; margin: 0px; margin-bottom: 0.25%; cursor: help; transition-duration: 0.4s; }
.eTextoInstrutivoT1 p { text-align: justify; margin: 0.25%; }
.eTextoInstrutivoT1 .eDestaqueVisual1 { display: flex; align-items: center; width: auto; font-family: inherit; font-size: clamp(1rem, 0.8393rem + 0.8571vw, 1.375rem); border-radius: 12px; margin-right: 1%; transition-duration: 0.4s; } /* Minimum viewport width: 300px; Maximum viewport width: 1000px; Minimum font size: 16px; Maximum font size: 22px. */ /* aplicavel a um contentor DIV */
.eTextoInstrutivoT1 .eDestaqueTextual1 { font-family: inherit; font-size: inherit; font-weight: bold; color: White; background-color: Black; border-radius: 8px; padding-left: 6px; padding-right: 6px; } /* aplicavel a um contentor SPAN */
.eTextoInstrutivoT1:hover { border-radius: 12px 12px 12px 12px; color: White; background-color: Green; transition-duration: 0.4s; }
.eTextoInstrutivoT1:hover .eDestaqueVisual1 { background-color: White; transition-duration: 0.4s; }
.eTextoInstrutivoT1:hover .eDestaqueTextual1 { color: Black; background-color: White; transition-duration: 0.4s; }

/* +++ (2)Aviso de item nao encontrado */
/*
ex.: ./cadastropf/especializacoes/inicio.asp (📌 Nenhum registro encontrado.)
*/
.eItensNaoEncontrados { width: calc(99% - 2px); text-align: center; color: DarkGreen; background-color: #d3f8d3; border: 1px solid DarkGreen; border-radius: 4px; padding: 0.5%; }

/* +++ (2)Destaque para botoes +++ */
.eElementoComDestaqueT1 { width: calc(98% - 8px); min-width: 300px; text-align: center; border-radius: 12px; border: 4px solid Black; padding: 0.25%; margin: 1% auto; } /* aplicavel a um contentor DIV */
.eElementoComDestaqueT1 button { width: 40%; min-width: 200px; padding: 0.25%; margin: 1% auto; }
.eElementoComDestaqueT1 h2 { padding: 0; margin: 0; }

/* +++ (2)Contentor para 2 colunas */
.eContentorP2ColunasT1 { display: flex; justify-content: space-evenly; flex-wrap: wrap; width: 100%; max-width: 700px; border: 0; padding: 0; margin: 0 auto; }
.eContentorP2ColunasT1 input { width: calc(100% - 12px); }
.eContentorP2ColunasT1 select { width: calc(100% - 6px); }
.eContentorP2ColunasT1 textarea { width: calc(100% - 12px); }
.eContentorP2ColunasT1 label { display: inline-block; width: 100%; }
.eContentorP2ColunasT1 .eColuna { width: 49%; min-width: 300px; }

/* +++ (2)Contentor para 2 colunas */
.eContentorP2ColunasT2 { display: flex; justify-content: space-evenly; flex-wrap: wrap; width: 100%; max-width: 800px; border: 0; padding: 0; margin: 0 auto; }
.eContentorP2ColunasT2 input { width: calc(100% - 12px); }
.eContentorP2ColunasT2 select { width: calc(100% - 6px); }
.eContentorP2ColunasT2 textarea { width: calc(100% - 12px); }
.eContentorP2ColunasT2 label { display: inline-block; width: 100%; }
.eContentorP2ColunasT2 .eColuna1 { width: 98.5%; }
.eContentorP2ColunasT2 .eColuna2 { width: 49%; }
@media screen and (max-width: 600px) {
  .eContentorP2ColunasT2 .eColuna1 { min-width: 300px; width: 100%; }
  .eContentorP2ColunasT2 .eColuna2 { min-width: 300px; width: 100%; }
}

/* +++ (2)Fator de crescimento de elementos em sentido vertical, complementar ao estilo 'display: flex' */
.eContentorFlexGrowT1 { flex-grow: 1; flex-shrink: 1; flex-basis: 100px; overflow-y: auto; }

/* +++ (2)Conjunto de elementos que ocupam todo o espaco verticalmente. */
/*
Ajustar: 
1. body, html { height: 100% } 
2. quadroPrincipal => style="display: flex; flex-direction: column; height: 100%;" 
3. destinado a tabela responsiva com linha inicial fixa e demais linhas com efeito de destaque
*/
.eContentorParaTabelaT1 { flex-grow: 1; flex-shrink: 1; flex-basis: 100px; overflow-y: auto; font-family: inherit; font-size: clamp(0.625rem, 0.5179rem + 0.5714vw, 0.875rem); } /* Minimum viewport width: 300px; Maximum viewport width: 1000px; Minimum font size: 10px; Maximum font size: 14px. */
.eContentorParaTabelaT1 table { width: 100%; font-family: inherit; font-size: inherit; }
.eContentorParaTabelaT1 table tr:first-child { position: sticky; top: 0px; z-index: 1; color: White; background-color: Indigo; }
.eContentorParaTabelaT1 table tr:nth-child(n + 2):hover { background-color: Yellow; transition-duration: 0.2s; }
.eContentorParaTabelaT1 table tr:nth-child(n + 2):hover .eEtiquetaGrau2T1 { background-color: Orange; }

.eContentorParaTabelaT2 { flex-grow: 1; flex-shrink: 1; flex-basis: 100px; overflow-y: auto; font-family: inherit; font-size: clamp(0.625rem, 0.5179rem + 0.5714vw, 0.875rem); }
.eContentorParaTabelaT2 table { width: 100%; line-height: 150%; text-align: center; border-collapse: collapse; font-family: inherit; font-size: inherit; }
.eContentorParaTabelaT2 table tr:first-child { position: sticky; top: 0px; z-index: 1; color: #003d4d; background-color: #00ccff; }
.eContentorParaTabelaT2 table tr:nth-child(n + 2):hover { background-color: #ccf5ff; transition-duration: 0.2s; }

/* ******************** */
/* (3)Estilos para H2's */
/* ******************** */

/* +++ (3)Barra de navegacao simples */
.eOrientadorDeNavegacao { position: sticky; top: 0px; z-index: 2; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; background-color: #ccffee; border-radius: 0px 0px 8px 8px; margin: 0.25% 0; margin-top: 0; padding: 0.5%; }
.eOrientadorDeNavegacao a { background-color: inherit; }

.eOrientadorDeNavegacaoT2 { position: sticky; top: 0px; z-index: 2; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: White; background-color: rgb(0, 153, 255, 0.8); border-radius: 0px 0px 8px 8px; margin: 0.25% 0; margin-top: 0; padding: 0.5%; }
.eOrientadorDeNavegacaoT2 a { background-color: inherit; }

/* ************************ */
/* (5)Estilos para SELECT's */
/* ************************ */

/* +++ (5)Texto responsivo */
.eFontesResponsivasS1 { font-size: clamp(0.625rem, 0.5179rem + 0.5714vw, 0.875rem); } /* Minimum viewport width: 300px; Maximum viewport width: 1000px; Minimum font size: 10px; Maximum font size: 14px. */

/* ********************** */
/* (6)Estilos para SPAN's */
/* ********************** */

/* +++ (6)Etiquetas de destaque aplicados em assuntos, como na funcao Tramitacao */
.eEtiquetaGrau1T1 { font-weight: bold; color: White; background-color: Green; border-radius: 16px 0px 0px 16px; padding: 0px 2px 0px 6px; }
.eEtiquetaGrau2T1 { font-weight: bold; color: Black; background-color: Yellow; border-radius: 16px 0px 0px 16px; padding: 0px 2px 0px 6px; }
.eEtiquetaGrau3T1 { font-weight: bold; color: White; background-color: Red; border-radius: 16px 0px 0px 16px; padding: 0px 2px 0px 6px; }

/* ************************** */
/* (7)Estilos para FIELDSET's */
/* ************************** */

/* +++ (7)Texto responsivo na legenda com tamanho proximo ao H2 */
.eFonteEmLegendaT1 { font-size: clamp(0.75rem, 0.5357rem + 1.1429vw, 1.25rem); } /* Minimum viewport width: 300px; Maximum viewport width: 1000px; Minimum font size: 12px; Maximum font size: 20px */

/* +++ (7)Conjunto de elementos em uma pagina que representam uma funcionalidade, funcao ou servico */
/*
servicospf.asp
servicospj.asp
*/
.eBlocoDoServicoOferecidoT1 { background-color: rgb(230, 250, 255, 0.5); border-radius: 8px; transition-duration: 0.4s; } /* aplicavel a um contentor FIELDSET */
.eBlocoDoServicoOferecidoT1 legend { font-size: clamp(0.75rem, 0.5357rem + 1.1429vw, 1.25rem); background-color: inherit; border-radius: 8px 8px 0px 0px; transition-duration: 0.4s; } /* Minimum viewport width: 300px; Maximum viewport width: 1000px; Minimum font size: 12px; Maximum font size: 20px */
.eBlocoDoServicoOferecidoT1:hover { box-shadow: 0px 0px 4px 2px Black; border: 2px groove Transparent; transition-duration: 0.4s; }
.eBlocoDoServicoOferecidoT1:hover legend { background-color: rgb(230, 250, 255, 1); transition-duration: 0.4s; }

/* +++ (7)Conjunto de elementos em uma pagina que representam uma funcionalidade, funcao ou servico */
/*
servicospf.asp
servicospj.asp
*/
.eBlocoDoServicoOferecidoT2 { background-color: rgb(230, 255, 230, 0.5); border-radius: 8px; transition-duration: 0.4s; } /* aplicavel a um contentor FIELDSET */
.eBlocoDoServicoOferecidoT2 legend { font-size: clamp(0.75rem, 0.5357rem + 1.1429vw, 1.25rem); background-color: inherit; border-radius: 8px 8px 0px 0px; transition-duration: 0.4s; } /* Minimum viewport width: 300px; Maximum viewport width: 1000px; Minimum font size: 12px; Maximum font size: 20px */
.eBlocoDoServicoOferecidoT2:hover { box-shadow: 0px 0px 4px 2px Black; border: 2px groove Transparent; transition-duration: 0.4s; }
.eBlocoDoServicoOferecidoT2:hover legend { background-color: rgb(230, 255, 230, 1); transition-duration: 0.4s; }

/* +++ (7)Contentor para elementos fieldset alinhados a esquerda */
.eContentorP4BlocosPEsquerdaT1 { display: flex; justify-content: flex-start; flex-wrap: wrap; width: 100%; border: 0; padding: 0; margin: 0; }
.eContentorP4BlocosPEsquerdaT1 .eBlocoT1 { width: 23%; min-width: 200px; text-align:center; padding: 0.5%; margin: 0.5; }
.eContentorP4BlocosPEsquerdaT1 .eBlocoT1 button { width: calc(96% - 4px); padding: 1%; margin: 1%; }
.eContentorP4BlocosPEsquerdaT1 .eBlocoT1 form { border: 0; padding: 0; margin: 0; }
.eContentorP4BlocosPEsquerdaT1 .eBlocoT1 input[type="date"] { width: calc(100% - 20px); }
.eContentorP4BlocosPEsquerdaT1 .eBlocoT1 label { display: inline-block; width: calc(100% - 12px); text-align: left; }
.eContentorP4BlocosPEsquerdaT1 .eBlocoT1 legend { background-color: White; }
.eContentorP4BlocosPEsquerdaT1 .eBlocoT1:hover { box-shadow: 0px 0px 4px 2px Black; border: 2px groove Transparent; transition-duration: 0.4s; }

/* *********************** */
/* (8)Estilos para TABLE's */
/* *********************** */

/* +++ (8)Texto responsivo */
.eFontesResponsivasT1 { font-size: clamp(0.625rem, 0.5179rem + 0.5714vw, 0.875rem); } /* Minimum viewport width: 300px; Maximum viewport width: 1000px; Minimum font size: 10px; Maximum font size: 14px. */

/* +++ (8)Destaque de linha */
.eDestaqueSobreLinha:hover { background-color: Yellow; transition-duration: 0.2s; }
.eDestaqueSobreLinha:hover .eEtiquetaGrau2T1 { background-color: Orange; }

/* +++ (8)Fixar linha */
.eNomesdeCamposFixos { position: sticky; top: 0px; z-index: 1; color: White; background-color: Indigo; }

/* +++ (8)Tabela com grades */
.eTabelaComDadosA { width: 100%; line-height: 150%; border-collapse: separate; }
.eTabelaComDadosA th, 
.eTabelaComDadosA td { border-radius: 8px; border: 1px solid LightBlue; }
.eTabelaComDadosA .eDestaqueDoTotal { background-color: LightGreen; }

/* +++ (8)Tabela com duas colunas: campo adjacente ao valor */
.eTabelaCampoValorT1 { overflow-x: auto; margin: 0.5% 0 } /* aplicavel a um contentor DIV */
.eTabelaCampoValorT1 table { border-collapse: separate; margin: 0 auto; }
.eTabelaCampoValorT1 td { padding: 4px; white-space: nowrap; }
.eTabelaCampoValorT1 .eCampo { text-align: right; border-radius: 8px 0px 0px 8px; border: 2px solid Green; }
.eTabelaCampoValorT1 .eValor { text-align: left; font-weight: bold; }

/* +++ (8)Destaque para descricoes contidas em elementos TD */
.eDestaqueEmCelulaT1 { text-align: justify; border-radius: 8px; border: 1px dotted Green; padding: 4px; padding-left: 1%; } /* aplicavel a um contentor DIV */

/* ***************************************** */
/* INICIO: Estilo do Menu VERTICAL principal */
/* ***************************************** */
.eMenuInicial { width: 100%; text-align: center; border: none; padding: 0px; margin: 0px; }
.eMenuInicial button { width: 100%; max-width: 100px; min-height: 40px; border-radius: 6px; border: 2px solid White; font-size: 14px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; padding: 0px 2px; margin: 1px 1px; transition-duration: 0.4s; }
.eMenuInicial .eVerde { background-color: Green; color: White; }
.eMenuInicial .eVerde:hover { background-color: White; color: Black; border: 2px solid Green; }
.eMenuInicial .eAzul { background-color: SteelBlue; color: White; }
.eMenuInicial .eAzul:hover { background-color: White; color: Black; border: 2px solid SteelBlue; }
.eMenuInicial .eVermelho { background-color: FireBrick; color: White; }
.eMenuInicial .eVermelho:hover { background-color: White; color: Black; border: 2px solid FireBrick; }
.eMenuInicial .eCinza { background-color: LightGray; color: Blue; }
.eMenuInicial .eCinza:hover { background-color: White; color: Red; border: 2px solid DimGray; }
.eMenuInicial .ePreto { background-color: Black; color: White; }
.eMenuInicial .ePreto:hover { background-color: White; color: Black; border: 2px solid Black; }
.eMenuInicial .eAmarelo { background-color: Yellow; color: Black; }
.eMenuInicial .eAmarelo:hover { background-color: White; color: DarkRed; border: 2px solid GoldenRod; }
.eMenuInicial .eItemAtivo { background-color: White; color: Black; border: 2px solid Green; }

/* ************************************************************ */
/* SELETOR COM FILTRO: Estilo para seletores que exibem filtros */
/* ************************************************************ */
/*
./cadastropf/especializacoes/editar.asp
*/
.eSeletorComFiltroT1 { position: relative; }
.eSeletorComFiltroT1 div:first-of-type { position: absolute; width: 100%; }
.eSeletorComFiltroT1 input:first-of-type { display: none; width: calc(100% - 10px); background-color: #66FFFF; border: 0; padding: 0 4px; margin: 0 4px; }
.eSeletorComFiltroT1 label { display: inline-block; width: 100%; }
.eSeletorComFiltroT1 select { width: calc(100% - 6px); }

/* ****************************************************** */
/* PESQUISAS: Estilo para formularios de pesquisa simples */
/* ****************************************************** */
/*
servicospf.asp
servicospj.asp
*/
.eFormularioDePesquisaT1 {} /* aplicavel a um contentor FORM */
.eFormularioDePesquisaT1 label { display: inline-block; width: 15%; min-width: 150px; text-align: right; }
.eFormularioDePesquisaT1 input { width: calc(40% - 8px); min-width: 292px; }
.eFormularioDePesquisaT1 hr { width: calc(55% - 8px); min-width: 442px; border-top: 1px solid DarkGreen; margin-left: 0px; }
.eFormularioDePesquisaT1 .eCampoA { width: calc(30% - 8px); min-width: 232px; text-align: center; } /* aplicavel a um INPUT */
.eFormularioDePesquisaT1 .eCampoB { width: calc(10% - 8px); min-width: 52px; text-align: center; } /* aplicavel a um INPUT */
/* --- Ajustar elementos quando a largura for 550px ou menor --- */
@media screen and (max-width: 550px) {
  .eFormularioDePesquisaT1 label { width: 100%; text-align: left; }
  .eFormularioDePesquisaT1 input { width: calc(100% - 8px); }
  .eFormularioDePesquisaT1 hr { width: 100%; }
  .eFormularioDePesquisaT1 .eCampoA { width: 100%; }
  .eFormularioDePesquisaT1 .eCampoB { width: 50%; }
}

/* ********************************************************** */
/* FUNCAO: Estilo do Menu HORIZONTAL principal (EXPERIMENTAL) */
/* ********************************************************** */
/*
./informacoes/inicio.asp
*/
.eBarraDeNavegacaoH { width: calc(100% - 4px); font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; background-color: Teal; border-radius: 8px; border: 2px solid SeaGreen; margin: 0px auto; padding: 0px; overflow: auto; }
.eBarraDeNavegacaoH .eContentorDaGuia { float: left; border-radius: 8px; border: 1px solid Transparent; overflow: hidden; }
.eBarraDeNavegacaoH .eContentorDaGuia:hover .eNomeDaGuia { color: White; background-color: DarkGreen; }
.eBarraDeNavegacaoH .eContentorDaGuiaAtiva { border: 1px solid LightGreen; }
.eBarraDeNavegacaoH .eIconeBarras { display: none; float: left; padding-top: 8px; padding-right: 8px; cursor: pointer; }
.eBarraDeNavegacaoH .eIconeBarra1, .eIconeBarra2, .eIconeBarra3 { width: 25px; height: 4px; background-color: White; margin: 5px 0px; transition: 0.4s; }
.eBarraDeNavegacaoH .eIconeMenuMudar .eIconeBarra1 { transform: translate(0, 9px) rotate(-45deg); }
.eBarraDeNavegacaoH .eIconeMenuMudar .eIconeBarra2 { opacity: 0; }
.eBarraDeNavegacaoH .eIconeMenuMudar .eIconeBarra3 { transform: translate(0, -9px) rotate(45deg); }
.eBarraDeNavegacaoH .eItensDaGuia { display: none; position: absolute; z-index: 1; min-width: 160px; background-color: #f9f9f9; box-shadow: 0px 8px 16px 0px rgba(0,128,0,0.5); border-radius: 8px; border: none; padding: 0px; margin: 0px; }
.eBarraDeNavegacaoH .eItensDaGuia a { display: block; float: none; text-align: left; font-family: inherit; font-size: 14px; padding: 12px 16px; text-decoration: none; color: Black; border-radius: 8px; }
.eBarraDeNavegacaoH .eItensDaGuia a:hover { background-color: #ddd; }
.eBarraDeNavegacaoH .eItensDaGuia a:active { text-decoration: underline; }
.eBarraDeNavegacaoH .eItensDaGuiaAtiva { display: block; }
.eBarraDeNavegacaoH .eNomeDaGuia { line-height: 120%; font-family: inherit; font-size: inherit; font-weight: bold; color: White; outline: none; background-color: inherit; border-radius: 8px; border: 1px solid Transparent; padding: 13px; margin: 0px; cursor: pointer; }
.eBarraDeNavegacaoH .eNomeDaGuia:active { border: 1px solid LightGreen; box-shadow: 0px 0px 0px rgba(0, 0, 0, 1); Opacity: 0.8; }
/* --- Ajustar elementos quando a largura for 600px ou menor --- */
@media screen and (max-width: 600px) { 
  .eBarraDeNavegacaoH .eContentorDaGuia:not(:first-child) { display: none; }
  .eBarraDeNavegacaoH .eIconeBarras { display: block; float: right; }
  .eBarraDeNavegacaoH.eExibirItensEmTelaReduzida { position: relative; }
  .eBarraDeNavegacaoH.eExibirItensEmTelaReduzida .eIconeBarras { position: absolute; right: 0px; top: 0px; }
  .eBarraDeNavegacaoH.eExibirItensEmTelaReduzida .eContentorDaGuia { display: block; float: none; text-align: left; }
}

/* ******************************************************* */
/* FUNCAO: Estilo do Menu HORIZONTAL simples, para funcoes */
/* ******************************************************* */
/* 
./financeiro/inicio.asp
*/
.eMenuHorizontalDaFuncao { display: flex; justify-content: flex-start;  width: 100%; background-color: DarkBlue; border: none; padding: 0px; margin: 0px; overflow: auto; }
.eMenuHorizontalDaFuncao button { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: clamp(0.625rem, 0.5179rem + 0.5714vw, 0.875rem); color: White; background-color: Transparent; border-radius: 0px; border: none; padding: 0.5% 1%; }
.eMenuHorizontalDaFuncao .eItemAtivo, .eItem:hover { background-color: White; color: DarkGreen; border: none; }

/* ********************************************************** */
/* FUNCAO: Estilo personalizado da funcao AGENDA (agenda.asp) */
/* ********************************************************** */
.eFuncaoAgenda table { font-size: clamp(0.625rem, 0.5179rem + 0.5714vw, 0.875rem); }
.eFuncaoAgenda .eContadorDeOcorrencias { font-size: inherit; font-weight: bold; color: White; background-color: Blue; border-radius: 12px; padding: 4px; }
.eFuncaoAgenda .eTituloDeAtividade { display: flex; width: 99%; align-items: center; background-color: #ccffee; border-radius: 8px 8px 0px 0px; padding: 0.5%; margin-top: 0.5%; }
.eFuncaoAgenda .eTituloDeAtividade .eCampoA { width: 70%; text-align: left; font-size: 16px; font-weight: bold; color: #336667; }
.eFuncaoAgenda .eTituloDeAtividade .eCampoB { width: 30%; text-align: right; }
.eFuncaoAgenda .eTituloDeAtividade .eCampoB form { border: none; padding: 0px; margin: 0px; }
.eFuncaoAgenda .eListaDaAtividade { width: 100%; max-height: 300px; overflow-y: auto; }
.eFuncaoAgenda .eDescricaoDaDemanda { text-align: justify; border-radius: 8px; border: 1px dotted Green; padding: 0.5%; }

/* *********************************************** */
/* FUNCAO: Estilo personalizado da funcao CADASTRO */
/* *********************************************** */
/* 
'toposre.asp'
'toposrp.asp' 
*/
.eCadastroMenuHorizontal { display: flex; justify-content: flex-start;  width: 100%; background-color: #c4e3ed; border: none; padding: 0px; margin: 0px; overflow: auto; }
.eCadastroMenuHorizontal button { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: clamp(0.625rem, 0.5179rem + 0.5714vw, 0.875rem); background-color: Transparent; border-radius: 0px; border: none; padding: 0.5% 1%; }
.eCadastroMenuHorizontal .eItemAtivo, .eItem:hover { background-color: White; color: DarkGreen; border: none; }
.eCadastroPainelDeDados { width: 100%; font-family: Arial, Helvetica, sans-serif;  font-size: clamp(0.625rem, 0.5179rem + 0.5714vw, 0.875rem); border: none; padding: 0px; margin: 0px; }
.eCadastroPainelDeDados table { width: 100%; border-collapse: separate; font-size: inherit; font-family: inherit; }
.eCadastroPainelDeDados .eCampo { vertical-align: middle; text-align: right; font-size: inherit; font-family: inherit; font-weight: bold; color: SlateBlue; }
.eCadastroPainelDeDados .eValor { vertical-align: middle; text-align: center; font-size: inherit; font-family: inherit; border: 1px solid DarkGreen; border-radius: 4px; color: Black; }
/* 
./cadastropf/oficios/inicio.asp
./cadastropj/registro/complementojur.asp
./cadastropj/responsaveis/inicio.asp
./cadastropj/responsaveis/pesquisa-p1.asp
*/
.eCadastroNavegadorHorizontal div { border: none; padding: 0px; margin: 0px; }
.eCadastroNavegadorHorizontal fieldset { background-color: Azure; border: 2px groove Green; margin-top: 0.5%; }
.eCadastroNavegadorHorizontal fieldset:hover { box-shadow: 0px 0px 20px 5px Teal; transition-duration: 0.6s; }
.eCadastroNavegadorHorizontal fieldset:hover legend { color: White; background-color: Teal; transition-duration: 0.6s; }
.eCadastroNavegadorHorizontal fieldset.eLargura1 { width: calc((100% / 1) - 30px); }
.eCadastroNavegadorHorizontal fieldset.eLargura2 { width: calc((100% / 2) - 30px); }
.eCadastroNavegadorHorizontal fieldset.eLargura4 { width: calc((100% / 4) - 30px); }
.eCadastroNavegadorHorizontal form { margin-bottom: 0px; }
.eCadastroNavegadorHorizontal input { min-width: 100px; }
.eCadastroNavegadorHorizontal label { min-width: 100px; color: DarkGreen; }
.eCadastroNavegadorHorizontal legend { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 20px; color: Black; background-color: WhiteSmoke; border-radius: 8px; padding: 4px; }
.eCadastroNavegadorHorizontal .eContentorHorizontal { width: 100%; display: flex; flex-wrap: wrap; }
.eCadastroNavegadorHorizontal .eMenuDeAcoes { line-height: 200%; text-align: right; border-radius: 10px; border: 1px dotted Black; padding: 5px; margin: 10px 0px; }
.eCadastroNavegadorHorizontal .eMenuDeAcoes label { display: inline-block; width: 100%; text-align: right; }
.eCadastroNavegadorHorizontal .eListaDeAcoes { line-height: 200%; text-align: left; border-radius: 10px; border: 1px dotted Black; padding: 5px; margin: 10px 0px; }
.eCadastroNavegadorHorizontal .eListaDeAcoes label:hover { color: Black; background-color: LightGreen; border-radius: 4px; padding-right: 5%; transition-duration: 0.5s; cursor: pointer; }
/* --- Ajustar elementos quando a largura for 800px ou menor --- */
@media screen and (max-width: 800px) {
  .eCadastroNavegadorHorizontal fieldset.eLargura1  { width: calc(100% - 30px); } 
  .eCadastroNavegadorHorizontal fieldset.eLargura2  { width: calc(100% - 30px); } 
  .eCadastroNavegadorHorizontal fieldset.eLargura4  { width: calc(100% - 30px); } 
}

/* ******************************************************************* */
/* FUNCAO: Estilo personalizado da funcao OUVIDORIA (ouvidoria_pa.asp) */
/* ******************************************************************* */
.eFuncaoOuvidoria table { font-size: clamp(0.625rem, 0.5179rem + 0.5714vw, 0.875rem); }
.eFuncaoOuvidoria .eContadorDeOcorrencias { font-size: inherit; font-weight: bold; color: White; background-color: Blue; border-radius: 12px; padding: 4px; }
.eFuncaoOuvidoria .eTituloDeAtividade { display: flex; width: 99%; align-items: center; background-color: #ccffee; border-radius: 8px 8px 0px 0px; padding: 0.5%; margin-top: 0.5%; }
.eFuncaoOuvidoria .eTituloDeAtividade .eCampoA { width: 60%; text-align: left; font-size: 16px; font-weight: bold; color: #336667; }
.eFuncaoOuvidoria .eTituloDeAtividade .eCampoB { width: 40%; text-align: right; }
.eFuncaoOuvidoria .eTituloDeAtividade .eCampoB form { border: none; padding: 0px; margin: 0px; }
.eFuncaoOuvidoria .eDescricaoDoChamado { text-align: justify; border-radius: 8px; border: 1px dotted Green; padding: 0.5%; }

/* ****************************************************************************** */
/* FUNCAO: Estilo personalizado das funcoes de pareceres da Relatoria e Diretoria */
/* ****************************************************************************** */
/* 
'proc_diretprof.asp'
*/
.eFolhaDeParaceres {}
.eFolhaDeParaceres .eLinha { display: flex; flex-wrap: wrap; width:100%; } /* linha */
.eFolhaDeParaceres .eLinha div { font-family: inherit; padding: 0.5%; margin: 2px; }
.eFolhaDeParaceres .eCampo { display: flex; justify-content: flex-end; align-items: center; text-align: right; font-family: inherit; font-weight: bold; border-radius: 10px 0px 0px 10px; border: 2px solid #66ccff; color: White; background-color: #0088cc; } /* aplicavel a um elemento DIV */
.eFolhaDeParaceres .eValor { display: flex; justify-content: center; align-items: center; text-align: center; font-family: inherit; font-weight: normal; border-radius: 0px 10px 10px 0px; border: 2px solid #66ccff; color: Black; background-color: Transparent; transition-duration: 0.4s; } /* aplicavel a um elemento DIV */
.eFolhaDeParaceres .eL020 { width: calc(19% - 8px); }
.eFolhaDeParaceres .eL030 { width: calc(29% - 8px); }
.eFolhaDeParaceres .eL080 { width: calc(79% - 8px); }
.eFolhaDeParaceres .eValor:hover { box-shadow: 0px 0px 4px 2px Black; transition-duration: 0.4s; }
@media only screen and (max-width: 600px) {
  .eFolhaDeParaceres .eLinha div { border-radius: 8px;  }
  .eFolhaDeParaceres .eCampo { text-align: left; }
  .eFolhaDeParaceres .eL020 { width: 100%; min-width: 300px; }
  .eFolhaDeParaceres .eL030 { width: 100%; min-width: 300px; }
  .eFolhaDeParaceres .eL080 { width: 100%; min-width: 300px; }
}

/* ********************************************* */
/* FUNCAO: Estilo personalizado da funcao PORTAL */
/* ********************************************* */
/* 
'crefito3.org.br/dsn/login.html'
*/
.eAcessoAoPortal { width: 98%; max-width: 400px; line-height: 150%; font-family: Arial, Helvetica, sans-serif; font-size: 14px; border: 0; padding: 0; margin: 0 auto; }
.eAcessoAoPortal input { width: 100%; text-align: center; line-height: 150%; font-family: Arial, Helvetica, sans-serif; font-size: 14px; background-color: Azure; border-radius: 4px; border: 2px solid Indigo; }
.eAcessoAoPortal input:focus { box-shadow: 0px 0px 10px rgba(0, 0, 139, 1); outline: none; }
.eAcessoAoPortal button { font-family: Arial, Helvetica, sans-serif; font-size: 14px; border-radius: 4px; border: 1px solid Black; cursor: not-allowed; }
.eAcessoAoPortal button:hover { background-color: White; }
.eAcessoAoPortal button:active { box-shadow: 0px 0px 10px rgba(0, 0, 139, 1); }
.eAcessoAoPortal .eEstandarte img { width: 100%; height: auto; border-radius: 4px; }
.eAcessoAoPortal .eSecaoDeControles { width: 100%; text-align: center; margin: 1% auto; }


/* ******************************* */
/* GERAL: Animacoes (EXPERIMENTAL) */
/* ******************************* */
.eProcessamentoQ { /* prototipo, presente em: .informacoes/inicio.asp */
  width: 120px; 
  height: 120px; 
  border-radius: 50%; 
  border: 20px solid GhostWhite; 
  border-top: 20px solid SteelBlue; 
  margin: 1% auto; 
  animation: spin 2s linear infinite; 
  -webkit-animation: spin 2s linear infinite; /* Safari */ }
@keyframes spin { 
  0% { transform: rotate(0deg); } 
  100% { transform: rotate(360deg); } 
}
@-webkit-keyframes spin {  /* Safari */
  0% { -webkit-transform: rotate(0deg); } 
  100% { -webkit-transform: rotate(360deg); }
}

/* ************************************************************************************ */
/*                           ESTILOS OBSOLETOS EM REVISAO                               */
/* ************************************************************************************ */

.eSinalDeProcessamento { /* OBSOLETO */
  width: 120px; 
  height: 120px; 
  border-radius: 50%; 
  border: 20px solid GhostWhite; 
  border-top: 20px solid SteelBlue; 
  margin: 1% auto; 
  animation: spin 2s linear infinite; 
  -webkit-animation: spin 2s linear infinite; /* Safari */ }
@keyframes spin { 
  0% { transform: rotate(0deg); } 
  100% { transform: rotate(360deg); } 
}
@-webkit-keyframes spin {  /* Safari */
  0% { -webkit-transform: rotate(0deg); } 
  100% { -webkit-transform: rotate(360deg); }
}

/* Botao de Acesso Principal */
.eBtAcPrin { 
min-width: 80px; 
min-height: 20px; 
text-align: center; 
color: Black; 
background-color: Azure; 
border-radius: 6px; 
border: 1px solid LightBlue; 
padding: 2px; 
margin: 2px; 
cursor: pointer; 
} 
.eBtAcPrin:hover { 
border: 1px solid DarkBlue; 
} 
.eBtAcPrin:active { 
background-color: LightBlue; 
border: 1px solid Indigo; 
} 

/* Input de Acesso Principal */
.eInAcPrin { 
color: Black; 
background-color: White; 
border-radius: 4px; 
border: 1px solid Indigo; 
margin: 1px 1px; 
cursor: pointer; 
} 
.eInAcPrin:hover { 
background-color: AliceBlue;
}

/* Botao de 'Agenda' */
.eBtAgenda { border: none; border-radius: 5px; color: Black; background-color: LightGray; padding: 3px 10px; margin: 2px; text-align: center; text-decoration: none; display: inline-block; font-size: 11px; font-family: Verdana; cursor: pointer; opacity: 0.8; }
.eBtAgenda:hover { opacity: 1.0; } 
.eBtAgenda:active { box-shadow: 0px 0px 0px 2px LightSkyBlue; background-color: SlateGray; color: White; } 

/* Inserir */
.eBtAgendaInse { border: 1px solid red; padding: 3px 0; width: 65px; }

/* Remover */
.eBtAgendaRemo { border: 1px solid Blue; padding: 3px 0; width: 65px; }

/* Voltar */
.eBtAgendaVolt { border: 1px solid Gray; }

/* Pesquisar */
.eBtAgendaPesq { border: 1px solid Black; }

/* Complemento do estilo eBtAgenda (fundo azul de botao AGUARDE) */
.eBtCarg:focus { background-color: Blue; border: 1px solid CornflowerBlue; color: White; }

/* Pode ser usando para transformar elementos, como um DIV - simboliza um temporizador */
.eCargPequ { 
  border: 2px solid #f3f3f3;
  border-radius: 50%; /* torna o elemento em um circulo */
  border-top: 2px solid Blue;
  border-bottom: 2px solid Blue;
  width: 9px;
  height: 9px;
  -webkit-animation: spin 1s linear infinite; /* Safari */
  animation: spin 1s linear infinite;
  text-align: center;
  vertical-align: middle;
  display:inline-block;
  margin: auto;
  padding: 1px 1px;
}
/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.eBtAcao {
  border: 2px solid Blue;
  border-radius: 50px;
  color: Black;
  background-color: LightBlue;
  padding: 0px 0px; /* margem interna: superior/inferior - laterais */
  margin: 1px 1px;  /* margem externa: superior/inferior - laterais */
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  font-family: Arial;
  width: 25px;
  height: 25px;
  cursor: pointer;
  opacity: 0.6;
}

.eBtAcao:hover { opacity: 1; }

.eBtAcao:active {
  box-shadow: 0px 0px 0px 2px LightSkyBlue;
  background-color: SlateGray;
  color: White;
}

.eBtLink {
	border: 1px solid Gray;
    border-radius: 5px;
    color: DarkBlue;
    background-color: GhostWhite;
    padding: auto; /* Altura e Largura - px px */
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 11px;
    font-family: Verdana;
    margin: 2px 2px;
    cursor: pointer;
    opacity: 0.7;
}

.eBtLink:hover {
	border: 1px solid Blue;
    opacity: 1.0;
}

.eInAgenda { /* ************************************************** Geral */
  padding: 1px 1px;  /* margem interna: superior/inferior - laterais */
  margin: 1px 1px;  /* margem externa: superior/inferior - laterais */
  display: inline-block;
  border: 2px solid gray;
  border-radius: 4px;
  box-sizing: border-box;
  vertical-align: middle;
  text-align: left;
  font-size: 12px;
  font-family: Verdana;
}

/* ********************************************************************* */
/* Definicao de elementos que apresentam alertas                         */
/* ********************************************************************* */

.eDemaVazi { /* Mensagem de Demanda Vazia, para buscas que nao retornam demandas ao usuario */
  width: 95%;
  vertical-align: middle;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  color: DarkGreen;
  font-size: 12px;
  font-family: Verdana,sans-serif,Tahoma;
  font-weight: bold;
  border-radius: 4px;
  border: 1px dotted DarkGreen;
  background-color: LightGreen;
}

/* ********************************************************************* */
/* Definicao de apresentacao para celulas metadados e celulas com dados  */
/* ********************************************************************* */

.eTbTD-FolhDestTitu {
  border:1px solid LightBlue;
  width: 100%;
  vertical-align:middle;
  text-align:center;
  background-color: Lavender;
  font-size: 18px;
  font-family: Verdana;
  font-weight: normal;
  color: Black;
}

.eTbTD-FolhDestVert { /* ********************** titulo lateral RELATORIA */
  border:1px solid DarkBlue;
  width: 20%;
  vertical-align:middle;
  text-align:right;
  background-color: CornflowerBlue;
  font-size: 14px;
  font-family: Arial;
  font-weight: bold;
  color: White;
}

.eTbTD-CeluInfo { /* **************************** metadados em RELATORIA */
  vertical-align: middle;
  text-align: right;
  font-size: 12px;
  font-family: Verdana;
  font-weight: bold;
  color: SlateBlue;
}

.eTbTD-CeluDado { /* ******************************** dados em RELATORIA */
  border: 1px solid GoldenRod;
  border-radius: 4px;
  vertical-align: middle;
  text-align: center;
  font-size: 12px;
  font-family: Verdana;
  font-weight: normal;
  color: Indigo;
}

.eTbTD-CeluInfoCada { /* ************************* metadados em CHAMADOS */
  vertical-align: middle;
  text-align: right;
  font-size: 12px;
  font-family: Verdana,Tahoma,sans-serif;
  font-weight: bold;
  color: Black;
}

.eTbTD-CeluDadoCada { /* ***************************** dados em CHAMADOS */
  vertical-align: middle;
  text-align: center;
  font-size: 12px;
  font-family: Verdana,Tahoma,sans-serif;
  font-weight: normal;
  color: DarkBlue;
  background-color: Lavender;
  border: none;
  border-radius: 4px;
}

.eTituCada { /* ************************************ titulo em CADASTROS */
  vertical-align: middle;
  text-align: right;
  font-size: 12px;
  font-family: Verdana,Tahoma,sans-serif;
  font-weight: normal;
  color: DarkBlue;
  background-color: Azure;
  border: 1px solid CornflowerBlue;
  padding-top: 10px;
  padding-bottom: 10px;
}

.eMetaCada { /* ********************************* metadados em CADASTROS */
  vertical-align: middle;
  text-align: right;
  font-size: 12px;
  font-family: Verdana,Tahoma,sans-serif;
  font-weight: bold;
  color: Black;
}

.eDadoCada { /* ************************************* dados em CADASTROS */
  vertical-align: middle;
  text-align: center;
  font-size: 12px;
  font-family: Verdana,Tahoma,sans-serif;
  font-weight: normal;
  color: Black;
  background-color: Lavender;
  border: none;
  border-radius: 4px;
}

.eTbTD-12InfoAtencao { /* ********* destaque de ATENCAO na aba FINANCEIRO */
  width: 15%;
  vertical-align:middle;
  text-align:center;
  background-color: DarkOrange; /* Fora do CSS o parametro e BGCOLOR */
  border-radius: 10px;
  font-size: 12px;
  font-family: Verdana;
  font-weight: bold;
  color: Blue;
}

.eTbTD-12InfoVerm { /* Celula que destaca informacao em algumas paginas */
  vertical-align:middle;
  text-align:center;
  background-color: AliceBlue; /* Fora do CSS o parametro e BGCOLOR */
  border-radius: 10px;
  font-size: 12px;
  font-family: Verdana;
  font-weight: bold;
  color: Red;
}

.eTbTD-12InfoAzul { /* Celula que destaca informacao em algumas paginas */
  border-radius: 10px;
  vertical-align: middle;
  text-align:center;
  background-color: AliceBlue; /* Fora do CSS o parametro e BGCOLOR */
  font-size: 12px;
  font-family: Verdana;
  font-weight: bold;
  color: Blue;
}

.eTbIN-11DestAzul { /* Input que destaca informacao na geracao de linhas em tabelas */
  border: none;
  border-radius: 10px;
  padding: 0px 0px; /* margem interna: superior/inferior - laterais */
  margin: 1px 1px;  /* margem externa: superior/inferior - laterais */
  vertical-align: middle;
  text-align:center;
  background-color: AliceBlue;
  font-size: 12px;
  font-family: Verdana;
  font-weight: normal;
  color: Indigo;
}

.eTbIN-11DestNeut { /* Input que destaca informacao na geracao de linhas em tabelas */
  border-radius: 10px;
  padding: 0px 0px; /* margem interna: superior/inferior - laterais */
  margin: 1px 1px;  /* margem externa: superior/inferior - laterais */
  vertical-align: middle;
  text-align:center;
  background-color: White;
  font-size: 12px;
  font-family: Verdana;
  font-weight: normal;
  color: Black;
}

/* ********************************************************************* */
/* Definicao do menu horizontal para certas páginas com funcoes          */
/* Cadstro PF, Cadastro PJ, Financeiro                                   */
/* ********************************************************************* */

.eDvContentorMenuHorizontal {
  width: 100%;
  line-height:;
  text-align: center;
  background-color: DarkBlue;
  padding: 5px; 
  white-space: nowrap;
  overflow: auto;
}

.eBtMenuHorizontal {
  width: 100px; 
  height: 32px; 
  vertical-align: middle; 
  text-align: center; 
  font-size: 12px; 
  font-family: Verdana,sans-serif,Tahoma; 
  color: White; 
  background-color: DarkBlue; 
  border-radius: 4px; 
  border: 1px solid White; 
  padding: 0px; 
  white-space: normal; 
}

.eBtMenuHorizontal:hover {
  color: DarkBlue; 
  background-color: White; 
}

.eBtMenuHorizontal:active { 
  background-color: AliceBlue; 
  border: 2px solid LightSkyBlue; 
}