.menu ul:after,
.menu ul:before,
.top-busca .info ul:after,
.top-busca .info ul:before {
    content: ''
}

.atendimento h4,
.categorias a,
.filtros h4,
.menu li a,
.passos-finalizar h4,
h2,
h3,
h6 {
    text-transform: uppercase
}

* {
    font-family: "Open Sans", sans-serif;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

body,
html {
    height: 100%
}

body,
p {
    margin: 0
}

a {
    text-decoration: none
}

img {
    border: 0
}

textarea {
    resize: none
}

.fl {
    float: left
}

.fr {
    float: right
}

.error {
    color: #F66!important
}

label.error {
    margin-left: 10px;
    font-weight: 400;
    font-style: italic
}

#form-endereco label.error {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 10px
}

.clear {
    width: 100%;
    clear: both;
    height: 0;
    overflow: hidden
}

.boxed {
    max-width: 1200px;
    margin: 0 auto
}

.mais-vendidos .produtos img,
.produtos img {
    max-width: 90%
}

.produtos p,
h2,
h3,
h6,
li,
ul {
    margin: 0
}

h2 {
    padding: 5px 10px 5px 7px;
    border-left: 7px solid #FF983D;
    background: #5A2D82;
    color: #fff;
    font-size: 22px
}

h3 {
    font-size: 21px
}

h6 {
    color: #262626;
    font-size: 14px
}

li,
ul {
    padding: 0;
    list-style: none
}

#carregando {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../imagens/carregando.gif) center no-repeat rgba(0, 0, 0, .3);
    z-index: 99999;
    display: none
}

.assinatura,
.assinatura a {
    font-size: 13px;
    color: #777;
    text-align: left
}

.assinatura a {
    text-decoration: underline
}

.col2 {
    width: 50%
}

.col3 {
    width: 33%
}

.col4 {
    width: 25%
}

.col5 {
    width: 20%
}

.listaProdutos {
    -webkit-flex-wrap: wrap;
    display: flex;
    flex-wrap: wrap
}

.listaProdutos form {
    width: 25%
}

.produtos {
    padding: 10px;
    float: left;
    width: 100%
}

.produtos a {
    color: #000
}

.produtos a:hover {
    color: #5a2d82
}

.produtos .nome {
    margin: 0;
    font-size: 12px;
    font-weight: 700
}

.produtos .valor {
    margin: 15px 0 0px;
    font-size: 22px;
    font-weight: 700;
    color: #5A2D82;
    line-height: 22px
}

.produtos .valor-desconto {
    font-size: 14px;
    color: #060;
    font-weight: bold;
}

.produtos .adicionar {
    padding: 7px 7px 7px 30px;
    background: url(../imagens/bt-carrinho.png) 5px no-repeat #ff983d;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    border: none;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px
}

.produtos a.adicionar {
    background-color: #F33;
    color: #fff!important;
    padding: 8px 7px 8px 30px;
    display: inline-block
}

.lista-produtos .clear {
    display: none
}

.breadcrumb {
    width: 100%;
    background-color: #bbb
}

.breadcrumb div {
    padding: 15px 0;
    font-size: 12px;
    margin-bottom: 10px
}

.breadcrumb a {
    color: #000
}

#header {
    width: 100%;
    overflow: auto
}

.top-header {
    overflow: auto;
    border-bottom: 1px solid #dedede
}

.top-header a {
    color: #858585;
    font-size: 11px;
    border-right: 1px solid #858585;
    padding: 0 10px
}

.top-header li:last-child a {
    padding-right: 0;
    border-right: none
}

.top-header ul {
    float: right
}

.top-header li {
    float: left;
    padding: 10px 0;
    line-height: 1
}

.cabecalho {
    padding: 15px 0;
    overflow: auto
}

.cabecalho .logo {
    float: left;
    margin-right: 20px
}

.top-busca {
    width: calc(100% - 230px);
    float: left
}

.top-busca .info li,
.top-busca .info ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.menu li,
.top-busca .info li {
    margin-right: -.25em;
    top: 1.25em
}

.top-busca .info ul {
    text-align: justify
}

