body {
	background:#162036;
	width:100%;
	height:100%;
	font:12px Arial, Helvetica, sans-serif;
	color:#000;
}
.divCarregando {
	width:100px;
	height:100px;
	background:url(../../images/icones/ajax-loader.gif);
	padding:0;
	position: absolute;
	position: fixed !important;
	top: 45%;
	left: 50%;
	margin-left: -50px; /* tamanho da largura do seu flash/2 =50. */
	z-index: 9999;
	overflow:hidden;
}
a {color:#000; text-decoration:none;}
a:hover {color:#C00; text-decoration:underline}

.pp {width:60px; height:60px; margin:0 2px;} /* Imagem para as listas */
.p {width:70px; height:70px; margin:0 2px;} /* Imagem o inicial logado */
.m {width:100px; height:100px; margin:0 2px;}  /* detalhe do produto */
.g {width:150px; height:150px; margin:0 2px;} /* Original e inicial não logado*/
.gg {width:300px; height:300px; margin:0 2px;} /* Original */ 

#moldura {border:1px solid #999; padding:3px; *padding:2px; width:99%; height:100%;}

table#listas {font:10px Arial, Helvetica, sans-serif; color:#000; border:1px solid #999; *margin:0; *padding:0;}
table#listas thead tr {border:1px solid #CCC; *padding:0; *margin:0;}
table#listas thead tr td {background:#CCC; height:25px; font-weight:bold; text-align:center; font:11px Arial, Helvetica, sans-serif; color:#333; border:1px solid #FFF; *padding:0; *margin:0;}
table#listas tr td {border:1px solid #CCC; background:#FFF; *padding:0; *margin:0;} 

.label25 {width:25%; height:20px; float:left; margin-top:5px; text-align:right;}
.label20 {width:20%; height:20px; float:left; margin-top:5px; text-align:right;}
.campo30 {width:30%; height:20px; float:left; margin-top:5px; color:#333;}
.campo75 {width:75%; height:20px; float:left; margin-top:5px; color:#333;}
.campo80 {width:80%; height:20px; float:left; margin-top:5px; color:#333;}
.campo100 {width:80%; float:left; margin:5px 0 0 20%;}

#wrap {
	color: #404040;
	margin: 0 auto;
	width: 530px;
}
.black_overlay{
	display: none;
	position: absolute;
	position:fixed !important;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.tituloZoom {font:14px Arial, Helvetica, sans-serif; font-weight:bold; font-variant:small-caps; color:#003; text-align:left; width:100%; text-align:center; margin:5px auto;}

#zoom {
	width:550px;
	height:530px;
	background:#FFF;
	padding:0;
	position: absolute;
	/*position: fixed !important;*/
	top: -2px;
	left: 50%;
	margin-left: -277px; /* tamanho da largura do seu flash/2 =275. */
	z-index: 999;
	border:2px solid #bababa;
}

#contDetalhe  {width:530px; float:left; height:100%; padding:10px;}

.botaoCinza {
	background:url(../../images/fdoBotao.png) no-repeat;
	width:119px;
	height:20px;
	text-align:center;
}
.valoresDetalheLogado {width:95%; height:100%; min-height:125px; float:left; border:1px solid #CCC; padding:10px;}

#janeladetalheproduto {
	width:550px;
	height:530px;
	background:#FFF;
	padding:0;
	position: absolute;
	position: fixed !important;
	top: 40px;
	left: 50%;
	/*margin-top: -50px;   tamanho da altura do seu flash/2 = 250. */
	margin-left: -275px; /* tamanho da largura do seu flash/2 =275. */
	z-index: 9999;
	border:2px solid #bababa;
	overflow:hidden;
}

.caracteristicas {width:98%; float:left; font:12px Arial, Helvetica, sans-serif; position:relative; top:0px; padding:10px;}
.mostraAsCaracteristicas {width:100%; height:220px; float:left; overflow:auto; font:11px Arial, Helvetica, sans-serif;}
.mostraAsCaracteristicas ul li{ margin:5px;}

.titulosMenores {
	background:url(../../images/fdo_tituloMenor.png) no-repeat;
	width:210px;
	height:22px;
	padding:8px 10px 0 10px;
	font:12px Arial, Helvetica, sans-serif;
	color:#000033; 
	font-weight:bold;
}
.meioBrancoMenor {
	background:#FFF;
	width:230px;
	height:100%;
	padding:0;
	float:left;
}
.baseBrancaMenor {
	background:url(../../images/baseMenor.png) no-repeat;
	width:230px;
	height:10px;
	float:left;
}

.tituloMaior {
	background:url(../../images/fdoTituloMaior.png) no-repeat;
	width:704px;
	height:22px;
	float:left;
	padding:8px 10px 0 10px;
}

.topoBrancoG {
	background:url(../../images/topoBrancoG.png) no-repeat;
	width:724px;
	height:10px;
	float:left; 
	margin:0 auto; 
	display:inline; 
	overflow:hidden;
}
.meioBrancoG {
	background:#FFF;
	width:704px;
	min-height:50px;
	padding:0 10px;
	margin:0 auto;
	float:left;
}
.baseBrancaG {
	background:url(../../images/baseBrancaG.png) no-repeat;
	width:724px;
	height:10px;
	float:left;
}
/** ESTRUTURAÇÃO **/
#bar_principal {
	background:url(../../images/topoFundo.png); 
	width:964px; height:127px;
	float:left;
	padding: 10px;
}
#logo_empresa {z-index:1; position:absolute;} 
#menuSuperior {
		width:550px;
		height:20px;
		float:right;
		font:10px Arial, Helvetica, sans-serif;
		color:#FFF;
		text-align:right;
	}

	#menuSuperior a {
		font:10px Arial, Helvetica, sans-serif;
		color:#FFF;
		text-align:right;
		text-decoration:none
	}
	
	#menuSuperior a:hover {
		color:#F00;
		text-decoration:underline;
	}

#logos {
		width:306px;
		height:126px;
		float:left;
		margin:0 10px;
	}
	
