@CHARSET "ISO-8859-1";


@font-face {
	font-family: 'MyRegular';
	src: url('fonts/MyriadPro-Regular.eot');
	src: url('fonts/MyriadPro-Regular.woff2') format('woff2'),
		url('fonts/MyriadPro-Regular.woff') format('woff'),
		url('fonts/MyriadPro-Regular.ttf') format('truetype'),
		url('fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg'),
		url('fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MyBold';
	src: url('fonts/MyriadPro-Black.eot');
	src: url('fonts/MyriadPro-Black.woff2') format('woff2'),
		url('fonts/MyriadPro-Black.woff') format('woff'),
		url('fonts/MyriadPro-Black.ttf') format('truetype'),
		url('fonts/MyriadPro-Black.svg#MyriadPro-Black') format('svg'),
		url('fonts/MyriadPro-Black.eot?#iefix') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
}

/**** ALTERA O TIPO DA FONTE EM TODO O SITE VER DEPOIS
* {
 font-family: MyRegular, Helvetica, Tahoma, sans-serif, Arial !important;
 letter-spacing: 0.5px !important;
}
*****/

/************************************************************
* Estilos da página
************************************************************/
html,body {
	margin: 0;
	padding: 0;
	background: url(../images/layout/bg.png) 0 0 repeat-x #fff;
	height: 100%;
	min-height: 100%;
}

* {
	outline: 0;	
}

#boxesAviso #popUpModal .texto-aviso a.session_to, #conteudo-site a.session_to{
	background-color:transparent !important;
	border: 0 !important;
	color: #1a61ad;
	letter-spacing: 0 !important;
}

#boxesAviso #popUpModal .texto-aviso a.session_to:hover,  #conteudo-site a.session_to:hover{
	color: #1a61ad;
	text-decoration: underline;
}

#conteudo-site 

#comunicados{
	display: none;	
}

/************************************************************
* Efeito dos links
************************************************************/
a:link {
	text-decoration: none;
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #fff;
}

a:visited {
	text-decoration: none;
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #fff;
}

a:hover {
	text-decoration: none;
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #1d62ae;
}

a.link-doc{
	text-decoration: none;
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #f4922a;
}

a.link-doc:hover{
	text-decoration: underline;
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #134d8a;
}

/************************************************************
* Estilos da página div#pagina
************************************************************/
#pagina {
	position: relative;
	margin: 0;
	width: 100%;
	min-height: 97%;
	height: auto;
}

/************************************************************
* Faixa laranja no topo da página div#faixa-topo
************************************************************/
#pagina #faixa-topo {
	background: #f4922a;
	width: 100%;
	height: 150px;
	z-index: 1;
	margin-top:20px;
}


#pagina #faixa-topo span.version{
	position: absolute;
	right:28%;
	bottom:-1px;
	color:#1a61ad;
	font-family: "MyRegular", "Helvetica", "Tahoma", "sans-serif" !important;
	font-weight: normal;
	letter-spacing: 0.5px;
	font-size: 10px;
}




/************************************************************
* Topo da página (MobTech mobile solutions) div#topo 
************************************************************/
#pagina #faixa-topo #topo {
	position: absolute;
	width: 838px;
	height: 174px;
	background: url(../images/layout/topo.png?v=3) 0 0 no-repeat;
	cursor: pointer;
	margin: 0 auto;
	margin-top: -8px;
	margin-left: -415px;
	left: 50%;
	z-index: 2;
}

/************************************************************
* Topo da página (MobTech mobile solutions - EMPRESAS) div#topo 
************************************************************/
#pagina #faixa-topo #topo.empresa {
	position: absolute;
	width: 838px;
	height: 160px;
	background: url(../images/layout/top-empresa-novo.png?v=3) 0 0 no-repeat;
	cursor: pointer;
	margin: 0 auto;
	margin-top: -6px;
	margin-left: -415px;
	left: 50%;
	z-index: 2;
	cursor: auto;
}

/************************************************************
* Topo da página (MobTech mobile solutions - EMPRESAS) div#topo 
************************************************************/
#pagina #faixa-topo #topo.domestica-revenda {
	position: absolute;
	width: 838px;
	height: 174px;
	background: url(../images/layout/topo-domestica-revenda.png?v=3) 0 0 no-repeat;
	cursor: pointer;
	margin: 0 auto;
	margin-top: -8px;
	margin-left: -415px;
	left: 50%;
	z-index: 2;
	cursor: auto;
}

/************************************************************
* Topo da página (MobTech mobile solutions - REVENDEDOR) div#topo 
************************************************************/
#pagina #faixa-topo #topo.revendedor {
	position: absolute;
	width: 838px;
	height: 174px;
	background: url(../images/layout/topo-revendedor.png?v=3) 0 0 no-repeat;
	cursor: pointer;
	margin: 0 auto;
	margin-top: -8px;
	margin-left: -415px;
	left: 50%;
	z-index: 2;
	cursor: auto;
}

/************************************************************
* Topo da página (MobTech mobile solutions - BOLETO) div#topo 
************************************************************/
#pagina #faixa-topo #topo.boleto {
	position: absolute;
	width: 838px;
	height: 174px;
	background: url(../images/layout/topo-boleto.png) 0 0 no-repeat;
	cursor: pointer;
	margin: 0 auto;
	margin-top: -8px;
	margin-left: -415px;
	left: 50%;
	z-index: 2;
	cursor: auto;
}

/************************************************************
* Topo da página (MobTech mobile solutions - SEGUNDA VIA DE BOLETO) div#topo 
************************************************************/
#pagina #faixa-topo #topo.boleto2 {
	position: absolute;
	width: 838px;
	height: 174px;
	background: url(../images/layout/topo-2boleto.png) 0 0 no-repeat;
	cursor: pointer;
	margin: 0 auto;
	margin-top: -8px;
	margin-left: -415px;
	left: 50%;
	z-index: 2;
	cursor: auto;
}

/************************************************************
* Topo da página (MobTech mobile solutions - EMPRESAS) div#topo 
************************************************************/

#pagina #faixa-topo .sem-logomarca {
	position: absolute;
	width: 126px;
	height: 115px;
	left:15px;
	top:24px;
	z-index: 98;
	background-color: #e6e7e8;
	border:1px solid #c7c6c5;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	cursor: pointer; 
}

#pagina #faixa-topo .sem-logomarca span {
	display:block;
	font: bold 11px Helvetica, Tahoma, sans-serif, Arial;
	color: #000;
	text-align: center;
	width: 126px;
	height: 115px;
	padding-top:40px;
	z-index: 99;
}

#pagina #faixa-topo .sem-logomarca-rev {
	position: absolute;
	width: 126px;
	height: 115px;
	left:15px;
	top:24px;
	z-index: 98;
	background-color: #e6e7e8;
	border:1px solid #c7c6c5;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	cursor: pointer; 
}

#pagina #faixa-topo .sem-logomarca-rev span {
	display:block;
	font: bold 11px Helvetica, Tahoma, sans-serif, Arial;
	color: #000;
	text-align: center;
	width: 126px;
	height: 115px;
	padding-top:40px;
	z-index: 99;
}

#pagina #faixa-topo .logomarca {
	position: absolute;
	width: 130px;
	height: 115px;
	left:15px;
	top:20px;
	z-index: 98;
}

#pagina #faixa-topo .logomarca img {
	background-color: #fff;
	background-position: center;
	max-height:130px !important;
	max-width:130px !important;
}


#pagina #faixa-topo #topo div.notification-icon{
	position:relative;
	display:inline-block;
	float:right;
	margin-right:-100px;
	margin-top:50px;
	width: 70px;
	height: 70px;
	cursor: pointer;
}

#pagina #faixa-topo #topo div.notification-icon.receiveMsg{
    animation: zoom-in-zoom-out 1s ease infinite;
}

@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.3, 1.3);
  }
  100% {
    transform: scale(1, 1);
  }
}

#pagina #faixa-topo #topo div.notification-icon span{
	position:absolute;
	display:block;
	top:-5px;
	right:-5px;
	width:23px;
	height: 23px;
	font-family: 'CamptonBold','MyRegular', 'Helvetica', 'Tahoma', 'sans-serif' !important;
	font-weight: normal;
	font-size: 12px;
	color:#fff;
	text-align: center;
	line-height: 25px;
	background: #ea3635;
	border-radius:20px;
}

#pagina #faixa-topo #topo div.notification-icon.no-message{
	background: url(../images/layout/icon-notification.png?v=2) 0px 0px no-repeat transparent;
	opacity: 0.4;
}

#pagina #faixa-topo #topo div.notification-icon.has-message{
	background: url(../images/layout/icon-notification.png?v=2) -71px 0px no-repeat transparent;
}

#pagina #faixa-topo #topo div.notification-icon.has-message:hover{
	opacity: 0.7;
}





/************************************************************
* Conteudo da página (topo,menu,etc)
************************************************************/
#pagina #conteudo-pagina {
	position: relative;
	width: 800px;
	margin: 0 auto;
	height: auto;
	min-height:250px;
	padding-bottom: 60px;
}

#pagina #conteudo-pagina.carregando {
	background: url(../images/layout/load2.gif?v=3) center center no-repeat;
}


/************************************************************
* BARRA AZUL BEM-VINDO
************************************************************/
#pagina #conteudo-pagina #info-acesso {
	width: 100%;
	height: 30px;
	margin-top: 15px;
	text-align: center;
	/*line-height: 30px;*/
	/*background: url(../images/layout/barra-bemvindo.png) 0 0 no-repeat;*/
}

#pagina #conteudo-pagina #info-acesso .centraliza{
	width: auto;
	height:30px;
}

#pagina #conteudo-pagina #info-acesso .centraliza .texto{
	display: inline;
}

#pagina #conteudo-pagina #info-acesso .centraliza .texto span {
	display:inline-block;
	font: bold 14px MyRegular,Helvetica, Tahoma, sans-serif;
	color: #fff;
	letter-spacing: 1px;
	margin-top:5px;
}

#pagina #conteudo-pagina #info-acesso .centraliza div.break_mobile{
	display: none;
}

#pagina #conteudo-pagina #info-acesso .centraliza .texto span.codigo {
	font: bold 15px MyRegular,Helvetica, Tahoma, sans-serif;
	color: #f2f424;
}

#pagina #conteudo-pagina #info-acesso .centraliza .texto span.nome {
	font: bold 14px MyRegular,Helvetica, Tahoma, sans-serif;
	color: #f2f424;
}

#pagina #conteudo-pagina #info-acesso .centraliza .texto span#renewCode {
	display: inline-block;
	position: absolute;
	background: url(../images/novo_layout/ico_renew_code.png) center center no-repeat;
	margin-left:10px;
	width:25px;
	height: 25px;
	opacity: 0.7;
	cursor: pointer;	
	margin-top:0px;
}

#pagina #conteudo-pagina #info-acesso .centraliza .texto span#renewCode:hover{
	opacity: 1;
}


#pagina #conteudo-pagina #info-acesso .centraliza .sair {
	display: inline;
	float:right;
	width: auto;
	height: 30px;
}

#pagina #conteudo-pagina #info-acesso .sair input[type=button]{
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #fff;
	cursor: pointer;
	text-transform: uppercase;
	width: 50px;
	height: 22px;
	line-height: 22px;
	background-color: #c20607;
	border:0;
	margin-top:4px;
}
                                                   
#pagina #conteudo-pagina #info-acesso .sair a{
	display:inline-table;
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #fff;
	cursor: pointer;
	text-transform: uppercase;
	width: 50px;
	height: 22px;
	line-height: 22px;
	background-color: #c20607;
	border:0;
	margin-top:4px;
}

#pagina #conteudo-pagina #info-acesso .sair a:hover{
	background-color: #fff;
	color:#c20607;
}

/************************************************************
* BARRA AZUL (PERIODO DE AVALICAO -> ACEITE) CLIQUE AQUI
************************************************************/
#pagina #conteudo-pagina #info-aceite {
	width: 100%;
	height: 30px;
	text-align: center;
	line-height: 30px;
	background: none !important;
	/*background: url(../images/layout/barra-bemvindo.png) 0 0 no-repeat;*/
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #fff;
	line-height: 30px;
}

#pagina #conteudo-pagina #info-aceite a{
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #f2f424;
}

#pagina #conteudo-pagina #info-aceite a:visited{
	color: #07df16;	
}

#pagina #conteudo-pagina #info-aceite a:hover{
	color: #f4922a;	
}

#pagina #conteudo-pagina #info-aceite span.dias-utilizacao {
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	color:#f2f424;
}


/************************************************************
* MENU DA PAGINA
************************************************************/
#pagina #conteudo-pagina #menu-novo{
	position: relative;
	width: 100%;
	min-height: 33px !important;
	height: 33px !important;
	text-align: center;
	line-height: 33px;
	margin-top:10px;
	background-color: #1a61ad;	
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#pagina #conteudo-pagina #menu-novo ul{
	position:absolute; 
	width: 100%;
	list-style: none;
	margin: auto 10px;
	padding: 0;
	cursor: pointer;
	z-index: 1000;
}

#pagina #conteudo-pagina #menu-novo ul a{
	display: block;
	min-height: 30px !important;
	height: 30px !important;
	line-height: 30px;	
}

#pagina #conteudo-pagina #menu-novo ul a:hover{
	color: #f58d1f;
	background-color: #e8e8e8;
}

#pagina #conteudo-pagina #menu-novo ul a.link{
	color: #1960ad;
}

#pagina #conteudo-pagina #menu-novo li.principal{
	float: left;
	display: inline;
	width: 125px;
	padding: 0;
	background-color: #1a61ad;	
	
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	color:#fff;
	line-height: 30px;
	border:1px solid #1a61ad;
}

#pagina #conteudo-pagina #menu-novo li.principal.home{
	width: 50px;
}

#pagina #conteudo-pagina #menu-novo li.principal.avisos{
	width: 70px;
}

#pagina #conteudo-pagina #menu-novo li.principal.testes{
	width: 117px;
}

#pagina #conteudo-pagina #menu-novo li.principal:hover{
	background-color: #fff;
	color:#1a61ad;
	border:1px solid #c9c9c7;
	line-height: 30px;
	
	-webkit-box-shadow: 5px 0px 20px #3a3b3d;
	-moz-box-shadow: 5px 0px 20px #3a3b3d;
	box-shadow: 5px 0px 20px #3a3b3d;
}

