@CHARSET "ISO-8859-1";

body {
	background:#999 url(../img/fundo.jpg); 
	width:100%;
	height:100%;
	font: 12px Arial, Helvetica, sans-serif;
	}

#divCarregando {
	width:100px;
	height:100px;
	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:10px 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:10px 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;} 

#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 */ 
	
	
#chamada {width:98%; margin:10px 0 10px 0; float:left;}

.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:8px 0 8px 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;
	}

/*.divisoriaGrande hr {background:url(../img/linha.jpg) center no-repeat; border-width:0; height:770px; height:5px; float:left; vertical-align:middle; margin-top: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;
}

.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;
}

.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_comprar.png) no-repeat;
	width:87px;
	height:35px;
	float:left;
	text-decoration:none;
	}
	
.botaoComprar a:hover {
	background:url(../img/btn_comprar_off.png) no-repeat;
	width:87px;
	height:35px;
	float:left;
	text-decoration:none;
	margin:0;
	}

#fotoProdutoListas {width:80px; height:100%; min-height:60px; cursor:pointer; margin:0 auto; float:left;}

#fotoProdutoListas a {border:none; width:80px; height:60px;}

#fotoProdutoListas a:hover {border:1px solid #C00;}



#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: 294px;
		height:134px;
		float:left;
		}
	
	#topoDireito {
		width: 609px;
		height:142px;
		float:right;
		}

		#menuSuperior {
			width:100%;
			float:right;
			color:#FFFFFF;
			text-align:right;
			margin: 0 5px 0 0;
			}
			
		#menuSuperior a {color:#FFFFFF; text-decoration:none;}
		#menuSuperior a:hover {color:#CC0000; text-decoration:underline;}
		
		#atendimento {
			background:url(../img/banner_atendimento.png) no-repeat;
			width:140px;
			height:40px;
			float:right;
			margin:10px 5px 0 10px;
			}
		
		#dadosUsuario {
			width: 342px;
			height:50px;
			min-height:30px;
			float:right;
			margin:0 0px 0 110px;
			color:#ffffff;
			font:10px Arial, Helvetica, sans-serif;
			z-index:100;
			position: absolute;
			top:30px;
			}
		
		#menuUsuario {
			background:url(../img/fdo_dadosUsarios2.png) no-repeat;
			width:492px;
			height:40px;
			float:right;
			margin:80px 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;
			}
	
		#login{
			width:270px;
			height:65px;
			float:right;
			margin:60px 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;
				/*height:100%;*/
				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;
	
}

	/*#topEmail {background:url(../../../../img/email/topoEmail.jpg) no-repeat; width:640px; height:91px; float:left;}*/
	#conteudoEmail {width:640px; height:100%; float:left; background:#FFF;}
	#rodapeEmail {background:url(../../../../img/email/rodapeEmail.jpg) no-repeat; width:640px; height:10px; 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;
	/*background:#00FF66;*/
	}
	
	
#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;
		}
		
		.listaServicos {
		font:Arial, Helvetica, sans-serif;
		color:#000066;
		font-style:normal;
		font-variant:small-caps;
		}
		
		.meioServicos {
		background:#FFFFFF;
		width:173px;
		padding:10px;
		}
		
		.rodapeservicos {
		background:url(../img/rodapeServicos.png) no-repeat;
		width:193px;
		height:9px;
		}
		
		.pontilhados {height:3px; margin-top:0px;}
		.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;
	}

	/*.white_content {
	display: none;
	position: absolute;
	top: 25%;
	left: 25%;
	width: 50%;
	height: 50%;
	padding: 16px;
	border: 16px solid orange;
	background-color: white;
	z-index:1002;
	overflow: auto;
	}*/
	
	.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 {
		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;
	}
	
	.setasFoto {width:10px; height:15px; float:left; padding-top:3px;}
	.miniFotoDetalhe {width:155px; height:18px; float:left;}

	#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;}
		.fotoDetalhe {width:185px; float:left; height:150px;}
		.slideFotosDetalhe {width:100%; height:18px; float:left; margin:5px 0 5px 0;}
		.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-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;
	}
	
		.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 12%;*/
			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:887px; 
	float:left; 
	padding:10px;
	border:none;
	}
	
	.baseInterna {background:url(../img/baseCanto.png) no-repeat; width:774px; height:6px; float:left;}
	.grupoSub {width:100%; height:100%; min-height:50px; float:left;}
	.grupos {width:50%; float:left;}
	.subgrupos {width:50%; float:left;}
	.produtosCategorias {width:100%; float:left; margin-top:5px;}
	.divisoriaCategoria {width:100%; height:3px; float:left; margin:10px;}
	.marcaProduto {width:98%; margin:10px; float:left;}
	.resultadosEncontrados {width:100%; height:100%; float:left;}
	.produtosEncontrados {width:100%; float:left; font-weight:bold;}
	.tituloImpressao {
		background:url(../img/tit_popup.png) repeat-x;
		width:782px;
		height:30px;
		font:16px Arial, Helvetica, sans-serif;
		color:#000033;
		font-variant:small-caps;
		font-weight:bold;
		padding:8px;
		float:left;
		display:inline;
		overflow:hidden;
	}
		
