﻿body 
{
	width:960px; background-color:#FFFFFF; margin:0 auto;

	background-image:url(../imagens/body/fundo_geral.jpg);
	background-repeat:repeat-x;
	background-position:top;

}

#Topo{height:58px;width:100%;float:left;background-image:url(../imagens/body/fundo_barra_top.jpg);background-repeat: repeat-x;}
#Topo .link {font-family:Arial;font-weight:bold;color:White;font-size:0.8em;float:left;margin:35px 0 0 20px;text-decoration:none;} 
/*#Topo .inputBusca {font-family:Arial, Helvetica, sans-serif;font-size:1.0em;
					font-weight:bold;	color: #ffffff;	border: 1px solid #999999;margin: 15px 0px 0px 330px;
					text-align:left;width:180px;float:left;}
#Topo .linkBusca {font-family:Arial, Helvetica, sans-serif;font-size:0.9em;font-weight:bold; color: #ffffff;float:left;margin: 17px 0px 0px 8px;text-decoration:none;}
#Topo a{color:White;font-size:0.7em;float:right;margin:35px 10px 0  0px; }*/
#Topo #userBlock{float:right;font-size:0.7em;width:500px;text-align:right;margin:40px 4px 0px 0px;}
#Topo #userBlock a, #Topo #userBlock a:link, #Topo #userBlock a:visited{font-family:Arial;font-weight:bold;color:White;text-decoration:none;background-color:Transparent;}

#BuscaGoogle{float:left;position:absolute;top:15px;left:50%;}
#BuscaGoogle input{font-family:Arial, Helvetica, sans-serif;font-size:0.9em;height:18px;padding:2px; width:180px;border: 1px solid #999999;}
#BuscaGoogle .BtnOK{font-family:Arial, Helvetica, sans-serif;font-size:0.9em;font-weight:bold; color: #ffffff;width:60px;height:22px;
	background-image:url(../imagens/botoes/btnBuscar.jpg);background-repeat: repeat-x;border:0;	cursor:pointer;  }
#cse-search-results iframe{width:100%;}
#Menu{height:130px;width:100%;float:left; }
#Conteudo{width:100%;float:left;height:auto;margin:0 auto;text-align:center;}

#DestaquePrincipal{height:242px;width:505px;float:left;background-repeat:no-repeat; }
#DestaqueLogin{height:242px;width:451px;float:left;background-image:url(../imagens/body/fundo_login.jpg);background-repeat:no-repeat; }
#DestaqueLogin a:hover {/*color:#666666;font-family:Tahoma;*/text-decoration:none;}
#DestaqueLogin a:link {/*color:#666666;font-family:Tahoma;*/text-decoration:none;}
#DestaqueLogin .mapa{float:right;width:auto; text-align:center;font-family:Tahoma;color:#404040;font-size:11px;font-weight:bold;margin:12px 0 0 10px;padding-right:55px;text-decoration:none; }
#DestaqueLogin #BoxLogin{margin:47px 0px 0px 7px; width:232px;height:174px; float:left; background-image:url(../imagens/body/bgLogin.jpg	);background-repeat:no-repeat; }
#DestaqueLogin #Login{width:180px;height:150px; float:left; margin-top:20px;padding-left:50px;  }
#DestaqueLogin .inputLogin, #DestaqueLogin .inputSenha{font-family:Arial, Helvetica, sans-serif;font-size:0.7em;
					 color: #000000;height:16px;border: 1px solid #999999;text-align:left;width:110px;float:left; }
#DestaqueLogin #Login .inputSenha{margin-top:5px;}
#DestaqueLogin #Login .botaoLogin{margin:5px 0 0 5px;float:left;}
#DestaqueLogin #Login .linkEsqueceuSenha{font-family:Arial;margin:15px 0 0 -10px;float:left;width:150px; color:#077D89;font-size:0.8em;text-decoration:none;font-weight:bold;}
#DestaqueLogin #Login .linkCadastro{font-family:Arial;margin:45px 0 0 -10px; float:left;width:150px; color:#077D89;   font-size:0.9em;font-weight:bold;}
#DestaqueLogin #BoxLoginRestrito{margin:47px 0px 0px 7px; width:232px;height:174px;float:left;background-image:url(../imagens/body/bgBoxLogin.jpg);background-repeat:no-repeat; }
#DestaqueLogin #BoxLoginRestrito .topoBoxMensagem{padding-top:12px;text-align:center;font-family:Arial;color:#077D89;font-size:18px;font-weight:bold;}
#DestaqueLogin #BoxLoginRestrito .menuLogado{padding-top:4px; text-align:left;font-family:Arial;color:#333333;font-size:12px;font-weight:bold;float:left;margin-left:25px;line-height:18px;}
#DestaqueLogin #BoxLoginRestrito a, #DestaqueLogin #BoxLoginRestrito a:link {color:#666666;font-family:Tahoma;text-decoration:none;}

#DestaqueLinha{height:176px;width:100%;float:left;background-image:url(../imagens/body/categorias_1.jpg);background-repeat:no-repeat;}
#DestaqueLinha .box{padding-top:120px; float:left; width:180px;}
#DestaqueLinha .btnConfigurar{float:left;margin-left:5px;margin-top:26px;}
#DestaqueLinha .valor{float:left;margin:27px 0 0 30px;font-family:Tahoma;font-size:12px;font-weight:bold;color:red;}