#pagina #conteudo-pagina #menu-novo li.ativo{
  	color:#ffffff;
	background-color: #0a3665;
	border:1px solid #064c96;
}

#pagina #conteudo-pagina #menu-novo ul li ul.submenu{
	position: relative;
	list-style: none;
	display:none;
	padding-top:5px;
	margin-left: 0px;
}


#pagina #conteudo-pagina #menu-novo  ul li ul.submenu li{
	position: relative;
	display:inline-table;
	line-height: 20px;
	text-align: left;
	float: left;
	display: inline;
	width: 100%;
	clear: both;
}

#pagina #conteudo-pagina #menu-novo  ul li ul.submenu li a{
	width:96%;
	padding-left:5px;
}

#pagina #conteudo-pagina #menu-novo  ul li ul.submenu li.ultimo{
	margin-bottom: 5px;	
}

#pagina #conteudo-pagina #menu-novo  ul li ul.submenu li:hover{
	background-color: #edeff4;
}

#pagina #conteudo-pagina #menu-novo  ul li ul.submenu li a:hover{
	color:#f4922a;
}


#pagina #conteudo-pagina #menu {
	width: 100%;
	height: 30px;
	margin-top: 10px;
	z-index: 44;
	text-align: center;
}

#pagina #conteudo-pagina #menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
}

#pagina #conteudo-pagina #menu ul li {
	width: 130px;
	float: left;
	line-height: 30px;
	cursor: pointer;
	margin-right: 5px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px solid #1960ad;
	color: #1960ad;
	background-color: #fff;
}

#pagina #conteudo-pagina #menu ul li.adm {
	width: 126px;
	float: left;
	line-height: 30px;
	cursor: pointer;
	margin-right: 5px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px solid #1960ad;
	color: #1960ad;
	background-color: #fff;
}


#pagina #conteudo-pagina #menu ul li.contato {
	width: 250px;
}

#pagina #conteudo-pagina #menu ul li.hover {
	border: 1px solid #fff;
	color: #fff;
	background-color: #1960ad;
}

#pagina #conteudo-pagina #menu ul li.ativo {
	border: 1px solid #fff;
	background-color: #f4922a;
	color: #fff;
}

#pagina #conteudo-pagina #menu ul li.ultimo {
	margin-right: 0px;
	width: 112px;
}

#pagina #conteudo-pagina #menu ul li a {
	display: block;
	width: 112px;
	line-height: 30px;
	color: #1960ad;
}

#pagina #conteudo-pagina #menu ul li.hover a:hover {
	color: #fff;
}

#pagina #conteudo-pagina #menu ul li a:visited {
	color: #1960ad;
}



#pagina #conteudo-pagina #conteudo-site {
	position: relative;
	margin-top: 10px;
	background-color: #fff;
	width: 100%;
	height: auto;
	min-height: 100%;
	border-radius: 10px;
	-moz-border-radius: 10px;
}

#pagina #conteudo-pagina #conteudo-site.carregando {
	background: url(../images/layout/load2.gif?v=3) center center no-repeat #fff;
}

/************************************************************
* TELA DE LOGIN
************************************************************/
#div-formulario.div-login {
	position: relative;
	width: 800px;
	margin: 0 auto;
	height: 445px;
	padding-bottom: 70px;
	padding-top: 30px;
	background-color: #6d96c7;
	border-radius: 10px;
	-moz-border-radius: 10px;
}

#pagina #conteudo-pagina #cadastro-info{
	width: 100%;
	height: 400px;
	margin-top:40px;
}

#pagina #conteudo-pagina #cadastro-info span.sub{
	display:block;
	font: bold 22px Helvetica, Tahoma, sans-serif, Arial;
	color: #1861b5;
	text-align: center;
	margin-bottom: 40px;
	margin-top:-10px;
	height: 40px;
	background-color: #fff;
	line-height: 40px;
}

#pagina #conteudo-pagina #cadastro-info span.sub span.laranja{
	color:#f4922a;
}

#pagina #conteudo-pagina #cadastro-info .barra-beneficio{
	background: url(../images/layout/barra-beneficio.png) center center no-repeat;
	width: 100%;
	height: 24px;
	line-height: 24px;
	margin-bottom: 4px;
	margin-left:20px;
	font: bold 14px Helvetica, Tahoma, sans-serif, Arial;
	color: #fff;
	text-align: center;
}

#pagina #conteudo-pagina #cadastro-info .barra-beneficio.semfundo{
	background: none;	
}

#pagina #conteudo-pagina #cadastro-info span.texto{
	display:inline;
	text-align:center;
	line-height: 24px;
}

#pagina #conteudo-pagina #cadastro-info span.texto-amarelo{
	display:inline;
	text-align:center;
	line-height: 24px;
	color:#efd421;
}

#pagina #conteudo-pagina #cadastro-info span.texto-amarelo a{
	display:inline;
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	color:#fff;
	text-decoration: underline;
	line-height: 15px;
}

#pagina #conteudo-pagina #cadastro-info span.texto-amarelo a:hover{
	color:#efd421;
}

#pagina #conteudo-pagina #cadastro-info span.branco{
	color:#fff;
}


#pagina #conteudo-pagina .barra-inf-cel{
	position:relative;
	width: 100%;
	text-align: center;
}

#pagina #conteudo-pagina .barra-inf-cel span.texto-small{
	line-height: 23px;
	font: normal 11px Helvetica, Tahoma, sans-serif, Arial;
	color: #000;
}

#pagina #conteudo-pagina #cadastro-info .logo-promocao{
	position:absolute;
	width: 203px;
	height: 200px;
	margin-top:10px;
	margin-left:20px;
	background: url(../images/layout/logo-promocao.png) 0 0 no-repeat;
}

#pagina #conteudo-pagina #cadastro-info .preco{
	position:absolute;
	width: 137px;
	height: 80px;
	left:40px;
	margin-top:10px;
	background: url(../images/layout/valor.png) 0 0 no-repeat;
}

#pagina #conteudo-pagina #cadastro-info .preco span{
	position:absolute;
	bottom:0;
	font: bold 13px Helvetica, Tahoma, sans-serif, Arial;
	color: #fff;
	margin-left: 15px;
}

#pagina #conteudo-pagina #cadastro-info .preco span.apenas{
	position:absolute;
	top:-4px;
	font: bold 13px Helvetica, Tahoma, sans-serif, Arial;
	color: #fff;
	margin-left: 85px;
}


#pagina #conteudo-pagina #cadastro-info .barra-botao{
	width: 341px;
	height: 40px;
	margin-left:245px;
	margin-top:30px;
}

#pagina #conteudo-pagina #cadastro-info .barra-botao input[type=button]{
	font: bold 18px Helvetica, Tahoma, sans-serif, Arial;
	color: #fff;
	cursor: pointer;
	text-transform: uppercase;
	width: 341px;
	height: 40px;
	line-height: 40px;
	background-color: #f4922a;
	border: 0;
	border-radius: 10px;
	-moz-border-radius: 10px;
}




/************************************************************
* TELA DE LOGIN BOLETO ON-LINE
************************************************************/
#div-formulario.div-login-boleto {
	position: relative;
	width: 800px;
	margin: 0 auto;
	height: 315px;
	padding-top: 30px;
}


/************************************************************
* TELA DE AVISOS
************************************************************/
#div-formulario .mural-avisos {
	position: relative;
	width: 600px;
	margin: 0 auto;
}

#div-formulario .mural-avisos .topo-mural{
	font: bold 18px Helvetica, Tahoma, sans-serif, Arial;
	color: #1a61ad;
	text-align: center;
	padding-top:20px;
	width: 200px;
	margin: 0  auto;
	margin-bottom:60px;
}


#div-formulario .mural-avisos .topo-mural .titulo{
	display: inline;
	float:left;
	line-height: 30px;
}

#div-formulario .mural-avisos .topo-mural .ico-mural{
	display: inline;
	float:left;
	width: 30px;
	height: 30px;
	margin-right:20px;
	background: url(../images/layout/ico-mural.png) center center no-repeat;
}

#div-formulario .mural-avisos .quadro-aviso{
	clear: both;
	border:1px solid #d1d1d1;
	margin-bottom:10px;
}

#div-formulario .mural-avisos .quadro-aviso h2{
	font: bold 14px Helvetica, Tahoma, sans-serif, Arial;
	color: #1a61ad;
	background-color: #eaeced;	
	margin:0;
	padding:5px;
}

#div-formulario .mural-avisos .quadro-aviso ul li{
	font: normal 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #1a61ad;
	padding:2px;
}

#div-formulario .mural-avisos .quadro-aviso ul li span.estado{
	display: inline-table;
	width: 120px;	
}

#div-formulario .mural-avisos .quadro-aviso ul li span.valor{
	display: inline-table;
	width: 80px;	
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
}	
	
#div-formulario .mural-avisos .quadro-aviso .texto{
	padding:10px;	
	font: normal 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #1a61ad;
}	
	



/************************************************************
* TELA DE DOCUMENTOS
************************************************************/
#div-formulario .documentos {
	position: relative;
	width: 600px;
	margin: 0 auto;
}

#div-formulario .documentos .topo-docs{
	font: bold 18px Helvetica, Tahoma, sans-serif, Arial;
	color: #1a61ad;
	text-align: center;
	padding-top:20px;
	width: 600px;
	margin: 0  auto;
	margin-bottom:60px;
}


#div-formulario .documentos .topo-docs .titulo{
	display: inline;
	float:left;
	line-height: 30px;
	text-align: center;
}

#div-formulario .documentos .topo-docs .icone{
	display: inline;
	float:left;
	width: 30px;
	height: 30px;
	margin-right:20px;
}

#div-formulario .documentos .topo-docs .icone.download{
	background: url(../images/layout/ico-download.png) center center no-repeat;
}

#div-formulario .documentos .topo-docs .icone.admissao{
	background: url(../images/layout/ico-admissao.png) center center no-repeat;
}

#div-formulario .documentos .topo-docs .icone.ctps{
	background: url(../images/layout/ico-ctps.png) center center no-repeat;
}

#div-formulario .documentos .topo-docs .icone.pagamento{
	background: url(../images/layout/ico-pagamento.png) center center no-repeat;
}

#div-formulario .documentos .topo-docs .icone.advertencia{
	background: url(../images/layout/ico-advertencia.png) center center no-repeat;
}

#div-formulario .documentos .topo-docs .icone.demissao{
	background: url(../images/layout/ico-demissao.png) center center no-repeat;
}




#div-formulario .documentos .quadro-botoes{
	clear: both;
	border:1px solid #d1d1d1;
	margin-bottom:10px;
}

#div-formulario .documentos .quadro-botoes ul {
	list-style-image: url(../images/layout/ico-word.png);
	
}

#div-formulario .documentos .quadro-botoes ul.download {
	list-style-image: url(../images/layout/ico-download2.png);
	
}

#div-formulario .documentos .quadro-botoes ul li{
	width:95%;
	padding: 0 5px 10px 5px;
	font: normal 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #1a61ad;
	margin-bottom: 10px;
	background-color: #f8f9fb;
}


#div-formulario .documentos .quadro-botoes ul li a{
	text-decoration: none;
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #fff;
	cursor: pointer;
	background-color: #1a61ad;
	padding: 0 5px 0 5px;
	line-height: 30px;
}

#div-formulario .documentos .quadro-botoes ul li a:hover{
	color:#fff;	
	background-color: #f4922a;
}

#div-formulario .documentos .quadro-botoes ul li span.info{
	display:block;
	width: 500px;
	background-color: #ffffcc;
	padding:5px;
	margin-top:5px;
	margin-left: 10px;
}

#div-formulario .documentos .quadro-botoes ul li span.obs{
	display:block;
	width: 500px;
	background-color: #ffffcc;
	padding:5px;
	margin-top:5px;
	color:#cf1a1a;	
	margin-left: 10px;
	
}

/************************************************************
* LISTAR EMPREGADOS
************************************************************/
#div-formulario .aviso {
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #e11a1a;
}

#div-formulario .div-cadastro {
	width: 600px;
	height: 30px;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: left;
	font: bold 14px Helvetica, Tahoma, sans-serif, Arial;
}

#div-formulario .div-cadastro.width770 {
	width: 770px;
	height: 30px;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: left;
	font: bold 14px Helvetica, Tahoma, sans-serif, Arial;
}

#div-formulario .div-cadastro.width750 {
	width: 750px;
}

#div-formulario .div-cadastro a {
	margin-left: 10px;
	line-height: 30px;
	text-decoration: none;
	letter-spacing: 1px;
	padding: 5px;
	color: #fff;
	background-color: #f49128;
	border-radius: 5px;
	-moz-border-radius: 5px;
}

#div-formulario .div-cadastro a:hover {
	background-color: #1960ad;
}

#div-formulario .div-cadastro a:visited {
	color: #fff;
	background-color: #f49128;
}

#div-formulario .div-cadastro a.cracha{
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #edeeef;
	letter-spacing: 1px;
	background-color: #7c7d80;
	padding:5px;
	line-height: 30px;
}

#div-formulario .div-cadastro a.cracha:hover{
	background-color: #1e62ad;
}


#div-formulario .div-cadastro div.icone {
	display: inline;
	background: url(../images/layout/ico-cadastrar.png) center center no-repeat;
	width: 31px;
	height: 30px;
	float: left;
}

#div-formulario .div-cadastro div.icone-local {
	display: inline;
	background: url(../images/layout/ico-local.png) center center no-repeat;
	width: 31px;
	height: 30px;
	float: left;
}

#div-formulario .div-cadastro div.icone-relatorio {
	display: inline;
	background: url(../images/layout/ico-relatorio.png) center center no-repeat;
	width: 31px;
	height: 30px;
	float: left;
}

#div-formulario .div-cadastro div.icone-evento {
	display: inline;
	background: url(../images/layout/ico-evento.png) center center no-repeat;
	width: 30px;
	height: 30px;
	float: left;
}

#div-formulario .div-cadastro div.icone-etapa {
	display: inline;
	background: url(../images/layout/ico-etapa.png) center center no-repeat;
	width: 31px;
	height: 30px;
	float: left;
}

#div-formulario .div-cadastro div.icone-carga-horaria {
	display: inline;
	background: url(../images/layout/ico-carga.png) center center no-repeat;
	width: 31px;
	height: 30px;
	float: left;
}


