/********************PIE DE PAGINA***************/

.footer {
    padding: 50px 0 80px !important;
    color: rgb(228, 228, 228);
    background-color: #1f1f1f;
}

#contenedor_footer a {
    color: white;
    font-size: 10px;
    /* margin-bottom: 0px; */
    padding: 0px 19px 0px 0px;
}

#contenedor_footer li {
    list-style: none;
    margin-bottom: -4px;
}

#img_sello_ufro {
    width: 217px;
}

#la_universidad {
    font-size: 15px;
}

#accesos_rapidos {
    font-size: 15px;
}

#margenes_footer {
    /* margin: 0px -50px 0px 237px; */
}

#div_bar_color_footer {
    transform: rotate(180deg);
    width: 100%;
    margin: -7px 0px -15px 0px;
    padding: 0px 0px 0px 0px;
}


/* icons */

.icon-btn {
    font-size: 30px! important;
    padding: 0 !important;
    margin-right: 10px;
    transition: all .5s;
}

.icon-btn .fa-instagram-square:hover {
    color: transparent;
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background-clip: text;
    -webkit-background-clip: text;
    transition: all .5s;
}

.icon-btn .fa-linkedin:hover {
    color: #007bb6;
    transition: all .5s;
}

.icon-btn .fa-twitter-square:hover {
    color: #00aced;
    transition: all .5s;
}

.icon-btn .fa-facebook-square:hover {
    color: #3b5998;
    transition: all .5s;
}

.icon-btn .fa-youtube-square:hover {
    color: #bb0000;
    transition: all .5s;
}


/*-------------------------------FINAL PIE DE PAGINA--------------------------------*/


/*responsive*/


/* Para 1080px */

@media only screen and (max-width: 1199px) and (min-width: 981px) {
    #margenes_footer {
        /* margin: 0px -90px 0px 111px; */
    }
    #testimonials {
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100%;
        z-index: 1;
        position: relative;
        margin: 0px;
    }
    #testimonials::after {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: -99;
        background-image: url(../img/oferta_fc.jpg);
        opacity: 57%;
        background-size: cover;
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
    }
    #btn_oferta {
        background-color: #2875d4;
        color: white;
        padding: 10px 30px 10px 30px;
        font-size: 14px;
        z-index: 2;
        border-radius: 1px;
        border-color: #1b91cb;
        font-weight: 500;
    }
    #div_btn_oferta {
        padding: 105px 10px 10px 10px;
    }
    #contenido_desplegable {
        background-color: #e4e4e4;
        margin: 0px 30px 50px 30px;
        width: auto;
        /* height: 250px; */
        display: none;
    }
    #barra_color_vitrina {
        margin: 0px 30px 0px 30px;
        transition: all 1s;
        display: none;
    }
    /********************PIE DE PAGINA***************/
    .footer {
        padding: 90px 0 80px !important;
        color: rgb(228, 228, 228);
        background-color: #1f1f1f;
    }
    #contenedor_footer a {
        color: white;
    }
    #contenedor_footer li {
        list-style: none;
    }
    #img_sello_ufro {
        width: 213px;
    }
    #la_universidad {}
    #accesos_rapidos {}
    /*-------------------------------FINAL PIE DE PAGINA--------------------------------*/
}


/* Para 960px */

@media only screen and (max-width: 980px) and (min-width: 821px) {
    #margenes_footer {
        /* margin: 0px -125px 0px 99px; */
    }
    #testimonials {
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100%;
        z-index: 1;
        position: relative;
        margin: 0px;
    }
    #testimonials::after {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: -99;
        background-image: url(../img/oferta_fc.jpg);
        opacity: 57%;
        background-size: cover;
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
    }
    #btn_oferta {
        background-color: #2875d4;
        color: white;
        padding: 10px 30px 10px 30px;
        font-size: 13px;
        z-index: 2;
        border-radius: 1px;
        border-color: #1b91cb;
        font-weight: 500;
    }
    #div_btn_oferta {
        padding: 105px 10px 10px 10px;
    }
    #contenido_desplegable {
        background-color: #e4e4e4;
        margin: 0px 30px 50px 30px;
        width: auto;
        /* height: 250px; */
        display: none;
    }
    #barra_color_vitrina {
        margin: 0px 30px 0px 30px;
        transition: all 1s;
        display: none;
    }
    /********************PIE DE PAGINA***************/
    .footer {
        padding: 90px 0 80px !important;
        color: rgb(228, 228, 228);
        background-color: #1f1f1f;
    }
    #contenedor_footer a {
        color: white;
        font-size: 8px;
    }
    #contenedor_footer li {
        list-style: none;
    }
    #img_sello_ufro {
        width: 162px;
    }
    #la_universidad {
        font-size: 13px;
    }
    #accesos_rapidos {
        font-size: 13px;
    }
    /*-------------------------------FINAL PIE DE PAGINA--------------------------------*/
}


