@font-face {
    font-family: 'open_sans';
    src: url('/webfonts/OpenSans-Regular-webfont.eot');
    src: url('/webfonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('/webfonts/OpenSans-Regular-webfont.woff') format('woff'),
    url('/webfonts/OpenSans-Regular-webfont.ttf') format('truetype'),
    url('/webfonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sans';
    src: url('/webfonts/OpenSans-Bold-webfont.eot');
    src: url('/webfonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('/webfonts/OpenSans-Bold-webfont.woff') format('woff'),
    url('/webfonts/OpenSans-Bold-webfont.ttf') format('truetype'),
    url('/webfonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: bold;
    font-style: normal;
}

* {
    -webkit-transition-property: all;
    -webkit-transition-duration: 0.3s;
    -moz-transition-property: all;
    -moz-transition-duration: 0.3s;
    transition-property: all;
    transition-duration: 0.3s;
}

html, body {
    margin: 0 auto;
    background-color: #fff;
    color: #000;
    min-width: 995px;
    font-family: 'open_sans', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
}

a {
    color: #000000;
    text-decoration: none;
    outline: none;
}

a img {
    border: 0;
    vertical-align: bottom;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 1.2em;
    margin: 0.5em 0;
}

label {
    cursor: pointer;
}

input:focus,
select:focus,
textarea:focus {
    outline: none;
}

[class^="icon-"]:before, [class*=" icon-"]:before {
    font-size: 120%;
    font-weight: bolder;
}

.container {
    min-width: 960px;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 5px;
}

.whitelink {
    color: #000000;
    text-decoration: none;
}

.categories {
    font-size: 14px;
    text-decoration: none;
}

.blacklink {
    color: #000000;
    text-decoration: none;
}

.boxblacklink {
    color: #C4161C;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
}

.blacklinkwithrollover {
    color: #000000;
    text-decoration: none;
}

.bluelink {
    color: #0000FF;
    text-decoration: none;
}

.orangelink {
    color: #ffffcc;
    text-decoration: none;
    font-weight: bold;
    padding: 1px;
}

a:hover {
    color: #47a3ab;
    text-decoration: underline;
}

a.blacklink:hover {
    color: #000000;
    text-decoration: underline;
}

a.blacklinkwithrollover:hover {
    color: #0000FF;
    text-decoration: underline;
}

A.bluelink:hover {
    color: #0000FF;
    background-color: #FFFF33;
    text-decoration: underline;
}

A.whitelink:hover {
    color: #003399;
    text-decoration: none;
}

a.orangelink:hover {
    color: #ffffcc;
    text-decoration: underline;
}

.boxborder {
    border-color: #C4161C;
    border-style: solid;
    border-width: 0;
}

.texto {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.link {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FF0000;
    text-decoration: underline;
}

#h-ruller {
    border-top: 2px solid #47A3AB;
    position: fixed;
    width: 100%;
    z-index: 10000;
    height: 2px;
}

#h-ruller-pj {
    background-color: #2d2d2d;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    line-height: 32px;
    font-style: italic;
    position: fixed;
    width: 100%;
    z-index: 10000;
    height: 32px;
}

#h-ruller-pj div {
    font-size: .4em;
    float: right;
    padding: 0 10px;
}

#h-ruller-pj div:first-child {
    float: left;
}

#barra-busca-container {
    /*border-top: 2px solid #47A3AB;*/
    clear: both;
    text-align: center;
    position: fixed;
    width: 100%;
    height: 60px;
    z-index: 1200;
    background-color: #ffffff;
    top: 0;
    left: 0;
    display: none;
    -moz-box-shadow: 0 -1px 3px #CCCCCC, 0 2px 4px #CCCCCC;
    -webkit-box-shadow: 0 -1px 3px #CCCCCC, 0 2px 4px #CCCCCC;
    box-shadow: 0 -1px 3px #CCCCCC, 0 2px 4px #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
}

#h-ruller-pj + #barra-busca-container {
    top: 32px;
}

#barra-busca {
    margin: 0 auto;
    max-width: 1300px;
    position: relative;
}

#barra-busca .busca {
    margin: 0 270px 0 160px;
    padding-top: 4px;
    position: relative;
}

#barra-busca .info-atendimento {
    text-align: center;
    margin: 4px 190px 0 160px;
    font-size: 12px;
}

.top {
    clear: both;
    margin: auto;
    min-width: 995px;
    position: relative;
    z-index: 10;
    background: none;
}

#header-container {
    position: relative;
    clear: both;
    max-width: 1300px;
    margin: 0 auto;
}

#h-ruller-pj ~ .topo {
    padding-top: 32px;
}

.topo {
    background-color: #fff;
}

.topo .barra_contatos {
    background: #2d2d2d;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    text-align: right;
    padding: 0;
}

.topo .barra_contatos em {
    font-size: 10px;
    font-style: normal;
}

.topo .barra_contatos .whatsapp {
    background-color: #00ad33;
    display: inline-block;
    white-space: nowrap;
    height: 17px;
    padding: 3px 10px 4px 10px;
}

.topo .barra_contatos .fa {
    padding: 0 4px;
    font-size: 1.2em;
}

.topo .barra_contatos .mail-atendimento,
.topo .barra_contatos .mail-atendimento:visited,
.topo .barra_contatos .mail-atendimento:hover {
    color: #fff;
    text-decoration: none;
    font-size: 10px;
    display: inline-block;
    height: 17px;
    padding: 3px 10px 3px 10px;
}

.topo .barra_contatos a.venda-atacado {
    padding: 0;
}

.topo .logo {
    position: relative;
    float: left;
    width: 310px;
    height: 125px;
    text-align: center;
    padding-top: 5px;
}

.topo .logo a, .topo .logo a:hover {
    width: 100%;
    height: 120px;
    display: inline-block;
    color: #47a3ab;
    text-decoration: none;
}

.topo .logo h1 {
    margin: 0;
    padding: 0;
    font-size: 0.8rem;
    text-transform: uppercase;
    font-style: italic;
    color: #000;
}

.topo .meio_topo {
    float: left;
    width: 51%;
}

.topo .meio_topo .menu_sup {
    display: block;
    padding: 18px 0 18px 0;
}

