﻿
body {
	margin:0px;
	background-image:url(../Imagens/bg-ponto.jpg);
	/*background-position:50% -250px;*/
	background-attachment:fixed;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
}

.back-bg-publicidade {
	margin:0px;
	background-image:url(../Imagens/bg-ponto-publicidade.jpg);
	/*background-position:50% -250px;*/
	background-attachment:fixed;
	background-size:cover;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;

}

* {outline:none;}

p {margin-bottom:5px; margin-top:0px; padding:0px;}

a, a img {-webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out;	-o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;}

.tooltip
{
	position: absolute;
	display: none;
	background: transparent url(../Imagens/bg-tooltip.png);
	font-size: 11px;
	height: 36px;
	width: 73px;
	margin-top: 3px;
	right:15px;
	padding: 0px 0px 0px 0px;
	color: #09324f;
	font-family: Arial;
	font-weight: bold;
	background-repeat: no-repeat;
	text-align: center;
	z-index: 0;
	text-transform: uppercase;
	line-height: 11px;
}


a img {
	border:none;
}

#container {
	position: fixed;
    width: 500px;
    height: 595px;
    margin-left: 50%;
    left: -250px;
    top: 50%;
    margin-top: -298px;
	
		
}

#container-relogio {
	position:relative;
	/*background-image: url(../Imagens/bg-container-relogio.png);*/
	width:289px;
	height:94px;
	margin:0 auto;
	margin-top:5px;
}

/* IÍCIO DE BASE PARA AS FOTOS */

#foto {
	position:relative;
	width:90px;
	height:113px;
	margin:0 auto;
	padding:6px 0px 0px 6px;
/*	margin-top:32px;*/
	background-image:url(../Imagens/bg-foto.png);
}

#digital {
	position:relative;
	width:90px;
	height:113px;
	margin:0 auto;
	padding:6px 0px 0px 6px;
	/*margin-top:32px;*/
	background-image:url(../Imagens/bg-foto.png);
}

#usuario-nao-encontrado {
	position:relative;
	width:90px;
	height:113px;
	margin:0 auto;
	padding:6px 0px 0px 6px;
	/*margin-top:32px;*/
	background-image:url(../Imagens/bg-foto.png);
}

#digitalBaixaQualidade {
	position:relative;
	width:90px;
	height:113px;
	margin:0 auto;
	padding:6px 0px 0px 6px;
	/*margin-top:32px;*/
	background-image:url(../Imagens/bg-foto.png);
}

#textDigitalBaixaQualidade {
	position:relative; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#da9a00; text-align:center; margin-top:42px; !important; text-transform:uppercase; background-color:#000509; border:solid 1px #072131; padding-top:6px; padding-bottom:6px; padding-left:6px; padding-right:6px; width:80%; margin-left:23px;}

/* IÍCIO DE BASE PARA AS FOTOS */



#bg-infos-ponto {
	position:relative;
	width:293px;

	/*background-image:url(../Imagens/bg-infos-variavel.png);
	background-position:center bottom;
    background-color: rgba(0,54,91,0.75);*/
	background-image:url(../Imagens/bg-relogio-1.png) !Important;
	margin:0 auto;
	padding-top:0px;
}

#bg-infos-ponto-top {
	position:relative;
	width:293px;
	margin:0 auto;
	/*background-color: rgba(0,54,91,0.75);*/
	background-image:url(../Imagens/bg-relogio-1.png) !Important;
	height:36px;
	-webkit-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;

	
}

#bg-infos-ponto-bottom {
	position:relative;
	width:293px;
	margin:0 auto;
	/*background-color: rgba(0,54,91,0.75);*/
	background-image:url(../Imagens/bg-relogio-1.png) !Important;
	height:36px;
	-webkit-border-radius: 0 0 8px 8px;
border-radius: 0 0 8px 8px;
	
}


#bg-horas {
	position:relative;
	width:73px;
	height:94px;
	background-image:url(../Imagens/bg-hora.png);
	float:left;
	
}

#bg-minutos {
	position:relative;
	width:73px;
	height:94px;
	background-image:url(../Imagens/bg-minuto.png);
	float:left;
	
}

#bg-segundos {
	position:relative;
	width:73px;
	height:94px;
	background-image:url(../Imagens/bg-segundo.png);
	float:left;
	
}


.pontos-relogio {
	position:relative;
	float:left;
	margin:0px 11px 0px 11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:36px;
	color:#fff;
	top:35px;
	
}

#marcas {
	position:relative;
	width:289px;
	height:79px;
	margin:0 auto;
	margin-top:5px;
}

#centraliza {
	position:relative; width:940px; margin:0 auto; margin-top:30px
}

#container-nivel-acesso {
	position:relative;
	width:940px;
	height:39px;
}

#top-inter {
	position:relative;
	margin:0 auto;
	margin-top:55px; 
	width:940px;
	height:120px;
}

#bg-nivel-acesso {
	position:relative; 
	background-image:url(../Imagens/bar-nivel-acesso2.png);
	background-repeat:repeat; 
	float:left; 
	width:735px;
	height:30px;
	padding:9px 0px 0px 0px;
	color:#5a94ba;
	font-size:16px; 
	text-transform:uppercase;
}

#container-interno {
	position:relative; 
	width:940px;  
	margin:0 auto; 
	background-image:url(../Imagens/bg-content.png);
	background-repeat:repeat; 
	margin-top:10px; 
	padding-top:35px;

	
}


#conteudo {
	position:relative;
	width:880px; 
	margin:0 auto; 
	top:0px;
}

#nivel-acesso {
	position:relative;
	float:left;
	width:205px;
}

#container-esquerda {
	position:relative; 
	width:596px; 
	float:left;
}
#containerBiometriaPopup {
	position:relative; 
	width:596px; 
	margin:0 auto;

}

#marcas-inter {
	position:relative;
	width:940px;
	height:79px;
	margin:0 auto;
	margin-top:10px;
	background-image:url(../Imagens/bg-content.png);
	background-repeat:repeat;
	text-align:right;
	margin-bottom:25px;
}
.numeros-relogio {
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size:34px;
	font-weight:bold;
	color:#fff;
	width:40px;
	height:34;
	margin:38px 0px 0px 18px;
}


