#Body {
    position: relative;
    min-width: 770px;
}

#NavSuperior {
    clear: both;
}

#NavVisitados {
    clear: both;
    background: #FFF;
}

#NavInferior {
    clear: both;
}

#NavTagCloud span {
    display: block;
    background: #FFF;
    text-align: center;
    padding: 10px 0 10px 0;
    border-top: 1px dotted #ccc;
}

#NavTagCloud span a {
    display: inline-block;
    margin: 0 5px;
}

#NavTagCloud h2 {
    display: block;
    clear: both;
    background: #fff url(/assets/store/img/sombratop.png) repeat-x top;
    font: normal 12px Arial, Helvetica, sans-serif;
    color: #666 !important;
    padding: 9px 0 5px 10px;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
}

h1 {
    font-size: 18px;
}

h2 {
    font-size: 16px;
}

h3 {
    font-size: 14px;
}

h4 {
    font-size: 12px;
}

h5 {
    font-size: 10px;
}

hr {
    height: 1px;
    border: 0;
    border-top: 1px dotted #CCC;
    margin: 0;
    clear: both;
}

img {
    border: 0;
}

.tablePage {
    border-top: 1px #CCC solid;
    border-right: 1px #CCC solid;
}

.tablePage th {
    border: 1px #CCC solid;
    border-top: 1px #FFF solid;
    border-right: 1px #FFF solid;
    padding: 5px;
    background: #FFF url(/assets/store/img/sombratop.png) repeat-x top;
}

.tablePage td {
    font-size: 11px;
    position: relative;
    border-bottom: 1px #CCC solid;
    border-top: 1px transparent solid;
    border-right: 1px transparent solid;
    padding: 3px;
}

.tablePage .trOver td {
    border-top: 1px solid #CCC;
    border-bottom: 2px solid #CCC;
}

p {
    border-bottom: 1px #CCC dotted;
    padding: 5px;
    position: relative;
    display: block;
    z-index: 0;
}

#Page {
    display: table;
    width: 100%;
    background: #FFF;
}

#Page form {
    margin: 0;
    padding: 0;
    width: auto;
    font-size: 11px;
}

#Page fieldset {
    border: 1px #CCC solid;
    padding: 5px;
    background: url(/assets/store/img/sombratop.png) repeat-x top;
    width: auto;
    line-height: 18px;
    position: relative;
}

#Page legend {
    border: 1px #CCC solid;
    padding: 5px;
    font-size: 150%;
    font-weight: bold;
    background: #FFF;
    display: table;
    white-space: nowrap;
}

#Page .text {
    margin: 0;
    border: 1px #CCC solid;
    height: 23px;
    line-height: 18px;
    background: #FFF url(/assets/store/img/sombratop.png) repeat-x top;
    font-size: 14px;
    font-weight: bold;
    color: #666;
}

#Page .opcional {
    background-color: #F1F1F1;
}

#Page .obriga {
    border-left: 3px #C00 solid;
}

#Page .inputErro {
    border: 3px #C00 solid;
}

.red {
    font-weight: bold;
    color: #C00;
}

#Page .image {
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 0;
}

#Page #cepbox .image {
    top: 10px;
}

#Page .radio {
    position: relative;
    top: 2px;
    padding: 0;
    margin: 0;
}

#Page .check {
    position: relative;
    top: 2px;
    padding: 0;
    margin: 0;
}

.select {
    margin: 0;
    border: 1px #CCC solid;
    font-size: 14px;
    font-weight: bold;
    color: #666;
}

#Page .textarea {
    margin: 0;
    border: 1px #CCC solid;
    font-size: 16px;
    font-weight: bold;
    color: #666;
}

.pool {
    width: 100%;
    margin: 0;
}

.pool:after,
.comparatorTabs ul:after,
.comparator ul:after,
.MapaSite ul:after,
.container:after,
.container2:after,
.container3:after,
.topBorder:after,
#bottom:after,
#foto_a:after,
.board:after,
.visitados:after,
.Forma2:after,
Forma2 ul:after,
.menu_superior_principal:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    overflow: hidden;
}

.container {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0;
    background: url(/assets/store/img/bg_left.gif) repeat-y left;
}

.container2 {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    background: url(/assets/store/img/bg_right.gif) repeat-y right;
}

.container3 {
    position: relative;
    width: 100%;
    height: auto;
    border-top: 1px #CCC solid;
    margin: 0;
    text-align: left;
    background: url(/assets/store/img/bg_left.gif) repeat-y left;
}

.topBorder {
    position: relative;
    width: 100%;
    height: 18px;
    clear: both;
    text-align: left;
    background: #FFF url(/assets/store/img/bg_right_full1.png) no-repeat bottom right;
}

.leftCorner {
    float: left;
    min-height: 18px;
    height: auto;
    width: 6px;
    background: url(/assets/store/img/left1.png) no-repeat bottom left;
}

.leftCorner2 {
    float: left;
    min-height: 35px;
    height: auto;
    width: 6px;
    background: url(/assets/store/img/left2.gif) no-repeat bottom left;
    padding: 5px 9px 4px 6px;
}

.bottom {
    display: block;
    clear: both;
    margin: 0;
    padding: 0;
    background: url(/assets/store/img/bCenter.png) repeat-x bottom;
    height: 24px;
}

.bLeft {
    float: left;
    width: 7px;
    height: 24px;
    background: url(/assets/store/img/bLeft.png) no-repeat left bottom;
}

.bRight {
    float: right;
    width: 7px;
    height: 24px;
    background: url(/assets/store/img/bRight.png) no-repeat right bottom;
}

.tit {
    font-weight: bold;
    font-size: 170%;
}

#title {
    position: relative;
    text-align: left;
    padding: 10px 0 0 10px;
    border-top: 1px #CCC solid;
}

#title a {
    text-decoration: none;
    padding: 5px 0 4px 0;
}

#title a:hover {
    text-decoration: underline;
}

.prodCod {
    position: absolute;
    right: 10px;
    top: 10px;
}

#esquerda,
#esquerda-produto {
    float: left;
    width: 49%;
    min-width: 200px;
    background: #FFF url(/assets/store/img/bg_left.gif) repeat-y left;
    position: relative;
    z-index: 1;
}

#direita,
#direita-produto {
    float: right;
    width: 50%;
    background: #FFF url(/assets/store/img/bg_right.gif) repeat-y right;
    position: relative;
    z-index: 0;
}

#CadastroAbas {
    display: table;
    width: 100%;
    margin: 0;
    text-transform: uppercase;
    border-left: 1px #CCC solid;
    background: url(/assets/store/img/bg_left_full2.gif) no-repeat top right;
    font-size: 11px;
}

#CadastroAbas li {
    float: left;
    background: url(/assets/store/img/left.png) no-repeat left top;
    margin: 0 0 0 3px;
    padding: 0 0 0 3px;
}

#CadastroAbas ul {
    margin: 0;
    padding: 10px 0 0 0;
    list-style: none;
}

#CadastroAbas a {
    display: block;
    background: url(/assets/store/img/right.png) no-repeat right top;
    padding: 5px 9px 8px 6px;
    text-decoration: none;
    color: #666;
}

#CadastroAbas a:hover {
    color: #222;
}
/*Start hiding from IE Mac \*/
#CadastroAbas a {
    float: none;
}
/*Stop hiding from IE Mac */
#CadastroAbas .aberta a {
    padding: 5px 9px 10px 6px;
    font-size: 14px;
    font-weight: bold;
}


/* abas do produto */

#visualAbas {
    background: #FFF url(/assets/store/img/bg_left_full2.gif) no-repeat top right;
    border-left: 1px #CCC solid;
    font-size: 11px;
    margin: 0;
    overflow: hidden;
    text-transform: uppercase;
}

#visualAbas ul {
    margin: 0;
    padding: 10px 0 0 0;
    list-style: none;
}

#visualAbas li {
    float: left;
    background: url(/assets/store/img/left.png) no-repeat left top;
    margin: 0 0 0 3px;
    padding: 0 0 0 3px;
}

#visualAbas a {
    display: block;
    background: url(/assets/store/img/right.png) no-repeat right top;
    padding: 5px 9px 8px 6px;
    text-decoration: none;
    color: #666;
}

#visualAbas a:hover {
    color: #222;
}

            /*Start hiding from IE Mac \*/
#visualAbas a {
    float: none;
}
            /*Stop hiding from IE Mac */
#visualAbas .aberta a {
    padding: 5px 9px 10px 6px;
    font-size: 14px;
    font-weight: bold;
}

/* foto / video do produto */
#colFotos,
#colVideo,
#col3D {
    background: url(/assets/store/img/bg_right_full.gif) no-repeat bottom right;
    border-left: 1px #CCC solid;
    height: auto;
    margin: 0;
    padding: 10px 8px;
    text-align: center;
}

    /* foto do produto */
#foto_p {
    border: 1px #999 dotted;
    height: auto;
    min-height: 180px;
    margin: 0;
    padding-top: 5px;
    position: relative;
    text-align: center;
    width: auto;
}

#foto_p img {
    /*max-height: 100%; incompativel com Safari Mac/iPhone*/
    max-width: 100%;
    height: auto;
    width: auto;
}

#container_thumb {
    min-height: 300px;
}

#colFotos .zoom-on a {
    cursor: default;
}

/* galeria */
#add span,
#add a,
#add img {
    display: block;
    margin: 0;
    padding: 0;
}

/* miniaturas */
#foto_a {
    padding: 5px 0;
    border-top: 1px #CCC dotted;
    margin: 10px 0 0 0;
}

#foto_a a {
    background-image: none;
    float: left;
    max-height: 90px;
    height: 100%;
    text-align: center;
    width: 24%;
}

/* miniaturas carrossel */
#foto_a .jcarousel-item a {
    width: 100%;
}

#foto_a img {
    max-height: 90px;
    max-width: 90%;
}

#colVideo a, #col3D a {
    color: #444;
    font-weight: bold;
    text-decoration: none;
}

#colVideo a:hover, #col3D a:hover {
    text-decoration: underline;
}

#colVideo .bloco, #col3D .bloco {
    width: 97%;
    height: auto;
    min-height: 200px;
    margin: 15px 1%;
    padding: 10px 0;
    border: 1px #999 dotted;
    text-align: center;
}

#colVideo .bloco object {
    max-width: 97%;
}

.ranking {
    padding: 5px;
    text-align: left;
    border-bottom: 1px #CCC dotted;
    line-height: 25px;
    overflow: hidden;
}

.ranking input {
    float: left;
    margin-right: 5px;
    border: 0;
}

.star5, .star4, .star3, .star2, .star1, .star0 {
    float: left;
    width: 130px;
    height: 25px;
    margin-right: 5px;
    background: url(/assets/store/img/star.png) no-repeat;
}

.star5 {
    background-position: 0 0;
}

.star4 {
    background-position: -26px 0;
}

.star3 {
    background-position: -52px 0;
}

.star2 {
    background-position: -78px 0;
}

.star1 {
    background-position: -104px 0;
}

.star0 {
    background-position: -130px 0;
}

.rateBlock {
    display: table;
    width: 98%;
    padding: 5px;
    line-height: 30px;
    font-size: 160%;
    border: 1px #CCC dotted;
    margin-bottom: 10px;
}

.nota {
    margin: 2px;
    padding-left: 10px;
    float: left;
    display: block;
}

.star {
    display: block;
    float: left;
    width: 37px;
    height: 35px;
    margin: 0 0 0 1px;
    cursor: pointer;
    background: url(/assets/store/img/star_empty.gif) no-repeat;
}

.starOK {
    display: block;
    float: left;
    width: 37px;
    height: 35px;
    margin: 0 0 0 1px;
    cursor: pointer;
    background: url(/assets/store/img/star_ok.gif) no-repeat;
}

#botoes {
    float: left;
    width: 49%;
    max-height: 160px;
    text-align: center;
    padding: 2% 0 0 0;
}

#botoes img {
    float: left;
    width: auto;
    max-width: 98%;
    height: auto;
    max-height: 70px;
    margin: 2px;
}