.top-busca .info ul:after {
    display: inline-block;
    width: 100%
}

.top-busca .info ul:before {
    display: block;
    margin-top: -1.25em
}

.top-busca .info li {
    display: inline-block;
    position: relative
}

.top-busca .busca {
    margin-top: 30px
}

.top-busca .busca input[type=text],
.top-busca .busca select {
    padding: 5px 10px;
    color: #555;
    border: 1px solid #9f9f9f;
    border-right: none;
    height: 31px
}

.top-carrinho,
.top-carrinho a {
    color: #9f9f9f;
    font-weight: 700
}

.top-busca .busca select {
    float: left
}

#footer-busca .busca input[type=submit],
.top-busca .busca input[type=submit] {
    float: right;
    border: 1px solid #9f9f9f;
    border-left: none;
    background: url(../imagens/bt-buscar.jpg) no-repeat #fff;
    width: 31px;
    height: 31px
}

.menu-carrinho .itens-qtd,
.top-carrinho .itens-qtd {
    border-radius: 50%;
    overflow: hidden;
    color: #fff;
    bottom: 0
}

.top-busca .busca span {
    display: block;
    overflow: hidden;
    padding: 0 0 0 10px
}

.top-busca .busca input[type=text] {
    padding: 6px 7px;
    width: 100%
}

.top-carrinho {
    width: 120px;
    text-align: center;
    font-size: 12px
}

.top-carrinho .itens-carrinho {
    position: relative;
    padding: 5px 0
}

.top-carrinho .itens-qtd {
    background: #FF983D;
    position: absolute;
    right: 10px;
    padding: 3px 3.5px;
    width: 25px;
    height: 25px;
    text-align: center
}

.top-carrinho .logout {
    display: none;
}

.menu {
    background: #F93;
    padding: 10px
}

.menu ul {
    text-align: justify
}

.menu ul:after {
    display: inline-block;
    width: 100%
}

.menu ul:before {
    display: block;
    margin-top: -1.25em
}

.menu li {
    display: inline-block;
    position: relative;
    padding: 0 10px;
    color: #fff
}

.menu li:first-child {
    padding-left: 0
}

.menu li:last-child {
    padding-right: 0
}

.menu li a {
    color: #fff;
    font-size: 14px;
    font-weight: 700
}

.menu .menu-carrinho {
    display: none;
    float: right;
    padding-right: 15px;
    position: relative
}

#footer li p,
.categorias li,
.mais-vendidos .lista-produtos .clear:nth-child(even) {
    display: block
}

.menu-carrinho .itens-qtd {
    font-size: 10px;
    font-weight: 700;
    background: #FF983D;
    position: absolute;
    right: 0;
    width: 15px;
    height: 15px;
    text-align: center
}

.aba-categoria,
.aba-categoria-livraria {
    float: left;
    padding: 10px;
    background: #aaa;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    border-radius: 5px 5px 0 0;
    cursor: pointer;
}
.aba-categoria-livraria {
    margin-left: 5px;
}
.aba-categoria.ativo {
    background: #5A2D82;
}
.aba-categoria-livraria.ativo {
    background: #007BAC;
}
.categorias ul {
    margin-bottom: 10px;
    padding: 10px 0;
    background: #5A2D82;
    overflow: auto;
}
.categorias ul.livraria {
    background: #007BAC;
}
.categorias li {
    float: left;
    width: 12.5%;
    margin: 5px 0;
    text-align: center
}
.categorias .brinquedos li {
    float: left;
    width: calc(100% / 7);
    margin: 5px 0;
    text-align: center
}
.categorias .brinquedos li:nth-child(n+7) {
    width: 12.5%;
}

.conteudo .slider img,
.mais-vendidos .produtos,
.novidades .produtos {
    width: 100%
}

.categorias a {
    color: #fff;
    font-size: 16px;
    font-weight: 700
}

.conteudo {
    clear: both;
    overflow: auto
}

.conteudo .slider {
    margin-top: 15px
}

.novidades {
    margin: 10px 0;
    overflow: auto
}

.novidades h2 {
    float: left
}