#background-interno {
	

	height:300px;
	width:100%;
	background-image:url(../Imagens/bg-inter.png);
	background-repeat:repeat-x;
	position:absolute;
	z-index:-1;
	top:175px;
}

	
.container-menus-internos {
	position:relative; 
	width:880px; 
	margin:0 auto; 
	height:300px;
	top:0px;
}

#titulos {
	
	width:542px; 
	height:26px;
	border:solid 1px #063c63;
	color:#0b619e; 
	font-family:'dinregular', Arial, Helvetica, sans-serif; 
	background-image:url(../Imagens/bg-titulos.png);
	background-position:11px 8px;
	background-repeat:no-repeat;
	font-size:17px;
	padding:9px 0px 0px 40px;
	margin:0px 0px 30px 0px;
	text-transform:uppercase;
}

.titulos {
	
	width:547px; 
	height:26px;
	border:solid 1px #063c63;
	color:#0b619e; 
	font-family:'dinregular', Arial, Helvetica, sans-serif; 
	background-image:url(../Imagens/bg-titulos.png);
	background-position:11px 8px;
	background-repeat:no-repeat;
	font-size:17px;
	padding:9px 0px 0px 40px;
	margin:0px 0px 30px 0px;
	text-transform:uppercase;
}

.titulosGrande {
	
	position:relative;
	width:835px; 
	height:26px;
	border:solid 1px #04558f;
	color:#0b619e; 
	font-family:'dinregular', Arial, Helvetica, sans-serif; 
	background-image:url(../Imagens/bg-titulos.png);
	background-position:11px 8px;
	background-repeat:no-repeat;
	font-size:17px;
	padding:9px 0px 0px 40px;
	margin:0px 0px 30px 0px;
	text-transform:uppercase;
	margin-top:30px;
}

.titulosSecundarios {
	
	width:293px; 
	height:26px;
	border:solid 1px #04558f;
	color:#0b619e; 
	font-family:'dinregular', Arial, Helvetica, sans-serif; 
	background-image:url(../Imagens/bg-titulos.png);
	background-position:11px 8px;
	background-repeat:no-repeat;
	font-size:17px;
	padding:9px 0px 0px 40px;
	margin:30px 0px 30px 0px;
	text-transform:uppercase
	
}

#titulos2 {
	width:400px; 
	height:22px;
	border:solid 1px #04558f;
	color:#295d7f; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:13px;
	padding:9px 0px 0px 10px;
	margin:0px 0px 10px 0px;
	font-weight:bold;
}

#titulosTabelas {
	position:relative;
	width:578px; 
	height:26px;
	border:solid 1px #04558f;
	color:#295d7f; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:17px;
	padding:9px 0px 0px 10px;
	margin:0px 0px 20px 0px;
}

	

.menu
{
	padding:9px 16px 0px 0px;
	position:relative;
	text-decoration:none;
	color:#aec4d3;
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	clear:both;
	margin-left:0px;	
}
	
.menu ul{
	margin-left:0px;
}
	
.menu li
{	
	position:relative;
	float:left;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:5px;
	margin-right:5px;
	cursor:pointer;
}

.menu li a {
	position:relative;
	padding:9px 12px 9px 25px;
	background:url(../Imagens/img-links.png);
	background-position:left center;
	text-decoration:none;
	color:#fff;
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	cursor:pointer;
	}
	
	
.menu li a:hover {
	background:url(../Imagens/img-links2.png);
	background-position:left center;
	}

.menuCadastro
{

	width:580px;
	padding:9px 16px 0px 0px;
	position:relative;
	text-decoration:none;
	color:#aec4d3;
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	float:left;
	margin-left:0px;		
}
	
.menuCadastro ul{
	float:left;
	margin-left:0px;
}
	
.menuCadastro li
{	
	position:relative;
	float:left;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:5px;
	margin-right:5px;
	cursor:pointer;
}

.menuCadastro li a {
	position:relative;
	float:left;
	padding:9px 16px 9px 25px;
	background:url(../Imagens/img-links.png);
	text-decoration:none;
	color:#fff;
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	cursor:pointer;
	}
	
	
.menuCadastro li a:hover {
	background:url(../Imagens/img-links2.png);
	background-position:left center;
	}

.botao-lateral {
	position:relative; 
	width:208px; 
	padding:0px 0px 0px 0px;
	margin-bottom:0px;
	position:relative;
	float:right;
}

.botao-lateral a {
	position:relative; 
	width:191px; 
	height:45px; 
	border:solid 1px #064a7c; 
	padding:21px 0px 0px 17px;
	margin-bottom:14px;
	opacity:0.80;
    -moz-opacity: 0.80;
   	filter: alpha(opacity=80);
	float:right;
}

.botao-lateral a:hover {
	
	opacity:0.90;
    -moz-opacity: 0.90;
   	filter: alpha(opacity=90);
	width:191px;	
	background-color:#000000;
	float:right;
}


/* ------------------- Form ----------------------- */

.rotulo
{
	font-size: 11px;
	color: #358ed8;
	padding: 0px 5px 0px 5px;
	padding-left: 8px;
	width:90px;
	margin-right: 5px;
	display:inline-block;
	font-family: 'dinregular';
	text-transform:uppercase;
}

.rotuloUsuario
{
	font-size: 11px;
	color: #358ed8;
	padding: 0px 5px 0px 5px;
	padding-left: 8px;
	width:140px;
	margin-right: 5px;
	display:inline-block;
	font-family: 'dinregular';
	text-transform:uppercase;
}

.campoForm {
	height:22px;
	width:213px;
	border:solid 1px #064a7c;
	opacity:0.70;
    -moz-opacity: 0.70;
   	filter: alpha(opacity=70);
	background-color:#000000;
	color:#30a2ff;
	vertical-align:middle;
	padding:4px 4px 4px 4px;
	font-size:12px;
}

.campoForm:hover {
	border:solid 1px #10609a;
	opacity:0.90;
    -moz-opacity: 0.90;
   	filter: alpha(opacity=90);
	background-color:#000000;
	vertical-align:middle;
	padding:4px 4px 4px 4px;
	font-size:12px;
}


