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


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
*:focus {
    outline: 0;
}
@font-face {
    font-family: Arial;
    src: url(../fonts/ARIAL.TTF)
}
body {
    line-height: 1;
    font-family: 'arial', sans-serif; 
    font-size: 14px;
    background-color: #fff !important;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

a, a:hover, a:visited, a:active, a:focus {
    text-decoration: none;
}
a {
    color: #d3212d;
}
a:hover {
    color: #cb262a!important;
}
.barra-inicial{background:#cb262a;padding:0}.barra-inicial .row-fluid{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.barra-inicial ul{overflow:visible}.barra-inicial ul li{height:auto}.barra-inicial .lista-redes{-webkit-box-flex:1;-ms-flex:auto;flex:auto}.barra-inicial .canais-contato{margin-right:10px}.barra-inicial .canais-contato li{border:none;padding:0 2px}.barra-inicial .canais-contato li i{display:none}.barra-inicial .canais-contato li>a,.barra-inicial .canais-contato li>span{color:#fff;font-size:14px;font-weight:600}.barra-inicial .canais-contato li>a:hover{text-decoration:none;opacity:.7}.barra-inicial .canais-contato li:first-child{float:right}@media screen and (max-width:1320px){.barra-inicial .canais-contato li.hidden-phone,.barra-inicial .canais-contato li.hidden-tablet{display:none}}@media screen and (max-width:1030px){.barra-inicial .canais-contato{display:none}}.barra-inicial .acoes-conta li{line-height:normal;margin-right:0}.barra-inicial .acoes-conta li>a{color:#fff;font-size:14px;font-weight:600}.barra-inicial .acoes-conta li>a:hover{text-decoration:none;opacity:.7}.barra-inicial .acoes-conta li .icon-user{background:0 0}.barra-inicial .acoes-conta li .icon-user:before{content:""}.barra-inicial .acoes-conta li .icon-user .icon{width:12px;height:12px}.barra-inicial .acoes-conta li .icon-user .icon .cls-1{fill:#fff}.barra-inicial .btn-group{margin-right:20px;font-family:arial}.barra-inicial .btn-group>a.botao.pequeno{background:0 0;border:none;font-size:14px;border:none;border-radius:5px;color:#fff;font-weight:600;width:100px;overflow:hidden;text-overflow:ellipsis}.barra-inicial .btn-group>a.botao.pequeno>span{font-size:0}.barra-inicial .btn-group>a.botao.pequeno:hover{color:#fff}.barra-inicial .btn-group .open .dropdown-toggle{-webkit-box-shadow:none;box-shadow:none}.barra-inicial .btn-group>.dropdown-menu{padding:0;overflow:hidden}.barra-inicial .btn-group>.dropdown-menu>li{float:none;margin-left:0;padding-left:0}.barra-inicial .btn-group>.dropdown-menu>li>a{height:100%;line-height:28px}.barra-inicial .btn-group>.dropdown-menu>li:active a,.barra-inicial .btn-group>.dropdown-menu>li:focus a,.barra-inicial .btn-group>.dropdown-menu>li:hover a{background:#f2f2f2;color:#838383}

/*FIXES*/
.show-mob {
    display: none !important;
}


/*margens*/
.mt-0 {
    margin-top: 0px !important;
}
.mt-30 {
    margin-top: 30px !important;
}
.mt-50 {
    margin-top: 50px !important;
}
.ml-10 {
    margin-left: 10px;
}
.ml-20 {
    margin-left: 20px;
}
.ml-50 {
    margin-left: 50px;
}
.mb-10 {
    margin-bottom: 10px;
}
.mb-20 {
    margin-bottom: 20px;
}
.mb-30 {
    margin-bottom: 30px;
}
.mb-0 {
    margin-bottom: 0px !important;
}
.mv-150 {
    margin: 150px 0px;
}
.mv-195 {
    margin: 195px 0px;
}

/*paddings*/
.p30 {
    padding: 30px;
}
.pv-10-20 {
    padding-top: 10px !important;
    padding-bottom: 20px !important;
}
.pv-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
.ph-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.pl-20 {
    padding-left: 20px !important;
}
.pl-30 {
    padding-left: 30px !important;
}
.pr-20 {
    padding-right: 20px !important;
}
.pb-10 {
    padding-bottom: 10px !important;
}
.pb-20 {
    padding-bottom: 20px !important;
}
.pb-30 {
    padding-bottom: 30px !important;
}

/*line heights*/
.lh-22 {
    line-height: 22px;
}



/*ALIGNS*/
.tac {
    text-align: center;
}
.tar {
    text-align: right;
}

/*box sizes*/
.w20 {
    width: 20px !important;
}
.w30 {
    width: 30px !important;
}
.w50 {
    width: 50px !important;
}
.w80 {
    width: 80px !important;
}
.w100 {
    width: 100px !important;
}
.w150 {
    width: 150px !important;
}
.w200 {
    width: 200px !important;
}


/*FONT weight*/
.fwb {
    font-weight: 600;
}

/*FONT SIZES*/
.fs-12 {
    font-size: 12px !important;
}
.fs-14 {
    font-size: 14px !important;
}
.fs-18 {
    font-size: 18px;
}
.fs-20 {
    font-size: 20px;
}


/*CORES*/
div.lightgrey {
    background-color: #f8f8f8;
}
div.grey {
    background-color: #EDEDED;
}
span.lightblue {
    color: #f1383d;
}

/*ALERTS*/

.alert-danger {
    color: #a94442 !important;
    background-color: #f2dede !important;
    border: 1px #ebccd1 solid !important;
}
.alert-success {
    color: #3c763d !important;
    background-color: #dff0d8 !important;
    border-color: #d6e9c6 !important;
}

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

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


/*BUTTONS*/
button.btn_primary {
    border-radius: 0;
    color: #000;	
    color: #FFF;
    background-color: #f1383d;
    font-family: 'arial', sans-serif; 
    padding: 12px 20px;
    font-weight: initial;
    font-size: 18px;
    border: 0;
    cursor: pointer;
}

button.btn_primary:hover {
    color: #FFF;
    background-color: #d3212d;
    -webkit-transition: background-color 200ms linear;
    -moz-transition: background-color 200ms linear;
    -o-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
}

div.limit {
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;
}


/*INFO MSGS*/
.cadastro_msg_ok {
    margin-bottom: -25px;
    padding: 15px;
    font-size: 20px;
    margin-top: 25px;
}
.review_msg_ok {
    margin-bottom: -15px;
    padding: 15px;
    font-size: 15px;
    margin-top: 25px;
}
.login_msg_error {
    margin-bottom: -25px;
    padding: 15px;
    font-size: 15px;
    margin-top: 25px;
    display: none;
}
.cart_msg_error {
    margin-bottom: 0px;
    padding: 15px;
    font-size: 15px;
    margin-top: 25px;
    display: none;
}


/*TOP BAR*/
div.top_bar {
    background-color: #cb262a;
    color: #FFF;
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 10px;
}
div.top_bar div.welcome_msg {
    float: left;
}
div.top_bar div.top_menus {
    float: right;
}
div.top_bar div.top_menus div.blocks {
    float: left;
    margin-right: 30px;
}
div.top_bar div.top_menus div.blocks a {
    color: #b0b0b0;
    font-weight: 600;
}
div.top_bar div.top_menus div.blocks a:hover {
    color: #b7ef2a;
}
@media only screen and (max-width: 900px) {
    div.footer_top h1, div.footer_bottom div.mobile-hide  {
        display: none !important; 
    }
}



.topo {
    background-color: #fff;
    overflow: hidden;
    width: 100%;
    z-index: 999;
}

div.fixar {
    position: fixed;
    width: 100%;
    top: 0;
    opacity: 0.9;
    z-index: 99;
    border: double 1px;
    border-color: #f1383d;
}
div.fixar:hover {
    position: fixed;
    width: 100%;
    top: 0;
    opacity: 1;
    z-index: 99;
    border: double 1px;
    border-color: #f1383d;

}

.topo .logo {
    float: left;
    padding-left: 0;
}

.topo .logo img {
    /*padding: 9px 0px 11px 0px;*/
    padding: 18px 0px 0px 33px;
    float: left;
}

.topo .menu_top_btn {
    background-color: #000;
    padding: 10px 20px;
}

.topo .search {
    float: left;
    overflow: hidden;
    margin: 20px 0px 0px 0px;
}

.topo .search div {
    float: left;
}

.topo .search div.input_div {
    width: 100%;
}

.topo .search button.btn_search {
    float: left;
    height: 41px;
    font-family: 'arial', sans-serif; 
    padding: 0px 22px;
    font-weight: 600;
    font-size: 19px;
    border: 0;
    cursor: pointer;
    margin: 8px 0px 0px -70px;
}

.topo .search button.btn_search:hover {
    background-color: #d3212d;
    -webkit-transition: background-color 200ms linear;
    -moz-transition: background-color 200ms linear;
    -o-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
}

.topo .search_mob {
    display: none;
}

.topo .topo_btns {
    z-index: 9999999;
    margin: 20px 0px 0px 0px;
}

.topo .btn_topo {

    width: 20%;
    float: right;
    height: 91px;
    text-align: center;
    cursor: pointer;
    margin-left: 5px;
}
em.btn_topoEm {
    background-color: #cb282b;
    width: 21px;
    height: 20px;
    border-radius: 50%;
    color: #fff;
    display: inline-flex;
    padding: 0px 0px 0px 4px;
    font-style: normal;
    /* position: absolute; */
    /* right: 0; */
    /* margin-top: 0px; */
    font-size: 12px;


}


.topo .btn_topo:hover {
    background-color: #FFF;
}

.topo .btn_topo img {
    margin-bottom: -9px;
}

.topo .btn_topo span {
    display: block;
    font-size: 11px;
    line-height: 14px;
    text-align: center;
    padding-top: 0px;
    color: #000;
}

.topo .btn_topo span a {
    color: #000;
}

.topo .search input {
    height: 57px;
    border: 1px solid #fff;
    font-family: 'arial', sans-serif; 
    width: 100%;
    font-size: 20px;
    font-weight: 600;
    padding-left: 10px;
    padding-top: 0px;
    border: 1px solid;
    border-color: #a0a0a0;
}

.topo .cartSummary {
    z-index: 999;
    position: absolute;
    top: 131px;
    width: 260px;
    display: none;
    background-color: #FFF;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    right: 350px;
    padding: 10px;
}
.topo .cartSummary div.cartBotButton {
    background-color: #00AEEF;
    text-align: center;
    font-family: 'arial', sans-serif; 
    margin-top: 15px;
    color: #FFF; 
    padding: 5px;
}
.topo .cartSummary ul {
    margin: 0;
    overflow: hidden;
    list-style: none;
    padding: 0;
}

.topo .cartSummary ul li img {
    max-width: 70px;
    float: left;
}


div.sub-menu {
    background-color: #f1383d;
    overflow: hidden;
}

div.sub-menu div.itens {
    /*background-color: #4384b1;*/
    background-color: #d3212d;
    overflow: hidden;
}
div.sub-menu div.itens ul {
    overflow: hidden;
    height: 40px;
    padding-top: 5px;
    display: table-cell;
    width: 100%;
    padding-left: 6px;
}

div.sub-menu div.itens ul li {
    display: table-cell;
    text-align: center;
    width: 25%;
    padding: 7px 20px 0px 20px;
    height: 30px;
    border-right: 1px #f1383d solid;
    cursor: pointer;
}

div.sub-menu div.itens ul li:hover {
    background-color: #f1383d;
}

div.sub-menu div.itens ul li:last-child {
    border-right: 0;
}

div.sub-menu div.itens ul li a {
    color: #FFFFFF;
    font-weight: 600;
    width: 231px;
    text-shadow: 1px 1px 2px #666;
}

@media (min-width:1024px){
    div.sub-menu div.itens ul li a {
        display: block;
    }
}

div.sub-menu div.itens ul li a:hover {
    color: #FFFFFF !important;
}


/*CONTENT*/

div.content {
    background-color: #fff;
    min-height: 495px;
    overflow: hidden;
}

div.content div.banners {
    margin: 10px auto;
    width: 1200px;
}

div.content .vitrines {
    overflow: hidden;
    padding: 0px 10px;;
    background-color: #FFF;
}

div.content .limit .faixa {
    padding: 8px 4px;
}

@media only screen and (max-width: 900px) {
    div.content .limit .faixa  {
        display: none !important; 
    }
}

div.content div.vitrines div.vitrine_books {
    overflow: hidden;
    margin-bottom: 5px;
    /* margin-top: 20px; */
}
div.content div.vitrines div.vitrine_books2{
    overflow: hidden;
    margin-bottom: 20px; 
}

div.content div.vitrines div.vitrine_books h1 {
    display: block;
    font-size: 35px;
    transition: all .2s ease;
    border-top: none;
    text-align: left;
    color: #007bff;
    font-weight: 600;
    text-align: center !important;
}

div.content div.vitrines div.vitrine_books h1.vitrine{
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 5px;
    color: #ffffff;
    text-transform: uppercase;
    padding: 6px 35px;
    margin-top: 15px;
    background-color: #d3212d; 
}

.conf-mob-pre-venda{
    position: absolute !important;
    margin: 165px 0px 0px 7px !important;
    width: 84px !important;
}

div.content div.vitrines div.pagination ul.pagination {
    display: inline-block;
    padding: 0;
    margin: 0;
}
div.content div.vitrines div.pagination{
    margin: 0% 25%;
}
div.content div.vitrines div.pagination ul.pagination li{
    display: inline;
}
div.content div.vitrines div.pagination ul.pagination li a{
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
}
div.content div.vitrines div.pagination ul.pagination li a.active{
    background-color: #d3212d;
    color: white !important;
}
div.content div.vitrines div.pagination ul.pagination li a:hover:not(.active){
    background-color: #ddd;
}

div.content .vitrines .vitrine_books .titulo-vitrine {
    display: block;
    font-size: 25px;
    margin: 25px 0 0;
    transition: all .2s ease;
    border-top: none;
    text-align: left;
}

div.content .vitrines .vitrine_books .titulo-vitrine strong.titulo-stronger {
    display: block;
    font-size: 35px;
    transition: all .2s ease;
    border-top: none;
    text-align: left;
    color: #007bff;

}

div.content .vitrines .vitrine_books .book_unit {
    text-align: center;
    float: left;
    width: 235px;
    padding-top: 10px;
    position: relative;
    margin-bottom: 30px;
}

div.content .vitrines .vitrine_books .book_unit .book_tag {
    color: #f70e0e;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    position: absolute;
    left: 34px;
    width: auto;
    background-color: #ffffff;
    padding: 4px 9px;
    border: 1px solid #f70e0e;
}

div.content .vitrines .vitrine_books .book_unit .book_tag_rodape {
    color: #f8fb0c;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    position: absolute;
    left: 34px;
    width: auto;
    background-color: #0d0c0c;
    padding: 4px 9px;
    border: 1px solid #0d0c0c;
    margin-left: 71px;
    top: 160px !important;
}

div.content .vitrines .vitrine_books .book_unit .book_tagblue {
    color: #093cf7;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    position: absolute;
    left: 34px;
    width: auto;
    background-color: #ffffff;
    padding: 4px 9px;
    border: 1px solid #093cf7;
}

div.content .vitrines .vitrine_books .book_unit .info {


}
div.content .vitrines .vitrine_books .book_unit .info .title{
    padding: 2px 2px 2px 2px;
    height: 55px;
    text-align: -webkit-center;
    color: #01233e;
    font-size: 15px;


}

div.content .vitrines .vitrine_books .book_unit .info .price {
    margin-top: 2px;
}

div.content .vitrines .vitrine_books .book_unit .info .price .btncomprar {
    margin-top: 8px;
}

div.content .vitrines .vitrine_books .book_unit .info .price .aviseme p.aviseme{
    color: #BE3635;
    font-weight: bold;
    margin-top: 7px;
    font-size: small;
}
div.content .vitrines .vitrine_books .book_unit .info .price .aviseme button.aviseme{
    display: inline-block;
    padding: 2px 30px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.428571;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 40px;
    background-color: #f9ad22;
    color: white;
    margin-top: 10px;
}
div.search div.books div.book_unit div.info .price .aviseme button.aviseme{
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.428571;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: #f9ad22;
    color: white;
    margin-top: 5px; 
}

button.btncomprar{
    display: inline-block;
    padding: 8px 10px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400; 
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 10px;
    background-color: #25a012;
    color: white;
}
div.content .vitrines .vitrine_books .book_unit .info .price .price_from {
    text-decoration: line-through;
    color: #666;
    font-size: 14px;
}

div.content .vitrines .vitrine_books .book_unit .info .price .price_to {
    color: #cb262a;
    font-size: 24px;
}

div.content .vitrines .vitrine_books img.img_def {
    max-width: 235px;
    max-height: 190px;
    margin-bottom: 10px;
}



/*footer*/
div.footer_top {
    background-color: #1f4f93;
    overflow: hidden;
    color: #fff;
    padding: 6px;
    margin: 0px;
    font-weight: initial;
}
div.footer_top .col-lg-4 {
    padding: 0;
}
div.footer_top a {
    color: #a92126;
}
div.footer_top a:hover {
    color: #8cb8de;
}

div.footer_top .col-lg-4 {
    margin: 20px 0px;
}
div.footer_top h1, div.footer_bottom h2 {
    color: #FFF;
    font-size: 16px;
    margin-bottom: 20px;
    display: block;

}
div.footer_top input {
    float: left;
    background-color: #fff;
    line-height: 20px;
    font-style: normal;
    color: #a92126;
    padding: 5px 0px 5px 10px;
}
div.footer_top button {
    width: 14%;
    float: left;
    margin: 0px;
    padding: 0px;
    margin-left: 2%;
    border: none;
    background-color: #a92126;
    height: 35px;
    color: white;

}
div.footer_top button:hover {
    color: #fff;
}

div.footer_bottom div.text, div.footer_top div.text {
    line-height: 26px;
}


div.footer_bottom {
    margin-top: 20px;
    background-color: #fff;
    overflow: hidden;

}

div.fundo{
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0,0,0, 0.5);
    top: 0;
    left: 0;
    display: none;
}

div.fundo .janela{
    background: #FFF;
    width: 50%;
    height: 165px;
    position: absolute;
    left: 55%;
    top: 50%;
    margin-left: -30%;
    margin-top: -150px;

}


div.fundo .janela .fecharjanela{
    padding: 2px 6px;
    border: 1px solid #CCC;
    position: absolute;
    right: 3px;
    top: 3px;
    border-radius: 7px;
    cursor: pointer;
    color: #CCC;
}



div.fundo .janela .fecharjanela:hover{
    padding: 2px 6px;
    border: 1px solid #060606;
    position: absolute;
    right: 3px;
    top: 3px;
    border-radius: 7px;
    cursor: pointer;
    color: #060606;
}



div.fundo .janela .conteudo .miniformulario-aviseme{
    padding: 10px;
    border: 1px silver solid;
    margin-top: 30px;
    width: 98%;
    margin-left: 10px;

}

div.fundo .janela .conteudo .miniformulario-aviseme .mini-form button.btn-miniform-aviseme{
    width: 16%;
    margin-left: 6px;
    border: none;
    background-color: #f9ad22;
    color: white;
    font-weight: 600;
    height: 25px;
    margin-top: -4px;
}
div.footer_bottom .col-lg-3 {
    padding: 0;
}





/*------------PAGES----------*/
/*LOGIN*/

div.login_box {
    background-color: #FFF;
    float: left;
    width: 100%;

    overflow: hidden;
    padding: 35px 15px;
}

div.login_box h1 {
    font-weight: 600;
    font-size: 16px;
    font-family: 'arial', sans-serif; 
    margin-bottom: 20px;
}

div.login_box h2 {
    font-weight: 600;
    font-size: 14px;
    font-family: 'arial', sans-serif; 
    display: block;
    margin-bottom: 10px;
}

div.login_box input {
    width: 90%;
    height: 35px;
    border: 1px #CCC solid;
    background-color: #FFF;
    font-style: normal;
    padding-left: 10px;
}
div.login_box .lp_text {
    text-align: right;
    width: 90%;
    padding-top: 5px;
}

div.login_box .lp_text a {
    color: #000;
    font-weight: 600;
    font-size: 12px;
    text-decoration: underline;
}

div.login_box button.btn {
    border-radius: 30px;
    color: #000;
    height: 35px;
    color: #FFF;
    background-color: #f1383d;
    font-family: 'arial', sans-serif; 
    padding: 0px 15px;
    font-weight: initial;
    font-size: 15px;
    border: 0;
    cursor: pointer;
}

div.login_box button.btn:hover {
    color: #FFF;
    background-color: #d3212d;
    -webkit-transition: background-color 200ms linear;
    -moz-transition: background-color 200ms linear;
    -o-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
}
div.login_box ul {
    margin-top: 20px;
}

div.login_box ul li {
    margin-bottom: 18px;
}

@media (min-width:1024px){
    .pl-70 {
        padding-left: 70px;
    }
    div.login_box .col-lg-6:first-child {
        border-right: 1px #EAEAEA solid;
    }
}



/*SHOW PROD*/
div.book_info {
    float: left;
    margin-top: 30px;	
    margin-bottom: 20px;
    width: 100%;
    padding-top: 30px;
    background-color: #FFF;
    padding-bottom: 30px;
}
div.book_info .book_desc_top .prevenda_alert p.prevenda {
    padding: 10px 1px;
    font-size: 14px;
    color: #f30001;
    font-weight: 600;
}

div.book_info .book_desc_top .prevenda_destaque {
    top: 0px;
    color: #360267;
    font-weight: 700;
    text-transform: uppercase;
    width: 140px;
    padding: 4px 20px;
    border: 1px solid #360267;
}

div.content .vitrines .vitrine_books .book_unit .book_tagroxo {
    color: #6b0a72;
    font-size: 2px;
    font-weight: 700;
    text-transform: uppercase;
    position: absolute;
    left: 20px;
    width: auto;
    background-color: #ffffff;
    padding: 4px 9px;
    border: 1px solid #68086a;
}

div.book_info .main_content {
    overflow: hidden;
}

div.book_info .col-lg-4 {
    margin: 0;
    padding: 0;
}

div.book_info div.img_box {
    position: relative;
}
div.img_box {
    position: relative;
}
div.book_info div.img_box img {
    max-width: 210px;
}
div.img_box img {
    max-width: 210px;
}
div.book_info div.img_box div.label_book {
    margin: 0 auto;
    background-color: #FDD900;
    padding: 10px 0px;
    text-align: center;
    width: 190px;
    text-transform: uppercase;
    font-weight: 600;
    color: #000;
}



div.book_info .share-buttons-small {
    text-align: center;
    margin-top: 20px;
}
div.book_info .share-buttons-small span {
    background: url('../img/social.png') no-repeat;
    width: 26px;
    height: 26px;
    display: inline-block;
    margin-right: 5px;
}
div.book_info .share-buttons-small span.linkedin {
    background-position: 0px 0px;
}
div.book_info .share-buttons-small span.twitter {
    background-position: -27px 0px;
}
div.book_info .share-buttons-small span.facebook {
    background-position: -53px 0px;
}
div.book_info .share-buttons-small span.googlep {
    background-position: -82px 0px;
}

div.book_info .book_desc_top h1 {
    font-weight: 600;
    font-size: 32px;
    margin-bottom: 20px;
}

.book_desc_top h1 {
    font-weight: 600;
    font-size: 32px;
    margin-bottom: 20px;
}

@media (min-width:1024px){
    div.book_info .book_desc_top .col-xs-6 {
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: auto !important;
    }
}

div.book_info .book_desc_top .author_rate {
    overflow: hidden;
}

div.book_info .book_desc_top .author_rate .f_l {
    float: left;
}
@media (min-width:1024px){
    div.book_info .book_desc_top .author_rate .top_rate {
        margin-left: 0px;
        padding-top: 15px;
    }
}
div.book_info .book_desc_top .autor {
    margin-bottom: 10px;
    font-weight: 600;
}

.autor {
    margin-bottom: 10px;
    font-weight: 600;
}

div.book_info .book_desc_top .editora_label {
    margin-bottom: 20px;
}

div.book_info .book_desc_top .lancamento_destaque {
    top: 0px;
    color: #093cf7;
    font-weight: 600;
    text-transform: uppercase;
    width: 130px;
    padding: 4px 9px;
    border: 1px solid #093cf7;
}

div.book_info .book_desc_top .mini_desc {
    text-align: justify;
    line-height: 22px;
    margin-bottom: 40px;
    margin-right: 30px;
}
.mini_desc {
    text-align: justify;
    line-height: 22px;
    margin-bottom: 40px;
    margin-right: 30px;
}

div.book_info .book_desc_top .prices {
    overflow: hidden;
}
div.book_info .book_desc_top .prices .price_box {
    overflow: hidden;
}

div.book_info .book_desc_top .prices div[class^="col-lg"] { 
    padding: 0;
}

div.book_info .book_desc_top .prices div[class^="col-lg"] div.avisemediv div.aviseme button.aviseme { 
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.428571;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: #f9ad22;
    color: white;
    margin-top: 5px;
    margin-left: 40px;
}


@media (min-width:1024px) {
    div.book_info .book_desc_top .prices .type_box {
        padding-right: 20px !important;
    }

    div.book_info .book_desc_top .prices div[class^="col-lg"] h2.sem_estoque { 
        display: block;
        float: right;
        font-size: 30px;
        font-weight: 600;
        margin-top: 30px;
        margin-right: 100px;
        color: #f1383d;
    }
}


div.book_info .book_desc_top .prices span {
    display: block;
    font-family: 'arial', sans-serif;
}

div.book_info .book_desc_top .prices span.old_price {
    margin-bottom: 10px;
    text-decoration: line-through;
    color: #999;
}
span.old_price {
    margin-bottom: 10px;
    text-decoration: line-through;
    color: #999;
}
div.book_info .book_desc_top .prices span.new_price {
    font-weight: 500;
    font-size: 3em;
    letter-spacing: -2px;
    /*color: #d3212d;*/
}
span.new_price {
    font-weight: 500;
    font-size: 3em;
    letter-spacing: -2px;
    /*color: #d3212d;*/
}

span.selo-desconto {
    background: #e00000;
    color: #fff;
    top: 265px;
    left: -70px;
    width: 50px;
    height: 50px;
    display: inline-block;
    position: absolute;
    text-align: center;
    padding-top: 0px;
    font-family: 'Rokkitt', serif;
    font-weight: bold;
    border-radius: 100%;
}

span.selo-desconto p{
    font-size: 16px;
    display: inline-block;
    margin-top: 8px;
    position: relative;
    top: 5px;
}

div.book_info .book_desc_top .prices span.new_price small {
    font-size: 30px;
}

div.book_info .book_desc_top .prices .format_book {
    background-color: #f0f3f4;
    color: #c4c4c4;
    border: 1px #f0f3f4 solid;
    margin-bottom: 10px;
    padding: 10px 0px;
    cursor: pointer;
    font-weight: 600;
    text-align: center;
}
div.book_info .book_desc_top .prices .format_book.t_actived, div.book_info .book_desc_top .prices .format_book:hover {
    border: 1px #bcc9cd solid;
    background-color: #d9e0e3;
    color: #3b4a4f;
}

/*
div.book_info .book_desc_top .prices .format_book label {
        cursor: pointer;
        color: #494949;
}


div.book_info .book_desc_top .prices input[type="radio"] {
        margin-top: -3px;
        vertical-align: middle;
}
*/

div.book_info .book_desc_top .prices button.add_cart {
    color: #FFF;
    background-color: #205796;
    font-family: 'arial', sans-serif;
    border: 0;
    padding: 15px 75px;
    font-weight: 600;
    display: block;
    margin: 30px 40px 0px 0px;
    font-size: 20px;
    float: right;
    border-radius: 40px;
}

button.add_cart {
    color: #FFF;
    background-color: #205796;
    font-family: 'arial', sans-serif;
    border: 0;
    padding: 15px 75px;
    font-weight: 600;
    display: block;
    margin: 30px 40px 0px 0px;
    font-size: 20px;
    /*float: right;*/
    border-radius: 40px;
}

div.book_info .book_desc_top .prices button.add_cart:hover {
    background: #33a220;
    -webkit-transition: background-color 200ms linear;
    -moz-transition: background-color 200ms linear;
    -o-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
}
button.add_cart:hover {
    background: #33a220;
    -webkit-transition: background-color 200ms linear;
    -moz-transition: background-color 200ms linear;
    -o-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
}

div.book_info .book_desc_top .prices button.add_cart span.cart_icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url('../img/sprite.png') no-repeat;
    vertical-align: middle;
    margin-right: 16px;
    margin-top: -3px;

}

