@charset "utf-8";
/* CSS Document */

html, body { min-height: 100%; height: 100% }
body {
	background-color:#e9e9e9;
	background-image:url(../imgs/bg-body.png);
	background-repeat:repeat-x;
	background-position:center top;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#828282;
	font-size:11px;
	margin:0;
	padding:0;
}
* html body { height: 100%; }

a { color: #84CA00; text-decoration: underline; font-weight:bold; }
a:hover { color: #6f0067; text-decoration: underline; }
a:focus, object { outline: none; }
img {border:0; }

/******************************************
	FORMULÁRIOS
******************************************/

input, select{
	border:1px solid #EE7532;
	font-size:11px;
	font-weight:bold;
	color:#666666;
	background-color:#ffffff;
}

input[disabled], input[readonly], select[disabled], select[readonly], checkbox[disabled], checkbox[readonly], textarea[disabled], textarea[readonly]{
	border:1px solid #EE7532;
	font-size:11px;
	font-weight:bold;
	color:#ffffff;
	background-color:#FFB66C;
}

input[type=radio], input[type=checkbox] { border: none; background-color:transparent; } 

radio{
	border:none;
	background-color:none;
	background:none;
}

textarea{
	border:1px solid #EE7532;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#666666;
	background-color:#ffffff;
}

.frmFocus{
	border:1px solid #8EBC78;
	font-size:11px;
	font-weight:bold;
	color:#666666;
	background-color:#E2F8C3;
}
/******************************************
	CLASSES GENÉRICAS
******************************************/
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.nospace { margin: 0; padding: 0; }
.Mostra {display:block !important; }
.Esconde{display:none !important; }
.margens{margin:0 15px; }
.formiguinha{ font-size:9px; color:#0265a5; font-weight:bold; padding-left:15px; }
li { list-style-image:url(../imgs/ico-quadrado-laranja.gif); margin-bottom:8px; }

/******************************************
	ESTRUTURA PRINCIPAL
******************************************/
#intervencao{
	z-index:100;
	position:absolute;
	width:100%;
	min-width:100%;
	height:100%;
	min-height:100%;
	margin:0;
	padding:0;
	text-align:center;
}

#intervencao-bg{
	z-index:100;
	position:absolute;
	width:100%;
	min-width:100%;
	margin:0;
	padding:0;
	background-color:#ffffff;
	filter: alpha(opacity=70); -moz-opacity: 0.5; opacity: 0.5;
}

.largura{ width:970px; }
.largura-popup{ width:350px; }

#mae-popup{
	position:relative;
	width:100%;
	min-width:100%;
	margin:0;
	padding:0;
}

#principal-popup {
	position:relative;
	margin:0 auto;
	padding:0 20px 30px 20px;
	background-color:#FFF;
}

#mae{
	position:relative;
	width:100%;
	min-width:100%;
	background-image:url(../imgs/bg-mae.png);
	background-position:top;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
}

#principal {
	position:relative;
	margin:0 auto;
}

#topo {
	position:relative;
	width:100%;
	height:147px;
}

#minha-sacola{
	z-index:100;
	position:absolute;
	float:left;
	width:266px;
	height:85px;
	top:0;
	left:0;
	margin:114px 0 0 593px;
	font-size:10px;
	font-weight:bold;
	
	background-image:url(../imgs/bg-minha-sacola.png);
	background-position:top;
	background-repeat:no-repeat;
}

	#minha-sacola .desc{
		float:left;
		width:140px;
		text-align:right;
		margin:5px 0 0 0;
	}
	
	#minha-sacola .valores{
		float:left;
		width:100px;
		margin:5px 0 0 5px;
	}
	
	#minha-sacola span.total{ color:#d0fb02; font-size:11px; }

#destaque-principal{
	z-index:99;
	position:relative;
	float:left;
	width:100%;
	height:267px;
}

#secoes{
	z-index:98;
	float:left;
	width:206px;
	margin:-46px 0 0 0;
	background-image:url(../imgs/bg-secoes.png);
	background-position:top;
	background-repeat:no-repeat;
}

#papiro{
	z-index:98;
	float:left;
	width:727px;
	margin:-46px 0 0 11px;
	background-image:url(../imgs/bg-papiro-topo.png);
	background-position:0 44px;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
}

#rodape {
	float:left;
	width:100%;
	height:248px;
	margin:0;
	color:#FFFFFF;
	background-image:url(../imgs/bg-rodape.png);
	background-position:top;
	background-repeat:no-repeat;
}
	#rodape .col1{
		float:left;
		width:250px;
		margin:65px 0 0 0;
		text-align:right;
	}
		#rodape .col1 span.telefone{ font-size:18px; }
	
	#rodape .col2{
		float:left;
		width:300px;
		margin:100px 0 0 75px;
	}
		#rodape .col2 span.mapa-localizacao a{
			color:#fee900;
			text-decoration:none;
			font-weight:bold;
		}
		
		#rodape .col2 span.mapa-localizacao a:hover{ color:#7b09b6; }
		
	#rodape .copyright{
		float:left;
		width:100%;
		text-align:right;
		font-size:10px;
		font-weight:bold;
		color:#714a00;
		margin-top:30px;
	}

