@CHARSET "ISO-8859-1";

body {
	background:#999 url(../img/fundo.jpg); 
	width:100%;
	height:100%;
	font: 12px Arial, Helvetica, sans-serif;
	}

#divCarregando {
	width:150px;
	height:120px;
	background:url(../img/icones/ajax-loader.gif);
	padding:0;
	position: absolute;
	position: fixed !important;
	top: 45%;
	left: 50%;
	/*margin-top: -50px;   tamanho da altura do seu flash/2 = 50. */
	margin-left: -50px; /* tamanho da largura do seu flash/2 =50. */
	z-index: 9999;
	/*border:2px solid #bababa;*/
	overflow:hidden;
	}

a {color:#000000; text-decoration:none; border:none;}
a:hover {color:#CC0000; text-decoration:underline; border:none;}

input {height:15px; border: 1px solid #ccc; font: 12px Arial, Helvetica, sans-serif; color:#2C2F3A;}

select { border: 1px solid #ccc; font: 12px Arial, Helvetica, sans-serif; color:#2C2F3A;}

.msgErro10 {width:90%; float:left; color:#C00; padding-left:10%; display:none;}
.msgErro20 {width:80%; float:left; color:#C00; padding-left:20%; display:none;}
.msgErro25 {width:80%; float:left; color:#C00; padding-left:25%; display:none;}
.msgErro30 {width:80%; float:left; color:#C00; padding-left:30%; display:none;}
.msgErro45 {width:55%; float:left; color:#C00; padding-left:45%; display:none;}
.msgErro50 {width:50%; float:left; color:#C00; padding-left:50%; display:none;}
.msgErro55 {width:45%; float:left; color:#C00; padding-left:55%; display:none;}
.msgErro60 {width:40%; float:left; color:#C00; padding-left:60%; display:none;}
.msgErro70 {width:30%; float:left; color:#C00; padding-left:70%; display:none;}
.msgErro75 {width:25%; float:left; color:#C00; padding-left:75%; display:none;}
.msgErro80 {width:20%; float:left; color:#C00; padding-left:80%; display:none;}
.msgErro85 {width:15%; float:left; color:#C00; padding-left:85%; display:none;}

.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 {font:11px Arial, Helvetica, sans-serif; color:#000; *margin:0; *padding:0;}
table thead tr {border:1px solid #CCC; *padding:0; *margin:0;}
table 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 tr td {border:1px solid #CCC; background:#FFF; *padding:0; *margin:0;} 

table#listas {font:11px Arial, Helvetica, sans-serif; color:#000; }
table#listas thead tr {border:1px solid #CCC;}
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;}
table#listas tr td {border:1px solid #CCC; background:#FFF; height:65px;} 

table#curriculo {border:none;}	
table#curriculo tr td {border:none; font:12px Arial, Helvetica, sans-serif;}
table#curriculo tr th {border:none; font:12px Arial, Helvetica, sans-serif;}

table#pedidos {font:11px Arial, Helvetica, sans-serif; color:#000; }
table#pedidos thead tr {border:1px solid #CCC;}
table#pedidos thead tr th {background:white; height:20px; font-weight:bold; text-align:center; font:11px Arial, Helvetica, sans-serif; color:#333; border:1px solid #CCC;}
table#pedidos 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;}
table#pedidos tr td {border:1px solid #CCC; background:#FFF;} 

#paginacao {font:12px Arial, Helvetica, sans-serif; color:#000; border:none;}
#paginacao table tr td {background:#FFF; border:none;} /* Toda a tabela com fundo branco */ 

span.tooltip{
	display:none;
	position:absolute;
	background:url(../img/spritehome.png) no-repeat;
	width:94px;
	height:32px;
	z-index:999;
	padding: 5px;
	text-align:center;
	font:10px Arial, Helvetica, sans-serif;
}
span.tooltip span{display:none;text-align:center;font-weight:bold;line-height:15px}
span.tooltip .title, span.tooltip .single{color:blue;}
	
#chamada {width:98%; margin:10px 0 10px 0; float:left;}

/*DIVISORIAS*/

.divisaoPqna {
	margin:8px 0 8px 0; 
	width:160px; 
	float:left;
	background:url(../img/linha2.jpg) no-repeat;
	border-width:0; 
	height:2px;
	overflow:hidden;
	display:inline;
	}

.divisaoMedia {
	margin:3px 0; 
	width:220px; 
	float:left;
	background:url(../img/linha3.jpg) no-repeat;
	border-width:0; 
	height:2px;
	overflow:hidden;
	display:inline;
	}

.divisoriaGrande {
	background:url(../img/linha.jpg) no-repeat;
	width:750px;
	height:2px;	
	margin:8px 0 8px 0;
	float:left;
	border-width:0; 
	height:5px;
	}
	
.divisoria600 {
	background:url(../img/linha600.jpg) no-repeat;
	width:640px;
	height:2px;	
	margin:8px 0 8px 0;
	float:left;
	border-width:0; 
	height:5px;
	}


/*BOTOES*/

.botaoEntrar {
	background:url(../img/fdo_entrar.png) no-repeat;
	width:51px;
	height:19px;
	cursor:pointer;
	text-align:center;
	margin:0 auto;
	font-weight:bold;
	color:#666;
}

.botaoExcluir {
	background: url(../img/btn_excluir.png) no-repeat;
	background-position:center;
	width:18px;
	height:18px;
	cursor:pointer;
	text-align:center;
	margin:0 auto;
}

.botaoEditUser {
	background: url(../img/icones/editUser.png) no-repeat;
	background-position: center;
	width:19px;
	height:19px;
	text-align:center;
	cursor:pointer;
	margin:0 auto;
}

.botaoReenvio {
	background:url(../img/icones/mail.png) no-repeat;
	background-position: center;
	width:21px;
	height:21px;
	text-align:center;
	cursor:pointer;
	margin:0 auto;
}

.botaoVerPedido {
	background:url(../img/icones/lupa.png) no-repeat; 
	background-position: center;
	width:21px;
	height:21px;
	text-align:center;
	cursor:pointer;
	margin:0 auto;
	vertical-align: middle;
	}

.botaoDownload {
	background:url(../img/icones/setaDownload.png) no-repeat; 
	background-position: center;
	width:19px; 
	height:19px; 
	text-align:center;
	cursor:pointer;
	margin:0 auto;
	}

.botaoPdf {
	background:url(../img/icones/ic_pdf.png) no-repeat center;
	width:21px;
	height:21px;
	text-align:center;
	cursor:pointer;
	margin:0 auto;
	}

.botaoPdfDetalhe {
	background:url(../img/icones/ic_pdf.png) no-repeat;
	width:21px;
	height:21px;
	cursor:pointer;
	margin:0 auto;
}

.botaoPesquisar {
	background:url(../img/icones/pesquisa.png) no-repeat;
	width:18px;
	height:18px;
	margin:0 5px;
	cursor:pointer;
	border:none;
}

.botao{
	background:url(../img/fdoBotao.png) no-repeat;
	width:60px;
	height:22px;
	border:none;
	font:12px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#666;
	margin:0 10px 0 10px;
	cursor:pointer;
	padding:0 0 3px 0;
}

.botaoGrande {
	width:133px; 
	height:25px; 
	background: url(../img/fdoBotaoGrande.png) no-repeat; 
	border:none;
	font:12px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#666;
	margin:0 10px 10px 10px;
	cursor:pointer;
	}

.botaoGigante {
	background: url(../img/botaoGigante.png) no-repeat; 
	width:226px; 
	height:23px; 
	text-align:center; 
	cursor:pointer; 
	font:12px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#666;
	margin:0 10px 0 10px;
	border:none;
}

.botaoVermelho {
	background:url(../img/botaoVermelho.png) no-repeat; 
	width:109px; 
	height:23px; 
	text-align:center;
	cursor:pointer;
	margin:0px 10px 5px 5px;
	float:left;
	border:none;
	color:#FFF;
	font-weight:bold;
	}

.botaoFaturamento {
	background:url(../img/btn_Faturamentos.png) no-repeat;
	width:193px;
	height:23px;
	float:right;
	text-align:center;
	cursor:pointer;
	margin:3px 10px 5px 5px;
	float:left;
	border:none;
	color:#FFF;
	font-weight:bold;
}

.botoesEspecificos {width:100%; float:left; margin:10px auto;}

.botaoVoltar{
	width:25;
	height:23px;
	float:left;
	font:14px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000;
	cursor:pointer;
	padding:5px;
}

.botaoComprar a {
	background:url(../img/btn_comprar2.png) no-repeat;
	width:87px;
	height:35px;
	float:left;
	text-decoration:none;
	}
	
.botaoComprar a:hover {
	background:url(../img/btn_comprar2_off.png) no-repeat;
	width:87px;
	height:35px;
	float:left;
	text-decoration:none;
	margin:0;
	}

#tudo {
	width:1004px;
	min-height:768px;
	height:100%;
	margin:0 auto;
	/*overflow:auto;*/
	}

/*TOPO*/

#topo {
	width:984px;
	height:142px;
	margin:auto 10px;
	*margin:-5px 0 0 -10px;
	float:left;
	}

#topoEsq {
	width: 334px;
	height:142px;
	float:left;
	padding: 0 0 0 40px;
	}
	
#marca {
	background:url(../img/logo_pauta.png) no-repeat;
	width: 300px;
	height:134px;
	float:left;
	}
	
#topoDireito {
	width: 609px;
	height:142px;
	float:right;
	}

#menuSuperior {
	width:100%;
	float:right;
	color:#FFFFFF;
	text-align:right;
	margin: 0 5px 10px 0;
	}
			
#menuSuperior a {color:#FFFFFF; text-decoration:none;}
#menuSuperior a:hover {color:#CC0000; text-decoration:underline;}

#botaoAtendimento{
	background:url(../img/banner_atendimento.png) no-repeat;
	width: 138px;
	height: 40px;
	float: right;
	margin:10px 10px 0 10px;
	cursor:pointer; 
	}
	
	/*ATENDIMENTO*/
	
	#chat {
		width:480px;
		height:620px;
	}
		
	
	#topoChat {
		background: url(../img/atendimento/topoChat.png) repeat-x;
		width: 100%;
		height: 79px;
		float: left;
	}
		.logoChat {
			background:url(../img/atendimento/logoPautaChat.png) no-repeat;
			width:157px;
			height:70px;
			margin:3px 10px;
			float:left;
		}
		.tituloAtendimento {
			background:url(../img/atendimento/atendimento.png) no-repeat;
			width:190px;
			height:25px;
			margin:40px 10px 0 10px;
			float:right;
			text-align:right; 
		}			
	
	#conteudoChat {
		background:url(../img/atendimento/fundoChat.png) repeat-x;
		background-color:#FFF;
		width:100%;
		min-height:380px;
		float: left;
		padding:10px 0; 
		height:520px; 
		*height:550px; 
	}
	
	.botaoChat {
		background: url(../img/fdoBotao.png) no-repeat;
		width:60px;
		height:22px;
		text-align:center;
		font:12px arial;
		color:#333;
		border:none;
		margin: 3px 5px;
		cursor:pointer;
	}
	
	
#dadosUsuario {
	width: 332px;
	/*height:50px;*/
	min-height:30px;
	float:right;
	margin:10px 0px 0 110px;
	color:#ffffff;
	font:10px Arial, Helvetica, sans-serif;
	/*z-index:100;
	position: absolute;
	top:30px;*/
}

/*MENU DO USUÁRIO DEPOIS DE LOGADO*/
#menuUsuario {
	background:url(../img/fdo_dadosUsarios2.png) no-repeat;
	width:492px;
	height:40px;
	float:right;
	margin: 05px 0px 0 0;
	padding:3px;
	font:16px Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
}
			
.linkUsuario a {
color: #ffffff;
text-decoration:none;
}

.linkUsuario a:hover {
color: #cccccc;
}

/*ALTERACAO DE BRUNO*/
.linkUsuario {
	width:164px;
	height:37px; 
	float:left;
}

/* MENU DE LOGIN DO USUÁRIO, COM CAMPO DE LOGIN E SENHA */
#login{
	width:270px;
	height:65px;
	float:right;
	margin:30px 5px 0 0;
	}
		
.esqueciSenha {
	width:130px; 
	height:12px; 
	float:left; 
	padding-left:60px; 
	font:10px Verdana, Arial, Helvetica, sans-serif; 
	color:#FFFFFF; 
	text-decoration:underline;
}
			
#divEsqueciSenha {
	width:450px;
	min-height:150px;
	max-height:430px;
	position:absolute;
	left:50%;
	*margin-top:-50px;
	margin-left:-200px;
	z-index:9999;
	border:2px solid #bababa;
	background:#FFF;
}
				
.tituloSenha {
	background:url(../img/tit_popup.png) repeat-x;
	width:430px;
	height:30px;
	float:left;
	padding:5px 10px;
	text-align:justify;
	font-variant:small-caps;
	font-weight:bold;
	font:14px Arial, Helvetica, sans-serif;
}

/*EMAIL*/

#solicitaEmail {
	width:640px;
	height:100%;
	float:left;
}

/*MENU*/

#menu{
	width:984px;
	height:43px;
	float:left;
	margin:0 10px;
	*margin:-2px 10px 0 0;
	}

/*CONTEUDO*/

#conteudo {
	width:974px;
	min-height:500px;
	margin:10px;
	*margin:10px auto;
	float:left;
}
		
#ladoEsquerdo {
	width:194px;
	height:100%;
	float:left;
	}
	
