@charset "utf-8";

* { outline: none; margin: 0; padding: 0; font-family: 'Roboto', sans-serif;}

a:hover, a:active, a:link, a:visited{ outline: none; text-decoration: none;}
a { color: #000; text-decoration: none;}
body{ background: #fff; }
.smooth, a{ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

#topbar { display: block; position: absolute; background: #fff; width: 100%; height: 50px; z-index: 50; -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.15); -moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.15); box-shadow: 0px 3px 5px rgba(0,0,0,0.15);}
#topbar img { display: block; position: absolute; height: 90%; left: 10%; }
#topbar a { display: block; position: relative; float: right; padding: 12px 15px; margin: 0 10px; color: #33549f; font-weight: 500; font-size: 120%; text-decoration: underline; }

#box-pedidos { display: block; position: relative; width: 100%; height: 1040px; background: #ededed url(../img/fundo-topo.jpg) no-repeat; z-index: 40; }
#box-pedidos .botao-gplay { display: block; position: relative; margin: 240px auto; }
#box-pedidos .inside { display: block; position: relative; width: 500px; height: 280px; background: rgba(0,0,0,0.5); margin: 0 auto; top: 150px; border-radius: 4px; }
#box-pedidos .inside h4 { display: block; position: relative; width: 100%; color: #fff; text-align: center; font-weight: 300; font-size: 180%; padding-top: 20px; clear: both; }
#box-pedidos .inside b { display: block; position: relative; width: 100%; color: #fff; text-align: center; font-weight: 100; font-size: 120%; margin-top: 10px; margin-bottom: 20px; }
#box-pedidos .inside input[name=CEP] { display: block; position: relative; width: 80%; padding-left: 5%;  background: #fff; border-radius: 4px; border: none; font-size: 100%; margin: 10px auto; height: 50px; }
#box-pedidos .inside .buscar { display: block; position: relative; width: 80%; padding-left: 5%;  background: #30CA00 url(../img/lupa.png) right center no-repeat; cursor: pointer; border-radius: 4px; border: none; font-size: 100%; margin: 10px auto; height: 37px; color: #fff; padding-top: 13px; margin-bottom: 20px; }
#box-pedidos .inside .esqueceu-cep { display: block; position: relative; width: 100%; color: #ddd; text-align: center; }
#box-pedidos .inside .esqueceu-cep a { text-decoration: underline; color: #ddd; }
#box-pedidos .botoes { display: block; position: absolute; bottom: 40px; width: 100%; height: 150px; margin-left: 21%; }
#box-pedidos .botoes .btn { display: block; position: relative; float: left; width: 10%; height: 150px; }
#box-pedidos .botoes .btn img { display: block; position: relative; width: 75%; margin: 0 auto; top: 23px; }
#box-pedidos .botoes .btn div { display: block; position: relative; text-align: center; width: 100%; font-size: 75%; text-align: center; top: 30px;  }
#box-pedidos .botoes .seta { display: block; position: relative; float: left; margin: 60px 20px; width: 1.333%; }
#box-pedidos .inside select[name=UF] { display: block; position: relative; float: left; width: 34%; padding-left: 1%;  background: #FFF; border-radius: 4px; border: none; font-size: 100%; margin: 10px auto; height: 50px; margin: 10px 1.5% 0 1.5%; }
#box-pedidos .inside input[name=CIDADE] { display: block; position: relative; float: left; width: 59.5%; padding-left: 1%;  background: #FFF; border-radius: 4px; border: none; font-size: 100%; margin: 10px auto; height: 50px; }
#box-pedidos .inside input[name=RUA] { display: block; position: relative; float: left; width: 44%; padding-left: 1%;  background: #FFF; border-radius: 4px; border: none; font-size: 85%; margin: 10px auto; height: 50px; margin: 0 1.5%; }
#box-pedidos .inside input[name=COMPLEMENTO] { display: block; position: relative; float: left; width: 29%; padding-left: 1%;  background: #FFF; border-radius: 4px; border: none; font-size: 100%; margin: 10px auto; height: 50px; margin: 0 1.5%; }
#box-pedidos .inside input[name=NUMERO] { display: block; position: relative; float: left; width: 14%; padding-left: 1%;  background: #FFF; border-radius: 4px; border: none; font-size: 100%; margin: 10px auto; height: 50px; margin: 0 1.5%; }
#box-pedidos .inside input[name=NOME] { display: block; position: relative; float: left; width: 65%; padding-left: 1%;  background: #FFF; border-radius: 4px; border: none; font-size: 100%; margin: 10px auto; height: 50px; margin: 10px 1.5%; }
#box-pedidos .inside input[name=TELEFONE] { display: block; position: relative; float: left; width: 26%; padding-left: 1%;  background: #FFF; border-radius: 4px; border: none; font-size: 100%; margin: 10px auto; height: 50px; margin: 10px 1.5%; }
#box-pedidos .inside input[type=text]:hover, #box-pedidos .inside input[type=text]:active, #box-pedidos .inside input[type=text]:visited, #box-pedidos .inside input[type=text]:link { background: #fff !important; }
#box-pedidos .inside input[type=submit] { display: block; position: relative; float: left; width: 78%; background: #30CA00; color: #fff; height: 50px; border-radius: 4px; text-align: center; margin: 10px 1.5% 0 1.5%; border: none; cursor: pointer; font-size: 130%; }
#box-pedidos .inside .btn-voltar { display: block; position: relative; float: left; width: 15%; background: #585858; color: #ccc; height: 35px; border-radius: 4px; text-align: center; padding-top: 15px; margin: 10px 1.5% 0 1.5%; cursor: pointer; }

#box-peca { display: block; position: relative; width: 60%; height: auto; margin: 0 auto; }
#box-peca h3 { display: block; position: relative; padding-top: 70px; width: 100%; text-align: center; font-size: 140%; margin-bottom: 60px; }
#box-peca .inside-peca { display: block; position: relative; width: 100%; height: auto; }
#box-peca .inside-peca .metade { display: block; position: relative; float: left; width: 49.9%; }
#box-peca .celular { float: right; margin-right: 50px; }
#box-peca .topico { display: block; position: relative; width: 100%; height: 150px; }
#box-peca .topico img { display: block; position: absolute; top: 20px; left: 0; }
#box-peca .topico b { display: block; position: absolute; top: 10px; left: 60px; color: #3d4f9e; font-weight: bold; }
#box-peca .topico p { display: block; position: absolute; top: 40px; left: 60px; color: #333; font-size: 80%; }
#box-peca .btn-android { display: block; position: relative; clear: both; margin: 0 auto; top: 50px; }

#rodape { display: block; position: relative; width: 100%; margin-top: 150px; background: #33549f; color: #fff; height: 150px; z-index: 50;  -webkit-box-shadow: 0px -7px 8px rgba(0,0,0,0.2); -moz-box-shadow: 0px -7px 8px rgba(0,0,0,0.2); box-shadow: 0px -7px 8px rgba(0,0,0,0.2);}
#rodape img { display: block; position: relative; margin: 0 auto; padding-top: 25px; }
#rodape span { display: block; position: relative; width: 50%; margin: 0 auto; text-align: center; padding-top: 15px; }

#preloads { display: none; }
.cep-encontrado { display: none; }

#corpo { display: block; position: relative; width: 100%; height: 100%; min-height: 600px; background: #f0f0f0; }
#corpo .sidebar { display: block; position: relative; float: left; width: 20%; background: #33549f; color: #fff; height: 600px; padding-top: 70px; -webkit-box-shadow: 3px 0px 12px rgba(0,0,0,0.5); -moz-box-shadow: 3px 0px 12px rgba(0,0,0,0.5); box-shadow: 3px 0px 12px rgba(0,0,0,0.5);}
#corpo .sidebar h3 { display: block; position: relative; width: 100%; text-align: center; margin: 0 auto; color: #ffd481; font-weight: 400; font-size: 90%; }
#corpo .sidebar .boti { display: block; position: relative; width: 100%; height: 220px; }
#corpo .sidebar .boti .ico-boti { display: block; position: relative; margin: 0 auto; height: 80%; }
#corpo .sidebar .boti .seta-l { display: block; position: absolute; top: 70px; left: 30px; cursor: pointer; }
#corpo .sidebar .boti .seta-r { display: block; position: absolute; top: 70px; right: 30px; cursor: pointer; }
#corpo .sidebar .boti b { display: block; position: relative; bottom: 0; width: 100%; text-align: center; margin: 10px auto; font-weight: 400; font-size: 90%; }
#corpo .sidebar .resultados { display: block; position: relative; width: 100%; text-align: center; font-size: 80%; }
#corpo .sidebar .cep { display: block; position: relative; margin-top: 5px; width: 100%; text-align: center;  }
#corpo .sidebar .endereco { display: block; position: relative; margin-top: 10px; width: 100%; text-align: center; color: #ffd481; }
#corpo .sidebar .trocar-cep { display: block; position: relative; width: 140px; height: 30px; padding-top: 10px; margin: 30px auto; text-align: center; background: #547acf; color: #fff; border-radius: 4px; border: none; cursor: pointer; }
#corpo .cont { display: block; position: relative; float: left; width: 78%; height: 100%; min-height: 600px; padding-top: 50px; color: #33549f; font-weight: 500; }
#corpo .cont .nav { display: block; position: relative; width: 90%; height: 50px; padding-left: 10%; }
#corpo .cont .nav .vis { display: inline-block; top: 12px; left: 12px; }
#corpo .cont .nav .vis img { display: block; position: relative; float: left; cursor: pointer; opacity: 0.6; }
#corpo .cont .nav .vis img:hover, #corpo .cont .nav .vis .selec { opacity: 1; }
#corpo .cont .nav .raio { display: block; position: relative; float: right; top: 22px; }
#corpo .cont .nav .raio select { background: #fff url(../img/seta-sel.png) no-repeat center right; border: none; border-radius: 4px; width: 70px; height: 30px; padding:3px; -webkit-border-radius:4px; -moz-border-radius:4px; -webkit-box-shadow: 0px 2px 3px #ccc; -moz-box-shadow: 0px 2px 3px #ccc; box-shadow: 0px 2px 3px #ccc; color: #33549f; display: inline-block; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; }
#corpo .cont .box-mapa { display: none; }
#corpo .cont .box-mapa { display: none; position: relative; width: 100%; top: 22px; height: 470px; }
#corpo .cont .box-lista { display: block; position: relative; overflow-x: hidden; overflow-y: scroll; width: 100%; top: 22px; height: 470px; }
#corpo .cont .box-lista .cada { background: #fff; border-radius: 4px; width: 1000px; height: 110px; -webkit-border-radius:4px; -moz-border-radius:4px; -webkit-box-shadow: 0 0 5px #ccc; -moz-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; color: #aaa; display: block; position: relative; margin: 20px auto; overflow: hidden; }
#corpo .cont .box-lista .cada img { display: block; position: absolute; top: 0; left: 0; height: 110px; max-width: 180px; }
#corpo .cont .box-lista .cada h3 { display: block; position: absolute; top: -10px; left: 150px; color: #33549f; font-size: 180%; }
#corpo .cont .box-lista .cada .endereco { display: block; position: absolute; bottom: 20px; left: 150px; }
#corpo .cont .box-lista .cada .endereco .material-icons { display: block; position: relative; float: left; }
#corpo .cont .box-lista .cada .vert-bar1 { display: block; position: absolute; left: 500px; top: 25px; height: 60px; width: 2px; background: #ddd; border-radius: 2px; }
#corpo .cont .box-lista .cada .vert-bar2 { display: block; position: absolute; left: 700px; top: 25px; height: 60px; width: 2px; background: #ddd; border-radius: 2px; }
#corpo .cont .box-lista .cada .class-tit { display: block; position: absolute; left: 544px; top: 26px; font-size: 140%; }
#corpo .cont .box-lista .cada .class-nota { display: block; position: absolute; left: 544px; top: 56px; background: #f79500; color: #fff; padding: 0 3px; border-radius: 3px; font-weight: 700; font-size: 80%;  }
#corpo .cont .box-lista .cada .class-stars { display: block; position: absolute; left: 570px; top: 55px; color: #f79500; }
#corpo .cont .box-lista .cada .class-stars .material-icons { font-size: 19px; }
#corpo .cont .box-lista .cada .preco-tit { display: block; position: absolute; left: 750px; top: 56px; font-size: 110%; }
#corpo .cont .box-lista .cada .preco { display: block; position: absolute; left: 750px; top: 32px; color: #888; font-weight: 700; font-size: 140%;}
#corpo .cont .box-lista .cada .pedir { display: block; position: absolute; right: 23px; top: 23px; background: #81c92d; color: #fff; text-transform: uppercase; border: none; border-radius: 4px; -webkit-box-shadow: 0 0 5px #ccc; -moz-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; width: 119px; height: 63px; font-weight: 700; font-size: 130%; cursor: pointer; }
#corpo .cont .box-lista .cada .fornoffline { background: #c92d2d; font-size: 100%; }
#corpo .cont .box-lista .cada .preco-p45 { display: none; }

#request { display: block; position: relative; width: 100%; height: auto; min-height: 700px; background: #f0f0f0; display: none; }
#request .req-box { display: block; position: relative; margin: 0 auto; top: 60px; width: 1000px; height: 520px; background: #fff; }
#request .req-box .bar { display: block; position: relative; width: 95%; padding-left: 5%; height: 30px; padding-top: 10px; color: #fff; background: #ff8200; font-weight: 500; font-size: 150%; }
#request .req-box .req-voltar { display: block; position: absolute; top: 4px; left: 4px; cursor: pointer; }
#request .req-box .step-seta { display: block; position: relative; float: left; margin-top: 150px; margin-left: 20px; margin-right: -20px; width: 23px; }
#request .req-box .step-box { display: block; position: relative; float: left; width: 183px; height: 245px; -webkit-box-shadow: 0px 0px 11px #888; -moz-box-shadow: 0px 0px 11px #888; box-shadow: 0px 0px 11px #888; margin: 40px 0 0 40px; background: #efefef;}
#request .req-box .step-box .step-tit { display: block; position: relative; width: 100%; color: #fff; text-align: center; padding-top: 10px; height: 30px; background: #33549f; font-weight: 500; font-size: 120%; }
#request .req-box .step-box .step-ico { display: block; position: relative; margin: 0 auto;  height: 80%; }
#request .req-box .step-box .step-quant { display: block; position: relative; width: 100%; height: 40%; padding-top: 50%; text-align: center; font-size: 1000%; color: #33549f;}
#request .req-box .step-box .step-end { display: block; position: relative; width: 80%; height: 75%;  max-height: 75%; min-height: 75%; padding: 20px 10% 0 10%; text-align: center; font-size: 160%; color: #33549f; line-height: 35px; overflow: hidden; }
#request .req-box .step-box .step-cifra { display: block; position: relative; width: 100%; height: 30%; text-align: center; font-size: 700%; color: #33549f; padding-top: 40%; font-weight: 700; }
#request .req-box .step-box .step-pag { display: block; position: relative; width: 100%; height: 40%; text-align: center; font-size: 170%; color: #33549f; }
#request .req-box .step-box .control { display: block; position: absolute; top: 106%; width: 100%; line-height: 35px; }
#request .req-box .step-box .control .ctrl { background: #f8851b; border-radius: 4px; color: #fff; margin: 5px; padding: 5px; cursor: pointer; -webkit-box-shadow: 0px 0px 3px #888; -moz-box-shadow: 0px 0px 3px #888; box-shadow: 0px 0px 3px #888; }
#request .req-box .step-box .control .cada-gas { display: block; position: relative; float: left; width: 30%; margin-left: 27px; }
#request .req-box .step-box .gas-ctrl .ctrl, #request .req-box .step-box .pag-ctrl .ctrl { opacity: 0.6; }
#request .req-box .step-box .gas-ctrl .sel-ctrl, #request .req-box .step-box .gas-ctrl .ctrl:hover, #request .req-box .step-box .pag-ctrl .sel-pag, #request .req-box .step-box .pag-ctrl .ctrl:hover { opacity: 1; }
#request .req-box .step-box .control .prc { display: block; position: relative; clear: both; width: 100%; text-align: center; font-size: 75%; color: #666; }
#request .req-box .step-box .quant-ctrl .ctrl { padding: 5px 14px; }
#request .req-box .step-box .control .set-end { display: block; position: relative; margin: 0 auto; text-align: center; width: 50px; padding: 1px; }
#request .req-box .step-box .control .set-pag-vale { margin-left: 10px; }
#request .req-box .step-box .pag-ctrl { margin-left: 27px; }
#request .req-box .step-fonetit { display: block; position: absolute; color: #333; top: 410px; left: 20px; width: 150px; color: #fff; text-align: center; padding: 8px 10px 0 10px; height: 26px; background: #33549f; font-weight: 500; font-size: 110%; -webkit-box-shadow: 0px 0px 3px #888; -moz-box-shadow: 0px 0px 3px #888; box-shadow: 0px 0px 3px #888;}
#request .req-box .step-nometit { display: block; position: absolute; color: #333; top: 410px; left: 190px; width: 350px; color: #fff; text-align: left; padding: 8px 10px 0 10px; height: 26px; background: #33549f; font-weight: 500; font-size: 110%; -webkit-box-shadow: 0px 0px 3px #888; -moz-box-shadow: 0px 0px 3px #888; box-shadow: 0px 0px 3px #888;}
#request .req-box .step-nometit .ctrl { background: #f8851b; border-radius: 4px; color: #fff; padding: 3px; cursor: pointer; -webkit-box-shadow: 0px 0px 3px #888; -moz-box-shadow: 0px 0px 3px #888; box-shadow: 0px 0px 3px #888; }
#request .req-box .step-nome { display: block; position: absolute; width: 100%; height: 40%; font-size: 170%; color: #33549f; top: 443px; left: 190px; width: 350px; height: 25px; padding: 2px 10px; background: #fff; border: solid 1px #d6d6d6; font-size: 100%; text-align: left; -webkit-box-shadow: 0px 0px 3px #888; -moz-box-shadow: 0px 0px 3px #888; box-shadow: 0px 0px 3px #888;}
#request .req-box .step-fone { display: block; position: absolute; width: 100%; height: 40%; font-size: 170%; color: #33549f; top: 443px; left:  20px; width: 150px; height: 25px; padding: 2px 10px; background: #fff; border: solid 1px #d6d6d6; font-size: 100%; text-align: center; -webkit-box-shadow: 0px 0px 3px #888; -moz-box-shadow: 0px 0px 3px #888; box-shadow: 0px 0px 3px #888;}
#request .req-box .step-nome[disabled=disabled], #request .req-box .step-fone[disabled=disabled] { background: #ddd; color: #33549f; border: none; }
#request .req-box .set-nomefone { display: block; position: absolute; top: 480px; left: 270px; background: #f8851b; border-radius: 4px; color: #fff; padding: 5px; cursor: pointer; -webkit-box-shadow: 0px 0px 3px #888; -moz-box-shadow: 0px 0px 3px #888; box-shadow: 0px 0px 3px #888;}
#request .req-box .fazer-pedido { display: block; position: absolute; bottom: 20px; width: 30%; right: 5%; height: 35px; color: #fff; background: #81c92d; text-align: center; padding-top: 15px; margin: 0 auto; -webkit-box-shadow: 0px 0px 3px #888; -moz-box-shadow: 0px 0px 3px #888; box-shadow: 0px 0px 3px #888; text-transform: uppercase; border-radius: 4px; font-size: 140%; font-weight: 500; cursor: pointer; }
#request .req-box .processando-pedido { font-size: 100%; text-indent: default; }
#request .req-box .total { display: block; position: absolute; bottom: 80px; width: 30%; right: 5%; text-align: right; color: #777; font-size: 110%; font-weight: 500; }
#request .req-box .step-box .control .cada-gas .gas-nao, #corpo .cont .box-lista .cada .gas-nao, #pedido .in .bola .aval-icos .calma, #pedido .in .bola .aval-icos .avaliou { cursor: not-allowed; }

#pedido { display: block; position: relative; width: 100%; height: auto; min-height: 700px; background: #f0f0f0; }
#pedido .in { display: block; position: relative; margin: 0 auto; top: 60px; width: 1000px; height: 520px; background: #fff; }
#pedido .in .bar { display: block; position: relative; width: 95%; padding-left: 5%; height: 30px; padding-top: 10px; color: #fff; background: #ff8200; font-weight: 500; font-size: 150%; }
#pedido .in .estimado { display: block; position: relative; width: 50%; margin: 10px auto; text-align: center; font-size: 120%; color: #81c92d; font-weight: 700; }
#pedido .in .estimado-tit { display: block; position: relative; width: 50%; margin: 0 auto; text-align: center; font-size: 130%; margin-top: 30px; font-weight: 500; }
#pedido .in .box-status { display: block; position: relative; margin: 50px auto 0 auto; width: 810px; height: 200px;}
#pedido .in .box-status .bola { display: block; position: relative; float: left; width: 171px; height: 171px; border-radius: 100px; background: #ececec; z-index: 30;}
#pedido .in .box-status .bola-aberta { background: #F7FEE0;}
#pedido .in .box-status .carregando { display: block; position: absolute; top: 0; left: 0; background: url(../img/round.png) no-repeat center center; -webkit-animation: girar 3s infinite linear; -moz-animation: girar 3s infinite linear; width: 171px; height: 171px; z-index: 60; }
#pedido .in .box-status .carregado { display: block; position: absolute; top: 0; left: 0; background: url(../img/rounded.png) no-repeat center center; -webkit-animation: girar 3s infinite linear; -moz-animation: girar 3s infinite linear; width: 171px; height: 171px; }
#pedido .in .box-status .txt { display: block; position: absolute; top: -30px; left: 50px; font-weight: 700; color: #555; font-size: 130%; }
#pedido .in .box-status .bar-mid { display: block; position: relative; float: left; width: 150px; height: 11px; margin: 80px -2px; background: #ececec; overflow: hidden; z-index: 40; }
#pedido .in .box-status .bar-mid img { display: block; position: absolute; top: 0; left: -160px; }
#pedido .in .box-status .bola .ico { display: block; position: absolute; top: 62px; left: 17px; }
#pedido .in .estamos { display: block; position: relative; width: 34%; margin: 10px auto; background: #ececec; height: 60px; -webkit-box-shadow: 0px 0px 3px #888; -moz-box-shadow: 0px 0px 3px #888; box-shadow: 0px 0px 3px #888; text-align: center; color: #333; font-weight: 500; padding: 20px 5% 0 5%; font-size: 123%; }
#pedido .in .detalhes { display: block; position: relative; width: 44%; margin: 10px auto; background: #33549f; padding-top: 12px; height: 32px; text-align: center; color: #fff; -webkit-box-shadow: 0px 0px 3px #888; -moz-box-shadow: 0px 0px 3px #888; box-shadow: 0px 0px 3px #888; font-size: 135%; cursor: pointer; }
#pedido .in .box-status .oculto { display: none; }
#pedido .in .bola .aval-icos { display: block; position: absolute; width: 171px; height: 46px; text-align: center; top: 71px; left: 0px; color: #AAC2A7; cursor: pointer; z-index: 100; }
#pedido .in .bola .aval-icos .hovado, #pedido .in .bola .aval-icos .material-icons:hover, #pedido .in .bola .aval-icos .notado { color: #2DCD00;}

#overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; background-color:rgba(0,0,0,0.7);}
#overlay .dialog { display: block; position: fixed; left: 30%; top: 10%; width: 40%; height: 75%; background: #fff; padding: 20px; font-size: 140%; line-height: 40px; }
#overlay .dialog .botao-fechar { display: block; position: absolute; top: -18px; right: -18px; cursor: pointer; width: 36px; }

#detalhes { display: block; position: relative; width: 100%; height: 100%; text-align: center; }
#detalhes .tudo-box { display:  block; position: relative; width: 90%; height: 90%; margin: 4% auto; border: solid 1px #dfdfdf; }
#detalhes .tudo-box .parte1 { display: block; position: relative; width: 100%; height: 25%; margin: 0; background: #F2F4F3; }
#detalhes .tudo-box .parte1 h3 { margin: 0 auto; text-align: center; color: #B90000; font-weight: 500; font-size: 120%; }
#detalhes .tudo-box .parte1 .hora { display: block; position: relative; width: 100%; text-align: center; margin: 0 auto; font-size: 100%; color: #333; margin-top: -10px; }
#detalhes .tudo-box .parte1 .entrega { display: block; position: relative; width: 100%; text-align: center; margin: 0 auto; font-size: 100%; color: #333; margin-top: -10px; }
#detalhes .tudo-box table { display: block; position: relative; margin: 5px auto; width: 95%; }
#detalhes .tudo-box .txt-peq { color: #666; font-size: 80%; text-align: left; }
#detalhes .tudo-box .subtot { text-align: center; }
#detalhes .tudo-box .tot { text-align: right; right; color: #666; font-size: 80%; border-top: solid 2px #c4c4c4; }
#detalhes .tudo-box .totT { color: #6A9B0B; font-size: 100%; font-weight: 900; text-align: center; border-top: solid 2px #c4c4c4; }
#detalhes .tudo-box .parte2 { display: block; position: absolute; width: 100%; height: 30%; left: 0; bottom: 0; background: #F2F4F3; }
#detalhes .tudo-box .parte2 b { text-align: left; font-size: 80%; color: #666; }
#detalhes .tudo-box .parte2 p { text-align: left; font-size: 80%; color: #666; margin: 5px; }

.ocultar { display: none !important; }

@-webkit-keyframes girar {
  from {-webkit-transform: rotate(360deg);}
  to { -webkit-transform: rotate(0deg);}
}

@-moz-keyframes girar {
  from {-moz-transform: rotate(360deg);}
  to { -moz-transform: rotate(0deg);}
}