button.add_cart span.cart_icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url('../img/sprite.png') no-repeat;
    vertical-align: middle;
    margin-right: 16px;
    margin-top: -3px;

}

div.book_info .add_cart_mob button {
    display: none;
}

@media (min-width:1024px){
    div.book_info .book_desc_mob {
        display: none;
    }
}


div.panels {
    float: left;
    margin: 20px 0px;
    width: 100%;
    background-color: #FFF;
    padding: 0px 0px;
    overflow: hidden;
}
div.panels2 {
    float: left;
    margin: 20px 0px;
    width: 100%;
    background-color: #FFF;
    padding: 30px 0px;
    overflow: hidden;
}

div.panels h1 {
    margin-left: 30px;
    font-size: 24px;
    display: block;
    color: #cb282b;
}
div.panels h2 {
    margin-left: 30px;
    font-size: 20px;
    display: block;
}

div.book_desc .book_desc_grid div[class^="col-lg"] {
    padding: 0;
    padding-left: 30px;
    margin-top: 30px;
}

div.book_desc .book_desc_grid div[class^="col-lg"] h2 {
    display: block;
    margin-bottom: 20px;
    font-size: 18px;
}

div.book_desc .book_desc_grid .book_sinopse {
    text-align: justify;
    line-height: 22px;
}

