@media ( max-width :767px) {
    .fichalibro .resumen-mini h2 {
        margin: 10px 0 5px !important
    }
    .fichalibro .resumen-mini .span9 {
        margin-left: 0 !important;
        width: 98%
    }
    .gasto {
        font-size: 15px;
        line-height: 18px;
        margin: 10px 0 5px !important;
    }
    .fichalibro .resumen-mini .ficha_izq {
        margin: 0;
        padding: 0;
        width: 99% !important
    }
    #navinf {
        margin: 30px 0 15px
    }
    .fichalibro .resumen-mini figure {
        padding: 0;
        width: 96% !important
    }
    .breadcrumb {
        margin-left: 20px
    }
    .infenv {
        float: none !important;
        width: 100% !important
    }
    .form-search .input-search {
        border: 2px solid #ccc;
        font-size: 12px;
        padding: 9px 0 9px 15px !important;
        width: 86%
    }
    .lupa {
        margin: 10px 0
    }
    .bannerrecoge {
        padding: 25px 40px !important;
        right: 0 !important
    }
    .fichalibro .resumen-mini ul li {
        font-size: 12px !important;
        margin-bottom: 3px
    }
    .fichalibro .resumen-mini ul li {
        font-size: 14px !important;
        line-height: 17px !important
    }
    .truck {
        background-position: -189px -174px !important;
        height: 26px !important
    }
    .shop {
        background-position: -189px -202px !important;
        height: 41px !important
    }
    .presell {
        background-position: -251px -91px !important;
        height: 28px !important
    }
    .shop, .truck, .presell {
        width: 45px !important
    }
    .fichalibro .resumen-mini .info2 .precio {
        font-size: 26px !important
    }
    .infenv2 {
        display: block !important;
        width: 100% !important
    }
    #resumenCabeceraAgrupada {
        display: block !important
    }
    .userpass input {
        width: 100% !important
    }
    .userpass {
        width: 100% !important;
        float: none !important
    }
    .datosuserban {
        background-position: 5px -540px !important;
        right: 0 !important;
        top: 0 !important;
        height: 77px !important;
    }
    .destacacheck {
        margin: 16px -10px 0 !important;
        padding: 10px !important;
    }
}

.bann {
    background: url("/newimg/icon20200805.png") no-repeat 0 -29px;
    color: #fff;
    height: 94px;
    position: absolute;
    right: -5px;
    top: -5px;
    width: 95px
}

.bannBanderola {
    background: url("/newimg/icon20200805.png") no-repeat 0 -2079px;
    color: #fff;
    height: 94px;
    position: absolute;
    right: -5px;
    top: -5px;
    width: 96px;
    cursor: pointer;
    z-index: 898
}

.bannIdiomas {
    background: url('/newimg/agapea-idiomas.jpg') no-repeat;
    /* width: 300px; */
    height: 150px;
    margin-bottom: 10px;
}

.bannMasVendidos {
    background: url('/newimg/banner-mejor-valorados.jpg') no-repeat;
    /* width: 300px; */
    height: 150px;
    margin-bottom: 10px;
}

.bannCuadernos {
    background: url('/newimg/agapea-cuadernos-verano.jpg') no-repeat;
    width: 300px;
    height: 150px
}

.separaBanners {
    margin-top: 10px
}

.cabLibrerias {
    margin-top: 30px !important
}

.rot {
    font-size: 12px;
    font-weight: bold;
    line-height: 13px;
    margin: 15px 0 0 14px;
    text-align: center;
    transform: rotate(45deg);
    width: 96px
}

.lupa {
    margin-top: 10px
}

.fichalibro .icamp {
    background: url("/newimg/icon20200805.png") no-repeat 0 0;
    display: inline;
    height: 17px;
    margin: 10px 0 0;
    padding: 0 0 0 21px
}

.fichalibro .amp {
    font-size: 12px;
    height: 17px
}

.stara, .starb, .starc {
    background: url("/newimg/icon20200805.png") no-repeat 0 0;
    display: inline-block;
    height: 22px;
    width: 23px
}

.stara {
    background-position: -102px -2px
}

.starb {
    background-position: -102px -32px
}

.starc {
    background-position: -332px -0px
}

.infenv {
    width: 238px;
    float: right
}

.infenv2 {
    width: 280px;
    display: table-cell
}

.infenv2 .gasto {
    margin-bottom: 10px
}

.infenv2 .truck {
    background-position: -189px -174px;
    height: 26px
}

.infenv2 .shop {
    background-position: -189px -202px;
    height: 41px
}

.infenv2 .shop, .infenv2 .truck, .infenv2 .presell {
    width: 45px
}

.oferta, .presell, .shop, .truck {
    background: url("/newimg/icon20200805.png") no-repeat 0 0;
    float: left;
    margin: 3px 7px 12px 0;
    width: 71px
}

.truck {
    background-position: -137px -2px;
    height: 43px
}

.shop {
    background-position: -132px -47px;
    height: 70px
}

.presell {
    background-position: -487px -24px;
    height: 46px;
    margin-bottom: 20px
}

.gasto {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 30px;
    margin-left: 15px;
    position: relative
}

.fichalibro .resumen-mini ul li a {
    line-height: 16px;
    text-decoration: underline
}

.fichalibro .resumen-mini ul li a:hover {
    text-decoration: none
}

.valor {
    font-size: 12px
}

.cierra {
    background-color: #c5442e;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    opacity: 1;
    padding: 5px 25px;
    position: absolute;
    right: 10px;
    text-decoration: none;
    top: -33px;
    cursor: pointer;
    border-width: 3px 3px 0 3px;
    border-style: solid;
    border-color: #c5442e
}

.cierra:hover {
    background-color: #fff;
    color: #c5442e;
    opacity: 1;
    border-color: #eee
}

.fonalert, .fonpreventa, .fonlibreria {
    background: url("/newimg/icon20200805.png") no-repeat;
    bottom: 0;
    display: block;
    opacity: 0.4;
    position: absolute;
    right: 0
}

.fonlibreria {
    background-position: -338px 0;
    width: 170px;
    height: 159px
}

.fonpreventa {
    background-position: -511px -82px;
    height: 86px;
    width: 93px
}

.fonalert {
    background-position: -500px -265px;
    height: 81px;
    width: 69px
}

.titroj {
    color: #b93c2f;
    font-size: 20px;
    margin-bottom: 5px
}

.prior1, .prior2, .prior3 {
    display: inline-block;
    margin: 7px 0;
    position: relative
}

.prior1 {
    color: #067b14
}

.prior2 {
    color: #5b8b1d
}

.prior3 {
    color: #c5442e;
    display: block;
    font-size: 14px;
    margin: 3px 0
}

@media ( min-width :768px) and (max-width:1300px) {
    .ocul {
        display: none
    }
    .textico {
        font-size: 11px
    }
}

@media ( min-width :768px) and (max-width:979px) {
    #navinf {
        margin: 20px 0
    }
    .navbar .row-fluid .span2 {
        width: 18.365%
    }
    .form-search .input-search {
        border: 2px solid #ccc;
        font-size: 15px;
        padding: 9px 68px 9px 15px !important;
        width: 77%
    }
    .fichalibro .resumen-mini .ficha_izq {
        width: 18%
    }
}

@media ( min-width :668px) and (max-width:979px) {
    .botpeq {
        cursor: pointer;
        background-position: 0 -316px !important;
        height: 32px;
        margin-top: 15px !important;
        width: 82px !important
    }
    .botpeq:hover {
        background-position: -86px -316px !important
    }
}

@media ( min-width :768px) and (max-width:1180px) {
    .formArticulo .btncomprar {
        background: url("/newimg/icon20200805.png") no-repeat 0 -279px
            !important;
        height: 30px;
        margin-top: 5px;
        width: 102px
    }
    .formArticulo .btncomprar:hover {
        background-position: -106px -279px !important
    }
    .conticos {
        display: inline-block;
        width: 100px
    }
}

.rot a:hover {
    text-decoration: none
}

.btncomprar {
    background: url("/newimg/icon20200805.png") no-repeat 0 -127px
        !important;
    border: medium none;
    border-radius: 0;
    display: block;
    height: 38px;
    padding: 0 !important;
    width: 181px
}

.btncomprar:hover {
    background: url("/newimg/icon20200805.png") no-repeat 0 -167px
        !important
}

.gasto a {
    text-decoration: underline
}

.gasto a:hover {
    text-decoration: none
}

.recom {
    background: url("/newimg/icon20200805.png") repeat-x 0 -246px;
    border: 1px solid #cdcdcd;
    border-radius: 6px;
    display: inline-block;
    font-size: 12px;
    height: 10px;
    margin-bottom: 5px;
    padding: 9px 10px 11px;
    text-align: center;
    width: 96%;
    cursor: pointer;
}

.recom:hover {
    background: none repeat 0 0 #2a628f;
    color: #fff;
    text-decoration: none;
}

.suscribe, .recico, .aleico {
    float: left;
    margin-right: 6px;
    width: 22px
}

.recico {
    background: url("/newimg/icon20200805.png") no-repeat -26px -2px;
    height: 23px;
    margin-top: -3px
}

.aleico {
    background: url("/newimg/icon20200805.png") no-repeat -503px -2px;
    height: 18px
}

.suscribe {
    background: url("/newimg/icon20200805.png") no-repeat -105px -60px;
    height: 18px
}

.textico {
    float: left;
    line-height: 13px
}

.recom:hover .recico {
    background-position: -58px -2px
}

.recom:hover .aleico {
    background-position: -526px -2px
}

.recom:hover .suscribe {
    background-position: -105px -77px
}

.conticos {
    display: inline-block
}

.sintran:hover {
    transition: none 0s ease 0s !important
}

.botvalora {
    background: url("/newimg/icon20200805.png") no-repeat -212px -280px
        !important;
    border: none;
    border-radius: 0;
    display: block;
    height: 39px;
    padding: 0 !important;
    width: 181px
}

.botvalora:hover {
    background-position: -212px -322px !important
}

@media ( min-width :780px) {
    .recom {
        width: 100% !important
    }
}

.btnotros {
    background: url("/newimg/icon20200805.png") no-repeat -261px -165px
        !important;
    border: medium none;
    border-radius: 0;
    display: block;
    height: 38px;
    padding: 0 !important;
    width: 245px
}

.btnotros:hover {
    background-position: -261px -207px !important
}

.enlpriv, #linkPreventa, #linkSaberMas {
    color: #000e78;
    text-decoration: underline;
    cursor: pointer
}

.linkAvisoPopup {
    color: #000e78;
    text-decoration: none;
    cursor: pointer;
    font-size: 12px;
    vertical-align: top
}

.enlpriv:hover, #linkPreventa:hover, #linkSaberMas:hover {
    text-decoration: none;
    cursor: pointer
}

.botpeq {
    cursor: pointer;
    background: url(/newimg/icon20200805.png) no-repeat 0 -279px;
    display: block;
    width: 102px;
    height: 35px;
    margin-top: 5px
}

.botpeq:hover {
    background-position: -106px -279px;
    cursor: pointer
}

.resultados .resumen-mini {
    background: url(/newimg/fonlist.gif) repeat-x 0 0 !important;
    padding: 20px 10px !important;
    border-radius: 6px
}

.resultados .zebra-striped .resumen-mini {
    border: none !important;
    width: 95%
}

.resumen-mini .infoSprite h4 a {
    font-size: 14px;
    line-height: 17px
}

.resumen-mini h4 {
    margin: 0
}

#capaComentarios .icon-white {
    background: url(/newimg/icon20200805.png) no-repeat;
    width: 10px;
    height: 10px;
    margin: 0 1px 10px 0
}

#capaComentarios .icon-star1 {
    background-position: -208px -2px
}

#capaComentarios .icon-star0 {
    background-position: -208px -16px
}

#navsup .navbar-inner {
    *background-color: #000b5b !important
}

#navsup .navbar-inner {
    background-color: #000b5b\0/!important
}

#navsup .navbar-inner {
    background-color: #000b5b !important
}

.bannie {
    background: url("/newimg/icon20200805.png") no-repeat -396px -280px;
    height: 94px;
    position: absolute;
    right: -5px;
    top: -5px;
    width: 95px
}

.contagr h2 {
    margin: 0;
    font-size: 30px;
    display: inline-block
}

.contagr .resultados .zebra-striped .resumen-mini {
    background: url(/newimg/fongr.gif) repeat-x 0 0 !important;
    border-radius: 8px;
    padding: 20px
}

.contagr .resumen-mini ul li {
    font-size: 13px;
    margin-bottom: 2px
}

.contagr .prior1, .contagr .prior2, .contagr .prior3 {
    margin: 3px 1px
}

.contagr .zebra-striped {
    margin: 10px 0 0
}

.contagr a {
    cursor: pointer
}

.contagr .fichalibro {
    padding: 10px 0
}

.contagr .resumen-mini h2 {
    font-size: 20px;
    display: inline;
    line-height: 20px
}

.contagr .resumen-mini h3 {
    font-size: 24px;
    margin: 0 0 5px
}

.contagr .resultados .resumen-mini {
    padding: 15px 20px !important
}

.contagr .info2 .precio {
    font-size: 17px
}

.contagr .formArticulo, .contagr .info2 .recom {
    margin-top: 5px
}

.bannerrecoge .btn {
    width: 120px;
    font-size: 16px
}

.bannerrecoge input {
    width: 250px
}

.condicionesRecomienda input[type=checkbox] {
    width:25px !important;
}

.enlpriv:hover {
    text-decoration: none;
    cursor: pointer
}

.namefom {
    font-size: 15px;
    font-weight: bold
}

.autorfom {
    font-size: 13px
}

.porfom {
    margin-top: 10px
}

#resumen {
    display: table-row
}

#resumenCabeceraAgrupada {
    display: table-cell
}

/*Parte nueva 2 de Octubre*/
.bundle {
    position: relative;
    background: url("/newimg/fonofer.gif") repeat-x 0 0;
    border-color: #ccc;
    border-radius: 19px;
    border-style: solid;
    border-width: 0 1px 1px;
    margin: 0 10% 4%;
    padding: 30px;
    box-shadow: 0 3px 5px #ccc;
    font-size: 15px
}

.bundle a {
    text-decoration: underline
}

.bundle a:hover {
    text-decoration: none
}

.bundle .textoinf {
    margin-right: 25px
}

.banbundle {
    background: url("/newimg/icon20200805.png") no-repeat 0 -354px;
    height: 94px;
    position: absolute;
    right: -5px;
    top: -5px;
    width: 95px
}

.btn-bundle {
    background: url("/newimg/icon20200805.png") no-repeat -96px -364px
        !important;
    border: none;
    border-radius: 0;
    display: block;
    height: 39px;
    padding: 0 !important;
    width: 181px;
    margin: 45px 0 0
}

.btn-bundle:hover {
    background-position: -96px -405px !important;
    cursor: pointer
}

.bundle .prec, .bundle .preci {
    color: #000
}

.bundle .prec {
    font-size: 180%;
    margin: 5px 0 0
}

.contbundle {
    overflow: auto
}

.bundleright {
    float: right;
    margin-top: 15px
}

.bundleleft {
    float: left
}

.bundleleftl {
    float: left;
    width: 150px;
    margin: 10px 5px 5px 0
}

.bundleleftr {
    float: right
}

.plus {
    display: inline-block;
    background: url(/newimg/icon20200805.png) no-repeat -561px -3px;
    width: 10px;
    height: 10px;
    margin: 0 10px
}

@media ( max-width :783px) {
    .bundleright {
        float: none
    }
    .bundleleftr {
        float: none
    }
    .btn-bundle {
        margin-top: 0
    }
}

@media ( min-width :769px) and (max-width:1005px) {
    .bundleright {
        float: left;
        margin: 5px 0
    }
}
/*Parte nueva 2 de Octubre*/
h1, h2, h3, h4, h5, h6 {
    color: #000;
    font-weight: normal;
}

h2 {
    font-size: 150%;
    line-height: 28px;
    margin-bottom: 22px;
    margin-top: 45px;
}

h3 {
    font-size: 120%;
    line-height: 28px;
    margin-bottom: 20px;
    margin-top: 40px;
}

.h3slide {
    margin-top: 0px !important;
}

h4 {
    font-size: 90%;
}

ul, ol {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

form, fieldset {
    border: 0 none;
    margin: 0;
    padding: 0;
}

address {
    margin: 0;
    padding: 0;
}

iframe {
    border: medium none;
    margin: 0;
    padding: 0;
}

body {
    background: none repeat scroll 0 0 #ffffff;
    color: #474747;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 100%;
    line-height: 1.25em;
    margin: 0;
    padding: 0 !important;
}

.clear {
    clear: both;
    display: block;
    font-size: 1px;
    height: 0;
    line-height: 1px;
}

.left {
    float: left;
}

.right {
    float: right;
}

.bigger {
    font-size: 1.1667em;
}

.smaller {
    font-size: 0.917em;
}

#footer .smaller {
    font-size: 0.8461em;
}

.light {
    color: #b3b2b2;
}

.txt-notransform {
    text-transform: none;
}

.taligncenter {
    text-align: center;
}

.talignright {
    text-align: right;
}

.strong {
    font-weight: bold;
}

.strong02 {
    color: #646464;
}

.mt8 {
    margin-top: 8px !important;
}

.noLink {
    cursor: default;
    text-decoration: none;
}

.visible-phone-vertical {
    display: none;
}

.visible-widescreen {
    display: none;
}

.hidden {
    display: none;
}

a {
    color: #000e78;
    text-decoration: none;
}

img {
    height: auto;
    max-width: 100%;
}

.container-fluid {
    margin: 0 auto;
    max-width: 1295px;
}

#navsup {
    background-color: #020e68;
    color: #fff;
    margin-bottom: 0;
    padding: 0;
    position: relative;
    z-index: 1;
}

#navsup .navbar-inner {
    background: linear-gradient(to bottom, #000b5b 0%, #051485 100%) repeat
        scroll 0 0 #000b5b;
    box-shadow: none;
    min-height: 44px;
    padding: 0;
    background:
        url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMGI1YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNTE0ODUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #000b5b 0%, #051485 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000b5b),
        color-stop(100%, #051485));
    background: -webkit-linear-gradient(top, #000b5b 0%, #051485 100%);
    background: -o-linear-gradient(top, #000b5b 0%, #051485 100%);
    background: -ms-linear-gradient(top, #000b5b 0%, #051485 100%);
    background: linear-gradient(to bottom, #000b5b 0%, #051485 100%);
    /*## LINEA PARA SOBREESCRIBIR EL COLOR DEL GRADIENTE DE LA CABECERA ##background: linear-gradient(to bottom, #7a1115 0%,#c4171e 100%);*/
    background-position: center;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000b5b',
        endColorstr='#051485', GradientType=0);
}


#navsup #navsup-inner {
    padding-left: 260px;
    position: relative;
}

#navsup #mainnav .nav-collapse {
    clear: none;
    height: auto;
    overflow: auto;
    padding-bottom: 0;
}

#navsup #mainnav .nav-collapse li {
    float: left;
}

.navbar-inner {
    border: medium none;
}

.navbar .nav>li>a {
    font-weight: normal;
    line-height: 1em;
    text-shadow: none;
}

.logo {
    max-height: 81px;
    min-width: 220px;
    padding: 10px 10px 10px 0;
}

.logo2 {
    padding: 13px 10px 10px 0;
}

#navsup .datoscab {
    color: #fff !important;
    font-size: 150%;
    line-height: 40px;
    padding-top: 10px;
    width: 186px;
}

#navsup .datoscab span {
    display: block;
    font-size: 68%;
    letter-spacing: 4px;
    line-height: 90%;
}

#navsup .visible-phone .datoscab {
    color: #fff !important;
    font-size: 110%;
    line-height: 40px;
    padding-top: 10px;
    width: 140px;
}

#navsup .visible-phone .datoscab span {
    letter-spacing: 3px;
}

.sidebar-nav {
    background-color: #fff;
    box-shadow: 0 0 0.2em 1px rgba(0, 0, 0, 0.1);
    margin-top: -2%;
    padding-top: 34px !important;
}

.sidebar-nav li {
    border-bottom: 1px solid #e3e4e7;
    font-size: 110%;
    line-height: 210%;
}

.sidebar-nav li a {
    color: #000;
}

.nav-list>.active>a, .nav-list>.active>a:hover, .nav-list>.active>a:focus
    {
    background-color: #eeeeee;
    color: #000000; 
}

.nav-list>.active>a {
    box-shadow: 15px 0 0 0 #e3e4e7 inset;
    padding: 0 30px;
}


.nav-list>.active>a:hover, .nav-list>.active>a:focus {
    padding: 0 20px;
}

@media screen and (min-width:768px) {
    .nav-list>.active>a {
        box-shadow: 7px 0 0 0 #e3e4e7 inset;
    }
}

.icon-chum {
    background-color: #eeeeee;
    background-position: -32px 8px;
    float: right;
    height: 23px;
    margin-right: -15px !important;
    margin-top: -3px;
    padding: 10px 0;
    width: 40px;
}

.icon-ctec {
    background-color: #eeeeee;
    background-position: -148px 10px;
    float: right;
    height: 23px;
    margin-right: -15px !important;
    margin-top: -3px;
    padding: 10px 0;
    width: 40px;
}

.icon-dere {
    background-color: #eeeeee;
    background-position: -191px 10px;
    float: right;
    height: 23px;
    margin-right: -15px !important;
    margin-top: -3px;
    padding: 10px 0;
    width: 40px;
}

.icon-econ {
    background-color: #eeeeee;
    background-position: -236px 10px;
    float: right;
    height: 23px;
    margin-right: -15px !important;
    margin-top: -3px;
    padding: 10px 0;
    width: 40px;
}

.icon-infor {
    background-color: #eeeeee;
    background-position: -285px 11px;
    float: right;
    height: 23px;
    margin-right: -15px !important;
    margin-top: -3px;
    padding: 10px 0;
    width: 40px;
}

.icon-ltex {
    background-color: #eeeeee;
    background-position: -334px 11px;
    float: right;
    height: 23px;
    margin-right: -15px !important;
    margin-top: -3px;
    padding: 10px 0;
    width: 40px;
}