/************************************************************
* Tabela de Resultados da pesquisa de EMPREGADOS
************************************************************/
#div-formulario table#empregado {
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
	border: 1px solid #1960ad;
}

#div-formulario table#empregado thead tr th {
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #fff;
	background-color: #1960ad;
	height: 25px;
}

#div-formulario table#empregado thead tr th.ativo {
	width: 40px;
}

#div-formulario table#empregado thead tr th.icone {
	width: 20px;
}

#div-formulario table#empregado thead tr th.qrcode {
	width: 20px !important;
	height: 20px !important;
}

#div-formulario table#empregado thead tr th.qrcode img {
	width: 100%;
	height: 100%;
}

#div-formulario table#empregado tr td a.print{
	display:inline-block;
	background: url(../images/layout/ico-print.png) 0 0 no-repeat;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: right;
	cursor: pointer;
}

#div-formulario table#empregado tr td a.print:hover{
	background: url(../images/layout/ico-print.png) -26px 0 no-repeat;
}


#div-formulario table#empregado tr td a.export{
	display:inline-block;
	background: url(../images/layout/ico-export-txt.png) 0 0 no-repeat;
	width: 19px;
	height: 25px;
	line-height: 25px;
	text-align: right;
	cursor: pointer;
}


#div-formulario table#empregado tr td.ico-empregado {
	background: url(../images/layout/ico-empregado.png) center center no-repeat transparent;
	width: 20px;
	height: 20px;
}

#div-formulario table#empregado tr td.ico-cliente {
	background: url(../images/layout/ico-cliente.png) center center no-repeat transparent;
	width: 20px;
	height: 20px;
}

#div-formulario table#empregado tr {
	height: 25px;
	background-color: #fff;
}

#div-formulario table#empregado tr.diferencia {
	background-color: #efefef;
}

#div-formulario table#empregado tr td a {
	display: block;
	width: 20px;
	height: 20px;
}

#div-formulario table#empregado tr td.ico-editar {
	background: url(../images/layout/ico-editar.png) center center no-repeat transparent;
	width: 20px;
	height: 20px;
	line-height: 20px;
}

#div-formulario table#empregado tr td.ico-cad-funcionarios {
	background: url(../images/layout/ico-funcionarios.png) center center no-repeat transparent;
	width: 20px;
	height: 20px;
	line-height: 20px;
}

#div-formulario table#empregado tr td.ico-cad-funcionarios-disabled {
	background: url(../images/layout/ico-funcionarios-disabled.png) center center no-repeat transparent;
	width: 20px;
	height: 20px;
	line-height: 20px;
}

#div-formulario table#empregado tr td.ico-excluir {
	background: url(../images/layout/ico-excluir.png) center center no-repeat transparent;
	width: 20px;
	height: 20px;
	line-height: 20px;
}

#div-formulario table#empregado tr td.ico-ativar {
	background: url(../images/layout/ico-ativar.png) center center no-repeat transparent;
	width: 20px;
	height: 20px;
	line-height: 20px;
}

#div-formulario table#empregado tr td.nome {
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #1d62ae;
	text-align: left;
	padding-left: 10px;
}

#div-formulario table#empregado tr td.ativo {
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	text-align: center;
}

#div-formulario table#empregado tr td.sim {
	color: #059105;
}

#div-formulario table#empregado tr td.nao {
	color: #e11a1a;
}

#div-formulario #observacoes {
	position: relative;
	width: 90%;
	margin:0 auto;
	text-align: left;
	font: bold 11px Helvetica, Tahoma, sans-serif, Arial;
	color: #d81a15;
}

#result-pontos table#feriados {
	width: 450px;
	background-color: #fff;
	margin:0 auto;
	text-align: center;
	margin-top:20px;
	margin-left: -80px;
}

#result-pontos table#feriados input.data{
	width: 60px;
}

#result-pontos table#feriados input.dsc{
	width: 300px;
}

#result-pontos table#feriados tr td {
	background-color: #fff;
}

#result-pontos table#horas_dias {
	width: 100% !important;
	background-color: #fff;
	margin:0 auto;
	text-align: center;
	margin-top:20px;
}

#result-pontos table#horas_dias input.data{
	width: 60px;
}

#result-pontos table#horas_dias input.hora{
	width: 60px;
}

#result-pontos table#feriados tr td {
	background-color: #fff;
}

#result-pontos.agora{
	width: 660px;
	height:auto;
	margin-bottom: 50px;
	margin:0 auto;
}

#result-pontos.agora div#pessoa{
	display:inline-table;
	width: 150px;
	height: 150px;
	background-color: #dee4f2;
	margin-right: 15px;
	margin-bottom:20px;
	float: left;	
	-webkit-box-shadow: 0px 0px 5px #3a3b3d;
	-moz-box-shadow: 0px 0px 5px #3a3b3d;
	box-shadow: 0px 0px 5px #3a3b3d;
	border-radius:10px;
	
}

#result-pontos.agora div#pessoa div#foto{
	position:relative;
	display: inline-table;
	float: left;
	margin-left: 8px;
	margin-top:8px;
	width: 85px;
	height: 85px;
	background-color:#dee4f2;
}

#result-pontos.agora div#pessoa div#foto div.rotate{
	position:absolute;
	width: 14px;
	height:14px;
	top:-5px;
	right:-5px;
	background: url(../images/layout/rotate.png) 0 0 no-repeat;
	cursor: pointer;
}

#result-pontos.agora div#pessoa div#foto.print{
	margin-left:25px;
}

#result-pontos.agora div#pessoa div#foto.no-photo{
	border:1px solid #fff;
	background: url(../images/layout/no-photo.png) center center no-repeat;
}

#result-pontos.agora div#pessoa div#foto img{
	border:1px solid #fff;
}

#result-pontos.agora div#pessoa div#mapa{
	display: inline-table;
	float: right;
	margin-right: 5px;
	margin-top:5px;
	width: 40px;
	height: 85px;
	cursor: pointer;
}

#result-pontos.agora div#pessoa div#mapa.exists{
	background: url(../images/layout/mapa-agora.png) center center no-repeat;
}

#result-pontos.agora div#pessoa div#mapa.not-exists{
	background: url(../images/layout/mapa-agora-no.png) center center no-repeat;
}

#result-pontos.agora div#pessoa div#mapa.not-exists-neg{
	background: url(../images/layout/mapa-agora-neg.png) center center no-repeat;
}


#result-pontos.agora div#pessoa div#mapa span{
	display: none;	
}

#result-pontos div.home{
	width: 95%;
	height: 600px;
	margin:0 auto;
	
}

#result-pontos div.home div.topo-home {
	width: 70%;
	background-color: #fff;
	margin:0 auto;
	text-align: center;
}



#result-pontos div.home div.topo-home div.boneco{
	display: inline-block;
	float:left;
	width: 13%;
	height: 116px;
	background: url(../images/layout/boneco-home.png) 0 0 no-repeat;
}


#result-pontos div.home div.topo-home div.mte{
	display:inline-block;
	float:right;
	width: 13%;
	height: 116px;
	background: url(../images/layout/mte-novo.png) right center no-repeat;
}

#result-pontos div.home div.topo-home div.mte a{
	display:block;
	width: 100%;
	height: 116px;
}

#result-pontos div.home div.topo-home div.mte-rep-p{
	display:inline-block;
	float:right;
	width: 13%;
	height: 116px;
	background: url(../images/layout/mte-repp.png) right center no-repeat;
}

#result-pontos div.home div.topo-home div.mte-rep-p a{
	display:block;
	width: 100%;
	height: 116px;
}

#result-pontos div.home div.topo-home div.texto{
	display: inline-block;
	margin-top:35px;
	width:70%; 
	text-align: center;
	font: normal 19px MyRegular,Helvetica, Tahoma, sans-serif, Arial;
	color:#1e62ad;
	vertical-align: middle;
}

#result-pontos div.home div.topo-home div.texto span.mob{
	color:#f4922a;	
	font-weight: bold;
}

#result-pontos div.home div.topo-home div.texto span.ponto{
	color:#1a61ad;	
	font-weight: bold;
}

#result-pontos div.conheca-texto{
	display: block;
	width: 100%;
	text-align: center;
	font: normal 18px MyRegular,Helvetica, Tahoma, sans-serif, Arial;
	color:#0a3665;
	text-align: center;
	margin-top:20px;
	margin-bottom:20px;
	color:#1e62ad;
}

#result-pontos div.conheca-texto span.mob{
	color:#f4922a;	
	font-weight: bold;
}

#result-pontos div.conheca-texto span.ponto{
	color:#1a61ad;	
	font-weight: bold;
}

#result-pontos div.home div.topo-home span.plano{
	color:#1e62ad;
	font: bold 16px MyRegular,Helvetica, Tahoma, sans-serif, Arial;
}

#result-pontos div.home div.topo-home span.plano span.qtde_acessos{
	color:#fc921a;
	font: bold 16px MyRegular,Helvetica, Tahoma, sans-serif, Arial;
}

#result-pontos div.home div.topo-home a.link_botao{
	display:block;
	width:25%;
	background: #fc921a;
	color:#fff;
	border-radius:5px;
	padding: 5px 5px 2px 5px;
	margin:0 auto;
	margin-top:10px;
	transition:all 0.5s ease;
	font: normal 14px MyRegular,Helvetica, Tahoma, sans-serif, Arial;
}

#result-pontos div.home div.topo-home a.link_botao:hover{
	background: #2363ad;
	color:#fff;
}


#result-pontos div.home div.icones-funcs{
	width: 100%;
	height: 280px;
}

#result-pontos div.home div.icones-funcs div.quadro{
	display:inline-table;
	float:left;
	width: 225px;
	height: 230px;
	border-right: 1px solid #636363;
	cursor: pointer;
}

#result-pontos div.home div.icones-funcs div.quadro.noback{
	background: none;
}

#result-pontos div.home div.icones-funcs div.quadro div.icone{
	width: 225px;
	height: 120px;	
	margin:0 auto;
}

#result-pontos div.home div.icones-funcs div.quadro div.icone.modos{
	background: url(../images/layout/ico-modo.png?v=2) 80px center no-repeat #fff;
}

#result-pontos div.home div.icones-funcs div.quadro div.icone.cores{
	background: url(../images/layout/ico-cores.png?v=2) center center no-repeat #fff;
}

#result-pontos div.home div.icones-funcs div.quadro div.icone.foto{
	background: url(../images/layout/ico-foto-home.png?v=2) center center no-repeat #fff;
}

#result-pontos div.home div.icones-funcs div.quadro div.icone.plataforma{
	background: url(../images/layout/ico-plataforma.png?v=2) center center no-repeat #fff;
}

#result-pontos div.home div.icones-funcs div.quadro div.icone.local{
	background: url(../images/layout/ico-local-rel.png?v=2) center center no-repeat #fff;
}

#result-pontos div.home div.icones-funcs div.quadro div.icone.gps{
	background: url(../images/layout/ico-localgps.png) center center no-repeat #fff;
}

#result-pontos div.home div.icones-funcs div.quadro div.icone.periodo{
	background: url(../images/layout/ico-periodo.png) center center no-repeat #fff;
}

#result-pontos div.home div.icones-funcs div.quadro div.icone.alteracoes{
	background: url(../images/layout/ico-alteracoes.png) center center no-repeat #fff;
}

#result-pontos div.home div.icones-funcs div.quadro div.icone.sms{
	background: url(../images/layout/ico-sms.png) center center no-repeat #fff;
}

#result-pontos div.home div.icones-funcs div.quadro div.icone.logomarca{
	background: url(../images/layout/ico-logomarca.png) center center no-repeat #fff;
}

#result-pontos div.home div.icones-funcs div.quadro div.icone.faltas{
	background: url(../images/layout/ico-faltas-rel.png) center center no-repeat #fff;
}


#result-pontos div.home div.icones-funcs div.quadro div.icone.pdf-excel{
	background: url(../images/layout/ico-pdf-excel.png) center center no-repeat #fff;
}

#result-pontos div.home div.icones-funcs div.quadro div.icone.conf-personalizadas{
	background: url(../images/layout/ico-conf-personalizada.png) center center no-repeat #fff;
}

#result-pontos div.home div.icones-funcs div.quadro .relative {
	position: relative;
}

#result-pontos div.home div.icones-funcs div.quadro .tooltip {
	position: absolute;
	background: #fff;
	border: 1px solid #a8a7a7;
	text-align: left;
	padding: 10px;
	width: 400px;
	min-height:140px;
	z-index: 9999;
	display: none;
	font: normal 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #000;
	line-height: 20px;
	word-wrap: break-word;
	-webkit-box-shadow: 0px 0px 20px #3a3b3d;
	-moz-box-shadow: 0px 0px 20px #3a3b3d;
	box-shadow: 0px 0px 20px #3a3b3d;
}


#result-pontos div.home div.icones-funcs div.quadro .tooltip .seta-balao {
	position: absolute;
	display: inline-block;
	width: 35px;
	height: 41px;
	background: url(../images/layout/seta-tooltip2.png);
	left:auto;
	left: 20px;;
	bottom: -41px;
}

#result-pontos div.home div.icones-funcs div.quadro .tooltip h4 {
	font: bold 12px MyRegular,Helvetica, Tahoma, sans-serif, Arial;
	color: #d24a01;
	margin: 0 0 10px 0;
	border-bottom: 1px dotted #f4922a;
	word-wrap: break-word;
	padding: 0;
	letter-spacing: 0.5px;
}

#result-pontos div.home div.icones-funcs div.quadro .tooltip span.texto {
	display: block;
	font: normal 12px MyRegular,Helvetica, Tahoma, sans-serif, Arial;
	color: #3c3c3c;
	margin-top:20px;
}

#result-pontos div.home div.icones-funcs div.quadro .tooltip span.texto a{
	
	font: normal 12px MyRegular,Helvetica, Tahoma, sans-serif, Arial;
	color: #1961b5;
	text-decoration: underline;
	
}

#result-pontos div.home div.icones-funcs div.quadro .tooltip.coluna1{
	top: -150px;
	left: 130px;
	
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 15px;
	border-bottom-right-radius: 15px;
}

#result-pontos div.home div.icones-funcs div.quadro .tooltip.coluna2{
	top: -150px;
	left: 120px;
	
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 15px;
	border-bottom-right-radius: 15px;
}

#result-pontos div.home div.icones-funcs div.quadro .tooltip.coluna3{
	top: -150px;
	left: -350px;
	
	border-top-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top-right-radius: 15px;
	border-bottom-left-radius: 15px;
}

