a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:after, blockquote:before, q:after, q:before {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

body {
    -webkit-text-size-adjust: none;
}

/* ================================================================================================================== */

body, button, html, input {
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    letter-spacing: 0.1px;
    line-height: 20px;
    color: #444;
}

body {
    width: 100%;
    height: 100%;
    font-weight: normal;
    margin: 0;
    padding: 0;
    font-size: 14px;
    background: #f2f2f2;
    overflow-x: hidden;
}

b, strong {
    font-weight: bold;
}

em, i {
    font-style: italic;
}

a:active, a:link, a:visited {
    color: #333333;
    text-decoration: none;
    font-size: 14px;
}

a:hover {
    text-decoration: underline;
    color: #00636e;
}

hr {
    border: 0;
    border-bottom: 1px solid #ccc;
    display: block;
    height: 1px;
    padding: 0;
    margin: 14px 0;
}

pre {
    font-size: 12px;
    background: #111;
    font-family: 'Courier New';
    color: #eee;
    padding: 20px;
    margin: 0;
    border-bottom: 1px solid #333;
    display: block;
    margin-top: 20px;
    white-space: pre-wrap;
}

h2 {
    font-size: 18px;
    padding: 15px 0 10px 15px;
    margin: 0;
    font-weight: normal;
    color: #555;
    background: none;
    height: auto;
    width: auto;
    text-align: left;
}

h3, .categoria_barra {
    background: #444;
    margin: 0;
    color: #fff;
    font-size: 14px;
    line-height: 44px;
    height: 44px;
    font-weight: normal;
    padding: 0;
    text-align: left;
    overflow: hidden;
    cursor: default;
}

.categoria_barra {
    color: #fff;
    text-align: left;
    padding-left: 17px;
}

h5 {
    border-bottom: 1px solid #ddd;
    padding: 0 0 8px;
    margin: 15px 0;
    font-size: 15px;
    font-weight: 300;
    color: #888;
}

h5.pagamento {
    margin-top: 80px;
}

h3 img {
    width: 20px;
    height: 20px;
    margin: 12px;
    display: block;
    float: left;
}

.none {
    display: none;
}

.solid {
    background: #f2f2f2;
    padding-bottom: 20px;
}

.right {
    float: right;
}

.text_right {
    text-align: right;
}

.text_left {
    text-align: left;
}

/* barra de avisos */

h3.alerta, h3.erro, h3.sucesso {
    text-align: left;
    margin: 0;
}

h3.sucesso {
    background: #349f50;
}

h3.alerta {
    background: #e5c619;
}

h3.erro {
    background: #c94343;
}

#subcategorias .botao, h3 .botao, .categoria_barra .botao {
    width: 44px;
    height: 44px;
    margin-right: 14px;
    background: rgba(0, 0, 0, 0.05);
    cursor: pointer;
}

#subcategorias .botao {
    background: rgba(0, 0, 0, 0.2);
}

#subcategorias .botao:hover, h3 .botao:hover, .categoria_barra .botao:hover {
    background: rgba(255, 255, 255, 0.2);
}

#subcategorias .botao:hover {
    background: rgba(255, 255, 255, 0.08);
}

#subcategorias .botao img, h3 .botao img, .categoria_barra .botao img {
    height: 20px;
    width: 20px;
    margin: 12px;
}

#subcategorias .botao.left, h3 .botao.left, .categoria_barra .botao.left {
    float: left;
}

#subcategorias .botao.right, h3 .botao.right, .categoria_barra .botao.right {
    float: right;
    margin-right: 0;
}

ul.decimal {
    list-style-type: decimal;
    padding: 10px 0 10px 30px;
}

label.filtrar {
    float: right;
    padding: 0 10px 0 0;
    font-size: 11.5px;
    margin: 0 0 0 20px;
    display: none;
}

/* div principal (todo o site está dentro dele) */

#principal {
    z-index: 100;
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    position: relative;
}

/* topo mobile */

.topo.mobile {
    height: 44px;
    background: #333;
    position: fixed;
    padding: 0;
    top: 0;
    left: 0;
    margin: 0;
    color: #fff;
    width: 100%;
    min-width: 320px;
    z-index: 200;
}

.topo.mobile .botao {
    height: 44px;
    position: absolute;
    left: 0;
    top: 0;
    width: 44px;
    display: block;
    cursor: pointer;
    z-index: 2;
    background: rgba(255, 255, 255, 0.1);
}

.topo.mobile .botao.bcarrinho {
    background: none;
    right: 44px;
    left: auto;
}

.topo.mobile .botao.bcarrinho .quantidade {
    width: 17px;
    height: 17px;
    line-height: 17px;
    color: #fff;
    font-size: 8px;
    border-radius: 100px;
    text-align: center;
    font-weight: bold;
    background: #e63136;
    position: absolute;
    left: 24px;
    top: 4px;
}

.topo.desktop .botao.bcarrinho.vazio, .topo.mobile .botao.bcarrinho.vazio {
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.topo.mobile .botao#modal_perfil {
    right: 0;
    left: auto;
}

.topo.mobile .botao:hover {
    background: rgba(255, 255, 255, 0.3);
}

.topo.mobile .botao img {
    margin: 12px;
    padding: 0;
    width: 20px;
    height: 20px;
}

.topo.mobile .titulo {
    position: absolute;
    left: 0;
    top: 6px;
    font-size: 10px;
    text-align: center;
    vertical-align: middle;
    height: 32px;
    margin: 0;
    display: block;
    width: 100%;
    line-height: 15px;
    color: #222;
    z-index: 1;
}

.topo.mobile .titulo a:active, .topo.mobile .titulo a:link, .topo.mobile .titulo a:visited {
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    opacity: 0.9;
    filter: alpha(opacity=90);
    text-decoration: none;
    line-height: 16px;
}

.topo.mobile .titulo img {
    height: 27px;
}

/* topo desktop */

.topo.desktop {
    display: none;
    width: 100%;
    background: #fff;
    position: relative;
    height: 120px;
    margin-bottom: 14px;
}

.topo.desktop .container {
    position: absolute;
    right: -15px;
    height: 40px;
    width: 740px;
    top: 0;
}

.topo.desktop .us {
    line-height: 40px;
    padding: 0 18px 0 0;
    font-size: 14px;
    max-width: 165px;
    overflow: hidden;
    float: right;
}

.topo.desktop .btcarrinho {
    height: 24px;
    position: absolute;
    left: 8px;
    top: 8px;
    width: 24px;
    display: block;
    cursor: pointer;
    z-index: 2;
}

.topo.desktop .quantidade {
    width: 17px;
    height: 17px;
    line-height: 17px;
    color: #fff;
    font-size: 8px;
    border-radius: 100px;
    text-align: center;
    font-weight: bold;
    background: #e63136;
    position: absolute;
    left: 20px;
    top: 4px;
    z-index: 5;
}

.topo.desktop .botao.bcarrinho .quantidade {
    left: 32px;
    top: 4px;
}

.topo.desktop .vazio {
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.topo.desktop .titulo {
    padding: 0;
}

.topo.desktop .titulo img {
    width: 300px;
}

.admin_button {
    position: absolute;
    left: 0;
    top: 0;
}

/* buscador */

.buscador {
    height: 44px;
    padding: 0;
    margin: 44px 0 0;
    width: 100%;
    min-width: 360px;
    position: relative;
}

.buscador button[type="submit"] {
    border: 0;
    background: none;
    width: 44px;
    background: #fafafa;
    height: 42px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
}

.buscador button[type="submit"] img {
    width: 20px;
    height: 20px;
    margin-top: 2px;
}

.buscador input[type="text"] {
    position: absolute;
    left: 44px;
    top: 0;
    margin: 0;
    padding: 0;
    height: 44px;
    border: 0;
    font-size: 14px;
    text-align: left;
    background: #fafafa;
    width: 276px;
    width: -webkit-calc(100% - 44px);
    width: -moz-calc(100% - 44px);
    width: calc(100% - 44px);
    display: block;
    color: #555;
}

/* pagina */

.pagina {
    padding: 0 0 20px;
    background: #f2f2f2;
}

@media screen and (min-width: 480px) {
    .pagina {
        background: none;
    }
}

/* rodape */

#rodape {
    width: 100%;
    margin: 0;
    padding: 0;
    min-height: 290px;
}

#rodape .sobre {
    padding: 15px;
    text-align: justify;
    color: #777;
    background: #fff;
    font-size: 11px;
    margin: 0 auto;
    line-height: 18px;
    min-height: 290px;
}

#rodape .payments {
    display: block;
    background: #fff;
    text-align: center;
    padding: 10px 0 6px;
    border-top: 1px solid #eee;
}

#rodape .payments img {
    display: inline-block;
}

@media all and (max-width: 1080px) {
    #rodape .payments img {
        display: block;
        width: 100%;
    }
}

#rodape .credito {
    width: 100%;
    text-align: center;
    font-size: 9px;
    color: #777;
    line-height: 15px;
    padding: 14px 0 20px;
}

#rodape .credito strong {
    color: #555;
    font-size: 10px;
}

.facebook_curtidas {
    width: 290px;
    height: 290px;
    float: left;
    background: #fff;
    text-align: center;
    font-size: 13px;
    display: none;
    margin-right: 15px;
}

/* mercado livre */

.powered {
    margin: 14px auto 0;
    display: block;
}

/* banner */

.banner {
    /*padding: 0 0 10px;*/
    text-align: center;
    margin-bottom: 10px;
}

.banner img {
    width: 100%;
}

.banner.desktop {
    display: none;
}

.banner.mobile {
    display: block;
}

.banner.loja {
    margin: 0;
    padding: 0;
}

.banner_left {
    width: 110px;
    position: fixed;
    left: 50%;
    margin-left: -650px;
    top: 0;
    height: 700px;
    z-index: -1;
}

.banner_right {
    width: 110px;
    position: fixed;
    left: 50%;
    margin-left: 540px;
    top: 0;
    height: 700px;
    z-index: -1;
}

@media all and (max-width: 1365px) {
    .banner_left, .banner_right {
        display: none;
    }
}

/* categorias */

.categorias {
    margin: 0;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #ddd;
    background: #f1f1f1;
    display: table;
    font-size: 9px;
    padding: 0;
    width: 100%;
    text-align: center;
    z-index: 1000;
    text-transform: uppercase;
    max-width: 1080px;
    overflow: hidden;
}

.categorias .item {
    display: block;
    float: left;
    line-height: 8px;
    margin: 0;
    padding: 10px 0 8px;
    width: 14%;
    overflow: hidden;
    color: #555;
    text-align: center;
}

.categorias .item .botao {
    width: 40px;
    height: 40px;
    border-radius: 100px;
    margin: 0 auto 5px;
    cursor: pointer;
    overflow: hidden;
}

.categorias .item .botao .cor {
    background: none;
}

.categorias .item .botao:hover .cor {
    background: rgba(0, 0, 0, 0.3);
}

.categorias .item .botao_landing_pages:hover .cor {
    background: none;
}

.categorias .item .botao img {
    width: 40px;
    height: 40px;
    margin: 0;
    padding: 0;
}

.categorias .item .botao_landing_pages img {
    width: 30px;
    height: 30px;
    margin-top: 5px;
}

.categorias a:active, .categorias a:link, .categorias a:visited {
    color: #555;
    font-size: 6px;
}

.categorias.desktop {
    margin: 0;
    border: 0;
    background: none;
    display: table;
    font-size: 9px;
    padding: 0;
    width: 395px;
    text-align: center;
    position: absolute;
    right: -5px;
    top: 40px;
    z-index: 10;
}

.categorias#fixar_mobile .item .botao {
    width: 32px;
    height: 32px;
}

.categorias#fixar_mobile .item .botao img {
    width: 32px;
    height: 32px;
    margin: 0;
}

.categorias#fixar_mobile .item .botao_landing_pages img {
    width: 30px;
    height: 30px;
}

.categorias#fixar_mobile .item {
    font-size: 6px;
}

.categorias#fixar_mobile .item .botao.recompensas img {
    width: 28px;
    height: 28px;
    margin: 0;
}

#subcategorias {
    margin: 0;
    padding: 0;
    display: none;
}

#subcategorias li {
    background: rgba(0, 0, 0, 0.2);
    line-height: 44px;
    height: 44px;
    color: #fff;
    text-align: left;
    padding-left: 14px;
    font-size: 12px;
    cursor: pointer;
    text-decoration: none !important;
}

#expire_datepicker {
    cursor: pointer;
}

#subcategorias li span {
    display: inline-block;
    width: 180px;
    margin-right: 14px;
}

#subcategorias a:hover {
    color: #fff;
    text-decoration: none !important;
}

#subcategorias li select {
    width: 100%;
    line-height: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
}

#subcategorias li.ordenar {
    background: rgba(0, 0, 0, 0.4);
    text-align: right;
    cursor: default;
}

#subcategorias li.ordenar:hover {
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
}

#subcategorias li.data {
    background: rgba(0, 0, 0, 0.6);
    text-align: right;
    cursor: default;
}

#subcategorias li.data:hover {
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
}

#subcategorias li label {
    margin: 0 0px 0 15px;
}

#subcategorias li.sub1 {
    padding-left: 14px;
    background: rgba(0, 0, 0, 0.2);
    margin-bottom: 1px;
}

#subcategorias li.sub2 {
    padding-left: 30px;
    background: rgba(0, 0, 0, 0.5);
    margin-bottom: 1px;
}

#subcategorias li.sub3 {
    padding-left: 44px;
    background: rgba(0, 0, 0, 0.7);
    margin-bottom: 1px;
}

#subcategorias li:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #333;
    text-decoration: none;
}

.menu {
    width: 100%;
}

#h2_texto_apoio, .categoria_subtitulo {
    font-size: 11.5px;
    padding: 0px 44px 0px 8px;
    margin: 0;
    font-weight: normal;
    font-style: italic;
    color: #FFFFFF;
    background: none;
    height: auto;
    width: auto;
    text-align: justify;
}

.texto_apoio_expandido {
    display: block;
}

.texto_apoio_contraido {
    display: none;
}

#texto_apoio {
    margin: 0;
    padding: 0;
}

#texto_apoio_controle { 
    display: none;
}

@media only screen and (max-device-width: 480px) {
    
    h2, #h2_texto_apoio, .categoria_subtitulo {
        font-size: 11.5px;
        padding: 0px 8px 0px 8px;
        margin: 0;
        font-weight: normal;
        font-style: italic;
        color: #FFFFFF;
        background: none;
        text-align: justify;
    }
    
    .apoio_contraido{
        text-align: justify;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: auto;
    }
    
     .texto_apoio_expandido {
        display: none;
    }
    
     .texto_apoio_contraido {
        
        
        display: block;
        height: 2em;
    }

    #texto_apoio_controle {      
        display: block;
        position: relative;
        font-size: .875rem;
        font-weight: 700;
        padding: 0 20px;
        text-transform: uppercase;
        text-align: right
    }

    #texto_apoio {
        margin: 0;
        padding: 0;
    }
}

.categoria_subtitulo, bg{
    background: #444;
}

/* menu */

.menu a:hover {
    text-decoration: none;
}

.menu h2 {
    font-size: 13px;
    padding: 34px 0 14px 14px;
    margin: 0;
    font-weight: normal;
    color: #333;
    background: none;
    height: auto;
    width: auto;
    text-align: left;
}

.menu .title_menu{
    font-size: 13px;
    padding: 34px 0 14px 14px!important;
    margin: 0!important;
    font-weight: normal!important;
    color: #333!important;
    background: none!important;
    height: auto!important;
    width: auto!important;
    text-align: left!important;


    display: block!important;
    margin-block-start: 0.83em!important;
    margin-block-end: 0.83em!important;
    margin-inline-start: 0px!important;
    margin-inline-end: 0px!important;
}



.menu ul {
    margin: 0;
    padding: 0;
    border-top: 1px solid #eee;
}

.menu ul li {
    padding: 14px;
    border-bottom: 1px solid #eee;
    list-style: none;
    background: #fff;
    font-size: 12px;
    color: #555;
    cursor: pointer;
}

.direita .menu ul li {
    padding-left: 34px;
}

.menu ul li.sub {
    padding-left: 54px;
    background: #f8f8f8 url('../img/sub.png') no-repeat 38px 23px;
}

.menu ul li:hover {
    background: #999;
    color: #fff;
}

