/* Layout ================================================================================= */

* { font-family: Arial; } a img, img { border: 0px; } p { margin: 10px 0; }

body { margin: 0; background: white url(imgs/bg.gif) repeat-x; font-size: 12px; }

#main { margin: 0px auto; width: 996px; }

.clr { clear:both; *display: none; }

/* classe de debug de elementos ex div */

.debug { border: 1px solid }

/* Header ================================================================================ */

#header { background:url(imgs/bg_topo.gif) no-repeat 0 0; height: 119px; padding-top: 20px }
    #header .logo { width: 175px; height: 85px; float: left; }
        #header .logo a { display: block; width: 175px; height: 75px; }
            #header .logo a img { display: block; width: 175px; height: 75px; }
    
    #header .welcome { float: left; width: 400px; height: 55px; padding: 30px 0 0 10px; font-size: 11px; }
        #header .welcome b, .welcome a { font-size: 11px; color: black; text-decoration: none; text-decoration: underline; }
        #header .welcome a:hover { text-decoration: underline; }
	
    #header .busca { float: left; width: 370px; height: 45px; padding: 35px 0 0 40px; background: url(imgs/tit_busca.gif) no-repeat 0 35px; }
     #header .busca input[type="text"] { border: solid 1px #d6d6d6; height: 18px; width: 300px; }
        #header .busca input[type="submit"] { cursor: pointer; background: url(imgs/btn_buscar.gif); width:50px; height:19px; border: 0 none; }
        
    #menu { height: 34px; width: 100%; margin: 0; padding: 0; }
        #menu ul { height: 24px; margin: 0; padding: 0; }
            #menu ul li { display: block; float: left; margin: 0; height: 34px; padding: 0 0 0 14px; background: transparent; }
				#menu ul li a { display: block; padding: 10px 10px 10px 0; text-decoration: none; color: white; font-size: 11px; font-weight: bold; }
				    #menu ul li a span { background: url(imgs/dot.gif) no-repeat 0 center; padding-left: 10px; width: 100%; color: white; font-size: 11px; font-weight: bold; }
			#menu ul li.current, #menu ul li.on { background: url(imgs/mnu_on_left.gif) no-repeat left 0; }		
				#menu ul li.current a, #menu ul li.on a { background: url(imgs/mnu_on_right.gif) no-repeat right 0; }
				#menu ul li.current a span, #menu ul li.on a span { background: url(imgs/red_dot.gif) no-repeat 0 center; }
    
/* Body ================================================================================ */

#wrap { width: 100%;padding: 17px 0 0; }
    #wrap .left { width: 765px; float: left; padding: 0 9px 5px 0 }
        #wrap .left .image { height: 359px; width: 764px }
        #wrap .left .image img { display: block; }
        #wrap .left .shadow { padding-bottom: 15px; width: 100%; background: url(imgs/shade.gif) no-repeat 0 bottom; }
        #wrap .left .shadow img { display: block; }
         
    #wrap .right { width: 220px; float: left; padding-bottom: 5px; border-left: solid 1px #cfcfd8; }    
        
        /* Sacola ==================================================*/
        #wrap .pack { width: 220px; padding: 0 0 10px }
            #wrap .pack .tit { background: url(imgs/ico_sacola.gif) repeat-x 0 0; height: 23px; width: 180px; display: block; text-decoration: none; color: black; text-transform: uppercase; font-weight: bold; font-size: 12px; padding: 13px 0 2px 40px }
            #wrap .pack ul { padding: 0 10px 10px; margin: 0; width: 200px; }
                #wrap .pack ul li { font-size: 12px; color: black; list-style-position: outside; list-style-type: none; padding: 5px 0; border-bottom: dashed 1px black; }
                #wrap .pack ul li ul { padding: 5px 0 5px 10px; margin: 0 }
                #wrap .pack ul li ul li.item { margin: 10px; font-size: 11px; border-bottom: 0 none; padding: 5px 0; margin: 0 }
                #wrap .pack ul li.total { font-weight: bold }
                #wrap .pack .ver_sacola { display: block; margin-left: 10px; width: 109px; height: 25px; background: url(imgs/btn_sacola.gif) no-repeat 0 0; border: 0 none }
        
        /* News ==================================================*/
        
        #wrap .news { width: 220px; height: 179px; background: url(imgs/bg_news.gif) repeat-x 0 0; }
            #wrap .news .wrap { background: url(imgs/ico_news.gif) no-repeat 0 0; padding: 36px 0 0 10px; }
                #wrap .news .wrap td { padding: 5px 0; }
                #wrap .news .wrap label { font-size: 12px; }
                #wrap .news .wrap input[type="text"] { height: 20px; border: solid 1px #cfcfd8; width: 160px }
                #wrap .news .wrap input[type="image"] { margin-top: 20px }        

