html, body {
	padding:0;
	margin:0;
	font-family:arial;
	font-size:11px;
	background-color:#D3D3D3;
}

input, textarea, select {
	font-family:arial;
	font-size:12px !important;
	padding:1px;
}
select {
	cursor:pointer;
}
input[type=checkbox], input[type=radio] {
	cursor:pointer;
	width:auto !important;
	margin:0;
}

#div_logo {
	background-image:url("../img/logo-peq.png");
}

/*==============================================================================*/
/* CORES */
/*==============================================================================*/
#h1_titulo_sistema
, #div_submenu a:hover
, #div_menu a:hover, a.menu-hover
, tr.selecionada td
, div.detalhe
, div.titulo-msg
, div.quebra
, ul.pesquisa li a:hover
, td.titulo-grande
{
	background-color:#D32D38 !important;
}

#div_area_mensage, .thumb img:hover
{
	border:1px solid #D32D38;
}

table.form a
, span.destaque
, ul.arvore a:hover
, table.home td.linha a:hover
{
	color:#D32D38;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus
{
	background:#D32D38;
}
/*==============================================================================*/

.campo-menor input {
	font-size:11px;
	padding:0 !important;
}

input.read, input.read-mini, input.read-mini-red {
	border:none;
	background-color:transparent;
}
input.read-mini, input.read-mini-red {
	font-size:11px;
	padding:0;
	margin:0;
}
input.read-mini-red {
	color:red;	
}

/* UI - datePicker */
a.bt-hoje {
	width:50px;
	font-size:11px;
	font-weight:bold;
	text-align:center !important;
	background-color:#F8F8F8 !important;
	border:1px solid #DDDDDD !important;
	padding:3px 0 2px 0 !important;
	margin:2px 0 0 0 !important;
}

.oculta-js {
	display:none;
}
.exibe-js {
	display:block-inline;
}

.sem-borda-cim {border-top:none !important;}
.sem-borda-bax {border-bottom:none !important;}
.sem-borda-esq {border-left:none !important;}
.sem-borda-dir {border-right:none !important;}

#div_debug {
	display:none;
	clear:both;
	width:95%;
	background-color:#FFF;
	border:3px solid red;
	padding:5px;
	font-size:12px;
}

li.li2 {background-color:#FFF;}

label.aviso, label.aviso2 {
	margin:5px;
	padding:1px;
	display:block;
	font-size:12px;
	font-weight:bold;	
	background:url(../img/msg-alerta.png) no-repeat;
	background-position:0 0;
	text-indent:20px;
	height:15px;
}
label.aviso {color:#9D5501;}
label.aviso2 {color:#F4D546;}

span.lembrete {
	color:#996633;
	font-size:11px;
}

.marca-texto, .marca-texto td {background-color:#c6ff00 !important;}

#div_centro {
	margin:10px 10px 5px 10px;
	border:1px solid #666;
	/*height:100%;*/
	background-color:#FFF;
	border:1px solid #999; 
}

#div_logo {
	background-repeat:no-repeat;
	background-position: center;	
	width:210px;
	cursor:pointer;
	position:absolute;
	right:11px;
	height:49px;
	background-color:#FFF;
	padding:1px 0 0 0;
	margin:0;
	border-left:1px solid #CCC;
}

#div_menu {
	margin:1px 0 0 0;
	width:100%;
	height:27px;
	background-color:#FFF;
	/*border-bottom:1px solid #EFEFEF;*/
}
#div_menu a {
	color:#000;
	display:inline-block;
	text-decoration:none;
	font-size:12px;
	padding:5px 7px 5px 7px;	
}
#div_menu a:hover, a.menu-hover {
	color:#FFF !important;
}
#div_menu a img {
	border:none;
	vertical-align:middle;
	margin:0 4px 0 0;
}

