body {
	padding:0px;
	margin: 0px;
}
#cabecalho {
	background-image: url(../images/bgtop.gif);
	background-repeat: repeat-x;
	height: 26px;
	clear: left;
}
#cabecalho #tituloSite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3F6496;
	text-align: center;
	float: left;
	height: 21px;
	width: 90%;
	padding-top: 5px;
	padding-left: 5px;
	margin-right: 6px;
}
#cabecalho  .btnFechar {
	height: 26px;
	width: 89px;
	float: left;
	background-image: url(../images/bgARapidoNew.jpg);
}
#cabecalho #btnFechar img {
	padding-top: 10px;
	padding-left: 7px;
}

#header #fechar {
	float: left;
	height: 26px;
	width: 25px;
}
/*FIM DE ATALHOS*/

/*ABAS INTERNAS*/
/*- Menu Abas--------------------------- */ 
#menuGeralPassos {
	float:left;
	width:100%;
	background:#BBD9EE;
	font-size:93%;
	line-height:normal;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 5px;
	padding-left: 5px;
}

/*Background dos FormulÃ¡rios*/
#BackTabela01 {
	background-image: url(../images/bgTabelas/maocaneta.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
}
#BackTabela02 {
	background-image: url(../images/bgTabelas/estoque.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
}
#BackTabela03 {
	background-image: url(../images/bgTabelas/graficoAsc.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
}
#BackTabela04 {
	background-image: url(../images/bgTabelas/escad.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
}
#BackTabela05 {
	background-image: url(../images/bgTabelas/note.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
}
#BackTabela06 {
	background-image: url(../images/bgTabelas/note02.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
}
#BackTabela07 {
	background-image: url(../images/bgTabelas/note3.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
}
/*Fim dos Background dos FormulÃ¡rios*/

#menuGeralPassos a {
  float:left;
  background:url("../images/tableft.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 4px;
  text-decoration:none;
  }
#menuGeralPassos a span {
  float:left;
  display:block;
  background:url("../images/tabright.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  color:#666;
  }
	  
#menuGeralPassos ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
  }
#menuGeralPassos li {
  display:inline;
  margin:0;
  padding:0;
  }  

/* Commentado Backslash Hack hides rule from IE5-Mac \*/
#menuGeralPassos a span {float:none;}
/* Fim IE5-Mac hack */
#menuGeralPassos a:hover span {
	color:#0099FF;
  }
#menuGeralPassos a:hover {
  background-position:0% -42px;
  }
#menuGeralPassos a:hover span {
  background-position:100% -42px;
  }

#menuGeralPassos .pabaAtiva a {
	background-position:0% -42px;
}
#menuGeralPassos .pabaAtiva a span {
	background-position:100% -42px;
}

#menuGeralPassos #menucentralPassos {
	background-color: #FFFFFF;
	clear:left;
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 4px;
	margin-right: 4px;
	margin-bottom: 4px;
}
#menuGeralPassos  #menucentralPassos  .psbmenu {
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 1px;
	padding-left: 2px;
}
    
/*- Fim Menu Abas--------------------------- */ 
/*FIM DAS ABAS INTERNAS*/

#bgConteudo {
	background-color: #6590CC;
	background-image: url(../images/bgConteudo.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

#Rodape {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3A6DB1;
	background-image: url(../images/bgARodape.jpg);
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
}

#conteudo{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
/*ESTILO TABELA PRODUTOS*/