.menu ul li:hover label {
    color: #fff;
}

.menu ul li label {
    width: 85px;
    display: block;
    float: left;
    color: #555;
    margin: 0;
    text-align: left;
}

.menu select {
    width: 170px;
    background: #fff;
    margin: 0;
    padding: 0;
}

.menu .categorias {
    padding: 10px 0;
    background: none;
    width: 94%;
    border: 0;
    border-top: 0;
    z-index: 1;
    position: relative;
}

.menu .categorias .item {
    width: 25%;
    height: 4.5rem;
}

.menu .categorias .item .botao {
    width: 54px;
    height: 54px;
    border-radius: 100px;
}

.menu .categorias .item .botao img {
    width: 54px;
    height: 54px;
    margin: 0;
}

.menu .categorias .item.recompensas .botao img {
    width: 54px;
    height: 54px;
    margin: 0;
}

@media all and (max-width: 640px) {
    .menu .categorias .item span {
        display: block;
    }
}

/* carregando */

#carregando {
    width: 100%;
    padding: 20px 0;
    display: none;
    text-align: center;
}

#carregando img {
    height: 60px;
    width: 60px;
}

#loading_conversion {
    margin: -40px 0 0 -40px;
    width: 80px;
    text-align: center;
    display: block;
    height: 80px;
    opacity: 0.6;
    top: 50%;
    position: absolute;
    left: 50%;
}

/* transition *
button, div, a:link, a:visited, a:active {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
}
a:link, a:visited, a:active {
    -webkit-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
    -o-transition: background-color 0.5s;
}
*/

.ofertas {
    display: table;
    width: auto;
    margin: 6px;
    padding: 0;
}

.ofertas .item {
    margin: 6px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    overflow: hidden;
    float: left;
}

.ofertas .imagem {
    border-bottom: 5px solid #888;
}

.ofertas .item img {
    width: 100%;
    padding: 0;
    margin: 0;
    border: 0;
    display: block;
}

.ofertas .item .anuncio {
    padding: 7px 10px;
    margin: 0;
    height: 57px;
    overflow: hidden;
    text-align: left;
    display: block;
    line-height: 18px;
    font-weight: normal;
    font-size: 14px;
    color: #666;
    background: #fff;
}

#demanda.ofertas .item .anuncio {
    padding: 15px 10px;
}

.ofertas .item .km {
    padding: 6px;
    text-align: right;
    color: #aaa;
    line-height: 14px;
    font-size: 12px;
    background-color: rgba(0, 0, 0, 0.85);
}

.ofertas .item .km b {
    font-weight: bold;
    color: #fff;
}

.recomenda .ofertas .item .anuncio {
    font-size: 13px;
    height: 103px;
}

.ofertas .item .anuncio .limite {
    display: table;
    height: 100%;
    width: 100%;
}

.ofertas .item .anuncio .limite .alinhamento {
    display: table-cell;
    vertical-align: middle;
}

.ofertas .item .detalhes, .opcao .detalhes {
    padding: 0;
    margin: 0;
    height: 60px;
    width: 100%;
    color: #aaa;
    display: block;
    overflow: hidden;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    background: #f9f9f9;
}

.oferta .comprar .preco, .ofertas .item .detalhes .preco, .opcao .detalhes .preco {
    text-align: right;
    float: right;
    padding: 4px 10px 0;
    margin: 0;
    height: 37px;
}

.oferta .comprar .preco .de, .ofertas .item .detalhes .preco .de, .opcao .detalhes .preco .de {
    font-size: 13px;
    line-height: 20px;
    display: block;
    color: #777;
    margin: 0;
    padding: 0 1px 0 0;
    font-weight: normal;
}

.oferta .comprar .preco .de {
    color: #999;
}

.oferta .comprar .preco .de.corte, .ofertas .item .detalhes .preco .de.corte, .opcao .detalhes .preco .de.corte {
    text-decoration: line-through;
}

.oferta .comprar .preco .por, .ofertas .item .detalhes .preco .por, .opcao .detalhes .preco .por {
    font-size: 20px;
    line-height: 20px;
    display: block;
    margin: 0;
    padding: 0;
    font-weight: bold;
    color: #333;
}

.oferta .comprar .preco .por, .opcao .detalhes .preco .por, .recomenda .ofertas .item .detalhes .preco .por {
    font-size: 17px;
    line-height: 17px;
}

.oferta .comprar .preco .por {
    font-size: 23px;
}

.oferta .comprar .preco span, .ofertas .item .detalhes .preco span, .opcao .detalhes .preco span {
    font-size: 12px;
    text-decoration: none;
    font-weight: normal;
}

.oferta .comprar .preco .por span, .ofertas .item .detalhes .preco .por span, .opcao .detalhes .preco .por span {
    font-size: 14px;
    color: #777;
}

.oferta .comprar .preco .por span {
    color: #999;
}

.oferta .comprar .porcento, .ofertas .item .detalhes .porcento {
    height: 36px;
    padding: 8px 0 8px 12px;
    margin: 0;
    float: left;
}

.oferta .comprar .porcento .bola, .ofertas .item .detalhes .porcento .bola {
    font-size: 16px;
    line-height: 36px;
    letter-spacing: -0.5px;
    margin: 0;
    padding: 0;
    color: #fff;
    background: #999;
    text-align: center;
    font-weight: bold;
    border-radius: 100px;
    height: 36px;
    width: 36px;
    text-align: center;
}

.oferta .comprar .porcento span, .ofertas .item .detalhes .porcento span {
    font-size: 10px;
    font-weight: bold;
    line-height: 10px;
    top: -1px;
    opacity: 0.7;
    filter: alpha(opacity=70);
    left: 1px;
    position: relative;
}

.oferta .comprar .mais, .oferta .detalhes .informacoes .mais, .ofertas .item .detalhes .mais, .opcao .detalhes .mais {
    display: block;
    float: right;
    text-align: center;
    padding: 0 10px;
    margin: 8px 0 0;
    height: 34px;
    font-size: 13px;
    line-height: 13px;
    font-weight: normal;
    color: #555;
    border-right: 1px solid #e1e1e1;
}

.oferta .comprar .mais span, .oferta .detalhes .informacoes .mais span, .ofertas .item .detalhes .mais span, .opcao .detalhes .mais span {
    font-size: 12px;
    line-height: 18px;
    display: block;
    color: #777;
}

.oferta .detalhes .informacoes .mais strong, .ofertas .item .detalhes .mais strong, .opcao .detalhes .mais strong {
    font-size: 14px;
    line-height: 20px;
    display: inline-block;
    color: #555;
}

.ofertas .item .detalhes button {
    display: none;
}

.oferta .comprar .mais {
    display: none;
}

.ofertas a:hover .item {
    border-color: #aaa;
}

.ofertas a:hover .item .anuncio {
    color: #222;
}

.nenhuma {
    width: 100%;
    color: #777;
    margin: 40px 0 30px;
    text-align: center;
    display: block;
}

/* responsive */

@media all and (max-width: 599px) {
    .ofertas .item {
        width: auto;
        width: -webkit-calc(100% - 16px);
        width: -moz-calc(100% - 16px);
        width: calc(100% - 16px);
    }
}

@media all and (min-width: 600px) {
    .ofertas .item {
        width: 48%;
        width: -webkit-calc(50% - 16px);
        width: -moz-calc(50% - 16px);
        width: calc(50% - 16px);
    }
}

/* recomenda */

.recomenda {
    background: #e59719;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e59719), to(#d64623));
    background: -webkit-linear-gradient(#e59719, #d64623);
    background: -moz-linear-gradient(#e59719, #d64623);
    -pie-background: linear-gradient(#e59719, #d64623);
    background: -o-linear-gradient(#e59719, #d64623);
    margin: 5px 0;
    color: #fff;
    padding: 0 0 5px;
    min-height: 305px;
}

.recomenda .ofertas .item {
    border: 1px solid #e59719;
}

.recomenda .ofertas a:hover .item {
    border: 1px solid #d64623;
}

.recomenda h4 {
    margin: 0 10px;
    padding: 0;
    color: #fff;
    background: none;
    font-size: 14px;
    line-height: 18px;
    height: auto;
    font-weight: bold;
    padding: 15px 0 5px;
    text-align: center;
}

.recomemnda a {
    display: none;
}

.recomenda .ofertas .item .anuncio .limite .alinhamento .curto {
    display: block;
}

.recomenda .ofertas .item .anuncio .limite .alinhamento .completo {
    display: none;
}

/* opcoes */

.opcoes {
    margin: 14px 14px 14px 24px;
    text-align: center;
}

.opcoes .opcao {
    margin: 20px 0;
    background: #fff;
    border: 1px solid #dddddd;
    overflow: hidden;
    font-weight: normal;
}

.opcoes .opcao .detalhes {
    border-top: 0;
    border-bottom: 1px solid #eee;
}

.opcoes .opcao .detalhes .numero {
    line-height: 28px;
    padding: 10px 0 10px 10px;
    font-weight: bold;
    float: left;
}

.opcoes .opcao .detalhes .numero .bola {
    width: 28px;
    height: 28px;
    border-radius: 100px;
    color: #fff;
}

.opcoes .opcao .detalhes .preco {
    padding: 6px 0 0 10px;
}

.opcoes .opcao .detalhes .mais strong {
    font-size: 13px;
    line-height: 15px;
}

.ofertas .item .detalhes button, .opcoes .opcao .detalhes button {
    float: right;
    background: #349f50;
    border: 1px solid #257b3c;
    float: right;
    color: #fff;
    cursor: pointer;
    padding: 0 10px;
    margin: 10px 8px;
    font-weight: bold;
    line-height: 32px;
    height: 34px;
    text-shadow: 0 -1.5px #257b3c;
    font-size: 13px;
    border-radius: 3px;
}

.ofertas .item:hover .detalhes button, .opcoes .opcao .detalhes button:hover {
    background: #257b3c;
    text-shadow: 0 -1.5px #257b3c;
    color: #fff;
}

.opcoes .opcao .detalhes button[disabled="disabled"] {
    background: #aaa;
    border: 1px solid #999;
    text-shadow: 0 -1.5px #999;
    cursor: default;
    color: #ddd;
}

.opcoes .opcao .anuncio {
    padding: 0;
    margin: 12px;
    text-align: justify;
    display: block;
    line-height: 15px;
    font-weight: normal;
    font-size: 12px;
    color: #666;
    text-decoration: none !important;
}

.opcoes a:hover .opcao {
    border-color: #aaa;
}

.opcoes a:hover .opcao .anuncio {
    text-decoration: none !important;
}

.opcoes a:hover {
    text-decoration: none !important;
}

/* oferta */

.oferta {
    width: 100%;
    padding: 0 0 10px;
}

.oferta #slide {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    display: block;
    position: relative;
    background: #ccc;
}

.oferta #slide img {
    width: 100%;
    padding: 0;
    margin: 0;
    display: none;
    position: absolute;
    top: 0;
}

.oferta #slide img:first-child {
    display: block;
}

.oferta #slide #select {
    z-index: 888;
    position: absolute;
    left: 0;
    margin-left: 0 auto;
    bottom: 24px;
    display: none;
    text-align: center;
    height: 10px;
    width: 100%;
    padding: 0;
}

.oferta #slide #select span {
    border-radius: 20px;
    width: 10px;
    height: 10px;
    background: none;
    display: inline-block;
    margin-right: 20px;
    cursor: pointer;
    border: 3px solid #fff;
}

.oferta #slide #select span:first-child {
    background: #fff;
}

.oferta #slide #select span:last-child {
    margin: 0;
}

.oferta #slide #next {
    position: absolute;
    right: 16px;
    top: 50%;
    z-index: 888;
    width: 50px;
    margin-top: -50px;
    cursor: pointer;
    height: 100px;
    display: none;
    border-radius: 50px;
    background: url('../img/play.png') center center no-repeat;
}

.oferta #slide #next:hover {
    opacity: 0.8;
}

.oferta .km {
    padding: 1px 15px 6px 0;
    font-size: 13px;
    height: 20px;
    line-height: 20px;
    text-align: left;
    font-weight: bold;
    color: #fff;
    letter-spacing: 0.5px;
    overflow: hidden;
}

.oferta .km img {
    float: right;
    margin: 1px 2px;
    height: 18px;
}

.oferta .km span {
    float: right;
}

.oferta .anuncio {
    padding: 14px;
    background: #fff;
    text-align: left;
    display: block;
    color: #777;
    line-height: 17px;
    border-bottom: 4px solid #888;
}

.oferta .anuncio strong {
    font-size: 18px;
    display: block;
    color: #333;
    line-height: 22px;
    padding: 0 0 5px;
}

.oferta .comprar {
    background: rgba(0, 0, 0, 0.85);
    margin: 0;
    width: 100%;
    overflow: hidden;
    z-index: 1000;
}

.oferta .comprar button {
    background: #349f50;
    border: 1px solid #257b3c;
    float: right;
    color: #fff;
    cursor: pointer;
    width: 115px;
    padding: 0;
    margin: 10px;
    font-weight: bold;
    line-height: 39px;
    border-radius: 3px;
    height: 41px;
    text-shadow: 0 -1.5px #257b3c;
    font-size: 14px;
}

.oferta .comprar button:hover {
    background: #257b3c;
    text-shadow: none;
}

.oferta .comprar button.op {
    background-image: url('../img/options.png');
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 25px;
    width: 125px;
}

.oferta .comprar button[disabled="disabled"] {
    background: #aaa;
    border: 1px solid #999;
    text-shadow: 0 -1.5px #999;
    cursor: default;
    color: #ddd;
}

.oferta .comprar .preco {
    margin: 7px 0 0 14px;
    padding: 0;
}

.oferta .comprar .preco .por {
    color: #fff;
}

.oferta .comprar .porcento {
    padding: 12px 0 12px 12px;
    margin: 0;
}

.oferta .detalhes {
    margin: 20px 0 0;
    padding: 0;
    width: 100%;
    text-align: center;
}

.oferta .detalhes .informacoes {
    background: #fff;
    margin: 0 auto;
    float: none;
    border: 1px solid #e7e7e7;
    overflow: hidden;
    padding: 0 10px 10px;
    display: inline-block;
}

.oferta .detalhes .informacoes .mais {
    float: left;
}

.oferta .detalhes .informacoes .mais:last-child {
    border: 0;
}

.oferta .social {
    margin: 15px auto 0;
    text-align: center;
    padding: 0;
}

.oferta .social label {
    display: none;
    margin: 3px 10px 0 0;
    padding: 0;
    font-size: 12px;
    vertical-align: top;
    color: #888;
    text-align: right;
    line-height: 16px;
}

.oferta .social div {
    width: 38px;
    height: 38px;
    border-radius: 100px;
    line-height: 38px;
    display: inline-block;
    margin: 0 4px;
    cursor: pointer;
    padding: 0;
    border: 1px solid #e7e7e7;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 40px 40px;
}

.oferta .social div span {
    display: none;
}

.oferta .social div#facebook {
    background-image: url('../img/s_facebook.png');
}

.oferta .social div#facebook:hover {
    background-image: url('../img/s_facebook_white.png');
    background-color: #3a5795;
    border-color: #3a5795;
}

.oferta .social div#twitter {
    background-image: url('../img/s_twitter.png');
}

.oferta .social div#twitter:hover {
    background-image: url('../img/s_twitter_white.png');
    background-color: #55acee;
    border-color: #55acee;
}

.oferta .social div#whatsapp {
    background-image: url('../img/s_whatsapp.png');
}

.oferta .social div#whatsapp:hover {
    background-image: url('../img/s_whatsapp_white.png');
    background-color: #00be46;
    border-color: #00be46;
}

.oferta .social div#google {
    background-image: url('../img/s_google.png');
}

.oferta .social div#google:hover {
    background-image: url('../img/s_google_white.png');
    background-color: #e63136;
    border-color: #e63136;
}

.oferta .social div#email {
    background-image: url('../img/s_email.png');
}

.oferta .social div#email:hover {
    background-image: url('../img/s_email_white.png');
    background-color: #e6be1d;
    border-color: #e6be1d;
}

.bloco {
    width: calc(100% - 24px);
    margin: 14px auto;
    overflow: hidden;
    line-height: 20px;
    border: 1px solid #ddd;
    background: #fff;
}

.bloco .status {
    padding: 8px 12px;
    text-align: center;
}

.bloco .rejected {
    background: #b82a2a;
    color: #fff;
}