#div_submenu {
	z-index:60;
	top:38px;
	left:0;	
	position:absolute;
}
#div_submenu span {
	display:none;
	position:absolute;
	background-color:#FFF;
	border:1px solid #666;
}
#div_submenu a {
	display:block;
	color:#333;
	text-decoration:none;
	font-size:12px;
	margin:0;
	padding:2px 5px 2px 5px;
}
#div_submenu a:hover {
	color:#FFF !important;
}
#div_submenu a img {
	border:none;
	vertical-align:middle;
	margin:0 2px 0 0;
	padding:0;
}

span.subitem {
	margin:-20px 0 0 0;
}
img.subitem {
	float:right;
}

#div_info {
	height:18px;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	text-transform: uppercase;
	background-color:#EFEFEF;
	color:#666;
	padding:1px 0 1px 0;
	margin:1px 0 0 0;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;	
}
#div_info label {
	margin:4px 10px 4px 10px;
}
#div_info img {	
	margin:2px 5px 1px 0;	
}

#div_conteudo {
	padding:10px;
}

/* HOME
=====================================*/
#div_home {
	font-family:Trebuchet MS, Tahoma;
	width:100%;
	text-align:center;
}

#img_logomarca {
	margin:40px 0 40px 0;
}

#div_logomarca {
	background-image:url("../img/logo.png");
	background-repeat:no-repeat;
	background-position: center;
	width:100%;
	height:300px;
	margin:0;
	padding:0;
}

#h1_titulo_sistema {
	color:#FFF;
	font-size:20px;
	margin:15px 0 10px 0;
	padding:5px 0 5px 0;
}

#div_area_mensagem {
	display:none;
	width:auto;
	height:auto;
	background-color:#FFF;
	text-align:left;
	padding:0;
	background-color:#FFFFCC;
	font-size:12px;
	text-align:justify;
	margin:0 0 10px 0;
}

#div_area_tabelas {
	text-align:center;
}

div.titulo-msg {
	padding:3px;
	color:#FFF;
}
div.titulo-msg img {
	float:right;
	margin:0 0 0 0;
	padding:0;
	cursor:pointer;
}

#span_area_msg {
	margin:5px;
	display:block;
}

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

table.home td.coluna {
	padding:2px;
	color:#FFFFFF;
	/*background-color:#666666;*/
	background-color:#666;
	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;
	color:blue;
	text-decoration:none;	
}

table.painel {
	width:100%;
	background-color:#666;
}
table.painel tr.lin {
	cursor:pointer;
}
table.painel td.cab {
	background-color:#666;
	padding:3px;
	margin:0;
	color:#FFF;
	font-size:10px;
	text-transform:uppercase;
	letter-spacing:1px;	
}
table.painel td.num, table.painel td.num2 {
	background-color:#EFEFEF;
	padding:2px;
	color:#000;
	font-size:10px;
	font-weight:bold;
	cursor:pointer;
}
table.painel td.num2 {
	background-color:#666;
	color:#FFF;
}
table.painel td.det {
	vertical-align:top;
	background-color:#FFF;
	padding:5px;
	color:#000;
	font-size:11px;
	text-align::left;	
}
table.painel td.det a {
	text-decoration:none;
	color:#000;
	display:block;
	padding:3px;
}
table.painel td.det a:hover {
	background-color:#FFFFCC;
}
table.painel td.det img {
	cursor:pointer;
	margin:0 1px 0 1px;
}
table.painel td.pag {
	background-color:#CCC;
	padding:1px 0 1px 0;
	font-size:10px;
	color:#666;
}
table.painel td.pag img {
	cursor:pointer;
	margin:0 3px 0 3px;	
}

div.grafico-painel {
	border: 1px solid #CCC;
}

.painel-lado {
	margin:0 5px 0 5px;
	float:left;
}

a.marcado {
	background:url(../img/checked.png) no-repeat;
	background-position:2px 1px;
	text-indent:18px;
}

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

div.titulo {
	padding:5px;
}