.novidades h6 {
    float: right;
    margin: 5px 0
}

#footer li,
.footer ul,
.mais-vendidos h2 {
    float: left
}

.novidades h6 a {
    color: #000
}

div.categorias {
    clear: both
}

.fixado {
    position: fixed;
    bottom: 0
}

.mais-produtos {
    margin-top: 25px;
    overflow: auto
}

.mais-vendidos {
    margin-top: 15px;
    overflow: auto;
    clear: both
}

.boxed h3 {
    margin-bottom: 10px
}

.footer ul {
    width: 50%
}

#footer li.facebook div,
#footer li.facebook div span,
#footer li.facebook div span iframe,
#footer li.facebook a img {
    width: 100%! important
}

.footer ul:nth-child(2) {
    float: right
}

.footer ul:first-child li,
.footer ul:nth-child(2) li {
    width: 50%
}

.footer ul:first-child li:nth-child(3) {
    width: 100%
}

.footer .telefone {
    font-size: 18px;
    font-weight: 700
}

.footer .email a {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
}

#footer-busca {
    margin-top: 20px
}

#footer-busca p {
    font-size: 12px;
    text-align: center;
    margin: 5px 0
}

#footer-busca .busca {
    background: #5a2d82;
    padding: 10px 0
}

#footer-busca .busca input[type=text] {
    color: #555;
    border: 1px solid #9f9f9f;
    border-right: none;
    height: 31px
}

#footer,
#footer a {
    color: #fff
}

#footer-busca .busca select {
    float: left
}

#footer-busca .busca input[type=image] {
    float: right;
    border: 1px solid #9f9f9f;
    border-left: none;
    background: #fff;
    height: 31px
}

#footer-busca .busca span {
    display: block;
    overflow: hidden;
    padding: 0
}

#footer-busca .busca input[type=text] {
    padding: 6px 7px;
    width: 100%
}

#footer {
    background: #272727;
    padding: 20px 0;
    font-size: 14px;
    overflow: auto;
    clear: both
}

#copyright,
#visitas {
    font-size: 12px;
    padding: 10px 0;
    color: #4d4d4d;
    overflow: auto
}

#footer a:hover {
    color: #ccc
}

#copyright a {
    color: #4d4d4d
}

#copyright .informacoes {
    width: 50%;
    float: left
}

#copyright .informacoes img {
    float: left;
    margin-right: 15px
}

#copyright .copyright {
    width: 50%;
    float: right;
    text-align: right
}

#visitas .visitas-total {
    width: 50%;
    float: left;
    text-align: left
}

#visitas .visitas-hoje {
    width: 50%;
    float: right;
    text-align: right
}

.produto {
    overflow: auto;
    float: none!important;
    padding: 0!important
}

.produto .info {
    overflow: auto;
    padding-bottom: 15px
}

.produto .imagens {
    float: left;
    width: 70px
}

.produto .imagens img {
    margin: 0 0 20px
}

.produto .imagens img,
.produto .full-imagem img {
    float: left;
    margin: 0 20px 20px 0;
    max-width: 280px
}

.produto #full-imagem {
    float: left;
    min-height: 280px
}

.produto .nome {
    font-size: 24px
}

.produto .estoque {
    font-size: 16px
}

.produto .social .facebook,
.produto .social .twitter {
    float: left
}

.produto .social .twitter {
    padding-top: 3px;
    margin-left: 10px
}

.produto .social p {
    line-height: 2
}

.produto .valor {
    font-size: 36px;
    line-height: 36px;
    color: #5A2D82;
    margin: 10px 0
}

.produto .valor-desconto {
    font-size: 20px;
    line-height: 20px;
    color: #060;
    font-weight: bold;
    margin: 10px 0 15px
}

.produto .descricao {
    clear: both;
    text-align: justify;
    padding: 15px 20px
}

.produto .adicionar {
    font-size: 30px
}

.relacionados {
    margin-top: 20px;
    overflow: auto;
    clear: both
}

.produto h2,
.relacionados h2 {
    float: left;
    clear: both
}

.relacionados .produtos {
    padding: 25px
}