#areaConteudoInterno {
	width:98%;
	min-height:500px;
	height:100%;
	float:left;
	margin:30px 10px 0 10px;
	}
	
	.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;
	}
	.divisorioInterna {width:98%; height:15px; float:left; margin:0 3px 0px 3px; font:14px Arial, Helvetica, sans-serif; color:#CCCCCC;}
	.conteudoInterno{width:100%; height:100%; min-height:400px; float:left; margin:10px 0 0 0;}

	.labelGrande {width:100%; float:left; margin:0 auto;}
	.labelRadio {width:30px; height:15px; float:left; margin:0 auto; padding:0;}
	.labelRadioMaior {width:70px; height:15px; float:left; margin:0 auto; padding:0;}
	.labelMenor {width:10%; float:left; text-align:right; margin:10px 0 0 0;}
	.labelPqno {width:15%; float:left; text-align:right; margin:10px 0 0 0;}
	.labelMedio {width:20%; float:left; text-align:right; margin:10px 0 0 0;}
	.label20 {width:20%; float:left; text-align:right; margin:10px 0 0 0;}
	.label40 {width:40%; float:left; text-align:right; margin:10px 0 0 0;}
	.label30 {width:30%; float:left; text-align:right; margin:10px 0 0 0;}
	.label25 {width:25%; *width:22%; float:left; text-align:right; margin:10px 0 0 0;}
	.label22 {width:22%; float:left; text-align:right; margin:10px 0 0 0;}
	.label10 {width:10%; float:left; text-align:right; margin:10px 0 0 0;}
	.label100 {width:100%; float:left; text-align:right; margin:10px 0 0 0;}
	
	.campoObrigatorio {color:#CC0000;}
	.campoCidade {width:50%; height:10%; float:left; margin:10px 0 0 0; color:#2C2F3A;}
	.camposGrande {width:80%; float:left; margin:10px 0 0 0; color:#2C2F3A;}
	.camposMedio {width:40%; float:left; margin:10px 0 0 0; color:#2C2F3A;}
	.camposPqno {width:30%; float:left; margin:10px 0 0 0; color:#2C2F3A;}
	.campoMenor {width:20%; float:left; margin:10px 0 0 0; color:#2C2F3A;}
	.campoSmal {width:15%; float:left; margin:10px 0 0 0; color:#2C2F3A;}
	.campo100 {width:100%; float:left; margin:10px 0 0 0; color:#2C2F3A;}
	.campo90 {width:90%; float:left; margin:10px 0 0 0;}
	.campo80 {width:80%; float:left; margin:10px 0 0 0;}
	.campo75 {width:75%; float:left; margin:10px 0 0 0; color:#2C2F3A;}
	.campo70 {width:70%; float:left; margin:10px 0 0 0; color:#2C2F3A;}
	.campo40 {width:40%; float:left; margin:10px 0 0 0; color:#2C2F3A;}
	.campo30 {width:30%; float:left; margin:10px 0 0 0; color:#2C2F3A;}
	.campo25 {width:25%; float:left; margin:10px 0 0 0; color:#2C2F3A;}
	.campo20 {width:20%; float:left; margin:10px 0 0 0; color:#2C2F3A;}
	.campo10 {width:10%; float:left; margin:10px 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%;
		/*height:100%;*/
		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:auto;
		padding:0;
		position: absolute;
		top: 203px;
		left: 50%;
		/*margin-top: -50px;   tamanho da altura do seu flash/2 = 250. */
		margin-left: -285px; /* tamanho da largura do seu flash/2 =275. */
		*margin-left: -286px;
		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; 
		min-height:700px;
		height:auto;
		float:left; 
		padding:10px;
		text-align:justify;
		}
			
		table#tabelaComparacao {font:10px 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;}
		
		.coluna {float:left; width:155px; border-bottom:2px solid #FFF; font-variant:small-caps;}

		.3colunas {width:194px;}
		.2colunas {width:291px;}


/*COMPRAS*/

#contratoPgtoCartao {
	width:550px;
	height:560px;
	background:#FFF;
	padding:0;
	position: absolute;
	position: fixed !important;
	top: 0px;
	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;
}

	#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-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;
	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-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;
}


#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: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:8px;}
	.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:60%; *width:58%; float:left;}
	.certificados {width:20%; float:left;}
	.visualizacao {width:20%; 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;
	}