#busca {
	background:url(../img/fdo_busca.png) no-repeat;
	width:193px;
	height:85px;
}
	
.campoBusca input {
	height:21px;
}
	
#fabricantesAZ {
	background:url(../img/fdo_fabricantesAZ.png) no-repeat;
	width:193px;
	height:161px;
	float:left;
	margin-top:10px;
}
		
#fabricantesAZ .letras {
	width:183px;
	*width:180px;
	height:114px;
	padding:5px;
	*padding:5px;
	color:#000033;
	font:18px Arial, Helvetica, sans-serif; 
}
	
#servicos {
	width:193px;
	min-height:200px;
	float:left;
	margin-top:10px;
}
		
.meioServicos {
	background:#FFFFFF;
	width:173px;
	padding:10px;
}
		
.rodapeservicos {
	background:url(../img/rodapeServicos.png) no-repeat;
	width:193px;
	height:9px;
}
		
.linkServico {margin-top:15px; *margin:0;}
	
#servicos a{color:#515557; font-weight:bold; text-decoration:none; padding-left:10px;}
#servicos a:hover {color:#CC0000; font-weight:bold; text-decoration:none;}

#bannerProdutos {
	background:url(../img/banner_produtos.png) no-repeat;
	width:193px;
	height:100px;
	float:left;
	margin-top:10px;
}
	