#parcelamentos{
	z-index:100;
	position:relative;
	float:left;
	width:500px;
	margin:0 0 0 -110px;
	border:3px solid #46af0c;
	background-color:#FFFFFF;
	font-size:10px;
}

	.compensacao{ margin:10px 0 0 204px !important; }
	
	#parcelamentos .titulo{
		font-size:14px;
		font-weight:bold;
		color:#46af0c;
		border-left:100px solid #46af0c;
		padding-left:15px;
	}
	.bandeiras-rotulo{
		float:left;
		width:70px;
		height:30px;
		margin:0px 12px 0px 0px;
		text-align:center;
		font-weight:bold;
	}
	
	.fechar{
		font-size:10px;
		font-weight:bold;
		border-right:70px solid #46af0c;
		padding-right:15px;
		text-align:right
	}
	
	.parcelamentos-15x { background-color:#fcd49d !important; }
	.parcelamentos-18x { background-color:#e8bdf1 !important; }
	
	.bandeiras-compensacao1{ margin-left:8px; }
/******************************************
	CLASSES GERAIS
******************************************/
.saudacao{
	float:left;
	width:355px;
	height:25px;
	font-size:10px;
	color:#dd8406;
	margin:85px 0 0 -85px;
}

.box-login{
	float:left;
	width:130px;
	height:140px;
	padding:45px 0 0 70px;
	margin:0 0 0 3px;
	background-image:url(../imgs/box-login.png);
	background-position:left top;
	background-repeat:no-repeat;
	font-weight:bold;
	color:#FFFFFF;
	font-size:10px;
}
	.box-login p{ margin:5px 0 0 0; }
	.box-login a{ color:#FFFFFF; text-decoration:none; }
	
	.box-login a:hover{ color:#faac00; text-decoration:none; }

.box-secoes{
	float:left;
	width:100%;
	background-image:url(../imgs/titulo-box-secoes.png);
	background-position:center top;
	background-repeat:no-repeat;
	padding:84px 0 0 0;
}

.box-cartela-cores{
	float:left;
	clear:both;
	width:100%;
	height:77px;
	background-image:url(../imgs/titulo-box-cartela.png);
	background-position:center top;
	background-repeat:no-repeat;
}

.box-medidas{
	float:left;
	width:100%;
	height:82px;
	clear:both;
	background-image:url(../imgs/titulo-box-medidas.png);
	background-position:center top;
	background-repeat:no-repeat;
}

.box-eventos{
	float:left;
	clear:both;
	width:100%;
	height:82px;
	background-image:url(../imgs/titulo-box-eventos.png);
	background-position:center top;
	background-repeat:no-repeat;
}
	.box-eventos-lista{
		float:left;
		width:100%;
		height:220px;
		background-image:url(../imgs/bg-box-eventos.png);
		background-position:center top;
		background-repeat:no-repeat;
	}

.box-convites{
	float:left;
	clear:both;
	width:100%;
	height:82px;
	background-image:url(../imgs/titulo-box-convites.png);
	background-position:center top;
	background-repeat:no-repeat;
}

.titulo-principal{
	float:left;
	width:685px;
	height:30px;
	font-size:24px;
	color:#dd8406;
	margin:45px 0 30px 20px;
}

.titulo-popup{
	font-size:24px;
	color:#dd8406;
	margin:0;
	padding:30px 0 0 0;
}

.popup-msg{
	border-top:1px dashed #F90;
	border-bottom:1px dashed #F90;
	padding:15px 0;
	margin:15px 0;
}

.titulo-secundario{
	font-size:18px;
	color:#46af0c;
	padding-left:20px;
	margin-top:50px;
	border-left:100px solid #46af0c;
}

.LojaCategorias{
	font-size:18px;
	color:#46af0c;
	padding-left:20px;
	margin:0 0 30px 15px;
	border-left:145px solid #46AF0C;
}

.chamadatxt{
	font-size:14px;
	font-style:italic;
	color:#46af0c;
	margin:20px 0;
	padding-left:200px;
	padding-right:10px;
	border-right:200px solid #46af0c;
}

.busca{
	float:left;
	width:655px;
	margin:10px 0 10px 16px;
	padding:10px 20px;
	
	background-image:url(../imgs/bg-degrade-pequeno.png);
	background-repeat:repeat-x;
}

.produtos{
	float:left;
	width:470px;
	margin:0 0 0 20px;
}

#vitrine{
	float:left;
	width:240px;
	margin:0;
	padding:0;
}
	.vitrine-box{
		padding:15px 0 15px 0;
		border-bottom:5px solid #CCC;
	}
	
	.vitrine-focus{
		background-image:url(../imgs/bg-livro.png);
		background-repeat:repeat-x;
		border-bottom:5px solid #84CA00;
	}
	
	.vitrine-box .thumb{
		float:left;
		width:108px;
		height:108px;
		padding:7px 0 0 7px;
		margin:0 0 0 10px;
		border:2px solid #6F0067;
	}
	
	.vitrine-box .preco{
		float:left;
		width:110px;
		margin:10px 0 0 0;
	}
	
		.vitrine-box .preco .preco-tipo{
			float:left;
			width:20px;
			height:20px;
			font-size:8px;
			font-weight:bold;
			color:#636161;
			text-align:right;
			margin-left:5px;
		}
		
		.vitrine-box .preco .preco-de{
			float:left;
			width:80px;
			height:20px;
			margin-left:5px;
			font-size:10px;
			font-weight:bold;
			text-decoration:line-through;
			color:#636161;
		}
		
		.vitrine-box .preco .valor{
			float:left;
			width:80px;
			height:20px;
			margin-left:5px;
			font-size:10px;
			font-weight:bold;
			color:#636161;
		}
		
		.vitrine-box .preco .preco-por{
			float:left;
			width:80px;
			height:20px;
			margin-left:5px;
			font-size:10px;
			font-weight:bold;
			color:#46af0c;	
		}		
		
		.vitrine-box .preco .preco-ou{
			float:left;
			width:80px;
			height:30px;
			margin-left:5px;
			font-size:11px;
			font-weight:bold;
			color:#015fa0;
		}
		
		.vitrine-box .preco .preco-ou a{ color:#015fa0; text-decoration:none; }
		.vitrine-box .preco .preco-ou a:hover{ color:#46af0c; text-decoration:none; }
				
		.vitrine-box .codigo{
			float:left;
			width:110px;
			height:60px;
			padding-right:10px;
			text-align:right;
			font-size:9px;
			font-weight:bold;
			color:#b6b6b6;
		}
			.vitrine-box .codigo .cod{
				font-size:18px;
			}
		
		.vitrine-box .nome{
			float:left;
			width:110px;
			height:60px;
			font-size:11px;
			font-weight:bold;
			color:#84CA00;
		}
.produto{
	float:left;
	width:470px;
	margin:10px 0;
	background-image:url(../imgs/box-produto.png);
	background-repeat:repeat-x;
	background-position:0 50px;
}

	.bg-produto{
		background-image:url(../imgs/box-produto.png);
		background-repeat:repeat-x;
		background-position:0 50px;
	}
	
	.bg-produto-detalhes{
		background-image:url(../imgs/box-produto-detalhes.png);
		background-repeat:repeat-x;
		background-position:0 50px;
	}

	.produto .thumb{
		float:left;
		width:108px;
		height:108px;
		padding:7px 0 0 7px;
		margin:0 15px 0 20px;
		
		background-image:url(../imgs/bg-produto-thumb.png);
		background-repeat:no-repeat;
	}
	
	.produto .nome{
		float:left;
		width:300px;
		height:45px;
		margin:5px 0 0 0;
		font-size:12px;
		font-weight:bold;
		color:#636161;
	}
	
	.produto .preco{
		float:left;
		width:200px;
		margin:10px 0 0 0;
	}
	
		.produto .preco .preco-tipo{
			float:left;
			width:50px;
			height:20px;
			font-size:14px;
			color:#636161;
			text-align:right;
		}
		
		.produto .preco .preco-de{
			float:left;
			width:140px;
			height:20px;
			margin-left:5px;
			font-size:14px;
			font-weight:bold;
			text-decoration:line-through;
			color:#636161;
		}
		
		.produto .preco .valor{
			float:left;
			width:140px;
			height:20px;
			margin-left:5px;
			font-size:14px;
			font-weight:bold;
			color:#636161;
		}
		
		.produto .preco .preco-por{
			float:left;
			width:140px;
			height:20px;
			margin-left:5px;
			font-size:14px;
			font-weight:bold;
			color:#46af0c;			
		}		
		
		.produto .preco .preco-ou{
			float:left;
			width:140px;
			height:20px;
			margin-left:5px;
			font-size:14px;
			font-weight:bold;
			color:#015fa0;
		}
		
		.produto .preco .preco-ou a{ color:#015fa0; text-decoration:none; }
		.produto .preco .preco-ou a:hover{ color:#46af0c; text-decoration:none; }
	
	.produto .codigo{
		float:left;
		width:85px;
		height:45px;
		margin:10px 0 0 12px;
		text-align:right;
		font-size:9px;
		font-weight:bold;
		color:#b6b6b6;
	}
		.produto .codigo .cod{
			font-size:18px;
		}
	
	.produto .tam-cor{
		float:left;
		width:435px;
		margin:10px 0 0 12px;
		text-align:right;
		font-weight:bold;
	}
	
	.produto ul.dadosGerais{
		margin:25px 0 0 0;
		padding:0;		
	}
	
	.produto ul.dadosGerais li{
		list-style:none !important;
		list-style-image:none !important;
	}
	
	.produto ul.dadosGerais li.tituloPrincipal{
		font-size:18px;
		color:#ef9a21;
		font-weight:bold;
		margin:20px 0 5px 0;
		padding-top:15px;
		border-top:1px dashed #ef9a21;
	}
	
	.produto ul.dadosGerais li.titulo{
		font-size:12px;
		color:#9705b6;
		font-weight:bold;
		margin:5px 0 5px 20px;
	}
	
	.produto ul.dadosGerais li.txt{
		font-size:12px;
		color:#888686;
		margin:5px 0 15px 20px;
	}
	
	.produto ul.dadosGerais li.fotos{ margin:5px 0 15px 20px; }
	.produto ul.dadosGerais li.fotos img{ border:3px solid #9705b6; margin-right:10px; margin-bottom:15px; }
	
	.produto-tab-topo{
		height:30px;
		font-size:11px;
		color:#8a8a89;
		font-weight:bold;
		background-color:#eaeaea;
		border-bottom:1px solid #8a8a89;
	}
	
	.produto-tab-linhas{
		height:50px;
		font-size:11px;
		color:#8a8a89;
		border-bottom:1px solid #8a8a89;
	}
	
	.tab-pedido{
		font-size:14px;
		color:#FF6600;
	}
	
	.produto-tab-linhas2{
		height:30px;
		font-size:11px;
		color:#333333;
		border-bottom:1px solid #8a8a89;
	}
	
	.produto-tab-bg{ background-color:#eaeaea; }
	
	.produto-tab-resumo1{
		height:30px;
		font-size:11px;
		color:#4c952d;
		font-weight:bold;
		border-bottom:1px solid #8a8a89;
	}
	
	.produto-tab-resumo2{
		height:30px;
		font-size:11px;
		color:#e64a00;
		font-weight:bold;
		border-bottom:1px solid #8a8a89;
	}
	
	.produto-tab-bg2{ background-color:#e2f8c3; }
	
.destaques-secundarios{
	float:left;
	width:200px;
	margin:0 0 0 10px;
}

.tags{
	float:left;
	width:670px;
	margin:10px 0 10px 16px;
	padding:10px 10px;
	font-weight:bold;
	text-align:justify;
	
	background-image:url(../imgs/bg-degrade-pequeno.png);
	background-repeat:repeat-x;
}
	.tags a{ text-decoration:none; }
	.tags a:hover{ text-decoration:underline; color:#F60; }
.navegador{
	float:left;
	width:655px;
	margin:10px 0 10px 16px;
	padding:10px 20px;
	font-size:10px;
	font-weight:bold;
	
	background-image:url(../imgs/bg-degrade-pequeno.png);
	background-repeat:repeat-x;
}

	.navegador .navegador-nitens{
		float:left;
		width:105px;
		text-align:right;
	}
	
	.navegador .navegador-IrPara{
		float:left;
		width:90px;
		text-align:right;
	}
	.navegador .navegador-setas{
		float:left;
		width:390px;
		margin:0 0 0 30px;
		padding-left:5px;
		background-color:#efefef;
	}
	
	.navegador .navegador-totalPag{
		float:left;
		width:170px;
		margin:5px 0 0 10px;
		background-color:#efefef;
		text-align:center;
		color:#48922c;
	}

.formas-pagamento{
	float:left;
	width:655px;
	margin:0 0 10px 16px;
	padding:10px 20px;
	font-size:12px;
	font-weight:bold;
	
	background-image:url(../imgs/bg-degrade-pequeno.png);
	background-repeat:repeat-x;
}

.duvidas-col1{
	float:left;
	width:240px;
	margin:0 0 0 25px;
	font-size:10px;
	font-weight:bold;
}

.duvidas-col2{
	float:left;
	width:240px;
	margin:0 0 0 25px;
	font-size:10px;
	font-weight:bold;
}
	
.ico-cadeado{
	float:left;
	width:64px;
	height:80px;
	margin:80px 0 0 30px;
	background-image:url(../imgs/ico-cadeado.png);
	background-repeat:no-repeat;
}

.ico-esgotado{
	position:absolute;
	width:126px;
	height:38px;
	margin:105px 0 0 -115px;
	background-image:url(../imgs/ico-esgotado.png);
	background-repeat:no-repeat;
}

#coluna-esqueda-internas{
	float:left;
	width:440px;
	padding:0;
	margin:0;
}

.servicos{
	float:left;
	width:100%;
	/*height:580px;*/
	height:230px;
	margin:10px 0 0 0;
	
	/*background-image:url(../imgs/bg-servicos.png);*/
	background-image:url(../imgs/bg-servicos-2fase.png);
	background-repeat:no-repeat;
}

	#container-visitas{
		position:relative; 
		left:0px;
		z-index:20;
		width:215px;
		height:120px;
		margin:45px 0 0 18px;		
	}
	
	#container-visitas a{ color:#50750e; text-decoration:none; }
	#container-visitas a:hover{ color:#bc7300; text-decoration:underline; }
	
	#Scroller-visitas{
		position:absolute;
		overflow:hidden;
		width:155px; 
		height:120px;
		left:30px;
		margin:0px;
	}
	
	#carrousel-visitas{
		position:absolute; 
		width:1000px; 
		top:0px;
		left:0px;
		z-index:30;
		padding:0px;
	}
	
	#container-pparede{
		position:relative; 
		left:0px;
		z-index:20;
		width:215px;
		height:120px;
		margin:-120px 0 0 250px;		
	}
	
	#container-pparede a{ color:#50750e; text-decoration:none; }
	#container-pparede a:hover{ color:#bc7300; text-decoration:underline; }
	
	#Scroller-pparede{
		position:absolute;
		overflow:hidden;
		width:155px; 
		height:120px;
		left:30px;
		margin:0px;
	}
	
	#carrousel-pparede{
		position:absolute; 
		width:1000px; 
		top:0px;
		left:0px;
		z-index:30;
		padding:0px;
	}
	
	#div-icoSetaEsquerda{
		position:absolute;
		overflow:hidden;
		width:30px; 
		height:120px;
		margin:0px;
		left:0px; 
	}
	
	#div-icoSetaDireita{
		position:absolute;
		overflow:hidden;
		width:30px; 
		height:120px;
		margin:0px;
		left:185px; 
	}
	
	#icoSetaAnterior{
		float:left;
		width:30px;
		height:33px;
		margin:90px 0 0 0;
		background-image:url(../imgs/ico-setaAnterior.gif); 
		background-repeat:no-repeat; 
		text-indent:-9999px;
	}
	
	#icoSetaProximo{
		float:left;
		width:30px;
		height:33px;
		margin:90px 0 0 0;
		background-image:url(../imgs/ico-setaProximo.gif); 
		background-repeat:no-repeat; 
		text-indent:-9999px; 
	}
	
	.livro-visitas{ 
		float:left;
		overflow:hidden;
		width:155px; 
		height:120px;
		margin:0px;
		size:10px;
	}	
	
	.livro-visitas .thumb{
		float:left;
		width:50px;
		margin:10px 0 0 0;
	}
		
	.livro-visitas .visitante{
		float:left;
		width:90px;
		size:9px;
		margin:0px 0 0 7px;
	}
	
	.livro-visitas .thumb img{ width:50px; border:2px solid #FFFFFF; }
	
	.papel-parede{ 
		float:left;
		overflow:hidden;
		width:155px; 
		height:120px;
		margin:0px;
		size:10px;
		text-align:center;
	}
	
	.papel-parede img{ border:2px solid #FFFFFF; }
	
	.papel-parede-down{
		display:none;
		position:absolute;
		width:145px;
		padding:10px 5px;
		margin:25px 0 0 0;
		background-color:#759d3d;
		border-top:2px solid #bccc73;
		border-bottom:2px solid #bccc73;
		color:#bccc73 ;
	}
	
	.papel-parede-down a{ color:#bccc73 !important; text-decoration:none; }
	.papel-parede-down a:hover{ color:#bc7300 !important; text-decoration:underline; }
	
	#container-enquete{
		position:relative; 
		left:0px;
		z-index:20;
		width:190px;
		height:160px;
		margin:-135px 0 0 508px;
	}
	
	.enquete-grafico{ clear:both; float:left; height:15px; margin-right:5px; padding:5px; background-color:#F90; color:#fff; }
	
	#enquete-resultado .pergunta {font-size:9px; font-weight:bold;}
	#enquete-resultado .total { 
		position:absolute;
		top:0;
		left:0;
		padding:5px;
		background-color:#FFF;
		text-align:right;
		width:60px; 
		border:1px solid #F90; 
		font-size:9px; 
		font-weight:bold;
		margin:112px 0 0 118px;
	}
	.enquete-resposta{ float:left; width:100%; font-size:9px; font-weight:bold; }
	.enquete-resposta .enquete-grafico{ clear:both; float:left; height:3px; margin-right:5px; padding:5px; background-color:#F90; color:#fff; }
	
	#container-enquete a{ color:#50750e; text-decoration:none; }
	#container-enquete a:hover{ color:#bc7300; text-decoration:underline; }
	
	.servicos .raioX-galeria{
		float:left;
		width:425px;
		margin:35px 0 0 30px;
	}
	
	.servicos .raioX{
		float:left;
		width:100%;
		height:180px;
	}
		.servicos .raioX p.chamada{
			margin-left:80px;
		}
		
		.servicos .raioX .thumb{
			float:left;
			width:125px;
			height:125px;
		}
		
		.servicos .raioX img{ border:3px solid #a6a6a6; }
		
		.servicos .raioX .materia{
			float:left;
			width:275px;
			font-size:12px;
			margin-left:20px;
		}
		
		.servicos .raioX .materia a{ text-decoration:none; }
	
	.servicos .galeria-fotos{
		float:left;
		width:100%;
		height:90px;
		margin-top:55px;
	}

		.servicos .galeria-fotos img { border:3px solid #e1e1e1; }
		
		.servicos .galeria-fotos .foto-1{
			z-index:70;
			position:relative;
			float:left;
			width:74px;
			margin:0 0 0 0;
		}
		
		.servicos .galeria-fotos .foto-2{
			z-index:70;
			position:relative;
			float:left;
			width:65px;
			margin:22px 0px 0px -10px;
		}
		
		.servicos .galeria-fotos .foto-3{
			z-index:70;
			position:relative;
			float:left;
			width:70px;
			margin:5px 0px 0px 15px;
		}
		
		.servicos .galeria-fotos .foto-4{
			z-index:77;
			position:relative;
			float:left;
			width:40px;
			margin:22px 0px 0px -20px;
		}
		
		.servicos .galeria-fotos .foto-5{
			z-index:70;
			position:relative;
			float:left;
			width:60px;
			margin:-25px 0px 0px -10px;
		}
		
		.servicos .galeria-fotos .foto-6{
			z-index:70;
			position:relative;
			float:left;
			width:85px;
			margin:-5px 0px 0px 12px;
		}
		
		.servicos .galeria-fotos .foto-7{
			z-index:70;
			position:relative;
			float:left;
			width:60px;
			margin:10px 0px 0px -30px;
		}
		
		.servicos .galeria-fotos .ver-todas{
			position:relative;
			float:left;
			width:150px;
			margin:0px 0 0 145px;
			text-align:right;
		}
	
	.servicos .fotoBlog{
		float:left;
		width:190px;
		height:283px;
		margin:80px 0 0 47px;
		font-size:10px;
	}
		
		.servicos .fotoBlog .thumb{
			float:left;
			width:70px;
			margin:30px 0 0 15px;
		}
		
		.servicos .fotoBlog img{ border:3px solid #FFFFFF; }
		
		.servicos .fotoBlog .blogueiro{
			float:left;
			width:85px;
			margin:30px 0 0 15px;
		}
	
	#box-valePresente{
		float:left;
		width:260px;
		height:115px;
		background-color:#fbe6ac;
		color:#e44100;
		font-weight:bold;
		margin:15px 0 20px 15px;
		padding:10px;
	}
	
	#box-frete{
		float:left;
		width:340px;
		height:115px;
		background-color:#fbe6ac;
		color:#e44100;
		font-weight:bold;
		margin:15px 0 20px 55px;
		padding:10px;
	}
		
		#box-frete .frete-calculo{
			float:left;
			width:200px;
		}
		
		#box-frete .frete-resposta{
			float:left;
			display:table;
			vertical-align:middle;
			width:100px;
			height:90px;
			background-color:#ffffff;
			color:#e44100;
			padding:10px;
			margin-left:10px;
		}
		
	#box-soucliente{
		float:left;
		width:275px;
		height:170px;
		background-color:#e2f8c3;
		color:#8ebc78;
		font-weight:bold;
		margin:15px 0 20px 30px;
		padding:20px;
	}
	
	#box-querosercliente{
		float:left;
		width:275px;
		height:170px;
		background-color:#fbe6ac;
		color:#e44100;
		font-weight:bold;
		margin:15px 0 20px 30px;
		padding:20px;
	}
	
		#box-querosercliente p.chamada{ color:#ac7c69; }
		
	.compra-titulo{
		font-size:18px;
		color:#8ebc78;
		font-weight:bold;
		margin-top:30px;
	}
	
	.compra-recuo{
		margin:30px 0 0 0 50px;
		padding-left:30px;
		border-left:30px solid #e2f8c3;
	}
	
	.captcha{
		width:160px;
		height:40px;
		background-color:#EE7532;
		padding:3px;
	}

	p.cartelas-nome{
		color:#9505b4;
		font-size:24px;
	}
	
	p.cartelas-composicao{
		padding-left:20px;
		border-left:100px solid #9505b4;
		color:#9505b4;
		font-size:12px;
	}
	
	.cartelas-cor{
		float:left;
		width:330px;
		height:100px;
		background-color:#d283e0;
		padding:5px;
		margin:15px 0 15px 15px;
	}
	
	.cartelas-thumb{
		float:left;
		width:100px;
		height:100px;
	}
	
	.cartelas-thumb img{ border:1px solid #FFFFFF !important; }
	
	.cartelas-desc{
		float:left;
		width:180px;
		margin:20px 20px;
		color:#FFFFFF;
	}
	
	span.cartelas-nomecor{ font-size:15px; }
	
	.banner-pagseguro{ border:2px solid #45af0c; }
	
	p.confirmacao{ font-size:18px; color:#45af0c; margin:100px 0; }
	
	.mapa-localizacao-google{
		width:600px;
		height:500px;
		border:2px solid #45af0c;
		margin-left:70px;
	}
	
	.sobre-img{
		float:left;
		width:100px;
		height:100px;
		padding:10px;
		border:2px solid #45af0c;
		margin:0 20px 20px 0;
	}

#duvidas-respostas{
	float:left;
	width:430px;
	padding:0 20px 50px 0;
	margin-bottom:30px;	
}

#duvidas-perguntas{
	float:left;
	width:230px;
	padding:0 0 50px 10px;	
	margin-bottom:30px;
	border-left:1px dashed #45af0c;
}

#livro-container{
	float:left;
	width:435px;
	margin:0 15px 0 0;
	padding:0;
}

#livro-visitantes{
	float:left;
	width:100%;
	padding:0;
	background-image:url(../imgs/bg-livro.png);
	background-repeat:repeat-x;
}
	
	.livro-foto{
		float:left;
		width:120px;
		margin:15px;
	}
	
	.livro-foto img{ width:120px; border:4px solid #FFF; }
	
	.livro-txt{
		float:left;
		width:245px;
		margin:15px;
	}
	
	.livro-txt-Ronny .nome{ color:#1ba001; font-size:12px; font-weight:bold; }
	.livro-txt-Aninha .nome{ color:#9402b9; font-size:12px; font-weight:bold; }
	
#livro-msg{
	float:left;
	width:242px;
	margin:0;
	padding:0;
}
	#livro-msg .aninha-ronny{
		position:relative;
		float:left;
		width:100%;
		height:235px;		
		z-index:50;
		color:#F90;
		font-weight:bold;
	}
	
	.Aninha{ 
		color:#9402b9 !important;
		background-image:url(../imgs/aninha-ronny.png); 
		background-repeat:no-repeat; 
		background-position:0 0;  
	}
	.Ronny{ 
		color:#1ba001 !important;
		background-image:url(../imgs/aninha-ronny.png); 
		background-repeat:no-repeat; 
		background-position:0 -282px; 
	}
	.RonnyCor{ color:#1ba001 !important; }
	.AninhaCor{ color:#9402b9 !important; }
	
	.frmRonnyCor input{
		border:1px solid #62df49;
		font-size:11px;
		font-weight:bold;
		color:#ffffff;
		background-color:#62df49;
	}
	
	.frmAninhaCor input{
		border:1px solid #e182f9;
		font-size:11px;
		font-weight:bold;
		color:#ffffff;
		background-color:#e182f9;
	}
	
	#livro-msg .balao-livro{
		float:left;
		width:212px;
		height:458px;
		margin-top:-50px;
		padding:30px 10px 0 20px;
		background-image:url(../imgs/balao-livro.png);
		background-repeat:no-repeat;
		z-index:40;
		font-weight:bold;
	}
	
#papel-parede{
	float:left;
	width:440px;
	padding:0;
	background-image:url(../imgs/bg-livro.png);
	background-repeat:repeat-x;
}	
	
	.papel-foto{
		float:left;
		width:120px;
		margin:15px;
	}
	
	.papel-foto img{ width:120px; border:4px solid #FFF; }
	
	.papel-txt{
		float:left;
		width:245px;
		margin:15px;
	}
		.papel-txt .nome{ color:#1ba001; font-size:14px; font-weight:bold; }
	
/******************************************
	LISTA - UL + LI
******************************************/
ul#secoes{
	margin:0;
	padding:0;
}

	ul#secoes li{
		display:inline;
		list-style:none;
		list-style-image:none;		
	}
	
	ul#secoes li a{
		float:left;
		width:180px;
		height:30px;
		margin:0 0 1px 3px;
		padding:15px 0 0 20px;
		font-size:12px;
		font-weight:bold;
		text-decoration:none;
	}
	
	ul#secoes a.off{
		background-image:url(../imgs/secoes-li-off.png);
		background-repeat:no-repeat;		
		color:#5b5b5b;
	}
	
	ul#secoes a:hover.off{
		background-image:url(../imgs/secoes-li-hover.png);
		background-repeat:no-repeat;
		text-decoration:none;
		color:#ffffff;
	}
	
	ul#secoes a.on{
		background-image:url(../imgs/secoes-li-on.png);
		background-repeat:no-repeat;
		font-size:12px;
		color:#ffffff;		
	}
	
	ul#secoes a:hover.on{
		background-image:url(../imgs/secoes-li-hover.png);
		background-repeat:no-repeat;
		text-decoration:none;
		color:#5b5b5b;
	}