#login {
	width:625px;
	height:95px;
	float:left;
	margin:15px 0 0 10px;
}
	.cantoEsqLogin {
		background:url(../../images/fdoEsqLogin.png) no-repeat;
		width:10px;
		height:95px;
		float:left;
	}
	.meioLogin {
		background:url(../../images/fdoMeioLogin.png) repeat-x;
		width:606px;
		height:95px;
		float:left;
	}
	.cantoDirLogin {
		background:url(../../images/fdoDirLogin.png) no-repeat;
		width:9px;
		height:95px;
		float:left;
	}

	.botaoEntrar {
		background:url(../../images/btnEntrar.png) no-repeat;
		width:53px;
		height:20px;
		border:none;
	}
	
#janelaLogin {width:600px; height:73px; float:right; margin:10px 5px; color:#000;}
#formLogin {
	width:250px;
	height:100%;
	color:#000;
	float:right;
}

#posLogin {
	width:100%;
	height:100%;
	color:#000;
	float:left;
	text-align:left;
}

#invalidoLogin {
	width:300px;
	height:100%;
	color:#000;
	float:right;
	text-align:right;
}

#dadosUsuaro {
		width:580px;
		height:40px;
		margin:0 auto;
		padding:0 10px;
		float:left;
		color: #09273e;
		font:12px Arial, Helvetica, sans-serif;
	}
#menuUsuario {
		width:560px;
		height:35px;
		float:left;
		margin:0 auto;
		padding:3px 20px;
		font:16px Arial, Helvetica, sans-serif;
		font-weight:bold;
		text-align:center;
		}
		
		.linkUsuario a {
		color:#6e1717;
		text-decoration:none;
		vertical-align:middle;
		}
		
		.linkUsuario a:hover {
		color: #000;
		}
		
		.linkUsuario a:active, a:visited {
		color:#6e1717;
		}
		
		/*ALTERACAO DE BRUNO*/
		.linkUsuario {
			width:164px;
			height:37px; 
			float:left;
		}
		
#bar_busca {width:220px; height:76px; background:url(../../images/fundoBusca.png) no-repeat; float:left; padding:5px;}
#form_busca {float:left;}
#form_busca img {position:absolute; margin-top:1px; margin-left:3px;}
#band_cartoes {margin:3px 15px 0 0; float:right;}

#conteudo {
	width:964px; 
	height:100%;
	float:left;
	padding:10px; 
	background:#E8E8E8 repeat-y;
} 
#if_central {margin:10px auto; width:724px; float:left; background:#e8e8e8;}

