h1 {
	font-size: 12;
	font: verdana;
	color: #FF302C;
}

h4 {
	font-size: 13;
	font: verdana;
	color: #FFFFFF;
}

h6 {
	font-size: 36;
	font: verdana;
	color: #FF302C;
}

body{
	background-color: #EAF3FC;
	margin:0;
	padding:0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style : normal;
	font-weight : normal;
	text-decoration : none;
	color:#000
} 
table {		
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:7pt;
	color: #000066;
}

table.new {		
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:10pt;
	color: #000066;
}

table.border {		
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 7pt;
	color: #000066;
	border-collapse: collapse; 
	border-style: solid;
	border-color:#999999;
	border-Width: 0.01cm;
	outline-color: #999999;
}
/* Defini��o das cores do campo para quem usa NFe*/
td.nfeae {
	background-color: #A8D3FF;
}
td.nfeen {
	background-color: #ACBBBD;
}
td.nfeok {
	background-color: #B5EE75;
}
td.nfeer {
	background-color: #FF9BAF;
}
td.nfeal {
	background-color: #FFE26F;
}
td.nfeca {
	background-color: #A49BB5;
}
td.nfema {
	background-color: #69D200;
}

tr.par {
	background-color: #DCEAF8;
}
tr.impar {
	background-color: #F2FBFF;
}
tr.pardif {
	background-color: #E4DEEF;
}

tr.impardif {
	background-color: #DAD1E9;
}
tr.parverme {
	background-color: #FFDFDF;
}
tr.imparverme {
	background-color: #FFD2D2;
}
tr.parverde {
	background-color: #d2ecd8;
}
tr.imparverde {
	background-color: #ddf4e0;
}
tr.paramarf {
	background-color: #FFFA8A;
}
tr.paramar {
	background-color: #FDF7D0;
}
tr.imparamar {
	background-color: #FDF1C4;
}
tr.cancel {
	background-color: #B5B5B5;
}
tr.header{
	background-color: #D5D5FF;
}
tr.indice{
	background-color: #B7D3F0;
}
tr.total{
	background-color: #B7D3F0;
	font-weight: Bold;
}

tr.par:hover, tr.impar:hover, tr.parverme:hover {
	background-color: #cbff88;
}

.rodape {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-weight : Bold;
	background: #C5D1DA;
}
.text {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : Black;
	font-style : normal;
	font-weight : normal;
	text-decoration : none;
}

.bar {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 9px;
	color : Yellow;
	font-style : normal;
	font-weight : bold;
}

input, select, textarea {
	border: 1px solid #999999; 
	color: #000000; 
	background-color: #F0F0F0;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11px;
}
input.required, textarea.required, textarea.validate-xjust, select.validate-selection {
	background-color: #C9D3FA;
	border: 1px solid #00A8E6;
}
validate-selection option {
	background-color: #CC3300;
	border: 1px solid #00A8E6;
}
input.validation-failed, textarea.validation-failed, select.validation-failed, checkbox.validation-failed {
	border: 1px solid #FF3300;
	background-color: #FFE6E6;
	color : #791800;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
	background-color: #F8FAFA;
}
.validation-advice {

	margin: 0 0;
	padding: 0 0 0 5px;
	background-color: #990000;
	color : #CCFF00;
	font: 10px Arial;
	/*font-weight: bold;*/
}
/*Exclusivo para o chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.validation-advice {
		margin: -3px 0 0 0px;
		background-color: #990000;
		color : #CCFF00;
		font: 10px Arial;
		/*font-weight: bold;*/
	}
}

input.bt {
	border-style: solid; 
	border-Width: 0.01cm; 
	height: 16px; 
	border-color: #999999; 
	color: #000000; 
	background-color: #999999;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11px;
	text-align : top;
}

input.rdonly, select.rdonly, textarea.rdonly {
	background-color : #FFFFE0;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #FFA500;
}

input.disabled, select.disabled, textarea.disabled {
	background-color : #B8860B;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #FFFFE0;
}