ul#cartelas{
	margin:0;
	padding:0;
}

	ul#cartelas li{
		display:table;		
		list-style:none;
		list-style-image:none;	
		margin:0 !important;
	}
	
	ul#cartelas li a{
		float:left;
		width:180px;
		height:20px;
		margin:0 0 1px 3px !important;
		padding:8px 0 0 20px;
		font-size:12px;
		font-weight:bold;
		text-decoration:none;
	}
	
	ul#cartelas a.off{
		background-image:url(../imgs/cartelas-li-off.png);
		background-repeat:no-repeat;
		color:#5b5b5b;
	}
	
	ul#cartelas a:hover.off{
		background-image:url(../imgs/cartelas-li-hover.png);
		background-repeat:no-repeat;
		text-decoration:none;
		color:#ffffff;
	}
	
	ul#cartelas a.on{
		background-image:url(../imgs/cartelas-li-on.png);
		background-repeat:no-repeat;		
		color:#ffffff;
	}
	
	ul#cartelas a:hover.on{
		background-image:url(../imgs/cartelas-li-hover.png);
		background-repeat:no-repeat;
		text-decoration:none;
		color:#5b5b5b;
	}
	
ul#padrao{
	margin:0;
	padding:0;
}

	ul#padrao li{
		display:table;
		list-style:none;
		list-style-image:none;
		margin:0 !important;
	}
	
	ul#padrao li a{
		float:left;
		width:180px;
		height:60px;
		margin:0 0 1px 3px !important;
		padding:10px 0 0 20px;
		font-size:12px;
		font-weight:bold;
		text-decoration:none;
		background-image:url(../imgs/padrao-li-off.png);
		background-repeat:no-repeat;
		color:#5b5b5b;
	}
	
	ul#padrao a:hover{
		background-image:url(../imgs/padrao-li-hover.png);
		background-repeat:no-repeat;
		text-decoration:none;
		color:#ffffff;
	}