#rodape {clear:both; width:964px; height:100%; margin:10px auto; padding:0 10px; color:#FFF; float:left; font:Arial, Helvetica, sans-serif;}
#rodape_title {width:100%; height:30px; text-align:left; color:#FFF; font:14px Arial, Helvetica, sans-serif; font-weight:bold;}

/* PÁGINA CENTRAL.JSP */
#div_flash {height:234px; width:724px;}
#div_destaques {height:22px; width:724px; margin:10px 0 0 0; float:left; color:#000}
/*#div_destaques p {text-align:right; font-weight:bold; color:#FFF; padding:5px 8px 0 0;}*/

.tituloInterno {
	background:url(../../images/seta_tit.png) no-repeat;
	width:664px;
	height:15px;
	padding-left:20px;
	float:left;
	font:14px Arial, Helvetica, sans-serif;
	color:#000;
	margin-bottom:10px;
}

.tituloDestaques {
	background:url(../../images/fdoDestaqueProd.png) no-repeat;
	width:684px;
	*width:704px;
	height:16px;
	float:left;
	padding:12px 10px;
	*padding:12px 0 12px 10px;
	font:14px Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.meioDestaques {
	background:url(../../images/meioDestaquesProd.png) repeat-y;
	width:684px;
	/*height:100%;*/
	min-height:300px;
	float:left;
	padding:10px;
}
.baseDestaques {
	background:url(../../images/baseDestaqueProd.png) no-repeat;
	width:704px;
	height:10px;
	float:left;
}
#div_produtos {width:684px; min-height:100px; float:left; color:#000;}

.topoProduto {
	background:url(../../images/topoProd.png) no-repeat;
	width:221px;
	height:5px;
	float:left;
	margin:0 auto; 
	display:inline; 
	overflow:hidden;
}
.meioProduto {
	background:#FFF;
	width:201px;
	*width:221px;
	min-height:50px;
	height:100%;
	padding:5px 10px;
	float:left;
}
.baseProduto {
	background:url(../../images/baseProd.png) no-repeat;
	width:221px;
	height:5px;
	float:left;
}

/* FORMATAÇÃO **/
*ul, li, h1, h2, h3, label, b, p {color:#000; font:12px Arial, Helvetica, sans-serif}

p {text-align:justify;}

.negrito {font-weight:bold;}

h1,h2,h3{color:#443300; font-weight:bold;}
	
h3 {color:#FFF;}	

#fabricantesaz {
	/*background:url(../img/fdo_fabricantesAZ.png) no-repeat;*/
	width:230px;
	height:100%;
	min-height:100px;
	margin:10px 10px 0 0;
	float:left;
	}
	
	#fabricantesaz .letras {
	width:220px;
	*width:180px;
	height:100%;
	min-height:96px;
	padding:5px;
	*padding:5px;
	color:#000033;
	font:18px Arial, Helvetica, sans-serif; 
	}

#opt_menus {width:230px; height:100%; float:left; margin:10px auto;}
#opt_menus ul {width:230px;}
#opt_menus li {list-style:none; display:inline; padding:10px 20px; width:180px; float:left;}
#opt_menus li a:link, a:visited, a:active {color:#000; text-decoration:none;}
#opt_menus li a:hover{text-decoration:underline;}

.listaMenu {
	font:Arial, Helvetica, sans-serif;
	color:#000066;
	font-style:normal;
	font-variant:small-caps;
	}
	
.meioMenu {
	/*background:#FFFFFF;*/
	width:210px;
	padding:10px 10px 0 10px;
	height:100%;
	float:left;
	}
		
.linkMenu {
	margin:5px 0; 
	*margin:0;
	width:100%;
	height:26px;
	float:left;
}
.linkMenu a {
	color:#000;
	font:12px Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
}
.linkMenu a:hover {
	color:#C00;
}
.divisaoPqna {
	background:url(../../images/linha2.jpg) no-repeat;
	width:210px;
	height:1px;
	margin:5px 0;
	float:left;
}

#form_busca label {margin-left:19px; font-weight:bold; color:#FFF;}
#txtbusca {width:160px;} 

#rodape_title h3 {color:#FFF; font-weight:bold;}
.linha {background:url(../../images/linha.jpg) no-repeat; width:964px; height:1px; text-align:center; margin:10px 0; float:left;}


/* LOGINHOME/LOGIN.JSP */
 
.botaoOkVermelho {border:none; height:20px; width:21px;
	position:relative; background-color:#FFF;
	background-image:url(../../images/bt_ok.gif);
	background-repeat:no-repeat;}
	
.botaoVoltarVermelho {left:55px; padding-top:15px; width:73px; padding:0px;
	border:none; height:19px; width:57px;
	background-color:#FFF;
	background-image:url(../../images/bt_voltar_vermelho.gif);
	background-repeat:no-repeat;}	
	
.botaoDeslogar {border:none; height:20px; width:73px; float:right;
	margin:5px 10px 0 0; top:6px; background-color: #FFF;	
	background-image:url(../../images/bt_desconectar.png);
	background-repeat:no-repeat;}
	


/* CSS DO MENU LATERAL PRINCIPAL */
#menu {
	clear:both; 
	width:944px; 
	height:46px; 
	background:url(../../images/fundoMenu.jpg) no-repeat; 
	font:12px Arial, Helvetica, sans-serif; 
	padding:0 10px; 
	margin:1px auto;
}
#menu li {
	padding:8px 3px 10px 3px; 
	width:65px; 
	height:28px; 
	float:left; 
	text-align:center;
}
#menu li a {text-decoration:none; color:#FFF; width:100%; height:46px; text-align:center; padding:0 3px;}
#menu li a:hover {font-weight:bold; } 

