* {
	margin:0px;
	padding:0px;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #647280;
	background: #F3F3F3;
}
h1 { font-size: 20px; }
img { border: 0; }
#ajax, .invisivel { display: none; }
.clear { clear: both; }
.centro { text-align: center; }
.alinhado { text-align: left; }
.nadireita { text-align: right; }
.clicavel { cursor: pointer; }
.promocional {
	background: [cor_padrao];
	color: yellow;
}
.overfluxo {
	border: 1px solid #e5e5e5;
	height: 215px;
	overflow: auto;
}
.overfluxoVendas {
	border: 1px solid #e5e5e5;
	height: 153px;
	overflow: auto;
}
.overfluxoCompras {
	border: 1px solid #e5e5e5;
	height: 280px;
	overflow: auto;
}
.overfluxoReceitas {
	border: 1px solid #e5e5e5;
	height: 130px;
	overflow: auto;
}
p {
	display: block;
	margin: 10px 0 10px 0;
}
h2 {
	font-weight: bold;
	font-size: 10pt;
	display: block;
	margin: 10px;
}
h3 {
	font-weight: bold;
	font-size: 8pt;
	display: block;
	margin: 10px;
}
h6 {
	margin: 3px;
	font-weight: normal;
	font-size: 9px;
	color: gray;
}
.descr { padding: 0px 5px 5px; }
.testiculo {
	font-size: 6pt;
	color: gray;
}

#mini_logomarca, #ecofoto1, #ecofoto2, #ecofoto3, #ecofoto4 { text-align: center; }
#mini_logomarca img, #ecofoto1 img, #ecofoto2 img, #ecofoto3 img, #ecofoto4 img {
	max-width: 200px;
	max-height: 200px;
	cursor: pointer;
}
#carregando {
	text-align: center;
	margin: 0 150px 0 150px;
	padding: 4px 0 0 0;
}

/*RELATÓRIOS*/
.relatorios {
	width: 500px;
	margin: auto;
}

.relatorios ul { margin: 0 0 20px 0; }

.relatorios .quadrorel {
	width: 300px;
	height: 400px;
	border: 1px inset;
	float: right;
	margin: 0 0 10px 0;
}

.relatorios table { width: 550px; }
.relatorios table td { vertical-align: top; }
.propriedades { padding: 10px; }

/*FORMAS DE PGTO*/
#quadro_muda_forma table {
	width: 320px;
}

#quadro_muda_forma table td {
	width: 150px;
}

#quadro_muda_forma .labelOff {
	color: #dbd3ca;
}
#quadro_muda_forma .campoOff {
	background: #efebe7;
	color: #dbd3ca;
	border: 1px solid #999999;
	width: 97%;
}
#quadro_muda_forma .labelOn {
	color: #647280;
}
#quadro_muda_forma #resultadopgto {
	text-align: left;
	padding: 5px;
	background: white;
}

#quadroParcelas {
	clear: both;
	margin: 10px;
}



/*estrutura básica*/
a:link, a:visited {
	color: [cor_escura];
	font-weight: normal;
	text-decoration: none;
	font-size: 12px;
}
a:hover, a:active {
	color: [cor_escura];
	text-decoration: none;
}
.espaco {
	display: block;
	clear: both;
	padding: 10px;
}




/*formularios*/
textarea, select, .caixa, .caixainativa, .caixaNF, .caixaNF2x {
	border-style: solid;
	border-width: 1px;
	border-color: #525252 #999999 #999999 #525252;
	background: #e6e6e6;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	padding: 3px 2px 3px 2px;
	width: 98%;
}



input[type="file"] {
	border: solid 1px #999999;
	background: #e6e6e6;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	padding: 2px;
	width: 98%;
}

textarea:focus, select:focus, .caixa:focus, .caixaNF:focus, .caixaNF2x:focus {
	background: #ffffd1;
}

select {
	z-index: -1;
	width: 100%;
}

textarea {
	height: 100px;
}

.caixainativa {
	border: 1px solid #666666 !important;
	background: #999999 !important;
	color: #888888 !important;
}