.icon-lite {
    background-color: #eeeeee;
    background-position: -383px 11px;
    float: right;
    height: 23px;
    margin-right: -15px !important;
    margin-top: -3px;
    padding: 10px 0;
    width: 40px;
}

.icon-opos {
    background-color: #eeeeee;
    background-position: -436px 10px;
    float: right;
    height: 23px;
    margin-right: -15px !important;
    margin-top: -3px;
    padding: 10px 0;
    width: 40px;
}

.icon-tlib {
    background-color: #eeeeee;
    background-position: -127px -24px;
    float: right;
    height: 23px;
    margin-right: -15px !important;
    margin-top: -3px;
    padding: 10px 0;
    width: 40px;
}

.icon-nove {
    background-color: #eeeeee;
    background-position: -169px -24px;
    float: right;
    height: 23px;
    margin-right: -15px !important;
    margin-top: -3px;
    padding: 10px 0;
    width: 40px;
}

.sidebar-nav .btn-group {
    display: block !important;
}

.newsletter {
    background: url("/img/mailbox.jpg") no-repeat scroll 0 55px transparent;
    height: 173px;
}

.newsletter input {
    margin-top: 20px;
    width: 140px;
}

.librerias {
    height: 75px;
    margin-bottom: 10px;
}

.libreriaIco1 {
    background: url("/img/libIcos.png") no-repeat scroll 0 0
        rgba(0, 0, 0, 0);
    height: 62px;
    width: 100px;
}

.libreriaIco2 {
    background: url("/img/libIcos.png") no-repeat scroll 0 -63px
        rgba(0, 0, 0, 0);
    height: 62px;
    width: 100px;
}

.libreriaIco3 {
    background: url("/img/libIcos.png") no-repeat scroll 0 -126px
        rgba(0, 0, 0, 0);
    height: 62px;
    width: 100px;
}

.libreriaIco4 {
    background: url("/img/libIcos.png") no-repeat scroll 0 -189px
        rgba(0, 0, 0, 0);
    height: 62px;
    width: 100px;
}

.libreriaIco5 {
    background: url("/img/libIcos.png") no-repeat scroll 0 -252px
        rgba(0, 0, 0, 0);
    height: 62px;
    width: 100px;
}

.libreriaInfo {
    float: left;
    margin-left: 10px;
    width: 100%;
}

.librerias h4 {
    color: #474747;
    font-size: 75%;
    line-height: 17px;
    margin: 0;
}

.librerias h4 span {
    font-size: 90%;
    font-weight: normal;
}

.librerias p {
    font-size: 75%;
    line-height: 17px;
    margin: 3px 0;
    overflow: hidden;
}

.icon-location {
    background-position: 0 -30px;
    height: 18px;
    width: 20px;
}

.text90 {
    font-size: 90% !important;
}

#navinf {
    border: 6px solid #eeeeee;
    border-radius: 5px !important;
    margin: 25px 0 0;
    position: relative;
}

.form-search .input-search {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #ffffff;
    border-color: #000e78 -moz-use-text-color #000e78 #000e78;
    border-image: none;
    border-radius: 3px 0 0 3px !important;
    border-style: solid none solid solid;
    border-width: 1px 0 1px 1px;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.7);
    font-size: 110%;
    line-height: 1em;
    margin-bottom: 0;
    margin-right: 0;
    padding: 7px 0 6px 25px !important;
    width: 92%;
}

.btn-search {
    background-color: rgb(186, 186, 186) !important;
    background-image: -moz-linear-gradient(center top, rgb(247, 247, 247),
        rgb(186, 186, 186)) !important;
    border: 2px solid #000e78;
    border-radius: 3px 6px 6px 3px !important;
    color: #000e78 !important;
    font-size: 150%;
    padding: 1px 17px 8px;
    position: absolute;
    right: 0;
    top: -2px;
    width: 16%;
    z-index: 99;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { /*Chrome hack*/
    /*.btn-search{padding-bottom: 7px !important}*/
}

.btn-search:hover, .btn-search:focus {
    background-color: #e6e6e6 !important;
    background-position: 0 35px !important;
}

.btn-search_conMiniCesta {
    background-color: rgb(186, 186, 186) !important;
    background-image: -moz-linear-gradient(center top, rgb(247, 247, 247),
        rgb(186, 186, 186)) !important;
    border: 2px solid #000e78;
    border-radius: 3px 6px 6px 3px !important;
    color: #000e78 !important;
    font-size: 150%;
    padding: 1px 17px 8px;
    position: absolute;
    right: 0;
    top: -2px;
    z-index: 99;
}

.btn-search_conMiniCesta:hover, .btn-search:focus {
    background-color: #e6e6e6 !important;
    background-position: 0 35px !important;
}

.icon-search {
    background-position: 0 0 !important;
    height: 22px;
    margin-top: 4px;
    width: 26px;
}

.txtBotonBuscar {
    padding-top: 6px;
    float: right;
    padding-right: 15%;
}

.btn-search_conMiniCesta .txtBotonBuscar {
    padding-right: 0% !important;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { /*Chrome hack*/
    /*.txtBotonBuscar{padding-top: 7px !important}
*/
}

.buscador_desplegado {
    background-color: #eeeeee;
    border-radius: 0 0 5px 5px !important;
    border-top: medium none;
    box-shadow: 0 0 0.5em 1px rgba(0, 0, 0, 0.3);
    display: inline;
    font-size: 75%;
    max-width: 79%;
    padding: 5px;
    position: absolute;
    top: 36px;
    width: 97%;
    z-index: 1000;
}

.buscador_desplegado_conMiniCesta {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #eeeeee;
    border-color: -moz-use-text-color #e3e3e3 #e3e3e3;
    border-image: none;
    border-radius: 0 0 5px 5px !important;
    border-right: 1px solid #e3e3e3;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    box-shadow: 0 0 0.2em 1px rgba(0, 0, 0, 0.1);
    display: inline;
    font-size: 75%;
    padding: 5px;
    position: absolute;
    top: 44px;
    width: 97%;
    z-index: 1000;
}

.buscador_desplegado i {
    color: #999999;
}

.buscador_desplegado li {
    line-height: 15px;
    padding: 1px 0 0;
}

.buscador_desplegado .book {
    border-bottom: 1px solid #e3e4e7;
    min-height: 54px;
}

.buscador_desplegado .book ul {
    margin-bottom: 5px;
    padding-left: 43px;
}

.buscador_desplegado li:hover {
    /* background-color: #ffffff; */
    cursor: pointer;
    margin-left: -5px;
    margin-right: -5px;
    padding-left: 5px;
    padding-right: 5px;
}

.buscador_desplegado li .row-fluid div {
    min-height: 0 !important;
}

.buscador_desplegado .portada {
    display: block;
    margin: 5px;
    max-width: 27px;
    position: absolute;
}

.buscador_desplegado .precio {
    color: #000;
    font-weight: bold;
    margin-bottom: 5px;
    text-align: right;
    width: 100%;
}

.buscador_desplegado .dolar {
    font-weight: normal;
}

.buscador_desplegado .btn-small {
    font-size: 100% !important;
}

.buscador_desplegado_conMiniCesta i {
    color: #999999;
}

.buscador_desplegado_conMiniCesta li {
    line-height: 15px;
    padding: 1px 0 0;
}

.buscador_desplegado_conMiniCesta .book {
    border-bottom: 1px solid #e3e4e7;
    min-height: 54px;
}

.buscador_desplegado_conMiniCesta .book ul {
    margin-bottom: 5px;
    padding-left: 43px;
}

.buscador_desplegado_conMiniCesta li:hover {
    background-color: #ffffff;
    cursor: pointer;
    margin-left: -5px;
    margin-right: -5px;
    padding-left: 5px;
    padding-right: 5px;
}

.buscador_desplegado_conMiniCesta li .row-fluid div {
    min-height: 0 !important;
}

.buscador_desplegado_conMiniCesta .portada {
    display: block;
    margin: 5px;
    max-width: 27px;
    position: absolute;
}

.buscador_desplegado_conMiniCesta .precio {
    color: #000;
    font-weight: bold;
    margin-bottom: 5px;
    text-align: right;
    width: 100%;
}

.buscador_desplegado_conMiniCesta .dolar {
    font-weight: normal;
}

.buscador_desplegado_conMiniCesta .btn-small {
    font-size: 100% !important;
}
/*
.resumen-mini {
    height: 100%;
    margin-bottom: 20px;
    max-height: 290px;
    min-height: 140px !important;
    padding: 10px 0;
    position: relative;
}
*/
.resumen-vertical .resumen-mini {
    height: 200px;
    margin-bottom: 20px;
    padding: 10px 0;
}
/*
.resumen-mini figure {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #e3e3e3;
    box-shadow: 0 0 0.2em 1px rgba(0, 0, 0, 0.1);
    display: block;
    float: left !important;
    margin: 0 2.5641% 10px 0;
    padding: 2px;
    position: absolute;
    text-align: center !important;
    width: 100px;
}
*/
.resumen-mini figure {
    background: none #ffffff;
    display: block;
    float: left !important;
    margin: 0 2.5641% 10px 0;
    padding: 2px;
    position: absolute;
    text-align: center !important
}

.resumen-vertical .resumen-mini figure {
    background: none repeat scroll 0 0 #ffffff;
    border: medium none;
    box-shadow: none;
    display: block;
    float: left !important;
    /*margin: 0 2.5641% 10px 0;*/
    padding: 0;
    position: absolute;
    text-align: left !important;
    /*width: 121px;*/
}
/*
.resumen-mini figure:hover, .resumen-vertical .resumen-mini .portada:hover, .bookcase-item figure:hover {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #000e78;
    box-shadow: 0 0 0.2em 1px rgba(0, 0, 0, 0.067), 0 0 0.2em 1px rgba(0, 14, 120, 0.5);
}
.resumen-mini a .portadaSprite:hover {
    border: medium none;
    box-shadow: 0 0 0.2em 1px rgba(0, 0, 0, 0.067), 0 0 0.2em 1px rgba(0, 14, 120, 0.5);
}
*/
.resumen-vertical .resumen-mini figure:hover {
    background: none repeat scroll 0 0 #ffffff;
    border: medium none;
    box-shadow: none;
}

.resumen-mini img {
    max-height: 100% !important;
    vertical-align: middle;
    width: auto !important;
}

.resumen-vertical .resumen-mini img {
    border: 1px solid #cdcdcd;
    max-height: 100%;
    padding: 2px;
    vertical-align: middle;
    width: auto !important;
    border-radius: 6px
}

.resumen-vertical .resumen-mini .portadaSprite {
    border: 1px solid #cdcdcd;
    max-height: 100%;
    vertical-align: middle;
    border-radius: 6px
}

.resumen-vertical .info {
    float: left;
    *float: none !important;
    padding-left: 121px;
}
/*
.resumen-mini h4 {
    line-height: 17px;
    margin: 0;
}
*/
.resumen-mini h4 {
    font-size: 14px;
    line-height: 17px;
}

.zebra-striped .resumen-mini h4 {
    font-size: 20px;
    line-height: 22px
}

.resumen-mini ul li {
    font-size: 75%;
    line-height: 18px;
    overflow: hidden;
}

.resumen-mini .precio, .bookcase-item .precio {
    color: #000;
    font-weight: bold;
}

.resumen-vertical .resumen-mini .precio {
    color: #000;
    font-weight: bold;
    margin-top: 15px;
}

.resumen-mini .precio .decimales, .bookcase-item .precio .decimales {
    font-size: 75%;
}

.resumen-mini .precio .dolar, .bookcase-item .precio .dolar,
    .bookcase-item .precio .desde, .resumen-mini .precio .desde {
    color: #474747;
    font-size: 75%;
    font-weight: normal;
}

.combo_pre_bot {
    left: 0;
    position: absolute;
    top: 154px;
}

.hero-unit figure {
    float: left;
    margin: 0 20px 0 0;
}

.hero-unit h2 {
    color: #474747;
    line-height: 28px;
    margin-top: 0;
}

.bookcase {
    border: 3px solid #eeeeee;
    margin-bottom: 25px;
    padding: 1% 5%;
}

.bookcase-item {
    /* float: left;
    margin-right: 5px; */
    float: none;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 165px;
}

.bookcase-item figure {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #e3e3e3;
    box-shadow: 0 0 0.2em 1px rgba(0, 0, 0, 0.1);
    height: 140px;
    margin: 5% 0 5% 18%;
    padding: 2px;
    width: 100px;
}

.icon-cart {
    background-position: -80px 0 !important;
    height: 22px;
    width: 33px;
}

.resumen-cesta {
    border: 1px solid #e3e3e3;
    color: #000000;
    height: 86px !important;
    max-height: 85px;
    padding-left: 10px !important;
    padding-right: 10px !important;
    z-index: 1000;
}

.resumen-cesta-phone {
    margin-top: 4%;
    min-height: 40px !important;
    padding: 15px !important;
    z-index: 99;
}

.resumen-cesta-phone .pestana {
    background-color: #eeeeee;
    border: 1px solid #e3e3e3;
    border-radius: 0 0 6px 6px;
    font-size: 90%;
    margin-left: -15px;
    margin-right: -15px;
    padding: 5px;
    position: relative;
    text-align: center;
    top: 6px;
    z-index: 97;
}

.resumen-cesta-phone .cesta_desplegada .book {
    margin-right: 5px;
    width: 78% !important;
}

.resumen-cesta-phone .cesta_desplegada .precio {
    float: right !important;
    width: 122px !important;
}

.icon-cesta {
    background-position: 0 -53px;
    float: left;
    height: 41px;
    padding-left: 17px;
    width: 45px;
}

.icon-arrow {
    background-position: -18px -30px;
    height: 15px;
    margin-left: 2%;
    width: 14px;
}

.icon-close1 {
    background-position: -46px -143px;
    height: 15px;
    margin-left: 2%;
    width: 18px;
}

.resumen-cesta .cestatotal {
    font-size: 75%;
}

.resumen-cesta span {
    font-weight: bold;
}

.resumen-cesta .pestana {
    background-color: #eeeeee;
    border: 1px solid #e3e3e3;
    border-radius: 0 0 6px 6px;
    font-size: 75%;
    margin-left: -10px;
    margin-right: -10px;
    padding: 5px;
    position: relative;
    top: 6px;
    z-index: 97;
}

.resumen-cesta .cesta_desplegada, .resumen-cesta-phone .cesta_desplegada
    {
    background-color: #eeeeee;
    border: 1px solid #e3e3e3;
    font-size: 67%;
    margin-left: -10px;
    margin-right: -10px;
    padding: 5px;
    position: relative;
    top: 6px;
    z-index: 98;
}

#cesta_desplegada {
    max-height: 500px;
    overflow: auto;
}

.resumen-cesta .cesta_desplegada li, .resumen-cesta-phone .cesta_desplegada li
    {
    line-height: 15px;
    padding: 8px 0 5px;
}

.resumen-cesta .cesta_desplegada li:hover, .resumen-cesta-phone .cesta_desplegada li:hover
    {
    background-color: #ffffff;
    margin-left: -5px;
    margin-right: -5px;
    padding-left: 5px;
    padding-right: 5px;
}

.resumen-cesta .cesta_desplegada li .row-fluid div, .resumen-cesta-phone .cesta_desplegada li .row-fluid div
    {
    min-height: 0 !important;
}

.resumen-cesta-phone .unfold .icon-arrow, .resumen-cesta .unfold .icon-arrow
    {
    background-position: -25px -143px;
    height: 15px;
    margin-left: 2%;
    width: 14px;
}

.resumen-cesta-phone .unfold, .resumen-cesta .unfold {
    background-color: #ffffff;
}

.cesta_desplegada input {
    color: #000;
    float: left;
    font-size: 100%;
    margin-right: 4%;
    margin-top: -4px;
    padding: 1px;
    text-align: center;
    width: 18px !important;
}

.cesta_desplegada .book {
    margin-bottom: 8px;
    width: 100%;
}

.cesta_desplegada .precio {
    float: left;
    margin-top: 5px;
    width: 100%;
}

.btn-menu {
    display: none !important;
}

.btn-cesta {
    display: none;
}

footer p {
    font-size: 75%;
    text-align: center;
}

.icon-plus {
    background-position: -53px -36px;
    height: 15px;
    width: 20px;
}

.zebra-striped>ul>li:nth-child(2n) {
    background: none repeat scroll 0 0 #eeeeee;
}

.zebra-striped .resumen-mini {
    padding: 10px 0 5px;
}

.zebra-striped .resumen-mini .info1 {
    float: left;
    width: 72%;
}
/*
.zebra-striped .resumen-mini figure {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #e3e3e3;
    box-shadow: 0 0 0.2em 1px rgba(0, 0, 0, 0.1);
    display: block;
    float: left !important;
    margin: 0 2.5641% 10px 0;
    padding: 2px;
    position: relative;
    text-align: center !important;
    width: 100px;
}
*/
.zebra-striped .resumen-mini figure {
    background: none repeat 0 0 #fff;
    border: 1px solid #cdcdcd;
    display: block;
    float: left !important;
    margin: 0 2.5641% 10px 0;
    padding: 5px 6px;
    position: relative;
    text-align: center !important;
    border-radius: 6px
}

.zebra-striped .formularioColeccion .resumen-mini {
    background-color: #eeeeee;
    padding: 5px;
}

.zebra-striped .formularioColeccion .resumen-mini img {
    background: url("/img/coleccion.png") no-repeat scroll 0 0 transparent;
    display: block;
    float: left !important;
    margin: 0 2.5641% 10px 0;
    padding: 28px 27px 15px 10px;
    position: relative;
    text-align: center !important;
}

.zebra-striped .resumen-mini .info2 {
    float: right;
    margin-left: 2%;
    padding-bottom: 10px;
    padding-top: 78px;
    text-align: right;
    width: 26%;
}

.resumen-mini .info2 .precio {
    float: none;
    margin-right: 2%;
    padding-bottom: 5px;
}

.resumen-mini .info2 .btn {
    clear: both;
    float: none;
    font-weight: normal;
    margin-right: 2%;
}

.pestana-larga {
    border-bottom: 2px solid #eeeeee;
    border-left: 2px solid #eeeeee;
    border-radius: 0 0 6px 6px;
    border-right: 2px solid #eeeeee;
    padding: 10px 5px 5px;
    position: relative;
    top: -21px;
}

.pestana-larga span {
    float: left;
    font-size: 90%;
    width: 70%;
}

.pestana-larga .pull-right {
    float: left;
    font-size: 75%;
    width: 30%;
}

.comment {
    color: #434343;
    font-size: 90%;
    padding: 20px;
    text-align: justify
}

.icon-star1 {
    background-position: -80px -36px;
    height: 11px;
    margin-top: 3px;
    width: 12px;
}

.icon-star0 {
    background-position: -96px -36px;
    height: 11px;
    margin-top: 3px;
    width: 12px;
}

.form-name label {
    width: 13%;
}

.form-name input {
    width: 87%;
}

.intro-comment, .intro-comment textarea {
    margin: 10px 0;
}

.intro-comment input {
    margin-left: 10px;
}

.intro-comment .span7 label {
    float: right;
}

.intro-comment .span7 input {
    float: right;
}

.star-rating {
    background: url("/img/rating-sprite.png") repeat-x scroll left top
        rgba(0, 0, 0, 0);
    height: 20px;
    list-style: none outside none;
    margin-left: 5px !important;
    padding: 0;
    position: relative;
    width: 100px;
}

.star-rating li {
    float: left;
    margin: 0;
    padding: 0;
}

.star-rating li a {
    display: block;
    height: 20px;
    padding: 0;
    position: absolute;
    text-decoration: none;
    text-indent: -9000px;
    width: 10px;
    z-index: 20;
}

.star-rating li a:hover {
    background: url("/img/rating-sprite.png") repeat scroll left bottom
        rgba(0, 0, 0, 0);
    left: 0;
    z-index: 2;
}

.star-rating a:focus, .star-rating a:active {
    border: 0 none;
    outline: medium none;
}

.star-rating a.half-star {
    left: 0;
}

.star-rating a.half-star:hover {
    width: 10px;
}

.star-rating a.one-star {
    left: 10px;
}

.star-rating a.one-star:hover {
    width: 20px;
}

.star-rating a.onehalf-star {
    left: 20px;
}

.star-rating a.onehalf-star:hover {
    width: 30px;
}

.star-rating a.two-stars {
    left: 30px;
}

.star-rating a.two-stars:hover {
    width: 40px;
}

.star-rating a.twohalf-star {
    left: 40px;
}

.star-rating a.twohalf-star:hover {
    width: 50px;
}

.star-rating a.three-stars {
    left: 50px;
}

.star-rating a.three-stars:hover {
    width: 60px;
}

.star-rating a.threehalf-star {
    left: 60px;
}

.star-rating a.threehalf-star:hover {
    width: 70px;
}

.star-rating a.four-stars {
    left: 70px;
}

.star-rating a.four-stars:hover {
    width: 80px;
}

.star-rating a.fourhalf-star {
    left: 80px;
}

.star-rating a.fourhalf-star:hover {
    width: 90px;
}

.star-rating a.five-stars {
    left: 90px;
}

.star-rating a.five-stars:hover {
    width: 100px;
}

.bigcover .img_amp {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #e3e3e3;
    box-shadow: 0 0 0.2em 1px rgba(0, 0, 0, 0.1);
    margin-bottom: 10px;
    padding: 2px;
    width: 97%;
}

.bigcover .span5 {
    position: relative;
}

.bigcover .vermas {
    bottom: 13px;
    left: 6px;
    position: absolute;
    z-index: 99;
}

.bigcover ul {
    font-size: 90%;
    padding-bottom: 10px;
}

.bigcover p {
    font-size: 75%;
    text-align: justify;
}

.fichalibro .resumen-mini .ficha_izq .ampliar a, .bigcover .slider4 .ampliar a,
    .fichalibro .resumen-mini .info2 .otrainfo a {
    font-size: 75%;
    font-weight: normal;
    text-transform: uppercase;
}

.fichalibro .resumen-mini .ficha_izq .ampliar a .icon-search, .bigcover .slider4 .ampliar a .icon-search
    {
    background-position: 0 0 !important;
    height: 22px;
    margin-bottom: 5px;
    margin-top: -3px;
    width: 26px;
}

.bigcover .pull-right {
    font-size: 75%;
}

.bigcover .icon-up {
    background-position: 0 -143px;
    height: 15px;
    width: 20px;
}

.bigcover .bx-wrapper {
    margin: 0 auto 40px;
    padding: 0;
    position: relative;
}
/*
.resumen-mini{min-height:140px!important;margin-bottom:20px;padding:10px 0px 10px 0;position:relative;*width:220px!important}
*/
.resumen-mini {
    padding: 10px 0px 10px 0;
    position: relative
}

.fichalibro .resumen-mini .ficha_izq {
    box-sizing: border-box;
    float: left;
    min-height: 30px;
    width: 19.4043%;
}
/*
.fichalibro .resumen-mini figure {
    background: none repeat scroll 0 0 #ffffff;
    border: medium none;
    box-shadow: none;
    min-width: 50px;
    padding: 2px;
    position: relative;
    text-align: left !important;
    width: 100%;
}
*/
.fichalibro .resumen-mini figure {
    background-color: #fff;
    border: 1px solid #cdcdcd;
    padding: 10px;
    position: relative;
    border-radius: 6px;
    box-shadow: none;
    width: 100%;
    min-width: 50px
}
/*
.fichalibro .resumen-mini figure .portada {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #e3e3e3;
    box-shadow: 0 0 0.2em 1px rgba(0, 0, 0, 0.1);
    height: auto;
    max-width: 100%;
    min-width: 50px;
    padding: 2px;
    text-align: left;
}
*/
.fichalibro .resumen-mini figure .portada {
    height: auto;
    min-width: 50px;
    max-width: 100%
}

.fichalibro .resumen-mini .ficha_izq .ficha-rating {
    display: block;
    text-align: center;
}

.fichalibro .resumen-mini figure .vermas_mini {
    bottom: 5px;
    left: 5px;
    position: absolute;
    width: 59px;
    z-index: 99;
}

.icon-bigstar1 {
    background-position: -77px -55px;
    height: 17px;
    margin-bottom: 10px;
    margin-top: 3px;
    width: 20px;
}

.icon-bigstar0 {
    background-position: -102px -55px;
    height: 17px;
    margin-bottom: 10px;
    margin-top: 3px;
    width: 20px;
}
/*
.fichalibro .resumen-mini ul li {
    font-size: 90%;
    line-height: 23px;
    overflow: hidden;
}
.fichalibro .resumen-mini h2 {
    font-size: 150%;
    margin-top: 0;
}
.fichalibro {
    margin-top: 20px;
}
*/
.fichalibro .resumen-mini ul li {
    font-size: 15px;
    margin-bottom: 6px;
    color: #000
}

.fichalibro .resumen-mini h2 {
    font-size: 30px;
    margin: 0 0 5px
}

.contagrg .fichalibro .resumen-mini h2 {
    font-size: 24px;
    margin: 0 0 5px
}

.fichalibro {
    margin-top: 20px;
    background: url(/newimg/fonfi.gif) repeat-x 0 0;
    border-radius: 8px;
    padding: 20px;
    min-height: 300px
}
/*.fichalibro .resumen-mini .info2 {
    float: left;
    margin-left: 0;
    padding-bottom: 0;
    padding-top: 20px;
    text-align: center;
    width: 100%;
}*/
.fichalibro .resumen-mini .info2 {
    float: left;
    margin-left: 0;
    padding-bottom: 0;
    padding-top: 20px;
    width: 64% !important;
    text-align: left
}
/*
.fichalibro .resumen-mini .info2 .precio {
    font-size: 130%;
    margin-right: 0;
}
*/
.fichalibro .resumen-mini .info2 .precio {
    font-size: 180%;
    font-weight: normal;
    margin-right: 0;
    float: none !important;
    display: block;
    margin-top: 10px
}

.fichalibro .resumen-mini .info2 .btn {
    margin-right: 0;
    margin-top: 5px;
}
/*
.fichalibro .resumen-mini .info2 .dolar {
    font-size: 57%;
}
*/
.fichalibro .resumen-mini .info2 .dolar {
    font-size: 50%
}

.fichalibro .resumen-mini .info2 .otrainfo b {
    background: none repeat scroll 0 0 #eeeeee;
    clear: both;
    color: #000;
    display: block;
    font-size: 75%;
    margin-right: 0;
    margin-top: 5px;
    padding: 2px 5px;
    text-align: center;
    text-transform: uppercase;
}

.fichalibro .resumen-mini .info2 .preventa b {
    background: none repeat scroll 0 0 #eeeeee;
    clear: both;
    color: #000;
    display: block;
    font-size: 75%;
    margin-bottom: 10px;
    margin-right: 0;
    margin-top: 5px;
    padding: 2px 5px;
    text-transform: uppercase;
}

.fichalibro .resumen-mini .info2 .preventa a {
    font-weight: normal;
}

.icon-preventa {
    background-position: -218px -36px;
    height: 16px;
    width: 20px;
}

.bannerimg img {
    border: 3px solid #eee;
    max-width: 98% !important;
}
/*
.bannerrecoge {
    background-color: #fff;
    border: 3px solid #eee;
    color: #000;
    font-size: 90% !important;
    margin-top: 20px;
    max-width: 405px;
    padding: 10px;
}
*/
.bannerrecoge {
    z-index: 1000;
    border: 3px solid #eee;
    padding: 10px;
    background-color: #fff;
    font-size: 90% !important;
    color: #000;
    box-shadow: 0 4px 3px #aaa;
    -webkit-box-shadow: 0 4px 3px #aaa;
    -moz-box-shadow: 0 4px 3px #aaa;
    padding: 25px 128px 25px 40px;
    position: absolute;
    top: 0;
    right: 20%
}

.bannerrecoge img {
    margin-right: 20px;
}

.bannerrecoge a {
    font-size: 85%;
}
/*
.bannerrecoge ul {
    border-bottom: 1px solid #e3e3e3;
    float: left;
    font-size: 90%;
    margin-top: 5px;
    padding-bottom: 5px;
}
*/
.bannerrecoge ul {
    font-size: 90%;
    float: left;
    margin-top: 5px;
    padding-bottom: 5px
}

.bannerrecoge ul li {
    line-height: 18px !important;
}

.fix7 {
    
}

.resumen-mini .btn-small {
    margin-top: 5px;
}

.btn-small .icon-cart {
    background-position: -121px 0 !important;
    height: 14px;
    margin-top: 1px;
    width: 22px;
}

.btn-small .icon-eye {
    background-position: -249px -33px !important;
    height: 14px;
    margin-top: 1px;
    width: 22px;
}

.btn-verLibro {
    color: #000e78;
}

.btn-verLibro:hover {
    cursor: pointer;
    text-decoration: underline;
}

.btn-verLibro .icon-eye, .btn-small .icon-eye {
    background-position: -249px -33px !important;
    height: 14px;
    margin-top: 1px;
    width: 22px;
}

.btn-verLibro {
    font-size: 90%;
}

.resultados .zebra-striped>ul>li:nth-child(2n) {
    background: none repeat scroll 0 0 #ffffff;
}

.resultados .zebra-striped .resumen-mini {
    border-bottom: 1px solid #e3e3e3;
}

.resultados .zebra-striped .resumen-mini li {
    color: #000;
}

.resultados .zebra-striped .resumen-mini li p {
    color: #474747;
    margin: 10px 0;
}
/*
.resultados .zebra-striped .resumen-mini .info1 {
    float: left;
    width: 78%;
}
*/
.resultados .zebra-striped .resumen-mini .info1 {
    float: left;
    width: 75%
}
/*
.resultados .zebra-striped .resumen-mini .info2, .resultadoBusqueda .info2 {
    float: right;
    margin-left: 2%;
    padding-bottom: 10px;
    padding-top: 78px;
    text-align: right;
    width: 20%;
}
*/
.resultados .zebra-striped .resumen-mini .info2, .resultadoBusqueda .info2
    {
    float: right;
    margin-left: 2%;
    padding-bottom: 10px;
    padding-top: 18px;
    text-align: right;
    width: 22%
}

.resultados .zebra-striped .resumen-mini .info2 .otrainfo b {
    background: none repeat scroll 0 0 #eeeeee;
    clear: both;
    color: #000;
    display: block;
    font-size: 75%;
    margin-right: 0;
    margin-top: 5px;
    padding: 2px 5px;
    text-align: center;
    text-transform: uppercase;
}

.bar_or_pag .navbar-inner {
    background-color: #eeeeee;
    background-image: none;
    border: 1px solid #e3e3e3;
    box-shadow: none;
    font-size: 75%;
    min-height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    vertical-align: middle;
}

.bar_or_pag .navbar-inner select {
    height: 26px;
    margin-bottom: 5px;
    padding: 2px;
    width: 160px;
}

.bar_or_pag .navbar-inner span {
    margin-right: 10px;
    margin-top: 3px;
}

.pagination-small ul>li>a, .pagination-small ul>li>span {
    font-size: 90% !important;
}

.secciones {
    background-color: #eeeeee;
    border-radius: 0px;
    margin-top: 20px;
    padding: 10px;
}

.secciones .row-fluid {
    padding-left: 15px;
}

.secciones ul .active a, .secciones ul .active {
    color: #000;
    text-decoration: underline;
}

.secciones ul {
    color: #000000;
    font-size: 75%;
    list-style: disc outside none;
}

.secciones ul li a {
    color: #000000;
}

.secciones ul li:hover, .secciones ul li:hover a {
    color: #999999;
    text-decoration: underline;
}

#capaCargando {
    background: url("/img/ajax-loader-big.gif") no-repeat scroll center
        center rgba(0, 0, 0, 0);
    height: 96px;
    left: 50%;
    margin: -25px 0 0 -25px;
    position: fixed;
    top: 50%;
    width: 96px;
    z-index: 1000;
}

