html, body {
  height: 100%;
}

html{
  font-size: 11px;
  overflow: auto;
}

.strong {font-weight: bold;}
.italic {font-style: italic;}
.textoEsquerda {text-align: left !important;}
.textoDireita {text-align: right !important;}
.textoCentro {text-align: center !important;}
.textoTopo{vertical-align:top !important;}
.textoJustificado {text-align:justify !important;}
.textoCurto{letter-spacing:-1px;}
.maiuscula{text-transform: uppercase;}

.fontSize-8 {font-size: 8px}
.fontSize-9 {font-size: 9px}
.fontSize-10 {font-size: 10px}
.fontSize-15 {font-size: 15px}
.fontSize-18 {font-size: 18px}

.width-5 {width: 5px !important;}
.width-9 {width: 9px !important;}
.width-10 {width: 10px !important;}
.width-13 {width: 13px !important;}
.width-20 {width: 20px !important;}
.width-30 {width: 30px !important;}
.width-40 {width: 40px !important;}
.width-50 {width: 50px !important;}
.width-60 {width: 60px !important;}
.width-70 {width: 70px !important;}
.width-80 {width: 80px !important;}
.width-90 {width: 90px !important;}
.width-100 {width: 100px !important;}
.width-110 {width: 110px !important;}
.width-120 {width: 120px !important;}
.width-130 {width: 130px !important;}
.width-140 {width: 140px !important;}
.width-150 {width: 150px !important;}
.width-160 {width: 160px !important;}
.width-170 {width: 170px !important;}
.width-180 {width: 180px !important;}
.width-190 {width: 190px !important;}
.width-200 {width: 200px !important;}
.width-210 {width: 220px !important;}
.width-220 {width: 220px !important;}
.width-230 {width: 220px !important;}
.width-240 {width: 240px !important;}
.width-250 {width: 250px !important;}
.width-260 {width: 260px !important;}
.width-270 {width: 270px !important;}
.width-280 {width: 280px !important;}
.width-290 {width: 290px !important;}
.width-300 {width: 300px !important;}
.width-310 {width: 310px !important;}
.width-320 {width: 320px !important;}
.width-330 {width: 330px !important;}
.width-340 {width: 340px !important;}
.width-350 {width: 350px !important;}
.width-360 {width: 360px !important;}
.width-370 {width: 370px !important;}
.width-380 {width: 380px !important;}
.width-390 {width: 390px !important;}
.width-400 {width: 400px !important;}
.width-410 {width: 410px !important;}
.width-420 {width: 420px !important;}
.width-430 {width: 430px !important;}
.width-440 {width: 440px !important;}
.width-450 {width: 450px !important;}
.width-460 {width: 460px !important;}
.width-470 {width: 470px !important;}
.width-480 {width: 480px !important;}
.width-490 {width: 490px !important;}
.width-500 {width: 500px !important;}
.width-510 {width: 510px !important;}
.width-520 {width: 520px !important;}
.width-530 {width: 530px !important;}
.width-540 {width: 540px !important;}
.width-550 {width: 550px !important;}
.width-560 {width: 560px !important;}
.width-570 {width: 570px !important;}
.width-580 {width: 580px !important;}
.width-590 {width: 590px !important;}
.width-600 {width: 600px !important;}
.width-610 {width: 610px !important;}
.width-620 {width: 620px !important;}
.width-630 {width: 630px !important;}
.width-640 {width: 640px !important;}
.width-650 {width: 650px !important;}
.width-660 {width: 660px !important;}
.width-670 {width: 670px !important;}
.width-680 {width: 680px !important;}
.width-690 {width: 690px !important;}
.width-700 {width: 700px !important;}
.width-710 {width: 710px !important;}
.width-720 {width: 720px !important;}
.width-730 {width: 730px !important;}
.width-740 {width: 740px !important;}
.width-750 {width: 750px !important;}
.width-760 {width: 760px !important;}
.width-770 {width: 770px !important;}
.width-780 {width: 780px !important;}
.width-790 {width: 790px !important;}
.width-800 {width: 800px !important;}
.width-810 {width: 810px !important;}
.width-820 {width: 820px !important;}
.width-830 {width: 830px !important;}
.width-840 {width: 840px !important;}
.width-850 {width: 850px !important;}
.width-860 {width: 860px !important;}
.width-870 {width: 870px !important;}
.width-880 {width: 880px !important;}
.width-890 {width: 890px !important;}
.width-900 {width: 900px !important;}
.width-1000 {width: 1000px !important;}