#DestaqueGrupo{height:138px;width:100%;float:left;/*background-image:url(../imagens/body/categorias_2.jpg);background-repeat:no-repeat;*/}
#DestaqueGrupo .boxNotebook{float:left; width:189px;}
#DestaqueGrupo input{float:left;}
#DestaqueGrupo .boxImpressora{ float:left; width:198px; }
#DestaqueGrupo .boxMonitor{ float:left; width:185px; }
#DestaqueGrupo .boxAcessorio{ float:left; width:188px; }
#DestaqueGrupo .boxEstabilizador{ float:left; width:198px; }
#DestaqueGrupo .valor{float:right;margin:-50px 8px 0 0px;font-family:Tahoma;font-size:12px;font-weight:bold;color:red;z-index:100;}

#DestaqueOferta {height:314px;width:100%;float:left;background-image:url(../imagens/body/vitrine_ofertas.jpg);background-repeat:no-repeat;}
#OfertaVitrine  {float:left;padding:0px ;margin-top:50px;text-align:center;width:100%;height:110px; font-family:Arial Baltic;margin-left:2px;} 
#OfertaVitrine .box{ float:left; width:230px;height:122px;margin:0px 0px 2px 0px; }
#OfertaVitrine .imgOferta{margin:2px 0px 0px -1px;width:237px;height:120px;*height:122px;float:left;position:relative;}
#OfertaVitrine .btnComprar{margin:-20px 5px 0px 0px;float:right;position:relative;	}
#OfertaVitrine .valor{color: #3300cc;margin:-15px 0px 0px 40px;font-weight:bold;font-family: Tahoma;font-size: 10px;float:left;position:relative;}

#Rodape{height:108px;width:100%;float:left;background-image:url(../imagens/body/rodape.gif);background-repeat:no-repeat;}
#Rodape a{float:left;text-decoration:none;font-family:Tahoma;color:#333333;font-size:12px;font-weight:bold;}
#Rodape .home{float:left;margin:38px 0px 0 200px;}
#Rodape .empresa{float:left;margin:38px 0px 0 30px;}
#Rodape .produtos{float:left;margin:38px 0px 0 30px;width:auto;}
#Rodape .suporte{float:left;margin:35px 0px 0 30px;width:auto;}
#Rodape .contato{float:left;margin:38px 0px 0 30px;}
#Rodape .privacidade{float:left;margin:38px 0px 0 30px;}



.formulario
{
	font-family: Tahoma;
	font-size:12px;
	font-weight:bold;
	color:#666666;
	margin:0 auto;
	width:400px;
	
	
}
.campos
{
text-align:left;
vertical-align:middle;
margin:15px;
}
 

.formulario p
{
	line-height:40px;
}

.instrucao
{
	float: left;
	text-align: center;	 
	width:95%;
}

.instrucao .titulo
{
	font-family:Tahoma;
	font-size: 18px;
	font-weight:bold;
	color:#02747F;
	margin-bottom:10px;
	
}

.suporte
{
	font-family:Tahoma;
	font-size:12px;
	color:#666666;
	text-align:justify;
	width:900px;
	margin-left: 20px;
	margin-right:20px;
	line-height:20px;
}

.suporte li
{
	margin-left:20px;
	text-align:left;
}

.configLinha
{
	margin-top:20px;
	width:364px;
}

.configLinha .foto
{
	width:130px;
}

.configLinha .descricao
{
	width:208px;
	background-color:#E6E6E6;
}

.configLinha .descricaoAlt
{
	width:208px;
	background-color:#F2F2F2;
}

.menuAcessorios
{
	float:left;
	width:158px;
	border: solid 1px #CCCCCC;
}

.topoMenuAcessorios
{
	background-image:url(../imagens/acessorios/topoMenu.jpg);
	background-repeat:no-repeat;
	width:160px;
	height:39px;
}

.listaAcessorios
{
	margin-left:20px;
	float:left;
	width:100px;
	padding-bottom:20px;
}

.listaAcessorios .nome
{
	font-family:Tahoma;
	font-size:12px;
	font-weight:bold;
	color:#666666;
	padding-bottom:10px;
}

.listaAcessorios .valor
{
	font-family:Tahoma;
	font-size:14px;
	font-weight:bold;
	color:#BC1111;
	padding-bottom:10px;
}

.listaAcessorios .descricao
{
	font-family:Tahoma;
	font-size:10px;
	color:#666666;
	padding-bottom:10px;
}

.listaAcessorios .imagem
{
	text-align:left;
}

.topoCarrinho
{
	background-image:url(../imagens/acessorios/topoCarrinho.jpg);
	background-repeat:no-repeat;
	width:160px;
	height:39px;
}

.carrinho
{
	margin-left:5px;
	width:156px;
	float:left;
	margin-top:-30px;
}

.listaCarrinho
{
	width:158px;
	border: solid 1px #CCCCCC;
}

.cadastro
{
	width:748px;
	font-family:Tahoma;
	font-weight:bold;
	font-size:12px;
	color:#8B8B8B;
}

.BotaoConfigure
{ 
font: Arial;
background:#990000;
background:url(../imagens/botoes/fundo_botao.gif) repeat-x;
color: #FFFFFF; 
font-size: 14px; 
font-weight:bold;
float:left; 
padding-top: 5px;
padding-bottom:5px;
padding-left:10px;
padding-right:10px;
margin-right:3px;
text-align:center;
border:none;
cursor: pointer;
}

.BotaoFinalizarCompra
{ 
font: Arial;
background:#990000;
background:url(../imagens/botoes/fundo_botao.gif) repeat-x;
color: #FFFFFF; 
font-size: 14px; 
font-weight:bold;
float:right; 
padding-top: 5px;
padding-bottom:5px;
padding-left:10px;
padding-right:10px;
vertical-align:middle;
text-align:center; 
border:none;
cursor: pointer;
}
/*****************************************************************/
/*					       CONFIGURA PRODUTO					 */
/*****************************************************************/
#HeaderProduto
{
 
	float:left;
	color:white;
	background-color:#404040;
	height:50px;
	width:100%;
	font-family:Arial;
	font-size:16px;
	 
}
#HeaderProduto .TxbValor{float:right;color:white;margin:18px 10px 0px 0px;border:0;text-align:right;	background-color:#404040;width:auto;font-weight:bold;font-size:1.0em;}

