@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap');


/* Works on Firefox */
* {
    scrollbar-width: thin ;
    scrollbar-color: #f2f2f2 #0071cf;

}

    /* WebKit (Chrome, Safari, Edge) */
    *::-webkit-scrollbar {
        width: 12px; /* Grosor de la barra */
    }

    *::-webkit-scrollbar-thumb {
        background-color: #f2f2f2; /* Color del "pulgar" de la barra */
        border-radius: 40px; /* Bordes redondeados */
    }

    *::-webkit-scrollbar-track {
        background: #0071cf; /* Color de fondo de la barra */
    }

   

html, body, form, fieldset, table, tr, td, img, #menu a, #menu a:visited, .dropdown, .dropdownCom1 option {
    font-family: 'Nunito';
}

#imgDistribuidor {
    cursor: pointer;
    width: 157px;
}

.dvISBN {
    display: none !important;
}

.filemaker {
    display: none !important;
}

#preheader, .footer, #menu li ul li, #menu li:hover, #menu li:hover a, #listaIdioma, .column, .categoriaSeleccionada, .containerTituloCarrusel:hover, #lnkBuscar {
    background-color: #0071cf;
    color: white;
}


    #listaIdioma li:hover {
        background-color: #0095be;
    }

    #lblNombreUsuario, #hlnkContactar, #hlnkOpiniones, #hlnkQuienesSomos, #lblDesconectar, .footer p, .footer a {
        color: white;
    }

.filetitle a {
    color: #2E70D8;
}

.fileproduct {
    border: 0px solid lightgrey;
}

    .fileproduct:last-child {
        border-right: 0px;
    }

    .accordion {
        font-size: 0.8em;
    }

.dropdown {
    width: 8%;
    font-size: 1em;
    vertical-align: top;
}

    .dropdown span img {
        width: 70px;
    }

    .dropdown span {
        display: block;
        font-size: 0.75em;
        margin-top: 5px;
    }

/*
#topAddCompra {
    border-radius: 50%;
    background-color: #fff;
    position: fixed;
    bottom: 20%;
    right: 17%;
    border: 1.5px solid #0071cf;
}

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


    #topAddCompra:hover {
        background-color: #B7C7E4;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    }

#btnAddAll1{
    padding:15px;
    
}
*/

#Div1{
    display: none;
}

.dropdown a:hover {
    color: #fff;
}

.dropdown-content {
    max-height: 450px;
   
}

.dropdownCom1-content {
    max-height: 450px;
}

.column {
    font-size: 0.7em;
}

    .column a {
        color: #fff;
    }

#ListaNovedades {
    margin-top:0;
}

#ListaArtsPreReseva {
    margin-top: 0;
}

#btnDescargarVisible {
    display: block;
}

.panelListaNovedades {
    background-color: white;
    background-color: rgba(0, 117, 204, .9);
}

.lnkAvanzadaPlus {
    display: block !important;
    padding: 8px 16px !important;
    border-bottom: 1px solid #ccc;
    width: auto;
    background-color: rgba(0, 117, 204, .9);
    color:#fff;
    font-size:0.8em;
}

.lnkAvanzadaPlus a {
    color: #fff;
}

.lnkListaArtsPreReserva {
    background-color: rgba(0, 117, 204, .9);
}

    .lnkListaArtsPreReserva a {
        color: #fff;
    }


.active {
    background-color: #fff;
    color: #000;
}

    .active:after {
        color: #000;
    }

.active, .accordion:hover {
    background-color: #fff;
    color: #000;
}


.divImagen {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0), 0 6px 20px 0 rgba(0, 0, 0, 0);
}

.cuadradoMiCuenta {
    width: 24.2%;
}

#containerPortada {
    border: 0px solid #e0e0e0;  
}

#imgLibro {
    box-shadow: 0 4px 0px 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0);
    width: 100%;
}

#dvResultadosBuscaArticulos {
    /*text-align: left;*/
}

div#leftColumn img {
    width: 100%;
}

div#rightColumn img {
    width: 100%;
}

#PeriodoEvaluacion {
    display: inline-block;
    text-align: center;
    color: crimson;
    font-size: 20px;
    padding: 3px 6px;
    margin-top: 20px;
    margin-bottom: 20px;
    position: absolute;
    right: 339px;
    top: 42px;
    font-weight: bold;
    background-color: antiquewhite;
}

#hlnkContactar {
    display:none;
}

#hlnkOpiniones {
    display: none;
}

#hlnkQuienesSomos {
    display: none;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
    #dvLogo {
        margin-top: 1%;
        margin-left: -28px;
    }

    #dvSearchTools {
        top: 95px;
    }

    #PeriodoEvaluacion {
        display:none;
    }
}

@media only screen and (min-width : 1024px) and (max-width : 1151px) {

    #PeriodoEvaluacion {
        display: inline-block;
        text-align: center;
        color: crimson;
        font-size: 13px;
        padding: 3px 6px;
        margin-top: 20px;
        margin-bottom: 20px;
        position: absolute;
        right: 1%;
        top: 32px;
        font-weight: bold;
        background-color: antiquewhite;
    }
}

@media only screen and (min-width : 1152px) and (max-width : 1279px) {

    #PeriodoEvaluacion {
        display: inline-block;
        text-align: center;
        color: crimson;
        font-size: 13px;
        padding: 3px 6px;
        margin-top: 20px;
        margin-bottom: 20px;
        position: absolute;
        right: 1%;
        top: 32px;
        font-weight: bold;
        background-color: antiquewhite;
    }
}

@media only screen and (min-width : 1280px) and (max-width : 1484px) {
    #topAddCompra {
        right: 9%;
    }

    #PeriodoEvaluacion {
        display: inline-block;
        text-align: center;
        color: crimson;
        font-size: 16px;
        padding: 3px 6px;
        margin-top: 20px;
        margin-bottom: 20px;
        position: absolute;
        right: 41px;
        top: 36px;
        font-weight: bold;
        background-color: antiquewhite;
    }
}

@media only screen and (min-width : 1649px) and (max-width : 1749px) {
        #topAddCompra {
            right: 14%;
        }
    }

@media only screen and (min-width : 1450px) and (max-width : 1649px) {
        #topAddCompra {
            right: 11%;
        }
    }

@media only screen and (min-width : 1680px) and (max-width : 1919px) {

    #PeriodoEvaluacion {
        display: inline-block;
        text-align: center;
        color: crimson;
        font-size: 18px;
        padding: 3px 6px;
        margin-top: 20px;
        margin-bottom: 20px;
        position: absolute;
        right: 255px;
        top: 42px;
        font-weight: bold;
        background-color: antiquewhite;
    }
}

    @media only screen and (min-width : 1px) and (max-width : 1279px) {
        #topAddCompra {
            right: 1%;
        }

        #btnAddAll1 {
            zoom: 1.1;
        }
    }