body
{
	height: 100%;
	margin: 0px;
	text-align: center;
	font-size: 11px;
	font-family: Arial, Verdana;
	color: #333;
	background-color: #FFF;
}

a
{
	color: #666;
	text-decoration: none;
}

select, input, .textoInput 
{
	font-size: 14px !important;
	font-family: Arial, Verdana !important;
	padding: 5px !important;
	margin: 5px !important;
}

img{
	border:0px;
}

#lente
{
	position: fixed;
	_position: absolute;
	opacity:0.80;
	-moz-opacity: 0.80;
	filter: alpha(opacity=80);
	background-color: #666;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	border: 1px solid #c0c0c0;
	display: none;
	z-index: 5;
}

iframe
{
	_display: none;
	_position: absolute;
}

#lembrete
{
	margin-left: -150px;
	margin-top: -25px;
	top: 5%;
	left: 90%;
	position: absolute;
	border: 1px solid #FF8080;
	background-color: #FCDBD1;
	width: 200px;
	height: 150px;
	_height: 50px;
	font-size: 15px;
	padding: 10px;
	cursor: pointer;
	display: table;
	
}

#pendente
{
	margin-left: 10px;
	color: #ff0000;
	display: inline;
}

#janela
{
	position: fixed;
	_position: absolute;
	width: 80%;
	height: 80%;
	background-color: #fff;
	overflow-y: scroll;
	overflow-x: none;
	display: none;
	top: 10%;
	left: 50%;
	margin: 0px 0px 0px -40%;
	z-index: 10;

}

#janela_nova_senha
{
	position: absolute;
	margin-left: -200px;
	margin-top: 0px;
	top: 35%;
	left: 50%;
	width: 400px;
	height: 300px;
	border: 1px solid #c0c0c0;
	overflow: auto;
	background: url('../images/fundo_int.jpg') repeat-x bottom #FFF;
	_top: 30%;
	
	display: none;
}

#janela_nova_senha_botao
{
	float: right;
	margin: 5px;
	cursor: pointer;
}

#nova_senha
{
	background: url('../images/fundo_int.jpg') repeat-x top #fff;
	_background-position: 0px -20px;
	display: table;
	padding: 10px;
}


#janela_x
{
	position: absolute;
	margin-left: -350px;
	margin-top: -150px;
	top: 25%;
	left: 50%;
	width: 700px;
	height: 80%; 
	background-color: #fff;
	overflow: auto;
	
	_top: 30%;
	
	display: none;
}

#x
{
	position: absolute;
	right: 10px;
	top: 5px;
	cursor: pointer;
}

#icone
{

}

#iframe { 
	position: absolute;
	margin-left: -350px;
	margin-top: -150px;
	top: 30%;
	left: 50%;
	width: 700px;
	height: 80%; 
	z-index: 0; 
	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0); 
	opacity: 0;
	
	display: none;
}

#aviso
{	
	z-index: 10000;	
	border: 1px solid #c0c0c0;
	background-color: #FFFED5;
	width: 300px;
	height: 150px;
	_height: 50px;
	font-size: 15px;
	padding: 10px;
	cursor: pointer;
	display: none;	
	top: 50%;
	left: 50%;
	margin: -75px 0px 0px -150px;	
	position: absolute;
}

#aviso p
{
	margin:3px;
}

/*
#interface
{
	position: relative;
	background: url('../images/fundo_int.jpg') repeat-x fixed top #FFF;
	margin: 5px;
	margin-left: 160px;
	border: 1px solid #c0c0c0;
}
*/

#interface
{
	position: absolute;	
	margin: 0px 0px 80px 0px;
	background-color: #fff;	
	left: 184px;
	top: 0px;
	right: 0px;
	z-index: 1;
	border-left: 1px solid #fff;
}
#interfaceGeral
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	background: url('../images/fundo_int.jpg') repeat-x fixed top #FFF;	
	z-index: 0; 
}

