/* CSS para arredondar <div> ==================================== */
.rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}
.rs1{margin: 0 2px}
.rs2{margin: 0 1px}
/* ============================================================== */

body {
	padding:0px;
	margin:5px;
	font-family:Arial;
	font-size:11px;
	color:#333333;
	background-color:#999999;
	text-align:center;
}

hr {
	border:none;
	height:1px;
}

#div_principal {
	background-color:#FFFFFF;
	width:950px;
	text-align:left;
	margin:auto;	
}
#div_logomarca {
	position:absolute;
	margin:3px 3px 3px 10px;
	background-image:url(../imagem/logomarca.jpg);
	background-repeat:no-repeat;
	height:65px;
	width:120px;
	cursor:pointer;
}
#div_menu {
	height:67px;
}
#div_sistema {
	width:600px;
	background-color:#393A6A;
	font-size:20px;
	color:#FFFFFF;
	text-align:center;
}
#div_erro {
	display:none;
	width:90%;
	margin:50px 10px 0px 10px;
	padding:5px;
	border:5px solid #FF0000;
}
#div_conteudo {
	background-color:#FFFFFF;
	width:930px;
	margin:10px 10px 0px 10px;
	position:relative;
	display:block;
}
#div_flutuante_central {
	z-index:10px;
	margin:0 0 0 10px;
	position:absolute;
	background-color:#FFFFFF;
	border:5px #E60000 solid;
	text-align:left;
	padding:5px;
	overflow:auto;
}

a.corpo {
	color:#333333;
	text-decoration:none;
	font-weight:bold;
}
a.corpo:hover {
	color:#393A6A;
	text-decoration:underline;
}


/* Home da página
====================================================================================================*/
#div_home {	
	text-align:center;
	height:auto;
}
#div_home label {
	margin:10px;
	letter-spacing:3px;
	display:block;
	color:#FFFFFF;
	font-size:20px;
	font-weight:bold;
	background-color:#393A6A;
}

/* Área de trabalho
====================================================================================================*/
#div_area_mensagem {
	display:none;
	left:0;
	border:1px solid #393A6A;
	width:918px;
	height:auto;
	background-color:#FFF;
	text-align:left;
	padding:5px;
	background-color:#FFFFCC;
	font-size:12px;
	text-align:justify;
	margin:0 0 10px 0;
}
#div_area_mensagem h1 {
	font-size:14px;
	padding:0;
	margin:0 0 8px 0;
	text-transform:uppercase;
}

#div_area_tabelas {
	text-align:center;
}

table.home {
	float:left;
	left:0;
	width:100%;
	border:1px solid #393A6A;
	margin:0 2px 10px 2px;
}

table.home td.coluna {
	padding:2px;
	color:#FFFFFF;
	background-color:#393A6A;
	font-weight:bold;
	text-align:center;
	text-transform:none;
	text-transform:uppercase;
}

table.home td.linha {
	padding:0 4px 0 4px;
	background-color:#EFEFEF;
	text-transform:uppercase;
	text-align:left;
	vertical-align:top;
}

table.home td.linha a {
	font-weight:normal;
}

/* MENU ======================================== */
#ul_menu, div.info_sistema {
	margin:0 0 0 149px;
}
#ul_menu {
	padding:0;
	width:732px;	
	list-style-type:none;
}
#ul_menu li {
	float:left;
	width:120px;
	margin-right:0px;
	text-align: center
}
#ul_menu a {
	float:left;
	width:120px;	
	text-decoration:none;
	background-color:#393A6A;
	color:#FFF;
	font-size:12px;
	height:20px;
}
#ul_menu a:hover {
	/*text-decoration:underline;*/
}


/* SUBMENU ======================================== */
#div_submenus {
	top:34px;
	margin:0 0 0 150px;
	position:absolute;
	background-color:#CC9900;
	z-index:2;
}

#div_submenu1, #div_submenu2, #div_submenu3, #div_submenu4, #div_submenu5 {
	position:absolute;
	background-color:#EFEFEF;
	width:118px;
	border:1px solid #393A6A;
}
#div_submenu1 {	left:0px; }
#div_submenu2 { left:122px; }
#div_submenu3 { left:244px; }
#div_submenu4 { left:490px; }
#div_submenu5 { left:367px; width:175px; }

ul.submenu {
	margin:0;
	padding:0;	
	list-style-type:none;
}
ul.submenu li {
	margin:0;
	padding:0;
}
ul.submenu a {
	font-size:12px;
	text-indent:3px;
	display:block;
	color:#393A6A;
	text-decoration:none;
	border-left:5px solid;
	padding:2px;
	font-weight:bold;
}
ul.submenu a:hover {
	color:#000;
	border-color:#606062;
	background-color:#FFF;
}