#tabela{
	background-color: #FFFFFF;
	border: 1px solid #295CA0;
	font: 10px Arial, Helvetica, sans-serif;
}
#tabelaTPPed{
	padding: 5px;
	background-color: #FFFFFF;
	font: 10px Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #A7C2E9;
	margin-top: 5px;
	margin-bottom: 2px;
	margin-left: 5px;
	border-right: 1px solid #A7C2E9;
	border-left: 1px solid #A7C2E9;
}
#titTabela{
	background-image: url(../images/bgtop.gif);
	background-repeat: repeat-x;
	font-size: 12px;
	color: #295CA0;
	text-align: center;
	font-weight: bold;
}
#titSubBloco{
	font-size: 11px;
	color: #295CA0;
	background-color: #D1E2F9;
}
.btnTabela{
	color: #295CA0;
	background-color: #CFE1F8;
	border: 1px solid #8AB8F7;
	font: bold 11px Arial, Helvetica, sans-serif;
}
#tituloCelula{
	color: #265595;
	padding-left: 5px;
	padding-right: 5px;
	font: 11px Arial, Helvetica, sans-serif;
}
#bgCelula{
	background-color: #AACBF9;
	padding: 4px;
}
#bgCelulaTipoPed{
	padding: 4px;
	background-color: #E9F2FE;
}
.btnMostraUsu{
	float:left;
}
.txtCampo{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #295CA0;
	background-color: #CFE1F8;
	border: 1px solid #8AB8F7;
}
#fundCelula {
	background-color: #F1F7FE;
	padding: 2px;
	border: 1px solid #8AB8F7;
	color: #295CA0;
}
#prodPreviaDados{
	font: 11px Arial, Helvetica, sans-serif;
	color: #006699;
	padding-left: 3px;
}
/*FIM ESTILO TABELA PRODUTOS*/

/*INICIO DAS TECLAS DE ATALHO*/
#TeclasdeAtalho {
	position:relative;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	padding: 2px;
	width: 800px;
}
#BTNdeAtalho {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #006699;
	background-image: url(../images/btn.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
	height: 18px;
	width: 28px;
	padding-top: 4px;
	float: left;
	font-weight: bold;
}
#BTNdeAtalhoAlt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #006699;
	background-image: url(../images/btnMaior.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
	height: 21px;
	width: 55px;
	padding-top: 4px;
	float: left;
	font-weight: bold;
}
.btnSincronia {
	color: #1B73BA;
	padding: 1px;
	font-size: 9px;
	background-color: #CFE1F8;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #AACBF9;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #AACBF9;
}

#BTNlegenda {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding-top: 4px;
	padding-right: 3px;
	padding-left: 4px;
	float: left;
	color: #666666;
}
/*FIM DAS TECLAS DE ATALHO*/

/*PRÃ‰VIA DE PRODUTOS*/
#NProduto{
	color: #005782;
	background-color: #CFE1F8;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #006699;
	font: bold 12px Arial, Helvetica, sans-serif;
}

#divIntIG,#divIntProd, #divIntEspe{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#SanfonaLinha{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #295CA0;
	background-color: #D9E8FB;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #8AB8F7;
	border-bottom-color: #8AB8F7;
	border-left-color: #FFFFFF;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 8px;
}
#TabelaImagemFornecedor{
	background-color: #EDF3FC;
	padding: 20px;
	margin-left: 15px;
	border: 1px solid #8AB8F7;

}
#consulta{
	width: 720px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #295CA0;
	height: 135px;
	clear: both;
}

#consulta label {
	display: block;
	padding: 2px;
	width: 350px;
}
#consulta label span {
	display: block;
	width: 80px;
	float: left;
	padding-top: 5px;
}

#consulta #bl1 {
	float: left;
	width: 350px;
}
#consulta #bl2 {
	float: left;
	width: 350px;
}