.relacionados .produtos img {
    max-width: 100%
}

.filtros {
    float: left;
    margin-top: 15px;
    width: 250px
}

.filtros h4 {
    margin: 0 0 5px;
    padding: 0 0 7px;
    color: #5A2D82;
    font-size: 16px;
    border-bottom: 1px solid #5A2D82
}
.filtros h4.livraria {
    color: #007BAC;
    border-color: #007BAC
}

.filtros ul {
    margin-bottom: 20px
}

.filtros li {
    font-size: 14px;
    padding: 5px 0;
    border-bottom: 1px dotted #e1e1e1
}

.resultados-busca {
    margin-left: 250px;
    margin-top: 15px;
    overflow: auto
}

.filtros input[type=text] {
    color: #5f5f5f;
    width: 100%;
    box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, .08);
    -moz-box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, .08);
    -webkit-box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, .08);
    padding: 7px 12px;
    border: 1px solid #dbdbdb
}

.carrinho,
.carrinho td,
.carrinho th,
.carrinho tr {
    border-collapse: collapse;
    border: 1px solid #e1e1e1;
    margin-top: 30px
}

.carrinho td {
    line-height: 40px
}

.carrinho tr:nth-child(odd) {
    background: #FFEEE6
}

.carrinho tr:first-child {
    background: #5a2d82;
    color: #FFF
}

.carrinho a {
    color: #000
}

.carrinho tr:last-child td {
    text-align: right
}

.carrinho input[type=text] {
    width: 50px;
    padding: 10px;
    color: #5f5f5f;
    box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, .08);
    -moz-box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, .08);
    -webkit-box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, .08);
    border: 1px solid #dbdbdb
}

.carrinho tr:last-child a,
.carrinho tr:last-child input {
    background: #868686;
    border: none;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    padding: 10px;
    margin-left: 5px
}

.carrinho tr:last-child a:hover,
.carrinho tr:last-child input:hover {
    background: #5a2d82
}

.carrinho .addQtd,
.carrinho .rmvQtd {
    background: #F90;
    border: none;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    width: 25px;
    height: 25px;
    cursor: pointer
}

.carrinho-finalizar {
    border: 1px solid #e1e1e1;
    margin-top: 30px;
    overflow: auto
}

.carrinho-fechar,
.carrinho-frete {
    width: 50%;
    float: left;
    padding: 7px
}

.frete input[type=text] {
    color: #5f5f5f;
    width: 100%;
    max-width: 120px;
    box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, .08);
    -moz-box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, .08);
    -webkit-box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, .08);
    padding: 12px;
    border: 1px solid #dbdbdb
}

.frete input[type=submit] {
    padding: 11px 7px;
    background-position: 5px;
    background-color: #00407E;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    border: none;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px
}

.valor-frete {
    padding: 10px 0
}

.valor-frete p {
    float: left;
    text-align: center;
    font-weight: 700;
    padding: 0 10px
}

#passo2 .col2:last-child,
#passo3 .col2:last-child,
.carrinho-fechar {
    text-align: right
}

.carrinho-fechar .fechar-pedido {
    padding: 10px 30px 10px 60px;
    background: url(../imagens/bt-carrinho.png) 30px 10px no-repeat #060;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    border: none;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    text-transform: uppercase
}

.carrinho .indisponivel {
    font-size: 12px;
    color: red
}

.passos-finalizar {
    border: 1px solid #dbdbdb;
    margin-bottom: 10px
}

.passos-finalizar .passo {
    display: none
}

.passos-finalizar.ativo .passo {
    display: block
}

.passos-finalizar h4 {
    background: #dedede;
    margin: 0;
    padding: 5px;
    color: #777
}

.passos-finalizar.ativo h4 {
    background: #ff983d;
    color: #fff
}

.passos-finalizar h4 span {
    background: #fff;
    border-radius: 50%;
    padding: 0 7px;
    margin-right: 5px;
    color: #777
}

.passos-finalizar.ativo h4 span {
    font-weight: 400
}

.passos-finalizar.ok h4 {
    background: #060;
    color: #fff
}