.bloco .pending {
    background: #d49e27;
    color: #fff;
}

.bloco .pending {
    background: #d49e27;
    color: #fff;
}

.bloco .pay {
    background: #8DC853;
    color: #fff;
}

.bloco .info {
    font-size: 12px;
    background: #fff;
}

.span_desktop {
    display: none;
}

.span_mobile {
    display: inline;
}

.abas {
    width: 100%;
    overflow: hidden;
    margin: 0;
    font-size: 14px;
    display: table;
}

.abas .aba {
    display: table-cell;
    width: 33.33333333%;
    background: #fff;
    color: #666;
    text-align: center;
    padding: 10px 0;
    cursor: pointer;
    border-style: solid;
    border-bottom-width: 4px;
    border-color: #ddd;
}

.abas .aba:hover {
    color: #222;
    border-color: #ccc;
}

.abas .aba.ativo {
    color: #222;
    border-color: #777;
}

.abas.off .aba {
    cursor: default;
}

.abas.off .aba:hover {
    color: #666;
    border-color: #ddd;
}

.abas .aba .aba_curto {
    display: block;
}

.abas .aba .aba_longo {
    display: none;
}

.bloco .conteudo, .formulario .conteudo {
    padding: 15px;
    margin: 0;
    text-align: justify;
    font-size: 14px;
    color: #111;
    font-weight: normal;
    background: #fff;
}

.bloco .conteudo h2, .formulario .conteudo h2 {
    padding: 0;
    color:#111;
}

.formulario.pagamento {
    padding: 24px;
    margin: 0 auto;
    max-width: 800px;
}

.bloco .dados {
    margin: 0;
    padding: 0;
    text-align: center;
}

.bloco .dados strong {
    display: block;
    padding: 0;
    margin: 0;
}

.bloco .dados img {
    margin-top: 7px;
}

.bloco.desktop {
    display: none;
}

.bloco.desktop .conteudo {
    padding: 0;
    display: block;
    height: 360px;
    min-height: 360px;
    overflow: hidden;
}

.bloco.desktop .conteudo .celula {
    display: block;
    width: 324px;
    overflow-x: hidden;
    padding: 0;
    text-align: justify;
    margin: 0;
    display: table-cell;
    height: 100%;
    vertical-align: top;
    float: left;
}

.bloco.desktop .conteudo .celula p {
    text-align: left;
}

.bloco.desktop .conteudo .celula:last-child {
    border-left: 1px solid #e5e5e5;
}

.bloco.desktop .conteudo .padding {
    padding: 14px;
}

.bloco.desktop .degrade {
    height: 70px;
    margin-top: -70px;
}

.bloco.desktop .degrade img {
    width: 100%;
    height: 70px;
}

.bloco.desktop .vermais {
    text-align: center;
    padding: 14px;
    font-size: 13px;
    font-weight: bold;
    color: #333;
    background: #fff;
    display: block;
    cursor: pointer;
}

.bloco.desktop .vermais:hover {
    color: #111;
    text-decoration: underline;
}

.bloco.desktop .height_original {
    display: table;
}

.bloco a.regras:link {
    text-align: left;
}

.maisofertas {
    display: none;
}

.recomendadas_desktop {
    display: none;
}

.carrinho {
    padding: 0;
    margin: 24px;
}

.carrinho .item {
    margin: 10px 0;
    padding: 10px 0 0;
    border: 1px solid #ddd;
    text-align: justify;
    background: #f2f2f2;
    position: relative;
}

.carrinho .item .carregando {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(255, 255, 255, 0.7);
    display: none;
}

.carrinho .item .carregando img {
    width: 60px;
    margin: 28px;
}

.carrinho .item strong {
    line-height: 15px;
    color: #444;
    display: block;
    padding: 0 15px;
    text-align: left;
    font-size: 14px;
    margin: 0 0 6px;
}

.carrinho .item span {
    margin: 0;
    padding: 0 15px;
    display: block;
    font-size: 14px;
    line-height: 25px;
    color: #666;
}

.carrinho .item span.subtitle {
    color: #777;
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 8px;
}

.carrinho .item .controles {
    display: table;
    height: 35px;
    width: 100%;
    padding: 10px 0 0;
    margin: 0;
    background: #fff;
    border-top: 1px solid #ddd;
}

.carrinho .item .quantidade {
    display: block;
    margin: 0 0 0 10px;
    height: 25px;
    float: left;
}

.carrinho .item .quantidade .less {
    width: 25px;
    line-height: 22px;
    font-size: 20px;
    text-align: center;
    height: 25px;
    background: #ccc;
    float: left;
}

.carrinho .item .quantidade .number {
    width: 40px;
    height: 25px;
    text-align: center;
    float: left;
    font-size: 14px;
    line-height: 25px;
    padding: 0;
    border: 0;
    margin: 0;
    line-height: 25px;
    background: #eee;
}

.carrinho .item .quantidade .more {
    width: 25px;
    line-height: 25px;
    font-size: 20px;
    text-align: center;
    height: 25px;
    background: #ccc;
    float: left;
}

.carrinho .item .quantidade .delete {
    width: 18px;
    height: 18px;
    margin: 3px 0 0 10px;
}

.carrinho .item .unidade {
    float: left;
    line-height: 25px;
    padding: 0 10px;
    margin: 0;
    color: #666;
    font-size: 11px;
}

.carrinho .item .origin {
    float: right;
    line-height: 26px;
    padding: 0 10px;
    margin: 0;
    color: #333;
    font-weight: bold;
    font-size: 14px;
    text-align: right;
}

.carrinho .item .origin .credit {
    float: left;
    line-height: 26px;
    padding: 0 10px;
    margin: 0;
    color: #333;
    font-weight: normal;
    color: #a00;
    font-size: 11px;
    text-align: right;
}

.voltar:active, .voltar:link, .voltar:visited {
    text-align: right;
    height: 20px;
    display: block;
    font-size: 14px;
    font-weight: bold;
    margin-right: 20px;
    color: #ddd;
    float: right;
}

.pagar .origin {
    margin: 0 0 5px;
    font-weight: bold;
}

.pagar .credit {
    margin: 0 0 5px;
    color: #a00;
    font-size: 12px;
}

.pagar .credit_remaning {
    margin: 0 0 5px;
    color: #888;
    font-size: 12px;
}

@media all and (max-width: 350px) {
    .carrinho .item .unidade {
        display: none;
    }
}

.compras {
    padding: 0;
    margin: 24px;
}

.compras .item {
    width: 100%;
    background: #fff;
    padding: 0;
    margin: 24px 0;
    border: 1px solid rgba(0, 0, 0, 0.1);
    overflow: hidden;
    content: 'aaaa';
}

.compras .item .detalhes {
    background: #666;
    padding: 0;
    margin: 0;
    width: 100%;
    display: block;
    color: #fff;
    line-height: 34px;
    height: 34px;
    overflow: hidden;
}

.compras .item.canceled .detalhes, .compras .item.expired .detalhes, .compras .item.marcadousado .detalhes, .compras .item.pay .detalhes, .compras .item.presente .detalhes, .compras .item.usado .detalhes {
    background: #ccc;
}

.compras .item .detalhes .esquerda {
    float: left;
    padding: 0 0 0 12px;
    font-size: 11px;
    line-height: 34px;
}

.compras .item .detalhes .direita {
    float: right;
    font-size: 11px;
    text-align: right;
    padding: 0 10px 0 0;
    font-weight: normal;
    height: 34px;
    display: block;
}

.compras .item .detalhes .direita div {
    vertical-align: middle;
    display: block;
    float: left;
    height: 34px;
    line-height: 34px;
}

.compras .item .detalhes .direita div:first-child {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.compras .item .detalhes .direita span {
    font-weight: bold;
    margin: 0;
    padding: 0;
    font-size: 12px;
}

.compras .item .detalhes .direita strong {
    font-weight: bold;
    font-size: 14px;
}

.compras .item .anuncio {
    background: #fff;
    padding: 0;
    width: 100%;
    font-size: 14px;
    border-bottom: 1px solid #ddd;
    display: table;
    line-height: 19px;
    color: #333;
}

.compras .item .anuncio .titulo {
    float: left;
    padding: 10px;
    width: 92%;
    width: calc(100% - 25px);
    vertical-align: middle;
    text-align: left;
}

.compras .item .anuncio a:active, .compras .item .anuncio a:link, .compras .item .anuncio a:visited {
    font-size: 13px;
    line-height: 16px;
}

.compras .item .anuncio span {
    color: #888;
    display: block;
    font-size: 13px;
    margin-top: 3px;
}

.compras .item .regulamento {
    font-size: 11px;
    padding: 10px;
    display: block;
    border-bottom: 1px solid #ddd;
    background: #f5f5f5;
    color: #888;
}

.compras .item .regulamento span {
    cursor: pointer;
}

.compras .item .regulamento span:hover {
    text-decoration: underline;
    font-size: 11px;
    color: #666;
}

.compras .item .acoes {
    color: #777;
    padding: 0 0 0 12px;
    margin: 0;
    text-align: left;
    line-height: 44px;
    font-size: 11px;
    height: 44px;
}

.compras .item .acoes span {
    margin: 0;
    height: 44px;
    width: auto;
    line-height: 44px;
    color: #666;
    cursor: pointer;
    float: left;
    font-weight: normal;
    font-size: 10.5px;
    padding: 0 10px 0 0;
}

.compras .item .acoes span:hover {
    color: #333;
}

.compras .item .acoes span.direita {
    padding: 0;
    float: right;
}

.compras .item .acoes span:hover button img, .compras .item .acoes span:hover img {
    opacity: 1;
    filter: alpha(opacity=100);
}

.compras .item .acoes img {
    height: 20px;
    width: 20px;
    float: left;
    margin: 12px 3px 8px 0;
}

.compras .item .acoes button {
    margin: 5px;
    height: 34px;
    line-height: 30px;
    background: #349f50;
    border: 1px solid #257b3c;
    color: #fff;
    cursor: pointer;
    float: right;
    font-weight: bold;
    border-radius: 3px;
    font-size: 12px;
    text-shadow: 0 -1.5px #257b3c;
    padding: 0 8px;
    text-align: center;
}

.compras .item .acoes button:hover {
    background: #257b3c;
}

.compras .item .acoes button img {
    margin: 5px 5px 5px 0;
    padding: 0;
    float: left;
}

/* cupons diferentes */

.compras .item.usado .acoes {
    color: #46AC40;
    font-weight: bold;
}

.compras .item.marcadousado .acoes {
    color: #C7A726;
    font-weight: bold;
}

.compras .item.expirado .acoes {
    color: #D54739;
    font-weight: bold;
}

.compras .item .acoes a:last-child {
    float: right;
    margin: 0 auto;
    display: block;
    padding: 0;
    width: 98px;
}

.compras .item .agendado {
    font-size: 11px;
    padding: 10px;
    display: block;
    border-bottom: 1px solid #e1e1e1;
    background: #f8f8f8;
    line-height: 16px;
    color: #444;
}

.compras .item .agendado em {
    color: #999;
    font-style: italic;
}

.compras .item .presenteado {
    font-size: 12px;
    color: #6D7CC0;
    padding: 10px;
    display: block;
    border-bottom: 1px solid #e1e1e1;
    background: #f8f8f8;
    line-height: 16px;
}

.compras .item .acoes .ver {
    display: none;
}

.compras .item .acoes button {
    background: #e59719;
    border: 1px solid #CA8414;
    text-shadow: 0 -1.5px #CA8414;
}

.compras .item .acoes button:hover {
    background: #CA8414;
}

.compras .item .acoes button.agendar {
    background: #45a7a8;
    border: 1px solid #3A8E8F;
    text-shadow: 0 -1.5px #3A8E8F;
    text-align: left;
}

.compras .item .acoes button.agendar:hover {
    background: #3A8E8F;
}

.compras .item .acoes button.pagar {
    text-align: left;
    background: #349f50;
    border: 1px solid #257b3c;
    text-shadow: 0 -1.5px #257b3c;
    width: 86px;
}

.compras .item .acoes button.pagar:hover {
    background: #257b3c;
    text-shadow: none;
}

.compras .item .acoes button.entrar {
    background: #888;
    border: 1px solid #666;
    text-shadow: 0 -1.5px #666;
    text-align: left;
    width: 73px;
}

.compras .item .acoes button.ver_cupons {
    background: #5c8af1;
    border: 1px solid #666;
    text-shadow: 0 -1.5px #666;
    text-align: left;
    width: 73px;
}

.compras .item .acoes button.entrar:hover {
    background: #666;
}

.compras .item .acoes button.ver_cupons:hover {
    background: #042fa7;
}

.compras .item .acoes button.boleto {
    width: 95px;
}

.compras .item .acoes button.ver_cupons {
    width: 124px;
}

@media all and (max-width: 600px) {
    .compras .item .acoes .ver {
        display: block;
    }
    .compras .item .acoes .imprimir {
        display: none;
    }
}

.estatico {
    padding: 20px;
    text-align: justify;
    font-size: 14px;
    line-height: 22px;
}

.estatico .pergunta {
    font-size: 14px;
    cursor: pointer;
    color: #333;
    font-weight: bold;
    background: #fff;
    padding: 10px;
    margin-top: 14px;
}

.estatico .resposta {
    padding: 8px;
    display: none;
}

.estatico a:active, .estatico a:link, .estatico a:visited {
    color: #33898a;
    font-weight: normal;
}

.estatico a:hover {
    text-decoration: underline;
}

.imagem_cupom {
    width: 100%;
    display: block;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/**
 * formulario.css
 * formularios de todo o site.
 *
 * @uses compra-pagar, compra-remover, cupom_agendar, cupom-comfirmar,
 * cupom_presente, cupom-usar, oferta_indicar, pagina_sac,
 * parceiro_entrar, usuario_atualizar, usuario_cadastrar,
 * usuario-email, usuario_entrar, usuario_senha
 */

button:focus, input:focus, select:focus, textarea:focus {
    outline: 0;
}

.formulario {
    margin: 24px;
    text-align: center;
}

.notice_off textarea{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 96%;
    width: -webkit-calc(100% - 16px);
    width: -moz-calc(100% - 16px);
    width: calc(100% - 16px);

    text-align: left;
    padding: 7px;
    font-size: 14px;
    color: #555;
    margin: 0 0 15px;
    background-color: #fff;
    box-shadow: none;
    background: #fff;
    border-radius: 0;
}


.formulario input, .formulario textarea {
    border: 1px solid #dddddd;
    padding: 7px;
    font-size: 14px;
    color: #555;
    width: 96%;
    width: -webkit-calc(100% - 16px);
    width: -moz-calc(100% - 16px);
    width: calc(100% - 16px);
    margin: 0 0 15px;
    background-color: #fff;
    box-shadow: none;
    background: #fff;
    border-radius: 0;
}

.formulario input[type="checkbox"], .formulario input[type="radio"] {
    padding: 0;
    margin: 0 5px 0 0;
    width: auto;
}

.formulario input[data-checkout="cardExpirationMonth"] {
    margin-right: 10px;
    width: 40%;
    width: -webkit-calc(50% - 34px);
    width: -moz-calc(50% - 34px);
    width: calc(50% - 34px);
    text-align: center;
}

.formulario input[data-checkout="cardExpirationYear"] {
    margin-left: 10px;
    width: 40%;
    width: -webkit-calc(50% - 34px);
    width: -moz-calc(50% - 34px);
    width: calc(50% - 34px);
    text-align: center;
}

.formulario input[name="zipcode"] {
    width: 96%;
    width: -webkit-calc(100% - 160px);
    width: -moz-calc(100% - 160px);
    width: calc(100% - 160px);
    float: left;
}

.formulario select {
    border: 1px solid #dddddd;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 8px 8px 9px;
    background: #fff url("../img/expanded.svg");
    background-position: right 8px center;
    background-repeat: no-repeat;
    margin: 0 0 15px;
    font-size: 14px;
    color: #555;
    width: 100%;
    border-radius: 0;
}

.formulario select[name="birth_day"] {
    width: 60px;
    margin: 0;
}


.formulario select[name="birth_month"] {
    width: 60px;
    margin: 0;
}

.formulario select[name="birth_year"] {
    width: 90px;
    margin: 0;
}

.formulario input[readonly="readonly"], .formulario select[readonl="readonly"], .formulario textarea[readonly="readonly"] {
    background: #e9e9e9;
    color: #777;
}

.formulario button[type="submit"], .formulario div.pagamento button.submit {
    margin: 5px auto 0;
    padding: 0 10px;
    line-height: 40px;
    height: 40px;
    font-size: 13px;
    background: #45a7a8;
    border: 1px solid #378a8b;
    color: #fff;
    font-weight: bold;
    border-radius: 3px;
    cursor: pointer;
    width: 100%;
}

.formulario button[type="submit"]:hover, .formulario div.pagamento button.submit:hover {
    background: #378a8b;
}

button.facebook {
    margin: 0 0 20px;
    padding: 0 10px;
    line-height: 40px;
    height: 40px;
    font-size: 13px;
    background: #43609c;
    border: 1px solid #2E4370;
    color: #fff;
    font-weight: bold;
    border-radius: 3px;
    cursor: pointer;
    text-align: center;
    width: 100%;
}

button.facebook:hover {
    background: #2E4370;
}

button.facebook img {
    margin: 7px 0;
    display: block;
    float: left;
}

.cartao {
    margin: 0 auto;
}

.boleto {
    max-width: 600px;
    margin: 0 auto;
}

.verCupons {
    max-width: 600px;
    margin: 0 auto;
}

.outrosmeios {
    max-width: 460px;
    margin: 0 auto;
}

.formulario div.pagamento button.submit {
    margin: 0 auto 10px;
}

.formulario button[type="button"] {
    background: #333;
    border: 1px solid #222;
    color: #fff;
    font-size: 14px;
    padding: 0;
    line-height: 34px;
    cursor: pointer;
    font-weight: bold;
    height: 34px;
    border-radius: 3px;
    margin: 0 0 15px;
}

.formulario button[type="button"]:hover {
    background: #222;
}

.formulario button[type="button"].zipcode {
    width: 130px;
    font-size: 12px;
    margin-left: 10px;
}

.formulario button.escolha {
    line-height: 40px;
    width: 80px;
    height: 40px;
    margin-bottom: 14px;
    padding: 0;
    font-size: 13px;
}

.formulario button[type="submit"].escolha {
    margin-right: 16px;
}

.formulario button.escolha.grande {
    width: 60%;
    width: -webkit-calc(100% - 100px);
    width: -moz-calc(100% - 100px);
    width: calc(100% - 100px);
}

.formulario button.confirm {
    width: 240px;
    margin: 0 0 10px;
}

.formulario button.group {
    background: #e59719;
    border: 1px solid #CA8414;
    text-shadow: 0 -1.5px #CA8414;
}

.formulario button.group:hover {
    background: #CA8414 !important;
}

.formulario label {
    display: block;
    margin: 4px;
    text-align: justify;
}

.formulario label span {
    color: #c00;
}

.formulario label.box, .formulario label.checkbox, .formulario label.economizou, .formulario label.pagar, .formulario label.radio {
    padding: 7px 9px;
    background: #fefefe;
    margin: 0 0 15px;
    color: #666;
    border: 1px solid #ddd;
    font-size: 14px;
    line-height: 18px;
    display: block;
    overflow: hidden;
}

.formulario label.pagar {
    background: #fff;
    border: 1px solid #ddd;
    padding: 10px;
}

.formulario label.economizou {
    background: #fff;
    padding: 10px;
    color: #333;
    border: 1px solid #ddd;
    text-align: right;
}

.formulario label.economizou strong {
    font-weight: bold;
    font-size: 12px;
    color: #25a;
}

.formulario label.box strong {
    display: block;
    margin-top: 5px;
}

.formulario label a:active, .formulario label a:link, .formulario label a:visited {
    font-size: 14px;
    font-weight: bold;
}

.formulario label a.direita {
    float: right;
    font-weight: normal;
}

.formulario label.radio span {
    float: left;
    color: #666;
    padding: 0 20px 0 0;
    line-height: 20px;
}

.formulario label.alerta {
    background: #f4e790;
    border: 1px solid #dfd385;
    color: #796c19;
    padding: 12px 15px;
    margin: 0 0 15px;
    font-size: 13px;
    line-height: 18px;
}

.formulario label.alerta.saldo {
    text-align: right;
    padding: 10px;
    font-size: 13px;
}

.formulario label.normal {
    background: #fff;
    border: 1px solid #ddd;
    color: #444;
    padding: 12px 15px;
    margin: 15px 0;
    font-size: 13px;
    line-height: 18px;
}

.formulario.carrinho label.alerta {
    margin-top: 20px;
}

#alerta-email, #alerta-zipcode {
    display: none;
}

.formulario label.perigo {
    border: 1px solid #c94343;
    background: #ecd4d2;
    padding: 12px 15px;
    margin: 15px 0;
    line-height: 20px;
    font-size: 12px;
    color: #c94343;
}

.formulario label.perigo a:active, .formulario label.perigo a:link, .formulario label.perigo a:visited {
    color: #b44;
}

.formulario label.perigo a:hover {
    text-decoration: underline;
}

.formulario label.perigo.carrinho {
    margin: 15px 0 0;
}

.formulario label.pagar {
    text-align: right;
    color: #444;
}

.formulario label.pagar span {
    color: #888;
    font-size: 14px;
}

.formulario label.pagar strong {
    display: inline;
    color: #444;
    font-size: 19px;
    margin-left: 3px;
}

.formulario div.pagamento {
    width: 100%;
    text-align: center;
    min-height: 60px;
    font-size: 11px;
    display: table;
    padding: 20px 0;
    line-height: 17px;
    margin: 0 auto;
    border-bottom: 1px solid #ddd;
}

.formulario div.pagamento:last-child {
    border: 0;
    padding-bottom: 0;
}

.formulario div.pagamento:first-child {
    padding-top: 0;
}

.formulario div.pagamento button {
    background: #f5f5f5;
    color: #555;
    border: 0;
    width: 100%;
    height: 60px;
    background: #fafafa;
    font-size: 14px;
    letter-spacing: -0.5px;
    border: 1px solid #ddd;
    margin: 0 auto;
    padding: 0;
}

.formulario div.pagamento button:hover {
    background: #f2f2f2;
}

.formulario div.pagamento div {
    padding: 5px 15px;
    float: none;
    text-align: center;
    height: 45px;
}

.formulario div.pagamento button img {
    padding: 0;
    margin: 0 auto;
    max-width: 150px;
    height: auto;
}

.formulario div.pagamento a:link {
    font-size: 11px;
    display: block;
}

.formulario div.pagamento img {
    display: block;
    margin: 1px auto 3px;
    height: 14px;
}

/* falha */

.admin_content .falha, .formulario input.falha, .formulario label.falha, .formulario select.falha, .formulario textarea.falha {
    background-color: #ecd4d2 !important;
    border: 1px solid #c94343 !important;
    color: #c94343 !important;
}

.admin_content label.falha, .formulario label.falha a:link, .formulario label.falha span {
    color: #c94343 !important;
}

.oculto {
    display: none;
}

.formulario button[type="button"].imprimir_boleto {
    background: #e59719;
    border: 1px solid #CA8414;
    text-shadow: 0 -1.5px #CA8414;
    color: #fff;
    padding: 0;
    line-height: 34px;
    cursor: pointer;
    font-weight: bold;
    height: 34px;
    margin: 0 0 15px;
    width: 190px;
    text-align: center;
}

.formulario button[type="button"].imprimir_boleto:hover {
    background: #CA8414;
}

.formulario button[type="button"].imprimir_boleto img {
    margin: 6px;
    float: left;
    display: block;
}

#cartao_exibe {
    padding-top: 15px;
}