#HeaderProduto .label
{
	float:right;	
	color:white;
	margin:15px 25px 0px 0px;	
	width:auto;	
}
#HeaderProduto .labelProduto
{
	float:left;	
	color:white;
	margin:15px 0px 0px 20px;
	font-weight:bold;
	
}
#ConfiguraProduto{	font: Arial; 	width:100%;}

#ConfiguraProduto .grid
{
	color:Black;
	font: Arial; 
	font-size:16px;	
	text-indent:10px;
}
#ConfiguraProduto .altergrid
{
	color:Black;
	font: Arial; 
	font-size:16px;	
	text-indent:10px; 
	 background-color:#F4F4F4;

	 
}
#ConfiguraProduto .colgrupo
{
	 font: Arial; 
	 font-size:16px;	
	 height:40px;
	 color:Black;
	 padding-right:15px;	 
}
#ConfiguraProduto .colcomponente
{
	font: Arial; 
	 Font-Size:14px;
	 text-align:left;
}
#ConfiguraProduto .coldropdown
{
	 font: Arial;	
	 Font-Size:12px;
	 
	 text-indent:0px;
	 Width:350px;	 
	 border : 1px #999999 solid;	 
	 *padding:3px 3px 3px 0px ;	 
	 padding:0px;	 
	 margin-left:0px;
	 *margin-left:10px;
	 height:22px;
}

#ConfiguraProduto .itemgrid
{
	font: Tahoma; 
	background-color:#E9E9E9;	 
	height:40px;
}

#ConfiguraProduto .headergrid
{
	background-color:#404040;	
	font-family:Arial;
	font-size:12pt;
	color:#ffffff;
	height:45px;
 }
 #ConfiguraProduto .label_invisivel
 {
	display:none;	
 }
 
 .headercomponentes .label
{
	font-weight:bold;
	font-family:Arial;
	font-size:11pt;
	color:#ffffff;	
	margin-left:5px;
}

 .footercomponentes
 {
	background-color:#8080FF;	
	font-style:italic;
	font-family:Arial;
	font-size:11pt;
	color:#ffffff;	
	text-align:right;
}

.footercomponentes .label
 {
	font-family:Arial;
	font-size:13pt;
	color:#ffffff;
	font-weight:bold;
 /*Font-Names="Arial" Font-Size="13pt" ForeColor="White"*/
 }
 
/*****************************************************************/
/*					       PRODUTO		   						 */
/*****************************************************************/
/*
#MenuProduto
{
	 float:left;	  
	 width:18%;/*140px;	 */
  /*
  	 background-color:#F3F3F3;
 	 border:solid 1px gray;		
	 padding-bottom:0px;
	 padding-left:7px;
	 padding-right:0px;
	 margin: 15px 0px 0px 0px;		 
	 
	 font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}
*/
#MenuProduto
{
	 float:left;	  
	 width:18%;   
  	 background-color:#F3F3F3;
 	 border:solid 1px gray;		
	 padding-bottom:0px;
	 padding-left:7px;
	 padding-right:0px;
	 margin: 15px 0px 0px 0px;	
	 
	 text-align:left;	 
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:12px;
	 font-weight:bold;
	 		
	
}

/***************** MENU **********************/
#MenuProduto .menu
{ 
} 
#MenuProduto .menu .treeNode
        {
            width:100%;color:#02747F;
            text-align:left; text-decoration: none; 
        }
        #MenuProduto .menu .rootNode
        { 
            width:100%;color: #333333;
            text-align:left; text-decoration: none; 
        }
        #MenuProduto .menu .leafNode
        { 
			padding:2px; 
            font-weight:bold;
            text-align:left;
        }
 

 /*
#MenuProduto .menu 
{	

	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;	
	margin: 0px 0px 0px 0px;
	padding-top:5px;
	padding-bottom:5px;
	text-align:left;	 
			
}
#MenuProduto .menuItem td {
	padding-top:5px;
	padding-bottom:5px;	 
	vertical-align:middle;
	
} 
 
#MenuProduto .menuItem a 
{
	margin:20px 0px 20px 0px;
	padding-top:0px;
	text-align:left;
	vertical-align:middle;
	
}

.menuItem a:link, .menuItem a:visited 
{
	color: #333333;		
	text-decoration: none;	
}
 

.menuItem a:hover {
color:#FF3300;
}  
  

.menuItemHover
{ 
	
*/
/***************************************/
#Produtos
{
	 float:right;	  
	 width:79%; 
	 margin-top:15px; 
}  
#Produtos table, #Produtos table td{margin:0;padding:0;}
#Produtos table td{width:50%;}
#Produtos .labelSemProduto
{
	float:left;
	font-family:Arial;
	font-size:15px; 
	font-weight:bold;
	margin-top:30%;
	margin-left:30%;
	 
}
#ProdutoForm
{
	float:left;
	position:relative;	
	width:100%; 
	_width:96%; 
		
	/* 
	margin-top:10px;
	padding:7px 0px 7px 0px;*/
	
}

#ProdutoForm .Header
{
	float:left;
	color:white;
	background-color:#404040;
	height:50px;
	width:100%;
	
	font-family:Arial;
	font-size:14px; 
	/* margin:10px 0px 10px 0px;
	padding:0px; */
}

