@charset "ISO-8859-1";
/* --------------------------------------------------------------------------- */
/*                                                                             */
/*  PRODABEL - Fabrica de Softwares                                            */
/*                                                                             */
/*  PICWEB Estilo Geral                                                        */
/*                                                                             */
/*  Este arquivo nao deve ser mofificado                                       */
/*  Para definicoes especificas utilize o arquivo PIWEB_estilo-aplicacao.css   */
/*                                                                             */
/*  Atualizacao : 12/05/2016                                                   */
/*                                                                             */
/* --------------------------------------------------------------------------- */

/* BASICO                                                  */
/*                                                         */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #333333;
	background-color: #fcfcfc;
	border-top: 7px solid #a4c6e0;
}

a {
	color: #00008b;
	text-decoration: none;
	border: none;
	background-image: none;
}

a:hover {
	color: #1f96da;
	color: #069;
	text-decoration: none;
	border: none;
	background-image: none;
}

input:focus, select:focus, textarea:focus {
	border: 1px solid #999;
	background-color: #ffc;
}

input:hover, select:hover, textarea:hover {
	background-color: #FFC;
}
/* ======================================================= */
/* ESTRUTURA                                               */
#geral {
	background-color: #fff;
	border: 1px solid #a4c6e0;
	border-top: 0;
	margin-left: auto;
	margin-right: auto;
	max-width: 1280px;
	zoom: 1;
}

#conteudo {
	margin-top: 0;
	margin-left: 2%;
	margin-right: 2%;
	margin-bottom: 3px;
	padding: 0;
	background-color: #fcfcfc;
}

#conteudo p.textogeral {
	text-align: justify;
	margin-bottom: 5px;
}

#conteudo input {
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	box-shadow: 0;
}
/* ======================================================= */
/* TOPO                                                    */
#identifica-sistema {
	background-color: #c6ddeb;
	color: #28556d;
	font-weight: bold;
	min-height: 55px;
	padding: 0 2% 5px;
}

.logomarca {
	float: right;
	height: 50px;
	padding-left: 5px;
	vertical-align: top;
	width: 155px;
}

.logomarca img {
	border: 0 none;
	margin: 0;
	padding: 0;
}

.sigla-sistema {
	font-size: 1em;
	font-weight: bold;
	padding-top: 5px;
}

.nome-sistema {
	font-size: 1.5em;
	font-weight: bold;
	margin: 0 !important;
	padding: 0 !important;
}
/* ======================================================= */
/* MENU container                                          */
#menu-container {
	background-color: #c8deec;
	background-image: url("../images/bkg-shadow-innertop.jpg");
	background-position: center bottom;
	background-repeat: repeat-x;
	margin-bottom: 1px;
	padding: 0 1.25% 10px 2%;
	z-index: 1000;
}
/* ======================================================= */
/* NOME DO CASO DE USO                                     */
.nome-caso-de-uso {
	font-family: Arial;
	font-size: 1.25em;
	font-weight: bold;
	text-align: left;
	color: #407899;
	padding-top: 5px;
	margin-top: 0;
}
/* ======================================================= */
/* BARRA DE ACOES                                          */
#barra-de-acoes {
	border-bottom: 0px solid #407899;
	clear: both;
	margin-bottom: 0px;
	padding: 4px 0 8px;
}

.barra-de-acoes-interna {
	border-bottom: 0;
	clear: both;
	margin-bottom: 1px;
	padding: 4px 0 8px;
}

#barra-de-acoes a {
	background: rgba(0, 0, 0, 0)
		linear-gradient(to bottom, #ffffff 15%, #ced4db 100%) repeat scroll 0
		0;
	display: inline-block;
	line-height: 1.27em;
	color: #666;
	cursor: pointer;
	background-color: #eeeeee;
	border: 1px solid #069;
	border-radius: 0.50em !important;
	-khtml-border-radius: 0.50em !important;
	-moz-border-radius: 0.50em !important;
	-webkit-border-radius: 0.50em !important;
	font-family: Arial;
	font-size: 0.85em;
	font-weight: bold;
	margin: 0 5px 0 0;
	padding: 0.55em 0.50em;
}
/* ======================================================= */
/* MENSAGENS DO SISTEMA                                    */
.mensagens-sistema {
	min-height: 0;
}