#miniad {
    float: right;
    width: 50%;
    height: auto;
    max-height: 160px;
    text-align: left;
}

#miniad img {
    width: auto;
    height: auto;
    max-width: 90%;
    max-height: 160px;
}

#preco {
    margin-bottom: 5px;
    padding: 0 0 0 10px;
    font-size: 120%;
    text-align: left;
    border-top: 1px #CCC dotted;
    border-bottom: 1px #CCC dotted;
}

.precode {
    text-decoration: line-through;
}

.precoAvista {
    font-size: 170%;
    font-weight: bold;
}

.precoparc {
    font-size: 170%;
    font-weight: bold;
}

#menuVars {
    font-size: 120%;
}

.varTit {
    padding: 5px;
    background: #CCC url(/assets/store/img/reflexo.png) repeat-x top;
    color: #666;
    cursor: pointer;
    font-weight: bold;
    overflow: hidden;
}

.varTit:hover {
    background: #E4E4E4 url(/assets/store/img/reflexo.png) repeat-x top;
}

.varCont {
    padding: 5px;
    margin: 0;
    border-left: 1px #CCC dotted;
    overflow: hidden;
}

.varCont form {
    margin: 5px;
    padding: 0;
}

.varCont ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 90%;
    overflow: hidden;
}

.varCont ul li {
    display: block;
    border: 1px dotted #CCC;
    background: #F1F1F1;
    padding: 3px;
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 3px;
    overflow: hidden;
}

.varCont ul li ul {
    width: 100%;
}

.varCont ul li ul li {
    display: block;
    border: 1px dotted #CCC;
    background: #FFF;
    font-weight: normal;
    font-size: 11px;
    margin: 0;
    color: #555;
}

.onVar {
    background: #555 url(/assets/store/img/reflexo.png) repeat-x top;
    color: #FFF;
}

.onVar:hover {
    background: #555 url(/assets/store/img/reflexo.png) repeat-x top;
    color: #FFF;
}

#info {
    width: 100%;
    padding: 10px 0 0 0;
}

#info a {
    font-size: 130%;
    font-weight: bold;
    text-decoration: none;
    border: 1px #CCC dotted;
    padding: 5px;
    display: block;
}

#info a:hover {
    background: #F3F3F3 url(/assets/store/img/bg_right.gif) repeat-y right;
}

#cepbox {
    border-top: 2px #CCC solid;
    border-bottom: 2px #CCC solid;
    padding: 3px 0 10px 3px;
    margin: 20px 0 10px 0;
    text-align: left;
    font-size: 130%;
    font-weight: bold;
}

#quantidade {
    width: 100%;
    text-align: left;
    line-height: 21px;
    font-size: 130%;
    font-weight: bold;
    margin: 5px 0 5px 0;
    padding: 2px 0 2px 0;
    border-top: 2px #CCC solid;
    border-bottom: 2px #CCC solid;
}

.botoes {
    text-align: center;
    padding: 6px 0 6px 0;
}

.botoes a {
    display: block;
    border-right: 1px #ccc solid;
    border-bottom: 1px #ccc solid;
    text-decoration: none;
    text-transform: uppercase;
    padding: 3px;
}

.botoes a:hover {
    background: #F3F3F3 url(/assets/store/img/bg_left.gif) repeat-y left;
}

.remove-bg button {
    background: none;
    border: none;
}

/* estilo adicionado para remoção das tags <br> */
.produto-dados .dados-campo:before,
.produto-dados .dados-valor:after,
.dados-campo:before,
.dados-valor:after {
    content: "";
    display: block;
}

/* botões */
input[type='submit'],
input[type='reset'],
button {
    cursor: pointer;
}

.disabledBotaoImg{
    pointer-events: none;
}

/* abas na pagina de produto */
#ProdBlock {
    display: table;
    width: 100%;
}

#ProdAbas {
    display: table;
    width: 100%;
    letter-spacing: -1px;
    text-transform: uppercase;
    background: #FFF url(/assets/store/img/bg_left_full.png) no-repeat bottom right;
}

#ProdAbas ul {
    margin: 0;
    padding: 10px 0 0;
    list-style: none;
}

#ProdAbas li {
    float: left;
    background-image: url(/assets/store/img/left.png);
    background-repeat: no-repeat;
    background-position: left top;
    margin: 0 0 0 3px;
    padding: 0 0 0 3px;
}

#ProdAbas .aberta {
    background-image: url(/assets/store/img/left.png);
    float: left;
    margin: 0 0 0 3px;
    z-index: 20;
}

#ProdAbas a {
    float: left;
    display: block;
    background: url(/assets/store/img/right.png) no-repeat right top;
    padding: 5px 9px 8px 6px;
    text-decoration: none;
    color: #666;
    border: 0;
    font-size: 10px;
    font-weight: normal;
}

#ProdAbas .aberta a {
    background-image: url(/assets/store/img/right.png);
    padding: 5px 9px 12px 6px;
    font-size: 14px;
    font-weight: bold;
}

    
    /* necessario utilizar id, pois a class .prodBox afeta todas as abas */
#descricao ul, #garantia ul {
    list-style: disc inside none;
}

#descricao ol {
    list-style: decimal inside none;
}

/*Start hiding from IE Mac\*/
#ProdAbas a {
    float: none;
}
/*Stop hiding from IE Mac*/

.prodBox {
    display: table;
    width: 100%;
    font-size: 110%;
    color: #444;
    text-align: left;
    background: url(/assets/store/img/bg_right.gif) repeat-y right;
}

.icons {
    display: table;
    width: 100%;
    text-align: center;
}

.icons a {
    margin: 0;
    border-bottom: 1px #FFF solid;
}

.icons img {
    max-height: 79px;
}

.icons a:hover {
    border-bottom: 1px #CCC solid;
}

.line {
    height: 5px;
    width: 100%;
    border-top: 1px #999 dotted;
}

#alert {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    border: 1px #ccc solid;
    background: #FFF url(/assets/store/img/sombratop.png) repeat-x top;
    color: #666;
    padding: 5px;
}

.pagtos {
    font-size: 110%;
    text-transform: none;
    font-weight: normal;
}

.pagtos ul {
    cursor: pointer;
    display: table;
    width: 100%;
    margin: 0;
    padding: 5px 0 5px 0;
    list-style: none;
    border-top: 1px #CCC solid;
    background: url(/assets/store/img/sombratop.png) repeat-x top;
}

.pagtos li {
    float: left;
    width: 15%;
    padding: 0;
    margin: 0;
    text-align: center;
    overflow: visible;
}

.pagtos .header {
    float: left;
    width: 54%;
    font-size: 130%;
    text-align: left;
    text-indent: 10px;
}

.closeBar {
    background: url(/assets/store/img/sombratop.png) repeat-x top;
    padding: 5px;
    cursor: pointer;
    border-left: 1px #CCC solid;
    border-right: 1px #CCC solid;
}

.closeBar:hover {
    background: #F3F3F3 url(/assets/store/img/sombratop.png) repeat-x top;
}

.closeBar a {
    font-size: 110%;
    color: #666;
    text-decoration: none;
    background: url(/assets/store/img/arrow.png) no-repeat left center;
    padding-left: 18px;
}

#fotoabas {
    float: right;
    width: 50px;
    margin-left: 10px;
    border-left: 1px dotted #CCC;
    text-align: center;
}

#fotoabas li {
    padding: 20px 0 20px 0;
    border-bottom: 1px dotted #CCC;
}

#fotoabas ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.code {
    font-size: 250%;
    color: #FFF;
    background-image: url(/assets/store/img/blockC.png);
    background-repeat: repeat-x;
    background-position: bottom;
    font-family: Verdana, sans-serif;
    border-left: 6px #CCC solid;
    font-weight: bold;
    text-align: center;
    padding: 10px;
}

.Login {
    float: left;
    width: 49%;
}

.Cadastro {
    float: right;
    width: 49%;
}

.dif {
    font-size: 130%;
    cursor: pointer;
    padding: 3px;
}

.dif:hover {
    text-decoration: underline;
}

.refresh {
    border: none;
    height: auto;
    background: none;
    padding: 0;
    margin: 0;
    display: block;
    cursor: pointer;
}

.refresh_exclusao {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    display: block;
    height: auto;
    margin: 0;
    padding: 0;
}

.clear {
    border: none;
    background: none;
    width: auto;
    height: auto;
    clear: both;
}

.table {
    display: table;
}

.excluir {
    position: relative;
    top: -5px;
    right: -8px;
    float: none;
    margin: 0;
}

#PassosAba {
    display: table;
    width: 100%;
    font-size: 11px;
    background: #FFF url(/assets/store/img/bg_left_full.png) no-repeat bottom right;
}

#PassosAba li {
    float: left;
    margin: 0 0 0 3px;
    padding: 0 0 0 3px;
}

#PassosAba ul {
    margin: 0;
    padding: 10px 0 0;
    list-style: none;
}

#PassosAba a {
    float: left;
    display: block;
    padding: 5px 9px 7px 6px;
    text-decoration: none;
    color: #666;
    border: 0;
    cursor: default;
}
/*Start hiding from IE Mac\*/
#PassosAba a {
    float: none;
}/*Stop hiding from IE Mac*/
#PassosAba .aberta {
    background: url(/assets/store/img/left.png) no-repeat left top;
    float: left;
    margin: 0 0 0 3px;
    z-index: 20;
}

#PassosAba .aberta a {
    background: url(/assets/store/img/right.png) no-repeat right top;
    color: #666;
    padding: 5px 9px 7px 6px;
    font-size: 14px;
    font-weight: bold;
}

.board {
    position: relative;
    margin: 10px;
    margin-bottom: 0;
    text-align: left;
    clear: both;
}

.board_htm {
    position: relative;
    margin: 0;
    clear: both;
    display: table;
    width: 99.9%;
}

.board_htm p {
    border: 0;
    margin: 5px 0 0 0;
    width: auto;
}

.board_htm table {
    display: table;
    max-width: 99%;
    text-align: left;
}

.board_htm ul,
.board_htm ol,
.board_htm li {
    margin-left: 15px;
}

.qntd {
    width: 25px;
    height: 20px;
    border: 1px #ccc solid;
    font-size: 130%;
    text-align: center;
    background: #FFF url(/assets/store/img/sombratop.png) repeat-x top;
}

.pagar {
    display: block;
    background-image: url(/assets/store/img/black-70.png);
    padding: 10px 0;
    margin: 0;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    font-size: 130%;
    color: #FFF!important;
}

.pagar:hover {
    background-image: none;
}

.noneListStyle {
    list-style: none;
    margin: 0;
    padding: 0;
}

.noneListStyle li {
    margin-top: 15px;
    margin-right: 10px;
    clear: left;
}

#FormasPagamento .selected {
    background-color: #E4E4E4;
}

.opcaoON {
    float: left;
    margin: 2px;
    color: #777;
    padding: 5px;
    font-size: 170%;
    font-weight: bold;
}

.opcaoOFF {
    float: left;
    margin: 2px;
    color: #777;
    padding: 5px;
    font-size: 140%;
    font-weight: bold;
}

#colEsq {
    float: left;
    clear: left;
    display: table;
    width: 220px;
}

#colDir {
    margin: 70px 0 0 230px;
}

.Pedidos {
    text-align: center;
    border: 1px dotted #CCC;
}

.Pedidos th {
    background: #F1F1F1 url(/assets/store/img/sombratop.png) repeat-x top;
    border-bottom: 1px solid #CCC;
    padding: 5px;
    font-size: 12px;
}

.Pedidos td:hover {
    background-color: #E9E9E9;
}

.Pedidos td {
    border-bottom: 1px solid #DDD;
    padding: 5px;
    color: #666;
    font-size: 12px;
}

.Pedidos tr:hover {
    background-color: #F0F0F0;
}

.Mapa {
    position: absolute;
    top: -1px;
    right: 0;
    display: block;
    width: 120px;
    height: 38px;
    z-index: 99;
}

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

.left {
    float: left;
}

.right {
    float: right;
}

.icoPai {
    float: left;
    padding: 10px;
    text-align: center;
}