.cntBlue {
    background-color: #eeeeee;
    border-radius: 6px;
    font-size: 85%;
    margin-top: 20px;
    padding: 10px;
}

.cntBlue .row-fluid {
    padding-left: 15px;
}

.fixed {
    position: fixed;
}

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

.ckres {
    color: #000e78;
    cursor: pointer;
    font-weight: normal;
    text-transform: uppercase;
}

.bg1 {
    background-color: #f4f4f4;
    border-radius: 6px;
    margin-top: 20px;
}
/*
.bg2 {
    border: 3px solid #f4f4f4;
    border-radius: 6px;
    margin-top: 20px;
}
*/
.bg2 {
    margin-top: 20px
}

.hero-unit h3 {
    margin-top: 0;
}

.mapt {
    height: 165px;
    margin-bottom: 20px;
    overflow: hidden;
    width: 299px;
}

.mapt1 {
    background: url("/img/mapas/mapa_teatinos.png") repeat scroll 0 0
        rgba(0, 0, 0, 0);
}

.mapt2 {
    background: url("/img/mapas/mapa_cac.png") repeat scroll 0 0
        rgba(0, 0, 0, 0);
}

.mapt3 {
    background: url("/img/mapas/mapa_granada.png") repeat scroll 0 0
        rgba(0, 0, 0, 0);
}

.mapt4 {
    background: url("/img/mapas/mapa_tenerife.png") repeat scroll 0 0
        rgba(0, 0, 0, 0);
}

.mapt5 {
    background: url("/img/mapas/mapa_palma.png") repeat scroll 0 0
        rgba(0, 0, 0, 0);
}

.mapt6 {
    background: url("/img/mapas/mapa_sanfernando.png") repeat scroll 0 0
        rgba(0, 0, 0, 0);
}

.mapt7 {
    background: url("/img/mapas/mapa_barcelona.png") repeat scroll 0 0
        rgba(0, 0, 0, 0);
}

.mapt8 {
    background: url("/img/mapas/mapa_orotava.png") repeat scroll 0 0
        rgba(0, 0, 0, 0);
}

.ico-map-store {
    cursor: pointer;
}

.goback {
    background-color: #eeeeee;
    border-radius: 6px;
    margin-top: 20px;
    padding: 10px;
    width: 220px;
}

.icon-back {
    background-position: -73px -140px;
    height: 18px;
    width: 20px;
}

.botonfinalizar {
    display: block;
    text-align: center;
}

.bgw {
    background-color: #fff;
    margin: -5px;
    padding: 2px;
}

.centerPopup {
    background: none repeat scroll 0 0 #fff;
    border: 4px solid #eeeeee;
    border-radius: 5px !important;
    box-shadow: 0 0 0.5em 1px rgba(0, 0, 0, 0.3);
    color: #000;
    display: none;
    float: left;
    margin: 0;
    padding: 10px;
    position: fixed;
    text-align: center;
    width: auto;
    z-index: 200;
}

.gobackpu {
    background-color: #eeeeee;
    border-radius: 6px;
    margin: 0 auto 20px;
    padding: 6px;
    text-align: center;
    width: 156px;
}

.capatrans {
    background-color: rgba(132, 132, 132, 0.3);
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 195;
}

.autoCompSelected {
    background-color: #ffffff;
}

.menusup {
    background-color: #eeeeee;
    border-bottom: 1px solid #999999;
    height: 26px;
    margin-bottom: 0;
}

.menusup ul {
    float: right !important;
}

.menusup .nav>li>a {
    color: #000;
    font-size: 75%;
    padding: 7px 0;
}

.menusup .nav>li>a:hover {
    color: #999999;
    text-decoration: underline;
}

.menusup .nav>li>a img {
    float: left;
    padding-right: 6px;
    padding-top: 1px;
}

.cookies {
    background-color: #eeeeee;
    border-bottom: 1px solid #999999;
    border-top: 1px solid #999999;
    bottom: 0;
    color: #000;
    font-size: 75%;
    padding: 12px 0;
    position: fixed;
    width: 100%;
    z-index: 999;
}

.letraPeqIE8 {
    font-size: 14px\0/;
}

.avisoPopup {
    background: url(/newimg/icon20200805.png) no-repeat -287px -381px;
    width: 311px;
    height: 65px;
    position: absolute;
    right: 0;
    bottom: 14px;
    z-index: 1000
}

.avisoPopupBanderola {
    background: url(/newimg/icon20200805.png) no-repeat -287px -381px;
    width: 311px;
    height: 65px;
    position: absolute;
    bottom: 14px;
    z-index: 1000
}

.infoicon {
    display: inline-block;
    background: url(/newimg/icon20200805.png) no-repeat -558px -28px;
    width: 17px;
    height: 17px;
    cursor: pointer
}

.infoiconpeq {
    width: 16px;
    height: 15px;
    cursor: pointer;
    display: inline-block;
    margin: 3px 0 0 4px
}
.infoiconpeq:empty{
    background: url(/newimg/icon20200805.png) no-repeat -557px -53px;
}

.infoiconpeq:hover {
    background-position: -578px -53px
}

.infoiconpeqBanderola {
    background: url(/newimg/icon20200805.png) no-repeat -571px -72px;
    width: 14px;
    height: 14px;
    cursor: pointer;
    display: inline-block;
    margin: 0
}

.infoiconpeqBanderola:hover {
    background-position: -586px -72px
}

.botvolver {
    background: url(/newimg/icon20200805.png) no-repeat 0 -452px;
    width: 219px;
    height: 36px;
    float: left;
    margin-top: 15px
}

.botvolver:hover {
    background-position: 0 -492px
}

.etiquetaTitulo {
    display: block;
    margin-bottom: 5px !important;
    min-height: 35px
}

@media ( max-width :1005px) {
    .avisoPopup {
        left: 0 !important;
        background-position: -287px -446px;
        width: 205px;
        height: 65px
    }
}

/*Cesta*/
/* .bundle{margin:0 10% 10px;font-size:15px;padding:30px} */
.contsocial {
    position: relative;
    background: url("/newimg/fonofer.gif") repeat-x 0 0;
    border-color: #ccc;
    border-radius: 19px;
    border-style: solid;
    border-width: 0 1px 1px;
    box-shadow: 0 3px 5px #ccc
}

.contsocial {
    padding: 22px
}

.shopping h2 {
    font-weight: bold;
    font-size: 30px
}

.resces, .shopping h3 {
    color: #373737;
    font-size: 18px
}

.shopping h3 {
    margin: 0
}

.resces {
    float: left;
    margin: 6px 8px 0;
    position: relative;
    z-index: 1000
}

.shopping .contsocial {
    margin-bottom: 20px
}

.shopping .izq {
    float: left;
    margin-left: 0
}

.shopping .der {
    float: right;
    position: relative;
    padding: 0
}

.shopping .der .esp {
    padding: 22px 22px 0 22px;
    overflow: auto
}

.userpass {
    float: left;
    width: 39%
}

.identifica {
    background: url("/newimg/icon20200805.png") no-repeat -287px -516px
        !important;
    border: none;
    border-radius: 0;
    display: inline-block;
    height: 34px;
    margin: 24px 0 0;
    padding: 0 !important;
    width: 142px !important
}

.identifica:hover {
    background-position: -287px -554px !important
}

.userpass input {
    font-size: 16px;
    height: 24px;
    width: 90%;
    margin-bottom: 3px
}

.userpass label {
    color: #000
}

.enlpass {
    color: #326797;
    text-decoration: underline;
    font-size: 12px;
    margin-right: 34px
}

.iconcesta {
    background: url("/newimg/icon20200805.png") no-repeat -360px 0
        !important;
    float: left;
    width: 29px;
    height: 26px
}

.shopping {
    font-size: 13px;
    line-height: 15px
}

.shopping .derfon {
    background: url("/newimg/icon20200805.png") no-repeat -434px -515px
        !important;
    width: 148px;
    height: 148px;
    position: absolute;
    top: 10px;
    right: 10px
}

.shopping .prodces {
    float: left;
    overflow: auto;
    width: 100%;
    position: relative;
    margin-top: 10px
}

.shopping .producto {
    display: block;
    margin-top: 3px;
    font-size: 12px;
    overflow: auto
}

.shopping .cierracest {
    background: url("/newimg/icon20200805.png") no-repeat -583px -28px
        !important;
    float: right;
    width: 11px;
    height: 12px;
    margin-left: 10px;
    cursor: pointer
}

.shopping .cierracest:hover {
    background-position: -583px -4px !important
}

.shopping .producto .izqcest {
    float: left;
    font-size: 12px
}

.shopping .izqcest {
    float: left;
    width: 98%;
    font-size: 12px
}

.shopping .izqcest input {
    width: 20px;
    height: 15px
}

.shopping .dinero {
    color: #c5442e
}

.shopping .descuento {
    color: #067b14
}

.shopping .izqcest .der {
    min-height: inherit;
    margin-top: 10px
}

.shopping .izqcest .mb10 {
    margin-bottom: 10px;
    margin-top: 0px !important
}

.shopping .preciofinal {
    background-color: #f1f1f1
}

.shopping .preciofinaltot {
    font-size: 15px;
    padding: 5px 20px;
    margin: 8px 0 20px
}

.shopping .preciofinaltot .dinero {
    font-size: 16px;
    font-weight: bold
}

.shopping .separa {
    height: 1px;
    display: block;
    background-color: #ccc;
    margin: 10px 0
}

.shopping .truck {
    background-position: -189px -174px !important;
    height: 26px !important;
    width: 40px !important
}

.menor {
    color: #373737;
    font-size: 12px;
    margin: 7px 8px 0 -3px
}

.menor2 {
    font-size: 9px
}

.menor3 {
    font-size: 12px
}

.datosuserban {
    background: url("/newimg/icon20200805.png") no-repeat 0 -534px;
    height: 94px;
    position: absolute;
    right: -5px;
    top: -5px;
    width: 95px
}

.shopping fieldset {
    width: 96%;
    margin: 5px 2%
}

.shopping .persona {
    height: 26px;
    width: 26px;
    background: url("/newimg/icon20200805.png") no-repeat -261px -125px;
    float: left;
    margin: 3px 7px 12px 0
}

.shopping .moneyicon {
    height: 26px;
    width: 39px;
    background: url("/newimg/icon20200805.png") no-repeat -212px -94px;
    float: left;
    margin: 3px 7px 12px 0
}

.shopping .cabshopping {
    display: block;
    margin: 20px 0 0;
    overflow: hidden
}

.shopping .checkfactura {
    float: left;
    margin: 4px 6px 0 0
}

.shopping input[type="radio"] {
    margin: -1px 0 0
}

.shopping .radioshop {
    float: left
}

.shopping .radiospan {
    margin: -4px 6px 1px;
    min-height: inherit;
    width: 80%
}

.shopping .izq form {
    margin: 10px 0 0
}

#pagoNacionales2 li #formaPagoPaypal {
    margin-top: 5px
}

#datos-tarjeta {
    background-color: #eee;
    padding: 20px;
    border-radius: 6px;
    margin: 10px 0
}

.shopping .enlacepeqsin {
    color: #326797;
    text-decoration: underline;
    font-size: 11px;
    margin: 10px 0 0
}

.shopping .enlacepeqsin:hover {
    text-decoration: none;
    cursor: pointer
}

@media ( max-width :800px) {
    .shopping .radiospan {
        margin: -4px 6px 1px 20px;
        width: 90%
    }
}

.destacacheck {
    background-color: #f2f2f2;
    font-size: 13px;
    font-weight: bold;
    margin: 16px -39px 0;
    padding: 10px 40px;
    width: 100%
}

.imgcesta {
    margin: 5px 10px 0 0
}

#opcionesRecogidaBuenas {
    margin: 0 0 10px 18px
}

.opc1 {
    margin-top: 5px
}

.izqcest input, .por, .dinero {
    float: left
}

.izqcest input {
    margin-top: 5px
}

.contprecio .dinero, .por {
    margin: 10px 5px 0
}

.contprecio {
    float: left
}
/*Cesta*/
/*Comentarios*/
.comments .estrellas {
    margin: 15px 0 20px;
    font-size: 21px
} /*CAMBIO2 CAMBIO2*/
.comments .nombrecom {
    margin: 0 0 5px
}

.comments .nombrecom input {
    margin: -4px 0 0 10px
}

.comments .separa {
    border-right: 1px solid #ddd
}

