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

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

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

/* nao permite selecionar o texto */
.no-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

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

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

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

#div_logo {
	position:absolute;
	right:12px;
	top:13px;
	background-color:#FFF;
	padding:0;
}

#div_menu {
	margin:1px 0 0 0;
	width:100%;
	height:27px;
	background-color:#FFF;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

#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 {
	background-color:#F04F24;
	color:#FFF !important;
}
#div_menu a img {
	border:none;
	vertical-align:middle;
	margin:0 4px 0 0;
}

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

#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:0 0 0 0;
}

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

#div_area_mensagem {
	display:none;
	border:1px solid #F04F24;
	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 {
	background-color:#F04F24;
	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:#F04F24;*/
	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.home td.linha a:hover {
	color:#F04F24;
}

a.botao-home {
	text-decoration:none;
	font-size:14px;
	display:block;
	padding:5px;
	margin:7px 0 7px 0;
	text-align:left;
}
a.botao-home img {
	margin:2px 0 0 0;
	position:absolute;
}
a.botao-home span {
	margin:0 0 0 22px;
}

table.painel {
	width:100%;
	background-color:#CCC;
	text-transform:uppercase;
}
table.painel td.cab {
	background-color:#F04F24;
	padding:3px;
	margin:0;
	color:#FFF;
	font-size:11px;
	font-weight:bold;
}
table.painel td.num {
	background-color:#EFEFEF;
	padding:3px;
	color:#000;
	font-size:11px;
}
table.painel td.det {
	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:#F04F24;
	color:#FFF;
}
table.painel td.det p {
    padding:0;
    margin:5px;
}
span.noticia-tit {
    /*background-color:#F04F24;*/
    color:#F04F24;
    font-weight:bold;
    font-size:12px;
    padding:2px;
}

tr.listra td {
    background-color:#cfd8dc !important;
}

table.painel2 {
	width:100%;
	background-color:#FFF;
	color:#FFF;
	box-shadow: 5px 5px 5px #666;
}
table.painel2 td {
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	padding:5px;
	font-size: 14px;
	/*font-weight: bold;*/
}
table.painel2 td.cab {
	background-color:#01579b;
	color:#FFF;
	text-transform:uppercase;
	font-weight:bold;
}
table.painel2 td.num {
	background-color:#00897b ;
	color:#FFF;
}
table.painel2 td.det {
	background-color:#0288d1;
	color:#FFF;
}

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

/* caixa flutuante
===============================================================================*/
.caixa-flutua {
	display:none;
	z-index:49;
	position:absolute;
	border:3px solid;
	cursor:move;
	background-color:#FFFFCC;
	border-color:#F04F24;
	left:30px;
}
.caixa-flutua div.titulo-form {
	background-color:#000000;
	padding:8px;
}
.caixa-flutua div.titulo-form {
	background-color:#000000;
}

.caixa-flutua div.titulo-form a {
	margin:0 0 0 5px !important;
	padding:2px;
}
.caixa-flutua div.titulo-form img {
	margin:0;
	padding:0;
}

/* simulador e proposta
===============================================================================*/
#div_simulador, #div_proposta {
	display:none;
	z-index:49;
	position:absolute;
	border:1px solid;
	cursor:move;
	background-color:#FFFFCC;	
	left:0;
}

#div_simulador {
	border-color:#F04F24;	
}
#div_proposta {
	border-color:#0099FF;
}
#div_simulador div.titulo-form {
	background-color:#F04F24;
}
#div_proposta div.titulo-form {
	background-color:#0099FF;
}

#div_simulador div.titulo-form a, #div_proposta div.titulo-form a {
	margin:-2px 4px; 0 0;
	padding:2px;
}

#div_simulador div.titulo-form img, #div_proposta div.titulo-form img {
	margin:0;
	padding:0;
}
#div_cupom {
	text-align: left;
}
/*==============================================================================*/

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

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;
	color:#F04F24;
}
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 {
	display:inline-block;
	text-decoration:none;
	font-size:12px;
	padding:2px 5px 2px 5px;
	margin:5px 2px 2px 2px;
	border:1px solid #D9D9D9 !important;
}
a.botao img {
	vertical-align:middle;
	border:0;
	padding:0;
	margin:1px 0 1px 0;
}
a.botao span {
	margin:0 0 0 4px;
}

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


/******************************************************************************************************************************************
-- LIGACOES
******************************************************************************************************************************************/
a.bt-fone, a.bt-origem {
	margin-right:8px;
}

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 45px 28px 45px;
	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:98;
	display:none;
	width:100%;
	height:100%;	
	background-color:#000;
	position:absolute;
	margin:0;
}

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

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

#div_alerta, #div_confirma {
	display:none;
}

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

/******************************************************************************************************************************************
-- DIV FLUTUANTE
******************************************************************************************************************************************/
#div_flutuante {
	z-index:90;
	display:none;
	width:100%;
	height:100%;	
	background-color:#FFFFCC;
	position:absolute;
	margin:0;
	padding:0;
	top:0;
}

#a_fechar_flutuante {
	float:right;
	margin:20px 20px 0 0;
}

#div_conteudo_flutuante {
	margin:20px 20px 20px 20px;
}

/******************************************************************************************************************************************
-- FORMULARIOS
******************************************************************************************************************************************/
#div_login {
	left:25px;
	top:60px;
	text-align:left;
	position:absolute;
	font-family:arial;
	width:240px;
}
.pequeno {width:320px !important; margin-left:-160px !important;}
.medio {width:475px !important; margin-left:-235px !important;}
.grande {width:800px !important; margin-left:-400px !important;}
.maximo {width:100% !important; margin-left:-50% !important;}

input.cpf {width:98px !important;}
input.cpf_num {width:98px !important;}
input.cnpj {width:122px !important;}
input.senha {width:50% !important;}
input.fone, input.celular, input.fone_num {width:92px !important;}
input.cep {width:72px !important;}
input.data {width:72px !important; text-align:center !important;}
input.hora {width:42px !important; text-align:center !important;}
input.numero {width:60px !important;}
input.valor {width:80px !important;}
input.percent {width:40px !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.codigo {width:60px !important;}
input.coeficiente {width:60px !important; text-align:right;}

input, select, textarea {
	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 #000000;
	background-color:#EFEFEF;
	margin:10px 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 span.campo {
	margin-top:4px;
	display:inline-block;
}
div.formulario label {
	display:block;
	font-size:11px;
	font-weight:bold;
}
div.formulario input, div.formulario textarea {
	width:98%;
}
div.formulario hr {
	height:1px;
	border-top:1px solid #999;
	border-bottom:none;
	margin:5px 5px 5px 5px;
	padding:0;
	clear:both;
}

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

span.destaque, span.destaque2, span.destaque3 {
	display:inline-block;
	font-size:14px;
	color:#F04F24;
	font-weight:bold;
	margin:3px 0 0 0;
}
span.destaque2, span.destaque3 {
	color:#F04F24;
}
span.destaque3 {
	font-size:12px;	
}

span.corpo {
	text-transform:uppercase;
}

div.quebra {
	display:block;
	clear:both;
	text-align:center;
	background-color:#666;
	color:#FFF;
	margin:5px 1px 5px 1px;
	padding:3px;
	font-size:11px;
	font-weight:bold;
	letter-spacing:1px;
}
.quebra-cor2 {
	background-color:#F04F24 !important;
}

div.titulo-form {	
	background-color:#000000;
	border-bottom:1px solid #FFF;
	text-align:center;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	padding:8px 0 8px 0;
	margin:0;
}

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

div.botoes-form {
	background-color:#000000;
	border-top:1px solid #FFF;
	text-align:center;
	padding:3px 0 4px 0;
	margin:5px 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;
}

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

/** nivel 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;
}
/** nivel 2 **/
ul.perfil ul {
	margin:0 15px 0 15px;
	padding:0;
	background-color:#EFEFEF;
}
/** nivel 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 !important;
}
select option.receita, label.receita, span.receita, a.receita {
	color:#006600 !important;
}
select option.transferencia, label.transferencia, span.transferencia, a.transferencia {
	color:#000099 !important;
}

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:#009900;
}

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

div.pesquisa {	
	background-color:#FFFFCC;
	padding:5px;
}

ul.pesquisa {
	display:none;
	list-style:none;
	padding:0;
	margin: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;
	text-transform:uppercase;
	border-bottom:1px solid #CCC;
}
ul.pesquisa li a:hover {
	background-color:#F04F24;
	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;
}

/******************************************************************************************************************************************
-- Relatorios
******************************************************************************************************************************************/
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 {
	background-color:#666 !important;
	padding:3px !important;
	color:#FFF !important;
	font-size:11px !important;
	font-weight:bold !important;
}
table.relatorio tr.cab th {
	cursor:pointer;
}
table.relatorio tr.det td, table.relatorio tr.det2 td {
	background-color:#FFF;
	padding:3px;
	color:#000;
	font-size:11px;
	text-transform:uppercase;
}
table.relatorio tr.det2 td {
	background-color:#e8eaf6;
}
table.relatorio tr.total td {
	background-color:#FFF;
	color:#000;
	padding:3px;
	font-weight:bold;	
}

/** setas de ordenacao **/
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:#F04F24;
}
table.relatorio a.botao:hover {
	color:#FFF;
}

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

tr.selecionada2 td {
	background-color:#99CCFF !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 relatorio **/
div.detalhe {
	display:none;	
	z-index:10;
	position:absolute;
	background-color:#F04F24;
	color:#FFF;
	padding:4px;
	text-align:left;
	cursor:move;
}
div.detalhe div.botao-mini {
	float:right;
	margin:0 0 3px 0;
}

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

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

#div_credilink {
    position:absolute;
    margin-top:70px;
    right:10px;
    border:1px solid #6E0600;
    font-size:10px;    
    background-color:#FFF;
}
#div_credilink div.tit {
    background-color:#6E0600;
    text-align:center;
    color:#FFF;
    padding:2px;
    text-transform:uppercase;
}
#div_credilink p {
    margin:0;
    padding:3px;
}
#div_credilink p img {
    vertical-align:middle;
    margin:0 4px 0 0;
}