.caixaalerta {
	background: #ffd9d9;
}

.caixamultilinhas2 { height: 55px; overflow: auto; }
.caixamultilinhas3 { height: 100px; overflow: auto; }
.caixamultilinhas4 { height: 140px; overflow: auto; }
.caixamultilinhas5 { height: 175px; overflow: auto; }
.caixamultilinhas6 { height: 215px; overflow: auto; }

.botao1 {
	border: solid 1px #999999;
	background: url('../imagens/botao.gif') top left repeat-x;
	border: 1px solid #7e7e7e;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 9px;
	height: 20px;
	-moz-border-radius: 0.3em;
}

.botao0 {
	border: solid 1px #999999;
	background: url('../imagens/botao.gif') top left repeat-x;
	border: 1px solid #7e7e7e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #666666;
	font-size: 9px;
	-moz-border-radius: 0.3em;
}

.listaresposta {
	width: 250px;
	height: 100px;
	border: 1px outset;
	visibility: hidden;
	position: relative;
	z-index: 2;
}

.quadroDivCaixaLista {
	position: relative;
	height: 20px;
}

.boxUnDefault {
	width: 16px;
	height: 16px;
	border: 1px solid gray;
	display: block;
}



/*cabeçalho*/
#cabecalho {
	background: black;
	width: 100%;
	height: 33px;
}

#cabecalho .logo {
	float: left;
	padding: 4px;
}

#cabecalho span {
	float: right;
	padding: 7px;
}

#cabecalho a {
	color: white;
}


/*menu superior*/
#menuSuperior {
	background: [cor_padrao];
	height: 25px;
}



/*titulo e botoes principais*/
#navegacao {
	clear: both;
	background: url('../imagens/bgMenuAcoes.gif') top left repeat-x #e6e6e6;
	border-top: #ffffff;
	border-bottom: #cccccc;
	border-top: 1px solid white;
	border-bottom: 1px solid gray;
	width: 100%;
	height: 60px;
	margin: 0;
}

#navegacao strong {
	display: block;
	font-size: 20pt;
	color: #666666;
	margin: 15px 0 0px 5px;
}

#navegacao ul {
	float: right;
	width: 400px;
}

#navegacao ul li {
	float: right;
	list-style: none;
	padding: 5px 2px;
	text-align: center;
}

#navegacao ul li a {
	display: block;
	color: gray;
	border: 1px solid #A4A4A4;
	background: #e6e6e6;
	width: 50px;
	padding: 6px 0 6px 0;
	-moz-border-radius: 0.5em;
}

#navegacao ul li .especial {
	background: white;
}

#navegacao ul li a:hover {
	color: [cor_padrao];
	text-decoration: none;
}

#navegacao a {
	font-size: 8pt;
}






/*miolo, conteúdo central*/
#conteudo {
	background: url('../imagens/nuvens.jpg') repeat-x #CDE4F3;
	clear: both;
	width: 99%;
	padding: 5px;
	min-height: 310px;
}






/*filtros*/
#filtros {
	width: 100%;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
}

#filtros td {
	width: 18%;
}

#filtros .caixa, #filtros .botao1 {
	width: 95%;
}

#filtros .data {
	width: 84%;
}

#filtros .calendario {
	background: #999999;
	color: white;
	display: inline;
	padding: 4px;
}



/*quadro mensagem, alertas e avisos*/
.alerta {
	font-weight: bold;
	color: [cor_padrao];
	clear: both;
}

#quadroMensagem span {
	background: [cor_padrao];
	margin: 0 0 5px 0;
	padding: 2.5px 0 2.5px 0;
	display: block;
	width: 100%;
	-moz-border-radius: 0.5em;
}

#quadroMensagem.inicio span div, #quadroMensagem.fim span div {
	background: #FFFF99;
	color: [cor_padrao];
	text-align: center;
	font-size: 10pt;
	display: block;
	margin: 5px;
	padding: 5px;
	border-bottom: 1px solid #C0C0C0;
	-moz-border-radius: 0.1em;
	text-decoration: underline;
}

