body{
    /* background-color: lightsteelblue; */
    background-color: white;
    font-family: 'Oswald', sans-serif;
}

.dropdown-item:focus, .dropdown-item:hover {
    color: white !important;
    text-decoration: none !important;
    background-color: #007bff !important;
}

/* .nav-item :hover{
    background-color: red !important;
} */

.nav-link {
    display: block;
    padding: 0.2rem 1rem !important;
}


.card{
    margin: 20px !important;
}

.title-page {
    padding-top: 1rem;
    padding-bottom: 0.5rem;
    font-size: 1.25rem;
}


/* GALERIA */
.img-galeria {
    padding: 0rem;
    background-color: rgb(248, 106, 106);
    border: 0px solid #dee2e6;
    border-radius: .0rem;
    max-width: 100%;
    height: auto;
}

.container-ing-link{
    position:relative;
    width: 50%;
}

/* figure {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: #fff;
    overflow: hidden;
} */
figure {
    opacity: 1;
    width: 100%;
    height: 100%;
    transition: .5s ease;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

/* .ico-middle {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
} */

.ico-middle {
    /* display: block; */
    position: absolute;
    opacity: 1;
    border-radius: 5px;
    background-color: #ee002d;
    color: white;
    text-align: center;
    top: 35%;
    left: 50%;
    width: auto;
    height: auto;
    transform: translate(-50%, -35%)
}

.container-img-link figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: 1.5s ease-in-out;
}

.container-img-link figure:hover img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}
/* Efecto difusion */
/* .container-img-link:hover figure {
    -webkit-filter: grayscale(100%) blur(3px);
    filter: grayscale(100%) blur(3px);
}
*/

.ico-middle:hover  {
    background-color: #343a40;
    opacity: 1;
} 

.ico-view {
    font-size: 8px;
    padding: 10px 20px;
}

.card-p {
    margin-bottom: 0.5rem!important;
}
/* FIN GALERIA */


/* MISION VISION */
#mision_vision{
    padding: 10px 0px 40px 0px !important;
}
/* FIN MISION VISION */


/* HIMNO */
#himno{
    padding: 10px 0px 40px 0px !important;
}
/* HIMNO */



/* RESEÑA HISTORICA */
#reseña_historica{
    padding: 10px 0px 50px 0px !important;
}
/* FIN RESEÑA HISTORICA */


/* INSTITUCION */
#institucion{
    padding: 10px 0px 50px 0px !important;
}

#institucion .cargo{
    margin: 30px 0 30px 0 !important;
}

#institucion .carousel-control-prev-icon{
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}

#institucion .carousel-control-next-icon{
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}

#institucion .carousel-control-next, .carousel-control-prev {
    width: 5% !important;
}

/* FIN INSTITUCION */


/* NIVELES */
#niveles{
    padding: 10px 0px 50px 0px !important;
}
/* FIN NIVELES */



/* DOCUMENTOS */
#documentos{
    padding: 10px 0px 50px 0px !important;
}

#documentos .ico{
    margin: auto;
    width: 50%;
    border: 3px solid green;
    padding: 10px;
}

#documentos .card{
    margin: 10px !important;
}
/* FIN DOCUMENTOS */





/* CAROUSEL ENLACES */

#enlaces{
    margin: 20px 0px 40px 0px !important;
}


#enlacesCarousel{
    padding: 0px 0px 40px 0px;
}

#enlacesCarousel .carousel-control-next, .carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 5%;
    color: #fff;
    text-align: center;
    opacity: .5;
}
/* FIN CAROUSEL ENLACES */

/* FOOTER */
#footer {
    clear: both;
    /* background: #2c4167 url(../images/bg_white_arrow.png) no-repeat 50% 0; */
    overflow: hidden;
    padding: 60px 10px 40px 10px;
    line-height: 20px;
}

#footer h2{
    color: #fff;
    line-height: 52px;
    display: block;
    padding-bottom: 20px;
    font-weight: 300;
}

#footer p{
    font-size: 16px !important;
    line-height: 26px !important;
    color: #b5aec4;
    font-weight: 300 !important;
    padding-bottom: 20px !important;
}

#footer .enlaces{
    font-size: 16px !important;
    line-height: 26px !important;
    color: #b5aec4;
    font-weight: 300 !important;
    padding-bottom: 20px !important;
}

#footer ul{
    width: calc((100% / 2) - 1%);
    float: left;
    margin-top: -4px;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#footer li a{
    color: #343a40!important;
    text-decoration: none;
}


#footer .contactanos{
    font-size: 16px !important;
    line-height: 26px !important;
    font-weight: 300 !important;
    padding-bottom: 20px !important;
}

#footer .contactanos span{
    color: #343a40!important;
}

@media (max-width: 991px){ 
    #footer .col-12, .col-sm-12, .col-md-4  {
        margin-bottom: 40px;
    }
}


#copyright {
    clear: both;
    overflow: hidden;
    padding: 50px 0px 0px 0px;
    font-size: 12px;
}