@import "reset.css";
@import "../colorbox/colorbox.css";

.flags{pointer-events: none;}

/* SKIN */
.cor { color: #888 !important; }
.cor-ovr:hover, a:hover .cor-ovr { color: #888 !important; }
.bg { background-color: #888 !important; }
.bg-ovr:hover, a:hover .bg-ovr { background-color: #888 !important; }
.brd { border-color: #888 !important; }
.brd-ovr:hover, a:hover .brd-ovr { border-color: #888 !important; }
.bg2 { background-color: #d9f7f7 !important; }
.bg3 { background-color: #ebfbfb !important; }

#menu .menu > li > a:hover,
#menu .menu > li:hover > a { background-color: #009d9d !important; }

body { font: 100% Arial, Helvetica, sans-serif; font-size: 12px; background: #FFF; margin: 0; padding: 0; text-align: center; color: #000; line-height: 120%; }
div { }
ul { overflow: hidden; display: block; }

a { text-decoration: none; color: inherit; outline: none; }
input { outline: none; }

.left { float: left; }
.right { float: right; }
.quebra, .break { margin-right: 0 !important; }
.upper { text-transform: uppercase; }

.outer { text-align: center; left: 0; width: 100%; min-width: 960px; }
.inner { text-align: left; clear: both; margin: 0 auto; width: 960px; }


#wrapper, #wrapper_internas { position: relative; left: 0; top: 0; background: #fff; width: 100%; min-width: 960px; overflow: hidden;}


#menu-scroll { position: fixed; left: 0; top: -60px; box-shadow: 0 1px 5px #000; z-index: 920; height: 50px; }
#menu-scroll .inner { position: relative; z-index: 922; }
#menu-scroll #mslogo { float: left; }
#menu-scroll #msbusca { float: left; margin: 5px 15px 5px 5px; width: 500px; height: 40px; background: url(../../img/design/header_busca_bg.png) 0 0 no-repeat; position: relative; }
#menu-scroll #msbusca .q { float: left; height: 30px; width: 430px; padding: 5px 0 5px 18px; color: #555; border: none; background: transparent; font-size: 18px; line-height: 30px; }
#menu-scroll #msbusca .q.label { color: #7F7F7F; }
#menu-scroll #msbusca i { position: absolute; font-size: 22px; color: #000; top: 9px; right: 30px; cursor: pointer; }
#menu-scroll #msbusca .s { width: 1px; height: 1px; background: transparent; padding: 0; border: none; position: absolute; bottom: -10px; right: -10px; opacity: 0; }
#menu-scroll .meus-pedidos { display: block; overflow: hidden; height: 22px; line-height: 22px; background: url(../../img/design/btn_bg.png) center center repeat-x #000; color: #ccc; font-size: 11px; float: left; border-radius: 3px; padding: 0 6px 0 8px; text-decoration: none; margin: 14px 0 0 0; }
#menu-scroll .meus-pedidos i { font-size: 13px; padding-left: 15px; }
#menu-scroll .meus-pedidos:hover { background-image: none; color: #fff; }
#menu-scroll #msmeucarrinho { float: right; width: 190px; margin: 7px 0 0 0; position: relative; }
#menu-scroll #msmeucarrinho a { display: block; overflow: hidden; height: 40px; text-decoration: none; }
#menu-scroll #msmeucarrinho a i { font-size: 35px; color: #000; float: left; }
#menu-scroll #msmeucarrinho a span { float: left; font-size: 14px; color: #fff; padding: 3px 0 0 18px; line-height: 16px; }
#menu-scroll #msmeucarrinho a span strong { color: #000; font-weight: normal; }
#menu-scroll-bg { opacity: 0.85; filter: alpha(opacity=85); position: absolute; left: 0; top: 0; height: inherit; width: inherit; z-index: 921; }



#menu { clear: both; overflow: visible; height: 30px; border-bottom: solid 1px #fff; z-index: 400; }
#menu.sem-borda { border-bottom: none; }
#menu .inner { height: 30px; overflow: visible; position: relative; }
#menu .menu { display: table; width: 100%; height: 30px; overflow: visible; }
#menu .menu > li { display: table-cell; height: 30px; line-height: 30px; border-right: solid 1px #fff; overflow: visible; }
#menu .menu > li:last-child { border-right: none; }
#menu .menu > li > a { display: block; text-align: center; height: 30px; line-height: 30px; background: #888; color: #fff; font-size: 12px; padding: 0 5px 0 5px; text-decoration: none; position: relative; white-space: nowrap; }
#menu .menu > li > a.principal { background-color: #000 !important; }
#menu .menu > li > a.seta { padding-right: 27px; }
#menu .menu > li > a .icon { position: absolute; right: 0; top: 0; height: 30px; width: 27px; background: inherit; text-align: center; z-index: 400; }
#menu .menu > li > a .icon i { font-size: 10px; margin: 10px auto 0 auto; display: block; }

#menu .menu > li > a:hover { }
#menu .menu > li > a:hover .icon,
#menu .menu > li:hover > a .icon { margin-top: 10px; }
#menu .menu > li > a:hover .icon i,
#menu .menu > li:hover > a .icon i { margin: 14px 0 0 0; }

#menu .submenu { position: absolute; left: 0; top: 30px; min-width: 163px; min-height: 50px; box-shadow: 0 3px 4px #333; background: #fff; z-index: 390; padding: 18px 15px; display: none; }
#menu .menu > li:hover .submenu { display: block; }
#menu .submenu ul { display: block; overflow: hidden; }
#menu .submenu ul li { display: block; overflow: hidden; line-height: 19px; font-size: 12px; color: #000; }
#menu .submenu ul li a { color: #000; }
#menu .submenu ul li.titulo { font-size: 14px; font-weight: bold; line-height: 19px; padding: 0 0 8px 0; }
#menu .submenu ul li.mais { font-size: 11px; color: #999; padding: 8px 0 0 0; }
#menu .submenu ul li.mais a { color: #999; text-decoration: none; }
#menu .submenu ul li.mais i { font-size: 15px; float: left; margin: 2px 0 0 0; width: 15px; }
#menu .submenu ul li.mais span { float: left; padding: 0 0 0 4px; }

#menu .submenu ul li.extra { display: none; }
#menu .submenu ul li.mostrar { display: block !important; }


#menu .submenu .linha { display: block; overflow: hidden; clear: both; margin: 0 0 12px 0; }
#menu .submenu .linha .box { float: left; width: 162px; padding: 0 15px 0 0; border-right: dashed 1px #ccc; margin: 0 14px 0 0; }
#menu .submenu .linha .box.quebra { margin-right: 0; border-right: none; padding-right: 0; }
#menu .submenu .linha .box ul { border-bottom: solid 1px #e5e5e5; padding-bottom: 13px; }
#menu .submenu .linha.quebra { margin-bottom: 0; }
#menu .submenu .linha.quebra .box ul { padding-bottom: 0; border-bottom: 0; }



#breadcrumb { border-bottom: solid 1px #ccc; }
#breadcrumb .inner { }
#breadcrumb p { white-space: nowrap; height: 15px; line-height: 15px; padding: 10px 0; color: #999; font-size: 11px; }
#breadcrumb p a { color: #999; font-weight: bold; }
#breadcrumb p a,
#breadcrumb p span { display: inline-block; padding: 0 5px; }
#breadcrumb p *:first-child { padding-left: 0; }


#banner-destaque { clear: both; background: #FFF; margin: 0 0 20px 0; }
#banner-destaque .inner { height: 390px; width:100%; position: relative; }
#banner-destaque .slides { width: 100%; height: inherit; }
#banner-destaque .slides .slide { width: 100%; height: inherit;  }
#banner-destaque .pager-base { position: absolute; bottom: 29px; overflow: visible; height: 1px; left: 0; width: 100%; text-align: center; z-index: 300; }
#banner-destaque .pager { display: inline-block; height: 20px; padding: 5px; background: #000; border-top-left-radius: 3px; border-top-right-radius: 3px; }
#banner-destaque .pager a { display: inline-block; height: 20px; line-height: 20px; padding: 0 12px; font-size: 13px; color: #fff; text-decoration: none; text-align: center; border-right: dotted 1px #4d4d4d; font-weight:bold; }
#banner-destaque .pager a:last-child { border-right: none; }
#banner-destaque .pager a.activeSlide { }
#banner-destaque .pager a:hover { color: #eee; }

#banner-destaque.categoria { border-bottom: solid 1px #ccc; }
#banner-destaque.categoria .inner { height: 150px; }
#banner-destaque.categoria .pager-base { display: none; }


#outer-titulo { padding: 20px 0 0 0; }

#termos { font-size: 16px; color: #666; line-height: 24px; }
#termos h3 { font-weight: bold; margin: 0; }
#termos p { margin: 0 0 20px 0; }
#termos p:last-child { margin-bottom: 0; }



.passos-setas { height: 30px;  }
.passos-setas .passo {position: relative; height: 30px; background: #e0e0e0; margin: 0 5px 0 0; float: left; font-size: 11px; color: #999; line-height: 30px; padding: 0 0 0 20px; text-transform: uppercase; }
.passos-setas .passo .c { width: 0; height: 0; position: absolute; }
.passos-setas .passo .tl { top: 0; left: 0; border-bottom: 15px solid #fff; border-right: 8px solid transparent !important; }
.passos-setas .passo .bl { bottom: 0; left: 0; border-top: 15px solid #fff; border-right: 8px solid transparent !important; }
.passos-setas .passo .tr { top: 0; right: 0; border-top: 15px solid #fff; border-left: 8px solid transparent !important; }
.passos-setas .passo .br { bottom: 0; right: 0; border-bottom: 15px solid #fff; border-left: 8px solid transparent !important; }
.passos-setas .passo1 .tl,
.passos-setas .passo1 .bl { display: none; }
.passos-setas .passo5 { margin-right: 0; }
.passos-setas .bg { color: #fff; }

#compra-passos { padding: 0 0 15px 0; margin: 0 0 15px 0; border-bottom: solid 1px #ccc; }
#compra-passos.sem-borda { border-bottom: 0; margin-bottom: 0; }


.btn { display: inline-block; background: url(../../img/design/btn_bg.png) 0 0 repeat-x #000; height: 26px; line-height: 26px; padding: 0 15px; box-shadow: 0 0 0 1px #000; border: solid 1px #fff; margin: 1px; border-radius: 3px; text-decoration: none; color: #fff; font-size: 14px; cursor:pointer; }
.btn:hover { background-position: 0 -3px; text-decoration: none !important; }
.btn span { float: left; color: #fff; white-space: nowrap; padding: 0 20px 0 0; font-weight: bold; }
.btn i { float: right; color: #fff; font-size: 15px; margin: 5px -4px 0 0; }
.btn.invertido span { float: right; padding: 0 0 0 20px; }
.btn.invertido i { float: left; margin: 5px 0 0 -4px; }



#identificacao { }
#identificacao .header { padding: 10px 0 25px 0; }
#identificacao .header p { font-size: 16px; line-height: 20px; color: #999; float: left; padding: 0 45px 0 27px; }
#identificacao .header h2 { font-size: 24px; line-height: 40px; float: left; }
#identificacao .formbox { padding: 0 27px; }
#identificacao .pessoa { padding-top: 11px; padding-bottom: 11px; height: 22px; }
#identificacao .pessoa label { display: block; overflow: hidden; float: left; line-height: 22px; font-weight: bold; font-size: 14px; margin: 0 40px 0 0; }
#identificacao .pessoa label input { margin: 0 6px 0 0; }
#identificacao .asterisco { color: #f00; }
#identificacao .formheader { border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; background: #f6f6f6; height: 60px; margin: 0 0 45px 0; color: #999; position: relative; overflow: visible; }
#identificacao .formheader:first-child { border-top: none; }
#identificacao .formheader h3 { float: left; line-height: 60px; font-size: 24px; }
#identificacao .formheader .obs { float: right; line-height: 60px; font-size: 12px; }
#identificacao .formheader .hseta { position: absolute; width: 22px; height: 13px; background: url(../../img/design/cadastro_header_seta_bg.png) 0 0 no-repeat; left: 25px; top: 60px; }
#identificacao .pessoais { margin: 0 0 50px 0; }
#identificacao .pessoais .coluna { width: 415px; }
#identificacao .pessoais .coluna.left { padding-right: 39px; border-right: solid 1px #ccc; }
#identificacao .endereco { margin: 0 0 50px 0; }
#identificacao .endereco .campos .btn { height: 22px; line-height: 22px; font-size: 11px; padding: 0 5px; margin-left: 12px; }
#identificacao .endereco .campos .naosei { font-size: 12px; color: #f00; margin: 0 0 0 10px; line-height: 32px; }
#identificacao .btnset { border-top: solid 1px #ccc; background: #f6f6f6; height: 30px; padding-top: 20px; padding-bottom: 20px; }
#identificacao .btnset .btn { float: left; margin-right: 10px; }
#identificacao .btnset .continuar { background-color: #0BB475; }
#identificacao #form-cadastro { border: solid 1px #ccc; }
#identificacao #pagamento { border: solid 1px #ccc; }
#identificacao #pagamento .dados-compra { padding-bottom: 30px; }
#identificacao #pagamento .dados-compra ul { }
#identificacao #pagamento .dados-compra ul li { font-size: 14px; line-height: 22px; color: #999; display: block; overflow: hidden; clear: both; }
#identificacao #pagamento .dados-compra ul li span { display: block; float: left; }
#identificacao #pagamento .dados-compra ul li .c1 { width: 210px; }
#identificacao #pagamento .dados-compra ul li .c2 { color: #000; }
#identificacao #pagamento a.alt-end { line-height: 60px; color: #000; float: right; }
#identificacao #pagamento .end-entrega { padding-bottom: 30px; }
#identificacao #pagamento .end-entrega h3 { font-size: 18px; color: #000; line-height: 23px; margin: 0 0 25px 0; }
#identificacao #pagamento .end-entrega p { font-size: 14px; color: #999; line-height: 22px; margin: 0 0 25px 0; }
#identificacao #pagamento .end-entrega p:last-child { margin-bottom: 0; }
#identificacao #pagamento .end-entrega p strong { font-weight: normal; color: #000; }

#identificacao #pagamento .formas { }
#identificacao #pagamento .formas .linha { border-bottom: solid 1px #ccc; height: 65px; padding: 25px 27px 13px 27px; overflow: visible; }
#identificacao #pagamento .formas .linha:last-child { border-bottom: none; }
#identificacao #pagamento .formas .linha .legenda { float: left; width: 175px; font-size: 18px; line-height: 48px; }
#identificacao #pagamento .formas .linha .opcoes { float: left; height: 65px; }
#identificacao #pagamento .formas .linha .opcoes .opcao { display: block; overflow: hidden; float: left; width: auto; height: 63px; border: solid 1px transparent; text-align: center; position: relative; padding: 0 9px; cursor: pointer; }
#identificacao #pagamento .formas .linha .opcoes .ativo { border-color: #ccc; }
#identificacao #pagamento .formas .linha .opcoes .opcao img { margin: 9px auto 5px auto; }
#identificacao #pagamento .formas .linha .opcoes .opcao input { }
#identificacao #pagamento .formas .linha .seta { color: #ccc; font-size: 45px; float: left; display: block; margin: 0 0 0 10px; }
#identificacao #pagamento .formas .linha .parcelas, #identificacao #pagamento .formas .linha .fpgoff { border: solid 1px #ccc; width: 230px; border-radius: 4px; box-shadow: inset 1px 1px 6px #dfdfdf; height: 30px; float: right; margin: 8px 0 0 0; overflow: visible; position: relative; }
#identificacao #pagamento .formas .linha .inativo { opacity: 0.3; filter: alpha(opacity=30); }
#identificacao #pagamento .formas .linha .parcelas .mask, #identificacao #pagamento .formas .linha .fpgoff .mask { height: 30px; width: 100%; cursor: pointer; }
#identificacao #pagamento .formas .linha .parcelas .mask .text, #identificacao #pagamento .formas .linha .fpgoff .mask .text { height: 30px; line-height: 30px; float: left; width: 196px; padding: 0 0 0 9px; font-size: 12px; font-weight: bold; color: #000; white-space: nowrap; }
#identificacao #pagamento .formas .linha .parcelas .mask .setinha, #identificacao #pagamento .formas .linha .fpgoff .mask .setinha { float: right; width: 21px; height: 30px; border-left: solid 1px #ccc; background: #f6f6f6; box-shadow: inset 0 0 3px #ccc; text-align: center; }
#identificacao #pagamento .formas .linha .parcelas .mask .setinha i, #identificacao #pagamento .formas .linha .fpgoff .mask .setinha i { display: block; margin: 9px auto 0 auto; color: #999; font-size: 12px; }
#identificacao #pagamento .formas .linha .parcelas .sub, #identificacao #pagamento .formas .linha .fpgoff .sub { position: absolute; border: solid 1px #ccc; border-radius: 4px; background: #fff; left: 0; top: 30px; max-height: 154px; width: 230px; display: none; }
#identificacao #pagamento .formas .linha .parcelas .sub label, #identificacao #pagamento .formas .linha .fpgoff .sub label { display: block; height: 30px; line-height: 30px; border-bottom: solid 1px #ccc; padding: 0 10px; position: relative; cursor: pointer; background: #f6f6f6; box-shadow: inset 2px 2px 4px #eee; }
#identificacao #pagamento .formas .linha .parcelas .sub label:last-child, #identificacao #pagamento .formas .linha .fpgoff .sub label:last-child { border-bottom: none; }
#identificacao #pagamento .formas .linha .parcelas .sub label:hover, #identificacao #pagamento .formas .linha .fpgoff .sub label:hover { background: #eee; }
#identificacao #pagamento .formas .linha .parcelas .sub label.ativo, #identificacao #pagamento .formas .linha .fpgoff .sub label.ativo { color: #fff; box-shadow: none; }
#identificacao #pagamento .formas .linha .parcelas .sub label input, #identificacao #pagamento .formas .linha .fpgoff .sub label input { position: absolute; left: 50px; opacity: 0; }

#identificacao #pagamento .cc { padding-bottom: 50px; }
#identificacao #pagamento .cc .coluna1 { float: left; width: 495px; }
#identificacao #pagamento .cc .coluna1 .tit { margin: 0 0 18px 0; }
#identificacao #pagamento .cc .coluna1 .tit h4 { font-size: 18px; color: #999; line-height: 22px; float: left; margin: 0 15px 0 0; }
#identificacao #pagamento .cc .coluna1 .tit .redlink { line-height: 27px !important; }
#identificacao #pagamento .cc .coluna1 .redlink { padding: 0 0 0 7px; color: #f00; line-height: 32px; font-size: 11px; }
#identificacao #pagamento .cc .coluna1 .formulario { padding-left: 30px; margin-bottom: 40px; }
#identificacao #pagamento .cc .coluna1 .formulario:last-child { margin-bottom: 0; }
#identificacao #pagamento .cc .coluna1 .formulario .info { font-size: 14px; color: #999; line-height: 20px; margin: 0 0 15px 0; }
#identificacao #pagamento .cc .coluna1 .formulario .info:last-child { margin-bottom: 0; padding-top: 5px; }
#identificacao #pagamento .cc .coluna1 .formulario .info strong { color: #000; }

#identificacao #pagamento .cc .coluna2 { float: right; width: 407px; position: relative; }
#identificacao #pagamento .cc .coluna2 .balao-parcelas { border: solid 1px #ccc; width: 335px; float: right; padding: 20px; background: #fff; }
#identificacao #pagamento .cc .coluna2 .balao-parcelas label { display: block; overflow: hidden; height: 32px; line-height: 32px; margin: 0 0 7px 0; background: #f6f6f6; padding: 0 10px; font-size: 14px; color: #000; cursor: pointer; }
#identificacao #pagamento .cc .coluna2 .balao-parcelas label:nth-child(odd) { background: #fff; }
#identificacao #pagamento .cc .coluna2 .balao-parcelas label:last-child { margin-bottom: 0; }
#identificacao #pagamento .cc .coluna2 .balao-parcelas label:hover { color: #fff; }
#identificacao #pagamento .cc .coluna2 .balao-parcelas label input { display: inline-block; margin: 0 8px 0 0; }
#identificacao #pagamento .cc .coluna2 .pseta { position: absolute; left: 0; top: 14px; width: 31px; height: 31px; background: url(../../img/design/parcelas_seta_bg.jpg) 0 0 no-repeat; }


#login { padding: 15px 0 30px 0; }
#login .coluna { width: 380px; padding: 0 49px 0 49px; }
#login .coluna.left { border-right: solid 1px #ccc; }
#login .coluna h2 { font-size: 32px; line-height: 38px; margin: 0 0 15px 0; }
#login .coluna h3 { font-size: 24px; color: #000; line-height: 30px; margin: 0 0 15px 0; }
#login .coluna .ns { display: block; overflow: hidden; font-size: 12px; line-height: 16px; color: #f00; }
#login .coluna .btn { width: 170px; }



#sucesso { text-align: center; padding: 20px 0 20px 0; width:100%; float:left; }
#sucesso p { font-size: 48px; line-height: 52px; margin: 0 0 35px 0; }

.carrinho { border: solid 1px #ccc; margin: 0 0 15px 0; }
.carrinho table { border-collapse: collapse; width: 100%; }
.carrinho table th { border: solid 1px #fff; background: #d9f7f7; height: 26px; line-height: 26px; padding: 0 20px; font-size: 12px; color: #666; text-align: center; white-space: nowrap; }
.carrinho table tr { padding: 15px 0; }
.carrinho table td { border-bottom: solid 1px #ccc; font-size: 14px; color: #000; line-height: 18px; padding: 15px; border-right: solid 1px #ccc; text-align: center; }
.carrinho table tr td:last-child { border-right: none; }
.carrinho table tr:last-child td { border-bottom: none; }
.carrinho table tbody tr:hover td { background: #f5f5f5; }
.carrinho table td .cel { display: block; text-align: center; }
.carrinho table td .produto { min-width: 320px; text-align: left; }
.carrinho table td .produto .foto { float: left; width: 78px; height: 78px; margin: 0 15px 0 0; }
.carrinho table td .produto .nome { width: 227px; font-size: 14px !important; color: #000 !important; line-height: 18px !important; }
.carrinho table td .excluir { color: #f00; font-size: 12px; font-weight: bold; text-align: center; display: block; line-height: 20px; cursor:pointer; }
.carrinho table td .excluir i { font-size: 16px; text-decoration: none; }
.carrinho table td strong { font-weight: normal; font-size: 18px; white-space: nowrap; }
.carrinho table td .prazo { color: #0BB374; }
.carrinho table td .quantidade { width: 98px; height: 30px; border: solid 1px #d4d4d4; background: #fff; box-shadow: inset 0 0 3px #ccc; text-align: left; margin: auto; border-radius: 4px; }
.carrinho table td .quantidade .qt { width: 34px; height: 20px; line-height: 20px; padding: 5px 0 5px 10px; background: transparent; font-size: 16px; font-weight: bold; color: #000; float: left; }
.carrinho table td .quantidade .sinal { width: 26px; height: 30px; line-height: 30px; font-size: 18px; color: #999; background: #fff; box-shadow: inset 0 0 4px #ccc; border-left: solid 1px #ccc; float: left; text-align: center; cursor: pointer; user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; }
.carrinho table td .quantidade .sinal:hover { color: #000; }
.carrinho table td .quantidade .sinal:active { font-size: 16px; }

.box-valores { border: solid 1px #ccc; background: #fff7d9; padding: 7px 16px; line-height: 20px; font-size: 12px; color: #000; margin: 0 0 5px 0; }
.box-valores:last-child { margin-bottom: 0; }
.box-valores a { text-decoration: underline; font-weight: bold; }
.box-valores .valor { float: right; width: 270px; }
.box-valores .valor .legenda { float: left; width: 100px; text-align: right; font-size: 14px; }
.box-valores .valor .preco { float: left; padding: 0 0 0 15px; font-size: 18px; width: 145px; text-align: left; }
.box-valores.box-total { line-height: 30px; }
.box-valores.box-total .valor .preco { font-size: 24px; font-weight: bold; }
.box-valores.sem-destaque { background-color: #f7f7f7; }

#carrinho { }
#carrinho #frete { border: solid 1px #ccc; margin: 0 0 5px 0; padding: 15px; color: #000; }
#carrinho #frete .icone { float: left; height: 42px; padding: 6px 0 0 6px; border-right: solid 2px #ccc; width: 53px; margin: 8px 20px 8px 0; }
#carrinho #frete .icone i { font-size: 38px; }
#carrinho #frete .calcule { float: left; height: 48px; width: 170px; border-right: solid 2px #ccc; margin: 8px 16px 8px 0; padding: 0 13px 0 0; font-weight: bold; font-size: 12px; line-height: 16px; }
#carrinho #frete .tipos { float: left; height: 46px; width: 105px; margin: 8px 16px 8px 0; padding: 2px 0 0 0; }
#carrinho #frete .tipos label { display: block; overflow: hidden; font-size: 16px; font-weight: bold; line-height: 22px; }
#carrinho #frete .cep { float: left; width: 210px; }
#carrinho #frete .cep label { display: block; overflow: hidden; line-height: 19px; }
#carrinho #frete .cep fieldset { display: block; overflow: hidden; height: 26px; margin: 0 0 5px 0; }
#carrinho #frete .cep fieldset input { height: 20px; padding: 2px 7px; border: solid 1px #ccc; border-radius: 3px; float: left; font-size: 16px; font-weight: bold; color: #000; }
#carrinho #frete .cep fieldset input.cep1 { width: 54px; }
#carrinho #frete .cep fieldset input.cep2 { width: 29px; }
#carrinho #frete .cep fieldset span { float: left; display: block; height: 26px; line-height: 26px; text-align: center; width: 15px; }
#carrinho #frete .cep fieldset .btn { color: #fff; padding: 0 5px; margin-left: 11px; height: 22px; line-height: 22px; font-size: 11px; }
#carrinho #frete .cep .naosei { font-weight: bold; color: #f00; text-decoration: underline; }
#carrinho #frete .resumo { float: left; height: 43px; width: 300px; border-left: solid 2px #ccc; margin: 8px 0 8px 0; padding: 5px 0 0 13px; line-height: 18px; }
#carrinho #frete .resumo .valor { color: #f00; }
#carrinho .btnset { border-top: solid 1px #ccc; margin: 15px 0 0 0; padding: 15px 0 0 0; }
#carrinho .btnset .btn { font-weight: bold; }
#carrinho .btnset .btn.left { margin-right: 15px !important; }
#carrinho .btnset .esvaziar { background-color: #f63; box-shadow: 0 0 0 1px #f63; }
#carrinho .btnset .finalizar { background-color: #0BB475; box-shadow: 0 0 0 1px #0BB475; height: 38px; line-height: 38px; font-size: 22px; }
#carrinho .btnset-topo { padding: 0 0 15px 0; border: none; margin: 0; }
#carrinho .btnset-topo .btn.left { margin-top: 13px; }


.abas-base { position: relative; padding: 35px 0 0 0; }
.abas-base .abas { position: absolute; left: 0; top: 0; }
.abas-base .abas .aba { margin: 3px 0 0 -1px; border: solid 1px #ccc; height: 31px; line-height: 31px; font-weight: bold; white-space: nowrap; font-size: 18px; color: #ccc; padding: 0 24px; text-align: center; cursor: pointer; float: left; background: #fafafa; }
.abas-base .abas .aba:first-child { margin-left: 0; }
.abas-base .abas .aba:hover { color: #999; }
.abas-base .abas .aba.ativo { margin-top: 0; border-bottom-width: 0; padding-top: 3px; padding-bottom: 1px; background: #fff; }
.abas-base .conteudos { border: solid 1px #ccc; padding: 15px 20px; background: #fff; }
.abas-base .conteudos .ativo { display: block !important; }
.abas-base .conteudos .conteudo { display: none; }


#produto { }
#produto #detalhes { padding: 0 0 15px 0; }
#produto #detalhes .coluna1 { float: left; width: 400px; }
#produto #detalhes .coluna2 { float: right; width: 545px; }
#produto #detalhes #foto-grande { width: 398px; height: 398px; border: solid 1px #f6f6f6; background: #f6f6f6; margin: 0 0 8px 0; position: relative; }
#produto #detalhes #foto-grande img { width: 398px; height: 398px; display: block; position: relative; z-index: 1; }
#produto #detalhes #foto-grande .loading { position: absolute; z-index: 2; width: 100%; text-align: center; left: 0; top: 170px; display: none; }
#produto #detalhes #foto-grande .loading i { font-size: 60px; }
#produto #detalhes #thumbnails { position: relative; height: 78px; }
#produto #detalhes #thumbnails .seta { width: 24px; height: 78px; color: #000; background: #f6f6f6; cursor: pointer; text-align: center; }
#produto #detalhes #thumbnails .seta:hover { color: #fff; }
#produto #detalhes #thumbnails .seta i { font-size: 16px; margin: 30px auto 0 auto; display: block; }
#produto #detalhes #thumbnails .seta-esq { float: left; margin: 0 8px 0 0; }
#produto #detalhes #thumbnails .seta-dir { float: right; }
#produto #detalhes #thumbnails .fotos { float: left; width: 344px; height: 78px; }
#produto #detalhes #thumbnails .fotos .set { width: 344px; height: 78px; }
#produto #detalhes #thumbnails .fotos .foto { float: left; width: 78px; height: 78px; margin: 0 8px 0 0; }
#produto #detalhes #thumbnails .fotos .foto a { display: block; overflow: hidden; width: 74px; height: 74px; border: solid 2px #f6f6f6; }
#produto #detalhes .detalhes { border-bottom: solid 1px #ccc; padding: 15px 0; }
#produto #detalhes .detalhes.sem-borda { border-bottom: 0; }
#produto #detalhes .detalhes1 { padding-top: 0; }
#produto #detalhes .detalhes .info { float: left; width: 340px; }
#produto #detalhes .detalhes .info p { font-size: 14px; line-height: 20px; color: #999; }
#produto #detalhes .detalhes .info p .codigo { color: #000; }
#produto #detalhes .detalhes .info p.ref { padding: 10px 0 0 0; font-size: 11px; line-height: 15px; color: #000; }
#produto #detalhes .detalhes .social { float: right; width: 175px; padding: 4px 0 4px 15px; border-left: solid 2px #000; }
#produto #detalhes .detalhes .social .linha { margin: 0 0 6px 0; clear: both; }
#produto #detalhes .detalhes .social .linha:last-child { margin-bottom: 0; }
#produto #detalhes .detalhes .valor { float: left; color: #000; font-size: 14px; line-height: 20px; }
#produto #detalhes .detalhes .valor p { display: block; overflow: hidden; clear: both; }
#produto #detalhes .detalhes .valor .de span { text-decoration: line-through; }
#produto #detalhes .detalhes .valor .por { font-size: 24px; font-weight: bold; line-height: 28px; }
#produto #detalhes .detalhes .valor .ou { font-weight: bold; }
#produto #detalhes .detalhes .comprar { float: right; background-color: #0BB475; height: 40px; line-height: 40px; font-weight: bold; font-size: 22px; margin: 13px 1px 0 0; }
#produto #detalhes .detalhes .comprar i { font-size: 26px; }
#produto #detalhes .detalhes .links { }
#produto #detalhes .detalhes .links a { display: block; overflow: hidden; color: #999; font-size: 14px; line-height: 20px; }
#produto #detalhes .pagamento { }
#produto #detalhes .pagamento .conteudos .conteudo .parcelas { float: left; width: 240px; font-size: 12px; line-height: 23px; }
#produto #detalhes #frete { }
#produto #detalhes #frete .linha1 { height: 48px; padding: 15px 0; }
#produto #detalhes #frete .linha1 .icone { float: left; height: 48px; width: 65px; border-right: solid 2px #ccc; margin: 0 15px 0 0; }
#produto #detalhes #frete .linha1 .icone i { display: block; font-size: 35px; margin: 8px 0 0 15px; }
#produto #detalhes #frete .linha1 .calcule { float: left; font-size: 12px; line-height: 15px; font-weight: bold; height: 15px; width: 440px; margin: 0 0 7px 0; }
#produto #detalhes #frete .linha1 .cep { float: left; width: 440px; height: 26px; }
#produto #detalhes #frete .linha1 .cep label { float: left; width: 109px; line-height: 26px; }
#produto #detalhes #frete .linha1 .cep .campos { float: left; width: 218px; }
#produto #detalhes #frete .linha1 .cep .campos .campo { padding: 2px 5px; }
#produto #detalhes #frete .linha1 .cep .campos .cep1 { width: 50px; }
#produto #detalhes #frete .linha1 .cep .campos .cep2 { width: 28px; }
#produto #detalhes #frete .linha1 .cep .campos .separador { height: 26px; line-height: 26px; }
#produto #detalhes #frete .linha1 .cep .campos .btn { float: left; height: 22px; line-height: 22px; font-size: 11px; font-weight: normal; margin-left: 15px; }
#produto #detalhes #frete .linha1 .cep .naosei { float: left; display: block; line-height: 26px; font-weight: bold; color: #f00; }
#produto #detalhes #frete .linha2 { padding: 8px 12px; background: rgba(0,0,0,0.1); }
#produto #detalhes #frete .linha2 p { float: left; display: block; overflow: hidden; line-height: 16px; font-size: 12px; }
#produto #detalhes #frete .linha2 p.valor { padding-right: 15px; margin-right: 15px; border-right: solid 2px #ccc; }
#produto #detalhes #frete .linha2 p.valor .preco { color: #f00; }

#produto #compre-junto { border-bottom: solid 2px #000; margin: 0 0 15px 0; }
#produto #compre-junto .compra { border-bottom: solid 1px #ccc; padding-bottom: 15px; margin-bottom: 15px; }
#produto #compre-junto .compra:last-child { border-bottom: 0; margin-bottom: 0; }
#produto #compre-junto .compra .produto { float: left; width: 330px; height: 140px; }
#produto #compre-junto .compra .produto .foto { float: left; width: 140px; height: 140px; }
#produto #compre-junto .compra .produto .foto img { width: 140px; height: 140px; }
#produto #compre-junto .compra .produto .sobre { float: right; width: 175px; font-size: 12px; line-height: 16px; }
#produto #compre-junto .compra .produto .sobre .nome { color: #333; margin: 0 0 15px 0; }
#produto #compre-junto .compra .produto .sobre .valor { }
#produto #compre-junto .compra .produto .sobre .valor p { display: block; overflow: hidden; }
#produto #compre-junto .compra .produto .sobre .valor .de { color: #999; }
#produto #compre-junto .compra .produto .sobre .valor .por { color: #000; font-weight: bold; }
#produto #compre-junto .compra .produto .sobre .valor .parcelas { }
#produto #compre-junto .compra .sinal { display: block; overflow: hidden; font-weight: bold; font-size: 80px; float: left; height: 140px; line-height: 140px; font-family: "Arial Black", Arial, sans-serif; }
#produto #compre-junto .compra .mais { width: 67px; }
#produto #compre-junto .compra .igual { width: 70px; }
#produto #compre-junto .compra .total { width: 160px; float: left; }
#produto #compre-junto .compra .total .tit { font-size: 16px; color: #333; line-height: 20px; margin: 0 0 10px 0; }
#produto #compre-junto .compra .total .valor { height: 60px; }
#produto #compre-junto .compra .total .valor p { display: block; overflow: hidden; }
#produto #compre-junto .compra .total .valor .de { font-size: 12px; color: #999; line-height: 16px; }
#produto #compre-junto .compra .total .valor .por { font-size: 18px; color: #999; line-height: 22px; }
#produto #compre-junto .compra .total .comprar { background-color: #0BB475; }

#produto #produto-abas { padding-bottom: 15px; }
#produto #produto-abas .caracteristicas { width: 100%; padding: 0; margin: 0; border-collapse: collapse; }
#produto #produto-abas .caracteristicas th,
#produto #produto-abas .caracteristicas td { font-size: 14px; color: #000; line-height: 19px; padding: 10px 0; border-bottom: solid 1px #ccc; vertical-align: top; }
#produto #produto-abas .caracteristicas tr:last-child th,
#produto #produto-abas .caracteristicas tr:last-child td { border-bottom: none; }
#produto #produto-abas .caracteristicas th { font-size: 12px; font-weight: bold; width: 210px; padding-right: 25px; }


#produto #similares { padding: 0 0 15px 0; }
#produto #similares .produtos .produto { float: left; width: 176px; height: 340px; font-size: 12px; line-height: 15px; margin: 0 20px 0 0; }
#produto #similares .produtos .produto .foto { width: inherit; height: 179px; margin: 0 0 12px 0; }
#produto #similares .produtos .produto .foto a { display: block; overflow: hidden; width: inherit; height: 176px; padding-bottom: 3px; }
#produto #similares .produtos .produto .foto a:hover { padding-bottom: 0; border-bottom: solid 3px #888; }
#produto #similares .produtos .produto .nome { color: #333; margin: 0 0 12px 0; }
#produto #similares .produtos .produto .preco-p { color: #999; margin: 0 0 12px 0; }
#produto #similares .produtos .produto .preco-p strong { color: #333; font-weight: bold; }
#produto #similares .produtos .produto .preco-g { font-size: 14px; line-height: 20px; color: #888; }
#produto #similares .produtos .produto .preco-g strong { font-size: 18px; font-weight: bold; }
#produto #similares .base { height: 340px; position: relative; }
#produto #similares .base .produtos { height: 340px; width: 784px; margin: 0 0 0 98px; }
#produto #similares .base .produtos .set { height: 340px; width: 784px; }
#produto #similares .base .seta { display: block; position: absolute; top: 95px; font-size: 100px; color: #d9d9d9; cursor: pointer; }
#produto #similares .base .seta-esq { left: 0; }
#produto #similares .base .seta-dir { right: 0; }




#meus-pedidos-btnset { float: right; }
#meus-pedidos-btnset .btn { background-color: #999; margin-left: 12px; float: left; font-weight: bold; }
#meus-pedidos-btnset .excluir { background-color: #f00; }

#meus-pedidos { }
#meus-pedidos .pedido-info { padding: 0 0 20px 0; }
#meus-pedidos .pedido-info p { font-size: 14px; color: #000; line-height: 20px; }
#meus-pedidos #meus-pedidos-passos { padding: 15px 0; border-top: solid 1px #ccc; }
#meus-pedidos .carrinho { }
#meus-pedidos .carrinho table td { font-weight: normal; font-size: 18px; color: #999; line-height: 35px; }
#meus-pedidos .carrinho table tr:hover td { color: #000; background-color: #f7f7f7; }
#meus-pedidos .carrinho table td.verde { color: #096 !important; }
#meus-pedidos .carrinho table td.vermelho { color: #f00 !important; }
#meus-pedidos .carrinho table td .btn { height: 22px; line-height: 22px; font-size: 11px; font-weight: normal; background-color: #262626; }



.paginacao { border-top: dotted 1px #ccc; border-bottom: solid 1px #ccc; box-shadow: inset 0 0 0 1px #fff; }
.paginacao.com-margem { margin: 0 0 15px 0; }
.paginacao .inner { height: 26px; padding: 10px 0; }
.paginacao .box { }
.paginacao .box.left { margin: 0 30px 0 0; }
.paginacao .box.right { margin: 0 0 0 30px; }
.paginacao .box label { font-weight: bold; font-size: 11px; line-height: 26px; margin: 0 13px 0 0; color: #999; float: left; }
.paginacao .box .select { float: left; height: 24px; border: solid 1px #ccc; position: relative; border-radius: 4px; background: #fff; box-shadow: inset 0 0 3px #ccc; }
.paginacao .box .select select { height: 24px; line-height: 24px; width: 100%; position: absolute; z-index: 2; left: 0; top: 0; opacity: 0; filter: alpha(opacity=0); cursor: pointer; }
.paginacao .box .select .mask { position: relative; z-index: 1; height: 24px; line-height: 24px; }
.paginacao .box .select .mask .text { height: 24px; line-height: 24px; padding: 0 0 0 8px; margin: 0 23px 0 0; font-size: 12px; font-weight: bold; color: #000; }
.paginacao .box .select .mask .seta { position: absolute; right: 0; top: 0; width: 21px; background: #f6f6f6; text-align: center; border-left: solid 1px #ccc; height: 24px; box-shadow: inset 0 0 5px #ccc; }
.paginacao .box .select .mask .seta i { color: #999; font-size: 16px; margin: 4px 0 0 0; display: block; }
.paginacao .box .select:hover { cursor: pointer; }
.paginacao .box .select:hover .mask { box-shadow: inset 0 0 2px #ccc; }
.paginacao .box .select:hover .mask i { color: #777; }
.paginacao .navcontrol { }
.paginacao .navcontrol .select { float: left; margin: 0 0 0 7px; }
.paginacao .navcontrol .navlink { height: 24px; line-height: 24px; border: solid 1px #ccc; padding: 0 9px 0 9px; background: #fff; box-shadow: inset 0 0 4px #ccc, inset 0 0 0 1px #fff; display: block; overflow: hidden; float: left; margin: 0 0 0 7px; border-radius: 4px; text-decoration: none; color: #999; }
.paginacao .navcontrol .navlink:hover { box-shadow: inset 0 0 2px #ccc; color: #777; }

.paginacao .navcontrol .navlink i { font-size: 16px; display: block; margin: 3px 0 0 0; }
.paginacao .navcontrol .navlink span.left { margin-right: 13px; }
.paginacao .navcontrol .navlink span.right { margin-left: 13px; }



.formulario { }
.formulario fieldset { clear: both; display: block; margin: 0 0 12px 0; position: relative; }
.formulario fieldset fieldset { margin-bottom: 0; }
.formulario fieldset label { display: block; overflow: hidden; font-size: 14px; font-weight: bold; color: #000; line-height: 20px; margin: 0 0 3px 0; }
.formulario fieldset label .asterisco { color: #f00; }
.formulario .campo { border: solid 1px #ccc; box-shadow: inset 2px 2px 4px #eee; background: #fff; height: 20px; line-height: 20px; padding: 5px 12px; font-size: 14px; color: #666; border-radius: 4px; }
.formulario textarea.campo { height: 100px; resize: none; }
.formulario .campos { }
.formulario .campos .campo { float: left; }
.formulario .campos .campo + .campo { margin-left: 5px; }
.formulario .campos .separador { height: 32px; line-height: 32px; float: left; padding: 0 6px; font-size: 11px; color: #999; }
.formulario .campos .select { float: left; }
.formulario .obs { margin: 0 0 0 7px; height: 32px; line-height: 32px; font-size: 11px; color: #999; }
.formulario .select { height: 30px; border: solid 1px #ccc; position: relative; border-radius: 4px; background: #fff; box-shadow: inset 2px 2px 4px #eee; }
.formulario .select select { height: 30px; line-height: 30px; width: 100%; position: absolute; z-index: 2; left: 0; top: 0; opacity: 0; filter: alpha(opacity=0); cursor: pointer; }
.formulario .select .mask { position: relative; z-index: 1; height: 30px; line-height: 30px; }
.formulario .select .mask .text { height: 30px; line-height: 30px; padding: 0 0 0 8px; margin: 0 32px 0 0; font-size: 14px; color: #666; }
.formulario .select .mask .seta { position: absolute; right: 0; top: 0; width: 30px; background: #f6f6f6; text-align: center; border-left: solid 1px #ccc; height: 30px; box-shadow: inset 0 0 5px #ccc; }
.formulario .select .mask .seta i { color: #999; font-size: 16px; margin: 8px 0 0 0; display: block; }
.formulario .select:hover .mask .seta i { color: #666; }
.formulario p.charcount { line-height: 16px; font-size: 12px; color: #000; }
.formulario fieldset.labelset { padding: 5px 0 5px 0; }
.formulario fieldset.labelset.sem-label { padding: 16px 0 17px 0; }
.formulario fieldset.labelset label { display: block; overflow: hidden; float: left; height: 22px; line-height: 22px; margin: 0 30px 0 0; font-weight: normal; }



#atendimento { overflow: visible; }
#atendimento .atendimento-menu { }
#atendimento .atendimento-menu li { float: left; width: 470px; height: 80px; margin: 0 20px 20px 0; position: relative; }
#atendimento .atendimento-menu li a { display: block; width: 470px; height: 50px; padding: 15px 0; background: #f5f5f5; text-decoration: none; color: #999; position: relative; }
#atendimento .atendimento-menu li a span { display: block; overflow: hidden; height: 50px; line-height: 50px; }
#atendimento .atendimento-menu li a .icone { float: left; width: 75px; border-right: solid 2px #dcdcdc; margin: 0 16px 0 0; text-align: center; }
#atendimento .atendimento-menu li a .icone i { font-size: 40px; margin: 4px 0 0 0; display: block; }
#atendimento .atendimento-menu li a .nome { font-size: 22px; }
#atendimento .atendimento-menu li a .nome small { float: left; font-size: 14px; margin-right: 15px; }
#atendimento .atendimento-menu li a .nome big { float: left; font-size: 26px; font-weight: bold; }
#atendimento .atendimento-menu li a:hover,
#atendimento .atendimento-menu li a.ativo { color: #fff; }
#atendimento .atendimento-menu li a:hover .icone,
#atendimento .atendimento-menu li a.ativo .icone { border-color: #00b7b7; }
#atendimento #atmenu { float: left; width: 270px; }
#atendimento #atmenu li { float: left; clear: both; width: 255px; height: 80px; margin: 0 0 15px 0; }
#atendimento #atmenu li a { width: 255px; }
#atendimento #atmenu li a .icone { width: 55px; }
#atendimento #atmenu li a .icone i { font-size: 30px; margin-top: 10px; }
#atendimento #atmenu li a .nome { font-size: 14px; font-weight: bold; }
#atendimento #atmenu li a .nome small { line-height: 16px; font-size: 11px; padding: 5px 0 0 0; margin: 0; }
#atendimento #atmenu li a .nome big { line-height: 24px; font-size: 20px; }
#atendimento #atmenu li a.ativo { width: 270px; }
#atendimento #atmenu li a.ativo .c { width: 0; height: 0; position: absolute; }
#atendimento #atmenu li a.ativo .tr { top: 0; right: 0; border-top: 40px solid #fff; border-left: 15px solid transparent !important; }
#atendimento #atmenu li a.ativo .br { bottom: 0; right: 0; border-bottom: 40px solid #fff; border-left: 15px solid transparent !important; }
#atendimento #atcontent { float: right; width: 670px; }
#atendimento #atcontent h2 { font-size: 16px; font-weight: bold; color: #000; margin: 0 0 15px 0; line-height: 20px; }
#atendimento #atcontent .intro { font-size: 16px; font-weight: normal; color: #666; margin: 0 0 25px 0; line-height: 20px; }
#atendimento #atcontent .formulario { }
#atendimento #atcontent .formulario .campo, 
#atendimento #atcontent .formulario .select select { width: 310px; }
#atendimento #atcontent .formulario textarea.campo { width: 644px; height: 220px; }

#atendimento #faq { float: right; width: 670px; margin: -15px 0 0 0; }
#atendimento #faq .perguntas { min-height: 100px; float: left; width: 200px; overflow: visible; padding: 40px 0 0 0; }
#atendimento #faq .perguntas ul { border-bottom: solid 1px #ccc; overflow: visible; padding: 0 0 15px 0; margin: 0 0 15px 0; }
#atendimento #faq .perguntas ul li { padding: 5px 0; text-align: right; font-size: 16px; overflow: visible; }
#atendimento #faq .perguntas ul li a { display: block; overflow: hidden; line-height: 20px; color: #000; text-decoration: none; }
#atendimento #faq .perguntas ul li a.ativo { font-weight: bold; border-right: solid 2px; width: 200px; padding-right: 13px; margin-right: -15px; }
#atendimento #faq .perguntas .pesquisar { position: relative; width: 200px; height: 32px; background: #ececec; box-shadow: inset 2px 2px 5px #ccc; border-radius: 4px; }
#atendimento #faq .perguntas .pesquisar .q { width: 150px; height: 20px; padding: 6px 0 6px 14px; background: transparent; font-size: 14px; color: #000; }
#atendimento #faq .perguntas .pesquisar .q.label { color: #666; }
#atendimento #faq .perguntas .pesquisar i { position: absolute; color: #000; font-size: 16px; right: 10px; top: 8px; }
#atendimento #faq .respostas { min-height: 100px; float: right; width: 424px; padding: 44px 15px 20px 15px; border-left: solid 1px #ccc; background: #f5f5f5; }
#atendimento #faq .respostas .resposta { border-bottom: solid 1px #ccc; margin: 0 0 10px 0; padding: 0 0 10px 0; }
#atendimento #faq .respostas .resposta:last-child { border-bottom: none; }
#atendimento #faq .respostas .resposta h3 { font-weight: bold; font-size: 16px; color: #000; line-height: 20px; cursor: pointer; }
#atendimento #faq .respostas .resposta h3 .seta-aberto { display: none; }
#atendimento #faq .respostas .resposta.aberta h3 .seta-aberto { display: inline-block; }
#atendimento #faq .respostas .resposta.aberta h3 .seta-fechado { display: none; }
#atendimento #faq .respostas .resposta h3 i { margin-right: 8px; font-size: 13px; }
#atendimento #faq .respostas .resposta .hidden { padding: 10px 0 10px 30px; display: none; }
#atendimento #faq .respostas .resposta p { padding: 0 0 10px 0; font-size: 16px; color: #666; line-height: 20px; }
#atendimento #faq .respostas .resposta .fechar { display: block; overflow: hidden; width: 100px; font-size: 11px; line-height: 15px; color: #f00; text-decoration: underline; cursor: pointer; }





#footer-contatos { clear: both; background: #f8f8f8; margin: 0 0 20px 0; }
#footer-contatos .inner { height: 40px; }
#footer-contatos .contato { float: left; height: 40px; line-height: 40px; font-size: 14px; color: #7f7f7f; margin: 0 25px 0 0; }
#footer-contatos .contato strong { font-weight: bold; color: #000; }
#footer-contatos .contato i { font-size: 25px; float: left; margin: 7px 0 0 0; color: #888; }
#footer-contatos .contato span { float: left; padding: 0 0 0 10px; }
#footer-contatos .newsletter { float: right; margin: 5px 0 0 0; height: 20px; padding: 5px 0; width: 320px; background: #f0f0f0; box-shadow: inset 3px 3px 6px #ddd; border-radius: 3px; }
#footer-contatos .newsletter label { float: left; width: 108px; display: block; overflow: hidden; padding: 0 0 0 12px; border-right: solid 2px #dfdfdf; height: 20px; line-height: 20px; color: #888; font-size: 11px; font-weight: bold; }
#footer-contatos .newsletter .email { float: left; width: 148px; height: 20px; line-height: 20px; padding: 0 0 0 10px; border: none; border-right: solid 2px #dfdfdf; font-size: 11px; color: #444; background: transparent; }
#footer-contatos .newsletter .email.label { color: #7f7f7f; }
#footer-contatos .newsletter .s { height: 20px; line-height: 20px; padding: 0; text-align: center; width: 37px; float: left; cursor: pointer; font-size: 14px; font-weight: bold; color: #000; }


#footer { clear: both; background: #f8f8f8; margin: 0 0 20px 0; padding: 20px 0; }
#footer .inner { }
#footer .boxmenu { padding: 6px 0 0 16px; width: 215px; float: left; }
#footer .boxmenu:first-child { border-right: solid 1px #e5e5e5; }
#footer .boxmenu h5 { color: #888; font-size: 14px; font-weight: bold; line-height: 20px; padding: 0 0 3px 0; }
#footer .boxmenu ul { }
#footer .boxmenu ul li { font-size: 12px; line-height: 22px; }
#footer .boxmenu ul li a { color: #000; text-decoration: none; }
#footer .boxmenu ul li a i { color: #bbb; }
#footer .social { float: right; width: 490px; position: relative; padding: 45px 0 0 0; }
#footer .social .facebook { background: #fff; border: solid 1px #dcdcdc; border-radius: 6px; border-top-left-radius: 0; position: relative; z-index: 1; }
#footer .social .header { position: absolute; height: 46px; left: 0; top: 0; width: 100%; z-index: 2; }
#footer .social .header .fb-aba { float: left; border: solid 1px #dcdcdc; border-bottom: none; border-top-left-radius: 6px; border-top-right-radius: 6px; background: #fff; height: 45px; text-align: center; padding: 0 12px; }
#footer .social .header .social-btn { float: left; padding: 14px 0 0 13px; }

#footer .boxmenu ul li.tel{color:#FFF; font-size:18px; background:url(../../img/design/ico-tel.png) no-repeat left; padding-left:35px;}
#footer .boxmenu ul li.mail{color:#FFF; font-size:12px; background:url(../../img/design/ico-mail.png) no-repeat left; padding-left:35px; margin-top:5px;}
#footer .boxmenu a.face{width:32px; height:32px; background:url(../../img/design/face.png) no-repeat; float:left; margin-right:7px;}
#footer .boxmenu a.insta{width:32px; height:32px; background:url(../../img/design/insta.png) no-repeat; float:left;}

#footer-pagamento { clear: both; background: #f8f8f8; padding: 20px 0; }
#footer-pagamento .inner { }
#footer-pagamento h4 { font-size: 16px; font-weight: bold; color: #888; line-height: 20px; padding: 0 0 10px 0; border-bottom: solid 1px #e5e5e5; margin: 0 0 16px 0; display: block; overflow: hidden; }
#footer-pagamento .blocos { clear: both; }
#footer-pagamento .bloco { float: left; margin: 0 35px 0 0; }
#footer-pagamento .bloco h5 { font-size: 11px; color: #7f7f7f; line-height: 16px; margin: 0 0 6px 0; }
#footer-pagamento .bloco ul { display: block; overflow: hidden; }
#footer-pagamento .bloco ul li { float: left; margin: 0 5px 0 0; }
#footer-pagamento .bloco ul li:last-child { margin-right: 0; }


#footer-final { clear: both; height: 30px; }
#footer-final .inner { }
#footer-final p { line-height: 30px; white-space: nowrap; font-size: 11px; color: #999; }
#footer-final p a { color: #999; }
#footer-final p span { color: #000; }
#footer-final .copy { float: left; }
#footer-final .assinatura { float: right; }


.carrinho_vazio{
	width:858px; padding:50px;
	border:1px solid #CCCCCC;	
}

.carrinho_vazio font{
	font-size:34px;
	color: #888;	
	line-height:38px;
	letter-spacing:-1px;
}

.carrinho_vazio p{
	font-size:16px;
	color:#666;	
	margin-top:15px;
	line-height:22px;
	margin-bottom:15px;
}

.carrinho_vazio p i{
	color:#888;	
	
}

.caixa_erros, .caixa_acerto{
	width:862px; padding:15px 20px;
	border:1px solid #CCCCCC;
	font-size:14px;
	color:#f00;
	float:left;
	background:#FFFFC6;
	display:none;
	line-height:20px;
	margin-bottom:35px;
}

.caixa_acerto{
	color:#0066ff;	
}

.caixa_erros h3{
	font-size:16px;
	color:#333;	
}


#load_produtos{
	float:left;
	width:100%;	
	margin-top:50px;	
	margin-bottom:35px;
}

#load_produtos p{
	text-align:center;
	font-size:12px;
	color:#333;	
}

#load_produtos p .bt_load{
	margin-left:15px;	
}



/*MATERIAS*/

#mp_listagem_materias{
	width:100%;
	height:auto;
	float:left;
	margin:0;
	padding-bottom:30px;
	border-bottom:#DD6000 3px solid;
	overflow:visible !important;}

#mp_listagem_materias a{
	width:100%;
	height:auto;
	float:left;
	margin:30px 0 0 0;
	overflow:visible !important;}

#mp_listagem_materias a.semImg{}

#mp_listagem_materias a img{
	width:180px;
	height:90px;
	float:left;
	margin:0;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	border:#FFF 2px solid;
	box-shadow:0px 0px 10px 5px rgba(0,0,0,0.1);}

#mp_listagem_materias a:hover img{border-color:#DD6000;}

#mp_listagem_materias a.semImg img{display:none;}

#mp_listagem_materias a span{
	width:760px;
	height:auto;
	float:right;
	margin:0;}

#mp_listagem_materias a.semImg span{width:100%;}

#mp_listagem_materias a i{
	width:100%;
	height:12px;
	float:left;
	margin:0;
	padding:0;
	font-size:12px;
	line-height:12px;
	color:#DD6000;
	text-align:left;
	font-weight:700;
	font-style:normal;}

#mp_listagem_materias a h2{
	width:100%;
	height:auto;
	float:left;
	margin:5px 0 0 0;
	padding:0;
	font-size:22px;
	color:#21407C;
	line-height:22px;
	text-align:left;
	font-weight:400;}

#mp_listagem_materias a:hover h2{color:#DD6000;}

#mp_listagem_materias a p{
	width:100%;
	height:auto;
	float:left;
	margin:5px 0 0 0;
	padding:0;
	font-size:14px;
	color:#333;
	line-height:22px;
	text-align:left;}

#mp_listagem_materias ins{
	width:100%;
	height:1px;
	float:left;
	margin:30px 0 0 0;
	background:#E0E0E0;}

#mp_top_materia{
	width:100%;
	height:11px;
	float:left;
	margin:0;
	padding:20px 0;
	border-bottom:#E0E0E0 1px solid;}

#mp_top_materia a{
	width:auto;
	height:11px;
	float:left;
	margin:0;
	padding:0 0 0 15px;
	font-size:14px;
	line-height:11px;
	text-align:left;
	color:#000;
	background:url(../../img/design/materias/lk_seta_ver.png) left top no-repeat;}

#mp_top_materia a:hover{background-position:left bottom; color:#dd6000; text-decoration:none;}

#mp_left_materia{
	width:700px;
	height:auto;
	float:left;
	margin:0;
	padding-right:20px;
	border-right:#eee 3px solid;}

#mp_dt_materia{
	width:100%;
	height:12px;
	float:left;
	margin:30px 0 0 0;
	padding:0;
	font-size:12px;
	color:#dd6000;
	line-height:12px;
	text-align:left;
	font-style:italic;}

#mp_tit_materia{
	width:100%;
	height:auto;
	float:left;
	margin:10px 0 0 0;
	padding:0;
	font-size:42px;
	color:#203F7B;
	line-height:42px;
	text-align:left;
	font-weight:700;}

#mp_sub_tit_materia{
	width:100%;
	height:auto;
	float:left;
	margin:10px 0 0 0;
	padding:0;
	font-size:16px;
	color:#333;
	line-height:22px;
	text-align:left;
	font-weight:300;}

#mp_redes_sociais_materia{
	width:100%;
	height:auto;
	float:left;
	margin:22px 0 0 0;
	padding:10px 0;
	border-top:#ddd 1px solid;
	border-bottom:#ddd 1px solid;}

#mp_redes_sociais_materia a{
	width:34px;
	height:34px;
	float:left;
	margin:0 5px 0 0;
	cursor:pointer;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;}

#mp_redes_sociais_materia a:hover{opacity:0.7;}

#mp_redes_sociais_materia a.mp_lk_face{width:110px; background:url(../../img/design/materias/lk_face.png) center no-repeat #325C99;}
#mp_redes_sociais_materia a.mp_lk_twitter{background:url(../../img/design/materias/lk_twitter.png) center no-repeat #02ACEC;}
#mp_redes_sociais_materia a.mp_lk_plus{background:url(../../img/design/materias/lk_plus.png) center no-repeat #DD4B39;}
#mp_redes_sociais_materia a.mp_lk_pinterest{background:url(../../img/design/materias/lk_pinterest.png) center no-repeat #CB2027;}
	
#mp_left_materia img{
	width:100%;
	height:auto;
	float:left;
	margin:20px 0 0 0;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;}

#mp_left_materia p{
	width:100%;
	height:auto;
	float:left;
	margin:20px 0 0 0;
	padding:0;
	font-size:16px;
	color:#333;
	line-height:22px;
	text-align:left;
	font-weight:300;}

#slider_materia{
	width:100%;
	height:350px;
	float:left;
	margin:20px 0 0 0;
	-webkit-border-radius:5px 5px 0px 0px;
	-moz-border-radius:5px 5px 0px 0px;
	border-radius:5px 5px 0px 0px;}	
		
#slider_materia a{
	width:100%;
	height:350px;
	float:left;
	margin:0;
	cursor:pointer;
	-webkit-border-radius:5px 5px 0px 0px;
	-moz-border-radius:5px 5px 0px 0px;
	border-radius:5px 5px 0px 0px;}

#slider_materia a img{
	width:100%;
	height:350px;
	float:left;
	margin:0;
	-webkit-border-radius:5px 5px 0px 0px;
	-moz-border-radius:5px 5px 0px 0px;
	border-radius:5px 5px 0px 0px;}

#prev_n{
	width:50px;
	height:40px;
	float:left;
	margin:-195px 0 0 15px;
	position:relative;
	z-index:500;
	background:url(../../img/design/materias/prev_n.png) top no-repeat;
	cursor:pointer;}

#next_n{
	width:50px;
	height:40px;
	float:right;
	margin:-195px 15px 0 0;
	position:relative;
	z-index:500;
	background:url(../../img/design/materias/next_n.png) top no-repeat;
	cursor:pointer;}	

#prev_n:hover , #next_n:hover{background-position:bottom;}

#bt_ampliar{
	width:110px;
	height:32px;
	float:right;
	margin:-332px 15px 0 0;
	background:url(../../img/design/materias/bt_ampliar.png) top no-repeat;
	cursor:pointer;
	position:relative;
	z-index:500;}

#bt_ampliar:hover{background-position:bottom;}

#descricao_slider_materia{
	width:660px;
	height:auto;
	float:left;
	margin:0;
	padding:20px;
	font-size:18px;
	color:#FFF;
	line-height:22px;
	font-weight:500;
	text-align:left;
	background:#dd6000;
	-webkit-border-radius:0px 0px 5px 5px;
	-moz-border-radius:0px 0px 5px 5px;
	border-radius:0px 0px 5px 5px;}	

#posicao_foto{
	width:80px;
	height:32px;
	float:left;
	margin:-47px 0 0 15px;
	padding:0;
	font-size:12px;
	color:#FFF;
	line-height:32px;
	text-align:center;
	background:rgba(0,0,0,0.8);
	position:relative;
	z-index:500;}

#mp_lt{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	margin:0;
	z-index:3000;
	background:rgba(0,0,0,0.92);}

#mp_lt_int{
	width:100%;
	height:700px;
	position:fixed;
	top:50%;
	left:0;
	margin:-350px 0 0 0;
	z-index:3030;}

#mp_top_lt{
	width:100%;
	height:36px;
	float:left;
	margin:0;
	background:#000;}

#mp_lt_posicao_foto{
	width:auto;
	height:36px;
	float:left;
	margin:0;
	padding:0;
	font-size:11px;
	color:#FFF;
	line-height:36px;}			

#mp_bt_close{
	width:15px;
	height:15px;
	float:right;
	margin:10px 0 0 0;
	background:url(../../img/design/materias/bt_close.png) no-repeat;
	cursor:pointer;}

#mp_bt_close:hover{opacity:0.7;}

#mp_area_slider_lt{
	width:100%;
	height:545px;
	float:left;
	margin:20px 0 0 0;
	overflow:visible !important;}

#mp_slider_lt{
	width:960px;
	height:545px;
	float:left;
	margin:0;}

#mp_slider_lt li{
	width:100%;
	height:545px;
	float:left;
	margin:0;}

#mp_slider_lt li img{
	width:auto;
	max-width:960px;
	height:545px;
	display:table;
	margin:0 auto;}		

#prev_lt{
	width:50px;
	height:40px;
	float:left;
	margin:250px 0 0 -150px;
	position:relative;
	z-index:500;
	background:url(../../img/design/materias/prev_n.png) top no-repeat;
	cursor:pointer;}

#next_lt{
	width:50px;
	height:40px;
	float:right;
	margin:250px -150px 0 0;
	position:relative;
	z-index:500;
	background:url(../../img/design/materias/next_n.png) top no-repeat;
	cursor:pointer;}	

#prev_lt:hover , #next_lt:hover{background-position:bottom;}

#mp_area_slider_min{
	width:100%;
	height:80px;
	float:left;
	margin:20px 0 0 0;
	background:#000;
	overflow:visible !important;}	

#prev_lt_min{
	width:10px;
	height:20px;
	float:left;
	margin:30px 0 0 0;
	position:relative;
	z-index:500;
	background:url(../../img/design/materias/prev_lt_min.png) top no-repeat;
	cursor:pointer;}

#next_lt_min{
	width:10px;
	height:20px;
	float:right;
	margin:30px 0 0 0;
	position:relative;
	z-index:500;
	background:url(../../img/design/materias/next_lt_min.png) top no-repeat;
	cursor:pointer;}	

#prev_lt_min:hover , #next_lt_min:hover{background-position:bottom;}

#mp_slider_min{
	width:890px;
	height:76px;
	float:left;
	margin:2px 0 0 25px;
	overflow:visible !important;}

#mp_slider_min li{
	width:900px;
	height:76px;
	float:left;
	margin:0;
	overflow:visible !important;}

#mp_slider_min li a{
	width:80px;
	height:60px;
	float:left;
	margin:8px 10px 0 0;
	cursor:pointer;}

#mp_slider_min li a span{
	width:80px;
	height:60px;
	float:left;
	margin:-8px 0 0 -8px;
	padding:5px;
	border:transparent 3px solid;}

#mp_slider_min li a:hover span , #mp_slider_min li a.ativo span{border-color:#fff;}

#mp_slider_min li a span img{
	width:auto;
	max-width:80px;
	height:60px;
	display:table;
	margin:0 auto;}
	

#mp_slider_lt li{
	width:100%;
	height:545px;
	float:left;
	margin:0;
	list-style:none !important;}

#mp_slider_lt li img{
	width:auto;
	max-width:960px;
	height:545px;
	display:table;
	margin:0 auto;
	float:none !important;}

#mp_slider_min li{
	width:900px;
	height:76px;
	float:left;
	margin:0;
	overflow:visible !important;
	list-style:none !important;}

#mp_slider_min li a span img{
	width:auto;
	max-width:80px;
	height:60px;
	display:table;
	margin:0 auto;
	float:none !important;}	


#mp_right_materia{
	width:217px;
	height:auto;
	float:right;
	margin:0;
	padding:30px 0 0 15px;
	}

#mp_right_materia h5{
	width:100%;
	height:auto;
	float:left;
	margin:0;
	padding:0;
	font-size:22px;
	line-height:22px;
	font-weight:700;
	color:#000;
	text-align:left;
	text-transform:uppercase;}

#mp_right_materia ul{
	width:100%;
	height:auto;
	float:left;
	margin:20px 0 0 0;
	padding:0 0 20px 0;
	border-top:#E0E0E0 1px solid;
	border-bottom:#DD6000 3px solid;}		

#mp_right_materia ul li{
	width:100%;
	height:auto;
	float:left;
	margin:20px 0 0 0;
	list-style:none !important;}

#mp_right_materia ul li a{
	width:100%;
	height:auto;
	float:left;
	margin:0;
	cursor:pointer;}

#mp_right_materia ul li a span{
	width:100%;
	height:auto;
	float:left;
	margin:0;
	padding:0;
	font-size:12px;
	color:#DD6000;
	line-height:12px;
	font-weight:700;
	text-align:left;}

#mp_right_materia ul li a h2{
	width:100%;
	height:auto;
	float:left;
	margin:0;
	padding:0;
	font-size:16px;
	color:#21407C;
	line-height:20px;
	text-align:left;
	font-weight:400;}

#mp_right_materia ul li a:hover h2{color:#DD6000;}

#mp_right_materia ul i{
	width:100%;
	height:1px;
	float:left;
	margin:20px 0 0 0;
	background:#E0E0E0;}	

/*END MATERIAS*/

#menu-left-new{
	width: 100%;
	max-width: 275px;
	height: auto;
	float: left;
	margin: 30px 0 30px 0;
	border: #ddd 1px solid;
}

.box-menu-left{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	border-bottom: #ddd 1px solid;
}

#menu-left-new .box-menu-left:last-child{
	border: none;
}

.top-box{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 20px;
	cursor: pointer;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.top-box h4{
	width: -webkit-calc(100% - 22px);
	width: -moz-calc(100% - 22px);
	width: calc(100% - 22px);
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	font-size: 18px;
	line-height: 18px;
	color: #333;
	font-weight: 400;
	text-align: left;
	text-transform:uppercase;
}

.top-box i{
	width: 12px;
	height: auto;
	float: right;
	margin: 4px 0 0 0;
	padding: 0;
}

.box-menu-left-open .top-box i{
	-webkit-transform: rotateX(180deg) translateY(3px);
	-ms-transform: rotateX(180deg) translateY(3px);
	-o-transform: rotateX(180deg) translateY(3px);
	transform: rotateX(180deg) translateY(3px);
}

.container-box-menu-left{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: none;
}

.box-menu-left-open .container-box-menu-left{
	display: block;
}

.content-box-menu-left{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	padding: 0 20px 20px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.combo{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
}

.combo small{
	width: 100%;
	height: auto;
	float: left;
	margin: 15px 0 0 0;
	font-size: 12px;
	line-height: 12px;
	color: #727270;
	padding: 0 20px;
	position: absolute;
	z-index: 500;
	cursor: pointer;
}

.combo h3{
	width: 100%;
	height: 66px;
	float: left;
	margin: 0;
	padding: 0 20px;
	color: #4C4C4B;
	font-size: 18px;
	line-height: 86px;
	background: none;
	cursor: pointer;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.combobox{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	z-index: 20;
	
}

.combobox ::-webkit-scrollbar {
	width:3px
}
.combobox ::-webkit-scrollbar-track {
	background-color:#FFF;
	border-radius:0
}
.combobox ::-webkit-scrollbar-thumb {
	border-radius:0;
	background-color:#BBB
}

.combobox input[type="text"]{
	width: 100%;
	height: 32px;
	float: left;
	margin: 0;
	padding: 0 32px 0 15px;
	border: #BBB 1px solid;
	background: none;
	background-position: 15px 32px;
	font-size: 14px;
	line-height: 30px;
	color: #333;
	outline: none;
	position: relative;
	z-index: 10;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.combobox ::-webkit-input-placeholder {
	color: #333;
}
 
.combobox :-ms-input-placeholder {
	color: #333;
}
 
.combobox ::-moz-placeholder {
	color: #333;
}
 
.combobox :-moz-placeholder {
	color: #333;
}

.combobox i.search{
	width: 16px;
	height: 16px;
	float: right;
	margin: -24px 7px 0 0;
}

.combobox i.search svg{
	width: 16px;
	height: 16px;
	float: left;
	margin: 0;
}

.combobox i.search path{
	fill: #333;
}

.scroll-combobox{
	width: 100%;
	max-height: 240px;
	float: left;
	margin: 20px 0 0 0;
	padding: 0;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-touch-action: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none
}

.scroll-combobox ul{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0 10px 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.scroll-combobox ul li{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 5px 0;
	font-size: 14px;
	line-height: 14px;
	text-align: left;
	cursor: pointer;
	list-style: none;
}

.scroll-combobox ul li:hover,
.scroll-combobox ul li.ativo{
	color: #f00;
}

.scroll-combobox ul li.ativo ins{
	opacity: 1;
}

.scroll-combobox ul li ins{
	width: 12px;
	height: 12px;
	float: left;
	margin: 0 10px 0 0;
	padding: 1px;
	border: #333 1px solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	-ms-border-radius: 1px;
	-o-border-radius: 1px;
	border-radius: 1px;
}

.scroll-combobox ul li ins i{
	width: 100%;
	height: 100%;
	float: left;
	margin: 0;
	background: #333;
	opacity: 0;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	-ms-border-radius: 1px;
	-o-border-radius: 1px;
	border-radius: 1px;
}

.scroll-combobox ul li.ativo ins i{
	opacity: 1;
}

.filtro_combo{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
}

.filtro_combo span{
	width: 100%;
	height: auto;
	float: left;
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 14px;
	line-height: 14px;
	cursor: default;
}

.filtro_combo span:last-child{
	margin: 0 0 20px 0;
}

.filtro_combo span i{
	width: 14px;
	height: 14px;
	float: right;
	margin: 0;
	cursor: pointer;
}

.filtro_combo span i svg{
	width: 100%;
	height: 100%;
	float: left;
	margin: 0;
	padding: 0;
}

.filtro_combo span i path{
	fill: #ddd;
}

.filtro_combo span i:hover path{
	fill: #f00;
}

#filtro-preco input[type="text"]{
	width: -webkit-calc((100% / 2) - 2.5px);
	width: -moz-calc((100% / 2) - 2.5px);
	width: calc((100% / 2) - 2.5px);
	height: 32px;
	float: left;
	margin: 0;
	padding: 0 10px;
	font-size: 14px;
	line-height: 34px;
	color: #333;
	text-align: left;
	border: #BBB 1px solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#filtro-preco input[type="text"]:nth-child(2){
	float: right;
}

#area-slider-preco{
	width: 100%;
	height: auto;
	float: left;
	margin: 20px 0 0 0;
	padding: 0;
	overflow:visible;
}

#slider-preco{
	height: 4px;
	background: #AAA;
	border: none;
	overflow:visible;
}

#slider-preco .ui-widget-header{
	background: #333;
	border: none;
}

#slider-preco span{
	width: 14px;
	height: 14px;
	background: #FFF;
	border: #333 2px solid;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
	cursor: pointer;
}

#slider-preco span:hover{
	background: #eee;
}