#ladoCentral {
	width:775px;
	height:100%;
	float:left;
	margin-left:5px;
	padding:0;
	}
	
.topCanto {background:url(../img/topCanto.png) no-repeat; width:774px; height:6px; float:left; margin:0 auto; display:inline; overflow:hidden;}
.meioCanto {background:#FFF; width:759px; min-height:20px; height:100%; float:left; margin:0; padding:3px 8px 3px 8px; *padding:3px 8px 0 8px;}
.baseCanto {background:url(../img/baseCanto.png) no-repeat; width:774px; height:6px; float:left;}
	
.titulos {
	background:url(../img/fdo_tituloMenor.png) no-repeat;
	width:179px;
	height:16px;
	padding:7px;
	font:14PX Arial, Helvetica, sans-serif;
	color:#000033; 
	font-weight:bold;
}
		
#bannerPrincipal {
	float:left; 
	width:100%; 
	min-height:245px; 
	height:100%;
	}

#produtos {
	float:left; 
	width:100%; 
	height:100%; 
	min-height:400px;
	margin:12px 0 0 0;
	}

#simulacaoPgto {
	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;
}

#tituloSimulacao {background:url(../img/fdo_detalheProduto.png) repeat-x; width:540px; height:25px; float:left; font-variant:small-caps; font:14 Arial, Helvetica, sans-serif; font-weight:bold; padding:8px 0 0 10px;}
#contDetalhe  {width:530px; float:left; height:100%; padding:10px;}