#result-pontos div.home div.icones-funcs div.quadro .tooltip.coluna3 .seta-balao {
	position: absolute;
	display: inline-block;
	width: 41px;
	height: 41px;
	background: url(../images/layout/seta-tooltip3.png);
	left:auto;
	right: 10px;
	bottom: -41px;
}

#result-pontos div.home div.icones-funcs div.quadro .tooltip.coluna4{
	top: -150px;
	left: -350px;
	
	border-top-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top-right-radius: 15px;
	border-bottom-left-radius: 15px;
}

#result-pontos div.home div.icones-funcs div.quadro .tooltip.coluna4 .seta-balao {
	position: absolute;
	display: inline-block;
	width: 41px;
	height: 41px;
	background: url(../images/layout/seta-tooltip3.png);
	left:auto;
	right: 10px;
	bottom: -41px;
	
}


#result-pontos div.home div.icones-funcs div.quadro div.texto{
	width: 175px;
	height: 100px;	
	margin:5px auto;
	font: normal 14px MyRegular,Helvetica, Tahoma, sans-serif, Arial;
	color:#545454;
	text-align: center;
}

#result-pontos div.home div.icones-funcs div.quadro div.texto span.ondeesta{
	font: normal 13px MyRegular,Helvetica, Tahoma, sans-serif, Arial;
	color:#d24a01;
}

#result-pontos div.home div.icones-funcs div.quadro div.texto span.pj{
	font: normal 11px MyRegular,Helvetica, Tahoma, sans-serif, Arial;
	color:#e21c2a;
}

div#MapLoad{
	width: 400px;
	height:270px;
	margin:0 auto;
	margin-top:20px;
}

#result-pontos table#agora {
	width: 660px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
	background-color: #fff;
	border:0px;
}

#result-pontos table#agora tr td {
	background-color: #fff;
}


#result-pontos.agora div#pessoa div#mapa span.setona {
	display: inline-block;
	width: 34px;
	height: 34px;
	background: url(../images/layout/seta-tooltip2.png);
	position: absolute;
	left: 20px;;
	bottom: -34px;
}


#result-pontos.agora div#pessoa div#infos{
	display: block;
	margin-left: 8px;
	margin-top:0px;
	width: 140px;
	height: 70px;
}

#result-pontos.agora div#pessoa div#infos.print{
	margin-left: 0px !important;
	padding-bottom:10px !important;
	clear:both;
}

#result-pontos.agora div#pessoa div#infos div.nome{
	display: block;
	width: 100%;
	font: bold 11px Helvetica, Tahoma, sans-serif, Arial;
	color:#0b3663;		
	text-align: left;
	text-transform: uppercase;
	line-height:17px;
}

#result-pontos.agora div#pessoa div#infos div.print{
	text-align: center !important;	
}

#result-pontos.agora div#pessoa div#infos div.ponto{
	display: block;
	width: 100%;
	font: bold 11px Helvetica, Tahoma, sans-serif, Arial;
	color:#3a3a3a;		
	text-align: left;
	line-height:17px;
}

#result-pontos.agora div#pessoa div#infos div.local{
	display: block;
	width: 100%;
	font: bold 11px Helvetica, Tahoma, sans-serif, Arial;
	color:#3a3a3a;		
	text-align: left;
	line-height:17px;
}

/************************************************************
* TELA HOME
************************************************************/
#result-pontos div#home-inicial{
	width: 750px;
	margin:0 auto;
}

#result-pontos div#home-inicial span.apresentacao{
	display: block;	
	font: bold 14px Helvetica, Tahoma, sans-serif, Arial;
	color:#0a3665;
	padding-bottom:30px;
	text-align: center;
	width: 650px;
	margin:0 auto;
}

#result-pontos div#home-inicial span.apresentacao span.mob{
	color:#f4922a;
}

#result-pontos div#home-inicial span.apresentacao span.ponto{
	color:#1a61ad;
}

#result-pontos div#home-inicial div#quadro{
	display: inline-table;
	width: 161px;
	height: 128px;
	background-color: #00ff00;	
}

#result-pontos div#home-inicial div#quadro.avisos{
	background: url(../images/layout/ico-aviso-home.png) center center no-repeat transparent;
}

#result-pontos div#home-inicial div#quadro.rel-local{
	background: url(../images/layout/ico-local-home.png) center center no-repeat transparent;
}

#result-pontos div#home-inicial div#quadro.edt-ponto{
	background: url(../images/layout/ico-editar-home.png) center center no-repeat transparent;
}

#result-pontos div#home-inicial div#quadro.maps{
	background: url(../images/layout/ico-localizacao-home.png) center center no-repeat transparent;
}

#result-pontos div#home-inicial div#quadro.cores{
	background: url(../images/layout/ico-cores-home.png) center center no-repeat transparent;
}

#result-pontos div#home-inicial div#quadro.faltas{
	background: url(../images/layout/ico-faltas-home.png) center center no-repeat transparent;
}

#result-pontos div#home-inicial div#quadro.pdf-excel{
	background: url(../images/layout/ico-pdf-home.png) center center no-repeat transparent;
}

#result-pontos div#home-inicial div#quadro.contato{
	background: url(../images/layout/ico-contato-home.png) center center no-repeat transparent;
}


#result-pontos div#home-inicial div#separador{
	display: inline-table;
	width: 3px;
	height: 139px;	
	background: url(../images/layout/separador-home.png) center center no-repeat transparent;
	margin-left: 5px;
	margin-right: 5px;
}

#result-pontos div#home-inicial #quadro div.relative {
	display: none;
}

#result-pontos div#home-inicial #quadro .tooltip {
	position: absolute;
	background: #fff;
	border: 2px solid #f4922a;
	text-align: left;
	padding: 10px;
	width: auto;
	height: auto;
	z-index: 9999;
	border-radius: 10px;
	-moz-border-radius: 10px;
	font: normal 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #000;
	line-height: 20px;
	word-wrap: break-word;
}

#result-pontos div#home-inicial #quadro .tooltip .setona {
	position: absolute;
	display: inline-block;
	width: 34px;
	height: 34px;
	background: url(../images/layout/seta-tooltip.png);
	left: 20px;;
	bottom: -34px;
}

#result-pontos div#home-inicial #quadro .tooltip.aviso{
	top: -200px;
	left: 40px;
	width: 400px;
	height:120px;
}



/************************************************************
* Tabela de Resultados da pesquisa de PONTOS
************************************************************/
#result-pontos table {
	width: 95% !important;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
	border: 1px solid #1960ad;
}

#result-pontos table tr td table {
	display:none;
	width: 100%;
	background-color: #aaaaaa;
	border:0;
	margin:0 auto;
	padding:0px;
}

#result-pontos table tr td table tr {
	height: 15px;
	background-color: #fff;
}

#result-pontos table tr td table tr th{
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #fff;
	background-color: #7e7f82;
	line-height: 15px;
	height: 15px;
	padding:0;
	margin:0;
}

#result-pontos table tr th.duvida{
	background: url(../images/layout/interrogacao.gif) right top no-repeat #1960ad;
	cursor: pointer ;
}

#result-pontos table tr th.duvida2{
	background: url(../images/layout/interrogacao2.gif) right top no-repeat #1960ad;
	cursor: pointer ;
}

#result-pontos table tr td table tr td{
	font: normal 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #000;
	line-height: 10px;
	padding:0;
	margin:0;
}

#result-pontos table tr td table tr td.parada-atend{
	color: #e70507;
}

#result-pontos table tr td table tr td.trabalhada{
	color: #127322;
}

#result-pontos a#detalhar{
	display: inline-table;
	float:right;
	width: 15px !important;
	min-width: 15px !important;
	height: 14px;
	cursor: pointer;
	margin-right: 4px;
}

#result-pontos a#detalhar.expandir{
	background: url(../images/layout/expadir-retrair.png) 0 0 no-repeat transparent;
}

#result-pontos a#detalhar.retrair{
	background: url(../images/layout/expadir-retrair.png) -15px 0 no-repeat transparent;
}

#result-pontos table thead tr th {
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #fff;
	background-color: #1960ad;
	height: 25px;
}

#result-pontos table thead tr th.diames {
	width: 40px;
}

#result-pontos table thead tr th.diasemana {
	width: 100px;
}

#result-pontos table thead tr th.hora {
	width: 80px;
}

#result-pontos table tr td.thora {
	width: 80px;
}

#result-pontos table thead tr th.editar {
	width: 20px;
}

#result-pontos table tbody {
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #000;
	text-align: center;
}

#result-pontos table tbody .left {
	text-align: left;
	padding-left: 10px;
}

#result-pontos table tbody tr {
	height: 25px;
	background-color: #e7ebf0;
}

#result-pontos table tbody  tr.diferencia {
	background-color: #d3d8dd;
}

#result-pontos table tbody  tr.separador {
	background-color: #fff;
	height: 10px;
}

#result-pontos table tbody tr.botoes {
	height: 50px;
	text-align: right;
	vertical-align: bottom;
	background-color: #fff;
}

#result-pontos table tbody tr td.hide {
	display: none;
}

#result-pontos table thead tr th.hide {
	display: none;
}

#result-pontos table a.paginacao{
	display: inline-table;
	font: bold 18px Helvetica, Tahoma, sans-serif, Arial;
	color: #1960ad;
	background: url(../images/layout/sprite_paginacao.png) 0 0 no-repeat transparent;
	width: 28px;
	height: 28px;
	line-height: 22px;
	cursor: pointer;
	text-align: center;
}

#result-pontos table a.paginacao:hover{
	color: #fff;
	background: url(../images/layout/sprite_paginacao.png) 0 -28px no-repeat transparent;
}

#result-pontos table a.paginacao2{
	display: inline-table;
	font: bold 18px Helvetica, Tahoma, sans-serif, Arial;
	color: #1960ad;
	background: url(../images/layout/sprite_paginacao.png) 0 0 no-repeat transparent;
	width: 28px;
	height: 28px;
	line-height: 22px;
	cursor: pointer;
	text-align: center;
}

#result-pontos table a.paginacao2:hover{
	color: #fff;
	background: url(../images/layout/sprite_paginacao.png) 0 -28px no-repeat transparent;
}

#result-pontos input[type=button], #result-pontos #btnExportAll {
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #fff;
	padding: 1px 5px 1px 5px;
	cursor: pointer;
	text-transform: uppercase;
	width: auto;
	height: 22px;
	line-height: 22px;
	background-color: #1e62ad;
	border: 0px solid #6e7073;
	margin-bottom: 10px;
	margin-right: 5px;
}

#result-pontos table tbody tr td span.dh_manual {
	color: #1861b5;
	cursor: pointer;
}

#result-pontos table tbody tr td span.dh_servidor {
	color: #000;
	cursor: pointer;
}

#result-pontos table tbody tr td span.dh_servidor2 {
	color: #323232;
	cursor: pointer;
}

#result-pontos table tbody tr td span.dh_negado {
	color: #93110d;
	cursor: pointer;
}

#result-pontos table tbody tr td span.falta {
	display:block;
	width:100%;
	height:25px;
	color: #de0404;
	cursor: pointer;
	line-height: 25px;
	text-align: left;
	padding-left: 5px;
}

#result-pontos table tbody tr td span.falta.absolute{
	width:30%;
	position: absolute;
	margin-top:-12px;
}


#result-pontos table tbody tr td.parada {
	border:2px solid #ff0000;
}

#result-pontos table tbody tr td span.dh_edt_site {
	color: #cd7417;
	cursor: pointer;
}

#result-pontos table tbody tr td span.dh_aprov_sol {
	color: #cd7417;
	cursor: pointer;
}

#result-pontos table tbody tr td span.dh_ponto_site {
	color: #3d8614;
	cursor: pointer;
}

#result-pontos table tbody tr td span.dh_ponto_site_mobile {
	color: #856f9c;
	cursor: pointer;
}


#result-pontos table tbody tr td span.dh_ponto_celular {
	color: #9f046f;
	cursor: pointer;
}

#result-pontos table tbody tr td span.dh_ponto_gps {
	color: #417f6b;
	cursor: pointer;
}

#result-pontos table tbody tr td span.dh_ponto_func_manu {
	color: #8f0404;
	cursor: pointer;
}

#result-pontos table tbody tr td.horas-trab {
	text-align: right;
	padding-right: 10px;
	font: bold 14px Helvetica, Tahoma, sans-serif, Arial;
	color: #000;
}

#result-pontos table tbody tr td.horas-trab span {
	color: #059105;
}

#result-pontos table tbody tr td.horas-trab span.totalhoras {
	color: #059105;
}

#result-pontos table tbody tr td.horas-trab span.totalhoras-negativo {
	color: #e61010;
}

#result-pontos table tbody tr td.fds {
	color: #e61010;
}

#result-pontos table tbody tr td.ponto-feriado {
	color: #0a9107;
}

#result-pontos table tbody tr td.negativo {
	color: #e61010;
}

#result-pontos table tbody tr td.positivo {
	color:#059105;
}

#result-pontos table tbody tr.botoes {
	height: 50px;
	text-align: right;
	vertical-align: bottom;
	background-color: #fff;
}

#result-pontos table tbody tr td.legenda{
	text-align: left;
	vertical-align: middle;	
}

#result-pontos table tbody tr td.legenda div.azul{
	display:inline;
	float:left;
	width:12px;
	height:12px;
	margin-left:10px;
	margin-right:10px;
	background-color:#9f046f;
	vertical-align: middle;	
}

#result-pontos table tbody tr td.legenda div.preto{
	display:inline;
	float:left;
	width:12px;
	height:12px;
	margin-left:10px;
	margin-right:10px;
	background-color:#000;
	vertical-align: middle;	
}

#result-pontos table tbody tr td.legenda div.vermelho{
	display:inline;
	float:left;
	width:12px;
	height:12px;
	margin-left:10px;
	margin-right:10px;
	background-color:#93110d;
	vertical-align: middle;	
}

#result-pontos table tbody tr td.legenda div.verde{
	display:inline;
	float:left;
	width:12px;
	height:12px;
	margin-left:10px;
	margin-right:10px;
	background-color:#3d8614;
	vertical-align: middle;	
}

#result-pontos table tbody tr td.legenda div.lilas{
	display:inline;
	float:left;
	width:12px;
	height:12px;
	margin-left:10px;
	margin-right:10px;
	background-color:#856f9c;
	vertical-align: middle;	
}