#filtro-preco input[type="button"]{
	width: 100%;
	height: 32px;
	float: left;
	margin: 20px 0 0 0;
	padding: 0;
	font-size: 12px;
	font-weight: 700;
	line-height: 32px;
	color: #FFF;
	text-align: center;
	cursor: pointer;
	background: #333;
	outline: none;
	border: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}

.close-cp-busca .scroll-combobox{
margin-top: 0;
}



.cor-ovr:hover, a:hover .cor-ovr { color: #333 !important; }
.bg { background-color: #159994 !important; }
.bg-ovr:hover, a:hover .bg-ovr { background-color: #159994 !important; }
.brd { border-color: #111 !important; }
.brd-ovr:hover, a:hover .brd-ovr { border-color: #159994 !important; }
.bg2 { background-color: #efefef !important; }
.bg3 { background-color: #efefef !important; }

#menu .menu > li > a:hover,
#menu .menu > li:hover > a { background-color: #159994 !important; }

body {font-family: 'Montserrat', sans-serif; font-weight:400; overflow-y: scroll; overflow-x: hidden;}
input,textarea{font-family: 'Montserrat', sans-serif; font-weight: 400;}

.font{
	font-family: 'Allura', cursive; font-weight: 400;
}

.font2{
	font-family: 'Great Vibes', cursive; font-weight: 400;
}

#wrapper, #wrapper_internas{padding: 0; background: none;}
titulo
.outer {min-width: 1160px; }

.inner {
	width: 100%; 
	max-width: 1190px;
	text-align: left;
	margin: 0 auto; 
	clear: both; 
	padding: 0 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#menu-scroll{
	display: none;
}

#topScroll {
	width: 100%;
	height: 72px; 
	float: left; 
	margin: -72px 0 0 0; 
	position: fixed; 
	top: 0; 
	left: 0; 
	z-index: 1200; 
	background: #FFF;
}

#topScroll.abrindo{
	-webkit-transform: translateY(72px);
	-ms-transform: translateY(72px);
	-o-transform: translateY(72px);
	transform: translateY(72px);
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
	-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
	box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
}

#topScroll a#logo-scroll{
	width: auto;
	height: auto;
	float: left;
	margin: 15px 0 0 0;
	padding: 0;
}

#topScroll a#logo-scroll:hover{
	opacity: .7;
}

#topScroll a#logo-scroll img{
	width: auto;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	border: none;
}

#topScroll #msbusca {
	width: -webkit-calc(100% - 520px);
	width: -moz-calc(100% - 520px);
	width: calc(100% - 520px);
	float: left;
	margin: 15px 0 0 20px;
	height: 42px;
	background: #FFF;
	position: relative;
	border: #a1a1a1 1px solid;
	-webkit-border-radius: 21px;
	-moz-border-radius: 21px;
	-ms-border-radius: 21px;
	-o-border-radius: 21px;
	border-radius: 21px;
}

#topScroll #msbusca .q {
	width: 100%;
	height: 40px;
	float: left;
	margin: 0;
	padding: 0 20px;
	color: #333;
	border: none;
	background: none;
	font-size: 14px;
	line-height: 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#topScroll #msbusca ::-webkit-input-placeholder {
	color: #333;
}

