html, body {
	padding:0;
	margin:0;
	font-family:Trebuchet MS, Tahoma;	
	height:100%;	
	font-size:11px;
	background-color:#FFF;
}

#div_topo {
	background-color:#FFF;
	margin:0;
	padding:0;	
}

#div_conteudo {
	background-color:#FFF;
	margin:0;
	padding:10px;
}

img.logo {
	margin:10px 20px 10px 10px;
	float:left;
}

#div_nome_sistema {
	clear:both;
	width:100%;
}
#div_nome_sistema  span {
	display:block;
	text-align:center;
	font-size:14px;
	padding:2px 0 2px 0;
}

/******************************************************************************************************************************************
-- MENSAGENS
******************************************************************************************************************************************/
#div_alerta, #div_confirma {
	display:none;
	padding:10px 5px 0 24px;
}
#div_alerta img, #div_confirma img {
	position:absolute;
	margin:0 5px 0 -22px;	
	vertical-align:bottom;
}

div.msg-alerta  {
	padding:0;
	text-align:center;
	font-weight:bold;
	font-size:12px;
	color:#9D5501;
}
div.msg-alerta img {
	vertical-align:middle;
	margin:0 5px 0 0;
}

div.msg-vazio  {
	padding:15px 0 15px 0;
	text-align:center;
	font-weight:bold;
	font-size:12px;
}
div.msg-vazio img {
	vertical-align:middle;
	margin:0 5px 0 0;
}

div.msg-form {
	display:none;
	font-family:arial;
	position:absolute;
	margin:5px 0 0 -1px;
	padding:0;
	border:2px solid #666;
	background-color:#FFFFDD;
	text-align:center;
	font-size:12px;
	color:#000;
}
div.msg-form  p {
	padding:0;
	margin:5px;
}
div.msg-form img {
	vertical-align:middle;
	padding:0;
	margin:0 5px 0 0;
}

/******************************************************************************************************************************************
-- AGUARDE
******************************************************************************************************************************************/
#div_aguarde {
	z-index:99;
	display:none;
	border:5px solid #CCC;
	background-color:#FFF;
	position:absolute;
	color:#666;
	margin:0;
	padding:18px 40px 18px 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:98;
	display:none;
	width:100%;
	height:100%;	
	background-color:#000;
	position:absolute;
	margin:0;
}

/******************************************************************************************************************************************
-- MENUS
******************************************************************************************************************************************/
#div_menu_topo {
	margin:0;
	padding:5px 0 0 0;
}

#div_menu_topo a {
	font-family:Trebuchet MS;
	font-size:12px;
	font-weight:normal;
	display:inline-block;
	text-decoration:none;
	margin:3px 3px 0 0;
	padding:2px 5px 1px 5px;	
	height:18px;
}
#div_menu_topo span{
	float:left;
	margin:0 0 0 -5px;
	padding:0;
	vertical-align:middle;
}

ul.submenu {
	z-index:99;
	display:none;
	position:absolute;
	margin:0;
	padding:0;
	list-style:none;
}
ul.submenu li {
	font-family:Trebuchet MS;
	font-size:12px;
	font-weight:normal;
	margin:0;
	padding:3px 5px 3px 3px;
	border-top:none;
	cursor:pointer;
}

/******************************************************************************************************************************************
-- LOGIN
******************************************************************************************************************************************/
#div_login {
	font-family:arial;
	padding:5px;
	margin-top:100px;
	margin-left:40%;
	width:250px;	
}
#div_login div {
	font-size:14px;
	text-align:center;
	padding:3px;
}
#div_login p {
	margin:8px 0 0 0;
	padding:0;
}
#div_login label {
	display:block;
	font-size:11px;
	font-weight:bold;
}
#div_login label  img {
	vertical-align:middle;
	margin:0 3px 3px 0;
}
#div_login input {
	border:1px solid #CCC;
	font-size:14px;
	padding:3px;
	width:240px;
	color:#666;
}
#div_login .botao {
	padding:5px;
	font-size:14px;
}
#div_login .botao img {
	vertical-align:middle;
	border:0;
	margin:0 5px 0 0;
}

#div_logado {
    position:absolute;
	width:auto;
	top:50px;
	right:8px;
	color:#666;
	margin:0;
	padding:0;
}
#div_logado img {
	margin:0 5px 0 0;
}

/******************************************************************************************************************************************
-- JANELAS
******************************************************************************************************************************************/
div.janela {
	z-index:1;
	position:absolute;
	width:50%;
	padding:2px 4px 2px 2px;
	margin:1px;
}