.passos-finalizar .passo {
    overflow: auto;
    padding: 10px
}

.passo h5 {
    margin: 0;
    font-size: 16px
}

.passo p {
    font-size: 14px;
    margin: 5px 0
}

.passos-finalizar input[type=password],
.passos-finalizar input[type=text],
.passos-finalizar select {
    color: #5f5f5f;
    width: 100%;
    max-width: 200px;
    box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, .08);
    -moz-box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, .08);
    -webkit-box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, .08);
    padding: 12px;
    border: 1px solid #dbdbdb
}

#passo2 .adicionar-endereco,
.passos-finalizar a.cadastro,
.passos-finalizar input[type=submit] {
    padding: 11px 7px;
    background-position: 5px;
    background-color: #ff983d;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    border: none;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    float: left
}

#passo2 .valor-frete,
#passo3 input[type=submit] {
    float: right
}

#passo2 input[type=submit] {
    background-color: #00407E
}

#passo2 .adicionar-endereco {
    padding: 12px 7px;
    margin-left: 5px
}

#passo3 .col3,
#passo4 .col3 h5,
#passo4 .frete {
    text-align: center
}

.fecharPedidoSelecionarFrete input[type=submit] {
    display: none;
    float: right;
    clear: both
}

#passo3 .col3 {
    padding: 0 5px
}

#passo3 .desconto {
    font-weight: 700;
    color: red
}

#passo3 .desconto-de {
    font-size: 12px
}

#passo3 .desconto-de span {
    text-decoration: line-through
}

#passo3 .desconto-pot span {
    font-size: 16px
}

#passo3 .desconto-taxa,
#passo3 .obs-pix,
#passo3 .obs-pagseguro {
    font-size: 12px;
    color: red
}

#passo3 .presente {
    display: none
}

#passo4 table,
#passo4 table * {
    border-collapse: collapse;
    border-color: #e1e1e1
}

#passo4 th {
    background: #5a2d82;
    border-color: #5a2d82;
    color: #fff
}

#passo4 input,
#passo4 p {
    float: none;
    text-align: center
}

#passo4 .frete {
    font-weight: 700
}

#passo4 .desconto {
    font-weight: 700;
    color: red
}

#passo4 .obs-pix,
#passo4 .obs-pagseguro {
    font-size: 12px;
    color: red
}

.pedido-finalizado p {
    text-indent: 50px;
    margin-bottom: 10px
}

.pedido-finalizado .boleto a {
    padding: 11px 7px;
    background-position: 5px;
    background-color: #ff983d;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    border: none;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    display: inline-block;
    text-indent: 0
}

.pedido-finalizado table,
.pedido-finalizado table * {
    border-collapse: collapse;
    border-color: #e1e1e1
}

.pedido-finalizado th {
    background: #5a2d82;
    border: none;
    color: #fff
}

.pedido-finalizado td.th {
    background: #ff983d;
    border-color: #ff983d;
    color: #fff;
    font-weight: 700
}

.atendimento h4 {
    color: #fff;
    background: #ff983d;
    margin: 10px 0 10px 10px;
    padding: 5px;
    cursor: pointer
}

.atendimento span {
    background: url(../imagens/raquo.png) center no-repeat #fff;
    border-radius: 50%;
    margin-right: 5px;
    width: 23px;
    height: 23px;
    float: left
}

.resposta {
    margin-left: 20px;
    font-size: 14px;
    display: none
}

.cadastro :not(.fb-login-button) span {
    width: 180px;
    display: inline-block;
    text-align: right;
    padding: 12px 8px;
    font-weight: 700;
    color: #666
}

.bemvindo div,
.bemvindo p,
.entrar-esqueci-a-senha,
.meus-pedidos tr td:nth-child(5),
.pagamento-flex,
.pedidos_aviso {
    text-align: center
}

.cadastro input[type=password],
.cadastro input[type=text],
.cadastro select,
.cadastro textarea {
    color: #5f5f5f;
    width: 50%;
    box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, .08);
    padding: 12px;
    border: 1px solid #dbdbdb;
    margin-bottom: 10px
}

