/*---------------------------------
 * formulários e tabelas
 *---------------------------------*/

/* -- formulário que usa tabela -- */

form.tabelado {
}
form.tabelado input, form.tabelado select, form.tabelado textarea {
}
form.tabelado input.botao, form.tabelado button {
	cursor: pointer;
}
form.tabelado input.ro, form.tabelado input.ro:focus {
	background-color: #eeeeee;
	color: #666666;
	border: 1px solid #999999;
}

/* -- tabela com linhas listradas -- */

table.tabelaListrada {
}
table.tabelaListrada .lh { /* linhas de cabeçalho */
}
table.tabelaListrada .lc { /* linhas claras */
}
table.tabelaListrada .le { /* linhas escuras */
}

table.formularios {
}
table.formularios .lh { /* linhas de cabeçalho */
	font-weight: bold;
}

table.formularios .cat {
	background-color: #A4A453;
	color: #FFFFFF;
	/*margin-top: 1px;*/
}

/* -- células especiais para tabelas com formulários -- */

table.formularios td.rotulo {
	padding-right: 5px;
	text-align: right;
}

table.formularios td.rotulo_unico {
	padding-right: 5px;
}

table.formularios td.campo {
}

/* -- slider para formulários em geral -- */

div.barra_slider {
	position: relative;
	height: 10px;
	width: 100px;
}
 
div.indicador_slider {	
	position: absolute;
	height: 10px;
	width: 6px;
	cursor: pointer;
}


/* -- div para exibir lista de resultados de uma pesquisa -- */
.lista_res {
	/*border: 1px #AAAA57 solid;*/
	/*visibility: hidden;*/
	/*opacity: 0;
	filter: alpha(opacity=00);*/
}
.lista_res_carregando {
	background: url(../imagens/carregando.gif) no-repeat center; 
	padding: 20px 0;
	visibility: visible;
}
/*.lista_res_carregada {
	visibility: hidden;
}*/
/*---------------------------------
 * código novo para o sifat (formatação)
 *---------------------------------*/

body, td, th, tr, input, select, textarea, button {
	font-family: Tahoma, Verdana, Geneva, Arial, "lucida sans", "bitstream vera sans", "luxi sans", Helvetica, sans-serif;
	font-size: 8pt;
}

body {
	margin: 0px;
	padding: 0px 0px;
}

td.menu {
	text-align: left;
	vertical-align: top;
	padding: 0px;
}

td.menu ul {
	padding: 0px;
	margin: 0px 0px 0px 0px;
	list-style-type: none;
}

td.menu ul ul {
	/*padding-left: 10px;*/
	/*padding-bottom: 5px;*/
}

td.menu ul ul li {
}

td.menu a {
	display: block;
	padding: 2px;
	text-decoration: none;
	padding-left: 15px;
	background-position: 2px center;
}

* html td.menu a { /* gambiarra para o IE */
	width: 133px; /* 150 -2d -15e*/
}

td.menu a:hover {
	background-image: url(../imagens/seta.gif);
	background-repeat: no-repeat;
}

td.menu a.cat {
	display: block;
	font-weight: bold;
	padding: 2px;
	padding-left: 6px;
	text-decoration: none;
	background-image: none;
	/*margin-top: 1px;*/
}
* html td.menu a.cat { /* gambiarra para o IE */
	width: 142px; /* 150 -2d -6e */
}
td.menu a.cat:hover {
	background-image: none;
}

td.menu li.submenu {
	font-weight: bold;
	padding: 2px;
}

td.topo {
	text-align: left;
	padding-left: 120px;
	height: 100px;
	vertical-align: bottom;
	background-repeat: no-repeat;
	background-position: left;
	color: white;
}
* html td.topo { /* gambiarra para o IE */
	height: 100px; /* 100 - (3topo + 3base de padding) */
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sifat/interface/imagens/bg_topo.png',sizingMethod='scale');
	/* ATENÇÃO: esse filtro de transparência do IE só funciona utilizando caminhos absolutos :P :S */
}