#topScroll #msbusca :-moz-placeholder {
	color: #333;
}

#topScroll #msbusca ::-moz-placeholder {
	color: #333;
}

#topScroll #msbusca i {
	width: 40px;
	height: 40px;
	float: right;
	margin: -40px 5px 0 0;
	position: relative;
	cursor: pointer;
	z-index: 50;
	background: url(../../estilos/estilo_imgs/202/lupa.png) center no-repeat;
}

#topScroll #msbusca i:hover{
	opacity:0.7;
}

#topScroll #msbusca .s {
	width: 1px;
	height: 1px;
	background: transparent;
	padding: 0; 
	border: none;
	position: absolute;
	bottom: -10px;
	right: -10px;
	opacity: 0;
}

#topScroll a#lk-carrinho-scroll{
	width: auto;
	height: 22px;
	float: right;
	margin: 25px 0 0 0;
	padding: 0 0 0 34px;
	background: url(../../estilos/estilo_imgs/202/car.png) left center no-repeat;
	font-size: 16px;
	line-height: 25px;
	color: #333;
	font-weight: 300;
	text-decoration: none;
}

#topScroll a#lk-carrinho-scroll strong{
	font-weight: 700;
}

#topScroll a#lk-carrinho-scroll:hover{
	opacity: .7;
}