.googlico, .twittico, .faceico, .agapico {
    background: url("/newimg/icon20200805.png") no-repeat;
    display: inline-block;
    cursor: pointer
}

.agapico {
    margin-left: 25px;
    background-position: -104px -536px;
    width: 34px;
    height: 34px
}

@media ( max-width :500px) {
    .agapico, .faceico, .twittico, .googlico {
        margin-left: 0 !important
    }
}

@media ( max-width :950px) {
    .contsocial .span6 .span6 {
        width: 100%
    }
    .textopeq {
        margin-top: 10px
    }
}

.agapico:hover {
    background-position: -104px -575px
}

.faceico {
    margin-left: 5px;
    background-position: -143px -534px;
    width: 36px;
    height: 36px
}

.faceico:hover {
    background-position: -143px -575px
}

.twittico {
    margin-left: 5px;
    background-position: -184px -534px;
    width: 36px;
    height: 36px
}

.twittico:hover {
    background-position: -184px -577px
}

.googlico {
    margin-left: 5px;
    background-position: -223px -534px;
    width: 36px;
    height: 36px
}

.googlico:hover {
    background-position: -223px -576px
}

.socialcom {
    margin: 8px 0 0
}

.textopeq {
    font-size: 11px;
    line-height: 13px
}

.star-rating {
    background: url("/newimg/icon20200805.png") 0 -662px;
    height: 23px;
    list-style: none outside none;
    margin-left: 5px !important;
    padding: 0;
    position: relative;
    width: 132px
}

.star-rating li a:hover {
    background: url("/newimg/icon20200805.png") 0 -632px;
    left: 0;
    z-index: 2
}

.star-rating .estrellaVisible {
    background: url("/newimg/icon20200805.png") 0 -632px;
    left: 0;
    z-index: 2
}

.star-rating a.half-star {
    left: 0
}

.star-rating a.half-star:hover {
    width: 13px
}

.star-rating a.one-star {
    left: 13px
}

.star-rating a.one-star:hover {
    width: 25px
}

.star-rating a.onehalf-star {
    left: 25px
}

.star-rating a.onehalf-star:hover {
    width: 40px
}

.star-rating a.two-stars {
    left: 40px
}

.star-rating a.two-stars:hover {
    width: 52px
}

.star-rating a.twohalf-star {
    left: 52px
}

.star-rating a.twohalf-star:hover {
    width: 67px
}

.star-rating a.three-stars {
    left: 67px
}

.star-rating a.three-stars:hover {
    width: 78px
}

.star-rating a.threehalf-star {
    left: 78px
}

.star-rating a.threehalf-star:hover {
    width: 93px
}

.star-rating a.four-stars {
    left: 93px
}

.star-rating a.four-stars:hover {
    width: 105px
}

.star-rating a.fourhalf-star {
    left: 105px
}

.star-rating a.fourhalf-star:hover {
    width: 119px
}

.star-rating a.five-stars {
    left: 119px
}

.star-rating a.five-stars:hover {
    width: 130px
}

.star-rating li a {
    display: block;
    height: 23px;
    padding: 0;
    position: absolute;
    text-decoration: none;
    text-indent: -9000px;
    width: 10px;
    z-index: 20
}

.starpon {
    background: url("/newimg/icon20200805.png") no-repeat 0 -208px;
    height: 14px;
    margin-right: 3px;
    float: left
}

.estrellasapagadas {
    background: url("/newimg/icon20200805.png") no-repeat 0 -228px;
    height: 14px;
    float: left;
    margin-right: 3px;
}

.estrellasapagadas .staruna, .estrellasconjuntas .staruna {
    width: 16px
}

.estrellasapagadas .stardos, .estrellasconjuntas .stardos {
    width: 34px
}

.estrellasapagadas .startres, .estrellasconjuntas .startres {
    width: 52px
}

.estrellasapagadas .starcuatro, .estrellasconjuntas .starcuatro {
    width: 70px
}

.estrellasconjuntas .starcinco {
    width: 87px
}

.conjstarpon {
    display: block;
    margin: 3px 5px 3px 3px;
    clear: both
}

.numberstar {
    font-size: 9px;
    float: left;
    line-height: 12px;
    margin-left: 4px
}

.contsocial .span6 {
    float: left;
    margin: 0 0 0 3%;
    width: 48%;
    text-align: right
} /*CAMBIO2 CAMBIO2*/
.granestrella {
    background: url("/newimg/icon20200805.png") no-repeat -2px -693px;
    width: 126px;
    height: 120px;
    display: block;
    float: right;
    margin-top: 5px
} /*CAMBIO2 CAMBIO2*/
.contsocial .hero-unit {
    margin-top: 0
} /*CAMBIO2 CAMBIO2*/
.contsocial .separa h3 {
    text-align: left;
    font-weight: bold;
    font-size: 22px
} /*CAMBIO2 CAMBIO2*/
.masesp {
    margin: 30px 30% !important
} /*CAMBIO2 CAMBIO2*/
.estrellasconjuntas {
    float: right
} /*CAMBIO2 CAMBIO2*/
.granestrella span {
    padding: 50px 0 0;
    color: #fff;
    text-align: center;
    font-size: 24px;
    display: block;
    font-weight: bold;
    text-shadow: 0 4px 3px #8b691f
}

.contsocial .comments .separa {
    height: inherit
} /*CAMBIO2 CAMBIO2*/
.contsocial .comments .span4 {
    width: 38%
}

@media ( max-width :767px) {
    .contsocial .comments .separa {
        overflow: auto
    }
    .contsocial .comments .span4 {
        width: 100%
    }
    .contsocial .comments .span4 .span6 {
        width: 45%
    }
    .contsocial .span6 {
        width: 100%
    }
    .comments .separa {
        border: none
    }
    .comments .nombrecom input {
        margin: 5px 0 !important;
        float: left
    }

    .visible-phone.share-whatsapp{display: inline !important}
} /*CAMBIO2 CAMBIO2*/
/*Comentarios*/
.contbotenv {
    text-align: center
}

.enviapedido {
    background: url(/newimg/icon20200805.png) no-repeat -134px -698px;
    display: inline-block;
    width: 246px !important;
    height: 39px;
    margin: 10px auto
}

.enviapedido:hover {
    background-position: -134px -739px
}

.direccionesRegistrado li {
    line-height: 30px
}

#cesta {
    max-height: 200px;
    overflow: auto
}

#div-overlay {
    opacity: 0.2;
    width: 100%;
    background-color: #000000;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999
}

.labelFPago, .labelTarifaTransporte {
    display: inline !important
}

.labelOpcionFactura {
    display: inline !important;
    margin-left: 5px
}

.labelUsarCodigo {
    display: inline !important
}

#libreriasDisponibles li {
    padding-bottom: 7px
}

.seguir, .finalizabot {
    background: url("/newimg/icon20200805.png");
    cursor: pointer;
    width: 165px;
    height: 33px;
    margin: 0 10px 20px
}

.seguir {
    background-position: -382px -1122px
}

.seguir:hover {
    background-position: -382px -1157px
}

.finalizabot {
    background-position: -382px -1049px
}

.finalizabot:hover {
    background-position: -382px -1085px
}

.shopping .botones {
    text-align: center
}

.shopping .botones .pull-right, .shopping .botones .pull-left {
    display: inline-block;
    float: none
}

.shopping .botones .pull-left {
    margin: 0 auto
}

.invoice {
    height: 43px;
    background: url("/newimg/icon20200805.png");
    float: left;
    margin: 3px 7px 12px 0;
    width: 24px;
    background-position: -234px -167px;
    height: 26px
}

.cvv {
    position: relative
}

.tcredito {
    background: url("/newimg/icon20200805.png") -216px -1131px;
    width: 154px;
    height: 125px;
    margin-right: 20px
}

.fontarjeta {
    background: url("/newimg/icon20200805.png") 0 -1179px;
    width: 201px;
    height: 123px;
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: -1
}

#datos-tarjeta .bannerrecoge {
    padding: 25px 4%;
    bottom: 0;
    top: inherit
}

#datos-tarjeta .titroj {
    margin-bottom: 15px;
    line-height: 23px
}

.espacioEntrega {
    margin: -5px 20px 15px;
    line-height: 15px
}
/*Multiopciones en bundle*/
.multiopcion .contmulti {
    position: relative
}

.multiopcion {
    border-radius: 15px !important;
    padding: 25px 40px !important;
    right: 0 !important;
    top: -80% !important;
    width: 100%;
    max-height: 300%
}

.multiopcion .derfon {
    background: url("/newimg/icon20200805.png") no-repeat -434px -515px
        !important;
    width: 148px;
    height: 148px;
    position: absolute;
    right: -30px;
    z-index: -1;
    top: 10px
}

.multiopcion .cierra {
    text-decoration: none
}

.multiopcion .contmulti .resumen-vertical ul, .multiopcion .contmulti .libroselect ul
    {
    margin-top: 0
}

.multiopcion .contmulti .resumen-vertical .resumen-mini figure {
    background: none !important
}

.multiopcion .grantit {
    font-size: 24px;
    margin: 0 0 10px
}

.multiopcion .contmulti .libroselect .span1 img {
    margin-top: 5px
}

.multiopcion .contmulti .libroselect .span11 {
    font-size: 16px;
    margin-top: 2px
}

.multiopcion .contmulti .libroselect {
    margin: 10px 0 25px
}

.multiopcion .contmulti .resumen-vertical .info {
    margin: 6px 0;
    padding: 0 !important
}

.multiopcion .resumen-vertical .resumen-mini img {
    width: 37% !important;
    margin-right: 0
}

.multiopcion .resumen-vertical .resumen-mini .portada2 {
    margin-top: 37px;
    width: 23% !important
}

.multiopcion .resumen-vertical .resumen-mini .portada {
    vertical-align: bottom !important
}

.multiopcion .plus {
    margin: 0 5px
}

.btn-anade {
    background: url(/newimg/icon20200805.png) 0 -1310px;
    width: 151px;
    height: 30px;
    display: inline-block
}

.contmultiopcion {
    position: relative
}

.btn-anade:hover {
    background-position: 0 -1351px;
    cursor: pointer
}

.multiopcion .peninsula {
    font-size: 11px;
    color: #999
}

.multiopcion .combo_pre_bot {
    position: relative;
    top: inherit !important;
    left: inherit
}

.multiopcion .resumen-mini .precio {
    color: #444 !important;
    font-size: 14px !important
}

.resumen-gen .resumen-vertical .resumen-mini {
    height: inherit !important;
    margin-bottom: 0;
    padding: 5px 0 15px 0
}

.multiopcion .resumen-gen {
    overflow-y: scroll;
    max-height: 381px;
    width: 102%
}

.bundle .resumen-gen .resumen-vertical .resumen-mini a {
    text-decoration: none;
    font-size: 15px;
    line-height: 19px
}

.bundle .resumen-gen .resumen-vertical .resumen-mini a:hover {
    text-decoration: underline
}

.btn-bundlen {
    background: url("/newimg/icon20200805.png") no-repeat -154px -1310px
        !important;
    border: none;
    border-radius: 0;
    display: block;
    height: 39px;
    padding: 0 !important;
    width: 181px;
    margin: 45px 0 0
}

.btn-bundlen:hover {
    background-position: -154px -1351px !important;
    cursor: pointer
}

@media ( max-width :800px) {
    .btn-bundlen {
        margin-top: 0
    }
}

@media ( max-width :1000px) {
    .multiopcion .derfon {
        right: -10px
    }
    .multiopcion .contmulti .resumen-vertical .resumen-mini {
        min-height: inherit !important;
        height: 100% !important
    }
    .multiopcion .contmulti .span4 .span12 {
        width: 45%
    }
    .multiopcion .contmulti .span4 {
        font-size: 18px;
        width: 100%;
        margin-left: 0;
        padding-left: 0
    }
}

@media ( max-width :767px) {
    .multiopcion .grantit {
        font-size: 22px;
        margin: 0 0 5px;
        line-height: 24px
    }
    .bundle .resumen-gen .resumen-vertical .resumen-mini a {
        font-size: 17px;
        line-height: 20px;
        margin: 3px 0;
        float: left;
        width: 100%
    }
    .resumen-gen .resumen-vertical .resumen-mini {
        padding: 15px 0
    }
    .multiopcion .contmulti .resumen-vertical .info {
        margin: 0
    }
    .multiopcion .resumen-vertical .resumen-mini .portada2 {
        margin-top: 10px;
        width: 20% !important;
    }
    .multiopcion .resumen-vertical .resumen-mini img {
        padding: 8px;
        width: 27% !important
    }
    .multiopcion .contmulti .resumen-vertical .resumen-mini {
        overflow: auto;
        border-bottom: 1px solid #ccc
    }
    .multiopcion .contmulti .span4 .span12 {
        width: 95%;
        float: left
    }
    .multiopcion .contmulti .libroselect .span1 {
        float: left;
        width: 70px !important
    }
    .contbundle .multiopcion {
        right: -7% !important;
        width: 96%;
        padding: 21px !important
    }
}

.multiopcion .contmulti .libroselect .span11 {
    float: left;
    width: 63% !important
}

.contmulti .combo_pre_bot {
    position: inherit;
    float: left;
    clear: both;
    width: 60%
}


/*Multiopciones en bundle*/
/*Log in del registro*/

.destcab .textodescrp {
    font-weight: normal
}

.login .derfon {
    background: url("/newimg/icon20200805.png") no-repeat -434px -515px
        !important;
    width: 148px;
    height: 148px;
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: -1
}

.login .googleplus span, .login .facebook span {
    background: url("/newimg/icon20200805.png") no-repeat;
    float: left;
    margin: 0 25px 0 0
}

.login .facebook span {
    background-position: -294px -1269px;
    width: 13px;
    height: 25px;
}

.login .googleplus span {
    background-position: -227px -1267px;
    width: 24px;
    height: 25px;
}

.login .googleplus, .login .facebook {
    width: 85%;
    color: #fff;
    padding: 7px 10px;
    font-size: 13px;
    text-decoration: none
}

.login .facebook {
    background-color: #3c599b;
    border: 1px solid #3c599b;
    float: left
}

.login .googleplus {
    background-color: #dd4b39;
    border: 1px solid #dd4b39;
    float: right
}

.login .googleplus:hover, .login .facebook:hover {
    background-color: #fff;
    text-decoration: none
}

.login .facebook:hover {
    color: #3c599b
}

.login .googleplus:hover {
    color: #dd4b39
}

.login .facebook:hover span {
    background-position: -316px -1269px
}

.login .googleplus:hover span {
    background-position: -263px -1267px
}

.login .botonsocial {
    position: relative;
    z-index: 0;
    margin: 0 0 20px
}

.login .botonsocial .botonsoc {
    float: left;
    width: 48%
}

.login .botonsocial .botonsoc:first-child {
    margin-right: 10px
}

.login h3 {
    position: relative
}

.login .useraga {
    text-align: center;
    color: #666;
    font-size: 13px;
    line-height: 13px;
    margin: 20px
}

.login .botonsocial label {
    color: #000;
    float: left
}

.login .botonsocial li a {
    float: right;
    font-size: 12px;
    text-decoration: underline;
    line-height: 20px
}

.login .botonsocial li a:hover {
    text-decoration: none
}

.botonregistra, .botonloguea {
    background: url("/newimg/icon20200805.png");
    display: inline-block;
    margin-top: 5px
}

.botonloguea:hover {
    background-position: -287px -554px
}

.botonloguea {
    background-position: -287px -516px;
    width: 142px;
    height: 34px
}

.botonregistra {
    background-position: -104px -1456px;
    width: 150px;
    height: 39px
}

.botonregistra:hover {
    background-position: -104px -1497px
}

@media ( max-width :767px) {
    .login .botonsocial .botonsoc {
        width: 48%
    }
    .login .useraga {
        font-size: 13px;
        line-height: 15px
    }
    .newbody .login {
        width: 94% !important;
        margin: 0 3%
    }
    .login .googleplus, .login .facebook {
        font-size: 11px
    }
    .login .googleplus span, .login .facebook span {
        margin-right: 15px
    }
}

@media ( max-width :1160px) {
    .login .googleplus span, .login .facebook span {
        margin: 0 10px 0 0
    }
}

@media ( min-width :768px) and (max-width:1159px) {
    .login .googleplus, .login .facebook {
        margin-bottom: 10px;
        width: 93%
    }
    .login .botonsocial .botonsoc:first-child {
        margin-right: 0
    }
    .login .botonsocial .botonsoc {
        width: 97%
    }
    .login .googleplus {
        float: left
    }
}

.login .textopeq {
    margin-top: 15px
}

.login .contsocial .zebra-striped h3 {
    margin: 0
}

.login .ventajas li {
    float: left;
    font-size: 14px;
    margin: 4px 5px;
    color: #333;
    line-height: 18px
}

.login .iconagaon {
    float: left;
    margin: 2px 25px 10px 5px
}

.login .ventajas {
    margin-top: 5px;
    position: relative
}

.login a {
    color: #326797;
    text-decoration: underline
}

.login a:hover {
    text-decoration: none;
    color: #326797
}

.genteincon {
    z-index: -1;
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: url("/newimg/icon20200805.png") no-repeat -337px -1276px;
    width: 211px;
    height: 199px
}

.cuentaacceso, .ventajareg {
    background: url("/newimg/icon20200805.png") no-repeat;
    height: 94px;
    position: absolute;
    right: -5px;
    top: -5px;
    width: 95px
}

.ventajareg {
    background-position: 0 -1384px
}

.login .regis {
    background: url("/newimg/icon20200805.png") -103px -1393px;
    display: inline-block;
    width: 218px;
    height: 30px;
    margin: 10px 0
}

.login .regis:hover {
    background-position: -103px -1424px
}

.login .hero-unit li {
    margin-top: 3px
}
/*Log in del registro*/
/*Registro*/
.centrame {
    float: none !important;
    margin: 0 auto !important
}

.login .titroj {
    font-size: 16px;
    line-height: 10px
}

.textoinfe {
    color: #999;
    float: left;
    font-size: 13px;
    line-height: 16px;
    margin-top: -6px
}

.marginsup {
    margin-top: 30px !important
}

.login label {
    font-weight: bold;
    margin-top: 10px
}

.cuentaacceso {
    background-position: 0 -1479px
}

.login .politic {
    margin-top: 20px
}

.politic .textoinfe {
    float: none
}

.login .politic input {
    margin-top: 0
}

.politica-rgpd ul {
    list-style: inside !important
}

.checksPermisos {
    margin-top: 30px !important
}

.checksPermisos .politic {
    margin-top: 0px
}

.checksPermisos input[type="checkbox"] {
    float: left !important
}

.checksPermisos .politic .textoinfe {
    color: #686868;
    font-size: 14px;
    font-weight: normal
}

.optionsincon {
    z-index: -1;
    position: absolute;
    bottom: -50px;
    right: 10px;
    background: url("/newimg/icon20200805.png") no-repeat -104px -1584px;
    width: 136px;
    height: 137px
}

.gustos {
    padding: 20px;
    overflow: auto
}

.gustos label {
    font-size: 16px;
    margin-bottom: 0
}

.gustos span {
    color: #000;
    font-size: 10px;
    line-height: 10px;
    margin: 0 0 5px 23px;
    display: block
}

.gustos .textodescrp {
    font-size: 14px;
    display: block;
    margin: -5px 0 10px
}

.gustos li {
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
    position: relative;
    padding: 0 25px 10px 0
}

.gustos li .infoiconpeq {
    position: absolute;
    right: 0;
    top: 0
}

.zebra-striped .opciones li:nth-child(2n) {
    background-color: #fff
}

.zebra-striped .opciones li:nth-child(2n) a {
    border: none
}

.zebra-striped .opciones {
    margin: 20px 0 0 -20px;
    padding: 0 20px
}

.gustos .vermas {
    position: absolute;
    top: 10px;
    right: 0;
    font-size: 11px;
    cursor: pointer
}

.gustos .subopc {
    margin: 0 10px;
    overflow: auto
}

.gustos .subopc label {
    font-size: 11px
}

.gustos .subopc li {
    border: none;
    padding: 1px;
    margin: 0;
    overflow: auto
}

.gustos .politic {
    margin-bottom: 20px;
    overflow: auto;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px
}

.gustos .shopping .cierracest {
    float: left;
    margin: 5px 10px 10px 0
}

#datosPago .cierracest {
    float: left;
    margin: 5px 10px 10px 0
} /*para las tarjetas regalos en la cesta*/
.gustos .cathabi {
    font-size: 14px;
    margin: 5px 0
}
/*Registro*/
/*Datos*/
.cuerpouser .genteincon {
    top: -30px
}

.cuerpouser .datosnevio {
    top: -30px
}

.cuerpouser .marginsup {
    margin: 20px 0 0 !important
}

.datospersonales select {
    width: 130px
}

.datosnevio {
    z-index: -1;
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: url("/newimg/icon20200805.png") no-repeat -249px -1593px;
    width: 134px;
    height: 90px
}

.fondotabla .datosperso .span1 {
    padding: 0
}

.fondotabla .datosperso .optionedi {
    margin: 5px 10px 0 0
}

.fondotabla .datosperso .editaico {
    float: left;
    background: url("/newimg/icon20200805.png") no-repeat -238px -198px;
    width: 17px;
    height: 23px;
    margin: 3px 5px 0 0
}

.fondotabla .datosperso .editaico:hover {
    background-position: -238px -224px
}

.fondotabla .datosperso .eliminaico {
    float: left;
    background: url("/newimg/icon20200805.png") no-repeat -583px -28px;
    width: 11px;
    height: 12px;
    margin: 5px 7px 0 0
}

.fondotabla .datosperso .eliminaico:hover {
    background-position: -583px -4px
}

.datospergen .row-fluid .span1, .datospergen .row-fluid .span11,
    .datospergen .row-fluid .span12 {
    min-height: inherit
}

.datospersonales {
    margin: 20px;
    overflow: auto
}

.sinmargen, .sinmargenl {
    margin-left: 0 !important
}

.sinmargen, .sinmargenr {
    margin-right: 0 !important
}

