/* GERAL
*****************************************************************************************/
* {
	margin: 0;
	padding: 0;
	text-decoration: none;
	}

body {
	background: #DADDCE url(/images/page_bg.jpg) repeat-x;
	font-family: Arial, Helvetica, Tahoma, Georgia, Verdana;
	font-size: 78%; /* Reseta 1em para 12px */
	color: #333;
	}
	
	.bodywrap { width: 778px; margin: 0 auto; background: #fff url(/images/maincontent_bg.jpg) repeat-y right; }


/*CABECALHO
*****************************************************************************************/
.topo { width: 778px; height: 135px; background: url(/images/topo_bg.jpg) no-repeat; }
.topo h1 a { display: block; position: absolute; width: 515px; height: 42px; left: 22px; top: 36px; text-indent: -9000px; overflow: hidden; }
.comprapfone { position: absolute; top: 20px; right: 20px; width: 75px; height: 18px; font-size: 0.9em; background: url(/images/comprapfone_bg.gif) no-repeat; padding-left: 132px; }
.comprapfone span { display: none; }

.ola { position: absolute; text-align: right; font-weight: bolder; width: 185px; height: 20px; right: 25px; top: 63px; }
.ola .logout { text-decoration: underline; margin-left: 20px; }
.msntopo { position: absolute; right: 20px; top: 37px; font-size: 0.9em;}


/*CONTEUDO
*****************************************************************************************/
.contentwrap_clateral { width: 773px; background: #fff url(/images/menu_bg.jpg) repeat-y left top; }
.contentwrap_clateral_base { clear: both; height: 137px; background: url(/images/conetudobase_bg.jpg) no-repeat bottom; }
.contentwrap { background: url(/images/page_smenu.jpg) repeat-y; }
.contentwrap_base { clear: both; height: 78px; background: url(/images/pagesmenu_base.jpg) no-repeat bottom; }
.maincontent { float: left; width: 588px; }
.content_central { width: 628px; margin: -82px auto 50px auto; }
.pagebodytop { height: 129px; margin-bottom: 0; background: url(/images/pagebodytop.jpg) no-repeat; }


/*conteudo lateral*/
.banner_cartao { position: absolute; text-indent: -9000px; width: 167px; height: 146px; background: url(/images/banner_cartao.jpg) no-repeat; left: -3px; top: -5px; margin-bottom: 10px; }

.newswrap { margin-top: 40px; }
.newswrap h3 { width: 82px; height: 15px; background: url(/images/tit_novidades.gif) no-repeat; text-indent: -9000px; font-size: 1px; margin-bottom: 5px; }
.newswrap label { display: block; margin-bottom: 8px; }
.newswrap .inputxt { float: left; width: 102px; margin-right: 5px; top: 3px; }
.newswrap .botao_ok { float: left; }
.newswrap .vermelho, .newswrap .verde { clear: both;  margin-top: 10px; }


/* destaques*/
.destaques { height: 206px; background: url(/images/destaques_bg.jpg) no-repeat; padding: 45px 0 0 35px; }
.destaques h2 { font-size: 1.8em; width: 345px; line-height: 1.3em; margin-bottom: 10px; overflow: hidden; }
.destaques h2 a:visited { color: #9E5F61; }

.destaques .descricao { width: 325px; height: 70px; overflow: hidden; }
.destaques .valor { position: absolute; width: 120px; height: 35px; left: 276px; top: 195px; font: normal 1.6em Georgia, Arial, Helvetica, Tahoma; color: #6D1012; }
.destaques .foto { position: absolute; right: 38px; top: 42px; width: 140px; height: 140px; overflow: hidden; text-align: center; }

.proximos { position: absolute; right: 38px; top: 200px; width: 140px; height: 25px; }
.proximos .seta_esq { float: left; width: 8px; height: 16px; padding: 4px 4px 0 3px; }
.proximos .seta_dir { float: right; width: 8px; height: 16px; padding: 4px 3px 0 4px; }
.maisdestaques { display: block; top: 3px; margin: 0 auto; background: url(/images/tit_maisdestaques.gif); width: 98px; height: 15px; text-indent: -9000px; }


/* listagem de produtos */
.produtolist { float: left; width: 192px; height: 240px; text-align: center; margin-top: 7px; }
.produtolist_foto { display: block; width: 140px; height: 140px; margin: 0 auto 5px auto; overflow: hidden; text-align: center; }
.produtolist_nome, .produtolist_preco, .produtolist_parc { display: block; width: 160px; margin: 0 auto 4px auto; }
.produtolist_preco { font-size: 1.1em; color: #3D753C; }
.produtolist_parc { font: bolder 0.9em Arial; color: #3D753C; }


/*titulos*/
.pagetitulo { min-height: 29px; padding: 0 200px 10px 20px; margin: 0 0 10px 0; background: url(/images/separador_bege.gif) no-repeat right bottom; }
.ordenacao { position: absolute; right: 0; bottom: 3px; width: 180px; height: 30px; }
.ordenacao label { font-size: 0.9em; }
.ordenacao .selectxt { font-size: 0.9em; width: 95px; }



/*NAVEGACAO
*****************************************************************************************/
/*navegacao principal*/
.menuwrap { float: left; width: 160px; margin: 15px 25px 0 0; left: 15px; padding-top: 150px; }

.mainmenu .categoria { background: #786A52; margin: 0 0 22px 0; }
.mainmenu .categoria a { display: block; width: 135px; padding: 7px 0 7px 25px; color: #fff; font: normal 1.1em Georgia, Arial, Helvetica, Tahoma; text-decoration: none; background: #5E5440 url(/images/menucateg_bg.jpg) no-repeat; no-repeat 10px; }

.mainmenu .categoria ul li { background: url(/images/linhaHtracejada_marrom.gif) repeat-x 3px bottom; top: 1px; width: 150px; margin-left: 5px; }
.mainmenu .categoria ul li a { color: #DEDBC7; width: 140px; height: auto; padding: 7px 5px; background: none; font: normal 1em Arial, Helvetica, Georgia, Tahoma; }
.mainmenu .categoria ul li a:hover { color: #fff; }


/* navegacao secundaria */



/* breadcrumb */
.breadcrumb { font-size: 0.9em; padding: 10px 0 5px 20px; color: #666; }
.breadcrumb a { text-decoration: underline; color: #666; }
.breadcrumb .seta_dir { padding: 0 5px; font-size: 1.2em; }
.content_central .breadcrumb { padding: 0 0 5px 0; }


/*paginacao*/
.paginacao { clear: both; padding: 10px 200px 0 20px; height: 40px; background: url(/images/separador_bege.gif) no-repeat right top; }
.paginas { width: 365px; top: 5px; }
.paginas span { display: block; width: 210px; margin: 0 auto; text-align: center; top: 3px; }
.paginas span a { padding: 3px; margin-right: 1px; text-decoration: underline; border: 1px solid #ECEADB; top: 2px; }
.pagina_ant, .pagina_ant_off { float: left; width: 67px; height: 16px; text-indent: -9000px; overflow: hidden; background: url(/images/pagina_anterior.gif) no-repeat 3px; padding: 3px; }
.pagina_prox, .pagina_prox_off { float: right; width: 67px; height: 16px; text-indent: -9000px; overflow: hidden; background: url(/images/pagina_proxima.gif) no-repeat 3px; padding: 3px; }
.pagina_ant_off { background: url(/images/pagina_anterior_off.gif) no-repeat 3px; cursor: default; }
.pagina_prox_off { background: url(/images/pagina_proxima_off.gif) no-repeat 3px; cursor: default; }


/*link styles*/
/* .maincontent a:visited { color: #999; } */



/*RODAPE
*****************************************************************************************/
.footer { width: 778px; height: 169px; margin: 0 auto 5px auto; background: #827D6B url(/images/footer_bg.jpg) repeat-x;  }
.footer_base { position: absolute; width: 778px; height: 53px; bottom: 0; left: 0; background: url(/images/footer_base.jpg) no-repeat; }
.footer_esq, .footer_dir { position: absolute; width: 5px; height: 117px; top: 0; left: 0; background: url(/images/footer_esq.jpg); }
.footer_dir { position: absolute; width: 5px; height: 117px; top: 0; left: auto; right: 0; background: url(/images/maincontent_bg.jpg) repeat-y; }

.comprasegura { position: absolute; z-index: 100; }
.comprasegura { width: 173px; height: 115px; left: 12px; top: 27px; background: url(/images/comprasegura_bg.jpg); text-indent: -9000px; overflow: hidden; }

.topicos { top: 15px; float: left; }
.topicos li { margin-bottom: 5px; }
.topicos li a { color: #DEDBC7; font-size: 0.9em; text-decoration: none; }
.topicos li a:hover { text-decoration: underline; }

.t_servicos { left: 239px; }
.t_servicos .bullet, .t_cadastro .bullet { left: -17px; }
.t_servicos .titulo { width: 67px; height: 20px; background: url(/images/tit_servicos.gif) no-repeat; text-indent: -9000px; }

.t_cadastro { left: 295px; }
.t_cadastro .titulo { width: 113px; height: 17px; background: url(/images/tit_meucadastro.gif) no-repeat; text-indent: -9000px; }

.telecompra { width: 184px; height: 54px; position: absolute; right: 45px; top: 15px; background: url(/images/compreporfone_bg.jpg) no-repeat; }
.telecompra .texto { display: none; }
.telecompra .fone { color: #fff; left: 28px; top: 13px; font-size: 1.1em; }
.msn { position: absolute; right: 55px; top: 85px; width: 160px; padding-top: 19px; background: url(/images/msn_bg.jpg) no-repeat; color: #fff; }

.copyright { height: 33px; color: #827D6B; width: 778px; margin: 0 auto; padding-bottom: 10px; }
.copyright p { float: left; top: 5px; }
.bycammino { float: right; background: url(/images/desenv_porcammino.gif) no-repeat; width: 149px; height: 33px; text-indent: -9000px; overflow: hidden; right: 10px; }


/*CONFIGURA TAGS
*****************************************************************************************/
div, span, a, img, h1, h2, h3, h4, h5, h6, p, ul, ol, li, input, select, textarea, form, label { position: relative; }
hr { display: none; height: 1px; font-size: 1px; }
ul { list-style: none; }
address { font-style: normal; }
small { font-size: 0.9em; }
a { color: #333; }
img { border: 0; }

/*formularios*/



/*BARRAS  *JANELAS  *BOX
*****************************************************************************************/
.barratop { width: 778px; height: 36px; background: #847E6C url(/images/barratop_bg.jpg) repeat-x; }
.barratop_esq { position: absolute; width: 5px; height: 36px; top: 0; left: 0; background: url(/images/barratop_esq.jpg); }
.barratop_dir { position: absolute; width: 5px; height: 36px; top: 0; right: 0; background: url(/images/barratop_dir.jpg); }

.atalhos { margin-left: 20px; color: #fff; top: 9px; }
.atalhos a { color: #fff; text-decoration: none; }
.atalhos li { float: left; margin-right: 15px; }


/*carrinho*/
.carrinho_resumo { position: absolute; width: 340px; height: 23px; padding-top: 7px; top: 2px; left: 418px; color: #fff; }
.carrinho_resumo .qtdprods { background: url(/images/icone_carrinho.gif) no-repeat; padding: 2px 0 6px 25px; color:#fff; margin-right: 13px; }
.carrinho_resumo .botao_finalizar { position: absolute; width: 94px; height: 29px; top: 0; right: 0; background: url(/images/botao_finalizar.jpg); text-indent: -9000px; overflow: hidden; }

.opaco { position: absolute; z-index: 200; width: 588px; left: 185px; top: 171px; background: #fff; opacity: 0.6; -moz-opacity: 0.6; filter: alpha(opacity=60); }

.carrinho_wrap { position: absolute; z-index: 300; width: 584px; left: 189px; top: 177px; }
.carrinho_bgwrap { position: absolute; width: 582px; padding: 19px 0; }
.carrinho_bg[class] { background: url(/images/carrinho_bg.png) repeat-y; }
.carrinho_top { position: absolute; top: 0; width: 582px; height: 19px; }
.carrinho_top[class] { background: url(/images/carrinho_top.png) no-repeat; }
.carrinho_bottom { position: absolute; width: 582px; height: 19px; bottom: 0; left: 0; }
.carrinho_bottom[class] { background: url(/images/carrinho_bottom.png) no-repeat; }

.carrinho_content { position: absolute; z-index: 400; left: 12px; top: 12px; width: 558px; padding: 5px 0 0 0; }

.topico_carrinho { height: 22px; background: url(/images/tit_carrinho_bg.gif) no-repeat; text-indent: -9000px; padding-bottom: 8px; margin-bottom: 10px; border-bottom: 1px solid #B3AFA2; }
.botao_contcompr { position: absolute; right: 0px; top: 0; width: 186px; height: 29px; background: url(/images/botao_contcomprand.gif) no-repeat; text-indent: -9000px; overflow: hidden; }
.carrinho_descr { margin-bottom: 10px; }
table.carrinho_descr { width: 100%; margin: 0; }  
.carrinho_descr td { border-bottom: 1px dashed #CAC7A4; padding: 5px 15px 4px 0; height: 25px; }
.carrinho_descr th { padding-right: 15px; height: 25px; }
.carrinho_descr .total { width: 70px; }
.prod_qtd { display: block; width: 25px; margin: 0 auto; top: 2px; }

.carrinho_proc_wrap { height: 23px; padding: 4px 0; background: #EDF8E7; }
.carrinho_proc_wrap p { margin: 0; font-weight: bold; background: url(/images/loading.gif) no-repeat 3px 0; padding: 2px 0 4px 32px; }

.carrinho_valores { float: right; font: normal 1.1em Georgia; color: #666; margin: 0 0 5px 0; width: 190px; }
.carrinho_valores tr { height: 25px; }
.carrinho_valores td { padding-right: 7px; text-align: right; }
.carrinho_valores th { text-align: left; }
.carrinho_valores_total { color: #333; font-size: 1.1em; } 

.carrinho_cep_wrap { float: left; margin-top: 53px; }
.carrinho_cep_wrap .selectxt { margin-right: 5px; }
.carrinho_cep_wrap .inputxt { width: 66px; margin: 0 0 0 5px; }
.carrinho_cep_wrap .inputxt:focus { border: 1px solid #786A52; }
.carrinho_cep_wrap .bt_calcular { top: 10px; margin-left: 5px; }
.carrinho_cep_wrap .erro { top: 6px; }
.carrinho_cep_wrap p { margin: 0; top: 5px; }

.finalizar_wrap { height: 51px; top: 3px; clear: both; }
.finalizar_bg { float: right; width: 353px; height: 51px; }
.finalizar_bg[class] { background: url(/images/finalizarcompra_bg.png) no-repeat right; }
.botao_finalizar { display: block; position: absolute; right: 5px; bottom: 6px; width: 185px; height: 39px; background: url(/images/botao_fecharpedido.gif) no-repeat; text-indent: -9000px; overflow: hidden; }


/*FORMULARIOS	
*****************************************************************************************/
/* busca */
.busca { position: absolute; width: 600px; right: 18px; bottom: 15px; padding: 3px 0 0 0; text-align: right; }
.busca .busca_label { top: 1px; margin-right: 4px; }
.busca .inputxt { display: inline; margin-right: 5px; background: #f9f9f5 url(/images/icone_lupa.gif) no-repeat 3px 4px; padding-left: 19px; }
.busca .selectxt { display: inline; }
.busca_enviar { width: 69px; height: 29px; top: 10px; margin-left: 3px; }

.inputxt { background: #F9F9F5; border: 1px solid #C1BD97; padding: 3px 0 0 3px; height: 18px; font: normal 1em Arial, Helvetica, Tahoma, Georgia, Verdana; color: #000; }
.selectxt { background: #F9F9F5; border: 1px solid #C1BD97; padding: 1px; height: 21px; color: #000; }
.selectxt option { padding-right: 4px; color: #000; }
.textareaxt { background: #F9F9F5; border: 1px solid #C1BD97; padding: 3px 0 0 3px; font: normal 1em Arial, Helvetica, Tahoma, Georgia, Verdana; color: #000; }


/*LISTAS
*****************************************************************************************/



/*TABELAS
*****************************************************************************************/



/*TIPOGRAFIA
*****************************************************************************************/
p { font-size: 1em; line-height: 1.4em; margin-bottom: 10px; }

h2, h3, h4, h5, h6, h2 a, h3 a, h4 a, h5 a, h6 a { font-family: Georgia, Arial, Helvetica, Tahoma; color: #6D1012; font-weight: normal; margin: 0; padding: 0; }
h1 { font-size: 2.6em; }
h2 { font-size: 2.1em; }
h3 { font-size: 1.8em; margin-bottom: 5px; }
h4 { font-size: 1.4em; }

.maior { font-size: 1.1em; }
.menor { font-size: 0.9em; }


/*EFEITOS
*****************************************************************************************/
.clear { position: relative; clear: both; height: 1px; font-size: 1px; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.bullet { padding-left: 15px; background: url(/images/bullet.gif) no-repeat 0px 3px; }
.bulletmarrom { padding-left: 15px; background: url(/images/bullet_marrom.gif) no-repeat 0px 3px; }
.vermelho { color: #AA0000; }
.georgia { font-family: georgia; }
.marrom { color: #524938; }
.amarelo { color: #B18707; }
.verde { color: #3D753C; }
.cinzaclaro { color: #999; }
.risca { text-decoration: line-through; }
.underline { text-decoration: underline; }
.block { display: block; }
.bold { font-weight: bolder; }
.firstletter { font-size: 2.1em; color: #524938; font-family: georgia; }


/*ELEMENTOS DIVERSOS
*****************************************************************************************/
/*separador*/
.separador { background: url(/images/separador_vermelho.gif) no-repeat right center; margin: 0 0 5px 15px; }
.atencao { background: url(/images/icone_atencao.gif) no-repeat; padding: 6px 0 16px 40px; }

/*validacao*/
.erro { background: url(/images/icone_erro.gif) no-repeat; color: #AA0000; padding: 1px 0 0 20px; }
.confirmacao { background: url(/images/icone_confirma.gif) no-repeat; color: #3D753C; padding: 1px 0 0 20px; }
.alerta { background: url(/images/icone_alerta.gif) no-repeat; padding: 1px 0 0 20px; }
input.obrigatorio { background: #F9F9F5 url(/images/icone_alerta_input.gif) no-repeat right; }
.areaerro { min-height: 50px; padding: 30px 185px 20px 87px; margin-bottom: 20px; color: #B30000; border: 1px dashed #C1BD97; background: url(/images/erro_bg.gif) no-repeat 17px 15px; display: none; }
.areaerro ul { width: 150px; position: absolute; left: 475px; top: 12px; color: #333; font-size: 0.9em; }
.areaerro ul .titulo { font: normal 1.1em Georgia; margin-bottom: 5px; }
.areaerro ul a { text-decoration: underline; }
.areaerro ul li { margin-bottom: 4px; }


/*icones*/
.icone_remover { display: block; width: 17px; height: 18px; background: url(/images/icone_remover.gif) no-repeat; text-indent: -9000px; overflow: hidden; margin: 0 auto; }
.triangulo_dir { float: right; width: 7px; height: 10px; background: url(/images/triangulo_dir.gif) no-repeat center 5px; text-indent: -9000px; overflow: hidden; padding: 5px; }
.triangulo_esq { float: left; width: 7px; height: 10px; background: url(/images/triangulo_esq.gif) no-repeat center 5px; text-indent: -9000px; overflow: hidden; padding: 5px; }

.loading { background: url(/images/loading.gif) no-repeat; padding: 3px 0 3px 32px; }

/*pagina erro*/
.erro_wrap { width: 670px; margin: 30px auto; background: #fff; text-align: center; padding: 35px 10px 35px 10px; }
.erro_wrap h2 { margin: 30px 0; }
.erro_wrap a { padding: 3px 25px; }