.campoForm:focus{

	border:solid 1px #10609a;
	opacity:0.90;
    -moz-opacity: 0.90;
   	filter: alpha(opacity=90);
	background-color:#000000;
	vertical-align:middle;
	padding:4px 4px 4px 4px;
	font-size:12px;

	
}

.campoFormPeq{
	height:22px;
	width:100px !important;
	border:solid 1px #064a7c;
	opacity:0.70;
    -moz-opacity: 0.70;
   	filter: alpha(opacity=70);
	background-color:#000000;
	color:#30a2ff;
	vertical-align:middle;
	padding:4px 4px 4px 4px;
	font-size:12px;
}


.campoFormPeq:hover{

	border:solid 1px #10609a;
	opacity:0.90;
    -moz-opacity: 0.90;
   	filter: alpha(opacity=90);
	background-color:#000000;
	vertical-align:middle;
	padding:4px 4px 4px 4px;
	font-size:12px;
}

.campoFormPeq:focus{

	border:solid 1px #10609a;
	opacity:0.90;
    -moz-opacity: 0.90;
   	filter: alpha(opacity=90);
	background-color:#000000;
	vertical-align:middle;
	padding:4px 4px 4px 4px;
	font-size:12px;
}

.campoFormMenor{
	height:33px;
	width:60px;
	border:solid 1px #064a7c;
	opacity:0.70;
    -moz-opacity: 0.70;
   	filter: alpha(opacity=70);
	background-color:#000000;
	color:#30a2ff;
	vertical-align:middle;
	padding:4px 4px 4px 4px;
	font-size:12px;
}

.campoFormMenor:hover{

	border:solid 1px #10609a;
	opacity:0.70;
    -moz-opacity: 0.90;
   	filter: alpha(opacity=90);
	background-color:#000000;
	vertical-align:middle;
	padding:4px 4px 4px 4px;
	font-size:12px;
}

.campoFormMenor:focus{

	border:solid 1px #10609a;
	opacity:0.70;
    -moz-opacity: 0.90;
   	filter: alpha(opacity=90);
	background-color:#000000;
	vertical-align:middle;
	padding:4px 4px 4px 4px;
	font-size:12px;
}

.campoFormMaior{
	height:22px;
	width:290px;
	border:solid 1px #064a7c;
	opacity:0.70;
    -moz-opacity: 0.70;
   	filter: alpha(opacity=70);
	background-color:#000000;
	color:#30a2ff;
	vertical-align:middle;
	padding:4px 4px 4px 4px;
	font-size:12px;
}

.campoForm100{
	height:22px;
	width:100%;
	border:solid 1px #064a7c;
	opacity:0.70;
    -moz-opacity: 0.70;
   	filter: alpha(opacity=70);
	background-color:#000000;
	color:#30a2ff;
	vertical-align:middle;
	padding:4px 4px 4px 4px;
	font-size:12px;
}


.campoForm100:hover{

	border:solid 1px #10609a;
	opacity:0.90;
    -moz-opacity: 0.90;
   	filter: alpha(opacity=90);
	background-color:#000000;
	vertical-align:middle;
	padding:4px 4px 4px 4px;
	font-size:12px;
}

.campoForm100:focus{

	border:solid 1px #10609a;
	opacity:0.90;
    -moz-opacity: 0.90;
   	filter: alpha(opacity=90);
	background-color:#000000;
	vertical-align:middle;
	padding:4px 4px 4px 4px;
	font-size:12px;
}




.btn-form {
	
	opacity:0.80;
    -moz-opacity: 0.80;
   	filter: alpha(opacity=80);
	-webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out;	-o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;
}

.btn-form:hover {
	
	opacity:1;
    -moz-opacity: 1;
   	filter: alpha(opacity=100);
}

.btnAdd {position:relative; width:31px; height:30px; background-image:url(../Imagens/btn-add-ext1.png); display:inline-block;}
.btnAdd:hover {background-image:url(../Imagens/btn-add-ext2.png);}

#textFuncionarioNaoEncontrado {
	position:relative; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#a00000; text-align:center; margin-top:42px; text-transform:uppercase;  background-color:#000509; border:solid 1px #072131; padding-top:6px; padding-bottom:6px; padding-left:6px; padding-right:6px; width:80%; margin-left:23px;
}

#tituloControlePonto {position:relative; margin-bottom:15px;}

#nomeFuncionarioPonto {position:relative; margin-top:20px; text-align:center;}