.fondotabla .resces .nuevacasa {
    background: url("/newimg/icon20200805.png") no-repeat -397px -1593px;
    display: block;
    position: absolute;
    right: 0;
    top: -12px;
    width: 162px;
    height: 35px
}

.fondotabla .resces .nuevacasa:hover {
    background-position: -397px -1629px
}

.fondotabla .resces span {
    display: block;
    padding-top: 15px;
    font-size: 27px
}

@media ( max-width :767px) {
    .fondotabla .resces span {
        font-size: 14px;
        font-weight: bold
    }
    .fondotabla .datosperso .span1 {
        width: 100% !important
    }
}

.optocul {
    margin: 5px 10px 0 0;
    font-weight: bold
}

.guardacambio {
    float: right;
    background: url(/newimg/icon20200805.png) no-repeat -397px -1665px;
    width: 162px;
    height: 34px
}

.guardacambio:hover {
    background-position: -397px -1701px
}
/*Datos*/
/*Cuerpo nuevo*/
.newbody .agran {
    margin: -10px 0 !important;
    padding: 20px;
    border: 1px solid #eaeaea;
    min-height: 555px !important
}

.newbody .breadcrumb a {
    text-decoration: underline
}

.newbody .breadcrumb a:hover {
    text-decoration: none
}

.newbody .breadcrumb li:after {
    content: " > "
}

.newbody .breadcrumb>li {
    display: inline-block;
    text-shadow: 0 1px 0 #fff
}

.newbody .breadcrumb li:last-child:after {
    content: " "
}

.cuerpouser {
    padding: 20px 0
}

.destcab {
    font-size: 30px;
    font-weight: bold;
    color: #000;
    position: relative;
    margin: 0 0 20px 0;
    line-height: 28px
}

.destcab span {
    display: inline-block;
    margin-bottom: 10px
}

h1.destcab {
    margin-bottom: 15px !important;
}

.camionfondo {
    position: absolute;
    top: -50px;
    right: 0;
    background: url("/newimg/icon20200805.png") no-repeat 0 -1049px;
    width: 178px;
    height: 121px;
    z-index: -1
}

.textodescrp {
    font-size: 14px;
    color: #333;
    line-height: 20px;
    text-align: justify;
}

.fondotabla {
    background: url(/newimg/fonfi.gif) repeat-x 0 -120px;
    margin: 10px -20px;
    padding: 20px;
    font-size: 12px;
    overflow: auto
}

.fondotabla table {
    font-size: 14px
}

.fondotabla table td {
    padding: 10px 5px;
    text-align: center;
    font-weight: bold;
    font-size: 12px
}

.iconagaoff, .iconagaon {
    background: url("/newimg/icon20200805.png");
    height: 20px;
    width: 20px;
    display: inline-block
}

.iconagaon {
    background-position: -208px -36px
}

.iconagaoff {
    background-position: -208px -65px
}

.newbody .cabectab {
    border-bottom: 1px solid #ccc
}

.newbody .fondotabla .cabectab {
    padding: inherit;
    font-weight: normal
}

.fondotabla .span12 {
    margin-left: 0 !important
}

.fondotabla .span1, .fondotabla .span2, .fondotabla .span3 {
    padding: 10px 0
}

.fondotabla a {
    color: #000;
    float: left;
    font-weight: bold;
    width: 100%
}

.fondotabla a:hover {
    text-decoration: none
}

.fondotabla li:hover:nth-child(even), .fondotabla li:hover {
    background-color: #ddd
}

.fondotabla .cabectab:hover {
    background-color: #fff
}

.fondotabla .truckinfo, .fondotabla .detalle {
    color: #326797;
    text-decoration: underline
}
/*.fondotabla .detalle{float:none}*/
.fondotabla .truckinfo:hover, .fondotabla .detalle:hover {
    text-decoration: none
}

.fondotabla li:nth-child(even) {
    background: #eee;
    overflow: auto
}

.fondotabla li:nth-child(odd) {
    overflow: auto
}

.newbody .breadcrumb {
    margin-left: 0
}

.fondotabla .prior1, .fondotabla .prior2, .fondotabla .prior3 {
    margin: 0;
    font-size: 12px
}

@media ( max-width :767px) {
    .registro .contsocial .span6 {
        width: 100%;
        margin: 0
    }
    .login label {
        font-size: 12px
    }
    .newbody .agran {
        border-top: none
    }
    .row-fluid .fondotabla .span2, .row-fluid .fondotabla .span3, .row-fluid .fondotabla .span1
        {
        width: 10% !important;
        float: left;
        font-size: 11px !important;
        line-height: 13px
    }
    .row-fluid .fondotabla .span2 {
        width: 16% !important
    }
    .row-fluid .fondotabla .span3 {
        width: 25% !important
    }
    .fondotabla .span4 {
        width: 33% !important;
        float: left !important;
        font-size: 11px !important;
        text-align: center;
        line-height: 14px
    }
    .fondotabla .tabladatos {
        margin: 10px 0 !important;
        width: 92% !important
    }
    .fondotabla .tablac {
        width: 100% !important;
        margin: 0 !important
    }
    .fondotabla .pdf {
        display: inline-block;
        float: none !important
    }
    .fondotabla .pdfinfo {
        text-align: inherit;
        width: 100%;
        margin-bottom: 20px
    }
}

.fondotabla .resces {
    margin: 6px 0;
    float: none;
    z-index: 0;
    clear: both
}

.infomens {
    color: #000;
    font-size: 13px;
    margin: 20px 0
}

.infomens strong {
    font-size: 14px;
    white-space: nowrap
}

.fondotabla .info {
    line-height: 16px
}

.fondotabla .tablac {
    color: #000;
    width: 60%;
    margin: 20px;
    text-align: center;
    overflow: hidden
}

.fondotabla .tabladatos {
    background-color: #f0f0f0;
    border-radius: 6px;
    padding: 10px;
    margin-bottom: 10px
}

.fondotabla .separa {
    height: 1px;
    background-color: #ccc;
    margin: 5px
}

.fondotabla .tabladatos li:nth-child(even), .fondotabla .tabladatos li:nth-child(odd)
    {
    overflow: visible
}

.fondotabla .tabladatos li:hover:nth-child(2n), .fondotabla .tabladatos  li:hover
    {
    background: none
}

.fondotabla .truck {
    background-position: -189px -174px !important;
    height: 26px !important;
    width: 40px !important
}

.fondotabla .truck, .fondotabla .truckinfo {
    float: right
}

.fondotabla .datospedido {
    color: #000;
    text-align: center
}

.fondotabla .pdf {
    background: url("/newimg/icon20200805.png") -299px -125px;
    width: 36px;
    height: 36px
}

.fondotabla .pdf {
    float: left
}

.pdfinfo {
    display: inline-block;
    text-align: left;
    width: 70%;
    line-height: 15px;
    font-size: 11px
}

.fondotabla .prodces {
    float: left;
    margin-top: 10px;
    overflow: auto;
    position: relative;
    width: 100%
}

.fondotabla .producto {
    display: block;
    font-size: 12px;
    margin-top: 3px;
    overflow: auto
}

.fondotabla .izqcest {
    float: left;
    font-size: 12px;
    width: 98%
}

.fondotabla .cierracest {
    background: url("/newimg/icon20200805.png") -583px -28px !important;
    cursor: pointer;
    float: left;
    height: 12px;
    margin-right: 10px;
    width: 11px
}

.fondotabla .cierracest:hover {
    background-position: -583px -4px !important
}

.shopping .cierracest:hover {
    background-position: -583px -4px !important
}

.fondotabla .izqcest input {
    height: 25px;
    width: 30px
}

.fondotabla .dinero {
    color: #c5442e
}

.fondotabla .producto .span3, .fondotabla .producto .span1, .fondotabla .producto .span2
    {
    text-align: center;
    line-height: 14px
}

.fondotabla .producto .contprecio input {
    width: 30px;
    float: left;
    height: 27px
}

.fondotabla .producto {
    padding: 10px
}

.fondotabla .producto:nth-child(odd) {
    background-color: #ebebeb
}

.fondotabla .producto:nth-child(1) {
    background-color: #fff
}

.fondotabla .producto:nth-child(1) .separa {
    margin: 0
}

.fondotabla .producto:nth-child(1) .span1, .fondotabla .producto:nth-child(1) .span2,
    .fondotabla .producto:nth-child(1) .span3, .fondotabla .producto:nth-child(1) .span4
    {
    padding-bottom: 0;
    min-height: 25px
}

.fondotabla .nombreprod {
    line-height: 16px;
    font-weight: bold
}

.fondotabla .resumender {
    float: right
}

.fondotabla .cancela {
    float: left;
    background: url("/newimg/icon20200805.png") -190px -1049px;
    width: 184px;
    height: 39px;
    margin: 35px 0 0
}

.fondotabla .cancela:hover {
    cursor: pointer;
    background-position: -190px -1090px
}

.fondotabla .resuseguimiento .dinero {
    float: right;
    font-size: 15px;
    color: #000
}

.fondotabla .preciofinal {
    background-color: #f1f1f1;
    font-size: 17px;
    font-weight: bold;
    margin: 8px 0 20px;
    overflow: auto;
    padding: 10px 0 10px 25px
}

.fondotabla .preciofinal .resuseguimiento .dinero {
    color: #c5442e;
    font-size: 18px
}

@media ( max-width :767px) {
    .userpass input {
        width: 100% !important
    }
    .userpass {
        width: 100% !important;
        float: none !important
    }
    .fondotabla .rescesreg .preciofinal {
        padding: 11px 3px;
        clear: both
    }
    .fondotabla .cancela {
        background-position: -382px -1193px
    }
    .fondotabla .cancela:hover {
        background-position: -382px -1234px
    }
    .fondotabla .producto {
        padding: 10px 0
    }
    .fondotabla .producto .contprecio input {
        width: 26px;
        font-size: 11px
    }
    .fondotabla .span4 {
        text-align: left
    }
    .fondotabla .prodces .span7 {
        float: left;
        width: 49.4468%
    }
    .fondotabla .prodces .producto [class*="span"] {
        font-size: 11px !important;
        padding: 0 5px 10px !important
    }
    .fondotabla .prodces .span5 {
        width: 100%;
        float: left
    }
    .fondotabla .nombreprod {
        float: left;
        margin: 0 0 5px;
        width: 85%
    }
    .fondotabla .datospersonales .span4 {
        width: 100% !important
    }
    .fondotabla .datospersonalesModal .span4 {
        width: 100% !important
    }
    .fondotabla .formatopaquete .span2 {
        width: 22% !important
    }
    .fondotabla .formatopaquete .span3 {
        width: 46% !important
    }
    .fondotabla .datospersonales .formatopaquete input {
        margin: 4px !important
    }
    .fondotabla .datospersonalesModal .formatopaquete input {
        margin: 4px !important
    }
    .infomens .span4, .row-fluid .fondotabla .datospedido .span3 {
        width: 100% !important;
        float: none;
        text-align: center;
        font-size: 15px !important;
        line-height: 20px !important
    }
    #navsup .datoscab {
        width: 130px !important;
        margin-right: 10px
    }
    .prodces .producto .span2, .prodces .producto .span1 {
        width: 24% !important
    }
    .login .contsocial {
        margin-bottom: 20px
    }
    .login .destcab {
        margin-bottom: 0
    }
}

@media ( max-width :850px) {
    .fondotabla .prodces .rescesreg .span5 {
        width: 50%
    }
    .dirfactura input[type="checkbox"] {
        margin-bottom: 10px
    }
    .dirfactura li {
        margin: 10px 0
    }
}

.fondotabla .datosperso {
    margin: 10px 0;
    font-size: 13px
}

.fondotabla .datosperso .separa {
    margin: 0
}

.fondotabla .formatopaquete {
    margin: 10px 0 0
}

.fondotabla .datospersonales li:hover, .fondotabla .formatopaquete li:hover,
    .fondotabla .formatopaquete li {
    background-color: #fff
}

.fondotabla .datospersonalesModal li:hover, .fondotabla .formatopaquete li:hover,
    .fondotabla .formatopaquete li {
    background-color: #fff
}

.fondotabla .formatopaquete .span2 {
    width: 10.53%;
    padding: 0
}

.fondotabla .formatopaquete .span3 {
    width: 25%;
    padding: 0
}

.fondotabla .datospersonales .formatopaquete input {
    float: left;
    margin-right: 8px
}

.fondotabla .datospersonales label {
    font-weight: bold;
    font-size: 12px;
    margin: 0
}

.fondotabla .datospersonalesModal .formatopaquete input {
    float: left;
    margin-right: 8px
}

.fondotabla .datospersonalesModal label {
    font-weight: bold;
    font-size: 12px;
    margin: 0
}

.fondotabla .prodces .producto .imgcesta {
    margin-top: 0
}

.dirfactura .checkfactura {
    float: left;
    margin-right: 10px
}

.dirfactura #dirFactura {
    margin: 10px 0;
    background-color: #eee;
    padding: 10px;
    border-radius: 10px
}

#dirFactura li:hover {
    background-color: #eee
}
/*Cuerpo nuevo*/
/*Datos*/
.cuerpouser .genteincon {
    top: -30px
}

.cuerpouser .datosnevio {
    top: -30px
}

.cuerpouser .marginsup {
    margin: 20px 0 0 !important
}

.datospersonales select {
    width: 130px
}

.datospersonalesModal select {
    width: 130px
}

.datosnevio {
    z-index: -1;
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: url(/newimg/icon20200805.png) no-repeat -249px -1593px;
    width: 134px;
    height: 90px
}

.fondotabla .datosperso .span1 {
    padding: 0
}

.fondotabla .datosperso .optionedi {
    margin: 5px 10px 0 0
}

.fondotabla .datosperso .editaico {
    float: left;
    background: url(/newimg/icon20200805.png) no-repeat -238px -198px;
    width: 17px;
    height: 23px;
    margin: 3px 5px 0 0
}

.fondotabla .datosperso .editaico:hover {
    background-position: -238px -224px
}

.fondotabla .datosperso .eliminaico {
    float: left;
    background: url(/newimg/icon20200805.png) no-repeat -583px -28px;
    width: 11px;
    height: 12px;
    margin: 5px 7px 0 0
}

.fondotabla .datosperso .eliminaico:hover {
    background-position: -583px -4px
}

.datospergen .row-fluid .span1, .datospergen .row-fluid .span11,
    .datospergen .row-fluid .span12 {
    min-height: inherit
}

.datospersonales {
    margin: 20px;
    overflow: auto
}

.datospersonalesModal {
    padding: 20px;
    overflow: auto
}

.inputsModal {
    height: 25px !important
}

.sinmargen, .sinmargenl {
    margin-left: 0 !important
}

.sinmargen, .sinmargenr {
    margin-right: 0 !important
}

.fondotabla .resces .nuevacasa {
    background: url(/newimg/icon20200805.png) no-repeat -397px -1593px;
    display: block;
    position: absolute;
    right: 0;
    top: -12px;
    width: 162px;
    height: 35px
}

.fondotabla .resces .nuevacasa:hover {
    background-position: -397px -1629px
}

.fondotabla .resces span {
    display: block;
    padding-top: 15px;
    font-size: 27px
}

@media ( max-width :767px) {
    .fondotabla .resces span {
        font-size: 14px;
        font-weight: bold
    }
    .fondotabla .datosperso .span1 {
        width: 100% !important
    }
}

.optocul {
    margin: 5px 10px 0 0;
    font-weight: bold
}

.guardacambio {
    float: right;
    background: url(/newimg/icon20200805.png) no-repeat -397px -1665px;
    width: 162px;
    height: 34px
}

.guardacambio:hover {
    background-position: -397px -1701px
}
/*Datos*/
/*Perfil*/
.perfil .datospersonales {
    margin: 5px 0
}

.perfil .imgcont {
    padding: 15px 5px;
    border-radius: 6px;
    border: 1px solid #ccc;
    margin: 10px 0 0;
    text-align: center
}

.perfil .espaciolr {
    padding: 0 10px
}

.perfil .googleplus, .perfil .twitter, .perfil .facebook {
    background: url(/newimg/icon20200805.png) no-repeat;
    float: left;
    margin-right: 1px;
    width: 30px;
    height: 30px
}

.perfil .facebook {
    background-position: -287px -593px
}

.perfil .twitter {
    background-position: -327px -593px
}

.perfil .googleplus {
    background-position: -366px -593px
}

.perfil .textoinfe {
    margin-top: 0
}

.perfil input[type="checkbox"] {
    margin-right: 10px
}

.perfil .imagenperfil {
    color: #333;
    text-align: center;
    margin-top: 5px;
    font-size: 13px;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #f6f6f6 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff),
        color-stop(50%, #f1f1f1), color-stop(100%, #f6f6f6));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #f6f6f6 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #f6f6f6 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #f6f6f6 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%, #f1f1f1 50%, #f6f6f6 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',
        endColorstr='#f6f6f6', GradientType=0); /* IE6-9 */;
    padding: 5px 10px;
    border: 1px solid #ccc;
    border-radius: 6px
}

.perfil .imagenperfil:hover {
    background: #f6f6f6; /* Old browsers */
    background: -moz-linear-gradient(top, #f6f6f6 0%, #f1f1f1 50%, #ffffff 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f6f6),
        color-stop(50%, #f1f1f1), color-stop(100%, #ffffff));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f6f6f6 0%, #f1f1f1 50%, #ffffff 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f6f6f6 0%, #f1f1f1 50%, #ffffff 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f6f6f6 0%, #f1f1f1 50%, #ffffff 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #f6f6f6 0%, #f1f1f1 50%, #ffffff 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6',
        endColorstr='#ffffff', GradientType=0); /* IE6-9 */
}

div.imagenperfil input[type="file"] {
    cursor: pointer;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 0 !important;
    overflow: hidden !important;
}
/*Perfil*/
/*Botón para Tagus*/
.validar {
    background: url(/newimg/icon20200805.png) no-repeat -492px -1810px;
    width: 107px;
    height: 34px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 10px;
}

.validar:hover {
    background-position: -384px -1810px
}
/*Botón para Tagus*/
/*Botón para recordar contraseña*/
.recordarcontr {
    background: url(/newimg/icon20200805.png) no-repeat -404px -1739px;
    width: 195px;
    height: 33px;
    display: inline-block
}

.recordarcontr:hover {
    background-position: -404px -1774px
}
/*Botón para recordar contraseña*/
@media ( max-width :767px) {
    .doblebanner .span6 {
        margin-bottom: 10px
    }
}
/*Promoción especial*/
.banninf {
    background: url("/newimg/icon20200805.png") no-repeat 0 -1674px;
    height: 94px;
    position: absolute;
    right: -6px;
    top: -6px;
    width: 95px
}

.oferta {
    background-position: -245px -1695px !important;
    height: 40px !important;
    width: 70px !important
}

@media ( max-width :767px) {
    .oferta {
        background-position: -301px -1695px !important;
        width: 41px !important
    }
}
/*Promoción especial*/
/*Libros de texto*/
.img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}

.librotexto .selecciona {
    font-size: 13px;
    margin-top: 15px
}

.librotexto .contopcbot {
    clear: both;
    margin: 15px 0;
    padding: 0 0 0 10px;
    overflow: auto
}

.librotexto .contopcbot ul, .librotexto .contopcbot li, .librotexto .contopcbot li a
    {
    overflow: auto
}

.librotexto .contopcbot li {
    width: 33%
}

.librotexto .contopcbot .botbot {
    background: url("/newimg/icon20200805.png") repeat-x 0 -945px;
    font-size: 15px;
    color: #333;
    text-align: center;
    padding: 10px 0;
    border: 1px solid #ddd;
    border-radius: 6px;
    width: 95%;
    display: inline-block
}

.librotexto .contopcbot .botbot:hover {
    background: none #326797;
    color: #fff;
    text-decoration: none
}

.librotexto .contopcbot .span4 {
    margin: 0 0 10px 0
}

.separa {
    height: 1px;
    display: block;
    background-color: #ccc;
    margin: 10px
}

.pie {
    font-size: 13px;
    line-height: 15px;
    margin: 15px 10px
}

@media ( max-width :950px) {
    .librotexto .contopcbot .botbot {
        font-size: 16px
    }
}

@media ( max-width :767px) {
    .librotexto .contopcbot .botbot {
        font-size: 18px
    }
    .librotexto .contopcbot li {
        width: 100%
    }
    .librotexto .contopcbot .botbot {
        width: 98%
    }
    .librotexto .contopcbot .span4 {
        margin: 0
    }
}
/*Libros de texto*/
/*Lista de deseos*/
.ldeseos {
    z-index: -1;
    position: absolute;
    top: -30px;
    right: 10px;
    background: url("/newimg/icon20200805.png") no-repeat -368px -1846px;
    width: 232px;
    height: 115px
}

.fecha {
    font-size: 13px;
    color: #666;
    margin: 20px 0 10px
}

.listadeseos .producto {
    font-size: 12px;
    text-align: center
}

.listadeseos .producto .separa {
    margin: 10px 0 5px
}

.listadeseos .zebra-striped .resumen-mini {
    padding: 10px 10px 5px
}

.listadeseos .eliminaico {
    background: url("/newimg/icon20200805.png") no-repeat scroll -583px
        -28px;
    float: left;
    height: 12px;
    margin: 5px 10px 0 0;
    width: 11px
}

.listadeseos .resumen-mini h4 a {
    font-size: 17px;
    line-height: 18px
}

.listadeseos .resumen-mini ul li {
    font-size: 14px
}

.isbn {
    color: #666
}

.listadeseos .descrip {
    margin-top: 10px
}

.listadeseos .resumen-mini .span3 {
    text-align: center
}

.listadeseos .resumen-mini .span3 .btncomprar {
    display: inline-block;
    margin: 5px 0 0
}

.listadeseos .img-responsive {
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 6px;
    margin: 0 5px 5px 24px
}

.listadeseos .resumen-mini .span10 .span9 {
    margin-left: 0
}

.listadeseos .resumen-mini .span10 {
    position: relative
}

.listadeseos .resumen-mini .span10 .span3 .botcompr {
    position: relative;
    bottom: 0
}

.listadeseos .resumen-mini .span10 .span3 .infodispo {
    margin-top: 5px
}

.listadeseos .dolar {
    font-size: 14px
}