.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);
}

#detalheProduto, #localizacao {
	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;
}
	
#tituloDetalhe {background:url(../img/fdo_detalheProduto.png) repeat-x; width:540px; height:25px; float:left; font-variant:small-caps; font:14 Arial, Helvetica, sans-serif; font-weight:bold; padding:8px 0 0 10px;}
#contDetalhe  {width:530px; float:left; height:100%; padding:10px;}
	
#produtoDetalhe {width:175px; min-height:151px; float:left; padding:10px;}

.linkAmpliar {width:185px; float:left; font:9px Arial, Helvetica, sans-serif; text-align:center;}
	
#produtoDados {width:305px; min-height:151px; float:left; padding:10px; margin:0 0 0;}
.nomeProduto {font:14px Arial, Helvetica, sans-serif; font-weight:bold; color:#003; text-align:left; width:100%; float:left;}
.codigos {color:#F00; width:100%; float:left;}
.valoresDetalhe {width:285px; height:100%; min-height:85px; float:left; border:1px solid #CCC; padding:10px;}
.valoresDetalheLogado {width:95%; height:100%; min-height:125px; float:left; border:1px solid #CCC; padding:10px;}
.botaoMeuCarrinho {width:98%; float:left;}
.botaoMeuCarrinho a {background:url(../img/btn_meucarrinho_off.png) no-repeat; width:116px; height:34px; float:right; border:none;}
.botaoMeuCarrinho a:hover {background:url(../img/btn_meucarrinho.png) no-repeat; width:116px; height:34px; float:right; border:none;}
	
#compreCaracteristica {width:96%; height:210px; float:left; overflow:auto; *overflow-x:hidden; padding:10px; position:absolute;}
		
.tituloCompre {
	color:#333333;
	font:12px Arial, Helvetica, sans-serif;
	width:95%;
	height:15px;
	padding-left:20px;
	float:left;
}
.contCompre ul {width:100%; float:left; margin-top:10px; padding:0;}
.contCompre ul li{width:45%; float:left; padding:5px; overflow:hidden; list-style:none; display:inline;}
		
.caracteristicas {width:98%; float:left; font:12px Arial, Helvetica, sans-serif; position:relative; top:0px; padding:10px;}
			
#mostraCaracteristicas {width:100%; height:220px; float:left; overflow:auto; font:11px Arial, Helvetica, sans-serif;}
#mostraCaracteristicasLogado {width:100%; *height:210px; float:left; font:11px Arial, Helvetica, sans-serif;}
#mostraCaracteristicas ul li, #mostraCaracteristicasLogado ul li {margin:5px;}		
	
#zoom {
	width:550px;
	height:530px;
	background:#FFF;
	padding:0;
	position: absolute;
	position: fixed !important;
	top: 40px;
	left: 50%;
	margin-left: -275px; /* tamanho da largura do seu flash/2 =275. */
	z-index: 999;
	border:2px solid #bababa;
}
	
.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;}
			
#promocoes {
	width:739px; 
	min-height:200px; 
	height:100%;
}
	
.tituloPromocoes {
	background:url(../img/tit_promocoes.png) no-repeat;
	width:739px;
	height:19px;
	float:left;
	font:16px Arial, Helvetica, sans-serif;
	color:#000033;
	font-variant:small-caps;
	font-weight:bold;
	padding:10px;
	float:left;
}
		
.meioPromocoes {
	background:url(../img/meiofdoPromocoes.png) repeat-y; 
	width:739px; 
	height:100%; 
	min-height:486px; 
	float:left; 
	padding:10px; 
}
		
.basePromocoes {
	background:url(../img/rodapeFdoPromocoes.png) no-repeat; 
	width:759px; 
	height:6px; 
	float:left;
}
	
#fabricantesHoriz {
	width:100%;
	min-height:80px;
	height:100%;
	*height:85px;
	float:left;
	margin-top:10px;
	*margin-top:13px;
}
		
