/* ## BÁSICO ## */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #0000FF;
	background-color: #FFFFFF;	
}

/* Tamanho das páginas */
div#tam_pag {
	width: 760px;
}

/* ## TABELAS ## */
td {
	font-size: 12px;
}

/* ## CAMPOS DE FORMULÁRIOS ## */
select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
    color: #000099;
	height: 20px;
	border: 1px solid #000099;
	vertical-align: middle;
}

input.btn {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #003399;
	background-color: #CCCCCC;
	border: 1px solid #000099;
	height: 18px;
	vertical-align: middle;
}

input.txt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
    color: #000099;
	background-image: url(../imagens/input_fundo.gif);
	height: 20px;
	border: 1px solid #000099;
	vertical-align: middle;
}

input.txt_senha {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
    color: #FF0000;
	background-image: url(../imagens/input_fundo.gif);
	height: 18px;
	border: 1px solid #000099;
	vertical-align: middle;
}

textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
    color: #000099;
	background-image: url(../imagens/input_fundo.gif);
	border: 1px solid #000099;
	vertical-align: middle;
}
.normal {background-color:transparent;}
.selec {background-color:#CCC;}


/* ## LABELS ## */
/* Valores obtidos de bancos de dados exibidos em páginas/campos do tipo "Ver" */
.txt_valor {
	color: #000099;
	line-height: 15px;
}

/* Valor da coluna código obtido dos índices das tabelas em páginas/campos do tipo "Ver" */
.txt_cod {
	font-weight: bold;
	color: #000099;
	line-height: 15px;
}


/* # Código e nome dos CLIENTES nas páginas # */
/* Código */
.txt_cli_cod {
	color: #FF0000;
	font-weight:bold;
}
/* Nome */
.txt_cli_nom {
	color: #000000;
	font-weight:bold;
}

/* # Código nome dos FORNECEDORES nas páginas # */
/* Código */
.txt_fornec_cod {
	color: #FF0000;
	font-weight:bold;
}
/* Nome */
.txt_fornec_nom {
	color: #000000;
	font-weight:bold;
}


/* # Controles de topo de páginas com listagem # # */
/* Quantidades de registros */
.txt_qtd_reg {
	font-weight:bold;
}

/* Páginação, página atual */
.txt_pag_atu {
	font-weight:bold;
}

/* Páginação, total de páginas */
.txt_pag_qtd {
	font-weight:bold;
}

/* Filtro de registros ativos */
.txt_reg_at {
	font-weight:bold;
}

/* Filtro de registros INativos */
.txt_reg_inat {
	color: #FF0000;
	font-weight:bold;
}

/* Código de registros ativos */
.tab_cod_at {
	color: #000099;
	font-weight:bold;
}

/* Código de registros INativos */
.tab_cod_inat {
	color:#C66;
	font-weight:bold;
}

/* Nome ou identificação primária do registro */
.tab_cel_ident {
	font-weight:bold;
}

/* Linha com registro INativos */
.tab_lin_inat {
	color: #666;
}


/* #### TABELAS USANDO DIV #### */
/* Títulos das colunas */
div#tab_col_tit {
	height:20px;
	line-height: 20px;
	background: url(../imagens/jan_tit_fundo_col.gif);
	font-weight:bold;
	color: #000000;
	border: 1px solid #CCCCCC;
	border-bottom: 0px;
	border-right: 0px;
}

/* Linhas da tabela */
div#tab_lin {
	border-left: 1px solid #CCCCCC;
}

/* Células das linhas */
div#tab_cel {
	float: left;
	border-right: 1px solid #CCCCCC;
}

/* Célula que contém aviso que não foi encontrado registro */
div#tab_cel_sem_reg {
	float: left;
	border-right: 1px solid #CCCCCC;
	color: #FF0000;
	font-weight: bold;	
}



/* #### USAR PARA GERAR UM QUADRO BRANCO SOBRE A PÁGINA #### */
div#quadro_sobre_branco {
	position: absolute;
	background:#FFFFFF;
	border: 0px;
	border-top: 0px;
	padding:2px;
	filter:alpha(opacity=90);
	opacity: 0.90;
}