.listadeseos .flechaburbuja {
    border-color: #f3f3f3 rgba(238, 238, 238, 0);
    border-style: solid;
    border-width: 15px 0 0 19px;
    content: "";
    height: 0;
    left: -18px;
    position: absolute;
    top: 18px;
    width: 0
}

.listadeseos .contburbuja {
    position: relative
}

.listadeseos .cuerpoburbuja {
    background-color: #f3f3f3;
    border-radius: 6px;
    padding: 13px 18px;
    font-size: 14px
}

.listadeseos .cuerpoburbuja textarea {
    background: none;
    border: none;
    font-size: 17px;
    color: #222;
    outline: none;
    resize: none;
    font-style: italic;
    overflow: auto;
    box-shadow: none
}

.listadeseos .comillas:before, .listadeseos .comillas:after {
    content: '"'
}

.listadeseos .editcom {
    font-size: 13px;
    margin-top: 5px;
    text-decoration: underline
}

.listadeseos .editcom:hover {
    text-decoration: none
}

.listadeseos .zebra-striped {
    clear: both;
    overflow: auto;
    margin: 0 0 20px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px
}

@media ( max-width :767px) {
    .listadeseos .resumen-mini .span2 {
        width: 30%;
        float: left;
        margin: 0 15px 0 0
    }
    .listadeseos .resumen-mini .span10 {
        width: 65%;
        float: left
    }
    .listadeseos .resumen-mini .span1 {
        display: none
    }
    .listadeseos .resumen-mini .span10 .span3 .botcompr, .listadeseos .resumen-mini .span3
        {
        position: relative;
        text-align: left
    }
    .listadeseos .zebra-striped li .span7 {
        float: left
    }
    .listadeseos .nomos {
        display: none !important
    }
}
/*Lista de deseos*/
/*Opiniones*/
.opiniones .listadeseos .img-responsive {
    margin: 0 5px 5px 0
}

.icopinion {
    z-index: -1;
    position: absolute;
    top: -30px;
    right: 10px;
    background: url(/newimg/icon20200805.png) no-repeat -230px -1845px;
    width: 134px;
    height: 124px
}

.valorafon {
    background: url("/newimg/icon20200805.png") repeat-x scroll 0 -228px;
    height: 15px;
    margin: 4px 0;
    width: 86px
}

.valorastar {
    background: url("/newimg/icon20200805.png") repeat-x scroll 0 -208px;
    height: 15px;
    margin: -2px -1px
}

.valora-cero {
    width: 0px
}

.valora-medio {
    width: 9px
}

.valora-uno {
    width: 15px
}

.valora-unoymedio {
    width: 26px
}

.valora-dos {
    width: 32px
}

.valora-dosymedio {
    width: 44px
}

.valora-tres {
    width: 53px
}

.valora-tresymedio {
    width: 62px
}

.valora-cuatro {
    width: 70px
}

.valora-cuatroymedio {
    width: 79px
}

.valora-cinco {
    width: 88px
}

.opiniones .listadeseos .descrip {
    margin-top: 0;
    display: block
}

.nav-tabs>.active>span {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    border-color: #ddd #ddd transparent;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #555;
    padding: 10px;
    display: block;
    margin-top: -4px
}

.nav-tabs>li>a {
    cursor: pointer
}

.botongris {
    background: url(/newimg/icon20200805.png) 0 -951px;
    display: inline-block;
    text-align: center;
    color: #555;
    font-size: 11px;
    margin-right: 15px;
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 2px 6px
}

.botongris:hover {
    text-decoration: none;
    background-position: 0 -1001px
}

.textvalora {
    font-size: 11px;
    color: #444;
    text-align: center;
    margin-bottom: 5px;
    line-height: 12px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px
}

.situavalora {
    padding-bottom: 15px;
    margin-bottom: 5px
}

.opiniones {
    margin: 0 20px
}

.titular {
    font-weight: bold;
    border-bottom: 1px solid #aaa;
    margin: 0 -20px 10px;
    padding: 0 0 5px
}

.comments .separa {
    background-color: #fff
}

.opiniones .listadeseos .contburbuja {
    margin: 10px 0 0 20px
}

.opiniones .listadeseos .zebra-striped .resumen-mini {
    border-radius: 9px;
    margin-bottom: 10px;
    overflow: auto;
    padding: 15px 20px
}

.opiniones .resumen-mini {
    padding: 10px 0 0;
    border-bottom: 1px solid #ccc
}

.opiniones .listadeseos .resumen-mini .span3 li {
    text-align: left
}

.icomin {
    background: url(/newimg/icon20200805.png);
    display: inline-block;
    width: 18px;
    height: 18px
}

.facemin {
    background-position: -287px -362px
}

.twitmin {
    background-position: -311px -362px
}

.goomin {
    background-position: -335px -362px
}

.whatmin {
    background-position: -359px -362px
}

.opiniones .listadeseos .resumen-mini .icored {
    display: none;
    margin: 10px 0 0
}

.opiniones .listadeseos .resumen-mini:hover .icored {
    display: block
}

.zebra-striped .opciones {
    margin: 20px -20px;
    padding: 0 20px
}

.listadeseos .opiniones .contvalora {
    margin-top: 90px
}

.opiniones .listadeseos .contvalora {
    margin-top: 25px
}

.listadeseos .opiniones .contburbuja {
    margin: 10px 18px
}

.listadeseos .opiniones .resumen-mini .span7 .icored {
    margin: 0 18px 5px
}

.listadeseos .opiniones .img-responsive {
    margin: 0 5px 5px 0
}

.opiniones ul li:last-child {
    border-bottom: none
}

.listadeseos .opiniones .guardacambio {
    float: left !important;
    margin: -5px 0 5px 18px;
    cursor: pointer
}

#cntDeseos .guardacambio {
    float: left !important;
    cursor: pointer
}

.listadeseos .opiniones .img-responsive {
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 6px;
    margin: 0 5px 5px 24px
}

.listadeseos .opiniones .compartesocial {
    margin: 0;
    font-size: 11px;
    font-style: italic
}

.socialcom {
    width: 210px
}

.comments h3 {
    line-height: 19px
}

.listadeseos .opiniones .vota {
    margin: 15px 0 10px
}

.listadeseos .opiniones .resumen-mini h4 a {
    font-size: 19px;
    line-height: 20px;
    margin-bottom: 5px;
    display: inline-block
}

.deseosico {
    background: url("/newimg/icon20200805.png") no-repeat -104px -95px;
    height: 14px;
    width: 29px;
    float: left;
    margin-right: 10px
}

.recom:hover .deseosico {
    background-position: -104px -111px
}

.lisdes {
    display: block;
    font-size: 12px;
    line-height: 12px;
    margin-top: 10px;
    text-align: left;
    cursor: pointer
}

.lisdes .deseosico {
    margin: 3px 10px 10px 0
}

.displayNone {
    display: none !important
}

.bordesico {
    background: url("/newimg/icon20200805.png") -230px -2px;
    float: left;
    height: 16px;
    margin-right: 10px;
    width: 29px
}

.recomm {
    background: url("/newimg/icon20200805.png") repeat-x 0 -246px;
    border: 1px solid #cdcdcd;
    border-radius: 6px;
    display: inline-block;
    font-size: 12px;
    height: 10px;
    margin-bottom: 5px;
    padding: 6px 10px 11px;
    text-align: center;
    width: 96%;
    cursor: pointer;
    width: 100% !important
}

.recomm .textico {
    margin-top: 1px;
    color: #4aaf2f
}

.recomm:hover {
    background: none #ff0000
}

.recomm:hover .textico {
    color: #fff
}

.recomm:hover .bordesico {
    background-position: -232px -21px
}

.sinResultados {
    display: none;
    text-align: center;
    font-weight: bold
}

@media ( max-width :950px) {
    .icomin {
        float: left;
        margin-right: 5px;
        width: 30px;
        height: 30px
    }
    .whatmin {
        background-position: -401px -593px
    }
    .goomin {
        background-position: -366px -593px
    }
    .twitmin {
        background-position: -327px -593px
    }
    .facemin {
        background-position: -287px -593px
    }
    .titular {
        margin: 0 0 10px
    }
    .opiniones {
        margin: 0
    }
    .opiniones .listadeseos .resumen-mini .icored {
        display: inline-block
    }
    .opiniones .listadeseos .resumen-mini .span1 {
        width: 12%
    }
    .opiniones .listadeseos .resumen-mini .span8 {
        width: 58%
    }
    .opiniones .listadeseos .resumen-mini .span8 .span3 {
        width: 32%
    }
    .opiniones .listadeseos .resumen-mini .span8 .span9 {
        width: 64%
    }
}

@media ( max-width :767px) {
    .opiniones .listadeseos .descrip {
        display: inline-block
    }
    .opiniones .listadeseos .contvalora, .listadeseos .opiniones .contvalora
        {
        margin: 10px 0
    }
    .listadeseos .resumen-mini .span3 {
        float: left;
        width: 100%
    }
    .listadeseos .opiniones li .span7 {
        width: 65%
    }
    .whatmin {
        display: inline-block !important
    }
    .icomin .visible-phone {
        display: inline-block !important
    }
    .titular {
        margin: 0 0 10px
    }
    .opiniones .listadeseos .resumen-mini .span8 {
        width: 60%;
        float: right
    }
    .opiniones .listadeseos .resumen-mini .span8 .span9, .opiniones .listadeseos .resumen-mini .span8 .span3
        {
        width: 100%
    }
    .opiniones .listadeseos .resumen-mini .span1 {
        display: inline-block !important;
        width: 35%;
        float: left
    }
    .opiniones .textvalora {
        text-align: center
    }
    .opiniones .situavalora {
        width: 80%;
        margin: 0 10%;
        text-align: center
    }
    .opiniones .listadeseos .resumen-mini {
        margin: 0 10px 10px 10px;
        padding-bottom: 0
    }
}
/*Opiniones*/
/*El menú*/
.newbody .sidebar-nav {
    box-shadow: none;
    padding: 0
}

.newbody .nav-collapse .sidebar-nav {
    margin-top: 10% !important
}

.newbody .textoinf {
    font-weight: bold;
    color: #000;
    font-size: 16px
}

.newbody .well {
    box-shadow: -3px 1px 4.2px -1px #ddd;
    padding: 0;
    background-color: #fff;
    border-radius: 6px 0 0 6px
}

.newbody .ico {
    background: url("/newimg/icon20200805.png") no-repeat;
    width: 42px;
    height: 47px;
    display: inline-block
}

.newbody .deseos {
    background-position: -284px -778px
}

.newbody .biblio {
    background-position: -392px -701px
}

.newbody .mpedido {
    background-position: -441px -697px
}

.newbody .clublec {
    background-position: -393px -763px
}

.newbody .dpersonal {
    background-position: -492px -697px
}

.newbody .preferen {
    background-position: -541px -689px
}

.newbody .commenrel {
    background-position: -447px -757px
}

.newbody .amigosuser {
    background-position: -497px -754px
}

.newbody .menspriv {
    background-position: -547px -751px
}

.newbody .enviofactu {
    background-position: -339px -778px
}

.newbody .desconect {
    background-position: -197px -778px
}

.newbody .agaweb {
    background-position: -235px -779px
}

.newbody .sidebar-nav li .activado, .newbody .nav-list>li>a {
    padding: 0;
    overflow: auto;
    margin: 0;
    text-shadow: none
}

.newbody .sidebar-nav li {
    background: url("/newimg/icon20200805.png") repeat-x 0 -945px
}

.newbody .sidebar-nav .activado, .newbody .sidebar-nav li a:hover {
    background: none #326797 !important;
    color: #fff;
    width: 100.3%
}

.newbody .sidebar-nav .activado .textomenu, .newbody .sidebar-nav li a:hover .textomenu
    {
    padding: 10px 0 0 15px
}

.newbody .sidebar-nav li {
    line-height: 14px
}

.newbody .sidebar-nav .activado {
    overflow: auto
}

.newbody .nav-list>li .ico {
    float: left
}

.newbody .textomenu {
    padding: 15px 0 0 10px;
    display: inline-block;
    font-size: 16px
}

.newbody .nuevoico {
    background: url("/newimg/icon20200805.png") -94px -209px;
    width: 42px;
    height: 15px;
    float: right;
    margin: 15px 10px 0 0
}

.newbody .nav-list>li>a:hover .nuevoico {
    background-position: -94px -227px
}

@media ( max-width :767px) {
    .newbody .nav-collapse .sidebar-nav {
        margin-top: 0 !important
    }
}

@media ( min-width :850px) and (max-width:1150px) {
    .newbody .textomenu {
        font-size: 15px;
        max-width: 80px
    }
    .newbody .doble {
        padding: 10px 0 0 10px
    }
}

@media ( min-width :768px) and (max-width:850px) {
    .newbody .textomenu {
        font-size: 13px;
        max-width: 80px
    }
    .newbody .doble {
        padding: 10px 0 0 10px
    }
}
/*El menú*/
/*La nueva cabecera (el menú aparte)*/
.newhead #navsup .navbar-inner {
    background: url("/newimg/icon20200805.png") 0 -827px repeat-x;
    box-shadow: 0 4px 3px #aaa;
    min-height: 44px;
    padding: 0;
    width: 100%;
    z-index: 10000
}

.newhead .form-search .input-search {
    border: 2px solid #ccc;
    font-size: 15px;
    padding: 8px 7% 8px 15px !important;
    width: 86%
}

.newhead #navinf {
    margin: 36px 0 0 2.5641%;
    position: relative;
    border: none
}

.newhead .btn-busca {
    background: url("/newimg/icon20200805.png") no-repeat -260px 0;
    border: none;
    border-radius: 0 6px 6px 0;
    height: 43px;
    padding: 0;
    position: absolute;
    right: 1%;
    top: 0;
    width: 72px
}

.newhead .btn-busca:focus, .newhead .btn-busca:hover {
    background-position: -260px -47px
}

.newhead .logo {
    margin: 10px 0 0;
    max-height: none;
    min-width: inherit;
    padding: inherit
}

.contenido {
    padding-top: 106px
}

#navsup .telefono {
    margin: 20px 5px 0
}

@media ( max-width :767px) {
    .newhead .form-search .input-search {
        border: 2px solid #ccc;
        font-size: 12px;
        padding: 11px 0 9px 15px !important;
        height: 16px;
        width: 85%;
        margin: -15px 0 6px
    }
    .newhead .btn-busca {
        right: 3.4%;
        bottom: 3px;
        top: inherit
    }
    .newhead #navinf {
        margin: 36px 0 0
    }
    .newhead .logo2 {
        margin: 3px 0 25px 5px;
        padding: 0;
        width: 150px
    }
    .btn-menu {
        display: block !important
    }
}

@media ( min-width :768px) and (max-width:1000px) {
    .newhead .form-search .input-search {
        width: 80%
    }
    .newhead .btn-busca {
        right: 0
    }
    .newhead #navinf {
        border: none;
        margin: 18px 0 0;
        position: relative
    }
    #navsup .telefono {
        margin: 19px 5px 0
    }
}

.btn-menu {
    color: #000e78 !important;
    float: left !important;
    font-size: 100% !important;
    margin: 0 !important;
    padding: 4px 0 !important;
    width: 47% !important
}

.btn-primaryV2 {
    background: url("/newimg/icon20200805.png") repeat-x 0 -954px !important;
    border: 1px solid #b2b2b2 !important;
    border-radius: 6px !important;
    color: #666 !important;
    font-size: 20px !important;
    height: 37px;
    padding: 15px 0 0 !important;
    text-decoration: none
}

.conticon {
    display: inline-block;
    margin: 0 auto
}

.menuicon {
    background: url("/newimg/icon20200805.png") -189px -127px no-repeat;
    height: 30px;
    width: 21px;
    float: left
}

.cestaicon {
    background: url("/newimg/icon20200805.png") -219px -127px no-repeat;
    height: 30px;
    width: 34px;
    float: left
}

.texticon {
    color: #666;
    float: left;
    font-weight: bold;
    margin: 6px 6px 0 15px
}
/*La nueva cabecera (el menú aparte)*/
/*Home*/
.newbody .icoinicio {
    background-position: -163px -1536px
}

.home .perfil {
    overflow: auto;
    margin: 0 0 20px
}

.home .perfil .separalateral {
    border-right: 1px solid #ccc
}

.home .perfil {
    font-size: 14px
}

.home .imgcont {
    margin-top: 0
}

.home .destcab {
    margin: 0
}

.home .destcab .textodescrp {
    margin: 0 0 20px;
    font-style: italic
}

.home .perfil .imgcont {
    overflow: auto;
    padding: 10px
}

.home .perfil .espaciolr {
    padding: 0
}

.home .perfil .admira {
    background: url("/newimg/icon20200805.png") no-repeat -147px -209px;
    margin: 6px 4px 0 0;
    float: left;
    width: 4px;
    height: 10px
}

.cursiva {
    font-style: italic
}

.home .perfil .faltaenl {
    text-align: right;
    font-size: 11px;
    text-decoration: underline;
    display: block;
    border-bottom: 1px solid #ccc;
    padding-bottom: 6px;
    margin-bottom: 10px
}

.home .perfil .faltaenl:after {
    content: " \00BB"
}

.home .perfil .faltaenl:hover {
    text-decoration: none
}

.home .perfil .falta {
    overflow: auto;
    color: #b93c2f;
    font-size: 11px
}

.home .deseoshome {
    padding: 20px;
    width: 95%
}

.home .deseoshome {
    text-align: center;
    font-size: 12px;
    line-height: 14px
}

.home .deseoshome li {
    line-height: 14px;
    margin-bottom: 5px
}

.home .deseoshome h4 {
    font-size: 16px;
    margin: 5px 0
}

.home .deseoshome .botpeq {
    margin: 10px auto 0
}

.home .opiniones .resumen-mini {
    overflow: auto
}

.home .opiniones .vota {
    margin: 15px 0 10px
}

.home .resumen-mini ul li {
    font-size: 14px
}

.home .opiniones .contburbuja {
    margin: 10px 18px
}

.home .contburbuja {
    position: relative
}

.home .cuerpoburbuja {
    background-color: #f3f3f3;
    border-radius: 6px;
    font-size: 14px;
    padding: 13px 18px
}

.home .cuerpoburbuja textarea {
    background: none;
    border: none;
    box-shadow: none;
    color: #222;
    font-size: 17px;
    font-style: italic;
    outline: none;
    overflow: auto;
    resize: none
}

.home .flechaburbuja {
    border-color: #f3f3f3 rgba(238, 238, 238, 0);
    border-style: solid;
    border-width: 15px 0 0 19px;
    content: "";
    height: 0;
    left: -18px;
    position: absolute;
    top: 18px;
    width: 0
}

.home .dolar {
    color: #474747;
    font-size: 75%;
    font-weight: normal
}

.home .precio {
    font-size: 18px
}

.newbody .sinnada {
    margin: 20px;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 16px;
    text-align: center;
    padding: 20px;
    color: #999
}

.home .deseoshome .span2 {
    display: inline-block;
    float: none;
    width: 14.5299%;
    margin: 0 20px 20px;
    vertical-align: top
}

.home .recom {
    width: 20% !important;
    margin-top: 10px
}

.home .recom:hover {
    background: url("/newimg/icon20200805.png") repeat-x 0 -246px;
    border: 1px solid #cdcdcd;
    color: #999;
    cursor: default
}

.home .recom:hover .deseosico {
    background-position: -104px -95px
}

.home .gran {
    font-size: 20px
}

.home .mashome {
    float: right;
    font-size: 13px;
    margin: 0 10px 10px;
    text-decoration: underline
}

.home .mashome:hover {
    text-decoration: none
}

.home .mashome:after {
    content: " \00BB"
}

.home .guardacambio {
    float: left !important;
    margin: -5px 0 5px 18px;
    cursor: pointer
}

@media ( max-width :1200px) {
    .home .deseoshome .span2 {
        width: 31%
    }
    .buscalibrostexto .contbotbusbook{text-align:center;min-width:200px;max-width:230px;margin:0 auto;float:none!important; margin-top:10px}
    .buscalibrostexto .contbotbusbook .leftarrow{float:right}
    .buscalibrostexto .contbotbusbook .rightarrow{float:left}
}

@media ( max-width :767px) {
    .home .recom {
        width: 70% !important
    }
    .home .icohome {
        top: -50px
    }
    .home .deseoshome .span2 {
        width: 45%;
        margin: 0 10px 20px
    }
}

@media ( max-width :950px) {
    .home .opiniones .span2 {
        float: left;
        width: 11%;
        margin-right: 10px
    }
    .home .opiniones .span1 {
        float: left;
        width: 70%
    }
}
/*Home*/
.home .portadaSprite {
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 8px;
    height: 140px
}

.home .portadaSprite img {
    height: auto;
    max-height: 100%;
    max-width: 100%
}
/*Ultimo*/
.login .botonsocial .comoconocer label, .comoconocer li {
    float: none
}

.login .botonsocial .comoconocer label {
    margin: 0 5px 0 0;
    display: inline-block
}

.login .botonsocial .comoconocer input[type="radio"] {
    margin: 8px 9px 0 0
}

.shopping .contsocial .span6 {
    float: left;
    margin-left: 2.5641%;
    text-align: left;
    width: 48.7179%
}

.shopping .contsocial .row-fluid [class*="span"]:first-child {
    margin-left: 0
}

@media ( max-width :767px) {
    .login .botonsocial .comoconocer input[type="radio"] {
        margin: 10px 9px 0 0
    }
    .shopping .contsocial .span6 {
        margin-left: 0;
        text-align: left;
        width: 100%
    }
}
/*Ultimo*/
/*Tarjeta regalo*/
.tarjetaregalo li {
    list-style: outside disc;
    margin: 0 0 8px 40px;
    padding: 0 0 0 10px
}

.notatarjeta {
    display: block;
    margin: 20px 0 10px;
    font-size: 12px;
    font-style: italic
}

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

@media ( max-width :950px) {
    .tarjetaind {
        float: none
    }
}
/*Tarjeta regalo*/
/*Tarjeta regalo cesta*/
.tarjetacesta {
    display: block;
    clear: both;
    overflow: auto;
    border: 1px solid #ccc;
    border-radius: 8px;
    background-color: #fafafa;
    padding: 5px 15px;
    position: relative;
    z-index: 0;
    margin: 0 0 20px
}