.icoFilho {
    float: left;
    padding: 10px;
    text-align: center;
    border-right: 1px dotted #CCC;
}

.icoFilho p {
    margin-top: 0;
}

.nao_disp {
    font-size: 11px;
    padding: 5px;
    border-top: 1px dotted #CCC;
    width: 100%;
}

.nao_disp2 {
    color: #FF0000;
    font-weight: bold;
    font-size: 12px;
}

.visitados {
    position: relative;
    min-height: 250px;
    margin: 0;
    padding-top: 10px;
    border-top: 1px solid #DEDEDE;
    background: url(/assets/store/img/sombratop.png) repeat-x top;
    border-bottom: 2px solid #DEDEDE;
}

.visitados_itens {
    float: right;
    width: 250px;
    min-height: 250px;
    border-left: 1px solid #DEDEDE;
    text-align: left;
}

.visitados_itens h4 {
    margin-bottom: 10px;
}

.visitados_produtos {
    margin-right: 285px;
    min-width: 300px;
}

.visitados_produtos table {
    float: left;
    width: 32.5%;
}

.itens {
    border-bottom: 1px dotted #DEDEDE;
    width: 90%;
    min-height: 80px;
    margin: 10px 4% 10px 4%;
    font-size: 12px;
}

.clearVisiteds {
    float: right;
    border: 1px solid #DDD;
    background: #EEE;
    color: #666;
    font-size: 11px;
    padding: 2px 5px;
    position: relative;
    z-index: 10;
}

.itens_tit {
    margin-bottom: 10px;
}

.paginacao_ajax {
    font-size: 12px;
    margin-bottom: 10px;
    border-bottom: 1px dotted #DDD;
    height: 20px;
}

.total_produtos {
    float: left;
    margin-left: 10px;
}

.paginacao_ajax_prod {
    float: right;
}

.pageON {
    color: #FFFFFF !important;
    font-weight: bold;
    font-size: 110%;
    background: #666;
    padding: 0 2px 0 2px;
}

.FotoLista {
    display: block;
    margin: 3px;
}

.NomeProdLista {
    display: block;
    text-align: center;
    font-weight: bold;
}

.ValoresLista {
    margin: 0;
    border: 0;
    display: block;
}

#NavVisitados ul, #Relacionados ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#NavVisitados ul li {
    float: left;
    width: 29%;
    padding: 2%;
}

#NavVisitados, #Relacionados {
    text-align: center;
}

#Relacionados ul li {
    float: left;
    font-size: 85%;
    width: 20%;
    padding: 2%;
}

#Relacionados ul li .NomeProdLista {
    font-size: 85%;
}

.MaisMenos a {
    display: block;
}

.MapaSite {
    width: 95%;
    margin: 0 2.5% 0 2.5%;
    overflow: auto;
}

.MapaSite ul {
    list-style: none;
    clear: left;
    margin: 0;
    padding: 0;
    width: 100%;
    background: #FFF;
    display: table;
}

.MapaSite ul li {
    float: left;
    width: 24%;
    margin: 0.25%;
    text-align: center;
    background: #FFF;
}

.MapaSite h2 {
    display: block;
    width: 100%;
    padding: 5px 0;
    background: url(/assets/store/img/sombratop.png) repeat-x top;
    border: 1px solid #ccc;
    position: relative;
}

.MapaSite h2 a {
    padding: 0;
    margin-top: 0;
    border: 0;
    font-size: 14px;
    font-weight: bold;
}

.MapaSite h4 {
    padding: 0;
    font-weight: normal;
    position: relative;
    display: block;
}

.MapaSite h3 {
    padding: 0;
    position: relative;
    display: block;
    margin-top: 3px;
}

.MapaSite ul li ul li {
    display: block;
    width: auto;
    clear: left;
    margin: 0;
    background: #FFF url(/assets/store/img/ico_mapadosite_joint.png) no-repeat left top;
    padding-left: 15px;
    text-align: left;
}

.MapaSite ul li ul li a {
    display: block;
    padding: 5px;
    border: 1px dotted #CCC;
    font-size: 10px;
}

.MapaSite ul li ul li a:hover {
    background: #F1F1F1;
    text-decoration: none;
}

.Departamentos h2 {
    font-size: 12px;
}

.blocoAlerta, .message {
    display: block;
    padding: 10px 0 10px 0;
    margin: 10px;
    background: #FFEDED url(/assets/store/img/sombratop.png) repeat-x top;
    font: bold 12px Arial, Helvetica, sans-serif;
    color: #990000;
    text-align: center;
}

.blocoAtencao {
    display: block;
    padding: 10px 0 10px 0;
    margin: 10px;
    background: #FFFF99 url(/assets/store/img/sombratop.png) repeat-x top;
    font: bold 12px Arial, Helvetica, sans-serif;
    color: #854E01;
    text-align: center;
}

.blocoSucesso {
    display: block;
    padding: 10px 0 10px 0;
    margin: 10px;
    background: #EDFFED url(/assets/store/img/sombratop.png) repeat-x top;
    font: bold 12px Arial, Helvetica, sans-serif;
    color: #009900;
    text-align: center;
}

.blocoSucessoFixo {
    display: block;
    padding: 10px 0 10px 0;
    margin: 10px;
    background: #EDFFED url(/assets/store/img/sombratop.png) repeat-x top;
    font: bold 12px Arial, Helvetica, sans-serif;
    color: #009900;
    text-align: center;
    position: fixed;
    z-index: 1;
    left: 20%;
    top: 50%;
    width: 60%;
}

.blocoAlertaFixo {
    display: block;
    padding: 10px 0 10px 0;
    margin: 10px;
    background: #FFEDED url(/assets/store/img/sombratop.png) repeat-x top;
    font: bold 12px Arial, Helvetica, sans-serif;
    color: #990000;
    text-align: center;
    ;position: fixed;
    z-index: 1;
    left: 20%;
    top: 50%;
    width: 60%;
}

.indisp {
    position: relative;
    top: 0;
    left: -18px;
}

.pointer {
    cursor: pointer;
}

.light_altura {
    line-height: 110%;
}

.mensagensErro {
    margin-left: 10px;
    padding: 3px;
    background: #F5F5F5;
    border: 1px dotted #CCC;
}

.Forma1 {
    list-style: none;
    margin: 0 0 20px 0;
    padding: 0;
}

.Forma1 li {
    background: url(/assets/store/img/sombratop.png) repeat-x top;
    border-top: 1px solid #CCC;
}

.Forma1 li a {
    display: block;
    padding: 5px;
    background-color: transparent;
}

.Forma1 li:hover {
    background: #CCC url(/assets/store/img/sombratop.png) repeat-x top;
    color: #444;
}

.Forma1 li:hover table {
    background: #F1F1F1;
}

.Forma1 li a:hover {
    text-decoration: none;
}

.tablePags {
    border: 1px dotted #CCC;
}

.tablePags td {
    font-family: Arial;
    font-size: 11px;
    color: #666;
}

.txt-forma-pagto span.item-parcela {
    display: block;
}

#linkPagParcelado {
    border: 1px dotted #CCC;
    padding: 5px;
    font-weight: bold;
    font-size: 130%;
}

.Forma2 {
    margin-bottom: 20px;
    border-bottom: 1px dotted #CCC;
}

.Forma2, .Forma2 ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: table;
    width: 100%;
}

.Forma2 li {
    text-align: center;
    float: left;
    width: 31%;
    margin: 1%;
}

.Forma2 li ul li {
    float: left;
    width: 30%;
    border: 0;
}

.Forma2 h3 {
    display: block;
    background: #E9E9E9;
    padding: 3px;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
}

.Forma2ul {
    list-style: none;
    margin: 20px 0 0 0;
    padding: 0;
    display: table;
    width: 100%;
}

.Forma2ul li {
    margin: 0px;
    background: url(/assets/store/img/sombratop.png) repeat-x top;
}

.Forma2ul li:hover {
    background-color: #F1F1F1;
}

.Forma3 {
    margin: 0 0 20px 0;
    width: 100%;
}

.Forma3 td:hover {
    background-color: #F0F0F0;
}

.sec_texto {
    color: #999999;
}

.sec_baixa {
    color: #FF0000;
}

.sec_media {
    color: #FF6600;
}

.sec_alta {
    color: green;
}

.safe {
    margin-bottom: -5px;
}

.valores_carrinho {
    margin-right: 6px;
    display: inline;
}

.red, .red a {
    color: #FF0000;
}

.finalizarBT {
    position: absolute;
    right: 5px;
    bottom: 5px;
}

.fff, .fff a {
    padding: 5px;
    margin: 5px;
    color: #FFF;
    background: #666;
    font-weight: bold;
    white-space: nowrap;
}

.margin {
    margin: 10px;
    display: block;
}

.stripe {
    width: 100%;
    height: 5px;
    background: url(/assets/store/img/white30.png) repeat-x top;
    display: block;
}

.filtros {
    float: right;
}

.margem_imagem_frete {
    margin-top: 4px;
    margin-bottom: 2px;
}

.paginacao {
    width: 100%;
    text-align: right;
    font-size: 12px;
}

.text_popup {
    border: 1px dotted #CCC;
    font-size: 11px;
}

.form_all {
    width: 300px;
}

.margem {
    margin: 0 10px 0 10px;
}

#paginacao li {
    float: left;
    border: 1px solid #E7E7E7;
    padding: 10px;
}

#paginacao ul {
    width: 100%;
    background-position: center;
    margin: 10px;
}

.info_verde {
    color: #333;
    padding: 10px;
    border: 1px solid #AFAFAF;
    background-color: #E6FFE6;
    margin: 10px;
}

.info {
    color: #333;
    padding: 10px;
    border: 1px solid #AFAFAF;
    background-color: #FFEDED;
    margin: 10px;
}

.erro {
    color: #000;
    background-color: #FCC;
    padding: 10px;
    border: 1px solid #F00;
    margin: 10px;
}

.sucesso {
    color: #000;
    padding: 10px;
    border: 1px solid #090;
    background-color: #CBFBCB;
    margin: 10px;
}

.aviso {
    background-color: #FFC;
    margin: 10px;
    padding: 10px;
    height: 30px;
    width: 100%;
    text-align: left;
}

.catalogo {
    border: 1px solid #CCC;
    background-color: #FAFAFB;
}

.finalizarcompra {
    background-color: #E7E7E7;
}

.carrinho {
    background-color: #FAFAFB;
}

.tabelacentro {
    background: #FFFFFF;
}

.tabelaproduto {
    background-color: #FAFAFB;
    border-bottom: 3px solid #E7E7E7;
}

.tabelaproduto2 {
    background-color: #FFF;
    border-bottom: 3px solid #E7E7E7;
}

#tabela_carrinho img {
    max-width: none;
}

.campo_form_borda {
    font-size: 10px;
    font-style: normal;
    color: #494949;
    border: 1px solid #E7E7E7;
}

.campoform {
    font-size: 10px;
    border: 1px solid #666;
}

.cap {
    text-transform: capitalize;
}

.botaoform {
    font-size: 10px;
}

.TimeLine5, .TimeLine7 {
    /*margin-left: 4%;*/
    width: 100%;
    padding: 0 1%;
    border: 1px solid #DDD;
    background: url(/assets/store/img/sombratop_ie.png) repeat-x top;
}

.TimeLine5 ul, .TimeLine7 ul {
    margin-top: 15px;
    padding: 0;
    list-style: none;
    display: table;
    width: 100%;
}

.TimeLine5 ul li, .TimeLine7 ul li {
    float: left;
    width: 20%;
    text-align: center;
    display: block;
    font-size: 10px;
    border-top: 3px solid #CCC;
    padding-top: 5px;
}

.TimeLine5 ul .ok {
    border-top-color: #9C3;
    background: url(/assets/store/img/timelineok.png) no-repeat right top;
}

.TimeLine7 ul .ok {
    border-top-color: #9C3;
    background: url(/assets/store/img/timelineok.png) no-repeat right top;
}

.TimeLine5 ul .on, .TimeLine7 ul .on {
    border-top-color: #F90;
}