/* #### COBRE A PÁGINA COM BRANCO TRANSLÚCIDO COM O RESULTADO DA AÇÃO DO FORM #### */
div#quad_result {
	position: absolute;
	top: 0px;
	left: 0px;
	visibility: hidden;
	background:#FFFFFF;
	border: 0px;
	border-top: 0px;
	padding:2px;
	filter:alpha(opacity=90);
	opacity: 0.90;
}

/* #### CAIXA PARA SELECIONAR A MÁSCARA DO NÚMERO DE TELEFONE #### */
div#tel_mask {
	position: absolute;
	top: 0px;
	left: 0px;
	visibility: hidden;
	background:#FFFFFF;
	border: 0px;
	border-top: 0px;
	padding:2px;
	filter:alpha(opacity=90);
	opacity: 0.90;
}


/* #### CAIXA COM AS INFORMAÇÕES DO USUÁRIO RESPONSÁVEL PELAS INFORMAÇÕES #### */
/* Quadrado translucido onde serão colocados os componentes */
div#usu_resp_info {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 250px;
	visibility: hidden;
	background:#FFFFFF;
	border:1px solid #000066;
	filter:alpha(opacity=90);
	opacity: 0.90;
}

/* Barra de título */
div#usu_resp_info_tit {
	background-image: url(../imagens/btit_fundo.gif);
	background-repeat: no-repeat;
	background-color: #003399;
	background-position: right;
	color: #FFFFFF;
	font-size:12px;
	font-weight:bold;
	height: 20px;
}

/* Conteúdo */
div#usu_resp_info_cont {
	font-size: 10px;
	padding:2px;
}


/* ## XAJAX ## */
/* Exibe informação do "Aguarde" */
div#aguarde {
	display: none;
	background: url(../imagens/aguarde.gif) center no-repeat #FFFFFF;
    position: absolute;
	height: 100px;
	left: 255px;
	width:250px;
	filter:alpha(opacity=90);
	opacity: 0.90;
/*	-moz-opacity:0.90; */
	top: 70px;
}


/* ## TÍTULOS ## */
/* Títulos principais */
#tit_pri {
	background-image: url(../imagens/btit_fundo.gif);
	background-repeat: no-repeat;
	background-color: #003399;
	background-position: right;
	vertical-align: top;
	border: 1px solid #000066;
	height: 20px;
	color: #FFFFFF;
	line-height: 20px;
	font-size: 12px;
	padding-left: 5px;
	font-weight:bold;
	-moz-border-radius: 7px;
	text-align: left;
}


/* ## JANELAS  ## */
/* Janelas principais */
#jan_pri {
	border: 1px solid #003399;
	-moz-border-radius: 7px;
	padding: 1px;
}


/* ## ABAS ## */
/* Retira os pontos da lista */
#abas ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

/* Ordena os itens lado a lado */
#abas li {
	float: left;
	border: 1px solid #CCCCCC;
	border-bottom-width: 0;
	margin: 0;
}

/* Define os atributos dos links que serão os labels das abas */ 
#abas a {
	text-decoration: none;
	display: block;
	background: #EEEEEE;
	padding: 0.24em 1em;
	color: #999999;
	width: 9em;
	text-align: center;
}

/* Define os atributos dos links que serão os labels das abas */ 
#abas a:hover {
	background: #ddf;
}

/* Define os atributos da aba selecionada */	
#abas #selecionado {
	border-color: #000099;
}


#abas #selecionado a {
	position: relative;
	top: 1px;
	background: white;
	color: #0000CC;
	font-weight: bold;
}

/* Definição da apresentação do conteúdo da aba */
	
#abas_conteudo {
	border: 1px solid #000099;
	clear: both;
	padding: 0;
	line-height: 20px;
}

#abas_sup {
	margin: 0;
	padding: 0 0 0 0;
}


/* ## LINKS ## */
a:link {
	color: #0000FF;
	text-decoration: underline;
}
a:visited {
	color: #0000FF;
	text-decoration: underline;
}
a:hover {
	color: #003399;
	text-decoration: underline;
}
a:active {
	color: #003399;
	text-decoration: underline;
}