.cadastro input[type=reset],
.cadastro input[type=submit] {
    padding: 7px;
    background-position: 5px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer
}

.cadastro input[type=submit] {
    background-color: #060;
    border: none;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px
}

.cadastro input[type=reset] {
    background-color: #ff983d;
    border: none;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px
}

#tipo_pessoa {
    position: relative;
    color: #FF983D;
    background: #DDD
}

#tipo_pessoa:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #DDD;
    border-width: 10px;
    margin-top: -10px
}

.botaoremover {
    background-color: #C00!important
}

.bemvindo {
    width: 50%;
    float: left;
    padding: 0 50px
}

.bemvindo div {
    -webkit-flex-wrap: wrap;
    display: flex;
    flex-wrap: wrap;
    float: none
}

.bemvindo img {
    margin: 20px 0 40px
}

.pedidos_exibir {
    color: #FFF!important;
    background: #ff983d;
    border: none;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    padding: 10px
}

.entrar p,
.pedidos_aviso {
    font-size: 12px
}

.pedidos_aviso_atencao {
    color: #F60;
    font-weight: 700
}

.meus-pedidos th:nth-child(5) {
    width: 120px
}

.pedido h3 a,
.pedidos_aviso a {
    color: #F60
}

.entrar {
    width: 50%;
    float: left;
    padding: 0 50px
}

.entrar span {
    width: 80px
}

.entrar p {
    margin: 5px 0
}

.pagamento-flex p,
div.paginacao {
    font-size: 14px
}

.entrar input[type=submit] {
    background-color: #ff983d
}

.pagamento-flex {
    -webkit-flex-wrap: wrap;
    display: flex;
    flex-wrap: wrap
}

.pagamento-flex img {
    margin: 10px!important
}

.pagamento-flex li,
.pagamento-flex ul {
    margin: 5px;
    text-align: left
}

div.paginacao,
div.slider-paginacao {
    text-align: right
}

.contato {
    width: 100%
}

.contato span {
    width: 100px;
    vertical-align: top
}

.contato div {
    width: 50%;
}

#popup p {
    float: right
}

.contato input[type=submit] {
    background-color: #ff983d!important
}

.contato .aviso {
    font-size: 14px;
    color: red;
    margin: 5px
}

.contato .email-contato a {
    font-weight: bold;
    font-size: 14px;
    color: #060;
    margin: 5px
}

div.paginacao {
    color: #333;
    padding: 15px 0
}

.paginacao a {
    color: #06F;
    cursor: pointer
}

div.paginacao table,
div.paginacao td {
    border-color: #ccc;
    border-collapse: collapse
}

div.paginacao td {
    padding: 5px 10px
}

div.paginacao td.ativo {
    background: #09F;
    color: #fff
}

div.slider-paginacao a span {
    font-size: 20px;
    background-color: #06f;
    color: #fff;
    padding: 2px 7px 4px;
    display: inline-block;
    cursor: pointer
}

.enderecos p {
    font-size: 14px;
    border-bottom: 1px dashed #e1e1e1;
    margin: 0;
    padding: 7px 0
}

.enderecos span {
    width: 150px
}

#popup,
#popup .imagem img {
    width: 100%
}

.paginacaoIndex {
    display: none
}

#popup {
    position: fixed;
    z-index: 9999;
    background: rgba(0, 0, 0, .25);
    height: 100%;
    left: 0;
    top: 0
}

#popup .imagem {
    margin: 0 auto;
    width: 100%;
    max-width: 700px;
    position: relative;
    padding-top: 10px;
}

#popup p {
    position: absolute;
    right: 10px;
    top: 10px;
    background: #900;
    color: #fff;
    padding: 7px;
    font-variant: small-caps;
    font-size: 12px;
    cursor: pointer
}
#popup .termos {
    position: absolute;
    left: 10px;
    bottom: 10px;
    background: #039;
    color: #fff;
    padding: 7px;
    font-variant: small-caps;
    font-size: 12px;
    cursor: pointer
}
#popup .termos-popup {
    display: none;
    background: #fff;
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    color: #069;
    box-sizing: border-box;
    padding: 10px;
}