div.cabecalho {
	width:70%;
	margin:0 0 10px 0;
	padding:0 0 5px 0;
	line-height:20px;
}
div.cabecalho h1 {
	margin:0;
	padding:0;
	font-size:14px;
}
div.cabecalho h2 {
	margin:0;
	padding:0;
	font-size:12px;
}
div.cabecalho p {
	margin:0;
	padding:0;
}
div.coluna-cab {
	float:left;
	width:48%;
	margin:0 5px 0 0;
}

#span_tempo_restante {
	color:red;
	font-weight:bold;
}

span.form {
	display:inline-block;
	margin:4px 0 0 0;
}

table.form {
	clear:both;
	border:1px solid #999;
	padding:0;
	margin:0 5px 0 5px;
}
table.form img {
	vertical-align:middle;
	cursor:pointer;
}

table.form a {
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
}
table.form a:hover {
	color:#FF0000;
}

tr.cab1 {
	font-size:11px;
	font-weight:bold;	
}
tr.cab1 td {
	padding:3px;
	border-bottom:1px solid #999;
}

tr.lin1 td, tr.lin2 td {
	font-size:11px;
	font-weight:normal;
	padding:3px 5px 3px 5px;
	/*border-top:1px solid #CCC;*/
	border-left:1px solid #CCC;
	background-color:#FFF;
}
tr.lin2 td {
	background-color:#EFEFEF;
}

td.barra {
	background-color:#CCC;
	width:1px;	
	border-right:1px solid #999;
}

a.botao, a.botao-grande {
	display:inline-block;
	text-decoration:none;
	font-size:12px;
	padding:2px 5px 2px 5px;
	margin:5px 2px 2px 2px;
	border:1px solid #999 !important;
}
a.botao:hover, a.botao-grande:hover {
	border:1px solid #000 !important;
}
a.botao img, a.botao-grande img {
	vertical-align:middle;
	border:0;
	padding:0;
	margin:1px 0 1px 0;
}
a.botao span, a.grande span {
	margin:0 0 0 4px;
}
a.botao-grande {
	font-size:14px;
	padding:7px;
}
a.botao-grande img {
	margin:1px 5px 1px 0;
}
a.botao-add {
	margin:0;
	padding:0 1px 0 1px;
}

div.botao-mini {
	display:inline-block;
	width:16px;
	height:16px;
	cursor:pointer;
}

.fecha-pesq {
	position:absolute;
	margin:-4px 0 0 0;
	right:2px;
	background-image: url("../img/close.png");
}
.fecha-pesq:hover {
	border:1px solid #666;
	background-image: url("../img/close.png");
}

/******************************************************************************************************************************************
-- LIGAÇÕES
******************************************************************************************************************************************/
a.bt-fone {
	margin-right:10px;
}

a.bt-status {
	font-size:11px;
	width:100%;
	text-transform:uppercase;
}

#span_tempo {
	font-size:16px;
	color:red;
	font-weight:bold;
}

#ul_historico {
	margin:0;
	padding:0;
	list-style:none;
	border:2px solid #CCC;
	font-size:11px;
}
#ul_historico li {
	margin:0;
	padding:5px 0 5px 0;
}
#ul_historico p {
	margin:0;
	padding:2px 5px 2px 5px;	
}

div.seg_refresh {
	font-size:10px;
	text-transform:uppercase;
	margin:3px 2px 3px 0;
}

/******************************************************************************************************************************************
-- MENSAGENS E AGUARDE
******************************************************************************************************************************************/
#div_aguarde {
	z-index:99;
	display:none;
	border:5px solid #FFF;
	background-color:#FFF;
	position:absolute;
	color:#333;
	margin:0;
	padding:28px 40px 28px 40px;
	font-size:16px;	
	text-align:center;
	font-weight:bold;
}
#div_aguarde img {
	vertical-align:middle;
	display:block;
	margin:0 0 18px 0;
}
#div_bg_aguarde {	
	z-index:50;
	top:0;
	display:none;
	width:100%;
	height:100%;	
	background-color:#000;
	position:absolute;
	margin:0;
	
}