/* INFORMAÇÕES ======================================== */
div.info_sistema {
	border:solid 1px #393A6A;
	padding:0;
	position:absolute;
	top: 33px;	
	width:730px;
	background-color:#FFF;
	font-size:12px;
	color:#666666;
}
div.info_sistema label.label1 { 
	display:block;
	padding:3px 0 3px 0;
	text-align:center;
	background-color:#606062;
	width:100%;
	font-size:12px;
	color:#FFFFFF;
	letter-spacing:1px;
	font-weight:bold;
}
div.info_sistema label.label2 {
	display:block;
	padding:5px;
	font-size:11px;
}

/*======================================= */

/* ===================================================================================== */
/* =====================           FORMULARIOS          ================================ */
/* ===================================================================================== */
input, input.focus, input.numero, textarea, textarea.focus, select {
	background-color:#FFFFFF;
	border:0px;
	border:#C4C4B5 1px solid;
	font-family:Helvetica, Tahoma, Arial;
	color:#333333;
	font-size:11px;
	text-transform:uppercase;
}
input.focus, textarea.focus {
	border-color:#393A6A;
	text-align:inherit;
}
input.numero {
	text-align:right;
}
input.checkbox, input.radio {
	border:none;
	cursor:pointer;
	background-color:transparent;
}
input.botao, input.botao_over {
	background-color:#333333;
	border-bottom:#666666 1px solid;
	border-right:#666666 1px solid;
	color:#FFFFFF;
	cursor:pointer;
	text-transform:none;
}
input.botao_over {
	background-color:#393A6A;
}
input.numero-read {	
	border:none;
	background-color:transparent;
	text-align:right;
}
input.data-read, input.data-read-red {	
	border:none;
	background-color:transparent;
	width:55px;
}
input.total-read, input.total-read-red  {	
	border:none;
	background-color:transparent;
	font-weight:bold;
	text-align:right;
}
input.data-read-red, input.total-read-red  {
	color:red;
}
label.form_login, label.form_conta, label.form_imposto, label.form_perfil, label.form_usuario, label.form_gerente, label.form_loja, label.form_unidade, label.form_banco, label.form_convenio, label.form_dpto, label.form_cliente, label.form_comissao, label.filtro_lanc, label.form_lanc, label.form_adianta, label.form_plan, label.form_contrato, label.filtro_contrato, label.form_nf, label.form_senha {
	display:block;
	float:left;
	margin-top:2px;
	font-weight:bold;
}
label.form_login { width:40px; }
label.form_conta { width:40px; }
label.form_imposto { width:40px; }
label.form_perfil { width:50px; }
label.form_usuario { width:60px; }
label.form_gerente { width:60px; }
label.form_loja { width:60px; }
label.form_unidade { width:60px; }
label.form_banco { width:55px; }
label.form_convenio { width:45px; }
label.form_dpto { width:65px; }
label.form_cliente { width:70px; }
label.form_comissao { width:57px; }
label.filtro_lanc { width:60px; }
label.form_lanc { width:45px; }
label.form_adianta { width:40px; }
label.form_plan { width:60px; }
label.form_contrato { width:40px; }
label.filtro_contrato { width:30px; }
label.form_nf { width:50px; }
label.form_senha { width:90px; }

label.info {
	font-size:11px;
	font-weight:normal;
	text-transform:uppercase
}


p.form {
	margin:10px; 
}

fieldset {
	border:1px solid #999999;
}
fieldset label {
	font-weight:bold;
}
fieldset p {
	margin:10px;
}

legend {
	text-transform:uppercase;
	font-size:10px;
	color:#999999;
}

select option.despesa, label.despesa, span.despesa , a.despesa {
	color:#CC0000;
}
select option.receita, label.receita, span.receita, a.receita {
	color:#006600;
}
select option.transferencia, label.transferencia, span.transferencia, a.transferencia {
	color:#000099;
}

select option.pago, span.pago {
	color:#000099;
}
select option.parcial, span.parcial {
	color:#0099CC;
}
select option.pendente, span.pendente {
	color:#FF0000;
}
select option.enviado, span.enviado {
	color:#006600;
}

span.msg_erro {
	font-weight:bold;
	color:#FF0000;
}

/* DIV no estilo de um <select>
====================================================================================================*/
div.select, div.caixa {
	border:1px solid #C4C4B5;
}
div.select {
	overflow-y:auto;
}
div.caixa {
	background-color:#EFEFEF;
	margin:10px;
	padding:0px;
}
div.select ul, div.caixa ul {
	padding:0;
	margin:2px;
	list-style:none;
}
div.select li.clara, div.caixa li.clara{
	background-color:#FFFFFF;
}
div.select li.escura, div.caixa li.escura {
	background-color:#EFEFEF;
}

/* mensagem de aguarde 
--------------------------------------------------------*/
#div_aguarde {
	top:0;
	left:0;
	display:none;
	background-position:2px;
	background-image:url(../imagem/aguarde.gif);
	background-repeat:no-repeat;
	z-index:99;
	position:absolute;
	background-color:#FFFF8C;
	border:1px solid #000000;
	font-weight:bold;
	height:15px;
	padding:1px 3px 0px 22px;
}