#wrap {
	color: #404040;
	margin: 0 auto;
}
			
#areaInterna {
	width:775px;
	height:100%;
}

.tituloInterno {
	background:url(../img/tit_interno.png) no-repeat;
	width:759px;
	height:14px;
	font:16px Arial, Helvetica, sans-serif;
	color:#000033;
	font-variant:small-caps;
	font-weight:bold;
	padding:8px;
	float:left;
	display:inline;
	overflow:hidden;
}
	
.contInterno {
	background:#FFFFFF; 
	width:754px; 
	height:100%;
	min-height:890px; 
	float:left; 
	padding:10px;
	border:none;
}
	
.baseInterna {background:url(../img/baseCanto.png) no-repeat; width:774px; height:6px; float:left;}

.grupoSubgrupos {width:50%; height:100%; min-height:50px; float:left;}
.grupos {width:100%; float:left;}
.subgruposCategorias {width:100%; float:left;}
.subgrupos {width:50%; float:left;}
.produtosCategorias {width:100%; float:left; margin-top:5px;}

.marcaProduto {width:98%; margin:10px; float:left;}
.resultadosEncontrados {width:100%; height:100%; float:left;}
.produtosEncontrados {width:100%; float:left; font-weight:bold;}

#areaConteudoInterno {
	width:744px;
	min-height:500px;
	height:100%;
	float:left;
	margin:30px 5px 0 5px;
	}
	