#janela_interface
{
	position: relative;
	background: url('../images/fundo_int.jpg') repeat-x fixed top #FFF;
	margin: 5px;
	border: 1px solid #c0c0c0;
}


.botaoSubmit {
	display: table;
	position: fixed;
	bottom: 5px;
	right: 5px;
	height: 60px;
	background-color: #818181; 
	border: 1px solid #f1f1f1;
	text-align: center;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 5px;
	opacity:0.80;
	-moz-opacity: 0.80;
	filter: alpha(opacity=80);
	cursor:move;
	z-index: 100;

	_margin: 10px 0px 0px 5px;
	_width: 50%;
}

.botaoSubmit img

{
	margin: 5px !important;
	padding: 5px !important;
	cursor:pointer;
}

.botaoSubmitJanela {
	bottom: 12% !important;
	right: 11% !important;
}

#botaoSubmit input
{
	cursor:pointer;
}

#botao_lista
{
	margin: auto;
	margin-top: -20px;
	cursor: pointer;
}

#botaoSubmit img
{
	margin: 5px !important;
	padding: 5px !important;
	cursor:pointer;
}

#info
{

	margin-bottom: 8px;
	width: 100%;
	_width: 100%;
	_margin: 10px;
	background-color: #FFF;
	display: table;
}
#infoJanela
{
	margin: 10px 5px 10px 15px;
	width: 98%;
	_width: 100%;
	_margin: 10px;
	border: 1px solid #c0c0c0;
	background-color: #FFF;
	display: table;
	padding: 5px;
}

#lista
{
	width: 100%;
	font-size: 12px;
}

#lista th
{
	background-color: #E4E4E4;
	padding: 5px;
	cursor: pointer;
}

#lista .marca, #info_topo .marca
{
	background-color: #F9F9F9 !important;
}

#lista .over
{
	background-color: #E0ECF3;
}

#lista .ordem
{
	background-color: #E0ECF3;
	color: #477BA3;
}

#lista .alerta
{
	background-color: #FCDBD1;
	border: 1px solid #FF8080;
	font-family: Arial, Verdana;
}


#lista img
{
	margin: 2px;
}


#lista_p
{
	width: 100%;
	font-size: 12px;
	_margin: 10px 0 0 10px;
}

.celPreco
{
	float: right;
}

.celInfo
{
	float: left;
}

#lista_p hr
{
	border: 1px solid #eee;

	clear: both;
}

#lista_p_titulo  /*sem checkbox*/
{
	float:left;
	width: 200px;
	line-height: 30px;
        margin-left: 10px;
}

#lista_p_titulo2 /*com checkbox*/
{
	float:left;
	width: 200px;
	margin-top:5px;
	margin: 5 0 0 10px;
}


/* Baixa de despesas --------------------------------------------------------------- */

.data_baixa
{
	float: right;
	width: 180px;
}

.data_baixa img
{
	margin-bottom: -5px !important;
	cursor: pointer;
}





#paginacao
{
	
	float:right;
	margin: 5px 0 5px 0;
	background-color: #fff;
	border: 1px solid #c0c0c0;
	padding: 0px;
	cursor: pointer;

	_position: relative;
	_margin: 15px 0 0 0;
	_padding: 1px;
}

#paginacao_header
{
	background-color: #477BA3;
	color: #fff;
	padding: 3px 15px 3px 15px !important;
	cursor: default;
	
}

#paginacao div
{
	padding: 3px;
	float: left;
	text-align: center;
	
	_position: relative;
}

#paginacao img
{
	margin: 3px 0 0 0;
}

#paginacao #selec
{
	background-color: #477BA3;
	color: #fff;
	padding: 3px;
}

#interface_titulo
{
	background-color: #87A512;
	color: #fff;
	padding: 5px;
	font-size: 15px;
	text-align: left;
}

#menu img
{
	position: relative;
	float: right;
	margin: 5px 5px 0px 0px;
	cursor: pointer;
}