.labelNomeFuncionario { color:#ffffff; font-size:18px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align:center;}

#instrucaoUsoPolegar { position:relative; font-family:Arial, Helvetica, sans-serif; font-size:17px; color:#fff; text-align:center; margin-top:35px; text-transform:uppercase; }

#hiddenApplet {visibility:hidden; position:absolute; width:150px; height:150px; margin:0; }

#situacaoAcessoPonto { position:relative;  width:230px; background-color:#000509; border:solid 1px #072131; margin:0 auto; margin-top:20px; text-align:center; padding-top:6px; padding-bottom:6px; padding-left:6px; padding-right:6px; }














/* ************************** Estilos Novos Formulário *************************** */


input {-webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;}

/*
input[type='button']
{
    position:relative;
	float:left;
	padding:9px 16px 9px 25px;
	background:url(../Imagens/img-links.png);
	text-decoration:none;
	color:#fff;
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	cursor:pointer;
	margin:10px 3px 0 0;
}

input[type='button']:hover
{
    position:relative;
	float:left;
	padding:9px 16px 9px 25px;
	background:url(../Imagens/img-links.png);
	text-decoration:none;
	color:#fff;
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	cursor:pointer;
	margin:10px 3px 0 0;
}

*/


input[type='text']
{
    height:22px;
	width:213px;
	border:solid 1px #064a7c;
	opacity:0.70;
    -moz-opacity: 0.70;
   	filter: alpha(opacity=70);
	background-color:#000000;
	color:#30a2ff;
	vertical-align:middle;
	padding:4px 4px 4px 4px;
	font-size:12px;
}

input[type='text']:hover
{
	border:solid 1px #10609a;
	opacity:0.90;
    -moz-opacity: 0.90;
   	filter: alpha(opacity=90);
	background-color:#000000;
	vertical-align:middle;
	padding:4px 4px 4px 4px;
	font-size:12px;
}

input[type='text']:focus
{
	border:solid 1px #10609a;
	opacity:0.90;
    -moz-opacity: 0.90;
   	filter: alpha(opacity=90);
	background-color:#000000;
	vertical-align:middle;
	padding:4px 4px 4px 4px;
	font-size:12px;
}





input[type='password']
{
    height:25px;
	width:213px;
	border:solid 1px #064a7c;
	opacity:0.70;
    -moz-opacity: 0.70;
   	filter: alpha(opacity=70);
	background-color:#000000;
	color:#30a2ff;
	vertical-align:middle;
	padding:4px 4px 4px 4px;
	font-size:12px;
}

input[type='password']:hover
{
 	border:solid 1px #10609a;
	opacity:0.90;
    -moz-opacity: 0.90;
   	filter: alpha(opacity=90);
	background-color:#000000;
	vertical-align:middle;
	padding:4px 4px 4px 4px;
	font-size:12px;
}

/*
input[type='password']:focus
{
	border:solid 1px #10609a;
	opacity:0.90;
    -moz-opacity: 0.90;
   	filter: alpha(opacity=90);
	background-color:#000000;
	vertical-align:middle;
	padding:4px 4px 4px 4px;
	font-size:12px;
}
*/





textarea
{
   height:50px;
	width:213px;
	border:solid 1px #064a7c;
	opacity:0.70;
    -moz-opacity: 0.70;
   	filter: alpha(opacity=70);
	background-color:#000000;
	vertical-align:middle;
	padding:4px 4px 4px 4px;
	font-size:12px;
	color:#30a2ff;
	-webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;
}

textarea:hover
{
  	border:solid 1px #10609a;
  opacity:0.90;
    -moz-opacity: 0.90;
   	filter: alpha(opacity=90);
	background-color:#000000;
	padding:4px 4px 4px 4px;
   font-size: 12px;

}

select
{
    height:32px;
	width:223px;
	border:solid 1px #064a7c;
	opacity:0.70;
    -moz-opacity: 0.70;
   	filter: alpha(opacity=70);
	background-color:#000000;
	color:#30a2ff;
	vertical-align:middle;
	padding:4px 4px 4px 4px;
	font-size:12px;
	-webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;
}


select:hover
{
  
	border:solid 1px #10609a;
	opacity:0.90;
    -moz-opacity: 0.90;
   	filter: alpha(opacity=90);
	background-color:#000000;
	vertical-align:middle;
	padding:4px 4px 4px 4px;
	font-size:12px;
}

select:focus
{
   	border:solid 1px #10609a;
	opacity:0.90;
    -moz-opacity: 0.90;
   	filter: alpha(opacity=90);
	background-color:#000000;
	vertical-align:middle;
	padding:4px 4px 4px 4px;
	font-size:12px;
}

input[type='label']
{
    color: Aqua;
    background-color: #f8f8f8;
    border: solid 1px #4f817e;
    padding: 6px;
    font-size: 16px;
    margin: 5px 15px 5px 0px;
    display: block;
}


table tr { text-align:left;}

.informacao {
	position:relative;
	float:left;
	padding:7px; 
	background:url(../Imagens/img-information.png);
	text-decoration:none;
	color:#fff;
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:5px 3px 0 0;
}

.botoesDefault {
		
	position:relative;
	float:left;
	padding:9px 16px 9px 25px;
	background:url(../Imagens/img-links.png);
	text-decoration:none;
	color:#fff;
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	cursor:pointer;
	margin:10px 3px 0 0;
	}
	
	.botoesDefault:hover {
		
	position:relative;
	float:left;
	padding:9px 16px 9px 25px;
	background:url(../Imagens/img-links2.png);
	text-decoration:none;
	color:#fff;
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	cursor:pointer;
	margin-right:3px;
	}
	
	.botoesAlinhar {
		
	position:relative;
	display: inline-block;
	padding:9px 16px 9px 25px;
	background:url(../Imagens/img-links.png);
	text-decoration:none;
	color:#fff;
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	cursor:pointer;
	margin:10px 3px 0 0;
	}
	
	.botoesAlinhar:hover {
		
	position:relative;
	display: inline-block;
	padding:9px 16px 9px 25px;
	background:url(../Imagens/img-links2.png);
	text-decoration:none;
	color:#fff;
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	cursor:pointer;
	margin-right:3px;
	}
	.containerBiometria{position:relative; width:594px}
    .titleBiometria{background-image:url(../Imagens/title-biometria.png); width:594px; height:60px; margin-bottom:15px;}
    .titleBiometriaExcluir{background-image:url(../Imagens/title-biometria-excluir.png); width:594px; height:60px; margin-bottom:15px;}
    .maoEsquerda{width:284px; height:409px; float:left; background-image:url(../Imagens/hand-left.png); position:relative;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
	-webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out;	-o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;
	}
	.maoEsquerda:hover{width:284px; height:409px; float:left; background-image:url(../Imagens/hand-left.png); position:relative;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
    opacity: 1;
	}
	
	
	.maodireita{width:284px; height:409px; float:right; background-image:url(../Imagens/hand-right.png); position:relative;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
	-webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out;	-o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;
	}
	.maodireita:hover{width:284px; height:409px; float:right; background-image:url(../Imagens/hand-right.png); position:relative;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
    opacity: 1;
	}
	
	/**************** mao Esquerda *******************/
	#dedo1Left { position:absolute;  width:67px; height:67px; background-image:url(../Imagens/btn-biometria-finger-off.png); left:15px; top:143px; display:inline-block;  float:right; 	-webkit-transition: all 200ms ease-in-out;  -moz-transition: all 200ms ease-in-out;  -o-transition: all 200ms ease-in-out;  transition: all 200ms ease-in-out;
	}
	#dedo1Left:hover { position:absolute;  width:67px; height:67px; background-image:url(../Imagens/btn-biometria-finger.png); left:15px; top:143px; display:inline-block;  float:right;
	}
	
	#dedo2Left { position:absolute; width:67px; height:67px; background-image:url(../Imagens/btn-biometria-finger-off.png); left:56px; top:99px; display:inline-block; float:right;	-webkit-transition: all 200ms ease-in-out;  -moz-transition: all 200ms ease-in-out;  -o-transition: all 200ms ease-in-out;  transition: all 200ms ease-in-out;}
	#dedo2Left:hover { position:absolute; width:67px; height:67px; background-image:url(../Imagens/btn-biometria-finger.png); left:56px; top:99px; display:inline-block; float:right;
	}
	/*#dedo2Left:hover {  background-image:url(../btn-biometria-finger.png);}*/
	#dedo3Left { position:absolute; width:67px; height:67px; background-image:url(../Imagens/btn-biometria-finger-off.png); left:100px; top:88px; display:inline-block; float:right; 	-webkit-transition: all 200ms ease-in-out;  -moz-transition: all 200ms ease-in-out;  -o-transition: all 200ms ease-in-out;  transition: all 200ms ease-in-out;	
	}
	#dedo3Left:hover { position:absolute; width:67px; height:67px; background-image:url(../Imagens/btn-biometria-finger.png); left:100px; top:88px; display:inline-block; float:right;	
	}

	#dedo4Left { position:absolute; width:67px; height:67px; background-image:url(../Imagens/btn-biometria-finger-off.png); left:142px; top:108px; display:inline-block; float:right; 	-webkit-transition: all 200ms ease-in-out;  -moz-transition: all 200ms ease-in-out;  -o-transition: all 200ms ease-in-out;  transition: all 200ms ease-in-out;
	}
	#dedo4Left:hover { position:absolute; width:67px; height:67px; background-image:url(../Imagens/btn-biometria-finger.png); left:142px; top:108px; display:inline-block; float:right;
	}

	#dedo5Left { position:absolute; width:67px; height:67px; background-image:url(../Imagens/btn-biometria-finger-off.png); left:196px; top:233px; display:inline-block; float:right; 	-webkit-transition: all 200ms ease-in-out;  -moz-transition: all 200ms ease-in-out;  -o-transition: all 200ms ease-in-out;  transition: all 200ms ease-in-out;
	}
	#dedo5Left:hover { position:absolute; width:67px; height:67px; background-image:url(../Imagens/btn-biometria-finger.png); left:196px; top:233px; display:inline-block; float:right;
	}
		
		/**************** mao Direita *******************/
	#dedo1Right { position:absolute; width:67px; height:67px; background-image:url(../Imagens/btn-biometria-finger-off.png); left:15px; top:240px; display:inline-block; float:right; 	-webkit-transition: all 200ms ease-in-out;  -moz-transition: all 200ms ease-in-out;  -o-transition: all 200ms ease-in-out;  transition: all 200ms ease-in-out;
	}
	#dedo1Right:hover { position:absolute; width:67px; height:67px; background-image:url(../Imagens/btn-biometria-finger.png); left:15px; top:240px; display:inline-block; float:right;
	}

	#dedo2Right { position:absolute; width:67px; height:67px; background-image:url(../Imagens/btn-biometria-finger-off.png); left:68px; top:107px; display:inline-block; float:right; 	-webkit-transition: all 200ms ease-in-out;  -moz-transition: all 200ms ease-in-out;  -o-transition: all 200ms ease-in-out;  transition: all 200ms ease-in-out;
	}
	#dedo2Right:hover { position:absolute; width:67px; height:67px; background-image:url(../Imagens/btn-biometria-finger.png); left:68px; top:107px; display:inline-block; float:right;
	}

	#dedo3Right { position:absolute; width:67px; height:67px; background-image:url(../Imagens/btn-biometria-finger-off.png); left:115px; top:90px; display:inline-block; float:right; 	-webkit-transition: all 200ms ease-in-out;  -moz-transition: all 200ms ease-in-out;  -o-transition: all 200ms ease-in-out;  transition: all 200ms ease-in-out;
	}
	#dedo3Right:hover { position:absolute; width:67px; height:67px; background-image:url(../Imagens/btn-biometria-finger.png); left:115px; top:90px; display:inline-block; float:right; 
	}

	#dedo4Right { position:absolute; width:67px; height:67px; background-image:url(../Imagens/btn-biometria-finger-off.png); left:160px; top:100px; display:inline-block; float:right; 	-webkit-transition: all 200ms ease-in-out;  -moz-transition: all 200ms ease-in-out;  -o-transition: all 200ms ease-in-out;  transition: all 200ms ease-in-out;
	} 
	#dedo4Right:hover { position:absolute; width:67px; height:67px; background-image:url(../Imagens/btn-biometria-finger.png); left:160px; top:100px; display:inline-block; float:right;
	} 

	#dedo5Right { position:absolute; width:67px; height:67px; background-image:url(../Imagens/btn-biometria-finger-off.png); left:205px; top:145px; display:inline-block; float:right; 	-webkit-transition: all 200ms ease-in-out;  -moz-transition: all 200ms ease-in-out;  -o-transition: all 200ms ease-in-out;  transition: all 200ms ease-in-out;
	}
	#dedo5Right:hover { position:absolute; width:67px; height:67px; background-image:url(../Imagens/btn-biometria-finger.png); left:205px; top:145px; display:inline-block; float:right;
	}


	#DescricaoDedoLeft {position:absolute; width:120px; height:20px; color:#3075b5; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; left:155px; top:49px;text-align:center;}
	#DescricaoDedoRight {position:absolute; width:120px; height:20px; color:#3075b5; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; left:7px; top:49px; text-align:center;}
	
	/*Tooltip jQuery*/