/* Para 800px */

@media only screen and (max-width: 820px) and (min-width: 621px) {
    #margenes_footer {
        /* margin: 0px -149px 0px 58px; */
    }
    #testimonials {
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100%;
        z-index: 1;
        position: relative;
        margin: 0px;
    }
    #testimonials::after {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: -99;
        background-image: url(../img/oferta_fc.jpg);
        opacity: 57%;
        background-size: cover;
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
    }
    #btn_oferta {
        background-color: #2875d4;
        color: white;
        padding: 10px 30px 10px 30px;
        font-size: 13px;
        z-index: 2;
        border-radius: 1px;
        border-color: #1b91cb;
        font-weight: 500;
    }
    #div_btn_oferta {
        padding: 105px 10px 10px 10px;
    }
    #contenido_desplegable {
        background-color: #e4e4e4;
        margin: 0px 30px 50px 30px;
        width: auto;
        /* height: 250px; */
        display: none;
    }
    #barra_color_vitrina {
        margin: 0px 30px 0px 30px;
        transition: all 1s;
        display: none;
    }

    /********************PIE DE PAGINA***************/

    .footer {
        padding: 90px 0 80px !important;
        color: rgb(228, 228, 228);
        background-color: #1f1f1f;
    }

    #contenedor_footer a {
        color: white;
        font-size: 13px !important;
    }

    #contenedor_footer a i {
        font-size: 25px !important;
    }

    #contenedor_footer li {
        list-style: none;
    }

    #img_sello_ufro {
        width: 115px;
    }

    #la_universidad {
        font-size: 18px;
    }

    #accesos_rapidos {
        font-size: 18px;
    }

    #tamano_contenido_footer {
        font-size: 13px !important;
    }
    /*-------------------------------FINAL PIE DE PAGINA--------------------------------*/
}


/* Para 600px */

@media only screen and (max-width: 620px) and (min-width: 501px) {
    #margenes_footer {
        /* margin: 0px 0px 0px 0px; */
    }
    #testimonials {
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100%;
        z-index: 1;
        position: relative;
        margin: 0px;
    }
    #testimonials::after {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: -99;
        background-image: url(../img/oferta_fc.jpg);
        opacity: 57%;
        background-size: cover;
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
    }
    #btn_oferta {
        background-color: #2875d4;
        color: white;
        padding: 10px 30px 10px 30px;
        font-size: 10px;
        z-index: 2;
        border-radius: 1px;
        border-color: #1b91cb;
        font-weight: 500;
    }
    #div_btn_oferta {
        padding: 105px 10px 10px 10px;
    }
    #contenido_desplegable {
        background-color: #e4e4e4;
        margin: 0px 30px 50px 30px;
        width: auto;
        /* height: 250px; */
        display: none;
    }
    #barra_color_vitrina {
        margin: 0px 30px 0px 30px;
        transition: all 1s;
        display: none;
    }
    /********************PIE DE PAGINA***************/
    .footer {
        padding: 90px 0 80px !important;
        color: rgb(228, 228, 228);
        background-color: #1f1f1f;
    }
    #contenedor_footer a {
        color: white;
        font-size: 9px;
    }
    #contenedor_footer li {
        list-style: none;
    }
    #img_sello_ufro {
        width: 224px;
    }
    #la_universidad {
        font-size: 22px;
    }
    #accesos_rapidos {
        font-size: 18px;
    }
    #clearfix {
        margin-left: 0px;
    }
    /*-------------------------------FINAL PIE DE PAGINA--------------------------------*/
}


/* Para 480px */