#div_modal {
	z-index:49;
	display:none;
	width:99%;
	position:absolute;
	background-color:transparent;
	margin:5px;
}

#div_bg_modal {
	z-index:5;
	top:0;	
	display:none;
	width:100%;
	height:100%;	
	background-color:#000;
	position:absolute;
	margin:0;
	padding:0;
}

#div_alerta, #div_confirma, #div_alerta2 {
	display:none;
}

#div_alerta img, #div_confirma img {
	margin:0 5px 3px 0;	
	vertical-align:middle;
}

#div_alerta2 {
	text-align:center;
	margin:5px 0 -4px 0;
	padding:0;
}
#div_alerta2 img {
	margin:5px 5px 0 0;
	vertical-align:bottom;
}
#div_alerta2 span {
	display:block-inline;
	font-size:12px;
	background-color:#FFFFCC;
	margin:0;
	padding:8px;
	font-weight:bold;
	border:1px solid #CCC;
	color:#333;
	cursor:pointer;
}

/******************************************************************************************************************************************
-- FORMULÁRIOS
******************************************************************************************************************************************/
#div_login {
	left:25px;
	top:60px;
	text-align:left;
	position:absolute;
	font-family:arial;
	width:240px;
}
.pequeno {width:360px !important; margin-left:-180px !important;}
.medio {width:600px !important; margin-left:-300px !important;}
.grande {width:900px !important; margin-left:-450px !important;}
.largo {width:1200px !important; margin-left:-600px !important;}
.maximo {width:100% !important; margin-left:-50% !important;}

input.rg {width:90px !important;}
input.orgexp {width:60px !important;text-transform:uppercase;}
input.cpf {width:98px !important;}
input.cnpj {width:122px !important;}
input.senha {width:50% !important;}
input.fone, input.celular {width:94px !important;}
input.cep {width:72px !important;}
input.data {width:72px !important; text-align:center !important;}
input.data2 {width:72px !important; text-align:center !important;}
input.hora {width:42px !important; text-align:center !important;}
input.numero {width:80px !important;}
input.valor {width:70px !important;}
input.percent {width:40px !important;}
input.fator {width:45px !important;}
input.idade {width:30px !important; text-align:center;}
input.dia {width:20px !important; text-align:center;}
input.ano {width:40px !important; text-align:center;}
input.parcela {width:30px !important; text-align:center;}
input.placa {width:60px !important; text-align:center;text-transform:uppercase;}

select.maior {
	font-size:14px;
}

.datepicker {font-family:Trebuchet MS !important; font-size:9px;}

div.formulario {
	/*-- centralizar --*/
	position:relative;
	left:50%;
	/*-- centralizar --*/
	/*border:1px solid #666;*/
	/*background-color:#EFEFEF;*/
	margin:5px 0 10px 0;
	padding:0;
	font-size:12px;
}
div.formulario p {
	margin:0;
	padding:6px 9px 6px 9px;
	clear:both;
}
div.formulario p.lado {
	float:left;
	margin:0;
	padding:6px 9px 6px 9px;
	clear:none;
}
div.formulario p.lista {
	margin:0 !important;
	padding:0 !important;
	font-size:11px;
}
p.l2 {
	margin:0 0 0 120px !important;
}
p.bt-lado {
	padding-top:14px !important;
}
div.formulario label {
	display:block;
	font-size:11px;
	font-weight:bold;
}
div.formulario input, div.formulario textarea {
	width:99%;
}
div.formulario hr {
	height:1px;
	border-top:1px solid #999;
	border-bottom:none;
	margin:5px 5px 5px 5px;
	padding:0;
	clear:both;
}

span.destaque {
	display:inline-block;
	font-size:14px;
	font-weight:bold;
	margin:3px 0 0 0;
}

span.quebra, div.quebra {
	display:block;
	clear:both;
}

div.quebra {
	display:block;
	clear:both;
	text-align:center;
	color:#FFF;
	margin:5px 1px 5px 1px;
	padding:3px;
	font-size:9px;
	text-transform:uppercase;
	letter-spacing:1px;
}