/* #### PARA USO COM O BOXOVER #### */
/* Dica média TÍTULO */
.dica_med_tit {
	background: #0066CC;
	color: #FFFFFF;
	font-size:12px;
	font-weight:bold;
	border:1px solid #0000FF;
	padding:3px;
	width:200px;
	filter:alpha(opacity=85);
	opacity: 0.85;
/*	-moz-opacity:0.85; */
}

/* Dica média CORPO */
.dica_med_crp {
	background:#FFFFFF;
    font-size:11px;
    border-left:1px solid #0000FF;
	border-right:1px solid #0000FF;
	border-bottom:1px solid #0000FF;
	padding:3px;
	width:200px;
	filter:alpha(opacity=85);
	opacity: 0.85;
/*	-moz-opacity:0.85; */
}

/* Dica grande TÍTULO */
.dica_gde_tit {
	background: #0066CC;
	color: #FFFFFF;
	font-size:12px;
	font-weight:bold;
	border:1px solid #0000FF;
	padding:3px;
	width:400px;
	filter:alpha(opacity=90);
	opacity: 0.90;
/*	-moz-opacity:0.90;  */
}

/* Dica grande CORPO */
.dica_gde_crp {
	background:#FFFFFF;
    font-size:11px;
    border-left:1px solid #0000FF;
	border-right:1px solid #0000FF;
	border-bottom:1px solid #0000FF;
	padding:3px;
	width:400px;
	filter:alpha(opacity=90); 
	opacity: 0.90;
/*	-moz-opacity:0.90; */
}

/* ATENÇÃO médio Título */
.att_med_tit {
	background: #FFFF00;
	color: #FF0000;
	font-size:12px;
	font-weight:bold;
	border:1px solid #FF9900;
	padding:5px;
	width:200px;
	filter:alpha(opacity=85); 
	opacity: 0.85;
/*	-moz-opacity:0.85; */
}

/* ATENÇÃO médio Corpo */
.att_med_crp {
	background:#FFFF99;
	color: #FF0000;
    font-size:11px;
    border-left:1px solid #FF9900;
	border-right:1px solid #FF9900;
	border-bottom:1px solid #FF9900;
	padding:5px;
	width:200px;
	filter:alpha(opacity=85);
	opacity: 0.85;
/*	-moz-opacity:0.85; */
}

/* ATENÇÃO Grande Título */
.att_gde_tit {
	background: #FFFF00;
	color: #FF0000;
	font-size:12px;
	font-weight:bold;
	border:1px solid #FF9900;
	padding:5px;
	width:400px;
/*	filter:alpha(opacity=85); */
	opacity: 0.85;
/*	-moz-opacity:0.85; */
}

/* ATENÇÃO Grande Corpo */
.att_gde_crp {
	background:#FFFF99;
	color: #FF0000;
    font-size:11px;
    border-left:1px solid #FF9900;
	border-right:1px solid #FF9900;
	border-bottom:1px solid #FF9900;
	padding:5px;
	width:400px;
	filter:alpha(opacity=85); 
	opacity: 0.85;
/*	-moz-opacity:0.85; */
}

/* ATENÇÃO médio Título */
.att_med_tit {
	background: #FFFF00;
	color: #FF0000;
	font-size:12px;
	font-weight:bold;
	border:1px solid #FF9900;
	padding:5px;
	width:200px;
	filter:alpha(opacity=85);
	opacity: 0.85;
/*	-moz-opacity:0.85; */
}

/* ATENÇÃO médio Corpo */
.att_med_crp {
	background:#FFFF99;
	color: #FF0000;
    font-size:11px;
    border-left:1px solid #FF9900;
	border-right:1px solid #FF9900;
	border-bottom:1px solid #FF9900;
	padding:5px;
	width:200px;
	filter:alpha(opacity=85);
	opacity: 0.85;
/*	-moz-opacity:0.85; */
}

/* HINT (Dica simples, substitui o title original do HTML) */
.hint {
	background:#FFC;
    font-size:11px;
	font-weight:bold;
    border:1px solid #FC0;
	padding:2px;
	filter:alpha(opacity=90); 
	opacity: 0.90;
	-moz-opacity:0.90;
}