﻿/*ESTRUTURA DESLOGADA*/
.wr-site,
.wr-site-logado  {
    background:#E3E9DF;
}
.wr .ct {
    width:100%;
}
.wr-topo a {
    float:left;
    width:100%;
    text-align:center;
}
.wr-topo .ct .logo {
    float:none;
    display:none;
}
.wr-topo .ct .logo-mobile {
    display:inline;
    float:none;
}
.wr-site-cana .wr-topo .ct .bem-vindo-cana,
.wr-topo .ct .bem-vindo {
    width:100%;
    text-align:center;
    margin-top:20px;
}
.wr-site .ct .logo-cultura {
    display:none;
}
.pg {
    width:96%;
    padding:0 2% 2%;
}
.pg h2 {
    font-size:50px;
    line-height:45px;
    margin:20px 0 0;
}
.pg .col {
    width:100%;
    margin:0;
}
/*MODAL*/
.bx-modal {
    width:96%;
    margin-left:-50%;
    padding:0 2% 20px;
    height:auto;
}
.bx-modal .header .btn-fechar {
    right:0;
}
.bx-modal .content {
    width:100%;    
}
.bx-modal-bem-vindo {
    background-size:contain;
    height:510px;
}
.bx-modal-historico .content {
    width:100%;
    overflow:auto;
}

.bx-modal.bx-modal-cropview {
    width: 92%;
    margin-left: 4%;
    left: 0;
    top: 30px;
}
.bx-modal.bx-modal-cropview .content img {
    width: 100%;
    height: auto;
}
/*PRIMEIRO ACESSO*/
.pg-pri-acesso  {
    margin-top:35px;
}
.pg-pri-acesso .bx {
    margin-top:30px;
}
.pg-pri-acesso .bx .fm-campo label {
    float:left;
    font-size:15px;
}
.pg-pri-acesso h3 {
    font-size:20px;
}
.pg-pri-acesso .bx-endereco .fm-num,
.pg-pri-acesso .bx-endereco .fm-bairro,
.pg-pri-acesso .bx-endereco .fm-estado,
.pg-pri-acesso .bx-endereco .fm-complemento,
.pg-pri-acesso .bx-endereco .fm-cidade,
.pg-pri-acesso .bx-endereco {
    width:100%;
}
.pg-pri-acesso .bx-endereco .fm-estado {
    margin:15px 0 0 0;
}
.pg-pri-acesso .bx-endereco .fm-complemento,
.pg-pri-acesso .bx-endereco .fm-cidade {
    margin-top:15px;
}
.pg-pri-acesso .bx-endereco .fm-campo input,
.pg-pri-acesso .bx .fm-campo input.fm-240,
.pg-pri-acesso .bx .fm-campo input.fm-285,
.pg-pri-acesso .bx .fm-campo input.fm-565,
.pg-pri-acesso .bx .fm-email input.fm-400,
.pg-pri-acesso .bx .fm-nome-grupo input.fm-400  {
    width:96%;
    padding:0 2%;
}
.bx-upload .busca-foto {
    padding: 8px 2%;
    width: 96%;
}
.pg .finaliza-cadastro .bx-finaliza {
    width:100%;
}
.pg .finaliza-cadastro .btn-finalizar {
    font-size:23px;
}
.pg-pri-acesso .bx-grupo {
    width:96%;
    padding:10px 2%;
}
.pg-pri-acesso .bx-grupo-clientes .fm-nome-grupo {
    width:100%;
}
.bx-upload .col2 {
    margin-top:15px;
}
.bx-upload input[type=file] {
    width:95.7%;
}
.pg-fale-conosco .bx-mensagem textarea,
.pg-mensagem .tb-resposta table tbody tr td textarea,
.pg-mensagem .bx-solicitacao .fm-mensagem textarea {
    width:93.7%;
    padding:3%;
}

/*PÁGINAS LOGADA*/
.wr-site-logado .wr-destaque {
    display:none;
}
.wr-rodape {
    width:90%;
    padding:0 5%;
}
.wr-rodape .footer {
    height:auto;
}
.wr-rodape .footer .txt-reservado {
    width:100%;
    text-align:center;
    margin-left:0;
}
.pg table {
    width:100%;
}
.pg .bx-categoria {
    width:100%;
}
.pg .bx-categoria p {
    padding-left:2%;
}
.pg .bx-categoria .ordenar {
    width:96%;
    padding:14px 2%;
}