div.book_desc .book_desc_grid .book_carac {
    padding-right: 30px;
}
div.book_desc .book_desc_grid .book_carac table {
    width: 100%;
}

div.book_desc .book_desc_grid .book_carac table tr:nth-child(2n+2) {
    background: #f8f8f8;
}

div.book_desc .book_desc_grid .book_carac table tr td {
    padding: 10px 0px 10px 10px;
}

div.book_desc .book_desc_grid .book_carac table tr td:first-child {
    font-weight: 600;
}





div.who_buy div.books {
    margin: 30px 30px 0px 45px;
    width: 100%;
}
div.who_buy div.books .books_content {
    width: 100%;
}

div.who_buy div.books .book_unit {
    float: left;
    width: 130px;
    text-align: center;
}


div.who_buy div.books .book_unit h2 {
    margin-top: 11px;
    font-size: 11px;
    line-height: 19px;
    font-weight: 600;
    margin-left: 2px;
}	

div.who_buy div.books .book_unit span {
    display: block;
    margin-top: 10px;
}

div.who_buy div.books .book_unit span.old_price {
    font-size: 12px;
    margin-top: 15px;
    text-decoration: line-through;
    color: #666;
}
div.who_buy div.books .book_unit span.new_price {
    font-size: 23px;
    font-weight: 600;
    color: #f1383d;
}
div.who_buy div.books .book_unit img {
    max-width: 114px;
}