input.wksdisabled, select.wksdisabled, textarea.wksdisabled {
	background-color : #F0F0F0;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #999999;
}

.wkstextdisabled{
	color : #999999;
}

.wksOsAlert{
	color : #C69500;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 9px;
	font-weight : normal;
	text-decoration : none;	
}
.wksOsBurn{
	color : #DD0000;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 9px;
	font-weight : normal;
	text-decoration : none;	
}
.wksOsClosed{
	color : #0000BF; 
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 9px;
	font-weight : normal;
	text-decoration : none;	
}
.wksOsFinish{
	color : #F95100; 
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 9px;
	font-weight : normal;
	text-decoration : none;	
}
.wksOsNormal{
	color : #000000; 
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 9px;
	font-weight : normal;
	text-decoration : none;	
}

form {
	display : inline;
}

A {
	color : Blue;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 9px;
	font-weight : normal;
	text-decoration : none;
}

A:HOVER {
	color : Black;
	text-decoration : underline;
}

.menu1 {
	color: #000000; 
	text-decoration: none;
	font-weight : normal;
}

.menu1:hover {
	color: #999999; 
	text-decoration: none;
	font-weight : normal;
}

#opmenu {
	background-color: #FFFFDF; 
	border-radius: 6px;
	border-style: solid; 
	border-width: 2px; 
	border-color: #336699; 
	font-size: 11px; 
	padding: 2px;
	line-height: 21px; 
	position: absolute; 
	visibility: hidden; 
}

.itens {
	color: #000000; 
	text-decoration: none;
	font-weight : normal;
}

.itens:HOVER {
	color: #000000; 
	text-decoration: none;
	font-weight : normal;
}

.butClass{    
border: 1px solid;
border-color: #808080;
}

.tdClass{
padding-left: 3px;
padding-top:3px;
}
#etitulo{
	color: #ffffff;
	background-color: gray; 
	padding: 5px;
}
#edestaque{
	color: #ffffff;
	background-color: #800040; 
	padding: 5px;
}
#etitulo.analise{
	background-color: #FF9933; 
}
#etitulo.cancelado{
	background-color: #CC00FF; 
}
#etitulo.detalhar{
	background-color: #FF6600; 
}
#etitulo.detalharc{
	background-color: #6F9170; 
}
#etitulo.solaprovada{
	background-color: #33CC66; 
}
#etitulo.aprovada{
	background-color: #006600; 
}
#etitulo.rejeitada{
	background-color: #CC0000; 
}
#etitulo.compaval{
	background-color: #FF9933; 
}
#etitulo.executar{
	background-color: #6600CC; 
}
#etitulo.encerrar{
	background-color: #747474; 
}

#elog{
	background-color: #408080; 
	padding: 5px;
}

b.descr1 {
	color : #00254A; 
	font-family : Verdana, Helvetica, Arial, sans-serif;
	font-size : 11px;
	font-weight : BOLD;
	text-decoration : none;	
}
b.descr2 {
	color : #516075; 
	font-family : Verdana, Helvetica, Arial, sans-serif;
	font-size : 10px;
	font-weight : Bold;
	text-decoration : none;	
}
b.descr3 {
	color : #516075; 
	font-family : Verdana, Helvetica, Arial, sans-serif;
	font-size : 10px;
	font-weight : normal;
	text-decoration : none;	
}
b.descr4 {
	color : #C40062; 
	font-family : Verdana, Helvetica, Arial, sans-serif;
	font-size : 10px;
	font-weight : normal;
	text-decoration : none;	
}
.fundo{
	background: url('../img/fundolinhas.jpg') repeat;
}
table.miolo{
	background-color: #173655;
}
table.agenda{
	background-color: #173655;
	border: 0;
	width: 100%;
}
table.agenda td{
	background-color: #B7D3F0;
}
td.titulo{
	text-align: center;
	background-color: #B7D3F0;
	font-family: Verdana; 
	font-size:10pt; 
	color: #000000;
}
td.icones{
	height: 27px;	
	text-align: right;
	background-color: #B7D3F0;
}
td.canto {
	background: #B7D3F0;
	-moz-border-radius: 0 0 0 27px; /* Para Firefox */
	-webkit-border-radius: 0 0 0 27px; /*Para Safari e Chrome */
	-khtml-border-radius: 0 0 0 27px; /*Konqueror*/
	-opera-border-radius: 0 0 0 27px; /*Opera*/
	border-radius: 27px 0 0 0; /* Para Opera 10.5+*/
	height: 27px;
	width: 27px;
}
#dround{
	-moz-border-radius: 8px; /* Para Firefox */
	-webkit-border-radius: 8px; /*Para Safari e Chrome */
	-khtml-border-radius: 8px; /*Konqueror*/
	-opera-border-radius: 8px; /*Opera*/
	border-radius: 8px; /* Para Opera 10.5+*/
}

