/* ---------------------------------------------------------------------------------------- */
/* ---- geral ----------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

body	{
			margin: 0;
			padding: 0;
			font: 12px arial, helvetica, sans-serif;
			color: #333;
			background-color: #fff;
			text-align: center;
		}

#geral	{
			width: 990px;
			height: 100%;
			border: 0;
			margin: 0 auto;
			background-color: #fff;
		}

#loadingBody { background: transparent URL(images/loading.gif) no-repeat 10px 10px; padding: 5px 0px 20px 50px; text-align: left }


/* ---------------------------------------------------------------------------------------- */
/* ---- cabeçalho ------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

#topo01			{ background: url('img_geral/bg_topo01.jpg') no-repeat; }
#topo01 form	{ font: 10px arial, verdana, sans-serif; color:#c2c2c2; }
#topo02			{ background-color: #A8CFE6; }



/* ---------------------------------------------------------------------------------------- */
/* ---- rodapé ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

#rodape 		{ background: url('img_geral/bg_rodape.jpg') no-repeat; color:#a3a3a3; font:11px arial, verdana, sans-serif; }
#rodape a		{ color: #a3a3a3; text-decoration: none; padding: 0 5px 0 5px;  }
#rodape a:hover	{ color: #a3a3a3; text-decoration: underline; }
#rodape1		{ float:left; padding-left:115px; }
#rodape2		{ float:right; padding-right:10px; text-align: right }
#rodape2 a		{ padding: 0px 5px 0px 0px  }


/* ---------------------------------------------------------------------------------------- */
/* ---- menu de navegação (topo horizontal) ----------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

#menuH
	{
	position:relative;
	width:990px;
	height:60px;
	background:url('img_geral/navega.jpg') no-repeat 0 0;
	}
	
#menuH ul	{ display: inline; }

#menuH li
	{
	float:left;
	list-style:none;
	height:60px;
	}

#menuH li a
	{
	position:absolute;
	display:block;
	width:100%;
	height:60px;
	text-indent:-9999px;
	overflow:hidden;
	font-size:1%;
	background:url('img_geral/navega.jpg') no-repeat;
	}

#menuH li#n1 a 	{ width:164px; left:0; 		background-position:0 		0; }
#menuH li#n2 a 	{ width:163px; left:166px; 	background-position:-166px	0; }
#menuH li#n3 a 	{ width:163px; left:331px; 	background-position:-331px	0; }
#menuH li#n4 a 	{ width:163px; left:496px; 	background-position:-496px	0; }
#menuH li#n5 a 	{ width:163px; left:661px; 	background-position:-661px	0; }
#menuH li#n6 a 	{ width:164px; left:826px; 	background-position:-826px	0; }

#menuH li#n1 a:hover { background-position:0 			-60px; }
#menuH li#n2 a:hover { background-position:-166px -60px; }
#menuH li#n3 a:hover { background-position:-331px -60px; }
#menuH li#n4 a:hover { background-position:-496px -60px; }
#menuH li#n5 a:hover { background-position:-661px -60px; }
#menuH li#n6 a:hover { background-position:-826px -60px; }

.n1 #menuH li#n1 a { background-position:0 				-60px; }
.n2 #menuH li#n2 a { background-position:-166px		-60px; }
.n3 #menuH li#n3 a { background-position:-331px		-60px; }
.n4 #menuH li#n4 a { background-position:-496px		-60px; }
.n5 #menuH li#n5 a { background-position:-661px		-60px; }
.n6 #menuH li#n6 a { background-position:-826px		-60px; }


#ChatOnline { clear: both; display: block; text-align: center }

/* ---------------------------------------------------------------------------------------- */
/* ---- menu de navegação (lateral esquerda) ---------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

#menuV 						{ width:210px; margin:3px 0 0 0; border-top:3px solid #F32603; border-bottom:3px solid #F32603; }
#menuV ul 					{ list-style:none; margin:10px 0 20px 0; padding:0; }
#menuV li					{ border-bottom:1px dotted #ccc; }
#menuV li a					{ height:19px; line-height:19px; display:block; font:bold 11px/19px arial, verdana, sans-serif; color: #ED0400; text-decoration:none; padding-left:20px; background:#fff url('img_geral/menuV_01.gif') 10px 8px  no-repeat; }
#menuV li a:hover 			{ background:#f7f7f7 url('img_geral/menuV_01.gif') 10px 8px no-repeat; }
#menuV li a.menuVSub 		{ background:#fff url('img_geral/menuV_02.gif') 20px 5px no-repeat; color:#666; padding-left:35px; }
#menuV li a.menuVSub:hover	{ background:#f7f7f7 url('img_geral/menuV_02.gif') 20px 5px no-repeat; }



/* ---------------------------------------------------------------------------------------- */
/* ---- formulário de login (lateral esquerda) -------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

#fLogin				{  }
#fLogin th 			{ color: #666; text-align: center; font: bold 10px arial, verdana, sans-serif; height: 22px }
#fLogin td 			{ color: #9C9A9C; }
#fLoginErro			{ color: #fff; font-weight: bold; text-align: center; padding: 3px 0px 5px 0px; background-color: #f00; display: block }
.fLoginCar			{ color: #CC0000; text-decoration: none; }
.fLoginCar:hover	{ color: #9C9A9C; text-decoration: none; }



/* ---------------------------------------------------------------------------------------- */
/* ---- formulários ----------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

.textbox_busca	{ border:1px solid #cccccc; background-color:#ffffff; font:10px arial, verdana, sans-serif; }
.textbox_login	{ border:1px solid #cccccc; background-color:#ffffff; font:10px arial, verdana, sans-serif; }
.textbox		{ border:1px solid #cccccc; background-color:#ffffff; font:11px arial, verdana, sans-serif; }
.textbox_red	{ border:1px solid #cccccc; background-color:#ffffff; font:11px arial, verdana, sans-serif; color:#FF0000 }
.textbox_disable{ border:1px solid #cccccc; background-color:#F7F7F7; font:10px arial, verdana, sans-serif; color:#666666 }
.submit			{ width:100px; background:#f7f7f7; font:12px arial, verdana, sans-serif; cursor: pointer }
.submit_p		{ background: #FCFCFC URL(img_geral/button_rest.gif) center center repeat-x; border: 1px solid #A9A9A9; cursor: pointer }



/* ---------------------------------------------------------------------------------------- */
/* ---- diversos -------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

.breadcrumb	{ font:bold 16px arial, verdana, sans-serif; color:#ccc; text-transform:uppercase; border-bottom:2px solid #E5E5E5; margin:5px 0 0 30px; }
.tit_pops 	{ font:bold 16px arial, verdana, sans-serif; color:#f00; text-transform:uppercase; }

.foto a	img			{ border:3px solid #eee; }
.foto a:hover img	{ border:3px solid #ccc; }

.tab_title	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-align: center; font-weight: bold; background-color: #f7f7f7; height: 22px }
.tab		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-align: center; background-color: #ffffff }

.Error { color: Red }

/* -------------------------------------- links ------------------------------------------- */