#menu
{
	position: fixed;
	width: 180px;
	background: url('../images/fundo.jpg') repeat-x fixed bottom #FFF;
	left: 0px;
	top: 0px;
	font-size: 14px;
	float: left;
	border-right: 1px solid #CCC;
}

#titulo
{
	background-color: #323843;
	color: #fff;
	padding: 5px;
	font-size: 15px;
	text-align: left;
}

#titulo2
{
	background-color: #477BA3;
	color: #fff;
	padding: 5px;
	font-size: 12px;
	text-align: left;
}

#titulo2 a
{
	color: #fff;
}


#subtitulo
{
	background-color: #556071;
	color: #fff;
	padding: 5px;
	font-size: 14px;
	text-align: left;
	height: 20px;
	clear: both;
	border-bottom: 1px solid #434B58;
}

#subtitulo2
{
	background-color: #609CB9;
	color: #fff;
	padding: 5px;
	font-size: 12px;
	text-align: left;
	border-bottom: 1px solid #3A6C85;
}

#subtitulo2 img
{
	margin: -2px 0px 0px 0px;
	_margin: -25px 0px 0px 0px;
}


.submenu
{
	background-color: #DADADA;
	text-align: left;
	cursor: pointer;
	padding: 3px;
	font-size: 14px;
	height: 20px;
	float: left;
	width: 174px;
	_width: 180px;
	border-bottom: 1px solid #C1C1C1;
}

.submenu_lista
{
	background-color: #EFEFEF;
	font-size: 14px;
	width: 180px;
	float: left;
}

.menuItem {
	padding: 4px;
	text-align: right;
	float: left;
	width: 172px;
	_width: 174px;	
}

.botao
{
	cursor:pointer;
}

#path
{
	background-color: #f1f1f1;
	border-bottom: 1px solid #ccc;
	color: #666;
	padding: 5px;
	font-size: 12px;
	text-align: left;
	display: none;	
}

#path span
{
	color: #477BA3;
}

#tooltip
{
	position: absolute;
	background-color: #CBE89F;
}

#menu p
{
	margin: 4px;
	text-align: right;
}

#menu a
{
	text-decoration: none;
	color: #333;
}

#menu a:hover
{
	color: #999;
}

#login
{
	width: 300px;
	height: 200px;
	border: 1px solid #c0c0c0;
	top: 50%;
	left: 50%;
	position: absolute;
	margin: -100px 0px 0px -150px;
	padding: 0px 0px 20px 0px;
	background: url('../images/fundo_int.jpg') repeat-x bottom #FFF;
	background-position: 0px 10px;
}

#login_titulo
{
	background-color: #004D93;
	color: #fff;
	padding: 5px;
}

#login table
{
	font-size: 11px;
	margin: auto;
	margin-top:40px;
	
}

#login span
{
	float: right;
	margin-right: 10px;
}

#load
{
	width: 80%;
	height: 25px;
	position: fixed;
	background-color: #fff;
	z-index: 1000;
	top:0px;
	left: 0px;
	text-align:center;
	font-size: 18px;
	padding: 10px 10% 10px 10%;
	opacity:0.80;
	-moz-opacity: 0.80;
	filter: alpha(opacity=80);

	display:none;

}


#mainHeader {
	background-color: #3C6788;
	width: 100%;
	height: 45px;
	z-index: 3;
	position: fixed;
	left: 0px;
	top: 0px;
	border-bottom: 1px solid #fff;
	opacity:0.60;
	-moz-opacity: 0.60;
	filter: alpha(opacity=60);
}

#mainHeaderInfo {
	color: #fff;
	font-size: 12px;
	text-align: left;
	float: right;
	width: 100%;
	
}

.seleciona
{
	overflow:auto;
	display:none;
	position:absolute;
	width:500px; 
	height:100px;
	background-color: #fff;
	border: 1px solid #c0c0c0;
	
}