.datosuserban {
    z-index: 1
}

.tarjetacesta .junta {
    margin: 5px 13% 15px;
    width: 75%;
    position: relative
}

.tarjetacesta .junta .span6 {
    text-align: left;
    margin-right: 4%
}

.shopping .tarjetacesta .cabshopping {
    margin-top: 10px
}

.contsocial .tarjetacesta .span6 {
    width: 44%
}

.tarjetacesta .infoiconpeq {
    margin: 8px 0
}

.tarjetacesta .ayudatr:hover {
    background-position: -525px -344px
}

.tarjetacesta .giftcardico {
    background: url("/newimg/icon20200805.png") no-repeat -510px -174px;
    float: left;
    margin: 3px 7px 12px 0;
    width: 22px;
    height: 26px
}

.tarjetacesta h4 {
    border-bottom: 1px solid #ccc;
    font-size: 15px;
    margin: 0 38px 15px
}

.tarjetacesta h4 span {
    font-weight: bold;
    color: #c5442e
}

.tarjetacesta textarea {
    height: 80px;
    margin-bottom: 2px
}

.tarjetanumber {
    margin: 0 10px
}

.conttitcard {
    position: relative;
    overflow: auto
}

.conttitcard .vermas {
    font-size: 11px;
    position: absolute;
    right: 10px;
    top: 5px
}

.tarjetacesta li:last-child {
    margin-bottom: 0
}

.conttitcard h3 {
    border-bottom: 1px solid #ccc;
    margin: 0 10px 12px;
    padding: 0 0 2px
}

.tarjetacesta .masesp {
    margin: 40px 30% !important
}

.giftcard .eliminaico {
    background: url("/newimg/icon20200805.png") no-repeat -583px -28px;
    float: left;
    height: 12px;
    margin: 9px 10px 0 12px;
    width: 11px
}

.giftcard {
    position: relative
}

.tarjetanumber .otratarjeta {
    background: url(/newimg/icon20200805.png) no-repeat -415px -2099px;
    width: 185px;
    height: 41px;
    float: right;
    margin: 5px 0 15px
}

.tarjetanumber .otratarjeta:hover {
    background-position: -415px -2141px;
    cursor: pointer
}

@media ( max-width :767px) {
    .tarjetacesta h4 {
        margin: 0 0 15px
    }
    .tarjetacesta .junta {
        margin: 5px 0 20px;
        width: 100%
    }
    .tarjetacesta .infoiconpeq {
        right: 0
    }
}
/*Tarjeta regalo cesta*/
/*Ayuda tarjeta regalo*/
.ayudatarjeta {
    max-height: 430px;
    overflow-y: scroll
}

.ayudatarjeta {
    font-size: 13px;
    line-height: 16px
}

.ayudatarjeta .row-fluid {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 10px
}

.ayudatarjeta .cabtar {
    border-bottom: 1px solid #aaa;
    padding-bottom: 2px;
    color: #b93c2f;
    font-size: 14px;
    margin-bottom: 5px
}

@media ( max-width :767px) {
    .ayudatarjeta .span4 {
        float: left;
        width: 150px;
        margin-right: 14px
    }
    .ayudatarjeta {
        max-height: 430px
    }
}
/*Ayuda tarjeta regalo*/
/*Calendario*/
@media ( min-width :768px) {
    .tarjetacesta .juntafecha {
        margin: 5px 20% 5px;
        width: 70%
    }
}

@media ( min-width :992px) {
    .tarjetacesta .juntafecha {
        margin: 5px 25% 5px;
        width: 50%
    }
}

.tarjetacesta .eligefecha {
    background: url(/newimg/icon20200805.png) -136px -784px;
    width: 30px;
    height: 30px;
    float: left;
    margin-left: 5px;
    cursor: pointer
}

.tarjetacesta .spantres {
    float: left;
    width: 15%
}

@media ( max-width :767px) {
    .juntafecha .span3 {
        width: 25%;
        margin-right: 5px;
        float: left
    }
    .tarjetacesta .juntafecha {
        width: 90%;
        margin: 5px 1% 5px 6%
    }
}
/*Calendario*/
/*Mensaje de gracias*/
.capamodal {
    background: url("/newimg/fonofer.gif") #fff repeat-x 0 0;
    border: 7px solid #eee;
    box-shadow: 0 4px 3px #aaa;
    color: #000;
    padding: 25px 30px;
    position: absolute;
    left: 30%;
    width: 40%;
    top: 15%;
    z-index: 1000;
    border-radius: 17px
}

.consultas .thx {
    margin: 5px 0 20px;
    display: block;
    font-size: 30px;
    text-align: center;
    color: #4aaf2f;
    line-height: 28px
}

.capamodal .separa {
    margin: 30px !important
}

.capamodal .pildora {
    float: left
}

.capamodal .consultas {
    padding: 0;
    font-size: 15px
}

.capamodal .consultas .separaform {
    margin: 0 0 10px 10px
}

.capamodal .consultas .separaform label {
    font-size: 13px
}

.capamodal .consultas .separaform textarea, .bannerrecoge .consultas .separaform input
    {
    padding: 4px 3px
}

.capamodal .consultas .pildora {
    margin-top: 10px
}

.capamodal .colorblanco {
    border: 1px solid #f8a44b;
    color: #f8a44b;
    margin-left: 10px
}

.capamodal .textoayuda {
    font-size: 14px;
    margin: 20px 0;
    color: #333
}

.capamodal .situaforma, .capamodal .situaform {
    width: 75%;
    margin: 0 10% 10px;
    overflow: auto
}

.capamodal .correomodal {
    font-size: 14px;
    padding: 6px 12px;
    width: 90%
}

.capamodal .situaform label {
    margin: 5px 0 0;
    font-size: 14px;
    color: #555
}

.capamodal .cierramodal {
    position: absolute;
    top: -25px;
    right: -25px;
    background-color: #b93c2f;
    color: #fff;
    font-size: 30px;
    border-radius: 60px;
    text-align: center;
    padding: 13px;
    border-style: solid;
    border-width: 4px 4px 4px 0;
    border-color: #eee
}

.capamodal .cierramodal:hover {
    color: #b93c2f;
    background-color: #fff;
    text-decoration: none
}

.capamodal .modalenvio1 {
    float: left;
    margin: 5px 7px 5px 0;
    background: rgb(0, 103, 154);
    background: -moz-linear-gradient(top, rgba(0, 103, 154, 1) 0%,
        rgba(0, 65, 110, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,
        103, 154, 1)), color-stop(100%, rgba(0, 65, 110, 1)));
    background: -webkit-linear-gradient(top, rgba(0, 103, 154, 1) 0%,
        rgba(0, 65, 110, 1) 100%);
    background: -o-linear-gradient(top, rgba(0, 103, 154, 1) 0%,
        rgba(0, 65, 110, 1) 100%);
    background: -ms-linear-gradient(top, rgba(0, 103, 154, 1) 0%,
        rgba(0, 65, 110, 1) 100%);
    background: linear-gradient(to bottom, rgba(0, 103, 154, 1) 0%,
        rgba(0, 65, 110, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00679a',
        endColorstr='#00416e', GradientType=0);
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 6px;
    font-size: 15px;
    cursor: pointer
}

.capamodal .titroj {
    margin: 15px 0 0;
    font-size: 22px
}

.capamodal .comment {
    font-size: 14px;
    padding: 10px 20px
}

.capamodal .clienico {
    background: url(/newimg/icon20200805.png) -82px -1967px;
    width: 113px;
    height: 117px;
    position: absolute;
    right: 0;
    top: 29px;
    z-index: -1
}

.fadeout {
    background: url("/newimg/pixel.png") repeat 0 0;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000
}

.capamodal .ayudahelp {
    position: relative
}

.capamodal .turameil {
    height: 20px
}

.capamodal .pideayuda {
    background: url(/newimg/icon20200805.png) -287px -2011px;
    float: right;
    width: 139px;
    height: 41px
}

.capamodal .pideayuda:hover {
    background-position: -287px -2053px
}

@media ( max-width :992px) {
    .capamodal .clienico {
        background-position: -199px -1966px;
        width: 64px;
        height: 66px;
        top: 60px
    }
    .capamodal .situaform label {
        width: 80%
    }
}

@media ( min-width :768px) {
    .capamodal input.span4 {
        width: 100%
    }
}

@media ( max-width :767px) {
    .capamodal .textoayuda, .capamodal .comment {
        line-height: 18px
    }
    .capamodal .modalenvio1 {
        float: none;
        margin: 0 auto;
        width: 100%;
        cursor: pointer
    }
    .capamodal .situaform .labepto {
        width: 85%
    }
    .capamodal .correomodal {
        width: 90%
    }
    .capamodal {
        top: 3%;
        left: 3%;
        width: 76%;
        padding: 20px
    }
    .consultas .thx {
        font-size: 17px;
        line-height: 18px
    }
    .capamodal .separa {
        margin: 10px 30px !important
    }
    .capamodal .titroj {
        font-size: 15px
    }
}

.capamodal .situaform .labepto {
    margin: 0 0 4px 10px
}

.etiqmin {
    margin: 10px 0 0
}

.etiqmin a {
    font-size: 13px
}

.etiqmin span {
    font-size: 12px;
    color: #666
}
/*Mensaje de gracias*/
/*Promoción Navidad 2015*/
.dobnavi {
    background: url(/newimg/promocion-libros.png) 0 0;
    float: right;
    height: 148px;
    margin: -30px -19px -48px 0;
    width: 185px;
    cursor: pointer
}

.dobnavi:hover {
    background-position: 0 -241px
}
/*.infenv{margin-top:65px} LO DESACTIVAMOS PARA QUE NO BAJE DEMASIADO LA INFO DE GASTOS DE ENVIO*/
.tachado {
    position: relative;
    background: url(/newimg/promocion-libros.png) 0 -177px;
    height: 50px;
    left: 60px;
    position: absolute;
    top: 0;
    width: 90px
}

@media ( max-width :767px) {
    .tachado {
        background-position: -102px -193px;
        width: 56px;
        height: 33px
    }
    .resumen-mini .hidden-phone {
        display: none !important
    }
    .fichalibro .resumen-mini .contpor .visible-phone {
        display: inherit !important;
        position: absolute !important;
        right: 8px;
        top: 19px;
        z-index: 5
    }
    .resumen-mini .contpor {
        position: relative
    }
}

.campanas {
    background: url(/newimg/promocion-libros.png) 0 -389px;
    width: 114px;
    height: 106px;
    margin-right: 20px;
    float: left
}

.commentPromo li {
    list-style: circle inside;
    margin-bottom: 10px;
    line-height: 17px
}

.commentPromo {
    color: #434343;
    font-size: 90%;
    padding: 20px;
    text-align: justify
}

.gratu {
    background: url(/newimg/promocion-libros.png) 0 -507px;
    width: 93px;
    height: 93px;
    margin-left: 20px;
    float: right
}
/*Promoción Navidad 2015*/
.capamodal .commentPromo a {
    text-decoration: underline;
    color: #00679a
}

.capamodal .commentPromo a:hover {
    text-decoration: none
}
/*Mi biblioteca Tagus*/
.newbody .tagusico {
    background-position: -244px -1737px
}

.librodigitalfondo {
    z-index: -1;
    position: absolute;
    bottom: -40px;
    right: 10px;
    background: url(/newimg/icon20200805.png) no-repeat -486px -1965px;
    width: 114px;
    height: 113px
}

.loginregtagus {
    margin: 10px 10px 30px;
    font-size: 16px;
    text-align: center;
    color: #666;
    overflow: auto
}

.loginregtagus .marginsup {
    margin: 0 0 10px !important
}

