body{color:#5d5d5d;font-size:13px;line-height:20px;font-family:Lato, Source Sans Pro,Arial, Helvetica, sans-serif;} .hidden{display:none !important;} a{outline:none;color:#383838;;} a:visited{color:#383838;} fieldset{border:none;} ul li, ol li{list-style:none !important;} p{margin-bottom:4px;padding-bottom:5px;} img{border:medium none;height:auto;max-width:100%;} input[type="password"], input[type="text"], select, textarea{border:solid 1px #929494;padding:5px;height:38px;font-size:12px; /*background:url(/imgs/bg_input.jpg) repeat-x center top; blacfiday*/} #busca input[type="text"]{border:solid 1px #c2503d; border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;width:100%;height:40px;padding-right:30px;} select{height:40px;padding:9px 2px;width:105%;} input.error{border:solid 2px #FF0000 !important;} label.error{padding-left:0;} textarea{height:110px;} .invalido{border:solid 2px #ff0000 !important;} label.invalido{display:none !important;} button{border:none;width:85px;height:40px;text-transform:uppercase;color:#ffffff;background-color:#5D676C;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;cursor:pointer;} h2{color:#292929;font-weight:normal;font-size:21px;} h3{font-weight:normal;} .botoesVT{display:none;} .logomarca a{display:block;} .vermelho{background-color:#de5e49; } .branco{background-color:#ffffff;color:#de5e49;} .container{max-width:1260px;min-width:300px;margin:auto;padding:0 30px;} .msg_add_frete_gratis{ color: #63ae26; font-size: 20px; font-weight: bold; text-transform: uppercase; padding: 10px 0 15px 0; border-bottom: solid 3px #63ae26; text-align: center; margin-bottom: 30px; } #popup_home { display: none; } .minibanners li{ width: 300px; } #topo{width:100%;border-bottom:1px solid #e1e0dd;} #topo .superior{height:30px;width:100%;} #topo .superior .menu_contato{float:right;margin-top:10px;overflow:auto;} #topo .superior ul li{float:left;margin:0 5px;} #topo .superior ul li a{text-decoration:none;} #topo .superior ul li a:hover{text-decoration:underline;} #topo .meio .logomarca{float:left;margin-top:15px;width:20%; max-width:240px; /*20%*/} #topo .meio .contatos{float:right;margin:40px 0 0;width:80%;} #topo .meio .contatos .box{float:left;margin:0 10px;padding-right:55px;width:19%;display:block;color:#938c8b;text-transform:uppercase;font-size:10px;text-align:right; min-width: 160px;} #topo .meio .contatos .horario{width: 35%;} #selo25anos{ float: right; width: 70px; padding-bottom: 20px;} #topo .meio span p{font-weight:bold;font-size:13px;color:#3d3d3d;} #topo .meio .contatos .chat{padding:0px;float:right;} #topo .meio .contatos .chat a{height:58px;text-indent:-5000px;display:block;width:197px;} #topo .meio .contatos .atendimento{background:url(/imgs/ico_atendimento-novo-v2.png) no-repeat center right;} #topo .meio .contatos .horario{background:url('/imgs/icon-clock.png') no-repeat center right;} #topo .meio .contatos .whats{background:url(/imgs/ico_whats.png) no-repeat center right;} #topo .meio .contatos .whats a{text-decoration: none;} #topo .meio .contatos .televendas{background:url(/imgs/ico_televendas-novo-v2.png) no-repeat center right;} #topo .barra.vermelho{height:60px;width:100%;} #topo .menu_produtos{width:100%;position:relative;border-top:1px solid #de5e49;margin-top:15px;} #topo .menu_produtos ul li{float:left;display:block;} #topo #menu-fabricantes ul li{display:inline-block; min-width: 150px;} #topo #menu-fabricantes ul li ul li{border-bottom: 2px solid #FFF;} #topo #menu-fabricantes ul li ul li:hover{border-bottom: 2px solid #e33131;} #topo .menu_produtos ul li.home{display:none;} #topo .menu_produtos ul li a{display:block;font-size:14px;padding:20px;text-decoration:none;text-transform:uppercase;} #topo .menu_produtos ul li .mobile{ display: none;} #topo .menu_produtos ul li > a{padding:10px 13px;display:inline-block;line-height:30px;} #topo .menu_produtos ul li:first-child a{padding-left:0;} @keyframes fa-blink { 0% { opacity: 1; } 50% { opacity: 0.6; } 100% { opacity: 0.3; } } #topo .menu_produtos>ul>li:last-child>a{color:#FF0000; font-weight: bold; -webkit-animation: fa-blink .75s linear infinite; -moz-animation: fa-blink .75s linear infinite; -ms-animation: fa-blink .75s linear infinite; -o-animation: fa-blink .75s linear infinite; animation: fa-blink .75s linear infinite; } #topo .menu_produtos>ul>li:first-child>a{ -webkit-animation: none; -moz-animation: none; -ms-animation: none; -o-animation: none; animation: none; } #topo .menu_produtos ul li:hover{background-color:#ffffff;} #topo .menu_produtos ul li:hover a{color:#de5e49;} #topo #menu-fabricantes ul li:hover{ background: none;} #topo #menu-fabricantes{ width: auto; float: left; margin-top: 0; padding: 4px 0; } #topo .menu_produtos ul li.home a{background:url(/imgs/ico_home.png) no-repeat center center;text-indent:-5000px; padding:10px 16px;} #topo .menu_produtos .submenu{background-color:#ffffff;border-bottom:5px solid #c83e19;display:none;left:0;padding:30px 30px 20px;position:absolute;width:96%;max-width:1200px;z-index:9999999;-webkit-box-shadow:2px 7px 18px 0px rgba(50, 50, 50, 0.21);-moz-box-shadow:2px 7px 18px 0px rgba(50, 50, 50, 0.21);box-shadow:2px 7px 18px 0px rgba(50, 50, 50, 0.21);} #topo #menu-fabricantes .submenu{width: 360px;} #topo .menu_produtos .submenu .lista_menu{overflow:auto;background:url(/imgs/bg_lista_menu.jpg) repeat-x 0 55px;} #topo .menu_produtos .submenu .box{float:left;margin:0;width:20%;} #topo .menu_produtos .submenu .box:last-child{margin-right:0px;} #topo .menu_produtos .submenu .box h3 span.mobile, #filtros .submenu .box h3 span.mobile{display:none;} #topo .menu_produtos .submenu .box h3 a, #topo .menu_produtos .submenu .box h3 span.mobile{color:#000000;font-size:15px;padding:20px 0 20px 0;text-transform:capitalize;color:#000000 !important;} #topo .menu_produtos .submenu .box ul{margin-top:10px;} #topo .menu_produtos .submenu .box ul li{border:none;float:none;background:url(/imgs/marcador_menu.png) no-repeat left center;padding-left:10px;} #topo .menu_produtos .submenu .box h3 ul li a{text-transform:capitalize;color:#534c4c;padding:5px;font-size:13px;border:none;line-height:25px;} #topo .menu_produtos .submenu h3 ul li a:hover{color:#c83e19 !important;} #topo .barra.vermelho .busca{float:left;margin-top:11px;width:47%;position:relative;} #topo .barra .busca input{font-size:17px;} #topo .barra.vermelho button{background:url(/imgs/ico_lupa.png) no-repeat center center;position:absolute;right:-11px;text-indent:-5000px;top:0px;width:50px;} #topo .barra.vermelho .carrinho, #topo .barra.vermelho .meus-pedidos{width:18%;float:right;border:solid 1px #ebebeb;border-top:none;border-bottom:none;} #topo .barra.vermelho .carrinho a{display:block;padding:20px;border-right:1px solid #c83e19;border-left:1px solid #c83e19; text-align:center;color:#ffffff;text-decoration:none;font-size:18px;background: #e27b6a url(/imgs/ico_carrinho.png) no-repeat 35px 20px;} #chamadas .inferior{padding:20px 0;} #chamadas .chamadas{width:100%;margin:auto; box-sizing: border-box;} .chamadas .owl-stage-outer{ width: 100%; } .owl-theme .owl-dots .owl-dot, .owl-dots{ display: flex !important; align-items: center; justify-content: center; } .owl-nav{ font-size: 50px; z-index: 1000; color:#FFF; } .owl-nav button{ width: auto; top: 50%; margin-top: -52px !important; } .owl-prev { width: 15px; height: 100px; position: absolute; left: 0; display: block !important; border:0px solid black; } .owl-next { width: 15px; height: 100px; right: 0; position: absolute; display: block !important; border:0px solid black; } .produtos .owl-nav{ color: #666; } /*#topo .inferior .box{border-right:3px; solid #f9f3f2; display: inline-block; font-size:15px; float: left; width: 25%;} /*#topo .inferior .box:first-child{margin-left:0;} #topo .inferior .box:last-child{border:none;padding-right:0px;}*/ #chamadas .inferior .box div{ padding: 0 25px 0 65px;} #chamadas .inferior .box h3{font-size:18px;text-transform:uppercase;color:#e33131;font-weight:bold;} #chamadas .inferior .box.cartao{background:url(/imgs/ico_cartao.png) no-repeat center left;} #chamadas .inferior .box.frete{background:url(/imgs/ico_caminhao.png) no-repeat center left;} #chamadas .inferior .box.desconto{background:url(/imgs/ico_boleto.png) no-repeat center left;} #chamadas .inferior .box.compra-segura{background:url(/imgs/ico-compra-segura.png) no-repeat center left;} #chamadas .inferior .box.compra-segura div{ padding: 0 25px 0 45px;} /*#miolo #banner{background:url("/imgs/banners/banner-feiradastoalhas-out-16-1-fundo.jpg") /*#e8eced* / no-repeat center center;border-bottom:1px solid #e1e0dd; height: 340px}*/ /* 10% cartao */ /*#miolo #banner{background-image:url("/imgs/banners/banner-feiradastoalhas-ago-16-1.gif");}*/ /* 10% cartao */ /*#miolo #banner{background-image:url("/imgs/banners/banner-feiradastoalhas-ago-16-1.gif");}*/ /*#miolo .bx-wrapper{max-width:1260px !important;}*/ #miolo{background-color:#FFF;width:100%;} #miolo .conteudo p{line-height:22px;margin-bottom:8px;} #miolo ul{padding-left:10px;} #miolo ul li{margin-bottom:15px;padding-left:14px;} #miolo #banner ul li, #miolo #banner_centro ul li{ margin: 0 !important; padding: 0 !important} #miolo .titulo h2{margin:50px 0 35px;float:left;} #miolo .categorias{float:left;margin:53px 0 0 -11px;} #miolo .categorias ul li{float:left;color:#f16136;} #miolo .categorias ul li a{text-decoration:none;color:#f16136;} #miolo .categorias ul li a:hover{text-decoration:underline;} #miolo .interna .filtros{clear:both;margin-bottom:10px;overflow:auto;width:100%;} #miolo .interna .filtros ul{padding:0px;} #miolo .interna .filtros ul li{float:left;margin:0 5px;padding:0px;color:#e33131;} #miolo .interna .filtros ul li a{text-decoration:none;color:#e33131;} #miolo .interna .filtros ul li a:hover{text-decoration:underline;} #miolo .interna .breadcrumb{float:left;} #miolo .interna .filtros .qtd_produtos{float:right;margin-top:11px;} #miolo .interna .ordenador select{/*display:none;*/width:120px;} #miolo .interna{padding-top:50px;} #miolo .lista-produtos{padding-top:15px;} #miolo .interna .lista_produtos{float:left;margin-left:5%;width:75%;} #miolo .interna .linha{float:right;width:100%;} #miolo .interna .linha .produto:nth-child(3n){margin-right:0;} #miolo .interna .linha .produto, #home .produto{margin-right:5%; position: relative;} #miolo .interna .linha .produto .selo_torra, #home .produto .selo_torra{ position: absolute; width: 85px; height: 106px; background: url('/imgs/selo-feira-pronto.png'); left: 5px; top: 5px; font-weight: bold; color: #FFF; font-size: 18px; text-align: center; padding-top: 20px; } #miolo .linha .titulo{overflow:auto;width:95%;} div.pagination{ margin: 25px auto; float: none; text-align: center; padding-right: 60px;} div.pagination a, div.pagination span.current, div.pagination span.disabled, div.pagination a:hover, div.pagination a:active{padding: 5px 10px; margin-left: 10px; font-size: 12px;} div.pagination span.dots{border:none;} #miolo .linha .produtos{overflow:auto;} .produtos .owl-dots{ display: none; } #miolo .linha .produto{background-color:#ffffff;border-bottom:1px solid #dedede;float:left;height:auto;margin:0 5% 2% 0;padding:14px;max-width:250px;width:25%;min-width:250px;} #miolo .linha .produto a{text-decoration:none;} #miolo .linha .produto a:hover{text-decoration:underline;} #miolo .linha .produto:first-child{margin-left:0px;} #miolo #home .produto:nth-child(4n){margin-right:0px;} #miolo .linha .produto .img{width:200px;height:170px;margin:10px auto 40px;} #miolo .linha .produto .descricao{color:#383838;font-size:14px;margin-bottom:15px;height:60px;} #miolo .linha .produto .preco_velho{text-decoration:line-through;} #miolo .linha .produto .preco_novo{color:#f16136;font-size:24px;font-weight:bold;margin:5px 0px;} #miolo #black-friday .linha .produto .preco{overflow: auto} #miolo #black-friday .linha .produto .preco_velho{float: left;} #miolo #black-friday .linha .produto .preco_novo{ padding-top:10px; clear: both;} #miolo #opnioes-home{ margin-top: 25px; } #miolo .col_esquerda{float:left;width:20%;} #miolo .col_esquerda .btn_filtros{display:none;} #miolo ul#filtros{padding-left:0px;} #miolo ul#filtros li{padding-left:0px;} /*#miolo .col_esquerda #filtros .submenu{display: none;} #miolo .col_esquerda #filtros .aberto{ display: block;}*/ #miolo .col_esquerda #filtros .submenu .box{margin-top:10px;} #miolo .col_esquerda #filtros .submenu.fechado{display: none;} #miolo .col_esquerda #filtros .submenu.aberto{display: block;} #miolo .col_esquerda #filtros .submenu .box ul li:last-child{border-bottom:1px solid #dedede;padding-bottom:10px;} #miolo .col_esquerda #filtros li a{display:block;font-size:15px;margin:10px 0 0 0px;text-decoration:none;text-transform:uppercase;font-weight:bold;border-bottom:2px solid #e33131;padding:10px 0px;} #miolo .col_esquerda #filtros li .submenu h3 a{border:medium none;font-weight:normal;text-transform:capitalize;padding:0;} #miolo .col_esquerda #filtros li .submenu h3 ul li a{padding-left:15px;} #miolo .col_esquerda .box .produtos{background-color:#ffffff;border:1px solid #dedede;padding:25px;margin-top:19px;} #miolo .col_esquerda h3 a.titulo_categoria{color:#e33131;font-weight:bold;text-transform:uppercase;margin-bottom:20px;} #miolo .col_esquerda h3 a.mobile{color:#383838;border:none;background:url(/imgs/marcador_menu.png) no-repeat left center;padding-left:15px !important;} #miolo .col_esquerda .box ul{padding:10px 0px 0px 0px;} #miolo .col_esquerda .box ul.fechado{display:none} #miolo .col_esquerda .box ul.aberto{display:block} #miolo .col_esquerda .box ul li{background:url(/imgs/marcador_menu.png) no-repeat 0px 8px;padding-left:15px;} #miolo .col_esquerda .box ul li a{text-decoration:none;} #miolo .col_esquerda .box ul li a:hover{text-decoration:underline;} #miolo #banner_meio{margin-top:50px;width:100%;} #miolo #banner_rodape{background-color:#f0f0e6;height:500px;margin-top:50px;border-top:solid 1px #dedede;border-bottom:solid 1px #dedede;} #miolo #banner_rodape img{height:auto;} #miolo #conteudo{background-color:#ffffff;margin:10px 0;padding:10px 20px;border:solid 1px #e1e0dd;} #miolo .conteudo{float:left;width:100%;padding-bottom:50px;} #miolo .conteudo h2{margin:50px 0 30px;font-size:25px;border-bottom:1px solid #de5e49;padding-bottom:20px;} #miolo .conteudo h3{margin:30px 0 30px;font-size:20px;} #miolo .conteudo ul li{padding-left:15px;background:url(/imgs/marcador_lista.png) no-repeat 0px 7px;} #miolo .conteudo.fale_conosco p{text-align:center;font-size:20px;} #miolo .conteudo .contatos{width:45%;margin:20px auto 50px;} #miolo .conteudo .contatos table{float:left;width:100%;} #miolo .conteudo .contatos input, input[type="password"], input[type="text"], select, textarea{width:100%;margin:1px 0px;} #miolo .conteudo .contatos th label{width:100px;text-align:left;display:block;} #miolo .conteudo .contatos label.required{background:url("/adm/frontend/imgs/required.gif") no-repeat scroll 0 6px transparent;} #topo .menus{float:left;width:32%;} #topo .menus .busca_carrinho{display:none;float:left;width:40%;} #topo .menus .busca_carrinho a{float: left; width: auto; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #FFF; text-decoration: none;} #topo .menus .busca_carrinho a i{ color: #FFF; font-size: 21px;} #topo .menus .busca_carrinho .btn_carrinho{float:right;} #banner .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{bottom:10px;right:10px; width: auto;} #banner .bx-wrapper .bx-pager.bx-default-pager a:hover, #banner .bx-wrapper .bx-pager.bx-default-pager a.active{background:none repeat scroll 0 0 #ffffff !important;} #banner .bx-wrapper .bx-pager.bx-default-pager a{background-color:#d5d6d6 !important;} #banner .bx-controls-direction{display:block;} #banner .bx-wrapper .bx-prev{background:url("/imgs/controls.png") no-repeat scroll 0 -32px rgba(0, 0, 0, 0);left:10px;} #banner .bx-wrapper .bx-next{background:url("/imgs/controls.png") no-repeat scroll -43px -32px rgba(0, 0, 0, 0);right:10px;} #banner .bx-wrapper{margin:0 auto 15px !important;} #rodape .fornecedores .bx-viewport{margin:25px auto 0px;width:86% !important;} #rodape .fornecedores .bx-wrapper{max-width:100% !important;} #rodape .fornecedores .bx-pager .bx-default-pager{width:150px;} #rodape .fornecedores .bx-wrapper .bx-prev{background:url("/imgs/controls.png") no-repeat scroll 0 -32px rgba(0, 0, 0, 0);left:10px;} #rodape .fornecedores .bx-wrapper .bx-next{background:url("/imgs/controls.png") no-repeat scroll -43px -32px rgba(0, 0, 0, 0);right:10px;} #rodape .fornecedores .bx-wrapper .bx-pager{display:none;} #rodape{padding-bottom:20px;position:relative;width:100%;} #rodape .logomarca{margin-bottom:20px;width:187px;} #rodape .logomarca a{height:52px;} #rodape .fornecedores{border-bottom:9px solid #f2f2f2;height:130px;} #rodape .newsletter{background:url(/imgs/bg_newsletter.png) no-repeat center bottom;margin-bottom:50px;padding-bottom:15px;} #rodape .newsletter h2{float:left;font-size:29px;font-weight:300;margin:50px} #rodape .newsletter form{float:left;margin-top:42px;width:60%;} #rodape .newsletter form input{float:left;margin:0 1%;width:39%;border-radius:0;border:solid 1px #cccccc;font-size:17px;} #rodape .newsletter form button{width:50px;border-radius:0;background-color:#fdb921;color:#ffffff;border-color:#efae1b;height:38px;} #rodape .news{ padding: 20px; background: #de5e49; color: #FFF; vertical-align: middle; margin-top: 15px; box-sizing: border-box; } #rodape .news div div:first-child{ width: 40%; display: inline-block; text-align: center; box-sizing: border-box; } #rodape .news div:first-child p:first-child{ text-transform: uppercase; font-weight: 900; font-size: 20px; } #rodape .news div div:first-child p:last-child{ } #rodape .news div div:last-child{ width: 60%; display: inline-block; height: auto; vertical-align: text-bottom; box-sizing: border-box; margin-right: -4px; text-align: center; } #rodape .news div div:last-child form{ width: 90%; display: inline-block; position: relative; } #rodape .news div div:last-child input[type=text]{ border-radius: 25px; padding:5px 50px 5px 25px; } #rodape .news div div:last-child button{ position: absolute; background: none; border: none; right: 5px; color: #de5e49; width: 35px; font-weight: 900; } #rodape .box{float:left;width:13%;margin:0 1%;color:#4e4e4c;text-align:left;} #rodape .endereco, #rodape .contatos{width: 18%;} #rodape .box h3{font-size:20px;color:#f16136;margin-bottom:20px;} #rodape .box ul li{margin-bottom:8px;} #rodape .box ul li a{text-decoration:none;} #rodape .box ul li a:hover{text-decoration:underline;} #rodape .social.box ul li{ width: 100px; display: inline-block; margin: 0 5px; width: 50px; margin-right: 5px;} #rodape .social.box ul li a{ display:block; text-indent: -5000px; height: 50px;} #rodape .social.box ul li a{ background: url('/imgs/social-icons.jpg') no-repeat; 1px 0} #rodape .social.box ul li.instagram a{ background-position: -151px -50px;} .descricao-categoria{ margin-bottom: 15px; } .descricao-categoria p { margin: 0; padding: 0; } #widgets-sociais{ margin-top: 10px; margin-bottom: 20px;} #widgets-sociais h2 { background: rgba(0, 0, 0, 0) url("/imgs/instagempng.png") no-repeat scroll 0 0; font-size: 20px; height: 50px; padding: 9px 0 0 50px; margin-bottom: 15px; line-height: 20px; } #widgets-sociais #widget-facebook{ width: 45%; margin-right: 10%; float: left; } #widgets-sociais #widget-facebook h2 { background: rgba(0, 0, 0, 0) url("/imgs/facebook.png") no-repeat scroll 0 0; } #widgets-sociais #widget-instagram{ width: 45%; float: left; } #widgets-sociais #widget-instagram ul{ height: 182px; box-sizing: border-box; } #widgets-sociais #widget-instagram ul li{ float: left; width: 33%; box-sizing: border-box; } #widgets-sociais #widget-instagram ul li a{ margin: 0 0 5px 5px; position: relative; height: 0; display: block; padding-bottom: 100%; } #widgets-sociais #widget-instagram ul li:first-child a{ margin-left: 0;} #widgets-sociais #widget-instagram ul li a figure{ position: absolute; width: 100%; height: 100%; } #widgets-sociais #widget-instagram ul li a figure img{ height: 100%; max-height: 100%; width: 100%; } #widgets-sociais #widget-facebook h2 { background: rgba(0, 0, 0, 0) url("/imgs/facebook.png") no-repeat scroll 0 0; } #shop55 div{ margin-top: 10px; box-sizing: border-box; display: inline-block;} #rodape .conteudos{ background:url(/imgs/bg_newsletter.png) no-repeat center top; margin-top:5px; padding-top:40px; } #rodape .box.endereco h3{font-weight:bold;margin-bottom:10px;color:#4e4e4c;font-size:15px;} #rodape .box span{color:#938c8b;font-size:10px;margin-bottom:10px;text-align:right;text-transform:uppercase;width:75%;float:right;} #rodape .box span p{font-weight:bold;font-size:13px;color:#3d3d3d;} #rodape .box .chat{padding:0px;margin-bottom:20px;width:85%;} #rodape .box .atendimento{background:url(/imgs/ico_atendimento-novo-v2.png) no-repeat center left;} #rodape .box .whats{background:url(/imgs/ico_whats.png) no-repeat center left;} #rodape .box .whats a{ text-decoration: none; } #rodape .box .televendas{background:url(/imgs/ico_televendas-novo-v2.png) no-repeat center left;} #rodape .selos{border-top:1px solid #ecece7;clear:both;padding-top:20px;} #rodape .selos .cartoes{float:left;width:35%;height:50px;} #rodape .selos .entrega{float:left;width:15%;height:20px;text-align:center;margin-top:10px;} #rodape .selos .selos_seguranca{float:right;width:50%;height:80px;} #rodape .selos .selos_seguranca li{width:auto;margin-right:8px;display:table-cell;padding:0 0 0 20px;vertical-align:top;} #rodape .selos .selos_seguranca li:first-child{ padding-left: 0;} #rodape .selos .selos_seguranca li:last-child{ padding-right: 0;} #rodape .selos .selos_seguranca li img{ max-height: 90px; } #rodape .assinatura{clear:right;float:right;margin-top:24px;width:100%;} #rodape .assinatura a{float:right;} #rodape .assinatura p{float:left;} .menu_responsive{display:none;} *, *:before, *:after{box-sizing:border-box;margin:0;padding:0;} #miolo #detalhes-produto.container.interna{padding-top:20px; position: relative;} #miolo #detalhes-produto.container.interna #selo-black-friday{ position: absolute; top: 0; right: 0;} #detalhes-produto, #carrinho{border:1px solid #ebebeb;background:#FFF;border-top:none;margin-bottom:25px;} #galeria{float:left;width:55%;padding-right:3%;} #galeria ul{padding:0px;margin:0px;} #galeria ul li{padding:0px;margin:0px;width:80px;float:left;} #galeria ul li img{height:75px;} #acoes{float:right;width:45%;} p.indisponivel{ font-weight: bold; color: #FF0000; text-transform: uppercase; } #image-produto{margin-bottom:15px;overflow:hidden;} #image-produto img{margin:0 auto;max-height:750px;max-width:100%;border:solid 3px #9f9f9f;} #miolo ul#produtos-agrupados{padding:0;margin:10px 0 0 0;overflow:auto;} #miolo ul#produtos-agrupados li{width:40px;float:left;margin:0 7px 0 0;padding:0;border:solid 3px #ebebeb;} #miolo ul#produtos-agrupados li.texto{width:260px;margin-bottom:3px;border:none;} .aviso_mini{margin-top:10px;color:#999;font-size:14px;} #miolo ul#produtos-agrupados li.texto input{margin-right:5px;} #produtos-agrupados li img{width:100%;display:block;} #miolo ul#produtos-agrupados li.marcado{border-color:#f16136;} #descricao{border-top:2px solid #f8f8f8;clear:both;margin-top:36px;overflow:auto;float:left;width:100%;} #miolo .breadcrumb{border-bottom:2px solid #e33131;width:100%;margin-bottom:15px; padding-bottom: 10px;} #miolo .breadcrumb li a, #miolo #detalhes-produto .breadcrumb li a:visited{color: #de5e49; text-decoration: none;} #miolo .breadcrumb ul{ padding: 0;} #miolo .breadcrumb ul li{float:left;color:#de5e49;margin:0;padding:0px;font-weight:bold;} #miolo #detalhes-produto h3{font-size:31px;margin:50px 0 25px 0;font-weight:300;line-height:33px;} #miolo #detalhes-produto .preco{border-bottom:solid 2px #f8f8f8;margin-bottom:30px;padding-bottom:20px;overflow: auto;} #miolo #detalhes-produto #acoes span{font-size:18px;} #miolo #detalhes-produto .preco .preco_velho{margin-bottom:20px;text-decoration:line-through;display:block;} #miolo #detalhes-produto .preco .desconto{/*color:#69b52d;*/ background-color: #69b52d; color: #fff; line-height: 38px; padding: 5px 7px; font-weight: bold} #miolo #detalhes-produto .preco .parcelamento{display:block;clear:both;} #miolo #detalhes-produto .preco h3{margin:0px 15px 0px 0px;font-weight:400;color:#f16136;float:left;} #miolo #detalhes-produto .boleto{padding-left:45px; background:url("/imgs/ico_boleto_detalhes.png") no-repeat scroll left 0px rgba(0, 0, 0, 0);border-bottom:2px solid #f8f8f8;margin-bottom:30px;padding-bottom:20px;} #miolo #detalhes-produto .boleto .preco_boleto{font-size:25px;font-weight:bold;margin-bottom:20px;display:block;} #miolo #addtocart h3{margin:20px 0;} #miolo .btn_comprar{background:#75c038;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc1YzAzOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2M2FlMjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(top, #75c038 0%, #63ae26 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#75c038), color-stop(100%,#63ae26));background:-webkit-linear-gradient(top, #75c038 0%,#63ae26 100%);background:-o-linear-gradient(top, #75c038 0%,#63ae26 100%);background:-ms-linear-gradient(top, #75c038 0%,#63ae26 100%);background:linear-gradient(to bottom, #75c038 0%,#63ae26 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#75c038', endColorstr='#63ae26',GradientType=0);font-size:1.4em;height:60px;margin:30px 0;padding:10px;width:100%;position:relative;border:solid 1px #5ba71e;} #miolo .btn_comprar:hover{background:#63ae26;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYzYWUyNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3NWMwMzgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(top, #63ae26 0%, #75c038 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#63ae26), color-stop(100%,#75c038));background:-webkit-linear-gradient(top, #63ae26 0%,#75c038 100%);background:-o-linear-gradient(top, #63ae26 0%,#75c038 100%);background:-ms-linear-gradient(top, #63ae26 0%,#75c038 100%);background:linear-gradient(to bottom, #63ae26 0%,#75c038 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63ae26', endColorstr='#75c038',GradientType=0);} #miolo .btn_comprar .ico_carrinho{background:url(/imgs/ico_carrinho_btn.png) no-repeat left center;padding-left:35px;} #miolo #simularFrete{background-color:#fbfbfb;padding:2%;width:100%;} #miolo #simularFrete table{width:100%;} #miolo #simularFrete input{float:left;margin:0 3px;width:60%;} #miolo #simularFrete button{float:left;margin-right:8px;background-color:#fdb921;height:38px;width:27%;} #miolo #compartilhe{margin:40px 0px;} #carrinho table{width:100%;border-collapse:collapse;} #carrinho table tbody tr td{border-top:1px solid #e1e0dd;padding:10px 0;vertical-align:middle;} #carrinho .produto{width:50%;} #carrinho .produto img{float:left;border:1px solid #999;display:block;margin:3px;padding:2px;margin-right:10px;} #carrinho .quantidade{width:15%;text-align:center;} #carrinho input[type="text"]{width:180px;} #carrinho button{width:150px;} #carrinho div.opcoesEnvio {margin-top:15px;} #carrinho div.opcoesEnvio ul{padding:0; } div.opcoesEnvio li{ position: relative; margin-right: 15px; float: none; display: inline-block; } div.opcoesEnvio li input[type="radio"] { left: 25px; position: absolute; top: 15px } div.opcoesEnvio li input[type="radio"].error + label { border: solid 2px #FF0000; } div.opcoesEnvio li label{ display: inline-block; padding: 10px 10px 10px 30px; border: solid 1px #e1e0dd; cursor: pointer; width: 145px; box-sizing: border-box; } div.opcoesEnvio label.error{ padding: 3px; border: solid 2px #FF0000; font-size: 14px; margin-left: 24px; display: none; } div.opcoesEnvio p{ margin-top: 10px; } div.opcoesEnvio li label:hover{border: solid 1px #0000FF; } div.opcoesEnvio li label.checked{border: solid 3px #777; background: #f5f5f5; } #carrinho .quantidade input{width:25px;text-align:center;} #carrinho .quantidade button{height:25px;width:100px;display:none;margin:5px auto} #carrinho .unitario{width:15%;text-align:center;} #carrinho .subtotal{width:15%;text-align:center;} #carrinho .acoes{width:5%;text-align:center;} #carrinho #tabela_frete_gratis caption{ text-align: center; text-transform: uppercase; } #carrinho #tabela_frete_gratis{ border: solid 1px #e1e0dd; border-top: solid 3px #de5e49; } #carrinho #tabela_frete_gratis td, #carrinho #tabela_frete_gratis th{ border: 1px solid #e1e0dd; border-collapse: collapse; padding: 3px 7px; text-align: left; } #carrinho #tabela_frete_gratis th{ text-transform: uppercase;} #carrinho #tabela_frete_gratis caption{ color: #e33131; font-size: 20px; font-weight: bold; text-transform: uppercase; padding: 10px 0 15px 0; } #carrinho table tbody tr.footer td.subtotal{ vertical-align: top; font-size: 20px; font-weight: bold; text-transform: uppercase; } #carrinho table tbody tr:last-child td{ border:none;} #checkout{margin-bottom:25px;} #dialogEnderecos li.selecionado{ border: solid 1px #0000FF; } #dialogEnderecos li{ border: solid 1px #929494; border-collapse: collapse; padding: 15px; } .col-1{background-color:#e8e8e8;} .col-1, .col-2{float:left;width:32%;} .col-2{background-color:#f7f7f7} .col-3{background-color:#fff;float:left;width:36%;} #miolo .col-3 button{height:45px;margin:20px 5%;width:90%;} .titulo-passos{background-color:#bfcddb;font-size:16px;padding:10px;text-transform:uppercase;font-family:"Helvetica Neue",Verdana,Arial,sans-serif;} .titulo-passos span{font-size:30px;padding-right:10px;vertical-align:middle;} .titulo-passos.passo-1{background-color:#929494;color:#fff;} .titulo-passos.passo-2{background-color:#fff;color:#000;} .titulo-passos.passo-3{background-color:#bcbbb6;color:#fff;} .titulo-passos.passo-4{background-color:#71cb44;color:#fff;} .form-fields{padding:10px;} .form-fields label{display:block;} .form-fields .tipo_pessoa label{display:inline;} .form-fields .field input[type="text"], .form-fields .field input[type="password"], .form-fields .field select{width:93%;border:1px solid #929494;border-radius:0;background:#FFF;padding:0 5px;} .form-fields .field select{width:95%;overflow:hidden;padding:5px;} .form-fields .field option{padding:5px;} .form-fields .field{float:left;margin:0 0 10px;width:49%;} .form-fields .field.bairro, .form-fields .field.senha{clear:left;} .form-fields .tipo_pessoa div{width:49%;float:left;} .form-fields .field.email, .form-fields .field.nome, .form-fields .tipo_pessoa, .form-fields .field.endereco, .form-fields .field.estado, #container_pagamentos.form-fields .field{width:100%;} .form-fields .field.email input[type="text"], .form-fields .field.nome input[type="text"], .form-fields .field.endereco input[type="text"]{width:95%;} .field.consulta-cep{padding-top:25px;} .field.button{width:95%;} .duas-coluna{ width: 50%; float: left;} #checkout-login-box, .checkout-login, #pre-cadastro{padding: 15px;} #pre-cadastro ul{ margin: 10px 0 17px; } #checkout #identificacao #form-login, #checkout #form_checkout #resumo-pedido, #checkout #form_checkout #endereco, #checkout #identificacao #form-pre-cadastro{ width: 45%; float: left; background:#FFF; border: solid 1px #929494; } #checkout #identificacao .margem, #checkout #form_checkout .margem{ width: 10%; float: left; } #pre-cadastro ul li{ margin-bottom: 3px; background: url('/imgs/tick.png') no-repeat 0 6px; padding-left: 16px;} .checkout-login{border:none;font-size:16px;font-weight:bold;} #checkout-login-box a, .checkout-login a{color:#de5e49;text-decoration:none;} #checkout-login-box a:hover, .checkout-login a:hover{text-decoration:underline;} #painel_cliente #checkout-login-box{display:block;width:100%;margin:auto;max-width:500px;} #checkout-login-box .field, #pre-cadastro .field{margin-bottom:10px;} #checkout-login-box button{margin-bottom:5px;width:auto;padding:10px;} #recuperar_senha, #link-voltar-login, #container_parcelas.hide, #container_boleto.hide{display:none;} #container_parcelas .aviso, #container_envios .aviso{overflow:auto; -moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;background:url("/imgs/alert.png") no-repeat scroll 5px center #fffae7;border-color:#ffce17 -moz-use-text-color;border-image:none;border-style:solid none;border-width:1px medium;margin:10px 0;padding:5px 5px 5px 45px;} .ui-widget-header{background:#929494;border:solid 1px #929494;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;} .ui-widget-content{padding:5px;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;} .form-fields .field input[type="text"]:disabled{background:#f1f1f1;} #checkout .col-2 ul{overflow:auto;margin-top:10px;} #checkout .col-2 ul li{float:left;padding:0 25px;text-align:center;} #checkout .col-2 ul#formas_pgto li{width:33%;} #checkout .col-2 ul#formas_pgto li label{padding-left:0;} #container_resumo, #container_envios{padding:5px;} #container_resumo thead th:first-child, #container_resumo tfoot th{text-align:left;} #container_resumo th, #container_resumo td{width:20%;} #container_resumo th:first-child, #container_resumo td:first-child{width:60%;} #container_resumo td.qtde{text-align:center;} #container_resumo td.total, #container_resumo tfoot td{text-align:right;} #container_resumo table{border-collapse:collapse;width:100%;} #container_resumo table td, #container_resumo tfoot th{padding:5px;} #container_resumo table tr{border-bottom:1px solid #e2ddd5;} #container_resumo tfoot tr:nth-child(odd){background:none repeat scroll 0 0 #f5f5f5;} #container_resumo tr.descontos{color: #ff0000; font-weight: bold} #painel_cliente #conteudo{border:solid 1px #dedede;background:#fff;} #painel_cliente #conteudo-cliente{width:80%;float:left;padding-left:15px;} #miolo .conteudo #conteudo-cliente h2{margin-top:20px;} #tablePedidos{width:100%;} #tablePedidos td{border-bottom:1px solid #e3e3e3;margin:5px 0;padding:5px 0;text-align:center;} #tablePedidos td:last-child{text-align:right;} #altear_dados th{width:130px;text-align:left;} #altear_dados td input[type="text"], #altear_dados td input[type="password"]{width:350px;} #aviso_especializada{background:#FFFAE7 url('/imgs/alert.png') no-repeat 10px center;border:solid 1px #FFCE17;padding:10px 10px 10px 50px;} .aviso_especializada{padding:10px 0;} .ordenador{width:67%;float:left;} #form_cadastro{max-width:600px;margin:auto;} #banner-mobile{ display: none;} #formas_envio{ padding: 15px; } #container_parcelas, #container_boleto{ max-width: 560px; margin: auto; } ul#formas_pgto{ border-bottom: solid 1px #929494; width: 560px; margin: 15px auto 0; text-align: center; } ul#formas_pgto, ul#formas_pgto li{ padding: 0; } ul#formas_pgto li{ display: inline-block; width: 150px; border: solid 1px #929494; margin: 0 40px; padding: 5px; margin-bottom: -1px; } ul#formas_pgto li label{ padding: 0; display: block; cursor: pointer; } ul#formas_pgto li.checked{ border-bottom: solid 1px #fbfaf6; } #container_parcelas .field{ margin-bottom: 10px; } ul#formas_pgto li label .icones-pgto{ display: inline-block; height: 50px; width: 79px; background: #FF000; } ul#formas_pgto li.checked label #icone-cartao{ background: url('/imgs/sprites-icones-pagamento.png') no-repeat; } ul#formas_pgto li label #icone-cartao{ background: url('/imgs/sprites-icones-pagamento.png') no-repeat -89px 0; } ul#formas_pgto li.checked label #icone-boleto{ background: url('/imgs/sprites-icones-pagamento.png') no-repeat -178px 0; } ul#formas_pgto li label #icone-boleto{ background: url('/imgs/sprites-icones-pagamento.png') no-repeat -266px 0; } .lista_produtos .container-descricao-categoria{ margin-bottom: 15px; text-align: justify; height: 44px; overflow: hidden; } .lista_produtos .vermais{ font: 14px sans-serif; margin-top: 5px; text-align: center; text-transform: uppercase; position: relative; z-index: 1; margin-bottom: 15px; } .lista_produtos .vermais:after{ border-bottom: 2px solid #e33131; content: ""; margin: 0 auto; position: absolute; top: 45%; left: 0; right: 0; z-index: -1; } .lista_produtos .vermais a{ background: #fbfaf6; padding: 0 15px; text-decoration: none; } @media (min-width:320px) and (max-width:840px){ #rodape .news div div{ width: 100% !important; } #rodape .news form{ max-width: 500px; } } @media (min-width:901px){ #topo .menu_produtos ul li:hover .submenu{display:block;} } @media (min-width:320px) and (max-width:979px){ #miolo .interna .ordenador select{display:block;} #miolo .interna .ordenador ul{display:none;} } @media (min-width:320px) and (max-width:1023px){ #carrinho table tbody{ display: flex; flex-direction: column;} #carrinho .produto{ width: 100%; } #carrinho .subtotal{width: auto;} #carrinho #frete input[type="text"], #carrinho #cupom-desconto input[type="text"]{ max-width: 120px; text-align: center;} #frete ul{ display: grid; grid-template-columns: 1fr 1fr; grid-gap: 5px; } #frete ul li{margin: 0; padding: 0;} #frete div.opcoesEnvio li input[type="radio"]{ left: 7px;} #carrinho table tbody tr{ display: grid; } #carrinho table tbody tr.produtos{ display: grid; grid-template-columns: 2fr 3fr 1fr;} #carrinho table tr.footer{ display: grid; grid-template-columns: 1fr 1fr;} #carrinho table tbody tr.produtos button{ font-size: 12px; padding: 7px; width: auto;} #carrinho table tbody tr.produtos td:last-child{ text-align: right; } #banner-mobile{ display: block;} #chamadas .chamadas{width:100%;text-align:center;} .col-1, .col-2, .col-3{width:100%;} .form-fields .field{width:100%} #miolo .col_esquerda{float:none;width:100%;border-left:1px solid #dedede;border-right:1px solid #dedede;border-top:1px solid #dedede;margin:0px 0px 20px 0px;} #miolo .col_esquerda #filtros h3{color:#e33131;font-weight:bold;margin-bottom:20px;text-transform:uppercase;} #miolo .col_esquerda #filtros{padding:0px;} #miolo .col_esquerda #filtros li{border-bottom:1px solid #dedede;padding:0 0 8px;} #miolo .col_esquerda #filtros li a{margin:10px 0 0 10px;border:none;} #miolo .col_esquerda #filtros li .submenu h3 a, #miolo .col_esquerda #filtros li .submenu ul{display:none;} #miolo .col_esquerda #filtros li .submenu h3 a.mobile, #miolo .col_esquerda #filtros li .submenu h3 span.mobile{display:block;font-weight:normal;margin:10px 0 -5px 7px;text-transform:capitalize;} #miolo .col_esquerda #filtros li .submenu li{background-position:10px 10px;} #miolo .col_esquerda #filtros li .submenu a{text-transform:capitalize;font-weight:normal;} #miolo .col_esquerda #filtros li .submenu ul li a{display:block;} #miolo .col_esquerda .btn_filtros{display:block;background-color:#e33131;color:#FFF;margin:0px;padding:5px;cursor:pointer;} #miolo .col_esquerda h3{margin:0;} #miolo .col_esquerda ul li, #miolo .col_esquerda ul li div{display:none;} #miolo .interna .breadcrumb{display:none;} #chamadas .inferior{clear:both;} #topo .superior{height:30px;} #topo .superior .menu_contato{margin:10px auto 0px;float:none;} #topo .meio .logomarca{margin:20px auto;width:30%;} #topo .meio .contatos{width:100%;margin:20px 0px;} #topo .meio .contatos .box{margin:2% 1%;width:45%;} nav{cursor:pointer;width:50px; color: #FFF; text-align: center;} nav .menu_responsive:before, nav .menu_responsive:after{background:none repeat scroll 0 0 #de5e49;content:"";height:20%;left:0;position:absolute;top:20%;transition:all 0.2s ease 0s;width:100%;} nav .menu_responsive:after{top:60%;} nav .menu_responsive{margin-bottom: -2px; background:none repeat scroll 0 0 #ffffff;display:inline-block;height:20px;position:relative;width:21px;} nav.open .menu_responsive:before{top:40%;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);} nav.open .menu_responsive:after{top:40%;-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);} #topo .menu_produtos ul li{float:none;padding:0;border:solid 1px #c83e19;background-color:#de5e49;border-top:none;} #topo .menu_produtos ul li:hover{background-color:#ffffff;} #topo .menu_produtos ul li a{text-align:center;} #topo .menu_produtos{display:none;position:relative;top:15px;} #topo .menu_produtos ul li a{color:#ffffff;} #topo .menu_produtos ul li a:hover{color:#c83e19;} #topo .menu_produtos .submenu .lista_menu{background-image:none;} #topo .menu_produtos .submenu{box-shadow:none;padding:0;position:relative;width:100%;border:none;} #topo .menu_produtos .submenu ul{display:none;} #topo .menu_produtos .submenu ul li a{text-align:left;} #topo .menu_produtos .submenu .box{float:none;width:100%;} #topo .menu_produtos .submenu .box h3{border:none;font-size:15px;margin:15px 0;padding:0;} #topo .menu_produtos .submenu .box h3 a{display:none;} #topo .menu_produtos .submenu .box h3 a.mobile, #topo .menu_produtos .submenu .box h3 span.mobile{display:block;padding:0;margin:0;text-align:left;border:none;cursor:pointer;} #topo .menu_produtos .submenu .box h3 a.mobile, #topo .menu_produtos .submenu .box h3 span.mobile i{float: right; } #topo .menu_produtos .submenu .box h3 a.mobile{background:none;} #topo .menu_produtos .submenu .box h3 ul li a{background-image:none;display:block;} #topo .meio .contatos .chat{display:none;} #rodape .box .chat{display:none;} #topo .barra.vermelho{float:left;margin-top:0;} #topo .barra.vermelho .busca{display:none;margin:auto;max-width:500px;padding-bottom:15px;width:100%;float:none;background-color:#de5e49; z-index: 100;} #topo .barra .busca input{margin:15px 0 0 15px;width:90%;} #topo .barra.vermelho button{right:27px;top:15px;} #topo .barra.vermelho .carrinho{display:none;float:none;margin:auto;max-width:500px;position:relative;width:100%;z-index:99;} #topo .barra.vermelho .carrinho a{background-color:#de5e49;background-image:none;} .container{padding:0 10px;} #miolo h2{margin:25px 0px 0px;} #miolo .categorias{margin:15px 0 10px -11px;width:100%;font-size:12px;} #miolo .categorias ul li{padding:0;margin:0 2px;} #miolo .linha{margin:auto;width:100%;} #miolo #banner_meio{display:none;} /*#miolo #banner{display:none;}*/ #miolo #banner_rodape{display:none;} #rodape .newsletter{padding-bottom:50px;} #rodape .newsletter h2{float:none;font-size:20px;margin:30px 0;text-align:center;} #rodape .newsletter form{float:none;margin:0 auto;width:100%;} #rodape .cartoes{display:none;} #rodape .selos_seguranca{display:none;} #rodape .selos .entrega{display:none;} #rodape .box{margin:15px auto;overflow:auto;text-align:center;width:100%;} #rodape .box.contatos{margin:30px auto;width:100%;} #rodape .box.contatos span{float:left;} #rodape .box ul li{margin:5px 5px;} #rodape .fornecedores{display:none;} #topo .menus{float:none;margin:10px auto 0; display: flex; justify-content: space-between; align-items: center; height: 100%; flex-direction: row; width: 100% } #topo .menus .busca_carrinho{display:block;float:none;width:50px; text-align: center;} #topo .menus .busca_carrinho a{ float: none;} #rodape .logomarca{width:100%;} #carrinho .divisor{position:relative;} #miolo .interna .lista_produtos{ width: 100%} .desktop{display: none !important;} } @media (min-width:320px) and (max-width:1280px){ #chamadas .chamadas{width:100%;} } @media (min-width:320px) and (max-width:480px){ #selo25anos{ width: 65px;} #topo .meio .contatos{float:none;margin:10px auto;} #topo .meio .contatos .box{background-image:none;margin:0 2% 3% !important;padding:0;width:90%; text-align: center;} #topo .meio span p{font-size:11px;} #topo .barra .busca input{margin:15px 0 0 9px;width:90%;} #topo .barra.vermelho button{right:15px;top:15px;} #rodape .box.contatos{float:none;margin:30px auto;width:100%;} #rodape .box span, #rodape .box span.chat{max-width:195px;width:100%;} #chamadas .inferior .box h3{font-size:13px;} #topo .meio .logomarca{width:60%;max-width:190px;} #miolo #detalhes-produto h3{font-size:23px;margin:15px 0px 30px;line-height:27px;} #miolo #detalhes-produto .preco h3{float:none;} #acoes{float:left;clear:both;width:100%;margin-top:30px;overflow:auto;} #galeria{width:90%;margin:auto;float:none;} #checkout #identificacao #form-login{ width: 100%; float: none; } #checkout #identificacao #form-pre-cadastro{ width: 100%; float: none; } #checkout #identificacao .margem{ width: 100%; float: none; } #checkout #form_checkout #endereco, #checkout #form_checkout #resumo-pedido{ width: 100%; float: none; background:#FFF; border: solid 1px #929494; } ul#formas_pgto li{ margin: 0 13px; width: 40%; } ul#formas_pgto{ width: 100%; } } @media (min-width:320px) and (max-width:640px){#miolo .linha .produto, #miolo .linha .produto:last-child, #miolo .linha .produto:first-child{ float:none;margin:5% auto !important;} div.pagination{ padding-right: 0; } div.pagination .next, div.pagination .prev{ display: none; } div.pagination span.dots{margin: 0; padding-right: 0; } } @media (min-width:320px) and (max-width:360px){ div.pagination span.dots{margin: 0; padding: 0; } } @media (min-width:320px) and (max-width:900px){ #topo .meio .contatos { display: none; } #chamadas .inferior .box:first-child{margin-right:0px;padding-right:0px;} #chamadas .inferior .box:last-child{float:none;} #miolo .linha .produtos{margin:auto;overflow:auto;width:100%;} #miolo .interna .lista_produtos{float:none;margin-left:0px;width:100%;} #miolo #detalhes-produto .preco h3{float:none;} #acoes{margin-top:30px;overflow:auto;} #miolo .conteudo .contatos{width:100%;max-width:400px;} #miolo .conteudo .contatos table th{display:none;} #miolo #conteudo{padding: 10px;} #painel_cliente #conteudo-cliente, #altear_dados table, #altear_dados td input[type="text"], #altear_dados td input[type="password"]{ width: 100%; } #altear_dados th{ width: 60px; } #painel_cliente #conteudo-cliente{padding: 0;} #painel_cliente img{ max-width: 30px; display: block; margin: auto; padding-bottom: 5px;} } @media (min-width:480px) and (max-width:600px){#topo .meio .contatos{float:none;margin:auto;width:88%;overflow:auto;} #topo .meio .contatos .box{background-image:none;margin:0 3% 3% !important;padding:0;width:43%;float:left;} #topo .meio .contatos .atendimento{margin:0px 2%;} #topo .meio .logomarca{width:40%;} } @media (min-width:600px) and (max-width:800px){#topo .meio .contatos{margin:0px 0px;} #topo .chamadas{max-width:100%;width:100%;} #chamadas .inferior .box:last-child{float:left;} #chamadas .inferior .box h3{font-size:18px;} #topo .meio .logomarca{width:35%;} #chamadas .inferior .box:first-child{margin-right:0px;padding-right:0px;} #rodape .box{float:left;margin:0 7% 7%;text-align:left;width:36%;} #rodape .box.endereco{text-align:center;width:80%;} } @media (min-width:320px) and (max-width:800px){ #rodape .box.contatos{text-align: center;} #rodape .box.contatos span{ min-width:170px; width:28%; margin: 0 10px 10px 10px; float: none; display: inline-block; padding-left: 60px; text-align: left;} #rodape .box.contatos span.chat{display: none; } } @media (min-width:320px) and (max-width:900px){ /*#topo .inferior .box:first-child{margin-right:0px;padding-right:0px;*/ /* Novos Mobile*/ /*#topo .meio .contatos, #topo .inferior{ display: none; }*/ #topo .meio .logomarca{ float: none; margin: 15px auto; } #topo .menu_produtos{ position: absolute; z-index: 10000; top: 36px; width: 100%; left: 0; } #topo .menu_produtos ul li a{ display: none; } #topo .menu_produtos ul li .mobile{ display: inline-block; color: #FFF !important; line-height: 30px; font-size: 14px; text-transform: uppercase; padding: 10px 17px; text-align: left; display: block; } #topo .menu_produtos ul li:hover{ background-color: #de5e49; padding: 0; } #topo .menu_produtos ul li:hover .submenu{ padding: 0px; margin: 0; width: 100%; } #topo .menu_produtos .submenu .box{ border-bottom: solid 1px #000; padding: 0 15px; } .col_esquerda{ display: none; } #miolo .interna .breadcrumb{ display: block; } #miolo{ clear: both; } } @media (min-width:640px) and (max-width:854px){#miolo .linha .produto, #miolo .linha .produto:last-child, #miolo .linha .produto:first-child{margin:2% 2% !important;float:left;} #miolo .linha .produtos{width:88%;max-width:550px;} } @media (min-width:800px) and (max-width:1024px){ #topo .meio .contatos{margin:0px;} #chamadas .chamadas{max-width:100%;width:100%; text-align: left;} #chamadas .inferior .box:first-child{margin-right:0px;padding-right:0px;} #chamadas .inferior .box:last-child{float:left;} #chamadas .inferior .box h3{font-size:14px;} #chamadas .inferior .box.compra-segura div{ padding-left: 45px; } #rodape .newsletter form{float:none;margin:20px auto;width:70%;} #rodape .newsletter h2{float:none;margin:50px auto;text-align:center;font-size:25px;} #miolo #banner_meio{display:none;} #miolo #banner_rodape{display:none;} #rodape .box{float:left;margin:0 3% 4%;text-align:left;width:18%;} #rodape .box.contatos{margin:0px;float:right;} #rodape .box.contatos span{width:25%; text-align: left; padding-left: 60px;} #rodape .box.endereco{width:95%;text-align:center;} } @media (min-width:855px) and (max-width:1120px){ #miolo .interna .lista_produtos{float:left;margin-left:0px;} #miolo .linha .produtos{margin:auto;width:100%;max-width:810px;} #miolo .linha .produto, #miolo .linha .produto:last-child, #miolo .linha .produto:first-child{margin:1% 1% !important;} /*#miolo .linha .produto:last-child{display:none;}*/ } @media (min-width:320px) and (max-width:1259px){ #selo25anos{position: absolute; top: 15px; right: 30px;} #topo .container{ position: relative;} } @media (min-width:320px) and (max-width:580px){ #widgets-sociais #widget-instagram, #widgets-sociais #widget-facebook{float: none; width: 100%; margin: 0;} } @media (min-width:1024px) and (max-width:1259px){nav{display:none;} #topo .menus{float:left;margin:0;width:39%;} #topo .barra.vermelho{height:60px;} #topo .menu_produtos{display:block;float:left;width:100%;} #topo .meio .logomarca{margin:15px auto 0;width:243px;} #topo .meio .contatos{width:100%;margin:0px;} #topo .meio .contatos .box{width:20%;margin:1% 2% 0;} #topo .meio .contatos .chat{width:20%;display:block;} #topo .barra.vermelho .busca{display:block;float:left;margin-left:2%;width:35%;} #chamadas .chamadas{width:100%;max-width:100%;} #chamadas .inferior .box h3{font-size: 14px;} #chamadas .inferior .box:first-child{margin-right:0px;padding-right:0px;} #miolo #banner_rodape{display:none;} #miolo #banner_meio{display:none;} #rodape .fornecedores{display:none;} #rodape .newsletter h2{float:none;font-size:25px;margin:30px auto;text-align:center;} #rodape .newsletter form{float:none;margin:20px auto;width:70%;} #rodape .box{float:left;text-align:left;width:15%;} #rodape .endereco.box{width:20%; margin-right: 5%;} #rodape .box.contatos{clear:both; float:none;width:100%; margin: 10px 0 30px 0; text-align:center;} #rodape .box.contatos span{ float: none; display: inline-block; width: 22%; height: 50px; padding-left: 50px; text-align: left;} #rodape .box.contatos span.chat{padding-top: 35px; padding-left:0; width: 25%;} #rodape .box.contatos span.chat a img{display: block;} #rodape .logomarca{margin:10px auto;} #miolo .interna .lista_produtos{/*margin-left:0;width:80%; */} /* comentado por JK */ } @media (min-width:1120px) and (max-width:1300px){#miolo .linha .produto{margin:0 1% 2% 0;} } @media (min-width:1260px) and (max-width:1350px){ #miolo .linha .produtos{width:100%;} #selo25anos{height: 75px; float: right; margin-top: -20px;} } @media (min-width:1024px){ .mobile{ display: none;} }