/* ********************************** *************** ******************************** */
/* ****************************** ESTILOS DA LOJA VIRTUAL **************************** */


/* -------------------------------------- GERAL -------------------------------------- */
.paginas-loja { background: #FCFCFC; margin: 30px 0px 30px 0px; padding: 10px; }
/* ----------------------------------------------------------------------------------- */




/* -------------------------------------- HEADER ------------------------------------- */
.loja-header {}

.loja-header .loja-user { display: inline-block; vertical-align: top; }
.loja-header .loja-user > div {}
.loja-header .loja-user > div span {}
.loja-header .loja-user > div em {}

.loja-header .loja-user.user-off {}
.loja-header .loja-user.user-off > nav {}
.loja-header .loja-user.user-off > nav ul { margin: 0px; padding: 0px; list-style: none; }
.loja-header .loja-user.user-off > nav ul li { display: inline-block; }
.loja-header .loja-user.user-off > nav ul li a {}

.loja-header .loja-user.user-on {}
.loja-header .loja-user.user-on > ul {}
.loja-header .loja-user.user-on > ul li {}
.loja-header .loja-user.user-on > ul li a {}
.loja-header .loja-user.user-on > ul li > ul {}
.loja-header .loja-user.user-on > ul li > ul li {}
.loja-header .loja-user.user-on > ul li > ul li button { border: none; background: transparent; padding: 0px; display: block; width: 100%; text-align: left; }

.loja-header .loja-cart { display: inline-block; vertical-align: top; }
.loja-header .loja-cart a {}
.loja-header .loja-cart a > div { width: 48px; height: 48px; background: transparent url("Imagens/Loja/loja-cart.png") no-repeat; position: relative; }
.loja-header .loja-cart a > div em { display: block; width: 17px; height: 17px; border-radius: 50%; box-sizing: border-box; position: absolute; top: 8px; right: 10px; background: #7DB756; color: #FFF; text-align: center; font-style: normal; font-size: 0.85em; }
/* ----------------------------------------------------------------------------------- */




/* -------------------------------- SIDEBAR - USUÁRIO -------------------------------- */
.loja-sidebar .sidebar-user {}

.loja-sidebar .sidebar-user .image-fieldset { display: block; background: #FFE23C; padding: 4px; }
.loja-sidebar .sidebar-user .form-image-preview {}
.loja-sidebar .sidebar-user .form-image-preview .form-image-preview-placeholder { background: transparent url("Imagens/ajax_loader_1.gif") no-repeat center center; display: block; margin: 0px; padding: 0px; }
.loja-sidebar .sidebar-user .form-image-preview .form-image-preview-placeholder img { margin: 0px; display: block; width: 100%; opacity: 0.0; filter: alpha(opacity=0); }
.loja-sidebar .sidebar-user .form-image-preview a { text-decoration: none !important; }
.loja-sidebar .sidebar-user .form-image-preview .form-image-placeholder { display: block; padding: 25% 10px; text-align: center; box-sizing: border-box; transition: 0.25s; }
.loja-sidebar .sidebar-user .form-image-preview .form-image-placeholder span { font-size: 16px; color: #565656; transition: 0.35s; }
.loja-sidebar .sidebar-user .form-image-preview .form-image-placeholder i { font-size: 60px; display: block; color: #565656; transition: 0.35s; }
.loja-sidebar .sidebar-user .form-image-preview .form-image-placeholder:hover { background: rgba(50,50,50,0.1); transition: 0.25s; }

.loja-sidebar .sidebar-user .image-fieldset .form-image-edition { overflow: hidden; min-width: 100%; height: 0px; transition: 0.4s; }
.loja-sidebar .sidebar-user .image-fieldset:hover .form-image-edition { height: 100px; transition: 0.4s; }

.loja-sidebar .sidebar-user .image-fieldset figure { display: block; margin: 0px; }
.loja-sidebar .sidebar-user .image-fieldset figure img { display: block; width: 100%; }

.loja-sidebar .sidebar-user .form-image-edition .form-image-register { margin-top: 5px; padding-top: 12px; border-top: 1px rgba(50,50,50,0.2) solid; }
.loja-sidebar .sidebar-user .form-image-edition .form-image-register label { font-size: 14px; text-align: center; display: block; padding: 0px 10px; color: #333; line-height: 120%; }
.loja-sidebar .sidebar-user .form-image-edition .form-image-register p { font-size: 12px; text-align: center; color: #555; }
.loja-sidebar .sidebar-user .form-image-edition {}
.loja-sidebar .sidebar-user .form-image-edition a { display: block; background: transparent; border-bottom: 1px rgba(50,50,50,0.2) solid; margin: 5px 0px 0px 0px; padding: 5px 5px 5px 5px; cursor: pointer; color: #333; text-decoration: none; font-size: 0.85em; transition: all 0.25s; }
.loja-sidebar .sidebar-user .form-image-edition a:hover { background: #363636; color: #FFE33C; transition: all 0.25s; }
.loja-sidebar .sidebar-user .form-image-edition a i { width: 17px; text-align: left; }
/* ----------------------------------------------------------------------------------- */




/* ------------------------------- SIDEBAR - PRODUTOS -------------------------------- */
.loja-sidebar .sidebar-produtos {}

.loja-sidebar .sidebar-produtos h3 { margin: 0px 0px 5px 0px; font-size: 1.4em; }

.loja-sidebar .sidebar-produtos .categorias {}
.loja-sidebar .sidebar-produtos .categorias > ul { margin: 0px; padding: 0px; list-style: none; }
.loja-sidebar .sidebar-produtos .categorias > ul > li {}
.loja-sidebar .sidebar-produtos .categorias > ul > li a {}
.loja-sidebar .sidebar-produtos .categorias > ul > li.current { background: #DDD; }

.loja-sidebar .sidebar-produtos .categorias > ul > li > ul { margin: 0px; padding: 0px; list-style: none; display: none; min-width: 100%; }
.loja-sidebar .sidebar-produtos .categorias > ul > li.current > ul { display: block; }
.loja-sidebar .sidebar-produtos .categorias > ul > li > ul > li {}
.loja-sidebar .sidebar-produtos .categorias > ul > li > ul > li a {}
.loja-sidebar .sidebar-produtos .categorias > ul > li > ul > li.current { background: #DDD; }

.loja-sidebar .sidebar-produtos .categorias > ul > li > ul > li > ul { margin: 0px; padding: 0px; list-style: none; display: none; min-width: 100%; }
.loja-sidebar .sidebar-produtos .categorias > ul > li > ul > li.current > ul { display: block; }
.loja-sidebar .sidebar-produtos .categorias > ul > li > ul > li > ul > li {}
.loja-sidebar .sidebar-produtos .categorias > ul > li > ul > li > ul > li a {}
.loja-sidebar .sidebar-produtos .categorias > ul > li > ul > li > ul > li.current { background: #DDD; }

.loja-sidebar .sidebar-produtos .pesquisa { margin: 25px 0px 0px 0px; }

.loja-sidebar .sidebar-produtos .preco { margin: 25px 0px 0px 0px; text-align: center; }
.loja-sidebar .sidebar-produtos .preco label { display: block; text-align: center; font-size: 0.9em; font-weight: normal; margin: 4px 0px 0px 0px; }
.loja-sidebar .sidebar-produtos .preco label span { font-weight: bold; }
.loja-sidebar .sidebar-produtos .preco button { margin: 4px 0px 0px 0px; }
/* ----------------------------------------------------------------------------------- */




/* ------------------------------------- COLORBOX ------------------------------------ */
.colorbox-loja {}
.colorbox-loja#cboxOverlay { background: #6AAD59; }
.colorbox-loja #cboxWrapper { border-radius: 3px; }
.colorbox-loja #cboxLoadedContent { background: #F2F2F2; }
.colorbox-loja #cboxContent { margin-top: 0px; background: #F2F2F2; }
.colorbox-loja #cboxClose { top: 25px; right: 25px; z-index: 10000; width: 20px; height: 20px; background: transparent url("Imagens/Loja/loja-frame-close.png") no-repeat; opacity: 0.4; transition: 0.4s; }
.colorbox-loja #cboxClose:hover { opacity: 1.0; transition: 0.4s; background-position: 0px 0px; }
/* ----------------------------------------------------------------------------------- */




/* -------------------------------------- FRAMES ------------------------------------- */
.loja-frame { background: #F2F2F2; font-family: 'Roboto', sans-serif; }
.loja-frame h1 { margin: 0px; font-weight: normal; font-size: 2.0em; color: #888; }

.loja-frame .std-forms .frame-input-user { background-image: url("Imagens/Loja/loja-frame-input-user.png") !important; background-position: 5px 4px !important; background-repeat: no-repeat !important; padding-left: 32px !important; }
.loja-frame .std-forms .frame-input-email { background-image: url("Imagens/Loja/loja-frame-input-email.png") !important; background-position: 5px 4px !important; background-repeat: no-repeat !important; padding-left: 32px !important; }
.loja-frame .std-forms .frame-input-cpf { background-image: url("Imagens/Loja/loja-frame-input-cpf.png") !important; background-position: 5px 4px !important; background-repeat: no-repeat !important; padding-left: 32px !important; }
.loja-frame .std-forms .frame-input-phone { background-image: url("Imagens/Loja/loja-frame-input-phone.png") !important; background-position: 5px 4px !important; background-repeat: no-repeat !important; padding-left: 32px !important; }
.loja-frame .std-forms .frame-input-password { background-image: url("Imagens/Loja/loja-frame-input-password.png") !important; background-position: 5px 4px !important; background-repeat: no-repeat !important; padding-left: 32px !important; }
.loja-frame .std-forms button { background: #6AAD59; color: #FFF; padding: 5px 20px; border: none; border-bottom: 3px #548C44 solid; border-radius: 4px; transition: 0.3s; }
.loja-frame .std-forms button:hover { background: #7fba6f; transition: 0.3s; }

.loja-frame a { color: #6AAD59; cursor: pointer; }

.loja-frame .frame-login { padding: 25px; }
.loja-frame .frame-login > div { padding-top: 25px; }
.loja-frame .frame-login > div button { float: right; }
.loja-frame .frame-login > div a { float: left; margin: 7px 0px 0px 0px; }

.loja-frame .frame-login .std-forms > div { margin-bottom: 5px; }

.loja-frame .frame-cadastro { padding: 25px; }
.loja-frame .frame-cadastro > div { padding-top: 25px; }
.loja-frame .frame-cadastro > div button { display: block; width: 100%; margin: 20px auto 13px auto; }

.loja-frame .frame-cadastro .std-forms {}
.loja-frame .frame-cadastro .std-forms > div { margin-bottom: 5px; position: relative; }
.loja-frame .frame-cadastro .std-forms > div label.error { position: absolute; top: 9px; right: 6px; font-weight: normal; color: #B22; z-index: 250; display: inline-block; width: auto; font-size: 0.75em; }

.loja-frame .frame-cadastro .cadastro-newsletter {}
.loja-frame .frame-cadastro .cadastro-newsletter label {}
.loja-frame .frame-cadastro .cadastro-newsletter label input { float: left; }
.loja-frame .frame-cadastro .cadastro-newsletter label span { float: left; margin: 1px 0px 0px 5px; font-weight: normal; cursor: pointer; }

.loja-frame .frame-cadastro .info-cadastro-realizado { font-size: 1.2em; margin-bottom: 20px; }
.loja-frame .frame-cadastro .info-cadastro-realizado b { font-size: 1.1em; }



.loja-frame .frame-seleciona-endereco { padding: 25px; }
.loja-frame .frame-seleciona-endereco > div { padding-top: 25px; }
.loja-frame .frame-seleciona-endereco > div button { display: block; width: 100%; margin: 20px auto 13px auto; }
.loja-frame .frame-seleciona-endereco .enderecos {}
.loja-frame .frame-seleciona-endereco .enderecos ul { margin: 0px; padding: 0px; }
.loja-frame .frame-seleciona-endereco .enderecos ul li { margin-bottom: 10px; }
.loja-frame .frame-seleciona-endereco .enderecos ul li label { font-weight: normal; background: #FAFAFA; padding: 6px; cursor: pointer; border: 1px transparent solid; border-bottom: 2px #CCC solid; transition: 0.3s; }

.loja-frame .frame-seleciona-endereco .enderecos ul li:hover label { background: #FEFEFE; border-bottom: 2px #6AAD59 solid; transition: 0.3s; }
.loja-frame .frame-seleciona-endereco .enderecos ul li.current label { background: #FEFEFE; border-bottom: 2px #6AAD59 solid; transition: 0.3s; }

.loja-frame .frame-seleciona-endereco .enderecos ul li label .endereco-input {}
.loja-frame .frame-seleciona-endereco .enderecos ul li label .endereco-input input { display: inline-block; }
.loja-frame .frame-seleciona-endereco .enderecos ul li label .endereco-input span { display: inline-block; font-weight: bold; font-size: 1.1em; }

.loja-frame .frame-seleciona-endereco .enderecos ul li label .endereco-preview { font-size: 0.9em; line-height: 120%; padding-top: 3px; color: #444; }



.loja-frame .frame-promocao { padding: 25px; }
.loja-frame .frame-promocao > div { padding-top: 25px; }

.loja-frame .frame-promocao > div h3 { text-align: center; margin: 20px 0px 10px 0px; font-size: 1.8em; }

.loja-frame .frame-promocao > div .desconto { text-align: center; font-size: 1.4em; height: 60px; }

.loja-frame .frame-promocao > div .ceps { text-align: center; }
.loja-frame .frame-promocao > div .ceps span { font-size: 0.9em; display: block; margin-bottom: 5px; }
.loja-frame .frame-promocao > div .ceps ul { margin: 0px; padding: 0px; list-style: none; height: 60px; }
.loja-frame .frame-promocao > div .ceps ul li { display: inline-block; background: #FFF; padding: 4px 8px; margin: 0px 2px 4px 2px; font-size: 0.9em; color: #555; cursor: pointer; }

.loja-frame .frame-promocao > div .condicao { text-align: center; margin: 20px 0px 0px 0px; }
.loja-frame .frame-promocao > div .condicao h4 { text-transform: uppercase; }
.loja-frame .frame-promocao > div .condicao p {}



.loja-frame .loja-frame-footer { background: #FFF; padding: 0px 25px 0px 25px; }

.loja-frame .loja-frame-footer .footer-login { text-align: center; padding: 25px; }
.loja-frame .loja-frame-footer .footer-login p { margin: 0px; padding: 0px 0px 0px 0px; font-size: 1.2em; color: #999; }
.loja-frame .loja-frame-footer .footer-login a { font-size: 1.4em; }

.loja-frame .loja-frame-footer .footer-cadastro {padding: 22px 0px 0px 0px; }
.loja-frame .loja-frame-footer .footer-cadastro p { margin: 0px; padding: 0px 0px 0px 0px; }

.loja-frame .loja-frame-footer .footer-cadastro-realizado { padding: 22px 0px 0px 0px; }
.loja-frame .loja-frame-footer .footer-cadastro-realizado p { font-size: 0.85em; color: #666; text-align: justify; }

.loja-frame .loja-frame-footer .footer-promocao {padding: 22px 0px 0px 0px; text-align: center; }
.loja-frame .loja-frame-footer .footer-promocao p { margin: 0px; padding: 0px 0px 0px 0px; }

.loja-frame .loja-frame-footer .footer-seleciona-endereco { text-align: center; padding: 25px; }
.loja-frame .loja-frame-footer .footer-seleciona-endereco p { margin: 0px; padding: 0px 0px 0px 0px; font-size: 1.2em; color: #999; }
.loja-frame .loja-frame-footer .footer-seleciona-endereco a { font-size: 1.4em; }
/* ----------------------------------------------------------------------------------- */


/* -------------------------------------- PAGINAS DE LOGIN/CADASTRO ------------------------------------- */
 
.loja-page {box-sizing: border-box; background: #EEE; padding: 8px;  position: relative; font-family: 'Roboto', sans-serif; }

.loja-pageh1 { margin: 0px; font-weight: normal; font-size: 2.0em; color: #888; }

.loja-page .std-forms .page-input-user { background-image: url("Imagens/Loja/loja-frame-input-user.png") !important; background-position: 5px 4px !important; background-repeat: no-repeat !important; padding-left: 32px !important; }
.loja-page .std-forms .page-input-email { background-image: url("Imagens/Loja/loja-frame-input-email.png") !important; background-position: 5px 4px !important; background-repeat: no-repeat !important; padding-left: 32px !important; }
.loja-page .std-forms .page-input-cpf { background-image: url("Imagens/Loja/loja-frame-input-cpf.png") !important; background-position: 5px 4px !important; background-repeat: no-repeat !important; padding-left: 32px !important; }
.loja-page .std-forms .page-input-phone { background-image: url("Imagens/Loja/loja-frame-input-phone.png") !important; background-position: 5px 4px !important; background-repeat: no-repeat !important; padding-left: 32px !important; }
.loja-page .std-forms .page-input-password { background-image: url("Imagens/Loja/loja-frame-input-password.png") !important; background-position: 5px 4px !important; background-repeat: no-repeat !important; padding-left: 32px !important; }
.loja-page .std-forms button { background: #6AAD59; color: #FFF; padding: 5px 20px; border: none; border-bottom: 3px #548C44 solid; border-radius: 4px; transition: 0.3s; }
.loja-page .std-forms button:hover { background: #7fba6f; transition: 0.3s; }

.loja-page a { color: #6AAD59; cursor: pointer; }

.loja-page .page-cadastro { padding: 25px 25px 10px 25px; }
.loja-page .page-cadastro > div { padding-top: 25px; }
.loja-page .page-cadastro > div button { display: block; width: 100%; margin: 20px auto 13px auto; }

.loja-page .page-cadastro .std-forms {}
.loja-page .page-cadastro .std-forms > div { margin-bottom: 5px; position: relative; }
.loja-page .page-cadastro .std-forms > div label.error { position: absolute; top: 9px; right: 6px; font-weight: normal; color: #B22; z-index: 250; display: inline-block; width: auto; font-size: 0.75em; }

.loja-page .page-cadastro .cadastro-newsletter {}
.loja-page .page-cadastro .cadastro-newsletter label {}
.loja-page .page-cadastro .cadastro-newsletter label input { float: left; }
.loja-page .page-cadastro .cadastro-newsletter label span { float: left; margin: 1px 0px 0px 5px; font-weight: normal; cursor: pointer; }

.loja-page .page-cadastro .info-cadastro-realizado { font-size: 1.2em; margin-bottom: 20px; }
.loja-page .page-cadastro .info-cadastro-realizado b { font-size: 1.1em; }


.loja-page .page-login {}
.loja-page .page-login > div {}
.loja-page .page-login > div button { float: right; }
.loja-page .page-login > div a { float: left; margin: 7px 0px 0px 0px; }

.loja-page .page-login .std-forms > div { margin-bottom: 5px; }

.loja-page .loja-page-footer { background: #FFF;}

.loja-page .loja-page-footer .footer-login { text-align: center; padding: 5px; }
.loja-page .loja-page-footer .footer-login p { margin: 0px; font-size: 1.2em; color: #999; }
.loja-page .loja-page-footer .footer-login a { font-size: 1.4em; }

.loja-page .loja-page-footer-cadastro {background: #FFF; margin: 0px 25px 0px 25px; text-align: center;}
.loja-page .loja-page-footer-cadastro p { padding: 0px 0px 0px 0px; }

.loja-page .loja-page-footer .footer-cadastro-realizado { padding: 0px 25px 0px 25px; }
.loja-page .loja-page-footer .footer-cadastro-realizado p { text-align: justify; }

.loja-page .loja-page-footer .footer-promocao {padding: 22px 0px 0px 0px; text-align: center; }
.loja-page .loja-page-footer .footer-promocao p { margin: 0px; padding: 0px 0px 0px 0px; }

.loja-page .loja-page-footer .footer-seleciona-endereco { text-align: center; padding: 25px; }
.loja-page .loja-page-footer .footer-seleciona-endereco p { margin: 0px; padding: 0px 0px 0px 0px; font-size: 1.2em; color: #999; }
.loja-page .loja-page-footer .footer-seleciona-endereco a { font-size: 1.4em; }


/* ----------------------------------------------------------------------------------- */


/* -------------------------------------- LAYERS ------------------------------------- */
.loja-layer { display: none; position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 2500; }

.loja-layer .loja-layer-overlay { position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; background: #6AAD59; opacity: 0.9; }
.loja-layer .loja-layer-box { position: relative; width: 300px; background: #EFEFEF; margin: 0px auto 0px auto; border-radius: 2px; }

.loja-layer .loja-layer-box header { padding: 8px; }
.loja-layer .loja-layer-box header h1 { margin: 0px 0px 0px 0px; font-size: 1.25em; }
.loja-layer .loja-layer-box header span { float: right; display: block; width: 20px; height: 20px; background: transparent url("Imagens/Loja/loja-layer-close.png") no-repeat; cursor: pointer; opacity: 0.6; transition: 0.3s; }
.loja-layer .loja-layer-box header span:hover { opacity: 1.0; transition: 0.3s; }

.loja-layer .loja-layer-box .layer-msg-box { text-align: center; padding: 15px 0px 15px 0px; }
.loja-layer .loja-layer-box .layer-msg-box span { display: block; font-size: 1.2em; }
.loja-layer .loja-layer-box .layer-msg-box i { display: block; font-size: 1.4em; padding: 5px 0px 5px 0px; }
.loja-layer .loja-layer-box .layer-msg-box p { display: block; font-size: 1.0em; }

.loja-layer .loja-layer-box .layer-variacoes-box ul { margin: 0px; padding: 0px; list-style: none; }
.loja-layer .loja-layer-box .layer-variacoes-box ul li {}
.loja-layer .loja-layer-box .layer-variacoes-box ul li label { cursor: pointer; }
.loja-layer .loja-layer-box .layer-variacoes-box ul li label.disabled { cursor: default; }
.loja-layer .loja-layer-box .layer-variacoes-box ul li label input { display: none; }
.loja-layer .loja-layer-box .layer-variacoes-box ul li label span { display: block; float: left; font-weight: normal; padding: 3px 0px 3px 6px; }
.loja-layer .loja-layer-box .layer-variacoes-box ul li label:hover span { font-weight: bold; }
.loja-layer .loja-layer-box .layer-variacoes-box ul li label.checked span { font-weight: bold; }
.loja-layer .loja-layer-box .layer-variacoes-box ul li label.disabled span { font-weight: normal; opacity: 0.5; }
.loja-layer .loja-layer-box .layer-variacoes-box ul li label em { display: block; float: left; width: 24px; height: 24px; background: transparent url("Imagens/Loja/loja-produto-variacao-checkbox.png") no-repeat; background-position: 0px 0px; }
.loja-layer .loja-layer-box .layer-variacoes-box ul li label:hover em { background-position: 0px -24px; }
.loja-layer .loja-layer-box .layer-variacoes-box ul li label.checked em { background-position: 0px -48px; }
.loja-layer .loja-layer-box .layer-variacoes-box ul li label.disabled em { background-position: 0px -72px; }
/* ----------------------------------------------------------------------------------- */




/* ------------------------------------ BOX PRODUTO ---------------------------------- */
.box-produto { box-sizing: border-box; background: #FEFEFE; padding: 8px; margin: 0px 0px 30px 0px; position: relative; }

.box-produto figure { display: block; width: 100%; margin: 0px 0px 5px 0px; }
.box-produto figure img { display: block; width: 100%; }

.box-produto h3 { margin: 0px 0px 0px 0px; font-size: 1.25em; }
.box-produto h4 { margin: 0px 0px 10px 0px; font-size: 0.9em; font-weight: normal; }

.box-produto .precos { height: 50px; margin: 0px 0px 0px 0px; text-align: left; }
.box-produto .precos .preco-original { font-size: 0.75em; height: 12px; color: #888; }
.box-produto .precos .preco-original del { color: #666; }
.box-produto .precos .preco-original del span {}
.box-produto .precos .preco-original del em { font-style: normal; }
.box-produto .precos .preco { font-size: 1.4em; font-weight: bold; }
.box-produto .precos .preco span {}
.box-produto .precos .preco em { font-style: normal; }
.box-produto .precos .preco-condicao { font-size: 0.65em; height: 10px; margin: -2px 0px 0px 0px; color: #888; }

.box-produto .frete-gratis { float: right; margin: 0px 0px 0px 0px; text-align: right; }
/* ----------------------------------------------------------------------------------- */




/* ---------------------------------- PÁGINA PRODUTO --------------------------------- */
.pagina-loja-produto {}

.pagina-loja-produto h1 { margin: 0px 0px 5px 0px; padding: 0px 0px 5px 0px; border-bottom: 1px #CCC solid; font-size: 1.4em; }

.pagina-loja-produto .categorias { margin: 0px 0px 25px 0px; font-size: 0.85em; }
.pagina-loja-produto .categorias a {}
.pagina-loja-produto .categorias span { display: inline-block; padding: 0px 3px 0px 3px; }

.pagina-loja-produto .precos { height: 50px; margin: 0px 0px 15px 0px; text-align: left; }
.pagina-loja-produto .precos .preco-original { font-size: 0.75em; height: 12px; color: #888; }
.pagina-loja-produto .precos .preco-original del { color: #666; }
.pagina-loja-produto .precos .preco-original del span {}
.pagina-loja-produto .precos .preco-original del em { font-style: normal; }
.pagina-loja-produto .precos .preco { font-size: 1.4em; font-weight: bold; }
.pagina-loja-produto .precos .preco span {}
.pagina-loja-produto .precos .preco em { font-style: normal; }
.pagina-loja-produto .precos .preco-condicao { font-size: 0.65em; height: 10px; margin: -2px 0px 0px 0px; color: #888; }

.pagina-loja-produto .frete {}
.pagina-loja-produto .frete .frete-form {}
.pagina-loja-produto .frete .frete-form input { display: inline-block; width: 70%; box-sizing: border-box; }
.pagina-loja-produto .frete .frete-form button { display: inline-block; width: 28%; margin-left: 2%; }
.pagina-loja-produto .frete .frete-resultado { margin: 5px 0px 0px 0px; }
.pagina-loja-produto .frete .frete-resultado > div { background: #FAFAFA; padding: 5px 10px; border: 1px #DDD solid; }
.pagina-loja-produto .frete .frete-resultado > div i.fa { display: block; font-size: 1.25em; text-align: center; margin: 20px 0px 20px 0px; opacity: 0.5; }
.pagina-loja-produto .frete .frete-resultado > div .frete-gratis { text-align: center; padding: 5px 0px 5px 0px; }
.pagina-loja-produto .frete .frete-resultado > div .frete-gratis b { display: block; font-size: 1.2em; }
.pagina-loja-produto .frete .frete-resultado > div .frete-gratis span { display: block; margin: 0px 0px 10px 0px; }
.pagina-loja-produto .frete .frete-resultado > div .frete-gratis a { font-size: 0.85em; }
.pagina-loja-produto .frete .frete-resultado > div table { margin: 0px 0px 0px 0px; }
.pagina-loja-produto .frete .frete-resultado > div table .td-frete { text-align: right; }

.pagina-loja-produto .compra { background: #FAFAFA; border: 1px #DDD solid; }
.pagina-loja-produto .compra h2 { margin: 0px 0px 0px 0px; padding: 10px; font-size: 1.5em; text-align: center; background: #EFEFEF; }

.pagina-loja-produto .compra .variacoes { padding: 10px 10px; border-bottom: 1px #DFDFDF solid; }
.pagina-loja-produto .compra .variacoes > label { text-align: center; }
.pagina-loja-produto .compra .variacoes ul { margin: 0px; padding: 0px; list-style: none; }
.pagina-loja-produto .compra .variacoes ul li {}
.pagina-loja-produto .compra .variacoes ul li label { cursor: pointer; }
.pagina-loja-produto .compra .variacoes ul li label.disabled { cursor: default; }
.pagina-loja-produto .compra .variacoes ul li label input { display: none; }
.pagina-loja-produto .compra .variacoes ul li label span { display: block; float: left; font-weight: normal; padding: 3px 0px 3px 6px; }
.pagina-loja-produto .compra .variacoes ul li label:hover span { font-weight: bold; }
.pagina-loja-produto .compra .variacoes ul li label.checked span { font-weight: bold; }
.pagina-loja-produto .compra .variacoes ul li label.disabled span { font-weight: normal; opacity: 0.5; }
.pagina-loja-produto .compra .variacoes ul li label em { display: block; float: left; width: 24px; height: 24px; background: transparent url("Imagens/Loja/loja-produto-variacao-checkbox.png") no-repeat; background-position: 0px 0px; }
.pagina-loja-produto .compra .variacoes ul li label:hover em { background-position: 0px -24px; }
.pagina-loja-produto .compra .variacoes ul li label.checked em { background-position: 0px -48px; }
.pagina-loja-produto .compra .variacoes ul li label.disabled em { background-position: 0px -72px; }
.pagina-loja-produto .compra .sem-variacao { display: none; }

.pagina-loja-produto .compra .quantidade { padding: 10px 10px; border-bottom: 1px #DFDFDF solid; text-align: center; }
.pagina-loja-produto .compra .quantidade label {}
.pagina-loja-produto .compra .quantidade > div {}
.pagina-loja-produto .compra .quantidade > div button { width: 24px; text-align: center; }
.pagina-loja-produto .compra .quantidade > div span { display: inline-block; width: 24px; }

.pagina-loja-produto .compra .confirmacao { padding: 10px 10px; }
.pagina-loja-produto .compra .confirmacao button { display: block; width: 100%; margin: 0px; }
/* ----------------------------------------------------------------------------------- */




/* ------------------------------------- CARRINHO ------------------------------------ */
.pagina-loja-carrinho {}

.pagina-loja-carrinho .carrinho-header { background: #F2F2F2; margin: 0px 0px 20px 0px; padding: 20px 10px 20px 10px; }
.pagina-loja-carrinho .carrinho-header ul { margin: 0px; padding: 0px; list-style: none; text-align: center; }
.pagina-loja-carrinho .carrinho-header ul li { display: inline-block; padding: 0px 10px 0px 10px; }

.pagina-loja-carrinho .carrinho-header ul li {}
.pagina-loja-carrinho .carrinho-header ul li.current { font-weight: bold; }
.pagina-loja-carrinho .carrinho-header ul li.done { color: #46C531; }
/* ----------------------------------------------------------------------------------- */




/* -------------------------------------- COMPRAS ------------------------------------ */
.pagina-loja-compras {}

.pagina-loja-compras table {}
.pagina-loja-compras table .tr-resumo {}
.pagina-loja-compras table .tr-resumo .td-id { width: 110px; font-weight: bold; font-size: 0.9em; vertical-align: middle; }
.pagina-loja-compras table .tr-resumo .td-itens { vertical-align: top; font-size: 0.8em; color: #888; vertical-align: middle; }
.pagina-loja-compras table .tr-resumo .td-data { width: 110px; text-align: center; font-size: 0.9em; vertical-align: middle; }
.pagina-loja-compras table .tr-resumo .td-valor { width: 110px; text-align: center; font-size: 0.9em; vertical-align: middle; }
.pagina-loja-compras table .tr-resumo .td-situacao { width: 110px; text-align: center; font-size: 0.9em; vertical-align: middle; padding: 20px 0px 20px 0px; }
.pagina-loja-compras table .tr-resumo .td-acoes { width: 90px; vertical-align: middle; }

.pagina-loja-compras table .td-center { text-align: center }

.pagina-loja-compras table .tr-detalhes { display: none; }
.pagina-loja-compras table .tr-detalhes .carrega-detalhes { padding: 25px 0px 25px 0px; text-align: center; }
.pagina-loja-compras table .tr-detalhes .carrega-detalhes i { font-size: 1.5em; }

.pagina-loja-compras table .tr-detalhes > td { background: #E5E5E5; }

.pagina-loja-compras table .tr-detalhes td .compra-status {}
.pagina-loja-compras table .tr-detalhes td .compra-status ul { padding: 0px; margin: 0px; list-style: none; text-align: center; }
.pagina-loja-compras table .tr-detalhes td .compra-status ul li { display: inline-block; }
.pagina-loja-compras table .tr-detalhes td .compra-status ul div {}
.pagina-loja-compras table .tr-detalhes td .compra-status ul span {}

.pagina-loja-compras table .tr-detalhes td .compra-valores {}
.pagina-loja-compras table .tr-detalhes td .compra-valores ul { padding: 0px; margin: 0px; list-style: none; text-align: center; }
.pagina-loja-compras table .tr-detalhes td .compra-valores ul li { display: inline-block; }
.pagina-loja-compras table .tr-detalhes td .compra-valores ul div {}
.pagina-loja-compras table .tr-detalhes td .compra-valores ul span {}

.pagina-loja-compras table .tr-detalhes td .compra-itens {}

/* ----------------------------------------------------------------------------------- */