#lista textarea
{
	scroll:none;
	overflow:hidden;
	height: 20px;
}

fieldset
{
	margin: 15px;
	_margin: 0px;
	padding: 10px;
	_padding: 0px;
	_height: 30px;
	border: 1px solid #C9C9C9;
	_padding-bottom: 10px;
}

.fs_pagamento
{
	margin: 5px;
	padding: 0px;
	_height: 30px;
	border: 1px solid #C9C9C9;
	_padding-bottom: 10px;
}

legend
{
	margin: 0 0 0 20px;
	_margin: 10px;
	color: #0066CC;

}

fieldset p
{
	margin: 10px;
}

#f_header
{
	background-color:#D6D6D6;
	color: #666;
	padding: 10px;
	margin-bottom: 2px;
	cursor: pointer;
	text-align: left;
	clear: both;
}

#f_header2
{
	background-color:#E0ECF3;
	color: #477BA3;
	padding: 10px;
	margin-bottom: 1px;
	cursor: pointer;
	text-align: left;
}

#f_header3
{
	background-color:#DDF2FF;
	color: #005A91;
	padding: 10px;
	border-bottom: 1px solid #9FDBFF;
	cursor: pointer;
}

#f_nav
{
	padding: 3px;
	background-color: #f2f2f2;
	padding-bottom: 10px;
}

#f_nav2 /* remover */
{
	padding: 3px;
	background-color: #FDE3E1;
	padding-bottom: 10px;
	font-family: Arial, Verdana !important;
	font-size: 12px !important;
}

#f_nav2 a
{
	color: #AF0303;
}

#f_nav img, #f_nav2 img, #f_nav3 img
{
	margin-bottom: -6px;
	margin-right: 5px;
	border: none;
}

#add_parcela
{
	width: 100%;
	clear: both;
}

#add_parcela img
{
	cursor: pointer;
	margin-right: 10px;
}

#dropdown_seta img
{
	margin-left: -5px;
	margin-bottom: -4px;
}

.dropdown
{
	width: 350px !important;
	height: 35px !important;
	padding: 5px;
	margin: 5px;
	font-family: Trebuchet MS;
	font-size: 15px;
}
.dropdownAlerta
{
	width: 350px !important;
	height: 35px !important;
	padding: 5px;
	margin: 5px;
	font-family: Trebuchet MS;

	background-color: #FCDBD1 !important;
	border: 1px solid #FF8080 !important;
}

.textareaAlerta
{
	width: 360px !important;
	height: 150px !important;	
	background-color: #FCDBD1 !important;
	border: 1px solid #FF8080 !important;
}
.textarea
{
	height: 100px !important;
	width: 250px !important;
	overflow: auto !important;
}