#div_csg {
    position:absolute;
    right:10px;
    border:1px solid #E00000;
    font-size:10px;    
    background-color:#FFF;
}
#div_csg div.tit {
    background-color:#E00000;
    text-align:center;
    color:#FFF;
    padding:2px 6px 2px 6px;
    text-transform:uppercase;
}
#div_csg p {
    margin:0;
    padding:3px;
}
#div_csg p img {
    vertical-align:middle;
    margin:0 4px 0 0;
}

div.cabecalho-tabela {
    background-color: #5d4037  ;
    margin:4px 0 0 0;
}
div.cabecalho-tabela span {
    font-size:11px;
    letter-spacing:1px;
    color:#FFFFFF;
    text-transform: uppercase;
    display: inline-block;
    margin:5px 20px 5px 5px;
    font-weight: bold;
    vertical-align:center;
}
div.cabecalho-tabela span img {
    vertical-align:middle;
    margin:0 5px 0 0;
}
td.cab-tabela {
    font-size:11px;
    letter-spacing:2px;
    padding:3px;
    font-weight:bold;
    background-color:#b0bec5; 
}
tr.linha-cinza td {
    background-color:#e0e0e0 !important;
}

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

/******************************************************************************************************************************************
-- CAMERA - FOTOS
******************************************************************************************************************************************/
#camera, #img_print, #img_foto {	
	position:absolute;
	right:60px;
	width:160px;
	height:120px;
	margin:15px 0 0 0;
}
#camera {display:none; border:1px solid red;}
#img_print {display:none; border:1px solid blue;}
#img_foto {border:1px solid #666;}

div.webcam-botoes {
	position:absolute;
	right:15px;
	margin:5px 0 0 0;
}
div.webcam-botoes a {
	display:block;
	margin:15px 0 0 0;
}

