@charset "utf-8";
/*
CSS Document
Autor: Marcelo Branco
Objetivo: Formatação para a janela de Login de Acesso.
*/

*{
	margin:0;
	padding:0;
	outline:nome;
	list-style:nome;
}

body{
	font:300 16px Oswald;
}

#login {
	width:300px;
	margin:0 auto;
	position:relative;
	top:50px;
	border:1px solid #f1f1f1;
	padding:15px;
}

#login label{
	display:block;
	padding-top:5px;
}

.logo{
	widht:250px;
	height:84px;
	margin:0 auto;
	padding:7px;
}

.acomodar{
	margin:0 auto;
	width:250px;
}

.txt{
	border:none;
	height:40px;
	width:250px;
	border:thin solid #f1f1f1;
}
.txt:focus{
	border:thin solid #09F;
	box-shadow:0 2px 10px #09F;
	-webkit-box-shadow:0 2px 10px #09F;
	-moz-box-shadow:0 2px 10px #09F;
}

.sb{
	display:block;
	border:none;
	width:250px;
	height:40px;
	margin-top:10px;
	cursor:pointer;
	font:400 18px Oswald;
	color:#999;
}
.sb:hover{
	background:#09F;
	color:#fff;
}

.sbBotao{
	display:nome;
	border:none;
	width:auto;
	height:25px;
	margin-top:0px;
	cursor:pointer;
	font:400 14px Oswald;
	color:#999;
}
.sbBotao:hover{
	background:#09F;
	color:#fff;
}

.message{
	margin:0 auto;
	width:100%;
	height:40px;
	display:block;
	border:none;
	margin-top:10px;
	font:400 12px Oswald;
	color:#999;
}

.msgerror{
	margin:0 auto;
	width:100%;
	height:40px;
	display:block;
	border:none;
	margin-top:10px;
	font:400 12px Oswald;
	color:#F00;
}

.informacao{
	margin:0 auto;
	width:100%;
	height:40px;
	display:block;
	border:none;
	margin-top:10px;
	font:400 12px Oswald;
	color:#999;
}

/* Classes de Heranças */
.bradius{
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
}
.fleft{
	float:left;
}
.frigth{
	float:right;
}

/* Múltiplos Estilos */
.txt,.txt:focus,.sb,.sb:hover{
	transition:all 0.5s linear;
	-webkit-transition:all 0.5s linear;
	-moz-transition:all 0.5s linear;
}

#voltar {
	width:300px;
	margin:0 auto;
	position:relative;
	top:50px;
	border:0px solid #f1f1f1;
	padding:15px;
}

#topo_fatura {
	float:left;
	width:100%;
	position:relative;
	top:0 auto;
	border:0px solid #f1f1f1;
	padding:0px;
	margin:0 auto;
}

#topoe {
	float:left;
	width:40%;
	position:relative;
	top:0 auto;
	border:0px solid #f1f1f1;
	padding:15px;
}

#topoc {
	float:center;
	width:20%;
	position:absolute;
	top:0 auto;
	border:0px solid #f1f1f1;
	padding:15px;
}

#topod {
	float:right;
	width:40%;
	position:relative;
	top:0 auto;
	border:0px solid #f1f1f1;
	padding:15px;
}

#menu {
	clear: both;
	width: 97.5%;
	position: relative;
	border: 1px solid #f1f1f1;
	padding: 15px;
}

#manutencao_janela_inicial {
	width:350px;
	height: 280px;
	margin:0 auto;
	position:relative;
	top:150px;
	border:1px solid #f1f1f1;
	padding:5px;
}

#manutencao_janela_inicial label{
	display:block;
	padding-top:5px;
}

#CollapsiblePanel1 {
	clear:both;
	width:100%;
	position:relative;
	border:0px solid #f1f1f1;
	padding:0px;
}

/* Configuração para os campos de cadastro dos módulos */