#result-pontos table tbody tr td.legenda div.laranja{
	display:inline;
	float:left;
	width:12px;
	height:12px;
	margin-left:10px;
	margin-right:10px;
	background-color:#cd7417;
	vertical-align: middle;	
}

#result-pontos table tbody tr td.legenda div.sol_funcionario{
	display:inline;
	float:left;
	width:12px;
	height:12px;
	margin-left:10px;
	margin-right:10px;
	background-color:#8f0404;
	vertical-align: middle;	
}

#result-pontos table tbody tr td.legenda div.hr_celular{
	display:inline;
	float:left;
	width:12px;
	height:12px;
	margin-left:10px;
	margin-right:10px;
	background-color:#135473;
	vertical-align: middle;	
}

#result-pontos table tbody tr td.legenda div.hr_gps{
	display:inline;
	float:left;
	width:12px;
	height:12px;
	margin-left:10px;
	margin-right:10px;
	background-color:#417f6b;
	vertical-align: middle;	
}


#result-pontos table tbody tr td a {
	display: block;
	width: 100%;
	min-width:20px;
	height: 20px;
}

#result-pontos table tbody tr td.ico-aviso {
	background: url(../images/layout/ico-aviso.png) center center no-repeat transparent;
	width: 20px;
	height: 20px;
	line-height: 20px;
	cursor: pointer;
}

#result-pontos table tbody tr td.ico-aviso-none {
	width: 70px;
	height: 20px;
	line-height: 20px;
	cursor: pointer;
}

#result-pontos table thead tr th.ico-aviso {
	background: url(../images/layout/ico-aviso.png) center center no-repeat #1960ad;
	width: 20px;
	height: 20px;
	line-height: 20px;
}

#result-pontos table thead tr th.ico-maps {
	background: url(../images/layout/ico-map.png) center center no-repeat #1960ad;
	width: 20px;
	height: 20px;
	line-height: 20px;
}

#result-pontos table thead tr th.ico-photo {
	background: url(../images/layout/ico-photo.png) center center no-repeat #1960ad;
	width: 20px;
	height: 20px;
	line-height: 20px;
}

#result-pontos table tbody tr td.ico-photo {
	background: url(../images/layout/ico-photo.png) center center no-repeat transparent;
	width: 20px;
	height: 20px;
	line-height: 20px;
	cursor: pointer;
}

#result-pontos table tbody tr td.ico-editar {
	background: url(../images/layout/ico-editar.png) center center no-repeat transparent;
	width: 20px;
	height: 20px;
	line-height: 20px;
	cursor: pointer;
}

#result-pontos table tbody tr td.ico-editar-disabled {
	background: url(../images/layout/ico-editar-disab.png) center center no-repeat transparent;
	width: 20px;
	height: 20px;
	line-height: 20px;
	cursor: pointer;
}

#result-pontos table tbody tr td.ico-editar2 {
	background: url(../images/layout/ico-editar.png) center center no-repeat transparent;
	width: 20px;
	height: 20px;
	line-height: 20px;
	cursor: pointer;
}

#result-pontos table tbody tr td.ico-login {
	background: url(../images/novo_layout/ico-login.png) center center no-repeat transparent;
	width: 20px;
	height: 20px;
	line-height: 20px;
	cursor: pointer;
}

#result-pontos table tbody tr td.ico-comprov {
	background: url(../images/layout/ico-comprov.png) center center no-repeat transparent;
	width: 20px;
	height: 20px;
	line-height: 20px;
	cursor: pointer;
}

#result-pontos table tbody tr td.ico-login form#frmLoginAdm input[type="submit"]{
	border:0;
	background: url(../images/novo_layout/ico-login.png) center center no-repeat transparent !important;
	width: 20px;
	height: 20px;
	line-height: 20px;
	cursor: pointer;
}
#result-pontos table tbody tr td.ico-login form#frmLoginAdm input[type="submit"]:hover{
	background-color: transparent !important;
}

#result-pontos table tbody tr td.ico-maps {
	background: url(../images/layout/ico-map.png) center center no-repeat transparent;
	width: 20px;
	height: 20px;
	line-height: 20px;
	cursor: pointer;
}

#result-pontos table thead tr th.ico-editar {
	background: url(../images/layout/ico-editar.png) center center no-repeat #1960ad;
	width: 20px;
	height: 20px;
	line-height: 20px;
}

#result-pontos table thead tr th.ico-comprov {
	background: url(../images/layout/ico-comprov.png) center center no-repeat #1960ad;
	width: 20px;
	height: 20px;
	line-height: 20px;
}

#result-pontos table thead tr th.ico-local {
	background: url(../images/layout/ico-local-ponto.png) center center no-repeat #1960ad;
	width: 20px;
	height: 20px;
	line-height: 20px;
}

#result-pontos table tbody tr td.ico-local {
	background: url(../images/layout/ico-local-ponto.png) center center no-repeat transparent;
	width: 20px;
	height: 20px;
	line-height: 20px;
	cursor: pointer;
}

#result-pontos table tbody tr td.ico-local span.label{
	display:inline;
	float:left;
	width: 70px;
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #000;
}

#result-pontos table tbody tr td.ico-local span.label2{
	display:inline;
	float:left;
	width: 30px;
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #000;
}

#result-pontos table tbody tr td.ico-local span.desc-local{
	display:inline;
	float:right;
	width: 330px;
	font: normal 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #000;
	white-space: pre-line;
	margin-bottom: 5px;
}

#result-pontos table tbody tr td .relative {
	position: relative;
}

#result-pontos table tbody tr td .full-description {
	position: absolute;
	background: #fff;
	border: 1px solid #ed7800;
	text-align: left;
	padding: 10px;
	width: auto;
	min-width: 400px;
	height: auto;
	top: 25px;
	left: -390px;
	z-index: 9999;
	display: none;
	border-radius: 10px;
	-moz-border-radius: 10px;
	font: normal 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #000;
	line-height: 20px;
	word-wrap: break-word;
}

#result-pontos table tbody tr td .full-description h4 {
	font: bold 13px Helvetica, Tahoma, sans-serif, Arial;
	color: #f49128;
	margin: 0 0 10px 0;
	border-bottom: 1px dotted #f49128;
	word-wrap: break-word;
	padding: 0;
}


#result-pontos div.end-table {
	height: 80px;
	text-align: left;
	width: 748px;
	margin-left: 25px;
	margin-top:-50px;
	padding-top:10px;	
	border-bottom:1px solid #1960ad;
	border-left:1px solid #1960ad;
	border-right:1px solid #1960ad;
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #000;
	padding-bottom: 20px;
}

div#conteudo-pagina.novafolha #result-pontos div.end-table {
	height: 80px;
	text-align: left;
	width: 95%;
	margin-left: 30px;
	margin-top:-50px;
	padding-top:10px;	
	border-bottom:1px solid #1960ad;
	border-left:1px solid #1960ad;
	border-right:1px solid #1960ad;
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #000;
	padding-bottom: 20px;
}

#result-pontos div.end-table .legenda{
	display:inline;
	float:left;
	height: 100%;
	width:500px;
	text-align: left;
}

#result-pontos div.end-table .legenda div.azul{
	display:inline;
	float:left;
	width:12px;
	height:12px;
	margin-left:10px;
	margin-right:10px;
	background-color:#6e468c;
	vertical-align: middle;	
}

#result-pontos div.end-table .legenda div.hr_gps{
	display:inline;
	float:left;
	width:12px;
	height:12px;
	margin-left:10px;
	margin-right:10px;
	background-color:#417f6b;
	vertical-align: middle;	
}


#result-pontos div.end-table .legenda div.preto{
	display:inline;
	float:left;
	width:12px;
	height:12px;
	margin-left:10px;
	margin-right:10px;
	background-color:#000;
	vertical-align: middle;	
}

#result-pontos div.end-table .legenda div.vermelho{
	display:inline;
	float:left;
	width:12px;
	height:12px;
	margin-left:10px;
	margin-right:10px;
	background-color:#93110d;
	vertical-align: middle;	
}

#result-pontos div.end-table .legenda div.verde{
	display:inline;
	float:left;
	width:12px;
	height:12px;
	margin-left:10px;
	margin-right:10px;
	background-color:#3d8614;
	vertical-align: middle;	
}

#result-pontos div.end-table .legenda div.laranja{
	display:inline;
	float:left;
	width:12px;
	height:12px;
	margin-left:10px;
	margin-right:10px;
	background-color:#cd7417;
	vertical-align: middle;	
}

#result-pontos .legenda div.parada{
	display:inline;
	float:left;
	width:8px;
	height:8px;
	margin-left:10px;
	margin-right:10px;
	border:2px solid #ff0000;
	background-color: #fff;
	vertical-align: middle;	
}

#result-pontos div.end-table .botoes{
	display: inline;
	float: right;
	margin-top:30px;
	width: 245px;
}

/************************************************************
* Tabela de Resultados BOLETOS
************************************************************/
#div-formulario table#boletos {
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	border: 1px solid #1960ad;
}

#div-formulario table#boletos thead tr th {
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #fff;
	background-color: #1960ad;
	height: 25px;
}

#div-formulario table#boletos thead tr th.mesano {
	width: 100px;
}

#div-formulario table#boletos thead tr th.vencimento {
	width: 100px;
}

#div-formulario table#boletos thead tr th.situacao {
	width: 100px;
}

#div-formulario table#boletos thead tr th.imprimir {
	width: 100px;
}

#div-formulario table#boletos tr {
	height: 25px;
	background-color: #fff;
}

#div-formulario table#boletos tr.diferencia {
	background-color: #efefef;
}

#div-formulario table#boletos tr td{
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #000;
	text-align: center;
}

#div-formulario table#boletos tr td.aviso{
	font: bold 11px Helvetica, Tahoma, sans-serif, Arial;
	color: #33a506;
	text-align: center;
	padding:5px;
}


#div-formulario table#boletos tr td.pago{
	color:#33a506;
}

#div-formulario table#boletos tr td.pendente{
	color:#1960ad;
}

#div-formulario table#boletos tr td{
	height: 25px;
}

#div-formulario table#boletos tr td.paypalpb{
	background: url(../images/layout/paypalpb.png?rnd=123) center center no-repeat transparent;
	height: 25px;
	margin:0 auto;
	border:0;
	cursor: pointer;
}

#div-formulario table#boletos tr td.print-pb{
	background: url(../images/layout/ico-imprimir-pb.png) center center no-repeat transparent;
	height: 25px;
	margin:0 auto;
	border:0;
	cursor: pointer;
}

#div-formulario table#boletos input[type=submit].print-pb {
	background: url(../images/layout/ico-imprimir-pb.png) center center no-repeat transparent;
	height: 25px;
	width: 30px;
	margin:0 auto;
	border:0;
	cursor: pointer;
	background-color: transparent !important;
}

#div-formulario table#boletos input[type=submit].print-pb:hover {
	background-color: transparent !important;
}

#div-formulario table#boletos tr td.notafiscal a{
	display:block;
	width:25px;
	height: 25px;
	background: url(../images/novo_layout/nfe.png) center center no-repeat transparent;
	margin:0 auto;
	border:0;
	cursor: pointer;
}

#div-formulario table#boletos tr td.notafiscal-pb a{
	display:block;
	width:25px;
	height: 25px;
	background: url(../images/novo_layout/nfe-pb.png) center center no-repeat transparent;
	margin:0 auto;
	border:0;
	cursor: pointer;
}

#div-formulario table#boletos tr td.fatura a{
	display:block;
	width:19px;
	height: 25px;
	background: url(../images/novo_layout/ico_fatura.png?v=2) 0 0 no-repeat transparent;
	margin:0 auto;
	border:0;
	cursor: pointer;
}

#div-formulario table#boletos tr td.fatura a:hover{
	background: url(../images/novo_layout/ico_fatura.png?v=2) -19px 0 no-repeat transparent;
}


#div-formulario table#boletos tr td a.atualizar-boleto{
	color:#1960ad;
	text-decoration: underline;
}

#div-formulario table#boletos tr td a.atualizar-boleto:hover{
	color:#f4922a;	
}

#div-formulario table#boletos tr td form .print {
	display:block;
	background: url(../images/layout/ico-imprimir.png) center center no-repeat transparent;
	width: 26px;
	height: 25px;
	line-height: 25px;
	margin:0 auto;
	border:0;
	cursor: pointer;
}

#div-formulario table#boletos tr td form .paypal {
	display:block;
	background: url(../images/layout/paypal.png?rnd=123) center center no-repeat transparent;
	width: 57px;
	height: 15px;
	margin:0 auto;
	border:0;
	cursor: pointer;
}

#div-formulario table#boletos tr td form .linkSubmit {
	display:block;
	background: transparent !important;
	width: 80px;
	height: 25px;
	line-height: 25px;
	margin:0 auto;
	border:0;
	cursor: pointer;
	color:#1960ad;
	text-decoration: underline;
	font-weight: bold;
}

#div-formulario table#boletos tr td form .linkSubmit:hover{
	color:#f4922a;
	
}

#div-formulario table#boletos tr td a.atlz-boleto {
	display:block;
	background: url(../images/layout/ico-atlz-boleto.png) center center no-repeat transparent;
	width: 26px;
	height: 25px;
	line-height: 25px;
	margin:0 auto;
	border:0;
	cursor: pointer;
}

/************************************************************
* Tabela de Resultados pagamentos (ADMINISTRACAO)
************************************************************/
#result-pagtos table {
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
	border: 1px solid #1960ad;
}

#result-pagtos table thead tr th {
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #fff;
	background-color: #1960ad;
	height: 25px;
}

#result-pagtos table thead tr th.nome {
	width: 400px;
}

#result-pagtos table thead tr th.cpf {
	width: 150px;
}

#result-pagtos table thead tr th.codigo {
	width: 150px;
}

#result-pagtos table thead tr th.editar {
	width: 25px;
}


#result-pagtos table tbody {
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #000;
	text-align: center;
}

#result-pagtos table tbody .left {
	text-align: left;
	padding-left: 10px;
}

#result-pagtos table tbody tr {
	height: 25px;
	background-color: #e7ebf0;
}

#result-pagtos table tbody  tr.diferencia {
	background-color: #d3d8dd;
}

#result-pagtos table tbody tr.botoes {
	height: 50px;
	text-align: right;
	vertical-align: bottom;
	background-color: #fff;
}