.formulario .instrucoes {
    margin: -13px 0 10px;
    padding: 0;
    font-size: 10px;
    color: #999;
    text-align: left;
}

.ofertas.internas {
    float: right;
    width: 344px;
    padding: 0;
    margin: 0 1px 0 0;
    display: none;
}

.ofertas.internas .item {
    margin: 0 0 14px;
    padding: 0;
}

.ofertas.internas .item {
    width: 100%;
}

.pp {
    padding-left: 30px;
}

.p10 {
    font-size: 10px;
}

#desktop_parceiro {
    height: 330px;
    min-height: 330px;
}

#desktop_mapa {
    height: 419px;
    min-height: 419px;
}

.fantasia {
    font-size: 10px;
    line-height: 14px;
}

.cartao_img {
    margin: 10px 0;
}

.menu_rodape {
    line-height: 40px;
    background: #fafafa;
    border-bottom: 1px solid #eee;
    text-align: center;
    font-size: 13px;
    display: none;
}

.menu_rodape li {
    padding: 0 10px 0 0;
    list-style: none;
    color: #ccc;
    display: inline-block;
}

.menu_rodape li:last-child {
    padding: 0;
}

.menu_rodape li::after {
    content: '-';
}

.menu_rodape li:last-child::after {
    content: none;
}

.menu_rodape li a {
    margin: 0;
    font-size: 12px;
    padding: 0 14px 0 0;
}

#carregar_mais_ofertas {
    line-height: 50px;
    text-align: center;
    font-weight: bold;
    font-size: 15px;
    letter-spacing: 0.5px;
    cursor: pointer;
    color: rgba(255, 255, 255, 0.8);
    display: none;
}

#carregar_mais_ofertas:hover {
    color: #fff;
    text-decoration: underline;
}

.botao_background {
    line-height: 50px;
    text-align: center;
    font-weight: bold;
    font-size: 15px;
    letter-spacing: 0.5px;
    cursor: pointer;
    margin: 15px 0;
}

.botao_background a:active, .botao_background a:link, .botao_background a:visited {
    color: rgba(255, 255, 255, 0.8);
}

.maximo {
    max-width: 1080px;
    margin: 0 auto;
}

/**
 * modal.css
 * estilo das janelas modais para mobile e desktop.
 *
 */

#principal.esquerda {
    -webkit-box-shadow: -5px -50px 40px -12px rgba(0, 0, 0, 0.58);
    -moz-box-shadow: -5px -50px 40px -12px rgba(0, 0, 0, 0.58);
    box-shadow: -5px -50px 40px -12px rgba(0, 0, 0, 0.58);
    overflow: hidden;
    position: fixed;
}

#principal.direita {
    -webkit-box-shadow: 5px -50px 40px -12px rgba(0, 0, 0, 0.58);
    -moz-box-shadow: 5px -50px 40px -12px rgba(0, 0, 0, 0.58);
    box-shadow: 5px -50px 40px -12px rgba(0, 0, 0, 0.58);
    overflow: hidden;
    position: fixed;
}

#bloqueado {
    cursor: pointer;
    position: fixed;
    overflow: auto;
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(255, 255, 255, 0.5);
    z-index: 1000;
    top: 0;
}

#mmobile {
    position: absolute;
    left: 0;
    top: 0;
    width: 280px;
    z-index: 1;
    padding: 0;
    margin: 0;
    overflow: auto;
    display: block;
    min-height: 100%;
}

#mmobile.direita {
    right: 0;
    left: auto;
}

#mmobile .barra {
    background: #555;
    line-height: 44px;
    height: 44px;
    display: block;
    z-index: 2;
    padding: 0;
    margin: 0;
    color: #fff;
    text-align: center;
}

#mmobile .barra button {
    background: #555;
    border: 0;
    height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    width: 44px;
    cursor: pointer;
    text-align: center;
}

#mmobile .barra button:hover {
    background: #aaa;
}

#mmobile .barra button img {
    margin: 10px;
    padding: 0;
    width: 24px;
    height: 24px;
}

#mmobile .conteudo {
    display: none;
    z-index: 3;
    position: absolute;
}

#mmobile .ajax {
    width: 100%;
    padding: 160px 0 0;
    display: block;
    text-align: center;
}

#mmobile .ajax img {
    height: 48px;
    width: 48px;
}

#sombra {
    cursor: pointer;
    position: fixed;
    overflow: auto;
    width: 100%;
    height: 100%;
    display: none;
    background: rgba(0, 0, 0, 0.85);
    z-index: 1000;
}

#mdesktop {
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -22px 0 0 -200px;
    width: 400px;
    padding: 0;
    overflow: auto;
    display: none;
    z-index: 1100;
    background: #eee;
    overflow: auto;
    height: 44px;
    overflow-x: hidden;
}

#mdesktop .barra {
    background: #444;
    line-height: 44px;
    height: 44px;
    display: block;
    z-index: 2;
    padding: 0;
    margin: 0;
    color: #fff;
    text-align: center;
    width: 100%;
}

#mdesktop .barra button {
    background: rgba(255, 255, 255, 0.1);
    border: 0;
    height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    width: 44px;
    cursor: pointer;
    text-align: center;
}

#mdesktop .barra button:hover {
    background: rgba(0, 0, 0, 0.2);
}

#mdesktop .barra button img {
    margin: 10px;
    padding: 0;
    width: 24px;
    height: 24px;
}

#mdesktop .conteudo {
    display: none;
    z-index: 3;
}

#mdesktop .ajax {
    padding: 20px;
    display: block;
    text-align: center;
}

#mdesktop .ajax img {
    height: 48px;
    width: 48px;
}

.popup {
    background: #f2f2f2;
    text-align: center;
}

.popup img {
    width: 550px;
    height: 250px;
    margin: 0;
    display: block;
}

.popup .subtitle {
    text-align: center;
    padding: 0;
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 30px;
    color: #fff;
    font-weight: normal;
    background: rgba(0, 0, 0, 0.5);
}

.popup .background {
    background: #12a0ae;
    padding: 0;
    margin: 0;
}

.popup .background .form {
    padding: 12px 0;
}

.popup .background input[name="email"] {
    width: 330px;
    border: 0;
    line-height: 36px;
    height: 36px;
    padding: 0 10px;
    font-size: 15px;
    color: #555;
    margin: 0 10px 0 0;
}

.popup .background button[type="submit"] {
    width: 120px;
    border: 0;
    line-height: 36px;
    padding: 0 10px;
    font-size: 15px;
    cursor: pointer;
    color: #fff;
    background: rgba(255, 255, 255, 0.2);
}

.popup .background button[type="submit"]:hover {
    background: rgba(0, 0, 0, 0.5);
}

.popup .jainscrito {
    background: #fff;
    padding: 12px 0;
}

.popup .jainscrito a:link, .popup .jainscritoa:visited {
    text-align: center;
    font-weight: bold;
    font-size: 15px;
}

.tooltip {
    display: block;
    position: absolute;
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 5px 10px;
    color: #333;
    font-size: 11px;
    z-index: 9999;
}

.barra_fixa {
    display: none;
}

.title_fixa {
    float: left;
    vertical-align: middle;
    display: table;
    width: 510px;
    color: #fff;
    font-size: 13px;
    margin: 0;
    height: 60px;
    line-height: 18px;
    font-weight: bold;
}

.vertical {
    display: table-cell;
    vertical-align: middle;
}

.so_fixado {
    display: none;
}

.dev {
    background: #111;
    color: #ddd;
    padding: 20px;
    font-size: 20px;
    text-align: center;
    margin-top: 40px;
}

.coupons_checkbox_div_interno{
    /*border: 1px solid red;*/
    display: inline-block;
}
.coupons_checkbox_numero_div_interno{
    /*border: 1px solid green;*/
    display: inline-block;
}

.coupons_checkbox_div {
    /*border-bottom: 1px solid #ddd;*/
    padding: 5px 0;
    max-width: 222px;
    margin: 0 2px;
    display: block;
    text-align: left;
    font-size: 12px;
    /*border: 1px solid blue;*/
}

.coupon_title{
    text-align: left;
    font-size: 13px;
}

.coupon_agendado{
    text-align: left;
    padding-left: 22px;
    font-size: 10px;
    font-style: italic;
}

.coupon_title.sub {
    font-size: 12px;
    font-style: italic;
}

.coupon_checkbox_div:last-child {
    border: 0;
}

.coupons_checkbox_div.all {
    color: #555;
    text-align: left;
    font-size: 12px;
    /*font-style: italic;*/
}

#order_location {
    display: inline-block;
    margin: 0;
    float: right;
    margin: 0 2px 0 0;
}

.carrossel_left, .carrossel_right {
    display: none;
}

#comm100-float-button-2 {
    display: none;
}

#whatsapp_logo {
    display: none;
}

.suport_time {
    font-size: 12px;
    color: #777;
}

/**
 * desktop.css
 *
 * @version 20160101
 * @author Rodrigo Brand㯠(rodrigo_brandao@me.com)
 */