div.janela .titulo {
	margin:0;
	padding:3px 0 3px 0;
	cursor:move;
	width:100%;
}
div.janela .titulo a {
	float:right;
	cursor:pointer;
	margin:-1px 3px 0 1px;
	padding:0;
	height:16px;
	height:16px;
}
div.janela .conteudo {
	width:100%;
	height:100%;
	padding:0;
	margin:0;
}
div.janela p.p-campos {
	margin:5px 8px 10px 4px;
	padding:0;
}
div.janela .conteudo label {
	display:block;
	font-size:11px;
	font-weight:bold;
}
div.janela .conteudo input, div.janela  .conteudo textarea {
	font-family:arial;
	font-size:12px;
	width:100%;
	border:1px solid #CCC;
	padding:3px 2px 3px 2px;
	margin:0;
}
div.janela .conteudo select {
	font-family:arial;
	font-size:12px;
	width:auto;
	border:1px solid #CCC;
	padding:2px;
	margin:0;
	cursor:pointer;
}
div.janela .conteudo input.check, div.janela .conteudo input.radio {
	width:auto !important;
	cursor:pointer;
	vertical-align:middle !important;
	border:none !important;
	margin:3px 0 3px 4px !important;
}

a.botao {
	display:inline-block;
	text-decoration:none;
	padding:2px 5px 2px 5px;
	margin:5px 5px 2px 0;
}
a.botao img {
	vertical-align:middle;
	border:0;
	margin:0 5px 0 0;
}

div.coluna1 {
	margin:0;
	padding:0;
	clear:both;
}

div.coluna2{
	float:left;
	width:48%;
	margin:0 1% 0 1%;
	padding:0;
}

/******************************************************************************************************************************************
-- PESQUISA
******************************************************************************************************************************************/
#div_pesquisa {
	width:99%;
	/*height:98%;*/
	padding:2px 4px 2px 2px;
	margin:0;
}

#div_pesquisa .titulo {
	margin:0;
	padding:3px 0 3px 0;
	cursor:move;
	width:100%;
}
#div_pesquisa .titulo a {
	float:right;
	cursor:pointer;
	margin:-1px 3px 0 0;
	padding:0;
	height:16px;
	height:16px;
}
#div_pesquisa .conteudo {
	width:100%;
	height:auto;
	/*height:100%;*/
	padding:0;
	margin:0;
}
#div_pesquisa p {
	margin:5px 8px 5px 4px;
	padding:0;
}
#div_pesquisa label {
	display:block;
	font-size:11px;
	font-weight:bold;
}
#div_pesquisa input {
	font-family:arial;
	font-size:12px;
	width:100%;
	border:1px solid #CCC;
	padding:3px 2px 3px 2px;
	margin:0;
}
#div_pesquisa select {
	font-family:arial;
	font-size:12px;
	width:auto;
	border:1px solid #CCC;
	padding:2px;
	margin:0;
	cursor:pointer;
}

fieldset.campos {
	width:auto;
	margin:5px;
	padding:2px 5px 2px 5px;
	border:1px solid #CCC;
}
fieldset.campos legend {
	font-size:11px;
	font-weight:bold;
	margin:0 5px 0 5px;
}
fieldset.campos hr {
	margin:2px 0 2px 0;
	padding:0;
	height:1px;
	border-top:1px solid #CCC;
	border-bottom:none;
}
fieldset.campos div {
	display:inline-block;
	margin:3px 5px 3px 0;
}
fieldset.campos input[type=checkbox] {
	width:auto !important;
	margin:0 3px 0 5px !important;
	padding:0 !important;
	vertical-align:middle !important;
	cursor:pointer;
	border:none !important;
}

table.pesquisa {
	font-family:arial !important;
	font-size:11px !important;
	width:100%;
	border-right:1px solid transparent;
	margin:10px 0 5px 0;
}
table.pesquisa td {
	padding:3px;
	border:none !important;
	cursor:pointer;
}
table.pesquisa tr.lin td {
	font-weight:normal !important;
	vertical-align:top;	
}

table.pesquisa th {
	padding:3px;
	border:none !important;
	cursor:pointer;	
}

table.pesquisa th.headerSortDown {
    background-repeat: no-repeat; 
    background-position: center right;
    background-image: url(../img/seta_desc.png);	
}
table.pesquisa th.headerSortUp {
    background-repeat: no-repeat; 
    background-position: center right;
    background-image: url(../img/seta_asc.png); 
} 

/******************************************************************************************************************************************
-- RELATÓRIO
******************************************************************************************************************************************/
#div_relatorio {
	width:99%;
	/*height:98%;*/
	padding:2px 4px 2px 2px;
	margin:0;
}

#div_relatorio .titulo {
	margin:0;
	padding:3px 0 3px 0;
	width:100%;
	text-align:center;
}
#div_relatorio .titulo a {
	float:right;
	cursor:pointer;
	margin:-1px 3px 0 0;
	padding:0;
	height:16px;
	height:16px;
}
#div_relatorio .conteudo {
	width:100%;
	height:auto;
	/*height:100%;*/
	padding:0;
	margin:0;
}
#div_relatorio p {
	margin:5px 8px 5px 4px;
	padding:0;
}
#div_relatorio label {
	display:block;
	font-size:11px;
	font-weight:bold;
}

table.relatorio {
	font-family:arial !important;
	font-size:11px !important;
	width:100%;
	margin:10px 0 5px 0;
	background-color:#CCC;
}
table.relatorio td {
	padding:3px;
	border:none !important;	
}
table.relatorio tr.lin td, table.relatorio tr.total td {
	font-weight:normal !important;
	vertical-align:top;
	font-family:arial;
	font-size:11px;
	background-color:#FFF;
}
table.relatorio tr.total td, table.relatorio td.total {
	background-color:#FFFFE1 !important;
}