.topo .meio_topo .menu_sup a {
    font-weight: bold;
    font-style: italic;
    text-transform: uppercase;
    font-size: 10px;
    text-decoration: none;
    color: #2d2d2d;
    background: no-repeat center left;
    padding: 3px 20px 3px 28px;
    display: inline-block;
}

.topo .meio_topo .menu_sup a:hover {
    text-decoration: underline;
    color: #454545;
}

.topo .meio_topo .menu_sup .bto-login {
    background: transparent url("/images/sprite-topo.png") no-repeat -7px -75px;
    font-size: 12px;
    font-weight: bold;
}

.topo .meio_topo .menu_sup .bto-sair {
    background: transparent url("/images/sprite-topo.png") no-repeat -7px -198px;
    font-size: 12px;
    font-weight: bold;
}

.topo .meio_topo .menu_sup .bto-historico {
    background: transparent url("/images/sprite-topo.png") no-repeat 0 -105px;
}

.topo .meio_topo .menu_sup .bto-cadastro {
    background: transparent url("/images/sprite-topo.png") no-repeat 0 -132px;
}

#quick_find {
    position: relative;
}

.topo .meio_topo .busca {
    display: block;
}

.topo .meio_topo .busca .algolia-autocomplete {
    width: 92% !important;
    position: absolute !important;
}

.topo .meio_topo .busca input[type=text] {
    display: inline-block;
    border: 2px solid #11aaad;
    border-right: none;
    border-radius: 0;
    background: #fff;
    -webkit-appearance: inherit;
    font-weight: bold;
    /*text-transform: uppercase;*/
    font-style: normal;
    font-size: 13px;
    padding: 5px 5px 4px 5px;
    width: 100%;
}

.topo .meio_topo .busca .botao_busca {
    display: inline-block;
    position: absolute;
    right: 0;
    border: 2px solid #11aaad;
    border-radius: 0;
    background: #11aaad url("/images/icone-busca-topo.png") no-repeat center;
    -webkit-appearance: inherit;
    padding: 11px;
    width: 45px;
    /*margin-top: 1px;*/
}

.topo .meio_topo .busca .botao_busca:hover {
    background-color: #36bec3;
    border: 2px solid #36bec3;
    cursor: pointer;
}

.algolia-autocomplete {
    width: 100%;
}

.algolia-autocomplete * {
    -webkit-transition-property: none;
    -moz-transition-property: none;
    transition-property: none;
}

.algolia-autocomplete .aa-input, .algolia-autocomplete .aa-hint {
    width: 100%;
}

.algolia-autocomplete .aa-hint {
    color: #999;
}

.algolia-autocomplete .aa-dropdown-menu {
    width: 100%;
    background-color: #fff;
    border: 2px solid #47a4ac;
    border-top: none;

    margin: 0;
    padding-bottom: 0 !important;
    top: 39px !important;
    max-height: 300px;
    overflow: hidden;

    border-radius: 0;
}

.algolia-autocomplete .aa-dropdown-menu.opened {
    max-height: 300px;
}

.algolia-autocomplete .aa-dropdown-menu > div:first-child {
    max-height: 275px;
    margin-bottom: 15px;
}

.algolia-autocomplete .aa-dropdown-menu > div:first-child .aa-suggestions {
    max-height: 275px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.algolia-autocomplete .aa-dropdown-menu .aa-suggestion {
    cursor: pointer;
    border-bottom: 1px solid #C0C0C0;
}

.algolia-autocomplete .aa-dropdown-menu .aa-suggestion a {
    display: block;
    text-decoration: none;
    padding: 5px 2px;
    clear: both;

    transition: background-color;
    transition-duration: 0.3s;
}

.algolia-autocomplete .aa-dropdown-menu .aa-suggestion a:after {
    content: '';
    display: block;
    clear: both;
}

.algolia-autocomplete .aa-dropdown-menu .aa-suggestion .em-falta {
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    color: #000;
}

.algolia-autocomplete .aa-dropdown-menu .aa-suggestion a > span {
    display: inline-block;
    float: left;
    vertical-align: middle;
    text-align: center;
    width: 80px;
    margin: 0 5px 0 0;
    background-color: #fff;
}

.algolia-autocomplete .aa-dropdown-menu .aa-suggestion a:hover {
    background-color: #47a4ac;
    color: #fff;
}

.algolia-autocomplete .aa-dropdown-menu .aa-suggestion a > span > img {
    max-width: 100%;
    height: auto;
}

.algolia-autocomplete .aa-dropdown-menu .aa-suggestion em {
    font-weight: bold;
    font-style: normal;
}

.algolia-autocomplete .branding {
    position: absolute;
    width: 97%;
    text-align: right;
    bottom: 0;
    background-color: #fff;
    font-size: 10px;
}

.algolia-autocomplete .branding img {
    height: 12px;
    width: auto;
    vertical-align: middle;
}

.topo .carrinho {
    float: right;
    position: relative;
}

.topo .carrinho .botao_carrinho {
    background: #11aaad url("/images/img-carrinho-topo.png") no-repeat center center;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    font-style: italic;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    width: 175px;
    height: 45px;
    text-align: center;
    padding-top: 13px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin-top: 10px;
}

.topo .carrinho .botao_carrinho:hover {
    background-color: #36bec3;
}

.topo .carrinho .botao_carrinho strong {
    font-size: 16px;
}

#detalhes-carrinho {
    background-color: #fff;
    position: absolute;
    left: -375px;
    top: 55px;
    width: 550px;
    text-align: right;
    display: block;
    overflow-y: hidden;
    max-height: 0;
    z-index: 1500;

    transition-property: max-height;
    transition-duration: .5s;
    transition-timing-function: ease-in;
}

.topo .carrinho:hover .botao_carrinho + #detalhes-carrinho,
.topo .carrinho.hovered .botao_carrinho + #detalhes-carrinho {
    max-height: 500px;
}

#detalhes-carrinho * {
    z-index: 1501;
}

#detalhes-carrinho em {
    padding: 10px;
    font-weight: bold;
    font-size: 1.5em;
    font-style: normal;
}

#detalhes-carrinho > div {
    padding: 10px 0;
    border: 2px solid #36bec3;
}