a, .amc, path, polygon,  input[type="submit"], input[type="button"] {
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	-webkit-tap-highlight-color: transparent;
}

.center{
	width:1160px;
	height:auto;
	display:table;
	margin:0 auto;
	overflow:visible !important;}

.ctr{
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	-ms-align-items: center;
	-webkit-align-items: center;
	align-items: center;
	-ms-justify-content: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.fluid{
	max-width: 1190px;
	height: auto;
	margin: 0 auto;
	float: none;
	padding: 0 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: visible!important;
}

#topao{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
position: relative;
z-index: 200;
background: #ccc;
}

#topao-int{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 7px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#topao-int ul{
	width: auto;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
}

#topao-int ul li{
	width: auto;
	height: 20px;
	float: left;
	margin: 0;
	padding: 0 15px;
	list-style: none;
	border-left: #FFF 1px solid;
}

#topao-int ul li:last-child{
	border-right: #FFF 1px solid;
}

#topao-int ul li a{
	width: auto;
	height: auto;
	float: left;
	margin: 0;
	padding: 0 0 0 20px;
	font-size: 10px;
	line-height: 20px;
	color: #FFF;
	text-transform: uppercase;
}

#topao-int ul li a.cadastro{
padding-left: 26px;
	background: url(../../estilos/estilo_imgs/202/cadastro.png) left center no-repeat;
}

#topao-int ul li a.flor{
	background: url(../../estilos/estilo_imgs/202/flor.png) left center no-repeat;
}

#topao-int ul li a.cabide{
	background: url(../../estilos/estilo_imgs/202/cabide.png) left center no-repeat;
}

#topao-int ul li a.fone{
	background: url(../../estilos/estilo_imgs/202/fone.png) left center no-repeat;
}

#topao-int ul li a.cadeado{
	background: url(../../estilos/estilo_imgs/202/cadeado.png) left center no-repeat;
}

#topao-int ul li a:hover{
	/*color: #8b8989;*/
}

#top {
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 22px 0;
	overflow: visible;
	z-index: 1010;
	background: #FFF;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#busca{
	width: -webkit-calc(100% - 300px);
	width: -moz-calc(100% - 300px);
	width: calc(100% - 300px);
	height: 32px;
	float: left;
	margin: 0;
	border: #a1a1a1 1px solid;
	background: url(../../estilos/estilo_imgs/202/lupa.png) no-repeat;
	background-position: 10px 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	-ms-border-radius: 16px;
	-o-border-radius: 16px;
	border-radius: 16px;
}