/* Footer ================================================================================ */

#footer { width: 100%; background: url(imgs/bg_foot.gif) repeat-x 0 0; height: 132px; margin: 20px 0 0; }
    #footer .footer { margin: 0 auto; width: 996px; height: 72px; }
	#footer .pgseguro { cursor: pointer; width: 100px; height: 30px; position: absolute; top: 15px; background: transparent; left: 50%; margin-left: 390px }
	
/* Conteudo============================================================================== */

.conteudo_tit { float: left; width: 374px; }
.conteudo_tit, .conteudo { padding: 0 10px 10px; }
.conteudo { padding-top: 10px; clear:both; }
.conteudo_tit, .conteudo_tit h3 { font-size: 16px; text-transform: uppercase; font-weight: bold; }
.conteudo, .conteudo p { text-align: justify }

/* Carrinho ================================================================================ */
.carrinho {  }
.carrinho #gvHTM { border: solid 2px #c60000; }
.carrinho #gvHTM a { text-decoration: none; color: black; }
.carrinho #gvHTM .mini img { border: solid 1px #847a7a; width: 60px }
.carrinho .adicao { font-size: 13px; font-weight: bold; background: #edeeef url(imgs/ico_added.gif) no-repeat 5px center; margin: 5px 0; padding: 5px 0 5px 25px; width: 740px; height: 20px; }
.carrinho .conteudo_tit { background: url(imgs/tit_carrinho.gif) repeat-x 0 0; height: 23px; width: 725px; display: block; text-decoration: none; color: black; text-transform: uppercase; font-weight: bold; font-size: 12px; padding: 13px 0 2px 40px }
.carrinho_resumo { float:left; border:#DEDFDE 1px solid; width:745px; height:170px; padding: 5px; margin-top:10px; font-size:14px; }
.carrinho_btn_del { background:transparent url(imgs/btn_cancela.gif); border: 0px; width:27px; height:26px; cursor: pointer; }
.carrinho_btn_atualiza { background: url(imgs/btn_atualizar.gif); border: 0 none; width: 169px; height: 26px; }
.carrinho .continuar { background: url(imgs/btn_continuar.gif); border: 0 none; width: 169px; height: 26px; float: left }
.carrinho .concluir { background: url(imgs/btn_finaliza.gif); border: 0 none; width: 140px; height: 28px; float: right; cursor: pointer; }
.carrinho_frete { float:left; border:#DEDFDE 1px solid; width:300px; height:170px; padding: 5px; margin-top:10px; font-size:14px; }

#cep { padding: 10px; width: 350px; background: #dee1e3; height: 89px; border: solid 1px #847a7a; float: left }
    #cep h3 { font-weight: bold; padding: 5px 0; margin: 0; font-size: 12px }
    #cep p { font-size: 12px; } 
        #cep p input[type="text"] { border: solid 1px #d6d6d6; height: 18px; width: 130px; }
        #cep p input[type="submit"] { cursor: pointer; background: url(imgs/btn_buscar.gif); width:50px; height:19px; border: 0 none; }

.resumo { width: 370px; background: #dee1e3; height: 109px; border: solid 1px #847a7a; float: right }
    .resumo .valores { padding: 6px 10px 10px; height: 67px }
    .resumo p { font-size: 11px; margin: 0 0 5px }
    .resumo .valor_final { color: white; height: 15px; padding: 5px 10px; font-size: 16px; font-weight: bold; background: #50a536 }

/* Login ================================================================================ */

.body_login{ width:780px; }
    .body_login ul{ list-style: none; }
    
    ul.form-list { padding-top: 5px; padding-bottom: 5px; margin: 0; }
    ul.form-list li { padding: 5px 0; list-style: none; }
    span.required { font-size: 11px; }
    
    .pagina_login_col_1 { margin-right: 20px; }
    .pagina_login_col_1, .pagina_login_col_2 { width: 340px; height:230px; padding: 10px; float:left; background:#fff none repeat scroll 0 0; border:1px solid #BBB6A5; }

    .content h4 { padding: 0; margin: 5px 0; text-transform: uppercase }

    .button-set { background:transparent none; border:medium none; margin:0; padding:8px 13px; border-top:1px solid #E4E4E4; clear:both; margin-top:0em; padding-top:8px; text-align: left; }    
	.button-set .tx { text-align: right }

/* Geral ================================================================================ */
.btn { background-color:#708E7D; border:1px solid #406A83; color:#FFFFFF; font-weight:bold; }

/* Loja - Paginação ===================================================================== */
.loja_pager { text-align: center; width: 100%; padding: 0 0 20px }
.loja_pager span input { width: 68px; height: 26px; border: 0 none; background: url(imgs/btn_voltar.gif) no-repeat 0 0; cursor: pointer; }
.loja_pager span+span input { width: 88px; height: 26px; border: 0 none; background: url(imgs/btn_proximo.gif) no-repeat 0 0; cursor: pointer; }
.loja_pager span { font-size: 12px }
.loja_pager span a { font-size: 12px; color: #c60000; text-decoration: none; font-weight: bold }
.loja_pager span a:hover { text-decoration: none } 
.loja_pager * { margin: 0 2px }

/* Home - destques ===================================================================== */

.produto { float:left; background: white; border: solid 1px #cfcfd8; width: 184px; cursor: pointer; height: 225px }
    .produto td.tit { font-size: 11px; font-family: Tahoma; font-weight: bold; color: #554e4e; padding: 12px 0; height: 50px }
	/* .produto td.img { height: 140px; } */
    .produto td.valor { font-size: 12px; font-family: Tahoma; color: #666666; padding: 12px 0 5px; height: 31px; }
        .produto td.valor span.valor { font-size: 12px; font-family: Tahoma; font-weight: bold; color: #070707 }

.prod_detalhes { }
.prod_left { float: left; width: 378px }
.prod_tit { font-size: 18px; color: black }
.prod_cod { padding-top: 30px; font-family: Tahoma; font-size: 11px; font-weight: bold }
.prod_img_holder { margin-top: 10px; width: 340px; height: 270px;  border: solid 1px #cdc8c8; }
.prod_img a.jqzoom { display: block }
.prod_img a.jqzoom img { display: block; margin-top: 10px; width: auto; max-width: 300px; max-height: 240px }
.jqZoomWindow { border: 1px solid #999; background-color: #FFF; }

.prod_img .jqzoom { margin: 20px 0 0; }
.prod_right {float: left; width: 376px }
.prod_valor { font-size: 16px; font-weight: bold; color: black; }
.prod_resumo { padding-top: 20px; font-size: 12px; color: #666666; line-height: 16px; text-align: justify }
.prod_resumo h3 { padding: 10px 0; margin: 0; font-weight: bold; font-size: 14px; color: black; }
.prod_rel_tit { font-weight: bold; font-size: 14px; }
.prod_detalhe { margin-top: 10px }
.prod_relacao { margin-top: 10px; background: url(imgs/tit_prod_relacionado.gif) no-repeat 0 0; padding-top: 55px; width: 100%; }
.prod_video { padding-top: 20px }
.prod_atributos td { padding: 5px 0; }
    .prod_atributos td span { font-size: 12px }
 .prod_galeria { }
    .prod_galeria p.prod_mini { margin: 8px 0; text-align: center; font-size: 11px; color: #5f5e5e }
    .prod_galeria .mini { width: 60px; height: 60px; margin-right: 8px; cursor:pointer; border: solid 1px #cdc8c8 }

.prod_compra { width: 374px; height: 126px; border: solid 1px #cfcfd8; background: #cfcfd8; margin-top: 20px }
    .prod_compra .prod_tit { font-size: 15px; color: black; font-weight: bold; padding: 5px 10px 5px; height: 18px; }
    .prod_compra .prod_peso { background: #f4f4f4; font-size: 11px; height: 16px; color: black; font-weight: bold; padding: 5px 10px; width: 354px; }
    .prod_compra .prod_preco { margin-top: 1px; background: #f4f4f4; height: 61px; padding: 5px 10px; width: 354px; }
        .prod_compra .prod_preco td { color: black; font-weight: bold; font-size: 14px; }
        .prod_compra .prod_preco .prod_valor { margin-top: 7px; font-size: 25px }
        .prod_compra .prod_preco .prod_quant { border-left: solid 1px black; height: 55px; padding-left: 20px; color: black; font-weight: bold; font-size: 14px; }
            .prod_compra .prod_preco .prod_quant input { width: 60px }
            
.btn_adicionar { margin-top: 7px; background: url(imgs/btn_add_carrinho.gif) no-repeat 0 0; width: 169px; height: 26px; cursor: pointer; }


/* Migalha ============================================================================= */

#migalha { background: url(imgs/ico_migalha.gif) no-repeat 0 0; color: black; padding: 7px 20px; border-top: solid 2px #c60000; font-weight: bold; font-size: 11px }
#migalha a { text-decoration: none; color: black; }

/* Menu =============================================================================== */

ul.sf-menu { padding: 0; margin: 0; width: 220px }
ul.sf-menu li { list-style-position: outside; list-style-type: none; margin: 0; padding: 0 }
ul.sf-menu li a { background: url(imgs/tit_sessao.gif) no-repeat 0 0; height: 23px; width: 180px; display: block; text-decoration: none; color: black; text-transform: uppercase; font-weight: bold; font-size: 12px; padding: 13px 0 2px 40px }
ul.sf-menu li ul { background: #2b2d2f; padding: 0 10px; margin: 0; width: 200px; }
ul.sf-menu li ul li { padding: 12px 0 8px 10px; margin: 0; border-bottom: dashed 1px #847a7a; height: 18px; background: url(imgs/dot.gif) no-repeat 0 center; }
ul.sf-menu li ul li a { background: transparent; color: white; text-transform: none; font-weight: normal; display: inline; width: auto; height: auto; padding: 0 }

/* Toolbox ============================================================================ */

#toolbox { width: 170px; font-size: 10px; float: right; }
    #toolbox ul { padding: 0; margin: 0 }
        #toolbox ul li { list-style-position: outside; list-style-type: none; float: left; padding: 0 2px }
            #toolbox ul li.text { padding-top: 5px; }
    #a_mais { width: 33px; height: 24px; cursor: pointer; background: url(imgs/a_mais.gif) no-repeat 0 0; border: 0 none; }
    #a_menos { width: 33px; height: 24px; cursor: pointer; background: url(imgs/a_menos.gif) no-repeat 0 0; border: 0 none; }

/* Banners ============================================================================ */

ul.banner { width: 210px; padding: 0 4px 0 7px; margin: 10px 0 }
    ul.banner li { padding: 1px 0; margin: 0; list-style-type: none; list-style-position: outside; }

/* Fale conosco ======================================================================= */

.campos { background: url(../../../images/shadow.gif) repeat-x scroll center top #FFFFFF; border-color: #7C7C7C #C3C3C3 #DDDDDD; border-style: solid; border-width: 1px; color: black; font-size: 12px; margin: 0; padding: 2px 0; height: 18px; text-transform: none }
.contato { margin-left: 40px }

/* Cadastro =========================================================================== */

.salvar { display: block; margin-left: 10px; width: 69px; height: 26px; background: url(imgs/btn_salvar.gif) no-repeat 0 0; border: 0 none }

/* Conta ============================================================================= */

.criar_conta { margin-left: 10px; width: 109px; height: 26px; background: url(imgs/btn_criarconta.gif) no-repeat 0 0; border: 0 none; cursor: pointer; display: inline }
.btn_login { margin-left: 10px; width: 69px; height: 26px; background: url(imgs/btn_login.gif) no-repeat 0 0; border: 0 none; display: inline; cursor: pointer; }
.btn_listar { display: block; width: 69px; height: 26px; background: url(imgs/btn_listar.gif) no-repeat 0 0; border: 0 none; cursor: pointer; }
.btn_alterar { display: block; width: 141px; height: 25px; background: url(imgs/btn_alterar.gif) no-repeat 0 0; border: 0 none; cursor: pointer; }
.btn_lembra { display: block; width: 137px; height: 26px; background: url(imgs/btn_lembrar.gif) no-repeat 0 0; border: 0 none; cursor: pointer; display: inline; }
.btn_enviar { width: 68px; height: 24px; background: url(imgs/btn_enviar.gif) no-repeat 0 0; border: 0 none; cursor: pointer; }
.btn_cancel { width: 95px; height: 26px; background: url(imgs/btn_cancel.gif) no-repeat 0 0; border: 0 none; cursor: pointer; }

/* Lembrete */

#lembrete { position: absolute; top: 335px; left: 50%; margin-left: -300px; background: #fdfdfd; border: 1px solid #BBB6A5; width: 400px; }

#friendForm { position: absolute; top: 238px; left: 50%; margin-left: -300px; background: #fdfdfd; border: 1px solid #BBB6A5; width: 400px; z-index:101; }
    #lembrete .padd, #friendForm .padd { padding: 10px 20px 10px }
    #friendForm input { margin: 5px 0; }

#friendForm h3, #lembrete h3 { margin: 0 0 5px; background: url(imgs/tit_carrinho.gif) repeat-x -40px 0; height: 23px; width: 390px; display: block; text-decoration: none; color: black; text-transform: uppercase; font-weight: bold; font-size: 12px; padding: 13px 0 2px 10px }

/* Informativo */

.conteudo .lista table td { padding: 5px 0 }
.conteudo .lista table td h4 { margin: 5px 0; padding: 0; font-size: 12px; font-weight: bold; }
.conteudo .lista table td h4 a { color: black; text-decoration: none } 
.conteudo .lista table td h4 a:hover { text-decoration: underline } 
.conteudo .lista table td i { font-size: 12px }
.conteudo .lista table td p { text-align: justify }
.conteudo .lista table td p a { text-decoration: none; color: black }
.conteudo .lista table td p a:hover { text-decoration: underline }
.conteudo i { font-size: 12px }
.voltar a { margin-left: 10px; width: 68px; height: 26px; background: url(imgs/btn_voltar.gif) no-repeat 0 0; text-decoration: none; color: white; display: block }
a.ver { color: black; font-weight: bold }

td.img { height: 140px }
td.tit { height: 50px }
td.valor { height: 31px }

.indisponivel{
color:red;
font-weight:bold;}
.slideshow{ z-index:100;}