@import url(normalize.css);
/* PADROES DA AGÊNCIA, NÃO PRECISA ALTERAR NADA */
* {
	margin: 0;
	padding: 0;
}

p {
	margin-bottom: 10px;
}

form {
	display: block;
	padding: 0;
	margin: 0;
}

input[type=text], input[type=password], input[type=file], textarea, select, .ft {
	vertical-align: baseline;
	padding: 2px;
}

button, input[type=button], input[type=submit], input[type=reset] {
	padding: 3px 10px;
	font-size: 12px !important;
}

table {
	padding: 5px;
	border-spacing: 2px;
	border-collapse: separate;
}

td {
	margin: 1px !important;
}

.aviso, .erro, .alerta {
	text-align: center;
	padding: 10px;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 10px;
}

.aviso {
	background-color: #DDFDBD;
	color: #060;
}

.erro {
	background-color: #FFDDDE;
	color: #600;
}

.alerta {
	background-color: #fff9dd;
	color: #7e5407;
}

.off {
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.gra {
	color:#999;
}

.disabled {
	background: none #EEE !important;
	color: #666 !important;
}

.hidden {
	display: none;
}

.inline {
	display: inline;
}
/* CELAR FIX */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

.clear {
	clear: both;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}
/* ESTRUTURA DO SISTEMA */
html {
	width: 100%;
}

body {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #F5F5F3;
	padding: 10px 20px;
	font-size: 12px;
}

a {
	color: #3399CC;
	text-decoration: none;
}

img {
	border: none;
}

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

h1 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 0 !important;
	color: #FFF;
	background-color: #BBB;
	padding: 3px 20px;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

h2 {
	font-size: 15px;
	font-weight: normal;
	margin-bottom: 10px;
	margin-top: 0 !important;
	color: #888;
	background-color: #DDD;
	padding: 3px 20px;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

h3 {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 0 !important;
	color: #005A96;
	background-color: #F0F0F0;
	padding: 3px 20px;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

h4 {
	font-size: 11px;
	font-weight: normal;
	margin-bottom: 10px;
	margin-top: 0 !important;
	color: #3399CC;
	padding: 10px 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

	h4 a {
		font-size: inherit;
		font-weight: inherit;
		color: inherit;
	}

.eof {
	padding: 30px;
	font-size: 10px;
	text-align: center;
	color: #666;
}

.tab {
	padding: 3px;
	margin-bottom: 5px;
	border-spacing: 2px;
	border-collapse: separate;
}

.tab {
	padding: 0;
	width: 100%;
	border-spacing: 1px;
	border-collapse: separate;
}

	.tab .stit {
		padding: 5px 5px;
		vertical-align: top;
		text-align: center;
		font-size: 14px;
		font-weight: bold;
		color: #333;
		background-color: #CCC;
	}

	.tab th, .tab .tit {
		padding: 5px 5px;
		vertical-align: top;
		text-align: left;
		font-size: 14px;
		font-weight: bold;
		color: #000;
		background-color: #F4F4F4;
	}

	.tab .tit {
		background-color: #999;
		color: #fff;
	}

	.tab tr:hover {
		background-color: #F9F9F2;
	}

	.tab td {
		padding: 5px 5px;
	}

		.tab td.space {
			padding: 15px 5px !important;
		}

	.tab .lab {
		padding: 5px;
		text-align: right;
		width: 250px;
	}

	.tab .inp {
		padding: 5px;
		text-align: left;
	}

	.tab .con {
		padding: 5px;
		width: 30px;
		text-align: center;
		font-size: 9px;
		color: #666;
		background-color: #F4F4F4;
	}

	.tab .rod {
		padding: 5px;
		text-align: center;
		font-size: 9px;
		color: #666;
		border: none;
		background-color: #F4F4F4;
	}

	.tab .eof {
		padding: 50px;
		text-align: center;
		font-size: 9px;
		color: #666;
		border: none;
	}

	.tab .dest {
		background-color: #fafafa;
	}

li.eof {
	padding: 50px !important;
	text-align: center;
	font-size: 12px;
	color: #666;
	border: none;
	background-color: transparent !important;
}

.ico {
	width: 16px;
	text-align: center !important;
}

.bor {
	border: 1px solid #E0E0E0;
}

.sbor {
	border: none !important;
}

.lef {
	text-align: left !important;
}

.rig {
	text-align: right !important;
}

.cen {
	text-align: center !important;
}

.top {
	vertical-align: top !important;
}

.bot {
	vertical-align: bottom !important;
}

.bol {
	font-weight: bold !important;
}
.nor {
	font-weight: normal !important;
}

.pad0 {
	padding: 0 !important;
}
.padtb {
	padding: 10px 0 !important;
}

.tac {
	text-decoration: line-through;
}

.botao {
	margin-bottom: 10px;
	text-align: left;
}

.ajuda {
	width: 100%;
	margin-top: 15px;
}

.area {
	text-align: left;
	margin: 0 auto;
}

.cabecalho {
	height: 80px;
	position: relative;
	border: 1px solid #E6E6E6;
	background-color: #fff;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

.logotipo {
	position: absolute;
	left: 15px;
	top: 15px;
}

.dadosUsuario {
	position: absolute;
	right: 15px;
	top: 10px;
	text-align: right;
	font-size: 11px;
}

	.dadosUsuario a {
		display: inline-block;
		margin-left: 10px;
	}

.avisosUsuario {
	position: absolute;
	right: 15px;
	top: 35px;
	padding: 5px;
	background-color: #D1D3D4;
	font-size: 11px;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

.avisoMensagem {
	float: left;
	padding: 3px;
	margin-left: 3px;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
	background-color: #055874;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

.avisoLabel {
	float: left;
	padding: 3px;
	margin-left: 2px;
	margin-right: 12px;
	font-size: 10px;
	font-weight: normal;
	color: #333;
	text-align: left;
}

.avisoMensagem a {
	color: #FFF;
}

.avisoLabel a {
	color: #000;
}

#menu {
	position: relative;
	z-index: 2;
	height: 25px;
	margin-top: 10px;
	background-color: #005a96;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	cursor: default;
}

	#menu ul {
		padding: 0;
		margin: 0;
	}

		#menu ul li {
			display: block;
			float: left;
			font-size: 12px;
			font-weight: bold;
			color: #000;
			line-height: 25px;
		}

			#menu ul li a {
				color: #fff;
				text-decoration: none;
				padding: 6px 6px;
				border-radius: 0;
				-moz-border-radius: 0;
				-webkit-border-radius: 0;
			}

	#menu a[href] {
		cursor: pointer;
	}

	#menu ul li a:hover,
	#menu ul li a.menuOn {
		background-color: #3399CC;
	}

	#menu ul li ul {
		display: none;
		position: absolute;
		float: none;
		left: 0;
		top: 99%;
		background-color: #3399CC;
		width: 100%;
		font-size: 12px;
		padding: 40px 0;
		z-index: 3;
		overflow: hidden;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
	}

		#menu ul li ul li {
			width: 200px;
			margin: 0 0 0 -1px;
			padding: 4px 16px;
			border-left: solid 1px #fff;
			left: 0;
			line-height: 20px;
		}

			#menu ul li ul li.ultimo {
				border-right: none;
			}

			#menu ul li ul li a {
				text-transform: none;
				padding: 0;
				margin: 0;
				display: inline;
				height: auto;
				line-height: normal;
				vertical-align: middle;
			}

				#menu ul li ul li a:hover,
				#menu ul li ul li a.menuOn {
					background-color: transparent;
					color: #F0F0F0;
				}

