<!-- Folha de estilos das páginas do Forponto -->


.fundopagina { 
background-color: #ffffff;
}

A.menuesquerdo:link { 
color: #ffffff ;
text-decoration: none;
}

A.menuesquerdo:visited { 
color: #ffffff ; 
text-decoration: none;
}

A.menuesquerdo:hover { 
color: #99ccff; 
text-decoration: none;
}

A.menuesquerdo:active { 
color: #99ccff;
text-decoration: none;
}

.fundobarraesquerda { 
background-color: #006699;
}

.fundobotoesesquerdos { 
background-color: #333366;
}

.corfonteesquerda
 { 
color: #ffffff; 
}


<!-- menu superior -->
A.menusuperior:link { 
color: #ffffff ;
text-decoration: none;
}

A.menusuperior:visited { 
color: #ffffff ; 
text-decoration: none;
}

A.menusuperior:hover { 
color: #99ccff; 
text-decoration: none;
}

A.menusuperior:active { 
color: #99ccff;
 text-decoration: none;
}

.fundobarratopo { 
background-color: #006699;
}

.fundolistas { 
background-color: #006699;
}

.fiotopo { 
background-color: #333366;
}

.fiotitulopagina { 
background-color: #333366;
}

.fioform { 
background-color: #333366;
}

.fundoform { 
background-color: #eaeaea;
}

.fundobarraokform { 
background-color: #006699;
}

.corfonteform { 
color: #333366;
}

.fontefuncionario { 
color: #333366;
}

.corfundodatahora { 
background-color: #eaeaea;
}

.fiotabelaponto { 
background-color: #333366;
}

.fundotabelaframe { 
background-color: #eaeaea;
}

.fundotopotabelaframe { 
background-color: #006699;
}

<!-- fonte do menu superior -->
.fontemenusuperior { 
font-size: 65%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #ffffff; 
}

<!-- fonte do título do texto explicativo da barra à esquerda -->
.fontetitulobarraesquerda { 
font-size: 55%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}

<!-- fonte correspondente ao título do texto explicativo da barra à esquerda mas não usado em href -->
.fontetitbaresqsemhref { 
font-size: 55%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #ffffff;
}

<!-- fonte explicativa da barra à esquerda -->
.fonteesquerda
 { 
color: #ffffff; 
font-size: 70%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: medium;
}

<!-- fonte do título da página -->
.fontetitulopagina
{ 
color: #333366; 
font-size: 80%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}

<!-- fonte dos avisos -->
.fonteavisos
{ 
color: #333366; 
font-size: 80%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}

<!-- fonte dos títulos dos avisos -->
.fontetituloavisos
{ 
color: #ffffff; 
font-size: 80%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}

<!-- fonte da lista de colaboradores - não abonados -->
.fontelistanaoabonados{ 
color: #333366;
font-size: 70%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}

<!-- fonte da lista de colaboradores - abonados -->
.fontelistaabonados{ 
color: gray;
font-size: 70%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}

<!-- fonte dos campos de formulário -->
.fonteform 
{ 
color: #333366;
font-size: 80%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}

<!-- fonte dos campos de formulário -->
.fonteformdesabilitados
{ 
color: gray;
font-size: 80%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}


<!-- fonte dos campos de formulário na linha do botão ok -->
.fonteformbtbok 
{ 
color: #ffffff;
font-size: 80%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}

<!-- fonte dos campos de titulo de entrada de dados -->
.fontetopotabelaframeentdados { 
font-size: 70%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #ffffff;
}

<!-- fonte do nome do funcionário -->
.fontefuncionario{ 
font-size: 80%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #333366;
}

<!-- fonte dos campos de entrada de dados - frames  -->
.fontetabelaframeentdados { 
font-size: 70%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #333366;
}

<!-- fonte dos títulos da página das páginas com menu -->
.fontetituloperiodo { 
font-size: 66%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #333366;
}

<!-- fonte dos títulos da tabela de ponto e tabelas afins -->
.fontetopotabelaponto { 
font-size: 70%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #ffffff;
}

<!-- fonte das céludas de data da tabela de ponto e tabelas afins -->
.fontetabptodata { 
font-size: 70%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #000000;
}

<!-- fonte das céludas de marcação da tabela de ponto e tabelas afins -->
.fontetabptomarc{ 
font-size: 70%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
color: #000000;
}

<!-- fonte das céludas de dados da tabela de ponto e tabelas afins -->
.fontetabptodados{ 
font-size: 70%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
color: #000000;
}

<!-- fonte do texto do Efetua Marcações -->
.fonteefetuamarcacoes { 
font-size: 70%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
color: #333366;
}

<!-- fonte das céludas de data da tabela de ponto e tabelas afins -->
.fontetabptohorarioprof { 
font-size: 70%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
color: #000000;
}

<!-- fonte utilizada para aviso da versão demonstração -->
.fonteversaodemo { 
font-size: 55%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #ffffff; 
}

<!-- célula que contém o logotipo do produto -->
.celulalogo{ 
line-height:71px;
line-width:150px;
vertical-align: top;
}

<!-- célula do título da página -->
.celulatitulopagina { 
background-color: #ffffff;
text-align: center;
}

<!-- célula de avisos  -->
.celulaavisos { 
background-color: #ffffff;
text-align: left;
}

<!-- célula do nome do funcionário -->
.celulafuncionario {
background-color: #ffffff;
text-align: center;
}

<!-- célula dos períodos -->
.celulaperiodo {
text-align: left;
}

<!-- célula dos saldo do banco de horas -->
.celulabanco {
text-align: right;
}

<!-- céludas de data e marcacao da tabela de ponto e tabelas afins -->
.celulatabptomarc { 
background-color: #eaeaea;
text-align: left;
}

<!-- céludas de dados da tabela de ponto e tabelas afins -->
.celulatabptodados { 
background-color: #ffffff;
text-align: left;
}

<!-- célula dos títulos da tabela de ponto e tabelas afins -->
.fundotopotabelaponto { 
background-color: #006699;
}

<!-- table transparente - somente para formatação e onde há necessidade de definir cores -->
.tabletransparente { 
background-color: #ffffff;
}

<!-- fundo dos frames de entrada de dados -->
.fundoframeentdados { 
background-color: #eaeaea;
}

<!-- borda dos frames de entrada de dados -->
.fiotabelaframeentdados { 
background-color: #333366;
}

<!-- borda tabela dos campos dos frames de entrada de dados -->
.tablecamposentdados {
background-color: #ffffff;
}

<!-- table onde consta o nome do funcionário -->
.tablefuncionario{ 
background-color: #ffffff;
color: #333366;
}

<!-- relógio de marcação -->
.relogiomarcacao {
 background-color:#eaeaea;
 font-size:50;
}
<!-- data do relógio marcação -->
.datamarcacao{
background-color:#eaeaea;
font-size:20;
text-align:center;
}
<!-- horas lançadas Forponto em horário de professores -->
.cargahoraria{
background-color:#eaeaea;
font-color:#333366;
font-weight: bold;
text-align:right;
}