#ProdutoForm .Header .label
{
	float:right;	
	margin:0px 5px 0px 0px;		
}

#ProdutoForm .Header .labelLinha
{
	font-size:15px; 
	float:left;	
	margin:0px 0px 0px 5px;
	width:100%;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:5px;	
}
#ProdutoForm .Header .labelProduto
{
	float:left;	
	margin:0px 0px 0px 0px;
	text-indent:15px;
	width:100%;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-bottom:10px;	
}
#ProdutoForm .Conteudo
{
	float:left;	
	width:100%;
	min-height:150px;	
	background-color:#ffffff;
}

#ProdutoForm .Conteudo .image 
{	
	float:left; 	
	margin-left:35%;
	*margin-left:26%; 
	_margin-left:26%; 
	margin-bottom:0px;	
	max-width:150px;
	height:90px;
 
	_height:100px;	
}  

#ProdutoForm .Conteudo .labelTexto 
{	
	float:left;		
    font-family:Arial;
    font-size:12px;
    color:Black;
	width:95%;

	text-align:justify;
	margin-left:10px; 
	margin-top:5px;
	margin-bottom:5px;	
	 
	overflow:hidden;	
	_height:35px;
	*height:58px;
	height:100px; 	
}

#ProdutoForm .Footer
 {
	float:left;
	margin:0px 0px 0px 0px;
	background-color:#ffffff;
	/*background-color:#F3F3F3;
	  	*/
	border-top:solid 1px #E2E2E2;	
	font-family:Arial;
	font-size:11pt;
	font-weight:bold;
	color:#333333;
	text-align:left;
	width:100%;	
	_width:104%;
	height:90px;
	/*padding:12px;*/
	position:relative;
}



#ProdutoForm .Footer .labelValor
{
	font-size:11pt;
	text-align:right;
	float:right;	 
	margin:0px 2px 0px 0px;
	padding:10px 20px 10px 10px;
	width:100px; height:15px; 
}
#ProdutoForm .Footer .labelValorDesc
{
	font-size:11pt;
	text-align:right;
	float:right;	 
	margin:0px 2px 0px 0px;
	padding:0px 20px 0px 10px;
	width:100px;height:15px;border:0px solid red; 
	 	
}
#ProdutoForm .Footer .labelTexto
{	
	font-size:10pt;
	width:150px;
	text-align:left;
	float:left;	  
	margin:0px 0px 0px 2px;
	padding:10px 0 10px 50px;height:15px; 
} 


#ProdutoForm .Footer .labelTexto2
{	
	float:left;	
	/*margin:-55px 0px 0px 0px;*/
	margin:0px 0px 0px 2px;
	padding:0 10px 0 50px;
	text-align:left;	
	font-size:10pt;
	width:180px;height:15px;border:0px solid red; 
}   

#ProdutoForm .Footer .AreaBotoes{float:left; width:135px;height:35px; }

#ProdutoForm .Footer .botao
{
	float:left;	 
	margin:10px 10px 0px 10px; 	
	/*position:relative;	*/
} 

#Ofertas
{
	float:left;
	width:100%;
	margin-top:0px;
	padding-top:0px;
}


#OfertaForm
{
	float:left;
	position:relative;
	width:48%; 
		
	margin:0px;
	padding:7px 0px 7px 0px;
}
#OfertaForm .Header
{
	float:left;
	color:white;
	background-color:#404040;
	height:50px;
	width:99%;
	font-family:Arial;
	font-size:14px; 
	margin:10px 0px 10px 0px; 
	padding:0px; 
}

#OfertaForm .Header .label
{
	float:right;	
	margin:0px 5px 0px 0px;		
}

#OfertaForm .Header .labelLinha
{
	font-size:15px; 
	float:left;	
	margin:0px 0px 0px 5px;
	 width:90%;
	font-weight:bold;	
}
#OfertaForm .Header .labelProduto
{
	float:left;	
	margin:0px 0px 0px 0px;
	text-indent:15px;
	width:90%;
	font-weight:bold;	
}
#OfertaForm .Conteudo
{
	float:left;	 
	width:100%;
	min-height:150px;
	_max-height:150px;
}
#OfertaForm .Conteudo .labelTexto 
{	
	float:left;		
    font-family:Tahoma;
    font-size:12px;
    color:Black;
	width:85%;
	overflow:hidden;
	
	text-align:justify;
	margin-left:20px; 
	margin-top:20px;	
	margin-bottom:5px;	
	_margin-bottom:0px;	
	height:52px;
	*height:58px;
	_height:58px;
}

#OfertaForm .Conteudo .image 
{	
	float:left; 		
	margin-left:120px;	 
	margin-bottom:0px;	
	max-width:150px;	
	height:85px;
 
}  

#OfertaForm .Footer
 {
	float:left;
	margin:0px 0px 0px 0px;
	background-color:#F3F3F3;
	border:solid 1px gray;	
		 	 	
	font-style:italic;
	font-family:Arial;
	font-size:11pt;
	font-weight:bold;
	color:Gray;	
	text-align:left;
	width:99%;
	_width:96%;
	height:60px;
}
#OfertaForm .Footer .botao
{
	float:right;	
	margin:32px 10px 0px 0px;

}
#OfertaForm .Footer .label 
{
	float:left;	
	margin:-56px 0px 0px 5px;
	padding:0px;
	text-align:left;	
	width:100%;	
	font-size:9pt;
}
#OfertaForm .Footer .labelValor
{
	font-size:13pt;
	min-width:80px;
	float:right;	 
	margin:-58px 0px 0px 0px;
	padding:0px;	
	
	
}

#OfertaForm .Footer .labelTexto
{	
	float:left;	
	margin:-56px 0px 0px 5px;
	padding:0px;
	text-align:left;	
	width:100%;	
	font-size:9pt;
} 