#quadroMensagem.fim span div {
	text-decoration: none;
	background: white;
}

#quadroMensagem a {
	text-decoration: underline;
}

.quadroDicas, .quadroAvisos, .quadroNews {
	padding: 4px;
	border: 0;
	text-indent: 15px;
	font-size: 12px;
}
.quadroDicas legend, .quadroAvisos legend, .quadroNews legend {
	font-weight: bold;
	font-size: 16px;
	color: [cor_padrao];
	padding: 0 2px 0 2px;
	text-indent: 0;
}
.quadroDicas ul, .quadroAvisos ul, .quadroNews {
	list-style: inside;
}
.quadroDicas .help, .quadroAvisos .help, .quadroNews .help {
	background: #c0c0c0;
	color: white;
	font-weight: bold;
	padding: 3px 5px 3px 5px;
}
.quadroDicas legend, .quadroNews legend { color: gray; }
.quadroNews {
	width: 40%;
	float: right;
}
.quadroDicas {
	width: 90%;
}
.quadroAvisos {
	width: 57%
}
.setaSuporte {
	background: url('../imagens/setaSuporte.png') bottom right no-repeat;
}




/*sub-títulos e descrições*/
#informacoes {
	color: #999999;
	width: 100%;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	font-size: 15pt;
	font-weight: bold;
	text-align: left;
}

#informacoes strong {
	color: black;
}

#informacoes span {
	font-size: 7pt;
	font-weight: normal;
}





/*botões especiais*/
#especiais {
	width: 100%;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	text-align: left;
}

#especiais td {
	width: 20%;
}

#especiais input {
	width: 98%;
}

/*Aviso de carregando no botão verde*/
#tapume {
	cursor: wait;
	display: none;
	width: 50px;
	height: 50px;
	border: 1px solid #a4a4a4;
	color: gray;
	background: #E9E9E9;
	font-size: 9px;
	position: absolute;
	-moz-border-radius: 5px;
}


/*listagem e sub-listagem*/
#subLista, #subLista2 {
	width: 98%;
	margin: 2px 0 0 2px;
}

#lista table, #subLista table, #subLista2 table {
	border-collapse: collapse;
	border: 1px solid #999999;
	width: 100%;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	background: white;
}

#lista table thead, #subLista table thead, #subLista2 table thead {
	background: #999999;
	color: white;
	font-weight: bold;
}

#lista table thead td, #subLista table thead td, #subLista2 table thead td {
	padding: 5px 2px 5px 2px;
	width: auto !important;
}

#lista table tfoot, #subLista table tfoot, #subLista2 table tfoot {
	background: #999999;
	color: white;
}

#lista table tbody, #subLista table tbody, #subLista2 table tbody {
	background: white;
	color: black;
}

#lista table tbody td, #subLista table tbody td, #subLista2 table tbody td {
	background: none;
	vertical-align: top;
	padding: 4px 2px 4px 2px;
	border-bottom: 1px solid #999999;
	width: auto !important;
}

#lista table tbody tr:hover td, #subLista table tbody tr:hover td, #subLista2 table tbody tr:hover td {
	background: #ffffd1;
}

#lista table tbody .linhacor td, #subLista table tbody .linhacor td, #subLista2 table tbody .linhacor td {
	background: #e6e6e6;
}

#lista table #quadroPaginar, #subLista table #quadroPaginar, #subLista2 table #quadroPaginar {
	text-align: center;
	font-weight: bold;
	color: #e6e6e6;
}

#lista table #quadroPaginar a, #subLista table #quadroPaginar a, #subLista2 table #quadroPaginar a {
	color: #FFFF66;
	font-weight: bold;
}

#lista table #quadroPaginar .numeroPagina, #subLista table #quadroPaginar .numeroPagina, #subLista2 table #quadroPaginar .numeroPagina {
	color: white;
}

#lista table .colunaCheck, #subLista table .colunaCheck, #subLista2 table .colunaCheck {
	width: 15px;
}