/* Campos em geral */
.txtModulos{
	border:none;
	height:25px;
	border:thin solid #868686;
	background-color:#E6E6E6;
	/* f1f1f1 */
}
.txtModulos:focus{
	border:thin solid #09F;
	box-shadow:0 2px 10px #09F;
	-webkit-box-shadow:0 2px 10px #09F;
	-moz-box-shadow:0 2px 10px #09F;
}
.bradiusModulos{
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
}
/* Múltiplos Estilos */
.txttxtModulos,.txttxtModulos:focus,.sb,.sb:hover{
	transition:all 0.5s linear;
	-webkit-transition:all 0.5s linear;
	-moz-transition:all 0.5s linear;
}

/* Campos Text Área */
.txtModulos_texto_area{
	border:none;
	height:100px;
	border:thin solid #868686;
	background-color:#E6E6E6;
	/* f1f1f1 */
}
.txtModulos_texto_area:focus{
	border:thin solid #09F;
	box-shadow:0 2px 10px #09F;
	-webkit-box-shadow:0 2px 10px #09F;
	-moz-box-shadow:0 2px 10px #09F;
}
.txtModulos_texto_area{
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
}
/* Múltiplos Estilos */
.txtModulos_texto_area,.txtModulos_texto_area:focus,.sb,.sb:hover{
	transition:all 0.5s linear;
	-webkit-transition:all 0.5s linear;
	-moz-transition:all 0.5s linear;
}

.TextoObrigatorio{
	font:300 12px Oswald;
	color:#F00;
}
.TextoObrigatorioAzul{
	font:300 12px Oswald;
	color:#00C;
}
.TextoCampos{
	font: 300 14px Oswald;
	color: #000000;
	text-align: left;
}
.TextoCamposVermelho{
	font: 300 14px Oswald;
	color: #CCC;
}
.TextoCamposImpressao{
	font:300 10px Oswald;
	color:#707;
}
.TextoCamposImpressaoBTitulo{
	font: 400 10px Oswald;
	color: #000000;
	text-align: center;
}
.TextoCamposImpressaoB{
	font:300 14px Oswald;
	color:#000000;
}
.TextoCamposImpressaoB24{
	font:300 24px Oswald;
	color:#000000;
}
.LegendaTitulo{
	font:300 14px Oswald;
	color:#707;
}
.LegendaTexto{
	font:300 12px Oswald;
	color:#707;
}

.TextoCamposImpressao11{
	font:300 11px Oswald;
	color:#707;
}
.TextoCamposImpressaoBTitulo11{
	font:400 11px Oswald;
	color:#000000;
}
.TextoCamposImpressaoB11{
	font:300 12px Oswald;
	color:#000000;
}

.TextoCamposImpressao11{
	font:300 11px Oswald;
	color:#707;
}
.TextoCamposImpressaoBTitulo12{
	font:400 12px Oswald;
	color:#000000;
}
.TextoCamposImpressaoB12{
	font:300 12px Oswald;
	color:#000000;
}

#UsuarioAtual {
	clear: both;
	width: 98%;
	position: relative;
	border: 1px solid #f1f1f1;
	padding: 15px;
}

#formAlterar {
	clear: both;
	width: 97%;
	height: 97%;
	position: relative;
	border: 1px solid #f1f1f1;
	padding: 15px;
	overflow: auto;
}

#ListaCidadesNaoPermitidas {
	clear: both;
	width: 95%;
	height: 250;
	position: relative;
	border: 1px solid #f1f1f1;
	padding: 15px;
	overflow: auto;
	float: left;
}

#ListaCidadesPermitidas {
	clear: both;
	width: 95%;
	height: 250;
	position: relative;
	border: 1px solid #f1f1f1;
	padding: 15px;
	overflow: auto;
	float: right;
}

#JanelaRegistroOS {
	clear: both;
	width: 95%;
	height: 680px;
	position: relative;
	border: 1px solid #f1f1f1;
	padding: 15px;
	/*overflow: auto;*/
	float: left;
}
#JanelaAlterarOSExecutada {
	clear: both;
	width: 95%;
	height: 100%;
	position: relative;
	border: 1px solid #f1f1f1;
	padding: 15px;
	/*overflow: auto;*/
	float: left;
}