#result-pagtos table tbody tr.branco {
	background-color: #fff;
}


#result-pagtos input[type=button] {
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #fff;
	padding: 1px 5px 1px 5px;
	cursor: pointer;
	text-transform: uppercase;
	width: auto;
	height: 22px;
	line-height: 22px;
	background-color: #1e62ad;
	border: 1px solid #6e7073;
	margin-bottom: 10px;
	margin-right: 5px;
}

#result-pagtos table tbody tr td a {
	display: inline-table;
	width: 20px;
	height: 20px;
}

#result-pagtos table tbody tr td a.ico-cifrao {
	background: url(../images/layout/ico-cifrao.png) center center no-repeat transparent;
	width: 20px;
	height: 20px;
	line-height: 20px;
	cursor: pointer;
}

#result-pagtos table tbody tr td a.ico-visualizar {
	background: url(../images/layout/ico-visualizar.png) center center no-repeat transparent;
	width: 20px;
	height: 20px;
	line-height: 20px;
	cursor: pointer;
}

#result-pagtos table tbody tr td a.ico-check {
	background: url(../images/layout/ico-check.png) center center no-repeat transparent;
	width: 20px;
	height: 20px;
	line-height: 20px;
	cursor: pointer;
}

#result-pagtos table tbody tr td a.ico-uncheck {
	background: url(../images/layout/ico-uncheck.png) center center no-repeat transparent;
	width: 20px;
	height: 20px;
	line-height: 20px;
	cursor: pointer;
}

/************************************************************
* Tabela de Resultados da pesquisa de COMUNICADOS (ADM)
************************************************************/
#div-formulario table#comunicado {
	width: 770px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
	border: 1px solid #1960ad;
}

#div-formulario table#comunicado thead tr th {
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #fff;
	background-color: #1960ad;
	height: 25px;
}

#div-formulario table#comunicado thead tr th.para {
	width: 150px;
}

#div-formulario table#comunicado thead tr th.icone {
	width: 20px;
}

#div-formulario table#comunicado tr {
	height: 25px;
	background-color: #fff;
}

#div-formulario table#comunicado tr.diferencia {
	background-color: #efefef;
}

#div-formulario table#comunicado tr td a {
	display: block;
	width: 20px;
	height: 20px;
}

#div-formulario table#comunicado tr td.ico-editar {
	background: url(../images/layout/ico-editar.png) center center no-repeat transparent;
	width: 20px;
	height: 20px;
	line-height: 20px;
}

#div-formulario table#comunicado tr td.ico-excluir {
	background: url(../images/layout/ico-excluir.png) center center no-repeat transparent;
	width: 20px;
	height: 20px;
	line-height: 20px;
}

#div-formulario table#comunicado tr td.texto {
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #1d62ae;
	text-align: left;
	padding-left: 5px;
}

#div-formulario table#comunicado tr td.para {
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	text-align: center;
	color:#059105;
}


/************************************************************
* Rodape da pagina div#faixa-rodape
************************************************************/
#faixa-rodape {
	position: absolute;
	background-color: #f4922a;
	width: 100%;
	height: 40px;
	clear: both;
	bottom: 0;
}

#faixa-rodape #conteudo-rodape {
	width: 800px;
	margin: 0 auto;
}

#faixa-rodape #conteudo-rodape div {
	display: inline-table;
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #ffffff;
	margin-top: 5px;
}

#faixa-rodape #conteudo-rodape div.endereco {
	width: 310px;
	float: left;
	text-align: left;
}

#faixa-rodape #conteudo-rodape div.logomarca {
	width: 273px;
	height: 31px;
	background: url(../images/layout/logo-rodape.png) center center
		no-repeat;
}

#faixa-rodape #conteudo-rodape div.logomarca a {
	display: block;
	width: 125px;
	height: 31px;
	margin-left: 75px;
}

#faixa-rodape #conteudo-rodape div.contato {
	width: 210px;
	float: right;
	text-align: right;
}



/************************************************************
* Rodape da pagina div#faixa-rodape (REVENDA)
************************************************************/
#faixa-rodape-rev {
	position: absolute;
	background-color: #f4922a;
	width: 100%;
	height: 25px;
	clear: both;
	bottom: 0;
}

#faixa-rodape-rev #conteudo-rodape {
	width: 800px;
	margin: 0 auto;
}

#faixa-rodape-rev #conteudo-rodape div {
	display: block;
	width: 100%;
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #ffffff;
	text-align: center;
	line-height: 25px;
	margin:0 auto;
}


table#configbh tr td.ico-excluir {
	background: url(../images/layout/ico-excluir.png) center center no-repeat;
	width: 20px;
	height: 20px;
	line-height: 20px;
}

table#configbh tr td.ico-editar3 {
	background: url(../images/layout/ico-editar.png) center center no-repeat;
	width: 20px;
	height: 20px;
	line-height: 20px;
}

table#configbh tr td a.ico-folha-ponto {
	display:block;
	background: url(../images/layout/ico-folha-ponto.png) 0 0 no-repeat;
	width: 20px;
	height: 20px;
	line-height: 20px;
	margin:0 auto;
}

table#configbh tr td a.ico-folha-ponto:hover {
	background: url(../images/layout/ico-folha-ponto.png) -21px 0 no-repeat;
}

table#configbh tr td a.ico-anotar {
	display:block;
	background: url(../images/novo_layout/ico_anotar.png) 0 0 no-repeat;
	width: 20px;
	height: 20px;
	line-height: 20px;
	margin:0 auto;
}

table#configbh tr td a.ico-anotar:hover {
	background: url(../images/novo_layout/ico_anotar.png) -21px 0 no-repeat;
}

table#configbh tr td a.print{
	display:inline-block;
	background: url(../images/layout/ico-print.png) 0 0 no-repeat;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: right;
}

table#configbh tr td a.print:hover{
	background: url(../images/layout/ico-print.png) -26px 0 no-repeat;
}

table#table-clientes tr td.ico-excluir{
	background: url(../images/layout/ico-excluir.png) center center no-repeat transparent;
	width: 20px;
	height: 20px;
	line-height: 20px;
}

table#table-clientes tr td.ico-ativar{
	background: url(../images/layout/ico-ativar.png) center center no-repeat transparent;
	width: 20px;
	height: 20px;
	line-height: 20px;
}

table#table-clientes tr.diferencia {
	background-color: #efefef;
}

table#table-configs tr td.ico-excluir{
	background: url(../images/layout/ico-excluir.png) center center no-repeat transparent;
	width: 20px;
	height: 20px;
	line-height: 20px;
}

div#ajuda-segunda-via{
	display: inline-block;
}


div#ajuda-segunda-via div.quadro div.icone{
	background: url(../images/layout/ico-help.png) 0 0 no-repeat #fff;
	width: 20px;
	height: 20px;
	margin-left:10px;
	cursor: pointer;
}

div#ajuda-segunda-via div.quadro div.icone:hover{
	background-position: -21px 0;	
	
}

div#ajuda-segunda-via div.quadro .relative {
	position: relative;
}

div#ajuda-segunda-via div.quadro .tooltip {
	position: absolute;
	background: #fff;
	border: 1px solid #a8a7a7;
	text-align: left;
	padding: 10px;
	width: 400px;
	min-height:140px;
	z-index: 9999;
	display: none;
	font: normal 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #000;
	line-height: 20px;
	word-wrap: break-word;
	-webkit-box-shadow: 0px 0px 20px #3a3b3d;
	-moz-box-shadow: 0px 0px 20px #3a3b3d;
	box-shadow: 0px 0px 20px #3a3b3d;
	left: 0px;
	margin-top:-53px;
}


div#ajuda-segunda-via div.quadro .tooltip .seta-balao {
	position: absolute;
	display: inline-block;
	width: 35px;
	height: 41px;
	background: url(../images/layout/seta-tooltip2.png);
	left:auto;
	left: 20px;;
	bottom: -41px;
}

div#ajuda-segunda-via div.quadro .tooltip h4 {
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #d24a01;
	margin: 0 0 10px 0;
	border-bottom: 1px dotted #f4922a;
	word-wrap: break-word;
	padding: 0;
	letter-spacing: 0.5px;
}

div#ajuda-segunda-via div.quadro .tooltip span.texto {
	display: block;
	font: normal 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #3c3c3c;
	margin-top:20px;
}


div#graficos{
	position:relative;
	width:90%;
	height:480px;
	margin:0 auto;
}
	
div#graficos div.border{
	display:inline-block;
	float:left;
	width:70%;
	height:100%;
	border:1px solid #e3e4e4;	
	border-radius:5px;
	background: #fff;
}

div#graficos div.border span.title{
	display:block;
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	margin-top:-10px;
	background: #1a61ad;
	color:#fff;
	margin-left:30px;
	padding-left:10px;
	width:150px;
	line-height: 25px;
	border-radius:5px;
	text-align: center;
}
	
div#graficos div.border span.data{
	display:block;
	font: bold 22px Helvetica, Tahoma, sans-serif, Arial;
	color:#fd5c25;
	margin-left:50px;
	margin-top:10px;
}
	
	
div#graficos div.area-infos{
	display:inline-block;
	float:right;
	width:28%;
	height:460px;
	border:1px solid #e3e4e4;	
	border-radius:5px;
	background: #fff;
	padding-top:20px;
	text-align: center !important;
}

div#graficos div.area-infos div.quadro{
	display:inline-block;
	width:45%;
	height:100px;
	border:2px solid #d2d2d2;	
	border-radius:2px;
	background: #f4f6f6;
	margin-bottom:10px;
	cursor: pointer;
	transition:all 1.5s ease;
}

div#graficos div.area-infos div.quadro:not(.no-hover):hover{
	background: #bfc6c6;
}

div#graficos div.area-infos div.quadro span.title{
	display: block;
	text-align: center;
	margin-top:20px;
	color:#333333;
	font: normal 12px Helvetica, Tahoma, sans-serif, Arial;
}

div#graficos div.area-infos div.quadro span.valor{
	display: block;
	text-align: center;
	margin-top:10px;
	color:#333333;
	font: bold 28px Helvetica, Tahoma, sans-serif, Arial;
}

div#graficos div.area-infos div.quadro span div{
	display: block;
	font: bold 18px Helvetica, Tahoma, sans-serif, Arial !important;
}

div#graficos div.area-infos div.quadro span.ponto-aberto{
	color:#2f80b7;
}
div#graficos div.area-infos div.quadro span.ponto-fechado{
	color:#30ae63;
}
div#graficos div.area-infos div.quadro span.sem-presenca{
	color:#e54941;
}
div#graficos div.area-infos div.quadro span.ferias{
	color:#ff9f40;
}
div#graficos div.area-infos div.quadro span.faltas{
	color:#961467;
}
div#graficos div.area-infos div.quadro span.tx-presenca{
	color:#149688;
}
div#graficos div.area-infos div.quadro span.total-funcs{
	color:#313233;
}


div#tabela-graf{
	position:relative;
	width:90%;
	height:auto;
	margin:0 auto;
	margin-top:30px;
	margin-bottom:100px;
}
	
div#tabela-graf div.border{
	display:inline-block;
	float:left;
	width:100%;
	border:1px solid #e3e4e4;	
	border-radius:5px;
	background: #fff;
}

div#tabela-graf div.border span.title{
	display:block;
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	margin-top:-10px;
	background: #1a61ad;
	color:#fff;
	margin-left:30px;
	padding-left:10px;
	width:150px;
	line-height: 25px;
	border-radius:5px;
	margin-bottom:30px;
	text-align: center;
}

div#tabela-graf div.border span.data{
	display:block;
	font: bold 16px Helvetica, Tahoma, sans-serif, Arial;
	color:#fd5c25;
	margin-left:30px;
	margin-top:10px;
}

div#tabela-graf table#tble-grafico{
	border:1px solid #d2d2d2;
}

div#tabela-graf table#tble-grafico tr th{
	background:#d2d2d2!important;
	color:#303030;
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	cursor: pointer;
}

div#tabela-graf table#tble-grafico tr th div{
	color:#303030;
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	cursor: pointer;
	float:right;
}


div#tabela-graf table#tble-grafico tr td{
	background: #f4f6f6 !important;
	color:#303030;
	font: normal 12px Helvetica, Tahoma, sans-serif, Arial;
	transition:all 1s ease;
}

div#tabela-graf table#tble-grafico tr:hover td{
	background: #cccccc !important;
	color:#303030;
	font: normal 12px Helvetica, Tahoma, sans-serif, Arial;
	cursor: pointer;
}


div#tabela-graf table#tble-grafico div.status{
	display:block;
	width:20px;
	height: 20px;
	margin:0 auto;
	border-radius:10px;
}

div#tabela-graf table#tble-grafico div.status.ponto_aberto{
	background: #2f80b7;
}

div#tabela-graf table#tble-grafico div.status.ponto_fechado{
	background: #30ae63;
}

div#tabela-graf table#tble-grafico div.status.sem_presenca{
	background: #e54941;
}

div#tabela-graf table#tble-grafico div.status.ferias{
	background: #ff9f40;
}

div#tabela-graf table#tble-grafico div.status.faltas{
	background: #961467;
}


/*
div#tabela-graf table#tble-grafico div.status.trabalhando{
	background: #8cc567;
}

div#tabela-graf table#tble-grafico div.status.folga{
	background: #bebfbd;
}

div#tabela-graf table#tble-grafico div.status.falta{
	background: #b65252;
}

div#tabela-graf table#tble-grafico div.status.hr_extra{
	background: #afbc56;
}
*/


div#tabela-graf table#tble-grafico tr td a.ico-foto{
	background: url(../images/layout/ico-photo.png) center center no-repeat transparent;
    width: 20px;
    height: 20px;
    line-height: 20px;
    cursor: pointer;
    margin:0 auto;
    transition:all 1.5s ease;
}

div#tabela-graf table#tble-grafico tr td a.ico-foto:hover{
	-webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}

div#tabela-graf table#tble-grafico tr td a.ico-local{
	background: url(../images/layout/ico-maps2.png) center center no-repeat transparent;
    width: 20px;
    height: 20px;
    line-height: 20px;
    cursor: pointer;
    margin:0 auto;
}
div#tabela-graf table#tble-grafico tr td a.ico-local:hover{
	-webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}

div#tabela-graf table#tble-grafico tr td a.ico-folha{
	display:block;
	background: url(../images/layout/ico-folha-ponto.png) 0 0 no-repeat transparent;
    width: 20px;
    height: 20px;
    line-height: 20px;
    cursor: pointer;
    margin:0 auto;
    transition:all 1.5s ease;
}

div#tabela-graf table#tble-grafico tr td a.ico-folha:hover{
	-webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}

div.atualizar_folha{
	display:none;
	position: fixed;
	bottom:50px;
	left:50%;
	margin-left:-125px;
}

div.atualizar_folha button{
	border:0 !important;
	padding:10px !important;
	background: #1960ad;
	color:#fff !important;
	border-radius:5px !important;
	transition:all 0.5s ease;	
	opacity:1 !important;
	cursor: pointer;
	text-transform: uppercase !important;
	box-shadow:0px 0px 20px #000;
}

div.atualizar_folha button:hover{
	background: #1d62ae;
}

div.assinar_folha{
	display:block;
	position: fixed;
	left:50%;
	margin-left:-25px;
	bottom:40px;
}

div.assinar_folha button{
	border:0 !important;
	transition:all 0.5s ease;	
	cursor: pointer;
	box-shadow:0px 0px 20px #000;
	background: url(../images/novo_layout/btn_ass_folha.png?v=3) -51px 0 no-repeat transparent !important;
	width: 50px;
	height: 50px;
	border-radius:25px;
	
}

span.ico-assinatura{
	display:block;
	border:0 !important;
	background: url(../images/novo_layout/btn_ass_folha.png?v=3) -51px 0 no-repeat transparent !important;
	width: 50px;
	height: 50px;
	border-radius:25px;
	margin:10px auto;
}

div.assinar_folha button:hover{
	background: url(../images/novo_layout/btn_ass_folha.png?v=3) 0 0 no-repeat transparent !important;
}

div#quadro_assinatura{
	display:none;
	position: fixed;
	width:50%;
	left:25%;
	height: 420px;;
	background: #fff;
	top:50%;
	margin-top:-175px;
	z-index:999999999;
	box-shadow:0px 0px 20px #000;
}

div#quadro_assinatura div#quadro_aviso{
	display:none;
	text-align: center;
	font: bold 14px MyRegular,Helvetica, Tahoma, sans-serif, Arial;
	line-height: 25px;
}

div#quadro_assinatura div#quadro_aviso.error{
	background: #ffe7e7;
	color:#aa0e0e;
}

div#quadro_assinatura div#quadro_aviso.success{
	background: #daf6df;
	color:#0c5319;
}

div#quadro_assinatura div#block_sign{
	display:none;
	position:absolute;
	width:100%;
	height:100%;
	rgba(64, 64, 64, 0.5);
	z-index:99999999;
}


div#quadro_assinatura .quadro-content{
	position: relative;
	
}

div#quadro_assinatura div.title-bar{
	line-height:30px;
	background: #1a61ad;
	width: 100%;
	height:30px;
}

div#quadro_assinatura span.title{
	display:inline-block;
	float:left;
	width:92%;
	line-height:30px !important;
	text-align:center;
	font: bold 14px MyRegular,Helvetica, Tahoma, sans-serif, Arial;
	color:#fff;
}

div#quadro_assinatura span.close{
	display:inline-block;
	float:right;
	width:5%;
	line-height:20px !important;
	text-align:center;
	font: bold 14px MyRegular,Helvetica, Tahoma, sans-serif, Arial;
	color:#1a61ad;
	cursor: pointer;
	background: #fff;
	border-radius:45px;
	margin-top:5px;
	margin-right:5px;
}

div#quadro_assinatura span.close:hover{
	color:#f4922a;
}

.sigNav {
	height: 20px !important;
	margin-top:10px  !important;
}

.sigNav a, .sigNav a:link, .sigNav a:visited{
	transition:all 1.5s ease;
	color:#1a61ad !important;
	text-decoration: underline !important;
	font: normal 14px MyRegular,Helvetica, Tahoma, sans-serif, Arial !important;
	padding-top:5px !important;
	padding-bottom:5px !important;
}

.sigNav a.current {
    background-color: #eee !important;
    color: #1a61ad !important;
}

.sigNav li.clearButton{
	bottom: -5px !important;	
}

.sigPad input.name {
	display:none;
    margin: 0 !important;
    padding: 0 !important;
    padding-left:2px !important;
    margin-left:5px !important;
    margin-top:5px !important;
    width: 460px !important;	
    font-size: 14px !important;;
    border: 0 !important;
    width: 100px;
    font: normal 14px MyRegular,Helvetica, Tahoma, sans-serif, Arial;
    color: #bc6c17;
    text-align: left;
    background: #eee;
    line-height: 21px;
}


#quadro_assinatura form.sigPad{
	width: 100%;
	height: 320px;
}

#quadro_assinatura canvas{
	border:1px dashed #393939;
}

.sigWrapper2 {
	position: relative;
}

.typed{
	width:96% !important;
	height: 98% !important;
}

div#quadro_assinatura span.datahora{
	position:relative;
	display:block;
	width:99%;
	line-height:20px !important;
	font: normal 12px MyRegular,Helvetica, Tahoma, sans-serif, Arial;
	color:#45504c;
	background: #fff;
	text-align: right;
}

div#quadro_assinatura span.nome_dh{
	position:relative;
	display:block;
	width:100%;
	line-height:20px !important;
	font: normal 14px MyRegular,Helvetica, Tahoma, sans-serif, Arial;
	color:#45504c;
	background: #fff;
	text-align: center;
}

div#quadro_assinatura span.erro_dh{
	display:none;
	position:relative;
	width: 98.5%;
	font: normal 11px MyRegular,Helvetica, Tahoma, sans-serif, Arial;
	color:#891010;
	background: #efcece;
	background:#f6cdcd;
	padding-left:5px;
	padding-right:5px;
	line-height:23px !important;
	margin-top:10px;
	text-align: center;
}


div#quadro_assinatura div.buttons{
	position:relative;
	display:block;
	width:100%;
	text-align: center;
	margin-top:10px;
}

div#quadro_assinatura div.buttons a{
	font: bold 14px MyRegular,Helvetica, Tahoma, sans-serif, Arial;
	padding: 5px 15px 5px 15px;
	border:0 !important;
	border-radius:5px;
	
}

div#quadro_assinatura div.buttons a.assinar{
	background: #f4922a;
	color:#fff;
}

div#quadro_assinatura div.buttons a.assinar:hover{
	background: #bc6c17 !important;
	color:#fff;
}


div#quadro_assinatura div.buttons a.limpar{
	background: #45504c;
	color:#fff;
}

div#quadro_assinatura div.buttons a.limpar:hover{
	background: #999999 !important;
	color:#fff;
}

div#quadro_assinatura span.nome_dh input{
	border: 0 !important;
	width:100px;
	font: normal 14px MyRegular,Helvetica, Tahoma, sans-serif, Arial;
	color:#bc6c17;
	text-align: center;
	background:#eee;
	line-height:21px;
}




div.toast{
	display:none;
	position: fixed;
	bottom:0px;
	right: 0;
	width:300px;
	height: 80px;
	box-shadow:-2px -2px 20px #000;
	border-top-left-radius:10px;
	background-color: rgba(255, 255, 255, 0.8);
	padding:10px;
	z-index:999999!important;
}

div.toast div.table{
	display: table;
	width: 70%;
	border:1px solid #000;
}

div.toast span.icon{
	display: table-cell;
	width:25%;
	height: 80px;
	background: #fff;
	border-top-left-radius:10px;
}

div.toast span.icon.load{
	background: url(../images/layout/change-load.gif) center center no-repeat transparent;
	background-size:contain;
}

div.toast span.icon.ok{
	background: url(../images/layout/ico-ok.png) center center no-repeat transparent;
	background-size:contain;
}

div.toast span.icon.nok{
	background: url(../images/layout/ico-nok.png) center center no-repeat transparent;
	background-size:contain;
}

	
div.toast span.message{
	display: table-cell;
	width:60%;
	vertical-align:middle;
	text-align:center;
	height: 80px;
	background: transparent;
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #1a61ad;
}

span#codigo-app{
	cursor: pointer;	
}

span#codigo-app:hover{
	color:#a20d0d !important;
}

div#qrcode-app{
	display:none;
	position:absolute;
	background:#fff;
	width:300px;
	height:auto;
	right: 200px;	
	top:-175px;
	z-index:99999999;
	border:1px solid #ccc;
	border-radius:10px;
	-webkit-box-shadow: 5px 0px 20px #3a3b3d;
	-moz-box-shadow: 5px 0px 20px #3a3b3d;
	box-shadow: 5px 0px 20px #3a3b3d;
	padding:10px;
}

div#qrcode-app span.close-qr{
	position:absolute;
	right:10px;
	top:5px;
	clear: both !important;
	color:#000 !important;
	cursor: pointer;
}

div#qrcode-app span.close-qr:hover{
	color:rgb(194, 6, 7) !important;
	
}
div#qrcode-app img{
	position:relative;
	display:block;
	clear: both;
	margin:0 auto;
}
div#qrcode-app span.aviso{
	position:relative;
	color:#000 !important;
	font-size:11px !important;
	line-height: 20px !important;
	
}

div#info-folha{
	width: 95% !important;
	margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    margin-top:-10px;
}

div#status-folha{
	width: 95%;
	margin-left: auto;
    margin-right: auto;
}

div#status-folha span{
	display: block;
	line-height: 30px;
}

div#info-folha-hora-trab{
	width: 95% !important;
	color:#fff;
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	text-align: right;
	margin-top:10px;
	margin-left: auto;
    margin-right: auto;
	background: #58585a;
	line-height: 25px;
	letter-spacing: 1px;
}

div#info-folha div.info{
	display: inline-block;
	color:rgb(244, 146, 42);
	font-family: "CamptonBold","MyRegular", "Helvetica", "Tahoma", "sans-serif" !important;
	font-weight: bold;
	font-size: 12px;
	letter-spacing: 0.5px;
	vertical-align: middle !important;
	line-height: 25px;
}

div#info-folha div.excluir,div#info-folha div.prefixado{
	padding-right:30px;	
}

div#info-folha div.excluir div{
	float:left;
	background: url(../images/layout/ico-cursorp.png) center center no-repeat transparent;
    width: 20px;
    height: 20px;
    margin-right:10px;
}

div#info-folha div.prefixado div{
	float:left;
	background: url(../images/layout/ico-cursor.png) center center no-repeat transparent;
    width: 20px;
    height: 20px;
    margin-right:10px;
}

div#info-folha div.editar div{
	float:left;
	background: url(../images/layout/ico-editar.png) center center no-repeat transparent;
    width: 20px;
    height: 20px;
    margin-right:10px;
}


div.suporte-customizado{
	width:100%;
	margin:0 auto;
	padding:0px;
	cursor: pointer;
	margin-bottom:0px;
	text-align:center;
	background: #fff;
	margin-top:0px;
}

div.suporte-customizado div.title{
	width:100%;
	margin:0 auto;
}

div.suporte-customizado div.title div.logo{
	display:inline-block;
	width:7%;
	height:50px;
	background: url('../images/layout/logo-for-paypal.png') center center no-repeat;
    background-size:contain;
    float:left;
    margin-left:200px;
}

div.suporte-customizado div.title span{
	display:inline-block;
	width:auto;
	font-weight: bold;
	font-family: "CamptonBold","MyRegular", "Helvetica", "Tahoma", "sans-serif" !important;
	color:#1f64af !important;
	height: 50px;
	line-height: 50px;
	font-size: 13px;
	text-align:left;
	float:left;
	margin-left:2%;
	margin-top:0px;
}

div.suporte-customizado div.clique-aqui{
	display:inline-block;
	float:left;
	padding-left:20px;
	padding-right:20px;
	height: 25px;
	background:#de9034;	
	color:#fff;
	text-align: center;
	line-height: 25px;
	font-family: "CamptonBold","MyRegular", "Helvetica", "Tahoma", "sans-serif" !important;
	font-size:0.6em;
	border-top-left-radius:25px;
	border-bottom-right-radius:25px;
	margin-top:10px;
	margin-left:10px;
	transition:all 1.5s ease;
}

div.suporte-customizado div.clique-aqui:hover{
	background:#1f64af;
	color:#fff;
}

div.suporte-customizado ul.nivel1{
	position:absolute;
	display:none;
	width:650px;
	margin:0 auto;
	margin-top:-10px;
	margin-left:240px;
	list-style: none;
	padding:0;	
	background:#f1f1f1;
	border:1px solid #cbcbcb;
	border-radius:0px;
	padding-top:10px;
	padding-left:10px;
	text-align:left;
	z-index:999999;
}

div.suporte-customizado div.logo-mobponto{
	position: absolute;
	width:40%;
	height: 65px;
	top:15px;
	right:15px;	
	background: url('../images/layout/logo-for-paypal.png') center right no-repeat;
    background-size:contain;
    opacity:0.5;
}

div.suporte-customizado div.closesup{
	position: absolute;
	width:auto;
	top:10px;
	right:15px;	
	font-family: "CamptonBold","MyRegular", "Helvetica", "Tahoma", "sans-serif" !important;
	font-weight:bold;
	color:#1f64af;
	transition:all 1.5s ease;
}

div.suporte-customizado div.closesup:hover{
	color:#de9034;
	
}

div.suporte-customizado ul.nivel1 li{
	color:#1f64af !important;
	line-height: 25px;
	padding-left: 1em; 
    text-indent: -.7em;
    font-size:13px;
    font-family: "CamptonBold","MyRegular", "Helvetica", "Tahoma", "sans-serif" !important;
    font-weight: bold;
}

div.suporte-customizado ul.nivel1 li::before {
  content: "* ";
  color: #de9034;
}

div.suporte-customizado ul.nivel1 li.notlist::before {
  content: "";
}

div.suporte-customizado ul.nivel1 li.proposta{
	text-align: center;
	height:30px;
	margin-top:30px;
	margin-bottom: 10px;
	font-size:0.9em;
	font-family: "CamptonBold","MyRegular", "Helvetica", "Tahoma", "sans-serif" !important;
}

div.suporte-customizado ul.nivel1 li.proposta a.quero-proposta,div.suporte-customizado ul.nivel1 li.proposta a.quero-proposta2{
	display:block;
	font-family: "CamptonBold","MyRegular", "Helvetica", "Tahoma", "sans-serif" !important;
 	font-size:0.9em;
	width:auto;
	float:right;
	margin-right:3%;
	background:#1f64af;
	color:#fff;
	border-top-left-radius:25px;
	border-bottom-right-radius:25px;
	text-decoration: none;
	padding-left:25px;
	padding-right:25px;
	height: 30px;
	line-height: 30px;
	transition:all 1.5s ease;
}

div.suporte-customizado ul.nivel1 li.proposta a.quero-proposta:hover,div.suporte-customizado ul.nivel1 li.proposta a.quero-proposta2:hover{
	background:#de9034;
	color:#fff;
}


div.baisc-tooltip{
	width:100%;
	margin:0 auto;
	padding:0px;
	cursor: pointer;
	margin-bottom:0px;
	text-align:center;
	background: #fff;
	margin-top:-20px;
}

div.baisc-tooltip div.title{
	width:100%;
	margin:0 auto;
}


div.baisc-tooltip div.clique-aqui{
	display:inline-block;
	float:left;
	padding-left:10px;
	padding-right:10px;
	height: 20px;
	background:#de9034;	
	color:#fff;
	text-align: center;
	line-height: 22px;
	font-family: "CamptonBold","MyRegular", "Helvetica", "Tahoma", "sans-serif" !important;
	font-size:0.6em;
	border-top-left-radius:25px;
	border-bottom-right-radius:25px;
	margin-top:10px;
	margin-left:10px;
	transition:all 1.5s ease;
}

div.baisc-tooltip div.clique-aqui:hover{
	background:#1f64af;
	color:#fff;
}

div.baisc-tooltip ul.nivel1{
	position:absolute;
	display:none;
	width:650px;
	margin:0 auto;
	margin-top:-10px;
	margin-left:240px;
	list-style: none;
	padding:0;	
	background:#f1f1f1;
	border:1px solid #cbcbcb;
	border-radius:0px;
	padding-top:10px;
	padding-left:10px;
	text-align:left;
	z-index:999999;
}

div.baisc-tooltip div.closesup{
	position: absolute;
	width:auto;
	top:10px;
	right:15px;	
	font-family: "CamptonBold","MyRegular", "Helvetica", "Tahoma", "sans-serif" !important;
	font-weight:bold;
	color:#1f64af;
	transition:all 1.5s ease;
}

div.baisc-tooltip div.closesup:hover{
	color:#de9034;
	
}

div.baisc-tooltip ul.nivel1 li{
	color:#1f64af !important;
	line-height: 25px;
	padding-left: 1em; 
    text-indent: -.7em;
    font-size:13px;
    font-family: "CamptonBold","MyRegular", "Helvetica", "Tahoma", "sans-serif" !important;
    font-weight: bold;
}

div.baisc-tooltip ul.nivel1 li::before {
  content: "* ";
  color: #de9034;
}

div.baisc-tooltip ul.nivel1 li.notlist::before {
  content: "";
}

div#rec-senha-nao-email{
	position: fixed;
	display: none;
	left: 50%;
	top: 50%;
	width: 560px;
	height: 260px;
	margin-top:-120px;
	margin-left:-430px;
	padding:20px;
	z-index: 9991;
	background-color: #fff;
	box-shadow:-1px -1px 50px #000;
	border-radius:5px;	
}

div#rec-senha-nao-email span.close{
	display: block;
	width: 99%;
	text-align:right;
	margin-top:5px;
	cursor: pointer;
	font: bold 18px Helvetica, Tahoma, sans-serif, Arial;
	color: #c0c0c0;
}

div#rec-senha-nao-email span.close:hover{
	color: #000;
}

div#rec-senha-nao-email span.title{
	display: block;
	width: 100%;
	text-align:center;
	margin-top:5px;
	font: bold 18px Helvetica, Tahoma, sans-serif, Arial;
	color: #f4922a;
}

div#rec-senha-nao-email div#perguntas{
	margin-top:30px;	
}

div#rec-senha-nao-email div#perguntas span{
	display:block;
	width:100%;
	font: bold 14px Helvetica, Tahoma, sans-serif, Arial;
	color: #1961b5;
}

div#rec-senha-nao-email div#perguntas span.required{
	display:none;
	width:100%;
	font: bold 11px Helvetica, Tahoma, sans-serif, Arial;
	color: rgb(194, 6, 7);
	text-align: right;
}

div#rec-senha-nao-email div#perguntas input{
	height: 25px;
	width: 100%;
	background-color: #fff;
	font: normal 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #277eb3;
	border: 1px solid #6e7073;
	padding-left: 3px;
	padding-right: 3px;
}

div#rec-senha-nao-email div#novo-email{
	display: none;	
	margin-top:30px;	
}

div#rec-senha-nao-email div#novo-email span{
	display:block;
	width:100%;
	font: bold 14px Helvetica, Tahoma, sans-serif, Arial;
	color: #1961b5;
}

div#rec-senha-nao-email div#novo-email span.required{
	display:none;
	width:100%;
	font: bold 11px Helvetica, Tahoma, sans-serif, Arial;
	color: rgb(194, 6, 7);
	text-align: right;
}

div#rec-senha-nao-email div#novo-email input{
	height: 25px;
	width: 100%;
	background-color: #fff;
	font: normal 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #277eb3;
	border: 1px solid #6e7073;
	padding-left: 3px;
	padding-right: 3px;
}


div#rec-senha-nao-email div#botaos{
	position: absolute;
	bottom:10px;
	width:94%;
	text-align:right;	
}

div#rec-senha-nao-email div#botaos button{
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #fff;
	cursor: pointer;
	text-transform: uppercase;
	width: 95px;
	height: 22px;
	line-height: 22px;
	background-color: #1e62ad;
	border: 0px solid #6e7073;
	border-radius: 5px;
	-moz-border-radius: 5px;

}

@media print{
	.no-print{display:none!important;}	
}

table#tblSolPontos tr td.pendente{
	color:#e08502;
}

table#tblSolPontos tr td.aprovado{
	color:#0f801c;
}

table#tblSolPontos tr td.reprovado{
	color:#cf0404;
}

table#tblSolPontos tr td a.ico-acao{
	width:28px;
	height:28px;
	background: url(../images/layout/ico_acao_solicitacao.png) 0 0 no-repeat transparent;
	margin:0 auto;
	transition:all 0.5s ease;
}

table#tblSolPontos tr td a.ico-acao:hover{
	background: url(../images/layout/ico_acao_solicitacao.png) -31px 0 no-repeat transparent;
}

table#tblSolFaltas tr td.pendente{
	color:#e08502;
}

table#tblSolFaltas tr td.aprovado{
	color:#0f801c;
}

table#tblSolFaltas tr td.reprovado{
	color:#cf0404;
}

table#tblSolFaltas tr td a.ico-acao{
	text-align:center;
	width:28px;
	height:28px;
	background: url(../images/layout/ico_acao_solicitacao.png) 0 0 no-repeat transparent;
	margin:0 auto;
	transition:all 0.5s ease;
}

table#tblSolFaltas tr td a.ico-acao:hover{
	background: url(../images/layout/ico_acao_solicitacao.png) -31px 0px no-repeat transparent;
}

table#tblSolFaltas tr td a.ico-anexo{
	text-align:center;
	width:21px;
	height:28px;
	background: url(../images/novo_layout/ico-download-anexo.png) 0 0 no-repeat transparent;
	margin:0 auto;
	transition:all 0.5s ease;
}

table#tblSolFaltas tr td a.ico-anexo:hover{
	background: url(../images/novo_layout/ico-download-anexo.png) -21px 0px no-repeat transparent;
}

table#tblSolPontos tr td a.ico-assinatura-not{
	text-align:center;
	width:23px;
	height:25px;
	background: url(../images/layout/ico-assinatura-not.png) 0 0 no-repeat transparent;
	margin:0 auto;
	transition:all 0.5s ease;
}

table#tblSolPontos tr td a.ico-assinatura-not:hover{
	background: url(../images/layout/ico-assinatura-not.png) -23px 0px no-repeat transparent;
}


div#box-acao-multi-solicitacao{
	display:none;
	position:fixed;
	top:50%;
	left:10%;
	width: 80%;
	height:380px;
	margin:0 auto;
	margin-top:-190px;
	border:1px solid #000;
	background: #fff;
	-moz-box-shadow:-1px -1px 10px 0 #333; 
	-webkit-box-shadow:-1px -1px 10px 0 #333; 	
	border-radius:5px;
	z-index:9998 !important;
	overflow-y: auto;
}

div#box-acao-multi-solicitacao span.close{
	position: absolute;
	display: block;
	width:5%;
	right:5px;
	top:5px;
	text-align: right;
	font-family: MyRegular, Helvetica, Tahoma, sans-serif, Arial !important;
	font-weight:bold;
	color:#323232;
	cursor: pointer;
}

div#box-acao-multi-solicitacao span.close:hover{
	color:#c20607;
}

div#box-acao-multi-solicitacao span.title{
	display: block;
	width:100%;
	font-weight:bold;
	color:#323232;
	text-align:center;
	margin-top:20px;
	font-family: MyRegular, Helvetica, Tahoma, sans-serif, Arial !important;
}

div#box-acao-multi-solicitacao div.content{
	display: block;
	width:90%;
	height:80%;
	margin-left:5%;
	margin-top:2%;
	color:#323232;
	background: #fff;
}

div#box-acao-multi-solicitacao div.content table tr td{
	font-weight: normal;
	font-family: MyRegular, Helvetica, Tahoma, sans-serif, Arial !important;
	font-size: 14px;
	letter-spacing: 0.5px;
}

div#box-acao-multi-solicitacao div.content div.botoes a{
	display: inline-block;
	width: auto !important;
	padding-left:20px;
	padding-right:20px;
	height: 30px;
	border-radius:5px;
	text-align: center;
	margin-right: 10px;
	color:#fff !important;
	font-family:13px normal MyRegular, Helvetica, Tahoma, sans-serif, Arial !important;
	line-height: 30px;
	transition:all 0.5s ease;
}

div#box-acao-multi-solicitacao div.content div.botoes a.confirmar{
	opacity: 1;
	margin-left:40px;
}

div#box-acao-multi-solicitacao div.content div.botoes a.confirmar.green{
	background: #79a65b;
}

div#box-acao-multi-solicitacao div.content div.botoes a.confirmar.red{
	background: #d66161;
}

div#box-acao-multi-solicitacao div.content div.botoes a.confirmar:hover{
	opacity: 0.5;
}

div#box-acao-multi-solicitacao div.content div.botoes a.depois{
	background: #666262;
	opacity: 1;
}

div#box-acao-multi-solicitacao div.content div.botoes a.depois:hover{
	opacity: 0.5;
}






div#box-acao-solicitacao{
	display:none;
	position:fixed;
	top:2%;
	left:10%;
	width: 80%;
	height:95%;
	margin:0 auto;
	border:1px solid #000;
	background: #fff;
	-moz-box-shadow:-1px -1px 10px 0 #333; 
	-webkit-box-shadow:-1px -1px 10px 0 #333; 	
	border-radius:5px;
	z-index:9998 !important;
	overflow-y: auto;
}

div#box-acao-solicitacao span.close{
	position: absolute;
	display: block;
	width:5%;
	right:5px;
	top:5px;
	text-align: right;
	font-family: MyRegular, Helvetica, Tahoma, sans-serif, Arial !important;
	font-weight:bold;
	color:#323232;
	cursor: pointer;
}

div#box-acao-solicitacao span.close:hover{
	color:#c20607;
}

div#box-acao-solicitacao span.title{
	display: block;
	width:100%;
	font-weight:bold;
	color:#323232;
	text-align:center;
	margin-top:20px;
	font-family: MyRegular, Helvetica, Tahoma, sans-serif, Arial !important;
}

div#box-acao-solicitacao div.content{
	display: block;
	width:90%;
	height:80%;
	margin-left:5%;
	margin-top:2%;
	color:#323232;
	background: #fff;
}

div#box-acao-solicitacao div.content table tr td{
	font-weight: normal;
	font-family: MyRegular, Helvetica, Tahoma, sans-serif, Arial !important;
	font-size: 14px;
	letter-spacing: 0.5px;
}


div#box-acao-solicitacao div.content table tr td.pendente{
	color:#e08502;
}

div#box-acao-solicitacao div.content table tr td.aprovado{
	color:#0f801c;
}

div#box-acao-solicitacao div.content table tr td.reprovado{
	color:#cf0404;
}


div#box-acao-solicitacao div.content table tr.tp_falta,div#box-acao-solicitacao div.content table tr.tp_ponto{
	display: none;
}

div#box-acao-solicitacao div.content div.botoes{
	position:absolute;
	bottom:20px;
	width: 90%;
	text-align: right;
}

div#box-acao-solicitacao div.content div.botoes a{
	display: inline-block;
	padding-left:20px;
	padding-right:20px;
	height: 30px;
	border-radius:5px;
	text-align: center;
	margin-right: 10px;
	color:#fff !important;
	font-family:13px normal MyRegular, Helvetica, Tahoma, sans-serif, Arial !important;
	line-height: 30px;
	transition:all 0.5s ease;
}

div#box-acao-solicitacao div.content div.botoes input.ver_folha{
	display: inline-block;
	padding-left:20px;
	padding-right:20px;
	height: 30px;
	border:0;
	border-radius:5px;
	text-align: center;
	color:#fff !important;
	font-family:13px normal MyRegular, Helvetica, Tahoma, sans-serif, Arial !important;
	line-height: 30px;
	transition:all 0.5s ease;
	background: #7e98b4 !important;
	opacity: 1;
	cursor: pointer;
}
div#box-acao-solicitacao div.content div.botoes input.ver_folha:hover{
	background: #7e98b4 !important;
	opacity: 0.5;
}

div#box-acao-solicitacao div.content div.botoes a.aprovar{
	background: #79a65b;
	opacity: 1;
}
div#box-acao-solicitacao div.content div.botoes a.aprovar:hover{
	opacity: 0.5;
}

div#box-acao-solicitacao div.content div.botoes a.reprovar{
	background: #d66161;
	opacity: 1;
}
div#box-acao-solicitacao div.content div.botoes a.reprovar:hover{
	opacity: 0.5;
}

div#box-acao-solicitacao div.content div.botoes a.depois{
	background: #666262;
	opacity: 1;
	margin-left:40px;
	
}
div#box-acao-solicitacao div.content div.botoes a.depois:hover{
	opacity: 0.5;
}