/*******************************************************************
-- Produtos do pedido
********************************************************************/
div.produto-ped {
	float:left;
	border:1px solid #CCC;
	margin:5px;
	text-align:center;
}
div.produto-ped p.titulo {
	text-align:center;
	cursor:pointer;
	font-weight:bold;;border-bottom:1px solid #CCC;
	background-color:#FFFFCC;
	color:#000;
}

div.produto-ped-on {
	border:1px solid #F04F24;
}
div.produto-ped-on p.titulo {
	background-color:#F04F24;
	color:#FFF;
}

/*******************************************************************
-- Calendarios do Pedido
********************************************************************/
table.calendario {
	float:left;
	margin:0 6px 0 6px;
	padding:1px;
	border:1px solid #CCC;
}
table.calendario tr.mes td {
	text-align:center;
	background-color:#000000;
	color:#FFF;
	font-weight:bold;
	padding:3px 0 3px 0;
}
table.calendario tr.semana td {
	text-transform:uppercase;
	font-size:10px;
	padding:0;
	text-align:center;
	border-bottom:1px solid #CCC;
	background-color:#FFF;
}
table.calendario tr.dias td {
	padding:0;
	margin:0;
	text-align:center;
}
table.calendario tr.dias a {
	display:block;
	font-size:10px;
	font-weight:normal;
	margin:2px;
	padding:5px;
	color:#000;
	background-color:#FFF;
	text-decoration:none;
	border:1px solid #FFF;
}
table.calendario tr.dias a:hover {
	border:1px solid #F04F24;
}
table.calendario tr.dias a.dia-on {
	background-color:#F04F24 !important;
	color:#FFF;
}

table.calendario tr.dias input.ano {
	width:20px !important;
	font-size:10px;
	font-weight:bold;
}
table.calendario img.calend-ante {
	cursor:pointer;
	float:left;
	margin:0 0 0 2px;
}
table.calendario img.calend-prox {
	cursor:pointer;
	float:right;
	margin:0 2px 0 0;
}

/*******************************************************************
-- Quadro de disponibilidade
********************************************************************/
#div_disponibilidade {
	width:360px;
	float:left;
	border:1px solid #000000;
	padding:1px;
	margin:0 0 0 10px;
}
#div_disponibilidade h1 {
	background-color:#000000;
	color:#FFF;
	margin:0;
	padding:5px;
	font-size:10px;
	font-weight:normal;
	text-transform:uppercase;
}
#div_disponibilidade fieldset {
	width:100%;
	margin:0;
	padding:0;
	font-size:10px;
}
#div_disponibilidade fieldset legend {
	font-size:9px;
	text-transform:uppercase;
}
#div_disponibilidade fieldset div {
	float:left;
	border:1px solid #FFF;
	width:14px;
	height:14px;
	padding:0;
	margin:5px;
}
#div_disponibilidade fieldset span {
	float:left;
	margin:7px 10px 0 0;
}
#div_disponibilidade table {
	width:100%;
	margin:12px 0 0 0;
	font-size:9px;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
}
#div_disponibilidade table td {
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	text-align:center;
	padding:3px 0 3px 0;
}
#div_disponibilidade table tr.tit td {
	background-color:#666;
	color:#FFF;
}
#div_disponibilidade table tr.det td {
	height:20px;
	font-weight:bold;
	font-size:10px;
	background-color:#FFF;
}

/* cores da div de disponibilidade */
.disp-1 {background-color:#99FF99 !important;}
.disp-2 {background-color:#FFFF99 !important;}
.disp-3 {background-color:#FF0033 !important;}

/*******************************************************************
-- Busca rapida (lista de localidades)
********************************************************************/
ul.busca-rapida {
	display:none;
	position:absolute;
	list-style:none;
	background-color:#FFFFCC;
	padding:0;
	margin:0;
	border:1px dotted #F04F24;
}
ul.busca-rapida a {
	display:block;
	padding:3px;
	color:#000000;
	text-decoration:none;
	text-transform:uppercase;
}
ul.busca-rapida a:hover {
	background-color:#F04F24;
	color:#FFF;
}