.loginregtagus .botonestagus a:hover {
    text-decoration: none;
    background: rgb(237, 237, 237);
    background: -moz-linear-gradient(top, rgba(237, 237, 237, 1) 0%,
        rgba(255, 255, 255, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(237,
        237, 237, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(top, rgba(237, 237, 237, 1) 0%,
        rgba(255, 255, 255, 1) 100%);
    background: -o-linear-gradient(top, rgba(237, 237, 237, 1) 0%,
        rgba(255, 255, 255, 1) 100%);
    background: -ms-linear-gradient(top, rgba(237, 237, 237, 1) 0%,
        rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(237, 237, 237, 1) 0%,
        rgba(255, 255, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed',
        endColorstr='#fff', GradientType=0)
}

.contlogintag .textodescrp {
    margin: 10px;
    text-align: left
}

.tab .contlogintag label {
    text-align: left;
    color: #333;
    font-weight: normal;
    border: none;
    cursor: default;
    padding: 0;
    background: none
}

.tab .contlogintag input {
    padding: 5px 10px;
    font-size: 16px;
    height: 20px;
    width: 95%
}

.loginregtagus .botonestagus .bot1:focus, .loginregtagus .botonestagus .bot1:active
    {
    background: none #fff;
    border-width: 1px 1px 0 1px;
    border-radius: 6px 6px 0 0
}

.bottagus {
    border: none;
    background: rgb(53, 138, 8);
    background: -moz-linear-gradient(top, rgba(53, 138, 8, 1) 0%,
        rgba(28, 98, 12, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(53,
        138, 8, 1)), color-stop(100%, rgba(28, 98, 12, 1)));
    background: -webkit-linear-gradient(top, rgba(53, 138, 8, 1) 0%,
        rgba(28, 98, 12, 1) 100%);
    background: -o-linear-gradient(top, rgba(53, 138, 8, 1) 0%,
        rgba(28, 98, 12, 1) 100%);
    background: -ms-linear-gradient(top, rgba(53, 138, 8, 1) 0%,
        rgba(28, 98, 12, 1) 100%);
    background: linear-gradient(to bottom, rgba(53, 138, 8, 1) 0%,
        rgba(28, 98, 12, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#358a08',
        endColorstr='#1c620c', GradientType=0);
    color: #fff;
    padding: 12px 15px;
    font-size: 13px;
    text-align: center;
    border-radius: 9px;
    margin: 20px auto;
    display: block;
    width: 30%
}

.bottagus:hover {
    background: rgb(23, 96, 4);
    background: -moz-linear-gradient(top, rgba(23, 96, 4, 1) 0%,
        rgba(53, 138, 8, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(23,
        96, 4, 1)), color-stop(100%, rgba(53, 138, 8, 1)));
    background: -webkit-linear-gradient(top, rgba(23, 96, 4, 1) 0%,
        rgba(53, 138, 8, 1) 100%);
    background: -o-linear-gradient(top, rgba(23, 96, 4, 1) 0%,
        rgba(53, 138, 8, 1) 100%);
    background: -ms-linear-gradient(top, rgba(23, 96, 4, 1) 0%,
        rgba(53, 138, 8, 1) 100%);
    background: linear-gradient(to bottom, rgba(23, 96, 4, 1) 0%,
        rgba(53, 138, 8, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#176004',
        endColorstr='#358a08', GradientType=0);
    color: #fff;
    text-decoration: none
}

.icoebook {
    background: url("/newimg/icon20200805.png") -106px -1540px;
    float: left;
    height: 21px;
    width: 21px
}

.home .loginregtagus .recom:hover {
    cursor: pointer
}

.loginregtagus .textico {
    float: right;
    line-height: 20px;
    margin: 0 5px;
    color: #326797;
    font-size: 13px
}

.tabs {
    margin: 0 auto;
    min-height: 300px;
    position: relative
}

.tab {
    float: left;
    margin-right: 5px
}

.tab label {
    color: #1c620c;
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid #ccc;
    font-weight: bold;
    cursor: pointer;
    left: 0;
    margin-right: 1px;
    padding: 15px 25px;
    position: relative;
    background: rgb(237, 237, 237);
    background: -moz-linear-gradient(top, rgba(237, 237, 237, 1) 0%,
        rgba(255, 255, 255, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(237,
        237, 237, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(top, rgba(237, 237, 237, 1) 0%,
        rgba(255, 255, 255, 1) 100%);
    background: -o-linear-gradient(top, rgba(237, 237, 237, 1) 0%,
        rgba(255, 255, 255, 1) 100%);
    background: -ms-linear-gradient(top, rgba(237, 237, 237, 1) 0%,
        rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(237, 237, 237, 1) 0%,
        rgba(255, 255, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed',
        endColorstr='#fff', GradientType=0)
}

.tab [type=radio] {
    display: none
}

.content {
    bottom: 0;
    left: 0;
    overflow: hidden;
    padding: 20px;
    position: absolute;
    right: 0;
    top: 40px;
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%,
        rgba(237, 237, 237, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,
        255, 255, 1)), color-stop(100%, rgba(237, 237, 237, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%,
        rgba(237, 237, 237, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%,
        rgba(237, 237, 237, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%,
        rgba(237, 237, 237, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%,
        rgba(237, 237, 237, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',
        endColorstr='#ededed', GradientType=0);
    border: 1px solid #ccc;
    border-radius: 0 6px 6px 6px
}

.content>* {
    opacity: 0;
    -moz-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -moz-transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -o-transition: all 0.6s ease
}

.tabTagus:checked ~ label {
    border: none;
    color: #666;
    z-index: 2;
    padding: 15px 25px 5px;
    border-radius: 6px 6px 0 0;
    background: none #fff;
    border-style: solid;
    border-width: 1px;
    border-radius: 6px 6px 0 0;
    border-color: #ccc #ccc #fff #ccc
}

[type=radio]:checked ~ label ~ .content {
    z-index: 1
}

[type=radio]:checked ~ label ~ .content>* {
    opacity: 1;
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0)
}

.taguslogo {
    background: url(/newimg/icon20200805.png) -289px -1982px;
    position: absolute;
    bottom: 20px;
    left: 20px;
    width: 90px;
    height: 22px;
    z-index: 5
}

.tab .contlogintag .botcreartag .bottagus {
    width: 50%;
    margin-top: 0;
    height: 30px !important
}

@media ( max-width :767px) {
    .bottagus {
        width: 80%
    }
    .tabTagus:checked ~ label, .tab label {
        font-size: 13px;
        padding: 15px 10px 5px
    }
    .tab .contlogintag label {
        padding: 0
    }
    .tab .contlogintag input {
        font-size: 14px;
        height: 36px;
        padding: 5px 10px
    }
    .tabs {
        min-height: 400px
    }
    .tab label {
        padding: 12px 10px 11px;
        margin: 5px
    }
}
/*Mi biblioteca Tagus*/
/*Prueba comentarios*/
.highlightred {
    cursor: pointer;
    background-color: #d65340;
    border-radius: 8px;
    color: #fff !important;
    padding: 7px 10px;
    margin-left: 0 !important
}

.iconcomm {
    background: url("/newimg/bocadillo.png") no-repeat;
    float: left;
    margin: 7px 7px 7px 0;
    width: 50px
}

.iconcomm {
    height: 46px
}

.gasto {
    margin-bottom: 15px !important
}

@media ( max-width :767px) {
    .iconcomm {
        margin: 7px 10px 7px 0
    }
    .infenv 
.highlightred {
        margin: 0 0 10px !important;
        font-size: 15px
    }
    .infenv 
.highlightred .infgas {
        margin-top: 3px;
        display: block
    }
    .oferta, .presell, .shop, .truck {
        margin: 3px 7px 5px 0 !important
    }
}
/*Prueba comentarios*/
#irPortadaGrande {
    cursor: pointer
}
/*Promoción gastos envío gratis*/
.masVendidosPromo {
    margin-top: 20px !important
}

.cnt-promo img {
    cursor: pointer
}

.dobnavi2 {
    background: url(/newimg/promo2.png) 0 0;
    float: right;
    height: 148px;
    margin: -30px -19px -48px 0;
    width: 185px
}

.dobnavi2:hover {
    background-position: 0 -241px
}

.nuevopromo .fichalibro {
    min-height: 0;
    padding: 0;
    border-radius: 0;
    margin: 0
}

.nuevopromo .fichalibro .resumen-mini {
    padding: 0;
    background-color: #fff
}

.blink {
    animation: blink-animation 1s steps(5, start) infinite;
    -webkit-animation: blink-animation 1s steps(5, start) infinite;
    font-size: 15px;
    line-height: 25px;
    color: #F00;
    display: block;
    font-weight: bold;
    margin-bottom: 15px
}

@keyframes blink-animation {
    to {visibility: hidden
}

}
@-webkit-keyframes blink-animation {
    to {visibility: hidden
}

}
/*Promoción gastos envío gratis*/
.h2stretch h2 {
    margin-top: 20px !important
}

/*banner editable*/ 
.banner-editable{background:rgba(0, 0, 0, 0) url(/newimg/black-friday-2020-envio-gratis.jpg) repeat scroll 0 0;  margin-top: 15px; padding: 0px 0px 0px 0px; border-radius: 5px; position: relative; min-height: 85px; margin-bottom: 5px}
.banner-editable-dialibro{background:rgba(0, 0, 0, 0) url(/newimg/banner-dia-libro-2020.png) repeat scroll 0 0 !important}
.cuadro-banner { width: 75%; margin: 0px auto; text-align: center; position: relative; padding:10px 0}
.banner-editable img{ width: 100px; position: absolute; z-index: 1; left: 0px; top:-8px;  vertical-align: middle; border:3px solid #d9001d; border-radius:50%}
.cuadro-banner .texto{color:#00ccff;padding:10px 0px 15px 0px;font-size:26px;border-radius:18px;vertical-align:middle;line-height:20px;background-color:rgba(255, 255, 255, 0.7);max-width:400px;margin:0 auto; text-shadow:1px 1px 1px #595244}
.cuadro-banner .texto div{  font-size: 12px; margin-top: 10px; line-height: 18px}
.cuadro-banner span{font-weight:bold}
/*.cuadro-banner .gancho{text-shadow: 0 0 3px #FF0000, 0 0 5px #0000FF;font-size: 26px;}*/
/*.cuadro-banner .gancho{text-shadow: 0 0 3px #595244, 0 0 5px #2f3d47; font-size: 26px;}*/ 
.cuadro-banner .gancho{font-size: 27px; text-shadow:1px 1px 1px #595244}
/*.cuadro-banner .leyenda{text-shadow: 0 0 5px #2f3d47;}*/
.cuadro-banner .leyenda{text-shadow: none; color:#3f3f3f;}
.cuadro-banner .sub-banner-ani{color: #40403e; text-align:right; text-shadow: none !important;}
.banner-editable .textoPreBlink{padding-bottom: 16px; font-size: 26px !important; font-weight:bold !important; margin-top: 5px !important}
.banner-editable .textoPreBlink::after{content: '\A'; white-space: pre;}
@media(max-width:500px){
    .banner-editable img{ top:0px; left: 0px}
    .cuadro-banner .leyenda br{display:none}
    .cuadro-banner .texto{padding:10px 0}
    .cuadro-banner{width:90% !important}
    .cuadro-banner .gancho{text-shadow:1px 1px 1px #595244;margin-top:9px;display:block}
    /*.cuadro-banner{width: 80% !important}
    .cuadro-banner .texto{  color: #fff; padding: 10px 30px;  font-size: 85%; border-radius: 18px; vertical-align: middle; line-height: 24px}*/
    .cuadro-banner .texto{font-size:26px; text-shadow:1px 1px 1px #595244}
}
@media(max-width:767px){
    .cuadro-banner{width:90%}
    .cuadro-banner .texto{text-align:right;padding:10px 20px 10px;float:right;margin:0 0 10px; text-shadow:1px 1px 1px #595244}
    .cuadro-banner .leyenda{text-shadow:1px 1px 1px #333;color:#fff}
}

.banner-editable-dialibro .banner-editable{background:rgba(0, 0, 0, 0) url(/newimg/banner-dia-libro-2020.png) repeat scroll 0 0}
.banner-editable-dialibro .cuadro-banner .texto{color:#fff;padding:20px 0px 15px 0px;font-size:19px;line-height:28px;text-shadow:none;max-width:none;background:none}
.banner-editable-dialibro .textoPreBlink{font-size:20px!important;margin-top:0;line-height:23px;color:#000}
.banner-editable-dialibro .gancho{text-transform:uppercase;margin:5px 0;display:block;font-size:32px}
.banner-editable-dialibro sup{vertical-align:super;font-size:12px}
.banner-editable-dialibro .leyenda{text-shadow:none;font-size:13px!important;background-color:#c7dce3;border-radius:8px;opacity:.9}
@media(max-width:767px){.banner-editable-dialibro .cuadro-banner .leyenda{color:#000} .banner-editable-dialibro .banner-editable{background-repeat:no-repeat;background-size:cover}}

.cntDatosPersonales{margin-top:10px !important}
.comprarTodosLiceo{background-color:#00679a;border:1px solid  white;color:white;padding:5px 15px;border-radius:5px;margin-bottom: 15px}
.comprarTodosLiceo:hover{background-color:white;color:#00679a;border:1px solid #00679a}
.bannerUnico{margin: 0 !important; padding:10px 0px !important}
.separador-banner-editable{margin-bottom: 15px}


/*Estilos para sobreescribir los estilos por defecto de jQuery UI para los tooltips de la cesta*/
.ui-tooltip, .arrow:after {
    background: white !important;
    border: 2px solid #00679A !important;
}

.ui-tooltip {
    padding: 10px 20px !important;
    color: #00679A !important;
    border-radius: 5px !important;
    font: bold 14px "Helvetica Neue", Sans-Serif !important;
    /*text-transform: uppercase !important;*/
    /*box-shadow: 0 0 7px black !important;*/
    line-height: 130% !important;
}

.arrow {
    width: 70px !important;
    height: 16px !important;
    overflow: hidden !important;
    position: absolute !important;
    left: 50% !important;
    margin-left: -35px !important;
    bottom: -16px !important;
}

.arrow.top {
    top: -16px !important;
    bottom: auto !important;
}

.arrow.left {
    left: 20% !important;
}

.arrow:after {
    content: "" !important;
    position: absolute !important;
    left: 20px !important;
    top: -20px !important;
    width: 25px !important;
    height: 25px !important;
    /*box-shadow: 6px 5px 9px -9px #00679A !important;*/
    -webkit-transform: rotate(45deg) !important;
    -ms-transform: rotate(45deg) !important;
    transform: rotate(45deg) !important;
}

.arrow.top:after {
    bottom: -20px !important;
    top: auto !important;
}

.listadoTemarios {
    list-style: none;
    margin: 0.75em 0;
    padding: 0 1em;
}

.listadoTemarios .tituloTemario:before {
    content: "";
    border-color: transparent #00679a;
    border-style: solid;
    border-width: 0.35em 0 0.35em 0.45em;
    display: block;
    height: 0;
    left: -1em;
    position: relative;
    top: 0.9em;
    width: 0;
}

.listadoTemarios li a {
    font-size: 14px
}

.listadoLibrosColeccion {
    padding-left: 160px
}

.listadoLibrosColeccion li a {
    font-size: 12px !important
}

.libroColeccion {
    list-style: inside !important
}

.encabezadoColeccion {
    font-size: 14px !important
}

.descripcionPack {
    font-size: 12px !important
}

.temario {
    list-style: disc !important
}

.textoBanderola {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    font-size: 12px !important;
    padding: 5px 0 0 30px;
    line-height: 15px;
    width: 80px;
    font-weight: bold;
}

@media ( max-width :767px) {
    .textoBanderola {
        font-size: 11px !important;
        padding-top: 15px !important
    }
}

/*Para generar parpadeo con animacion suave*/
.blink-gastos-gratis {
    animation: blinker 1s linear infinite;
}

@keyframes blinker { 80% {
    opacity: 0.5;
}

}
hr.sobre-nosotros {
    border-color: #f5f5f5;
}

div.sobre-nosotros {
    margin: 40px 0;
}

div.sobre-nosotros>div {
    padding-left: 15px;
    padding-right: 15px;
}

div.sobre-nosotros>div:last-child .nosotros__info {
    margin-bottom: 0;
}

div.sobre-nosotros .nosotros__info {
    border: 5px solid #eee;
    border-radius: 0 0 20px 20px;
    margin-bottom: 40px;
    padding: 0 20px 20px;
}

div.sobre-nosotros .nosotros__icon {
    width: 80px;
    background: #fff;
    margin: 0 auto;
    text-align: center;
    position: relative;
    top: -20px;
}

div.sobre-nosotros img {
    height: 40px;
}

div.sobre-nosotros h2 {
    color: #d9001d;
    font-size: 120%;
    margin-top: 5px !important;
    text-align: center;
}

div.sobre-nosotros p {
    font-size: 75%;
    line-height: 21px;
    color: #777;
    text-align: justify;
}

div.sobre-nosotros p:last-child {
    margin-bottom: 0;
}

@media ( max-width : 979px) and (min-width: 768px) {
    div.row-fluid.sobre-nosotros>div {
        width: 100%;
        margin-left: 0;
    }
}

@media screen and (min-width: 980px) {
    div.sobre-nosotros {
        display: flex;
    }
    div.sobre-nosotros>div {
        flex: 1;
        padding: 0;
    }
    div.sobre-nosotros .nosotros__info {
        height: 100%;
        padding: 5px 20px;
        margin-bottom: 0;
    }
}

.resumen-vertical .resumen-mini {
    height: auto !important;
    min-height: 200px;
}

@media ( max-width : 767px) {
    .resumen-vertical .resumen-mini {
        min-height: 176px !important;
    }
}

@media ( max-width : 979px) and (min-width: 768px) {
    .resumen-vertical .resumen-mini {
        min-height: 220px !important;
    }
}


/* Estilos Portada-Contraportada */
.images-portada {
    position: relative;
    /* padding-bottom: 65px; */
}

.radio-portada {
    display: none;
    opacity: 0;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.radio-portada + label, .radio-portada {
    /* position: absolute; */
    bottom: 0;
}

.radio-portada + label[for="contra"], .images-portada input[type="radio"]#contra {
    left: 35px;  
}

/* .images-portada .portada, .images-portada .contra {
        display: none;
    } */

input[type="radio"]#portada:checked ~ .portada {
    display: block;
}

input[type="radio"]#contra:checked ~ .contra {
    display: block;
}

.lbl-radio-portada{
    display:block !important;
}
.lbl-radio-portada img:hover{
    opacity: 0.7;
}

.book-page .images-portada {
    order: 2;
}

.book-page .images-portada img {
  max-width: 150px;;
}

/* @media screen and (min-width: 550px) {
    .book-page {
        flex-direction: row;
        align-items: flex-start;
    } 
 
   .book-page .datos-libro, .book-page .images-portada, .book-page .info-compra  {
     order: 1;
 } */

 @media screen and (min-width:1200px) {
    .book-page .datos-libro {
        padding-left: 20px;
        padding-right: 20px;
    }

    .book-page .images-portada img {
        max-width: 180px;
    }
}


.contpor {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.cover::before {
    content: '\e905';
    opacity: 0;
    height:30px;
    top: -20px;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    font-family: 'icomoon';
    font-size: 1rem;
    background: #00669f;
    position: absolute;
    z-index: 999;
    width: 30px;
    color: #ffffff;
    /* border-radius: 50%; */
    border-radius: 2px;
    line-height: 30px;
    text-align: center;
    transition: all 0.2s;
    cursor: pointer;
}

.cover:hover::before { 
    opacity: 1; 
}


/* Style the Image Used to Trigger the Modal */
.cover .portada {
    border-radius: 2px;
    cursor: pointer;
    transition: 0.3s;
}
/* #myImg:hover {opacity: 0.7;} */ 
.cover:hover {
    opacity: 0.7;
    transition: all 0.2s;
}

/* The Modal (background) */
#myModal-image.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1999; /* 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.9); /* Black w/ opacity */
margin-left: 0;
}

/* Modal Content (Image) */
.modal-content {
    margin: auto;
    display: block;
    /* width: 80%; */
    max-width: 800px;
    /* max-height: 600px;*/
    padding-top: 80px;
}

@media(max-width:500px){.modal-content {max-width: 100% !important}}

  /* Caption of Modal Image (Image Text) - Same Width as the Image */
  #caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
  }
  
  /* Add Animation - Zoom in the Modal */
  .modal-content, #caption {
    animation-name: zoom;
    animation-duration: 0.6s;
  }
  
/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 380px; /*los 80px de padding-top de la imagen + la mitad del max-height de la imagen*/
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 50px;
  transition: 0.6s ease;
  /*border-radius: 0 3px 3px 0;*/
  user-select: none;
  -webkit-user-select: none;
  height: 30px;
  border-radius: 3px;
  /*background-color: #515151;*/
  -webkit-tap-highlight-color: transparent;
}

/* Position the "next button" to the right */
.prev {
  left: 50px;
}
.next {
  right: 50px;
  /*border-radius: 3px 0 0 3px;*/
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover,
.miniprev:hover,
.mininext:hover {
  text-decoration: none;
  color: white;
}  

.miniprev:hover,
.mininext:hover {
  background-color: #515151;
}  


/* Next & previous buttons */
.miniprev,
.mininext {
  cursor: pointer;
  position: absolute;
  top: 20px; 
  width: auto;
  padding: 10px 10px 22px 10px;
  margin-top: 0px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  /*border-radius: 0 3px 3px 0;*/
  user-select: none;
  -webkit-user-select: none;
  height: 10px;
  border-radius: 1px;
  background-color: #515151;
}

/* Position the "next button" to the right */
.miniprev {
  left: 40%;
}
.mininext {
  right: 40%;
  /*border-radius: 3px 0 0 3px;*/
}


  
  @keyframes zoom {
    from {transform:scale(0)}
    to {transform:scale(1)}
  }
  
  /* The Close Button */
  .close-modal {
    position: absolute;
    top: 25px;
    right: 25px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
    display: flex;
    align-items: center;
    width: 30px;
    justify-content: center;
    height: 30px;
  }
  
  .close-modal:hover,
  .close-modal:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
  }

  .close-modal::after,  .close-modal::before {
      content: '';
      display: block;
      background: #EEEEEE;
      height: 3px;
      width: 30px;
      transform: rotate(45deg);
      position: absolute
  }

  .close-modal::before {
    transform: rotate(-45deg);
}

  
  /* 100% Image Width on Smaller Screens */
  @media only screen and (max-width: 700px){
    /* .modal-content {
      width: 100%;
    } */
  }

  .msj-slim {
    background: #F85C6B;
    border-radius: 100px;
    color: #ffffff;
    font-size: 0.9rem;
    display: flex; 
    padding: 10px;
    box-sizing: border-box;
    margin-top: 15px;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.msj-slim > div:first-child {
    display: flex;
}

.msj-slim .st0 {
    fill: #ffffff;
}

.msj-slim svg {
    height: 20px;
    margin-bottom: 5px;
}

.msj-slim span {
    font-weight: bold
}

@media screen and (min-width:768px) {
    .msj-slim {
    justify-content: center;
    flex-direction: row;
    text-align: left;
    padding: 7px;
    }

    .msj-slim svg {
        margin-right: 15px;
        margin-bottom: 0;
    }
}

.mensaje-especial {
  margin-top: 30px;
  padding: 5px 0;
  border-radius: 100px;
  color: #00679F;
  background-color: #ddd;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
}

.mensaje-especial p {
  margin-bottom: 0;
}

.mensaje-especial a:link {
  text-decoration: none;
  color: #00679F;
}

.mensaje-especial a:visited {
  text-decoration: none;
  color: #00679F;
}

.mensaje-especial a:hover {
  text-decoration: underline;
  color: #00679F;
}

.mensaje-especial a:active {
  text-decoration: none;
  color: #00679F;
}

.mensaje-especial:hover {
    cursor: pointer;
}

.banner-editable-verano{background:url(/newimg/cuadernos_de_vacaciones-20-large.jpg) no-repeat scroll 0 0;margin:15px 0;padding:0;border-radius:5px;position:relative;min-height:136px;max-height:136px;object-fit:cover;display:block}
.banner-editable-verano .cuadro-banner{margin:0;text-align:right;width:inherit;padding:0;background:url(/newimg/banneright.png) no-repeat scroll right 0;height:136px}
.banner-editable-verano:hover,.banner-editable-verano .texto{font-size:20px;text-decoration:none!important;text-shadow:none;text-decoration-line:none}
.banner-editable-verano .texto{padding:28px 28px 0;line-height:24px}
.banner-editable-verano .yellow{color:#fef0ba}
.banner-editable-verano .simlink{text-decoration:underline;color:#fff;font-size:15px;margin:3px 28px;display:block}
.banner-editable-verano .simlink:after{content:' \003E'}
.banner-editable-verano .simlink:hover{text-decoration:none!important;text-shadow:none;text-decoration-color:none!important;text-decoration-line:none!important;text-decoration-style:none!important}
@media(max-width:767px){.banner-editable-verano .cuadro-banner{width:inherit!important}}
@media(max-width:500px){.banner-editable-verano.cuadro-banner{width:inherit}.banner-editable-verano:hover,.banner-editable-verano .texto{font-size:17px}}

.buscalibrostexto{background:url(/newimg/libros_de_texto.jpg);padding:25px;margin:20px 0;border-radius:10px}
.buscalibrostexto .destcab{font-weight:normal;margin:0}
.buscalibrostexto,.buscalibrostexto .textodescrp a{color:#333}
.buscalibrostexto .textodescrp a{text-decoration:underline}
.buscalibrostexto label{font-size:18px;font-weight:bold;margin:20px 0 10px}
.buscalibrostexto .contbusalibros .lupatext{width:47px;height:47px;position:absolute;top:20px;left:10px}
.buscalibrostexto .contbusalibros #buscadorMultiple{padding:20px 10px 20px 65px;min-height:85px}
.buscalibrostexto .contbotbusbook,.buscalibrostexto .contbusalibros{position:relative}
.contbusalibros textarea {width: 100%}
.buscalibrostexto .btnbook{background:none;font-size:20px;font-weight:bold;text-decoration:underline;border:none;padding:10px 0}
.buscalibrostexto .contbotbusbook .rightarrow,.buscalibrostexto .contbotbusbook .leftarrow{width:44px;height:35px}
/* .buscalibrostexto .contbotbusbook .leftarrow{top:30px;left:0} */

@media (max-width: 767px){.buscalibrostexto .contbotbusbook .leftarrow,.buscalibrostexto .contbotbusbook .rightarrow{display:inline-block;position:relative;top:inherit;left:inherit}.buscalibrostexto .btnbook{padding:5px}}

.librosinfantil{background:url(/newimg/libros-infantiles.jpg) !important}
.librosjuvenil{background:url(/newimg/libros-juveniles.jpg) !important}
.librosidiomas{background:url(/newimg/libros-para-aprender-idiomas.jpg) !important} 
.librosmejorvalorados{background:url(/newimg/libros-mejor-valorados.jpg) !important}
.librosnovedades{background:url(/newimg/novedades.jpg) !important}
.librosliteratura{background:url(/newimg/literatura.jpg) !important}
.librosoposiciones{background:url(/newimg/temarios-de-oposiciones.jpg) !important}
.textoinfantil{width:78%}
.textojuvenil{width:85%}

@media(max-width:767px){.textoinfantil,.textojuvenil{width:100% !important}}

#confirmarMiniCesta{display:none}

.new-home-banner .banner-editable{max-height:84px;background-repeat:no-repeat;background-size:contain}
.new-home-banner .banner-editable .textoPreBlink{display:inline}
.new-home-banner .banner-editable .textoPreBlink::after{white-space:normal}
.new-home-banner .cuadro-banner .texto,.new-home-banner .banner-editable .textoPreBlink,.new-home-banner .cuadro-banner .gancho{font-size:23px!important}
.new-home-banner .cuadro-banner .texto div{margin-top:inherit;font-size:10px;line-height:13px}
.new-home-banner .cuadro-banner .texto{max-width:650px;padding:10px;margin-top:5px}
.new-home-banner .cuadro-banner .leyenda{margin-top:5px !important}

@media(max-width:767px){.new-home-banner .banner-editable{max-height:initial;background-size:cover}}

.ban_sup_camp{display:flex;align-items:center;background:rgba(0, 0, 0, 0) url(/newimg/black-friday-2020-envio-gratis.jpg) no-repeat 0 0;margin:10px 0;border-radius:5px;min-height:84px;background-size:cover;max-width:933px}
.ban_sup_camp .rect_color{width:100%;border-radius:10px;margin:0 170px;padding:10px}
.ban_sup_camp .slogan{max-width:650px;font-size:25px;line-height:23px;text-shadow:1px 1px 0px #999}
.ban_sup_camp .leyenda{margin-top:5px;font-size:13px;line-height:15px}
.ban_sup_camp .slogan,.ban_sup_camp .leyenda{text-align:center}
sup{vertical-align:super;font-size:14px;margin:0 0 0 5px;top:0}
.parpadeo{animation:blinker 1s linear infinite;display:inline-table;font-weight: bold} 
@keyframes blinker{80%{opacity: 0.5}}
@media(max-width:992px){.ban_sup_camp .rect_color{margin:0 10px 0 170px}.ban_sup_camp .slogan,.ban_sup_camp .leyenda{text-align:right}.ban_sup_camp .leyenda{margin:0 10px 0}}
@media(max-width:767px){.ban_sup_camp{background-size:cover}.ban_sup_camp .rect_color{margin:0 10px}}

.ban_sup_camp .rect_color{background-color:rgba(255, 255, 255, 0.8)} /*Color del fondo de color, puede tener color blanco, negro con rgba 0,0,0, cualquier otro, o no tener con background:none*/
.ban_sup_camp .slogan{color:#3c3c3c} /*Color del texto principal*/
.ban_sup_camp .leyenda{color:#000} /*Color del texto secundario*/


.ban_sup_camp_prog{display:flex;align-items:center;background:rgba(0, 0, 0, 0) url(/newimg/gastos-gratis-dia-del-libro-21.jpg) no-repeat 0 0;margin:10px 0;border-radius:5px;min-height:84px;background-size:cover;max-width:933px}
.ban_sup_camp_prog .rect_color{width:100%;border-radius:10px;margin:0 170px;padding:10px}
.ban_sup_camp_prog .slogan{max-width:650px;font-size:25px;line-height:23px;text-shadow:1px 1px 0px #999}
.ban_sup_camp_prog .leyenda{margin-top:5px;font-size:13px;line-height:15px}
.ban_sup_camp_prog .slogan,.ban_sup_camp_prog .leyenda{text-align:center}
sup{vertical-align:super;font-size:14px;margin:0 0 0 5px;top:0}
.parpadeo{animation:blinker 1s linear infinite;display:inline-table;font-weight: bold} 
@keyframes blinker{80%{opacity: 0.5}}
@media(max-width:992px){.ban_sup_camp_prog .rect_color{margin:0 10px 0 170px}.ban_sup_camp_prog .slogan,.ban_sup_camp_prog .leyenda{text-align:right}.ban_sup_camp_prog .leyenda{margin:0 10px 0}}
@media(max-width:767px){.ban_sup_camp_prog{background-size:cover}.ban_sup_camp_prog .rect_color{margin:0 10px}}

.ban_sup_camp_prog .rect_color{background-color:rgba(255, 255, 255, 0.8)} /*Color del fondo de color, puede tener color blanco, negro con rgba 0,0,0, cualquier otro, o no tener con background:none*/
.ban_sup_camp_prog .slogan{color:#ff3636} /*Color del texto principal*/
.ban_sup_camp_prog .leyenda{color:#000} /*Color del texto secundario*/



@media screen and (min-width:1200px) {
    .buscalibrostexto .rightarrow{display:none}
    .buscalibrostexto .btnbook {margin-left:10px}
    .contbusalibros {
        display: flex;
    }
    .contbotbusbook {
      padding-left: 15px;
      display: flex;
      align-items: center;
    }
}
/*@media screen and (min-width:1200px) {
  .cover::before {
  top:120px;
  }
}*/

.info-navidad{padding-bottom: 10px}
.info-navidad .font-peque{font-size:11px}
.info-navidad .asterisco span{vertical-align:super;font-size:12px}
@media (max-width:767px){
    .info-navidad .comment{padding:0}
    .info-navidad .span3{float:left;width:50%;height:130px}
}