html, body {
	margin:0;
	padding:0;
}
... /* mais regras CSS reset */

/* regra para o box-sizing */
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
/* regra para o clear float */
.cf:before, .cf:after {
	content: " ";
	display: table;
}

.cf:after {
	clear: both;
}

.cf {
	zoom: 1;
}

body {
	background: #FFF;
	font-family: 'Cuprum', Helvetica, Arial, sans-serif;
	font-size: 11px;
	overflow-x: hidden;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	width: 100%;
}

	@media print {    
	    .no-print, .no-print * {
	        display: none !important;
	    }
	}

	input, select, textarea, button {
		background: #FFF;
		border: 1px solid #CCC;
		font-family: 'Cuprum', Helvetica, Arial, sans-serif;
		color: #666;
		font-size: 14px;
		outline: none;
		padding: 10px;
	}
	
		button {
			cursor: pointer;
		}
		
			button:Hover {
				background: #FAFAFA;
			}
	
	input[name="data_inicio"], input[name="data_fim"], input[name="data_inicio_excel"], input[name="data_fim_excel"], input[name="mes_ano_inicio"], input[name="mes_ano_fim"], input[name="ano"], input[name="tempo_atualizacao"], input[name="data_status"] {
		padding: 5px;
		text-align: center;
		width: 100px !important;
	}
	
	input[name="dados"] {
		width: 200px;
	}
	
	input[name="busca"] {
		width: 550px;
	}
		
	input[type=radio], input[type=checkbox] {
		width: 15px !important;
	}
	
	.TextAreaDREListarRegistroAnomalia {
		height: 100px;
		width: 590px;
	}
	
	.TextAreaControleEmissorListarRegistroAnomalia, .TextAreaRelatorioConferenciaRegistroAnomalia {
		height: 100px;
		width: 600px;
	}
	
	.TextAreaSolicitarReembolso {
		height: 100px;
		width: 500px;
	}
	
	.TextVoucherEletronico {
		min-height: 200px;
		width: 878px;
	}
	
	.TextAreaGestaoContrato {
		height: 200px;
		width: 500px;
	}
	
	.InputDREListarRegistroAnomalia, .InputControleEmissorListarRegistroAnomalia {
		width: 600px;
	}
	
	::-webkit-input-placeholder {
	   color: #004467;
	}
	
	:-moz-placeholder {
	   color: #004467;
	}
	
	.SelectMultiple {
		height: 300px;
		width: 500px;
	}
	
	.SelectMultipleUsuarioEmissor {
		height: 500px;
		width: 500px;
	}
	
	.SelectMultipleSTURTotaisGraficoTipoCliente, .SelectMultiplePequeno {
		height: 150px;
		width: 500px;
	}
	
	.SelectMultipleMini {
		height: 100px;
		width: 600px;
	}
	
	hr {
		margin: 0;
		padding: 0;
	}
	
	h1, h4 {
		background: #004467;
		color: #FFF;
		display: inline-block;
		font-size: 20px;
		font-weight: normal;
		margin: 20px 0 5px 0;
		padding: 5px;
	}
	
	h2 {
		color: #004467;
		display: inline-block;
		font-size: 20px;
		font-weight: normal;
		margin: 20px 0 5px 0;
		padding: 5px;
		text-decoration: underline;
	}
	
	h4 {
		background: #555;
		font-size: 14px !important;
	}
	
	label {
		cursor: pointer;
	}
	
	a {
		color: #000;
		text-decoration: none;
	}
	
		a:Hover {
			color: #004467;
			text-decoration: underline;
		}

	header {
		background: #004467;
		color: #FFF;
		height: 37px;
		padding: 20px 0 0 0;
		text-align: left;
	}
	
	#DIVFundoLightbox {
		background: #001C24;
		display: none;
		filter: alpha(opacity=90);
		height: 100%;
		left: 0;
		opacity: 0.9;
		position: fixed;
		top: 0;
		z-index: 998;
		width: 100%;
	}
	
	.DIVJanelaLightBox {
		background: #F4F4F4;
		border-radius: 10px;
		display: none;
		left: 50%;
		margin: 0 0 0 -47%;
		padding: 10px 0 10px 0;
		position: absolute;
		text-align: center;
		top: 5%;
		z-index: 999;
		width: 95%;
	}
	
	.DIVJanelaLightBoxCentro {
		background: #F4F4F4;
		border-radius: 10px;
		display: none;
		left: 50%;
		margin: 0 0 0 -250px;
		padding: 10px 0 10px 0;
		position: absolute;
		text-align: center;
		top: 30%;
		z-index: 999;
		width: 500px;
	}
	
		.DIVJanelaLightBox h1, .DIVJanelaLightBoxCentro h1 {
			background: none !important;
			color: #930000 !important;
			display: inline-block;
			border-bottom: 2px solid;
			font-weight: normal;
			margin: 0 0 0 0;
		}
		
		.DIVJanelaLightBox table th {
			font-size: 16px;
			font-weight: bold;
		}
		
			.DIVJanelaLightBox table td input {
				padding: 5px;
			}
		
			.DIVJanelaLightBox table td a {
				color: #003A67;
				text-decoration: none;
			}
			
				.DIVJanelaLightBox table td a:Hover {
					color: #000;
					text-decoration: underline;
				}
	
	#MenuLateral {
		padding: 0 50px 0 0;
		-moz-transition: all 0.5s ease;
		-webkit-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
		font-size: 1.2em;
		background: /*url('../imagens/estrutura/logo.png')*/ left top no-repeat #004467;
		background-position: 30px 30px;
		height: 100%;
		overflow:hidden !important;
		width: 260px; 
		position: fixed;
		top: 0;
		left: -250px;
		display: none;
		overflow-y: auto !important;
		z-index: 997;
	}
	
		#MenuLateral:before {
			z-index: 1000;
			content: url('../imagens/estrutura/icone_home.png');
			font-size: 4em;
			color: white;
			position: fixed;
			left: 13px;
			top: 85px;
		}
		
		#MenuLateral:hover:before, #MenuLateral:focus:before {
			left: -500px;
		}
		
		#MenuLateral:hover, #MenuLateral:focus,  #MenuLateral:active  {
			overflow-y: scroll;
			-moz-transform: translate(250px, 0);
			-webkit-transform: translate(250px, 0);
			-o-transform: translate(250px, 0);
			transform: translate(250px, 0);
			padding-right: 0;
		}
		
		#MenuLateral .Box {
			list-style-type: none;
			margin: 0 0 1em 0;
			padding: 0 0 1em 0;
		}
		
		#MenuLateral h3 {
			display: inline-block;
			font-weight: bold;
			font-size: 1.6em;
			font-style: normal;
			padding-bottom: 0.2em;
			margin: 2em 0 3em 0.81em;
			color: rgb(255,255,255);
		}
		
		#Menu {
			font-style: italic;
			position: relative;
			font-size: 1.0em;
			margin: 1em 0 1em 0;
			padding: 0;
		}
		
		#Menu li {
			list-style: none;
			padding: 0;
			margin: 0;
			text-align: left;
		}
			
			#Menu ul li:first-child {
				background: url('../imagens/estrutura/icone_home.png') left no-repeat;
				background-position-x: 5px;
			}
		
			#Menu li a, #Menu li a:link {
				font-size: 1.2em;
				color: rgb(255,255,255);
				text-decoration: none;
				padding: 0.8em 0 0.8em 3em;
				display: block;
				-moz-transition: all 1.2s ease;
				-webkit-transition: all 1.2s ease;
				-o-transition: all 1.2s ease;
				transition: all 1.2s ease;
			}
			
			#Menu li a:hover {
				color: #FFF;
				background-color: rgba(255,255,255,0.1);
				-moz-transition: all 0.5s ease;
				-webkit-transition: all 0.5s ease;
				-o-transition: all 0.5s ease;
				transition: all 0.5s ease;
			}
	
	section {
		display: inline-block;
		padding: 10px 0 0 0;
		text-align: center;
		z-index: -999;
		width: 100%;
	}
	
		.GravarOK {
			color: #295900;
			font-size: 11px;
			font-weight: bold;
			text-decoration: underline;
		}
		
		.OpacityDesabilitar {
			opacity: 0.3;
			filter: alpha(opacity=30); /* For IE8 and earlier */
		}
	
		table {
			font-size: 14px;
		}
		
			table img {
				cursor: pointer;
			}
			
			table th input {
				width: 500px;
			}
			
		.TROnclick:Hover {
			cursor: pointer;
			background: #EEE;
			
			-webkit-transition: background 0.3s;
			transition: background 0.3s;
		}
		
		.TRHover:Hover {
			background: #CDCDCD;
			
			-webkit-transition: background 0.3s;
			transition: background 0.3s;
		}
		
		.TDAba {
			background: #CCC;
			border: 1px solid #CCC;
			border-radius: 10px;
			cursor: pointer;
			font-size: 16px;
		}
		
		.TDAbaAtiva {
			background: #EDEDED;
			border: 1px solid #004467;
			border-radius: 10px;
			color: #004467;
			cursor: pointer;
			font-size: 16px;
		}
		
			.TDAba:Hover {
				background: #EDEDED;
				border: 1px solid #004467;
			}
			
		.DIVAbaConteudo {
			background: #EDEDED;
			border-radius: 5px;
			display: none;
			width: 100%;
		}
	
		/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
		/* LOGIN */
		
		#DIVLogin {
			border: 1px solid #004467;
			display: inline-block;
			font-size: 11px;
			margin: 100px 0 10px 0;
			padding: 30px 0 30px 0;
			width: 350px;
		}
		
			#DIVLogin h1 {
				background: none !important;
				color: #004467 !important;
				font-size: 16px !important;
				font-weight: normal !important;
				margin: 0 0 10px 0 !important;
				padding: 0 !important;
			}
		
			#DIVLogin ul {
				display: inline-block;
				list-style: none;
				margin: 0;
				padding: 0;
				width: 350px;
			}
			
				#DIVLogin ul li {
					margin: 0 0 20px 0;
					padding: 0;
				}
				
					#DIVLogin ul li input {
						width: 300px;
					}
					
					#DIVLogin ul li button {
						background: #004467;
						border: 1px solid #004467;
						color: #FFF;
						cursor: pointer;
						width: 320px;
					}
		
		/* LOGIN */
		/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
		
		.BTBox, .BTBoxLaranja {
			color: #004467;
			font-size: 18px;
			margin: 10px 10px 0 0;
			padding: 20px;
			width: 200px;
			
			box-shadow: 3px 3px 5px #CCC;
			-webkit-box-shadow: 3px 3px 5px #CCC;
			-moz-box-shadow: 3px 3px 5px #CCC;
			
			-webkit-transition: background 1s, width 0.3s;
			transition: background 1s, width 0.3s;
		}
		
		.BTBoxLaranja {
			border: 1px solid orange;
			color: orange;
			
			box-shadow: 3px 3px 5px #FFD890;
			-webkit-box-shadow: 3px 3px 5px #FFD890;
			-moz-box-shadow: 3px 3px 5px #FFD890;
		}
		
			.BTBox:Hover {
				background: #ECECEC;
				width: 210px;
			}
			
			.BTBoxLaranja:Hover {
				background: orange;
				color: #FFF;
				width: 210px;
			}
			
			.BTBox:Active, .BTBoxLaranja:Active {
				box-shadow: 0;
				-webkit-box-shadow: none;
				-moz-box-shadow: 0;
			}
		
		#DIVResumoResultado {
			display: inline-block;
			padding: 5px 0 5px 0;
			width: 90%;
		}
		
			#DIVResumoResultado ul {
				display: inline-block;
				list-style: none;
				margin: 0;
				padding: 0;
			}
			
				#DIVResumoResultado ul li {
					background: #EDEDED;
					border: 1px solid #EDEDED;
					cursor: pointer;
					float: left;
					margin: 0 10px 0 0;
					padding: 5px;
				}
				
					#DIVResumoResultado ul li:Hover {
						border: 1px solid #666;
					}
					
					#DIVResumoResultado ul li:nth-child(1),
					#DIVResumoResultado ul li:nth-child(2),
					#DIVResumoResultado ul li:nth-child(3) {
						background: #CCC;
					}
			
		#DIVCaixaBusca, #DIVCaixaImportacao {
			border-bottom: 2px solid #CCC;
			color: #666;
			display: inline-block;
			margin: -10px 0 10px 0;
			padding: 0 0 20px 0;
			width: 70%;
		}
		
			.DIVStyleSelect {
				background: #EDEDED;
				height: 29px;
				overflow: hidden;
				width: 400px;
			}
			
				.DIVStyleSelect select {
					background: transparent;
					border: none;
					color: #000;
					font-size: 14px;
					height: 29px;
					padding: 5px; /* Para IE */
					width: 415px;
				}
		
		#DIVCaixaLista {
			display: inline-block;
			width: 90%;
		}
		
		#DIVFechamentos {
			display: inline-block;
			width: 90%;
		}
		
		/* Vnedas */
		/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
		
		#DIVVendasMenuFlutuante {
			display: inline-block;
			position: fixed;
			right: 1%;
			top: 7%;
		}
		
			#DIVVendasMenuFlutuante ul {
				display: inline-block;
				list-style: none;
				width: 30px;
			}
		
				#DIVVendasMenuFlutuante ul li:first-child {
					background: url('../imagens/estrutura/icone_topo.png') top no-repeat;
					cursor: pointer;
					height: 30px;
					width: 30px;
				}
				
				#DIVVendasMenuFlutuante ul li:last-child {
					background: url('../imagens/estrutura/icone_excluir.png') top no-repeat;
					cursor: pointer;
					height: 20px;
					margin: 10px 0 0 5px;
					width: 20px;
				}

		
		/* GRÁFICOS */
		/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
		
		.DIVGraficosGrande {
			border: 1px solid #CCC;
			min-height: 300px;
			padding: 20px;
			min-width: 900px;
		}
		
		#DIVIconeShare {
			display: inline-block;
			position: fixed;
			right: 1%;
			top: 5%;
		}
		
			#DIVIconeShare ul {
				display: inline-block;
				list-style: none;
				width: 30px;
			}
		
				#DIVIconeShare ul li:first-child {
					background: url('../imagens/estrutura/icone_share.png') top no-repeat;
					background-position: 0 -30px;
					cursor: pointer;
					height: 30px;
					width: 30px;
				}
				
					#DIVIconeShare ul li:first-child:Hover {
						background-position: 0 0;
					}
					
				#DIVIconeShare ul li:nth-child(2) {
					background: url('../imagens/estrutura/icone_ok.png') top no-repeat;
					cursor: pointer;
					display: none;
					height: 20px;
					margin: 5px 0 5px 5px;
					width: 20px;
				}
				
				#DIVIconeShare ul li:last-child {
					background: url('../imagens/estrutura/icone_excluir.png') top no-repeat;
					cursor: pointer;
					display: none;
					height: 20px;
					margin: 0 0 0 5px;
					width: 20px;
				}
				
		#DIVConfiguracoesCompartilhamento {
			display: none;
		}
			
		.TRCompartilharGraficosObservacoes {
			display: none;
		}
		
		/* D.R.E */
		/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
		
		#DIVDREMenuFlutuante {
			display: inline-block;
			position: fixed;
			right: 1%;
			top: 7%;
		}
		
			#DIVDREMenuFlutuante ul {
				display: inline-block;
				list-style: none;
				width: 30px;
			}
		
				#DIVDREMenuFlutuante ul li:first-child {
					background: url('../imagens/estrutura/icone_dre_relatorio_fechamento.png') top no-repeat;
					background-position: 0 -30px;
					cursor: pointer;
					height: 30px;
					width: 30px;
				}
				
					#DIVDREMenuFlutuante ul li:first-child:Hover {
						background-position: 0 0;
					}
		
		/* CONTROLE VOUCHERS */
		/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
		
		#DIVVoucherFornecedor {
			border: 1px dotted #000;
			display: inline-block;
			font-size: 16px;
			padding: 10px;
			page-break-before: always;
			text-align: center;
			width: 980px;
		}
		
			#DIVVoucherFornecedor div {
				padding: 10px;
			}
		
			#DIVVoucherFornecedor div:nth-child(1) {
				background: #F4F4F4;
				display: inline-block;
				margin: 0 0 10px 0;
				text-align: left;
				width: 900px;
			}
			
				#DIVVoucherFornecedor div:nth-child(1) p {
					display: inline-block;
					text-align: left;
					width: 90%;
				}
			
			#DIVVoucherFornecedor div:nth-child(2) {
				background: #EDEDED;
				display: inline-block;
				margin: 0 0 10px 0;
				text-align: left;
				width: 900px;
			}
			
			#DIVVoucherFornecedor div:nth-child(3) {
				background: #EDEDED;
				display: inline-block;
				float: left;
				margin: 0 0 0 30px;
				text-align: left;
				width: 700px;
			}
			
			#DIVVoucherFornecedor div:nth-child(4) {
				background: #EDEDED;
				display: inline-block;
				float: left;
				text-align: left;
				width: 180px;
			}
			
			#DIVVoucherFornecedor div:nth-child(5) {
				display: inline-block;
				margin: 10px 0 0 0;
				text-align: left;
				width: 900px;
			}
			
			#DIVVoucherFornecedor div:last-child {
				background: #CCC;
				display: inline-block;
				text-align: left;
				width: 900px;
			}
			
			#DIVVoucherFornecedor ul {
				display: inline-block;
				font-size: 16px;
				list-style: none;
				margin: 10px 0 10px 0;
				padding: 0;
				width: 900px;
			}
			
				#DIVVoucherFornecedor ul li {
					border: 1px solid #CCC;
					margin: 0 5px 0 0;
					padding: 0;
					float: left;
					text-align: center;
					width: 170px;
				}
				
		/* Controle Emissor */
		/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
		
		#DIVControleEmissorMenuFlutuante {
			display: inline-block;
			position: fixed;
			right: 1%;
			top: 7%;
		}
		
			#DIVControleEmissorMenuFlutuante ul {
				display: inline-block;
				list-style: none;
				width: 30px;
			}
		
				#DIVControleEmissorMenuFlutuante ul li:first-child {
					background: url('../imagens/estrutura/icone_controle_emissor_relatorio.png') top no-repeat;
					background-position: 0 -30px;
					cursor: pointer;
					height: 30px;
					width: 30px;
				}
				
					.LIVoltarControleEmissor {
						background: url('../imagens/estrutura/icone_voltar.png') top no-repeat !important;
						background-position: 0 -30px !important;
					}
				
					#DIVControleEmissorMenuFlutuante ul li:first-child:Hover {
						background-position: 0 0;
					}
					
						.LIVoltarControleEmissor:Hover {
							background-position: 0 0 !important;
						}
						
		/* Orçado x Realiado - Gestão Matricial */
		/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
		
		#DIVOrcadoRealizadoMenuFlutuante {
			display: inline-block;
			position: fixed;
			right: 1%;
			top: 7%;
		}
		
			#DIVOrcadoRealizadoMenuFlutuante ul {
				display: inline-block;
				list-style: none;
				width: 30px;
			}
		
				#DIVOrcadoRealizadoMenuFlutuante ul li:first-child {
					background: url('../imagens/estrutura/icone_orcado_realizado_atualizar.png') top no-repeat;
					background-position: 0 -30px;
					cursor: pointer;
					height: 30px;
					width: 30px;
				}
				
					#DIVOrcadoRealizadoMenuFlutuante ul li:first-child:Hover {
						background-position: 0 0;
					}
					
					
		/* Gestão de Contratos */
		/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
		
		
		/* Wooba */
		/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
		
		#DIVWoobaMenu {
			align-items: center;
			display: flex;
			justify-content: center;
		}
		
			#DIVWoobaMenu > ul {
				align-items: center;
				display: flex;
				flex-wrap: wrap;
				justify-content: center;
				list-style: none;
				margin: 0;
				padding: 0;
				width: 90%;
			}
			
				#DIVWoobaMenu > ul li {
					color: #FFF;
					background: #006496;
					border: 1px solid;
					cursor: pointer;
					font-size: 16px;
					margin: 10px;
					padding: 15px 10px 15px 10px;
					width: 150px;
					
					-webkit-transition: all 0.3s ease;
					transition: all 0.3s ease;
				}
				
					#DIVWoobaMenu > ul li:hover {
						background: #004467;
						padding: 15px;
					}
		
		/*#DIVWoobaListaEmissor {
			display: flex;
			justify-content: center;
		}
		
			#DIVWoobaListaEmissor > ul {
				display: flex;
				flex-wrap: wrap;
				justify-content: center;
				list-style: none;
				margin: 0;
				padding: 0;
				width: 90%;
			}
			
				#DIVWoobaListaEmissor > ul li {
					align-items: center;
					color: #000;
					border: 1px solid #666;
					cursor: pointer;
					display: flex;
					flex-direction: column;
					font-size: 14px;
					height: 70px;
					justify-content: center;
					margin: 5px;
					width: 170px;
					
					-webkit-transition: all 0.2s ease;
					transition: all 0.2s ease;
				}
				
					#DIVWoobaListaEmissor > ul li:hover {
						background: #4CAF50;
						border: 1px solid #DDFFDD;
						
						box-shadow: 3px 3px 5px #848484;
						-webkit-box-shadow: 3px 3px 5px #848484;
						-moz-box-shadow: 3px 3px 5px #848484;
					}
					
					#DIVWoobaListaEmissor > ul li:active {
						box-shadow: 0;
						-webkit-box-shadow: none;
						-moz-box-shadow: 0;
					}
					
					#DIVWoobaListaEmissor > ul li span {
						color: #FFF;
					}
					
				.ULLIWoobaListaEmissorAtivo {
					align-items: center;
					background: #4CAF50;
					border: 1px solid #DDFFDD;
					color: #000;
					cursor: pointer;
					display: flex;
					flex-direction: column;
					font-size: 14px;
					height: 70px;
					justify-content: center;
					margin: 5px;
					width: 170px;
				}*/
				
		/* Faturamento */
		/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
		
		.DIVFaturamentoTarifasTaxas {
			background: #ECECEC;
			border: 1px solid;
			display: none;
			margin: -6px 0 0 35px;
			padding: 5px;
			position: absolute;
		}