#busca input[type="text"]{
	width: 100%;
	height: 30px;
	float: left;
	margin: 0;
	padding: 0 20px 0 32px; 
	font-size: 12px;
	font-weight: 400 !important; 
	line-height: 38px !important;
	background: none;
	text-align: left;
	color: #8f8f8f !important;
	border: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

#busca i{
	width: 45px;
	height: 28px;
	float: right;
	margin: -33px 5px 0 0;
	padding: 0;
	cursor: pointer;
	background: url(../../estilos/estilo_imgs/202/lupa.png) center no-repeat #00205c;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	display: none;
}

#busca i:hover{
	background-color: #000;
}

#busca .s{width: 1px; height: 1px; background: transparent; padding: 0; border: none; position: absolute; bottom: -10px; right: -10px; opacity: 0; }

#busca ::-webkit-input-placeholder {color: #8f8f8f; font-size: 10px;}
#busca :-moz-placeholder {color: #8f8f8f; font-size: 10px;}
#busca ::-moz-placeholder {color: #8f8f8f; font-size: 10px;}

#right-top{
	width: -webkit-calc(100% - 370px);
	width: -moz-calc(100% - 370px);
	width: calc(100% - 370px);
	height: auto;
	float: right;
	margin: 15px 0 0 0;
	padding: 0;
overflow: visible;
}

#top-ola {
	width: auto;
	height: auto;
	float: right;
	margin: 0;
	padding: 0;
	font-size: 10px;
	line-height: 32px;
	text-align: left;
	color: #8f8f8f;
	text-transform: uppercase;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	letter-spacing: 2px;
}

#top-ola a{
	color: #8f8f8f;
}

#top-ola a:hover{
	color: #159994;
}

#top-ola a.logout{
	font-size: 11px;
	line-height: 11px;
	margin: -5px 0 0 0;
}

a#meucarrinho{ 
	width: auto;
	height: 32px;
	float: right;
	margin: 0 0 0 20px;
	padding: 0 0 0 35px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	background: url(../../estilos/estilo_imgs/202/car.png) left center no-repeat;
}

a#meucarrinho span{
	width: 28px;
	height: 28px;
	float: left;
	margin: 0;
	font-size: 13px;
	line-height: 28px;
	color: #FFF;
	background: #159994;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}

a#meucarrinho:hover span{
	background: #a1a1a1;
}

a#logo{
	width: 313px;
	height: 130px;
	float: left;
	margin: 0;
}

a#logo{
	opacity: .7;
}

#top-menu{width:auto; height:auto; float:right; margin: 18px 0 0 0; padding: 0; position: relative; z-index: 100;}
#top-menu li{width:auto; height:auto; float:left; margin: 0; padding:0; list-style: none;}
#top-menu li a {width:auto; height: auto; float:left; margin: 0; padding:0; font-size:11px; color:#cecece; line-height: 11px; text-decoration: none; text-transform: uppercase; font-weight: 300;}
#top-menu li a:hover,
#top-menu li a.ativo{opacity: .7;}
#top-menu span{
	width: 1px;
	height: 11px;
	float: left;
	margin: 0 15px;
	background: #cecece;
	opacity: .6;
}

#header-menu {
	overflow: visible;
}

#header {
	width: 100%; 
	height: 0; 
	float: left; 
	margin: 0;
	padding: 0;
	overflow: visible; 
	z-index: 1100; 
	position: relative;
}

#categorias{
	width: 100%;
	height: 40px;
	float: left;
	margin: 30px 0 0 0;
	overflow: visible !important;
	position: relative;
	background: url(../../estilos/estilo_imgs/202/bg_menu.png) bottom center no-repeat;
}

#categorias > ul{
	width: auto;
	height: 40px;
	float: left;
	margin: 0;
	padding: 0;
	overflow: visible !important;
}

#categorias > ul > li{
	width: auto;
	height: 40px;
	float: left;
	margin: 0 50px 0 0;
	padding: 0;
	overflow: visible !important;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	list-style: none;
	z-index: 1;
}

#categorias > ul > li:hover{
	height: 48px;
}

#categorias > ul > li > a{
	width: auto;
	height: 40px;
	float: left;
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 40px;
	color: #484848;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-decoration: none;
	position: relative;
	text-transform: uppercase;
	font-weight: 500;
}

#categorias > ul > li:hover > a{
	color: #37a6a2;
}

#categorias > ul > li > a > i,
#categorias > ul > li > a > i svg{
	width: 8px;
	height: 8px;
	float: right;
	margin: 0;
}

#categorias > ul > li > a > i{
	margin: 16px 0 0 8px;
}

#categorias > ul > li > a > i path{
	fill: #484848;
}

#categorias > ul > li:hover > a > i path{
	fill: #37a6a2;
}

#categorias > ul > li > ul{
	width: 250px;
	height: 0;
	float: left;
	margin: 40px 0 0 0;
	padding: 0;
	background: #FFF;
	position: absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	opacity: 0;
	left: 0;
	top: 0;
	margin-left: 0;
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
	-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
	box-shadow: 0 0 4px 0 rgba(0,0,0,.1);
}
/*
#categorias > ul > li:nth-child(4) > ul,
#categorias > ul > li:nth-child(5) > ul,
#categorias > ul > li:nth-child(6) > ul,
#categorias > ul > li:nth-child(7) > ul{
	left: 50%;
	margin-left: 0;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
*/
#categorias > ul > li:nth-child(4) > ul,
#categorias > ul > li:nth-child(5) > ul,
#categorias > ul > li:nth-child(6) > ul{
	right: 0;
	left: inherit;
}


#categorias > ul > li:hover > ul{
	opacity: 1;
}

#categorias > ul > li > ul.two{
	width: 400px;
}

#categorias > ul > li > ul.three{
	width: 500px;
}

#categorias > ul > li > ul.four{
	width: 600px;
}

#categorias > ul > li > ul.five{
	width: 700px;
}

#categorias > ul > li > ul.six{
	width: 800px;
}

#categorias > ul > li > ul > div{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#categorias > ul > li > ul > div > ul{
	width: 100%;
	height: auto !important;
	float: left;
	margin: 0;
	padding: 0 30px 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#categorias > ul > li > ul > div > ul:last-child{
	padding-right: 0;
}

#categorias > ul > li > ul.two > div > ul{
	width: -webkit-calc(100% / 2);
	width: -moz-calc(100% / 2);
	width: calc(100% / 2);
}

#categorias > ul > li > ul.three > div > ul{
	width: -webkit-calc(100% / 3);
	width: -moz-calc(100% / 3);
	width: calc(100% / 3);
}

#categorias > ul > li > ul.four > div > ul{
	width: -webkit-calc(100% / 4);
	width: -moz-calc(100% / 4);
	width: calc(100% / 4);
}

#categorias > ul > li > ul.five > div > ul{
	width: -webkit-calc(100% / 5);
	width: -moz-calc(100% / 5);
	width: calc(100% / 5);
}

#categorias > ul > li > ul.six > div > ul{
	width: -webkit-calc(100% / 6);
	width: -moz-calc(100% / 6);
	width: calc(100% / 6);
}

#categorias > ul > li > ul > div > ul > li{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 11px 0 0 0;
}

#categorias > ul > li > ul > div > ul > li:first-child{
	padding-top: 0;
}

#categorias > ul > li > ul > div > ul > li:last-child{
	padding-bottom: 0;
}

#categorias > ul > li > ul > div > ul > li > a{
	width: auto;
	height: auto;
	float: left;
	margin: 0;
	padding: 0 0 3px 0;
	font-size: 11px;
	line-height: 11px;
	text-decoration: none;
	color: #484848;
	border-bottom: #FFF 1px solid;
	font-weight: 400 !important;
	list-style: none;
	text-transform: uppercase;
}

#categorias > ul > li > ul > div > ul > li > a:hover{
	border-color: #37a6a2;
	color: #37a6a2;
}

#breadcrumb { 
	min-width: inherit !important;
	height: 40px; 
	overflow: visible !important; 
	float: left; 
	margin: 20px 0 0 0; 
	color: #000; 
	padding: 0; 
	position: relative; 
	z-index: 800; 
	border: none;
}

#breadcrumb .inner {}

#breadcrumb p { 
	width:100%; 
	float:left; 
	white-space: nowrap; 
	height: 40px; 
	line-height:40px; 
	padding:0 15px; 
	color: #000 !important; 
	font-size: 11px; 
	text-align:left; 
	margin:0;
	border: #eee 1px solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#breadcrumb p a { 
	color: #000; 
	font-weight: normal; 
	margin:0 5px 0 0;
}

#breadcrumb p a:hover{
	color: #000 !important; 
	text-decoration:none !important; 
	opacity:0.7;
}

#breadcrumb p span { 
	display: inline-block; 
	padding: 0 5px; 
	color: #000 !important; 
	font-weight:700;
}

#breadcrumb p *:first-child {
	padding-left: 0;
}

#banner-destaque {
	display: none;
}

#banner-destaque-barra{
	width: 100%;
	height: auto;
	float: left;
	margin: 0 0 0 0;
}

#content {
	padding: 0;
	overflow: visible !important;
	position: relative;
}

#content .inner {
	overflow: visible !important;
}

#content .borda-fim { 
	border-bottom: none;
	padding-bottom: 0;
}

#content-home{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	overflow: visible !important;
	padding: 0;
}

#area-slider-home{
	width: 100%;
	height: auto;
	float:left;
	margin: 22px 0 0 0;
	position:relative;
	overflow: visible;
}

#container-slider-home{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	overflow: visible;
	position: relative;
	background: #37a6a2;
}

#slider-home,
#slider-home li,
#slider-home li a,
#slider-home li a img{
	width: 100% !important;
	height: auto !important;
	float:left;
	margin:0;
	padding: 0;
	list-style:none;
	background: #37a6a2;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


#slider-home .swiper-wrapper{height:auto; overflow: visible !important;}
#slider-home .swiper-slide{
	height:auto;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}

#slider-home li a{
	padding: 30px;
}

.infos-slide-home{
	width: -webkit-calc(100% - 815px);
	width: -moz-calc(100% - 815px);
	width: calc(100% - 815px);
	height: 100%;
	float: left;
	margin: 0 0 0 30px;
	position: absolute;
	top: 0;
	left: 0;
}

.infos-slide-home div{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	overflow: visible;
}

#slider-home li a figure{
	width: 730px;
	height: auto;
	float: right;
	margin: 0;
}

#slider-home li a h3{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	font-size: 42px;
	line-height: 42px;
	color: #FFF;
	font-weight: 400;
	letter-spacing: 5px;
	text-transform: uppercase;
}

#slider-home li a h2{
	width: 100%;
	height: auto;
	float: left;
	margin: -15px 0 0 0;
	padding: 0;
	font-size: 92px;
	line-height: 92px;
	color: #FFF;
	font-weight: 400;
}

#slider-home li a p{
	width: 100%;
	height: auto;
	float: left;
	margin: 5px 0 0 0;
	padding: 0;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	color: #FFF;
	font-weight: 300;
}

#slider-home li a span{
	width: 100%;
	height: auto;
	float: left;
	margin: 30px 0 0 0;
	padding: 0;
}

#slider-home li a i{
	width: 228px;
	height: 52px;
	float: left;
	margin: 0;
	padding: 0;
	background: #FFF;
	font-size: 14px;
	line-height: 52px;
	color: #37a6a2;
	font-weight: 500;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 5px;
	font-style: normal;
}

#slider-home li a i:hover{
	opacity: .7;
}

#navs-slider-home{
	width: 100%;
	height: 0;
	float: right;
	margin: -36px 0 0 0;
	position: relative;
	z-index: 500;
}

#navs-slider-home div{
	width: 90px;
	height: 0;
	float: left;
	margin: 0;
	padding: 0;
	overflow: visible;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#navs-slider-home div a{
	width: 16px;
	height: 16px;
	float: left;
	margin: -8px 0 0 0;
	padding: 0;
	cursor: pointer;
	position: relative;
	z-index: 300;
	opacity: .5;
}

#navs-slider-home div a:hover{
	opacity: 1;
}

#navs-slider-home div a:last-child{
	float: right;
}

#navs-slider-home div a svg{
	width: 100%;
	height: 100%;
	float: left;
	margin: 0;
	padding: 0;
}

#navs-slider-home div a path{
	fill: #000;
}

#pager-slider{
	width: 100%;
	height: 0;
	float: left;
	margin: 30px 0 0 0;
	padding: 0;
	overflow: visible;
	z-index: 500;
	position: relative;
}

#pager-slider div{
	width: auto;
	height: 10px;
	float: left;
	margin: 0;
	position: relative;
	z-index: 300;
	overflow: visible;
	text-indent: -99999px;
	left: inherit;
	bottom: inherit;
}

#pager-slider span {
	width: 10px;
	height: 10px;
	float: left;
	margin: 0 5px;
	opacity: 1;
	color: #000;
	background: #acacac;
	border: #acacac 3px solid;;
	position: relative;
	font-size: 16px;
	line-height: 16px;
	text-align: right;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	cursor: pointer;
}

#pager-slider span:hover,
#pager-slider span.swiper-pagination-bullet-active{
	background: #FFF;
}

#area-slider-categorias{
	width: 100%;
	height: auto;
	float: left;
	margin: 50px 0 0 0;
	padding: 0;
}

#container-slider-categorias{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	overflow: visible;
}

#slider-categorias{
	width: -webkit-calc(100% - 80px);
	width: -moz-calc(100% - 80px);
	width: calc(100% - 80px);
	height: auto !important;
	float: left;
	margin: 0 0 0 40px !important;
	overflow: hidden;
	padding: 0 !important;
}

#slider-categorias .swiper-wrapper{height:auto; overflow: visible; z-index: inherit !important;}
#slider-categorias .swiper-slide{
	height: auto;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}

#slider-categorias a{
	position: relative;
	float: left;
	height: auto;
}

#slider-categorias .box-categoria{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
}

#slider-categorias a img{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
}

#slider-categorias a div{
	width: 100%;
	height: 100%;
	float: left;
	margin: 0;
	padding: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
}

#slider-categorias a span{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 20px;
	font-size: 14px;
	line-height: 14px;
	color: #4a4a4a;
	background: rgba(255,255,255,.9);
	text-transform: uppercase;
	font-weight: 500;
}

#slider-categorias a:hover span{
	background: #37a6a2;
	color: #FFF;
}

#navs-slider-categorias{
	width: 100%;
	height: 0;
	float: left;
	margin: -11px 0 0 0;
	padding: 0;
	position: absolute;
	top: 50%;
	left: 0;
	overflow: visible;
}

#navs-slider-categorias a{
	width: 22px;
	height: 22px;
	float: left;
	margin: 0;
	background: url(../../estilos/estilo_imgs/202/prev_c.png) center no-repeat;
	cursor: pointer;
}

#navs-slider-categorias a:last-child{
	float: right;
	background: url(../../estilos/estilo_imgs/202/next_c.png) center no-repeat;
}

#navs-slider-categorias a:hover{
	opacity: .7;
}

#frase-home{
	width: 100%;
	height: auto;
	float: left;
	margin: 50px 0 0 0;
	padding: 0;
}

#frase-home .fluid{
	max-width: 1000px;
}

#frase-home h3{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	font-size: 26px;
	line-height: 26px;
	color: #676666;
	text-align: center;
	font-weight: 400;
}

#frase-home p{
	width: 100%;
	height: auto;
	float: left;
	margin: 20px 0 0 0;
	padding: 0;
	font-size: 14px;
	line-height: 20px;
	color: #7d7d7d;
	text-align: center;
}

#lks-home{
	width: 100%;
	height: auto;
	float: left;
	margin: 78px 0 0 0;
	padding: 0;
}

#lks-home ul{
	width: 100%;
	height: auto;
	float: left;
	margin: 40px 0 0 0;
	padding: 0;
	overflow: visible;
}

#lks-home ul li{
	width: -webkit-calc((100% / 2) - 10px);
	width: -moz-calc((100% / 2) - 10px);
	width: calc((100% / 2) - 10px);
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	background: #f5f5f5;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}

#lks-home ul li:last-child{
	float: right;
}

#lks-home ul li a,
#lks-home ul li a img{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#lks-home ul li a:hover img{
	-webkit-transform:scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

#slides-produtos{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
}

.area_produtos_home{
	width: 100%;
	height: auto;
	float: left;
	margin: 70px 0 0 0;
	overflow: visible !important;
}

.area_produtos_home .fluid{
	max-width: 960px;
}

.area_tit_produtos_home{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 20px 0 30px 0;
	overflow: visible !important;
	position: relative;
}

.area_tit_produtos_home h5{
	width: auto;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	font-size: 32px;
	line-height: 32px;
	color: #c69c6d;
	font-weight: 400;
	font-style: italic;
	position: relative;
	z-index: 1;
}

.area_tit_produtos_home h5:before,
.area_tit_produtos_home h5:after{
	content: '';
	width: 18px;
	height: 3px;
	float: left;
	margin: -1.5px 0 0 -48px;
	padding: 0;
	position: absolute;
	top: 50%;
	left: 0;
	background: url(../../estilos/estilo_imgs/202/bg_tit.png) center no-repeat;
}

.area_tit_produtos_home h5:after{
	left: inherit;
	right: 0;
	margin: -1.5px -48px 0 0;
}

.area_slider_produtos_home{
	width: 100%;
	height: auto;
	float: left;
	margin: 0 0 0 0;
	overflow: visible !important;
}

.container-slider{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	overflow: visible;
}

.slider_produtos{
	width: -webkit-calc(100% - 80px);
	width: -moz-calc(100% - 80px);
	width: calc(100% - 80px);
	height: auto !important;
	float: left;
	margin: 0 0 0 35px!important;
	overflow: hidden;
	padding: 5px !important;
}

.slider_produtos .swiper-wrapper{height:auto; overflow: visible !important; z-index: inherit !important;}
.slider_produtos .swiper-slide{
	height: auto;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}

.slider_produtos li{ width:100%; height: auto; float: left; margin: 0; list-style: none;}

.slider_produtos .produto {
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	overflow: visible !important;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
} 

.slider_produtos .produto .foto {
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 1;
}