#lista table .help, #subLista table .help, #subLista2 table .help {
	background: #c0c0c0;
	color: white;
	font-weight: bold;
	padding: 3px 5px 3px 5px;
	-moz-border-radius: 0.2em;
}

#lista table .calendario, #subLista table .calendario, #subLista2 table .calendario {
	float: right;
	background: #666666;
	color: white;
	font-weight: bold;
	padding: 3px 4px 3px 4px;
}


/*cadastros*/
#cadastro .titulo, #lista .titulo {
	margin: 0 0 5px 1px;
	padding: 10px 0 10px 10px;
	color: white;
	background: #666666;
	font-weight: bold;
}

#cadastro table {
	width: 100%;
	margin: 0 0 10px 0;
}


#cadastro table td {
	background: #999999;
	width: 25%;
	vertical-align: top;
	padding: 0 2px 0 1px;
}

#cadastro .cadNF td {
	width: 16% !important;
}

#cadastro table .label {
	padding: 3px;
	color: white;
	font-weight: bold;
}

#cadastro table .labelinativo {
	padding: 3px;
	color: white;
	font-weight: bold;
}

#cadastro table .help {
	float: right;
	background: #666666;
	color: white;
	font-weight: bold;
	padding: 3px 5px 3px 5px;
}

#cadastro table .calendario {
	float: right;
	background: #666666;
	color: white;
	font-weight: bold;
	padding: 3px 5px 3px 5px;
}

.labellink {
	float: right;
	background: #666666;
	color: white;
	font-weight: normal;
	padding: 3px 10px 3px 5px;
	cursor: pointer;
}

#painel table {
	border-collapse: collapse;
	border: 1px solid #999999;
	width: 100%;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
}

#painel table thead {
	background: #999999;
	color: white;
	font-weight: bold;
}

#painel table thead td {
	padding: 5px 2px 5px 2px;
}

#painel table tfoot {
	background: #999999;
	color: white;
}

#painel table tbody {
	background: white;
	color: black;
}

#painel table tbody td {
	padding: 5px 2px 5px 2px;
}

#painel table .help {
	background: #c0c0c0;
	color: white;
	font-weight: bold;
	padding: 3px 5px 3px 5px;
}
#painel tr.marcarlinha {
	background: #ffffd1;
}


/*rodapé*/
#rodape {
	background: black;
	width: 100%;
	padding: 2px 0 2px 0;
	color: #c0c0c0;
	text-align: center;
	font-size: 7pt;
	clear: both;
}

#rodape .conexao_segura {
	text-align: center;
	color: #c0c0c0;
	padding: 3px;
}




/*AUTENTICAÇÃO*/
#quadroAutenticacao {
	width: 450px;
	margin: 50px auto 10px auto;
	background: #e6e6e6;
	border: 1px solid #cccccc;
	color: black;
	-moz-border-radius: 0.5em;
}

#imagemAutenticacao {
	width: 160px;
	float: left;
	padding: 20px;
}

#imagemAutenticacao span {
	text-align: center;
	display: block;
}

#imagemAutenticacao p {
	text-align: left;
}

#formAutenticacao {
	border: 1px solid #cccccc;
	background: white;
	width: 224px;
	float: right;
	margin: 10px;
}

#formAutenticacao table {
	width: 100%;
}

#formAutenticacao td {
	padding: 5px;
}

#formAutenticacao .botao2 {
	background: [cor_padrao];
	border: 1px solid [cor_escura];
	color: white;
	font-weight: bold;
	float: right;
	-moz-border-radius: 0.3em;
}

#quadroCadastre {
	width: 450px;
	margin: 10px auto 50px auto;
}


/*INFORMAÇÕES SOBRE PLANOS PROFISSIONAIS*/
.detalhes_planos {

}
.detalhes_planos td {
	background: white;
	padding: 3px;
	border: 1px solid gray;
}
.detalhes_planos table {
	width: 100%;
}
.detalhes_planos table td {
	vertical-align: middle;
	border: 1px solid white;
}
.preco_planos {
	font-size: 20px;
	color: green;
	font-weight: bold;
}
.preco_planos span {
	font-style: italic;
	font-weight: normal;
	font-size: 12px;
	color: gray;
}