/* Areas relacionadas a Drag and Drop
====================================================================================================*/
div.drag {
	border:1px solid #C4C4B5;
	overflow-y:auto;
}
ul.drag {
	padding:0;
	margin:0;
	list-style:none;
	cursor:pointer;
}
div.drop {
	border:1px dotted #C4C4B5;
	overflow-y:auto;
}
div.drophover {
	border:1px solid #393A6A;
}

/* Tabelas
====================================================================================================*/
table.listagem {
	border:1px solid #C4C4B5;
	background-color:#FFF;
	font-size:11px;
}

th {
	font-size:9px;
} 

table.listagem tr.titulo td, th, table.listagem td.titulo {
	padding:2px;
	color:#FFFFFF;
	background-color:#393A6A;
	font-weight:bold;
	text-align:center;
	cursor:pointer;
	text-transform:none;
}

table.listagem td {
	padding:0 4px 0 4px;
	background-color:#EFEFEF;
	text-transform:uppercase;
}

table.listagem td input.head {
	background-color:#EFEFEF;
	border:none;
}

table.listagem td.none {
	padding:0 4px 0 4px;
	background-color:#FFFFFF;
}

table a {
	color:#333333;
	text-decoration:none;
	font-weight:bold;
}
table a:hover {
	color:#393A6A;
	text-decoration:underline;
	/*border-bottom:1px solid #393A6A;*/
}

/* DIV Flutuante de mais informações
====================================================================================================*/
div.flutuante {
	line-height:17px;
	padding:2px 5px 2px 5px;
	text-align:left;
	position:absolute;
	background-color:#FFFFCC;
	right:48px;
	width:270px;
	border:1px solid #333333;
}

/* DIV para listar busca em tempo de execução
====================================================================================================*/
div.lista_busca {
	text-transform:uppercase;
	margin-left:10px;
	height:100px; 
	width:400px;
	background-color:#FFFFCC;
	border:1px solid #333333;
	overflow-y:scroll;
}
div.lista_busca a {
	color:#333333;
	font-weight:bold;
	text-decoration:none;
	padding:1px 3px 1px 3px;
	background-color:#FFFFCC; 
	width:400px;
	display:block;
}
div.lista_busca a:hover {
	color:#FFFFFF;
	background-color:#393A6A; 
}

/* CSS da listagem em forma de <ul><li>
====================================================================================================*/
ul.nivel_1 {
	list-style:none;
	margin:0 10px 0 10px;
	background-color:#CCCCCC;
	font-weight:bold;
}
ul.nivel_2 {
	list-style:none;
	margin:0 0 0 18px;
	background-color:#EFEFEF;
	font-weight:100;
}
ul.nivel_3 {
	list-style:none;
	margin:0 0 0 18px;
	background-color:#FFFFFF;
	font-weight:100;
	text-transform:italic;
}

/* CSS da tela de nota fiscal
====================================================================================================*/
#div_exibe_nf {
	float:left;
	width:49%;
}

#div_exibe_contr_nf {
	float:right;
	width:49%;
}

#ul_contratos_2 {
	background-color:#EFEFEF;
	border:1px solid #999999;
	height:250px;
	overflow-y:scroll;
}

#ul_contratos_1 {
	margin:0 10px 0 10px;
	padding:0;
	height:30px;
	border:#C4C4B5 1px solid;
}

#ul_contratos_2, ul, li {
	margin:0;
	padding:1px;
}

#ul_contratos_1 li a, #ul_contratos_2 li a {
	color:#333333;
	text-decoration:none;
	font-weight:bold;
	cursor:move;
}
#ul_contratos_1 li a:hover, #ul_contratos_2 li a:hover {
	color:#393A6A;
	text-decoration:underline;
}

/* Relatórios
====================================================================================================*/

label.titulo-relat {
	display:block;
	background-color:#CCC;
	font-weight:bold;
	font-size:12px;
	text-align:center;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	height:20px;
	padding-top:5px;
	margin-bottom:3px;
}

div#poweredby {
	display:none;
	width:950px;
	text-align:right;
}
div#marcas {	
	font-size:9px;
	font-weight:bold;
	text-align:center;
	background-color:#FFF;
	margin-top:5px;
	width:90px;
	float:right;
}
div#marcas h4 {	
	font-size:9px;
	font-weight:bold;
	padding:0 0 3px 0;
	margin:0;
}

img.calendario {
	background-image:url(/imagem/calendario.gif);
	border:none;
	cursor:pointer;
	padding:0;
	margin:0 0 5px 0;
	vertical-align:middle;
}

#div_info_pagina {
	display:none;
	background-color:#393A6A;
	width:100%;
	margin:5px 0 0 0;
	padding:3px 0 3px 0;
	text-indent:5px;	
	color:#FFF;
	font-size:11px;
	font-weight:bold;
}