ul#eventos{
	margin:0 0 0 25px;
	padding:0;
}

	ul#eventos li{
		list-style:inside;
		font-size:11px;
		color:#585858;
		margin-bottom:10px;
	}
	
	ul#eventos li a{
		color:#585858;
		text-decoration:none;
	}
	
	ul#eventos li a:hover{
		color:#ffffff;
		text-decoration:none;
	}
	
	ul#eventos li.titulo{
		list-style:none;
		margin-top:15px;
		font-weight:bold;
	}
		
ul#compra{
	margin:0 0 0 15px;
	padding:0;
}

	ul#compra li{
		float:left;
		display:inline;
		height:57px;
		list-style:none;
		background-image:url(../imgs/nav-compra.png);
		background-repeat:no-repeat;
		text-indent:-99999px;
	}
	
	ul#compra li.minha-sacola{ width:175px; background-position:0px 0px; }
	ul#compra li.identificacao{ width:185px; background-position:-176px 0px; }
	ul#compra li.pagamento{ width:151px; background-position:-361px 0px; }
	ul#compra li.confirmacao{ width:183px; background-position:-512px 0px; }
	
	ul#compra li.minha-sacolaOn{ width:175px; background-position:0px -60px; }
	ul#compra li.identificacaoOn{ width:185px; background-position:-176px -60px; }
	ul#compra li.pagamentoOn{ width:151px; background-position:-361px -60px; }
	ul#compra li.confirmacaoOn{ width:183px; background-position:-512px -60px; }