.editComment {
    list-style: none;
    margin: 15px 0;
    padding: 0;
}

.editComment li {
    display: table;
    position: relative;
    width: 97.9%;
    border: 1px solid #DDD;
    border-bottom: 7px solid #DDD;
    margin: 3px 0;
    padding: 1%;
    background: url(/assets/store/img/sombratop_ie.png) repeat-x top;
}

.editDep {
    display: table;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
}

.editDep * {
    zoom: 1;
    list-style: none;
}

.editDep li {
    float: none;
    padding: 10px;
    margin: 10px 0;
    border: 1px dotted #ccc;
}

.editDep li ul {
    margin: 0;
    padding: 0;
}

.editDep li ul li {
    padding: 5px;
    border: 0;
    margin: 0;
}

.editDep li ul li strong {
    border-left: 13px solid #eee;
    padding-left: 5px;
}

.editDep li ul li.dep {
    padding: 5px;
    border: 1px solid #ccc;
}

.editDep li ul li.dep strong {
    border-left: 13px solid #ccc;
    padding-left: 5px;
}

.change {
    margin: -7px 1% 0 1%;
    text-align: right;
}

.btsComment {
    position: absolute;
    right: 0;
    top: 0;
}

.bts {
    display: block;
    background: #EEE;
    border: 1px solid #BBB;
    margin: 2px;
    width: 50px;
    padding: 5px;
    text-align: center;
}

.bts:hover {
    background: #999;
    text-decoration: none;
    color: #FFF;
}

.bts1 {
    background: #EEE;
    border: 1px solid #BBB;
    margin: 0 15px 5px 15px;
    width: 135px;
    font-size: 11px;
    padding: 2px;
    text-align: center;
}

.bts1:hover {
    background: #999;
    text-decoration: none;
    color: #FFF;
}

.bts2 {
    position: absolute;
    right: 6px;
    top: 6px;
    width: 15px;
    height: 15px;
    margin: 0;
    padding: 0;
    font: bold 12px Verdana, sans-serif;
    background: #EEE;
    border: 1px solid #BBB;
    text-align: center;
}

.bts2:hover {
    background: #999;
    color: #eee;
    text-decoration: none;
}

.BoxVisitados h2 {
    display: block;
    padding: 5px 10px;
    background: #eee url(/assets/store/img/reflexo.png) repeat-x top;
    border: 1px solid #ddd;
    border-bottom: 0;
    margin-bottom: 5px;
}

.BoxVisitados ul {
    display: table;
    width: 98%;
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 5px;
    padding: 10px;
}

.BoxVisitados ul li {
    display: block;
    float: left;
    position: relative;
    padding: 5px 15px;
    border: 1px dotted #CCC;
    margin: 4px;
}

.BoxVisitados ul li .bts {
    position: absolute;
    right: -6px;
    top: -6px;
    width: 12px;
    height: 12px;
    margin: 0;
    padding: 0;
    font: bold 9px Verdana, sans-serif;
}

.relativity {
    position: relative;
    border: 1px solid #DDD;
    margin: 2px 0;
}

.relativity .ranking,.relativity p,.relativity .rateBlock {
    border: 0;
}

.relativity .image {
    top: 10px !important;
}

.btsWaitingList {
    position: absolute;
    right: 5px;
    top: 5px;
}

.both {
    clear: both;
}

.Seguro {
    position: absolute;
    right: 10px;
    top: -10px;
    font: normal 11px Arial, Helvetica, sans-serif;
    color: #666;
}

.Seguro img {
    position: relative;
    top: 13px;
}

.vitrineVisitados li {
    border: 1px dotted #CCC;
    border-left: 0;
    border-bottom: 0;
    position: relative;
}

.myNavigation {
    position: absolute;
    border: 1px solid #DDD;
    background: #EEE;
    color: #666;
    font-size: 11px;
    padding: 2px 5px;
    position: relative;
    z-index: 10;
}

#div1bg {
    display: table;
    width: 100%;
}

.logotray-message {
    background: #ccc;
    display: inline-block;
    margin: auto;
    padding: 0 18px;
    text-align: center;
    text-transform: uppercase;
}

.logotray-message,
.logotray-message a {
    color: #666 !important;
    font: 400 9px/20px Verdana, sans-serif !important;
}

.logotray-message a {
    font-weight: 700 !important;
}

.logotray {
    display: block;
    width: 350px;
    margin: auto;
    font-size: 10px;
    text-align: center;
    line-height: 19px;
    background: white;
    height: 17px;
    text-transform: uppercase;
}

.timelogotray {
    display: block;
    white-space: nowrap;
    float: left;
    color: transparent;
}

#NavLogoTray {
    clear: both;
    display: table;
    width: 100%;
    text-align: center;
}

.botoes_view {
    clear: both;
    display: none;
    width: 100%;
    background: #FFF;
}

.botoes_destaque_view {
    clear: both;
    display: block;
}

.comparatorTabs ul {
    margin: 0;
    padding: 10px 0 0 0;
    list-style: none;
    border-bottom: 1px solid #CCC;
    display: table;
    width: 100%;
    text-transform: uppercase;
}

.comparatorTabs li {
    float: left;
    background: url(/assets/store/img/left.png) no-repeat left top;
    margin: 0 0 0 3px;
    padding: 0 0 0 3px;
    position: relative;
    top: 4px;
}

.comparatorTabs a {
    display: block;
    background: url(/assets/store/img/right.png) no-repeat right top;
    padding: 5px 24px 8px 6px;
    text-decoration: none;
    color: #666;
}

.comparatorTabs a:hover {
    color: #222;
}
/*Start hiding from IE Mac \*/
.comparatorTabs a {
    float: none;
}
/*Stop hiding from IE Mac */
.comparatorTabs .aberta a {
    padding: 5px 24px 10px 6px;
    font-size: 14px;
    font-weight: bold;
}

.comparatorTabs li .closeCat, .comparatorTabs .aberta .closeCat {
    font-size: 9px;
    background: none;
    display: block;
    position: absolute;
    top: 4px;
    right: 6px;
    border: 1px solid #ccc;
    padding: 0 2px;
}

.comparatorTabs li .closeCat:hover, .comparatorTabs .aberta .closeCat:hover {
    background: #999;
    color: #fff;
    text-decoration: none;
}

.comparator ul {
    list-style: none;
    margin: 0;
    padding: 0 0 10px 0;
    display: table;
    width: 100%;
}

.comparator ul li {
    float: left;
    width: 22%;
    padding: 0;
    border-top: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    margin: 10px 0 0 0;
}

.comparator ul .Labels {
    width: 10%;
    font: bold 11px Arial, Helvetica, sans-serif;
    overflow: hidden;
}

.comparator ul li ul {
    padding: 0;
}

.comparator ul .Labels ul li {
    background: #EEE url(/assets/store/img/bg_comparador_label.png) repeat-y left;
}

.comparator ul .Labels ul li:hover {
    background: #DDD url(/assets/store/img/bg_comparador_label.png) repeat-y left;
}

.comparator ul li ul li {
    margin: 0;
    float: none;
    width: auto;
    height: 30px;
    overflow: hidden;
    border: 0;
    border-bottom: 1px solid #d9d9d9;
    padding: 3px 0 3px 10px;
    background: url(/assets/store/img/bg_comparador.png) repeat-y left;
    position: relative;
}

.comparator ul li ul li:hover {
    background: #EEE url(/assets/store/img/bg_comparador.png) repeat-y left;
}

.comparator ul li ul li .closeComp {
    position: absolute;
    font-weight: bold;
    top: 3px;
    right: 3px;
    ;background: #EEE;
    border: 1px solid #BBB;
    margin: 2px;
    text-align: center;
    padding: 0 3px;
}

.comparator ul li ul li .closeComp:hover {
    background: #999;
    color: #FFF;
    text-decoration: none;
}

.comparator ul .Labels ul .comparsionFoto {
    background: #EEE url(/assets/store/img/bg_comparador_label.png) repeat-y left;
}

.comparator ul li ul .comparsionFoto {
    height: 200px;
    background: url(/assets/store/img/bg_comparador_corner.png) no-repeat left bottom;
    text-align: center;
}

.comparator ul li ul .comparsionFoto div {
    margin-top: 5px;
}

.comparator ul li ul .comparsionDescricao {
    height: 100px;
}

.comparator ul li ul .comparsionRate {
    height: 70px;
}

.comparator ul li ul .comparsionRate .ranking {
    border: 0;
}

.comparator ul li ul .comparsionInfoPreco {
    height: 105px;
}

.comparador {
    text-align: center;
    margin-top: 10px;
}

.clienteEspecial {
    display: block;
    padding: 2px 0 5px 0;
    border-bottom: 1px dotted #CCC;
    margin-bottom: 5px;
}

.comparadorFooter {
    margin: 0;
    padding: 10px 0;
}

/* comparador de produto */
.compare-hidden {
    display: none;
}

.titCatalogo {
    font-size: 18px;
}

.board_htm ul, .board_htm li {
    margin-left: 15px;
}

.qntdEstoque {
    width: 25px;
    height: 20px;
    font-size: 130%;
    text-align: center;
}

.depoimentoForm {
    width: 100%;
    border-top: 1px solid #DDD;
    padding: 1%;
    background: url(/assets/store/img/sombratop_ie.png) repeat-x top;
}

/* bonus do produto */
.bonus_produto {
    border: 1px solid #eee;
    padding: 5px 0 5px 5px;
    display: block;
}

.bonus_produto strong {
    font-size: 12px;
}

.bonus_produto strong.number {
    font-size: 16px;
    letter-spacing: -1px;
    color: #fff;
    padding: 3px;
}

.bonus_cupom {
    border: 2px solid #eee;
    padding: 5px 0 5px 5px;
    display: block;
    background: #FFFFB3;
    width: 200px;
    margin: 10px 0 0 0;
}

.bonus_cupom strong {
    font-size: 16px;
}

.bonus_cupom strong span {
    font-size: 16px;
}

.bonus_cupom span {
    font-size: 12px;
}

.bonus_cupom p {
    font-size: 10px;
    border: 0;
    margin: 0;
    padding: 0;
}

.capitalize {
    text-transform: capitalize;
}

.bonus_value {
    font-size: 130%;
}

/* temas */
.produto-bonus {
    clear: both;
    display: block;
    margin: 10px 0;
    padding: 5px;
    overflow: hidden;
}

#mapaCategoria {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
    width: 100%;
}

#mapaCategoria * {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
}

#mapaCategoria li {
    float: none;
    width: 100%;
    clear: both;
    border-bottom: 1px solid #ccc;
}

#mapaCategoria a {
    display: block;
    padding: 5px 0;
}

#mapaCategoria a:hover {
    text-decoration: none;
}

#mapaCategoria a img {
    width: 45px;
    height: 45px;
    border: 1px solid #eee;
}

#mapaCategoria a strong {
    font-size: 14px;
}

#mapaCategoria li ul {
    border-top: 1px solid #ccc;
    background: #f5f5f5 url(/assets/store/img/sombratop.png) repeat-x top;
    padding: 5px;
}

#mapaCategoria li ul li {
    border: 0;
}

#mapaCategoria li ul li:hover {
    background: #eee;
}

#mapaCategoria li ul li a strong {
    font: normal 11px Arial, sans-serif;
}

.bonus_value {
    font-size: 130%;
}

.lista_presentes {
    display: table;
    width: 96%;
    margin: 10px 2%;
    padding: 0;
    list-style: none;
}

.lista_presentes * {
    margin: 0;
    padding: 0;
}

.lista_presentes li {
    zoom: 1;
    float: none;
}

.lista_presentes li table th {
    background: #eee url(/assets/store/img/sombratop.png) repeat-x top;
    padding: 10px;
}

.lista_presentes li table td {
    background: url(/assets/store/img/sombratop.png) repeat-x top;
    padding: 10px;
    height: 100px;
    border-bottom: 1px solid #eee;
}

.lista_presentes li table td a {
    text-align: left;
    height: 90px;
}