div.client_opinion .no_review {
    margin-top: 20px;
    margin-left: 30px;
}

@media (min-width:1024px){
    div.client_opinion .p_right {
        float: right!important;
    }
}

div.client_opinion .no_review span, div.top_rate span {
    display: inline-block;
    vertical-align: middle;
    margin-top: -7px;
    margin-left: 11px;
}

div.client_opinion div.reviews p.reviewMsg {
    text-align: justify;
}


/*MEU CARRINHO*/
div.my_cart {
    margin-top: 30px;
    background-color: #FFF;
    float: left;
    width: 100%;
    padding-bottom: 20px;
}

div.my_cart h1 {
    margin: 20px;
    font-size: 25px;
    font-weight: 600;
}

div.my_cart div.cart_summary {
    margin: 40px 0px;

}
div.my_cart div.cart_summary table {
    width: 100%;
}

div.my_cart div.cart_summary table thead {
    border-bottom: 1px #e8e8e8 solid;
}

div.my_cart div.cart_summary table th {
    font-weight: 600;
    text-align: center;
    padding: 10px;
}

div.my_cart div.cart_summary table tbody tr {
    border-bottom: 1px #e8e8e8 solid;
}

div.my_cart div.cart_summary table td {
    vertical-align: middle;
    text-align: center;
    padding: 10px;
}

div.my_cart div.cart_summary table td span {
    display: block;
}

div.my_cart div.cart_summary table td span.old_price {
    text-decoration: line-through;
    font-size: 12px;
}

div.my_cart div.cart_summary table td span.new_price {
    margin-top: 5px;
    font-size: 18px;
    font-weight: 600;
    color: #f1383d;
}

div.my_cart div.cart_summary table td span.remove_item {
    width: 15px;
    height: 17px;
    display: inline-block;
    background: url('../img/sprite.png') no-repeat;
    background-position: -27px 0px;
    margin-top: -10px;
    cursor: pointer;
}

div.my_cart div.cart_summary table td.qnt_item button {
    height: 25px;
    font-size: 16px;
    margin-top: -4px;
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    border: 0;
    background-color: #ADB4B2;
    color: #FFF;
    font-weight: 600;
}

div.my_cart div.cart_summary table td.qnt_item button:hover {
    background-color: #98a09d;
    -webkit-transition: background-color 200ms linear;
    -moz-transition: background-color 200ms linear;
    -o-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
}

div.my_cart div.cart_summary table td.qnt_item input {
    border: 0;
    margin: 0px 5px;
    text-align: center;
}

div.my_cart div.cart_summary table td.book_cover img{
    max-width: 90px;
}

div.my_cart div.cart_options {
    overflow: hidden;
}

div.my_cart div.cart_options div[class^="col-lg"]  {
    padding: 0;
}
div.my_cart div.cart_options input.cep_cart {
    width: 110px;
    margin-left: 10px;
}
div.my_cart div.cart_options button.calc_cep {
    height: 25px;
    vertical-align: middle;
    display: inline-block;
    margin-top: -3px;
    margin-left: 7px;
}

div.my_cart div.cart_options button.calc_cep {
    height: 25px;
    vertical-align: middle;
    display: inline-block;
    margin-top: -3px;
    margin-left: 7px;
    color: #FFF;
    background: #f1383d;
    font-weight: 600;
    font-size: 12px;
    border: 0;
    cursor: pointer;
}

div.my_cart div.cart_options button.calc_cep:hover {
    background: #d3212d;
    -webkit-transition: background-color 200ms linear;
    -moz-transition: background-color 200ms linear;
    -o-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
}
@media only screen and (max-width: 900px) {
    div.my_cart div.cupomdesconto{
        margin: 0px -22px;
        border-color: darkgrey;
        /* border-width: 1px; */
        padding: 15px 40px;
    }
    div.my_cart div.cupomdesconto button.addcupomcart{
        margin: 2px 10px;
        height: 30px;
        vertical-align: middle;
        display: inline-block;
        margin-top: 0px;
        margin-left: 7px;
        color: #FFF;
        background: #f1383d;
        font-weight: 600;
        font-size: 12px;
        border: 0;
        cursor: pointer;
        border-radius: 5px;

    }

}
@media (min-width:1024px){
    div.my_cart div.cart_options button.refresh_cart {
        color: #333;
        background-color: #FFF;
        border: 1px #bfbfbf solid;
        padding: 10px 30px;
        font-weight: 600;
    }

    div.my_cart div.cart_options button.refresh_cart:hover {
        background-color: #fff;
        -webkit-transition: background-color 200ms linear;
        -moz-transition: background-color 200ms linear;
        -o-transition: background-color 200ms linear;
        -ms-transition: background-color 200ms linear;
        transition: background-color 200ms linear;
    }
    div.my_cart div.cupomdesconto{

        margin: 10px 680px 0px 20px;
        border-color: darkgrey;
        border-width: 1px;
        padding: 8px 20px;

    }
    div.my_cart div.cupomdesconto button.addcupomcart{
        margin: 2px 10px;
        height: 30px;
        vertical-align: middle;
        display: inline-block;
        margin-top: 0px;
        margin-left: 7px;
        color: #FFF;
        background: #f1383d;
        font-weight: 600;
        font-size: 12px;
        border: 0;
        cursor: pointer;
        border-radius: 5px;

    }
}