ul#login-menus{
	margin:0;
	padding:0;
}

	ul#login-menus li{
		list-style:none;
		font-size:10px;
		width:120px;
		background-color:#d7aa44;
		padding:2px 0 2px 5px;
		margin:0 0 2px 0;
	}
	
	ul#login-menus li a{ color:#ffffff; text-decoration:none; }
	ul#login-menus li a:hover{ color:#15161a; text-decoration:none; }

ul#duvidas{
	margin:0 0 0 30px;
	padding:0;
}

	ul#duvidas li{
		list-style-image:url(../imgs/ico-duvida.gif);
		list-style-position:outside;
		size:11px;
	}
	
	ul#duvidas li a{
		font-weight:bold;
		text-decoration:none;
		color:#6f0067;
	}
	
	ul#duvidas a:hover{
		text-decoration:underline;
		color:#84CA00;
	}

/******************************************
	BOTOES
******************************************/
.botao-logo{
	float:left;
	width:302px;
	height:94px;
	background-image:url(../imgs/logo.png);
	background-repeat:no-repeat;
	text-indent:-99999px;
	border:none;
	margin:20px 0 0 15px;
}

.botao-minha-sacola{
	float:left;
	width:134px;
	height:18px;
	background-image:url(../imgs/botao-minha-sacola.png);
	background-repeat:no-repeat;
	text-indent:-99999px;
	border:none;
	margin:90px 0 0 60px;
}