#r-corner{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 5px;
	width: 98%;
	text-align: left;
}
#r-corner th.first{
 border-top-left-radius: 8px;
}
#r-corner th.last{
 border-top-right-radius: 8px;
}
#r-corner tr.par{
	background: #e8edff;
}
#r-corner tr.impar{
	background: #DFE7FF;
}
#r-corner th{
	padding: 2px;
	font-weight: normal;
	font-size: 13px;
	color: #039;
	background: #b9c9fe;
}
#r-corner td.ac{
	text-align: center;
}
#r-corner td.ad{
	text-align: right;
}

#r-corner td{
	padding: 2px;
	border-top: 1px solid #fff;
	color: #669;
}
#r-corner tr:hover td{
	background: #F0E3C6;
}
#r-corner td a{
	color: #4A64A8;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
}
#r-corner tr.cancel td{
	background: #e8eae9;
	color: #a8a29f;
}
#menuh{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	padding: 0 0 0 15px;
	width: 98%;
	text-align: center;
	text-decoration: none;
}
#menuh li{
	margin-right: 2px;
	list-style-type: none;
	float: left;
	width: 100px;
}
#menuh li.double-i{
	background: #D8DDE2;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
#menuh li.double-a{
	background: #E0DEBE;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
#menub {
	position: absolute; 
	top:83px; 
	left: 15px; 
	width:990px; 
	height: 510px; 
	background-color:#E0DEBE;
	border-top-right-radius: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}
dl.photogrid dt,dl.photogrid dd{
	float: left;
	display: table-cell;
	margin: 1px;
	width: 174px;
	height: 98px;
	vertical-align: middle;
	text-align: center;
	background-color: #EDECEB;
}
dl.photogrid dt{
	clear: both;
}
#blks{
	position: absolute;
	display: table-cell;
	width: 16px;
	height: 16px;
	vertical-align: bottom;
	text-align: center;
	background-color: #D0CECC;
}
#blks.rua{
	font-size: 13px;
	background-color: #FFF;
}
#blks.qtr{
}
#blks.eio{
	background-color: #fcfcfc;
}
#blks.trv{
	font-size: 13px;
	background-color: #FFF;
	-webkit-transform: rotate(90deg);	
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
dl.refs dt{
	width: 17px;
	height: 17px;
	vertical-align: middle;
	text-align: center;
	padding: 2px;
}
dl.refs dd{
	display: table-cell;
	font-size: 12px;
	width: 170px;
	vertical-align: middle;
	text-align: left;
	padding: 2px;
}