@media all and (min-width: 1080px) {
    #comm100-float-button-2 {
        display: block;
    }
    #whatsapp_logo {
        display: block;
    }
    .bloco.mobile, .oferta .detalhes, .oferta .social div#whatsapp, .ofertas .item .detalhes .mais, .recomenda .ofertas .item .detalhes .porcento {
        display: none;
    }
    .bloco.desktop, .maisofertas, .ofertas .item .detalhes button, .ofertas.internas, .ofertas.principal .item .detalhes .mais, .recomendadas_desktop, .topo.desktop {
        display: block;
    }
    .oferta .social label {
        display: inline-block;
    }
    .interno {
        display: table;
        width: 100%;
    }
    h5 {
        text-align: left;
        padding-left: 15px;
    }
    .ofertas .item {
        width: 30%;
        width: -webkit-calc(33.333333% - 16px);
        width: -moz-calc(33.333333% - 16px);
        width: calc(33.333333% - 16px);
        height: 280px;
    }
    .ofertas.internas .item {
        height: 275px;
    }
    .ofertas .item.proximas {
        height: 100%;
    }
    .ofertas {
        margin: 7px -14px 7px -7px;
        min-width: 100%;
    }
    .ofertas.principal {
        margin: -7px -11px 7px -7px;
        min-width: 100%;
    }
    .ofertas.internas, .recomenda .ofertas {
        min-width: auto;
    }
    h3, h4 {
        margin: 14px 0 0;
        padding-left: 17px;
        text-align: left;
    }
    h3.alerta, h3.erro, h3.sucesso {
        margin: 14px 0;
        padding-left: 0;
    }

    .linha_titulo_parceiro{

        color: #555!important;
        text-align: left!important;
        margin: 0!important;
        padding-left: 0!important;
        background: none!important;
    }

    .linha_titulo_endereco{
        color: #555!important;
        text-align: center!important;
        margin: 0!important;
        padding-left: 0!important;
        background: none!important;
        height: auto!important;
        line-height: initial!important;
        overflow-wrap: break-word;
    }


    .ofertas.principal .item {
        width: 48%;
        width: -webkit-calc(50% - 16px);
        width: -moz-calc(50% - 16px);
        width: calc(50% - 16px);
        height: 357px;
    }
    .recomenda {
        border-radius: 0;
        position: relative;
    }
    .recomenda .ofertas {
        margin: 7px 0 0 7px;
    }
    .recomenda .ofertas .item {
        width: 24%;
        width: -webkit-calc(25% - 16px);
        width: -moz-calc(25% - 16px);
        width: calc(25% - 16px);
        height: 285px;
    }
    .carrossel_left {
        position: absolute;
        display: block;
        width: 45px;
        height: 45px;
        top: 145px;
        left: -50px;
        opacity: 0.15;
        cursor: pointer;
    }
    .carrossel_right {
        position: absolute;
        display: block;
        width: 45px;
        height: 45px;
        top: 145px;
        right: -50px;
        opacity: 0.15;
        cursor: pointer;
    }
    .carrossel_left img, .carrossel_right img {
        width: 45px;
    }
    .carrossel_left:hover, .carrossel_right:hover {
        opacity: 0.4;
    }
    .oferta {
        width: 66.666666%;
        float: left;
        padding: 0;
    }
    .oferta .comprar {
        border-radius: 0;
    }
    .categorias#fixar_mobile, .topo.mobile {
        display: none;
    }
    .oferta .detalhes .informacoes .mais, .ofertas .item .detalhes .mais, .ofertas .item .detalhes .preco, .opcao .detalhes .mais {
        float: left;
    }
    .oferta .detalhes .informacoes .mais, .ofertas .item .detalhes .mais, .opcao .detalhes .mais {
        border-right: 0;
        border-left: 1px solid #e1e1e1;
    }
    .oferta .comprar .mais {
        display: block;
        float: right;
        padding: 0 14px;
        border-right: 1px solid #2e2e2e;
        margin: 14px 0 0;
        color: #ddd;
    }
    .oferta .comprar .mais span {
        color: #999;
    }
    .buscador {
        position: absolute;
        left: 27.5%;
        top: 55px;
        border: 1px solid #ddd;
        margin: 0;
        min-width: 0;
        width: 335px;
    }
    .estatico {
        padding: 20px;
    }
    .bloco {
        width: calc(100% - 2px);
    }
    #mdesktop, #sombra {
        display: block;
    }
    #mdesktop .conteudo .formulario {
        margin: 20px;
    }
    .formulario button.escolha {
        margin-bottom: 0;
    }
    .pagar .credit_remaning {
        float: left;
    }
    .formulario button[type="submit"], .formulario div.pagamento button.submit {
        max-width: 280px;
    }
    .formulario.pequeno {
        width: 280px;
        margin: 24px auto;
    }
    .formulario.medio {
        width: 800px;
        margin: 24px auto;
    }
    .formulario .div5 {
        float: left;
        width: 514px;
        padding: 0 10px;
        height: 80px;
    }
    .formulario .div3-4 {
        float: left;
        width: 580px;
        padding: 0 10px;
        height: 80px;
    }
    .formulario .div4 {
        float: left;
        width: 180px;
        padding: 0 10px;
        height: 80px;
    }
    .formulario .div3 {
        float: left;
        width: 246px;
        padding: 0 10px;
        height: 80px;
    }
    .formulario .div2 {
        float: left;
        width: 380px;
        padding: 0 10px;
    }
    .formulario .div1 {
        display: block;
        clear: both;
        width: 100%;
    }
    .formulario.pagamento .div3 {
        margin-bottom: 25px;
    }
    .formulario label {
        margin: 0 0 4px 4px;
    }
    .menu_rodape {
        display: block;
    }
    .curtidas_facebook {
        display: block;
    }
    .formulario .div1.termos {
        padding: 0 10px;
        width: auto;
    }
    .formulario .div1.email {
        text-align: left;
        padding-left: 14px;
    }
    .formulario .div1.email span {
        font-size: 12px;
        float: right;
        color: #333;
    }
    .formulario .div1.email a {
        font-size: 12px;
    }
    .formulario button.submit.mp {
        margin-top: 20px;
    }
    .abas .aba .aba_curto {
        display: none;
    }
    .abas .aba .aba_longo {
        display: block;
    }
    .formulario div.pagamento button {
        width: 200px;
        float: left;
    }
    .formulario div.pagamento div {
        float: left;
        text-align: left;
    }
    label.filtrar {
        display: block;
    }
    #subcategorias li {
        line-height: 30px;
        height: 30px;
        padding: 0;
        margin: 0;
    }
    #subcategorias li.data, #subcategorias li.ordenar {
        line-height: 44px;
        height: 44px;
        width: 50%;
        display: inline-block;
    }
    #subcategorias li.ordenar {
        float: left;
        text-align: left;
    }
    #subcategorias li.data {
        float: right;
    }
    #oferta_ofertas_redefinir {
        display: block;
        height: 44px;
    }
    #subcategorias li.data {
        background: rgba(0, 0, 0, 0.4);
    }
    #subcategorias li.data:hover {
        background: rgba(0, 0, 0, 0.4);
    }
    .facebook_curtidas {
        display: block;
    }
    .barra_fixa {
        position: fixed;
        width: 100%;
        background: rgba(255, 255, 255, 0.95);
        top: 0;
        left: 0;
        /*height: 45px;*/
        height: 58px;
        z-index: 9999;
        border-bottom: 1px solid #ddd;
        text-align: center; /* classe nova */
    }
    .barra_fixa img {
        height: 30px;
        margin: 6px 16px;
        opacity: 0.8;
    }
    .barra_fixa .limite {
        max-width: 1140px;
        margin: 0 auto;
    }
    .barra_fixa .item {
        /*display: inline;*/
        float: left;
        /*padding: 5px;*/
        padding: 3px 5px 0 0;
        text-align: center; /* classe nova */
        margin: 0;
        width: 65px;
    }
    .barra_fixa .item span {
        display: block;
        /*float: left;*/
        line-height: 9px;
        color: #777;
        text-transform: uppercase;
        font-size: 6.5px;
        /*padding: 11px 0 0 8px;*/
        padding:  2px 15px 0 0;
        text-align: center; /* classe nova */
    }
    .barra_fixa a:hover .item span {
        color: #111;
    }
    .barra_fixa .item .botao {
        width: 34px;
        height: 34px;
        border-radius: 100px;
        display: block;
        margin-left: 8px;
        /*float: left;*/
    }
    .barra_fixa .item .botao img {
        width: 34px;
        height: 34px;
        margin: 0;
    }
    .barra_fixa .item .botao_landing_pages img {
        width: 25px;
        height: 25px;
        margin-top: 4px;
    }
    .imagem_cupom {
        float: left;
        width: 25%;
        margin: 10px 0 10px 10px;
    }
    .compras .item .anuncio .titulo.cupom {
        width: 70%;
        min-height: 93px;
        display: table;
        float: left;
    }
    .dev {
        margin-top: 0;
    }
    .banner.desktop {
        display: block;
    }
    .banner.mobile {
        display: none;
    }
    .span_desktop {
        display: inline;
    }
    .span_mobile {
        display: none;
    }
}

#slider_buttons {
    display: block;
    text-align: center;
    width: 100%;
    margin: 0;
}

#slider_buttons div {
    background: #aaa;
    border-radius: 20px;
    width: 18px;
    height: 18px;
    padding: 3px;
    font-size: 0;
    margin: 20px 5px;
    cursor: pointer;
    display: inline-block;
}

#slider_buttons div:hover {
    background: #888;
}

.ofertas.slider {
    position: relative;
    width: 98%;
    width: -webkit-calc(100% - 16px);
    width: -moz-calc(100% - 16px);
    width: calc(100% - 16px);
    background: #fff;
}

.ofertas.slider .item {
    width: auto;
    width: -webkit-calc(100% - 16px);
    width: -moz-calc(100% - 16px);
    width: calc(100% - 16px);
    display: none;
    float: none;
    clear: both;
}

/* responsive */

@media all and (max-width: 599px) {
    .ofertas.slider .item {
        width: auto;
        width: -webkit-calc(100% - 16px);
        width: -moz-calc(100% - 16px);
        width: calc(100% - 16px);
        float: left;
    }
}

@media all and (min-width: 600px) {
    .ofertas.slider .item {
        width: auto;
        width: -webkit-calc(100% - 16px);
        width: -moz-calc(100% - 16px);
        width: calc(100% - 16px);
        float: left;
    }
}

@media all and (min-width: 1080px) {
    /* main team in slider */
    .ofertas.slider {
        width: 100%;
        margin: 0;
    }
    .ofertas.slider {
        height: 290px;
        display: block;
    }
    .ofertas.slider .item {
        height: 272px;
        margin: 0;
        width: 100%;
    }
    .ofertas.slider .item img {
        width: 100%;
        display: block;
    }
    .ofertas.slider .imagem {
        width: 644px;
        display: inline-block;
        border-bottom: 0;
        border-right: 5px solid;
        float: left;
        height: 272px;
    }
    .ofertas.slider .item .anuncio {
        width: 390px;
        padding: 10px 20px;
        margin: 30px 0 0;
        display: inline-block;
        float: right;
        font-size: 22px;
        line-height: 24px;
        height: 150px;
    }
    .ofertas.slider .item .detalhes {
        width: 410px;
        padding: 10px;
        margin: 0;
        display: inline-block;
        float: right;
    }
    .ofertas.slider .item .detalhes .mais {
        display: none;
    }
    .ofertas.slider .item .detalhes .preco {
        float: right;
    }
    #slider_buttons {
        position: absolute;
        top: 15px;
        width: 429px;
        left: 651px;
        margin: 0;
        padding: 0;
        height: 50px;
    }
    #slider_buttons div {
        border-radius: 20px;
        margin: 0 10px 0 0;
        width: 10px;
        height: 10px;
    }
}

/**
 * color.css
 *
 * @version 20160325
 * @author Rodrigo Brand㯠(rodrigo_brandao@me.com)
 */

.color {
    color: #aaa;
}

.border-color {
    border-color: #aaa;
}

.border-color-hover {
    border-color: #aaa;
}

.border-color-hover:hover {
    border-color: #aaa;
}

.gastro .bg, .gastro.bg, .gastronomia .bg, .gastronomia.bg {
    background: #ed7c18;
}

.viagens .bg, .viagens.bg {
    background: #55acee;
}

.outros .bg, .outros.bg {
    background: #55acee;
}

.produtos .bg, .produtos.bg {
    background: #8bc642;
}

.lazer .bg, .lazer.bg {
    background: #8DC853;
}

.novidades .bg, .novidades.bg {
    background: #ed9a9a;
}

.produtos-servicos .bg, .produtos-servicos.bg {
    background: #465A9E;
}

.espetaculos .bg, .espetaculos.bg {
    background: #EEC91B;
}

.beleza .bg, .beleza.bg {
    background: #df5088;
}

.servicos .bg, .servicos.bg {
    background: #3a5795;
}

.gastro .color, .gastro.color, .gastronomia .color, .gastronomia.color {
    color: #ed7c18;
}

.viagens .color, .viagens.color {
    color: #55acee;
}

.produtos .color, .produtos.color {
    color: #8bc642;
}

.espetaculos .color, .espetaculos.color {
    color: #EEC91B;
}

.lazer .color, .lazer.color {
    color: #8DC853;
}

.novidades .color, .novidades.color {
    color: #ed9a9a;
}

.produtos-servicos .color, .produtos-servicos.color {
    color: #465A9E;
}

.beleza .color, .beleza.color {
    color: #df5088;
}

.servicos .color, .servicos.color {
    color: #3a5795;
}

.gastro .border-color, .gastronomia .border-color {
    border-color: #ed7c18;
}

.viagens .border-color {
    border-color: #55acee;
}

.produtos .border-color {
    border-color: #8bc642;
}

.lazer .border-color {
    border-color: #8DC853;
}

.novidades .border-color {
    border-color: #ed9a9a;
}

.produtos-servicos .border-color {
    border-color: #465A9E;
}

.espetaculos .border-color {
    border-color: #EEC91B;
}

.beleza .border-color {
    border-color: #df5088;
}

.servicos .border-color {
    border-color: #3a5795;
}

.gastro .border-color-hover:hover, .gastronomia .border-color-hover:hover {
    border-color: #ed7c18;
}

.viagens .border-color-hover:hover {
    border-color: #55acee;
}

.produtos .border-color-hover:hover {
    border-color: #8bc642;
}

.lazer .border-color-hover:hover {
    border-color: #8DC853;
}

.novidades .border-color-hover:hover {
    border-color: #ed9a9a;
}

.produtos-servicos .border-color-hover:hover {
    border-color: #465A9E;
}

.espetaculos .border-color-hover:hover {
    background: #EEC91B;
}

.beleza .border-color-hover:hover {
    border-color: #df5088;
}

.servicos .border-color-hover:hover {
    border-color: #3a5795;
}

/* datetimepicker =================================================================================================== */

.xdsoft_datetimepicker {
    background: #fff;
    border-bottom: 1px solid #bbb;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    color: #333;
    padding: 2px 8px 8px 0;
    position: absolute;
    z-index: 9999;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
}

.xdsoft_datetimepicker.xdsoft_rtl {
    padding: 8px 0 8px 8px;
}

.xdsoft_datetimepicker iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    height: 210px;
    background: transparent;
    border: none;
}

/*For IE8 or lower*/

.xdsoft_datetimepicker button {
    border: none !important;
}

.xdsoft_noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.xdsoft_noselect::selection {
    background: transparent;
}

.xdsoft_noselect::-moz-selection {
    background: transparent;
}

.xdsoft_datetimepicker.xdsoft_inline {
    display: inline-block;
    position: static;
    box-shadow: none;
}