.botao-view{
	float:left;
	width:50px;
	height:30px;
	background-image:url(../imgs/botao-view.gif);
	background-repeat:no-repeat;
	text-indent:-99999px;
	border:none;
}

.botao-lupa{
	width:59px;
	height:56px;
	background-image:url(../imgs/botao-lupa.png);
	background-repeat:no-repeat;
	text-indent:-99999px;
	background-color:transparent;
	border:0;
}

.botao-login-ok{
	width:24px;
	height:23px;
	background-image:url(../imgs/botao-login-ok.png);
	background-repeat:no-repeat;
	text-indent:-99999px;
	background-color:transparent;
	border:0;
}

.botao-ok{
	width:37px;
	height:37px;
	background-image:url(../imgs/botao-ok.png);
	background-repeat:no-repeat;
	text-indent:-99999px;
	background-color:transparent;
	border:0;
}

.botao-Assinar-Lilas{
	width:191px;
	height:26px;
	background-image:url(../imgs/botao-assinar.png);
	background-repeat:no-repeat;
	text-indent:-99999px;
	background-color:transparent;
	background-position:0 0;
	border:0;
}

.botao-Assinar-Verde{
	width:191px;
	height:26px;
	background-image:url(../imgs/botao-assinar.png);
	background-repeat:no-repeat;
	text-indent:-99999px;
	background-color:transparent;
	background-position:0 -26px;
	border:0;
}