.width-padrao {width: 700px !important;}

.width-5-percent {width: 5% !important;}
.width-9-percent {width: 9% !important;}
.width-10-percent {width: 10% !important;}
.width-13-percent {width: 13% !important;}
.width-20-percent {width: 20% !important;}
.width-30-percent {width: 30% !important;}
.width-40-percent {width: 40% !important;}
.width-50-percent {width: 50% !important;}
.width-60-percent {width: 60% !important;}
.width-70-percent {width: 70% !important;}
.width-80-percent {width: 80% !important;}
.width-90-percent {width: 90% !important;}
.width-95-percent {width: 95% !important;}

.width-half-full {width: 50% !important;}
.width-full {width: 100% !important;}

.height-full {height: 100% !important;}

.height-20 {height: 20px;}
.height-30 {height: 30px;}

.tabelaConteudoPadrao {
  width: 100% !important;
  height: 99%;
  border: 0px !important;
  border-spacing: 1px !important;
}

.tabelaConteudoPadrao td {
  padding: 0px !important;
}

.tabelaConteudoPrincipal {
  width: 700px !important;
  border: 0px !important;
  border-spacing: 1px !important;
}

.tabelaConteudoPrincipal td {
  padding: 1px !important;
}

#cabecalho-pagina {
  height: 12px !important;
  vertical-align: middle !important;
}

#cabecalho-pagina p{
  margin:0;
  padding: 0;
}

div#conteudo{

  height: 100%;
}

div#conteudo form {

  margin: 0;
  height: 100%;
}

.botoes {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: bold;
  color: #000000;
  background-color: #aebdb8;
  border-color: #FFFFFF #000000 #000000 #FFFFFF;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  cursor: pointer;
}

.caixas

{

  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: normal;
  color: #000000;
  background-color: #FFFFFF;
  border-color: #000000 #000000 #000000 #000000;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;

}

.lista

{

  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: normal;
  color: #000000;
  background-color: #FFFFFF;
  border-color: #000000 #000000 #000000 #000000;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  width: 200px;

}

.caixastransp

{

  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: bold;
  color: #000000;
  background-color: #c4cfcb;
  border-color: #E7EBF7 #E7EBF7 #E7EBF7 #E7EBF7;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;

}

.caixastranspdir

{

  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  color: #000000;
  background-color: #E7EBF7;
  border-color: #E7EBF7 #E7EBF7 #E7EBF7 #E7EBF7;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  text-align: right;
}


.hintSel {
  background-color: #F5F4F7;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: normal;
  text-align: left;
  display: none;
  position: absolute;
  z-index: 10;
}

body {
  font-size: 11px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-style: normal;
  background-color: #FFFFFF;
  color: #565656;
  margin:0;
  padding:0;
}

div#dadosAcesso {
  display:block;
  width:950px;
  height: auto;
  background:#fff;
  margin: 10px auto 0 auto;
}

ul {
	padding-left: 15px;
	margin-left: 15px;

}

div#dadosAcesso ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

div#dadosAcesso ul li {
  display:inline !important;
  float:left !important;
  text-align: right;
  margin-bottom: 3px;
  color: #a7a8a9;
  font-size:10px;
}

div#conteudo{
  width:950px;
  min-width:950px;
  height: auto;
  margin:10px auto 0 auto;
  background:#ececec;
  padding:5px;
}

 form#formPrincipal {}

 form, div#divPrincipal {
  background:#fff;
}

 form table.tablePrincipal tr td,
 div#divPrincipal table.tablePrincipal tr td{
  padding:1px 0 1px 0;
}

 form table.tablePrincipal tr td.tdCabecalho,
 div#divPrincipal table.tablePrincipal tr td.tdCabecalho{
  background:#ececec;
}

 form table.tablePrincipal tr td table tr td.tdCabecalho,
 div#divPrincipal table.tablePrincipal tr td table tr td.tdCabecalho{
  background:#ffffff;
}



 form table.tablePrincipal tr td.tdCabecalho h3,
 div#divPrincipal table.tablePrincipal tr td.tdCabecalho h3{
  font-family: 'neo_sansregular', Verdana, Arial, Helvetica, sans-serif;
  font-size:20px;
  margin:15px 0 0 0;
  padding:0;
  color:#56595b;
}