.titulosConteudo{
	font:14px Arial, Helvetica, sans-serif;
	/*font-weight:bold;*/
	color:#333333;
	background:url(../img/icones/seta_tit.png) no-repeat;
	width:95%;
	height:15px;
	padding-left:20px;
	float:left;
}

.conteudoInterno{width:744px; height:100%; min-height:400px; float:left; margin:10px 0 0 0;}

/*LABELS*/

.labelRadio {width:30px; height:15px; float:left; margin:0 auto; padding:0;}
.labelRadioMaior {width:70px; height:15px; float:left; margin:0 auto; padding:0;}
.label100 {width:100%; float:left; text-align:right; margin:5px 0 0 0;}
.label40 {width:40%; float:left; text-align:right; margin:5px 0 0 0;}
.label30 {width:30%; float:left; text-align:right; margin:5px 0 0 0;}
.label25 {width:25%; *width:22%; float:left; text-align:right; margin:5px 0 0 0;}
.label20 {width:20%; float:left; text-align:right; margin:5px 0 0 0;}
.label15 {width:15%; float:left; text-align:right; margin:5px 0 0 0;}
.label10 {width:10%; float:left; text-align:right; margin:5px 0 0 0;}

/*CAMPOS*/

.campoObrigatorio {color:#CC0000;}
.campo100 {width:100%; float:left; margin:5px 0 0 0; color:#2C2F3A;}
.campo90 {width:90%; float:left; margin:5px 0 0 0;}
.campo80 {width:80%; float:left; margin:5px 0 0 0; color:#2C2F3A;}
.campo75 {width:75%; float:left; margin:5px 0 0 0; color:#2C2F3A;}
.campo70 {width:70%; float:left; margin:5px 0 0 0; color:#2C2F3A;}
.campo50 {width:50%; float:left; margin:5px 0 0 0; color:#2C2F3A;}
.campo40 {width:40%; float:left; margin:5px 0 0 0; color:#2C2F3A;}
.campo30 {width:30%; float:left; margin:5px 0 0 0; color:#2C2F3A;}
.campo25 {width:25%; float:left; margin:5px 0 0 0; color:#2C2F3A;}
.campo20 {width:20%; float:left; margin:5px 0 0 0; color:#2C2F3A;}
.campo15 {width:15%; float:left; margin:5px 0 0 0; color:#2C2F3A;}
.campo10 {width:10%; float:left; margin:5px 0 0 0; color:#2C2F3A;}
		
.radio {width:20px; height:13px; float:left; padding:2px;*padding:0px; margin:0 auto;}
.textos {width:90%; float:left; margin:15px 0 0 60px;}
.avisos {width:97%; float:left; border:1px dashed #C00; text-align:justify; padding:10px; margin:5px 0 10px 0;}
.marcador {background:url(../img/icones/marcador.gif) no-repeat; width:97%; padding-left:15px; margin:0 0 0 1%; float:left;}
.subMarcador {background:url(../img/icones/subMarcador.gif) no-repeat; width:93%; padding-left:15px; margin:0 0 0 3%; float:left;}

#divListaPedido {
	width:100%;
	height:100%;
	float:left;
}
	
#divMensagem {
	width:95%;
	float:left;
	border:1px dashed #C00;
	font-weight:bold;
	color:#C00;
	padding:10px;
	margin:5px 0 10px 0;
	display:none;
}
	
#contGarantia {
	width:98%;
	float:left;
	margin:10px 10px 0 10px;
}

/*COMPRARAÇAO DE PRODUTOS*/

#comparaProduto {
	width:772px;
	height:927px;
	padding:0;
	position: absolute;
	top: 203px;
	left: 50%;
	margin-left: -285px; /* tamanho da largura do seu flash/2 =275. */
	*margin-left: -293px;
	z-index: 999;
	border:1px solid #CCC;
}
	
.tituloComparacao {
	background:url(../img/tit_popup.png) repeat-x;
	width:752px;
	height:20px;
	padding:5px 10px;
	text-align:justify;
	float:left;
	font-variant:small-caps;
	font-weight:bold;
	font:14px Arial, Helvetica, sans-serif;
}
	
.conteudoComparacao {
	background:#fff; 
	width:752px; 
	height:890px;
	float:left; 
	padding:10px;
	text-align:justify;
	overflow:auto;
}
			
table#tabelaComparacao {font:11px Arial, Helvetica, sans-serif; color:#000; border:1px solid #999;}
table#tabelaComparacao 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;}
table#tabelaComparacao tr td {border:1px solid #CCC;}
table#tabelaComparacao tr td.titCaracteristica {font-weight:bold; background:#F8f8f8; padding-left: 15px;}
		
/*COMPRAS*/

#contratoPgtoCartao {
	width:550px;
	height:560px;
	background:#FFF;
	padding:0;
	position: absolute;
	position: fixed !important;
	top: 0px;
	left: 50%;
	margin-left: -275px; /* tamanho da largura do seu flash/2 =275. */
	z-index: 999;
	border:2px solid #bababa;
	text-align:justify;
}

#contratoPagamentos {
	width:98%; 
	padding:5px; 
}

#confirmacaoPedido {
	width:550px;
	min-height:350px;
	background:#FFF;
	padding:0;
	position: absolute;
	position: fixed !important;
	top: 50px;
	left: 50%;
	margin-left: -275px; /* tamanho da largura do seu flash/2 =275. */
	z-index: 999;
	border:2px solid #bababa;
	overflow:auto;
	text-align:justify;
}

#etapasComprasPasso1 {
	background:url(../img/etapasCompras_PASSO1.png) no-repeat; 
	width:767px; 
	height:35px; 
	float:left; 
	margin:5px 0 10px 0;
	}
	
table.transportadora{font:12px Arial, Helvetica, sans-serif; color:#000; border:1px solid #CCC;}
table.transportadora tr td {background:#FFF;} 

#etapasComprasPasso2 {
	background:url(../img/etapasCompras_PASSO2.png) no-repeat; 
	width:100%; 
	height:35px; 
	float:left; 
	margin:5px 0 20px 0;
}

#etapasComprasPasso3 {
	background:url(../img/etapasCompras_PASSO3.png) no-repeat; 
	width:767px; 
	height:35px; 
	float:left; 
	margin:5px 0 10px 0;
}
	
table.pagamento{font:12px Arial, Helvetica, sans-serif; color:#000; border:1px solid #CCC;}
table.pagamento tr td {background:#FFF;} 
	
.totalPagar {float:right; margin:0 10px 0 10px; padding:3px 10px 0 0; font:14px Arial, Helvetica, sans-serif; font-weight:bold; color:#000; width:95%; height:20px; text-align:right;}
.valoresTotais {width:98%; float:left; font:12px Arial, Helvetica, sans-serif; font-weight:bold; color:#000; text-align:right; margin-top:10px;}
	
#escolhePagamento {width:98%; height:100%; float:left; padding:10px; margin:10px 0 0 0;}
	
.selecaoPgto {width:98%; height:100%; float:left; text-align:center;}
.tipoPgto {width:14%; height:100%; float:left; text-align:center;}
	
#identificacaoComprador {
	width:98%;
	height:100%;
	float:left;
	margin:50px 0 0 0;
}

#infosPedidoFinal {border:1px ridge #999; padding:10px; width:97%; height:100%; min-height:100px; float:left;}
#infosRevenda {border:1px solid #ccc; float:left; width:97%; height:100%; min-height:50px; padding:0 10px 10px 10px;}
#infosPedido, #infosClienteFinal, #responsavelRetirada, #infosPagamentoComissao {border:1px solid #ccc; float:left; width:97%; padding:0 10px 10px 10px;}

.totalPedido {float:right; text-align:right; width:150px; font-weight:bold;}
.comissaoTotal {float:right; width:100px; font-weight:bold; color:#C00;}

#dadosRevenda, #dadosClienteFinal, #dadosPedido, #responsavelRetiradaPedido, #pagamentoComissao {
	width:100%;
	height:100%;
	float:left;
}

table#mostraPedido, #dadosCliente {font:12px Arial, Helvetica, sans-serif; color:#000; border:1px solid #CCC;}
table#mostraPedido tr td, #dadosCliente tr td {background:#F2F2F2;} /* Toda a tabela com fundo creme */ 
table#mostraPedido tr td.campo, #dadosCliente tr td.campo {background:#F9F9F9;} /* Linhas com fundo cinza */
	
#eUploadMessage {color:#C00; font:12px Arial, Helvetica, sans-serif;}

#contratoFaturamentoDireto {
	width:550px;
	height:550px;
	background:#FFF;
	padding:0;
	position: absolute;
	position: fixed !important;
	top: 25px;
	left: 50%;
	margin-left: -275px; /* tamanho da largura do seu flash/2 =275. */
	z-index: 999;
	border:2px solid #bababa;
	text-align:justify;
	float:left;
}

#faturamentoDiretoCliente {
	width:550px;
	height:550px;
	background:#FFF;
	padding:0;
	position: absolute;
	/*position: fixed !important;*/
	top: 30%;
	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: 999;
	border:2px solid #bababa;
	text-align:justify;
	float:left;
}

#tituloFaturamento {background:url(../img/fdo_detalheProduto.png) repeat-x; width:540px; height:25px; float:left; font-variant:small-caps; padding:5px 0 0 10px;}
#contFaturamento {width:530px; float:left; height:490px; padding:10px; overflow:auto;}

/*AREA RESTRITA*/
	
#areaRestrita {
	width:302px; height:15px; background:#CCC; font:12px Arial, Helvetica, sans-serif; color:#000; font-weight:bold; margin:0 auto; padding:10px;
}

.conteudoLogin {width:300px; height:100%; min-height:300px; margin:0 auto; border:1px ridge #CCC; padding:10px;}	
	
/*RODAPE*/

#infosPauta {
	float:left; 
	width:974px; 
	margin:auto 10px;
	*margin:auto 0;
	}
	
.tituloInfosPauta{
	background:url(../img/tit_infopauta.png) no-repeat;
	width:974px;
	height:14px;
	float:left;
	font:14px Arial, Helvetica, sans-serif;
	color:#000033;
	font-variant:small-caps;
	padding:8px;
}

.contInfosPauta {background:#FFFFFF; width:958px; min-height:100px; height:100%; float:left; padding:0px;}
.baseInfosPauta {background:url(../img/baseInfosPauta.png) no-repeat; width:974px; height:8px; float:left;}
	
.linksInfosPauta { width:100%; float:left; display:inline;}
.pagamentosCertificados {width:100%; float:left; *margin-top:10px;}
.formaPagamentos {width:35%; *width:58%; float:left;}
.certificados {width:18%; float:left;}
.visualizacao {width:20%; float:left;}
.abradisti {width:18%; float:left;}
.unidadesPauta {width:100%; float:left;}
.chamadaUnidadesPauta {float:left; width:100%; font-weight:bold; *margin:10px 0 10px 0;}
.sedesPauta {width:20%; float:left; *width:190px;}
	
#rodape {
	width:974px;
	height:80px;
	float:left;
	margin:10px;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
}