@media only screen and (max-width: 500px) and (min-width: 341px) {
    #margenes_footer {
        /* margin: 0px -220px 0px 0px; */
    }
    #testimonials {
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100%;
        z-index: 1;
        position: relative;
        margin: 0px;
    }
    #testimonials::after {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: -99;
        background-image: url(../img/oferta_fc.jpg);
        opacity: 57%;
        background-size: cover;
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
    }
    #btn_oferta {
        background-color: #2875d4;
        color: white;
        padding: 10px 30px 10px 30px;
        font-size: 9px;
        z-index: 2;
        border-radius: 1px;
        border-color: #1b91cb;
        font-weight: 500;
    }
    #div_btn_oferta {
        padding: 105px 10px 10px 10px;
    }
    #contenido_desplegable {
        background-color: #e4e4e4;
        margin: 0px 30px 50px 30px;
        width: auto;
        /* height: 250px; */
        display: none;
    }
    #barra_color_vitrina {
        margin: 0px 30px 0px 30px;
        transition: all 1s;
        display: none;
    }
    /********************PIE DE PAGINA***************/
    .footer {
        padding: 90px 0 80px !important;
        color: rgb(228, 228, 228);
        background-color: #1f1f1f;
    }
    #contenedor_footer a {
        color: white;
    }
    #contenedor_footer li {
        list-style: none;
    }
    #img_sello_ufro {}
    #la_universidad {}
    #accesos_rapidos {}

    #tamano_contenido_footer {
        font-size: 13px !important;
    }
    /*-------------------------------FINAL PIE DE PAGINA--------------------------------*/
}


/* Para 320px */

@media only screen and (max-width: 340px) and (min-width: 5px) {
    #margenes_footer {
        margin: 0px 0px 0px 0px;
    }
    #testimonials {
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100%;
        z-index: 1;
        position: relative;
        margin: 0px;
    }
    #testimonials::after {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: -99;
        background-image: url(../img/oferta_fc.jpg);
        opacity: 57%;
        background-size: cover;
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
    }
    #btn_oferta {
        background-color: #2875d4;
        color: white;
        padding: 10px 30px 10px 30px;
        font-size: 7px;
        z-index: 2;
        border-radius: 1px;
        border-color: #1b91cb;
        font-weight: 500;
    }
    #div_btn_oferta {
        padding: 105px 10px 10px 10px;
    }
    #contenido_desplegable {
        background-color: #e4e4e4;
        margin: 0px 30px 50px 30px;
        width: auto;
        /* height: 250px; */
        display: none;
    }
    #barra_color_vitrina {
        margin: 0px 30px 0px 30px;
        transition: all 1s;
        display: none;
    }
    /********************PIE DE PAGINA***************/
    .footer {
        padding: 90px 0 80px !important;
        color: rgb(228, 228, 228);
        background-color: #1f1f1f;
    }
    #contenedor_footer a {
        color: white;
    }
    #contenedor_footer li {
        list-style: none;
    }
    #img_sello_ufro {}
    #la_universidad {}
    #accesos_rapidos {}
    /*-------------------------------FINAL PIE DE PAGINA--------------------------------*/
}


/************************************************************************/


/*css slider aleatorio banners*/

.banners {
    width: 100%;
    height: auto;
}

@supports (object-fit: cover) {
    .banners {
        height: 100%;
        object-fit: cover;
        object-position: center center;
    }
}

#carousel_banners {
    position: relative;
    width: 100%;
    height: 500px;
}

#carousel_banners:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgb(0 0 0 / 69%);
    opacity: 57%;
    background-size: 100% auto;
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: inherit;
}


/*responsive*/


/* Para 1200px */

@media only screen and (max-width: 1199px) and (min-width: 981px) {
    #carousel_banners {
        position: relative;
        width: 100%;
        height: 500px;
    }
}


/* Para 960px */

@media only screen and (max-width: 980px) and (min-width: 821px) {
    #carousel_banners {
        position: relative;
        width: 100%;
        height: 350px;
    }
}


/* Para 800px */

@media only screen and (max-width: 820px) and (min-width: 621px) {
    #carousel_banners {
        position: relative;
        width: 100%;
        height: 350px;
    }
}


/* Para 600px */

@media only screen and (max-width: 620px) and (min-width: 501px) {
    #carousel_banners {
        position: relative;
        width: 100%;
        height: 300px;
    }
}


/* Para 480px */

@media only screen and (max-width: 500px) and (min-width: 341px) {
    #carousel_banners {
        position: relative;
        width: 100%;
        height: 250px;
    }
}


/* Para 320px */

@media only screen and (max-width: 340px) and (min-width: 5px) {
    #carousel_banners {
        position: relative;
        width: 100%;
        height: 250px;
    }
}


/************************************************************************/