.topo .menu {
    display: block;
    clear: both;
    background: #11aaad url("/images/bg-menu.gif") repeat-x bottom center;

    -webkit-transition-property: all;
    -webkit-transition-duration: 0.4s;
    -moz-transition-property: all;
    -moz-transition-duration: 0.4s;
    transition-property: all;
    transition-duration: 0.4s;
    -webkit-animation-name: slide;
    -webkit-animation-duration: 10.0s;
    -webkit-animation-delay: 0s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: slide;
    -moz-animation-duration: 10.0s;
    -moz-animation-delay: 0s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: slide;
    animation-duration: 10.0s;
    animation-delay: 0s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

.topo .menu ul {
    list-style: none;
    margin: 0;
    text-align: center;
    width: 100%;
    padding: 0 0 3px;
}

.topo .menu ul li {
    display: inline-block;
    list-style: none;
    background: url("/images/bullet-menu.png") no-repeat left center;
    width: 19%;
}

.topo .menu ul li:first-child {
    background-image: none;
}

.topo .menu ul li a {
    display: block;
    color: #fff;
    font-weight: bold;
    font-style: italic;
    text-transform: uppercase;
    text-decoration: none;
    padding: 10px 0 8px 0;
    width: 90%;
    margin: 0 2% 0 8%;
}

.topo .menu ul li:first-child a {
    width: 98%;
    margin: 0 2% 0 0;
}

.topo .menu ul li a:hover {
    color: #fff;
    font-weight: bold;
    font-style: italic;
    text-transform: uppercase;
    text-decoration: none;
    background-color: #36bec3;
}

@-webkit-keyframes slide {
    0% {
        background-position: 0 bottom;
    }
    100% {
        background-position: 1400px bottom;
    }
}

@-moz-keyframes slide {
    0% {
        background-position: 0 bottom;
    }
    100% {
        background-position: 1400px bottom;
    }
}

@keyframes slide {
    0% {
        background-position: 0 bottom;
    }
    100% {
        background-position: 1400px bottom;
    }
}

.topo .avisos {
    background-color: #2d2d2d;
    font-size: 9px;
    font-weight: bold;
    font-style: italic;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    padding: 5px 0;
}

#header-atendimento {
    font-size: 12px;
    margin: 25px 0 0 340px;
}

#header-atendimento span {
    white-space: nowrap;
}

#header-atendimento strong {
    font-size: 1.2em;
}

#header-atendimento .contato-whatsapp {
    padding: 0 20px 0 0;
    background: transparent url("/images/whatsapp.png") no-repeat center right;
}

#header-cadastro {
    text-align: right;
    margin-right: 185px;
    font-size: 14px;
    background: #fff;
}

#header-cadastro a {
    padding: 0 5px;
    margin: 4px 0 0 0;
    display: inline-block;
    border-left: 1px solid #000;
}

#header-cadastro a:first-child {
    border: none;
}

#header-shoppingcart-container {
    position: fixed;
    width: 100%;
    z-index: 1400;
}

#h-ruller-pj ~ #header-shoppingcart-container {
    top: 32px;
}

#header-shoppingcart-container > div {
    max-width: 1300px;
    position: relative;
    margin: 0 auto;
}

#header-shoppingcart {
    background: transparent url("/images/shopping_cart_header.png") no-repeat 2px 0;
    right: 20px;
    width: 160px;
    height: 55px;
    top: 0;
    position: absolute;
    z-index: 1400;
}

#qtd-carrinho {
    display: block;
    height: 21px;
    position: absolute;
    width: 90px;
    overflow: hidden;
    text-align: center;
    font-weight: bold;
    padding: 31px 20px 0 45px;
    z-index: 150;
}

.no-js #qtd-carrinho:hover + #detalhes-carrinho {
    display: block;
    z-index: 150;
}

#header-shoppingcart .botao {
    margin: 10px;
}

#header-cart-products {
    max-height: 250px;
    overflow-y: auto;
}

#header-cart-products td {
    text-align: right;
    vertical-align: top;
    padding: 3px 5px;
    border-bottom: 1px dotted #E1E1E1;
}

#header-cart-summary {
    background-color: #F7F7F7;
    border: 1px solid #E1E1E1;
    width: 530px;
    margin: 10px;
}

#header-cart-summary td,
#header-cart-summary th {
    vertical-align: top;
    padding: 1px 5px;
}

#header-cart-summary td {
    white-space: nowrap;
    border: 0;
}

#header-cart-summary td small {
    display: block;
}

#header-cart-summary .total td,
#header-cart-summary .total th {
    font-size: 1.2em;
}

#detalhes-carrinho .imagem {
    text-align: center;
    vertical-align: middle;
}

#header-saudacao {
    text-align: left;
    padding-top: 5px;
    font-size: 14px;
    float: left;
    /*margin: 0 0 0 16px;*/
}

#header-saudacao a {
    color: #47a3ab;
    font-weight: bold;
}

#header-busca {
    margin: 15px 270px 0 340px;
    height: 30px;
    position: relative;
}

#header-busca.aniversario {
    margin: 15px 400px 0 340px;
}

.busca label {
    position: absolute;
    left: 30px;
    height: 28px;
    line-height: 28px;
    color: #C0C0C0;
    font-weight: bold;
    font-size: 14px;
    z-index: 101;
    overflow: hidden;
}

.busca input[type="text"] {
    border: 0;
    height: 28px;
    width: 100%;
    font-size: 14px;
    padding-left: 30px;
    line-height: 26px;
    background: transparent url("/images/fundo-busca.gif") no-repeat left -40px;
}

.busca input[type="image"] {
    position: absolute;
    top: 0;
    right: -83px;
    *top: 1px;
}

#barra-busca input[type="text"] {
    position: absolute;
    left: 0;
    top: 4px;
    *top: 5px;
}

#barra-busca input[type="image"] {
    top: 4px;
    *top: 5px;
}

p {
    text-align: justify;
    text-indent: 2em;
}

dt {
    font-weight: bold;
    padding-top: 10px;
}

dt img {
    vertical-align: middle;
    margin: 0 5px;
}

dd {
    text-align: justify;
}