.buscaArea {
	width: 100%;
	min-height: 50px;
	_height: 50px;
	margin: 10px 0 5px 0 !important;
	background-color: #F0F0F0;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

.busca {
	padding: 1px 10px;
	text-align: left;
	font-size: 12px;
	font-weight: normal;
	color: #333;
}

.tabBusca {
	margin-bottom: 2px;
	border-collapse: separate;
}

	.tabBusca button, .tabBusca input[type=button], .tabBusca input[type=submit], .tabBusca input[type=reset] {
		margin-bottom: 2px;
		border: none;
		background-color: #E0E0E0;
		color: #333;
	}

.conteudoArea {
	min-height: 450px;
	_height: 450px;
	margin-top: 10px;
	border: 1px solid #E6E6E6;
	background-color: #fff;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

.conteudo {
	padding: 20px;
	text-align: left;
}

.rodapeArea {
	width: 100%;
	margin-top: 10px;
	border: 1px solid #E6E6E6;
	background-color: #D1D3D4;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

.rodape {
	padding: 3px 10px;
	text-align: right;
	font-size: 10px;
	font-weight: normal;
	color: #333;
}

	.rodape a {
		font-size: 10px;
		font-weight: normal;
		color: #333;
	}
/* PÁGINAS */
.menuInternoIcones {
	margin: 20px 0;
}

.iconeMenu {
	float: left;
	width: 70px;
	border-right: 1px dotted #DDD;
	font-size: 12px;
}

.login {
	width: 500px;
	padding: 20px;
	margin: 100px auto;
	border: 1px solid #E6E6E6;
	background-color: #F5F5F3;
	text-align: center;
}

.loginEsquerdo {
	float: left;
	width: 40%;
	padding: 25px;
	text-align: right;
	font-size: 12px;
}

.loginDireito {
	float: right;
	width: 40%;
	padding: 20px;
	font-size: 12px;
}

.paginacao {
	margin: 10px 0;
	text-align: right;
	line-height: 20px;
}

	.paginacao a {
		margin: 0 2px;
		background: url(../icones/paginacaoNumeros.png) no-repeat center center;
		text-align: center;
		font-size: 10px;
		line-height: 20px;
		display: inline-block;
		height: 20px;
		width: 20px;
	}

		.paginacao a.atual {
			color: #FFF;
			background-image: url(../icones/paginacaoNumerosAtual.png);
		}

		.paginacao a.primeira {
			text-indent: -10000px;
			background-image: url(../icones/paginacaoPrimeira.png);
		}

		.paginacao a.anterior {
			text-indent: -10000px;
			background-image: url(../icones/paginacaoAnterior.png);
		}

		.paginacao a.proxima {
			text-indent: -10000px;
			background-image: url(../icones/paginacaoProxima.png);
		}

		.paginacao a.ultima {
			text-indent: -10000px;
			background-image: url(../icones/paginacaoUltima.png);
		}

	.paginacao p {
		margin: 5px 3px 0 0;
		font-size: 10px;
	}

#ordenacao {
	float: right;
	text-align: right;
}

	#ordenacao label {
		margin-right: 10px;
	}

/*----- ESTILO PAGINA DE NOTA FISCAL DA VENDA -----*/

.impressao
{
	background-color: #FFF;
	padding: 0;
	font-family: Arial;
	font-size: 13px;
}

.container
{
	margin: 0 auto;
	width: 99%;
}

.formEmail {
	display: block;
	padding: 5px 0;
}

.tabelaTopo
{
	width: 100%;
}
	.tabelaTopo td
	{
		width: 33%;
	}

.tabelaItens
{
	border: solid 1px;
	width: 99%;
	padding: 0;
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
}
	.tabelaItens th
	{
		border-bottom: solid 1px;
		text-align: center;
	}
		.tabelaItens th, .tabelaItens td
		{
			border-right: solid 1px;
			padding: 5px;
			font-size: 12px;
			vertical-align: top;
		}
		.tabelaItens td
		{
			vertical-align: top;
		}

.finalItens
{
	width: 100%;
	padding: 0px;
}
	.finalItens td
	{
		border: none;
		padding-top: 0;
	}

@media print {
	.naoImprimir {
		display: none;
	}
}

/* ----INDICADORES ------------------------------------------------------- */
.indicadoresArea { float:left; margin:0 15px 15px 0; background-color: #FBFBFB; border: 1px solid #E0E0E0; padding: 10px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.indicadoresArea .nomeArea { margin-bottom:15px; font-weight:bold; font-size:16px; color: #666; }
.indicador { float: left; width: 150px; margin-right: 10px; margin-bottom:15px; padding:5px; text-transform: uppercase; font-weight: bold; background-color: #F0F0F0; border: #d1d3d4 1px solid; text-align: center; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.indicador .titulo { font-size: 11px; color: #333; text-align: center; background-color: #d1d3d4; margin-bottom: 2px; padding:2px 0; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.indicador .numero,
.indicador .numero a { font-size: 36px; color: #fff; padding:0 !important; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.indicador .numero.menor a { font-size: 20px; color: #fff; padding:0 !important; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.indicador.verde .numero { background-color: #693; }
.indicador.vermelho .numero { background-color: #900; }
.indicador.azul .numero { background-color: #3399CC; }
.indicador.azulEscuro .numero { background-color: #036; }
.indicador.laranja .numero { background-color: #F90; color:#000; }
.indicador.laranja a { color:#000 !important; }
.indicador.tema .numero { background-color: #666; }
/* ---------------------------------------------------------------------------------- */
/* ----PCP ------------------------------------------------------- */
.painelPCP { float:left; width:28%; margin:2%; border:1px solid #E0E0E0; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.painelPCP .tituloArea { font-size: 18px; font-weight:bold; color: #333; text-align: center; background-color: #d1d3d4; margin-bottom: 10px; padding:2px 0; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.painelPCP .comMargem { margin:5px !important; }
/* ---------------------------------------------------------------------------------- */
.verm { color:#CC0000; }
.verd { color:#087d06; }

.hide { display: none !important;}