div.titulo-form {
	background-color:#FFF;
	text-align:left;
	color:#666;
	font-size:11px;
	font-weight:bold;
	padding:5px 0 8px 2px;
	margin:0 0 0 0;	
	text-transform:uppercase;
	word-spacing:1px;	
}

div.titulo-form a.botao {
	margin:-4px 1px 0 0;
	float:right;
}

div.conteudo-form {
	background-color:#EFEFEF;
	border:1px solid #999;
	padding:5px 5px 8px 5px;
}

div.botoes-form {
	background-color:#CCC;
	border-left:1px solid #999;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	text-align:center;
	padding:2px 0 3px 0;
	margin:0 0 0 0;
	clear:both;
}

ul.lista {
	list-style:none;
	padding:0;
	margin:0 5px 0 5px;
	background-color:#FFF;
	border:1px inset #999;
	overflow-y:scroll;
	overflow-x:hidden;
	text-transform:uppercase;
}
ul.lista li {
	font-size:12px;
	margin:0;
	padding:3px;
	display:block;
	color:#333;
	text-decoration:none;
	border-bottom:1px solid #CCC;
}
ul.lista input {
	width:auto;
}
li.vazio {
	padding:7px;
	font-size:11px;
	font-weight:bold;
	color:#9D5501;
	background:url(../img/msg-alerta.png) no-repeat;
	background-position:6px 6px;
	text-indent:20px;
}

li.inativo a {color:#999 !important;}

ul.form {
	margin:0;
	padding:2px;
	list-style:none;
	font-size:12px;
	border:1px solid #999;
	overflow-y:scroll;
	overflow-x:none;
}
ul.form li {
	margin:0;
	padding:2px;
}
ul.form li input {
	vertical-align:middle;
}

/** nível 1 **/
ul.perfil {
	list-style:none;
	margin:0 10px 0 10px;
	padding:2px;
	background-color:#CCC;
	border:1px solid #FFF;
}
ul.perfil li {
	list-style:none;
	padding:2px;
}
/** nível 2 **/
ul.perfil ul {
	margin:0 15px 0 15px;
	padding:0;
	background-color:#EFEFEF;
}
/** nível 3 **/
ul.perfil ul ul {
	margin:0 15px 0 15px;
	padding:0;
	background-color:#FFF;
}

table.lista {
	width:100%;
	padding:0;
	margin:0;
	background-color:#FFF;
	border:1px inset #999;
	overflow-y:scroll;
	overflow-x:hidden;
}
table.lista td {
	font-size:12px;
	margin:0;
	padding:3px;
	color:#333;
	border-bottom:1px solid #CCC;
}
table.lista input {
	width:auto !important;
}

div.caixa {
	background-color:#FFF;
	margin:5px;
	border:1px solid #CCC;
	text-transform:uppercase;
}
div.caixa label {
	text-transform:none;
}


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;
}

/******************************************************************************************************************************************
-- Pesquisas
******************************************************************************************************************************************/
#div_pesquisa {
	display:none;
}

#txt_busca {
	font-size:11px !important;
	right:33px;
	width:110px;
	padding:1px !important;
	margin:-2px 5px 0 0;
	float:right;
	/*position:absolute;*/
}

div.pesquisa {	
	background-color:#FFFFCC;
	padding:5px;
	border:1px solid #CCC;
}

ul.pesquisa {
	display:none;
	list-style:none;
	padding:0;
	margin:3px 0 0 0;
	background-color:#FFF;
	border:1px inset #999;
	height:109px;
	overflow-y:scroll;
	overflow-x:hidden;
}
ul.pesquisa li a {
	font-size:12px;
	margin:0;
	padding:3px;
	display:block;
	color:#333;
	text-decoration:none;
	border-bottom:1px solid #CCC;
}
ul.pesquisa li a:hover {
	color:#FFF;
}
ul.pesquisa li.vazio {
	padding:7px;
	font-size:11px;
	font-weight:bold;
	color:#9D5501;
	background:url(../img/msg-alerta.png) no-repeat;
	background-position:6px 6px;
	text-indent:20px;
}