label input {
    vertical-align: middle;
    margin-top: 0;
}

input[type=image] {
    vertical-align: middle;
}

input:read-only,
input[readonly], option[readonly], select[readonly],
input[disabled], option[disabled], select[disabled] {
    cursor: not-allowed;
}

#header-pj {
    background-color: #49a5b0;
    padding: 5px;
    margin: 0 auto;
    text-align: center;
}

#header-pj h3,
#header-pj h3 a {
    color: #FFFFFF;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 32px;
    font-style: italic;
    margin: 0;
}

#header-pj a:hover {
    text-decoration: none;
}

.header, .messages {
    clear: both;
    margin: auto;
    min-width: 995px;
    max-width: 1300px;
}

.header_naveg {
    clear: right;
    padding: 5px;
}

.header_date {
    float: right;
    text-align: right;
}

#aviso-desconto {
    color: #FFFFFF;
    background-color: #2d2d2d;
    height: 28px;
    margin: 0;
    padding: 0;
    clear: both;
    font-style: italic;
}

#aviso-desconto > div {
    min-width: 995px;
    max-width: 1300px;
    margin: 0 auto;
}

#aviso-desconto p {
    margin: 0;
    padding: 0;
    float: left;
    font-weight: bold;
    text-indent: 0;
    text-align: center;
    font-size: 10px;
    width: 33%;
    height: 28px;
    line-height: 28px;
}

#aviso-desconto.pj p {
    width: 30%;
}

#aviso-desconto.pj p:first-child {
    width: 39%;
}

#aviso-desconto strong {
    color: #f6c421;
    font-size: 1.2em;
}

.promo_validity {
    text-align: center;
    color: #DD0000;
    font-size: 0.8em;
    font-weight: bold;
}

.promo_validity,
.promo_validity em {
    font-style: normal;
}

.box {
    margin: 0 0 10px 0;
    font-size: 12px;
}

.box ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.box h4 {
    font-size: 1em;
    margin: 5px 0;
}

.boxheading {
    font-weight: bold;
    text-align: left;
    font-size: 12px;
    margin: 15px 0 5px 0;
    padding: 0 0 5px 5px;
    color: #47A3AB;
    background: transparent url("/images/fundo-titulo-coluna.gif") no-repeat center bottom;
}

.box:first-child .boxheading {
    margin-top: 0;
}

.main_column_left .boxbody {
    border-left: none;
}

.boxbody-shopping-cart {
    border: 1px solid #C0C0C0;
    border-top: 0;
    padding: 0;
}

#box-tv {
    background-color: white;
}

p.boxconheca {
    margin: 0;
    text-indent: 0;
    padding: 4px;
    border-bottom: 1px solid #FFEDCF;
    font-size: 10px;
}

.main {
    clear: both;
    margin: auto;
    min-width: 995px;
    max-width: 1300px;
    /*padding-top: 20px;*/
}

.main .col1 {
    margin: 0 15px;

}

.colmask {
    position: relative; /* This fixes the IE7 overflow hidden bug */
    clear: both;
    float: left;
    overflow: hidden; /* This chops off any overhanging divs */
    width: 100%;
}

.main .colmid {
    float: left;
    width: 200%;
    position: relative;
    left: 200px;
}

.main .colright {
    float: left;
    width: 100%;
    position: relative;
    left: 50%;
    margin-left: -384px; /* left col width + rigth col width w/ paddings */
}

.main .col1wrap {
    float: right;
    width: 50%;
    position: relative;
    right: 100%;
}

.main .col1pad {
    margin: 0 30px 0 396px; /* 0 (rigth-padding-middle + col rigth left-padding + col rigth rigth-padding) 0 (col left + col right + left-padding-middle) */
    overflow: hidden;
}

#conteudo-principal {
    width: 100%;
    overflow: hidden;
}

#menu-categorias-fornecedores {
    float: left;
    width: 172px;
    position: relative;
    margin-left: -50%;
    left: 192px; /* col left width + col left left-padding */
    overflow: hidden;
}

#lojas-ofertas {
    float: left;
    width: 172px;
    position: relative;
    left: 0; /* col rigth left-padding - col right rigth-padding */
    overflow: hidden;
}

.footer {
    clear: both;
    padding-top: 20px;
}

.main_column_left {
    float: left;
    width: 172px;
    padding: 0 10px 0 10px;
}

.main_middle {
    padding: 0 20px 0 20px;
    margin-left: 192px;
    margin-right: 192px;
}

.main_column_right {
    float: right;
    right: 0;
    width: 172px;
    padding: 0 10px 0 10px;
}

.main_column_right em.promo_validity {
    display: block;
}

#lojas-ofertas .box,
.main_column_right .box {
    text-align: center;
}

@media screen {
    .imp {
        display: none;
        visibility: hidden
    }
}

@media print {
    .tela {
        display: none;
        visibility: hidden
    }
}

.campo {
    margin-bottom: 5px;
    margin-left: 5px;
    padding-top: 2px;
}

.rotulo {
    margin-bottom: 5px;
    width: 150px;
    float: left;
    text-align: right;
    padding-top: 2px;
    padding-right: 5px;
    font-weight: bold;
}

.botao {
    margin-left: 150px;
    border: 0;
}

.erro, .info {
    color: red;
    font-size: 15px;
    text-align: center;
    font-weight: bold;
}

fieldset {
    border: 0;
}

legend {
    font-weight: bold;
    font-style: italic;
}

form {
    margin: 0;
}

form br {
    /*   clear: both; */
}

.lista_produtos {
    font-size: 14px;
    color: #44929F;
    border: 0;
    margin-top: 0;
}

.btn_add {
    text-align: center;
    padding: 5px;
}

div.entrega h2 {
    font-size: 12px;
    background-color: #DFDFDF;
    text-align: center;
    color: #B0251D;
    padding: 5px;
    margin: 0 15%;
}

div.entrega a {
    color: #B0251D;
}

.package {
    font-size: 10px;
    text-align: center;
    margin: 2px;
}

.package p {
    margin: 2px;
}

.package p.price {
    font-weight: bold;
}

.package p.special {
    color: red;
}

.receitas {
    font-size: 12px;
    list-style: none;
    width: 500px;
    margin-left: 0;
    padding-left: 0;
}