.divisor {
		background:url(../../images/divisoria.jpg) no-repeat;
		width:1px;
		height:34px;
		margin:6px 3px;
		float:left;
	}

#submenu a 	{
	background:url(../../images/fdo_submenu.png) no-repeat;
	width:95px;
	height:30px;
	float:left;
	text-align:center;
	font:12px Arial, Helvetica, sans-serif;
	padding:5px 0;
	margin:0 10px;
}

#submenu a:hover {
	background:url(../../images/fdo_submenu_OVER.png) no-repeat;
	width:95px;
	height:30px;
	float:left;
	text-align:center;
	font-weight:bold;
	font:12px Arial, Helvetica, sans-serif;
	padding:5px 0;
	text-decoration:none;
}

.botao {
	background:url(../../images/botao.png) no-repeat;
	width:60px;
	height:22px;
	text-align:center;
	font-weight:bold;
	font:12px Arial, Helvetica, sans-serif;
	border:none;
}
/* ANTIGO CSS */
	 
.textoPq {
	font:11px Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;}

.textoMd {
	font-family:tahoma, kalimati;
	font-size:13px;
	font-weight:bold;
	color:#111A55;
	text-decoration:none;}

.textoGd {
	font-family:tahoma, kalimati;
	font-size:13px;
	color:#111A55;
	text-decoration: none;}

.textoCinza {
	font-family:tahoma, kalimati;
	font-size:12px;
	color:#6d6e71;
	text-decoration:none;}

.textoCinzaGd {
	font-family:tahoma, kalimati;
	font-size:15px;
	color:#6d6e71;
	text-decoration:none;}

.textoAzulPq {
	font-family:tahoma, kalimati;
	font-size:11px;
	color:#111A55;
	text-decoration:none;}

.textoAzulMd {
	font-family:tahoma, kalimati;
	font-size:12px;
	color:#111A55;
	text-decoration:none;}

.textoAzulGd {
	font-family:tahoma, kalimati;
	font-size:15px;
	color:#111A55;
	text-decoration:none;}

.labelAzulMd {
	font-family:tahoma, kalimati;
	font-size:13px;
	color:#111A55;
	font-weight:bold;
	text-decoration:none;}

.labelPq {
	font-family:tahoma, kalimati;
	font-size:11px;
	color:#000;
	font-weight:bold;
	text-decoration:none;}

.labelMd {
	font-family:tahoma, kalimati;
	font-size:13px;
	color:#000;
	font-weight:bold;
	text-decoration:none;}