.lista_presentes li table td select {
    width: 190px;
    margin: 3px 0;
    display: block;
}

.lista_presentes li table td div {
    display: block;
    text-align: left;
    height: 95px;
}

.lista_presentes li table td div.detalhe_cartao {
    width: 295px;
    float: right;
    position: relative;
}

.lista_presentes li table td div.detalhe_embalagem {
    width: 100px;
    float: left;
}

.detalhe_embalagem img {
}

.detalhe_cartao img {
    position: absolute;
    top: 0;
    left: 0;
}

.detalhe_cartao div {
    position: absolute;
    top: 0;
    right: 0;
    width: 190px;
}

.detalhe_cartao div textarea {
    width: 95%;
    height: 70px;
    font: normal 11px Arial, sans-serif!important;
    color: #444;
}

/**
 * Menu superior
 */
 
.menu_superior_principal {
    display: table;
    width: 100%;
    margin: 0;
    padding: 5px 0;
    list-style: none;
    text-align: center;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.menu_superior_principal * {
    margin: 0;
    padding: 0;
    list-style: none;
}

.menu_superior_principal li {
    display: inline;
    padding: 5px 15px;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: -1px;
    zoom: 1;
    position: relative;
}

.menu_superior_principal > li:hover .menu_superior_secundario {
    display: block !important;
}

.menu_superior_secundario {
    border: 1px solid #ccc;
    background: #fff;
    display: none;
    position: absolute;
    padding: 6px 6px 0;
    top: 20px;
    left: 0;
    width: 390px;
    text-align: left;
    z-index: 101;
}

.menu_superior_secundario li {
    display: block;
    float: left;
    width: 49%;
    padding: 0 0 6px;
}

.menu_superior_secundario li a {
    font-weight: bold;
}

.menu_superior_secundario li ul {
    display: block;
    position: relative;
    top: auto;
    left: auto;
    width: auto;
}

.menu_superior_secundario li ul li {
    padding: 0;
    display: block;
    float: none!important;
    width: auto;
}

.menu_superior_secundario li ul li a {
    font-size: 12px;
    font-weight: normal;
}

.busca_voce_quis_dizer {
    display: block;
    clear: both;
    font-size: 12px;
    color: #666;
    font-style: italic;
    margin: 6px 0;
}

.busca_voce_quis_dizer a {
    font-size: 16px;
    color: #06C;
    font-weight: bold;
}

.detalhesFormas {
    margin: 10px 0;
}

.detalhesFormas tr td {
    padding: 2px;
    border-bottom: 1px solid #ccc;
}

.detalhesFormas tr td b {
    background: #f7f7f7 url(/assets/store/img/sombratop.png) repeat-x top;
    display: block;
    padding: 5px 2px;
    font-size: 14px;
    font-weight: normal;
    color: #06c;
}

.compreJunto {
    list-style: none;
    padding-left: 10px;
}

.compreJunto > li {
    width: 100%;
    display: table;
    margin-top: 10px;
    border-bottom: 1px dotted #ccc;
    padding: 15px 0 80px 0;
}

.compreJunto li div.produto {
    float: left;
}

.compreJunto li div.plus {
    width: 4%;
    float: left;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    margin-top: 45px;
}

.compreJunto li div.produto select {
    width: 98%;
}

.compreJunto li div.produto span {
    width: 98%;
    height: 90px;
    display: block;
    text-align: center;
}

.compreJunto li div.produto span div {
    height: 85px;
    display: block;
    text-align: center;
}

.compreJunto li div.produto > div {
    width: 94%;
    margin: 2px;
}

.compreJunto div.produto .unidades_topo {
    text-align: center;
}

.compreJunto div.produto .unidades_topo .unidades_valor {
    text-align: center;
    display: inline;
}

.compreJunto div.produto .unidades_topo .unidades_desc {
    text-align: center;
    display: inline;
}

.compreJunto div.precoCompreJunto .unidades_preco span.unidades_separador:after {
    content: ' - ';
}

.precoCompreJunto {
    float: right;
    display: block;
    height: 140px;
    border-left: 1px solid #ccc;
    padding-left: 10px;
}

.precoCompreJunto ul {
    list-style: none;
    padding: 0 15px 0 0;
}

.precoCompreJunto li {
    text-align: right;
}

.precoCompreJunto strong {
    font-size: 120%;
}

.fotosCompreJunto {
    float: left;
}

.precosCompreJunto {
    margin-top: 30px;
}

.img_lighwindow {
    max-width: 630px;
    max-height: 700px;
}

.detalhesBrinde {
    line-height: 15px;
    width: 350px;
}

.brinde_produto {
    border: 2px solid #cdcdcd;
    position: relative;
    display: block;
    margin-bottom: 25px;
}

.brinde_produto_lista {
    overflow: hidden;
    position: relative;
    height: 110px;
    display: block;
    margin: 0 15px;
}

.brinde_produto ul {
    list-style: none;
    display: table;
    margin: 0 0 10px 0;
    padding: 0;
}

.brinde_produto ul li {
    float: left;
    padding: 10px 0;
    width: 100px;
    text-align: center;
}

.brinde_produto ul li .span_brinde {
    z-index: -1;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.brinde_produto .mais {
    float: right;
    width: 15px;
    background: url("/assets/store/img/bt_move2.png") no-repeat scroll center center;
    height: 130px;
    display: block;
}

.brinde_produto .mais strong {
    display: none;
}

.brinde_produto .menos {
    float: left;
    width: 15px;
    background: url("/assets/store/img/bt_move1.png") no-repeat scroll center center;
    height: 130px;
    display: block;
}

.brinde_produto .menos strong {
    display: none;
}

.detalhesBrinde h3 {
    text-align: left;
    padding: 10px;
}

.brinde_detalhes {
    padding: 25px 0;
    height: 120px;
    border-top: 1px solid #ccc;
    position: relative;
    width: 100%;
}

.brinde_detalhes select {
    width: 145px;
}

.brinde_detalhes .variacao {
    width: 150px;
    display: block;
    text-align: center;
    float: left;
}

.brinde_detalhes .variacao img {
    margin-bottom: 15px;
}

.brinde_detalhes .detalhes {
    display: table;
    text-align: left;
    padding: 0 0 20px 10px;
}

.brinde_detalhes .botao {
    float: right;
}

#erro_brinde_var {
    display: block;
    margin-top: 20px;
}

.precoCompreJunto li.bonus_cupom_compre_junto {
    border: 2px solid #eee;
    padding: 5px 0 5px 5px;
    background: #FFFFB3;
}

.fotosCompreJunto {
    width: 63%;
}

.fotosCompreJunto .produto {
    width: 29%;
}

.precoCompreJunto {
    width: 34%;
}

.lista_cor_variacao,.lista_cor_variacao2 {
    width: 100%;
    clear: both;
    padding-left: 15px;
    padding-right: 15px;
    height: 100%;
}

.lista_cor_variacao li,.lista_cor_variacao2 li {
    float: none;
    margin: 2px;
    padding: 0 0px;
    display: inline-block;
    font-size: 12px;
}

.lista_cor_variacao li img,.lista_cor_variacao2 li img {
    border: 1px solid transparent;
    padding: 0;
    width: 30px;
    height: 30px;
}

.lista_cor_variacao li div,.lista_cor_variacao2 li div {
    padding: 8px 9px;
    border: 1px solid #eaeaea;
    background-color: #fff;
    color: #1a1a1a;
    min-width: 15px;
    text-align: center;
}

img.cor_selecionada,
div.cor_selecionada {
    border: 1px solid #5A5A5A !important;
    margin:0 !important;
}

.lista_cor_variacao div.cor_selecionada {
    color: #5A5A5A;
    background-color: #F5F5F5;
}

.texto_variacao {
    padding: 10px 0 15px 15px;
}

.texto_variacao h2 {
    width: 50%;
    float: left;
}

.texto_variacao span {
    float: right;
    margin-right: 25px;
}

.sem_estoque {
    background: url("/assets/store/img/icone_nao_disp.png") no-repeat bottom right;
    background-position: 14px 16px;
}

.sem_estoque div {
    background-position: 14px 18px !important;
}

.premiacao {
    margin-bottom: 20px;
}

.imagem_premiacao {
    display: block;
    width: 180px;
    float: left;
    padding: 0px 10px;
    text-align: center;
}

.imagem_premiacao img {
    max-width: 150px;
    max-height: 150px;
}

.descricao_premiacao p {
    border: none;
}

.premios {
    font-size: 14px !important;
    font-weight: bold !important;
    padding: 10px !important;
}

.saldo_pontos {
    margin: 10px 0px;
    font-size: 14px;
}

.ponto_negativo td {
    color: #FF0000 !important;
}

.info_bonus {
    border: none;
    color: #FF9900;
}

.info_bonus .bonus {
    font-weight: bold;
}

#premiacoes img {
    max-width: 100px;
    max-height: 100px;
}

#premiacoes li {
    text-align: center;
    margin-top: 10px;
}

#premiacoes .titulo {
    margin-top: 10px;
}

.central-premiacoes {
    border-bottom: 1px solid #ddd;
    color: #666;
}

.central-premiacoes td {
    border-top: 1px dotted #ddd;
    padding: 10px;
    text-align: center;
    font-size: 12px;
    font-family: Arial;
}

.textoIndique p {
    border: none;
}

#divNegociacao {
    margin: 0 auto;
    width: 650px !important;
    background: white;
}

#divNegociacaoFilha {
    float: left;
    display: block;
    width: 47%;
    padding: 5px;
}

.central-premiacoes td {
    border-top: 1px dotted #ddd;
    padding: 10px;
    text-align: center;
    font-size: 12px;
    font-family: Arial;
}

.videoNegociacao {
    margin: 10px;
    border-bottom: 1px solid #ccc;
}

#divNegociacao .ok {
    max-height: 25px;
    margin: 0 0 -5px 5px;
}

#divNegociacao .comprar {
    margin: 0 0 -5px 5px;
    max-width: 100px;
    max-height: 39px;
}

#divNegociacao .precoNegociacao {
    margin-top: 10px;
    height: 200px;
}

.precoNegociacao div {
    height: 90px;
    margin-top: 15px;
}

#divNegociacao .imagem {
    min-height: 150px;
}

.boardNegociacao {
    min-height: 450px;
}

.linkSaibaMais {
    margin: 10px;
}

.variaNegociacao {
    font-size: 110%;
    font-weight: bold;
    margin-top: 0px;
}

.formComprar {
    display: block;
}

.formComprar div {
    width: 185px;
    float: left;
    height: 40px;
    margin: 5px 0;
}

.formComprar div.botaoComprar {
    width: 100px;
    float: right;
}

#divNegociacaoFilha .comprarPrincipal {
    float: right;
    max-width: 110px;
    margin-top: -25px;
}

#divNegociacaoFilha h2.aceita {
    font-size: 20px;
}

#preco_negociado {
    font-weight: bold;
    color: #FF9900;
    font-size: 12px;
}

#negociar-lista img {
    max-width: 60px;
}

#divNegociacaoFilha .infoPreco {
    font-size: 10px;
}

.downloads {
    display: table;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
}

.downloads * {
    zoom: 1;
    list-style: none;
}

.downloads li {
    float: none;
    padding: 10px;
    margin: 10px 0;
    border: 1px dotted #ccc;
    height: 95px;
}

.downloads li div {
    float: left;
    padding: 0 30px 0 10px;
    width: 95px;
    height: 95px;
}

.downloads li img {
    border: 0;
}

.downloads li h3 {
    margin-top: 15px;
}

#garantias {
    margin: 15px 0px 0px 0px;
}

#garantias .img {
    display: block;
    width: 60px;
    height: 50px;
    float: left;
}

#garantias .img img {
    max-width: 50px;
}

#garantias .valor {
    margin-top: 5px;
    font-weight: bold;
}

#garantiaProsseguir {
    text-align: right;
    margin: 10px;
}

#garantiaTermos {
    width: 100%;
    height: 100px;
    margin-top: 15px;
    font-family: Verdana, sans-serif;
    font-size: 10pt;
}

#termos {
    margin: 15px;
}

