* { margin: 0; padding: 0; font-family: "Trebuchet MS", sans-serif; }

body { font-size: 13px; background: #EEE; }

a { color: #900; }
a:hover { text-decoration: none; }

#topo { height: 50px; background: #FFF; }
#topo h1 { width: 95px; position: relative; height: 33px; padding: 7px 0 0 7px; }
#topo h1 a { background: url('../i/logo-topo.jpg') no-repeat left top; text-indent: -999px; overflow: hidden; outline: none; display: block; height: 100%; width: 100%; }
/*#topo h1 a { background: url('../i/logo-topo-ano-novo.jpg') no-repeat left top; text-indent: -999px; overflow: hidden; outline: none; display: block; height: 100%; width: 100%; }*/
/*#topo h1 a { background: url('../i/logo-topo-natal.jpg') no-repeat left top; text-indent: -999px; overflow: hidden; outline: none; display: block; height: 100%; width: 100%; }*/
#painel-topo { height: 50px; position: absolute; top: 4px; right: 0; }
#painel-info, #painel-ol, #painel-relogio, #painel-acoes { float: left; }
#painel-info { text-align: right; }
#painel-info .encerramento-pedido { background: url('../i/icon-tempo.jpg') no-repeat right top; padding-right: 18px; }
#painel-info .mensagens { background: url('../i/icon-mensagens.jpg') no-repeat right top; padding-right: 18px; }
#painel-info .mensagens.carregando { color: #666; font-style: italic; }
#painel-ol { margin: 3px 0 0 5px; padding: 0 5px; border-left: 1px solid #CCC; border-right: 1px solid #CCC; }
#painel-ol label { font-weight: bold; white-space: normal; float: left; margin-right: 5px; }
#painel-ol select { float: left; margin-top: 7px; }
#painel-relogio { padding: 0 5px; border-right: 1px solid #CCC; margin-right: 5px; height: 41px; }
#painel-acoes { list-style: none; margin: 13px 0 5px 0; }
#painel-acoes li { float: left; margin-right: 5px; }
#painel-acoes li a { display: block; background-color: #FC0; background-repeat: no-repeat; background-position: left top; text-indent: -999px; font-size: 1px; overflow: hidden; outline: none; width: 14px; height: 14px; }
#painel-acoes li a.cliente-info { background-image: url('../i/icon-cliente-info.jpg'); }
#painel-acoes li a.ajuda { background-image: url('../i/icon-ajuda.jpg'); }
#painel-acoes li a.desconectar { background-image: url('../i/icon-desconectar.jpg'); }
#painel-acoes li a.trocar-cliente { background-image: url('../i/icon-trocar-cliente.jpg'); width: 16px; height: 16px; }
#painel-acoes li a.alterar-senha { background-image: url('../i/icon-alterar-senha.jpg'); width: 16px; height: 15px; }
#painel-acoes li a:hover { background-position: bottom left; }

/* Inicio do CSS para o menu */
	#menu-principal, 
	#menu-principal ul {
		padding: 0;
		margin: 0;
		list-style: none;
		border: 1px solid #900;
		background-color: #900;
		position: relative;
		z-index: 200;
	}
	#menu-principal { height: 30px; padding: 0 0 0 2px; border-left: none; border-right: none; }
	
	#menu-principal table { border-collapse: collapse; }
	#menu-principal li { float: left; padding: 0 2px 1px 2px; margin-right: 10px; }
	#menu-principal li.sub-itens a { padding-right: 13px; background-image: url('../i/seta-sub-menu.jpg'); background-repeat: no-repeat; background-position: right top; }
	#menu-principal li.sub-itens li a { background-image: none; }
	#menu-principal li li { float: none; margin-right: 0; padding-bottom: 2px; }
	/* a hack for IE5.x and IE6 */
	#menu-principal li a li { float: none; margin-right: 0; }
	
	/* LARGURA DOS ITENS PARA IE */
	/*
	#menu-principal li a li a,
	* html #menu-principal li ul li a { width: 10em; }
	*/
	
	#menu-principal li a { 
		display: block;
		float: left;
		color: #FFF;
		height: 20px;
		line-height: 20px;
		padding: 2px 5px;
		margin-top: 2px;
		text-decoration: none;
		white-space: nowrap;
		outline: none;
		font-weight: bold;
	}
	#menu-principal li a.linha-infantil { background: url('../i/icon-menu-catalogo-infantil.jpg') no-repeat top left; padding-left: 24px; }
	
	#menu-principal li li a { height: 20px; width: 10em; line-height: 20px; float: none; padding-right: 20px; display: block; }
	#menu-principal iframe { position: absolute; width: 12.1em; height: 92px; z-index: 100; }
	
	#menu-principal li:hover { position: relative; z-index: 300; }
	#menu-principal li:hover li { background-color: #900; }
	#menu-principal a:hover { position: relative; z-index: 300; background-color: #FC0; background-position: bottom right; color: #000; }
	#menu-principal a.linha-infantil:hover { background-position: bottom left; }
	
	#menu-principal :hover ul, #menu-principal :hover iframe { left: 0; top: 27px; }
	/* another hack for IE5.5 and IE6 */
	#menu-principal a:hover ul, #menu-principal a:hover iframe { left: -3px; top: 25px; }
	
	#menu-principal ul { position: absolute; left: -9999px; top: -9999px; background: #900; }
	#menu-principal iframe { position: absolute; left: -9999px; top: -9999px; background: #900; }
	
	/* it could have been this simple if all browsers understood */
	/* show next level */
	#menu-principal li:hover li:hover > ul { left: -3px; margin-left: 100%; top: 0px; }
	/* keep further levels hidden */
	#menu-principal li:hover > ul ul { position: absolute; left: -9999px; top: -9999px; width: auto; }
	/* show path followed */
	#menu-principal li:hover > a { background-color: #FC0; background-position: bottom right; color: #000; }
	#menu-principal li:hover > a.linha-infantil { background-position: bottom left; }
	
	/* but IE5.x and IE6 need this lot to style the flyouts*/
	/* show next level */
	#menu-principal a:hover a:hover ul,
	#menu-principal a:hover a:hover a:hover ul,
	#menu-principal a:hover a:hover a:hover a:hover ul,
	#menu-principal a:hover a:hover a:hover a:hover a:hover ul { left: 100%; top: -1px; }
	
	/* keep further levels hidden */
	#menu-principal a:hover ul ul,
	#menu-principal a:hover a:hover ul ul,
	#menu-principal a:hover a:hover a:hover ul ul,
	#menu-principal a:hover a:hover a:hover a:hover ul ul { position: absolute; left: -9999px; top: -9999px; }
