﻿/*CELULAR Retrato e Paisagem*/

.wr-topo .ct .logo-mobile {
    width:70%;
    margin-top:15px;
}
.pg-login .ponta-caneta {
    display:none;
}
.wr-topo .ct .bem-vindo h3 {
    font-size:50px;
}
.pg h2 {
    width:80%;
}
.pg .btn-avancar,
.pg-fale-conosco .btn-enviar,
.pg-rtc .bx-links .btn-acessar {
    width:100%;
    margin-top:15px;
}

.tam1,
.tam2,
.tam3 {
 width:100%;   
}

/*LOGIN*/
.wr-site-cana .pg-login {
    margin-top:30px;
}
.pg-login,
.pg-esqueci-senha,
.pg-rtc {
    background:#f6f6f6;
    width:90%;
    padding:3% 5%;
    height:auto;
    float:left;
}
.pg-login h2 {
    font-size:50px;
    text-align:center;
}
.pg-login fieldset,
.pg-esqueci-senha fieldset,
.pg-rtc fieldset {
    width:100%;
}
.pg-login fieldset .fm-campo input,
.pg-esqueci-senha fieldset .fm-campo input {
    width:95.7%;
    padding:0 2%;
}
.pg-login fieldset .btn-enviar, 
.pg-esqueci-senha fieldset .btn-enviar {
    float:left;
    width:100%;
    margin-top:15px;
}
.wr-topo .ct .bem-vindo p {
    font-size:14px;
}
.pg-login .bx-links {
    margin:15px 0;
}
.pg-login .bx-links ul li {
    text-align:center;
    width:100%;
    margin-bottom:5px;
}
.pg-login .bx-links ul li.separador {
    display:none;
}

/*TERMOS E CONDICÕES*/
.pg-pri-acesso .bx-termos ul li {
    margin-left:5%;
}
.pg .bx-passo {
    padding-top:15px;
}
.pg-pri-acesso .btn-cancelar {
    display:none;
}
.pg-pri-acesso .fm-campo label {
    float:none;
}

/*PRIMEIRO ACESSO*/
.pg-pri-acesso .bx .fm-campo input.fm-400 {
    width: 39.5%;
}
.pg-pri-acesso .bx .fm-email input.fm-400,
.pg-pri-acesso .bx .fm-nome-grupo input.fm-400 {
    width:96%;
    padding:0 2%;
}
.pg .finaliza-cadastro .btn-finalizar {
    width:100%;
    font-size:20px;
    margin-top:10px;
}
.pg-pri-acesso .bx-grupo ul li {
    font-size:12px;
}

/*RTC*/

.pg-rtc .bx-links div {
    width:100%;
}
.pg-rtc .bx-links .btn-voltar-login {
    line-height:normal;
}


/*PÁGINAS LOGADA*/

/********EXTRUTURA************/
.wr-site-logado .wr-conteudo {
    padding-bottom:580px;
}
.wr-rodape .footer .bx-central {
    width:96%;
    padding:2%;
    height:auto;
    background:none;
    border-radius:0;
}
.wr-rodape .footer .txt-reservado {
    text-align:left;
}
.wr-rodape .footer .bx-central ul li.lst {
    width:100%;
}
.wr-rodape .site-seguro {
    float:left;
}

/*MODAL*/
.bx-modal-bem-vindo .content .btn-fechar {
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    right: 20px;
    top: 210px;
    width: 60%;
}
.bx-modal.bx-modal-cropview .header img {
    width: 100%;
    height: auto;
}
  
/********BARRA BUSCA************/
.pg .busca input {
    padding: 0 2% 0 11%;
    width: 86.7%;
}
.pg .busca label {
    padding: 15px 2% 0 11%;    
}

/********LISTA PRODUTOS************/
.pg .bx-produtos li {
    width: 44%;
}
.pg .bx-produtos li.lst {
    margin-right:3%;
}
.pg .bx-produtos li:nth-child(2n+2) {
    margin-right:0;
}
.pg .bx-categoria .seta-bc {
    background:none;
}
.pg .bx-categoria .ordenar {
    height:auto;
}
.pg .bx-categoria .ordenar .mais-vendido,
.pg .bx-categoria .ordenar .marca {
    float:left;
    margin-top:5px;
    width:98%;
}
.detalhe-prod .info-produto {
    width:100%;
    margin-right:0;
}
.detalhe-prod .info-produto .opcao-resgate {
    width:100%;
}
.detalhe-prod .produto {
    width:90%;
    margin-top:30px;
}
.zoomWindowContainer,    
.detalhe-prod .produto .zoomWrapper {
    width:85% !important;
}
.detalhe-prod .produto .zoomWrapper img {
    width:80% !important;
}
.zoomContainer,
.zoomWindow {
    width:93%;
}
.detalhe-prod .produto .galeria-produto {
    width:100%;
}
.detalhe-prod .produto .galeria-produto li {
    padding: 2% 0;
    width: 24.7%;
}
.detalhe-prod .produto .galeria-produto li a {
    float:none;
}
.pg-detalhe-produtos .fm-campo .fm-265 {
    width:100%;
}