#bg-cinza inputanel {
    width: 298px;
}

#bg-cinza selectanel {
    width: 300px;
}

#descontoBloco {
    width: auto;
}

#filtroCaracGeral h2 {
    font-size: 11px;
    height: 20px;
    text-align: center;
    margin: 10px 0px;
    padding-top: 6px;
}

#filtroCaracGeral select {
    width: 100%;
}

#filtroCaracGeral .divFiltros {
    margin-top: 10px;
}

#filtroCaracGeral .acoes {
    text-align: center;
    margin: 10px 0px;
}

#filtroCaracGeral label {
    font-weight: bold;
}

#ad_fisica label {
    display: block;
    clear: both;
}

#ad_juridica label {
    display: block;
    clear: both;
}

#alteracao1 {
    font: italic;
    color: red !important;
    font-size: 18px !important;
}

#alteracao2 {
    font: italic;
    color: blue !important;
    font-size: 18px !important;
}

#alteracao3 {
    font: italic;
    color: green !important;
    font-size: 18px !important;
}

#alteracao4 {
    display: none;
}

#alteracao5 {
    display: none;
}

#alteracao6 {
    display: none;
}

#alteracao7 {
    display: none;
}

#alteracao8 {
    font: italic;
    color: lime  !important;
    font-size: 18px !important;
}

#alteracao9 {
    font: italic;
    color: olive !important;
    font-size: 18px !important;
}

#alteracao10 {
    font: italic;
    color: purple !important;
    font-size: 18px !important;
}

#alteracao11 {
    display: none;
}

#redes_sociais_0 {
    padding: 15px 0 15px 15px;
}

#redes_sociais_1 {
    margin-top: 30px;
}

#formBuscaNoticia h2 {
    font-size: 11px;
    height: 20px;
    text-align: center;
    margin: 10px 0px;
    padding-top: 6px;
}

#formBuscaNoticia select {
    width: 100%;
}

#formBuscaNoticia #buscaNoticia {
    width: 100%;
    margin-bottom: 10px;
}

#formBuscaNoticia .acoes {
    text-align: center;
    margin: 10px 0px;
}

#formBuscaNoticia label {
    font-weight: bold;
}

.noticias {
    width: 100%;
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.noticias * {
    list-style: none;
}

.noticias li {
    float: none;
    padding: 10px;
    margin: 10px 0;
    border: 1px dotted #ccc;
    height: 95px;
}

.noticias li img {
    border: 0;
}

.noticias li h3 {
    font-weight: bold;
}

.noticias li h3 a {
    font-weight: bold;
}

.noticias p {
    border: none;
    font-weight: normal;
}

.noticias #noticia_imagem {
    float: left;
    padding: 0 30px 0 10px;
    width: 95px;
    height: 95px;
    text-align: center;
}

.noticias #noticia_imagem img {
    max-width: 90px;
}

.noticias #noticia_dados {
    margin-left: 10px;
}

#ultimasNoticias {
    margin-bottom: 10px;
}

#ultimasNoticias h2 {
    font-size: 11px;
    height: 20px;
    text-align: center;
    margin: 10px 0px;
    padding-top: 6px;
}

#listaUltimasNoticias li {
    border-bottom: 1px dotted #ccc;
    margin-bottom: 5px;
}

#destaqueNoticias {
    margin-bottom: 10px;
}

#destaqueNoticias h2 {
    font-size: 11px;
    height: 20px;
    text-align: center;
    margin: 10px 0px;
    padding-top: 6px;
}

#listaDestaqueNoticias {
}

#listaDestaqueNoticias li {
    border-bottom: 1px dotted #ccc;
    margin-bottom: 5px;
}

#noticiaArquivos {
    float: right;
    width: 200px;
    padding: 0px 0px 15px 15px;
}

#noticiaArquivos h2 {
    font-size: 11px;
    height: 20px;
    margin-top: 10px;
    padding-top: 0px;
    text-align: center;
}

#noticiaArquivos li {
    border-bottom: 1px solid #ccc;
    padding: 5px;
}

#listaNoticiaProdutos {
    margin: 15px 15px 0px 15px;
}

#listaNoticiaProdutos li {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #ccc;
}

#listaNoticiaProdutos p {
    border: none;
}

#produto_imagem {
    float: left;
    width: 90px;
    text-align: center;
    margin: 0px 15px;
}

#produto_comprar {
    float: right;
    width: 300px;
    text-align: center;
    font-size: 10px;
    position: relative;
    z-index: 1;
}

#produtos {
    overflow: hidden;
}

.dataNoticia {
    float: right;
}

.descricaoNoticia {
    color: #444;
    font-size: 110%;
    line-height: 20px;
    margin-top: 20px;
}

.descricaoNoticia p {
    border: none;
    display: inline;
}

.imagemNoticia {
    float: left;
    padding: 0px 20px 20px 0px;
}

.bt-efetuar-login {
    border: 0;
    display: block;
    cursor: pointer;
}

abbr {
    border: none;
    text-decoration: none;
}

.box-lista-compra {
    overflow: hidden;
    margin: 0 auto;
    width: 330px;
    margin: auto;
}

.box-lista-compra form {
    width: 330px;
}

.bt-utilizar_lista {
    float: right;
    margin-right: 150px;
}

.ListaCompraNome {
    width: 99%;
    margin-top: 5px;
}

.bt-salvar-lista {
    float: right;
}

.bt-gerar-orcamento {
    float: left;
}

.ou {
    display: block;
    overflow: hidden;
    text-align: center;
    padding-top: 8px;
}

.form-salvar-lista {
    width: 315px;
}

.btVisualizarAmbiente {
    text-align: center;
}

.iconografia .icones {
    float: left;
}

.labelMultiVariacao {
    float: left;
}

.labelQuantVariacao {
    float: right;
    margin-right: 10px;
}

.inputQuantVariacao {
    right: 5px;
    width: 50px;
}

.listaVarMultipla {
    width: 100%;
}

.imgVarIlustrativa {
    margin: 0px 5px;
}

#orcamento-cabecalho {
    height: 100px;
}

#logo-loja {
    float: left;
    height: 100%;
}

#titulo-loja {
    float: left;
    line-height: 100px;
    height: 100%;
}

#info-orcamento {
    float: right;
    height: 100%;
}

.box-baixo-orcamento {
    margin-top: 25px;
}

.layer-esquerda {
    float: left;
}

.layer-direita {
    float: right;
    padding-right: 20px;
}

.info-orcamento {
    font-weight: bold;
}

.bt_realizar_pagamento {
    margin-left: 15px;
}

.bt-continuar-comprando {
    float: left;
}

.bt-avancar {
    float: right;
}

.bt-trocar-forma {
    text-align: center;
    display: block;
    margin-bottom: 50px;
}

.msg-trocar-forma {
    text-align: center;
    display: block;
}

div.bt-avancar-topo {
    margin: 15px 0;
    position: relative;
}

.confirmacao {
    padding: 10px;
    line-height: normal;
}

.confirmacao .titulo {
    text-align: left;
    font-size: 18px;
    font-weight: bold;
}

.confirmacao .texto {
    font-size: 12px;
    text-align: left;
    margin: 10px;
}

.confirmacao .botao {
    margin-top: 20px;
    float: right;
}

.confirmacao .botao a {
    border: 1px;
    border-style: solid;
    padding: 8px;
    border-color: #DDDDDD;
    background-color: #EEEEEE;
    color: #666666;
    font-size: 12px;
}

.removeInput{
    border: 1px solid #ccc;
}

/* ==========================================================================
   Lazy loading
   ========================================================================== */

.lazy {
    width: auto;
}

/* ==========================================================================
   P?ina de login (login_layout)
   ========================================================================== */

.caixa-cadastro p{
    margin: 5px 0;
}

    .campo-email label{
        display: block;
    }

    .campo-email input{
        width: 99%;
    }

/* ==========================================================================
   Página de login (login_layout)
   ========================================================================== */
.tit-contato{
    margin: 0 0 14px 0;
}

.msg-obriga{
    margin: 0 0 5px 0;
}

    .obriga-barra{
        border-left:3px #C00 solid;
        margin: 0 0 5px 0;
        padding: 0 0 0 3px;
    }

.formulario-contato input,
.formulario-contato textarea,
.formulario-contato button{
    outline: none;
}

.formulario-contato label{
    margin: 0 0 22px 0;
}

.formulario-contato label:first-child{
    margin-top: 5px;
}

.block{
    display: block;
}

/* ==========================================================================
   Pagina de produto
   ========================================================================== */
.NomeProduto { 
    margin-top: 17px !important; 
}

.produto-mensagem-adicional {
    clear: both;
    margin: auto;
}

/* ==========================================================================
   Pagina de finalizacao de pagamento (finalizar_pagamento)
   ========================================================================== */

.lista-formas-pagamento .tem-mensagem {
    margin-bottom: 40px;
}

/* ==========================================================================
   Botões da loja
   ========================================================================== */

.botao-commerce,
.botao-commerce,
.botao-commerce-img,
.botao-commerce:link,
.botao-commerce:active,
.botao-commerce:hover{
    /* radius */
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
            
    display: inline-block;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}