.receitas li {
    line-height: 15px;
}

.receitas li.coluna1 {
    border-right: 1px solid #b0251d;
    width: 240px;
}

.receitas li.coluna2 {
    margin-left: 250px;
}

.titulo {
    color: #44929F;
    border: 0;
    font-size: 20px;
    text-align: left;

}

.titulo1 {
    color: #000000;
    font-size: 12px;
    text-align: justify;
    background: transparent url("/images/fundo_titulo.gif") no-repeat bottom;
    padding: 5px 0 15px 5px;
}

h6.titulo1 {
    margin-top: 10px;
}

.header_navigation_bar {
    background-color: #ffffcc;
    border: 1px solid #C0C0C0;
    border-bottom: 0;
    padding: 2px;
    text-align: center;
    font-size: 10px;
    color: #b0251d;
}

.header_navigation_bar1 {
    background-color: #C0C0C0;
    border-left: 1px solid #FFFFCC;
    padding: 2px;
    text-align: center;
    font-size: 10px;
}

.bottom_left {
    background-color: #B0251D;
    vertical-align: bottom;
    width: 10px;
}

.bottom_right {
    background-color: #C0C0C0;
    vertical-align: bottom;
    width: 10px;
}

.clsNode {
    font-size: 11px;
    display: block;
    width: 100%;
}

.clsSelectedNode {
    font-size: 11px;
    font-weight: bold;
    color: red;
}

.clsNode:hover, .clsSelectedNode:hover {
    display: block;
    text-decoration: none;
    color: #000;
    /*    background-color: #ebd3a3; */
    background-color: #FF9A95;
}

.clsftNode {
    border-bottom: 1px solid red;
}

.naveg_buttons {
    text-align: right;
    padding: 5px;
    clear: both;
    margin: 10px 0;
}

.naveg_buttons:after {
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    clear: both;
}

.naveg_buttons .left_buttons, .naveg_buttons > div:first-child {
    float: left;
}

.naveg_buttons img, .naveg_buttons .botao, .naveg_buttons input {
    margin: 5px;
    border: 0;
}

.negrito {
    font-weight: bold;
}

hr.red {
    border: 1px solid #B0251D;
    border-collapse: collapse;
}

.required {
    color: red;
    font-size: 13px;
    padding: 10px 10px 10px 150px;
}

/*   Estilo do Menu   */
/*   Início do estilo para o menu de categorias   */
.menu_logo {
    float: left;
}

.menu_logo a {
    margin: 2px 5px;
    display: block;
}

#barra-busca .menu_logo a {
    margin: 2px;
}

.menu_superior {
    height: 95px;
    text-align: center;
}

.menu_superior img {
    vertical-align: middle;
    margin-right: 2px;
    border: 0;
    margin-top: -5px;
}

.menu_superior span {
    white-space: nowrap;
}

.menu_superior a {
    cursor: pointer;
    margin-left: 5px;
}

.header_info {
    padding: 0 0 10px 0;
}

.aprovacao {
    text-align: center;
    text-indent: 0;
}

.avisos {
    font-size: 14px;
    margin: 5px;
    padding: 5px;
    text-align: center;
}

.avisos strong {
    font-weight: bold;
    color: #B0251D;
}

.avisos div {
    color: #B0251D;
    font-weight: bold;
    text-align: center;
    font-size: 1.1em;
}

.avisos img {
    vertical-align: middle;
}

.cheque {
    color: #B0251D;
    font-weight: bold;
    text-align: center;
    clear: both;
    padding-top: 10px;
    padding-top: 10px;
}

a#correios {
    font-size: .75em;
}

.flashmovie {
    height: 100px;
    overflow: hidden;
    position: absolute;
}

div.blcorner a.whitelink {
    display: block;
    font-size: 18px;
}

.advertencia {
    text-align: center;
    margin: 10px 100px;
    background-color: #FFE88F;
}

.advertencia img {
    margin-right: 10px;
    vertical-align: middle;
}

.invisivel {
    display: none;
    visibility: hidden;
}

div.tutorial {
    border: 1px solid silver;
    margin-top: 5px;
    padding: 2px 0;
}

.fim-de-ano {
    margin: 10px 50px;
    padding: 5px;
    color: red;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}

.fim-de-ano a {
    color: red;
}

#dados-lojas {
    padding: 5px;
    margin: auto;
    min-width: 995px;
    max-width: 1300px;
}

#central-atendimento-footer {
    background: transparent url("/images/fundo-atendimento.gif") no-repeat center center;
    height: 60px;
    width: 960px;
    overflow: hidden;
    margin: 0 auto;
    color: #FFFFFF;
    text-shadow: 2px 2px 1px #808080;
    clear: both;

}

#central-atendimento-footer h4 {
    float: left;
    width: 280px;
    margin: 0;
    text-align: center;
    font-style: italic;
    font-family: Helvetica, Arial, "Courier New", Courier, monospace;
    font-size: 20px;
    padding: 7px 0;
}

#telefone-contato-footer {
    margin: 0 0 0 100px;
    padding: 2px 0 0 0;
    float: left;
    width: 280px;
    font-size: 12px;
    line-height: 18px;
}

#telefone-contato-footer strong {
    font-size: 1.2em;
}

#email-contato-footer {
    margin: 0 0 0 15px;
    padding: 12px 0;
    float: left;
}

#email-contato-footer a,
#email-contato-footer a:hover {
    color: #FFFFFF;
    font-size: 12px;
}

#dados-lojas div {
    text-align: center;
}

#dados-lojas .colleft,
#dados-lojas .colmid {
    float: left;
    width: 100%;
    position: relative;
}

#dados-lojas .col1,
#dados-lojas .col2,
#dados-lojas .col3 {
    float: left;
    position: relative;
    padding: 0 0 1em 0;
    overflow: hidden;
    width: 33%;
}

#dados-lojas > .colmask:last-child .colleft {
    margin: 0 24%;
}

#dados-lojas > .colmask:last-child .col1,
#dados-lojas > .colmask:last-child .col2 {
    width: 49.5%;
}