table.relatorio th {
	padding:3px;
	border:none !important;
	cursor:pointer;
	background-color:#666;
	color:#FFF;
}

table.relatorio th.headerSortDown {
    background-repeat: no-repeat; 
    background-position: center right;
    background-image: url(../img/seta2_desc.png);
}
table.relatorio th.headerSortUp {
    background-repeat: no-repeat; 
    background-position: center right;
    background-image: url(../img/seta2_asc.png);
} 

img.filtro {
	cursor:pointer;
	vertical-align:middle;
	padding:0;
	margin:0 3px 0 3px;
}

#div_filtro {
	z-index:99;
	display:none;
	position:absolute;	
	background-color:#FFFFE1;
	border:2px solid #333;
	padding:0;
	margin:5px 0 0 0;
	font-family:arial;	
}
#div_filtro h1 {
	font-size:12px;
	background-color:#333;
	color:#FFF;
	margin:0;
	padding:2px;
	font-weight:normal;	
	cursor:move;
}
#div_filtro h1 img {
	float:right;
	cursor:pointer;
	vertical-align:middle;
	margin:0 0 0 5px;
}
#div_filtro p {
	margin:0;
	padding:0;
}
#div_filtro  label {
	font-weight:bold;
	font-size:11px;
	background-color:#EFEFEF;
	padding:3px;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;	
}
#div_filtro input , #div_filtro select {
	font-size:11px;
	margin:4px 0 4px 0;
	padding:1px;
	border:1px solid #333;
}
#div_filtro select {
	padding:0;
	margin:4px 4px 4px 4px;
	cursor:pointer;
}

img.botao-filtrar {
	margin:0 4px 0 0;
	padding:0;
	vertical-align:middle;
	cursor:pointer;
}

/******************************************************************************************************************************************
-- CAMPOS
******************************************************************************************************************************************/
input.cpf {width:98px !important;}
input.cnpj {width:122px !important;}
input.senha {width:50% !important;}
input.fone {width:94px !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, input.valor {width:115px !important;}
input.percent {width:40px !important;}

div.input-imagem {
	float:left;
	width:100px;
	height:100px;
	border:1px solid #333;
	margin:0 0 3px 0;
	padding:0;
	background-color:#FFF;
}
div.input-imagem img { /* RETIRAR APOS CRIAR THUMB */
	width:100px;
	height:100px;
	margin:0;
	padding:0
}

a.link-form {
	color:#0000FF;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
}
a.link-form:hover {
	text-decoration:underline;
}

div.informacao {
	padding:2px 5px 2px 5px;
	font-weight:normal;
	text-align:justify;
	width:auto !important;
}

.ui-datepicker {
	z-index:99 !important;
}

span.opc {
	display:block;
	font-family:arial;
	font-size:12px;
	margin:2px 0 2px 0 !important;
	padding:0 !important;
}
span.opc input {
	margin:0 !important;
	padding:0 !important;
}

img.instrucao {
	float:right;
	cursor:help;
	margin:-1px 0 0 0;
}

div.instrucao {
	display:none;
	position:absolute;	
	border:2px solid #4271AA;
	position:absolute;
	width:200px;
	background-color:#FFFFE1;
	color:#333;
	text-align:justify;
	padding:3px;
	width:auto;
	white-space:nowrap;
}
div.instrucao img {
	vertical-align:middle;
	margin:-2px 3px 0 0;
}

#span_valida_campo {
	z-index:5;
	display:none;
	position:absolute;	
	border:2px solid #9D5501;
	position:absolute;
	width:200px;
	background-color:#FFFFE1;
	color:#333;
	text-align:justify;
	padding:3px;
	width:auto;
	white-space:nowrap;
}
#span_valida_campo img {
	vertical-align:middle;
	margin:-2px 3px 0 0;
}

span.asterisco {
	font-size:12px;
	font-family:arial;
	color:red;
	margin:0 0 0 4px;
}

div.botoes {
	width:100%;
	clear:both;
	margin:0 5px 4px 5px;
	padding:0;
}

/******************************************************************************************************************************************
-- RODAPÉ
******************************************************************************************************************************************/
#div_rodape {
	z-index:0;
	position:absolute;
	bottom:0;
	color:#333;
	width:100%;
	margin:0;
	padding:0;
	border-top:2px solid #EFEFEF;
	border-bottom:2px solid #EFEFEF;
	height:24px;
}
#div_rodape div {
	margin:0 0 0 0;
	padding:5px 0 0 0;
}
#div_rodape a {color:#333;text-decoration:none;}
#div_rodape a:hover {text-decoration:underline;}

.esq, .dir {	
	float:left;	
	width:50%;
	padding:0;
	margin:0;
}
.esq label, .dir a {
	margin:0 12px 0 12px;
}
.esq {text-align:left;}
.dir {text-align:right;}
.oculto {display:none;}