/* gradientes semelhantes - gradiente 1 */
.remove-bg .botao-comprar, a.botao-comprar, .botao-comprar:hover,
.botao-compre-junto, a.botao-compre-junto, .botao-compre-junto:hover,
.botao-compre-negociar, a.botao-compre-negociar, .botao-compre-negociar:hover,
.botao-negociar, a.botao-negociar, .botao-negociar:hover,
.botao-ok-negociar, a.botao-ok-negociar, .botao-ok-negociar:hover,
.botao-escolher, a.botao-escolher, .botao-escolher:hover{
    /* css gradiente */
    background: #54A601;
    background-image: linear-gradient(bottom, #54A601 0%, #9CCD6F 100%);
    background-image: -o-linear-gradient(bottom, #54A601 0%, #9CCD6F 100%);
    background-image: -moz-linear-gradient(bottom, #54A601 0%, #9CCD6F 100%);
    background-image: -webkit-linear-gradient(bottom, #54A601 0%, #9CCD6F 100%);
    background-image: -ms-linear-gradient(bottom, #54A601 0%, #9CCD6F 100%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, #54A601),
        color-stop(1, #9CCD6F)
    );

    /* radius */
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;

    border: 1px solid #7ab73e;
    color: #fff;
}

/* gradientes semelhantes - gradiente 2 */
.botao-finalizar-compra, a.botao-finalizar-compra, .botao-finalizar-compra:hover,
.botao-prosseguir-cadastro, a.botao-prosseguir-cadastro, .botao-prosseguir-cadastro:hover,
.botao-prosseguir-compra, a.botao-prosseguir-compra, .botao-prosseguir-compra:hover,
.botao-enviar-cartao, a.botao-enviar-cartao, .botao-enviar-cartao:hover,
.botao-enviar-cadastro, a.botao-enviar-cadastro, .botao-enviar-cadastro:hover,
.botao-efetuar-login, a.botao-efetuar-login, .botao-efetuar-login:hover,
.botao-calcular-frete, a.botao-calcular-frete, .botao-calcular-frete:hover,
.botao-simular-frete, a.botao-simular-frete, .botao-simular-frete:hover,
.botao-cupom-desconto, a.botao-cupom-desconto, .botao-cupom-desconto:hover,
.botao-novo-cadastro, a.botao-novo-cadastro, .botao-novo-cadastro:hover,
.botao-salvar-lista, a.botao-salvar-lista, .botao-salvar-lista:hover{
    /* css gradiente */
    background: #2A2A2A;
    background-image: linear-gradient(bottom, #2A2A2A 0%, #333333 50%, #444444 50%, #6E6E6E 100%);
    background-image: -o-linear-gradient(bottom, #2A2A2A 0%, #333333 50%, #444444 50%, #6E6E6E 100%);
    background-image: -moz-linear-gradient(bottom, #2A2A2A 0%, #333333 50%, #444444 50%, #6E6E6E 100%);
    background-image: -webkit-linear-gradient(bottom, #2A2A2A 0%, #333333 50%, #444444 50%, #6E6E6E 100%);
    background-image: -ms-linear-gradient(bottom, #2A2A2A 0%, #333333 50%, #444444 50%, #6E6E6E 100%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, #2A2A2A),
        color-stop(0.5, #333333),
        color-stop(0.5, #444444),
        color-stop(1, #6E6E6E)
    );

    border: 1px solid #4e4e4e;

    color: #cfcfcf;
    color: rbga(255, 255, 255, 0.85);
}

/* gradientes semelhantes - gradiente 3 */
.botao-continuar-comprando,
.botao-continuar-comprando:hover,
.botao-sob-consulta,
.botao-sob-consulta:hover{
    /* gradiente */
    background: #CECECE;
    background-image: linear-gradient(bottom, #CECECE 0%, #D9D9D9 50%, #E3E3E3 50%, #E6E6E6 100%);
    background-image: -o-linear-gradient(bottom, #CECECE 0%, #D9D9D9 50%, #E3E3E3 50%, #E6E6E6 100%);
    background-image: -moz-linear-gradient(bottom, #CECECE 0%, #D9D9D9 50%, #E3E3E3 50%, #E6E6E6 100%);
    background-image: -webkit-linear-gradient(bottom, #CECECE 0%, #D9D9D9 50%, #E3E3E3 50%, #E6E6E6 100%);
    background-image: -ms-linear-gradient(bottom, #CECECE 0%, #D9D9D9 50%, #E3E3E3 50%, #E6E6E6 100%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, #CECECE),
        color-stop(0.5, #D9D9D9),
        color-stop(0.5, #E3E3E3),
        color-stop(1, #E6E6E6)
    );

    border: 1px solid #d1d1d1;

    color: rgb(42,42,42);
    color: rgba(42,42,42, 0.7);
}

/* botões de cálculo de frete */
.botao-calcular-frete,
.botao-simular-frete{
    font-size: 12px;
    padding: 4px 5px 4px 4px;
}

/* botão comprar página de produto */
.botao-comprar{
    color: #fff;
    font-size: 24px;
    padding: 8px 12px 9px 8px;
    text-transform: uppercase;
}
    .botao-comprar .botao-commerce-img{
        background: url('/assets/store/img/icons/botao-comprar.png') left center no-repeat;
        padding: 6px 0 6px 48px;
    }

/* botão comprar menores */
.botao-escolher,
.botao-compre-junto,
.botao-compre-negociar,
.botao-negociar,
.botao-ok-negociar{
    font-size: 11px;
    font-weight: bold;
    padding: 5px 5px 5px 6px;
}

    .botao-compre-junto .botao-commerce-img,
    .botao-compre-negociar .botao-commerce-img,
    .botao-negociar .botao-commerce-img,
    .botao-ok-negociar .botao-commerce-img,
    .botao-escolher .botao-commerce-img{
        background: url('/assets/store/img/icons/botao-comprar-mini.png') left center no-repeat;
        padding: 4px 0 4px 22px;
    }

/* botão continuar comprando */
.botao-continuar-comprando{
    font-size: 12px;
    padding: 4px 3px 5px 8px;
}

    .botao-continuar-comprando .botao-commerce-img{
        background: url('/assets/store/img/icons/botao-seta-esq.png') left center no-repeat;
        padding: 3px 0 4px 11px;
    }

/* botão calcular */
.botao-cupom-desconto{
    font-size: 12px;
    padding: 4px 8px 4px 10px;
}

/* botão login */
.botao-efetuar-login{
    font-size: 12px;
    padding: 6px 28px 6px 29px;
}

/* botões enviar, salvar lista */
.botao-enviar-cartao,
.botao-enviar-cadastro,
.botao-salvar-lista{
    font-size: 12px;
    padding: 4px 18px 4px 19px;
}

/* botão finalizar compra */
.botao-finalizar-compra{
    font-size: 12px;
    padding: 6px 12px 6px 8px;
}

/* botão indisponível e sob-consulta */
.botao-sob-consulta{
    font-size: 12px;
    padding: 6px 23px 6px 27px;
}

/* botão cadastrar */
.botao-novo-cadastro{
    font-size: 12px;
    padding: 5px 4px;
}

/* botões avançar */
.botao-prosseguir-cadastro,
.botao-prosseguir-compra{
    font-size: 12px;
    padding: 6px 23px 5px 20px;
}

    .botao-prosseguir-cadastro .botao-commerce-img,
    .botao-prosseguir-compra .botao-commerce-img,
    .botao-finalizar-compra .botao-commerce-img{
        background: url('/assets/store/img/icons/botao-seta-dir.png') right center no-repeat;
        padding: 3px 13px 3px 0;
    }

/* botões adicionais */
.botao-indisponivel,
.botao-destaque,
.botao-frete,
.botao-lancamento{
    /* radius */
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;

    color: #fff;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    line-height: 12px;
    padding: 8px 0 7px;
    position: relative;
    text-align: center;
    width: 180px;
}

.botao-commerce .botao-commerce-img,
.botao-indisponivel:hover,
.botao-destaque:hover,
.botao-frete:hover,
.botao-lancamento:hover{
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
}

/* triangulos brancos */
.botao-indisponivel:after,
.botao-destaque:after,
.botao-frete:after,
.botao-lancamento:after,
.botao-indisponivel:before,
.botao-destaque:before,
.botao-frete:before,
.botao-lancamento:before{    
    border-bottom: 14px solid transparent;
    border-top: 14px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    top: 0;
    width: 0;
}
    .botao-commerce-bullet-esq,
    .botao-commerce-bullet-dir{
        position: absolute;
        top: 8px;
    }
    .botao-commerce-bullet-esq{
        left: 12px;
    }
    .botao-commerce-bullet-dir{
        right: 12px;
    }

.botao-indisponivel:after,
.botao-destaque:after,
.botao-frete:after,
.botao-lancamento:after{    
    border-right: 7px solid #fff;
    right: 0;
}
.botao-indisponivel:before,
.botao-destaque:before,
.botao-frete:before,
.botao-lancamento:before{   
    border-left: 7px solid #fff;
    left: 0;
}

.botao-indisponivel{
    /* gradiente */
    background: #767676;
    background-image: linear-gradient(bottom, #767676 50%, #848484 50%);
    background-image: -o-linear-gradient(bottom, #767676 50%, #848484 50%);
    background-image: -moz-linear-gradient(bottom, #767676 50%, #848484 50%);
    background-image: -webkit-linear-gradient(bottom, #767676 50%, #848484 50%);
    background-image: -ms-linear-gradient(bottom, #767676 50%, #848484 50%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.5, #767676),
        color-stop(0.5, #848484)
    );
}

.botao-destaque{
    /* gradiente */
    background: #DBA40D;
    background-image: linear-gradient(bottom, #DBA40D 50%, #DFAA26 50%);
    background-image: -o-linear-gradient(bottom, #DBA40D 50%, #DFAA26 50%);
    background-image: -moz-linear-gradient(bottom, #DBA40D 50%, #DFAA26 50%);
    background-image: -webkit-linear-gradient(bottom, #DBA40D 50%, #DFAA26 50%);
    background-image: -ms-linear-gradient(bottom, #DBA40D 50%, #DFAA26 50%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.5, #DBA40D),
        color-stop(0.5, #DFAA26)
    );
}

.botao-frete{
    /* gradiente */
    background: #2C79BC;
    background-image: linear-gradient(bottom, #2C79BC 50%, #4289C3 50%);
    background-image: -o-linear-gradient(bottom, #2C79BC 50%, #4289C3 50%);
    background-image: -moz-linear-gradient(bottom, #2C79BC 50%, #4289C3 50%);
    background-image: -webkit-linear-gradient(bottom, #2C79BC 50%, #4289C3 50%);
    background-image: -ms-linear-gradient(bottom, #2C79BC 50%, #4289C3 50%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.5, #2C79BC),
        color-stop(0.5, #4289C3)
    );
}

.botao-lancamento{
    /* gradiente */
    background: #BC2C2C;
    background-image: linear-gradient(bottom, #BC2C2C 50%, #C34242 50%);
    background-image: -o-linear-gradient(bottom, #BC2C2C 50%, #C34242 50%);
    background-image: -moz-linear-gradient(bottom, #BC2C2C 50%, #C34242 50%);
    background-image: -webkit-linear-gradient(bottom, #BC2C2C 50%, #C34242 50%);
    background-image: -ms-linear-gradient(bottom, #BC2C2C 50%, #C34242 50%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.5, #BC2C2C),
        color-stop(0.5, #C34242)
    );
}

/* web chat locaweb */
.default-chat-online{
    overflow: hidden;
    margin: 5px 0;
    text-align: center;
}

/**
 * Component - infobox
 * Utilizado para exibir mensagens no topo da pagina
 */

.infobox {
    display: block;
    top: 0;
    width: 100%;
    overflow: hidden;
    padding: 8px;
    text-align: center;
    font-size: 14px;
    z-index: 999;
}

.infobox.danger {
    background-color: #ff0000;
    border-bottom: 1px solid #fff;
    color: #fff;
}

    .infobox span {
        font-size: 18px;
        font-weight: bold;
    }

    .infobox a {
        color: #fff;
        font-weight: bold;
        text-decoration: none;
    }

.infobox + .wrapper {
    margin-top: 40px;
}

/* Loja em implanta?o (modal) */
.implantation-window-content {
    display:none;
}

.implantation-window-box {
    line-height: normal;
    display: block;
    margin: 10px;
    text-align: center;
    font-size: 14px;
    
}

.implantation-window-box span {
    color: #000000;
    font-size: 18px;
    font-weight: bold;
}

.implantation-window-box p {
    margin-top: 10px;
}

.news.implantation {
    padding: 10px;
    width: 300px;
    margin: 0 auto;
    margin-top: 30px;
}

.news.implantation .news-botao {
    margin: 0 auto;
}

.news.implantation .invalid-field {
    border-color: #FF0000;
}

.news.implantation .invalid-field-message {
    border: 1px solid #FF0000;
}

.explain {
    font-style: italic;
}

.multienderecos-box h3.active, .multienderecos-box h3.active-default{
    border: 2px solid #FF0000;
    padding: 2px;
    background-color: #F4D7D7;
}

#lightwindow .page-simula-frete {
    line-height: 18px;
    padding: 10px; 
    max-width: 90%;
    min-width: 887px;
}

/* ==========================================================================
   Banners
   ========================================================================== */

.left-banner {
    margin-top: 10px;
    text-align: center;
}

.banner-js{
    clear: both;
    margin: 10px 0;
    padding-bottom: 40px;
    text-align: center;
    overflow: hidden;
}

/* banner galeria */
.banner-content {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    margin: 12px auto 0;
    border: 3px solid #666666;
    padding: 8px;
    margin-top: 12px;
    overflow: hidden;
}

    .banner-display-box {
        border: 2px solid #BCBCBC;
        cursor: pointer;
        float: left;
        height: 300px;
        overflow: hidden;
        position: relative;
        width: 63%;
    }

        .banner-display-box a,
        .banner-display-box a:hover {
            text-decoration: none;
        }

    .banner-option .banner-price {
        background: none repeat scroll 0 0 #666666;
        color: #FFFFFF;
        font-size: 20pt;
        padding: 10px;
        position: absolute;
        top: 0;
    }

    .banner-img img {
        max-height: 300px;
    }

    .banner-option .banner-texts-box {
        bottom: 0;
        display: block;
        position: absolute;
        width: 100%;
    }

    .banner-option .banner-text {
        background: none repeat scroll 0 0 rgba(51, 51, 51, 0.75);
        padding: 8px;
    }

    .banner-option .banner-text-name {
        color: #FFFFFF;
        font-size: 15pt;
    }

    .banner-option .banner-text-description {
        color: #FFFFFF;
        font-size: 10pt;
        margin-top: 1px;
    }

    .banner-option.disabled {
        display: none;
    }

    .banner-box-list {
        cursor: pointer;
        display: block;
        float: right;
        list-style: none outside none;
        margin: 0;
        width: 35%;
    }

    .banner-box-list-option {
        background: none repeat scroll 0 0 #999999;
        height: 73px;
        margin-top: 4px;
        overflow: hidden;
        position: relative;
        padding-right: 8px;
    }

    .banner-box-list-option:first-child {
        margin-top: 0;
    }

    .banner-box-list-option.disabled {
        background: none repeat scroll 0 0 #BCBCBC;
    }

    .banner-box-list-option-image {
        margin: 4px;
        float: left;
        width: 90px;
        height: 65px;
        overflow: hidden;
    }

    .banner-box-list-option-name {
        color: #333333;
        display: block;
        font-size: 10pt;
        font-weight: bold;
        margin: 11px 0 0 74px;
    }

    .banner-img {
        text-align: center;
    }
    
#lightwindow .page-simula-frete {
    line-height: 18px;
    padding: 10px; 
    max-width: 90%;
    min-width: 887px;
}

#lightwindow {
    /* #24551 - aumenta o z-index para a sombra do chat online n? ficar por cima da modal */
    z-index: 17000001 !important;
}

.finish-message,
.finish-order,
.finish-purchase,
.finish-delivery {
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
}

.finish-message {
    width: 58%;
    float: left;
    padding: 2% 3%;
    margin-bottom: 25px;
    font-size: 16px;
    font-weight: 400;
    color: #333;
}   

.finish-order {
    border: 1px solid #F2F2F2;
    width: 28%;
    float: right;
    padding: 2% 3%;
    background: #F9F9F9;
    text-align: center;
    margin-bottom: 25px;
}

.finish-purchase {
    border: 1px solid #F2F2F2;
    width: 58%;
    float: left;
    clear: both;
    padding: 2% 3%;
    margin-bottom: 20px;
}

.finish-delivery {
    border: 1px solid #F2F2F2;
    width: 28%;
    float: right;
    padding: 2% 3%;
    margin-bottom: 20px;
    font-size: 14px;
    color: #333 !important;
}

.finish-title {
    font: normal 24px/normal "Arial";
    color: #333;
}

.finish-main-message {
    font-family: "Arial";
    font-weight: 700;
}

.finish-order-code {
    font: 700 48px/normal "Arial";
    margin-bottom: 15px;
}

.finish-payment-method {
    width: 100%;
    margin: 20px 0;
    float: left;
}

.finish-total {
    font-size: 14px;
    color: #333;
    float: left;
    width: 60%;
    margin-top: 21px;
    text-align: left;
}

.finish-method-image {
    float: left;
    width: 40%;
}

.finish-method-image img {
    width: 54px;
}

.finish-change-method {
    width: 100%;
    font-weight: bold;
    text-decoration: underline;
    text-align: center;
    float: left;
}

.finish-button {
    margin-bottom: 15px;
    display: inline-block;
    width: 126px;
    padding: 11px 0;
    color: #fff !important;
    text-decoration: none;
    font: 700 16px/normal "Arial";
    border-radius: 5px;
    text-transform: uppercase;
    background-image: url('/assets/store/img/black-70.png');
    background-repeat: repeat;    
}

.finish-button-billet {
    width: 126px;
}

.finish-button-transfer {
    width: 240px;
}

.finish-button-card {
    width: 189px;
}

.finish-button-default {
    width: 210px;
}

.finish-button-billet:hover {
    text-decoration: none;
}

.finish-customer {
    font-weight: bold;
    margin-top: 20px;
}

.finish-delivery-method {
    margin-bottom: 15px;
}

.finish-purchase ul {
    width: 100%;
    margin-top: 15px;
    float: left;
    list-style: none !important;
}

.finish-purchase ul li {
    width: 100%;
    padding: 15px 0;
    border-bottom: 1px solid #F2F2F2;
    float: left;
}

.finish-purchase ul li:first-child {
    padding-top: 0px;
}

.finish-purchase ul li:last-child {
    padding-bottom: 0px;
    border-bottom: none;
}

.finish-purchase-img {
    float: left;
    width: 60px;
    margin-right: 10px;
}

.finish-product-description {
    margin-left: 70px;
    display: block;
}

.finish-info {
    margin-top: 20px;
    float: left;
}

.finish-info:last-child {
    margin-bottom: 0;
}

.finish-info-img {
    width: 30px;
    height: 30px;
    margin: 10px;
    float: left;
}

.cyrcle {
    width: 50px;
    height: 50px;
    border-radius: 25px;
    float:left;
    background-image: url('/assets/store/img/black-70.png');
    background-repeat: repeat;    
}

.finish-info-text {
    margin-left: 70px;
}

.finish-product-name {
    font-size: 14px;
    color: #333 !important;
}

.finish-product-variant {
    margin: 0 !important;
    display: block;
    border: none;
    float: none !important;
    list-style: none !important;
}

.finish-product-variant li{
    padding: 0 !important;
    border: none !important;
    float: none !important;
}

.finish-product-additional-information {
    display: block;
}

.finish-accounts {
    width: 100%;
    margin-top: 20px;
    float: left;
}

.finish-accounts ul{
    width: 100%;
    padding: 0;
    float: left;
    list-style: none !important;
}

.finish-accounts ul li {
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    width: 47%;
    padding: 1%;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin: 6% 6% 0 0;
    float: left;
}

.finish-accounts ul li:nth-child(even) {
    margin-right: 0;
}

.finish-accounts ul li:nth-child(1), .finish-accounts ul li:nth-child(2) {
    margin-top: 0;
}

.finish-accounts ul li h2 {
    font: bold 16px/normal "Arial";
    color: #333 !important;
}

.finish-accounts ul li div {
    font: 14px/normal "Arial";
    color: #333 !important;
}

.finish-method-message {
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    width: 100%;
    padding: 2%;
    margin-top: 20px !important;
    border: 1px solid #F2F2F2;
    border-radius: 7px;
    background: #F9F9F9;
    float: left;
}

.finish-ebit {
    width: 100%;
    padding: 0 !important;
    margin-top: 20px !important;
    float: left;   
}

.finish-method-message-check {
    width: 47% !important;
    float: right !important;
}

.finish-method-message h2 {
    font: bold 16px/normal "Arial" !important;
    color: #333 !important;
    margin-bottom: 10px;
}

.finish-method-message span {
    font: 14px/normal "Arial" !important;
    color: #333 !important;
}

.color-red {
    color: #C00;
}

.finish-main-error {
    font-size: 23px;
}

.finish-denied {
    font: 700 18px/normal "Arial";
    margin-top: 30px;
}

.finish-error-message {
    margin-top: 10px;
    font: 14px/normal "Arial";
}

.finish-error-didyouknow {
    font: 24px/normal "Arial";
    margin-top: 30px;
}

.finish-error-didyouknow p {
    font: 14px/normal "Arial";
    color: #000 !important;
    margin-top: 10px;
}

.finish-error-modal {
    font: 700 14px/normal "Arial";
    margin-top: 10px;
}

.finish-check-parts {
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;    
    width: 47%;
    padding: 2%;
    border: 1px solid #ccc;
    margin-top: 20px !important;
    border-radius: 7px;    
    float: left;
}

.finish-check-parts h2 {
    font: bold 16px "Arial" !important;
    color: #333 !important;
    margin-bottom: 10px;
}

.finish-check-parts ul {
    list-style: none !important;
}

.finish-check-parts ul li{
    font: 14px "Arial" !important;
    color: #333 !important;
}

.modal-erro-body {
    text-align: left;
}

.modal-erro-titulo {
    font: 18px/normal "Arial";
    width: 100%;
    padding: 10px 0 18px;
    margin-bottom: 20px;
    border-bottom: solid 1px #DDD;
}

.modal-erro-left {
    width:70%;
    float: left;
}

.modal-erro-right {
    width:30%;
    float: right;
}

.modal-erro-right img {
    margin-top: 65px;
}

.modal-erro-left div {
    margin-bottom: 15px;
}

.modal-erro-left h2 {
    color: #C00;
    font: 700 14px "Arial" !important;
}

.modal-erro-left p {
    color: #767676 !important;
    font: 14px "Arial";
    margin: 0;
    padding: 0;
}

.modal-erro-bottom {
    clear: both;
    background-color: #EEE;
    border-top: solid 1px #DDD;
    height: 39px;
    padding: 30px 10px 0 0;
}

.modal-erro-botao-tentar a {
    width: 200px;
    padding: 5px 15px;
    color: #fff !important;
    text-decoration: none;
    font: 14px/normal "Arial";
    border-radius: 5px;
    background-image: url('/assets/store/img/black-70.png');
    background-repeat: repeat;    
}

.modal-erro-botao-fechar a {
    width: 200px;
    padding: 5px 10px;
    color: #333 !important;
    text-decoration: none;
    font: 14px/normal "Arial";
    border-radius: 5px;
    border-color: #333;
    background-color: #FFF;
}

.modal-erro-botao-tentar {
    float:right;
}

.modal-erro-botao-fechar {
    float:right;
    margin-left: 20px;
}

.page-recibo_pagamentodigital2 {
    background: none;
}

.page-recibo_pagamentodigital2 #NavLateralEsquerda,
.page-recibo_pagamentodigital2 #NavSuperior,
.page-recibo_pagamentodigital2 #NavVisitados,
.page-recibo_pagamentodigital2 #NavInferior,
.page-recibo_pagamentodigital2 #NavLogoTray {
    display: none;
}

/* ==========================================================================
   Suggestion (Apenas Layout Personalizado)
   suggestion opencode fica em mvc/store/Plugin/Elastic/webroot/css/suggestion.css
   ========================================================================== */
.slcted {
    background-color: #ccc;
}

.cl {
    clear: both;
    margin: 0px !important;
}

.idp {
    font-size: 10px;
}

#suggestion {
    z-index: 100;
    border: 6px solid #666;
    max-width: 700px;
    min-width: 400px;
}

#suggestion strong {
    background-color: #D70008;
    color: #FFFFFF;
    display: block;
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 7px;
    text-indent: 8px;
    font: bold 14px 'Open Sans Condensed',sans-serif;
}

#suggestion span {
    display: block;
    cursor:pointer;
    padding:4px 0;
}

#suggestion #words {
    padding: 5px;
    font-size: 13px;
    background-color: white;
}
#suggestion #products {
    background-color: whiteSmoke;
    padding: 14px;
    
}
#suggestion #products a {
    color: #000;
    font-weight: bold;
}
#suggestion #words {
    background-color: white;
    padding: 14px;
}

#suggestion #words span {
    border-bottom: 1px dotted #DDD;
}

#suggestion #products .img-suggestion {
    width: 90px;
    height: 90px;
    float: left;
    margin-right: 10px;
}

#suggestion #products .list-products {
    margin-bottom: 20px;
    font-size: 13px;
}

#suggestion #words span:hover {
    background: #eee;
}

#suggestion #words strong, #suggestion #products strong {
    background: #666;
}

#suggestion #products div:hover {
    background: #D8D8D8;
}

/* 
 *  icon-video utilizada na pagina de produto, na apresentacao do icone de video no carrossel.
 */
@font-face {
    font-family: 'video';
    src:url('fonts/video.eot');
    src:url('fonts/video.eot?#iefix') format('embedded-opentype'),
        url('fonts/video.ttf') format('truetype'),
        url('fonts/video.woff') format('woff'),
        url('fonts/video.svg#video') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-video"], [class*=" icon-video"] {
    font-family: 'video'!important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    font-size: 45px;
    padding-top: 11px;
    display: block;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-video:before {
    content: "\e010";
}

#product-container {
    position: relative;
}

#loading-product-container, #loading-tab-container {
    position: absolute;
    display: none;
    background: #fff;
    opacity: 0.8;
    margin: 0 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
}

#loading-product-container img, #loading-tab-container img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -100px 0 0 -32px;
    width: 64px;
    height: 64px;
}

.tray-hide {
  	display: none !important;
}

.show_size_and_color_type.passo1 {
    margin-top: 10px;
}
.box-captcha {
    display: flex;
}
.box-captcha input {
    margin-left: 5px !important;
    height: 32px !important;
    line-height: 32px !important;
}