#dados-lojas .col1 > div,
#dados-lojas .col2 > div,
#dados-lojas .col3 > div {
    margin: 5px;
    border: 1px solid #E1E1E1;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding-bottom: 10px;
}

#dados-lojas strong {
    display: block;
    padding: 10px 0 0 0;
}

#dados-lojas a {
    display: block;
}

#dados-lojas em {
    display: block;
    font-weight: bold;
    font-style: normal;
    margin-top: 10px;
}

#dados-lojas a em {
    font-size: 1.2em;
}

.address {
    display: block;
}

#dados-lojas .address {
    font-style: normal;
    line-height: 1.4em;
}

#dados-loja #endereco p {
    width: 50%
}

#dados-lojas .address span {
    white-space: nowrap;
}

#dados-loja div p {
    text-align: center;
    margin: 0;
    text-indent: 0;
    float: left;
}

#dados-loja #telefone {
    background: transparent url("../images/fone2.jpg") left center no-repeat;
}

#dados-lojas dl dt {
    float: left;
}

#seguranca-confiabilidade {
    padding: 10px 0;
}

#seguranca-confiabilidade div {
    width: 16.5%;
    float: left;
    text-align: center;
}

#copyright {
    text-align: right;
    float: right;
    width: 45%;
    margin: 5px;
    padding: 5px;
}

#counter-container {
    float: right;
    font-size: 0.75em;
}

#lwinformatica-mkteam {
    text-align: center;
    clear: both;
    padding: 20px 0 0;
    background: #fff;
}

#lwinformatica-mkteam img {
    vertical-align: middle;
}

#footer-info {
    background-color: #d5d5d5;
    clear: both;
    margin: 20px 0;
    padding-bottom: 10px;
    -moz-box-shadow: 0 -1px 3px #CCCCCC, 0 1px 3px #CCCCCC;
    -webkit-box-shadow: 0 -1px 3px #CCCCCC, 0 1px 3px #CCCCCC;
    box-shadow: 0 -1px 3px #CCCCCC, 0 1px 3px #CCCCCC;
}

#footer-info-content {
    min-width: 995px;
    max-width: 1300px;
    margin: 0 auto;
}

#footer-info div h4 {
    margin-top: 10px;
}

#footer-info .colmask {
    margin-top: 10px;
}

#footer-info .colright,
#footer-info .colmid,
#footer-info .colleft {
    float: left;
    width: 100%; /* width of page */
    position: relative;
}

#footer-info .col1,
#footer-info .col2,
#footer-info .col3 {
    float: left;
    position: relative;
    padding: 0 0 1em 0;
    /* no left and right padding on columns, we just make them narrower instead
                    only padding top and bottom is included here, make it whatever value you need */
    overflow: hidden;
}

#footer-info .colmid {
    right: 25%; /* width of the right column */
}

#footer-info .colleft {
    right: 50%; /* width of the middle column */
}

#footer-info .col1 {
    width: 44%; /* width of center column content (column width minus padding on either side) */
    left: 101%; /* 100% plus left padding of center column */
}

#footer-info .col2 {
    width: 21%; /* Width of left column content (column width minus padding on either side) */
    left: 33%; /* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}

#footer-info .col3 {
    width: 25%; /* Width of right column content (column width minus padding on either side) */
    left: 83%;
    /* Please make note of the brackets here:
            (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}

#footer-info ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#footer-info li {
    background: url("/images/setinha-categoria.gif") no-repeat scroll left 6px transparent;
    margin-left: 5px;
    padding-left: 10px;
    text-align: left;
}

#formas-pagto-footer {
    background-color: #FFFFFF;
    padding: 5px;
    text-align: center;
}

#formas-pagto-footer img {
    vertical-align: middle;
    padding: 2px 0 2px 5px;
}

#formas-pagto-footer a:hover {
    text-decoration: none
}

#formas-pagto-footer table {
    width: 100%;
    padding: 0;
    border-collapse: collapse;
}

#formas-pagto-footer th, #formas-pagto-footer td {
    padding: 10px 5px;
    border-bottom: 1px dotted #808080;
}

#formas-pagto-footer th {
    width: 30%;
}

#formas-pagto-footer tr:last-child th, #formas-pagto-footer tr:last-child td {
    border-bottom: 0;
}

#formas-pagto-footer span {
    white-space: nowrap;
}

#footer-info h4 {
    clear: both;
}

#aviso-preco {
    clear: both;
    float: left;
    text-align: left;
    width: 45%;
}

#aviso-preco p {
    text-align: left;
    text-indent: 0;
    margin-top: 10px;
}

.cat-heading {
    background: #FCE571 url("/images/header/fundo-menu-sup.jpg") top center repeat-x scroll;
    font-weight: bold;
}

table tfoot th {
    padding: 2px;
}

.counter {
    text-align: right;
    font-size: 8px;
    padding: 5px;
}

#header-lojas {
    padding: 0 10px;
    text-align: center;
    height: 100px;
    float: right;
}

#header-lojas ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    font-weight: bold;
}

#header-lojas li {
    padding: 2px;
}

.box select[name="manufacturers_id"] {
    width: 100%;
}

#arvore-categorias {
    width: 172px;
    overflow: hidden;
    text-align: left;
}

#arvore-categorias h2 {
    margin: 0;
    padding: 0;
    font-weight: normal;
    /*font-size: 12px;*/
}

#arvore-categorias > li > a,
#arvore-categorias > li > h2 > a {
    font-size: 13px;
    font-weight: bold;
    margin: 15px 0 0;
    padding: 0 0 5px 5px;
    color: #47A3AB;
    background: transparent url("/images/fundo-titulo-coluna.gif") no-repeat center bottom;
}

#arvore-categorias > .blackweek > h2 {
    background: transparent url("/images/selo-blackfriday-2017.gif") no-repeat -4px top;
    height: 90px;
    width: 172px;
}

#arvore-categorias > .blackweek > h2 > a {
    color: transparent;
    background: none;
    margin: 0;
    padding: 0;
    height: 90px;
    width: 172px;
}

#arvore-categorias a {
    font-size: 13px;
}

#arvore-categorias li ul li {
    border-bottom: 1px dotted #808080;
    padding-left: 8px;
    background: transparent url("/images/setinha-categoria.gif") no-repeat left center;
}