#ImagemFornecedor{
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #A8CAF2;
	border-bottom-color: #A8CAF2;
	border-left-color: #FFFFFF;

}
/*tooltip login*/
.msgBloco {
	color: #666666;
	margin-right: 75px;
	margin-left: 45px;
	text-align: center;
	font-size: 9px;
}
a.dcontexto{
	position:relative;
	font:11px arial, verdana, helvetica, sans-serif;
	padding:0;
	color:#003366;
	text-decoration:none;
	cursor:help;
	z-index:24;
  }
  a.dcontexto:hover{
  background:transparent;
  z-index:25; 
  }
  a.dcontexto span{display: none}
  a.dcontexto:hover span{
	display:block;
	position:absolute;
	width:200px;
	top:0em;
	text-align:justify;
	left:0;
	font: 11px arial, verdana, helvetica, sans-serif;
	padding:0px 10px;
	border:1px solid #8AB8F7;
	background:#E9F1FC;
	color:#005782;
  }
  .muda { /* Para navegadores nao complacentes com as Web standards IE6 e menor IE7?*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #295CA0;
	background:#FFFFFF;
	border:1px solid #006699;
	
  }
  .btnLogar{
	color: #666666;
	font: normal 11px Arial, Helvetica, sans-serif;
	background: #D9DADA;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #FFFFFF;
	width: 100%;
	padding-top: 1px;
	padding-bottom: 1px;
  }
/*fim tooltip*/
.linkBTN {
	font: 10px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: #619FF3;
	padding: 2px;
	margin: 2px;
	width: 60px;
	float: left;
	text-align: center;
}
.linkBTN a:link, a:visited{
	text-decoration: none;
}
.linkBTN a:hover{
	text-decoration: underline;
	background: #AACBF9;

}
.imgTipoPed {
	background: #F7F7F7;
	padding: 15px;
	border: 1px solid #999999;
}
.titPedido {
	font-size: 11px;
	font-weight: bold;
	color: #006699;
}
.subtitPed {
	font-size: 12px;
	color: #666666;
}
.dtPed {
	font-size: 10px;
	color: #666666;
}
.msgErroAnalise {
	LEFT: 690px;
	MARGIN-LEFT: -365px;
	TOP: 329px;
	margin-top: -212px;
	WIDTH: 325px;
	height: 92px;
	POSITION: absolute;
	background: #999999 no-repeat center center;
}
.mensagem {
	background: #993300;
	height: 50px;
	width: 50px;
}
.sbCat{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #295CA0;
	background-color: #CFE1F8;
	border: 1px solid #8AB8F7;
	width: 189px;
	height: 200px;
}
#tituloTabela {
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	border-top: 1px solid #0099FF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #0099FF;
	background-color: #1B73BA;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.inputsemBorda {
	color: #265595;
	background: #FFFFFF;
	border: 1px solid #FFFFFF;
}



/*Boxes e Menu Superior */
td.menu {color: #657A98;padding-left: 10px;font: 12px Arial, Helvetica, sans-serif;}
td.menu a:link{text-decoration: none;color: #657A98;}
td.menu:hover {text-decoration: none;cursor: pointer;background: url(../images/bgCelulaMnu.gif) no-repeat center center;color: #386BA9;font-weight: bold;}

.box {background: url(../images/boxBg1.gif) no-repeat left top;margin-bottom: 10px;font: 11px Arial, Helvetica, sans-serif;}
.box div {background: url(../images/boxBg2.gif) no-repeat right top;}
.box div div {background: url(../images/boxBg3.gif) no-repeat left bottom;}
.box div div div {background: url(../images/boxBg4.gif) no-repeat right bottom;padding: 5px 7px;overflow: hidden;}
.box div div div div {background: none;padding: 0;}
.box .boxTitle {font-size: 70%;font-weight: bold;color: #769DD3;padding: 3px 1px;}
.box .boxTitle a {color: #BBCFE8;}
.box p {font-size: 70%;color: #666;}
.box p strong {color: #660000;}
.box p a {color: #6699CC;}
/*Boxes e Menu Superior */

/*Rotas no Mapa*/
.rtMapa {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #006699;padding: 3px;}
.rtMapa a:link, a:visited{text-decoration: none;color: #006699;}
.rtMapa a:hover{color: #333333;text-decoration: none;}

.googledir table{
	font-family: Arial, Helvetica, sans-serif;
	color: #336699;
	font-size: 11px;
}
.titForClientes{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #006699;
	font-weight: bold;
}
/*Rotas no Mapa*/
.sincronia {
	background-color: #E9F1FC;
	padding: 4px;
	border: 1px solid #AACBF9;
	color: #265595;
}
.sincronia label {
	background-color: #AACBF9;
	display: block;
	padding: 2px;
	font-weight: bold;
}



/*NOVO LAYOUT PADRÃƒO*/
#Header {
	background-image: url(../images/bgtop.gif);
	background-repeat: repeat-x;
	height: 26px;
	width: 100%;
	clear: left;

}
#MenuCirculo {
	float: left;
	height: 50px;
	width: 65px;
	position: absolute;
	background: url(../images/menuCirculo.gif) no-repeat left top;
	left: -1px;
	top: 0px;
}
#areaAcesso {
	display: inline;
	font-size:11px;
}
.infoUsuario {
	background: url(../images/usuario.gif) no-repeat left top;
}
.topoUsuario {
	padding-left: 65px;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #4A7DC4;
}
#incioTop {
	height: 23px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}
#geralTopo {
	height: 90px;
	background-image: url(../images/linhaTopoReplica.gif);
	background-repeat: repeat-x;
	background-position: left top;
	font-family: Verdana;
	font-size: 11px;
	line-height: 1.5em;
	font-weight: bold;
}
#tabs {
	float:left;
	width:100%;
	font-size:93%;
	line-height:normal;
	font-family: Verdana;
	font-size: 10px;
	line-height: 1.5em;
	font-weight: bold;
}
#tabs ul {
	margin:0;
	list-style:none;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 60px;
}
#tabs li {
	display:inline;
	margin:0;
	padding:0;
}
#tabs a {
	float:left;
	background:url(../images/tableft.gif) no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
}
#tabs a span {
	float:left;
	display:block;
	background:url(../images/tabright.gif) no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#666;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {
	float:none;
}
/* End IE5-Mac hack */
    #tabs a:hover span {
	color:#FF9834;
}
#tabs a:hover {
	background-position:0% -42px;
}
#tabs a:hover span {
	background-position:100% -42px;
}
#tabs .current a {
	background-position:0% -42px;
}
#tabs .current a span {
	background-position:100% -42px;
}
/*- Menu Tabs--------------------------- */ 
div.container {
	width: 98.5%;
	margin-bottom: 10px;
	margin-top: auto;
	clear: both;
	display: block;
	height: 18px;
	background-color: #FFF;
	border-bottom-width: 2px solid #23628B;
	font-size: 10px;
	color: #006291;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 2px;
}