/* Fim do CSS para o menu */

#painel-filtro-pedido { position: relative; margin: 10px 5px 10px 5px; padding-right: 188px; }
#situacao-pedido-atual { position: absolute; width: 168px; top: 0; right: 0; height: 110px; }
#situacao-pedido-atual dt { width: 86px; text-align: right; float: left; }
#situacao-pedido-atual dd { width: 81px; padding-left: 1px; float: right; font-weight: bold; }
.no { color: #C30; }
#filtros .centalizado { margin-top: 23px; }
#filtros legend span { font-size: 0.8em; font-weight: normal; }
#ocultos { background: #EEE; padding: 5px; margin-bottom: 5px; display: none; }
#ocultos .botao { margin-top: 18px; }

#conteudo { clear: both; margin: 5px; background: #FFF; padding: 5px; border: 1px solid #CCC; }
#conteudo h2 { border-bottom: 5px double #6993B1; font-size: 1.5em; margin-bottom: 10px; }
h3 { border-bottom: 2px solid #6993B1; font-size: 1.3em; margin-bottom: 7px; }

table.default { border: 1px solid #CCC; width: 100%; background-color: #FFF; margin-bottom: 10px; }
table.default th a.ord_asc, table.default th a.ord_desc { padding-right: 20px; }
table.default th a.ord_asc { background: url('../i/icon-order-asc.gif') no-repeat center right; }
table.default th a.ord_desc { background: url('../i/icon-order-desc.gif') no-repeat center right; }
table.default thead tr { color: #FFF; }
table.default thead tr th { background: #900/* url('../i/bg-thead.jpg') repeat-x left top*/; padding: 3px 0; }
table.default thead tr th a { color: #FC0; }
table.default .icon { width: 10px; }
table.default tbody tr td { padding: 2px 5px; border-bottom: 1px solid #CCC; }
table.default tbody tr.falta { height: 28px; }
table.default tr.z { background: #EEE; }
table.default tr td.medicamento, table.default tr td.kit, table.default tr td.medicamento-controlado, table.default tr td.perfumaria { padding-right: 23px; }
table.default tr td.medicamento, #legenda-produtos .medicamento { background-image: url('../i/icon-medicamentos.gif'); background-repeat: no-repeat; background-position: right center; }
table.default tr td.kit, #legenda-produtos .kit { background-image: url('../i/icon-kit.gif'); background-repeat: no-repeat; background-position: right center; }
table.default tr td.medicamento-controlado, #legenda-produtos .medicamento-controlado { background-image: url('../i/icon-medicamentos-controlados.gif'); background-repeat: no-repeat; background-position: right center; }
table.default tr td.perfumaria, #legenda-produtos .perfumaria { background-image: url('../i/icon-perfumaria.gif'); background-repeat: no-repeat; background-position: right center; }
table.default .infoMer { width: 18px; }
table.default .infoMer a { display:block; width: 14px; height: 14px; background: url('../i/icon-info.gif') no-repeat left top; text-indent: -999px; outline: none; overflow: hidden; margin: 0 auto; }
table.default .infoMer.alerta a { background: url('../i/icon-info-alerta.gif') no-repeat left top; }
table.default .quantidade { white-space: nowrap; width: 40px; }
table.default .quantidade input { text-align: right; }
table.default .wAll { width: 90%; }
table.default tfoot { font-weight: bold; }
table.default tfoot .label { text-align: right; color: #666; }
input.qtdKit { font-size: 3.4em; }

.desconto { background: #9CF; }
.falta { background: #EAE9DF; }
.produto-desativado { color: #666; background: #DDD; }
#legenda-produtos ul .estoque-baixo, input.estoque-baixo { background-color: #FCC; }
.preco-diferenciado { background: #CCC; }
.bloqueado { background: #B5DCDF; }
.qtd-minima { background: #EFE0B3; }
.multiplos { background: #DCC9BA; }
.qtd-maxima { background: #B9CFB5; }

.campoDesabilitado { background: #CCC; }

.produto-desativado .campoDesabilitado { background: #EEE; border: 1px solid #666; }

.obsDesabilitado { color: #900; font-weight: bold; }

#legenda-produtos { position: absolute; right: 10px; top: 5px; }
#legenda-produtos a { padding: 2px 15px 2px 5px; background: url('../i/seta-legenda.gif') no-repeat top right; display: block; float: right; }
#legenda-produtos a:hover { background-position: bottom right; color: #FFF; background-color: #900; }
#legenda-produtos p { text-align: right; }
#legenda-produtos ul { float: right; clear: both; display: none; background: #FAFAFA; padding: 5px 5px 0 5px; border: 1px solid #000; list-style: none; }
#legenda-produtos ul span { display: block; border: 1px solid #000; margin-right: 3px; width: 25px; height: 15px; float: left; }
#legenda-produtos .medicamento, #legenda-produtos .perfumaria { height: 20px; background-position: center center; }
#legenda-produtos ul li { margin-bottom: 5px; }

.info-mer { background: url('../i/icon-info.gif') no-repeat left top; display: block; margin: 0 auto; width: 14px; height: 14px; text-indent: -999px; overflow: hidden; outline: none; }
a.img-mer { background: url('../i/icon-img-mer.jpg') no-repeat left top; margin-right: 5px; display: block; float: left; width: 14px; height: 16px; text-indent: -999px; overflow: hidden; outline: none; }
span.img-mer { background: url('../i/icon-no-img-mer.jpg') no-repeat left top; margin-right: 5px; display: block; float: left; width: 14px; height: 16px; text-indent: -999px; overflow: hidden; outline: none; }

#rodape { color: #999; font-size: 0.85em; margin-top: 15px; text-align: center; }

.busca, #sel-promocoes, #promocoes-selecionadas { float: left; height: 90px; }
.busca { width: 144px; margin-right: 5px; border-right: 1px solid #CCC; position: relative; }
.busca p { margin-bottom: 5px; }

/* #buscaNome { display: none; } */
#adicionarCodigo, #buscaEAN { display: none; }

#adicionarCodigo { width: 150px; position: relative; z-index: 50; }
#adicionarCodigo #campoAdicionarCodigo { width: 60px; }
#adicionarCodigo #campoAdicionarQtd { width: 25px; text-align: right; }
#adicionarCodigo #campoAdicionarOk { margin-top: 10px; }

#campoAdicionarInfoRetorno { position: absolute; z-index: 50; padding: 17px 10px 10px 10px; width: 212px; height: 56px; }
#campoAdicionarInfoRetorno .fechar { background-position: top left; background-repeat: no-repeat; position: absolute; width: 16px; height: 16px; right: 10px; top: 17px; }
#campoAdicionarInfoRetorno .fechar:hover { background-position: bottom left; }
#campoAdicionarInfoRetorno.ok { background: url('../i/msg-add-cod-ok.gif') no-repeat top left; }
#campoAdicionarInfoRetorno.ok .fechar { background-image: url('../i/fechar-msg-add-cod-ok.gif'); }
#campoAdicionarInfoRetorno.err { background: url('../i/msg-add-cod-err.gif') no-repeat top left; font-size: 0.9em; border: 0; }
#campoAdicionarInfoRetorno.err .fechar { background-image: url('../i/fechar-msg-add-cod-err.gif'); }
#campoAdicionarInfoRetorno.war { background: url('../i/msg-add-cod-war.gif') no-repeat top left; }
#campoAdicionarInfoRetorno.war .fechar { background-image: url('../i/fechar-msg-add-cod-war.gif'); }

#sel-promocoes { width: 127px; border-right: 1px solid #CCC; margin-left: 0 !important; margin-left: 5px; margin-right: 5px; position: relative; }
#sel-promocoes ul { display: none; z-index: 221; list-style: none; position: absolute; top: 65px; left: 0; background: #FFF; border: 1px solid #333; }
#sel-promocoes ul li a { display: block; width: 116px; padding: 2px; text-decoration: none; }
#sel-promocoes ul li a:hover, #sel-promocoes ul li a.selecionada { background-color: #900; color: #FFF; }
#sel-promocoes button, #sel-promocoes input { float: left; margin-top: 3px; }
#sel-promocoes button { border: 1px solid #333; margin-left: -1px; background: #D4D0C8 url('../i/btn-combo.gif') no-repeat center center; height: 24px; width: 22px; }
#sel-promocoes button span { display: none; }

#promocoes-selecionadas { width: 200px; }
#promocoes-selecionadas ul { list-style: none; }
#promocoes-selecionadas ul li { float: left; width: 40px; }
#promocoes-selecionadas p { clear: both; }
#promocoes-selecionadas p label { display: block; }

/* Estilos para campos de formulários */
fieldset { border: 1px solid #CCC; padding: 5px; }
fieldset legend { padding: 0 4px; color: #000; font-size: 1.2em; font-weight: bold; }
label.lado-a-lado { float: left; margin-right: 5px; margin-bottom: 5px; }
label.lado-a-lado.unica-linha { margin-top: 15px; }
.checkbox input { margin: 4px 3px -3px 0; }
label.lado-a-lado span { display: block; }

select { padding: 2px; }
select option { padding-right: 7px; }

input.text { padding: 2px; border: 1px solid #333; }
/* Fim dos estilos para formulários */

.clear { clear: both; }
.invisivel { visibility: hidden; }
.c { text-align: center; }
.r { text-align: right; }

.botao { border: 3px double #666; cursor: pointer; padding: 3px; background: #D7D7D7 url('../i/bg-botoes.jpg') repeat-x left top; }
a.botao { color: #000; text-decoration: none; }
.botao.ok { font-weight: bold; padding-left: 22px; background-image: url('../i/btn-ok.jpg'); background-repeat: no-repeat; background-position: left top; }
.botao.sair { font-weight: bold; padding-left: 22px; background-image: url('../i/btn-sair.jpg'); background-repeat: no-repeat; background-position: left top; }
.botao.cancel { padding-left: 22px; background-image: url('../i/btn-cancel.jpg'); background-repeat: no-repeat; background-position: left top; }
.botao.add { padding-left: 22px; background-image: url('../i/btn-add.jpg'); background-repeat: no-repeat; background-position: left top; }
.botao.limpar { padding-left: 22px; margin-top: 5px; background-image: url('../i/btn-limpar.jpg'); background-repeat: no-repeat; background-position: left top; }
.botao.novo { padding-left: 22px; margin-top: 5px; background-image: url('../i/btn-novo.jpg'); background-repeat: no-repeat; background-position: left top; }
.botao.voltar { padding-left: 22px; margin-top: 5px; background-image: url('../i/btn-voltar.jpg'); background-repeat: no-repeat; background-position: left top; }
.botao.atualizar { padding-left: 22px; margin-top: 5px; background-image: url('../i/btn-atualizar.jpg'); background-repeat: no-repeat; background-position: left top; }
.botao.espera { padding-left: 22px; margin-top: 5px; background-image: url('../i/btn-espera.jpg'); background-repeat: no-repeat; background-position: left top; }
.botao.importar { padding-left: 22px; margin-top: 5px; background-image: url('../i/btn-importar.jpg'); background-repeat: no-repeat; background-position: left top; }
.botao.delete { padding-left: 22px; margin-top: 5px; background-image: url('../i/btn-delete.jpg'); background-repeat: no-repeat; background-position: left top; }
.botao.desabilitado { background-position: bottom left; }
.desabilitado { color: #666; }

#carregando-area { display: none; position: absolute; width: 100%; z-index: 500; top: 0; left: 0; }
#carregando-area #fundo { background: #CCC url('../i/bg-esmaecido.jpg'); opacity: .8; filter: alpha(opacity=80); width: 100%; height: 100%; }

.ProgressBar-bg { margin-top: 10px; }

#caixa-de-entrada span { color: #FC0; }
#caixa-de-entrada:hover span { color: #000; }

.botoes { margin: 15px 0; }
.botoes a { text-decoration: none; padding: 4px 5px; background-color: #EEE; border: 1px solid #AAA; color: #000; font-weight: bold; }
.botoes a.nova-mensagem { background-image: url('../i/icon-mail-new.gif'); background-repeat: no-repeat; background-position: 4px center; padding-left: 26px; }
.botoes a.mensagens-recebidas { background-image: url('../i/icon-mail-get.gif'); background-repeat: no-repeat; background-position: 4px center; padding-left: 26px; }
.botoes a.mensagens-enviadas { background-image: url('../i/icon-mail-send.gif'); background-repeat: no-repeat; background-position: 4px center; padding-left: 26px; }
.botoes a.consultar { background-image: url('../i/icon-consult.gif'); background-repeat: no-repeat; background-position: 4px center; padding-left: 26px; }
.botoes a:hover { background-color: #CCC; }

form label { display: block; font-weight: bold; margin-bottom: 3px; }
form label.normal { display: inline; }
form p { margin-bottom: 15px; }
#form-filtro label { font-weight: normal; }

.requerido { color: #F00; }

/* Mensagem de erro */
#errorPanel { margin: 10px 0; border: 1px solid #FFD5AF; }
#errorPanel #errorTitle { font-size: 1em; color: #000; padding: 3px; background-color: #FFD5AF; font-weight: bold; }
#errorPanel span { font-weight: bold; }
#errorPanel ul { list-style: square; list-style-position: inside; margin: 5px 5px 0 10px; }
#errorPanel li { font-size: 1em; margin-bottom: 5px; color: #333; }

.msg_err, .msg_ok, .msg, .msg_alert { border-style: solid; border-width: 1px; padding: 10px; margin: 10px 140px 10px 20px;  }
.msg_err { background: #EFC2C2 url('../i/bg-msg-err.gif') no-repeat 10px center; border-color: #CF7474; padding-left: 40px; }
.msg_ok { background: #D1EFD8 url('../i/bg-msg-ok.gif') no-repeat 10px center; border-color: #5F7F6C; padding-left: 40px; }
.msg_alert { background: #FCFDDE url('../i/bg-msg-alert.gif') no-repeat 10px center; border-color: #9E9F63; padding-left: 40px; }
.msg { background: #DFDFDF; border-color: #8F8F8F; text-align: center; }
.msg_err p, .msg_ok p, .msg p, .msg_err li, .msg_ok li, .msg li { margin: 5px 0; }
.msg_err ul, .msg_ok ul, .msg ul, .msg_err ol, .msg_ok ol, .msg ol { list-style-position: inside; padding-left: 10px; }
/********************/

/* Paginacao */
div.pagination { text-align:center; display: block; }
div.pagination p { margin: 10px 0 0 0; }
div.pagination ul { list-style: none; height:30px; margin: 10px auto 0 auto; text-align: center; }
div.pagination ul li { display: inline; margin:2px 0px; height: 30px; line-height: 30px; }
div.pagination a:hover { text-decoration: none; }
div.pagination a.n { margin: 0 1px; padding: 5px 5px; background-color: #f5f5f5; border: 1px solid #ccc; }
div.pagination a.n:hover { background-color: #ccc; }
div.pagination a.s { color: #000; font-weight: bold; }
div.pagination .prev { margin-right: 8px; }
div.pagination .next { margin-left: 8px; }
div.pagination a.prev { padding: 5px 5px; background-color: #D1E7EF; border: 1px solid #ccc; }
div.pagination a.next { padding: 5px 5px; background-color: #D1E7EF; border: 1px solid #ccc; }
div.pagination a.prev:hover { background-color: #B3DFEF; }
div.pagination a.next:hover { background-color: #B3DFEF; }
div.pagination span.prev { padding: 5px 5px; background-color: #F4F4F4; border: 1px solid #ccc; color: #ccc; }
div.pagination span.next { padding: 5px 5px; background-color: #EBEBEB; border: 1px solid #ccc; color: #ccc; }
/*************/

#mensagem .titulo { cursor: default; }
.JSFrame .titulo { cursor: default; }

#Balao { overflow: hidden; position: absolute; right: 5px; bottom: 5px; background: #FFFFE1; padding: 5px; border: 1px solid #000; }
#Balao .titulo { font-weight: bold; padding-right: 20px; }
#Balao .fechar { width: 16px; height: 16px; background: #FFFFE1 url('../i/btn-fechar-balao.jpg') no-repeat left top; display: block; position: absolute; top: 2px; right: 2px; }
#Balao .fechar:hover { background-position: bottom; }

#infoCliente .label { display: block; }
#infoCliente .linha { border-bottom: 1px solid #CCC; margin-bottom: 10px; }
* html #infoCliente div.linha { height: 20px; } 
#infoCliente .lado-a-lado4 { float: left; width: 24.5%; }
#infoCliente .lado-a-lado2 { float: left; width: 49.5%; }
#infoCliente .lado-a-lado3 { float: left; width: 33%; }
#infoCliente .alAt { font-weight: bold; color: #F00; }
#infoCliente fieldset { clear: both; }

.Abas { list-style: none; }
.Abas li { display: inline; }
.Abas li a { z-index: 1; float: left; margin-left: 3px; padding-left: 11px; background: url('./bg-left-abas.gif') no-repeat left center; display: block; outline: none; position: relative; margin-bottom: -1px; text-decoration: none; color: #000; }
.Abas li a span { display: block; line-height: 24px; background: url('./bg-abas.gif') no-repeat right center; padding-right: 11px; }
.Abas li a:hover { background-position: left bottom; }
.Abas li a:hover span { background-position: right bottom; }
.Abas li a.ativa { background-position: left top; z-index: 3; }
.Abas li a.ativa span { background-position: right top; }
.Abas li a.ativa:hover { background-position: left top; }
.Abas li a.ativa:hover span { background-position: right top; }

.Abas-conteudo { position: relative; z-index: 2; background: #FFF; padding: 5px; border: 1px solid #000; clear: both; }
.Abas-conteudo-aba { display: none; }

#infoMer { display: none; position: absolute; z-index: 9997; top: 0; left: 0; padding-left: 5px; }
#infoMer .indicador { position:absolute; top: 0; left:0; background: url('../i/indicador-info-mer.gif') no-repeat left top; height: 10px; width: 6px; }
#infoMer .conteudo { border: 1px solid #999; font-size: 12px; padding: 3px 5px; background: #FFFFE1; }
#infoMer .conteudo h4 { border-bottom: 1px solid #999; font-size: 13px; margin-bottom: 5px; }
#infoMer .conteudo div { display: none; }
#infoMer .conteudo div.loading { display: block; width: 32px; height: 32px; background: url('../i/ajax-loader.gif') no-repeat left top; }
#infoMer .conteudo ul { list-style: none; }
#infoMer .conteudo ul li { clear: both; }
#infoMer .conteudo ul strong { text-align: right; display: block; width: 170px; margin-right: 3px; float: left; }
#infoMer .conteudo table { border: 1px solid #666; background: #EEE; width: 100%; }
#infoMer .conteudo table th { background: #666; color: #FFF; }
#infoMer .conteudo table tr.z { background: #DDD; }
#infoMer .conteudo a.fechar { position: absolute; top: 3px; right: 5px; background: url('../i/btn-fechar-balao.jpg') no-repeat left top; display: block; width: 16px; height: 16px; overflow: hidden; outline: none; text-indent: -9999px; }
#infoMer .conteudo a.fechar:hover { background-position: bottom; }
#infoMer ul ul {float : left;}
#niveis select { margin-bottom: 5px; }

.prazoUltrapassado { border: 2px solid #900; }
.loadingImg { text-align: center; background: #FFF url('../i/loader-img-produto.gif') no-repeat center top; padding-top: 35px; }
.alojaImagem { text-align: center; padding: 5px; }

.det { margin-bottom: 10px; } 
.det .l { clear: both; display: block; font-weight: bold; font-size: 1.1em; } 
.det .v { margin-left: 10px; } 

/*.ok-produto { background: #D1EFD8; }*/
.erro-produto { background: #EFC2C2; }
.atencao-produto { background: #FFFFCC; }
.markDeleteAll { display: block; border: 0; background: url('../i/deleteAll.gif') no-repeat left top; width: 16px; height: 16px; margin: 0 auto; text-indent: -9999px; overflow: hidden; }

.suggest { background-color: #FFF; position: absolute; list-style: none; z-index: 450; border: 1px solid #666; }
.suggest.loading { background-image: url('../i/loader-suggest.gif') no-repeat 5px center; height: 20px; }
.suggest a { display: block; white-space: nowrap; color: #000; text-decoration: none; padding: 2px 3px; }
.suggest a.sal { background-color: #CCC; }
.suggest .zebra { background: #F6F6F6; }
.suggest a.selecionado { background: #900; color: #FFF; }

.filtro-preenchido { font-weight: bold; }
#conteudo input.noPedido { border: 2px solid #090; background-position: center right; background-repeat: no-repeat; }

/* Ajuda */
#indiceAjuda { float: left; width: 220px; border: 1px solid #CCC; margin-right: 10px; }
#conteudoAjuda { border: 1px solid #CCC; overflow: hidden; }
#indiceAjuda { height: 500px; }

.cabecalhoAjuda { height: 25px; background: #DEDEDE; padding: 2px 5px 2px 5px; }
.cabecalhoAjuda input { font-size: 0.85em; }
.cabecalhoAjuda input.botao { padding: 0; background-position: 0 -4px; }
#conteudoAjuda .cabecalhoAjuda { text-align: right; }
#conteudoAjuda .conteudo { padding: 10px; height: 451px; overflow: auto; }
#conteudoAjuda .conteudo .keywords { color: #666; clear: both; text-align: right; font-style: italic; }
#conteudoAjuda .conteudo h2 { border-bottom: 3px double #6993B1; }
#conteudoAjuda .conteudo ul, #conteudoAjuda .conteudo ol { margin-left: 25px; }
#indiceAjuda ul { padding: 5px 0 5px 5px; height: 460px; overflow: auto; list-style: none; }
#indiceAjuda ul li a { display: block; outline: none; white-space: nowrap; }
#indiceAjuda ul li a:hover { background-color: #900; color: #FFF; }
#indiceAjuda ul li a.atual { font-weight: bold; }

.btnImprimirJanela, #conteudoAjuda .cabecalhoAjuda .btnAcao { width: 22px; height: 22px; background-color: transparent; background-position: center center; background-repeat: no-repeat; }
#conteudoAjuda .cabecalhoAjuda .btnAcao.desabilitado { opacity: .3; filter: alpha(opacity=30); }

#ajudaVoltar { background-image: url('../i/back.png'); }
#ajudaAvancar { background-image: url('../i/forward.png'); }
#ajudaInicial { background-image: url('../i/gohome.png'); }
.btnImprimirJanela, #ajudaImprimir { background-image: url('../i/fileprint.png'); }
.btnImprimirJanela { margin-bottom: 5px; }

.semQuebra { white-space: nowrap; }

#campo-mensagem { margin-bottom: 5px; }
.contadorMensagens { background: #EEE; color: #666; border: 1px solid #666; padding: 3px; }

.no-kit { display: none; }
.no-kit td { background: #EEE; }

#pedidoEspera, #finalizarPedido { margin-left: 100px; }

/* Mensagem de erro */
.err { margin: 10px 0; border: 1px solid #FFD5AF; font-size: 1.2em; }
.err h4 { font-size: 0.9em; color: #000; padding: 3px; background-color: #FFD5AF; font-weight: bold; }
.err ul { list-style: square; list-style-position: inside; margin: 5px 5px 0 10px; }
.err li { font-size: 0.8em; margin-bottom: 5px; color: #333; }
/********************/


#aviso-ie6 { background: #FCFDDE; border: 1px solid #CCC; padding: 5px; margin-bottom: 10px; display: none; }
#aviso-ie6 h6 { font-size: 1em; color: #F00; }
#aviso-ie6 p.sugestoes { width: 50%; margin: 10px auto 0 auto; }
#aviso-ie6 span, #aviso-ie6 a { display: block; width: 60px; text-align: center; float: left; margin-right: 15px; }
#aviso-ie6 .ie-6 { padding-top: 65px; background: url('../i/msg-ie/logo-ie6.jpg') no-repeat center 10px; }
#aviso-ie6 .ie8 { padding-top: 76px; background: url('../i/msg-ie/logo-ie8.jpg') no-repeat center 16px; }
#aviso-ie6 .gc { padding-top: 76px; background: url('../i/msg-ie/logo-chrome.jpg') no-repeat center 16px; }
#aviso-ie6 .ff { padding-top: 76px; width: 80px; background: url('../i/msg-ie/logo-ff.jpg') no-repeat top center; }
#aviso-ie6 .flechinha { background: url('../i/msg-ie/flechinha.jpg') no-repeat center center; height: 90px; text-indent: -999px; overflow: hidden; }

.atrasado { background: #FCC; }