/********MEU CARRINHO************/
.pg-carrinho-endereco .bx-endereco-entrega .bx-voltar div,
.pg .bx-voltar div .btn,
.pg-mensagem .bx-finalizar div,
.pg .bx-voltar div .btn.btn-salvar-dados,
.pg-carrinho .bx-continuar-comprando .btn-continuar,
.pg-carrinho .finaliza-compra .btn-finalizar, 
.pg-carrinho .bx-continuar-comprando .btn-continuar, 
.pg-carrinho .bx-carrinho-vazio .btn-continuar,
.pg-carrinho-endereco .bx-faturar .btn-adicionar, 
.pg-carrinho-endereco .bx-endereco-entrega .btn-adicionar,
.pg .finaliza-cadastro .btn-finalizar, 
.pg .altera-senha .btn-finalizar {
     width:100%;
     margin-left:0;
}
.pg .bx-voltar div .btn.btn-salvar-dados {
    font-size:20px;
}
.pg-carrinho-endereco .tam1,
.pg-carrinho-endereco .tam2,
.pg-carrinho-endereco .tam3 {
    width:100%;
}
.pg-carrinho-endereco .fm-complemento,
.pg-carrinho-endereco .fm-cidade {
    margin:15px 0 15px 0;
}
.pg-carrinho-endereco .tam1 input,
.pg-carrinho-endereco .tam2 input,
.pg-carrinho-endereco .tam3 input {
    padding:0 2%;
    width:96%;
}
.pg-carrinho-endereco .fm-cnpj {
    margin:0 0 15px 0;
}
.pg-carrinho-endereco h3 {
    font-size:20px;
}
.pg .bx-voltar div .btn,
.pg .bx-voltar div .btn.btn-salvar-dados {
    font-size:17px;
}
.pg-carrinho-endereco .bx-endereco-entrega ul li.novo-endereco {
    float:left;
    margin-top:20px;
}
.pg-carrinho-endereco .bx-endereco-entrega ul li .opcao-entrega .info-entrega {
    width:90%;
}
.pg-carrinho-endereco .bx-endereco-entrega .enderecos ul li {
    width:94%;
    padding:3%;
    height:auto;
}
.pg-carrinho .bx-continuar-comprando p {
    margin:0 3% 20px 3%;   
}
.pg-carrinho .bx-carrinho-vazio {
    margin:0;
    background:none;
}
.pg-carrinho .bx-carrinho-vazio p {
    width:100%;
}
.pg-carrinho .bx-carrinho-vazio h2 {
    font-size: 25px;
    line-height: 25px;
    width: 100%;
}
.bx-pedido-finalizado h3,
.bx-pedido-finalizado .codigo-pedido {
    font-size:20px;
}
.pg-carrinho .bx-resumo-pedido ul li {
    height: auto;
    width:93.7%;
    margin-bottom:20px;
}
.pg-carrinho .bx-resumo-pedido .finaliza-compra .btn-finalizar {
    font-size:16px;
}
.pg-carrinho-endereco .bx-faturar,
.pg-carrinho-endereco .bx-faturar .fm-ddl.fm-410,
.pg-carrinho-endereco .bx-endereco-entrega .selecione-novo-endereco,
.pg-carrinho-endereco .bx-endereco-entrega .selecione-novo-endereco .fm-300,
.pg-carrinho-endereco .bx-endereco-entrega .selecione-novo-endereco .fm-campo {
    width:100%;
}
.pg-carrinho-endereco .fm-botoes {
    float:left;
    margin-top:20px;
}
.pg-carrinho-endereco .fm-botoes li.btn-editar {
    margin:0 15px 0 0;
}

/********EXTRATO************/
.pg-extrato ul li {
    margin: 20px 0 0;
    padding: 2%;
    text-align: center;
    width: 96%;
}
.pg-extrato .bx-periodo .txt-periodo,
.pg .btn-exportar,
.pg-carrinho .bx-resumo-pedido .finaliza-compra {
    width:100%;    
}
.pg-extrato .bx-periodo .fm-data-extrato,
.pg-extrato .bx-periodo .fm-periodo-extrato {
    width:100%;
    margin:20px 0 0 0;
}
.pg-extrato .bx-periodo .fm-data-extrato .fm-200,
.pg-extrato .bx-periodo .fm-periodo-extrato .fm-200 {
    width:95.7%;
}
.pg-carrinho .tb-carrinho table tbody tr td:first-child {
    width:70%;
}
.pg-extrato .bx-extrato,
.pg-pedidos .tb-pedidos dl dd,
.pg-pedidos-historico .tb-historico {
    width:445px;
    overflow:scroll;
}