.tdCabecalho {

  font-height: bold;
  background-color: #aebdb8;

}

.tdSumario {

  font-height: bold;
  background-color: #efefef;

}

.tdSubCabecalho {

  font-height: bold;
  background-color: #c4cfcb;

}

.tdPadrao {

  background-color: #efefef;

}

.tdAlternada {

  background-color: #F4F4F4;

}

.tdErro {

  font-height: bold;
  background-color: #F88282;

}

.tdErroAlternada {

  font-height: bold;
  background-color: #F86055;

}

.tdEscura {

  background-color: #768f87;
  color: #FFFFFF;

}

.tdHelp
{
  font-size: 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
    text-align: center;
  background-color: #E7EBF7;
}

.fonteErro {

  font-size: 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #F88282;

}

.fonteErroEscuro {

    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #FF0066;

}

.fontePadrao {

  font-size: 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000000;

}

.fontePadraoAjax {

  font-size: 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
  visibility:hidden;

}

.bordaMenu {

  background-color: #FFFFFF;

}

pre {

  font-size: 12pt;
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  text-decoration: none;
  color: #000000;

}

.fonteDoc {

  font-size: 12pt;
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  text-decoration: none;
  color: #000000;

}

.fonteDoc2 {

  font-size: 11pt;
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  text-decoration: none;
  color: #000000;

}

a {

  font-size: 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-style: normal;
  text-decoration: none;
  color: #000000;

}

a:hover {

  font-size: 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-style: normal;
  text-decoration: underline;
  color: #000000;

}

.table {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-style: normal;
    color: #000000;
    background: #FFFFFF;
  width: 100%;
}

.iframe {
    padding: 0px;
    border: 0px;
    display: block;
}

.title
{
  font-weight: bold;
    text-align: center;
  background-color: #768f87;
}

.header
{
  font-weight: bold;
    text-align: center;
  background-color: #c4cfcb;
}

.footer
{
  font-weight: bold;
    text-align: left;
  background-color: #F5F8FC;
}

.footerSomatorio
{
  font-weight: bold;
    text-align: right;
  background-color: #F5F8FC;
}


.onLight
{
  background-color:#DDE0E5;
}

.AJXstyleMsg
{
  position: absolute;
  color: #FFFFFF;
  background-color: #828282;
  font-family: verdana;
  right:0px;
  top:14px;
  height: 15;
  font-weight: bold;
}

.fonteMaior {

  font-size: 16px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000000;

}

.aviso{

  border:1px dashed #000;
  font-family: Arial;
  font-size:14;
  width: 650px;
}

.avisoCapsLock {
  background: #E7EBF7;
  font: bold;
  color:#FF3300;
  width:396;
}

.caixaRegua {
  border: 1px solid;
  font: 10px Courier;
}

table.tabelaRegua {
  border-collapse: collapse;
  table-layout:fixed;
}

table.tabelaRegua td {
  width: 7px;
}

table.tabelaRegua tr td {
  border:1px solid;
  vertical-align: top;
  text-align: center;
  font: 10px;
}
.tituloSistema{

  color:#FF8C00;
}
#tabs {
  border-collapse:collapse;
  border-bottom: 1px solid #ccc;
}
#tabs.accordion {
  border-bottom: none;
}

#tabs a {
  display:block;
  padding: 6px 10px;
  margin: 2px 1px 0 0;
  border-radius: 6px 6px 0 0;
  background: #eee;
  white-space: nowrap;
}

#tabs .current a {
  background: #ddd;
}

#tabs a:hover {
  color: #5483b6;
  background: #ddd;
}

#tabs a.active {
  color: #fff!important;
  background-color: #9CB3CD!important;
}
#tabs a:hover {
  color: #5483b6;
  background: #ddd;
}

.atf-app-form {
    width: 600px;
    margin: auto;
    padding: 70px 0 50px;
}