.botao-detalhes{
	float:right;
	width:108px;
	height:32px;
	background-image:url(../imgs/botao-detalhes.png);
	background-repeat:no-repeat;
	text-indent:-99999px;
	margin:10px;
}

.botao-colocar-sacola{
	float:right;
	width:200px;
	height:32px;
	background-image:url(../imgs/botao-cocolar-sacola.png);
	background-repeat:no-repeat;
	text-indent:-99999px;
	margin:10px;
	background-color:transparent;
	border:0;
}

.botao-alterar{
	float:right;
	width:200px;
	height:32px;
	background-image:url(../imgs/botao-alterar.png);
	background-repeat:no-repeat;
	text-indent:-99999px;
	margin:10px;
	background-color:transparent;
	border:0;
}

.botao-salvar{
	float:left;
	width:200px;
	height:32px;
	background-image:url(../imgs/botao-salvar.png);
	background-repeat:no-repeat;
	text-indent:-99999px;
	margin:50px;
	background-color:transparent;
	border:0;
}

.botao-navPrimeiro{
	float:left;
	width:31px;
	height:19px;
	background-image:url(../imgs/botao-navPrimeiro.png);
	background-repeat:no-repeat;
	text-indent:-99999px;
	margin:10px;
}

.botao-navAnterior{
	float:left;
	width:31px;
	height:19px;
	background-image:url(../imgs/botao-navAnterior.png);
	background-repeat:no-repeat;
	text-indent:-99999px;
	margin:10px;
}