.labelGd {
	font-family:tahoma, kalimati;
	font-size:16px;
	color:#000;
	font-weight:bold;
	text-decoration:none;
}
.labelLogin {
	font-family:tahoma, kalimati;
	font-size:12px;
	color:#7A5D00;
	font-weight:bold;
	text-decoration:none;
}
componentes de formulario 
.botaoOk {
	background:url(../../images/btn_ok.png) no-repeat;
	width:34px;
	height:20px;
	float:left;
}
.botaoCancela {
	padding:0px;
	border:none;
	height:19px;
	width:68px;
	background-image:url(../../images/bt_cancelar_over.gif);
	background-repeat:no-repeat;
	background-position:center;
}
.botaoVoltar {
	padding:0px;
	border:none;
	height:20px;
	width:59px;
	background:url(../../images/btnVoltar.png) no-repeat;
}
.botaoCadastrarVermelho {
	padding:0px;
	border:none;
	height:19px;
	width:107px;
	background-image:url(../../images/bt_cad_cliente_vermelho.gif);
	background-repeat:no-repeat;
	background-position:center;
}
.botaoEnvia {
	padding:0px;
	border:none;
	height:19px;
	width:57px;
	background-image:url(../../images/bt_enviar_over.gif);
	background-repeat:no-repeat;
	background-position:center;
}
.botaoSalvar {
	padding:0px;
	border:none;
	height:20px;
	width:59px;
	background:url(../../images/btnSalvar.png) no-repeat;
}
.botaoLimpar {
	padding:0px;
	border:none;
	height:20px;
	width:59px;
	background:url(../../images/btnLimpar.png) no-repeat
}
.botaoForm {
	font-family:tahoma, kalimati;
	font-size:10px;
	color:#000;
	font-weight:bold;
	background-color:#AAA;
	border:1px solid #000;
	height:23px;
}
.boxForm {
	font-family:tahoma, kalimati;
	font-size:11px;
	color:#000;
	font-weight:bold;
	background-color:#eaeaea;
}
.boxBorda {
	font-family:tahoma, kalimati;
	font-weight:bold;
	font-size:14px;
	margin:0px;
	border:0px;
	background-color:#FFF;
}
.boxLogin {
	font-family:tahoma, kalimati;
	font-weight:bold;
	font-size:14px;
	margin:0px;
	border:2px solid #D1A40D;
	background-color:#FFF;
}
.boxSubMenu {
	font-family:tahoma, kalimati;
	font-weight:bold;
	font-size:14px;
	color:#FFF;
	margin:0px;
	border:0px;
	vertical-align:middle;
	height:100%;
	background-color:#000B57;
}
.boxSubMenuCinza {
	font:12px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000;
	margin:0px;
	border:0px;
	vertical-align:middle;
	height:100%;
	background-color:#EEE;
}
.botaocalendario {		
	padding:0px;
	border:none;
	height:16px;
	width:16px;
	background-image:url(../../images/calendario.gif);
	background-repeat:no-repeat;
	background-position:top;
}
img { border:0px; }
/* Links */
a.titulo:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	text-decoration:none;
}
a.titulo:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	font-weight:bold;
	text-decoration:none;
}
a.titulo:active {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	font-weight:bold;
	text-decoration:none;
}
a.titulo:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#C00;
	font-weight:bold;
	text-decoration:underline;
}
/* tabelas */
.celulaCinza {
	background-color:#FFF;
	background-image:url(images/bar_destaque_long.jpg);
	background-repeat:repeat-x;
}
.tituloInfosLojas{
	width:964px;
	height:14px;
	float:left;
	font:14px Arial, Helvetica, sans-serif;
	color:#FFF;
	font-variant:small-caps;
	padding:8px;
}
.contInfosLojas {width:944px; height:100%; float:left; padding:8px 10px; color:#FFF;}
.baseInfosLojas {width:964px; height:8px; float:left;}
.linksInfosLojas {width:100%; float:left; display:inline; color:#FFF;}
.linksInfosLojas a {color:#FFF; text-decoration:none;}
.linksInfosLojas a:hover {color:#F00; text-decoration:underline;}
.pagamentosCertificados {width:100%; float:left; margin-top:10px;}
.formaPagamentos {width:60%; *width:58%; float:left; color:#FFF;}
.certificados {width:20%; float:left; color:#FFF;}
.tooltip {
	background-color:#F8F8F8;
	border:2px dotted #333333;
	padding:10px 15px;
	width:200px;
	display:none;
	color:#000;
	text-align:left;
	font-size:12px;
	position:absolute;
	z-index:666;
	margin:-20px 0 0 300px;
}
.divMensagem {
	width:95%;
	float:left;
	border:1px dashed #C00;
	font-weight:bold;
	color:#C00;
	padding:10px;
	margin:5px 0 10px 0;
	display:none;
}
.divMensagemx {
	background-color:#F8F8F8;
	border:2px dotted #333333;
	padding:10px 15px;
	color:RED;
	text-align:left;
	font-size:12px;
	z-index:666;
	width:450px;
}