.slider_produtos .produto .foto a {
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	border: #e1e1e1 2px solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	-ms-align-items: center;
	-webkit-align-items: center;
	align-items: center;
	-ms-justify-content: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.slider_produtos .produto:hover .foto a{
	border-color: #37a6a2;
}

.slider_produtos .produto .foto a img{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
}

.slider_produtos .produto .nome {
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	font-size: 13px;
	color: #1e9d99;
	line-height: 17px;
	font-weight: 400 !important;
	text-align: left;
	position: relative;
	overflow: visible;
}

.slider_produtos .produto .nome a{
	color: #1e9d99;
}

.slider_produtos .produto:hover .nome a{
	color: #000;
}

.slider_produtos .produto .nome a:hover{
	opacity: .6;
	text-decoration:none !important;
}

.slider_produtos .produto .preco-p {
	width: 100%;
	height: auto;
	float: left;
	margin: 15px 0 0 0;
	padding: 0;
	text-align: left;
	color: #000;
	cursor: default;
	font-size: 10px !important;
	line-height: 17px;
	font-weight: 300;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

.slider_produtos .produto .preco-p font{
	text-decoration: line-through;
}

.slider_produtos .produto .preco-p strong {
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	font-size: 13px !important;
	line-height: 13px;
	font-weight: 700 !important;
	color: #000;
	text-align: left;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

.slider_produtos .produto:hover .preco-p strong{
	color: #1e9d99;
}

.slider_produtos .produto .preco-g {
	width: 100%;
	height: auto;
	float: left;
	margin: 10px 0 0 0;
	padding: 0 !important;
	font-size: 12px;
	line-height: 12px;
	color: #717171 !important;
	text-align: left;
	cursor: default;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

.slider_produtos .produto .preco-g strong {
	font-weight: 400 !important;
}

.slider_produtos .produto:hover .preco-g{
	color: #333;
}

.slider_produtos .produto br{
	display:none;
}

.slider_produtos .linha {
	width: 100%;
	height: 1px;
	float: left;
	margin: 0;
}	

.navs-slider-produtos{
	width: 100%;
	height: 0;
	float: left;
	margin: -40px 0 0 0;
	overflow: visible !important;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 500;
}

.navs-slider-produtos div{
	width: 100%;
	height: 0;
	float: left;
	margin: 0;
	padding: 0;
	overflow: visible;
}

.navs-slider-produtos a{
	width: 22px;
	height: 22px;
	float: left;
	margin: 0;
	cursor: pointer;
	background: #FFF;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.navs-slider-produtos a:hover{
	opacity: .7;
}

.navs-slider-produtos a:last-child{
	float: right;
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}

.navs-slider-produtos a svg{
	width: 21px;
	height: 21px;
	float: left;
	margin: 0;
}

.navs-slider-produtos a path{
	fill: #999;
}

.pager-produtos{
	width: 100%;
	height: 0;
	float: left;
	margin: 0 0 0 0;
	padding: 0;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.pager-produtos div{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
}

.pager-produtos span {
	width: 10px;
	height: 10px;
	float: left;
	margin: 0 8px 0 0;
	cursor: pointer;
	background: #ddd;
	opacity: 1;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.pager-produtos span:hover,
.pager-produtos span.swiper-pagination-bullet-active{
	background: #000;
}

.lk-ver-tds{
	width: 100%;
	height: auto;
	float: left;
	margin: 30px 0 0 0;
	padding: 0;
}

.lk-ver-tds a{
	width: auto;
	height: auto;
	float: left;
	margin: 0;
	padding: 0 25px;
	font-size: 10px;
	line-height: 34px;
	color: #FFF;
	text-transform: uppercase;
	background: #159994;
}

.lk-ver-tds a:hover{
	background: #aaa;
}

#area-newsletter-sobre{
	width: 100%;
	height: auto;
	float: left;
	margin: 70px 0 0 0;
	padding: 0;
}

#area-newsletter{
	width: 50%;
	height: 490px;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: url(../../estilos/estilo_imgs/202/img05.jpg) center no-repeat;
	-webkit-background-size: cover !important;
	background-size: cover !important;
}

.newsletter {
	width: 270px;
	height: auto;
	float: right;
	margin: 0 30px 0 0;
	padding: 30px;
	right: 0;
	top: 50%;
	overflow: visible !important;
	position: absolute;
	z-index: 50;
	background-color: rgba(0,0,0,.80);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

#tit-newsletter{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	font-size: 38px;
	line-height: 40px;
	color: #FFF;
	text-align: left;
	text-transform: uppercase;
}

.newsletter p{
	width: 100%;
	height: auto;
	float: left;
	margin: 20px 0 0 0;
	padding: 0;
	font-size: 12px;
	line-height: 15px;
	color: #c4c4c4;
	text-align: left;
}

form.form-newsletter{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
}

#container-form-newsletter{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
}

#campos-newsletter{
	width: 100%;
	height: auto;
	float: right;
	margin: 20px 0 0 0;
}

.newsletter input[type="text"] {
	width: 100%;
	height: 46px;
	float: left;
	color: #333;
	margin: 0;
	padding: 0 15px;
	font-size: 12px;
	line-height: 46px;
	background: #FFF;
	font-weight: 400;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: none;
}

.newsletter input[type="text"].nome{
	display: none;
}

.newsletter span{
	width: auto;
	height: auto;
	float: right;
	margin: 15px 0 0 0;
	padding: 0;
	border: none;
	background: none;
}

.newsletter input[type="submit"]{
	width: auto;
	height: auto; 
	float: left;
	margin: 0; 
	padding: 0; 
	background: none;
	font-size: 12px; 
	line-height: 12px; 
	color: #FFF;
	font-weight: 400;
	text-align: center;
	cursor: pointer;
	border: none;
	opacity: .7;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.newsletter input[type="submit"]:hover{
	opacity: 1;
}

.newsletter ::-webkit-input-placeholder {color: #bbb; font-size: 10px;}
.newsletter :-moz-placeholder {color: #bbb; font-size: 10px;}
.newsletter ::-moz-placeholder {color: #bbb; font-size: 10px;}

#sobre-home{
	width: 50%;
	height: auto;
	float: right;
	margin: 0;
	padding: 30px 50px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#sobre-home h5{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 110px 0 0 0;
	font-size: 28px;
	line-height: 28px;
	color: #3e3e3e;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	background: url(../../estilos/estilo_imgs/202/bg_sobre_home.png) top center no-repeat;
}

#sobre-home p{
	width: 100%;
	height: auto;
	float: left;
	margin: 30px 0 0 0;
	padding: 0;
	font-size: 12px;
	line-height: 28px;
	color: #7d7d7d;
	text-align: center;
}

#sobre-home p strong{
	font-weight: 600;
	color: #444;
}

#banners-alerta-mobile{
	width: 100%;
	height: auto;
	float: left;
	margin: 50px 0 0 0;
	padding: 15px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #f5f5f5;
	display: none;
}

#slider-banners-mobile{
	width: 100%;
	height: auto !important;
	float: left;
	margin: 0 !important;
	overflow: hidden;
	padding: 0 !important;
}

#slider-banners-mobile .swiper-wrapper{height:auto; overflow: visible !important;}
#slider-banners-mobile .swiper-slide{
	width: auto !important;
	height: auto;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}

#slider-banners-mobile a{
	width: -webkit-calc((100vw / 2) - 50px);
	width: -moz-calc((100vw / 2) - 50px);
	width: calc((100vw / 2) - 50px);
	height: 60px;
	float: left;
	margin: 0;
	background: #FFF;
	border: #eee 1px solid;
	position: relative;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#slider-banners-mobile a figure{
	width: 58px;
	height: 58px;
	float: left;
	margin: 0;
	padding: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#slider-banners-mobile a img{
	width: auto;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	max-width: 100%;
	max-height: 100%;
}

#slider-banners-mobile a div{
	width: -webkit-calc(100% - 58px);
	width: -moz-calc(100% - 58px);
	width: calc(100% - 58px);
	height: 58px;
	float: left;
	margin: 0;
	padding: 0 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#slider-banners-mobile a h2,
#slider-banners-mobile a h3{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 14px;
	color: #555;
	text-align: left;
	font-weight: 400;
}

#slider-banners-mobile a h3{
	color: #FFF;
	text-align: center;
}

#slider-banners-mobile a span{
	width: 100%;
	height: 100%;

	float: left;
	margin: 0;
	padding: 0;
	background: rgba(0,0,0,.8);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	opacity: 0;
}

#slider-banners-mobile a.show span{
	opacity: 1;
}

@media (max-width: 1190px){
	
	#slider-home li a h3{
		font-size: 32px;
		line-height: 32px;
	}
	
	#slider-home li a h2{
		font-size: 52px;
		line-height: 52px;
	}
	
	#slider-home li a{
		padding: 15px;
	}
	
	#slider-home li a i{
		width: 100%;
	}
	
}
	
@media (max-width: 976px){
	
	#area-slider-home .fluid{
		padding: 0;
	}
	
	.infos-slide-home{
		width: 100%;
		margin: 0;
		z-index: 10;
	}
	
	.infos-slide-home div{
		max-width: 480px;
		background: rgba(0,0,0,.5);
		padding: 40px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	#slider-home li a h3{
		font-size: 52px;
		line-height: 52px;
		text-shadow: 0 0 5px rgba(0,0,0,.5);
	}
	
	#slider-home li a h2{
		font-size: 92px;
		line-height: 92px;
		text-shadow: 0 0 5px rgba(0,0,0,.5);
	}
	
	#slider-home li a p,
	#slider-home li a span{
		display: none;
	}
	
	#slider-home li a figure{
		width: 100%;
	}
	
	#slider-categorias{
		width: 100%;
		margin: 0 !important;
	}
	
	#slider-categorias .swiper-slide{
		width: auto !important;
	}
	
	#slider-categorias .box-categoria{
		width: -webkit-calc((100vw / 3) - 42px);
		width: -moz-calc((100vw / 3) - 42px);
		width: calc((100vw / 3) - 42px);
	}
	
	#navs-slider-categorias{
		display: none;
	}
	
	.area_produtos_home{
		margin-top: 50px;
	}
	
	.area_tit_produtos_home{
		padding-top: 0;
	}
	
	.area_tit_produtos_home h5{
		text-align: center;
	}
	
	.container-slider{
		width: 100%;
		margin-left: 0;
	}
	
	.slider_produtos{
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	
	.slider_produtos .swiper-slide{
		width: auto !important;
	}
	
	.slider_produtos .produto{
		width: -webkit-calc((100vw / 3) - 42px);
		width: -moz-calc((100vw / 3) - 42px);
		width: calc((100vw / 3) - 42px);
	}
	
	.slider_produtos .produto .nome{
		height: auto;
	}
	
	.navs-slider-produtos{
		display: none;
	}
	
	.bg_produto_ovr{
		-webkit-box-shadow: none !important;
		-moz-box-shadow: none !important;
		box-shadow: none !important;
	}
	
	#area-newsletter-sobre .fluid{
		max-width: 640px;
	}
	
	#area-newsletter{
		width: 100%;
	}
	
	#sobre-home{
		width: 100%;
	}
	
}

@media (max-width: 768px){
	
	.infos-slide-home div{
		max-width: 220px;
	}
	
	#slider-home li a h3{
		font-size: 22px;
		line-height: 22px;
	}
	
	#slider-home li a h2{
		font-size: 36px;
		line-height: 36px;
		margin: 0;
	}
	
	.container-slider{
		width: 100%;
		margin-left: 0;
	}
	
	.slider_produtos .produto .preco-p strong{
		font-size: 16px !important;
		line-height: 16px;
	}
	
}

@media (max-width: 640px){
	
	#slider-categorias .box-categoria,
	.slider_produtos .produto{
		width: -webkit-calc((100vw / 2) - 35px);
		width: -moz-calc((100vw / 2) - 35px);
		width: calc((100vw / 2) - 35px);
	}
	
	#area-newsletter{
		height: auto;
		padding: 30px;
	}
	
	.newsletter{
		width: 100%;
		margin: 0;
		position: relative;
		top: 0;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}
	
}
	
@media (max-width: 480px){
	
	#slider-categorias a div{
		padding: 15px;
	}
	
	#slider-categorias a span{
		font-size: 12px;
		padding: 15px;
	}
	
	.area_tit_produtos_home h5{
		font-size: 22px;
		line-height: 22px;
	}
	
	.container-slider{
		margin-top: 20px;
	}
	
}

#produtos-main {
	overflow: visible !important;
}

.div_pai_h1{
	width: 100%;
	height: auto;
	float: right;
	margin: 0;
	padding: 0;
	overflow: visible !important;
	position: relative;
}

@media only screen and (max-width: 976px){
	.div_pai_h1{width:100%;}
}

#produtos {
	width: auto;
	position: relative;
	overflow:visible !important;
}

#produtos h1 {
	width: auto; 
	height:auto !important; 
	display: table; 
	margin: 0; 
	padding: 20px 0 0 0; 
	font-size: 32px !important; 
	line-height: 32px !important; 
	color: #c69c6d !important; 
	text-align: left !important; 
	font-weight: 400 !important;
	position: relative;
	font-style: italic;
	z-index: 1;
}


#produtos .total-encontrados { 
	position: absolute; 
	line-height: 16px; 
	font-size: 11px; 
	color: #999; 
	right: 0; 
	top: 20px;
}

#produtos .total-encontrados strong {
	color: #000;
}	

#produtos .produtos {
	width: -webkit-calc(100% + 20px);
	width: -moz-calc(100% + 20px);
	width: calc(100% + 20px);
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	overflow: visible !important;}

#produtos .produtos .produto {
	width: -webkit-calc((100% / 4) - 20px);
	width: -moz-calc((100% / 4) - 20px);
	width: calc((100% / 4) - 20px);
	height: auto !important; 
	float: left;
	margin: 25px 20px 0 0;
	padding: 0;
	position: relative;
	overflow: visible !important;
	/*-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;*/
}

#produtos.col3 .produtos .produto{
	width: -webkit-calc((100% / 3) - 20px);
	width: -moz-calc((100% / 3) - 20px);
	width: calc((100% / 3) - 20px);
}

#produtos .produtos .produto .foto {
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 1;
}

#produtos .produtos .produto .foto a {
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	border: #e1e1e1 2px solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	-ms-align-items: center;
	-webkit-align-items: center;
	align-items: center;
	-ms-justify-content: center;
	-webkit-justify-content: center;
	justify-content: center;
}

#produtos .produtos .produto:hover .foto a{
	border-color: #37a6a2;
}

#produtos .produtos .produto .foto a img{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
}

#produtos .produtos .produto .nome {
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	font-size: 13px;
	color: #1e9d99;
	line-height: 17px;
	font-weight: 400 !important;
	text-align: left;
	position: relative;
	overflow: visible;
}

#produtos .produtos .produto .nome a{
	color: #1e9d99;
}

#produtos .produtos .produto:hover .nome a{
	color: #000;
}

#produtos .produtos .produto .nome a:hover{
	opacity: .6;
	text-decoration:none !important;
}

#produtos .produtos .produto .preco-p {
	width: 100%;
	height: auto;
	float: left;
	margin: 15px 0 0 0;
	padding: 0;
	text-align: left;
	color: #000;
	cursor: default;
	font-size: 10px !important;
	line-height: 17px;
	font-weight: 300;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

#produtos .produtos .produto .preco-p font{
	text-decoration: line-through;
}

#produtos .produtos .produto .preco-p strong {
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	font-size: 13px !important;
	line-height: 13px;
	font-weight: 700 !important;
	color: #000;
	text-align: left;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

#produtos .produtos .produto:hover .preco-p strong{
	color: #1e9d99;
}

#produtos .produtos .produto .preco-g {
	width: 100%;
	height: auto;
	float: left;
	margin: 10px 0 0 0;
	padding: 0 !important;
	font-size: 12px;
	line-height: 12px;
	color: #717171 !important;
	text-align: left;
	cursor: default;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

#produtos .produtos .produto .preco-g strong {
	font-weight: 400 !important;
}

#produtos .produtos .produto:hover .preco-g{
	color: #333;
}

#produtos .produtos .linha {
	width: 100%;
	height: 1px;
	float: left;
	margin: 0;
	display: none;
}

#produtos .produtos .produto br{
	display:none;
}

.bg_produto_ovr{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	overflow: visible !important;
    outline: none;
	position: relative;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.infos_produtos_list{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 10px 0;
	z-index: 10;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: visible !important;
	position: relative;
}

.bt_comprar_produto{}

.bg_produto_ovr:hover .bt_comprar_produto{}

.bt_comprar_produto:before{}

.bt_comprar_produto_1{}
.bg_produto_ovr:hover .bt_comprar_produto_1{}

.infos_produtos_list .flag_lancamento,
.infos_produtos_list .flag_desconto,
.infos_produtos_list .flag_desconto2,
.infos_produtos_list .flag_frete_gratis{
	width: auto;
	height: auto;
	top: 0;
	right: 0;
	float: right !important;
	font-size: 12px;
	z-index: 100;
	position: absolute;
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
}

.infos_produtos_list .flag_lancamento{
	margin: -135px 0 0 0 !important;
}

.infos_produtos_list .flag_desconto{
	margin: -76px 0 0 0 !important;}	

.infos_produtos_list .flag_desconto2{
	margin:-102px 0 0 0 !important;
}

.infos_produtos_list .flag_frete_gratis{
	margin: -50px 0 0 0 !important;
}

#produtos.col3 {
	width: -webkit-calc(100% - 295px);
	width: -moz-calc(100% - 295px);
	width: calc(100% - 295px);
	height: auto;
	float: right;
	margin: 20px 0 0 0;
	padding: 0;
	overflow: visible !important;
	background: none;
}

#produtos.col4 {
	width: 100%;
	height: auto;
	float: right;
	margin: 20px 0 0 0;
	padding: 0;
	overflow: visible !important;
	background: none;
}

#produtos.col4.sem-menu {
	margin: 0 20px 0 0;
	overflow:visible !important;
}

#produtos.col5 {
	width: auto;
	overflow:visible !important; 
}

.cada_2_prod,
.cada_3_prod,
.cada_4_prod{
	width: 100%;
	height: 0;
	float: left;
	margin: 0;
}

#produtos.col4 .cada_4_prod{
	display: block;
}

#produtos.col3 .cada_3_prod{
	display: block;
}

@media (max-width: 976px){
	
	.cada_4_prod{
		display: none !important;
	}
	
	.cada_3_prod{
		display: block !important;
	}
	
}

@media (max-width: 560px){
	
	.cada_3_prod{
		display: none !important;
	}
	
	.cada_2_prod{
		display: block !important;
	}
	
}

#area_menu_left{
	width: 275px;
	height: auto;
	float: left;
	margin: 0;
	overflow: visible !important;
	position: relative;
	z-index: 200;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#area_menu_left_int{
	width:100% !important;
	height:auto;
	float:left;
	margin:0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: visible !important;
}


.titulo-pagina {
	width: 100%; 
	height: auto; 
	margin: 20px 0 0 0;
	float: left;
	display: block; 
	overflow:visible !important; 
	padding: 0 0 20px 0; 
	position: relative;
	border: none;
}

.titulo-pagina h1{
	width: 100%; 
	height: auto !important;
	float: left;
	margin: 0;
	padding: 20px 0; 
	font-size: 32px !important; 
	line-height: 32px !important; 
	color: #c69c6d !important; 
	text-align: center !important; 
	font-weight: 400 !important;
	position: relative;
	z-index: 1;
	
}

.titulo-pagina h2{
	width: 100%; 
	height:auto !important;
	float: left;
	margin: 0;
	padding: 20px 0; 
	font-size: 18px !important; 
	line-height: 18px !important; 
	color: #c69c6d !important; 
	text-align: center !important; 
	font-weight: 400 !important;
	position: relative;
	z-index: 1;
}

.passos-setas { 
	width: -webkit-calc(100% + 5px);
	width: -moz-calc(100% + 5px);
	width: calc(100% + 5px);
	height: 30px;
	float: left;
	padding: 0;
}

.passos-setas .passo {
	width: -webkit-calc((100% / 5) - 5px) !important;
	width: -moz-calc((100% / 5) - 5px) !important;
	width: calc((100% / 5) - 5px) !important;
	position: relative; 
	height: 30px; 
	background: #c69c6d; 
	margin: 0 5px 0 0; 
	float: left; 
	font-size: 11px; 
	color: #FFF; 
	line-height: 30px; 
	padding: 0 0 0 20px; 
	text-transform: uppercase;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.passos-setas .passo .c { 	
	width: 0; 
	height: 0; 
	position: absolute; 
}

.passos-setas .passo .tl { 	
	top: 0; 
	left: 0; 
	border-bottom: 15px solid #fff; 
	border-right: 8px solid transparent !important;
}

.passos-setas .passo .bl { 
	bottom: 0; 	
	left: 0; 
	border-top: 15px solid #fff; 
	border-right: 8px solid transparent !important;
}

.passos-setas .passo .tr { 	
	top: 0; 
	right: 0; 
	border-top: 15px solid #fff; 
	border-left: 8px solid transparent !important;
}

.passos-setas .passo .br { 	
	bottom: 0; 
	right: 0; 
	border-bottom: 15px solid #fff; 
	border-left: 8px solid transparent !important;
}

.passos-setas .passo1 .tl,
.passos-setas .passo1 .bl { 
	display: none; 
}

.passos-setas .passo5 { 
	margin-right: 0;
}

.passos-setas .bg { 
	color: #fff; 
}


.btn { display: inline-block; background: #37a6a2; height: 26px; line-height: 26px; padding: 0 15px; margin: 1px; border-radius: 3px; text-decoration: none; color: #fff; font-size: 14px; cursor:pointer; box-shadow: none !important; border-color: rgba(255,255,255,0) !important; }
.btn:hover { background-color: #a1a1a1 !important; text-decoration: none !important; }
.btn span { float: left; color: #fff; white-space: nowrap; padding: 0 20px 0 0; font-weight: bold; }
.btn i { float: right; color: #fff; font-size: 15px; margin: 5px -4px 0 0; }
.btn.invertido span { float: right; padding: 0 0 0 20px; }
.btn.invertido i { float: left; margin: 5px 0 0 -4px;}

#meus-pedidos-btnset{height:0; overflow:visible !important; margin: -5px 10px 0 0;}
#meus-pedidos-btnset a{margin:35px 0 0 12px;}

#identificacao{width: 1160px;}
#identificacao .formheader h3,
#identificacao .header h2{
	color:#000 !important;
}

#identificacao .pessoais .coluna.left{
	padding-right:145px;
}




#login {
	width: 100%;
	padding: 0 50px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#login .coluna {
	width: 50%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0 50px;
	border-right: #eee 1px solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#login .coluna.right{
	border: none;
}

#login .coluna h2 { font-size: 28px; line-height: 28px; margin: 0 0 15px 0; }

#login .coluna h3 { font-size: 24px; color: #000; line-height: 30px; margin: 0 0 15px 0; }

#login .coluna .ns {
	width: auto;
	height: auto;
	float: right;
	margin: 10px 0 0 0;
	display: block;
	overflow: visible;
	font-size: 12px;
	line-height: 16px;
	color: #f00;
}

#login .coluna div{
	width: auto;
	height: auto;
	float: left;
	margin: 10px 0 0 0;
	padding: 0 !important;
}