/********FALE CONOSCO************/
.pg-fale-conosco .bx-sucesso h3 {
    font-size: 20px;
    margin-top: 60px;
    padding: 0 10%;
}
.pg-fale-conosco .bx-sucesso p {
    font-size:15px;
    padding: 0 10%;
}
.pg-personal .bx-solicitacao .fm-tel-fornecedor {
    margin:0 0 15px 0;
}

/********MEUS PEDIDOS************/
.pg table thead tr th {
    font-size:13px;
}

/********ALTERAR SENHA************/
.pg .finaliza-cadastro .bx-finaliza,
.pg .altera-senha .bx-altera {
    width:100%;
}

/*CELULAR apenas Retrato*/
@media screen and (max-width: 360px) {
    .wr-topo .ct .logo {
        margin:0;
    }
    .pg h2 {
        font-size:40px;
        line-height:40px;
    }
    .wr-site-logado .wr-menu {
        height:95px;    
    }
    .wr-site-logado .wr-menu .logo-mobile {
        background-size: contain;
        height: 80px;
        width: 64%;
    }
    .pg .busca input {
        padding: 0 4% 0 16%;
        width: 79.7%;
    }
    .pg .busca label {
        padding: 15px 4% 0 16%;    
    }
    .pg .bx-produtos li {
        width:96%;
        margin-right:0;
    }
    .wr-rodape .site-seguro ul li.thumb-segura {
        margin:0;        
    }
    .wr-rodape .site-seguro ul li {
        width:27%;
        text-align:center;
    }
    .wr-menu .menu-superior .txt-participante,
    .wr-site-logado .wr-menu .txt-participante {
        font-size:16px;
    }
    .wr-menu .menu-superior .txt-participante strong,
    .wr-site-logado .wr-menu .txt-participante strong {
        font-size:16px;
    }
    .pg .bx-categoria {
        padding:0;
        height:auto;
    }
    .pg .bx-categoria p {
       font-size: 17px;
        padding: 5% 2%;
        text-align: left;
        width: 96%; 
    }
    .pg .bx-categoria .fm-ddl {
        width:100%;
    }
    .pg .bx-categoria .fm-ddl .ddl-custom ul {
        left:0;
    }
    .pg .bx-categoria .fm-ddl .ddl-custom .escolhido {
        background:url("../Img/comum/seta-select-bc.png") no-repeat scroll 90% center transparent;
    }
    .pg .bx-categoria .ordenar .mais-vendido label,
    .pg .bx-categoria .ordenar .marca label {
        width:55%;
        text-align:right;
    }
    .pg .bx-voltar div a,
    .pg .finaliza-cadastro .btn-voltar-cadastro,
    .pg .bx-paginacao .btn-voltar,
    .pg .bx-paginacao .paginacao ul li a,
    .pg-carrinho .finaliza-compra a,
    .pg .finaliza-cadastro .btn-voltar-cadastro, 
    .pg .altera-senha .btn-voltar-senha {
        font-size:16px;
        line-height:16px;
        margin-bottom:5px;
    }
    .pg .bx-voltar div .btn,
    .pg .bx-voltar div .btn.btn-salvar-dados,
    .pg-carrinho .bx-continuar-comprando .btn-continuar,
    .pg-carrinho .finaliza-compra .btn-finalizar, 
    .pg-carrinho .bx-continuar-comprando .btn-continuar, 
    .pg-carrinho .bx-carrinho-vazio .btn-continuar,
    .pg .finaliza-cadastro .btn-finalizar,     
    .pg-carrinho-endereco .bx-faturar .btn-adicionar, 
    .pg-carrinho-endereco .bx-endereco-entrega .btn-adicionar,
    .pg .altera-senha .btn-finalizar {
        font-size:14px;
    }
    .pg-extrato .bx-extrato,
    .pg-pedidos .tb-pedidos dl dd,
    .pg-pedidos-historico .tb-historico {
        width:288px;
    }    
    .tb-carrinho {
        width:303px;
        overflow:scroll;
    }
    .detalhe-prod .info-produto h3 {
        font-size:25px;
    }
    .detalhe-prod .info-produto strong {
        font-size:45px;
    }
    .detalhe-prod .produto {
        height:360px;
    }
    .detalhe-prod .produto .zoomWrapper {        
        height:285px !important
    }
    .zoomContainer,
    .zoomWindow {
        width:93% !important;
        height:285px !important
    }
    
    .bx-modal-bem-vindo .content .btn-fechar {
        font-size: 12px;
        height: 25px;
        line-height: 25px;
        right: 10px;
        top: 135px;
        width: 60%;
    }
    .pg .bx-categoria .ordenar .marca {
        padding:2%;
        width:96%;
    }
    .pg .bx-categoria .ordenar .marca .bx-marcas ul li {
        min-width:94%;
        padding:3%;
    }
    .pg .bx-categoria .ordenar .mais-vendido label {
        width:38%;
    }
    .pg .bx-categoria .ordenar .mais-vendido label, 
    .pg .bx-categoria .ordenar .marca label {
        text-align:left;
    }
}