div.my_cart div.emptyCart {
    text-align: center;
    margin: 40px 0px 20px 0px;
}

div.my_cart div.emptyCart h2 {
    font-style: italic;
    font-weight: 600;
    font-size: 22px;
}

div.cart_total {
    padding-right: 20px;
}

div.cart_total div[class^="col-lg"]  {
    padding: 0;
}

div.cart_total table {
    width: 100%;
}

div.cart_total table tr:nth-child(2n+2) {
    background: #f8f8f8;
}

div.cart_total table tr td {
    padding: 10px 0px 10px 10px;
}

div.cart_total table td:first-child {
    font-weight: 600;
}


div.cart_total table tbody td:last-child {
    text-align: right;
    padding-right: 10px;
}

div.shippingMethod h1 {
    margin-left: 20px;
    font-size: 25px;
    font-weight: 600;
}

div.shippingMethod div[class^="col-lg"] {
    display: block;
    float: none;
    padding-left: 20px;
}

div.shippingMethod div.methodUnit {
    margin: 20px 0px;
    border: 1px #CCC solid;
    background-color: #F1F1F1;
    width: 100%;
    padding: 10px;
    overflow: hidden;
    cursor: pointer;
}
div.shippingMethod div.methodUnit.active {
    margin: 20px 0px;
    border: 1px #CCC solid;
    background-color: #d3f57a;
    width: 100%;
    padding: 10px;
    overflow: hidden;
    cursor: pointer;
}

div.shippingMethod div.methodUnit:hover, div.shippingMethod div.methodUnit.active  {
    border-color: #f1383d;
    background-color: #e0ff8f;
}

div.shippingMethod div.methodUnit img {
    float: left;
    display: block;
}

div.shippingMethod div.methodUnit div.info {
    float: left;
    margin-left: 20px;
    margin-top: 3px;
}

div.shippingMethod div.methodUnit div.info h2 {
    font-weight: 600;
    font-size: 16px;
    display: inline-block;
    margin-right: 10px;
}

div.shippingMethod div.methodUnit div.pull-right {
    font-weight: 600;
    margin-top: 4px;
}

div.buttonBox {
    margin-bottom: 20px;
    overflow: hidden;
    float: right;
}







/*CRIAR CADASTRO*/

div.form {
    margin: 30px 30px 0px 30px;
    overflow: hidden;
}

div.form .col-lg-3 {
    padding: 5px 0px 5px 5px;
}

div.form .col-lg-9 input[type="text"], div.cadastro div.form .col-lg-9 input[type="email"] {
    width: 300px;
}

div.form .col-lg-9 select, div.form .col-xs-12 input[type="password"] {
    width: 150px;
}

div.form .col-lg-9 input[type="radio"] {
    height: 18px;
    width: 18px;
}

div.form .col-lg-9 label {
    vertical-align: middle;
    display: inline-block;
    margin: -10px 20px 0px 5px;
    cursor: pointer;
}

div.form .input_form {
    overflow: hidden;
    margin-bottom: 10px;
}



div.form .input_form:last-child {
    margin-bottom: 0 !important;
}

/*
div.cadastro div.form .input_form:nth-child(odd) div[class^="col-lg"] {
        background: #f8f8f8;
}
*/

div.btn_sub {
    float: left;
    margin: 20px 0px;
    width: 100%;
    background-color: #FFF;
    padding: 15px;
    overflow: hidden;
}

div.btn_sub .pull_right button {
    height: 41px;
    color: #FFF;
    background-color: #40CD28;
    font-family: 'arial', sans-serif;
    padding: 0px 50px;
    font-weight: 600;
    font-size: 19px;
    border: 0;
    cursor: pointer;
}

div.btn_sub .pull_right button:hover {
    background-color: #33a220;
    -webkit-transition: background-color 200ms linear;
    -moz-transition: background-color 200ms linear;
    -o-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
}

@media (min-width:1024px){
    div.btn_sub .pull_right {
        float: right;
    }

    div.input_form span.helper {
        display: none;
        color: #F00;
    }
}

div.input_form small {
    font-size: 10px;
}


/*Meus dados*/
div.meus_dados ul.md-menu {
    padding-left: 20px;
    margin: 0px;
    list-style: none;
}
div.meus_dados ul.md-menu li {
    display: inline;
}
div.meus_dados ul.md-menu li a {
    padding: 10px 0px;
    width: 130px;
    text-align: center;
    display: inline-block;
    background-color: #f1383d;
    margin: 10px 10px;
    color: #FFF;
    font-weight: 600;
    -webkit-transition: background-color 200ms linear;
    -moz-transition: background-color 200ms linear;
    -o-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
}
div.meus_dados ul.md-menu li a:hover, div.meus_dados ul.md-menu li a.active  {
    background-color: #d3212d;
    color: #FFF !important;
}

div.meus_dados div.resumo {
    margin-top: 10px;
    margin-left: 10px;
}

div.meus_dados div.resumo h1 {
    font-size: 20px;
    margin-bottom: 30px;
    margin-top: 40px;
}


div.meus_dados div.resumo table {
    width: 50%;
    margin-left: 20px;
}

div.meus_dados div.resumo table tr:nth-child(2n+2) {
    background: #f8f8f8;
}

div.meus_dados div.resumo table tr td {
    padding: 10px 0px 10px 10px;
}

div.meus_dados div.resumo table tr td:first-child {
    font-weight: 600;
}


div.meus_dados div.pedidos h1 {
    margin-top: 30px;
}

div.meus_dados div.pedidos table {
    table-layout: fixed;
    width: 100%;
}

div.meus_dados div.pedidos table thead td {
    font-weight: bold;
}

div.meus_dados div.pedidos table tr:nth-child(2n+2) {
    background: #f8f8f8;
}

div.meus_dados div.pedidos table tr td {
    padding: 10px 0px 10px 10px;
}


div.meus_dados div.pedidoView {
    margin-top: 30px;
}


div.meus_dados div.pedidoView table {
    width: 40%;
}

div.meus_dados div.pedidoView table tr:nth-child(2n+2) {
    background: #f8f8f8;
}

div.meus_dados div.pedidoView table tr td {
    padding: 10px 0px 10px 10px;
}



/*Esqueci minha senha*/
div.lostPass {
    margin: 30px 30px 30px 30px;
    line-height: 25px;
}

div.lostPass form input[type="email"], div.lostPass form input[type="password"] {
    width: 100%;
    color: #666;
    border: 0.5px solid;
    background-color: #fff;
    padding: 10px;
    margin-bottom: 20px;
}

div.lostPass input.error {
    color: #a94442;
    border: 1px #ebccd1 solid !important;
    background-color: #f2dede !important;
}

div.lostPass span.msg {
    font-weight: 600;
    display: inline-block;
    margin-left: 10px;
}

div.lostPass div[class^="col-lg"] {
    padding: 0;
    overflow: hidden;
}


/*BUSCAR*/
div.search div.filterPanels {
    padding-left: 30px;
}

div.search div.filterPanels input[type="text"] {
    padding: 5px;
    width: 100%;
}

div.search div.filterPanels select {
    padding: 5px;
    width: 50%;
    float: left;
    height: 33px;
}

div.search div.filterPanels button {
    width: 45%;
    height: 33px;
    margin-left: 5%;
}

div.search div.filterPanels ul.filtrosAtivos li {
    background-color: #F1F1F1;
    padding: 10px 15px;
    color: #666;
    border-radius: 5px;
}

div.search div.books {
    padding-right: 0;
}


div.search div.books div.book_unit {
    text-align: center;
    float: left;
    width: 25%;
    position: relative;
    margin-bottom: 30px;
    padding: 0 10px;
    height: 280px;
}

div.search div.books div.book_unit div.book_tag {
    color: #f70e0e;
    font-size: 10px;
    text-transform: uppercase;
    position: absolute;
    left: 34px;
    width: auto;
    background-color: #ffffff;
    padding: 5px 12px;
    border: 1px solid #f70e0e;
}

div.search div.books div.book_unit div.book_tag_rodape {
    color: #f8fb0c;
    font-size: 11px;
    text-transform: uppercase;
    position: absolute;
    left: 20px;
    width: auto;
    background-color: #0d0c0c;
    padding: 1px 10px;
    border: 1px solid #0d0c0c;
    margin-left: 32px;
    top: 99px !important;
}