/* novo esquema de pedido em uma tela só */
#fechar-pedido-tela-unica {
    overflow: auto;
    border: 1px solid #dbdbdb;
    display: flex;
    flex-wrap: wrap;
}
#fechar-pedido-tela-unica input[type="submit"] {
    padding: 7px;
    background-position: 5px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    border: none;
    background-color: #ff983d;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
}
#fechar-pedido-tela-unica .passos {
    margin: 0;
    float: left;
    width: 33.334%;
    border-right: 1px solid #dbdbdb;
}
#fechar-pedido-tela-unica .passos:last-child {
    border: none;
}
#fechar-pedido-tela-unica .passos div {
    padding: 10px;
}
#fechar-pedido-tela-unica .passos h4 {
    margin: 0;
    padding: 5px;
    background: #ff983d;
    color: #fff;
}
#fechar-pedido-tela-unica .passos h4 span {
    background: #fff;
    border-radius: 50%;
    padding: 0 7px;
    margin-right: 5px;
    color: #777
}
#fechar-pedido-tela-unica .passos h5 {
    margin: 0;
    font-size: 16px;
    text-align: center;
}
#fechar-pedido-tela-unica .passos p {
    margin: 7px 0;
}
#fechar-pedido-tela-unica input[type=password],
#fechar-pedido-tela-unica input[type=text],
#fechar-pedido-tela-unica select {
    color: #5f5f5f;
    width: 100%;
    box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, .08);
    -moz-box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, .08);
    -webkit-box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, .08);
    padding: 7px;
    border: 1px solid #dbdbdb;
}
#fechar-pedido-tela-unica .aviso,
.valor-frete .aviso {
    font-size: 12px;
    font-style: italic;
    color: #f00;
    float: left;
    clear: both;
}
#fechar-pedido-tela-unica div.forma-pagamento,
#fechar-pedido-tela-unica label.forma-envio {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
}
#fechar-pedido-tela-unica div.forma-pagamento div,
#fechar-pedido-tela-unica label.forma-envio div {
    width: 50%;
    float: left;
}
#fechar-pedido-tela-unica .desconto {
    font-weight: 700;
    color: red
}
#fechar-pedido-tela-unica .desconto-de {
    font-size: 12px
}
#fechar-pedido-tela-unica .desconto-de span {
    text-decoration: line-through
}
#fechar-pedido-tela-unica .desconto-pot span {
    font-size: 16px
}
#fechar-pedido-tela-unica .desconto-taxa,
#fechar-pedido-tela-unica .obs-pix,
#fechar-pedido-tela-unica .obs-pagseguro {
    font-size: 12px;
    color: red
}
#fechar-pedido-tela-unica table,
#fechar-pedido-tela-unica table * {
    border-collapse: collapse;
    border-color: #e1e1e1
}
#fechar-pedido-tela-unica th {
    background: #5a2d82;
    border-color: #5a2d82;
    color: #fff
}
#fechar-pedido-tela-unica tr:nth-child(odd) td {
    background: #f1f1f1;
}
#fechar-pedido-tela-unica td.total-produtos {
    background: #fff !important;
}
#fechar-pedido-tela-unica .juridica,
#fechar-pedido-tela-unica .presente_nome,
#fechar-pedido-tela-unica .selecionar_endereco_entrega {
    display: none;
}
#fechar-pedido-tela-unica .alterar-entrega {
    padding: 7px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    border: none;
    background-color: #00407E;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    text-transform: uppercase;
}
#fechar-pedido-tela-unica .valor-total-produtos,
#fechar-pedido-tela-unica .valor-frete,
#fechar-pedido-tela-unica .valor-pagamento {
    margin: 0 !important;
    margin-top: 3px !important;
    padding: 0 !important;
}
#fechar-pedido-tela-unica div.forma-pagamento input,
#fechar-pedido-tela-unica div.forma-pagamento select {
    padding: 3px;
}
#fechar-pedido-tela-unica .mes-vencimento {
    width: 45%;
}
#fechar-pedido-tela-unica .ano-vencimento {
    width: 50%;
}
#fechar-pedido-tela-unica .valor-total-pedido span {
    font-weight: bold;
    color: #060;
}
@media all and (max-width:1000px) {
    #fechar-pedido-tela-unica .passos:nth-child(1),
    #fechar-pedido-tela-unica .passos:nth-child(2) {
        width: 25%;
    }
    #fechar-pedido-tela-unica .passos:nth-child(3) {
        width: 50%;
    }
    #fechar-pedido-tela-unica label.forma-envio img,
    #fechar-pedido-tela-unica div.forma-pagamento img {
        max-width: 100%;
    }
    #fechar-pedido-tela-unica div.forma-pagamento div,
    #fechar-pedido-tela-unica label.forma-envio div {
        width: 100%;
        padding: 5px 10px;
    }
}
@media all and (max-width:850px) {
    #fechar-pedido-tela-unica .passos {
        width: 100% !important;
    }
    #fechar-pedido-tela-unica div.forma-pagamento {
        width: 33.334%;
        float: left;
    }
    #fechar-pedido-tela-unica .calculo-frete label:first-child:nth-last-child(1),
    #fechar-pedido-tela-unica .meio-pagamento label:first-child:nth-last-child(1) {
        width: 100%;
        float: left;
    }
    #fechar-pedido-tela-unica .calculo-frete label:first-child:nth-last-child(2),
    #fechar-pedido-tela-unica .calculo-frete label:first-child:nth-last-child(2) ~ label,
    #fechar-pedido-tela-unica .meio-pagamento label:first-child:nth-last-child(2),
    #fechar-pedido-tela-unica .meio-pagamento label:first-child:nth-last-child(2) ~ label {
        width: 50%;
        float: left;
    }
    #fechar-pedido-tela-unica .calculo-frete label:first-child:nth-last-child(3),
    #fechar-pedido-tela-unica .calculo-frete label:first-child:nth-last-child(3) ~ label,
    #fechar-pedido-tela-unica .meio-pagamento label:first-child:nth-last-child(3),
    #fechar-pedido-tela-unica .meio-pagamento label:first-child:nth-last-child(3) ~ label {
        width: 33.334%;
        float: left;
    }
}
@media all and (max-width:550px) {
    #fechar-pedido-tela-unica div.forma-pagamento {
        width: 100% !important;
    }
}
@media all and (max-width:450px) {
    #fechar-pedido-tela-unica label.forma-envio {
        width: 100% !important;
    }
}
#faixa-desconto {
    width: 100%;
    clear: both;
    text-align: center;
    background: #f90;
    padding: 7px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 10px;
    text-shadow: 2px 1px 2px #000;
}