.xdsoft_datetimepicker * {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker {
    display: none;
}

.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active {
    display: block;
}

.xdsoft_datetimepicker .xdsoft_datepicker {
    width: 224px;
    float: left;
    margin-left: 8px;
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker {
    float: right;
    margin-right: 8px;
    margin-left: 0;
}

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
    width: 256px;
}

.xdsoft_datetimepicker .xdsoft_timepicker {
    width: 58px;
    float: left;
    text-align: center;
    margin-left: 8px;
    margin-top: 0;
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker {
    float: right;
    margin-right: 8px;
    margin-left: 0;
}

.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker {
    margin-top: 8px;
    margin-bottom: 3px;
}

.xdsoft_datetimepicker .xdsoft_mounthpicker {
    position: relative;
    text-align: center;
}

.xdsoft_datetimepicker .xdsoft_label i, .xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_today_button {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC");
}

.xdsoft_datetimepicker .xdsoft_label i {
    opacity: 0.5;
    background-position: -92px -19px;
    display: inline-block;
    width: 9px;
    height: 20px;
    display: none;
    vertical-align: middle;
}

.xdsoft_datetimepicker .xdsoft_prev {
    float: left;
    background-position: -20px 0;
}

.xdsoft_datetimepicker .xdsoft_today_button {
    float: left;
    background-position: -70px 0;
    margin-left: 5px;
}

.xdsoft_datetimepicker .xdsoft_next {
    float: right;
    background-position: 0 0;
}

.xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_today_button {
    background-color: transparent;
    background-repeat: no-repeat;
    border: 0 none;
    cursor: pointer;
    display: block;
    height: 30px;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    outline: medium none;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-indent: 100%;
    white-space: nowrap;
    width: 20px;
    min-width: 0;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
    float: none;
    background-position: -40px -15px;
    height: 15px;
    width: 30px;
    display: block;
    margin-left: 14px;
    margin-top: 7px;
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next, .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev {
    float: none;
    margin-left: 0;
    margin-right: 14px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
    background-position: -40px 0;
    margin-bottom: 7px;
    margin-top: 0;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
    height: 151px;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div {
    background: #f5f5f5;
    border-top: 1px solid #ddd;
    color: #666;
    font-size: 12px;
    text-align: center;
    border-collapse: collapse;
    cursor: pointer;
    border-bottom-width: 0;
    height: 25px;
    line-height: 25px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:first-child {
    border-top-width: 0;
}

.xdsoft_datetimepicker .xdsoft_next:hover, .xdsoft_datetimepicker .xdsoft_prev:hover, .xdsoft_datetimepicker .xdsoft_today_button:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.xdsoft_datetimepicker .xdsoft_label {
    display: inline;
    position: relative;
    z-index: 9999;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
    float: left;
    width: 182px;
    text-align: center;
    cursor: default;
}

.xdsoft_datetimepicker .xdsoft_label:hover>span {
    text-decoration: none;
}

.xdsoft_datetimepicker .xdsoft_label:hover i {
    opacity: 1.0;
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select {
    border: 1px solid #ccc;
    position: absolute;
    right: 0;
    top: 30px;
    z-index: 101;
    display: none;
    background: #fff;
    max-height: 160px;
    overflow-y: hidden;
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_monthselect {
    right: -7px;
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_yearselect {
    right: 2px;
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #fff;
    background: #047582;
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option {
    padding: 2px 10px 2px 5px;
    text-decoration: none !important;
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #0099aa;
    color: #fff;
    font-weight: 700;
}

.xdsoft_datetimepicker .xdsoft_month {
    width: 100px;
    text-align: right;
}

.xdsoft_datetimepicker .xdsoft_calendar {
    clear: both;
}

.xdsoft_datetimepicker .xdsoft_year {
    width: 48px;
    margin-left: 5px;
}

.xdsoft_datetimepicker .xdsoft_calendar table {
    border-collapse: collapse;
    width: 100%;
}

.xdsoft_datetimepicker .xdsoft_calendar td>div {
    padding-right: 5px;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    height: 25px;
}

.xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th {
    width: 14.2857142%;
    background: #f5f5f5;
    border: 1px solid #ddd;
    color: #666;
    font-size: 12px;
    text-align: right;
    vertical-align: middle;
    padding: 0;
    border-collapse: collapse;
    cursor: pointer;
    height: 25px;
}

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
    width: 12.5%;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    background: #f1f1f1;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #0099aa;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
    background: #ffe9d2;
    color: #000;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
    background: #c1ffc9;
    color: #000;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #0099aa;
    color: #fff;
    font-weight: 700;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month, .xdsoft_datetimepicker .xdsoft_time_box>div>div.xdsoft_disabled {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    cursor: default;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
    opacity: 0.2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    color: #fff !important;
    background: #047582 !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover {
    background: #0099aa !important;
    color: #fff !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_disabled:hover {
    color: inherit !important;
    background: inherit !important;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    font-weight: 700;
    text-align: center;
    color: #999;
    cursor: default;
}

.xdsoft_datetimepicker .xdsoft_copyright {
    color: #ccc !important;
    font-size: 10px;
    clear: both;
    float: none;
    margin-left: 8px;
}

.xdsoft_datetimepicker .xdsoft_copyright a {
    color: #eee !important;
}

.xdsoft_datetimepicker .xdsoft_copyright a:hover {
    color: #aaa !important;
}

.xdsoft_time_box {
    position: relative;
    border: 1px solid #ccc;
}

.xdsoft_scrollbar>.xdsoft_scroller {
    background: #ccc !important;
    height: 20px;
    border-radius: 3px;
}

.xdsoft_scrollbar {
    position: absolute;
    width: 7px;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer;
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar {
    left: 0;
    right: auto;
}

.xdsoft_scroller_box {
    position: relative;
}

.xdsoft_datetimepicker.xdsoft_dark {
    background: #000;
    border-bottom: 1px solid #444;
    border-left: 1px solid #333;
    border-right: 1px solid #333;
    border-top: 1px solid #333;
    color: #ccc;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box {
    border-bottom: 1px solid #222;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div {
    background: #0a0a0a;
    border-top: 1px solid #222;
    color: #999;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {
    background-color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select {
    border: 1px solid #333;
    background: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #000;
    background: #007fff;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #cc5500;
    color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_next, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==");
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
    background: #0a0a0a;
    border: 1px solid #222;
    color: #999;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
    background: #0e0e0e;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #cc5500;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default {
    background: #ffe9d2;
    color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint {
    background: #c1ffc9;
    color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #cc5500;
    color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    color: #000 !important;
    background: #007fff !important;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
    color: #666;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright {
    color: #333 !important;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a {
    color: #111 !important;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover {
    color: #555 !important;
}

.xdsoft_dark .xdsoft_time_box {
    border: 1px solid #333;
}

.xdsoft_dark .xdsoft_scrollbar>.xdsoft_scroller {
    background: #333 !important;
}

.xdsoft_datetimepicker .xdsoft_save_selected {
    display: block;
    border: 1px solid #dddddd !important;
    margin-top: 5px;
    width: 100%;
    color: #454551;
    font-size: 13px;
}

.xdsoft_datetimepicker .blue-gradient-button {
    font-family: "museo-sans", "Book Antiqua", sans-serif;
    font-size: 12px;
    font-weight: 300;
    color: #82878c;
    height: 28px;
    position: relative;
    padding: 4px 17px 4px 33px;
    border: 1px solid #d7d8da;
    background: -moz-linear-gradient(top, #fff 0%, #f4f8fa 73%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(73%, #f4f8fa));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fff 0%, #f4f8fa 73%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fff 0%, #f4f8fa 73%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fff 0%, #f4f8fa 73%);
    /* IE10+ */
    background: linear-gradient(to bottom, #fff 0%, #f4f8fa 73%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f4f8fa', GradientType=0);
    /* IE6-9 */
}

.xdsoft_datetimepicker .blue-gradient-button:focus, .xdsoft_datetimepicker .blue-gradient-button:focus span, .xdsoft_datetimepicker .blue-gradient-button:hover, .xdsoft_datetimepicker .blue-gradient-button:hover span {
    color: #454551;
    background: -moz-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f8fa), color-stop(73%, #FFF));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
    /* IE10+ */
    background: linear-gradient(to bottom, #f4f8fa 0%, #FFF 73%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr '#f4f8fa', endColorstr='#FFF', GradientType=0);
    /* IE6-9 */
}

/* cashback */

.li {
    padding: 15px;
    border-left: 6px solid #FD9A26;
    background: #fff;
    margin: 15px 0;
    min-height: 25px;
}

.li .date {
    font-size: 12px;
    color: #999;
    float: left;
    line-height: 25px;
}

.li .store {
    font-size: 14px;
    color: #444;
    float: left;
    font-weight: bold;
    line-height: 25px;
    padding: 0 0 0 15px;
}

.li .status {
    font-size: 14px;
    color: #444;
    float: left;
    line-height: 25px;
    padding: 0 0 0 20px;
}

.li .cashbackshowall {
    float: right;
    background-image: url('../img/arrow_down.png');
    width: 20px;
    height: 20px;
    margin: 3px 0 0 10px;
}

.li .more {
    background-image: url('../img/arrow_down.png');
}

.li .less {
    background-image: url('../img/arrow_up.png');
}

.li .money {
    font-size: 18px;
    font-weight: bold;
    float: right;
    color: #333;
    letter-spacing: -0.5px;
    line-height: 25px;
}

.li .all {
    width: 100%;
    display: none;
    margin-top: 40px;
}

.li .all .line {
    line-height: 35px;
    border-top: 1px solid #ddd;
}

.li .all .line .item_line {
    display: inline-block;
    margin: 0 25px 0 0;
}

.s3 {
    border-color: #ccc;
}

.s2 {
    border-color: #BA0600;
}

.s1 {
    border-color: #94DF43;
}

.cashback_left {
    display: inline-block;
    width: 260px;
    margin: 0 10px 0 0;
    vertical-align: top;
}

.cashback_logo {
    background: #fff;
    padding: 20px;
    margin: 0;
    display: block;
    vertical-align: bottom;
}

.cashback_logo img {
    width: 100%;
    display: block;
}

.cashback_left .credits {
    background: #0099aa;
    display: block;
    margin: 0;
    text-align: right;
    font-size: 20px;
    padding: 16px;
}

.cashback_left .confirm {
    background: #108393;
    display: block;
    margin: 0;
    text-align: right;
    font-size: 20px;
    padding: 16px;
}

.cashback_left .cashback {
    background: #0D6673;
    display: block;
    margin: 0;
    text-align: right;
    font-size: 20px;
    padding: 16px;
}

.cashback_left span {
    color: #eee;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    display: block;
}

.cashback_left strong {
    font-weight: bold;
    color: #fff;
    font-size: 25px;
    margin: 6px 0 0;
    letter-spacing: -0.5px;
    display: block;
}

.money_symbol {
    background: #349f50;
    display: block;
    float: left;
    color: #fff;
    padding: 0 10px;
    font-size: 30px;
    font-weight: bold;
    height: 50px;
    line-height: 50px;
}

.money_button {
    background: #349f50;
    line-height: 17px;
    text-align: center;
    padding: 8px 10px 8px 0;
    color: #fff;
    text-decoration: none;
}

.money_button:hover {
    text-decoration: none;
}

.cashbacktomoney {
    margin: 20px 0;
    display: block;
}

.cashbacktomoney:hover {
    text-decoration: none;
}

.cashback_right {
    display: inline-block;
    width: 805px;
    margin: 0;
}

.lastcashback {
    background: #ddd;
    padding: 15px;
    color: #555;
}

.cashback_right .not {
    padding: 20px 0;
    font-size: 13px;
    color: #777;
}

@media all and (max-width: 1080px) {
    .cashback_left {
        display: block;
        width: 100%;
        margin: 0;
    }
    .cashback_logo img {
        max-width: 200px;
        margin: 0 auto;
    }
    .cashbacktomoney {
        margin: 20px auto;
        width: 90%;
    }
    .cashback_right {
        display: block;
        width: 100%;
    }
    .li .money {
        float: none;
        display: block;
        width: 80%;
    }
    .li .date, .li .money, .li .status, .li .store {
        float: none;
        display: block;
        padding: 0;
        margin: 0;
        width: 70%;
    }
    .li .store {
        font-size: 18px;
    }
    .li .all {
        margin: 15px 0 0;
    }
    .li .all .line .item_line {
        display: block;
        margin: 0;
        width: 100%;
    }
}

/* ad - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  - - - - - - - - - - - - - - - - - - - - */

.team_ad {
    text-align: center;
    background: #fff;
    border: 1px solid #ddd;
    padding: 10px;
}

.team_ad strong {
    margin-bottom: 10px;
    display: block;
}

.team_ad img {
    margin: 0 15px;
}

.publicidade {
    font-size: 10px;
    color: #999;
    line-height: 15px;
    letter-spacing: 0.5px;
}

.adsense_a {
    border: 0 !important;
    min-height: 295px;
    text-align: center;
}

.adsense_b {
    width: 320px;
    margin: 5px auto 0;
    text-align: center;
}

.adsense_c {
    width: 320px;
    margin: 5px auto 0;
    text-align: center;
}

.adsense_d {
    margin: 0 0 15px;
    text-align: center;
}

.adsense_d .ad {
    text-align: left;
    width: 320px;
    display: inline-block;
    margin: 0 0 15px;
}

.ad_desktop {
    display: none;
}

.ad_mobile {
    display: block;
}

@media all and (min-width: 1080px) {
    .adsense_b {
        width: 728px;
        text-align: left;
    }
    .adsense_c {
        width: 728px;
        text-align: left;
    }
    .adsense_d .ad {
        width: 468px;
        margin: 0 20px;
    }
    .ad_desktop {
        display: block;
    }
    .ad_mobile {
        display: none;
    }
}

/**
 * superfish
 *
 * @package all
 * @author Rodrigo Brand㯠(rodrigobrandao.com.br)
 */

/*** ESSENTIAL STYLES ***/

.sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sf-menu li {
    position: relative;
}

.sf-menu ul {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    z-index: 99;
}

.sf-menu>li {
    float: left;
}

.sf-menu li.sfHover>ul, .sf-menu li:hover>ul {
    display: block;
}

.sf-menu a {
    display: block;
    position: relative;
    color: #fff !important;
}

.sf-menu ul ul {
    top: 0;
    left: 100%;
}

/*** DEMO SKIN ***/

.sf-menu {
    float: right;
    margin: 0;
    max-width: 630px;
}

.sf-menu ul {
    min-width: 12em;
    /* allow long menu items to determine submenu width */
    *width: 12em;
    /* no auto sub width for IE7, see white-space comment below */
}

.sf-menu a {
    padding: 0 10px;
    font-weight: normal;
    font-size: 13px;
    text-decoration: none;
    zoom: 1;
    /* IE7 */
}

.sf-menu a {
    color: rgba(255, 255, 255, 0.8);
}

.sf-menu li {
    line-height: 40px;
    border-left: 1px solid rgba(255, 255, 255, 0.15);
    white-space: nowrap;
    /* no need for Supersubs plugin */
    *white-space: normal;
    /* ...unless you support IE7 (let it wrap) */
    /*
    -webkit-transition: background .2s;
    transition: background .2s;
    */
}

.sf-menu ul li {
    background-color: rgba(0, 0, 0, 0.5);
    border: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.sf-menu ul ul li {
    color: rgba(0, 0, 0, 0.8);
    border: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.sf-menu li.sfHover, .sf-menu li:hover {
    background-color: rgba(0, 0, 0, 0.2);
    /* only transition out, not in *
    -webkit-transition: none;
    transition: none;
    */
}

/*** arrows (for all except IE7) **/

.sf-arrows .sf-with-ul {
    padding-right: 25px;
    *padding-right: 1em;
    /* no CSS arrows for IE7 (lack pseudo-elements) */
}

/* styling for both css and generated arrows */

.sf-arrows .sf-with-ul:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -1px;
    height: 0;
    width: 0;
    /* order of following 3 rules important for fallbacks to work */
    border: 4px solid transparent;
    border-top-color: #fff;
    /* edit this to suit design (no rgba in IE8) */
    border-top-color: rgba(255, 255, 255, .5);
}

.sf-arrows>.sfHover>.sf-with-ul:after, .sf-arrows>li>.sf-with-ul:focus:after, .sf-arrows>li:hover>.sf-with-ul:after {
    border-top-color: white;
    /* IE8 fallback colour */
}

/* styling for right-facing arrows */

.sf-arrows ul .sf-with-ul:after {
    margin-top: -5px;
    margin-right: -3px;
    border-color: transparent;
    border-left-color: #dFeEFF;
    /* edit this to suit design (no rgba in IE8) */
    border-left-color: rgba(255, 255, 255, .5);
}

.sf-arrows ul .sfHover>.sf-with-ul:after, .sf-arrows ul li>.sf-with-ul:focus:after, .sf-arrows ul li:hover>.sf-with-ul:after {
    border-left-color: white;
}

.button-alert {
    border: 1px solid #007A88;
    color: #fff !important;
    cursor: pointer;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    height: 60px !important;
    text-shadow: 0 -1.5px #257b3c;
    border-radius: 3px;
    background-color: #0099AA;
    text-decoration: none !important;
}

.button-alert:hover {
    background: #007A88;
}

.button-alert img {
    width: 24px;
    height: 24px;
    vertical-align: middle !important;
}

.btnDisponibilidade {
    margin-right: -5px !important;
    color: #fff;
    background-color: #075189 !important;
    border-color: #075189 !important;
    width: 150px !important;
}

.btnDisponibilidade img {
    width: 20px;
    height: 20px;
    vertical-align: middle !important;
}

.btnDisponibilidade:hover {
    background-color: #05416E !important;
    border-color: #05416E !important;
}

@media all and (max-width: 1080px) {
    #dvBMob {
        display: block;
    }
    #dvBDes {
        display: none;
    }
    #selectTeam {
        max-width: 240px !important;
        height: 30px !important;
        font-size: 14px !important;
        margin: 0 !important;
    }
    #selectTurno {
        max-width: 240px !important;
        height: 30px !important;
        font-size: 14px !important;
        margin: 0 !important;
    }
}

@media all and (min-width: 1080px) {
    #dvBMob {
        display: none;
    }
    #dvBDes {
        display: block;
    }
    .disponibilidade {
        min-width: 500px;
        background: #f2f2f2;
    }
    #fixarMobile {
        display: none;
    }
}

.disponibilidade {
    min-height: 600px;
    background: #f2f2f2;
}

#selectTeam {
    height: 30px;
    font-size: 14px;
    margin: 10px 0 0;
    min-width: 220px;
}

#selectTurno {
    height: 30px;
    font-size: 14px;
    margin: 10px 0 0;
    min-width: 220px;
}

.btn-booking {
    color: #fff !important;
    font-size: 13px;
    cursor: pointer;
    padding: 7px;
    background: #45a7a8;
    font-weight: bold;
    border-radius: 3px;
    text-decoration: none !important;
    border: 1px solid #3A8E8F;
    text-shadow: 0 -1.5px #3A8E8F;
    text-align: left;
}

.btn-booking:hover {
    background: #3A8E8F;
}

.btn-booking img {
    width: 20px;
    height: 20px;
    vertical-align: middle !important;
}

.booking_calendar {
    display: table !important;
    position: relative !important;
    margin: 0 auto;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_date {
    background: #0099aa;
    color: #fff;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month {
    color: #fff;
    background: #70b5bd;
    cursor: pointer;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current {
    background: #0d3034;
    color: #fff;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover {
    color: #ccc !important;
    background: #fff !important;
    opacity: 1 !important;
}

.booking_quantity {
    display: none;
}

.booking_quantity .booking_quantity_msg {
    text-align: center;
    margin: 0 auto;
    font-size: 12px;
    background: #fffb9e;
    color: rgb(116, 117, 74);
    border: 1px solid #dad787;
    padding: 5px;
    width: 230px;
    margin: 10px auto;
}

.booking_quantity .booking_per_number_msg {
    text-align: center;
    margin: 0 auto;
    font-size: 12px;
    background: #fffb9e;
    color: rgb(116, 117, 74);
    border: 1px solid #dad787;
    padding: 5px;
    width: 230px;
    margin: 10px auto;
}

.booking_form_div {
    display: block;
    height: 30px;
    margin: 0 auto;
    text-align: center;
    width: 320px;
}

.booking_form_title {
    display: block;
    float: left;
    height: 30px;
    line-height: 30px;
    width: 110px;
    text-align: right;
    padding-right: 15px;
}

.booking_quantity .booking_quantity_button {
    display: block;
    float: left;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #ddd;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
}

#booking_selected_quantity {
    padding: 0;
    font-size: 16px;
    width: 50px;
    line-height: 30px;
    height: 30px;
    border: 0;
    margin: 0;
    display: block;
    float: left;
    text-align: center;
}

.booking_list_title {
    font-size: 12px;
    color: #444;
    line-height: 16px;
    margin: 0;
    padding: 6px;
}

div.table-title {
    display: block;
    margin: auto;
    max-width: 600px;
    padding: 5px;
    width: 100%;
}

.table-title h3 {
    color: #fafafa;
    font-size: 30px;
    font-weight: 400;
    font-style: normal;
    font-family: "Roboto", helvetica, arial, sans-serif;
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
    text-transform: uppercase;
}

/*** Table Styles **/

.table-fill {
    background: white;
    border-radius: 3px;
    border-collapse: collapse;
    margin: auto;
    max-width: 800px;
    padding: 5px;
    width: 100%;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    animation: float 5s infinite;
}

th {
    color: #ffffff;
    background: #0099aa;
    border-bottom: 4px solid #9ea7af;
    border-right: 1px solid #343a45;
    font-size: 12px;
    font-weight: 100;
    padding: 8px;
    text-align: left;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    vertical-align: middle;
}

th:first-child {
    border-top-left-radius: 3px;
}

th:last-child {
    border-top-right-radius: 3px;
    border-right: none;
}

tr {
    border-top: 1px solid #C1C3D1;
    border-bottom-: 1px solid #C1C3D1;
    color: #666B85;
    font-size: 16px;
    font-weight: normal;
    text-shadow: 0 1px 1px rgba(256, 256, 256, 0.1);
}

tr:hover td {
    background: #f2f1d8;
    border-top: 1px solid #22262e;
}

tr:first-child {
    border-top: none;
}

tr:last-child {
    border-bottom: none;
}

tr:nth-child(odd):hover td {
    background: #f2f1d8;
}

tr:last-child td:first-child {
    border-bottom-left-radius: 3px;
}

tr:last-child td:last-child {
    border-bottom-right-radius: 3px;
}

td {
    background: #FFFFFF;
    padding: 15px;
    vertical-align: middle;
    font-weight: 300;
    font-size: 13px;
}

td:last-child {
    border-right: 0;
}

th.text-left {
    text-align: left;
}

th.text-center {
    text-align: center;
}

th.text-right {
    text-align: right;
}

td.text-left {
    text-align: left;
}

td.text-center {
    text-align: center;
}

td.text-right {
    text-align: right;
}

.mostraTableCupons {
    display: block;
}

.escondeTableCupons {
    display: none;
}

.alinhamentoCheckbox {
    margin-left: 180px;
}

@media screen and (max-width: 1024px) {
    .imgResposivaMobGif {
        width: 100%;
        margin-top: -6px;
        border-bottom: 1px solid;
        border-left: 1px solid;
        border-right: 1px solid;
        border-color: #A9A9A9;
    }
    .imgResposivaMobMp {
        width: 100%;
        border-top: 1px solid;
        border-left: 1px solid;
        border-right: 1px solid;
        border-color: #A9A9A9;
    }
}

@media screen and (min-width: 1025px) {
    .imgRespDesktopGif {
        margin-top: -5px;
        border-bottom: 1px solid;
        border-left: 1px solid;
        border-right: 1px solid;
        border-color: #A9A9A9;
    }
    .imgRespDesktopMP {
        border-top: 1px solid;
        border-left: 1px solid;
        border-right: 1px solid;
        border-color: #A9A9A9;
    }
}

.formulario button[type="button"].meus_cupons {
    background: #5C8AF3;
    border: 1px solid #666;
    text-shadow: 0 -1.5px #666;
    color: #fff;
    padding: 0;
    line-height: 34px;
    cursor: pointer;
    font-weight: bold;
    height: 34px;
    margin: 0 0 15px;
    width: 200px;
    text-align: center;
}

.formulario button[type="button"].meus_cupons:hover {
    background: #042fa7;
}

.formulario button[type="button"].meus_cupons img {
    margin: 6px;
    float: left;
    display: block;
}

#loading {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.9);
    z-index: 999;
    display: none;
}

#loading .message {
    color: #fff;
    width: 300px;
    text-align: center;
    height: 50px;
    display: block;
    position: absolute;
    margin: 0 0 0 -150px;
    left: 50%;
    top: 50%;
}

#loading .activity {
    animation: spin 1s linear infinite;
    border: 5px solid #444;
    border-left: 5px solid #fff;
    border-top: 5px solid #fff;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    margin: -80px 0 0 -25px;
    left: 50%;
    top: 50%;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* cart forma pagamento */

/* ======================================================================== */

.cart_radio {
    border-radius: 100%;
    border: 2px solid #777;
    width: 10px;
    height: 10px;
    padding: 2px;
    float: left;
    display: inline-block;
    margin: 13px 7px 0 0;
    cursor: pointer;
}

.cart_radio.on:after {
    border-radius: 100%;
    border: 2px solid #555;
    width: 6px;
    background: #222;
    height: 6px;
    display: block;
    content: " ";
}

.formapagamento_title {
    padding: 0 12px;
    line-height: 45px;
    border-top: 1px solid #eee;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
    color: #666;
    background: #fbfbfb;
    min-height: 45px;
}

.formapagamento_title.on {
    border-bottom: 3px solid rgba(0, 0, 0, 0.1);
}

.formapagamento_title:hover {
    color: #111;
}

.formapagamento_title:first-child {
    border: 0;
}

.formapagamento_title img {
    height: 24px;
    text-align: left;
    float: left;
    margin: 10px 7px 0 0;
}

.formapagamento_content {
    display: none;
}

.formapagamento_content .cartoes {
    display: block;
    margin: 0 auto;
    max-height: 35px;
    max-width: 100%;
}

.fp_info {
    padding: 10px;
    font-size: 13px;
}

.fp_logo {
    margin-top: 15px;
    height: 30px;
}

.cart_agendamento_alerta {
    text-align: center;
    background: rgb(232, 83, 20);
    border: 1px solid rgba(0, 0, 0, 0.3);
    color: #fff;
    padding: 15px;
    font-weight: bold;
    margin: 0 25px;
}

.class_map_div_externa_desk {
    width: calc(60% - 30px);
    height: 390px;
    padding: 14px;
    display: inline-block;
    vertical-align: top;
}

.class_map_div_interna_desk {
    width: 100%;
    height: 100%;
    display: inline-block;
}

.class_map_div_externa_mobile {
    width: 100%;
    height: 280px;
    display: block;
    margin-top: 7px;
}

.class_map_div_interna_mobile {
    width: 100%;
    height: 100%;
}

.iw-container {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 12px;
    font-weight: 400;
    padding: 5px;
    background-color: white;
    color: black;
    margin: 3px;
    border-radius: 2px 2px 0 0;
    /* De acordo com o arredondamento dos cantos da infowindow por padrão. */
}

.iw-container-team-map {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 12px;
    font-weight: 400;
    background-color: white;
    color: black;
    margin: 3px;
    border-radius: 2px 2px 0 0;
    /* De acordo com o arredondamento dos cantos da infowindow por padrão. */
    /*border: 1px solid red;*/
    width: 400px;
    height: 400px;
    overflow: hidden;
}

.iw-container-user-map {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 12px;
    font-weight: 400;
    background-color: white;
    color: black;
    margin: 3px;
    border-radius: 2px 2px 0 0;
    /* De acordo com o arredondamento dos cantos da infowindow por padrão. */
    /*border: 1px solid red;*/
    width: 400px;
    height: 150px;
    overflow: hidden;
}

.iw-title {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 15px;
    font-weight: 400;
    background-color: #0099aa;
    color: white;
    padding: 10px 10px;
    margin-bottom: 10px;
    border-radius: 2px 2px 0 0;
    /* De acordo com o arredondamento dos cantos da infowindow por padrão. */
}

/* segura o conteúdo */

.gm-style-iw .iw-container-team-map {
    width: 400px !important;
    top: 23px !important;
    left: 0 !important;
    background-color: #fff;
    box-shadow: 0 1px 6px rgba(178, 178, 178, 0.6);
    border: 1px solid rgba(0, 153, 170, 0.6);
    border-radius: 2px 2px 0 0;
}

.gm-style-iw .iw-container-user-map {
    width: 400px !important;
    top: 23px !important;
    left: 0 !important;
    background-color: #fff;
    box-shadow: 0 1px 6px rgba(178, 178, 178, 0.6);
    border: 1px solid rgba(0, 153, 170, 0.6);
    border-radius: 2px 2px 0 0;
}

/* segura o mapa */

.gm-style-pbc {
    /*border: 1px solid green;*/
}

.iw-address {
    padding: 2px 0px 1px 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.iw-team-block {
    padding: 0px 4px 0px 4px;
}

.iw-team-data {
    padding: 4px;
}

.iw-container-data {
    /*border: 1px solid blue;*/
    height: 350px;
    overflow: auto;
}

.iw-container-team-map hr {
    margin: 0px;
    padding: 0px;
}

.iw-container-user-map hr {
    margin: 0px;
    padding: 0px;
}

.mapa_ofertas_board {
    height: calc(100vh - 250px) !important;
    width: calc(100% - 380px) !important;
}

.mapa_ofertas_filter {
    width: 300px;
}

@media all and (max-width: 1000px) {
    .mapa_ofertas_board {
        height: 1000px !important;
        width: calc(100% - 45px) !important;
    }
    .mapa_ofertas_filter {
        width: calc(100% - 45px) !important;
    }
}




.mapa_clientes_board {
    height: calc(100vh - 220px) !important;
}

.col_tab_available_days th{
    widith: 50px !important;
}

.col_tab_available_days th input[type="checkbox"]{
    widith: 20px;
}
#booking_all {
    height: 650px;
    text-align: center;
}
.booking_title {
    font-size: 13px;
    font-weight: 600bold;
    line-height: 18px;
    padding: 8px;
    background: #fff;
}
.booking_team {
    font-size: 13px;
    color: #444;
    line-height: 18px;
    padding: 8px;
    font-weight: bold;
    background: #ddd;
}
#booking_team_id {
    border: 1px solid #dddddd;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 8px 8px 9px;
    background: #fff url(/tcheofertas/app/public/img/expanded.svg);
    background-position: right 8px center;
    background-repeat: no-repeat;
    margin: 0;
    font-size: 14px;
    color: #555;
    width: 100%;
    border-radius: 0;
}
.turno_button {
    margin: 5px 5px 15px 5px;
    background: #0099aa;
    color: #fff;
    border: 0;
    font-size: 12px;
    font-weight: bold;
    padding: 6px;
    width: 110px;
}

.linha_parceiro_mobile{
    margin-top:3px;
    margin-bottom:3px;
}

.confirm_reserve{
    padding: 0;
    margin: 24px;
}

.reserve_info{
    padding: 40px 10px;
    background:#fff;
    font-size:15px;
}

.div-center {
    margin: auto;
    width: 70%;
    /*border: 1px solid red;*/
    padding: 10px;
}

*, ::after, ::before {
    box-sizing: initial !important;
}

.btn_config_add_banner{
    width: 175px;
}

.bdr_red{
    border: 1px solid red;
}

.bdr_blue{
    border: 1px solid blue;
}

.bdr_green{
    border: 1px solid green;
}

.bdr_orange{
    border: 1px solid orange;
}

.btn_presente{
    margin-bottom: 10px!important;
}

.xdsoft_date:hover {
    background: #ff8080;
}

.calendar_hospedagem{
    width: 500px;
}

.menu_lateral{
    margin: 5px;
    border: none;
    height: 100%;
    float: left;
    margin-right: 67px;
    width: 100px;
}

.menu_lateral_item{
    border: 1px solid #aaa;
}

.menu_lateral_item_active{
    background-color: #0099aa;
    border-color: #0099aa;
}

.container_tela{
    width: 98%;
}

.canteudo_principal{
    float: left;
    /*border: 1px solid red;*/
    min-width: 300px;
    min-height: 300px;
    width: calc(100% - 175px);
    height: calc(100% - 91px);
}

.filter_search_inputs {
    float: left !important;
    margin: 0 12px 0 0 !important;
}
.filter_search_inputs_buscar {
    /*float: right !important;*/
    margin: 0 12px 0 0 !important;
}

.filter_search_inputs_select {
    font-size: 14px;
    line-height: 17px;
    margin: 0 !important;
}

table .tabela_search{
    margin: 0;
    padding: 0;
}

.tabela_search_th {
    text-align: center !important;
    background: transparent !important;
    border: none!important;
}

.tabela_search_th_d {
    text-align: right !important;
    background: transparent !important;
    border: none!important;
}

.tabela_search_td {
    text-align: center !important;
    background: transparent !important;
    border: none!important;
    padding: 0px 10px !important;
    margin: 0 !important;
}

.tabela_search_td{
    /*border: 1px solid red!important;*/
}

.title_search{
    font-weight: bold!important;
}

.tabela_transparente {
    width: 100%;
    background-color: #D8F0DA;
    border: 1px;
    min-width: 100%;
    position: relative;
    opacity: 0.97;
    background: transparent!important;
    border-color: none;
}

.swiper-container {
    width: 100%;
    height: 100%;

}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: transparent;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-pagination-bullet {
    width: 14px;
    height: 14px;
}

.swiper-pagination-bullet {
    background: #ffffff;
    opacity: 0.7;
    border: 2px solid black;
}

.swiper-pagination-bullet-active {
    background: #ffffff;
    opacity: 1;
}

.swiper-button-prev.mob , .swiper-button-next.mob  {
    top: 0;
    width: 32px;
    height: 100%;
    /*border:1px solid red;*/
}




.titulo_cupom_consumido{
    color: red !important;
}

.swiper-container-desktop{
    /*border:1px solid red;*/
}

.swiper-slide, .swiper-slide > a, .swiper-slide > a > img {
    vertical-align: middle !important;
}

.swiper-button-prev, .swiper-button-next {
    margin-top: 0;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev{

    background-image: url('../img/seta-dir.png')!important;
    right: 0px;
    width: 32px;
    top: 0;
    height: 100%;
}

.swiper-button-prev{

    background-image: url('../img/seta-esq.png')!important;
    left: 0px;
    width: 32px;
    top: 0;
    height: 100%;
}
.swiper-button-prev, .swiper-button-next{
    background-size: 40px 40px;
    background-position: center;
    background-repeat: no-repeat;
}

.swiper-button-next:hover, .swiper-button-prev:hover {
    background-color: rgba(0,0,0, 0.6);
}

.swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 0;
}

.swiper-container-horizontal.banner_lp_desk > .swiper-pagination-bullets {
    bottom: 4px!important;
}

@media all and (max-width: 1080px) {
    .swiper-container-horizontal > .swiper-pagination-bullets {
        bottom: -4px!important;
    }

    .banner_lp_mob > .swiper-pagination-bullets {
        bottom: 3px!important;
    }

    .swiper-pagination-bullet {
        height: 7px!important;
        width: 7px!important;
    }
    .swiper-button-next:hover, .swiper-button-prev:hover {
        background-color: transparent;
    }
}

.fullcalendar_div{
    margin: 40px 30px;
    padding: 0;
    font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
    font-size: 14px;
    width: 85%;
}

.kraken_msg{
    text-align: left!important;
    margin: 0 0 20px!important;
    color: #fff!important;
    font-size: 14px!important;
    line-height: 44px!important;
    height: 44px!important;
    font-weight: normal!important;
    padding: 0!important;
    overflow: hidden!important;
    cursor: default!important;
}

.fullcalendar_div td:hover {
    background: #FFFFFF !important;
    /*max-width: 800px;
    height: 300px;*/
}

#calendar {
    max-width: calc(100% - 200px);
    /*height: auto;*/
    margin: 0 auto;
}

.fc-row .fc-content-skeleton td, .fc-row .fc-helper-skeleton td {
    border-bottom: none;
}
.fc tr:hover td {
    /*background: none !important;*/
    border-color: #ddd !important;
}

#loading_calendar {
    display: none;
    position: absolute;
    top: 10px;
    right: 10px;
}

#spin{
    height: 2.5em!important;
}

.div_info_oculta{
    width: 800px;
    display: inline-block;
}

#lista_contatos_comercial{
    width: 100%;
}

.div_lst_contato{
    height:122px;
    /*border:1px solid green*/;
}

.lst_contato_dt{
    width: 140px;
    height: 30px;
}
.lst_contato_tipo{
    width: 140px;
    height: 30px;
}
.lst_contato_user{
    width: 140px;
    height: 30px;
}

.div_lst_contato_esq{
    display:inline-block;
    /*border:1px solid red*/;
    float: left;
    width:400px;
}

.div_lst_contato_esq.commercial{
    display:inline-block!important;
    /*border:1px solid red!important*/;
    float: left!important;
    width: 300px!important;
}


.div_lst_contato_dir{
    display:inline-block;
    /*border:1px solid red;*/
    float: left;
}

.div_lst_contato_dir.commercial{
    display:inline-block!important;
    /*border:1px solid red!important;*/
    float: left!important;
    width: calc(100% - 360px)!important;
}

.div_lst_contato_ata_content{
    /*border:1px solid red*/;
    float: left;
}

.lst_contato_ata{
    display:inline-block;
    height: 102px!important;
}

.btn_salvar_parceiro{
    display: block!important;
    float: none!important;
    margin:0 auto!important;
    padding: 0 15px!important;
    line-height: 36px!important;
    height: 36px!important;
}

#lista_contatos_comercial_content{
    /*border:1px solid red;*/
    overflow-y: auto;
    max-height: 458px;
}