.alerta, .erro, .informacao, .sucesso {
	min-height: 34px;
	margin-bottom: 10px;
}

.alerta {
	background-color: #fff4d5;
	border: 2px solid #ff6701;
}

.erro {
	background-color: #ffdbdb;
	border: 2px solid #ff0000;
}

.informacao {
	background-color: #ffffff;
	border: 2px solid #049bff;
}

.sucesso {
	background-color: #c7efd9;
	border: 2px solid #01cc01;
}

.mensagem-icone {
	float: left;
	margin-left: 3px;
	margin-top: 3px;
	height: 100%;
}

.verde {
	background-image: url("../images/ico-mensagem-sucesso.gif");
	background-repeat: no-repeat;
	height: 28px;
	width: 28px;
}

.vermelho {
	background-image: url("../images/ico-mensagem-erro.gif");
	background-repeat: no-repeat;
	height: 28px;
	width: 28px;
}

.laranja {
	background-image: url("../images/ico-mensagem-alerta.gif");
	background-repeat: no-repeat;
	height: 28px;
	width: 28px;
}

.azul {
	background-image: url("../images/ico-mensagem-informacao.gif");
	background-repeat: no-repeat;
	height: 28px;
	width: 28px;
}

.mensagem-texto {
	margin-left: 40px;
	padding-bottom: 5px;
	padding-top: 8px;
}

.mensagem-texto p {
	color: #333;
	font-size: 0.95em;
	font-weight: bold;
	line-height: 1.2em;
}
/* ======================================================= */
/* RODAPE                                                  */
#rodapeContainer {
	background-color: #d8eaf5;
	clear: both;
	margin: 12px 0 0;
	min-height: 30px;
	padding: 5px 2% 3px;
	z-index: 1000;
}

ul.rodape {
	margin: 0;
	padding: 0;
}

ul.rodape a {
	color: #000000;
	text-decoration: none;
}

ul.rodape li {
	display: inline-block;
	float: right;
	font-size: 0.75em;
	list-style: none;
	margin: 0 0 5px;
	padding: 0;
	width: auto;
}

ul.rodape li a:hover {
	color: #000000;
}

ul.rodape .empresa {
	border-right: 1px solid #999;
	float: left;
	padding-right: 15px;
	white-space: nowrap;
}

ul.rodape .usuario {
	color: #666;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 15px;
}

ul.rodape .icones {
	float: right;
}

ul.rodape .icones .ultimo {
	padding-left: 10px;
}
/* ======================================================= */
/* VERSAO DA APLICACAO                                     */
.versao {
	font-size: 0.70em;
	text-align: center;
	color: #666666;
	padding-bottom: 10px;
	padding-top: 5px;
	margin-top: 0;
}
/* ======================================================= */
/* CONTADOR, EXCLUIR, REORDENAR */
.colunaReordenar {
	
}

.colunaReordenar img {
	text-align: center !important;
}

.tituloColunas .colunaContador {
	text-align: center;
	width: 1px !important;
}

td.contador, td.excluir {
	width: 1px !important;
}

td.contador {
	padding: 3px 0 0 0;
}

td.contador input[type=text] {
	border-color: transparent;
	color: #069;
	font-size: 0.80em !important;
	padding: 0 0 0 1px !important;
}

td.contador input[type=text]:hover, td.contador input[type=text]:focus {
	background-color: transparent;
	cursor: default;
}

td.excluir {
	padding: 5px;
}

img[alt*="lixeira"]:hover {
	cursor: pointer;
	background-color: #FFC;
}

.colunaExcluir {
	padding: 0;
	width: 1px !important;
	text-align: center;
}

.colunaExcluir img {
	cursor: pointer;
	margin-bottom: -15px !important;
}

.checkboxExcluir {
	text-align: center;
}
/* ======================================================= */
/* CLASSES ESPECIAIS                                       */
#apresentacao {
	padding-bottom: 5px;
}