.chave-pix {
    padding: 10px;
    background: #060;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    border: none;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    text-transform: uppercase
}

.modal-endereco {
    width: 100%;
}
.modal-endereco input[type=text],
.modal-endereco select {
    color: #5f5f5f;
    width: 100%;
    box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, .08);
    -moz-box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, .08);
    -webkit-box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, .08);
    padding: 7px;
    border: 1px solid #dbdbdb;
    margin-bottom: 15px;
}
.modal-endereco.ajustar-layout div {
    box-sizing: border-box;
    padding: 0 10px;
    width: 100%;
}
.modal-endereco.ajustar-layout .endereco_cep {
    max-width: 200px;
}
.modal-endereco.ajustar-layout .endereco_logradouro,
.modal-endereco.ajustar-layout .endereco_bairro,
.modal-endereco.ajustar-layout .endereco_cidade {
    max-width: 70%;
    float: left;
}
.modal-endereco.ajustar-layout .endereco_numero,
.modal-endereco.ajustar-layout .endereco_complemento,
.modal-endereco.ajustar-layout .endereco_uf {
    max-width: 30%;
    float: left;
}

#modalEndereco {
    display: none;
}
.modal-endereco .endereco-rapido {
    display: none;
    width: 100%;
}
.modal-endereco .endereco-rapido tr:nth-child(even) {
    background: #e1e1e1;
}
.modal-endereco .endereco-rapido a {
    color: #F90;
    font-size: 14px;
}