/********MN-MOBILE************/
.wr-site-logado .wr-menu .mn-mobile {
    background: transparent url('../Img/comum/ico-mn-mobile.jpg') no-repeat scroll left top;
    display:block;
    width:51px;
    height:46px;
    position:absolute;
    right:10px;
    top:35px;
    text-indent:-99999px;
    cursor:pointer;
}
.wr-site-logado .wr-menu {
    background:#033749;
    height:115px;    
}
.wr-site-logado .wr-menu .txt-participante {
    margin-right: 0;
}
.wr-site-logado .wr-menu .logo-mobile {
    background: transparent url('../Img/comum/logo-mobile.png') no-repeat scroll left top;
    float:left;
    text-indent:-99999px;
    width:261px;
    height:100px;
    margin:15px 0 0 15px;
    display:block;
}
.wr-site-logado .wr-menu .ct .mn-desk  {
    display:none;
}
.wr-site-logado .wr-menu .ct .menu-mobile {
    display:none;
    position:absolute;
    top:100%;
    left:0;
    z-index:300;
    background:#fff;
    width:96%;
    padding:0 2% 15px;
    -moz-box-shadow: 0px 9px 7px #888;
    -webkit-box-shadow: 0px 9px 7px #888;
    box-shadow: 0px 9px 7px #888;
}
.wr-site-logado .wr-menu .ct .acesso {
    display: block;
    float: left;
    width:100%;
}
.wr-site-logado .wr-menu .ct .acesso ul li a {
    background: #DD3B3F;
    float: left;
    height: 35px;
    line-height: 35px;
    margin-top: 10px;
    padding: 0 2%;
    width: 96%;
    color:#fff;
    font-family: 'museo_sans700';
    font-size:17px;
}
.wr-site-logado .wr-menu .ct .acesso ul li a:hover {
    background:#C1282B;
}

/********BARRA BUSCA************/
.pg .busca input {
    padding: 0 2% 0 6%;
    width: 91.7%;
}
.pg .busca label {
    padding: 15px 2% 0 6%;    
}

/********LISTA PRODUTOS************/
.pg .bx-produtos li {
    margin-right: 2%;
    width: 19.2%;
    height:auto;
    padding:2%;
}
.pg .bx-produtos li a {
    padding:2% 0;
    height:96%;
    width:96%;
}
.pg-home .bx-produtos li img {
    height: auto;
    margin-top: 1%;
    width: 70%;
}
.pg-produtos .bx-prod-categ li a p.line-double {
    font-size:15px;
    height:39px;
    overflow:hidden;
}
.pg-produtos .bx-prod-compra li .bx-compra {
    width:100%;
    height:100%;
    padding-top:0;
}
.pg-produtos .bx-prod-compra li .bx-compra a {
    left: 50%;
    margin-left: -37px;
    position: absolute;
    top: 30%;
}
.pg-produtos .bx-prod-compra li .descricao {
    height:auto;
}
.pg-produtos .bx-prod-compra li img {
    width:100%;
    height:auto
}
.pg-regulamento .bx-regulamento {
    width:88%;
    padding:6%;
}
.pg-detalhe-produtos {
    background:none;
    margin-top:35px;
}
.detalhe-prod .produto p {
    display:none;
}
.pg .bx-categoria .ordenar .marca {
    width:98%;
}
.pg .bx-categoria .ordenar .mais-vendido {
    float:left;
    margin-top:5px;
    padding-left:2%;
}

/********MEU CARRINHO************/
.pg-carrinho-endereco .bx-novo-endereco .bx-endereco,
.pg-carrinho-endereco .bx-editar-empresa .bx-empresa,
.pg-carrinho-endereco .bx-nova-empresa .bx-empresa {
    padding: 2% 2% 4%;
    width: 96%;
}
.pg-carrinho-endereco .bx-voltar,
.pg-carrinho-endereco .bx-endereco-entrega .bx-voltar {
    width:100%;
    margin:20px 0 0 0;
}
.pg-carrinho table tbody tr td p {
    width:100%;
}
.pg-carrinho .bx-continuar-comprando {
    width:100%;
}
.pg-carrinho .bx-carrinho-vazio h2 {
    width:70%;
}
.pg-carrinho .bx-resumo-pedido ul {
    float:left;
    width:100%;
    margin:20px 0 0;
}
.pg-carrinho .bx-resumo-pedido ul li {
    margin-right: 3%;
    padding: 3%;
    width: 42.2%;
}
.bx-finalizado {
    margin-top:20px;
}
/********EXTRATO************/
.pg-extrato ul li {
    padding: 2%;
    text-align: center;
    width: 44.5%;
    margin:0 2% 20px 0;
}
.pg-extrato ul li:nth-child(2n+2) {
    margin-left:0;
    margin-right:0;
}
.pg-extrato .bx-periodo .txt-periodo {
    width:100%;
}

/********FALE CONOSCO************/
.pg-mensagem .nova-mensagem,
.pg-mensagem .tb-resposta {
    width:100%;
    box-shadow:0;
}
.pg-fale-conosco .bx-sucesso {
    height:100%;
    padding:0;
}
.pg-fale-conosco .bx-sucesso h3 {
    margin-top:80px;
}

/********MEUS PEDIDOS************/
.tb-pedidos {
    margin-top:20px;
}