/******************************************************************************************************************************************
-- Árvore (lista)
******************************************************************************************************************************************/
ul.arvore {
	margin:0;
	padding:0;
	list-style:none;
}
ul.arvore li {
	margin:0;
	padding:3px;
}
ul.arvore li input {
	margin:0 3px 0 0;
	padding:3px;
}
ul.arvore li img {
	margin:0 3px 0 0;
	cursor:pointer
}
ul.arvore li ul {
	margin:0 0 0 34px;
	padding:0;
	list-style:none;
	/*display:none;*/
}
ul.arvore a {
	color:#000;
	text-decoration:none;
}

/******************************************************************************************************************************************
-- Relatórios
******************************************************************************************************************************************/
div.relatorio {
	border:1px solid #666;
	background-color:#EFEFEF;
	margin:10px 0 10px 0;
	padding:0;
	font-size:12px;
}
div.relatorio p {
	margin:0;
	padding:6px 9px 6px 9px;
	clear:both;
}
div.relatorio p.lado {
	float:left;
	margin:0;
	padding:6px 9px 6px 9px;
	clear:none;
}
div.relatorio label {
	display:block;
	font-size:11px;
	font-weight:bold;
}

table.relatorio {
	width:100%;
	background-color:#EFEFEF;	
}
table.relatorio tr.cab th, table.relatorio tr.cab td, table.relatorio tr.cab2 td {
	background-color:#666;
	padding:3px !important;
	color:#FFF;
	font-size:11px !important;
	font-weight:bold !important;
}
table.relatorio tr.cab th {
	cursor:pointer;
}
.table-itens tr.cab th, .table-itens tr.cab td {
	background-color:#CCC !important;
	color:#000 !important;
}
table.relatorio tr.det td {
	background-color:#FFF;
	padding:2px 3px 1px 3px;
	color:#000;
	font-size:12px;
	vertical-align:top;
}
table.relatorio tr.det img {
	cursor:pointer;
}
table.relatorio tr.det input, table.relatorio tr.det select, table.relatorio tr.det textarea {
	padding:0;
	margin:0;
	border:1px solid #999;
}
table.relatorio tr.total td {
	background-color:#FFF;
	color:#000;
	padding:5px 3px 3px 3px;
	font-weight:bold;	
}

td.titulo-grande {
	color:#FFF;
	font-size:13px;
	font-weight:bold;
	padding:3px 0 3px 0;
}

tr.click {
	cursor:pointer
}

td.pago-sim, td.pago-nao {
	padding:3px;
	font-size:11px !important;
	font-weight:bold;
	color:#FFF !important;	
}
td.pago-sim {background-color:#339900 !important;}
td.pago-nao {background-color:#CC0000 !important;}

/** setas de ordenação **/
table.relatorio th.headerSortUp {
    background-repeat: no-repeat; 
    background-position: center right;
    background-image: url(../img/seta_asc.png);
}
table.relatorio th.headerSortDown {
    background-repeat: no-repeat; 
    background-position: center right;
    background-image: url(../img/seta_desc.png);
}

table.relatorio a {
	color:blue;
	text-decoration:none;
}
table.relatorio a:hover {
	color:red;
}
table.relatorio a.botao:hover {
	color:#FFF;
}

table.relatorio td.sem {
	background-color:transparent !important;
}

#div_relatorio_lista, #div_consulta_lista {
	margin:5px 0 0 0;
}

#div_grafico_lista {
	display:none;
	margin:10px 0 0 0;
	padding:10px;
	border:1px solid #999999;
	background-color:#EFEFEF;
}

#div_grafico_google {
	text-align:center;
}

div.grafico {
	border: 1px solid #CCC;
}