#login .coluna .btn { width: 170px; }

#login .formulario{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
}

#login .formulario fieldset{
	width: 100%;
	height: auto;
	float: left;
	margin: 15px 0 0 0;
	padding: 0;
}

#login .formulario input[type="text"],
#login .formulario input[type="password"]{
	width: 100% !important;
	height: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}



#sucesso { text-align: center; padding: 20px 0 20px 0; }
#sucesso p { font-size: 48px; line-height: 52px; margin: 0 0 35px 0; }

.carrinho table th {border:none; border-bottom: solid 1px #ccc; border-right: solid 1px #ccc;background: #efefef; height: 26px; line-height: 26px; padding: 0 20px; font-size: 12px; color: #666; text-align: center; white-space: nowrap; }
.carrinho table th:last-child{border-right:none;}

.box-valores{background:#efefef;}
.box-valores .valor { width: auto; }
.box-valores .valor .preco {width: auto;  }

#carrinho .btnset .esvaziar { color:#999 !important; border:none !important; background:none !important; padding:0px;}
#carrinho .btnset .esvaziar:hover{text-decoration:underline !important;}



#mp_filtro{
	width:100%;
	height:80px;
	float:left;
	margin: 20px 0 0 0;
	position:relative;
	z-index:800;
	padding: 0 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.tag_filtro{
	width:auto;
	height:14px;
	float:left;
	margin:9px 10px 0 0;
	padding:5px;
	background: rgba(0,0,0,.3) !important;
	color:#FFF !important;
	border-radius:2px;
}

.tag_filtro a{
	width:12px;
	height:12px;
	float:right;
	margin:1px 0 0 3px;
	padding:0 0 0 0;
	text-indent:-9999px;
	background:url(../../estilos/estilo_imgs/202/bt_delete.png) top no-repeat;}

.tag_filtro a:hover{background-position:top; text-decoration:none !important; opacity:0.7;}

.paginacao {width:100%; height:80px; float:left; margin:0; background:none !important; overflow:visible !important; border: none;}
#mp_filtro .paginacao:last-child{margin:-80px 0 0 0;}
.paginacao.com-margem { margin: 0 0 15px 0; }
.paginacao .inner {max-width:1160px; height:80px; padding:20px 20px; background:#eee !important;  overflow:visible !important;}
#mp_filtro .paginacao:last-child .inner{padding:20px 0 0 280px; height:80px; background:#eee !important;}
.paginacao .box { overflow:visible !important; }
.paginacao .box.left { margin:0; overflow:visible !important; }
.paginacao .box.right { margin: 0 0 0 30px;  overflow:visible !important;}
.paginacao .box label {width:auto; height:40px; float:left; margin: 0 0 0 15px; padding:0; font-size:11px; color:#333; line-height:40px; position:relative; z-index:300; }
#mp_filtro .paginacao:last-child .box label{font-size:18px; color:#333; margin:0 15px 0 0;}
.paginacao .box .select { width:225px !important; height:38px; float:left; margin:0 0 0 -80px; border:#FFF 1px solid; position:relative; background: #fff; border-radius:2px; box-shadow: none;}
.paginacao .box .select select { width:225px !important; height:38px; line-height:38px; position: absolute; z-index: 2; left: 0; top: 0; opacity: 0; filter: alpha(opacity=0); cursor: pointer; }
.paginacao .box .select .mask {width:225px !important; height:38px; position: relative; z-index: 1;}
.paginacao .box .select .mask .text { width:105px !important; height:38px; float:left; line-height:38px; padding: 0 0 0 85px; margin:0; font-size: 12px; font-weight:normal; color: #222; }
.paginacao .box .select .mask .seta {width:20px; height:38px; float:right; margin:0; background:url(../../estilos/estilo_imgs/202/bt_select.png) top left no-repeat; box-shadow: none; border: none;}
.paginacao .box .select .mask .seta i { color: #999; font-size: 16px; margin: 4px 0 0 0; display: none; }
.paginacao .box .select:hover { cursor: pointer; }
.paginacao .box .select:hover .mask .seta{background-position:bottom left;}
.paginacao .navcontrol { }
.paginacao .navcontrol .select { float: left; margin: 0 0 0 7px; }
.paginacao .navcontrol .navlink { height: 24px; line-height: 24px; border: solid 1px #ccc; padding: 0 9px 0 9px; background: #fff; box-shadow: inset 0 0 4px #ccc, inset 0 0 0 1px #fff; display: block; overflow: hidden; float: left; margin: 0 0 0 7px; border-radius: 4px; text-decoration: none; color: #999; }
.paginacao .navcontrol .navlink:hover { box-shadow: inset 0 0 2px #ccc; color: #777; }



#atendimento {
	width:100%;
	max-width: 1160px;
	float:left;
}

#atendimento .atendimento-menu {
	width:100%;
	height:auto;
	float:left;
	margin:20px 0 50px 0;
	overflow:visible !important;
	padding: 0;
}

#atendimento .atendimento-menu li {
	width: -webkit-calc((100% / 2) - 10px);
	width: -moz-calc((100% / 2) - 10px);
	width: calc((100% / 2) - 10px);
	margin: 20px 20px 0 0;
	list-style: none;
}

#atendimento .atendimento-menu li a {
	width: 100%;
	float: left;
	background: #CCC;
	color: #FFF;
}

#atendimento .atendimento-menu li a:hover{
	background: #37a6a2 !important; 
	color: #FFF;
}

#atendimento .atendimento-menu li a .icone {
	border-right: solid 1px #FFF;
}

#atendimento .atendimento-menu li a:hover .icone{
	border-color:#fff;
}

#atendimento .atendimento-menu li a .icone i {
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	color:#FFF !important;
}

#atendimento .atendimento-menu li a:hover .icone i{
	color:#fff !important;
}

#atendimento .atendimento-menu li a .nome{
	width: -webkit-calc(100% - 110px);
	width: -moz-calc(100% - 110px);
	width: calc(100% - 110px);
	float: left;
}

#atendimento .atendimento-menu li a .nome big {
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	color:#FFF !important;
}

#atendimento .atendimento-menu li a:hover,
#atendimento .atendimento-menu li a:hover .icone i,
#atendimento .atendimento-menu li a:hover .nome big,
#atendimento .atendimento-menu li a.ativo {
	color: #fff !important;
}

#atendimento .atendimento-menu li a:hover .icone,
#atendimento .atendimento-menu li a.ativo .icone {
	border-color: #fff;
}

#atendimento #atmenu li a { width: 260px; }
#atendimento #atmenu li a.ativo { width: 260px; background:#37a6a2 !important;}
#atendimento #atmenu li a.ativo .tr { top: 0; right: 0; display: none;}
#atendimento #atmenu li a.ativo .br { bottom: 0; right: 0; display: none; }
#atendimento #atmenu li a.ativo .icone{border-color:#fff !important;}
#atendimento #atmenu li a.ativo .icone i{color:#fff !important;}
#atendimento #atcontent {
	width: -webkit-calc(100% - 280px);
	width: -moz-calc(100% - 280px);
	width: calc(100% - 280px);
}
#atendimento #atcontent .formulario textarea.campo {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#mp_footer {
	width: 100%;
	height: auto;
	float: left;
	margin: 55px 0 0 0;
	padding: 65px 0;
	overflow: visible;
	background: #222;
	position: relative;
}

#mp_footer:before{
	content: '';
	width: 108px;
	height: 13px;
	float: left;
	margin: -7px 0 0 -54px;;
	background: #c69c6d;
	position: absolute;
	top: 0;
	left: 50%;
}

#boxs-footer{
	width: -webkit-calc(100% + 30px);
	width: -moz-calc(100% + 30px);
	width: calc(100% + 30px);
	height: auto;
	float: left;
	margin: 0;
}

.box-footer{
	width: -webkit-calc((100% / 3) - 30px);
	width: -moz-calc((100% / 3) - 30px);
	width: calc((100% / 3) - 30px);
	height: auto;
	float: left;
	margin: 0 30px 0 0;
}

.box-footer h5{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	font-size: 13px;
	line-height: 13px;
	color: #FFF;
	font-weight: 700;
	text-transform: uppercase;
	text-align: left;
}

.box-footer .mt{
	margin-top: 20px;
}

.box-footer ul{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	overflow: visible;
}

.box-footer ul li{
	width: 100%;
	height: auto;
	float: left;
	margin: 15px 0 0 0;
	padding: 0;
	list-style: none;
}

.box-footer ul li a,
.box-footer ul li p{
	width: auto;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	font-size: 13px;
	line-height: 13px;
	color: #FFF;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.box-footer ul li a:hover{
	color: #37a6a2;
}

.box-footer ul li p{
	width: 100%;
}

.box-footer ul li p.end{
	line-height: 16px;
}

#redes-footer{
	width: 100%;
	height: auto;
	float: left;
	margin: 40px 0 0 ;
	padding: 0;
}

#redes-footer a{
	width: 100%;
	height: 48px;
	float: left;
	margin: 20px 0 0 0;
	padding: 0;
	background-color: #37a6a2;
	background-repeat: no-repeat;
}

#redes-footer a.facebook{
	margin-top: 0;
	background-image: url(../../estilos/estilo_imgs/202/facebook_footer.png);
	background-position: 20px 10px;
}

#redes-footer a.instagram{
	background-image: url(../../estilos/estilo_imgs/202/instagram_footer.png);
	background-position: 20px 12px;
}

#redes-footer a:hover{
	background-color: #c69c6d;
}

#rodape{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 10px 0;
	background: #000;
	overflow: visible;
	position: relative;
}

#rodape p{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	font-size: 9px;
	line-height: 9px;
	color: #FFF;
	text-align: center;
	text-transform: uppercase;
}

#rodape p a:hover{
	opacity: .7;
}

#footer-final {width:100%; height:50px; float:left; margin: 0; background:#f2f2f2; display: none;}
#footer-final .inner { }
#footer-final p { line-height:50px; white-space: nowrap; font-size: 11px; color:#252525; font-weight:400; text-transform:uppercase;}
#footer-final p a { color:#252525; }
#footer-final p span { color:#252525; }
#footer-final .copy { float: left; color:#252525; }
#footer-final .assinatura {color:#333; float:right;}
#footer-final .assinatura a{width:180px; height:25px; float:left; margin:12px 0 0 0; background:url(../../estilos/estilo_imgs/202/by.png) no-repeat; text-indent:-99999px;}
#footer-final .assinatura:hover a{opacity:0.6;}


.carrinho_vazio{
	width:818px; padding:70px 170px;
	border:1px solid #000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}

.carrinho_vazio font{
	font-size:34px;
	color: #000;	
	line-height:38px;
	letter-spacing:-1px;
}



.nenhum_produto_encontrado{
	width:100%;
	height:auto;
	float:left;
	margin:60px 0 0 0;
	padding: 0 40px 0 0;
	font-size:14px;
	color:#333;
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.carrinho_vazio{
	width: 818px;
	padding: 70px 170px;
}

#footer-pagamento{
	display: none;
}


.abas-base .abas .aba{
	margin-top: 0;
	padding-top: 3px;
	font-weight: 400;
}

.abas-base .abas .aba:first-child{
	-webkit-border-top-left-radius: 3px;
	-moz-border-top-left-radius: 3px;
	-ms-border-top-left-radius: 3px;
	-o-border-top-left-radius: 3px;
	border-top-left-radius: 3px;
}

.abas-base .abas .aba:last-child{
	-webkit-border-top-right-radius: 3px;
	-moz-border-top-right-radius: 3px;
	-ms-border-top-right-radius: 3px;
	-o-border-top-right-radius: 3px;
	border-top-right-radius: 3px;
	
}

.abas-base .conteudos{
	-webkit-border-radius: 0 3px 3px 3px;
	-moz-border-radius: 0 3px 3px 3px;
	-ms-border-radius: 0 3px 3px 3px;
	-o-border-radius: 0 3px 3px 3px;
	border-radius: 0 3px 3px 3px;
}

#termos{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
}

#mp_listagem_materias,
#mp_right_materia ul{
	border-color: #eee;
}

#mp_listagem_materias a img{
	height: auto;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: none;
}

#mp_listagem_materias a span{
	width: -webkit-calc(100% - 200px);
	width: -moz-calc(100% - 200px);
	width: calc(100% - 200px);
}

#mp_listagem_materias a i{
	color: #555;
}

#mp_listagem_materias a h2,
#mp_right_materia ul li a h2{
	color: #000;
}

#mp_listagem_materias a:hover h2,
#mp_right_materia ul li a:hover h2{
	color: #555;
}

#mp_tit_materia{
	color: #000;
}

#descricao_slider_materia{
	background: #000;
}

#mp_right_materia{
	float: left;
}

#meus-pedidos-btnset{height:0; overflow:visible !important; margin: -5px 10px 0 0;}
#meus-pedidos-btnset a{margin:35px 0 0 12px;}

#produtos.slider-embora-produtos .produtos .produto{width: 100% !important; height: auto !important;}
#area-slider-embora h5{text-transform: inherit; font-style: italic;}
#area-slider-embora h5 strong{color: #000;}
#navs-embora div{margin: 178px 0 0 0;}
#navs-embora a polygon{fill: #DDD;}
#navs-embora a:hover polygon{fill: #000;}
#pager-slider-embora div span{border-color: #000;}
#pager-slider-embora div span:hover,
#pager-slider-embora span.swiper-pagination-bullet-active{border-color: #000; background: #000;}

#produto #detalhes .detalhes #bt_comprar { background: url(../../estilos/estilo_imgs/202/car.png) no-repeat #0BB475; background-position: 15px 50% !important; padding: 0 10px 0 30px !important; }
#produto #detalhes .detalhes #bt_comprar:hover{background-color: #333 !important;}
#produto #detalhes .detalhes #bt_comprar i { display: none;}
#produto #detalhes .detalhes #bt_comprar span{ margin: 0 !important;}

#carrinho{
	width: 100%;
	float: left;
}

#menu-left-new,
.combobox input[type="text"]{
	border-color: #dbdbdb !important;
}

#menu-left-new{
	margin-top: 20px;
	background: #FFF !important;
}

.combobox input[type="text"]{
	background-color: #FFF !important;
}

.top-box h4,
.scroll-combobox ul li{
	color: #000 !important;
	text-transform: inherit !important;
}

.combobox i.search{
	position: relative;
	z-index: 10;
}

.combobox i.search path{
	fill: #333 !important;
}

.scroll-combobox ul li:hover,
.scroll-combobox ul li.ativo{
	color: #333 !important;
	opacity: .7;
}

.box-menu-left-open .top-box i polygon{
	fill: #333 !important;
}

.combobox ::-webkit-scrollbar-track {
	background-color:#FFF !important;
}
.combobox ::-webkit-scrollbar-thumb {
	background-color:#333 !important;
}

#filtro-preco input[type="button"]{
	background: #333 !important;
	color: #FFF !important;
	font-weight: 400 !important;
}

#slider-preco{
	background: #dbdbdb !important;
}

#slider-preco .ui-widget-header{
	background: #333 !important;
}

#atendimento #faq {
	width: -webkit-calc(100% - 295px);
	width: -moz-calc(100% - 295px);
	width: calc(100% - 295px);
	height: auto;
	float: right;
	margin: 20px 0 0 0;
}

#atendimento #faq .perguntas{
	width: 200px;
	height: auto;
	float: left;
	margin: 9px 0 0 0;
	padding: 0 20px 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#atendimento #faq .perguntas ul { border-bottom: solid 1px #ccc; overflow: visible; padding: 0 0 15px 0; margin: 0 0 15px 0; }
#atendimento #faq .perguntas ul li { padding: 5px 0; text-align: right; font-size: 16px; overflow: visible; }
#atendimento #faq .perguntas ul li a { display: block; overflow: hidden; line-height: 20px; color: #acacac !important; text-decoration: none; }
#atendimento #faq .perguntas ul li a.ativo { color: #37a6a2 !important; margin: 0 !important; border: none !important; padding: 0 !important;}
#atendimento #faq .perguntas .pesquisar { position: relative; width: 200px; height: 32px; background: #ececec; box-shadow: inset 2px 2px 5px #ccc; border-radius: 4px; }
#atendimento #faq .perguntas .pesquisar .q { width: 150px; height: 20px; padding: 6px 0 6px 14px; background: transparent; font-size: 14px; color: #000; }
#atendimento #faq .perguntas .pesquisar .q.label { color: #666; }
#atendimento #faq .perguntas .pesquisar i { position: absolute; color: #000; font-size: 16px; right: 10px; top: 8px; }

#atendimento #faq .respostas .resposta.aberta h3 {color: #37a6a2 !important;}

#atendimento #faq .respostas{
	width: -webkit-calc(100% - 220px);
	width: -moz-calc(100% - 220px);
	width: calc(100% - 220px);
	float: right;
	margin: 0;
	padding: 15px;
	min-height: inherit;
	border: none;
	background: #f5f5f5;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#atendimento #faq .respostas .resposta {
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 15px 0;
	border-color: rgba(0,0,0,.2) !important;
}

#atendimento #faq .respostas .resposta:first-child{
	padding-top: 0;
}

#atendimento #faq .respostas .resposta:last-child{
	padding-bottom: 0;
}

#atendimento #faq .respostas .resposta h3 { font-weight: bold; font-size: 16px; color: #000; line-height: 20px; cursor: pointer; }
#atendimento #faq .respostas .resposta h3 .seta-aberto { display: none; }
#atendimento #faq .respostas .resposta.aberta h3 .seta-aberto { display: inline-block; }
#atendimento #faq .respostas .resposta.aberta h3 .seta-fechado { display: none; }
#atendimento #faq .respostas .resposta h3 i { margin-right: 8px; font-size: 13px; }
#atendimento #faq .respostas .resposta .hidden { padding: 10px 0 10px 30px; display: none; }
#atendimento #faq .respostas .resposta p { padding: 0 0 10px 0; font-size: 16px; color: #666; line-height: 20px; }
#atendimento #faq .respostas .resposta .fechar { display: block; overflow: hidden; width: 100px; font-size: 11px; line-height: 15px; color: #f00; text-decoration: underline; cursor: pointer; }

#produto #detalhes .coluna1{width:500px;}
#produto #detalhes #foto-grande{float:right;}
#produto #detalhes .coluna2{
	width: -webkit-calc(100% - 520px);
	width: -moz-calc(100% - 520px);
	width: calc(100% - 520px);
min-height: 430px;
}


.formulario .select{
	box-shadow: none;
}

#produto #detalhes .detalhes .bloco_personalizacao{
	width: -webkit-calc(100% / 4);
	width: -moz-calc(100% / 4);
	width: calc(100% / 4);
	height: auto;
	float: left;
	margin: 10px 0 0 0;
	padding: 0 10px 0 0 !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#produto #detalhes .detalhes .bloco_personalizacao label{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
}

#produto #detalhes .detalhes .bloco_personalizacao .select,
#produto #detalhes .detalhes .bloco_personalizacao .select .input_personalizacao{
	float: left;
	margin: 5px 0 0 0;
	width: 100% !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#produto{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	overflow: visible;
}


