.bot-20 {
    padding-bottom: 20px;
}

.bot-40 {
    padding-bottom: 40px;
}

.bot-60 {
    padding-bottom: 60px;
}

.top-15 {
    padding-top: 15px;
}

.top-60 {
    padding-top: 60px;
}

.bg-gray {
    --bs-bg-opacity: 1;
    background-color: #f2f5fc !important;
}

.bg-primary {
    background-color: #215aa8 !important;
    text-decoration: none;
    color: white;
}

.rounded-10 {
    border-radius: 10px;
}

.img_Libro {
    float: left;
    vertical-align: top;
    margin: 0px 17px 0px 0px;
    border: solid .5px gray;
    border-radius: 6px !important;
}


.fw-bolder {
    font-weight: bolder !important;
}

footer {
    background: none repeat scroll 0 0 #101820;
    border-top: medium none;
    color: #FFFFFF;
    font-family: 'Arial';
    font-size: 14px;
    padding: 31px 0 43px;
    position: relative;
    line-height: 18px;
}

.footer .footer-contact p {
    margin-bottom: 5px;
    color: #ffffff;
}

.contact-footer {
    padding: 8px 0;
    color: #fff;
    background-position: bottom left;
}

    .contact-footer li {
        list-style: none;
    }

    .contact-footer a, .contact-footer p {
        color: #FFFFFF !important;
        font-size: 14px;
        text-decoration: none;
    }

footer h3 {
    color: #fff;
    border-bottom: none;
    text-transform: none;
    font-size: 17px;
    font-weight: bold;
    font-family: 'Nunito', Arial, sans-serif;
    background: none !important;
}
.top a {
    background-color: transparent;
    width: 35px;
    height: 35px;
    display: inline-block;
    font-family: "FontAwesome";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    float: left;
    text-decoration: none;
    transition: background-color .2s linear, color .2s linear;
    border: 1px solid #000000;
    border-radius: 4px;
    margin-right: 9px;
}
.social-top a {
    background-color: transparent;
    width: 35px;
    height: 35px;
    display: inline-block;
    font-family: "FontAwesome";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    float: left;
    text-decoration: none;
    transition: background-color .2s linear, color .2s linear;
    border: 1px solid #ffffff54;
    border-radius: 4px;
    margin-right: 9px;
}

.social-top a:hover {
        color: #fff;
        background-color: #00000066;
        text-decoration: none;
}

.social-top a:before {
        width: inherit;
        height: inherit;
        display: table-cell;
        text-align: center;
        vertical-align: middle;
}

.social-ft a {
    background-color: transparent;
    width: 35px;
    height: 35px;
    display: inline-block;
    font-family: "FontAwesome";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    float: left;
    text-decoration: none;
    transition: background-color .2s linear, color .2s linear;
    border: 1px solid #ffffff54;
    border-radius: 4px;
    margin-right: 9px;
}
    .social-ft a:hover {
        color: #fff;
        background-color: #4e73df;
        text-decoration: none !important;
    }

.social-ft a:before  {
            width: inherit;
            height: inherit;
            display: table-cell;
            text-align: center;
            vertical-align: middle;
}

        .social-icons {
            display: flex;
            padding-left: 0px;
        }

            .social-icons li {
                padding: 10px;
                list-style: none;
            }

            .social-icons .fab {
                font-size: 22px;
            }

        #block-datosalpie .transparencia nav ul {
            list-style: none;
        }

        .ms-xl-4 {
            margin-left: 1.5rem !important;
        }

        .badge {
            --bs-badge-padding-x: 0.65em;
            --bs-badge-padding-y: 0.35em;
            --bs-badge-font-size: 0.75em;
            --bs-badge-font-weight: 700;
            --bs-badge-color: #fff;
            --bs-badge-border-radius: 0.375rem;
            display: inline-block;
            padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
            font-size: var(--bs-badge-font-size);
            font-weight: var(--bs-badge-font-weight);
            line-height: 1;
            color: var(--bs-badge-color);
            text-align: center;
            white-space: nowrap;
            vertical-align: baseline;
            border-radius: var(--bs-badge-border-radius);
        }