#OfertaForm .Footer .labelTexto2
{	
	float:left;	
	margin:-40px 0px 0px 5px;
	padding:0px;
	text-align:left;	
	width:100%;	
	font-size:9pt;
} 
#OfertaForm .Footer .labelValorDesc
{
	text-align:right;
	font-size:11pt;
	width:50%;
	
	float:right;	 
	margin:-42px 2px 0px 0px;
	padding:0px;
	
} 
 


/*****************************************************************/
/*					       PRODUTO INDIVIDUAL		   						 */
/*****************************************************************/
  
#Produto 
{
	 float:left;	  
	 width:100%;
}

#Produto .Header
{ 
	float:left;
	color:white;
	background-color: #404040;  
	background-position:center;
	height:50px;
	width:100%;
	font-family:Arial;
	font-size:16px;
	vertical-align:middle;
	padding-top:12px;	 
}

#Produto .Header .labelLinha
{ 
	font-size:16px;
	font-family:Arial;	
	margin:0px 0px 0px 0px;
	font-weight:bold;
	vertical-align:middle;	
}
#Produto .Header .labelProduto
{
	margin:0px 0px 0px 0px;
	font-weight:bold;
	font:Arial;
	font-size:16px;
	vertical-align:middle;	
}
#Produto .imageProduto
{	
	float:left; 
	left:33%;
	margin:5px 0px 10px 0px;
}

#Produto  .labelDescricao
{	
	float:left;
	width:98%;
	margin:10px 0px 10px 0px;
	font-family:Tahoma;
	font-size:12pt;
}

#Produto  .link
{	
	 text-decoration:underline;
}

#Produto  .Footer
 {
	float:left;
	margin:10px 0px 0px 0px;
	background-color:#F3F3F3;
	border:solid 1px gray;
		 	 	
	font-family:Arial;
	font-size:14pt;
	font-weight:bold;
	color:#333333;
	padding:12px;
	text-align:left;
	width:97%;
}

#Produto .Footer .botao
{
	float:right;	
	margin:20px 10px 0px 0px;
	
}
#Produto .Footer .label
{	
	text-align:left;
	float:left; 
	margin:5px 0px 0px 5px;
	width:auto;
} 

#Produto .Footer .labelTexto
{	
	text-align:left;
	float:left; 
	margin:0px 0px 10px 30px;
	width:40%;
} 


#Produto .Footer .labelTexto2
{	
	text-align:left;
	float:left; 
	margin:0px 0px 0px 30px;
	width:40%;
} 
#Produto .Footer .labelValor
{
	float:left;	 
	margin:0px 0px 10px 0px;
	width:18%;
	text-align:right;
}

#Produto .Footer .labelValorDesc
{
	float:left;	 
	margin:0px 0px 0px 0px;
	width:18%;
	text-align:right;
	
}


/*****************************************************************/
/*					       AUTENTICACAO_USUARIO					 */
/*****************************************************************/

#autenticausuario {
	width:100%;/*930px*/
	float:left;
	padding-top:15px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:14px;
	margin:0px;
	vertical-align:middle; text-align:left;
}

#autenticausuario .label
{
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:14px;
	float:left;
	font-weight:normal;
	margin:0px; vertical-align:middle; width:180px;
}

#autenticausuario .inputautenticacao {
	width:200px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	border:solid;
	border-width:1px;
	border-color:#b9baba;
	background-color:#EFEFEF;
	float:left;
	text-align:left;
	margin:0px 0px 0px 0px;
	padding:7px; vertical-align:middle;
}
#autenticausuario .requerido
{
	margin-top:-18px;	
}

#contCarrinhoBotao {
	width:486px;
	height:auto;
	padding-top:15px;
	float:left;
	text-align:center;
}


#contCarrinhoBotao img {
	border:solid;
	border-width:0px;
}

#contCarrinhoBotaoA {
	width:486px;
	height:auto;
	padding-top:15px;
	float:left;
	text-align:center;
	border-top:solid;
	border-top-width:1px;
	border-top-color:#C6E1E6;
}

#contCarrinhoBotaoA img {
	border:solid;
	border-width:0px;
}



.classFormAutentica {
	width:295px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	border:solid;
	border-width:1px;
	border-color:#b9baba;
	background-color:#EFEFEF;
}

.classLinkLembrAutent {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#BF1E1E;
}

.classLinkLembrAutent a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#BF1E1E;
	text-decoration:none;
}

.classLinkLembrAutent a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#BF1E1E;
	text-decoration:underline;
}

.classObrigatorioCadastro {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
}

.classVermelhoCadastro {
	font-family:Arial, Helvetica, sans-serif;
	color:#FF0000;
	font-size:10px;
	font-weight:bold;
}

.classFormNmCadastro {
	width:390px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	border:solid;
	border-width:1px;
	border-color:#b9baba;
	background-color:#fdf8f0;
}

.classFormRgCpfNascCadastro {
	width:185px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	border:solid;
	border-width:1px;
	border-color:#b9baba;
	background-color:#fdf8f0;
}


.classDropOcupCadastro {
	width:250px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	border:solid;
	border-width:1px;
	border-color:#b9baba;
	background-color:#fdf8f0;
}

.classDropMFCadastro {
	width:100px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	border:solid;
	border-width:1px;
	border-color:#b9baba;
	background-color:#fdf8f0;
}