#sobre{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
}

#sobre .fluid{
	padding: 0;
}

#top-sobre{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
}

#tit-top-sobre{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	font-size: 46px;
	line-height: 46px;
	color: #ab824e;
	text-align: center; overflow: visible;
}

#tit-principal-sobre{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0 0 40px 0;
	font-size: 65px;
	line-height: 65px;
	color: #ab824e;
	text-align: center;
	text-transform: uppercase;
	background: url(../../estilos/estilo_imgs/202/bg_tit_sobre.png) center bottom no-repeat;
}

#texto-one{
	width: 100%;
	height: auto;
	float: left;
	margin: 40px 0 0 0;
	padding: 0;
}

#texto-one p{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	max-width: 460px;
	font-size: 14px;
	line-height: 20px;
	color: #7d7d7d;
}

#area-quem-somos{
	width: 100%;
	height: auto;
	float: left;
	margin: 100px 0 0 0;
	padding: 0;
}

#area-quem-somos-int{
	width: 100%;
	max-width: 960px;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	background: #a67c52;
}

#area-quem-somos-int figure{
	width: 349px;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
}

#area-quem-somos-int img{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
}

#area-quem-somos-int div{
	width: -webkit-calc(100% - 349px);
	width: -moz-calc(100% - 349px);
	width: calc(100% - 349px);
	height: auto;
	float: right;
	margin: 0;
	padding: 100px 70px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#area-quem-somos-int h5{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0 0 45px 0;
	font-size: 65px;
	line-height: 65px;
	color: #FFF;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	background: url(../../estilos/estilo_imgs/202/bg_tit_quem_somos.png) center bottom no-repeat;
}

#area-quem-somos-int p{
	width: 100%;
	height: auto;
	float: left;
	margin: 40px 0 0 0;
	padding: 0;
	font-size: 14px;
	line-height: 20px;
	color: #FFF;
	text-align: center;
}

#cultura{
	width: 100%;
	height: auto;
	float: left;
	margin: 110px 0 0 0;
	padding: 0;
	background: url(../../estilos/estilo_imgs/202/bg_cultura.png) center no-repeat;
}

#cultura div{
	width: 660px;
	height: 660px;
	float: left;
	margin: 0;
	padding: 70px;
	background: #179994;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	position: relative;
}

#cultura h6{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	font-size: 26px;
	line-height: 26px;
	color: #FFF; text-align: center;
}

#cultura h5{
	width: 100%;
	height: auto;
	float: left;
	margin: 20px 0 0 0;
	padding: 0 0 45px 0;
	font-size: 65px;
	line-height: 65px;
	color: #FFF;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	background: url(../../estilos/estilo_imgs/202/bg_tit_quem_somos.png) center bottom no-repeat;
}

#cultura p{
	width: 100%;
	height: auto;
	float: left;
	margin: 40px 0 0 0;
	padding: 0;
	font-size: 14px;
	line-height: 20px;
	color: #FFF;
	text-align: center;
}

#cultura p strong{
	font-weight: 600;
}

#cultura figure{
	width: auto;
	height: auto;
	float: left;
	margin: 0 0 -90px 0;
	padding: 0;
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

#cultura figure img{
	width: auto;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
}

#showroom{
	width: 100%;
	height: auto;
	float: left;
	margin: 180px 0 0 0;
	padding: 0;
}

#showroom-int{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	max-width: 960px;
}

#showroom-int h6{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	font-size: 26px;
	line-height: 26px;
	color: #a67c52; text-align: center;
}

#showroom-int h5{
	width: 100%;
	height: auto;
	float: left;
	margin: 20px 0 0 0;
	padding: 0 0 45px 0;
	font-size: 65px;
	line-height: 65px;
	color: #a67c52;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	background: url(../../estilos/estilo_imgs/202/bg_tit_sobre.png) center bottom no-repeat;
}

#showroom-int figure{
	width: 440px;
	height: auto;
	float: left;
	margin: 50px 0 0 0;
}

#showroom-int img{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
}

#showroom-int div{
	width: -webkit-calc(100% - 440px);
	width: -moz-calc(100% - 440px);
	width: calc(100% - 440px);
	height: auto;
	float: right;
	margin: 0;
	padding: 50px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#showroom-int div p{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 110px 0 0 0;
	background: url(../../estilos/estilo_imgs/202/bg_sobre_home.png) top center no-repeat;
	font-size: 14px;
	line-height: 20px;
	color: #7d7d7d;
	text-align: center;
}

#showroom-int div p strong{
	font-weight: 600;
	color: #1ba19c;
}

@media (max-width: 960px){
	
	#sobre .fluid{
		max-width: 738px;
	}
	
	#area-quem-somos-int figure{
		display: none;
	}
	
	#area-quem-somos-int div{
		width: 100%;
	}
	
	#cultura{
		margin: 0;
		background: none;
	}
	
	#cultura div{
		width: 100%;
		height: auto;
		padding-bottom: 200px;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-ms-border-radius: 0;
		-o-border-radius: 0;
		border-radius: 0;
	}
	
	#showroom-int{
		max-width: 480px;
	}
	
	#showroom-int figure{
		width: 100%;
	}
	
	#showroom-int div{
		width: 100%;
	}
	
}

@media (max-width: 480px){
	
	#tit-top-sobre,
	#cultura h6,
	#showroom h6{
		font-size: 22px;
		line-height: 22px;
	}
	
	#tit-principal-sobre,
	#area-quem-somos-int h5,
	#cultura h5,
	#showroom h5{
		font-size: 42px;
		line-height: 42px;
		padding-bottom: 25px;
	}
	
	#texto-one,
	#area-quem-somos-int p,
	#cultura p{
		margin-top: 25px;
	}
	
	#area-quem-somos{
		margin-top: 50px;
	}
	
	#area-quem-somos-int div,
	#cultura div{
		padding: 50px;
	}
	
	#cultura figure{
		display: none;
	}
	
	#showroom{
		margin-top: 50px;
	}
	
	#showroom-int figure{
		margin-top: 25px;
	}
	
	#showroom-int div p{
		padding-top: 85px;
	}
	
}


#tendencias{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
}

#tendencias .fluid{
	padding: 0;
}

#tit-tendencias{
	width: 100%;
	height: auto;
	float: left;
	margin: 80px 0 0 0;
	padding: 0;
	overflow: visible;
}

#tit-tendencias div{
	width: 320px;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	overflow: visible;
	position: relative;
}

#tit-tendencias div:before{
	content: '';
	width: 196px;
	height: 73px;
	float: left;
	margin: -36px 0 0 -226px;
	padding: 0;
	position: absolute;
	top: 50%;
	left: 0;
	background: url(../../estilos/estilo_imgs/202/detalhe_tit.png) no-repeat;
}

#tit-tendencias div:after{
	content: '';
	width: 235px;
	height: 56px;
	float: left;
	margin: -28px -265px 0 0;
	padding: 0;
	position: absolute;
	top: 50%;
	right: 0;
	background: url(../../estilos/estilo_imgs/202/detalhe_tit2.png) no-repeat;
}

#tit-tendencias h6{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	font-size: 100px;
	line-height: 80px;
	color: #37a6a2;
	text-align: center;
	font-weight: 400;
}

#tit-tendencias h5{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	font-size: 60px;
	line-height: 60px;
	color: #7c7c7c;
	font-weight: 400;
	text-align: center;
}

#list-tendencias{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
}

#list-tendencias li{
	width: 100%;
	height: auto;
	float: left;
	margin: 100px 0 0 0;
	padding: 0;
	list-style: none;
}

#list-tendencias li a{
	width: -webkit-calc((100% / 2) - 40px);
	width: -moz-calc((100% / 2) - 40px);
	width: calc((100% / 2) - 40px);
	height: auto;
	float: left;
	margin: 0;
}

#list-tendencias li a:last-child{
	float: right;
}

#list-tendencias li a img{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
}

#list-tendencias li a h2{
	width: 100%;
	height: auto;
	float: left;
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	font-size: 23px;
	line-height: 28px;
	text-align: left;
	color: #676666;
	font-weight: 400;
	background: url(../../estilos/estilo_imgs/202/bg_menu.png) top center no-repeat;
}

#list-tendencias li a:hover h2{
	color: #37a6a2;
}

#list-tendencias li a p{
	width: 100%;
	height: auto;
	float: left;
	margin: 10px 0 0 0;
	padding: 0;
	color: #7d7d7d;
	font-weight: 400;
	text-align: left;
}

#pager-tendencias{
	width: 100%;
	height: auto;
	float: left;
	margin: 100px 0 0 0;
	padding: 0;
}

#pager-tendencias div{
	width: auto;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
}

#pager-tendencias a{
	width: auto;
	height: auto;
	float: left;
	margin: 0 15px;
	padding: 0;
	font-size: 14px;
	line-height: 14px;
	color: #adacac;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
}

#pager-tendencias a:hover,
#pager-tendencias a.ativo{
	color: #37a6a2;
}

@media (max-width: 768px){
	
	#tit-tendencias{
		margin-top: 50px;
	}
	
	#tit-tendencias div:before,
	#tit-tendencias div:after{
		display: none;
	}
	
	#tit-tendencias h6,
	#tit-tendencias h5{
		font-size: 32px;
		line-height: 32px;
	}
	
	#list-tendencias li{
		margin: 0;
	}
	
	#list-tendencias li a{
		width: -webkit-calc((100% / 2) - 20px);
		width: -moz-calc((100% / 2) - 20px);
		width: calc((100% / 2) - 20px);
		margin-top: 50px;
	}
	
}

@media (max-width: 480px){
	
	#list-tendencias li{
		margin: 0;
	}
	
	#list-tendencias li a{
		width: -webkit-calc((100% / 2) - 7.5px);
		width: -moz-calc((100% / 2) - 7.5px);
		width: calc((100% / 2) - 7.5px);
		margin-top: 50px;
	}
	
	#list-tendencias li a h2{
		font-size: 14px;
		line-height: 20px;
	}
	
}

input[type="text"],
input[type="password"]{
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}

#area-top-login{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 20px 0 60px 0;
}

#area-top-login h6{
	width: 100%; 
	height: auto;
	float: left;
	margin: 0;
	padding: 20px 0; 
	font-size: 32px; 
	line-height: 32px; 
	color: #c69c6d; 
	text-align: center;
	font-weight: 400;
	position: relative;
	font-style: italic;
	z-index: 1;
	font-family: 'Allura', cursive; 
}

#box-login{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 15px;
	background: #12b7b1;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#box-login div{
	width: -webkit-calc(100% / 3);
	width: -moz-calc(100% / 3);
	width: calc(100% / 3);
	height: auto;
	float: left;
	margin: 0;
	padding: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#box-login div h5{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	font-size: 16px;
	line-height: 16px;
	color: #FFF;
	text-align: left;
	font-weight: 700;
}

#box-login div p{
	width: 100%;
	height: auto;
	float: left;
	margin: 20px 0 0 0;
	padding: 0;
	font-size: 14px;
	line-height: 20px;
	color: #FFF;
	text-align: left;
}

@media (max-width: 976px){
	
	#area-top-login{
		padding: 20px 0;
	}
	
	#box-login,
	#box-login div{
		padding: 7.5px;
	}
	
}

@media (max-width: 480px){
	
	#box-login div{
		width: 100%;
		padding: 0 30px;
	}
	
	#box-login div:last-child{
		padding-bottom: 30px;
	}
	
	#box-login div h5,
	#box-login div p{
		text-align: center;
	}
	
	#box-login div h5{
		margin-top: 30px;
	}
	
	#box-login div p{
		margin-top: 10px;
	}
	
}

#produto #detalhes .detalhes .btn-faca-login-cad-preco { background-image:none !important; background: #0BB475 !important; }








#produto-mp{
	width: 100%;
	height: auto;
	float: left;
	margin: 50px 0 0 0;
	padding: 0;
}

#produto-mp .fluid{
	padding: 0;
}

#produto-mp h1{
	width: 450px;
	height: auto;
	float: right;
	margin: 0;
	padding: 0;
	font-size: 25px;
	line-height: 32px;
	color: #484848;
	font-weight: 200;
	text-align: left;
	text-transform: uppercase;
}

#left-produto{
	width: -webkit-calc(100% - 480px);
	width: -moz-calc(100% - 480px);
	width: calc(100% - 480px);
	height: auto;
	float: left;
	margin: 0;
}

#left-produto ul{
	width: 132px;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
}

#left-produto ul li{
	width: 100%;
	height: auto;
	float: left;
	margin: 10px 0 0 0;
	padding: 0;
	list-style: none;
}

#left-produto ul li:first-child{
	margin-top: 0;
}

#left-produto ul li a{
	width: 100%;
	height: 132px;
	float: left;
	margin: 0;
	padding: 0;
	border: #DDD 1px solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#left-produto ul li a:hover,
#left-produto ul li a.ativo{
	border-color: #aaa;
}

#left-produto ul li a img{
	width: auto;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	max-width: 100%;
	max-height: 100%;
}

#left-produto div{
	width: -webkit-calc(100% - 142px);
	width: -moz-calc(100% - 142px);
	width: calc(100% - 142px);
	height: auto;
	float: right;
	margin: 0;
	padding: 10px;
	border: #DDD 1px solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#left-produto div img{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
}

#right-produto{
	width: 450px;
	height: auto;
	float: right;
	margin: 0;
}

#right-produto #ref{
	width: 100%;
	height: auto;
	float: left;
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 12px;
	line-height: 12px;
	color: #999;
	text-align: left;
	text-transform: uppercase;
}

#right-produto #ref span{
	width: auto;
	height: auto;
	float: left;
	margin: 0 30px 0 0;
	padding: 0;
}

#right-produto #valor{
	width: auto;
	height: auto;
	float: left;
	margin: 30px 0 0 0;
	padding: 0;
	font-size: 28px;
	line-height: 28px;
	color: #777;
	font-weight: 300;
	text-transform: uppercase;
}

#right-produto #cores{
	width: auto;
	height: auto;
	float: right;
	margin: 30px 0 0 0;
	padding: 0;
	position: relative;
overflow: visible;
}

#right-produto #cores:before{
	content: 'CORES';
	width: auto;
	height: auto;
	float: left;
	margin: -15px 0 0 0;
	padding: 0;
	position: absolute;
	top: 0;
	right: 0;
	font-size: 11px;
	line-height: 11px;
	color: #999;
}

#right-produto #cores a{
	width: 32px;
	height: 32px;
	float: left;
	margin: 0 0 0 5px;
	padding: 0;
	border: #12b7b1 1px solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
}

#right-produto #cores a.estoque_zero{
	position: relative;
	border: none !important;
	pointer-events: none;
}

#right-produto #cores a.estoque_zero::before{
	content: '';
	width: 100%;
	height: 100%;
	float: left;
	margin: 0;
	padding: 0;
	overflow: visible;
	position: absolute;
	top: 0;
	left: 0;
	background: #f00;
	clip-path: polygon(86% 0, 100% 0%, 14% 100%, 0% 100%);
}

#right-produto #qtd{
	width: 100%;
	height: auto;
	float: left;
	margin: 30px 0 0 0;
	padding: 0;
	position: relative
}

#right-produto #qtd:before{
	content: 'QUANTIDADE';
	width: auto;
	height: auto;
	float: left;
	margin: -10px 0 0 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 11px;
	line-height: 11px;
	color: #999;
}

#right-produto #qtd li{
	width: 100%;
	height: auto;
	min-height: 36px;
	float: left;
	margin: 10px 0 0 0;
	padding: 0 0 0 96px;
	list-style: none;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#right-produto #qtd li fieldset{
	width: 86px;
	height: 36px;
	float: left;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	border: #aaa 1px solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#right-produto #qtd li fieldset button{
	width: 23px;
	height: 34px;
	float: left;
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	border-right: #aaa 1px solid;
	cursor: pointer;
}

#right-produto #qtd li fieldset button:last-child{
	float: right;
	border-right: none;
	border-left: #aaa 1px solid;
}

#right-produto #qtd li fieldset button:hover{
	background: #ddd;
}

#right-produto #qtd li fieldset button svg{
	width: 10px;
	height: 10px;
	float: left;
	margin: 0;
}

#right-produto #qtd li fieldset button path,
#right-produto #qtd li fieldset button polygon{
	fill: #333;
}

#right-produto #qtd li fieldset input[type="text"]{
	width: -webkit-calc(100% - 46px);
	width: -moz-calc(100% - 46px);
	width: calc(100% - 46px);
	height: 34px;
	float: left;
	margin: 0;
	padding: 0;
	background: #FFF;
	border: none;
	color: #666;
	font-size: 22px;
	line-height: 34px;
	text-align: center;
	outline: none;
}

#right-produto #qtd li span{
	width: 100%;
	height: auto;
	float: left;
	margin: 8px 0 0 0;
	padding: 0;
	font-size: 14px;
	line-height: 20px;
	color: #666;
	text-align: left;
}

#right-produto #btn{
	width: 100%;
	height: auto;
	float: left;
	margin: 30px 0 0 0;
	padding: 0;
}

#right-produto #btn input[type="submit"]{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 56px;
	color: #FFF;
	text-transform: uppercase;
	background: #12b7b1;
	border: none;
	cursor: pointer;
	letter-spacing: 2px;
-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
}

#right-produto #btn input[type="submit"]:hover{
	background: #999;
}

#right-produto #descricao{
	width: 100%;
	height: auto;
	float: left;
	margin: 30px 0 0 0;
	padding: 0;
}

#right-produto #descricao h6{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 14px;
	color: #666;
	text-transform: uppercase;
	text-align: left;
	font-weight: 300;
}

#right-produto #descricao div{
	width: 100%;
	height: auto;
	float: left;
	margin: 15px 0 0 0;
	padding: 0;
}

#right-produto #descricao div p{
	font-size: 12px;
	line-height: 20px;
	color: #555;
	text-align: left;
}

@media (max-width: 1260px){
	
	#left-produto ul{
		width: 80px;
	}
	
	#left-produto ul li a{
		height: 80px;
	}
	
	#left-produto div{
		width: -webkit-calc(100% - 90px);
		width: -moz-calc(100% - 90px);
		width: calc(100% - 90px);
	}
	
}

@media (max-width: 768px){
	
	#produto-mp{
		margin-top: 30px;
	}
	
	#produto-mp h1{
		width: 100%;
		text-align: center;
	}
	
	#left-produto{
		width: 250px;
		margin-top: 30px;
	}
	
	#left-produto div{
		width: 100%;
	}
	
	#left-produto ul{
		width: -webkit-calc(100% + 10px);
		width: -moz-calc(100% + 10px);
		width: calc(100% + 10px);
	}
	
	#left-produto ul li{
		width: -webkit-calc((100% / 4) - 10px);
		width: -moz-calc((100% / 4) - 10px);
		width: calc((100% / 4) - 10px);
		margin: 10px 10px 0 0 !important;
	}
	
	#left-produto ul li a{
		height: 80px;
	}
	
	#right-produto{
		width: -webkit-calc(100% - 265px);
		width: -moz-calc(100% - 265px);
		width: calc(100% - 265px);
		margin-top: 20px;
		position: relative;
	}
	
	#right-produto #ref{
		width: 100%;
		/*position: absolute;*/
		margin-top: 10px;
		top: 0;
		left: 0;
	}
	
	#right-produto #ref span{
		margin: 0 15px 0 0;
	}
	
	#right-produto #valor{
		margin-top: 8px;
	}
	
	#right-produto #cores{
		width: 100%;
		margin-top: 15px;
	}
	
	#right-produto #cores:before{
		position: relative;
		width: 100%;
		text-align: left;
		margin: 0;
	}
	
	#right-produto #cores a{
		margin: 5px 5px 0 0;
	}
	
	#right-produto #btn{
		width: auto;
		margin-top: 20px;
	}
	
}

@media (max-width: 560px){
	
	#left-produto{
		width: 100%;
	}
	
	#right-produto{
		width: 100%;
	}
	
}

@media (max-width: 480px){
	
	#produto-mp h1{
		font-size: 22px;
		line-height: 26px;
		font-weight: 300;
	}
	
}




@media (max-width: 768px){ #produto #detalhes .coluna2{min-height: inherit; }