.botao-navProximo{
	float:left;
	width:31px;
	height:19px;
	background-image:url(../imgs/botao-navProximo.png);
	background-repeat:no-repeat;
	text-indent:-99999px;
	margin:10px;	
}


.botao-navUltimo{
	float:left;
	width:31px;
	height:19px;
	background-image:url(../imgs/botao-navUltimo.png);
	background-repeat:no-repeat;
	text-indent:-99999px;
	margin:10px;
}

.botao-envelope{
	float:left;
	width:57px;
	height:39px;
	background-image:url(../imgs/botao-envelope.png);
	background-repeat:no-repeat;
	text-indent:-99999px;
	margin:140px 0 0 20px;
}

.botao-editar{
	float:right;
	width:15px;
	height:17px;
	background-image:url(../imgs/botao-editar.gif);
	background-repeat:no-repeat;
	text-indent:-99999px;
	margin:0 15px 0 0;
}

.botao-editar2{
	float:left;
	clear:both;
	height:17px;
	background-image:url(../imgs/botao-editar.gif);
	background-repeat:no-repeat;
	padding:0 0 0 25px;
	margin:15px 0;
}

.botao-excluir{
	float:right;
	width:13px;
	height:13px;
	background-image:url(../imgs/botao-excluir.gif);
	background-repeat:no-repeat;
	text-indent:-99999px;
	margin:0 15px 0 0;
}

.botao-continuar-compras{
	float:left;
	width:285px;
	height:77px;
	background-image:url(../imgs/botoes-loja.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	text-indent:-99999px;
	margin:20px 15px 15px 15px;
	border:0px;
	background-color:transparent;
}

.botao-passo-anterior{
	float:right;
	width:165px;
	height:77px;
	background-image:url(../imgs/botoes-loja.png);
	background-repeat:no-repeat;
	background-position:-327px 0px;
	text-indent:-99999px;
	margin:20px 15px 15px 0;
	border:0px;
	background-color:transparent;
}

.botao-passo-proximo{
	float:right;
	width:165px;
	height:77px;
	background-image:url(../imgs/botoes-loja.png);
	background-repeat:no-repeat;
	background-position:-542px 0px;
	text-indent:-99999px;
	margin:20px 15px 15px 0;
	border:0px;
	background-color:transparent;
}

.botao-cancelar{
	float:right;
	width:170px;
	height:77px;
	background-image:url(../imgs/botoes-loja.png);
	background-repeat:no-repeat;
	background-position:-326px -147px;
	text-indent:-99999px;
	margin:20px 15px 15px 0;
	border:0px;
	background-color:transparent;
}

.botao-confirmar{
	float:right;
	width:170px;
	height:77px;
	background-image:url(../imgs/botoes-loja.png);
	background-repeat:no-repeat;
	background-position:-528px -147px;
	text-indent:-99999px;
	margin:20px 15px 15px 0;
	border:0px;
	background-color:transparent;
}

/******************************************
	MOSTRA-ESCONDE
******************************************/
.seta{
	position:relative;
	width:590px;
	height:22px;
	padding-top:4px;
	padding-left:30px;
	margin-bottom:10px;
	background-image:url(../imgs/ico-setaBaixo.gif);
	background-repeat:no-repeat;
	background-position:10px;
	background-color:#F1F1F1;
	
	font-size:12px;
	font-weight:bold;
	color:#7B7C8A;
}
.setaAberta{
	position:relative;
	width:590px;
	height:22px;
	padding-top:4px;
	padding-left:30px;
	margin-bottom:10px;
	background-image:url(../imgs/ico-setaCima.gif);
	background-repeat:no-repeat;
	background-position:10px;
	background-color:#84CA00;

	font-size:12px;
	font-weight:bold;
	color:#ffffff;
}
.resposta{
	clear:both;
	width:590px;
	padding:0 0 0 30px;
}

.resposta-msg{
	clear:both;
	font-size:16px;
	color:#FF0000 !important;
	padding:0 0 0 30px;
}

.secao{
	cursor:pointer;
}
.secao-aberta{
	cursor:pointer;
}
.secao-resposta{
	float:left;
	width:100%;
	clear:both;
}

/******************************************
	MOSTRA-ESCONDE
******************************************/
.redes-sociais{ position:relative; margin:0 0 10px 0;}
.redes-sociais a{ float:left; position:relative; width:48px; height:48px; margin:0 10px 0 0; }
.redes-sociais a img{ margin:0 0 0 0; position:absolute; top:0; left:0; }