.lista_contatos_comercial_linha{
    display: inline-block;
    width: 133px;
}

.div_form_commercial_contato{
    /*border:1px solid red;*/
    width: 48%;
    display: inline-block;
    flaot: left;
}

.div_form_commercial_contato_parceiro{
    display: inline-block;
    width: 100px;
}

.div_form_commercial_contato_parceiro_input{
    width: 582px;
}

.div_form_commercial_contato_dt_contato{
    display: inline-block;
    width: 100px;
}

#dt_contact_datepicker{
    margin-bottom: 15px;
    width: 40px;
}

.dt_contact_datepicker_img{
    background: gray;
    width: 40px;
}

#fake_dt_contact{
    width: 140px;
}

.div_form_commercial_contato_tipo_contato{
    display: inline-block;
    width: 100px;
}

.div_form_commercial_contato_tipo_contato_select{
    width: 200px;
}
.div_form_commercial_contato_ata{
    display: inline-block;
    width: 100px;
    vertical-align: top;
}
.div_form_commercial_contato_ata_content{
    display:inline-block;
    width:600px;
}
.div_form_commercial_contato_ata_input{
    display:inline-block;
}

.btn_salvar_commercial_contato{
    margin: 1px 100px 0;
}

#div_partner_atividades_anteriores{
    /*border:1px solid red;*/
    width: 48%;
    display: inline-block;
    flaot: right;
    vertical-align: top;
    padding-left: 10px;
}