.png {
	border: none !important;
	filter:expression(
		this.test
			? "" :
			(
				this.src.substr(this.src.length-4)==".png"
				?
				(
					(!this.complete)
					? "" :
						this.runtimeStyle.filter=
						("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+this.src+"')")+
						(this.onbeforeprint="this.runtimeStyle.filter='';this.src='"+this.src+"'").substr(0,0)+
						String(this.test=true).substr(0,0)+
						(this.src="images/blank.png").substr(0,0)
				)
				:
				this.runtimeStyle.filter=""
			)
		);
}

/* Relatório ------------------------------------------------------------------------------------------------------------------------------------------------ */

#ordem_cabecalho
{
	background-color: #fff;
}

#relatorio
{
	width: 100%;
}

@media print
{
	
	#relatorio td, body
	{
		font-size: 11px;
	}
	
	#relatorio #topo
	{
		padding-top: 10px;
	}
	
	#relatorio #topo3
	{
		padding-top: 10px;
	}
	
	#relatorio #topo2
	{
		font-size: 18px !important;
		border-bottom: 1px solid #666;
		margin-bottom: 10px;
	}
	
	#relatorio #titulo
	{
		font-weight: bold;
		
	}
	
	#ordem_cabecalho td
	{
		border-color: #fff !important;
	}
	
	#imprimir
	{
		display: none;
	}
	
	#info_topo td
	{
		border: 0px;
	}
	
	#subtotal, #subtotal2, #total, #saldo_medir
	{
		border-color: #fff !important;
	}


}

#relatorio hr
{
	margin: 30px, 0px, 30px, 0px;
}

#relatorio #topo
{
	width: 100%;
	background-color: #000;
	color: #fff;
	font-size: 16px;
}

#relatorio table
{
	width: 100%;
	font-size: 11px !important;
	border-collapse: collapse;
}

#relatorio #subtable td
{
	border: 0px;
}

#relatorio th
{
	background-color: #000;
	color: #fff;
}

#relatorio td
{
	margin: 0px;
	border: 1px solid #e0e0e0;
}

#relatorio #titulo
{
	background-color: #e0e0e0;
	color: #666 !important;
	font-size: 11px !important;
}

#relatorio #label
{
	background-color: #f0f0f0;
	color: #666 !important;
	font-size: 11px !important;
	text-align: left;
}

#relatorio #campo
{
	background-color: #fff;
	color: #666 !important;
	font-size: 11px !important;
	padding-left: 10px;
}

#relatorio #topo2
{
	width: 100%;
	background-color: #777;
	color: #fff;
	font-size: 13px;
	text-align: left;
	
	_padding-left: 5px;
}

#relatorio #topo3
{
	width: 100%;
	background-color: #AAA;
	color: #fff;
	font-size: 13px;
	text-align: left;
	
	_padding-left: 5px;
}


#rel_cabecalho
{
	background-color: #fff;
}

h1
{
	font-size: 18px;
	text-align: center;
}

#ordem_rodape
{
	height: 100px;
	margin-top: 10px;
}

#ordem_rodape td
{
	vertical-align: top;
}



#subtotal
{
	text-align: right;
	background-color: #FFFFD7;
	padding: 5px;
}

#subtotal2
{
	text-align: right;
	background-color: #FFFF97;
	padding: 5px;
}

#total
{
	font-size: 14px;
	color: #fff;
	background-color: #DF9C00;
	padding: 5px;
}

h2
{
	font-size: 15px;
	text-align: center;
}


.quebrapagina {
   page-break-before: always;
}

#imprimir
{
	cursor: pointer;
}



#info_topo
{
	vertical-align: top;
}

#info_topo td
{
	border:0px;
}

#saldo_medir
{
	font-size: 14px;
	color: #fff;
	background-color: #91C8FF;
	padding: 5px;
}

#topo_medicao td
{
	border:0px;
	_padding-left: 5px;
}



.C
{
	color: blue;
}

.D
{
	color: red;
}



#desconto
{
	background-color: #E1F4FF;
}

#high1
{
	background-color: #DCFCBE;
}

#high2
{
	background-color: #FBEC97;
}

#high3
{
	background-color: #7EB009;
	padding: 4px;
	color: #fff;
}
#high4
{
	background-color: #777;
	padding: 4px;
	color: #fff;
}

.tituloGrande{
	font-size: 18px;
	font-weight: bold;
}
.exemplo{
	color:#666;
	font-size:11px;
}
.button	{
	background: #F1F1F1;
	border: 1px solid #CCC;
	font-size: 12px;
	padding: 1px;
	margin: 0 0 0 5px;
}
.topicos	{
	float: left;
	width: auto;
	border: 1px solid #CCC; 
	background: #F1F1F1; 
	padding: 5px; 
	margin: 1px;
}





/*---------------------------------------------------------------*/
#lista2
{
	width: 100%;
	font-size: 12px;
}
#lista2 .zebra
{
	background-color: #D7E2EA;
	padding: 5px;
}
#lista .alerta2
{
	background-color: #FCDBD1;
	border: 1px solid #FF8080;
	font-family: Arial, Verdana;
}