#apresentacao h1 {
	border-bottom: #28556d 2px solid;
	padding-bottom: 10px;
	margin: 15px 0;
	font-size: 1.30em;
}

#apresentacao p {
	line-height: 1.25em;
	margin-bottom: 10px;
	text-align: justify;
}

.apresentacao {
	line-height: 16px;
	text-align: justify;
	margin-left: 25px;
}

.assinatura p {
	text-align: right;
	margin: 5px 5px 2px 0;
}

.numeros {
	text-align: right;
}

.valor {
	text-align: right;
}

.valor input {
	text-align: right;
}

.abreVinculado {
	background-image: url(../images/ico-abre-modal.png);
	background-repeat: no-repeat;
}
/* ======================================================= */
/* OBJETOS HTML                                            */
p {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Arial;
	color: #28556D;
}

h1 {
	font-size: 1.50em;
}

h2 {
	font-size: 1.25em;
	margin-top: 10px;
	margin-bottom: 5px;
}

h3 {
	font-size: 1em;
	margin-top: 6px;
	margin-bottom: 3px;
}

blockquote {
	margin-left: 15px;
}

img {
	border: none;
}
/* ...................................................... */
/* TABELAS                                                */
table {
	background-color: #fff;
	border-collapse: collapse;
	border: 1px solid #ddd;
	margin-bottom: 10px;
	width: 100%;
}

caption {
	color: #325d82;
	font-weight: bold;
	padding: 5px 0;
	text-align: left;
}

td {
	vertical-align: top !important;
	border-bottom: 1px solid #ddd !important;
}

thead td, th, td {
	border: 0;
	padding: 3px;
	padding-right: 6px;
	text-align: left;
	vertical-align: middle;
}

th, thead td {
	background-color: #b9d3ee;
	border-left: 1px solid #ffffff;
	color: #325d82;
	font-weight: bold;
	white-space: nowrap;
	vertical-align: middle;
}

thead td:first-child, th:first-child {
	border-left: 1px solid #ddd;
}
/* Campo Obrigatorio */
.campo-obrigatorio:before, td.campo-obrigatorio:before, td.campo-obrigatorio:before
	{
	content: '*';
	color: #444 !important;
	display: inline-block;
	font-family: verdana;
	font-size: 1.50em;
	font-weight: bold;
	line-height: .50em;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

.tituloColunas td {
	font-weight: bold;
	background-color: #b9d3ee;
}

.linhaselecionada {
	background-color: #ffc;
}

/* para logica Detalhe e Detalhe Subdetalhe */
td fieldset {
	margin: 0 !important;
}

.tabular td {
	border-bottom: 1px solid #fff !important;
	padding-bottom: 10px;
}

.tabular tr:last-child td {
	border-bottom: 1px solid #ddd !important;
}
/* ====================================================== */
/* LINHA DE CAMPOS DE FORMULARIO                          */
.linha-formulario {
	display: inline-block !important;
	margin: 5px 1px 5px 0;
	padding: 1px 12px 0 0;
	vertical-align: top;
	width: 100%;
}

.linha-formulario div {
	float: left;
	margin-right: 15px;
	padding-bottom: 5px;
}
/* ...................................................... */
/* FORMULARIO  E CAMPOS DE FORMULARIO                     */
form {
	
}

fieldset {
	/*background-color: #fff;*/
	border: 1px solid #c6ddeb;
	margin-bottom: 10px;
	padding: 10px;
}

legend {
	background-color: #e8eef2;
	border: 1px solid #c6ddeb;
	color: #069;
	font-weight: bold;
	margin: 0 !important;
	padding: 5px;
}

label {
	color: #325D82;
	padding-left: 1px;
}

input {
	border: 1px solid #ccc;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	color: #000;
	font-size: 1em;
	margin-top: 3px;
	padding: 2px;
	padding-left: 3px;
}

input[type=image] {
	margin: 0;
	padding: 0;
}

input[type=image]:focus {
	background-color: transparent;
}

select {
	border: 1px solid #ccc;
	font-size: 1em;
	margin-top: 3px;
	padding: 1px;
}

option {
	padding-right: 3px;
}

radio, checkbox {
	border: 0;
	border-width: 0;
}

textarea {
	border: 1px solid #ccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin-top: 3px;
}

input.botaoReordenar {
	border: 0;
	cursor: auto;
	margin-left: 3px;
}

*[type=button], *[type=submit], *[type=reset] {
	background-color: #9CF;
	color: #666;
	cursor: pointer;
	background-color: #eeeeee;
	border: 1px solid #069;
	border-radius: 0.50em !important;
	-khtml-border-radius: 0.50em !important;
	-moz-border-radius: 0.50em !important;
	-webkit-border-radius: 0.50em !important;
	font-family: Arial;
	font-size: 0.85em;
	font-weight: bold;
	line-height: 1.2em;
	margin: 0 5px 0 0;
	padding: 0.50em 0.50em;
}

*[type="button"]:hover, *[type="submit"]:hover, *[type="reset"]:hover {
	background-color: #9CF;
	color: #036;
	cursor: pointer;
	text-decoration: none;
}

*[type="reset"]:hover {
	background-color: #ffffff;
	background-image: none;
	color: #036;
	cursor: pointer;
	text-decoration: none;
}

*[type="button"][title~="Excluir"]:hover, a[title~="Excluir"]:hover {
	background: rgba(0, 0, 0, 0)
		linear-gradient(to bottom, #ffffff 40%, #ff6666 100%) repeat scroll 0
		0 !important;
	border-color: #c00;
}

*[readonly="readonly"] {
	background-color: transparent;
	border: 1px solid transparent;
	color: #666;
	cursor: default;
}

*[readonly="readonly"]:focus, *[readonly="readonly"]:hover {
	background-color: transparent;
	border-color: tarnsparent;
}

*[disabled="disabled"], .disabled {
	background-color: #eee !important;
	border: 1px solid #ccc !important;
	color: #aaa !important;
	cursor: default !important;
}

*[disabled="disabled"]:focus, *[disabled="disabled"]:hover, .disabled:focus,
	.disabled:hover {
	background-color: #eee;
	border: 1px solid #ccc;
}

.linha-formulario div label ~ label {
	line-height: 1.75em;
	margin-right: 5px;
	padding: 3px;
}

.linha-formulario div label ~ label:hover {
	background-color: #FFC;
}

.linha-formulario div label input {
	margin-right: 2px;
}
/* ...................................................... */
/* Botoes da Barra de Acoes                               */
#barra-de-acoes *[type=button], #barra-de-acoes *[type=submit],
	#barra-de-acoes *[type=reset] {
	background: rgba(0, 0, 0, 0)
		linear-gradient(to bottom, #ffffff 15%, #ced4db 100%) repeat scroll 0
		0;
	line-height: 1.2em;
	color: #666;
	cursor: pointer;
	background-color: #eeeeee;
	border: 1px solid #069;
	border-radius: 0.50em !important;
	-khtml-border-radius: 0.50em !important;
	-moz-border-radius: 0.50em !important;
	-webkit-border-radius: 0.50em !important;
	font-family: Arial;
	font-size: 0.85em;
	font-weight: bold;
	margin: 0 5px 0 0;
	padding: 0.50em 0.50em;
}

#barra-de-acoes *[type="button"]:hover, #barra-de-acoes *[type="submit"]:hover,
	#barra-de-acoes *[type="reset"]:hover {
	background: rgba(0, 0, 0, 0)
		linear-gradient(to bottom, #ffffff 15%, #b9d3ee 100%) repeat scroll 0
		0;
	color: #069;
	cursor: pointer;
	text-decoration: none;
}

#barra-de-acoes *[type="reset"]:hover {
	background-color: #ffffff;
	background-image: none;
	color: #069;
	cursor: pointer;
	text-decoration: none;
}
/* ...................................................... */
fieldset fieldset {
	margin-top: 15px;
	border: 1px solid #b9d3ee !important;
}

fieldset fieldset legend {
	background-color: #fff;
	padding: 3px 3px 3px 1px;
	border: 1px solid #b9d3ee;
}

.tabelaSelecao fieldset fieldset, .tabelaSelecao fieldset fieldset legend
	{
	background-color: transparent;
}

.tabelaSelecao fieldset fieldset table {
	background-color: transparent;
}

.tabelaSelecao fieldset fieldset table tbody tr td {
	background-color: transparent;
}

.tabelaSelecao #barra-de-acoes {
	background-color: transparent;
	border-bottom: none;
	margin-bottom: 5px;
	margin-top: -5px;
	padding: 0;
}

.tabelaSelecao #barra-de-acoes div button {
	background: rgba(0, 0, 0, 0)
		linear-gradient(to bottom, #B9D3EE 15%, #B9D3EE 100%) repeat scroll 0
		0;
	color: #666;
	cursor: pointer;
	border: 1px solid #069;
	border-radius: 0.50em !important;
	-khtml-border-radius: 0.50em !important;
	-moz-border-radius: 0.50em !important;
	-webkit-border-radius: 0.50em !important;
	font-family: Arial;
	font-size: 0.85em;
	font-weight: bold;
	line-height: 0.90em;
	margin: 0 5px 0 0;
	padding: 0.50em 0.50em;
}

.tabelaSelecao #barra-de-acoes div button:hover {
	background: rgba(0, 0, 0, 0)
		linear-gradient(to bottom, #B9D3EE 15%, #B9D3EE 100%) repeat scroll 0
		0;
	border: 1px solid #09F;
}
/* ======================================================= */
/* TEXTO REGRAS DE PREENCHIMENTO                           */
.texto-regras {
	padding-bottom: 10px;
	margin: 0;
}

.texto-regras span:before {
	content: '*';
	color: #444 !important;
	display: inline-block;
	font-size: 1.20em;
	line-height: .70em;
	font-family: verdana;
	font-weight: bold;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

fieldset .texto-regras {
	padding: 0;
	margin-bottom: 10px;
}
/* ======================================================= */
/* PAGINACAO                                               */
.barra-de-paginacao {
	border-top: 2px solid #c6ddeb;
	clear: both;
	display: inline-block;
	margin-top: 10px;
	margin-bottom: 7px;
	padding: 5px;
	padding-bottom: 1px;
	padding-right: 5px;
	width: 99%;
}

.paginacao-titulo {
	float: left;
	white-space: nowrap;
	font-weight: bold;
}

.total-de-registros {
	padding-left: 5px;
	color: #069;
}

.paginacao-numeros {
	float: right;
	display: inline-block;
}

.paginacao-numeros .linha-formulario {
	margin-top: 0;
	padding: 0;
}

.paginacao-numeros .linha-formulario div {
	display: inline;
	float: left;
	font-size: 9px;
	height: 11px;
	min-width: 11px;
	width: auto;
	padding: 2px;
	padding-top: 1px;
	text-align: center;
	border: 1px solid #ccc;
	margin: 0;
	margin-left: 3px;
	white-space: nowrap;
}

.paginacao-numeros .linha-formulario div:hover {
	background-color: #069;
	color: #FFF;
	cursor: pointer;
}

.paginacao-numeros .linha-formulario div:hover a {
	color: #FFF;
}

.paginacao-numeros .linha-formulario div a {
	color: #000;
}

.paginacao-numeros .linha-formulario div a:hover {
	color: #FFF;
}

.pagina-atual {
	background-color: #069;
	border: 1px solid #069;
	color: #FFF;
}

.pagina-atual a {
	background-color: #069 !important;
	color: #FFF !important;
	border: none;
}

.pagina-atual a:hover {
	background-color: #069 !important;
	color: #FFF !important;
	border: none;
}

.barra-de-paginacao .contador {
	float: left;
	width: 10px;
	z-index: 11;
	background-color: #0cf
}
/* ======================================================= */
/* ABAS                                                    */
.barra-de-abas {
	margin-bottom: -1px;
	margin-top: 10px;
	padding: 3px 0 3px 10px;
}

.barra-de-abas a {
	background-color: #eeeeee;
	border: 1px solid #ddd;
	border-bottom: 0;
	color: #666666;
	font-weight: bold;
	margin-bottom: 1px;
	margin-right: 5px;
	padding: 3px 10px 2px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}

.barra-de-abas a:hover {
	background-color: #b9d3ee;
	border-bottom-color: #ffffff;
	color: #000000;
}

.barra-de-abas a.aba-ativa {
	background-color: #b9d3ee;
	border: 1px solid #b9d3ee;
	color: #000000;
	padding: 5px 10px 2px;
}

.barra-de-abas a.aba-ativa:hover {
	border-bottom-color: #b9d3ee;
}

div#aba-conteudo {
	background-color: #ffffff;
	border: 5px solid #b9d3ee;
	overflow: auto;
	padding: 8px;
}