.classLinkCep {
	color:#6AB320;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

.classLinkCep a {
	color:#6AB320;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
}

.classLinkCep a:hover {
	color:#6AB320;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:underline;
}

.classFormBairroCidadeCadastro {
	width:175px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	border:solid;
	border-width:1px;
	border-color:#b9baba;
	background-color:#fdf8f0;
}


.classNumeroTelCadastro {
	width:150px;
	border:solid;
	border-width:1px;
	border-color:#b9baba;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	background-color:#fdf8f0;
}

/*****************************************************************/
/*					       CADASTRO	     						 */
/*****************************************************************/

.novoCadastro
{
	width:100%;
	margin-top:-20px;
	padding-top:20px;
	font-family:Arial;
	font-weight:bold;
	font-size:12px;
	color:#8B8B8B;
	float:left; background-color:#FFFFFF;
	
}
.novoCadastro .BotaoConfigure
{
	margin-top:0px;
}

.novoCadastro .dropdown {
	font: 0.9em Verdana;
	color: #666666;
	border: 1px solid #999999;
	padding: 0px 0px 0px 0px;		
	margin: 0px 0px 0px 0px;	
	float: left;
}
h2 
{
	 
	background-color:#404040;
	color:#ffffff;
	width:100%;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	margin: 0px 0px 20px 0px;		
	text-indent:20px; font-family:Arial;	
	font-size:16px;
	font-weight: bold; 
	padding: 5px 0px 2px 0px;
	float:left; 
} 
.label {
	font-family:Arial; font-size:12px;
	color: #666666;
	text-align: right;
	margin: 0px 0px 0px 0px;
	padding-right: 10px;
	float: left;
	font-weight:bold; width:100px;
	
}
.cadGrupo {
	float: left;
	width:360px; margin:0px;
}
.cadLinha {
	float: left;
	width:730px; margin:0px;
	
}

.dropdown {
	font: 0.7em Verdana;
	color: #666666;
	border: 1px solid #999999;
	padding: 0px 0px 0px 0px;		
	margin: 3px 0px 0px 0px;	
	float: left;
}
.inputbox{ width:240px; float: left; text-align:right; margin:0px;

}
.input {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
	color: #666666;
	border: 1px solid #999999;
	padding-top: 2px;
	padding-bottom:2px;
	padding-left:2px;
	padding-right:2px;
	margin: 0px 0px 0px 0px;
	text-align:left;
	width:100px;
	float:left;

}
.requerido 
{
	font: 0.9em Verdana;		
	text-align: left;
	 font-weight:bold;
	padding: 4px 0px 0px 2px;	
	_padding: 0px 0px 0px 1px;	
	float:left;	
}
.checkbox {
	font: 0.9em Verdana;
	color: #666666;
	 
	text-align: left;
	margin: 0px  0px 0px 0px;
	padding: 2px  0px 0px 0px;
	float: left;
}
 .radiolist {
	font: 0.9em Verdana;	
	color: #666666;
	width: 30px;
	text-align: left;
	margin: 5px 0px 0px 0px;	
	_margin: -5px 0px 0px 0px;	
		
	float: left;
	border: 0px solid #999999;	  
} 

.Progress
{
	color:red;	 
	font: 0.9em Verdana;
	font-weight:bold;
	width:100px;

	position:fixed;
	top:40%;
	left:45%;
	padding:20px 30px 20px 30px;
	background-color:#ffffff;
	border:1px solid #999999;
	text-align:center;
}
.imageProduto
{	
	float:left;
	position:relative;
	left:33%;
	margin:5px 0px 10px 0px;
	 
}
.linhaCadastro
{
	margin-top:10px;
	line-height:20px;
}

.linhaCadastro .colunaCadastro
{
	float:left;
}

.camposObrigatorios
{
	font-weight:bold;
}

.txtEndereco
{
	width:300px;
}

.senhaIvalida
{
	font-size:9px;
	color:Red;
}

/*****************************************************************/
/*					       CONFIGURA	   						 */
/*****************************************************************/
 

#Configurar
{
	margin:20px 0 0 20px;
	width:100%;
	float:left;
}
#Configurar .itemdatalist
{
	float:left;
	width:415px;
	background:   url(../imagens/body/fundo_configurar.jpg) repeat-x;
	border: 1px solid #999999;
	margin:0px 0px 10px 0px; 
	
	 
} 

#Configurar .headerImage
{
	margin:10px 0px 0px 10px;
	float:left;
	width:150px;
	height:100px;
}  
#Configurar .headerImage .image
{ 
	max-width:140px;
	max-height:100px;
}  


#Configurar .header
{ 
	
	margin-bottom:16px;
	color: #02747F;
}  
 
#Configurar .valor_cinza
{
    padding: 0px ;
    margin: 0px ;

    width: 180px;
    height: 30px;
    
    background: url(../imagens/body/boxvalor.jpg);
    float: left;
    background-repeat: no-repeat;
    font-family: Arial, Helvetica, sans-serif;
     
    font-weight: bold;
    font-style: italic;
    text-align: center;
    color: #FFFFFF;
     
    display: block;
    vertical-align: middle;
 
    /*background-attachment: fixed;*/
}


#Configurar  .valor_cinza .labelTexto 
{
	font-size: 8pt;
	float:left;
	margin:0px 0px 0px 2px;
	padding:10px 5px 5px 5px;
	text-align:left;
	vertical-align:middle
	width:100%;
}
#Configurar  .valor_cinza .labelValor 
{
	font-size: 17px;
	float:right;
	margin:0px 0px 0px 0px;
	padding:6px 16px 0px 0px;
	width:auto;
	vertical-align:middle;
}


#Configurar .linhaNome
{
    font-weight: normal;
    font-family: "Arial Black";
    font-size: 22px;
    margin-top: 10px;
}
.header .labelNome
{
    float: left;
    font-style: italic;
    font-weight: normal;
    font-family: "Arial Black";
    font-size: 16px;
    margin-top: 10px;
	margin-bottom:10px;
    width:50%;
} 


.header .labelValor 
{
	float:right;
	font-size: 16px;
	margin:-25px 95px 0px  0px;
	color:#FFFFFF;
}
#Configurar .Conteudo
{
	float:left;
	 
	padding-left:14px; 	
}
#Configurar .itemcomponentes
{
	min-height:35px;
	float:left; /*width:49%;*/
	text-align:left; 
}
.itemcomponentes .labelGrupo
{
	float:left;
	text-align:left;
	width:155px;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	padding:0px 0px 0px 0px;
	margin-left:10px;
	 
}
.itemcomponentes .labelComponente
{
	float:left;
	text-align:left;
	width:155px;
	font-family: Arial;
	font-size: 11px; 	
	margin:0px 0px 5px 0px;
}
 
 #Configurar .footer
 {
	margin:10px 0px 15px 0px;
	float:left;
	text-align:center;
	height:auto; 	 
}
 
 .footer .botao
 {
	 float:left;
	 margin-left:75px;
	 margin-bottom:15px;
}
 .footer  .link
{	
	float:left;
	width:200px;
	margin-left:5px;
	font-family: Arial;
	font-size: 11px; 
	 text-decoration:underline;
}
 
 

/*****************************************************************/
/*					       CARRINHO	     						 */
/*****************************************************************/

 
#Carrinho 
{
	margin-top:20px;
	min-height:350px;
	width:100%;	 
	float:left;	
} 
#Carrinho .grid
{
	Width:100%;
	float:left;
	border:0px 0px 0px 0px;
}
 
#Carrinho .gridHeader
{  
	background:url(../imagens/body/fundo_barra_configura.jpg);
	color:#ffffff;
	 
	height:30px;
	font-weight:bold;
	font-family:Arial;
	font-size:14px;
	 /*
	width:100%;
	float:left;  */  
	  
}  
#Carrinho .gridRow
{
	  background-color:#ffffff;	  
	  font-family:Arial;
	  font-size:12px;	  
	  border-bottom:1px solid black;
} 

.gridRow .linkRemover
{
	font-weight:normal;
	font-family:Tahoma;
	font-size:11px;
	color:Red;
	margin-top:12px;
	float:left;
	text-align:left;
	 
} 
.gridRow .labelProduto
{
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:left;
	margin-top:10px;
	margin-bottom:10px;
} 
.gridRow .dtComponentes
{
	float:left;
	text-align:left;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:0px;
	padding-left:0px;	
} 
.gridRow .preco_carrinho
{
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	height:30px;
	text-align:right;
	margin-right:3px;
	margin-top:10px;
	float:right;
	 
} 
.gridRow .preco_total_carrinho
{
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	height:30px;
	text-align:right;
	margin-right:3px;
	margin-top:10px;
	float:right;
	 
} 
.grid .rowComponente
{ 
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif; 
	text-align:left;
	
} 

.grid .Column {		   
	border-bottom:#999999 1px solid;
	vertical-align:top; 
	
}
/*
div#div-datagrid 
{
	margin-left:2px;
	padding:2px 0px 0px 0px;
	width: 100%;
	 
	float:left;
	height:350px;
	overflow: hidden;
	overflow-y:auto;
	position:relative;
	border:1px solid #666666;
}

#div-datagrid table {	
	margin-top: -3px;
	margin-left: 1px;	
		 
}

	 
#div-datagrid  td.locked {
	 position:relative;
	cursor: default;
	border:1px; 
	
	left: expression(document.getElementById("div-datagrid").scrollLeft-2);
	left:expression(this.offsetParent.scrollLeft);
}

 
#div-datagrid  th.locked {
	 position:relative;
	cursor: default;
	border:1px; 

	left:expression(this.offsetParent.scrollLeft);
	top:expression(this.offsetParent.scrollTop);

}

#div-datagrid  th{
 position:relative; 
 
top:expression(this.offsetParent.scrollTop); 
 border:1px; 
}


#div-datagrid  th.locked 
{
	z-index: 99;
}
*/
#Carrinho .Footer
{
	margin-top:0px;	 
	padding-bottom:10px;
	float:left;
	text-align:left;
	width:100%;	
} 
#Carrinho .FooterTotal
{
	margin-top:15px;
	margin-bottom:15px;
	padding-right:20px;
	text-align:right;
	float: right;
	font-weight:bold;
	font-family:Arial; 
	font-size:16px;
}
/*****************************************************************/
/*					       PRE_VENDA	     					 */
/*****************************************************************/

#PreVenda 
{ 	 
	width:100%;
	height:auto;
	margin-left:5px;
	text-indent:10px;
	
	float:left;
	
}

#PreVenda #Carrinho
{
	height:auto;
	}

#PreVenda .label
{
	font-size:12px;
	font-weight:normal;
	color: #666666;
	text-align:left;
	float:left;
}

#PreVenda .checkbox
{
	font-size:12px;
	font-weight:normal;
	color: #666666;
}
#PreVenda .input
{
	font-size:12px; 
}
#PreVenda .boxValor, #PreVenda .boxValorBase
{	
	width:100%;
	background-color:#F3F3F3;
	border:solid 1px gray;
	min-height:40px;
	float:left;
}
 

#PreVenda .boxValor .label, #PreVenda .boxValorBase .label
{
	font-weight:bold;	 
	text-align:left;
	width: 65%;
	float:left;
	margin:9px 0px 0px 0px;
}
#PreVenda .boxValor .labelValor, #PreVenda .boxValorBase .labelValor
{	 
	font: 0.9em arial;
	color: #666666;
	width: 100px;
	text-align: right;
	margin: 7px 10px 0px 0px;	 
	float: right; 
} 
#PreVenda .boxValor .labelValorPrincipal, #PreVenda .boxValorBase .labelValorPrincipal
{	 
	font: 1.1em arial;
	color: #666666;
	width: 235px;
	text-align: right;
	margin: 6px 10px 0px 0px;	 
	float: right;
	font-weight:bold;
} 
#PreVenda .boxPagamento
{	
	width:100%;
	float:left;
	background-color:#F3F3F3;
	border:solid 1px gray;	 
	padding:8px 0px 5px 0px;
}


#PreVenda .boxPagamento .label 
{
	font: 0.8em arial;
	color: #666666; 
	margin:5px 2px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:right;
	 
	float:left;
}

#PreVenda .boxPagamento .labelTitulo
{	
	font: 0.8em arial;
	color: #666666; 
	 
	text-align: left;
	margin: 5px 0px 0px 0px;	 	
	float: left; 	 
	font-weight:bold;
}
#PreVenda .boxPagamento .labelValor
{	
	font: 0.8em arial;
	color: #666666; 
	width:160px;
	text-align: left;
	margin: 5px 0px 0px 0px;	 
	float: left; 	 
	font-weight:bold;
}

#PreVenda .boxPagamento .labelEsquerda
{	
	font: 0.8em arial;
	color: #666666; 
	width:100px;
	text-align: left;
	margin: 5px 10px 0px 0px;	 
	float: left; 	  
}

#PreVenda .boxPagamento .labelDireita
{	
	font: 0.8em arial;
	color: #666666; 
	width:160px;
	text-align: right;
	margin: 5px 10px 0px 0px;	 
	float: right; 	  
}


#PreVenda .boxPagamento .boxAvista
{	
	
	margin:0px 0px 0px 20px;
	width:650px;
	height:15px;
	float:left; 
}

#PreVenda .boxPagamento .boxcartao
{	
	
	margin:0px 0px 0px 10px;
	width:550px;
	height:15px;
	float:left; 
}


#PreVenda .boxPagamento .boxfinanciamento
{	 
	margin:0px 0px 0px 50px;
	width:450px;
	height:15px;
	float:left; 
}

#PreVenda  .grid
{
	margin:10px 0px 10px 0px;
	width:100%;	
	float:left;
}
#PreVenda .requerido 
{
	font: 0.8em Verdana;
	margin-top:2px;
}
.tabulacao
{
    text-indent: 0px;
    padding-left: 30px;
}

/*****************************************************************/
/*					       INDIQUE UM AMIGO   					 */
/*****************************************************************/

#boxDisplay
{
	width:100%;
	float:left;
}
#boxIndique 
{	
	width:100%;
	float:left;
	background-color:#F3F3F3;
	border:solid 1px gray;
	font-family:Arial, Helvetica, sans-serif;	 
	font-size:14px;
	font-weight:bold;
	padding:0px;
}

#boxIndique h1 
{
	width:100%;
	 
	background-color:#404040;
	text-indent:20px;
	font-family:Arial, Helvetica, sans-serif;	
	font-size:14px;
	font-weight: bold;
	color:#ffffff;
	padding-top:7px;
	padding-bottom:7px;
	
	margin: 0px 0px 20px 0px;
	 
	border: 1px solid #696969;
    border-left:0px;
    border-right:0px;
	text-align:left;
}
#boxIndique .seta_extend
{		
	margin-top:0px;
	margin-top:-10px;
	margin-right:20px;	
	float:right;	
} 
#boxIndique .label 
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	margin:5px 2px 0px 0px;
	padding:5px 0px 0px 0px;
	text-align:right;
	float:left;
	width:130px;
	height:30px;

}
#boxIndique .label2 
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:left;
	float:left;
	width:230px;
	height:20px;

}