.links	 			{ color: #000000; text-decoration: none }
.links_verm 		{ color: #FF0000; text-decoration: none }

.lk_lsl9 			{ color: #999999; text-decoration: underline; }
.lk_lsl9:hover		{ color: #999999; text-decoration: none; 			}

.lk_lslC0			{ color: #CC0000; text-decoration: underline; }
.lk_lslC0:hover		{ color: #CC0000; text-decoration: none; 			}

.lk_sll9 			{ color: #999999; text-decoration: none; 			}
.lk_sll9:hover		{ color: #999999; text-decoration: underline; }

.lk_sllC0			{ color: #CC0000; text-decoration: none; 			}
.lk_sllC0:hover		{ color: #CC0000; text-decoration: underline; }



/* -------------------------------------- fontes ------------------------------------------ */

.txt_pp		{ font: 9px  arial, verdana, sans-serif; }
.txt_p		{ font: 10px arial, verdana, sans-serif; }
.txt_pC		{ font: 10px arial, verdana, sans-serif; color: #888; }
.txt_pB		{ font: 10px arial, verdana, sans-serif; color: #fff; }
.txt_mm		{ font: 11px arial, verdana, sans-serif; }
.txt_mmC	{ font: 11px arial, verdana, sans-serif; color: #888; }
.txt_m		{ font: 12px arial, verdana, sans-serif; }
.txt_mC		{ font: 12px arial, verdana, sans-serif; color: #888; text-decoration:none; }
.txt_mP		{ font: 11px tahoma, verdana, sans-serif; color: #f00; letter-spacing: 1px; line-height: 15px }



/* ---------------------------------------------------------------------------------------- */
/* ---- páginas --------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

/* -------------------------------------- empresa ----------------------------------------- */

.empBox1	{ background:url(img_geral/empresa_visao.gif) no-repeat; padding-top:40px; }
.empBox2	{ background:url(img_geral/empresa_missao.gif) no-repeat; padding-top:40px; }
.empBox3	{ background:url(img_geral/empresa_valores.gif) no-repeat; padding-top:40px; }



/* -------------------------------------- cadastro cliente -------------------------------- */

#fCadastro td		{ height:23px; }



/* -------------------------------------- minha conta ------------------------------------- */

#ppSeal { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 101; background-color: White; opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50) }
#ppShadow { position: absolute; top: 12px; left: 12px; width: 290px; height: auto; z-index: 102; background-color: Black; opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50); display: inline }
#ppOverlay { position: absolute; top: 10px; left: 10px; width: 290px; height: auto; z-index: 103; background-color: MistyRose; text-align: newspaper; border: 1px solid Crimson; padding: 5px; overflow-x: scroll }
#ppOverlay TABLE { width: 100%; height: 100% }
#ppOverlay TD { font-family: Arial; font-size: 10pt }
#ppOverlay SPAN { font-weight: bold; font-size: 9pt }

TD.IconeConta DIV { display: block; font-family: Trebuchet MS, Arial; font-size: 13pt; font-weight: bold; color: #999999; height: 32px; overflow: hidden }
TD.IconeConta DIV.Cadastro { background: URL(img_geral/icn_cadastro.gif) top left no-repeat }
TD.IconeConta DIV.Pedidos { background: URL(img_geral/icn_todos_pedidos.gif) top left no-repeat }
TD.IconeConta DIV.Senha { background: URL(img_geral/icn_alterar_senha.gif) top left no-repeat }
TD.IconeConta DIV.Download { background: URL(img_geral/icn_download_pdf.gif) top left no-repeat }
TD.IconeConta DIV.Comprar { background: URL(img_geral/icn_comprar.gif) top left no-repeat }
TD.IconeConta DIV.Sair { background: URL(img_geral/icn_sair.gif) top left no-repeat }
TD.IconeConta DIV.Legenda { background-color: #FFFFFF; width: 100%; height: 100%; position: relative; top: 8px; left: 40px }
TD.IconeConta A { color: #CC0000; text-decoration: none }
TD.IconeConta A DIV { color: #CC0000; cursor: pointer }

A.pdf { font-family: Arial; font-size: 8pt; font-weight: bold; color: #F00; text-decoration: none }



/* -------------------------------------- produtos ---------------------------------------- */

.breadProd			{ font:11px arial, verdana, sans-serif; color:#999; margin: 10px 0 0 30px; }
.prodNotFound		{ border:1px solid #efefef; }
.bot_mod-2			{ border:1px solid #ccc; background-color:#eee; padding-left:4px; padding-right:4px; text-align:center; }
.bot_mod-2_selected { border:1px solid #ccc; background-color:#fff; padding-left:4px; padding-right:4px; text-align:center; }
.tdProd				{ width:173px; height:200px; background:#fff url('img_geral/bg_prod.gif') no-repeat; text-align:center; padding-top: 15px; }
.tdProdDiv1			{ margin:10px 5px; height:28px }
.tdProdDiv2			{  }
.tdProdSugest		{ border:1px solid #ccc; }

#STEP { float: right; margin: 0 0 0 0; font-size: 9pt; text-transform: lowercase }
#STEP A { color: #CCC; text-decoration: none }
#STEP A:hover { color: #CCC; text-decoration: underline }
#STEP TD { font-family: Arial, Verdana, sans-serif; font-size: 9pt; font-weight: bold; color: #CCC }

.breadnav { border-top: 2px solid #E5E5E5; margin: 0 0 0 30px }


#ProdutosVisitados { height: auto }
#ProdutosVisitados DIV.Setas { width: 50px; text-align: center; padding: 50px 0 0 0; float: left }
/*#ProdutosVisitados DIV.Produto { display: block; width: 150px; height: auto; overflow-y: visible; border: 1px solid #d6d6d6; margin: 0 2px 0 3px; float: left }*/
#ProdutosVisitados DIV.Produto { display: block; margin: 0 2px 0 3px; float: left; text-align:center }
#ProdutosVisitados DIV.Clear { clear: both }
#ProdutosVisitados DIV.Del { position: relative; top: -10px; left: -5; z-index: 1 }
#ProdutosVisitados IMG { margin-top: -15px }
#ProdutosVisitados INPUT { font-size: 8pt; color: #999; background-color: transparent; text-transform: lowercase; border: none; cursor: pointer }
#ProdutosVisitados P { font-weight: bold; color: #999; text-transform: lowercase }
#ProdutosVisitados TD.Aba { font-weight: bold; background-color: #F7F7F7; text-align: center; width: 220px; border-top: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC }
#ProdutosVisitados TD.TopoPasta { border-bottom: 1px solid #CCCCCC }


/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */