.nuestra-institucion-banner{
    background: url('/images/banner_nuestra_actividad.webp') no-repeat;
    width: 100%;
    height: 500px;
    background-size: cover;
    display: flex;
    align-items: end;
    justify-content: center;
}
.secondary_text_color{
    color: #004996;
    border-bottom: solid 1px #004996;
    margin-bottom: .6rem;
    padding-bottom: .8rem;
    padding-left: 20px;
}
.secondary_text_color a{
    text-decoration: none;
    color: #004996;
}
.nuestra-institucion-banner .text-banner{
    color: #004996;
}
.nuestra-institucion-banner .text-banner{
    margin-left: -14%;
}

.active_option{
    background-color: #C7D4F6;
}

#img_cursos, #img_desarrollo_multimedia {
    width: 100%;
    bottom: -249px;
    position: absolute;
}
#tag_mision, #tag_modelo {
    width: 23%;
    height: 140px;
    background-color: rgba(0,138,207, 0.8);
    display: block;
    position: absolute;
    transform: translateY(109px);
    right: -11%;
}
.tag_icon_container{
    width: 520px;
    position: relative;
}
#tag_mision img{
    top: -20px;
    position: absolute;
    right: -30px;
}
#modelo_container img{
    transform: translate(-360px, -11px);
}
.first_text{
    padding-top: 15px;
}
#cursos_container, #multimedia_container {
    background-color: #e9f1f7;
    width: 80%;
    margin-left: 20%;
    padding: 90px 30px 30px 29%;
}
#cursos_container, #modelo_container, #multimedia_container {
    background-color: #e9f1f7;
    width: 80%;
    margin-left: 20%;
    padding: 90px 30px 30px 29%;
}
.tipos_cursos{
    width: 60%;
    margin-left: 26%;
    padding: 0px 0 30px;
}
.primer_elemento{
    padding-top: 30px !important;
}
.tipos_cursos img{
    position: absolute;
    transform: translateX(-70px);
}
#valores_container img{
    vertical-align: bottom;
}
#valores_container{
    background-color: #e9f1f7;
    width: 80%;
    margin-left: 20%;
    padding: 15px 60px;
}
.sep_intermedio{
    padding: 45px 0 95px;
}
.chart_description{
    width: 35%;
    margin: 40px 0 40px 7%;
}
.diagrama_container{
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
    flex-wrap: wrap;
}
.nuestra-institucion-banner .text-banner{
    background-color: white !important;
    padding: 50px 184px 0 87px;
}
.diagrama_container img{
    max-width: 240px;
}
#valores_container p:first-child{
    text-align: center;
}
.img_valores_group{
    position: absolute;
    width: 520px;
    right: 0;
    transform: translate(-12px, -231px);
}
#img_valores{
    width: 100%;
    position: absolute;
    right: 0;
}
#tag_valores {
    width: 100px;
    height: 140px;
    background-color: rgba(0,138,207, 0.8);
    display: block;
    position: absolute;
    transform: translate(-50px, 160px);
    z-index: 2;
}
#valores_container{
    display: flex;
    margin-left: 20%;
    width: 62%;
    padding: 30px;
}
#icon_valores{
    margin: 13px 20px 0 0;
}
#valores_title{
    line-height: 2.5rem; 
    margin-bottom: 20px; 
    display: block;
}
.fila_mapa{
    display: flex;
}
.lista_mapa{
    width: 26%;
    padding-right: 60px;
}
.mapa_emb{
    width: 74%;
}
.select_sedes_container{
    display: none;
}

.title_sedes{
    color: #636363;
    font-weight: 900;
    font-size: 1.5rem;
    text-align: center;

}
.set_location{
    text-decoration: none;
}
.titulo_sedes{
    color: #004996;
    font-weight: bolder;
    font-size: 1.6rem;
    text-align: center;
    line-height: 0;
    position: relative;
}
.sedes_text_color {
    color: #a4a3a4;
    margin-bottom: 0;
    padding-bottom: .7rem;
    padding-top: .7rem;
    text-decoration: none;
    /*text-align: center;*/
    padding-left: 100px;
    border-left: solid 1px #008ACF;
}
.sedes_text_color a{
    text-decoration: none;
    color: #a4a3a4;
}
.indicador_campus{
    max-width: 120px;
    position: absolute;
    transform: translate(-160px, -12px);
}
.sedes_text_color.active {
    color: #064060 !important;
    font-weight: bolder;
}
.icon_border{
    margin-bottom: 0;
    padding-bottom: 50px;
    padding-top: 0;
    border-left: solid 1px #008ACF;
}
.image_border{
    position: absolute;
    left: -13px;
    top: -10px;
    background-color: white;
}
.titulo_directorio{
    color: #004996;
    font-weight: bolder;
    text-align: center;
}
.tabla_directorio{
    margin: auto;
}
.tabla_directorio td{
    padding: 2px 10px;
}
.title_cargo{
    font-size: 1.1rem;
}
.card_directorio{
    width: 60%;
    margin: 30px auto;
    background-color: #e9f1f7;
    border: none;
    border-radius: initial;
    display: none;
}

