*{margin:0; padding:0; outline-style:none; font-family:Roboto; box-sizing:border-box} body{overflow-x:hidden; font-family:Roboto} a{text-decoration:none; color:#333} /**/ .alignCenter {display: table-cell;vertical-align: middle;} .divCenter{display:inline-block; text-align:left; width:calc(100% - 40px); max-width:1180px; margin:auto; margin-left:20px; margin-right:20px} .Titulo{float:left; font-size:36px; font-weight:700; color:#59178A; width:100%; margin-bottom:10px} .Texto{float:left; font-size:15px; font-weight:400; color:#444; line-height:21px} .TxtAlert{color:#dd0000 !important} .TextoColorido{float:left; font-size:19px; font-weight:500; color:#59178A; width:100%; margin-bottom:1px} .TextoColoridoGrande{font-size:21px; font-weight:600; color:#59178A; margin-bottom:5px} .TextoColoridoMini{font-size:15px; font-weight:500; color:#59178A; margin-bottom:5px} .TextoNegrito{font-size:17px; font-weight:500; color:#444} .TextoNegritoMini{float:left; font-size:15px; font-weight:500; width:100%; margin-bottom:3px} .TextoBottom{line-height:26px; font-size:16px} .TextoBottom a{font-weight:600; color:#59178A} .TextoP{margin-bottom:16px; width:100%} .TextoPMini{font-size:14px; margin-bottom:8px; width:100%} .TextoPMini a{font-weight:500; color:#59178A} .TextoPMini b{font-weight:500; color:#59178A} .TextoPMini span{font-weight:500; color:#444; position:relative; top:5px} .TextoMini{font-size:14px; line-height:20px; width:100%} .TextoTopico{float:left; width:100%} .Topico{margin-bottom:5px} .TextoLi{margin-left:10px} .TextoLi b{font-weight:500} .TextoLiZero{margin-bottom:0px} .BorderTopZero{border-top:0px solid #fff !important} .BgRoxo{background-color:#59178A} .BgVerde{background-color:#A7C30F} .BgCinza{background-color:#CCC} .FontRoxo{font-weight:500; color:#59178A} .FloatBr{float:left; width:100%} .Font500{font-weight:500} .LinkBranco{color:#ffffff} .JanelaAlert {margin:1px;width:300px;} .JanelaAlertMsg {float:left;width:100%;font-family:verdana,arial;font-size:13px;font-weight:bold;text-align:center;margin-top:10px} .JanelaAlertBotoes {float:left;width:100%;text-align:center;margin-top:20px} .JanelaAlertBotoes2 {display:inline-block} .JanelaAlertBotoes3 {display:inline-block;margin-right:25px} .JanelaAlertBotoesAzul {height:30px;width:100px;cursor:pointer;background-color:#A7C30F;border:0px;color:#FFFFFF;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px} .JanelaAlertBotoesCinza {height:30px;width:100px;cursor:pointer;background-color:#CCCCCC;border:0px;color:#303030;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px} .loginInputText2 {border:1px solid #fff; padding:12px; padding-bottom:10px; padding-top:26px; width:100%; font-size:14px; color:#444;background:rgba(255,0,0,0.1);} .loginInputSelect2 {width: 100%; border: none; position: relative; top: 28px; left: 8px; background: rgba(255, 0, 0, 0.1)} .BoxAviso {float: left; margin-top:50px; position: absolute;} .BoxAvisoConteudo {float:left;width:100%;max-width:574px; display: none; background: #ED242B; padding: 5px;padding-left:10px;padding-right:10px; border: 1px solid #B50F14; border-radius: 4px; box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2); font-family: arial, tahoma, verdana; font-size: 13px; color: #FFFFFF;} /* --- */ .DivValign {*position: absolute;top: 50%;display: table-cell;vertical-align:middle} .SelectImg {width:100%;font-family:Open Sans,arial;font-size:14px;color:#545454;border:1px solid #D6D6D6;height:37px;padding:7px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px} .DivTituloList2 {float: left;text-align: center;width: calc(100% - 15px);font-family: Open sans,arial;font-size: 14px;color: #444444;font-weight: 400;line-height: 46px;background-color: #F4F4F4;border-radius: 2px;-webkit-border-radius: 2px; -moz-border-radius: 2px;padding-left: 15px;margin-top: 30px;} .DivPaginacao {display: inline-block;margin-right: 7px;margin-top: 6px;margin-bottom: 6px} .DivPaginacaoSel {float:left;width:30px;height:32px;background-color:#59178a;margin-bottom:10px; font-family:Open Sans,arial;font-size:17px;color:#FFFFFF;font-weight:600;text-align:center;display:table;margin-right:6px;line-height:14px;border:1px solid #59178a;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px} .DivPaginacaoNaoSel {float:left;width:30px;height:32px;background-color:#FFFFFF;margin-bottom:10px;font-family:Open Sans,arial;font-size:16px;color:#545454;font-weight:600;text-align:center;display:table;margin-right:6px;cursor:pointer;border:1px solid #D2D2D2;line-height:14px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px} .DivPaginacaoNaoSel:hover {background-color:#F7F7F7} .DivEtiqueta {position:absolute;right:0px;top:0px;z-index:100} .SemResultados {float:left;width:calc(100% - 20px);margin-left:20px;margin-top:90px;margin-bottom:60px;font-family:arial,verdana;font-size:19px;color:#303030;text-align:center} /* --- */ /**/ #topo{float:left; width:100%; text-align:center; margin-top:10px} #topo .span{display:inline-block; width:calc(100% - 40px); max-width:1180px; text-align:left; margin-left:20px; margin-right:20px} #topo .logo{float:left; width:178px} #topo .busca{float:left; width:calc(100% - 218px); margin-left:40px} #topo .buscaInput{float:left; width:calc(100% - 461px); margin-right:5px} #topo .buscaTopo{float:left; width:100%; margin-top:16px} #topo .buscaLogin{float:left; width:50%; font-size:13px; color:#333} #topo .buscaLogin a{color:#333} #topo .buscaLoginDiv:hover{text-decoration:underline} #topo .buscaNumero{} #topo .buscaNumeroSpan{float:right; font-size:13px} #topo .buscaNumeroSpan span{position:relative; top:-5px} #topo .buscaNumeroMargin{margin-left:8px} #topo .buscaInputs{float:left; width:100%; position:relative; box-sizing:inherit} #topo .buscaInputsInput{width:calc(100% - 57px); height:38px; border:1px solid #ddd; border-radius:20px; padding-left:15px; padding-right:40px; margin-top:7px; color:#999; box-sizing:initial} #topo .opcoes{float:left; width:132px; height:70px; border-radius:3px; border:1px solid #ddd; margin-top:14px; margin-left:17px} #topo .opcoesCaixa{margin-left:8px; margin-top:19px} #topo .opcoesMargin{margin-top:22px; margin-left:15px} #topo .opcoesTitulo{font-size:13px; color:#222; margin-left:40px} #menu{height:50px; width:100%; background-color:#222; float:left; margin-top:10px} #menu .corpo{max-width:1180px; width:calc(100% - 40px); margin-left:20px; margin-right:20px; margin:auto; margin-top:12px} #menu .corpoCorpo{float:left; width:calc(100% - 184px); margin-top:-12px} #menu .corpoDiv{float:left; width:137px; height:50px; text-align:center; cursor:pointer} #menu .corpoDiv:hover{background-color:#59178A} #menu .corpoDiv3{width:104px} #menu .corpoDiv4{width:127px} #menu .corpoDiv5{width:134px} #menu .corpoDiv6{width:127px} #menu .corpoDiv img{margin-top:12px} #menu .corpoDiv1 img{margin-top:13px} #menu .corpoDiv2 img{margin-top:16px} #menu .corpoDiv3 img{margin-top:18px} #menu .corpoDiv4 img{margin-top:18px} #menu .corpoDiv5 img{margin-top:20px} #menu .corpoDiv6 img{margin-top:17px} #menu .corpoMenu1{top:15px} #menu .corpoMenu2{top:16px !important} #menu .corpoMenu3{top:17px !important} #menu .corpoMenu4{top:17px !important} #menu .corpoMenu5{top:18px !important} #menu .corpoMenu6{top:18px !important} #menu .corpoDiv1:hover .corpoMenu1{display:block} #menu .corpoDiv2:hover .corpoMenu2{display:block} #menu .corpoDiv3:hover .corpoMenu3{display:block} #menu .corpoDiv4:hover .corpoMenu4{display:block} #menu .corpoDiv5:hover .corpoMenu5{display:block} #menu .corpoDiv6:hover .corpoMenu6{display:block} #menu .corpoMenu{display:none; position:relative; top:15px; z-index:1; background-color:#59178A; width:220px; padding-bottom:10px} #menu .corpoLi{padding:7px; padding-left:17px; color:#FFF; text-align:left; font-size:14px} #menu .corpoLi:hover{font-weight:500; background-color:#A7C30F} #menu .corpoCorpoMobile{display:none; cursor:pointer; float:left; width:calc(100% - 184px); font-size:16px; color:#FFF} #menu .corpoMobileSpan{position:relative; top:-3px; margin-left:2px} #menu .corpoMobileImg{margin-top:4px} #menu .oferta{float:left; cursor:pointer; width:179px; height:50px; background-color:#A7C30F; margin-top:-12px} #menu .ofertaImg{float:left; margin-left:21px; margin-right:10px; margin-top:15px} #menu .ofertaTitle{font-size:12px; font-weight:600; position:relative; top:20px} #menu .ofertaTitleMobile{display:none} #menu .ofertaDiv{display:none; background-color:#A7C30F; padding:16px; width:258px; position:relative; z-index:1; top:36px; left:-79px} #menu .oferta:hover .ofertaDiv{display:block} #menu .ofertaDivImg{background:#FFF; padding:10px; border-radius:7px; text-align:center} #menu .ofertaTexto{margin-top:10px} #menu .ofertaProd{font-weight:600; font-size:14px; text-align:center} #menu .ofertaPreco{margin-top:14px; font-size:25px; font-weight:600; color:#59178A; text-align:center} #menu .ofertaCartao{font-size:11px; margin-top:5px; text-align:center} .mobileTopo{position:fixed; z-index:1; top:0px; left:0px; width:100%; height:100%; background-color:rgba(0,0,0,0.5); display:none} .mobileCorpo{width:280px; height:100%; background-color: #f5f5f5; float:left; position:relative; z-index:99; left:-280px} .mobileLogin{background-color:#f5f5f5; padding:10px; background-color:#5a1689; color:#f5f5f5; cursor:pointer} .mobileLoginImg{width:20px; position:relative; top:2px} .mobileLoginSpan{position:relative; top:-2px; font-size:14px} .mobileCat{background-color:#f5f5f5; height:42px; border-bottom:1px solid #ebebeb; color:#666; padding:12px; cursor:pointer} .mobileCatSub:hover{background-color:#ebebeb} .mobileCatLi:hover{background-color:#ebebeb} .mobileCatTitulo{background:#59178A; color:#fff} .mobileCatSpan{float:left; font-size:14px} .mobileCatImg{float:right; margin-top:2px} .mobileCatImgImg{width:14px} .mobileCatSub{font-size:14px} .mobileClick{width:calc(100% - 280px); height:100%; float:left; cursor:pointer} .mobileCatContSub{width:280px; height:100%; position:fixed; z-index:2; top:0px; left:-280px; background-color:#f5f5f5; overflow:scroll} #banner{float:left; display:block} #banner-mobile{float:left; display:none} #divulga{float:left; text-align:center; background-color:#f4f4f4; height:75px; width:100%} #divulga .divCenter{display:inline-block; text-align:left; width:calc(100% - 40px); max-width:1180px; margin:auto; margin-left:20px; margin-right:20px} #divulga .divulgaBox{float:left; margin-top:18px;} #divulga .divulgaBox1{width:245px} #divulga .divulgaBox2{width:256px} #divulga .divulgaBox3{width:238px} #divulga .divulgaBox4{width:236px} #divulga .divulgaBoxImg{float:left; margin-right:10px} #divulga .divulgaTitulo{font-size:14px; font-weight:700} #divulga .divulgaFrase{float:left; font-size:11px; font-weight:300} #divulga .separador{width:calc(33.3% - 325.63px); height:100%; float:left} #divulga .AAA{} #divulga .AAA{} #divulga .AAA{} #divulga .AAA{} #divulga .AAA{} #corpo{float:left; width:100%; padding-left:20px; padding-right:20px; margin:auto; text-align:center; margin-top:46px} #corpo .corpoCorpo{width:100%; max-width:1180px; display:inline-block; text-align:left; padding-bottom:40px} #corpo .lateral{float:left; width:220px; margin-right:20px} #corpo .lateralCat{} #corpo .lateralTopo{background-color:#59178A; font-size:13px; font-weight:500; color:#FFF; padding:10px; padding-left:10px; padding-right:0px} #corpo .lateralCatCorpo{background-color:#F4F4F4; color:#666; padding-top:5px; padding-bottom:5px} #corpo .lateralCatTitulo{font-size:14px; padding:3px; padding-left:10px; color:#666} #corpo .lateralCatTitulo:hover{background:#e3e3e3} #corpo .index{float:left; width:calc(100% - 240px)} #corpo .jogos{float:left; display:inline-block; margin-bottom:20px; width:100%} #corpo .jogosTopo{float:left; width:100%; background-color:#333333; color:#FFF; font-size:16px; font-weight:500; padding:10px; border-radius:5px} #corpo .jogosCorpo{float:left; margin-top:20px; margin-bottom:30px; margin-left:-20px; width:calc(100% + 38px)} #corpo .jogosBox{float:left; border-radius:7px; width:calc(25% - 25px); border:1px solid #ebebeb; padding:10px; margin-left:20px; margin-bottom:12px; height:366px} #corpo .jogosImgDiv{float:left; width:100%; height:185px; text-align:center; display:table} #corpo .jogosImg{max-width:100%; max-height:185px; border:none} #corpo .jogosTituloDiv{float:left; margin-top:10px; width:100%; height:58px; display:table} #corpo .jogosTitulo{font-size:14px; color:#666; text-align:center; display:table-cell; vertical-align:middle} #corpo .jogosPrecoDiv{float:left; /*margin-top:10px;*/ width:100%} #corpo .jogosPreco{font-size:19px; font-weight:700; color:#59178A; text-align:center} #corpo .jogosCartaoDiv{float:left; margin-top:5px; margin-bottom:10px; width:100%} #corpo .jogosCartao{font-size:11px; font-weight:400; color:#444444; text-align:center} #corpo .ContSelectBusca{float:right;width:300px;margin-top:15px} #corpo .SelectBusca{float:right;width:300px} #corpo .promo{float:left; text-align:center; width:100%; margin-bottom:30px; margin-top:20px} #corpo .promoCorpo{display:inline-block; text-align:left; width:100%; max-width:1180px;} #corpo .promoImg{width:calc(20% - 9px); margin-left:5px; margin-bottom:9px} #classic{} #classic .classicTopo{float:left; width:calc(100% - 20px); background-color:#333333; color:#FFF; font-size:16px; font-weight:500; padding:10px; border-radius:5px} #classic .classicCorpo{float:left; margin-left:-20px; margin-top:20px; width:calc(100% + 40px)} #classic .classicCorpoBox{float:left; display:table; width:calc(25% - 28px); height:218px; margin-left:20px; margin-bottom:20px; border:1px solid #EBEBEB; border-radius:10px} #classic .classicCorpoBoxCorpo{display:table-cell; vertical-align:middle; text-align:center; width:100%; height:100%} #classic .classicImg{width:60%; height:auto} #classic .classicSpan{float:left; display:table; width:100%; text-align:center; font-size:15px; color:#666; overflow:hidden; padding-top:10px;} #classic .classicSpanDiv{vertical-align:middle; height:48px; overflow:hidden; max-height:48px;} #classic .classicSpanDiv span{overflow:hidden; max-height:48px;} #classic .nerdsCorpoBox{} #classic .nerdsBoxCorpo{padding:5px; height:100%} #classic .nerdsBoxCorpo:hover .classicSpan{color:#AAAE02} #carrinho{} #carrinho .carrinhoSpan{float:left; width:100%; margin-top:25px} #carrinho .carrinhoCorpo{float:left; width:100%} #carrinho .TableTopo{float:left; width:100%; padding:10px; background-color:#59178A; color:white; border-top-left-radius:10px; border-top-right-radius:10px; position:relative; top:1px} #carrinho .TableTopoFont{float:left; font-weight:500} #carrinho .Prod{width:50%;} #carrinho .Preco{width:15%;text-align:center;} #carrinho .Exclui{width:5%} #carrinho .TableTable{float:left; width:100%; border-radius:0px 0px 10px 10px; border:1px solid #dedede} #carrinho .TableCorpo{float:left; width:100%; padding:10px; border-top:1px solid #dedede; color:#444} #carrinho .TableDiv{float:left;} #carrinho .TableDivImg{float:left; width:125px} #carrinho .TableImgImg{width:100%; border-radius:2px} #carrinho .TableSpan{float:left; display:table; width:calc(100% - 180px); height:83px; margin-left:20px; margin-right:20px; overflow:hidden} #carrinho .TableFont{display:table-cell; vertical-align:middle; color:#444; font-size:15px} #carrinho .TableFontImg{float:left; margin-top:28px; background-image:url('../images/cancel.png'); background-size:26px 26px; background-repeat:no-repeat; cursor:pointer; width:26px; height:26px} #carrinho .TableFontImg:hover{background-image:url('../images/cancelred.png')} #carrinho .TableSpanSpan{float:left; display:table; height:83px; width:15%} #carrinho .TableSpanDiv{position:relative; top:25px} #carrinho .TableQuantFont{font-size:12px; color:#444; display:none} #carrinho .TableMais{float:left;cursor:pointer; padding:2px; padding-left:6px; padding-right:6px; border:1px solid #dedede; border-radius:2px; background-color:#f7f7f7; color:#59178A} #carrinho .TableNum{float:left; width:36px; text-align:center; margin-top:3px} #carrinho .TableMenos{float:left; cursor:pointer; padding:2px; padding-left:4px; padding-right:5px; border:1px solid #dedede; border-radius:2px; font-weight:500; background-color:#f7f7f7; color:#59178A} #carrinho .TableTitle{font-weight:500} #carrinho .orcamento{float:right; width:100%; margin-top:24px} #carrinho .orcamentoTable{float:left; border:1px solid #dedede; border-radius:15px;width:33.3%} #carrinho .orcamentoDiv{float:left; width:100%; border-bottom:1px solid #dedede; padding:10px; padding-top:16px; padding-bottom:16px} #carrinho .orcamentoSub{float:left; width:70%; font-size:15px; font-weight:500; color:#444} #carrinho .orcamentoSubValor{float:right; font-size:17px; font-weight:500; color:#444} #carrinho .orcamentoFrete{float:left; width:20%; font-size:15px; font-weight:500; color:#444; margin-top:10px} #carrinho .orcamentoFreteDiv{float:right; width:80%} #carrinho .orcamentoInput{border:1px solid #dedede; padding:10px; border-radius:5px; color:#999; width:70%} #carrinho .orcamentoButton{cursor:pointer; border:none; border-radius:5px; color:white; width:calc(30% - 5px); padding:10px; padding-left:16px; padding-right:16px; font-size:14px; font-weight:500} #carrinho .orcamentoValor{background-color:#f5f5f5; border-bottom-left-radius:15px; border-bottom-right-radius:15px} #carrinho .orcamentoTotal{float:left; width:50%; font-size:21px; font-weight:500; color:#59178A} #carrinho .orcamentoTotalValor{float:right; font-size:21px; font-weight:500; color:#59178A} #carrinho .orcamentoBotao{float:left; width:66.7%} #carrinho .orcamentoBotaoBotao{float:left; cursor:pointer; font-size:14px; font-weight:500; padding:10px; padding-top:14px; padding-bottom:14px; border:none; border-radius:5px; color:white; width:calc(30% - 5px); margin-right:5px} #carrinho .frete{float:right; width:100%; margin-top:16px; color:#444} #carrinho .freteDiv{float:left; width:100%; text-align:right; padding-top:5px} #carrinho .freteTitulo{font-size:13px; font-weight:500} #carrinho .fretePreco{font-size:13px; font-weight:400; margin-right:3px} #carrinho .freteRadio{position:relative; top:2px} #carrinho .AAA{} #carrinho .AAA{} #carrinho .AAA{} #carrinho .ListagemQtdeInput {background-color:transparent;width:36px;height:20px;text-align:center;border:0;font-size:14px;font-family:Roboto, Arial,Helvetica;color:#505050;} #carrinho .ListagemQtdeAtualizar {float:left;width:calc(100% - 25px);margin-top:4px;text-align:center;margin-right:25px;color:#56bfec;text-decoration:underline;font-size:12px;cursor:pointer;display:none} #carrinho .DivListagemQtde {display:inline-block;} #carrinho .TableMenos {display:inline-block; width: 24px; text-align:center;} #carrinho .TableMais {display:inline-block; width: 24px; text-align:center;} #carrinho .ValoresMobile {display:none;color:#666666} #carrinho .QtdeDelMobile {float:left} #carrinho .QtdeMobile {float:left;width:100%;margin-bottom:4px;display:none;text-align:left;padding-left:6px;color:#666666} #carrinho .DelMobile {line-height:23px;display:none;color:#666666} #carrinho .MsgIndisponivel {width:100%;font-size:11px;color:#a90000;text-align:center;margin-top: 10px;line-height: 12px;float: left;} #empresa{} #empresa .empresaTexto{font-size:36px; font-weight:700; color:#202020; float:left; margin-top:48px} #empresa .empresaCorpo{float:left; display:table; margin-top:36px; border-bottom:1px solid #eeeeee; padding-bottom:16px; margin-bottom:36px} #empresa .empresaCorpoDivs{float:left; display:table-cell; vertical-align:middle} #empresa .empresaDiv{float:left} #empresa .empresaDiv1{float:left; color:#212121; width:calc(100% - 219px); font-size:17px; font-weight:300; line-height:24px; margin-left:5px; margin-top:16px} #empresa .empresaDiv1 span{float:left; margin-top:56px} #empresa .empresaTopico{float:left} #empresa .empresaTopicoCorpo{float:left} #empresa .empresaTopicoDiv{margin-bottom:5px} #empresa .empresaTopicoSpan{font-size:19px; font-weight:300; color:#59178A; position:relative; top:-8px} #empresa .empresaTopicoSpan1{font-size:19px; font-weight:300; color:#59178A; position:relative; top:-8px} #empresa .empresaDivTopico{float:left; margin-top:20px} #empresa .empresaDivImg{float:left} #empresa .empresaTopico1{float:left; margin-bottom:12px; width:100%} #empresa .empresaTopico2{float:none; width:100%} #empresa .empresaTopicoImgDiv{float:left} #empresa .empresaTopicoImg{float:left} #empresa .empresaTopicoTexto{float:left; font-size:19px; font-weight:300; color:#59178A; margin-top:4px; margin-left:9px} #empresa .empresaEstrutura{float:left; width:calc(100% - 340px)} #empresa .empresaEstruturaDiv{font-size:17px; font-weight:300; color:#555; line-height:26px; margin-right:20px} #empresa .empresaEstruturaImg{float:left; position:relative; top:-88px} #empresa .empresaEstruturaImg img{width:100%} #empresa .empresaDiv{float:left} #empresa .empresaDiv2{float:right; width:calc(100% - 200px); margin-top:24px} #empresa .empresaDiv2Texto{float:left; font-size:17px; font-weight:300; line-height:26px; color:#535353; margin-top:8px} #empresa .empresaDiv2Facebook{float:left; position:relative; top:20px} #empresa .empresaSeja{float:left} #empresa .empresaSejaTexto{float:left; font-size:17px; font-weight:300; line-height:24px; color:#525252; width:100%} #empresa .empresaSejaTexto2{float:left; font-size:17px; font-weight:300; line-height:24px; margin-top:24px; color:#525252} #empresa .empresaGaleria{width:calc(100% + 20px); margin-left:-20px} #empresa .empresaGaleriaImg{float:left; width:calc(33.3% - 20px); margin-bottom:20px; margin-left:20px} #empresa .empresaGaleriaImg img{width:100%} #detalhes {float:left; width:100%} #detalhes .detalhesEsquerda{float:left; width:53%; margin-right:40px;} #detalhes .detalhesImg{display:table; height:420px; width:calc(100% - 20px); padding:10px; border:1px solid #e9e9e9; border-radius:10px} #detalhes .detalhesCenter{display:table-cell; vertical-align:middle; text-align:center} #detalhes .detalhesImgImg{max-width:100%; max-height:100%} #detalhes .detalhesMini{width:calc(100% + 10px); margin-top:20px} #detalhes .detalhesMiniBox{float:left; display:table; width:118px; height:98px; border:1px solid #e9e9e9; border-radius:5px; margin-right:10px; margin-bottom:10px} #detalhes .detalhesMiniBoxBox{cursor:pointer; padding:8px} #detalhes .detImgPrincipal {float:left; width:100%; height:100%; border:1px solid #ebebeb; padding:10px} #detalhes .detImgPrincipal img{height:100%; width:100%} #detalhes .detImgMiniPrincipal{float:left; width:calc(100% + 10px); height:100%; margin-top:10px} #detalhes .detalhesImg {float:left; width:calc(25% - 10px); margin-right:10px; height:100px; border:1px solid #ebebeb; padding:5px;} #detalhes .detImgMini{width:100%; height:100%; display:table; margin-bottom:20px} #detalhes .detImgMini a{display:table-cell; vertical-align: middle; height:100%; text-align:center} #detalhes .detImgMini img{max-width:100%; max-height:90px} #detalhes .DivVariacao {float:left;width:100%} #detalhes .DivVariacao2 {float:left;width:100%;font-family:Lato,arial;font-size:14px;color:#303030;font-weight:600;margin-bottom:2px;margin-top:15px;text-align:left} #detalhes .DivVariacao3 {float:left;width:100%;font-family:Lato,arial;font-size:14px;color:#303030;margin-top:3px} #detalhes .DivVariacao4 {float:left;border:1px solid #dddddd;padding-left:10px;padding-right:10px;height:30px;display:table;margin-right:10px;font-family:Roboto Condensed,arial;font-size:14px;color:#959997;margin-top:10px;cursor:pointer;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px} #detalhes .DivOpcoes2Sel {background-color:#59178a;color:#FFFFFF;border:1px solid #4b1374} #detalhes .detalhesDireita{float:left; width:calc(47% - 40px)} #detalhes .detalhesDireitaCorpo{float:left} #detalhes .detalhesTitulo{font-size:26px; font-weight:700; color:#202020} #detalhes .detalhesPreco2{width: 100%; float:left; width:100%;} #detalhes .detalhesPrecoDivC{float:left; font-weight:700; color:#59178a} #detalhes .detalhesPrecoDiv4{font-size:21px; margin-right:10px; margin-top:14px} #detalhes .detalhesPrecoDiv5{font-size:36px} #detalhes .detalhesPrecoDiv6{width: 100%; font-size:14px; font-weight: 600; color:#666666; position:relative; float: left;} #detalhes .detalhesPreco{float:left; width:100%; margin-top:20px} #detalhes .detalhesPrecoDiv{float:left; font-weight:700; color:#A6C30E} #detalhes .detalhesPrecoDiv1{font-size:29px; margin-right:10px; margin-top:14px} #detalhes .detalhesPrecoDiv2{font-size:46px} #detalhes .detalhesPrecoDiv3{font-size:13px; color:#666666; position:relative; top:30px; left:14px} /* #detalhes .detalhesPreco{float:left; width:100%; margin-top:20px} #detalhes .detalhesPrecoDiv{float:left; font-weight:700; color:#A6C30E} #detalhes .detalhesPrecoDiv1{font-size:21px; margin-right:10px; margin-top:14px} #detalhes .detalhesPrecoDiv2{font-size:36px} #detalhes .detalhesPrecoDiv3{font-size:13px; color:#666666; position:relative; top:19px; left:14px} */ #detalhes .detalhesCartao{float:left; margin-top:10px; width:100%} #detalhes .detalhesCartaoCorpo{float:left; width:100%; color:#535353; border-bottom:1px solid #DDD; padding-bottom:36px} #detalhes .detalhesCartao1{font-size:13px; margin-bottom:4px} #detalhes .detalhesCartao2{float:left; font-size:15px; font-weight:700; margin-top:8px; margin-right:7px} #detalhes .detalhesCartao3{font-size:23px; font-weight:700; width:100%} #detalhes .detalhesCartaoBotao{cursor:pointer; margin-top:16px; background-color:#59178A; border:none; border-radius:4px; font-size:17px; color:#FFF; padding:14px; width:207px} #detalhes .detalhesCartaoSpan{position:relative; top:-5px; left:3px} #detalhes .detalhesDetalhes{float:left; width:100%; color:#535353; border-bottom:1px solid #DDD; padding-bottom:26px; margin-top:36px} #detalhes .detalhesDetalhesDiv{float:left; padding:10px; border-radius:5px; border:1px solid #DDD; margin-right:10px; margin-bottom:10px} #detalhes .detalhesPreVenda{width:140px} #detalhes .detalhesIdioma{width:153px} #detalhes .detalhesSemi{width:186px} #detalhes .detalhesPreVendaCorpo{margin-left:8px} #detalhes .detalhesIdiomaCorpo{margin-left:6px} #detalhes .detalhesSemiCorpo{margin-left:4px} #detalhes .detalhesPreVendaImg{float:left; margin-right:10px; margin-top:2px} #detalhes .detalhesPreSemiImg{float:left; margin-right:10px; margin-top:2px} #detalhes .detalhesIdiomaImg{float:left; margin-right:3px; margin-top:2px} #detalhes .detalhesIdiomaImg2{float:left; margin-right:5px; margin-top:2px} #detalhes .detalhesDetalhesFont{font-size:12px; font-weight:600; line-height:16px; color:#444} #detalhes .detalhesTable{float:left; margin-top:36px; width:100%} .detalhesFrete{float:left; width:100%} .detalhesFreteDiv{font-size:14px; font-weight:600; color:#333} .detalhesFreteCorpo{width:100%; margin-top:8px} .detalhesFreteText{padding:12px; width:65%; border:1px solid #CCC; border-radius:4px; font-size:13px; margin-right:5px} .detalhesFreteBotao{cursor:pointer; width:calc(35% - 35px); border:none; border-radius:5px; background-color:#D7D7D7; padding:12px; font-size:14px; font-weight:600; color:#444} #detalhes .detalhesParcela{float:left; width:100%; margin-top:24px} #detalhes .detalhesParcelaTable{float:left; width:100%; border:1px solid #DDD; border-radius:8px; font-size:12px; margin-top:8px; padding-top:5px; padding-bottom:5px} #detalhes .parcelaTableTr{float:left; width:100%; border-bottom:1px solid #DDD} #detalhes .parcelaTableTd{float:left; width:calc(33.3% - 40px); margin:10px; margin-left:20px; margin-right:20px} #detalhes .parcelaTableVezes{float:left; width:30%; font-weight:700; color:#333} #detalhes .parcelaTableValor{float:left; width:70%; font-weight:400; color:#666} #detalhes .parcelaTableSpan{float:left; font-size:12px; color:#999999; text-align:center; padding:10px; padding-bottom:5px; width:calc(100% - 20px)} #detalhes .detalhesInfo{float:left; width:100%; margin-top:80px} #detalhes .infoTopo{float:left; width:calc(100% + 60px); position:relative; top:3px} #detalhes .infoTopoSelect{float:left; cursor:pointer; font-size:16px !important; font-weight:600 !important; padding:12px; background:white !important;border:1px solid #ccc; border-bottom:1px solid #fff !important; border-radius:10px 10px 0px 0px; color:#59178A !important; text-align:center; margin-right:10px; position:relative; top:-2px} #detalhes .infoTopoDiv{float:left; cursor:pointer; font-size:14px; font-weight:600; padding:12px; padding-left:20px; padding-right:20px; border:1px solid #ccc; border-bottom:0px solid #ccc; border-radius:10px 10px 0px 0px; color:#525252; text-align:center; margin-right:10px; margin-top:0px; background-color:#f5f5f5} #detalhes .infoSpan{float:left; width:100%; border:1px solid #cccccc; border-radius:0px 10px 10px 10px; padding:30px} #detalhes .infoSpanCorpo{margin-bottom:40px} #detalhes .infoDescricaoTitulo{font-size:13px; font-weight:600; color:#535353; margin-bottom:20px} #detalhes .infoDescricaoTexto{font-size:13px; font-weight:400; color:#535353; line-height:19px} #detalhes .infoDescricaoTexto a{color:#4340ff; text-decoration:none; word-wrap:break-word} #detalhes .infoDescricaoTexto a:hover {text-decoration:underline} #detalhes .infoSelect{font-size:13px; font-weight:400; color:#535353; line-height:19px} #detalhes .infoSelect select{display:none; width:173px; border:1px solid #ccc; border-bottom:1px solid #fff; border-radius:10px 10px 0px 0px; padding:10px; font-size:18px; font-weight:600; color:#59178A; position:relative; top:1px} #detalhes .infoSelect option{font-size:14px} #detalhes .ContDetalhesCartaoBotao{float:left; width:50%} #detalhes .detalhesCartaoEntrega{width: 158px;height:61px;margin-top: 16px;border: 1px solid #DDD;border-radius: 4px;font-size: 17px;color: #333;padding: 14px; margin-left:20px} #detalhes .detalhesCartaoEntregaTexto{position: relative;top: -32px;left: 70px;font-size: 12px;font-weight: 600;line-height: 16px;color: #444;} #Erro404 {float:left; width:100%; padding-left:20px; padding-right:20px; margin:auto; text-align:center; margin-top:46px; margin-bottom:46px} #Erro404 .ErroCorpo {width:100%; max-width:1240px; margin-top:40px; text-align: center} #Erro404 .ErroTextoCorpo {float:left; margin-right:100px} #Erro404 .ErroTitulo {font-size:26px; font-weight:600; color:#a7a7a7; margin-top:30px} #Erro404 .ErroCausas {font-size:16px; color:#333333; margin-top:40px} #Erro404 .DivBotaoHome {float:left; width:100%; margin-top:40px} #Erro404 .BotaoHome {width:220px; height:50px; background-color:#FFFFFF; border:1px solid #cccccc; color:#6f1fa6; font-weight:600; border-radius:3px} #Erro404 .BotaoHome:hover {text-decoration:underline; cursor:pointer} #Erro404 .ErroImagemCorpo {float:left; margin-left:100px} #Erro404 .DispBlock {display:inline-block} #fale{float:left; width:100%} #fale .faleTopo{float:left} #fale form{float:left; width:100%; } #fale .contatoText{float:left; border:1px solid #ddd; padding:14px; font-size:13px; width:100%; border-radius:3px; margin-bottom:10px; color:#666} #fale .contatoTextCinza{float:left; border:1px solid #ddd; padding:14px; font-size:13px; width:100%; border-radius:3px; margin-bottom:10px; color:#ccc} #fale .contatoTextArea{border:1px solid #ddd; padding:14px; font-size:13px; width:100%; height:153px; border-radius:3px; color:#666; resize:none} #fale .contatoTextAreaCinza{border:1px solid #ddd; padding:10px; font-size:13px; width:100%; height:153px; border-radius:3px; color:#ddd; resize:none} #fale .contatoButton{float:right; cursor:pointer; margin-top:20px; padding:10px; font-size:15px; font-weight:500; border:none; border-radius:4px; background:#59178A; color:#fff; width:147px} #fale .faleDiv{float:left; margin-top:40px; width:100%} #fale .faleEsquerda{float:left; width:50%; margin-right:80px} #fale .faleDireita{float:left; width:calc(50% - 80px)} #fale .Direita1{float:left} #fale .Direita2{float:left; margin-top:40px} #fale .DireitaDiv{float:left; margin-bottom:30px} #fale .DireitaImg{float:left; margin-right:15px} #fale .DireitaTexto{float:left; width:calc(100% - 68px); margin-top:-3px} #fale .SpanTopo{float:left; width:100%; height:5px} #novops5{float:left; width:100%; text-align:center;} #novops5 .alinha_topicos_ps5{width:100%; display:inline-block; text-align:center;} #novops5 .alinha_topicos_ps5.pre_venda{margin-bottom:50px;} #novops5 .LinhaVideos{width:100%; float:left;} #novops5 .LinhaVideos .BlocoVideos{width:100%; height:auto; border-radius: 5px; float:left; overflow:hidden; margin-bottom:80px;} #novops5 .LinhaProdutos{width:calc(100% + 20px); float:left; text-align:center; margin-left:-20px; margin-bottom:40px;} #novops5 .LinhaProdutos .bloco1{width:calc(25.4% - 20px); float:left; text-align:center; margin-left:20px; margin-bottom:40px;} #novops5 .LinhaProdutos .bloco2{width:calc(49.2% - 20px); float:left; text-align:center; margin-left:20px; margin-bottom:40px;} #novops5 .LinhaProdutos .img_bloco{width: 100%; height: 240px; border-radius: 10px; background-color: transparent; border: 1px solid #ebebeb; background-repeat:no-repeat; background-position:center center; overflow:hidden; margin-bottom:20px;} #novops5 .LinhaProdutos .nome_produto{width:100%; float:left; text-align:left; font-weight:700; color:#59178A; margin-bottom:5px; line-height:23px;} #novops5 .LinhaProdutos .descricao_produto {width:100%; float:left; text-align:left; line-height:17px; font-size:14px; color:#666; height:51px; margin-bottom:10px;} #novops5 .LinhaProdutos .botao_produto{width:147px; border-radius:; text-align:center; float:left; background-color:#222; color:#fff; border-radius:5px; font-size:15px; font-weight:500; border:none; height:38px; transition:.2s;} #novops5 .LinhaProdutos .botao_produto:hover{cursor:pointer; opacity:.9; filter:opacity(90); color:#A6E501;} #novops5 .LinhaAguardados{width:calc(100% + 20px); float:left; text-align:center; margin-left:-20px; margin-top:10px; margin-bottom:20px;} #novops5 .LinhaAguardados .blocos{width:calc(25% - 20px); margin-left:20px; float:left; text-align:center; margin-top:20px; background-size:cover; background-position:center center; background-repeat:no-repeat; height:240px; border-radius:5px; overflow:hidden;cursor:pointer;transition:.2s} #novops5 .LinhaAguardados .efeito_conteudo{width: 100%; height: 100%; border-radius: 10px; background:linear-gradient(rgba(0, 0, 0, 0) 0%, #000 120%); padding:145px 20px 20px 20px; transition:.2s;} #novops5 .LinhaAguardados .titulo_jogo{width:100%; text-align:left; float:left; margin-bottom:20px; color:#fff; font-size:14px; line-height:17px;} #novops5 .LinhaAguardados .botao_detalhes{ color:#000000; font-size:15px; text-align:center; border-radius:5px; font-weight:500; line-height:18px; float:left; background-color:#A6E501; height:38px; width:147px; border:none;transition:.2s;cursor:pointer; } #novops5 .LinhaAguardados .blocos:hover .efeito_conteudo{background:linear-gradient(rgba(0, 0, 0, 0) 0%, #000 70%);} #novops5 .LinhaAguardados .blocos:hover .botao_detalhes{ opacity:.9; filter:opacity(90); background-color:#5a018a; color:#fff; } #novops5 .topicos_ps5{ display:inline-block; text-align:center; width: auto; height: auto; border-radius: 5px; background-color: #a6e501; padding:13px 54px 12px 54px; font-size:36px; line-height:43px; font-family:'Roboto'; color:#59178A; font-weight:700;} #novops5 .AlinhaBotaoVerTodos{width:100%; display:inline-block; text-align:center;} #novops5 .AlinhaBotaoVerTodos .botao_ver_todos{width:206px; display:inline-block; text-align:center; border-radius:5px; height:38px; background-color:#222; font-size:17px; color:#fff; font-weight:500; border:none; transition:.2s;} #novops5 .AlinhaBotaoVerTodos .botao_ver_todos:hover{opacity:.9; filter:opacity(90); cursor:pointer; color:#A6E501;} #fidelizacao{float:left} #fidelizacao .fideTopo{float:left} #fidelizacao .fideSpan{float:left} #fidelizacao .fideCorpo{float:left; margin-top:80px; width:100%; text-align:center} #fidelizacao .fideCorpoDiv{margin:auto; display:inline-block} #fidelizacao .fideImg1{float:left} #fidelizacao .fideDiv1{float:left; width:250px} #fidelizacao .fideText{float:left; width:100%; text-align:center; margin-top:10px; color:#59178A } #fidelizacao .fideSeta1{float:left; margin-top:120px; margin-left:25px} #fidelizacao .fideImg2{float:left; margin-top:120px; margin-left:10px; width:250px} #fidelizacao .fideImg3{float:left; margin-top:0px; margin-left:10px; width:250px} #fidelizacao .fideSeta2{margin-top:10px; margin-left:25px; position:relative; left:-120px} #fidelizacao .fideSeta3{float:left; margin-top:142px; margin-left:10px} #fidelizacao .fideImg4{float:left; margin-top:-176px; margin-left:111px; width:250px} #fidelizacao .fideCorpoMobile{display:none; width:80%; text-align:center} #fidelizacao .fideMobileImg{} #fidelizacao .fideMobileImgImg{width:70%} #fidelizacao .fideMobileSeta{float:left; width:100%; margin-top:25px; margin-bottom:25px} #fidelizacao .fideTextMobile{font-size:19px; } #login{} #login .login{float:left; width:47%; margin-top:20px} #login .loginDiv{float:left; width:calc(100% - 40px); margin-right:40px} .loginTopo{border-radius:10px 10px 0px 0px; padding:14px; font-size:17px; font-weight:500; color:white;} .loginInput{float:left; width:100%; position:relative; border:1px solid #ddd; border-top:0px solid #ddd; padding:0px} .loginInputInput{float:left; position:relative;} .loginInputBorder{border-right:1px solid #ddd !important} .loginInputText{border:1px solid #fff; padding:12px; padding-bottom:10px; padding-top:26px; width:100%; font-size:14px; color:#444} .loginInputText2{border:1px solid #fff; padding:12px; padding-bottom:10px; padding-top:26px; width:100%; font-size:14px; color:#444} .loginInputSelect{width:100%; border:none; position:relative; top:28px; left:8px} .loginTop{padding:14px; padding-top:16px; padding-bottom:16px; color:#a9a9a9} .loginTop:focus{color:#444} .loginInputPlace{position:absolute; top:10px; left:12px; font-size:12px; font-weight:500; color:#a9a9a9} .loginInputPlace2{position:absolute; top:10px; left:12px; font-size:12px; font-weight:500; color:#a9a9a9} .loginInputPlace3{position:absolute; top:10px; left:12px; font-size:12px; font-weight:500; color:#a9a9a9} .loginInputEmail{width:calc(50% - 4px)} .loginInputNascimento{width:calc(50% - 4px)} .loginInputCEP{width:calc(30% - 4px)} .loginInputCPF{width:calc(30% - 4px)} .loginInputEndereco{width:calc(35% - 4px)} .loginInputNum{width:calc(10% - 4px)} .loginInputEstado{width:calc(10% - 4px)} .loginInputCompl{width:calc(25% - 4px)} .loginInputBairro{width:calc(50% - 4px)} .loginInputCidade{width:calc(40% - 4px)} .loginInputSenha{width:calc(50% - 4px)} .loginInputCelular{width:calc(30% - 4px)} .loginInputTelefone{width:calc(40% - 4px)} #login .TextoEsqueci:hover{text-decoration:underline} .loginButton{padding-top:16px; padding-bottom:16px; cursor:pointer; border-radius:0px 0px 10px 10px; font-size:17px; font-weight:500; text-align:center; background-color:#f5f5f5; color:#444; margin-bottom:24px} .loginButton:hover{background-color:#ebebeb} #login .cadastro{float:left; width:53%; margin-top:20px} #login .cadastroDiv{float:left; width:calc(100% - 40px); margin-left:40px} #login .cadastroText{padding:14px; padding-top:16px; padding-bottom:16px; float:left; width:100%} #cadastrar{width:70%; margin:auto} #cadastrar .AAA{} #cadastrar .AAA{} #cadastrar .AAA{} #cadastrar .AAA{} #cadastrar .AAA{} #pre{} #pre .preCorpo{float:left; width:100%; margin-top:10px; border-bottom:1px solid #e1e1e1} #pre .preDiv{float:left; width:100%; margin-top:20px; margin-bottom:20px} #pre .preImg{float:left; width:100px} #pre .preTexto{float:left; width:calc(100% - 100px)} #pre .preAtencao{float:left; margin-top:40px} #compra{} #compra .compraCorpo{float:left; width:100%; margin-top:10px} #compra .compraDiv{float:left; margin-top:16px} #compra .compraText{float:left; margin-top:32px; font-weight:500 !important} #compra .compraDivText{float:left; font-size:15px; color:#444; margin-bottom:5px} #semi{float:left} #semi .semiCorpo{float:left; width:100%; margin-top:10px} #semi .semiDiv{float:left; margin-top:16px} #semi .semiFotos{float:left; width:100%} #semi .semiFotosCorpo{float:left; width:calc(100% + 20px); margin-left:-20px; margin-top:20px} #semi .semiFotosDiv{float:left; width:calc(20% - 20px); margin-left:20px; margin-bottom:20px} #semi .semiFotosDiv img{width:100%} #faq{float:left} #faq .faqCorpo{float:left; width:100%; margin-top:10px} #faq .faqDiv{float:left; margin-top:16px} #faq .faqDivTopico{float:left; margin-bottom:10px; width:100%} #Cliente{float:left; width:100%} #Cliente .Topico{float:left; width:100%; padding:36px 22px; padding-bottom:22px; border:1px solid #ccc; margin-top:0px; border-radius:0px 10px 10px 10px} #Cliente .TopicoTexto{width:100%; line-height:24px; margin-bottom:5px} #Cliente .TopicoForm{margin-right:5px} #Cliente .TopicoText{float:left; width:100%; border:1px solid #CCC; font-size:14px; color:#333; border-radius:5px; padding:10px} #Cliente .Nome{width:100% !Important} #Cliente .Endereco{width:calc(30% - 28px)} #Cliente .Numero{width:calc(10% - 28px)} #Cliente .Bairro{width:calc(30% - 28px)} #Cliente .Cidade{width:calc(30% - 28px)} #Cliente .Estado{width:calc(10% - 28px)} #Cliente .CEP{width:calc(15% - 28px)} #Cliente .CPF{width:calc(25% - 28px)} #Cliente .Tel{width:calc(25% - 28px)} #Cliente .Cel{width:calc(25% - 28px)} #Cliente .Nasc{width:calc(25% - 28px)} #Cliente .Complemento{width:calc(30% - 28px)} #Cliente .TopicoDadosEditar{float:left; width:calc(100% + 28px); margin-bottom:12px} #Cliente .TopicoDados{float:left; width:100%; margin-bottom:12px} #Cliente .TopicoDadosSpan{float:left; margin-bottom:4px; margin-right:28px} #Cliente .TopicoDadosBotao{float:left; cursor:pointer; margin-top:10px; border:none; background-color:#A7C30F; padding:14px 12px; border-radius:5px; font-size:15px; font-weight:500; color:#FFF} #Cliente .TopicoDadosBotaoSenha{cursor:pointer; margin-top:10px; border:none; background-color:#A7C30F; padding:14px 12px; border-radius:5px; font-size:15px; font-weight:500; color:#FFF} #Cliente .TopicoDadosBotaoEditar{width:160px} #Cliente .TopicoPedido{float:left; width:100%} #Cliente .TopicoPedidoTopo{float:left; width:100%; background-color:#eeeeee; border:1px solid #CCC} #Cliente .TopicoPedidoTopoDiv{float:left; padding:12px; border-right:1px solid #CCC; font-size:13px; font-weight:500; color:#555} #Cliente .TopicoPedidoCorpo{float:left; width:100%; border:1px solid #CCC; margin-top:-1px} #Cliente .TopicoPedidoCorpoDiv{float:left; height:100%; padding:12px; border-right:1px solid #CCC; font-size:13px; color:#444} #Cliente .TopicoPedidoCorpoSpan{height:100%; width:100%} #Cliente .TopicoPedidoDetalhes{display:none; float:left; width:100%; margin:22px 0px; margin-bottom:44px; padding:0px 22px} #Cliente .TopicoPedidoDetalhesTabela{float:left; width:100%; background-color:#FAFAFA; border:1px solid #CCC; padding:14px 0px} #Cliente .TopicoPedidoDetalhesLista{float:left; width:calc(100% - 44px); border-bottom:1px solid #CCC; margin:0px 22px } #Cliente .TopicoPedidoDetalhesLista:nth-last-child(1){border-bottom:0px solid #CCC} #Cliente .TopicoPedidoDetalhesListaTopico{float:left; width:20%; padding:8px 0px 8px 28px; font-size:14px; font-weight:500; color:#444; background-repeat:no-repeat; background-position:left center} #Cliente .TopicoPedidoDetalhesListaTexto{float:left; width:80%; font-size:14px; color:#444; padding:8px 0px} #Cliente .TopicoPedidoDetalhesItens{float:left; width:100%; margin-top:28px} #Cliente .TopicoPedidoDetalhesItensTitulo{float:left; font-size:17px; color:#444} #Cliente .TopicoPedidoDetalhesItensCarrinho{float:left; width:100%; margin-top:12px} #Cliente .TopicoPedidoDetalhesItensCarrinhoTopo{float:left; width:100%; padding:8px; margin-bottom:10px; background-color:#eeeeee} #Cliente .TopicoPedidoDetalhesItensCarrinhoTopoSpan{float:left; font-size:15px; font-weight:500; color:#444; margin-right:10px} #Cliente .TopicoPedidoDetalhesItensCarrinhoCorpo{float:left; width:100%; padding:8px; border-bottom:1px solid #EBEBEB; margin-bottom:10px} #Cliente .TopicoPedidoDetalhesItensCarrinhoCorpo:nth-last-child(1){border-bottom:0px solid #CCC} #Cliente .TopicoPedidoDetalhesItensCarrinhoCorpoSpan{float:left; font-size:14px; height:56px; color:#3d3d3d; margin-right:10px} #Cliente .TopicoPedidoDetalhesItensCarrinhoCorpoImg{max-width:96px; max-height:56px} #Cliente .TopicoPedidoDetalhesItensCarrinhoDiv{float:left; width:96px; display:table; height:56px; margin-right:10px} #Cliente .TopicoPedidoDetalhesItensCarrinhoDivDiv{display:table-cell; vertical-align:middle; height:100%; text-align:center} #Cliente .TopicoPedidoDetalhesItensCarrinhoCorpoProduto{float:left; font-size:14px; color:#3d3d3d} #Cliente .TopicoPedidoDetalhesItensCarrinhoText{float:left; text-align:center; border:1px solid #CCC; width:40px; padding:8px; border-radius:5px} #Cliente .TopicoPedidoDetalhesItensCarrinhoCorpoMobile{display:none; float:right; clear:both; margin-top:10px} #Cliente .TopicoPedidoDetalhesItensCarrinhoCorpoMobileDiv{float:right; clear:both; text-align:right; margin-bottom:5px} #Cliente .TopicoCarrinhoMobileSpan{float:left; margin-right:5px; font-size:13px; color:#444} #Cliente .TopicoCarrinhoMobileTitulo{font-weight:500} #Cliente .alignSpanCarrinho{height:56px} #Cliente .CarrinhoProduto{width:calc(60% - 10px)} #Cliente .CarrinhoValor{width:calc(15% - 10px)} #Cliente .CarrinhoQtde{width:calc(10% - 10px)} #Cliente .CarrinhoTotal{width:calc(15% - 10px)} #Cliente .IconNumero{background-image:url('../images/ico_info.jpg')} #Cliente .IconData{background-image:url('../images/ico_data_pedido.jpg')} #Cliente .IconSituacao{background-image:url('../images/ico_situacao.jpg')} #Cliente .IconForma{background-image:url('../images/ico_forma_pagamento.jpg')} #Cliente .IconPrazo{background-image:url('../images/ico_prazo.jpg')} #Cliente .IconEndereco{background-image:url('../images/ico_endereco_entrega.jpg')} #Cliente .Pedido{width:25%; white-space:nowrap;text-overflow:ellipsis;overflow:hidden} #Cliente .Produto{width:25%} #Cliente .Valor{width:25%} #Cliente .Status{width:30%} #Cliente .Detalhes{width:20%; cursor:pointer; text-align:center; border-right:0px solid #DDD} #Cliente .Salvar{width:160px} #Cliente .Mais{} #Cliente .infoTopo{float:left; width:calc(100% + 60px)} #Cliente .infoTopoDiv{float:left; position:relative; cursor:pointer; font-size:14px; font-weight:600; width:140px; height:48px; border:1px solid #ccc; border-bottom:0px solid #ccc; border-radius:10px 10px 0px 0px; color:#525252; text-align:center; margin-right:10px; margin-top:0px; background-color:#f5f5f5} #Cliente .infoTopoDiv:hover{font-size:16px; font-weight:600; background:white; color:#59178A; height:54px; margin-top:-6px} #Cliente .infoTopoSpan{position:absolute; top:50%; left:50%; width:100%; transform:translate(-50%, -50%)} #Cliente .infoTopoSelect{font-size:16px; font-weight:600; background:white; color:#59178A !important; padding:11px 20px; margin-right:10px;} #Cliente .infoSelect{font-size:13px; font-weight:400; color:#535353; line-height:19px} #Cliente .infoSelect select{display:none; width:173px; background-color:#FFF; border:1px solid #ccc; border-bottom:1px solid #fff; border-radius:10px 10px 0px 0px; padding:10px; font-size:18px; font-weight:600; color:#59178A; position:relative; top:1px} #Cliente .infoSelect option{font-size:14px} #Cliente .TopicoPedidoDetalhesItensTotal{float:right; margin-top:24px; width:310px; padding:12px; background-color:#EEE} #Cliente .TopicoPedidoDetalhesItensTotalDiv{float:left; width:100%} #Cliente .TopicoPedidoDetalhesItensTotalSpan{font-size:15px; line-height:28px; color:#333} #Cliente .TopicoTotalValor{float:right} #Cliente .TopicoCorpo{float:left; width:100%; display:inline-block} #Cliente .TopicoCorpoCenter{text-align:center} #Cliente .TopicoCorpoMargin{margin-top:10px} #Cliente .TopicoCorpoTitulo{width:290px; text-align:left; margin-bottom:5px; display:inline-block} #Cliente .TopicoCorpoText{width:310px; display:inline-block} #Cliente .TopicoAlterar{font-size:15px} #FormaPagamento {float:left;width:100%;margin-bottom:35px;margin-top:0px !important;} #FormaPagamento .DivTitulo {float:left;width:100%;font-family:Lato,arial,verdana;font-size:32px;color:#212121} #FormaPagamento .DivBarraTitulo {float:left;width:calc(100% - 20px);background-color:#BF3538;font-family:Lato,arial,verdana;font-size:17px;color:#FFFFFF;text-align:left;padding-left:20px;padding-bottom:13px} #FormaPagamento .Div {float:left;width:100%} #FormaPagamento .DivTituloCC2 {float:left;width: 100%;font-family:arial,verdana;font-size:14px;color:#FFFFFF;text-align:left;background-color:#a7c30f;padding:10px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;margin-bottom:5px;margin-top:20px} #FormaPagamento .DivCampos {float:left;width:calc(100% - 10px);padding-left:5px;padding-right:5px} #FormaPagamento .DivCampo1 {float:left;text-align:left;margin-top:8px;font-family:arial,verdana;font-size:14px;color:#404040;line-height:21px;padding-left:10px} #FormaPagamento .DivCampo2 {float:left;text-align:left;margin-top:13px;font-family:arial,verdana;font-size:14px;color:#404040;line-height:21px;padding-left:10px} #FormaPagamento .Linha1 {float:left;width:100%;font-family:arial,verdana;font-size:14px;color:#FFFFFF;text-align:left;margin-top:5px;background-color:#565656;padding-top:10px;padding-bottom:10px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px} #FormaPagamento .Linha1Coluna1 {float:left;width:calc(100% - 410px);padding-left:10px} #FormaPagamento .Linha1Coluna2 {float:left;width:120px;text-align:center} #FormaPagamento .Linha1Coluna3 {float:left;width:140px} #FormaPagamento .Linha1Coluna4 {float:left;width:140px} #FormaPagamento .Listagem {float:left;width:calc(100% - 2px);font-family:arial,verdana;font-size:14px;color:#404040;text-align:left;margin-top:5px;border:1px solid #DDDDDD;background-color:#FBFBFB;padding-top:6px;padding-bottom:6px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px} #FormaPagamento .Listagem1 {float:left;width:112px;display:table;height:100px;padding-left:10px;text-align:center} #FormaPagamento .Listagem2 {float:left;width:calc(100% - 542px);display:table;height:100px;padding-left:10px;padding-right:10px;line-height:19px} #FormaPagamento .Listagem3 {float:left;width:120px;text-align:center;padding-top:41px} #FormaPagamento .Listagem4 {float:left;width:140px;display:table;height:100px} #FormaPagamento .Listagem5 {float:left;width:140px;display:table;height:100px} #FormaPagamento .ValoresMobile {display:none;color:#666666} #FormaPagamento .URL {color:#666666;text-decoration:none} #FormaPagamento .URL:visited {color:#666666;text-decoration:none} #FormaPagamento .URL:hover {color:#666666;text-decoration:underline} #FormaPagamento .ListagemFoto {max-height:100px;max-width:100px;border:0px;border:1px solid #DDDDDD} #FormaPagamento .ValorTotal {float:left;width:100%;margin-top:5px;border:1px solid #DDDDDD;background-color:#FBFBFB;padding-top:6px;padding-bottom:6px;padding-right:10px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;text-align:right;margin-right:12px;font-family:Lato,arial,verdana;font-size:15px;color:#505050} #FormaPagamento .Valor {float:left;padding-top:89px;padding-left:18px;font-family:arial,verdana;font-size:14px;color:#505050} #FormaPagamento .Valor2 {font-size:19px} #FormaPagamento .Finalizar {float:right;padding-top:90px;padding-right:12px;} #FormaPagamento .FinalizarImg {width:131px;height:36px;border:0px;cursor:pointer} #FormaPagamento #MetodosPagamento {float:left;width: calc(100% + 10px); margin: 6px 0px 0px -10px; font-family:Lato,arial;font-size:15px;color:#666666} #MetodosPagamento .Metodo {width:calc(33.3% - 13px); min-height: 174px; background:#FBFBFB;display:inline-block;padding:20px;margin:0px 0px 20px 10px;border:1px solid #DDDDDD;border-radius:4px} #MetodosPagamento .Metodo:hover {border:1px solid #a7c30f;cursor:pointer} #MetodosPagamento .Icone {width:96px; float:left} #MetodosPagamento .Informacoes {width:calc(70% - 34px);margin:0px 0px 0px 20px;max-width:204px;float:left} #MetodosPagamento .Texto {width:100%;margin:6px 0px 0px 0px;float:left;text-align:left} #MetodosPagamento .Botao {width:100%;margin:10px 0px 0px 0px;float:left;text-align:left} #MetodosPagamento .BotaoAjuste {width: 100%; background: #59178A; color: #FFFFFF; padding: 6px 0px;} #FormaPagamento #DivEscolheFrete {display:none} #rodape{float:left; width:100%; text-align:center; margin-top:20px} #rodape .news{float:left; display:inline-block; width:100%; height:90px; background:#59178A} #rodape .newsCorpo{float:left; text-align:left; width:calc(100% - 40px); height:100%; background:#59178A; margin-left:20px; margin-right:20px} #rodape .newsCorpoCorpo{display:table; height:100%; max-width:1180px; margin:auto} #rodape .newsCorpoCorpoDiv{display:table-cell; vertical-align:middle} #rodape .newsDiv{float:left; color:#FFF; margin-right:20px} #rodape .newsTitulo{font-size:29px; font-weight:300; float:left} #rodape .newsText{font-size:15px; font-weight:300; float:left; margin-top:11px; margin-left:5px} #rodape .newsInputs{float:left} #rodape .newsInputsDiv{float:left} #rodape .newsInputsText{border:none; background:#FFF; width:239px; padding:11px; padding-left:20px; border-radius:40px; margin-right:9px; font-size:14px; color:#59178A} #rodape .newsInputsText::-webkit-input-placeholder{color:#59178A} #rodape .newsSubmit{cursor:pointer; border:none; background:#A7C30F; width:179px; padding:11px; border-radius:40px; margin-left:3px; color:#59178A; font-size:14px; font-weight:600} #rodape .rodape{float:left; display:inline-block; width:100%; height:auto; background-color:#222} #rodape .rodapeCorpo{float:left; text-align:left; width:calc(100% - 40px); height:100%; margin-left:20px; margin-right:20px} #rodape .rodapeCorpoCorpo{max-width:1180px; margin:auto; margin-top:40px; margin-bottom:40px} #rodape .rodapeDiv1{float:left; width:17.79%} #rodape .rodapeDiv2{float:left; width:25.42%; padding-bottom:40px} #rodape .rodapeDiv3{float:left; width:29.66%; padding-bottom:40px} #rodape .rodapeDiv4{float:left; width:27.12%; padding-bottom:40px} #rodape .rodapeTitulo{color:#FFF; font-size:17px; font-weight:500; margin-bottom:20px} #rodape .rodapeMenu{color:#FFF; font-size:13px; font-weight:300} #rodape .rodapeMenuDiv{margin-bottom:7px; color:#FFF} #rodape .rodapeMenuDiv:hover{text-decoration:underline} #rodape .rodapeMenuDiv2{margin-bottom:5px; color:#FFF} #rodape .rodapeLinha{margin-bottom:26px} #rodape .rodapeLinha1{margin-bottom:32px} #rodape .rodapeLinha2{margin-bottom:20px} #rodape .rodapeTelefone{margin-top:14px} #rodape .rodapeTelefoneSpan{position:relative; top:-5px} #rodape .rodapeTel{float:left; margin-right:16px} #rodape .rodapeMenuIcon{margin-right:20px} #rodape .rodapeRedes{float:left} #rodape .rodapeEvernet{float:right; margin-top:24px} #rodape .convite{float:left; display:inline-block; width:100%; height:130px; background-color:#f5f5f5} #rodape .conviteCorpo{float:left; text-align:left; width:calc(100% - 40px); height:100%; margin-left:20px; margin-right:20px} #rodape .conviteCorpoCorpo{max-width:1180px; margin:auto; margin-top:16px} #rodape .conviteImg{float:left} #rodape .conviteDiv{float:left; width:calc(100% - 200px); margin-left:20px; margin-top:10px; line-height:18px; color:#444; font-size:13px;} #rodape .conviteDiv1{margin-bottom:14px} #rodape .conviteDiv2{margin-bottom:0px} #rodape .promo{float:left; text-align:center; width:100%; margin-bottom:30px; margin-top:20px} #rodape .promoCorpo{display:inline-block; text-align:left; width:calc(100% - 40px); max-width:1180px; margin-left:20px; margin-right:20px} #rodape .promoImg{width:calc(14.3% - 9px); margin-left:5px; margin-bottom:9px} #rodape .CadastroNewsletter{width:680px; margin-top:8px; text-align:center;font-family:Open Sans, Arial; font-size:15px; color:#fff} #corpo .mostraMobile{display: none;} #IframePagarme {width:100%; height:760px} /*////MEDIA QUERIES////*/ @media(max-width:1240px){ #rodape .newsText{display:none} #rodape .newsCorpoCorpo{margin:0} #rodape .newsInputsText{width:296px} #rodape .rodapeDiv2{width:} #novops5 .LinhaProdutos .descricao_produto{height:62px;} } @media(max-width:1185px){ .opcoesFaleConosco{display:none} #topo .buscaInput{width:calc(100% - 307px)} #detalhes .detalhesEsquerda{width:50%} #detalhes .detalhesDireita{width:calc(50% - 40px)} #detalhes .detalhesImg{height:125px} } @media(max-width:1135px){ #detalhes .detalhesParcelaTable{font-size:11px} #detalhes .infoTopoDiv{padding-left:14px; padding-right:14px;} #detalhes .detalhesCartaoEntrega{margin-left: 30px} } @media(max-width:1087px){ #rodape .newsInputsText{width:234px} #rodape .newsSubmit{width:150px} #rodape .rodapeDiv1{width:50%} #rodape .rodapeDiv2{width:50%} #rodape .rodapeDiv3{width:50%} #rodape .rodapeDiv4{width:50%} #classic .classicCorpoBox{height:165px} #detalhes .parcelaTableTd{width:calc(33.3% - 20px); margin-left:10px; margin-right:10px} #detalhes .infoTopoDiv{padding-left:12px; padding-right:12px;} #detalhes .detalhesCartaoBotao{width: 195px;} #login .loginDiv{width:calc(100% - 20px); margin-right:20px} #login .cadastroDiv{width:calc(100% - 20px); margin-left:20px} } @media(max-width:1056px){ .corpoImg7{display:none} #divulga .divulgaBox4{display:none} #divulga .separador4{display:none} #divulga .separador{width:calc(50% - 370px)} #rodape .convite{height:auto; padding-bottom:20px} #rodape .conviteImg{margin-top:14px} #cadastrar{width:80%} #Cliente .TopicoPedidoDetalhesListaTopico{width:25%} #Cliente .TopicoPedidoDetalhesListaTexto{width:75%} #detalhes .detalhesCartaoBotao{width:180px} #detalhes .detalhesCartaoEntrega{margin-left:20px} } @media(max-width:1048px){ .opcoesFidelidade{display:none} #topo .buscaInput{width:calc(100% - 156px)} #corpo .jogosBox{width:calc(33.3% - 26px)} #detalhes .detalhesPrecoDiv3{top:6px} #detalhes .infoTopoSelect{width:initial} #detalhes .infoTopoDiv{font-size:13px; padding-left:10px; padding-right:10px; margin-top:8px} #carrinho .orcamentoButton{padding-left:12px; padding-right:12px} #menu .corpoDiv6{display:none} .corpoImg6{display:none} /*#carrinho .orcamentoBotaoBotao{width:calc(35% - 5px)}*/ } @media screen and (max-width: 1030px) { #MetodosPagamento .Icone {width: 100%; max-width: 100%; text-align: center;} /* #MetodosPagamento .Informacoes {width: calc(100% - 20px); max-width: calc(100% - 20px); margin: 0px 10px; float: left;} */ #MetodosPagamento .Informacoes {width: 100%; max-width: 100%; margin: 0px;} #MetodosPagamento {text-align: center;} #detalhes .ContDetalhesCartaoBotao{width:100%} #detalhes .detalhesCartaoEntrega{margin-left: 0} } @media screen and (max-width:980px){ #novops5 .LinhaProdutos .bloco1{width:calc(50% - 20px);} #novops5 .LinhaProdutos .bloco2{width:calc(100% - 20px);} #novops5 .LinhaAguardados .blocos{width:calc(33.33% - 20px);} } @media(max-width:968px){ #detalhes .parcelaTableTd{width:calc(33.3% - 10px); margin-right:5px; margin-left:5px} #detalhes .parcelaTableSpan{font-size:11px} #detalhes .detalhesTitulo{font-size:23px} #detalhes .detalhesPrecoDiv1{font-size:19px} #detalhes .detalhesPrecoDiv2{font-size:34px} #detalhes .detalhesCartao2{font-size:13px} #detalhes .detalhesCartao3{font-size:21px} #detalhes .detalhesCartaoBotao{width:184px; padding:11px} #detalhes .detalhesDetalhesFont{font-size:11px} #detalhes .detalhesSemi{width:154px} #detalhes .detalhesDetalhesDiv{padding:7px} #detalhes .detalhesPreVenda{width:115px} #detalhes .infoTopoDiv{font-size:11px; margin-top:11px} #fale .faleEsquerda{float:left; width:60%; margin-right:80px} #fale .faleDireita{float:left; width:calc(40% - 80px)} #fale .TextoFale{font-size:13px} #fale .TextoColorido{font-size:17px} #fale .DireitaImg{width:48px; margin-right:12px} #fale .DireitaImg img{width:100%} #fale .Direita2{margin-top:28px} #semi .semiFotosDiv{width:calc(25% - 20px)} #carrinho .orcamento{width:100%} #carrinho .orcamentoBotao{width:60%} #carrinho .orcamentoTable{width:40%} #carrinho .orcamentoBotaoBotao{/*width:calc(41% - 5px);*/ font-size:13px} #cadastrar{width:90%} } @media(max-width:934px){ #rodape .newsInputsText{width:186px} #rodape .newsSubmit{width:118px} #corpo .promoImg{width:calc(20% - 9px)} #rodape .promoImg{width:calc(20% - 9px)} #classic .classicCorpoBox{width:calc(33.3% - 28px); height:190px} #detalhes .detalhesParcelaTable{font-size:10px} #detalhes .detalhesImg{height:120px} #detalhes .detalhesPrecoDiv{margin-right:8px} #detalhes .detalhesPrecoDiv1{margin-top: 10px;} #detalhes .detalhesPrecoDiv2{font-size:30px} #detalhes .detalhesPrecoDiv3{font-size:11px; left:0px; margin-top:20px; top:-16px} #fale .faleEsquerda{float:left; width:55%; margin-right:80px} #fale .faleDireita{float:left; width:calc(45% - 80px)} #Cliente .Bairro{width:calc(30% - 28px)} #Cliente .Estado{width:calc(20% - 28px)} #Cliente .CEP{width:calc(20% - 28px)} #Cliente .Numero{width:calc(15% - 28px)} #Cliente .Endereco{width:calc(40% - 28px)} #Cliente .Complemento{width:calc(45% - 28px)} #Cliente .TopicoDadosBotaoEditar{width:40%} } @media(max-width:909px){ #rodape .CadastroNewsletter{width:100%; margin-top:10px} } @media(max-width:897px){ #menu .corpoDiv5{display:none} .corpoImg5{display:none} #topo .opcoes{margin-top:43px; border-radius:48px} #topo .opcoesTitulo{margin-left:30px} #topo .opcoesTituloCarrinho{display:none} #topo .opcoesPreco{display:none} #topo .opcoesQuant{font-weight:500; position:relative; top:5px} #topo .opcoesCarrinho{width:88px; height:40px} #topo .opcoesCaixa{margin-top:7px; margin-left:20px} #topo .opcoesCaixa img{width:24px} #topo .buscaInput{width:calc(100% - 112px)} #detalhes .detalhesPrecoDiv2{} #detalhes .infoTopoDiv{padding-left:5px; padding-right:5px} #Cliente .TopicoPedidoDetalhesListaTopico{width:35%} #Cliente .TopicoPedidoDetalhesListaTexto{width:65%} } @media(max-width:866px){ #detalhes .detalhesParcela{width:calc(100% + 10px)} } @media(max-width:854px){ #topo .buscaNumero{display:none} #topo .buscaLogin{margin-bottom:6px} #topo .opcoes{margin-top:43px} #topo .buscaLogin{width:100%} #rodape .conviteImg{margin-top:21px} #classic .classicCorpoBox{height:160px} #topo .logo{width:100%; text-align:center} #topo .busca{margin-left:0px; margin-top:10px; width:100%} #topo .buscaTopo{display:none} #topo .opcoes{margin-top:5px} #menu .corpoCorpo img{display:none} #menu .corpoCorpoMobile{display:block; width:calc(100% - 114px)} #menu .oferta{width:114px} #menu .ofertaTitle{display:none} #menu .ofertaTitleMobile{display:block} #divulga{display:none} #menu .corpoDiv{display:none} #menu .ofertaDiv{left:-144px} #corpo{margin-top:32px} #corpo .lateral{display:none} #corpo .index{width:100%} #corpo .jogosBox{width:calc(33.3% - 26px)} #detalhes .detalhesParcela{width:100%} #detalhes .detalhesParcelaTable{font-size:12px} #detalhes .parcelaTableTr{width:100%} #detalhes .parcelaTableTd{width:calc(33.3% - 20px); margin:10px; margin-left:10px; margin-right:10px} #detalhes .detalhesPrecoDiv{float:left; font-weight:700; color:#A6C30E} #detalhes .detalhesPrecoDiv1{font-size:21px; margin-right:10px; margin-top:14px} #detalhes .detalhesPrecoDiv2{font-size:35px} #detalhes .detalhesPrecoDiv3{font-size:11px; color:#666666; position:relative; left:0px} #detalhes .detalhesCartao{float:left; margin-top:10px; width:100%} #detalhes .detalhesDetalhesDiv{float:left; padding:10px; border-radius:5px; border:1px solid #DDD; margin-right:10px; margin-bottom:10px} #detalhes .detalhesPreVenda{width:141px} #detalhes .detalhesIdioma{width:150px} #detalhes .detalhesSemi{width:184px} #detalhes .detalhesDetalhesFont{font-size:12px; font-weight:600; line-height:16px; color:#444} #detalhes .detalhesEsquerda{margin-right:20px} #detalhes .detalhesDireita{width:calc(50% - 20px)} #detalhes .infoTopoDiv{font-size:13px; padding-left:10px; padding-right:10px; margin-top:8px} #detalhes .detalhesImg {height: 123px} #fale .faleEsquerda{float:left; width:55%; margin-right:60px} #fale .faleDireita{float:left; width:calc(45% - 60px)} #carrinho .TableDivImg{width:100px} #carrinho .TableSpan{height:70px; width:calc(100% - 140px)} #carrinho .TableSpanSpan{height:70px} #carrinho .TableTopoFont{font-size:13px} #carrinho .TableFont{font-size:14px} #login .loginDiv{width:calc(100% - 10px); margin-right:10px} #login .cadastroDiv{width:calc(100% - 10px); margin-left:10px} #cadastrar{width:100%} #classic .classicImg{width:40%} #Cliente .TopicoPedidoTopoDiv{display:inline-block; white-space:nowrap;text-overflow:ellipsis;overflow:hidden} #Cliente .TopicoForm{font-size:14px; line-height:22px} #Cliente .TopicoDados{margin-bottom:0px} #Cliente .TopicoDadosSpan{margin-bottom:0px} #Cliente .TopicoForm{margin-bottom:7px} #Cliente .TopicoDadosBotao{font-size:14px; padding:12px 10px} #Cliente .TopicoText{margin-top:-7px} #Cliente .TopicoPedidoDetalhesItensTitulo{font-size:16px} #Cliente .TopicoPedidoDetalhesItensCarrinho{margin-top:10px} #Cliente .TopicoPedidoDetalhesItensCarrinhoCorpoProduto{width:calc(100% - 106px)} #Cliente .TopicoPedidoDetalhesItensCarrinhoTopo{display:none} #Cliente .TopicoPedidoDetalhesItensCarrinhoCorpo{background-color:#FAFAFA; border-bottom:0px solid #CCC; border:1px solid #CCC; border-radius:5px} #Cliente .TopicoPedidoDetalhesItensCarrinhoCorpo:nth-last-child(1){border:1px solid #CCC} #Cliente .CarrinhoProduto{width:100%} #Cliente .CarrinhoValor{display:none} #Cliente .CarrinhoQtde{display:none} #Cliente .CarrinhoTotal{display:none} #Cliente .TopicoPedidoDetalhesItensCarrinhoCorpoMobile{display:block} } @media screen and (max-width: 820px) { #CarrinhoCompra .ValoresMobile {display:inline} } @media(max-width:830px){ #Erro404 .ErroTextoCorpo {margin-right:20px} #Erro404 .ErroImagemCorpo {margin-left:20px} #FormaPagamento .Listagem1 {display:none} #FormaPagamento .Listagem2 {width:calc(100% - 420px);} } @media(max-width:806px){ .corpoImg5{display:none} #divulga .divulgaBox2{display:none} #divulga .separador3{display:none} #divulga .separador{width:calc(100% - 483px)} #corpo .jogosBox{width:calc(50% - 30px)} #rodape .newsInputs{margin-top:5px} #rodape .news{height:115px} #rodape .newsInputsText{width:234px} #rodape .newsSubmit{width:150px} #classic .classicCorpoBox{width:calc(50% - 32px); height:190px} #semi .semiFotosDiv{width:calc(33.3% - 20px)} #carrinho .orcamentoBotaoBotao{/*width:calc(45% - 5px);*/ font-size:13px} #rodape .CadastroNewsletter{margin-top:5px} } @media(max-width:770px){ #detalhes .detalhesParcelaTable{font-size:11px} #detalhes .parcelaTableTd{width:calc(33.3% - 10px); margin:10px; margin-left:5px; margin-right:5px} #fale .faleEsquerda{float:left; width:55%; margin-right:40px} #fale .faleDireita{float:left; width:calc(45% - 40px)} #fale .Direita2{margin-top:12px} #Cliente .infoTopo{display:none} #Cliente .infoSelect select{display:block} #MetodosPagamento .Metodo {width: calc(50% - 52px); max-width: 50%;} #MetodosPagamento .Texto {text-align: center;} #MetodosPagamento .Botao {text-align: center;} } @media(max-width:761px){ #rodape .newsInputsText{width:186px} #rodape .newsSubmit{width:118px} #detalhes .infoTopoDiv{font-size:12px; margin-top:9px; padding-left:7px; padding-right:7px} #carrinho .TableDivImg{width:80px} #carrinho .TableSpan{height:55px} #carrinho .TableSpanSpan{height:55px} #carrinho .TableSpanDiv{top:17px} #carrinho .TableMais{font-size:12px} #carrinho .TableMenos{font-size:12px} #carrinho .TableSpan{width:calc(100% - 120px)} #carrinho .TableNum{width:32px; margin-top:0px} #carrinho .TableTopoFont{font-size:12px} #carrinho .TableFont{font-size:13px} #carrinho .TableFontImg{margin-top:16px} #carrinho .orcamentoBotaoBotao{/*width:calc(48% - 5px);*/ font-size:13px} #novops5 .LinhaAguardados .blocos{width:calc(50% - 20px);} } @media screen and (max-width: 700px) { #FormaPagamento .Linha1Coluna1 {width:calc(100% - 10px)} #FormaPagamento .Linha1Coluna2 {display:none} #FormaPagamento .Linha1Coluna3 {display:none} #FormaPagamento .Linha1Coluna4 {display:none} #FormaPagamento .Listagem2 {width:calc(100% - 20px)} #FormaPagamento .Listagem3 {display:none} #FormaPagamento .Listagem4 {display:none} #FormaPagamento .Listagem5 {display:none} #FormaPagamento .ValoresMobile {display:inline} } @media(max-width:690px){ #IframePagarme {height:895px} #banner{display:none} #banner-mobile{display:block} #rodape .rodapeDiv1{width:100%} #rodape .rodapeDiv2{width:100%; margin-top:24px} #rodape .rodapeDiv3{width:100%} #rodape .rodapeDiv4{width:100%} #rodape .rodapeLinha{} #rodape .rodapeLinha1{margin-right:24px} #classic .classicCorpoBox{width:calc(25% - 27px); height:140px} #empresa .empresaDiv1{font-size:15px} #empresa .empresaTopicoTexto{font-size:17px; margin-top:2px} #empresa .empresaTopicoImg{width:28px} #empresa .empresaDiv1{margin-top:8px} #empresa .empresaDivImg{width:200px} #empresa .empresaEstrutura{width:100%} #empresa .empresaEstruturaImg{position:inherit; width:100%; text-align:center; margin-top:20px} #empresa .empresaEstruturaImg img{width:50%} #empresa .empresaDiv2{float:left; width:100%; position:relative; top:-24px} #empresa .empresaDiv2Texto{font-size:15px} #empresa .empresaSejaTexto{font-size:15px} #empresa .empresaDiv2Facebook{left:0px} #empresa .empresaDiv2Facebook iframe{width:380px} #empresa .empresaGaleriaImg{float:left; width:calc(50% - 20px)} #detalhes .detalhesParcelaTable{font-size:10px} #detalhes .parcelaTableSpan{font-size:10px} #detalhes .infoTopo{display:none} #detalhes .infoSelect select{display:block} #fale .faleEsquerda{float:left; width:100%; margin-right:0px} #fale .faleDireita{float:left; width:100%; margin-top:56px} #fale .Texto{float:left; font-size:15px; line-height:20px} #fale .TextoColorido{float:left; font-size:19px; width:100%; margin-bottom:1px} #fale .TextoFale{font-size:14px} #fale .TextoColorido{font-size:17px} #fale .DireitaImg{width:48px; margin-right:12px} #fale .DireitaImg img{width:100%} #fale .Direita2{margin-top:20px} #fidelizacao .fideCorpoDiv{display:none} #fidelizacao .fideCorpoMobile{display:inline-block} .Titulo{font-size:32px} #carrinho .TableDivImg{width:65px} #carrinho .TableSpan{width:calc(100% - 95px);height:50px; margin-left:10px} #carrinho .TableSpanSpan{height:50px} #carrinho .Prod{width:40%} #carrinho .Preco{width:18%} #carrinho .TableFontImg{margin-top:12px} #login .login{width:100%} #login .cadastro{width:100%; margin-top:24px} #login .loginDiv{width:100%} #login .loginButton{margin-bottom:16px} #login .cadastroDiv{width:100%; margin-left:0px} #carrinho .orcamentoTable{width:100%} #carrinho .orcamentoBotao{width:calc(100% + 10px); margin-bottom:20px} #carrinho .orcamentoBotaoBotao{/*width:calc(50% - 10px);*/ margin-right:10px; font-size:14px} #classic .classicImg{width:60%} #Cliente .TopicoPedidoTopoDiv{font-size:11px; padding:12px} #Cliente .infoTopoDiv:hover{font-size:13px} #Cliente .infoTopoSelect{font-size:13px} #Cliente .infoTopoDiv{width:100px} #Cliente .TopicoPedidoDetalhesListaTopico{font-size:13px; padding:7px 0px 7px 28px} #Cliente .TopicoPedidoDetalhesListaTexto{font-size:13px; padding:7px 0px} #Cliente .TopicoPedidoDetalhesListaTopico{width:45%} #Cliente .TopicoPedidoDetalhesListaTexto{width:55%} } @media(max-width:656px){ #rodape .rodapeLinha{float:none; margin-bottom:0px} #rodape .rodapeLinha iframe{margin-bottom:16px} #rodape .rodapeLinha1{float:none; margin-right:24px} #rodape .rodapeDiv2{padding-bottom:32px} #rodape .rodapeMenuIcon{margin-top:0px; margin-right:10px; width:33.3%} #rodape .rodapeEvernet{margin-left:0px} #rodape .conviteImg{margin-top:32px} #empresa .empresaDiv1{margin-top:0px} #detalhes .detalhesEsquerda{width:100%} #detalhes .detalhesDireita{width:100%; margin-top:10px} /*#detalhes .detalhesImg{width:calc(70% - 20px); margin:auto}*/ #detalhes .detalhesPrecoDiv2{font-size:36px} #detalhes .detalhesPrecoDiv3{font-size:13px; top:1px; left:0px} #detalhes .detalhesCartao{margin-top:20px} #detalhes .detalhesParcela{float:left; width:100%; margin-top:24px} #detalhes .detalhesParcelaTable{font-size:12px} #detalhes .parcelaTableTd{width:calc(33.3% - 40px); margin:10px; margin-left:20px; margin-right:20px} #detalhes .parcelaTableSpan{font-size:11px} #detalhes .ContDetalhesCartaoBotao{width:calc(50% - 50px)} #detalhes .detalhesCartaoBotao{width: 207px} #detalhes .detalhesCartaoEntrega{padding: 10px;height: 56px;} #carrinho .orcamentoSub{font-size:13px} #carrinho .orcamentoSubValor{font-size:15px} #carrinho .orcamentoFrete{font-size:13px} #carrinho .orcamentoTotal{font-size:17px} #carrinho .orcamentoTotalValor{font-size:17px} #carrinho .orcamentoButton{padding-left:10px; padding-right:10px} #carrinho .orcamentoBotao{} .loginInputCEP{width:50%; border-bottom:1px solid #DDD} .loginInputCPF{width:calc(100% + 1px); border-bottom:1px solid #DDD} .loginInputEndereco{width:50%; border-bottom:1px solid #DDD} .loginInputNum{width:40%} .loginInputEstado{width:20%} .loginInputCompl{width:60%} .loginInputBairro{width:40%} .loginInputCidade{width:40%} .loginInputSenha{width:50%} .loginInputCelular{width:50%} .loginInputTelefone{width:50%} .loginInputSelect{width:calc(100% - 20px)} #Cliente .Pedido{position:relative} #Cliente .CEP{width:calc(40% - 28px)} #Cliente .Bairro{width:calc(60% - 28px)} #Cliente .Estado{width:calc(40% - 28px); margin-top:12px} #Cliente .Cidade{width:calc(60% - 28px); margin-top:12px} #Cliente .CPF{width:calc(50% - 28px)} #Cliente .Tel{width:calc(50% - 28px);margin-top:12px} #Cliente .Cel{width:calc(50% - 28px); margin-top:12px} #Cliente .Nasc{width:calc(50% - 28px);} } @media(max-width:650px){ #Erro404 .ErroTextoCorpo {margin-right:0px} #Erro404 .ErroImagemCorpo {display:none} } @media(max-width:633px){ #rodape .news{height:210px; padding-top:5px; padding-bottom:10px} #rodape .newsInputs{width:100%} #rodape .newsInputsDiv{float:none; width:100%} #rodape .newsInputsText{width:100%; margin-right:0px; margin-bottom:10px} #rodape .newsSubmit{margin-left:0px; width:100%} #rodape .conviteImg{margin-top:40px} #rodape .rodapeTitulo{margin-bottom:14px} #rodape .CadastroNewsletter{text-align:left} #classic .classicCorpoBox{height:120px} } @media(max-width:613px){ #rodape .newsTitulo{margin-bottom:10px} #corpo .promoImg{width:calc(25% - 9px)} #corpo .mostraMobile{display: inline-block;} #rodape .promoImg{width:calc(25% - 9px)} } @media(max-width:600px){ #classic .classicCorpoBox{width:calc(33.3% - 28px); height:140px} #empresa .empresaCorpo{margin-top:16px !important} #empresa .empresaDiv{width:100%; text-align:center} #empresa .empresaDiv1{width:100%; margin-left:0px} #empresa .empresaDivImg{float:none} #empresa .empresaTopicoTexto{font-size:15px} #empresa .empresaTexto{font-size:32px} #empresa .empresaDiv2Texto{width:100%} #empresa .empresaSejaTexto{margin-left:0px} #empresa .empresaSejaTexto2{margin-left:0px} #semi .semiFotosDiv{width:calc(50% - 20px)} #empresa .empresaTexto{margin-top:0px} #Cliente .Endereco{width:calc(60% - 28px)} #Cliente .Numero{width:calc(40% - 28px)} #Cliente .Complemento{width:calc(100% - 28px); margin-top:12px} #Cliente .TopicoDadosBotaoEditar{width:50%} #detalhes .ContDetalhesCartaoBotao{width:50%} } @media(max-width:560px){ #rodape .conviteImg{float:none} #rodape .conviteDiv{margin-left:0px; margin-top:16px; width:100%; line-height:20px} #rodape .conviteImg{margin-top:5px; text-align:center} #fidelizacao .TextoBottom{line-height:26px; font-size:15px} #pre .preTexto{float:none; width:100%} #pre .preImg{margin-bottom:8px} #carrinho .TableTable{border-radius:10px} #carrinho .TableCorpo{position:relative} #carrinho .TableTopo{display:none} #carrinho .TableFont{display:inline} #carrinho .TableSpan{width:calc(100% - 180px); height:67px} #carrinho .TableSpanDiv{margin-left:0px !important; top:-5px} #carrinho .TableSpanSpan{height:42px; margin-left:14px} #carrinho .Exclui{position:absolute; top:0px; right:10px} #carrinho .TableDivImg{width:140px} #carrinho .Prod{width:100%} #carrinho .TableTitle{font-size:19px; color:#59178A} #carrinho .TableLeft{float:right;margin-left:10px} #carrinho .Preco{width:inherit} #carrinho .PrecoSub{display:none} #carrinho .PrecoTotal{font-size:17px; position:relative; top:17px} #carrinho .TableDiv{float:none} #carrinho .TableNum{width:28px} #carrinho .TableFontImg{margin-top:14px; background-size:24px 24px} #carrinho .TableQuantFont{display:block; margin-bottom:5px} #carrinho .TableMais{font-weight:500} #carrinho .TableMenos{font-weight:600} #Cliente .TopicoPedidoDetalhes{margin:11px 0px; margin-bottom:22px; padding:0px 10px} #Cliente .TopicoPedidoDetalhesLista{padding:4px 0px} #Cliente .TopicoPedidoDetalhesListaTopico{width:initial; margin-right:6px; } #Cliente .TopicoPedidoDetalhesListaTexto{width:initial; margin-top:0px} #Cliente .TopicoPedidoDetalhesTabela{padding:12px} #Cliente .TopicoPedidoDetalhesLista{margin:0px 4px; width:calc(100% - 8px)} #Cliente .TopicoPedidoDetalhesItens{font-size:14px; margin-top:12px} #Cliente .TopicoPedidoDetalhesItensTitulo{font-size:15px} #Cliente .TopicoPedidoDetalhesItensCarrinhoDiv{width:72px} #Cliente .TopicoPedidoDetalhesItensCarrinhoCorpoImg{max-width:72px} #Cliente .TopicoPedidoDetalhesItensCarrinhoCorpoProduto{width:calc(100% - 82px)} #Cliente .TopicoPedidoDetalhesItensTotal{width:100%; margin-top:0px} #Cliente .TopicoPedidoDetalhesItensTotalSpan{font-size:14px; line-height:24px} #Cliente .TopicoCorpoTitulo{width:100%} #Cliente .TopicoCorpoText{width:100%} #novops5 .LinhaProdutos .descricao_produto{height:auto;} #novops5 .LinhaProdutos .bloco1{width:calc(100% - 20px);} #novops5 .LinhaProdutos .bloco2{width:calc(100% - 20px);} } @media screen and (max-width: 540px) { #MetodosPagamento .Metodo {width: calc(100% - 52px); max-width: 100%;} #IframePagarme {height:980px} } @media(max-width:514px){ #topo .opcoes{margin-left:5px} #topo .buscaInput{width:calc(100% - 102px)} #classic .classicCorpoBox{width:calc(50% - 32px); height:200px} #empresa .empresaEstruturaImg img{width:60%} #detalhes .detalhesImg{height:130px} #detalhes .detalhesMiniBox{width:98px; height:75px} /*#detalhes .detalhesInfo{width:calc(100% - 50px)}*/ #detalhes .infoSpan{padding:25px} #fidelizacao .TextoBottom{margin-bottom:15px} #carrinho .orcamento{width:100%} #carrinho .orcamentoSub{font-size:15px} #carrinho .orcamentoSubValor{font-size:15px} #carrinho .orcamentoFrete{font-size:15px} #carrinho .orcamentoTotal{font-size:19px} #carrinho .orcamentoTotalValor{font-size:19px} #carrinho .orcamentoBotaoBotao {width: 100%; margin-bottom:10px} #carrinho .TableSpan{width:calc(100% - 150px); height:54px} #carrinho .TableDivImg{width:100px} #carrinho .TableTitle{font-size:18px; } #carrinho .orcamentoBotaoBotao{font-size:12px; padding:8px; padding-bottom:12px; padding-top:12px} #Cliente .TopicoPedidoCorpoDiv{font-size:11px; height:36px} #Cliente .Valor{width:30%} #Cliente .Status{width:30%} #Cliente .Detalhes{width:15%} #Cliente .TopicoPedido{width:calc(100% + 20px); margin-left:-10px} #novops5 .LinhaAguardados .blocos{width:calc(100% - 20px);} } @media(max-width:485px){ #detalhes .detalhesCartaoEntrega{margin-left:30px} } @media(max-width:440px){ #corpo .jogosImgDiv{height:160px} #corpo .promoImg{width:calc(33.3% - 9px)} #rodape .promoImg{width:calc(33.3% - 9px)} #classic .classicCorpoBox{height:180px} #empresa .empresaDiv2Facebook iframe{width:300px} #detalhes .parcelaTableTd{width:calc(33.3% - 20px); margin:10px; margin-left:10px; margin-right:10px} #fidelizacao .fideMobileImgImg{width:90%} #fidelizacao .fideMobileSeta img{width:16%} #carrinho .TableSpan{width:calc(100% - 125px); height:72px} #carrinho .TableDivImg{width:85px} #carrinho .orcamentoBotaoBotao{font-size:11px} .loginInputText {border-right: 0px !important;} .loginInputEmail{width:100%;border-bottom:1px solid #DDD} .loginInputNascimento{width:100%;} .loginInputCEP{width:100%; border-bottom:1px solid #DDD} .loginInputCPF{width:calc(100% + 1px); border-bottom:1px solid #DDD} .loginInputEndereco{width:100%; border-bottom:1px solid #DDD} .loginInputNum{width:40%} .loginInputEstado{width:50%} .loginInputCompl{width:60%} .loginInputBairro{width:100%; border-bottom:1px solid #DDD} .loginInputCidade{width:50%} .loginInputSenha{width:50%} .loginInputCelular{width:50%} .loginInputTelefone{width:50%} #Cliente .Topico{margin-bottom:20px} #Cliente .TopicoDadosBotao{width:100%; font-weight:500} #Cliente .TopicoTopo{font-size:15px} #Cliente .TopicoDadosSpan{width:100%} #Cliente .Endereco{width:calc(70% - 28px)} #Cliente .Numero{width:calc(30% - 28px)} #Cliente .Complemento{width:calc(100% - 28px); margin-top:12px} #Cliente .CEP{width:calc(100% - 28px)} #Cliente .Bairro{width:calc(100% - 28px)} #Cliente .Cidade{width:calc(100% - 28px)} #Cliente .Estado{width:calc(100% - 28px)} #Cliente .CPF{width:calc(100% - 28px)} #Cliente .Tel{width:calc(100% - 28px); margin-top:12px} #Cliente .Cel{width:calc(100% - 28px); margin-top:12px} #Cliente .Nasc{width:calc(100% - 28px); margin-top:12px} #Cliente .TopicoDadosBotaoEditar{width:100%} } @media(max-width:420px){ #corpo .ContSelectBusca{width:100%} #corpo .SelectBusca{width:100%} #detalhes .detalhesCartaoBotao{width:195px} #novops5 .topicos_ps5{font-size:28px; line-height:34px;} } @media(max-width:390px){ #corpo .jogosImgDiv{height:140px} #corpo .promoImg{width:calc(50% - 9px)} #corpo .promoCorpo a:nth-child(5n){display:none;} #rodape .promoImg{width:calc(50% - 9px)} #rodape .promoCorpo a:nth-child(7){display:none;} #classic .classicCorpoBox{height:160px} #empresa .empresaDivImg{width:160px} #empresa .empresaEstruturaImg img{width:80%} #empresa .empresaTexto{font-size:28px} #empresa .empresaDiv2Facebook iframe{width:270px} #detalhes .detalhesImg{height:120px} #detalhes .detalhesMiniBox{width:80px; height:60px} #detalhes .detalhesPrecoDiv3{top:-14px} #detalhes .ContDetalhesCartaoBotao{width:100%} #detalhes .detalhesCartaoEntrega{margin-left:0} #pre .preImg{width:100%; text-align:center} #carrinho .TableTitle{font-size:12px} /* 17px */ #carrinho .Exclui{right:14px} #carrinho .TableDivImg{width:80px} #carrinho .PrecoTotal{font-size:16px} #carrinho .TableFontImg{background-size:22px 22px} } @media(max-width:377px){ #classic .classicCorpoBox{height:150px} #empresa .empresaTopicoImg{width:25px} #empresa .empresaTopicoTexto{font-size:15px; margin-left:5px} #detalhes .detalhesParcelaTable{font-size:11px} #carrinho .orcamentoBotaoBotao{font-size:14px; padding:13px; padding-bottom:12px; padding-top:12px} } @media(max-width:353px){ #classic .classicCorpoBox{height:130px} #empresa .empresaTopicoTexto{font-size:14px; margin-left:4px} #empresa .empresaDiv2Facebook iframe{width:260px} #detalhes .parcelaTableTd{width:calc(33.3% - 10px); margin-left:5px; margin-right:5px} #semi .semiFotosDiv{width:calc(100% - 20px)} #detalhes .detalhesPrecoDiv{margin-right:5px} #carrinho .orcamentoBotaoBotao{font-size:14px; padding:10px; padding-bottom:12px; padding-top:12px} }