/* Em desuso*/
ul.asuggestp {padding:0px; margin:0; border:0; list-style:none;background:#FFFFFF}
ul.asuggesti {padding:0px; margin:0; border:0; list-style:none;background:#F0F0F0}
li.asuggest {border-bottom:solid 1px #B2B2B2;border-left:solid 1px #B2B2B2;border-right:solid 1px #B2B2B2;}
li.asuggest a{display:block; padding:4px; text-decoration:none; color:#000000;}
li.asuggest a:hover{background:#FFFFCC;text-decoration:none}

/* Novo formato*/
#asuggest {margin-top: 17px;}
#asuggest li{background:#FFFFFF; list-style: none; border-bottom:solid 1px #B2B2B2;border-left:solid 1px #B2B2B2;border-right:solid 1px #B2B2B2;}
#asuggest a{display:block; padding:4px; text-decoration:none; color:#000000;}
#asuggest a:hover{background:#FFFFCC;text-decoration:none}

#asuggest li.ap {background:#FFFFFF}
#asuggest li.ai {background:#e8e8e8}

.but {
	display: inline-block;
	background-color: #ccc;
	color: #444;
	padding: 10px 20px;
	text-decoration: none;
	box-sizing: border-box;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	border: 0px;
	cursor: hand;
}
.but:hover{
	color: #000000;
	background-color: #FFFF00;
}
.but-warning {
	color: #fff;
	background-color: #EF0A03;
}
.head {
	display: inline-block;
	padding: 5px 0px;
	text-decoration: none;
	box-sizing: border-box;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	border: 0px;
}


table.mnf tr th {
	color: #FFFFFF;
}
table.mnf tr td {
	color: #454545;
	font: 12px Segoe UI, Arial, Verdana;
	padding: 5px; 
	background-color: #FFFFFF; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	-ms-border-radius: 3px; 
	border-radius: 3px;
}
table.mnf tr.evt td {
	background-color: #BBF8FB; 
}
table.mnf tr.err td {
	background-color: #F9B4B0; 
}
table.mnf tr td img.butt{
	margin: 5px 0 0 0;
}

/* �rea da Tooltip, inserida em 13/10/2016*/
td.tooltip {
	outline:none; 
}
td.tooltip strong {
	line-height:30px;
}
td.tooltip:hover {
	text-decoration:none;
} 
td.tooltip span {
    z-index:10;
	display:none; 
	padding:14px 20px;
    margin-top:-30px; 
	margin-left:28px;
    width:300px; 
	line-height:16px;
}
td.tooltip:hover span{
    display:inline; 
	position:absolute; 
	color:#111;
    border:1px solid #DCA; 
	background:#fffAF0;
}
.callout {
	z-index:20;
	position:absolute;
	top:20px;
	border:0;
	left:-12px;
}

#modal{
	position: absolute;
	width:680px;
	left: 160px;
}

.title {
	padding: 10px 10px 0 10px;
	background: #FFCC66;
	height: 20px;
	top:120px;
	text-align: center;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}

.blck {
	padding:10px;
	background:#FBFBFB;
	//height:200px;
	height:auto;
	top: 150px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}
    
/*CSS3 extras*/
td.tooltip span{
  border-radius:4px;
  box-shadow: 5px 5px 8px #CCC;
}

#panel{
	padding: 4px;
	background: #94bee9;
	display:none;
}

/* Style The Dropdown Button */
.dropbtn img{
	width: 21px;
}
.dropbtn {
	background-color: #B7D3F0;
	border: none;
	cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
	position: relative;
	display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	text-align: center;
	box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.2);
	z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
	color: black;
	padding: 4px 10px;
	text-decoration: none;
	display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #cdcdcd}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
	display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
	background-color: #1c88b0;
}
.qtde{
  font-size: 12pt;  
  font-weight: bold;
}

.preco{
  font-size: 12pt;  
}

.presente{
  background-color: #f0ceb6;
}

.novidade{
  color: #ec0909;
}

@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}
.blink{
	text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
}
.badge{
  color: #fff;
  padding: 4px;
	-moz-border-radius: 5px; /* Para Firefox */
	-webkit-border-radius: 5px; /*Para Safari e Chrome */
	-khtml-border-radius: 5px; /*Konqueror*/
	-opera-border-radius: 5px; /*Opera*/
	border-radius: 10px; /* Para Opera 10.5+*/
  margin: 5px;
}
.redback{
  background: #ff0000;
}
.blueback{
  background: #0059ff;
}
.greenback{
  background: rgb(18, 126, 8);
}
.progress-container-local {
  width: 100%;
}
.progress-bar {
  background-color: #4CAF50;
  text-align: center;
  color: rgb(31, 30, 30);
  font-size: 12px;
}