#arvore-categorias a {
    display: block;
    padding: 3px 0;
}

#arvore-categorias a:hover {
    text-decoration: none;
    color: #1f878f;
}

#cartao-credito img {
    margin: 2px;
}

.seguranca {
    text-align: center;
}

.seguranca img {
    padding: 5px 0;
}

#newsletter-form {
    position: relative;
    background: transparent url("/images/barra-news_v2.jpg");
    height: 92px;
}

#newsletter-form form {
    position: absolute;
    right: 20px;
    top: 25px;
    text-align: center;
    margin: 0;
    padding: 0;
    text-indent: 0;
}

#newsletter-form input[type=text],
#newsletter-form #newsletter_nome,
#newsletter-form #newsletter_email {
    width: 240px;
    /*height: 25px;*/
    padding: 10px;
    border: 1px solid #fff;
    color: #fff;
    background-color: #00BBBA;
}

#newsletter-form input[type=submit] {

}

#newsletter-form ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #fff;
}

#newsletter-form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #fff;
}

#newsletter-form ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #fff;
}

#newsletter-form :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff;
}

#newsletter-form ::-ms-input-placeholder { /* Microsoft Edge */
    color: #fff;
}

#newsletter-form .erro {
    position: absolute;
    right: 129px;
    bottom: 10px;
    width: 262px;
    text-align: center;
    font-size: 1em;
    color: #faf000;

}

#newsletter-form .button {
    background-color: #FAF000;
    color: #000;
    border: 1px solid #faf000 !important;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 36px;
    padding: 5px 10px 6px 10px;
}

#newsletter-form .sucesso {
    position: absolute;
    right: 20px;
    top: 16px;
    width: 400px;
    color: #FAF000;
    font-weight: bold;
    text-align: center;
}

#selos + div {
    margin-top: 120px;
}

#selo-rapidssl {
    top: 38px;
    position: absolute;
    display: inline-block;
}

#selo-ebit {
    left: 125px;
    position: absolute;
    display: inline-block;
}

#armored_website {
    width: 115px;
    height: 32px;
    top: 40px;
    left: 0;
    position: absolute;
    display: inline-block;
}

.propaganda-tv {
    text-align: center;
    margin: 20px;
}

.horario-funcionamento,
.horario-funcionamento dd {
    text-align: center;
    margin: 0;
}

.indisponivel td, .indisponivel a, .indisponivel {
    color: #808080;
}

.dlg-container {
    position: relative;
    width: 100%;
    text-align: center;
    margin: 10px 0;
}

.dlg-messages {
    min-height: 40px;
    padding-left: 40px;
    margin: 0 auto;
    float: right;
    right: 50%;
    position: relative;
    *float: none;
    *right: auto;
}

.dlg-messages-content {
    float: left;
    left: 50%;
    *left: auto;
    position: relative;
}

.dlg-text {
    padding: 11px 20px 11px 10px;
}

.dlg-errors {
    color: #D63301;
    border: 1px solid #D63301;
    background: #FFCCBA url("/images/erro.gif") 4px 4px no-repeat;
}

.dlg-errors * {
    color: #D63301;
}

.dlg-warnings {
    color: #DFA200;
    border: 1px solid #FFD100;
    background: #FEFFAF url("/images/warning.gif") 4px 4px no-repeat;
}

.dlg-warnings * {
    color: #DFA200;
}

.dlg-infos {
    color: #0000BB;
    border: 1px solid #0E4BEF;
    background: #C3D5DF url("/images/info.gif") 4px 4px no-repeat;
}

.dlg-infos * {
    color: #0000BB;
}

#shopping-cart-box span {
    float: right;
}

.g-plusone {
    float: right;
}

.a2a_kit {
    float: left;
}

.clear {
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
}

.clearfix:after {
    clear: both;
}

.clearfix {
}

#vbanner-container .vbanner {
    padding: 5px 0;
}

#vbanner-container img {
    background: no-repeat center;
}

#lojas-container li {
    background: url("/images/setinha-categoria.gif") no-repeat scroll left 6px transparent;
    padding-left: 10px;
    margin-left: 5px;
    text-align: left;
}

#progresso-checkout {
    position: relative;
    text-align: center;
    background: transparent url("/images/etapas.gif") no-repeat center top;
    height: 59px;
}

#loja-exclusiva-anterior {
    background: transparent url("/images/btnPrevious.png") no-repeat center center;
    height: 25px;
    text-indent: -10000px;
    cursor: pointer;
}

#proxima-loja-exclusiva {
    background: transparent url("/images/btnNext.png") no-repeat center center;
    height: 25px;
    text-indent: -10000px;
    cursor: pointer;
}

#lojas-exclusivas {
    position: relative;
    width: 100%;
    height: 500px;
    overflow: hidden;
}

#lojas-exclusivas ul {
    display: table;
    width: 100%;
}

#lojas-exclusivas li {
    display: table-row;
}

#lojas-exclusivas a {
    display: table-cell;
    padding: 5px 0;
    vertical-align: middle;
    height: 60px;
}

#loja-exclusiva-logo {
    padding: 10px 50px;
}

.preco-sem-desconto {
    text-decoration: line-through;
    color: #FF0000;
}

.aviso-desconto {
    font-size: 0.7em;
    font-weight: normal;
}

#dados-lojas .link-lojas {
    display: inline-block;
    clear: both;
    margin: 0 auto;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 20px 7px 20px;
    color: #404041;
    background: #fff;
    border: 1px solid #ededed;
    border-bottom: 3px solid #b2b2b2;
    text-decoration: none;
    margin-top: 20px;
}

#dados-lojas .link-lojas:hover {
    background: #ededed;
}

.frete-gratis {
    display: inline-block;
    width: 115px;
    height: 20px;
    margin: 5px 0;
    color: transparent;
    background: transparent url("/images/frete_gratis.gif") no-repeat center;
}

#cart-content .frete-gratis {
    display: block;
}

#display-price .frete-gratis,
#vitrine .frete-gratis {
    display: inline-block;
    width: 164px;
    height: 27px;
    margin: 5px 0;
    color: transparent;
    background: transparent url("/images/on/tag-frete.gif") no-repeat center;
}