div.search div.books div.book_unit div.book_tagblue {
    color: #093cf7;
    font-size: 10px;
    text-transform: uppercase;
    position: absolute;
    left: 34px;
    width: auto;
    background-color: #ffffff;
    padding: 5px 12px;
    border: 1px solid #093cf7;
}
div.search div.books div.book_unit div.info div.title{
    padding: 0px 2px 0px 2px;
    height: 40px;
    text-align: -webkit-center;
    margin-top: -10px;
}


div.search div.books div.book_unit div.info div.price div.aviseme p.aviseme{
    color: #BE3635;
    margin-top: 7px;
    font-size: small;
}
div.search div.books div.book_unit div.info div.price div.btncomprar{
    margin-top: 8px;
}

div.search div.books div.book_unit img.img_def {
    max-width: 80px;
    max-height: 185.396px;
    margin-bottom: 20px;
}
div.search div.books div.book_unit span.title {
    padding: 0px 0px 0px 0px;
    height: 55px;
    text-align: -webkit-center;
    color: black;
    font-size: 12px;
    font-family: arial;
    font-weight: bolder;
}

div.search div.books div.book_unit span.price_from {
    text-decoration: line-through;
    font-size: 12px;
    display: block;
    margin: 2px 0px;
}

div.search div.books div.book_unit span.price_to {
    color: #cb262a;
    font-size: 24px;

}

/*CONTATO*/

div.formContato {
    margin: 15px;
    margin-top: 35px;
}

div.formContato div.input_form input {
    width: 300px;
    margin-bottom: 10px;
}

div.formContato textarea {
    width: 300px;
    height: 150px;
}


@media (min-width:1024px){
    div.buttonSubCon .pull_right {
        float: right;
    }
    div.buttonSubCon button {
        margin-right: 20px;
        width: 150px;
        height: 40px;
        font-size: 19px;
    }
}



/*Avaliar*/
div.rateBody input[type="text"] {
    display: block;
    width: 90%;
    padding: 5px;
    margin-bottom: 20px;
    margin-top: 30px;
}

div.rateBody textarea {
    display: block;
    width: 90%;
    padding: 5px;
    margin-bottom: 20px;
    height: 150px;
}


div.rateBody .star-rating {
    font-size: 0;
    white-space: nowrap;
    display: inline-block;
    width: 125px;
    height: 25px;
    overflow: hidden;
    position: relative;
    background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjREREREREIiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=');
    background-size: contain;
    margin-bottom: 20px;
}
div.rateBody .star-rating i {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 20%;
    z-index: 1;
    background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjRkZERjg4IiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=');
    background-size: contain;
}
div.rateBody .star-rating input {
    -moz-appearance: none;
    -webkit-appearance: none;
    opacity: 0;
    display: inline-block;
    width: 20%;
    height: 100%;
    margin: 0;
    padding: 0;
    z-index: 2;
    position: relative;
}
div.rateBody .star-rating input:hover + i,
div.rateBody .star-rating input:checked + i {
    opacity: 1;
}
div.rateBody .star-rating i ~ i {
    width: 40%;
}
div.rateBody .star-rating i ~ i ~ i {
    width: 60%;
}
div.rateBody .star-rating i ~ i ~ i ~ i {
    width: 80%;
}
div.rateBody .star-rating i ~ i ~ i ~ i ~ i {
    width: 100%;
}

div.client_opinion div.noReviewMsg {
    margin: 20px 20px 0 20px;
    padding: 20px;
    font-style: italic;
    text-align: center;
    border: 1px #e8e8e8 solid;
    background: #F1F1F1;
}


div.client_opinion div.reviews {
    margin: 20px 30px 0px 30px;
}



div.client_opinion div.reviews > div {
    margin-bottom: 10px;
    padding: 20px 0px;
    border-bottom: 1px #e8e8e8 solid;
}

div.client_opinion div.reviews > div:last-child {
    border-bottom: 0;
}

div.client_opinion div.reviews div h1 {
    margin-left: 0;
    margin-bottom: 10px;
}

span.stars {
    vertical-align: middle;
    float: left;
    margin-top: 3px;
    display: inline-block;
    width: 106px;
    height: 16px;
    background: url('../img/estrelas.jpg') no-repeat; 
}

span.stars1 {
    background-position: 0px -16px;
}

span.stars2 {
    background-position: 0px -32px;
}

span.stars3 {
    background-position: 0px -48px;
}

span.stars4 {
    background-position: 0px -64px;
}

span.stars5 {
    background-position: 0px -80px;
}

div.client_opinion div.reviews div p {
    line-height: 22px;
}


/*CarrinhoResumo*/

div.orderResume div.books {
    margin: 20px 30px 0 30px;

    overflow: hidden;
    padding: 15px;
}
div.orderResume div.books div.bookUnit {
    width: 100%;
}
div.orderResume div.books div.bookUnit table {
    width: 100%;
}
div.orderResume div.books div.bookUnit table.booksT td {
    vertical-align: middle;
    font-weight: bold;
    font-size: 16px;
    padding-bottom: 20px;

}
div.orderResume div.books div.bookUnit table.booksT tr:nth-child(even) {
    background-color: #f1f2f4;
}
div.orderResume div.books div.bookUnit table.booksT tr:last-child td{
    padding-bottom: 0px !important;
}

div.orderResume div.books div.bookUnit img.cover {
    max-width: 60px;
}
div.orderResume div[class^="col-lg"] {
    padding: 0;
    margin-top: 40px;
}

div.orderResume div.books div.resumoTotal {

}
#doPag:disabled {
    background-color: #b1cdd8;
}


/*carrinho endereco*/
div.orderAddress div.endereco {
    margin-left: 20px;
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 16px;
}
div.orderAddress div.endereco td {
    padding: 10px;
}
div.orderAddress div.endereco b, div.orderAddress div.method b {
    font-weight: bold !important;
}

div.orderAddress div.method {
    margin-left: 30px;
    font-size: 16px;
    margin-top: 30px;
}
/*carrinho pagamento*/
div.orderPayment h2 {
    margin-top: 15px;
    font-size: 16px;
}

div.orderPayment div.pagamentos {
    margin-left: 30px;
    margin-top: 20px;
    margin-bottom: 30px;
    font-size: 16px;
}

div.orderPayment div.pagamentos ul {
    width: 67%;
    margin-top: 30px;
}

div.orderPayment div.pagamentos ul li {
    margin-bottom: 5px;
    padding: 10px;
    padding-left: 20px;
    background-color: #d6e5f0;
    cursor: pointer;
}



div.orderPayment div.pagamentos ul li:hover {
    background-color: #f1383d;
    color: white;
}

div.orderPayment div.pagamentos ul li.active {
    background-color: #f1383d;
    color: white;
}

div.orderPayment div.formaPag {
    display: none;
    margin-left: 30px;
}

div.orderPayment div.formaPag small {
    font-size: 10px;
}

div.orderPayment div.formaPag table tr td:first-child {
    padding-right: 20px;
    font-weight: bold;
}

div.orderPayment div.formaPag table td {
    padding-bottom: 10px;
}

div.orderPayment div.formaPag table td img {
    width: 34px;
    height: 21px;
    vertical-align:middle;
    margin-left: 10px;
}

div.orderPayment div.formaPag table td input[type="text"] {
    padding: 5px;
}
div.showMsgBoleto{
    margin: auto;
}
p.boletomsg{

    padding: 5px 15px 5px 15px;
    /* float: left; */
    /* clear: both; */
    background: #f8f8f8;
    width: 475px;
    font: 18px lato;
    color: #293a4a;
    text-align: justify;
}
p.alert{	
    background: 30px 35px #f8f8f8;
    width: 475px;
    font: 16px lato;
    color: #7d91a3;
}
p.msgBoleto{
    margin: 20px 30px 0 30px;
    overflow: hidden;
    padding: 15px;
    font-size: 16px;
}
b.msgBoleto{
    font-weight:bold;
}
div.btnBoleto{
    margin: 10px 30px 30px 30px;
    overflow: hidden;
    padding: 15px;

}
table.cartResum{
    width:90%; 
    padding:15px;
}
th.cartResum-Th{
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    padding: 10px;
}
td.cartResum-Td{
    text-align: center;
    width: 300px;
    vertical-align: middle;
}
table.cartResum-T2{
    width: 100%;
    padding: 15px;
    border: 1px solid black;
}
button.cartResum-Bt{
    height: 41px;
    color: #FFF;
    background-color: #f1383d;
    font-family: 'arial', sans-serif;
    padding: 0px 22px;
    font-weight: 600;
    font-size: 19px;
    border: 0;
    cursor: pointer;
}
button.cartResum-Bt-Cli{
    height: 26px;
    color: #FFF;
    background-color: #f1383d;
    font-family: 'arial', sans-serif;
    padding: 0px 16px;
    font-weight: 600;
    font-size: 13px;
    border: 0;
    cursor: pointer;
}
td.cartResum-Td2{
    padding: 10px;
    font-weight: bold;
    font-size: 15px;
    text-align: right;

}
td.cartResum-Td3{
    text-align: left;
    font-size: 18px;
    width: 500px;
    padding: 5px;
}
button.reusmCartDiv{
    color: #333;
    background-color: #FFF;
    border: 1px #bfbfbf solid;
    padding: 9px 33px;
    font-weight: 600;
    color: #FFF;
    background: #f1383d;
    padding: 5px 35px;
}