/* START - ESTILOS PARA  modal_default */
.modal_default {
    /*border:1px solid red;*/
    /*background: rgba(0,0,0,0.85);*/
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    display: table;
}
.modal_default_fade {
    /*border:1px solid red;*/
    background: rgba(0,0,0,0.85);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
}
.modal_default_centered {
    /*border: 1px solid #2026d0;*/
    z-index: 99999;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    height: 100%;
}
.modal_default_window {
    /*border:1px solid green;*/
    width: calc(100% - 20px);
    margin: 0 auto;
    max-width: 80%;
    max-height: 80%;
    /*position: fixed;*/
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}
.modal_default_x_button {
    /*border:1px solid red;*/
    cursor: pointer;
    margin: 10px 10px 0px;
    padding: 0;
    width: 24px;
    height: 24px;
}

.modal_default_x_button_not_toolbar{
    /*border:1px solid red;*/
    position: absolute;
    right: 5px;
    top: 5px;
}

.modal_default_content{
    /*border:1px solid red;*/
    position: relative;
    background: white;
    height: calc(100% - 40px);
    overflow: auto;
}
.modal_default_toolbar{
    /*border:1px solid red;*/
    background: #737373;
    position: relative;
    background: #444;
    height: 40px;
    margin: 0;
    color: #fff;
    text-align: center;
    width: 100%;
}
.modal_default_toolbar_title{
    /*border:1px solid black;*/
    display: inline-block;
    color: white;
    float: left;
    padding-top: 7px;
    padding-left: 13px;
    width: calc(100% - 60px);
    text-align: left;
}
.modal_default_quit{
    /*border:1px solid green;*/
    display: inline-block;
    cursor: pointer;
    float: right;
    background: #575757;
}
.modal_default_quit:hover{
    background: #363636;
}

.modal_default_x_button:hover{
    opacity: 0.8;
}

.flex-container {
    display: flex;
    flex-wrap: wrap;
    background-color: DodgerBlue;
}

@media screen and (max-width: 480px) {
    .modal_default_window {
        /*border:1px solid green;*/
        width: calc(100% - 20px);
        margin: 1%;
        max-width: 98%;
        max-height: 88%;
        position: fixed;
        top: 5%;
        bottom: 5%;
        right: 0;
        left: 0;
    }
}
/* END - ESTILOS PARA  modal_default */


.recomenda-desktop{
    display: block;
}

.recomenda-mobile{
    display: none;
}

@media screen and (max-width: 480px) {
    .recomenda-desktop {
        display: none;
    }

    .recomenda-mobile{
        display: block;
    }

    .carrossel_left, .carrossel_right {
        display: none;
    }
}

#label_checkin_checkout {
    text-align: center;
    margin: 0 auto;
    font-size: 12px;
}

::-webkit-file-upload-button {
    -webkit-appearance: push-button;
}

#btn_novo_filtro{
    background: #222;
    color: #fff;
    display: block;
    float: right;
    height: 34px;
    font-size: 14px;
    border-radius: 0;
    cursor: pointer;
    padding: 0 15px;
    line-height: 34px;
    border: 1px solid #555;
    margin: 1px 0 0;
    text-decoration:none;
}
#btn_novo_filtro:hover{
    background: #555555;
}

.oculto{
    display: none!important;
}

.oculto2{
    display: none;
}

.sitemap-header{
    font-weight: bold!important;
}

.sitemap-item{
    padding-left: 15px!important;
}

.site-map-main{
    background-color: unset!important;
}

.site-map-content{
    display: inline-block!important;
    width: 49%!important;
}

.coluna_esq{
    float: left!important;
}

.coluna_dir{
    float: right!important;
}

.alinhamento h2{

    margin: 0!important;
    padding: 0!important;
    font-weight: normal;
    color: #555;
    background: none;
    height: auto;
    width: auto;
    text-align: left;

    font: inherit;
    vertical-align: baseline;

    display: block;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;

    text-decoration: none;
}

.alinhamento h3{
    margin: 0!important;
    padding: 0!important;
    font-weight: normal;
    color: #555;
    background: none;
    height: auto;
    width: auto;
    text-align: left;

    font: inherit;
    vertical-align: baseline;

    display: block;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;

    text-decoration: none;
}

.celula .padding.largura h2 div{
    word-wrap: break-word;
    font-weight: 100;
    font-size: 14px;
}

.linha_titulo_parceiro{

    color: #555!important;
    text-align: left!important;
    margin: 0!important;
    padding-left: 0!important;
    background: none!important;
}

.linha_titulo_endereco{
    color: #555!important;
    text-align: center!important;
    margin: 0!important;
    padding-left: 0!important;
    background: none!important;
    height: auto!important;
    line-height: initial!important;
    overflow-wrap: break-word;
}

h2.detalhe {
    padding:3px 0;
    margin:0;
    font-size:14px;
}

.paginacao_container {
    display: block;
    margin: 0 auto;
    text-align:center;
}

.paginacao {
    display:inline-block;min-width: 166px;text-align:center;background:#0099aa;color:#fff !important;font-weight:bold;padding:5px 15px; margin:0 10px;border-radius:3px;
}

.paginacao:hover {
    background:#007788;
    text-decoration: none;
}

#div_cupom{
    float: right;
    /*margin: 24px; 
    padding-left: 50%*/
}

@media only screen and (max-device-width: 480px) {
    #div_cupom{
        float: right;
        padding-left: 15%;
        /*margin: 24px;
        padding-left: 0;*/
    }

    #field_cupom {
        border: 1px solid #dddddd;
        padding: 7px;
        font-size: 14px;
        color: #555;
        margin: 0 0 15px;
        background-color: #fff;
        box-shadow: none;
        background: #fff;
        border-radius: 0;
        width: 60%;
    }

    #btn_cupom{
        background: #333;
        border: 1px solid #222;
        color: #fff;
        font-size: 14px;
        padding: 0 5px 0 5px;
        cursor: pointer;
        font-weight: bold;
        height: 32.5px;
        border-radius: 0;
        margin-left: 0;
    }
    
}

#field_cupom {
    border: 1px solid #dddddd;
    padding: 7px;
    font-size: 14px;
    color: #555;
    margin: 0 0 15px;
    background-color: #fff;
    box-shadow: none;
    background: #fff;
    border-radius: 0;
}

#btn_cupom{
    background: #333;
    border: 1px solid #222;
    color: #fff;
    font-size: 14px;
    padding: 0 5px 0 5px;
    cursor: pointer;
    font-weight: bold;
    height: 32.5px;
    border-radius: 0;
    margin-left: 0;
}

.flip_imageY {
    transform: scaleY(-1);
    -moz-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -khtml-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
}

.flip_imageX {
    transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -khtml-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
}

.tche_footer {
    width: 100%;
    margin: 0 auto;

}

.container_footer {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.footer_colunas{
    padding: 5px 0 0 0;
    background: #fafafa;
    color: #444;
    border-bottom: 1px solid #eee;
    font-size: 0.8em;
}

.footer_colunas div{
    padding-left: 5em;
}

.footer_colunas ul{
    padding-bottom: 1em;
    padding-top: 0.25em;
}

.footer_colunas strong{
    text-transform: uppercase;
}

.footer_about{
    padding: 15px;
    text-align: justify;
    color: #777;
    background: #fff;
    font-size: 11px;
    line-height: 18px;
    max-width: 1050px;
    border-bottom: 1px solid #eee;
}   

.footer_credito {
    color: #7e8c9a;
    padding: 5px 0 5px 0;
    font-size: 0.8em;
}

.footer_escondido {
    display: none;
}

.footer_colunas_desktop {
    display: flex
}

.footer_colunas_mobile{
    display: none
}

@media only screen and (max-device-width: 480px) {
    .footer_colunas_desktop {
        display: none
    }

    .footer_colunas_mobile {
        display: flex;
    }

    /*.footer_about{
        display: none
    }*/

    .footer_colunas div{
        padding-left: 2.5em;
    }

    .footer_colunas_mobile div ul strong{
        font-size: 1em !important;
    }

    .footer_colunas_mobile div ul a{
        font-size: 1em !important;
    }
}

.barra_extra_desktop {
    margin: 0;
    border-bottom: 1px solid #ddd;
    background: #ffffff;
    display: table;
    font-size: 7px !important;
    padding-top: 5px;   
    width: 500px;
    max-height: 78px;
    text-align: center;
    z-index: 1000;
    text-transform: uppercase;
    max-width: 1080px;
    overflow: hidden;
    position: absolute;
    right: 20.5%;
    right: 0;
    top: 110px;
    z-index: 9;
    display: none;
}

.barra_extra_desktop .item {
    display: block;
    float: left;
    line-height: 8px;
    margin: 0;
    padding: 10px 0 8px;
    width: 11.2%;
    overflow: hidden;
    color: #555;
    text-align: center;
}

.barra_extra_desktop .item .botao {
    width: 40px;
    height: 40px;
    border-radius: 100px;
    margin: 0 auto 5px;
    cursor: pointer;
    overflow: hidden;
}

.barra_extra_desktop .item .botao .cor {
    background: none;
}

.barra_extra_desktop .item .botao:hover .cor {
    background: rgba(0, 0, 0, 0.3);
}

.barra_extra_desktop .item .botao_landing_pages:hover .cor {
    background: none;
}

.barra_extra_desktop .item .botao img {
    width: 40px;
    height: 40px;
    margin: 0;
    padding: 0;
}

.barra_extra_desktop .item span {
    color: #555;
    font-size: 7px !important;
}

.barra_extra_desktop .item .botao_landing_pages img {
    width: 30px;
    height: 30px;
    margin-top: 5px;
}

.barra_extra_desktop a:active, .categorias a:link, .categorias a:visited {
    color: #555;
    font-size: 7px;
}

.categorias.desktop:hover~#barra_extra_desktop{
    display:block
}

#barra_extra_desktop:hover{
    display:block
}

@media only screen and (min-device-width: 1040px) {    
    .banner_miolo_img {
        padding-left: 6px;
    }
}