/* Barra de BotÃµes */
ul.barraBotoes{
	display: inline;
}
ul.barraBotoes li{
	list-style-type: none;
	display: inline;
}

.barraBotoes a {
	float:left;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	background-image: url("../images/subItemHover_cntEsq.gif");
	background-repeat: no-repeat;
	background-position: left top;
	font-weight: normal;
}
.barraBotoes a span {
	float:left;
	display:block;
	color:#666;
	background-image: url("../images/subItemHover_cntDir.gif");
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 3px;
	padding-right: 15px;
	padding-bottom: 3px;
	padding-left: 6px;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.barraBotoes a span {
	float:none;
}
/* End IE5-Mac hack */
.container a:hover span {
	color:#09F;

}
.barraBotoes a:hover {
	background-position:0% -23px;
}
.barraBotoes a:hover span {
	background-position:100% -23px;
}
.barraBotoes .clicado a {
	background-position:0% -23px;
}
.barraBotoes .clicado a span {
	background-position:100% -23px;
	color: #0074C1;
}

.msgResultado {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: center;
	color: #FFFFFF;
}
.btnAdicionar{
	color: #295CA0;
	background-color: #CFE1F8;
	border: 1px solid #8AB8F7;
	padding: 3px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	width: 200px;
	}
.btnAdicionar a:link, a:visited{
	text-decoration: none;
	color: #12428A;
}
.btnAdicionar a:hover{
	color: #FFF;
	background-color: #069;
}
#tarjaChat {
	right:0;
	position:absolute;
	top:0;
	z-index:1000;
	height:45px;
	width:88px;
}

<!-- Layout da tabela de Tipos -->
#menuTipo {
        width: 200px;
        margin: 10px;
        }
		
#menuTipo ul {
        list-style: none;
        margin: 0;
        padding: 0;
        }

#menuTipo img {
    border: none;
	vertical-align:middle;
}

#menuTipo li a {
        height: 32px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 24px;
        text-decoration: none;
        }

#menuTipo li a:link, #menuTipo li a:visited {
	color: #4D4D4D;
	display: block;
	padding: 8px 0 0 10px;
	background-image: url(../images/menuTipo.gif);
        }

#menuTipo li a:hover, #menuTipo li #current {
        color: #FF9834;
        background:  url(../images/menuTipo.gif) 0 -32px;
        padding: 8px 0 0 10px;
        }

.naoConformidade {
  border: 1px solid #8B0000;
  color: #8B0000;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  background-color: #fff
}