div#aba-conteudo input[readonly] {
	border: 1px solid #FFFFFF;
}
/* ======================================================= */
/* LINHA COM DESTAQUE */
.destaque * {
	background-color: #ffc;
	cursor: pointer;
}
/* ======================================================= */
/* LOGIN                                                   */
.login {
	background-color: #fff;
	border: 5px solid #a0c7d9;
	border-radius: 14px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	box-shadow: 0 3px 10px 0 #cccccc;
	margin: 50px auto 0;
	padding: 0 !important;
	text-align: left;
	width: 760px;
}

#login-identifica-sistema {
	background-color: #c6ddeb;
	border-radius: 9px 9px 0 0;
	-moz-border-radius: 9px 9px 0 0;
	-webkit-border-radius: 9px 9px 0 0;
	color: #28556D;
	font-weight: bold;
	height: 56px;
	padding: 0 14px 5px 15px;
}

#login-identifica-sistema .logomarca {
	float: right;
	height: 50px;
	padding-left: 5px;
	vertical-align: top;
	width: 155px;
	margin-right: 0;
	padding-right: 0;
}

#login-identifica-sistema .logomarca img {
	border: 0;
	margin: 0;
	padding: 0;
}

#login-identifica-sistema .sigla-sistema {
	font-size: 0.90em;
	font-weight: bold;
	margin: 0;
	padding-top: 12px;
}

#login-identifica-sistema .nome-sistema {
	font-size: 1.30em;
	font-weight: bold;
	padding-top: 15px;
}

.login #conteudo {
	background-color: white;
}

.login .nome-caso-de-uso {
	color: #28556d;
	margin-bottom: 3px;
	font-size: 1.20em;
}

.login #barra-de-acoes input, .login #barra-de-acoes button {
	background: rgba(0, 0, 0, 0)
		linear-gradient(to bottom, #ffffff 15%, #ced4db 100%) repeat scroll 0
		0 !important;
	border-color: #069 !important;
	border-radius: 6px;
	color: #666666 !important;
	display: inline;
	font-family: arial !important;
	height: 30px;
	padding: 5px 23px 6px;
	margin-bottom: 2px;
	text-align: center;
}

#fieldset-login {
	margin-top: 15px;
	padding-left: 10px;
	margin-left: 2px;
}

#fieldset-login p.texto-regras {
	font-size: 0.9em !important;
	font-weight: normal !important;
	margin-bottom: 8px; /*margin: 5px 0 !important;*/
}

#fieldset-login .linha-formulario {
	display: inline-block !important;
	margin: 3px 1px 1px 3px;
	padding: 1px 12px 0 0;
	vertical-align: top;
	width: 100%;
}

#fieldset-login .linha-formulario div {
	padding-bottom: 0;
}

#fieldset-login input {
	font-size: 1em;
	margin: 5px 0;
	padding: 5px 3px;
}

#login-rodape {
	display: none;
}

.login input[type="text"], .login input[type="password"] {
	width: 200px !important;
}
/* ########################################################### */
/* OUTROS                                                      */
/* Cor de fundo do texto selecionado */
::selection {
	background-color: #9cf;
}

::-moz-selection {
	background-color: #9cf;
}
/* Icone calendario */
.ui-datepicker-trigger {
	margin: 0px 0px -5px 3px;
	width: 17px;
	height: 17px;
}