@media (max-width: 1399px){
    .nuestra-institucion-banner .text-banner {
	background-color: white !important;
	padding: 50px 131px 0 80px;
    }
    .lista_mapa{
	padding-right: 0;
	padding-left: 60px;
    }

    .indicador_campus{
	transform: translate(-130px, -12px);
    }
}
@media (max-width: 1260px){

    .tag_icon_container, .img_valores_group{
	width: 40%;
    }
    #modelo_container img{
	transform: translate(-315px, -50px);
    }
    .space {
	height: 200px;
    }
    .img_valores_group{
	transform: translate(-12px, -200px);
    }
    #tag_valores{
	transform: translate(-50px, 131px);
    }
    .sedes_text_color{
	padding-left: 60px;
    }
}

@media screen and (max-width:1024px){
    .desktop_item{
	display: none;
    }
    .select_sedes_container{
	display: block;
    }

    #tag_mision, #tag_modelo, #tag_valores{
	right: 0;
	left: 30px;
	width: 53px;
	transform: none;
	background-color: transparent;
    }
    #cursos_container, #modelo_container, #multimedia_container{
	padding: 30px;
	width: 100%;
	margin-left: 0;
    }
    #modelo_container img{
	display: none;
    }
    .img_valores_group {
	transform: none;
	position: relative;
    }
    .space {
	height: 150px;
    }
    .tag_icon_container, .img_valores_group{
	width: 100%;
    }
    #img_cursos, #img_desarrollo_multimedia {
	position: relative;
	bottom: 0;
    }
    .tipos_cursos {
	width: 100%;
	margin-left: 0;
	padding: 0 30px;
    }
    .space{
	display: none;
    }
    #valores_container {
	display: block;
	margin-left: 0;
	width: 100%;
	padding: 30px;
    }
    #img_valores{
	position: relative;
    }
    #valores_title a{
	display: flex;
    }
    #valores_title{
	margin-left: 80px;
    }
    #icon_valores{
	position: absolute;
	transform: translateY(-20px);
    }
    #tag_mision img{
	top: 19px;
	right: 0;
    }
    #cursos_container .title_section, #multimedia_container .title_section{
	margin-left: 80px;
	margin-bottom: 20px;
	display: block;
    }
    .fila_mapa{
	display: block;
    }
    .lista_mapa{
	width: 100%;
	padding-right: 0;
	padding-left: 0;
    }
    .fila_mapa, .mapa_emb{
	width: 100%;
    }
    .lista_mapa .form-group{
	margin-bottom: 20px;
    }
    .lista_mapa .secondary_text_color{
	display: none;
    }
}
@media screen and (max-width: 992px){
    .card_directorio{
	width: 100%;
    }
}
@media screen and (max-width: 700px){
    .nav_section {
	margin: 20px 0;
    }
    .nuestra-institucion-banner .text-banner {
	background-color: transparent !important;
	padding: 0;
    }

    .nuestra-institucion-banner{
	height: 500px;
	background-position: right;
    }
    .nuestra-institucion-banner .text-banner{
	color: white;
	margin-bottom: 80px;
    }
    .icon_option::before {
	line-height: 2.5;
    }
    .icon_option {
	font-size: 2rem;
	height: 2.3rem;
    }
    #tag_mision img {
	top: 23px;
	left: 0;
	right: auto;
    }
    #cursos_container, #modelo_container, .tipos_cursos, #multimedia_container{
	padding: 20px 25px 20px;
    }
    #tag_mision, #tag_modelo, #tag_valores{
	left: 26px;
    }
    #cursos_container .title_section, #valores_title{
	margin-left: 50px;
    }
    #icon_valores{
	transform: translateY(-10px);
    }
}
@media screen and (max-width: 550px){
    .tabla_directorio tr td .card-link {
	margin-bottom: 15px;
	display: block;
    }
    .tabla_directorio td {
	display: table;
	text-align: center;
	margin: auto;
    }
}