.popupBiometria2 {-webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out;	-o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;}
popupBiometriaLeft{-webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out;	-o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;}
popupBiometriaLeft:hover{-webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out;	-o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;}



#iconeHomologaIndex {position:absolute; width:168px; height:130px; background-image:url(../Imagens/homologa.png); top:-30px; left:290px; z-index:9999;}
#iconeHomologainterna {position:absolute; width:168px; height:130px; background-image:url(../Imagens/homologa.png); top:40px; left:572px; z-index:9999;}

#iconeTreinamentoIndex {position:absolute; width:168px; height:130px; background-image:url(../Imagens/carimbo-treinamento.png); top:-140px; left:290px; z-index:9999;}
#iconeTreinamentointerna {position:absolute; width:168px; height:130px; background-image:url(../Imagens/carimbo-treinamento.png); top:40px; left:572px; z-index:9999;}

/**************** CRACHÁ ****************************/


.titleTelaCracha{background-image:url(../Imagens/bg-titulo-cracha.png); width:592px; height:60px; margin-bottom:15px; margin-top:10px; font-family:'cabourgboldregular'; font-size:18px; color:#a0b5de; position:relative;}
.EstruturaNavegacaocracha {position:relative; height:36px; width:38px;background-image:url(../Imagens/bg-estrutura.png);float:left; margin-right:3px;}
.NavegacaoCracha {position:relative; height:36px; width:278px; background-image:url(../Imagens/bg-seletor-cracha.png); float:left; margin-right:3px;}

.ContainerNavegacaoCracha {position:relative; float:left; height:430px;}

.menuCracha { position:relative; float:left; margin-top:0px;float:left; }
.menuCracha ul { position:relative; width:110px; margin-top:0px; padding:0px; margin-left:0px;}
.menuCracha ul li {list-style-type:none; display:inline-block; }
.menuCracha ul li a{ background-image:url(../Imagens/bg-botao-cracha.png); padding:15px; margin-bottom:10px; width:124px; list-style-type:none; display:inline-block;}
.menuCracha ul li a:hover{ background-image:url(../Imagens/bg-botao-cracha2.png);}





.containerCracha {width:5.4cm; height:8.6cm; position:relative; z-index:9999; margin:0 auto;}
.BackgroundCracha {width:5.4cm; height:8.6cm; position:absolute; z-index:-1;}
.separadorAreasCracha {position:relative; float:left; width:1px; height:428px; background-color:#063c63; margin:0px 37px; 0px 37px;}
.separadorAreasFoto {position:relative; float:left; width:1px; height:585px !important; background-color:#063c63; margin:0px 37px; 0px 37px;}






/************* CLASSES PARA PRÉ-VISUALIZAÇÃO ********************/

.FotoFuncionarioView { position:relative; width:1.9cm; height:2.5cm;  left:3.42cm; top:3.28cm; border:0px solid #0066b3;}
.NomeFuncionarioView {font-family: 'din-blackregular'; position:absolute; z-index:3; width:4.3cm; height:0.7cm; overflow:hidden; left:0.84cm; top:6.40cm; color:#231f20; font-size:0.37cm; line-height:0.37cm; text-transform:uppercase;}
.cargoFuncionarioView {font-family: 'din-blackregular'; position:absolute; z-index:3; width:4.3cm; height:0.7cm; overflow:hidden; left:0.84cm; top:7.66cm; color:#231f20; font-size:0.37cm; line-height:0.37cm; height:0.65cm; text-transform:uppercase;}
.NomeFuncionarioVersoView {font-family: 'din-blackregular'; position:absolute; z-index:3; width:4.3cm; height:0.3cm; overflow:hidden; left:0.85cm; top:2.24cm; color:#231f20; font-size:0.37cm; line-height:0.37cm;}
.registroUnicoView {font-family: 'din-blackregular'; position:absolute; z-index:3; width:2.0cm; left:0.85cm; top:3.14cm; color:#231f20; font-size:0.37cm; line-height:0.37cm;}
.MatriculaView {font-family: 'din-blackregular'; position:absolute; z-index:3; width:2.0cm; left:3.16cm; top:3.14cm; color:#231f20; font-size:0.37cm; line-height:0.37cm;}
.rgView {font-family: 'din-blackregular'; position:absolute; z-index:3; width:4.3cm; left:0.85cm; top:4.04cm; color:#231f20; font-size:0.37cm; line-height:0.37cm;}
.cpfView {font-family: 'din-blackregular'; position:absolute; z-index:3; width:4.3cm; left:0.85cm; top:4.87cm; color:#231f20; font-size:0.37cm; line-height:0.37cm;}
.DataAdmissaoView {font-family: 'din-blackregular'; position:absolute; z-index:3; width:4.3cm; left:0.85cm; top:5.77cm; color:#231f20; font-size:0.37cm; line-height:0.37cm;}
.CodigoBarraView {font-family: 'din-blackregular'; position:absolute; z-index:3; width:4.3cm; left:0.95cm; top:7.5cm; color:#231f20; font-size:0.37cm;}
.ViaCracha {font-family: 'din-blackregular'; position:absolute; z-index:3; width:4.3cm; left:0.50cm; top:8.5cm; text-align:center; color:#231f20; font-size:0.22cm; text-transform:uppercase; margin-left: 0.34cm;}

/************* CLASSES PARA PRÉ-VISUALIZAÇÃO CONSELHEIROS ********************/
.containerCrachaConselheiros {width:5.4cm; height:8.6cm; position:relative; z-index:9999; margin:0 auto;}
.containerCrachaConselheiros .FotoFuncionarioView { position:relative; width:1.9cm; height:2.5cm;  left:3.42cm; top:3.60cm; border:0px solid #0066b3;}
.containerCrachaConselheiros .NomeFuncionarioView {font-family: 'din-blackregular'; position:absolute; z-index:3; width:4.3cm; height:0.7cm; overflow:hidden; left:0.84cm; top:6.86cm; color:#231f20; font-size:0.37cm; line-height:0.37cm; text-transform:uppercase;}
.containerCrachaConselheiros .cargoFuncionarioView {font-family: 'din-blackregular'; position: absolute; z-index: 3; width: 4.3cm; height: 0.7cm; overflow: hidden; left: 0.84cm; top: 8.04cm; color: #231f20; font-size: 0.37cm; line-height: 0.37cm; height: 0.65cm; text-transform: uppercase;}
.containerCrachaConselheiros .NomeFuncionarioVersoView {font-family: 'din-blackregular'; position:absolute; z-index:3; width:4.3cm; height:0.3cm; overflow:hidden; left:0.85cm; top:2.37cm; color:#231f20; font-size:0.37cm; line-height:0.37cm;}
.containerCrachaConselheiros .MatriculaView {font-family: 'din-blackregular'; position:absolute; z-index:3; width:2.0cm; left:3.16cm; top:3.14cm; color:#231f20; font-size:0.37cm; line-height:0.37cm;}
.containerCrachaConselheiros .rgView {font-family: 'din-blackregular'; position:absolute; z-index:3; width:4.3cm; left:0.85cm; top:3.93cm; color:#231f20; font-size:0.37cm; line-height:0.37cm;}
.containerCrachaConselheiros .cpfView {font-family: 'din-blackregular'; position:absolute; z-index:3; width:4.3cm; left:0.85cm; top:3.18cm; color:#231f20; font-size:0.37cm; line-height:0.37cm;}
.containerCrachaConselheiros .ViaCracha {font-family: 'din-blackregular'; position:absolute; z-index:3; width:4.3cm; left:0.50cm; top:8.55cm; text-align:center; color:#231f20; font-size:0.22cm; text-transform:uppercase; margin-left: 0.34cm;}
.containerCrachaConselheiros .segmentoView {font-family: 'din-blackregular'; position:absolute; z-index:3; width:4.3cm; left:0.85cm; top:4.81cm; color:#231f20; font-size:0.37cm; line-height:0.37cm;}
.containerCrachaConselheiros .etidadeView {font-family: 'din-blackregular'; position:absolute; z-index:3; width:4.3cm; left:0.85cm; top:5.62cm; color:#231f20; font-size:0.37cm; line-height:0.37cm;}
.containerCrachaConselheiros .mandatoView {font-family: 'din-blackregular'; position:absolute; z-index:3; width:4.3cm; left:0.85cm; top:6.91cm; color:#231f20; font-size:0.37cm; line-height:0.37cm;}

/************* CLASSES PARA IMPRESSÃO ********************/
.FotoFuncionario { position:relative; width:1.9cm; height:2.5cm;  left:3.1cm; top:3cm; border:0px solid #0066b3;}
.NomeFuncionario {font-family: 'din-blackregular'; position:absolute; z-index:3; width:4.3cm; left:0.57cm; top:6.08cm; color:#231f20; font-size:0.37cm; line-height:0.37cm; text-transform:uppercase;}
.cargoFuncionario {font-family: 'din-blackregular'; position:absolute; z-index:3; width:4.3cm; left:0.57cm; top:7.36cm; color:#231f20; font-size:0.37cm; line-height:0.37cm; height:0.65cm; text-transform:uppercase;}
.NomeFuncionarioVerso {font-family: 'din-blackregular'; position:absolute; z-index:3; width:4.3cm; left:0.57cm; top:1.97cm; color:#231f20; font-size:0.37cm; line-height:0.37cm;}
.registroUnico {font-family: 'din-blackregular'; position:absolute; z-index:3; width:2.0cm; left:0.58cm; top:2.84cm; color:#231f20; font-size:0.37cm; line-height:0.37cm;}
.Matricula {font-family: 'din-blackregular'; position:absolute; z-index:3; width:2.0cm; left:2.86cm; top:2.84cm; color:#231f20; font-size:0.37cm; line-height:0.37cm;}
.rg {font-family: 'din-blackregular'; position:absolute; z-index:3; width:4.3cm; left:0.58cm; top:3.74cm; color:#231f20; font-size:0.37cm; line-height:0.37cm;}
.cpf {font-family: 'din-blackregular'; position:absolute; z-index:3; width:4.3cm; left:0.57cm; top:4.57cm; color:#231f20; font-size:0.37cm; line-height:0.37cm;}
.DataAdmissao {font-family: 'din-blackregular'; position:absolute; z-index:3; width:4.3cm; left:0.57cm; top:5.47cm; color:#231f20; font-size:0.37cm; line-height:0.37cm;}
.CodigoBarra {font-family: 'din-blackregular'; position:absolute; z-index:3; width:4.3cm; left:0.65cm; top:7.18cm; color:#231f20; font-size:0.37cm;}




/******* SELECIONAR CRACHA ****************/
.ContainerSelecionarCrachaVinculo {width:146px; border:solid 1px #03263f; padding:3px; margin-bottom:10px; position:relative; float:left; margin-top:0px;}

.TituloSelecionarCrachaVinculo {font-family:'din-blackregular'; font-size:10px; height:24px; color:#fff; text-transform:uppercase; background-image:url(../Imagens/bg-title-selecao-cracha.png); background-repeat:no-repeat; width:137px; padding:8px 0px 2px 9px; margin-bottom:7px;}

.MenuSelecionarCrachaVinculo {position:relative; padding:0px; margin:0px; list-style:none; font-family:'dinregular'; text-transform:uppercase;}
.MenuSelecionarCrachaVinculo li a { position:relative; display:block; width:127px; padding:8px 0px 8px 19px;  margin:3px 0px 3px 0px;  font-size:11px; color:#fff; list-style:none; background-image:url(../Imagens/bg-focus-selecao-cracha-alpha.png); background-position:left center; text-decoration:none;}
.MenuSelecionarCrachaVinculo li a:hover {color:#fff; background-image:url(../Imagens/bg-hover-selecao-cracha.png); background-position:left center;}
.MenuSelecionarCrachaVinculo li a:focus {color:#fff; background-image:url(../Imagens/bg-focus-selecao-cracha.png); background-position:left center;}
.MenuSelecionarCrachaVinculo li a:active {color:#fff; background-image:url(../Imagens/bg-focus-selecao-cracha.png); background-position:left center;}






/***************************** CADASTRO USUARIO ******************************/
.fotoCadastroUsuario {padding:13px; border:1px solid #063c63; background-image:url(../Imagens/bg-info-cadastrar-ft.png);}
.informacoesCadastro {position:relative; padding-top:44px; padding-left:12px; padding-bottom:14px; width:174px; background-image:url(../Imagens/bg-infos-funcionario.png); background-position:center top; margin-top:7px; margin-bottom:15px; border:solid 1px #063c63; width:160px; margin-left:0px;}

.itemCadastrado {font-family: 'dinregular'; color:#0a62a1; font-size:10px; list-style:none; background-image:url(../Imagens/img-item-cadastrado.png); background-repeat:no-repeat; padding:0px 0px 0px 12px; margin-top:10px; margin-bottom:0px; height:8px; line-height:100%;}
.itemNaoCadastrado {font-family: 'dinregular'; color:#0a62a1; font-size:10px;  list-style:none; margin-bottom:0px;  background-image:url(../Imagens/img-item-nao-cadastrado.png); background-repeat:no-repeat; padding:0px 0px 0px 12px; margin-top:10px; height:8px; line-height:100%;}


.botoesOpcoesCadastro {position:relative; padding:0px; list-style:none; margin-left:0px; margin-top:15px; }

.botoesOpcoesCadastro li a{background-image:url(../Imagens/bg-info-cadastrar-ft.png); border:solid 1px #063c63; width:172px; height:32px; padding:0px; margin-bottom:7px; margin-top:0px !important; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out;	-o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; display:inline-block;}
.botoesOpcoesCadastro li a:hover {background-image:url(../Imagens/bg-botao-cracha2.png);}


.itemOpcaoCadastro {position:relative; display:inline-block; top:9px; left:7px;}









/********** tabelas  ***********/

TABLE.tabela
{
    font-size: 14px;
    width: 874px;
	margin:0 auto;
    margin-top: 25px;
	margin-bottom:25px;
    text-align:center;
	position:relative;
	font-family:'dinregular';
	font-size:11px;
}
TABLE.tabela TR
{
    color: #69a6d4;
	background-image:url(../Imagens/bg-table-line.png);
	font-weight:normal;
	font-family: 'dinregular'; 
	font-size:10px;

}

TABLE.tabela TR a
{
    color: #004669;
    font-weight: bold;
	text-decoration:none;
}

TABLE.tabela TR a:hover
{
    color: #1d3746;
    text-decoration: underline;
    font-weight: bold;
}


TABLE.tabela TH
{
    color: #65b9ff;
    padding: 7px 10px 7px 10px;
    text-align:center;
    background-image: url(../Imagens/bg-table-title.png);
	font-weight:normal !important;
	font-family:'din-blackregular';
	font-size:11px;
    
}
TABLE.tabela TD
{
    padding: 5px 10px 5px 10px;
    height:18px;
	font-family: 'dinregular'; font-size:10px;
    
}


/*********************************************************************************************************************************
****************************************************************** TABELA PAINEL ************************************************
********************************************************************************************************************************/

TABLE.tabelaPainel
{
    font-size: 14px;
    width: 100%;
	margin:0 auto;
    margin-top: 20px;
	margin-bottom:20px;
    text-align:center;
	position:relative;
	font-family:'dinregular';
	font-size:11px;
	border-spacing: 1px;
    border-collapse: separate;
	border: transparent;
}
TABLE.tabelaPainel TR
{
    color: #69a6d4;
	background-image:url(../Imagens/bg-table-line.png);
	font-weight:normal;
	font-family: 'dinregular'; 
	font-size:10px;

}

TABLE.tabelaPainel TR a
{
    color: #004669;
    font-weight: bold;
	text-decoration:none;
}

TABLE.tabelaPainel TR a:hover
{
    color: #1d3746;
    text-decoration: underline;
    font-weight: bold;
}


TABLE.tabelaPainel TH
{
    color: #65b9ff;
    padding: 12px 10px 12px 10px;
    /* height: 35px; */
    text-align: center;
    /* background-image: url(../Imagens/bg-table-title.png); */
    background-color: rgba(0, 66, 112, 0.70);
    font-weight: normal !important;
    font-family: 'din-blackregular';
    font-size: 11px;
    text-transform: uppercase;
}




TABLE.tabelaPainel TD
{
    padding: 5px 10px 5px 10px;
    height:18px;
	font-family: 'dinregular'; font-size:10px;
    
}




.corVermelha{background-color: rgba(156, 26, 26, 0.40); color: #ffe7e7;}
.corVerde{    background-color: rgba(26, 156, 60, 0.40); color: #a6f3cb;}
.corAmarela{background-color: rgba(255, 246, 0, 0.40); color: #fffdda;}

.cor1{background-color: rgba(0, 201, 52, 0.4); color: #66f8ac;}
.cor2{background-color: rgba(95, 201, 0, 0.50); color:#8ffec5;}
.cor3{background-color: rgba(180, 219, 0, 0.45); color:#e4ff78;}
.cor4{background-color: rgba(255, 246, 0, 0.50); color:#f5f8a1;}
.cor5{background-color: rgba(245, 242, 0, 0.65); color:#feffbd;}
.cor6{background-color: rgba(252, 255, 0, 0.78); color:#494300;}

.cursor {
	 position:absolute; display:inline-block; z-index:9999; cursor:pointer; margin-top:-30px; margin-left:0px; background-color:#066;
}

.cursor2 {
	  cursor:pointer; 
}


.btn-modelo-cadastrar-foto {background-color:transparent; border:none; background-image:url(../Imagens/btn-cad-foto-bg.png) !important; padding:12px 20px 12px 20px; margin-right:10px; margin-bottom:30px; margin-top:25px; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out;	-o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;}

.btn-modelo-cadastrar-foto:hover {background-color:transparent; border:none; background-image:url(../Imagens/btn-cad-foto-bg2.png) !important; cursor:pointer;}



.botaoPesquisarPequeno {position:absolute; width:27px; height:27px; z-index:9999;  cursor:pointer; display:inline-block; margin-left:-30px; margin-top:3px;}

.contadorCaracteres {font-size: 11px; color: #2b81c8; padding:5px; width:210px; display:inline-block; font-family: 'dinregular'; border:solid 1px #063c63; margin-top:4px; }

.contadorCaracteres span {font-family: 'din-blackregular';}

.textoPadrao
{
	font-size: 14px;
	color: #358ed8;
	display:inline-block;
	font-family: 'dinregular';
}
.imgOpacidade{
	opacity:0.20;
    -moz-opacity: 0.20;
   	filter: alpha(opacity=20);
}

.senhaAcesso {
	position: relative;
	margin-left: 50%;
	left: -146px !important;
	width: 284px  !important;
	margin-top: 10px  !important;
	margin-top: 4px  !important;
	text-align: center  !important;
	font-size: 20px  !important;
	height: 35px  !important;
	-webkit-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
	/*background-color: rgba(0, 54, 91, 0.70) !important;*/
	 background-image:url(../Imagens/bg-relogio-2.png) !important;
	border:none !important;
	color:#fff !important;
}

.senhaAcesso:hover {
    background-color: transparent !important; 
}


.senhaAcesso:focus {
    background-color: transparent !important; 
}