#boxIndique .input 
{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color: #666666;
border: 1px solid #999999;
padding-top: 4px;
padding-bottom:4px;
padding-left:2px;
padding-right:2px;
float: left;
text-align:left;

}

#boxIndique .labelEsquerda
{	
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #333333;
	width:80%;
	padding-left:55px;
	padding-right:40px;
	padding-bottom:20px;	
	text-align: center;
	float:left;
}

#boxIndique .requerido 
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:2px;
}



#boxIndique .dropdown {
	font:Arial;
	font-size:12px;
	height:30px;
	padding-top:5px;
	padding-bottom:5px;
	line-height:25px;
	margin-bottom:12px;
	
	 
}


/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffff; 
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:1px;
	width:930px;
	height:600px;	
}

.modalPopup .botaofechar
{
	float:right;
	font-weight:bold;
	text-align:center;
	margin:-17px 3px 0px 0px;
	height:18px;
	width:20px;
	
}
 
 .modalPopupTitulo {
	border-right: gray 1px solid; 
	border-top: gray 1px solid;
	border-left: gray 1px solid; 
	cursor: move; 
	color: black; 
	border-bottom: gray 1px solid;
	background-color: #dddddd;
	 
	height:22px;
	text-indent:5px;	 
}

/*Popup Control*/
.popupControl{
	background-color:White;
	position:absolute;
	visibility:hidden;
}

#PedidoSucesso
{
 
	margin:150px 0px 150px 230px;
	font-size:16pt;
	 
}




#MeusPedidos .label
{
	font-weight:bold;
	font-family:Arial;
	font-size:9pt; 
	margin-left:5px;
	float:left;
	padding: 4px;
}


#MeusPedidos .input{
	width:295px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	border:solid;
	border-width:1px;
	border-color:#b9baba;
	background-color:#EFEFEF;
	float:left;
}
 
#MeusPedidos  br {
	clear: left;
} 