table.content-info td.atf-app-title {
  padding: 5px 10px;
  font-size: 12px;
  font-weight: bold;
  border-top: 1px solid #fff;
}


.atf-app-form {
  width:600px;
  margin: auto;
  padding: 70px 0 50px;
}
.atf-app-form + .atf-app-form { padding: 0 0 50px; }
.atf-app-form.fullScreen {
  width: auto;
  margin: 0 30px;
}

.atf-app-form table.fontePadrao {
  width:100%!important;
  margin: auto;
  overflow: hidden;
}

.atf-app-form > table.fontePadrao {
  margin-bottom: 10px;
}

.atf-app-form table.fontePadrao iframe {
  width:100%!important;
}

.atf-app-footer {
  position: fixed;
  bottom: -1px;
  left: 0;
  width: 100%;
  font-size: 13px;
  font-weight: bold;
/*
  background: #D3D8E7;
  box-shadow: 0 0 0 1px rgba(70, 93, 122, 0.35);
*/
  opacity: 0.86;
  overflow: hidden;
}
.atf-app-footer td {
  height: 37px;
  padding: 0px 10px;
}

.atf-app-footer td a {
  color: #2C537E;
}

.atf-app-footer td a:hover {
  color: #b00;
}

/*MENSAGENS DE ERRO*/

.atf-dialog {
    display: block;
    position: fixed!important;
    color: #a00;
    padding: 10px 30px;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    opacity: 0.9;
    border: 1px solid #a00;
    -webkit-border-radius: 3px;
    		border-radius: 3px;
    background: #ffd url("imagens/close.png") right top no-repeat;
    -webkit-box-shadow: 0 0 0 4px rgba(170,0,0,0.3), 10px 10px 5px rgba(0,0,0,0.3);
    		box-shadow: 0 0 0 4px rgba(170,0,0,0.3), 10px 10px 5px rgba(0,0,0,0.3);
    z-index: 999;
}

.atf-dialog-full {
	padding: 30px;
	margin: 50px auto;
	width: 70%;
	background: #E3E6E9;
	border: 1px solid #AEC1D8;
	border-radius: 10px;
	position: relative;
	box-shadow: inset 0 0 0 1px #fff,0 0 4px rgba(78, 97, 125, 0.4);
	overflow: hidden;
}

.atf-dialog-full img {
	float: left;
    margin-right: 30px;
}

.atf-dialog-full h2 {
	margin: 15px 0 10px;
	font-family: arial;
	font-size: 1.6em;
	color: #c00;
	text-shadow: 1px 1px 0px #fff;
}

/*objetos expecificos*/

input[name=btnAdiciona], input[name=btnRemove] {
	font-size: 11px;
	padding: 2px 6px;
}

input[name=edtCdFuncao] {
	width: 60px;
	margin: 0 5px;
}

/* login */

div.atf-login.full {
	padding-top: 20px;
	overflow: hidden;
}

div.atf-login.full #text-login {
	display: block;
	float: left;
	width: 63%;
	font-size: 13px;
}

div.atf-login.full #text-login h1 {
	color: #b00;
}

div.atf-login.full #text-login ul li {
	padding: 3px 0;
}

div.atf-login.full #SERlogin {
	padding-top: 10px;
}

div.atf-login.full #SERlogin {
	width: 32%;
	float: right;
	padding: 0 0 0 5%;
	border-left: 1px solid #D0D8E4;
}

div.atf-login.full #SERlogin .page-header {
	display: block!important;
	margin: 0 0 20px;
	padding: 0 0 10px;
	font-size: 20px;
}

div.atf-login.full .log-tips {
    padding: 18px 18px 18px 35px;
    margin-top: 30px;
    border: 1px solid #ddd;
    background: #eee;
    -webkit-border-radius: 6px;
    		border-radius: 6px;
}

table.atf-login {
	width: 100%;
	margin-bottom: 30px;
}

table.atf-login table {
	margin: auto;
}

table.atf-login h1 {
	margin-bottom: 20px;
	font-size: 3em;
}

table.atf-login-form {
	margin-bottom: 15px!important;
	border-radius: 0 0 10px 10px;
	overflow: hidden;
}