#JanelaOSRegistradas {
	clear: both;
	width: 47%;
	height: 350px;
	position: fixed;
	border: 1px solid #f1f1f1;
	padding: 15px;
	overflow: auto;
	float: right;
}

/*
CSS DE ESTOQUE
*/
#RegistroEntrada {
	clear: both;
	width: 95%;
	height: 680px;
	position: relative;
	border: 1px solid #f1f1f1;
	padding: 15px;
	/*overflow: auto;*/
	float: left;
}

#SelecionarProdutosEntrada {
	clear: both;
	width: 47%;
	height: 370px;
	position: fixed;
	border: 1px solid #f1f1f1;
	padding: 15px;
	overflow: auto;
	float: right;
}

#ExibirDados {
	clear: both;
	width: 95%;
	position: relative;
	border: 1px solid #f1f1f1;
	padding: 25px;
	font:300 9px Oswald;
	font-size:9px;
}

/* Configuração para os campos de impressão */

.txtModulosImpressao{
	border:none;
	padding: 1px 4px 1px 4px;
	height:25px;
	border:thin solid #000000;
}
.txtModulosImpressao:focus{
	border:thin solid #09F;
	box-shadow:0 2px 10px #09F;
	-webkit-box-shadow:0 2px 10px #09F;
	-moz-box-shadow:0 2px 10px #09F;
}
.bradiusModulosImpressao{
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
}
/* Múltiplos Estilos */
.txttxtModulosImpressao,.txttxtModulosImpressao:focus,.sb,.sb:hover{
	transition:all 0.5s linear;
	-webkit-transition:all 0.5s linear;
	-moz-transition:all 0.5s linear;
}

/*
CSS DE BAIXA DE ORDEM DE SERVIÇOS
*/
#DadosBaixa {
	clear: both;
	width: 95%;
	height: 380px;
	position: relative;
	border: 1px solid #f1f1f1;
	padding: 15px;
	/*overflow: auto;*/
	float: left;
}

#DadosBaixa3 {
	clear: both;
	width: 95%;
	min-height: 380px;
	max-height: auto;
	position: relative;
	border: 1px solid #f1f1f1;
	padding: 15px;
	/*overflow: auto;*/
	float: left;
}

#DadosBaixa4 {
	clear: both;
	width: 95%;
	min-height: 380px;
	max-height: auto;
	position: relative;
	border: 1px solid #f1f1f1;
	padding: 15px;
	/*overflow: auto;*/
	float: left;
}
#RegistroAplicacao {
	clear: both;
	width: 95%;
	height: 380px;
	position: relative;
	border: 1px solid #f1f1f1;
	padding: 15px;
	float: right;
}
#RegistroAplicacaoAlterarOSExecutada {
	clear: both;
	width: 95%;
	height: 100%;
	position: relative;
	border: 1px solid #f1f1f1;
	padding: 15px;
	float: right;
}
.TextoCamposBaixa{
	font:300 12px Oswald;
	color:#707;
}
.TextoCamposBaixaBTitulo{
	font: 400 10px Oswald;
	color: #000000;
	font-family: Oswald;
}
.TextoCamposBaixaB{
	font:300 14px Oswald;
	color:#000000;
}

.TabelaSimples{
	border: 1px solid #f1f1f1;
	font:300 9px Oswald;
	font-size:9px;
}

/* PARA O RELATÓRIO DE GESTÃO ENERGÉTICA MUNICIPAL */

.impressao_titulo_400x14_bold{
	font:400 14px Oswald;
	color:#000000;
	font-weight: bold;
}
.impressao_titulo_400x14_normal{
	font:400 14px Oswald;
	color:#000000;
}
.impressao_titulo_400x12{
	font:400 12px Oswald;
	color:#000000;
}
.impressao_titulo_200x12{
	font:200 12px Oswald;
	color:#000000;
}
.impressao_titulo_300x12_bold{
	font:300 12px Oswald;
	color:#000000;
	font-weight: bold;
}
.impressao_titulo_300x12_normal{
	font:300 12px Oswald;
	color:#000000;
}