td.topo img {
	vertical-align: bottom;
}

td.topo div.logo2 {
    position: absolute;
    top: 2px;
    left: 5px;
    width: 0px;
    height: 70px;
}

* html td.topo div.logo2 {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sifat/interface/imagens/fenix.png',sizingMethod='scale');
	/* ATENÇÃO: esse filtro de transparência do IE só funciona utilizando caminhos absolutos :P :S */
}
* html td.topo div.logo2 img {
	visibility: hidden;
}
td.topo div.logo_title {
    padding-left: 5rem;
    line-height: 5px;
}


td.topo div.login {
	/*
	position: absolute;
	top: 47px;
	left: 524px;
	color: #fff;
	font-weight: bold;*/
	text-align: end;
}
td.topo div.login2 {
	/*position: absolute;*/
	top: 13px;
	left: 523px;
	color: #ffffff;
	text-align: end;
	/*border: 1px solid #993399;*/
	font-size: 7.5pt;
	/*width: 440px;*/
}
td.topo div.login_user {
    padding-left: 5rem;
    line-height: 5px;
}

td.topo div.submenu {
    text-align: center;
    /*
    position: absolute;
    top: 84px;
    left: 300px;
    text-align: right;
    width: 550px;
    /*border: 1px solid black;*/
}

td.topo div.submenu ul {
	margin: 0px;
	padding: 0px;
}
td.topo div.submenu ul li{
	display: inline;
	margin: 0px;
	padding: 0px 5px;
}

td.topo a {
	color: #FFFFFF;
	text-decoration: none;
}
td.topo a:hover {
	text-decoration: underline;
}
td.rodape {
	font-weight: bold;
	font-size: 8pt;
	text-align: center;
}

td.rodape img#logoPrA {
	border-width: 0px;
	vertical-align: middle;
	margin: 0px 25px;
}

td.centro {
	vertical-align: top;
	padding: 15px 0px;;
}

div.mensagem {
	text-align: center;
	padding: 5px;
	font-weight: bold;
	color: #0000FF; /* cor independente de tema */
}

ul.erros {
	margin-left: 100px;
	margin-right: 100px;
	text-align: left;
	/*border: 1px solid black;*/
}

.info {
	border: 1px dotted gray;
	margin-top: 10px;
}

.info label {
	font-weight: bold;
	text-align: right;
	padding-right: 5px;
	display: block;
	width: 75px;
	float: left;
}

/*label,input {
	float: left;
	margin-bottom: 10px;
}*/

.info legend {
	font-weight: bold;
	text-align: center;
}

.info br {
	clear: left;
}

.ativo {
	color: #000066;
	font-weight: bold;
}
.inativo {
	color: #aaaaaa;
}

.mensagemPersonalizada {
	text-align: center;
	font-weight: bold;
	color: #ff8800;
	margin: 0px auto 30px auto; 
	width: 90%;
	border: 1px solid #ff8800;
	padding: 1px;
}

.mensagemPersonalizada .caption {
	background-color: #ff8800;
	color: #ffffff;
	padding: 2px;
}

.btn{	
	font-weight:bold;
	height:35px;
	width:170px;	
	text-align:center;
	padding: 3px 20px 3px 20px;
}

.btn:active{
	position:relative;
	top:2px;
}

.btn:hover {  
  background: #A4A453; 
  background-image: -webkit-linear-gradient(top, #A4A453, #D2D2A9);
  background-image: -moz-linear-gradient(top, #A4A453, #D2D2A9);
  background-image: -ms-linear-gradient(top, #A4A453, #D2D2A9);
  background-image: -o-linear-gradient(top, #A4A453, #D2D2A9);
  background-image: linear-gradient(to bottom, #A4A453, #D2D2A9);
  text-decoration: none;
}

input.btn{
	background: #A4A453; 	
}

.table {
	width: 100%;
	min-height: 100vh;
  }