div.fundo-minicart {
    /*display: none;  Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

div.fundo-minicart .minicart-title{
    margin: 0px 30%;
}

/* Modal Content */
div.fundo-minicart .modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 50%;
}

/* The Close Button */
div.fundo-minicart .modal-content .close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}
div.fundo-minicart .modal-content .mini-cart-conteudo{
    padding: 10px;
    border: 1px silver solid;
    margin-top: 30px;
    width: 98%;
    margin-left: 10px;

}

div.fundo-minicart .modal-content .close:hover,
div.fundo-minicart .modal-content .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}



/*CARRINHO MODAL*/
div.fundo-minicart .modal-content .mini-cart-conteudo .my_cart {
    margin-top: 30px;
    background-color: #FFF;
    float: left;
    width: 100%;
    padding-bottom: 20px;
}

div.fundo-minicart .modal-content .mini-cart-conteudo .my_cart h1 {
    margin: 20px;
    font-size: 25px;
    font-weight: 600;
}

div.fundo-minicart .modal-content .mini-cart-conteudo .my_cart div.cart_summary {
    margin: 40px 20px;
}
div.fundo-minicart .modal-content .mini-cart-conteudo .my_cart div.cart_summary table {
    width: 100%;
}

div.fundo-minicart .modal-content .mini-cart-conteudo .my_cart div.cart_summary table thead {
    border-bottom: 1px #e8e8e8 solid;
}

div.fundo-minicart .modal-content .mini-cart-conteudo .my_cart div.cart_summary table th {
    font-weight: 600;
    text-align: center;
    padding: 10px;
}

div.fundo-minicart .modal-content .mini-cart-conteudo .my_cart div.cart_summary table tbody tr {
    border-bottom: 1px #e8e8e8 solid;
}

div.fundo-minicart .modal-content .mini-cart-conteudo .my_cart div.cart_summary table td {
    vertical-align: middle;
    text-align: center;
    padding: 10px;
}

div.fundo-minicart .modal-content .mini-cart-conteudo .my_cart div.cart_summary table td span {
    display: block;
}

div.fundo-minicart .modal-content .mini-cart-conteudo .my_cart div.cart_summary table td span.old_price {
    text-decoration: line-through;
    font-size: 12px;
}

div.fundo-minicart .modal-content .mini-cart-conteudo .my_cart div.cart_summary table td span.new_price {
    margin-top: 5px;
    font-size: 18px;
    font-weight: 600;
    color: #f1383d;
}

div.fundo-minicart .modal-content .mini-cart-conteudo .my_cart div.cart_summary table td span.remove_item {
    width: 15px;
    height: 17px;
    display: inline-block;
    background: url('../img/sprite.png') no-repeat;
    background-position: -27px 0px;
    margin-top: -10px;
    cursor: pointer;
}

div.fundo-minicart .modal-content .mini-cart-conteudo .my_cart div.cart_summary table td.qnt_item button {
    height: 25px;
    font-size: 16px;
    margin-top: -4px;
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    border: 0;
    background-color: #ADB4B2;
    color: #FFF;
    font-weight: 600;
}

div.menu-lateral{
    background-color: #fff;
    width: 19%;
    padding: 8px 17px;
    float: left;
}

li.menu-lateral{
    margin-bottom: 10px;
    border-bottom: 1px solid #3a4e06;
    padding: 5px;
    background: #ffffff;
    color: #3a4e06;
    font-size: 14px;
    text-transform: uppercase;
    cursor: pointer;
}
div.menu-lateral h4{
    font-weight: bolder;
    color: white;
    padding: 5px;
    margin-top: 8px;
    background-color: #d3212d;
}
div.menu-lateral a {
    color: #3a4e06;
}
div.menu-lateral a:hover {
    color: #fff !important;
    background-color: #3a4e06;
}
div.menu-lateral li:hover {
    color: #fff !important;
    background-color: #3a4e06;
}
div.withleft{

    margin-left: 20%;  
}

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
#cssmenu #menu-button {
    display: none;
}
#cssmenu {
    font-family: 'arial', sans-serif;
    background: #333333;
}

#cssmenu > ul > li {
    float: left;
}
#cssmenu.align-center > ul {
    font-size: 0;
    text-align: center;
}
#cssmenu.align-center > ul > li {
    display: inline-block;
    float: none;
}
#cssmenu.align-center ul ul {
    text-align: left;
}
#cssmenu.align-right > ul > li {
    float: right;
}
#cssmenu > ul > li > a {
    padding: 17px;
    font-size: 12px;
    letter-spacing: 1px;
    text-decoration: none;
    color: #dddddd;
    font-weight: 600;
    text-transform: uppercase;
}
#cssmenu > ul > li:hover > a {
    color: #ffffff;
}
#cssmenu > ul > li.has-sub > a {
    padding-right: 30px;
}
#cssmenu > ul > li.has-sub > a:after {
    position: absolute;
    top: 22px;
    right: 11px;
    width: 8px;
    height: 2px;
    display: block;
    background: #dddddd;
    content: '';
}
#cssmenu > ul > li.has-sub > a:before {
    position: absolute;
    top: 19px;
    right: 14px;
    display: block;
    width: 2px;
    height: 8px;
    background: #dddddd;
    content: '';
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}
#cssmenu > ul > li.has-sub:hover > a:before {
    top: 23px;
    height: 0;
}
#cssmenu ul ul {
    position: absolute;
    left: -9999px;
}
#cssmenu.align-right ul ul {
    text-align: right;
}
#cssmenu ul ul li {
    height: 0;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}
#cssmenu li:hover > ul {
    left: auto;
}
#cssmenu.align-right li:hover > ul {
    left: auto;
    right: 0;
}
#cssmenu li:hover > ul > li {
    height: 35px;
}
#cssmenu ul ul ul {
    margin-left: 100%;
    top: 0;
}
#cssmenu.align-right ul ul ul {
    margin-left: 0;
    margin-right: 100%;
}
#cssmenu ul ul li a {
    border-bottom: 1px solid rgba(150, 150, 150, 0.15);
    padding: 11px 15px;
    width: 170px;
    font-size: 12px;
    text-decoration: none;
    color: #dddddd;
    font-weight: 400;
    background: #333333;
}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last-item > a {
    border-bottom: 0;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
    color: #ffffff;
}
#cssmenu ul ul li.has-sub > a:after {
    position: absolute;
    top: 16px;
    right: 11px;
    width: 8px;
    height: 2px;
    display: block;
    background: #dddddd;
    content: '';
}
#cssmenu.align-right ul ul li.has-sub > a:after {
    right: auto;
    left: 11px;
}
#cssmenu ul ul li.has-sub > a:before {
    position: absolute;
    top: 13px;
    right: 14px;
    display: block;
    width: 2px;
    height: 8px;
    background: #dddddd;
    content: '';
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}
#cssmenu.align-right ul ul li.has-sub > a:before {
    right: auto;
    left: 14px;
}
#cssmenu ul ul > li.has-sub:hover > a:before {
    top: 17px;
    height: 0;
}
@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
    #cssmenu {
        width: 100%;
    }
    #cssmenu ul {
        width: 100%;
        display: none;
    }
    #cssmenu.align-center > ul {
        text-align: left;
    }
    #cssmenu ul li {
        width: 100%;
        border-top: 1px solid rgba(120, 120, 120, 0.2);
    }
    #cssmenu ul ul li,
    #cssmenu li:hover > ul > li {
        height: auto;
    }
    #cssmenu ul li a,
    #cssmenu ul ul li a {
        width: 100%;
        border-bottom: 0;
    }
    #cssmenu > ul > li {
        float: none;
    }
    #cssmenu ul ul li a {
        padding-left: 25px;
    }
    #cssmenu ul ul ul li a {
        padding-left: 35px;
    }
    #cssmenu ul ul li a {
        color: #dddddd;
        background: none;
    }
    #cssmenu ul ul li:hover > a,
    #cssmenu ul ul li.active > a {
        color: #ffffff;
    }
    #cssmenu ul ul,
    #cssmenu ul ul ul,
    #cssmenu.align-right ul ul {
        position: relative;
        left: 0;
        width: 100%;
        margin: 0;
        text-align: left;
    }
    #cssmenu > ul > li.has-sub > a:after,
    #cssmenu > ul > li.has-sub > a:before,
    #cssmenu ul ul > li.has-sub > a:after,
    #cssmenu ul ul > li.has-sub > a:before {
        display: none;
    }
    #cssmenu #menu-button {
        display: block;
        padding: 17px;
        color: #dddddd;
        cursor: pointer;
        font-size: 12px;
        text-transform: uppercase;
        font-weight: 600;
    }
    #cssmenu #menu-button:after {
        position: absolute;
        top: 22px;
        right: 17px;
        display: block;
        height: 4px;
        width: 20px;
        border-top: 2px solid #dddddd;
        border-bottom: 2px solid #dddddd;
        content: '';
    }
    #cssmenu #menu-button:before {
        position: absolute;
        top: 16px;
        right: 17px;
        display: block;
        height: 2px;
        width: 20px;
        background: #dddddd;
        content: '';
    }
    #cssmenu #menu-button.menu-opened:after {
        top: 23px;
        border: 0;
        height: 2px;
        width: 15px;
        background: #ffffff;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    #cssmenu #menu-button.menu-opened:before {
        top: 23px;
        background: #ffffff;
        width: 15px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    #cssmenu .submenu-button {
        position: absolute;
        z-index: 99;
        right: 0;
        top: 0;
        display: block;
        border-left: 1px solid rgba(120, 120, 120, 0.2);
        height: 46px;
        width: 46px;
        cursor: pointer;
    }
    #cssmenu .submenu-button.submenu-opened {
        background: #262626;
    }
    #cssmenu ul ul .submenu-button {
        height: 34px;
        width: 34px;
    }
    #cssmenu .submenu-button:after {
        position: absolute;
        top: 22px;
        right: 19px;
        width: 8px;
        height: 2px;
        display: block;
        background: #dddddd;
        content: '';
    }
    #cssmenu ul ul .submenu-button:after {
        top: 15px;
        right: 13px;
    }
    #cssmenu .submenu-button.submenu-opened:after {
        background: #ffffff;
    }
    #cssmenu .submenu-button:before {
        position: absolute;
        top: 19px;
        right: 22px;
        display: block;
        width: 2px;
        height: 8px;
        background: #dddddd;
        content: '';
    }
    #cssmenu ul ul .submenu-button:before {
        top: 12px;
        right: 16px;
    }
    #cssmenu .submenu-button.submenu-opened:before {
        display: none;
    }
}