.atf-login .atf-login-header td {
	background: #FFFFFF;
	padding: 6px 2px;
	font-weight: bold;
	line-height: 21px;
	border-top: 2px solid #C4CCDF;
}

.atf-login .atf-login-header .label {
	font-size: 1.3em;
}

.atf-login .atf-login-header .label img {
	float: left;
	margin-right: 5px;
}

.atf-login .atf-login-header .label-ser {
	font-size: 1.0em;
	line-height: 21px;
	text-align: right;
}

.atf-login .atf-link-certificado {
	/*
	display: block;
	padding-bottom: 15px;
	color: #b00;
	font-size: 1.2em;
	font-weight: bold;
	border-bottom: 1px solid #ddd;
	*/
	display: block;
	padding: 5px 0;
	text-align: center;
	font-size: 13px;
	color: #b00;
	border-style: solid;
	border-color: #ddd;
	border-width: 1px 0;
	background: #f4f4f4;
	margin-bottom: 10px;
}
.atf-login .atf-link-certificado:hover {
	color: #d00;
}
.atf-login .atf-link-certificado span {
	padding: 3px 16px;
	background: url(imagens/license_key.png) no-repeat 0px -5px;
}
.atf-login .atf-link-credenciamento {
	font-size: 1.3em;
	font-weight: bold
}
.atf-login .atf-login-links {
	padding: 10px 0;
}
.atf-login ul li {
	padding: 0;
}
.atf-login .atf-login-links strong {
	display: block;
	float: left;
	width: 40%;
	font-size: 1.1em;
	text-align: left;
	color: #f80;
}

.atf-login .atf-login-pass-remind {
	margin-bottom: 20px;
}

.atf-login .atf-login-pass-remind td {
	padding: 10px;
	text-align: center;
	border: 1px solid #f60;
	background: #ffd;
}

.atf-login .atf-login-version {
	position: fixed;
	width: 100%;
	bottom: 0;
	font-weight: bold;
	text-align: center;
	border-top: 1px solid #C4CCDF;
}

.atf-login .atf-login-version td {
	padding: 10px;
}

/*conteúdo*/

/*corrige altura dos iframes das telas*/
/*alguns iframes tem alturas definidas e isso pode esconder alguns campos*/
.fontePadrao iframe {
	margin: auto;
}

div#cronometro_div + table {
	height: auto;
}

/*retira a altura da primeira tabela do conteúdo principal*/
div#cronometro_div + table {
	height: auto;
}
/*mensagem de seja bem vindo + contador do tempo de sessão*/
div#cronometro_div + table > tbody > tr.tdCabecalho > td:last-child {
	text-align: right;
	font-size: 12px;
}
/*links 'ajuda' e 'voltar'*/
div#cronometro_div + table > tbody > tr:last-child td {
	padding: 0 5%;
}
/*espaço superior do formulário no conteúdo principal*/
form[name=frmMensagens] > table {
	margin: 30px 0 0;
}

/*Inicio dos estilos da janela de "Aguarde..."*/
.window{
    display:none;
    width:210px;
    height:100px;
    position:absolute;
    text-align:center;
    left:0;
    top:0;
    background:transparent;
    z-index:9900;
    padding:10px;
    border-radius:10px;
}
 
#mascara{
    display:none;
    position:absolute;
    left:0;
    top:0;
    z-index:9000;
    background-color:#000;
}

/*Fim dos estilos da janela de "Aguarde..."*/

/*Inicio dos estilos para TABLE*/
table.table {
	border-collapse: collapse;
  	border-spacing: 0;
  	border: 0;
  	font-size: 10px;
  	font-family: Verdana, Arial, Helvetica, sans-serif;
  	color: #000000;
}
table.table thead {
	background-color: #AEBDB8;
}
table.table tbody {
	background-color: #EFEFEF;
}
table.table tr {
	border-bottom: 1px solid #FFF;
}
table.table tbody tr:hover {
	background-color: #f4f4f4;	
}
table.table tfoot {
	background-color: #AEBDB8;
	text-align: center !important;
	font-weight: bold;
}
table.table tr td {
	padding: 3px 5px;
}
/*Fim dos dos estilos para TABLE*/