/*LAYOUT LOJA VIRTUAL*/
#menu_ecommerce td {
	padding: 3px;
}

#esqueletoSite {
	width: 700px;
	border: 1px solid gray;
	border-collapse: collapse;
	margin: 0 auto;
	background: white;
}

#esqueletoSite td {
	border: 1px solid gray;
	padding: 15px;
	vertical-align: top;
}

#esqueletoSite td:hover {
	background: #ffffd1;
}


/*EDITOR HTML*/
#waitBox {
	width: 100%;
	text-align: center;
	margin: 10px;
	font-weight: bold;
	font-size: 14px;
	color: [cor_padrao];
}

/*TELA DE CONTATE O SUPORTE*/
.colunasContato {
	width: 100%;
}
.colunasContato td {
	vertical-align: top;
	padding: 0 30px 50px 10px;
}

/*QUADRO INFORMAÇÕES PAGSEGURO*/
.quadroPagSeguro {
	width: 500px;
	margin: 0 auto;
	font-size: 9pt;
	color: black;
}


/*MÓDULO VENDA PDV*/
#quadroVendaPDV {
	width: 300px;
	margin: 30px auto;
	padding: 5px;
	background: white;
	border: 1px solid #c0c0c0;
}


/*QUADRO AJUDA*/

#quadroAjuda {
	background: white;
}

#quadroAjuda {
	padding: 10px;
	font-size: 14px;
}

#quadroAjuda strong {
	padding: 30px 0 10px 0;
	display: block;
	color: black;
}

#quadroAjuda p {
	margin: 10px;
}

#quadroAjuda img {
	padding: 20px 0;
}

#quadroAjuda .botao1 {
	padding: 1px;
	font-weight: normal;
	background: url('../imagens/botao.gif') top left repeat-x;
	border: 1px solid #7e7e7e;
}

#quadroAjuda .menuVermelho {
	background: [cor_padrao];
	border: 1px solid [cor_escura];
	color: white;
	padding: 1px;
	font-size: 12px;
}

#quadroAjuda ul {
	list-style: inside;
}

ol {
	list-style: inside decimal;
	margin: 0 0 15px 0;
}

ol li {
	margin: 0 0 10px 0;
}

#quadroAjuda .conta_itens {
	font-weight: bold;
	color: blue;
	font-size: 12px;
}

/*LAZEV MENU*/
#lazevMenu { position: absolute; left: 0px; top: 32px; text-align: left; width: 100%; height: 25px; }
#lazevMenu * { z-index: 9999 }
#lazevMenu a { text-decoration: none; display: block; }
#lazevMenu img { border: 0; }
#lazevMenu .tabelaPrincipal { border: solid 1px [cor_escura]; background: [cor_padrao]; font-size: 9pt; font-family: Tahoma, Sans, sans-serif; cursor: default; height: 25px; border-collapse: collapse; }
#lazevMenu .tabelaPrincipal td { height: 20px; }
#lazevMenu .tabelaPrincipal a { padding: 5px 10px 5px 10px; color: white; border-right: 1px solid [cor_escura]; background: [cor_padrao]; }
#lazevMenu .tabelaPrincipal a:hover { color: white; border-right: 1px solid [cor_escura]; background: [cor_escura]; }
#lazevMenu .tabelaPrincipal td.barraFinal { width: 100%; }
#lazevMenu .subTabela { position: absolute; border: solid 1px #c0c0c0; background: white; font-size: 9pt; font-family: Tahoma, Sans, sans-serif; cursor: default; }
#lazevMenu .subTabela a { padding: 4px; color: [cor_escura]; border: 1px solid white; background: white; }
#lazevMenu .subTabela a:hover { color: white; border: 1px solid #c0c0c0; background: [cor_escura]; }
#lazevMenu .subTabela hr { border: 1px solid white; border-bottom: dashed 1px #c0c0c0; }
#lazevMenu .seta { width: 7px; height: 7px; }