﻿
.wr-mn-mobile,
.mn-mobile {
    display:block;
}
.wr-mn-desk {
    display:none;
}

.topo-mobile {
    min-height: 70px;
    position: relative;
    width: 100%;
    z-index: 60;
}
.bx-modal,
.bx-regulamento {
    width:100%;
    margin-left:-50%;
}
.bx-regulamento .regulamento {
    width:90%;
    padding:5%;
}
.bx-regulamento .regulamento .scroll-pane {
    width:100%;
}

/*******TOPO**********/
.wr-menu .acesso {
    background:#f5e20f;
    display:none;
    width:96%;
    padding:0 2% 15px;
    -moz-box-shadow: 5px 5px 5px #888;
    -webkit-box-shadow: 5px 5px 5px #888;
    box-shadow: 5px 5px 5px #888;
    float:left;
    position:absolute;
    top:100%;
}
.wr-menu .acesso ul {
    float:left;
    width:90%;
    padding:0 5%;
    margin-top:20px;
}
.wr-menu .acesso ul li {
    float:left;
    width:100%;
}
.wr-menu .mn-mobile {
    background:url(../../img/comum/btn-mobile.png) no-repeat scroll left top transparent;
    display:block;
    width:60px;
    height:43px;
    position:absolute;
    right:10px;
    top:10px;
    text-indent:-99999px;
    cursor:pointer;
}

/*******ESTRUTURA**********/
.wr .ct {
    width:100%;
}
.wr-mn-mobile, .mn-mobile {
    background-position:-550px 0;
}
.wr-topo {
    width:100%;
    height:890px;
    background-position:60% bottom;
}
.wr-topo .logo-like {
    width:auto;
}
.wr-menu .bx-saldo {
    margin-right:0;
}
.wr-menu .acesso ul li {
    padding:20px 0 20px 0; 
}
.wr-menu .links {
    padding:0;
}
.wr-menu .links li {
    background:url("../../img/comum/border-mn-mobile.png") repeat-x scroll left bottom transparent    
}
.wr-menu .links li.lst {
    background:none;
}
.wr-menu .links li a {
    float:left;
    height: 30px;
    padding: 0 0 0 50px;
    background:url("../../img/comum/ico-menu-mobile.png") no-repeat scroll left bottom transparent
}
.wr-menu .links li a.ativo,
.wr-menu .links li a:hover {
    background-position: left -1px;
    color: #f16031;
}
.pg .bx {
    width:96%;
    padding:3% 2%;
}
.banner-surpreenda img {
    width:100%;
}
.pg-compra .bx-dados-cadastro,
.pg-recarga .bx-transfira, 
.pg-compra .bx-resgate {
    width:94%;
    padding:3%;
}
.pg-compra .bx-escolha-cartao .fm-campo {
    width:100%;
    padding:0;
    margin-bottom:20px;
}
.pg-compra .bx-dados-cadastro .col .fm-campo {
    width:24%;
    margin-bottom:20px;
    margin-right:1%;
}
.pg-compra .bx-dados-cadastro .col1 .lst {
    margin-right:0;
}
.pg-compra .bx-dados-cadastro .col .fm-campo label,
.pg-compra .bx-dados-entrega .bx-entrega .fm-campo label {
    width:100%;
    float:left;
    text-align:left
}
.pg-compra .bx-dados-cadastro .col .fm-campo input {
    width:96%;
    padding:0 2%;
}
.pg-compra .bx-dados-entrega .bx-entrega .fm-campo input,
.pg-compra .bx-dados-entrega .bx-entrega .fm-rua input {
    width:96%;
    padding:0 2%;
}
.pg-compra .bx-resgate .bx-pontos-recadar, 
.pg-compra .bx-resgate .bx-cep, 
.pg-compra .bx-resgate .bx-frete {
    width:100%;
    margin:0;
}
.pg-compra .bx-resgate .fm-campo {
    width:100%;
    margin-bottom:20px;
}
.pg-compra .bx-resgate .bx-pontos-recadar input, 
.pg-compra .bx-resgate .bx-cep input, 
.pg-compra .bx-resgate .bx-frete input {
    width:96%;
    padding:0 2%;
}
.pg-compra .bx-resgate .bx-credito {
    margin-top:0;
}
.pg-compra .bx-resgate .bx-credito .btn-frete {
    margin:15px 0 20px 0;
    width:100%;
}
.pg-compra .bx-dados-entrega .bx-entrega .fm-cep input {
    width:60%;
    padding:0 2%;
}
.pg-compra .bx-resgate .bx-credito .fm-campo {
    width:100%;
}
.pg-compra .bx-resgate .bx-credito .fm-campo input {
    width:95%;
    padding:0 2%
}
.pg-compra .bx-dados-entrega {
    margin-bottom:40px;
}
.pg-compra .bx-dados-entrega .bx-entrega .fm-campo,
.pg-compra .bx-dados-entrega .bx-entrega .fm-uf select {
    width:100%;
    margin-right:0;
}
.pg-compra .bx-dados-entrega .bx-entrega .fm-cep .btn-preencha {
    margin-left: 1%;
    width: 35%;
}
.select3 {
    left: 2%;
    margin-top: 35px;
    padding: 0 2%;
    width: 92%; 
    background-position:98% center;    
}
.pg-recarga .botoes .btn-finalizar, .pg-compra .botoes .btn-finalizar {
    margin-top:35px;
}
.pg-recarga .bx-transfira .bx-resgate,
.pg-recarga .bx-transfira .bx-credito {
    width:100%;
    margin-right:0;
}
.pg-recarga .bx-transfira .bx-resgate .fm-campo input {
    width:65%;
    padding:0 2%;
    margin-right:1%;
}
.pg-recarga .bx-transfira .bx-resgate .fm-campo .btn-calcular {
    width:30%;    
}
.pg-recarga .bx-transfira .bx-credito .fm-campo input {
    width:95%;
    padding:0 2%;
}