div.titulo-grafico {
	font-size:10px;
	color:#666;
	margin:0 0 8px 0;
	padding:0;
	text-transform:uppercase;
	letter-spacing:1px;
	word-spacing:1px;
	font-weight:bold;
}

/** linha selecionada **/
tr.selecionada td { 
	color:#FFF !important;
}

fieldset.filtro {
	background-color:#FFF;
	margin:0 8px 0 8px;
	padding:3px;
	border:1px solid #CCC;
}

h1.relatorio {
	margin:0 0 5px 0;
	padding:0;
	font-size:11px;	
	font-weight:bold;
	text-transform:uppercase;
}

div.rodape-relat {
	color:#666;
	text-align:right;
	margin:10px 5px 0 0;
	padding:0;
	font-size:10px;
	font-weight:bold;
}

a.dias {
	display:inline-block;
	cursor:pointer;	
	padding:2px 0 2px 0;
	margin:1px 2px 0 0;
	width:18px;
	text-align:center;
	text-decoration:none;
	background-color:#FFF;
	color:#FFF;
	font-size:11px;
}
a.dias:hover {
	color:#000;
}

/* cores da div de disponibilidade */
.disp-1 {background-color:#009933 !important;}
.disp-2 {background-color:#CC9900 !important;}
.disp-3 {background-color:#CC0000 !important;}

div.info-dia {
	width:auto;
	display:none;
	text-align:right;
	position:absolute;
	margin:41px 0 0 0;
	padding:10px 8px 8px 8px;
	color:#FFF;
	font-size:11px;
}

div.total {
	float:right;
	margin:0 10px 10px 0;
}
div.total input {
	color:blue;
}

/** tabela de detalhe do relatório **/
div.detalhe {
	display:none;
	z-index:10;
	position:absolute;	
	color:#FFF;
	padding:3px;
	text-align:left;
	cursor:move;
}
div.detalhe div.botao-mini {
	float:right;
	margin:0 0 3px 0;
}

label.titulo-det {
	display:inline-block;
	float:left;
	font-weight:bold;
	margin:2px 10px 5px 3px;
	padding:0;
	cursor:move;
}

div.descricao-det {
	background-color:#FFF;
	color:#000;
	margin:0;
	padding:5px;
}
div.descricao-det p {
	margin:2px 0 2px 0;
	padding:0;
}

div.cad-alt {
	background-color:#FFF;
	font-size:10px;
	width:100%;height:37px;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
}

/** informações sobre que cadastrou e alterou **/
table.cad-alt {
	width:100%;
	margin:0;
}
table.cad-alt td {
	background-color:#FFF;
	width:50%;
	text-align:center;
	font-size:10px;
	border:1px solid #CCC;
	padding:1px 0 2px 0;
}

label.titulo-grupo {
	font-size:14px !important;
	margin:15px 0 10px 3px;
}

/******************************************************************************************************************************************
-- STATUS
******************************************************************************************************************************************/
div.icone-status, span.icone-status {
	display:inline-block;
	vertical-align:middle;
	width:12px;
	height:12px;
	margin:-1px 4px 0 0;
	padding:0;
	border:1px solid #666;
}
 
.pago-0, .tipo-D, .tipon-D, .despesa {color:#CC3300 !important;}
.pago-1, .tipo-R, .tipon-R, .receita {color:#009966 !important;}
.tipon-D, .tipon-R {font-weight:bold;}

.bg-pago-0 {background-color:#CC3300 !important;}
.bg-pago-1 {background-color:#009966 !important;}


.status-cobranca-1 {color:#CC3300 !important;}
.status-cobranca-2 {color:#009966 !important;}
.status-cobranca-3 {color:#ef6c00 !important;}
.status-cobranca-4 {color:#536dfe !important;}

.status-fatura-1 {color:#CC3300 !important;}
.status-fatura-2 {color:#009966 !important;}
.status-fatura-3 {color:#CC3300 !important;}
.status-fatura-4 {color:#CC3300 !important;}
.status-fatura-5 {color:#CC3300 !important;}

.negativo {color:#CC3300 !important;}
.positivo {color:#009966 !important;}

.bola-adim, .bola-inad, .relat-adim, .relat-inad {
	cursor: help;
	display:none;
	width:12px;
	height:12px;
	margin:0 0 0 5px;
	padding:0;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
}
.relat-adim, .relat-inad {
	margin:0;
	display:inline-block;
	cursor:default;
}
.bola-adim, .relat-adim {background-color:#009966;}
.bola-inad, .relat-inad {background-color:#FF0000;}

.texto-adim {color:#009966;}
.texto-inad {color:#FF0000;}

.flutua-adim, .flutua-inad {
	display:none;
	position:absolute;
	padding:5px;
	border-radius:5px;
}
.flutua-adim {
	border:1px solid #1b5e20;
	background-color:#c8e6c9;
}
.flutua-inad {
	border:1px solid #b71c1c;
	background-color:#ffcdd2;
}

.cor-item-ped-1 {background-color:#FFFFFF;}/* elaboração */
.cor-item-ped-2 {background-color:#FFFF00;}/* aprovação */
.cor-item-ped-3 {background-color:#006600;}/* aprovado */
.cor-item-ped-4 {background-color:#FFCC66;}/* aprovada parcial */
.cor-item-ped-5 {background-color:#FF0000;}/* rejeitado */
.cor-item-ped-6 {background-color:#CCFF66;}/* enviado p/ fornecedor */
.cor-item-ped-7 {background-color:#CC66FF;}/* enviado p/ comprador */
.cor-item-ped-8 {background-color:#3399FF;}/* recebido parcial */
.cor-item-ped-9 {background-color:#999999;}/* recebido total */

#div_cores {
	width:100%;
	text-align:center;
}

.circulo-marrom, .circulo-verde, .circulo-vermelho {
	cursor:pointer;
	position:absolute;
	width:20px;
	height:20px;	
	border-radius:50%;
	margin:-30px 0 0 0;
	opacity: 0.5;
}
.circulo-marrom {background-color:#D32D38; border:1px solid #D32D38; left:90%;}
.circulo-verde {background-color:#36B536; border:1px solid #36B536; left:93%;}
.circulo-vermelho {background-color:#FF4800; border:1px solid #FF4800; left:96%;}
.circulo-marrom:hover, .circulo-verde:hover, .circulo-vermelho:hover {border:1px solid #000;}

.circulo-grande {
	position:relative;
	left:0;
	width:30px;
	height:30px;	
	border-radius:50%;
	margin:0;
	opacity: 0.5;
}

.thumb img {
	cursor:zoom-in;
	width:100px;
	height:75px;
	margin:0 5px 5px 0;
	border:1px solid #CCC;	
}

img.del-foto {
	cursor:pointer;
	position:absolute;
	margin:2px 0 0 84px;
}

table.divida {
	border:1px solid #CCC;
}
table.divida tr.cab td {
	background-color:#EFEFEF;
	padding:3px;
	color:#666;
	font-size:10px !important;
	text-transform:uppercase;
	font-weight:bold;
}
table.divida tr.det td {
	vertical-align:top;
	background-color:#FFF;
	padding:3px;
}
table.divida tr.tot td {
	font-weight:bold;
	margin:3px 0 0 0;
}


/******************************************************************************************************************************************
-- RODAPÉ
******************************************************************************************************************************************/
#div_rodape {
	width:100%;
	margin:0 0 0 0;
	padding:0;
}
#div_rodape label {
	float:left;
	margin:3px 0 0 25px;
	padding:0;
	color:#666;	
	font-size:12px;
}
#div_rodape a {
	float:right;
	margin:0 25px 5px 0;
	padding:0;
	color:#666;
	text-decoration:none;
	font-size:12px;
}
#div_rodape a:hover {
	color:#C82926;
}
#div_rodape a img {
	border:none;
	margin:0 0 10px 3px;
}