.blackskull #display-price .frete-gratis,
.blackskull .frete-gratis,
.blackskull #vitrine .frete-gratis {
    width: 119px;
    height: 21px;
    background: transparent url("/images/bs/selo-frete.png") no-repeat center;
}

.button {
    display: inline-block;
    position: relative;
    text-align: center;
    background-color: #009cb8;
    border: 0;
    border-bottom: 4px solid #0d7e92 !important;
    padding: 8px 12px;
    margin: 0 5px;
    color: #fff;
    text-decoration: none;
    font-size: 120%;
    border-radius: 5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    clear: both;
    font-weight: bold !important;
    -webkit-box-shadow: 0 1px 5px 0 rgba(50, 50, 50, 0.60);
    -moz-box-shadow: 0 1px 5px 0 rgba(50, 50, 50, 0.60);
    box-shadow: 0 1px 5px 0 rgba(50, 50, 50, 0.60);
    cursor: pointer;
}

input.button {
    font-family: Verdana, helvetica, sans-serif, Arial;
}

.button:hover {
    text-decoration: none;
    color: #fff;
}

.button.fa-chevron-left {
    padding: 8px 12px 8px 4px;
}

.button.small {
    padding: 5px 10px;
    font-size: 100%;
    border: 0;
    border-bottom: 2px solid #0d7e92 !important;
}

.button.next {
    background: #009cb8 url("/images/m/seta-bto-cadastro.gif") no-repeat right center;
    background-size: 20px !important;
    padding: 8px 30px 8px 12px;
    font-size: 180% !important;
}

.button:disabled {
    background-color: #d6d6d6 !important;
    border-bottom: 4px solid #a0a0a0 !important;
    cursor: not-allowed;
}

#boxLight, #dark {
    z-index: 20000 !important;
}

#baloes {
    position: absolute;
    top: 2px;
    right: 11px;
    z-index: -1;
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.alert h4 {
    margin-top: 0;
    color: inherit;
}

.alert .alert-link {
    font-weight: bold;
}

.alert > p,
.alert > ul {
    margin: 0;
    text-indent: 0;
}

.alert > p + p {
    margin-top: 5px;
}

.alert-dismissable,
.alert-dismissible {
    padding-right: 35px;
}

.alert-dismissable .close,
.alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit;
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.alert-success hr {
    border-top-color: #c9e2b3;
}

.alert-success .alert-link {
    color: #2b542c;
}

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.alert-info hr {
    border-top-color: #a6e1ec;
}

.alert-info .alert-link {
    color: #245269;
}

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.alert-warning hr {
    border-top-color: #f7e1b5;
}

.alert-warning .alert-link {
    color: #66512c;
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.alert-danger hr {
    border-top-color: #e4b9c0;
}

.alert-danger .alert-link {
    color: #843534;
}

#ebit {
    display: none;
}

.bandeira {
    display: inline-block;
    vertical-align: middle;
    background-size: 100%;
    margin: 2px;
    color: transparent;
    overflow: hidden;
}

.bandeira.visa {
    height: 21px;
    width: 40px;
    background-image: url(/images/band_visa.gif);
}

.bandeira.mastercard {
    height: 21px;
    width: 33px;
    background-image: url(/images/band_mastercard.gif);
}

.bandeira.amex {
    height: 21px;
    width: 21px;
    background-image: url(/images/band_american.gif);
}

.bandeira.diners {
    height: 21px;
    width: 28px;
    background-image: url(/images/band_diners.gif);
}

.bandeira.elo {
    height: 21px;
    width: 21px;
    background-image: url(/images/band_elo.gif);
}

.bandeira.jcb {
    height: 21px;
    width: 27px;
    background-image: url(/images/band_jcb.gif);
}

.bandeira.sorocred {
    height: 21px;
    width: 27px;
    background-image: url(/images/band_sorocred.gif);
}

.bandeira.visa-electron {
    height: 21px;
    width: 40px;
    background-image: url(/images/cdeb_visa.gif);
}

.bandeira.bb {
    height: 19px;
    width: 19px;
    background-image: url(/images/logo-bb.gif);
}

.bandeira.bradesco {
    height: 19px;
    width: 19px;
    background-image: url(/images/logo-bradesco.gif);
}

.bandeira.hsbc {
    height: 18px;
    width: 27px;
    background-image: url(/images/logo-hsbc.gif);
}

.bandeira.santander {
    height: 17px;
    width: 19px;
    background-image: url(/images/logo-santander.gif);
}

.bandeira.boleto {
    height: 25px;
    width: 25px;
    background-image: url(/images/boleto-1.gif);
}

@media screen and (max-width: 1280px) {
    #aviso-desconto, #aviso-desconto.pj {
        height: auto;
        background: #000 url("/images/fundo-aviso-desconto-e-frete.gif") center bottom repeat-x;
    }

    #aviso-desconto:after, #aviso-desconto.pj:after {
        content: "";
        display: table;
        clear: both;
    }

    #aviso-desconto p, #aviso-desconto.pj p, #aviso-desconto.pj p:first-child {
        float: left;
        width: 50%;
        height: 22px;
        line-height: 22px;
    }

    #aviso-desconto p:last-child, #aviso-desconto.pj p:last-child {
        width: 100%;
    }

    #header-saudacao,
    #header-cadastro {
        font-size: 12px;
    }

    #header-atendimento {
        margin: 20px 380px 0 340px;
    }

    #barra-busca-container {
        height: 75px;
    }

    #newsletter-form {
        background-size: 100%;
        height: 70px;
    }

    #newsletter-form form {
        top: 23px;
        right: 10px;
    }

    #newsletter-form input[type=text], #newsletter-form #newsletter_nome, #newsletter-form #newsletter_email {
        width: 180px;
        padding: 5px 10px;
    }

    #newsletter-form .button {
        padding: 2px 10px 3px 10px;
        height: 26px;
    }

    #newsletter-form .erro {
        right: 16px;
        bottom: 0;
        width: 305px;
    }

    #newsletter-form .sucesso {
        top: 8px;
        right: 10px;
        width: 310px;
        font-weight: normal;
        line-height: 18px;
    }
}