.col-item {
    border: 1px solid #E1E1E1;
    background: #FFF;
    margin-bottom:12px;
}
.col-item .options {
    position:absolute;
    top:6px;
    right:22px;
}
.col-item .photo {
    overflow: hidden;
}
.col-item .photo .options {
    display:none;
}
.col-item .photo img {
    margin: 0 auto;
    width: 100%;
}

.col-item .options-cart {
    position:absolute;
    left:22px;
    top:6px;
    display:none;
}
.col-item .photo:hover .options,
.col-item .photo:hover .options-cart {
    display:block;
    -webkit-animation: fadeIn .5s ease;
    -moz-animation: fadeIn .5s ease;
    -ms-animation: fadeIn .5s ease;
    -o-animation: fadeIn .5s ease;
    animation: fadeIn .5s ease;
}
.col-item .options-cart-round {
    position:absolute;
    left:42%;
    top:22%;
    display:none;
}
.col-item .options-cart-round button {
    border-radius: 50%;
    padding:14px 16px;

}
.col-item .options-cart-round button .fa {
    font-size:22px;
}
.col-item .photo:hover .options-cart-round {
    display:block;
    -webkit-animation: fadeInDown .5s ease;
    -moz-animation: fadeInDown .5s ease;
    -ms-animation: fadeInDown .5s ease;
    -o-animation: fadeInDown .5s ease;
    animation: fadeInDown .5s ease;
}
.col-item .info {
    padding: 10px;
    margin-top: 1px;
}
.col-item .price-details {
    width: 100%;
    margin-top: 5px;
}
.col-item .price-details h1 {
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    float:left;
}
.col-item .price-details .details {
    margin-bottom: 0px;
    font-size:12px;
}
.col-item .price-details span {
    float:right;
}
.col-item .price-details .price-new {
    font-size:16px;
}
.col-item .price-details .price-old {
    font-size:18px;
    text-decoration:line-through;
}
.col-item .separator {
    border-top: 1px solid #E1E1E1;
}

.col-item .clear-left {
    clear: left;
}
.col-item .separator a {
    text-decoration:none;
}
.col-item .separator p {
    margin-bottom: 0;
    margin-top: 6px;
    text-align: center;
}

.col-item .separator p i {
    margin-right: 5px;
}
.col-item .btn-add {
    width: 60%;
    float: left;
}
.col-item .btn-add a {
    display:inline-block !important;
}
.col-item .btn-add {
    border-right: 1px solid #E1E1E1;
}
.col-item .btn-details {
    width: 40%;
    float: left;
    padding-left: 10px;
}
.col-item .btn-details a {
    display:inline-block !important;
}
.col-item .btn-details a:first-child {
    margin-right:12px;
}

/*! caixa search */
#btn-search{
    background: none;
    border: none;
}
#moldura{
    border: 1px solid #ccc;
    display: block;
    padding: 2px;
    margin-right: 70px;
    border-radius: 4px;

}

/*! icon search */
#s_input{
    border: 0px;
    background: none;
    width: 315px;
    padding: 0px 10px;

}

/*! Linha do topo */
.marcador{
    background: #cb282b;
    font-family: 'arial', sans-serif; 
    color: #fff; 
    font-size: 15px;
    padding: 4px;



}
/*! texto abaixo dos ícones da navbar */
#descricao{
    font-size: 10px;
    text-align: center;
}

.footerhip{
    font-size: 11px;
    font-family: 'Arial' !important;
    font-weight: normal !important;


}

.icon-bar {
    color: #cb282b;
}

.shopping-cart{
    padding-bottom: 50px;
    font-family: 'Montserrat', sans-serif;
}

.shopping-cart.dark{

}

.shopping-cart .content{

    background-color: white;
}

.shopping-cart .block-heading{
    padding-top: 20px;
    margin-bottom: 40px;

}

.shopping-cart .block-heading p{
    text-align: center;
    max-width: 420px;
    margin: auto;
    opacity:0.7;
}

.shopping-cart .dark .block-heading p{
    opacity:0.8;
}

.shopping-cart .block-heading h1,
.shopping-cart .block-heading h2,
.shopping-cart .block-heading h3 {
    margin-bottom:1.2rem;
    color: #212529;
}

.shopping-cart .items{
    margin: auto;
}

.shopping-cart .items .product{
    padding-bottom: 20px;
}

.shopping-cart .items .product .info{
    padding-top: 0px;
    text-align: center;
}

.shopping-cart .items .product .info .product-name{
    font-weight: 600;
}

.shopping-cart .items .product .info .product-name .product-info{
    font-size: 14px;
    margin-top: 15px;
}

.shopping-cart .items .product .info .product-name .product-info .value{
    font-weight: 400;
}

.shopping-cart .items .product .info .quantity .quantity-input{
    margin: auto;
    width: 50px;
}

.shopping-cart .items .product .info .price{
    margin-top: 15px;
    font-weight: bold;
    font-size: 22px;
}

.shopping-cart .summary{
    border-top: 2px solid #1f4f93;
    background-color: #f8f9fa;
    height: 100%;
    padding: 30px;
}

.shopping-cart .summary h3{
    text-align: center;
    font-size: 1.3em;
    font-weight: 600;
    padding-top: 20px;
    padding-bottom: 20px;
}

.shopping-cart .summary .summary-item:not(:last-of-type){
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.shopping-cart .summary .text{
    font-size: 1em;
    font-weight: 600;
}

.shopping-cart .summary .price{
    font-size: 1em;
    float: right;
}

.shopping-cart .summary button{
    margin-top: 20px;
}

@media (min-width: 768px) {
    .shopping-cart .items .product .info {
        padding-top: 25px;
        text-align: left; 
    }

    .shopping-cart .items .product .info .price {
        font-weight: bold;
        font-size: 22px;
        top: 17px; 
    }

    .shopping-cart .items .product .info .quantity {
        text-align: center; 
    }
    .shopping-cart .items .product .info .quantity .quantity-input {
        padding: 4px 10px;
        text-align: center; 
    }
}

div.content .vitrines .vitrine_books .book_unit span.selo-desconto{    
    background: #e00000;
    color: #fff;
    top: 4px;
    left: 15px;
    width: 50px;
    height: 50px;
    display: inline-block;
    position: absolute;
    text-align: center;
    padding-top: 0px;
    font-family: 'Rokkitt', serif;
    font-weight: bold;
    border-radius: 100%;
}

div.content .vitrines .vitrine_books .book_unit span.selo-desconto p{
    font-size: 16px;
    display: inline-block;
    margin-top: 8px;
    position: relative;
    top: 5px;
}
/*Dados da Modal*/
#mask {
    position: absolute; 
    z-index: 9000; 
    background-color: #000; 
    display: none; 
    top: 0px; 
    left: 0px;
}
.window {
    position: fixed; 
    width: 440px;
    height: 200px; 
    display: none; 
    z-index: 9090; 
    padding: 20px; 
    background-color: #fff;
}
#dialog {
    width: 880px; 
    height: 630px; 
    border-radius: 20px;
}
.close {
    display: block; 
    text-align: right;
}

.active-pagination-rodape {
    background-color: #9a1b18 !important;
    color: white !important;
    border-color: #9a1b18 !important;
}