::selection {
    background-color: #2B8A7F;
    color: white;
}

/* Estilo para las flechas del carrusel */
.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-color: rgba(25, 39, 52, 0.1);
}

.carousel-control-prev-icon:before,
.carousel-control-next-icon:before {
    color: #FFF;
}

.titulos-modal {
    display: flex;
    font-size: 1.3rem;
    justify-content: center;
}

/* estilos del index.php */
.barra-navegacion a {
    color: white;
}

.mapa_img {
    height: 1200px;
    width: 98%;
    background-image: url('../img/mapa_utesc.webp');
    background-size: contain;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.img_gps_index {
    height: 35px;
}

.gps-edificio1 {
    position: absolute;
    margin-top: 32%;
    margin-left: 84%;
}

.gps-edificio2 {
    position: absolute;
    margin-top: 26%;
    margin-left: 57%;
}

.gps-edificio3 {
    position: absolute;
    margin-top: 6%;
    margin-left: 43%;
}

.gps-biblioteca {
    position: absolute;
    margin-top: 13%;
    margin-left: 80%;
}

.gps-tienda {
    position: absolute;
    margin-top: 23%;
    margin-left: 38%;
}

.gps-cancha-baloncesto {
    position: absolute;
    margin-top: 9%;
    margin-left: 7%;
}

.gps-cancha-arena {
    position: absolute;
    margin-top: 12%;
    margin-left: 90%;
}

.gps-invernadero {
    position: absolute;
}

.gps-cancha-futbol{
    position: absolute;
}

.gps-tiroleza{
    position: absolute;
}

.gps-estacionamiento{
    position: absolute;
}

/* fin de los estilos index.php */

/* estilos del edificio1_pa.php */
.edificio1-pa {
    height: 1050px;
    background-image: url('../img/planos/e1-pa/plano-e1-pa.webp');
    background-size: contain;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.img_gps_edificio1_pa {
    height: 24px;
}

.gps1-edificio1-pa-cecom {
    position: absolute;
    margin-top: 16.2%;
    margin-left: 83.6%;
}

.gps2-edificio1-pa-aula11 {
    position: absolute;
    margin-top: 16.2%;
    margin-left: 75.7%;
}

.gps3-edificio1-pa-aula12 {
    position: absolute;
    margin-top: 16.2%;
    margin-left: 73.2%;
}

.gps4-edificio1-pa-aula13 {
    position: absolute;
    margin-top: 16.2%;
    margin-left: 59.4%;
}

.gps5-edificio1-pa-aula14 {
    position: absolute;
    margin-top: 16.2%;
    margin-left: 57%;
}

.gps6-edificio1-pa-escaleras {
    position: absolute;
    margin-top: 16.2%;
    margin-left: 47%;
}

.gps7-edificio1-pa-baños {
    position: absolute;
    margin-top: 16.2%;
    margin-left: 33.2%;
}

.gps8-edificio1-pa-entrada-coordinacion {
    position: absolute;
    margin-top: 18.7%;
    margin-left: 26%;
}

.gps9-edificio1-pa-direccion-academica {
    position: absolute;
    margin-top: 8.6%;
    margin-left: 17%;
}

.gps10-edificio1-pa-enfermeria {
    position: absolute;
    margin-top: 8.3%;
    margin-left: 14.6%;
}

.gps11-edificio1-pa-supervisora {
    position: absolute;
    margin-top: 12.5%;
    margin-left: 16%;
}

.gps12-edificio1-pa-ingles {
    position: absolute;
    margin-top: 11.2%;
    margin-left: 10.7%;
}

.gps13-edificio1-pa-agricultura {
    position: absolute;
    margin-top: 13.1%;
    margin-left: 10.4%;
}

.gps14-edificio1-pa-tic {
    position: absolute;
    margin-top: 19.4%;
    margin-left: 9.2%;
}

.gps15-edificio1-pa-gastronomia {
    position: absolute;
    margin-top: 21.2%;
    margin-left: 8.9%;
}

.gps16-edificio1-pa-turismo {
    position: absolute;
    margin-top: 27.7%;
    margin-left: 7.6%;
}

.gps17-edificio1-pa-manto {
    position: absolute;
    margin-top: 29.6%;
    margin-left: 7.2%;
}

.gps18-edificio1-pa-tutorias {
    position: absolute;
    margin-top: 33.8%;
    margin-left: 6%;
}

.gps19-edificio1-pa-procesos {
    position: absolute;
    margin-top: 34.8%;
    margin-left: 10%;
}

.gps20-edificio1-pa-aux-vinculacion {
    position: absolute;
    margin-top: 26%;
    margin-left: 13.3%;
}

.gps21-edificio1-pa-site {
    position: absolute;
    margin-top: 34%;
    margin-left: 20.2%;
}

.gps22-edificio1-pa-psicologo {
    position: absolute;
    margin-top: 32.5%;
    margin-left: 21.6%;
}

.gps23-edificio1-pa-vinculacion {
    position: absolute;
    margin-top: 28%;
    margin-left: 20.5%;
}

.gps24-edificio1-pa-aula6 {
    position: absolute;
    margin-top: 31.5%;
    margin-left: 47.5%;
}

.gps25-edificio1-pa-aula7 {
    position: absolute;
    margin-top: 31%;
    margin-left: 49.8%;
}

.gps26-edificio1-pa-aula8 {
    position: absolute;
    margin-top: 28.3%;
    margin-left: 65.5%;
}

.gps27-edificio1-pa-aula9 {
    position: absolute;
    margin-top: 27.9%;
    margin-left: 67.8%;
}

.gps28-edificio1-pa-aula10 {
    position: absolute;
    margin-top: 26.5%;
    margin-left: 76.8%;
}

.gps29-edificio1-pa-mecatronica {
    position: absolute;
    margin-top: 58%;
    margin-left: 16%;
}

.gps30-edificio1-pa-trabajo-social {
    position: absolute;
    margin-top: 22.5%;
    margin-left: 21%;
}

/* fin de los estilos del edificio1_pa.php */

/* estilos de edificio1_pb.php */
.edificio1-pb {
    height: 520px;
    background-image: url('../img/planos/e1-pb/plano-e1-pb.webp');
    background-size: contain;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.img_gps_edificio1_pb {
    height: 25px;
}

.gps1-edificio1-pb-cecom {
    position: absolute;
    margin-top: 11%;
    margin-left: 85.3%;
}

.gps3-edificio1-pb-aula2 {
    position: absolute;
    margin-top: 11%;
    margin-left: 76%;
}

.gps4-edificio1-pb-aula3 {
    position: absolute;
    margin-top: 11%;
    margin-left: 74%;
}

.gps5-edificio1-pb-aula4 {
    position: absolute;
    margin-top: 11%;
    margin-left: 58.5%;
}

.gps6-edificio1-pb-aula5 {
    position: absolute;
    margin-top: 11%;
    margin-left: 56.3%;
}

.gps7-edificio1-pb-escaleras {
    position: absolute;
    margin-top: 11%;
    margin-left: 40.2%;
}

.gps8-edificio1-pb-baños {
    position: absolute;
    margin-top: 11%;
    margin-left: 32.6%;
}

.gps9-edificio1-pb-entrada-administrativos {
    position: absolute;
    margin-top: 13%;
    margin-left: 25.6%;
}

.gps10-edificio1-pb-control-escolar {
    position: absolute;
    margin-top: 18%;
    margin-left: 26.5%;
}

.gps11-edificio1-pb-ayudantes-rectoria {
    position: absolute;
    margin-top: 8.3%;
    margin-left: 19.4%;
}

.gps12-edificio1-pb-rectoria {
    position: absolute;
    margin-top: 5%;
    margin-left: 16.2%;
}

.gps13-edificio1-pb-sala-juntas {
    position: absolute;
    margin-top: 9%;
    margin-left: 9%;
}

.gps14-edificio1-pb-afuera-sala-juntas {
    position: absolute;
    margin-top: 11%;
    margin-left: 10.6%;
}

.gps15-edificio1-pb-juridico {
    position: absolute;
    margin-top: 12.5%;
    margin-left: 8.3%;
}

.gps16-edificio1-pb-social {
    position: absolute;
    margin-top: 16%;
    margin-left: 7.4%;
}

.gps17-edificio1-pb-contabilidad {
    position: absolute;
    margin-top: 17.5%;
    margin-left: 7%;
}

.gps18-edificio1-pb-recursos-humanos {
    position: absolute;
    margin-top: 21%;
    margin-left: 6.2%;
}

.gps19-edificio1-pb-finanzas {
    position: absolute;
    margin-top: 21.7%;
    margin-left: 13%;
}

.gps20-edificio1-pb-infraestructura {
    position: absolute;
    margin-top: 18.3%;
    margin-left: 13.8%;
}

.gps21-edificio1-pb-planeacion {
    position: absolute;
    margin-top: 16.5%;
    margin-left: 14.3%;
}

.gps22-edificio1-pb-auditorio {
    position: absolute;
    margin-top: 21.6%;
    margin-left: 58.8%;
}

.gps23-edificio1-pb-sala-egresados {
    position: absolute;
    margin-top: 21.2%;
    margin-left: 61.1%;
}

.gps24-edificio1-pb-entrada {
    position: absolute;
    margin-top: 32%;
    margin-left: 35.8%;
}

.img-gps24-edificio1-pb-entrada {
    height: 20px;
}

/* estilos del edificio2_pb.html */
.edificio2-pb {
    height: 510px;
    background-image: url('../img/planos/e2-pb/plano-e2-pb.webp');
    background-size: contain;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.img_gps_edificio2_pb {
    height: 30px;
}

/* estilos de edificio2_pb.php */
.gps1-edificio2-pb-escalera {
    position: absolute;
    margin-top: 17.5%;
    margin-left: 11.5%;
}

.gps2-edificio2-pb-biologia {
    position: absolute;
    margin-top: 12.8%;
    margin-left: 16%;
}

.gps3-edificio2-pb-quimica {
    position: absolute;
    margin-top: 12%;
    margin-left: 33.5%;
}

.gps4-edificio2-pb-procesos {
    position: absolute;
    margin-top: 10%;
    margin-left: 40%;
}

.gps5-edificio2-pb-electronica {
    position: absolute;
    margin-top: 12.8%;
    margin-left: 67.9%;
}

.gps6-edificio2-pb-mantenimiento {
    position: absolute;
    margin-top: 12.8%;
    margin-left: 72.6%;
}

.gps7-edificio2-pb-gastronomia {
    position: absolute;
    margin-top: 20%;
    margin-left: 80.3%;
}

.gps8-edificio2-pb-baños {
    position: absolute;
    margin-top: 23.2%;
    margin-left: 61.3%;
}

.gps9-edificio2-pb-salida {
    position: absolute;
    margin-top: 33%;
    margin-left: 74.8%;
}

/* fin de los estilos edificio2_pb.php */

/* estilos del edificio2_pa.php */
.edificio2-pa {
    height: 520px;
    background-image: url('../img/planos/e2-pa/plano-e2-pa.webp');
    background-size: contain;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.img_gps_edificio2_pa {
    height: 25px;
}

.gps1-edificio2-pa-escalera {
    position: absolute;
    margin-top: 14.8%;
    margin-left: 10.3%;
}

.gps2-edificio2-pa-cecom {
    position: absolute;
    margin-top: 11.2%;
    margin-left: 10.3%;
}

.gps3-edificio2-pa-infra {
    position: absolute;
    margin-top: 5%;
    margin-left: 15.3%;
}

/* fin de los estilos edificio2_pa.php */

/* estilos de edificio3-pb.php */
.edificio3-pb {
    height: 500px;
    background-image: url('../img/planos/e3-pb/plano-e3-pb.webp');
    background-size: contain;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.img_gps_edificio3_pb {
    height: 25px;
}

.gps1-edificio3-pb-reposteria {
    position: absolute;
    margin-top: 7.5%;
    margin-left: 88.7%;
}

.gps2-edificio3-pb-cataBar {
    position: absolute;
    margin-top: 9.6%;
    margin-left: 82.4%;
}

.gps3-edificio3-pb-planos {
    position: absolute;
    margin-top: 10.4%;
    margin-left: 79.4%;
}

.gps4-edificio3-pb-hoteleria {
    position: absolute;
    margin-top: 11.8%;
    margin-left: 68.3%;
}

.gps5-edificio3-pb-escaleras {
    position: absolute;
    margin-top: 11.8%;
    margin-left: 54.6%;
}

.gps6-edificio3-pb-aula1 {
    position: absolute;
    margin-top: 12%;
    margin-left: 43.4%;
}

.gps7-edificio3-pb-aula2 {
    position: absolute;
    margin-top: 12%;
    margin-left: 40.5%;
}

.gps8-edificio3-pb-aula3 {
    position: absolute;
    margin-top: 12%;
    margin-left: 30.2%;
}

.gps9-edificio3-pb-aula4 {
    position: absolute;
    margin-top: 12%;
    margin-left: 27.2%;
}

.gps10-edificio3-pb-aula5 {
    position: absolute;
    margin-top: 26.8%;
    margin-left: 6.2%;
}

.gps11-edificio3-pb-aula6 {
    position: absolute;
    margin-top: 25.5%;
    margin-left: 9%;
}

.gps12-edificio3-pb-aula7 {
    position: absolute;
    margin-top: 21.2%;
    margin-left: 22.1%;
}

.gps13-edificio3-pb-aula8 {
    position: absolute;
    margin-top: 20.7%;
    margin-left: 25.3%;
}

.gps14-edificio3-pb-baños {
    position: absolute;
    margin-top: 20%;
    margin-left: 35.4%;
}

.gps15-edificio3-pb-site {
    position: absolute;
    margin-top: 20%;
    margin-left: 46.8%;
}

.gps16-edificio3-pb-entrada {
    position: absolute;
    margin-top: 25%;
    margin-left: 53%;
}

.gps17-edificio3-pb-enfermerialvl1 {
    position: absolute;
    margin-top: 20%;
    margin-left: 59.2%;
}

.gps18-edificio3-pb-automatizacion {
    position: absolute;
    margin-top: 20%;
    margin-left: 76%;
}

/* fin de los estilos edificio3-pb.php */

/* estilos de edificio3-pa.php */
.edificio3-pa {
    height: 500px;
    background-image: url('../img/planos/e3-pa/plano-e3-pa.webp');
    background-size: contain;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.img_gps_edificio3_pa {
    height: 22px;
}

.gps1-edificio3-pa-aula24 {
    position: absolute;
    margin-top: 6.5%;
    margin-left: 89%;
}

.gps2-edificio3-pa-aula23 {
    position: absolute;
    margin-top: 8.5%;
    margin-left: 83%;
}

.gps3-edificio3-pa-aula22 {
    position: absolute;
    margin-top: 9.2%;
    margin-left: 80%;
}

.gps4-edificio3-pa-aula21 {
    position: absolute;
    margin-top: 10.6%;
    margin-left: 68.7%;
}

.gps5-edificio3-pa-escaleras-pa {
    position: absolute;
    margin-top: 10.6%;
    margin-left: 51.3%;
}

.gps6-edificio3-pa-aula9 {
    position: absolute;
    margin-top: 10.8%;
    margin-left: 43.6%;
}

.gps7-edificio3-pa-aula10 {
    position: absolute;
    margin-top: 10.8%;
    margin-left: 40.7%;
}

.gps8-edificio3-pa-aula11 {
    position: absolute;
    margin-top: 10.8%;
    margin-left: 30.4%;
}

.gps9-edificio3-pa-aula12 {
    position: absolute;
    margin-top: 10.8%;
    margin-left: 27.3%;
}

.gps10-edificio3-pa-aula16 {
    position: absolute;
    margin-top: 26.5%;
    margin-left: 6.6%;
}

.gps11-edificio3-pa-aula15 {
    position: absolute;
    margin-top: 23%;
    margin-left: 14.3%;
}

.gps12-edificio3-pa-aula14 {
    position: absolute;
    margin-top: 22%;
    margin-left: 17.4%;
}

.gps13-edificio3-pa-aula13 {
    position: absolute;
    margin-top: 19.7%;
    margin-left: 30.6%;
}

.gps14-edificio3-pa-baños {
    position: absolute;
    margin-top: 19.3%;
    margin-left: 37%;
}

.gps15-edificio3-pa-aula17 {
    position: absolute;
    margin-top: 19.3%;
    margin-left: 61.2%;
}

.gps16-edificio3-pa-aula18 {
    position: absolute;
    margin-top: 19.3%;
    margin-left: 64.2%;
}

.gps17-edificio3-pa-aula19 {
    position: absolute;
    margin-top: 19.3%;
    margin-left: 71.8%;
}

.gps18-edificio3-pa-aula20 {
    position: absolute;
    margin-top: 19.3%;
    margin-left: 75%;
}

/* fin de los estilos edificio3-pa.php */

/* estilos de la biblioteca.php */
.biblioteca {
    height: 467px;
    background-image: url('../img/planos/biblioteca/plano-biblioteca.webp');
    background-size: contain;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.img_gps_biblioteca {
    height: 30px;
}

.gps1-biblioteca-entrada {
    position: absolute;
    margin-top: 32.7%;
    margin-left: 34.4%;
}

.gps2-biblioteca-direccion {
    position: absolute;
    margin-top: 30.2%;
    margin-left: 42.8%;
}

.gps3-biblioteca-sala-uso-multiples {
    position: absolute;
    margin-top: 26%;
    margin-left: 52.5%;
}

.gps4-biblioteca-centro-idiomas {
    position: absolute;
    margin-top: 26%;
    margin-left: 71.6%;
}

.gps5-biblioteca-lab-enfermeria {
    position: absolute;
    margin-top: 34.1%;
    margin-left: 87.3%;
}

.gps6-biblioteca-cubiculo3 {
    position: absolute;
    margin-top: 2.8%;
    margin-left: 85.2%;
}

.gps7-biblioteca-sala-lectura {
    position: absolute;
    margin-top: 8%;
    margin-left: 46%;
}

.gps8-biblioteca-cecom {
    position: absolute;
    margin-top: 13.4%;
    margin-left: 25%;
}

.gps9-biblioteca-cubiculo2 {
    position: absolute;
    margin-top: 15%;
    margin-left: 16.6%;
}

.gps10-biblioteca-cubiculo1 {
    position: absolute;
    margin-top: 19.6%;
    margin-left: 16.6%;
}

.gps11-biblioteca-baños {
    position: absolute;
    margin-top: 30%;
    margin-left: 27%;
}

.gps12-biblioteca-recepcion {
    position: absolute;
    margin-top: 21.8%;
    margin-left: 34.4%;
}

.gps13-biblioteca-sala-estar {
    position: absolute;
    margin-top: 19%;
    margin-left: 53%;
}

.gps14-biblioteca-lectura-infantil {
    position: absolute;
    margin-top: 19%;
    margin-left: 69%;
}

/* fin de los estilos de la biblioteca */

/* media queries */
@media (max-width: 1366px) {
    .mapa_img {
        height: 510px;
        width: 1300px;
        background-image: url('../img/mapa_utesc.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_index {
        height: 30px;
    }

    .gps-edificio1 {
        margin-top: 15%;
        margin-left: 50%;
    }

    .gps-edificio2 {
        margin-top: 11%;
        margin-left: 46%;
    }

    .gps-edificio3 {
        margin-top: 10%;
        margin-left: 64%;
    }

    .gps-biblioteca {
        margin-top: 7%;
        margin-left: 55%;
    }

    .gps-tienda {
        margin-top: 10%;
        margin-left: 38%;
    }

    .gps-cancha-baloncesto {
        margin-top: 6%;
        margin-left: 41%;
    }

    .gps-cancha-arena {
        margin-top: 14%;
        margin-left: 74%;
    }

    .gps-invernadero {
        margin-top: 7%;
        margin-left: 2%;
    }
    
    .gps-cancha-futbol{
        margin-top: 5%;
        margin-left: 58%;
    }
    
    .gps-tiroleza{
        margin-top: 9%;
        margin-left: 87%;
    }
    
    .gps-estacionamiento{
        margin-top: 18%;
        margin-left: 28%;
    }

    /* estilos de edificio1_pb.php */
    .edificio1-pb {
        height: 520px;
        background-image: url('../img/planos/e1-pb/plano-e1-pb.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .gps1-edificio1-pb-cecom {
        margin-top: 11.4%;
        margin-left: 85.2%;
    }

    .gps3-edificio1-pb-aula2 {
        margin-top: 11.4%;
        margin-left: 76.3%;
    }

    .gps4-edificio1-pb-aula3 {
        margin-top: 11.4%;
        margin-left: 74%;
    }

    .gps5-edificio1-pb-aula4 {
        margin-top: 11.4%;
        margin-left: 58.8%;
    }

    .gps6-edificio1-pb-aula5 {
        margin-top: 11.4%;
        margin-left: 56.5%;
    }

    .gps7-edificio1-pb-escaleras {
        margin-top: 11.4%;
        margin-left: 40.2%;
    }

    .gps8-edificio1-pb-baños {
        margin-top: 11.4%;
        margin-left: 32.6%;
    }

    .gps9-edificio1-pb-entrada-administrativos {
        margin-top: 14%;
        margin-left: 25.6%;
    }

    .gps10-edificio1-pb-control-escolar {
        margin-top: 19%;
        margin-left: 26%;
    }

    .gps11-edificio1-pb-ayudantes-rectoria {
        margin-top: 8.8%;
        margin-left: 19.4%;
    }

    .gps12-edificio1-pb-rectoria {
        margin-top: 5.2%;
        margin-left: 16.2%;
    }

    .gps13-edificio1-pb-sala-juntas {
        margin-top: 9.4%;
        margin-left: 9%;
    }

    .gps14-edificio1-pb-afuera-sala-juntas {
        margin-top: 11.5%;
        margin-left: 10.6%;
    }

    .gps15-edificio1-pb-juridico {
        margin-top: 13%;
        margin-left: 8.3%;
    }

    .gps16-edificio1-pb-social {
        margin-top: 16.7%;
        margin-left: 7.4%;
    }

    .gps17-edificio1-pb-contabilidad {
        margin-top: 18.3%;
        margin-left: 7%;
    }

    .gps18-edificio1-pb-recursos-humanos {
        margin-top: 22%;
        margin-left: 6.2%;
    }

    .gps19-edificio1-pb-finanzas {
        margin-top: 22.8%;
        margin-left: 13%;
    }

    .gps20-edificio1-pb-infraestructura {
        margin-top: 19.2%;
        margin-left: 13.8%;
    }

    .gps21-edificio1-pb-planeacion {
        margin-top: 17.5%;
        margin-left: 14.3%;
    }

    .gps22-edificio1-pb-auditorio {
        margin-top: 22.5%;
        margin-left: 58.8%;
    }

    .gps23-edificio1-pb-sala-egresados {
        margin-top: 22.1%;
        margin-left: 61.1%;
    }

    .gps24-edificio1-pb-entrada {
        margin-top: 33.5%;
        margin-left: 35.8%;
    }

    /* fin de los estilos del edificio1_pb.php */

    /* esilos de edificio1_pa.php */
    .edificio1-pa {
        height: 490px;
        background-image: url('../img/planos/e1-pa/plano-e1-pa.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .gps1-edificio1-pa-cecom {
        margin-top: 11.4%;
        margin-left: 83.5%;
    }

    .gps2-edificio1-pa-aula11 {
        margin-top: 11.4%;
        margin-left: 75.6%;
    }

    .gps3-edificio1-pa-aula12 {
        margin-top: 11.4%;
        margin-left: 73.2%;
    }

    .gps4-edificio1-pa-aula13 {
        margin-top: 11.4%;
        margin-left: 59.3%;
    }

    .gps5-edificio1-pa-aula14 {
        margin-top: 11.4%;
        margin-left: 56.9%;
    }

    .gps6-edificio1-pa-escaleras {
        margin-top: 11.4%;
        margin-left: 47.2%;
    }

    .gps7-edificio1-pa-baños {
        margin-top: 11.4%;
        margin-left: 33.2%;
    }

    .gps8-edificio1-pa-entrada-coordinacion {
        margin-top: 13.6%;
        margin-left: 26%;
    }

    .gps9-edificio1-pa-direccion-academica {
        margin-top: 5.6%;
        margin-left: 17%;
    }

    .gps10-edificio1-pa-enfermeria {
        margin-top: 5.3%;
        margin-left: 14.7%;
    }

    .gps11-edificio1-pa-supervisora {
        margin-top: 8.6%;
        margin-left: 15.9%;
    }

    .gps12-edificio1-pa-ingles {
        margin-top: 7.6%;
        margin-left: 10.7%;
    }

    .gps13-edificio1-pa-agricultura {
        margin-top: 23.7%;
        margin-left: 21.5%;
    }

    .gps14-edificio1-pa-tic {
        margin-top: 13.8%;
        margin-left: 9%;
    }

    .gps15-edificio1-pa-gastronomia {
        margin-top: 15.5%;
        margin-left: 8.6%;
    }

    .gps16-edificio1-pa-turismo {
        margin-top: 20%;
        margin-left: 7.5%;
    }

    .gps17-edificio1-pa-manto {
        margin-top: 21.5%;
        margin-left: 7%;
    }

    .gps18-edificio1-pa-tutorias {
        margin-top: 24.5%;
        margin-left: 6%;
    }

    .gps19-edificio1-pa-procesos {
        margin-top: 25.2%;
        margin-left: 10%;
    }

    .gps20-edificio1-pa-aux-vinculacion {
        margin-top: 18.8%;
        margin-left: 13.5%;
    }

    .gps21-edificio1-pa-site {
        margin-top: 24.8%;
        margin-left: 20.2%;
    }

    .gps22-edificio1-pa-psicologo {
        margin-top: 8.5%;
        margin-left: 21.9%;
    }

    .gps23-edificio1-pa-vinculacion {
        margin-top: 20.3%;
        margin-left: 20.7%;
    }

    .gps24-edificio1-pa-aula6 {
        margin-top: 23%;
        margin-left: 47.5%;
    }

    .gps25-edificio1-pa-aula7 {
        margin-top: 22.7%;
        margin-left: 49.8%;
    }

    .gps26-edificio1-pa-aula8 {
        margin-top: 20.8%;
        margin-left: 65.6%;
    }

    .gps27-edificio1-pa-aula9 {
        margin-top: 20.5%;
        margin-left: 67.8%;
    }

    .gps28-edificio1-pa-aula10 {
        margin-top: 19.5%;
        margin-left: 76.7%;
    }

    .gps29-edificio1-pa-mecatronica {
        margin-top: 9.2%;
        margin-left: 10.3%;
    }

    .gps30-edificio1-pa-trabajo-social {
        margin-top: 9.8%;
        margin-left: 21.3%;
    }

    /* fin de los estilos de edificio1-pa.php */

    /* estilos de edificio2_pb.php */
    .edificio2-pb {
        height: 520px;
        background-image: url('../img/planos/e2-pb/plano-e2-pb.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio2_pb {
        height: 28px;
    }

    .gps1-edificio2-pb-escalera {
        margin-top: 19.5%;
        margin-left: 11%;
    }

    .gps2-edificio2-pb-biologia {
        margin-top: 13%;
        margin-left: 16%;
    }

    .gps3-edificio2-pb-quimica {
        margin-top: 12.5%;
        margin-left: 33.5%;
    }

    .gps4-edificio2-pb-procesos {
        margin-top: 12.5%;
        margin-left: 40%;
    }

    .gps5-edificio2-pb-electronica {
        margin-top: 13%;
        margin-left: 67.9%;
    }

    .gps6-edificio2-pb-mantenimiento {
        margin-top: 13%;
        margin-left: 72.6%;
    }

    .gps7-edificio2-pb-gastronomia {
        margin-top: 20.5%;
        margin-left: 80.3%;
    }

    .gps8-edificio2-pb-baños {
        margin-top: 23.8%;
        margin-left: 61.3%;
    }

    .gps9-edificio2-pb-salida {
        margin-top: 33.7%;
        margin-left: 75%;
    }

    /* estilos de edificio2_pa.php */
    .edificio2-pa {
        height: 510px;
        background-image: url('../img/planos/e2-pa/plano-e2-pa.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio2_pa {
        height: 25px;
    }

    .gps1-edificio2-pa-escalera {
        margin-top: 17.6%;
        margin-left: 10.3%;
    }

    .gps2-edificio2-pa-cecom {
        margin-top: 12.5%;
        margin-left: 10.3%;
    }

    .gps3-edificio2-pa-infra {
        margin-top: 5%;
        margin-left: 15.3%;
    }

    /* fin de estilos de edificio2_pa.php */

    /* estilos de edificio3-pb.php */
    .edificio3-pb {
        height: 510px;
        background-image: url('../img/planos/e3-pb/plano-e3-pb.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio3_pb {
        height: 25px;
    }

    .gps1-edificio3-pb-reposteria {
        margin-top: 8%;
        margin-left: 88.6%;
    }

    .gps2-edificio3-pb-cataBar {
        margin-top: 10%;
        margin-left: 82.5%;
    }

    .gps3-edificio3-pb-planos {
        margin-top: 11%;
        margin-left: 79.3%;
    }

    .gps4-edificio3-pb-hoteleria {
        margin-top: 12.2%;
        margin-left: 68.3%;
    }

    .gps5-edificio3-pb-escaleras {
        margin-top: 12.2%;
        margin-left: 54.6%;
    }

    .gps6-edificio3-pb-aula1 {
        margin-top: 12.5%;
        margin-left: 43.6%;
    }

    .gps7-edificio3-pb-aula2 {
        margin-top: 12.5%;
        margin-left: 40.4%;
    }

    .gps8-edificio3-pb-aula3 {
        margin-top: 12.5%;
        margin-left: 30.2%;
    }

    .gps9-edificio3-pb-aula4 {
        margin-top: 12.5%;
        margin-left: 27%;
    }

    .gps10-edificio3-pb-aula5 {
        margin-top: 28%;
        margin-left: 6.5%;
    }

    .gps11-edificio3-pb-aula6 {
        margin-top: 26.8%;
        margin-left: 9.2%;
    }

    .gps12-edificio3-pb-aula7 {
        margin-top: 22%;
        margin-left: 22.2%;
    }

    .gps13-edificio3-pb-aula8 {
        margin-top: 21.4%;
        margin-left: 25.3%;
    }

    .gps14-edificio3-pb-baños {
        margin-top: 20.7%;
        margin-left: 35.3%;
    }

    .gps15-edificio3-pb-site {
        margin-top: 21%;
        margin-left: 46.8%;
    }

    .gps16-edificio3-pb-entrada {
        margin-top: 25.8%;
        margin-left: 53%;
    }

    .gps17-edificio3-pb-enfermerialvl1 {
        margin-top: 21%;
        margin-left: 59.2%;
    }

    .gps18-edificio3-pb-automatizacion {
        margin-top: 21%;
        margin-left: 75.9%;
    }

    /* fin de los estilos edificio3-pb.php */

    /* estilos de la biblioteca.php */
    .biblioteca {
        height: 510px;
        background-image: url('../img/planos/biblioteca/plano-biblioteca.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .gps1-biblioteca-entrada {
        margin-top: 32.7%;
        margin-left: 34.4%;
    }

    .gps2-biblioteca-direccion {
        margin-top: 30.2%;
        margin-left: 42.8%;
    }

    .gps3-biblioteca-sala-uso-multiples {
        margin-top: 26%;
        margin-left: 52.5%;
    }

    .gps4-biblioteca-centro-idiomas {
        margin-top: 26%;
        margin-left: 71.6%;
    }

    .gps5-biblioteca-lab-enfermeria {
        margin-top: 34.1%;
        margin-left: 87.3%;
    }

    .gps6-biblioteca-cubiculo3 {
        margin-top: 2.8%;
        margin-left: 85.2%;
    }

    .gps7-biblioteca-sala-lectura {
        margin-top: 8%;
        margin-left: 46%;
    }

    .gps8-biblioteca-cecom {
        margin-top: 13.4%;
        margin-left: 25%;
    }

    .gps9-biblioteca-cubiculo2 {
        margin-top: 15%;
        margin-left: 16.6%;
    }

    .gps10-biblioteca-cubiculo1 {
        margin-top: 19.6%;
        margin-left: 16.6%;
    }

    .gps11-biblioteca-baños {
        margin-top: 30%;
        margin-left: 27%;
    }

    .gps12-biblioteca-recepcion {
        margin-top: 21.8%;
        margin-left: 34.4%;
    }

    .gps13-biblioteca-sala-estar {
        margin-top: 19%;
        margin-left: 53%;
    }

    .gps14-biblioteca-lectura-infantil {
        margin-top: 19%;
        margin-left: 69%;
    }

    /* fin de los estilos de la biblioteca */
}

@media (max-width: 1358px) {
    .contenedor-video-mapa {
        flex-direction: column;
    }

    .contenedor-video-Uni {
        position: relative;
        width: 100%;
        height: 0;
        padding-bottom: 56.25%;
    }

    .contenedor-video-Uni video {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }

    .contenedor-mapa-Uni {
        position: relative;
        width: 100%;
        height: 0;
        padding-bottom: 100%;
        margin-top: 1rem;
    }

    .contenedor-mapa-Uni iframe {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }
}

@media (max-width: 1300px) {
    .mapa_img {
        height: 460px;
        width: 1200px;
        background-image: url('../img/mapa_utesc.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .gps-edificio1 {
        margin-top: 26%;
        margin-left: 80%;
    }

    .gps-edificio2 {
        margin-top: 21%;
        margin-left: 57%;
    }

    .gps-edificio3 {
        margin-top: 10%;
        margin-left: 77%;
    }

    .gps-biblioteca {
        margin-top: 5%;
        margin-left: 41%;
    }
}

@media (max-width: 1280px) {
    .mapa_img {
        height: 550px;
        width: 1200px;
        background-image: url('../img/mapa_utesc.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_index {
        height: 30px;
    }

    .gps-edificio1 {
        margin-top: 17%;
        margin-left: 49%;
    }

    .gps-edificio2 {
        margin-top: 13%;
        margin-left: 46%;
    }

    .gps-edificio3 {
        margin-top: 12%;
        margin-left: 63%;
    }

    .gps-biblioteca {
        margin-top: 7.5%;
        margin-left: 52%;
    }

    .gps-tienda {
        margin-top: 12%;
        margin-left: 37%;
    }

    .gps-cancha-baloncesto {
        margin-top: 7.5%;
        margin-left: 39.5%;
    }

    .gps-cancha-arena {
        margin-top: 17%;
        margin-left: 72%;
    }

    .gps-invernadero {
        margin-top: 8%;
        margin-left: 1%;
    }
    
    .gps-cancha-futbol {
        margin-top: 5%;
        margin-left: 56%;
    }
    
    .gps-tiroleza {
        margin-top: 10%;
        margin-left: 84%;
    }
    
    .gps-estacionamiento {
        margin-top: 22%;
        margin-left: 26%;
    }

    /* estilos de edificio1_pb.php */
    .edificio1-pb {
        height: 520px;
        background-image: url('../img/planos/e1-pb/plano-e1-pb.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio1_pb {
        height: 25px;
    }

    .gps1-edificio1-pb-cecom {
        margin-top: 12.2%;
        margin-left: 85.2%;
    }

    .gps3-edificio1-pb-aula2 {
        margin-top: 12.2%;
        margin-left: 76.2%;
    }

    .gps4-edificio1-pb-aula3 {
        margin-top: 12.2%;
        margin-left: 74%;
    }

    .gps5-edificio1-pb-aula4 {
        margin-top: 12.2%;
        margin-left: 58.7%;
    }

    .gps6-edificio1-pb-aula5 {
        margin-top: 12.2%;
        margin-left: 56.5%;
    }

    .gps7-edificio1-pb-escaleras {
        margin-top: 12.2%;
        margin-left: 40.2%;
    }

    .gps8-edificio1-pb-baños {
        margin-top: 12.2%;
        margin-left: 32.5%;
    }

    .gps9-edificio1-pb-entrada-administrativos {
        margin-top: 14.5%;
        margin-left: 25.6%;
    }

    .gps10-edificio1-pb-control-escolar {
        margin-top: 20%;
        margin-left: 26%;
    }

    .gps11-edificio1-pb-ayudantes-rectoria {
        margin-top: 9.2%;
        margin-left: 19.4%;
    }

    .gps12-edificio1-pb-rectoria {
        margin-top: 5.7%;
        margin-left: 16.2%;
    }

    .gps13-edificio1-pb-sala-juntas {
        margin-top: 10%;
        margin-left: 9%;
    }

    .gps14-edificio1-pb-afuera-sala-juntas {
        margin-top: 12.2%;
        margin-left: 10.6%;
    }

    .gps15-edificio1-pb-juridico {
        margin-top: 13.8%;
        margin-left: 8.3%;
    }

    .gps16-edificio1-pb-social {
        margin-top: 17.8%;
        margin-left: 7.4%;
    }

    .gps17-edificio1-pb-contabilidad {
        margin-top: 19.5%;
        margin-left: 7%;
    }

    .gps18-edificio1-pb-recursos-humanos {
        margin-top: 23.5%;
        margin-left: 6.2%;
    }

    .gps19-edificio1-pb-finanzas {
        margin-top: 24%;
        margin-left: 13%;
    }

    .gps20-edificio1-pb-infraestructura {
        margin-top: 20.5%;
        margin-left: 13.8%;
    }

    .gps21-edificio1-pb-planeacion {
        margin-top: 18.5%;
        margin-left: 14.3%;
    }

    .gps22-edificio1-pb-auditorio {
        margin-top: 24%;
        margin-left: 58.8%;
    }

    .gps23-edificio1-pb-sala-egresados {
        margin-top: 23.5%;
        margin-left: 61.1%;
    }

    .gps24-edificio1-pb-entrada {
        margin-top: 36%;
        margin-left: 35.8%;
    }

    /* fin de los estilos del edificio1_pb.php */

    /* estilos de edificio1_pa.php */
    .edificio1-pa {
        height: 465px;
        background-image: url('../img/planos/e1-pa/plano-e1-pa.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio1_pa {
        height: 20px;
    }

    .gps1-edificio1-pa-cecom {
        margin-top: 11.8%;
        margin-left: 83.5%;
    }

    .gps2-edificio1-pa-aula11 {
        margin-top: 11.8%;
        margin-left: 75.7%;
    }

    .gps3-edificio1-pa-aula12 {
        margin-top: 11.8%;
        margin-left: 73%;
    }

    .gps4-edificio1-pa-aula13 {
        margin-top: 11.8%;
        margin-left: 59.3%;
    }

    .gps5-edificio1-pa-aula14 {
        margin-top: 11.8%;
        margin-left: 56.9%;
    }

    .gps6-edificio1-pa-escaleras {
        margin-top: 11.8%;
        margin-left: 47.4%;
    }

    .gps7-edificio1-pa-baños {
        margin-top: 11.8%;
        margin-left: 33.1%;
    }

    .gps8-edificio1-pa-entrada-coordinacion {
        margin-top: 13.8%;
        margin-left: 26%;
    }

    .gps9-edificio1-pa-direccion-academica {
        margin-top: 5.9%;
        margin-left: 17%;
    }

    .gps10-edificio1-pa-enfermeria {
        margin-top: 5.4%;
        margin-left: 14.6%;
    }

    .gps11-edificio1-pa-supervisora {
        margin-top: 9%;
        margin-left: 15.8%;
    }

    .gps12-edificio1-pa-ingles {
        margin-top: 7.8%;
        margin-left: 10.7%;
    }

    .gps13-edificio1-pa-agricultura {
        margin-top: 24%;
        margin-left: 21.3%;
    }

    .gps14-edificio1-pa-tic {
        margin-top: 14.1%;
        margin-left: 9.1%;
    }

    .gps15-edificio1-pa-gastronomia {
        margin-top: 15.7%;
        margin-left: 8.7%;
    }

    .gps16-edificio1-pa-turismo {
        margin-top: 20.5%;
        margin-left: 7.5%;
    }

    .gps17-edificio1-pa-manto {
        margin-top: 22.2%;
        margin-left: 7%;
    }

    .gps18-edificio1-pa-tutorias {
        margin-top: 25.2%;
        margin-left: 6.3%;
    }

    .gps19-edificio1-pa-procesos {
        margin-top: 25.9%;
        margin-left: 10%;
    }

    .gps20-edificio1-pa-aux-vinculacion {
        margin-top: 19.2%;
        margin-left: 13.5%;
    }

    .gps21-edificio1-pa-site {
        margin-top: 25.2%;
        margin-left: 20%;
    }

    .gps22-edificio1-pa-psicologo {
        margin-top: 8.6%;
        margin-left: 21.8%;
    }

    .gps23-edificio1-pa-vinculacion {
        margin-top: 20.8%;
        margin-left: 20.5%;
    }

    .gps24-edificio1-pa-aula6 {
        margin-top: 23.5%;
        margin-left: 47.3%;
    }

    .gps25-edificio1-pa-aula7 {
        margin-top: 23.1%;
        margin-left: 49.7%;
    }

    .gps26-edificio1-pa-aula8 {
        margin-top: 21.2%;
        margin-left: 65.3%;
    }

    .gps27-edificio1-pa-aula9 {
        margin-top: 20.7%;
        margin-left: 67.6%;
    }

    .gps28-edificio1-pa-aula10 {
        margin-top: 19.7%;
        margin-left: 76.7%;
    }

    .gps29-edificio1-pa-mecatronica {
        margin-top: 9.3%;
        margin-left: 10.5%;
    }

    .gps30-edificio1-pa-trabajo-social {
        margin-top: 10%;
        margin-left: 21.3%;
    }

    /* fin de los estilos de edificio1-pa.php */

    /* estilos del edificio2_pb.php */
    .edificio2-pb {
        height: 570px;
        background-image: url('../img/planos/e2-pb/plano-e2-pb.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio2_pb {
        height: 30px;
    }

    .gps1-edificio2-pb-escalera {
        margin-top: 21%;
        margin-left: 10%;
    }

    .gps2-edificio2-pb-biologia {
        margin-top: 15.5%;
        margin-left: 15.6%;
    }

    .gps3-edificio2-pb-quimica {
        margin-top: 14.5%;
        margin-left: 33.5%;
    }

    .gps4-edificio2-pb-procesos {
        margin-top: 14.5%;
        margin-left: 39.5%;
    }

    .gps5-edificio2-pb-electronica {
        margin-top: 15.5%;
        margin-left: 67.5%;
    }

    .gps6-edificio2-pb-mantenimiento {
        margin-top: 15.5%;
        margin-left: 72.3%;
    }

    .gps7-edificio2-pb-gastronomia {
        margin-top: 24.7%;
        margin-left: 80.3%;
    }

    .gps8-edificio2-pb-baños {
        margin-top: 28.5%;
        margin-left: 60%;
    }

    .gps9-edificio2-pb-salida {
        margin-top: 40%;
        margin-left: 74.6%;
    }

    /* fin de los estilos edificio2_pb.php */

    /* estilos del edificio2_pa.php */
    .edificio2-pa {
        height: 650px;
        background-image: url('../img/planos/e2-pa/plano-e2-pa.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio2_pa {
        height: 25px;
    }

    .gps1-edificio2-pa-escalera {
        margin-top: 24.4%;
        margin-left: 10%;
    }

    .gps2-edificio2-pa-cecom {
        margin-top: 17.6%;
        margin-left: 10%;
    }

    .gps3-edificio2-pa-infra {
        margin-top: 7.6%;
        margin-left: 15.2%;
    }

    /* fin de los estilos edificio2_pa.php */

    /* estilos de edificio3-pb.php */
    .edificio3-pb {
        height: 582px;
        background-image: url('../img/planos/e3-pb/plano-e3-pb.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio3_pb {
        height: 23px;
    }

    .gps1-edificio3-pb-reposteria {
        margin-top: 9.8%;
        margin-left: 88.6%;
    }

    .gps2-edificio3-pb-cataBar {
        margin-top: 12.5%;
        margin-left: 82.5%;
    }

    .gps3-edificio3-pb-planos {
        margin-top: 13.4%;
        margin-left: 79.3%;
    }

    .gps4-edificio3-pb-hoteleria {
        margin-top: 15%;
        margin-left: 68.3%;
    }

    .gps5-edificio3-pb-escaleras {
        margin-top: 15%;
        margin-left: 54.6%;
    }

    .gps6-edificio3-pb-aula1 {
        margin-top: 15.5%;
        margin-left: 43.3%;
    }

    .gps7-edificio3-pb-aula2 {
        margin-top: 15.5%;
        margin-left: 40%;
    }

    .gps8-edificio3-pb-aula3 {
        margin-top: 15.5%;
        margin-left: 30%;
    }

    .gps9-edificio3-pb-aula4 {
        margin-top: 15.5%;
        margin-left: 27%;
    }

    .gps10-edificio3-pb-aula5 {
        margin-top: 34.5%;
        margin-left: 6%;
    }

    .gps11-edificio3-pb-aula6 {
        margin-top: 32.7%;
        margin-left: 9%;
    }

    .gps12-edificio3-pb-aula7 {
        margin-top: 27.2%;
        margin-left: 21.8%;
    }

    .gps13-edificio3-pb-aula8 {
        margin-top: 26.5%;
        margin-left: 25%;
    }

    .gps14-edificio3-pb-baños {
        margin-top: 25.7%;
        margin-left: 35.1%;
    }

    .gps15-edificio3-pb-site {
        margin-top: 25.7%;
        margin-left: 46.6%;
    }

    .gps16-edificio3-pb-entrada {
        margin-top: 31.7%;
        margin-left: 52.8%;
    }

    .gps17-edificio3-pb-enfermerialvl1 {
        margin-top: 26%;
        margin-left: 59%;
    }

    .gps18-edificio3-pb-automatizacion {
        margin-top: 26%;
        margin-left: 75.7%;
    }

    /* fin de los estilos edificio3-pb.php */

    /* estilos de edificio3-pa.php */
    .edificio3-pa {
        height: 640px;
        background-image: url('../img/planos/e3-pa/plano-e3-pa.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio3_pa {
        height: 25px;
    }

    .gps1-edificio3-pa-aula24 {
        margin-top: 9.8%;
        margin-left: 89.2%;
    }

    .gps2-edificio3-pa-aula23 {
        margin-top: 12.7%;
        margin-left: 82.9%;
    }

    .gps3-edificio3-pa-aula22 {
        margin-top: 13.6%;
        margin-left: 79.8%;
    }

    .gps4-edificio3-pa-aula21 {
        margin-top: 15.4%;
        margin-left: 68.5%;
    }

    .gps5-edificio3-pa-escaleras-pa {
        margin-top: 15.7%;
        margin-left: 51%;
    }

    .gps6-edificio3-pa-aula9 {
        margin-top: 15.8%;
        margin-left: 43.6%;
    }

    .gps7-edificio3-pa-aula10 {
        margin-top: 15.8%;
        margin-left: 40.5%;
    }

    .gps8-edificio3-pa-aula11 {
        margin-top: 15.8%;
        margin-left: 30.3%;
    }

    .gps9-edificio3-pa-aula12 {
        margin-top: 15.8%;
        margin-left: 27.1%;
    }

    .gps10-edificio3-pa-aula16 {
        margin-top: 37%;
        margin-left: 6.8%;
    }

    .gps11-edificio3-pa-aula15 {
        margin-top: 31.8%;
        margin-left: 14.3%;
    }

    .gps12-edificio3-pa-aula14 {
        margin-top: 30.3%;
        margin-left: 17.3%;
    }

    .gps13-edificio3-pa-aula13 {
        margin-top: 27.3%;
        margin-left: 30.5%;
    }

    .gps14-edificio3-pa-baños {
        margin-top: 27%;
        margin-left: 36.9%;
    }

    .gps15-edificio3-pa-aula17 {
        margin-top: 27%;
        margin-left: 60.9%;
    }

    .gps16-edificio3-pa-aula18 {
        margin-top: 27%;
        margin-left: 64.2%;
    }

    .gps17-edificio3-pa-aula19 {
        margin-top: 27%;
        margin-left: 71.8%;
    }

    .gps18-edificio3-pa-aula20 {
        margin-top: 27%;
        margin-left: 74.9%;
    }

    /* fin de los estilos edificio3-pa.php */

    /* estilos de la biblioteca.php */
    .biblioteca {
        height: 470px;
        background-image: url('../img/planos/biblioteca/plano-biblioteca.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .gps1-biblioteca-entrada {
        margin-top: 32.2%;
        margin-left: 34.3%;
    }

    .gps2-biblioteca-direccion {
        margin-top: 30%;
        margin-left: 42.8%;
    }

    .gps3-biblioteca-sala-uso-multiples {
        margin-top: 25.8%;
        margin-left: 52.4%;
    }

    .gps4-biblioteca-centro-idiomas {
        margin-top: 25.8%;
        margin-left: 71.5%;
    }

    .gps5-biblioteca-lab-enfermeria {
        margin-top: 33.5%;
        margin-left: 87.2%;
    }

    .gps6-biblioteca-cubiculo3 {
        margin-top: 2.8%;
        margin-left: 85%;
    }

    .gps7-biblioteca-sala-lectura {
        margin-top: 9%;
        margin-left: 46%;
    }

    .gps8-biblioteca-cecom {
        margin-top: 13.3%;
        margin-left: 25%;
    }

    .gps9-biblioteca-cubiculo2 {
        margin-top: 15%;
        margin-left: 16.5%;
    }

    .gps10-biblioteca-cubiculo1 {
        margin-top: 19.5%;
        margin-left: 16.5%;
    }

    .gps11-biblioteca-baños {
        margin-top: 29.5%;
        margin-left: 25.9%;
    }

    .gps12-biblioteca-recepcion {
        margin-top: 21%;
        margin-left: 34.3%;
    }

    .gps13-biblioteca-sala-estar {
        margin-top: 19%;
        margin-left: 50%;
    }

    .gps14-biblioteca-lectura-infantil {
        margin-top: 18%;
        margin-left: 69%;
    }

    /* fin de los estilos de la biblioteca */
}

@media (max-width: 1121px) {
    .mapa_img {
        height: 460px;
        width: 1100px;
        background-image: url('../img/mapa_utesc.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .gps-edificio1 {
        margin-top: 29%;
        margin-left: 85%;
    }

    .gps-edificio2 {
        margin-top: 23%;
        margin-left: 60%;
    }

    .gps-edificio3 {
        margin-top: 23%;
        margin-left: 60%;
    }

    .gps-biblioteca {
        margin-top: 23%;
        margin-left: 60%;
    }
}

@media (max-width: 1080px) {
    .mapa_img {
        height: 500px;
        width: 1000px;
        background-image: url('../img/mapa_utesc.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_index {
        height: 30px;
    }

    .gps-edificio1 {
        margin-top: 32%;
        margin-left: 79%;
    }

    .gps-edificio2 {
        margin-top: 27%;
        margin-left: 54%;
    }

    .gps-edificio3 {
        margin-top: 13%;
        margin-left: 77%;
    }

    .gps-biblioteca {
        margin-top: 6%;
        margin-left: 40%;
    }

    .gps-tienda {
        margin-top: 28%;
        margin-left: 38%;
    }

    .gps-cancha-baloncesto {
        margin-top: 11%;
        margin-left: 6%;
    }

    .gps-cancha-arena {
        margin-top: 16%;
        margin-left: 87%;
    }

    /* estilo de edificio1_pb.php */
    .edificio1-pb {
        height: 480px;
        background-image: url('../img/planos/e1-pb/plano-e1-pb.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio1_pb {
        height: 20px;
    }

    .gps1-edificio1-pb-cecom {
        margin-top: 13.4%;
        margin-left: 85%;
    }

    .gps3-edificio1-pb-aula2 {
        margin-top: 13.4%;
        margin-left: 71.3%;
    }

    .gps4-edificio1-pb-aula3 {
        margin-top: 13.4%;
        margin-left: 68.8%;
    }

    .gps5-edificio1-pb-aula4 {
        margin-top: 13.4%;
        margin-left: 57.6%;
    }

    .gps6-edificio1-pb-aula5 {
        margin-top: 13.4%;
        margin-left: 55.1%;
    }

    .gps7-edificio1-pb-escaleras {
        margin-top: 13.4%;
        margin-left: 40%;
    }

    .gps8-edificio1-pb-baños {
        margin-top: 13.4%;
        margin-left: 32.3%;
    }

    .gps9-edificio1-pb-entrada-administrativos {
        margin-top: 15.9%;
        margin-left: 25.6%;
    }

    .gps10-edificio1-pb-control-escolar {
        margin-top: 22%;
        margin-left: 26%;
    }

    .gps11-edificio1-pb-ayudantes-rectoria {
        margin-top: 10%;
        margin-left: 19.2%;
    }

    .gps12-edificio1-pb-rectoria {
        margin-top: 6%;
        margin-left: 16%;
    }

    .gps13-edificio1-pb-sala-juntas {
        margin-top: 11%;
        margin-left: 8.7%;
    }

    .gps14-edificio1-pb-afuera-sala-juntas {
        margin-top: 13.5%;
        margin-left: 10.4%;
    }

    .gps15-edificio1-pb-juridico {
        margin-top: 15%;
        margin-left: 7.9%;
    }

    .gps16-edificio1-pb-social {
        margin-top: 19.2%;
        margin-left: 6.9%;
    }

    .gps17-edificio1-pb-contabilidad {
        margin-top: 21.5%;
        margin-left: 6.6%;
    }

    .gps18-edificio1-pb-recursos-humanos {
        margin-top: 25.5%;
        margin-left: 5.8%;
    }

    .gps19-edificio1-pb-finanzas {
        margin-top: 26.5%;
        margin-left: 13%;
    }

    .gps20-edificio1-pb-infraestructura {
        margin-top: 22.2%;
        margin-left: 13.8%;
    }

    .gps21-edificio1-pb-planeacion {
        margin-top: 20.2%;
        margin-left: 14.2%;
    }

    .gps22-edificio1-pb-auditorio {
        margin-top: 26%;
        margin-left: 58.5%;
    }

    .gps23-edificio1-pb-sala-egresados {
        margin-top: 25.6%;
        margin-left: 60.8%;
    }

    .gps24-edificio1-pb-entrada {
        margin-top: 39.5%;
        margin-left: 35.5%;
    }

    /* fin de los estilos del edificio1_pb.php */

    /* estilos del edificio1_pa.php */
    .edificio1-pa {
        height: 490px;
        background-image: url('../img/planos/e1-pa/plano-e1-pa.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio1_pa {
        height: 18px;
    }

    .gps1-edificio1-pa-cecom {
        margin-top: 14.6%;
        margin-left: 83.5%;
    }

    .gps2-edificio1-pa-aula11 {
        margin-top: 14.6%;
        margin-left: 75.6%;
    }

    .gps3-edificio1-pa-aula12 {
        margin-top: 14.6%;
        margin-left: 73%;
    }

    .gps4-edificio1-pa-aula13 {
        margin-top: 14.6%;
        margin-left: 59.2%;
    }

    .gps5-edificio1-pa-aula14 {
        margin-top: 14.6%;
        margin-left: 56.9%;
    }

    .gps6-edificio1-pa-escaleras {
        margin-top: 14.6%;
        margin-left: 47.3%;
    }

    .gps7-edificio1-pa-baños {
        margin-top: 14.6%;
        margin-left: 33.2%;
    }

    .gps8-edificio1-pa-entrada-coordinacion {
        margin-top: 17%;
        margin-left: 26%;
    }

    .gps9-edificio1-pa-direccion-academica {
        margin-top: 7.5%;
        margin-left: 17%;
    }

    .gps10-edificio1-pa-enfermeria {
        margin-top: 7.2%;
        margin-left: 14.6%;
    }

    .gps11-edificio1-pa-supervisora {
        margin-top: 11%;
        margin-left: 15.8%;
    }

    .gps12-edificio1-pa-ingles {
        margin-top: 10%;
        margin-left: 10.6%;
    }

    .gps13-edificio1-pa-agricultura {
        margin-top: 12%;
        margin-left: 10.4%;
    }

    .gps14-edificio1-pa-tic {
        margin-top: 17.7%;
        margin-left: 9.2%;
    }

    .gps15-edificio1-pa-gastronomia {
        margin-top: 19.8%;
        margin-left: 8.7%;
    }

    .gps16-edificio1-pa-turismo {
        margin-top: 25.4%;
        margin-left: 7.5%;
    }

    .gps17-edificio1-pa-manto {
        margin-top: 27.4%;
        margin-left: 7.1%;
    }

    .gps18-edificio1-pa-tutorias {
        margin-top: 31%;
        margin-left: 6.2%;
    }

    .gps19-edificio1-pa-procesos {
        margin-top: 32%;
        margin-left: 10.2%;
    }

    .gps20-edificio1-pa-aux-vinculacion {
        margin-top: 24%;
        margin-left: 13.5%;
    }

    .gps21-edificio1-pa-site {
        margin-top: 31.4%;
        margin-left: 20.2%;
    }

    .gps22-edificio1-pa-psicologo {
        margin-top: 29.9%;
        margin-left: 21.3%;
    }

    .gps23-edificio1-pa-vinculacion {
        margin-top: 25.8%;
        margin-left: 20.5%;
    }

    .gps24-edificio1-pa-aula6 {
        margin-top: 29.2%;
        margin-left: 47.5%;
    }

    .gps25-edificio1-pa-aula7 {
        margin-top: 28.8%;
        margin-left: 49.8%;
    }

    .gps26-edificio1-pa-aula8 {
        margin-top: 26.2%;
        margin-left: 65.4%;
    }

    .gps27-edificio1-pa-aula9 {
        margin-top: 25.7%;
        margin-left: 67.8%;
    }

    .gps28-edificio1-pa-aula10 {
        margin-top: 24.4%;
        margin-left: 76.7%;
    }

    /* fin de los estilos del archivo edificio1-pa.php */

    /* estilos del edificio2_pb.php */
    .edificio2-pb {
        height: 490px;
        background-image: url('../img/planos/e2-pb/plano-e2-pb.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio2_pb {
        height: 30px;
    }

    .gps1-edificio2-pb-escalera {
        margin-top: 21%;
        margin-left: 10%;
    }

    .gps2-edificio2-pb-biologia {
        margin-top: 15.5%;
        margin-left: 15.6%;
    }

    .gps3-edificio2-pb-quimica {
        margin-top: 14.5%;
        margin-left: 33.5%;
    }

    .gps4-edificio2-pb-procesos {
        margin-top: 14.5%;
        margin-left: 39.5%;
    }

    .gps5-edificio2-pb-electronica {
        margin-top: 15.5%;
        margin-left: 67.5%;
    }

    .gps6-edificio2-pb-mantenimiento {
        margin-top: 15.5%;
        margin-left: 72.3%;
    }

    .gps7-edificio2-pb-gastronomia {
        margin-top: 24.7%;
        margin-left: 80.3%;
    }

    .gps8-edificio2-pb-baños {
        margin-top: 28.5%;
        margin-left: 60%;
    }

    .gps9-edificio2-pb-salida {
        margin-top: 40%;
        margin-left: 74.6%;
    }

    /* fin de los estilos edificio2_pb.php */

    /* estilos del edificio2_pa.php */
    .edificio2-pa {
        height: 490px;
        background-image: url('../img/planos/e2-pa/plano-e2-pa.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio2_pa {
        height: 20px;
    }

    .gps1-edificio2-pa-escalera {
        margin-top: 22%;
        margin-left: 10%;
    }

    .gps2-edificio2-pa-cecom {
        margin-top: 15.5%;
        margin-left: 10%;
    }

    .gps3-edificio2-pa-infra {
        margin-top: 6.3%;
        margin-left: 15.2%;
    }

    /* fin de los estilos edificio2_pa.php */

    /* estilos de edificio3-pb.php */
    .edificio3-pb {
        height: 495px;
        background-image: url('../img/planos/e3-pb/plano-e3-pb.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio3_pb {
        height: 20px;
    }

    .gps1-edificio3-pb-reposteria {
        margin-top: 9.8%;
        margin-left: 88.6%;
    }

    .gps2-edificio3-pb-cataBar {
        margin-top: 12.5%;
        margin-left: 82.5%;
    }

    .gps3-edificio3-pb-planos {
        margin-top: 13.4%;
        margin-left: 79.3%;
    }

    .gps4-edificio3-pb-hoteleria {
        margin-top: 15%;
        margin-left: 68.3%;
    }

    .gps5-edificio3-pb-escaleras {
        margin-top: 15%;
        margin-left: 54.6%;
    }

    .gps6-edificio3-pb-aula1 {
        margin-top: 15.5%;
        margin-left: 43.3%;
    }

    .gps7-edificio3-pb-aula2 {
        margin-top: 15.5%;
        margin-left: 40%;
    }

    .gps8-edificio3-pb-aula3 {
        margin-top: 15.5%;
        margin-left: 30%;
    }

    .gps9-edificio3-pb-aula4 {
        margin-top: 15.5%;
        margin-left: 27%;
    }

    .gps10-edificio3-pb-aula5 {
        margin-top: 34.5%;
        margin-left: 6%;
    }

    .gps11-edificio3-pb-aula6 {
        margin-top: 32.7%;
        margin-left: 9%;
    }

    .gps12-edificio3-pb-aula7 {
        margin-top: 27.2%;
        margin-left: 21.8%;
    }

    .gps13-edificio3-pb-aula8 {
        margin-top: 26.5%;
        margin-left: 25%;
    }

    .gps14-edificio3-pb-baños {
        margin-top: 25.7%;
        margin-left: 35.1%;
    }

    .gps15-edificio3-pb-site {
        margin-top: 25.7%;
        margin-left: 46.6%;
    }

    .gps16-edificio3-pb-entrada {
        margin-top: 31.7%;
        margin-left: 52.8%;
    }

    .gps17-edificio3-pb-enfermerialvl1 {
        margin-top: 26%;
        margin-left: 59%;
    }

    .gps18-edificio3-pb-automatizacion {
        margin-top: 26%;
        margin-left: 75.7%;
    }

    /* fin de los estilos edificio3-pb.php */

    /* estilos de edificio3-pa.php */
    .edificio3-pa {
        height: 495px;
        background-image: url('../img/planos/e3-pa/plano-e3-pa.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio3_pa {
        height: 20px;
    }

    .gps1-edificio3-pa-aula24 {
        margin-top: 8.5%;
        margin-left: 89%;
    }

    .gps2-edificio3-pa-aula23 {
        margin-top: 11%;
        margin-left: 82.8%;
    }

    .gps3-edificio3-pa-aula22 {
        margin-top: 12%;
        margin-left: 79.8%;
    }

    .gps4-edificio3-pa-aula21 {
        margin-top: 13.8%;
        margin-left: 68.6%;
    }

    .gps5-edificio3-pa-escaleras-pa {
        margin-top: 13.8%;
        margin-left: 51.3%;
    }

    .gps6-edificio3-pa-aula9 {
        margin-top: 14%;
        margin-left: 43.6%;
    }

    .gps7-edificio3-pa-aula10 {
        margin-top: 14%;
        margin-left: 40.4%;
    }

    .gps8-edificio3-pa-aula11 {
        margin-top: 14%;
        margin-left: 30.3%;
    }

    .gps9-edificio3-pa-aula12 {
        margin-top: 14%;
        margin-left: 27.2%;
    }

    .gps10-edificio3-pa-aula16 {
        margin-top: 34%;
        margin-left: 6.6%;
    }

    .gps11-edificio3-pa-aula15 {
        margin-top: 32%;
        margin-left: 9.5%;
    }

    .gps12-edificio3-pa-aula14 {
        margin-top: 26.4%;
        margin-left: 22.6%;
    }

    .gps13-edificio3-pa-aula13 {
        margin-top: 25.7%;
        margin-left: 25.8%;
    }

    .gps14-edificio3-pa-baños {
        margin-top: 24.7%;
        margin-left: 36.7%;
    }

    .gps15-edificio3-pa-aula17 {
        margin-top: 24.7%;
        margin-left: 60.9%;
    }

    .gps16-edificio3-pa-aula18 {
        margin-top: 24.7%;
        margin-left: 64.2%;
    }

    .gps17-edificio3-pa-aula19 {
        margin-top: 24.7%;
        margin-left: 71.6%;
    }

    .gps18-edificio3-pa-aula20 {
        margin-top: 24.7%;
        margin-left: 74.8%;
    }

    /* fin de los estilos edificio3-pa.php */

    /* estilos de la biblioteca.php */
    .biblioteca {
        height: 490px;
        background-image: url('../img/planos/biblioteca/plano-biblioteca.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_biblioteca {
        height: 28px;
    }

    .gps1-biblioteca-entrada {
        margin-top: 40%;
        margin-left: 34%;
    }

    .gps2-biblioteca-direccion {
        margin-top: 37%;
        margin-left: 42.5%;
    }

    .gps3-biblioteca-sala-uso-multiples {
        margin-top: 32%;
        margin-left: 52%;
    }

    .gps4-biblioteca-centro-idiomas {
        margin-top: 32%;
        margin-left: 71%;
    }

    .gps5-biblioteca-lab-enfermeria {
        margin-top: 41.5%;
        margin-left: 86.8%;
    }

    .gps6-biblioteca-cubiculo3 {
        margin-top: 3.5%;
        margin-left: 84.7%;
    }

    .gps7-biblioteca-sala-lectura {
        margin-top: 11%;
        margin-left: 46%;
    }

    .gps8-biblioteca-cecom {
        margin-top: 16.5%;
        margin-left: 24.8%;
    }

    .gps9-biblioteca-cubiculo2 {
        margin-top: 18.3%;
        margin-left: 16%;
    }

    .gps10-biblioteca-cubiculo1 {
        margin-top: 24%;
        margin-left: 16%;
    }

    .gps11-biblioteca-baños {
        margin-top: 37%;
        margin-left: 25.7%;
    }

    .gps12-biblioteca-recepcion {
        margin-top: 26.5%;
        margin-left: 33.7%;
    }

    .gps13-biblioteca-sala-estar {
        margin-top: 24%;
        margin-left: 50%;
    }

    .gps14-biblioteca-lectura-infantil {
        margin-top: 23%;
        margin-left: 69%;
    }

    /* fin de los estilos de la biblioteca */
}

@media (max-width: 1026px) {
    .mapa_img {
        height: 500px;
        width: 1000px;
        background-image: url('../img/mapa_utesc.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .gps-edificio1 {
        margin-top: 34%;
        margin-left: 84%;
    }

    .gps-edificio2 {
        margin-top: 34%;
        margin-left: 84%;
    }

    .gps-edificio3 {
        margin-top: 34%;
        margin-left: 84%;
    }

    .gps-biblioteca {
        margin-top: 6%;
        margin-left: 41%;
    }
}

@media (max-width: 1024px) {
    .mapa_img {
        height: 500px;
        width: 1000px;
        background-image: url('../img/mapa_utesc.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_index {
        height: 30px;
    }

    .gps-edificio1 {
        margin-top: 19%;
        margin-left: 50%;
    }

    .gps-edificio2 {
        margin-top: 14%;
        margin-left: 47%;
    }

    .gps-edificio3 {
        margin-top: 14%;
        margin-left: 65%;
    }

    .gps-biblioteca {
        margin-top: 9%;
        margin-left: 53%;
    }

    .gps-tienda {
        margin-top: 13%;
        margin-left: 38%;
    }

    .gps-cancha-baloncesto {
        margin-top: 8%;
        margin-left: 41%;
    }

    .gps-cancha-arena {
        margin-top: 19%;
        margin-left: 74%;
    }

    .gps-invernadero {
        margin-top: 9%;
        margin-left: 1%;
    }
    
    .gps-cancha-futbol {
        margin-top: 6%;
        margin-left: 58%;
    }
    
    .gps-tiroleza {
        margin-top: 10%;
        margin-left: 88%;
    }
    
    .gps-estacionamiento {
        margin-top: 24%;
        margin-left: 26%;
    }

    /* estilo de edificio1_pb.php */
    .edificio1-pb {
        height: 460px;
        background-image: url('../img/planos/e1-pb/plano-e1-pb.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio1_pb {
        height: 20px;
    }

    .gps1-edificio1-pb-cecom {
        margin-top: 13.4%;
        margin-left: 85%;
    }

    .gps3-edificio1-pb-aula2 {
        margin-top: 13.4%;
        margin-left: 76.3%;
    }

    .gps4-edificio1-pb-aula3 {
        margin-top: 13.4%;
        margin-left: 74%;
    }

    .gps5-edificio1-pb-aula4 {
        margin-top: 13.4%;
        margin-left: 58.8%;
    }

    .gps6-edificio1-pb-aula5 {
        margin-top: 13.4%;
        margin-left: 56.5%;
    }

    .gps7-edificio1-pb-escaleras {
        margin-top: 13.4%;
        margin-left: 40%;
    }

    .gps8-edificio1-pb-baños {
        margin-top: 13.4%;
        margin-left: 32.3%;
    }

    .gps9-edificio1-pb-entrada-administrativos {
        margin-top: 15.9%;
        margin-left: 25.6%;
    }

    .gps10-edificio1-pb-control-escolar {
        margin-top: 22%;
        margin-left: 26%;
    }

    .gps11-edificio1-pb-ayudantes-rectoria {
        margin-top: 10%;
        margin-left: 19.2%;
    }

    .gps12-edificio1-pb-rectoria {
        margin-top: 6%;
        margin-left: 16%;
    }

    .gps13-edificio1-pb-sala-juntas {
        margin-top: 11%;
        margin-left: 8.7%;
    }

    .gps14-edificio1-pb-afuera-sala-juntas {
        margin-top: 13.5%;
        margin-left: 10.4%;
    }

    .gps15-edificio1-pb-juridico {
        margin-top: 15%;
        margin-left: 7.9%;
    }

    .gps16-edificio1-pb-social {
        margin-top: 19.2%;
        margin-left: 6.9%;
    }

    .gps17-edificio1-pb-contabilidad {
        margin-top: 21.5%;
        margin-left: 6.6%;
    }

    .gps18-edificio1-pb-recursos-humanos {
        margin-top: 25.5%;
        margin-left: 5.8%;
    }

    .gps19-edificio1-pb-finanzas {
        margin-top: 26.5%;
        margin-left: 13%;
    }

    .gps20-edificio1-pb-infraestructura {
        margin-top: 22.2%;
        margin-left: 13.8%;
    }

    .gps21-edificio1-pb-planeacion {
        margin-top: 20.2%;
        margin-left: 14.2%;
    }

    .gps22-edificio1-pb-auditorio {
        margin-top: 26%;
        margin-left: 58.5%;
    }

    .gps23-edificio1-pb-sala-egresados {
        margin-top: 25.6%;
        margin-left: 60.8%;
    }

    .gps24-edificio1-pb-entrada {
        margin-top: 39.5%;
        margin-left: 35.5%;
    }

    /* fin de los estilos del edificio1_pb.php */

    /* estilos del edificio1_pa.php */
    .edificio1-pa {
        height: 470px;
        background-image: url('../img/planos/e1-pa/plano-e1-pa.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio1_pa {
        height: 18px;
    }

    .gps1-edificio1-pa-cecom {
        margin-top: 14.6%;
        margin-left: 83.5%;
    }

    .gps2-edificio1-pa-aula11 {
        margin-top: 14.6%;
        margin-left: 75.6%;
    }

    .gps3-edificio1-pa-aula12 {
        margin-top: 14.6%;
        margin-left: 73%;
    }

    .gps4-edificio1-pa-aula13 {
        margin-top: 14.6%;
        margin-left: 59.2%;
    }

    .gps5-edificio1-pa-aula14 {
        margin-top: 14.6%;
        margin-left: 56.9%;
    }

    .gps6-edificio1-pa-escaleras {
        margin-top: 14.6%;
        margin-left: 47.3%;
    }

    .gps7-edificio1-pa-baños {
        margin-top: 14.6%;
        margin-left: 33.2%;
    }

    .gps8-edificio1-pa-entrada-coordinacion {
        margin-top: 17%;
        margin-left: 26%;
    }

    .gps9-edificio1-pa-direccion-academica {
        margin-top: 7.5%;
        margin-left: 17%;
    }

    .gps10-edificio1-pa-enfermeria {
        margin-top: 7.2%;
        margin-left: 14.6%;
    }

    .gps11-edificio1-pa-supervisora {
        margin-top: 11%;
        margin-left: 15.8%;
    }

    .gps12-edificio1-pa-ingles {
        margin-top: 10%;
        margin-left: 10.6%;
    }

    .gps13-edificio1-pa-agricultura {
        margin-top: 30%;
        margin-left: 21.5%;
    }

    .gps14-edificio1-pa-tic {
        margin-top: 17.7%;
        margin-left: 9.2%;
    }

    .gps15-edificio1-pa-gastronomia {
        margin-top: 19.8%;
        margin-left: 8.7%;
    }

    .gps16-edificio1-pa-turismo {
        margin-top: 25.4%;
        margin-left: 7.5%;
    }

    .gps17-edificio1-pa-manto {
        margin-top: 27.4%;
        margin-left: 7.1%;
    }

    .gps18-edificio1-pa-tutorias {
        margin-top: 31%;
        margin-left: 6.2%;
    }

    .gps19-edificio1-pa-procesos {
        margin-top: 32%;
        margin-left: 10.2%;
    }

    .gps20-edificio1-pa-aux-vinculacion {
        margin-top: 24%;
        margin-left: 13.5%;
    }

    .gps21-edificio1-pa-site {
        margin-top: 31.4%;
        margin-left: 20.2%;
    }

    .gps22-edificio1-pa-psicologo {
        margin-top: 11%;
        margin-left: 21.8%;
    }

    .gps23-edificio1-pa-vinculacion {
        margin-top: 25.8%;
        margin-left: 20.5%;
    }

    .gps24-edificio1-pa-aula6 {
        margin-top: 29.2%;
        margin-left: 47.5%;
    }

    .gps25-edificio1-pa-aula7 {
        margin-top: 28.8%;
        margin-left: 49.8%;
    }

    .gps26-edificio1-pa-aula8 {
        margin-top: 26.2%;
        margin-left: 65.4%;
    }

    .gps27-edificio1-pa-aula9 {
        margin-top: 25.7%;
        margin-left: 67.8%;
    }

    .gps28-edificio1-pa-aula10 {
        margin-top: 24.4%;
        margin-left: 76.7%;
    }

    .gps29-edificio1-pa-mecatronica {
        margin-top: 12%;
        margin-left: 10.4%;
    }

    .gps30-edificio1-pa-trabajo-social {
        margin-top: 12.7%;
        margin-left: 21.3%;
    }

    /* fin de los estilos del archivo edificio1-pa.php */

    /* estilos del edificio2_pb.php */
    .edificio2-pb {
        height: 470px;
        background-image: url('../img/planos/e2-pb/plano-e2-pb.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio2_pb {
        height: 30px;
    }

    .gps1-edificio2-pb-escalera {
        margin-top: 21%;
        margin-left: 10%;
    }

    .gps2-edificio2-pb-biologia {
        margin-top: 15.5%;
        margin-left: 15.6%;
    }

    .gps3-edificio2-pb-quimica {
        margin-top: 14.5%;
        margin-left: 33.5%;
    }

    .gps4-edificio2-pb-procesos {
        margin-top: 14.5%;
        margin-left: 39.5%;
    }

    .gps5-edificio2-pb-electronica {
        margin-top: 15.5%;
        margin-left: 67.5%;
    }

    .gps6-edificio2-pb-mantenimiento {
        margin-top: 15.5%;
        margin-left: 72.3%;
    }

    .gps7-edificio2-pb-gastronomia {
        margin-top: 24.7%;
        margin-left: 80.3%;
    }

    .gps8-edificio2-pb-baños {
        margin-top: 28.5%;
        margin-left: 60%;
    }

    .gps9-edificio2-pb-salida {
        margin-top: 40%;
        margin-left: 74.6%;
    }

    /* fin de los estilos edificio2_pb.php */

    /* estilos del edificio2_pa.php */
    .edificio2-pa {
        height: 470px;
        background-image: url('../img/planos/e2-pa/plano-e2-pa.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio2_pa {
        height: 20px;
    }

    .gps1-edificio2-pa-escalera {
        margin-top: 22%;
        margin-left: 10%;
    }

    .gps2-edificio2-pa-cecom {
        margin-top: 15.5%;
        margin-left: 10%;
    }

    .gps3-edificio2-pa-infra {
        margin-top: 6.3%;
        margin-left: 15.2%;
    }

    /* fin de los estilos edificio2_pa.php */

    /* estilos de edificio3-pb.php */
    .edificio3-pb {
        height: 475px;
        background-image: url('../img/planos/e3-pb/plano-e3-pb.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio3_pb {
        height: 20px;
    }

    .gps1-edificio3-pb-reposteria {
        margin-top: 9.8%;
        margin-left: 88.6%;
    }

    .gps2-edificio3-pb-cataBar {
        margin-top: 12.5%;
        margin-left: 82.5%;
    }

    .gps3-edificio3-pb-planos {
        margin-top: 13.4%;
        margin-left: 79.3%;
    }

    .gps4-edificio3-pb-hoteleria {
        margin-top: 15%;
        margin-left: 68.3%;
    }

    .gps5-edificio3-pb-escaleras {
        margin-top: 15%;
        margin-left: 54.6%;
    }

    .gps6-edificio3-pb-aula1 {
        margin-top: 15.5%;
        margin-left: 43.3%;
    }

    .gps7-edificio3-pb-aula2 {
        margin-top: 15.5%;
        margin-left: 40%;
    }

    .gps8-edificio3-pb-aula3 {
        margin-top: 15.5%;
        margin-left: 30%;
    }

    .gps9-edificio3-pb-aula4 {
        margin-top: 15.5%;
        margin-left: 27%;
    }

    .gps10-edificio3-pb-aula5 {
        margin-top: 34.5%;
        margin-left: 6%;
    }

    .gps11-edificio3-pb-aula6 {
        margin-top: 32.7%;
        margin-left: 9%;
    }

    .gps12-edificio3-pb-aula7 {
        margin-top: 27.2%;
        margin-left: 21.8%;
    }

    .gps13-edificio3-pb-aula8 {
        margin-top: 26.5%;
        margin-left: 25%;
    }

    .gps14-edificio3-pb-baños {
        margin-top: 25.7%;
        margin-left: 35.1%;
    }

    .gps15-edificio3-pb-site {
        margin-top: 25.7%;
        margin-left: 46.6%;
    }

    .gps16-edificio3-pb-entrada {
        margin-top: 31.7%;
        margin-left: 52.8%;
    }

    .gps17-edificio3-pb-enfermerialvl1 {
        margin-top: 26%;
        margin-left: 59%;
    }

    .gps18-edificio3-pb-automatizacion {
        margin-top: 26%;
        margin-left: 75.7%;
    }

    /* fin de los estilos edificio3-pb.php */

    /* estilos de edificio3-pa.php */
    .edificio3-pa {
        height: 470px;
        background-image: url('../img/planos/e3-pa/plano-e3-pa.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio3_pa {
        height: 20px;
    }

    .gps1-edificio3-pa-aula24 {
        margin-top: 8.5%;
        margin-left: 89%;
    }

    .gps2-edificio3-pa-aula23 {
        margin-top: 11%;
        margin-left: 82.8%;
    }

    .gps3-edificio3-pa-aula22 {
        margin-top: 12%;
        margin-left: 79.8%;
    }

    .gps4-edificio3-pa-aula21 {
        margin-top: 13.8%;
        margin-left: 68.6%;
    }

    .gps5-edificio3-pa-escaleras-pa {
        margin-top: 13.8%;
        margin-left: 51.3%;
    }

    .gps6-edificio3-pa-aula9 {
        margin-top: 14%;
        margin-left: 43.6%;
    }

    .gps7-edificio3-pa-aula10 {
        margin-top: 14%;
        margin-left: 40.4%;
    }

    .gps8-edificio3-pa-aula11 {
        margin-top: 14%;
        margin-left: 30.3%;
    }

    .gps9-edificio3-pa-aula12 {
        margin-top: 14%;
        margin-left: 27.2%;
    }

    .gps10-edificio3-pa-aula16 {
        margin-top: 34%;
        margin-left: 6.9%;
    }

    .gps11-edificio3-pa-aula15 {
        margin-top: 29.2%;
        margin-left: 14.5%;
    }

    .gps12-edificio3-pa-aula14 {
        margin-top: 27.8%;
        margin-left: 17.4%;
    }

    .gps13-edificio3-pa-aula13 {
        margin-top: 25%;
        margin-left: 30.5%;
    }

    .gps14-edificio3-pa-baños {
        margin-top: 24.7%;
        margin-left: 36.9%;
    }

    .gps15-edificio3-pa-aula17 {
        margin-top: 24.7%;
        margin-left: 60.9%;
    }

    .gps16-edificio3-pa-aula18 {
        margin-top: 24.7%;
        margin-left: 64.2%;
    }

    .gps17-edificio3-pa-aula19 {
        margin-top: 24.7%;
        margin-left: 71.6%;
    }

    .gps18-edificio3-pa-aula20 {
        margin-top: 24.7%;
        margin-left: 74.8%;
    }

    /* fin de los estilos edificio3-pa.php */

    /* estilos de la biblioteca.php */
    .biblioteca {
        height: 470px;
        background-image: url('../img/planos/biblioteca/plano-biblioteca.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_biblioteca {
        height: 28px;
    }

    .gps1-biblioteca-entrada {
        margin-top: 40%;
        margin-left: 34%;
    }

    .gps2-biblioteca-direccion {
        margin-top: 37%;
        margin-left: 42.5%;
    }

    .gps3-biblioteca-sala-uso-multiples {
        margin-top: 32%;
        margin-left: 52%;
    }

    .gps4-biblioteca-centro-idiomas {
        margin-top: 32%;
        margin-left: 71%;
    }

    .gps5-biblioteca-lab-enfermeria {
        margin-top: 41.5%;
        margin-left: 86.8%;
    }

    .gps6-biblioteca-cubiculo3 {
        margin-top: 3.5%;
        margin-left: 84.7%;
    }

    .gps7-biblioteca-sala-lectura {
        margin-top: 11%;
        margin-left: 46%;
    }

    .gps8-biblioteca-cecom {
        margin-top: 16.5%;
        margin-left: 24.8%;
    }

    .gps9-biblioteca-cubiculo2 {
        margin-top: 18.3%;
        margin-left: 16%;
    }

    .gps10-biblioteca-cubiculo1 {
        margin-top: 24%;
        margin-left: 16%;
    }

    .gps11-biblioteca-baños {
        margin-top: 37%;
        margin-left: 25.7%;
    }

    .gps12-biblioteca-recepcion {
        margin-top: 26.5%;
        margin-left: 33.7%;
    }

    .gps13-biblioteca-sala-estar {
        margin-top: 24%;
        margin-left: 50%;
    }

    .gps14-biblioteca-lectura-infantil {
        margin-top: 23%;
        margin-left: 69%;
    }

    /* fin de los estilos de la biblioteca */
}

@media (max-width: 1000px) {
    .mapa_img {
        height: 500px;
        width: 1000px;
        background-image: url('../img/mapa_utesc.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
}

@media (max-width: 967px) {
    .mapa_img {
        height: 500px;
        width: 1000px;
        background-image: url('../img/mapa_utesc.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .gps-edificio1 {
        margin-top: 36%;
        margin-left: 89%;
    }

    .gps-edificio2 {
        margin-top: 36%;
        margin-left: 89%;
    }

    .gps-edificio3 {
        margin-top: 36%;
        margin-left: 89%;
    }

    .gps-biblioteca {
        margin-top: 6%;
        margin-left: 41%;
    }
}

@media (max-width: 961px) {
    .mapa_img {
        height: 500px;
        width: 1000px;
        background-image: url('../img/mapa_utesc.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
}

@media (max-width: 912px) {
    .mapa_img {
        height: 500px;
        width: 890px;
        background-image: url('../img/mapa_utesc.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_index {
        height: 30px;
    }

    .gps-edificio1 {
        margin-top: 22%;
        margin-left: 50%;
    }

    .gps-edificio2 {
        margin-top: 16%;
        margin-left: 47%;
    }

    .gps-edificio3 {
        margin-top: 15%;
        margin-left: 65%;
    }

    .gps-biblioteca {
        margin-top: 10%;
        margin-left: 54%;
    }

    .gps-tienda {
        margin-top: 15%;
        margin-left: 38%;
    }

    .gps-cancha-baloncesto {
        margin-top: 9%;
        margin-left: 41%;
    }

    .gps-cancha-arena {
        margin-top: 21%;
        margin-left: 74%;
    }

    .gps-invernadero {
        margin-top: 10%;
        margin-left: 1%;
    }
    
    .gps-cancha-futbol{
        margin-top: 6%;
        margin-left: 58%;
    }
    
    .gps-tiroleza{
        margin-top: 12%;
        margin-left: 87%;
    }
    
    .gps-estacionamiento{
        margin-top: 28%;
        margin-left: 26%;
    }

    /* estilos de edificio1_pb.php */
    .edificio1-pb {
        height: 720px;
        background-image: url('../img/planos/e1-pb/plano-e1-pb.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio1_pb {
        height: 23px;
    }

    .gps1-edificio1-pb-cecom {
        margin-top: 24.5%;
        margin-left: 84.5%;
    }

    .gps3-edificio1-pb-aula2 {
        margin-top: 24.5%;
        margin-left: 76%;
    }

    .gps4-edificio1-pb-aula3 {
        margin-top: 24.5%;
        margin-left: 73.5%;
    }

    .gps5-edificio1-pb-aula4 {
        margin-top: 24.5%;
        margin-left: 58.4%;
    }

    .gps6-edificio1-pb-aula5 {
        margin-top: 24.5%;
        margin-left: 56%;
    }

    .gps7-edificio1-pb-escaleras {
        margin-top: 24.5%;
        margin-left: 40%;
    }

    .gps8-edificio1-pb-baños {
        margin-top: 24.5%;
        margin-left: 32.1%;
    }

    .gps9-edificio1-pb-entrada-administrativos {
        margin-top: 29%;
        margin-left: 25.5%;
    }

    .gps10-edificio1-pb-control-escolar {
        margin-top: 40%;
        margin-left: 26%;
    }

    .gps11-edificio1-pb-ayudantes-rectoria {
        margin-top: 18.5%;
        margin-left: 19%;
    }

    .gps12-edificio1-pb-rectoria {
        margin-top: 11.6%;
        margin-left: 15.8%;
    }

    .gps13-edificio1-pb-sala-juntas {
        margin-top: 20.5%;
        margin-left: 8.5%;
    }

    .gps14-edificio1-pb-afuera-sala-juntas {
        margin-top: 25%;
        margin-left: 10.3%;
    }

    .gps15-edificio1-pb-juridico {
        margin-top: 28%;
        margin-left: 7.8%;
    }

    .gps16-edificio1-pb-social {
        margin-top: 35%;
        margin-left: 7%;
    }

    .gps17-edificio1-pb-contabilidad {
        margin-top: 39%;
        margin-left: 6.5%;
    }

    .gps18-edificio1-pb-recursos-humanos {
        margin-top: 46%;
        margin-left: 5.6%;
    }

    .gps19-edificio1-pb-finanzas {
        margin-top: 48%;
        margin-left: 12.8%;
    }

    .gps20-edificio1-pb-infraestructura {
        margin-top: 40.5%;
        margin-left: 13.6%;
    }

    .gps21-edificio1-pb-planeacion {
        margin-top: 36.8%;
        margin-left: 14.2%;
    }

    .gps22-edificio1-pb-auditorio {
        margin-top: 47%;
        margin-left: 58.3%;
    }

    .gps23-edificio1-pb-sala-egresados {
        margin-top: 46%;
        margin-left: 60.6%;
    }

    .gps24-edificio1-pb-entrada {
        margin-top: 71%;
        margin-left: 35.4%;
    }

    /* fin de los estilos del edificio1_pb.php */

    /* estilos del edificio1_pa.php */
    .edificio1-pa {
        height: 730px;
        background-image: url('../img/planos/e1-pa/plano-e1-pa.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio1_pa {
        height: 20px;
    }

    .gps1-edificio1-pa-cecom {
        margin-top: 26.5%;
        margin-left: 83.3%;
    }

    .gps2-edificio1-pa-aula11 {
        margin-top: 26.5%;
        margin-left: 75.2%;
    }

    .gps3-edificio1-pa-aula12 {
        margin-top: 26.5%;
        margin-left: 72.6%;
    }

    .gps4-edificio1-pa-aula13 {
        margin-top: 26.5%;
        margin-left: 58.9%;
    }

    .gps5-edificio1-pa-aula14 {
        margin-top: 26.5%;
        margin-left: 56.5%;
    }

    .gps6-edificio1-pa-escaleras {
        margin-top: 26.5%;
        margin-left: 47%;
    }

    .gps7-edificio1-pa-baños {
        margin-top: 26.5%;
        margin-left: 32.8%;
    }

    .gps8-edificio1-pa-entrada-coordinacion {
        margin-top: 30.5%;
        margin-left: 25.5%;
    }

    .gps9-edificio1-pa-direccion-academica {
        margin-top: 13.8%;
        margin-left: 16.7%;
    }

    .gps10-edificio1-pa-enfermeria {
        margin-top: 13.3%;
        margin-left: 14.3%;
    }

    .gps11-edificio1-pa-supervisora {
        margin-top: 21%;
        margin-left: 15.5%;
    }

    .gps12-edificio1-pa-ingles {
        margin-top: 18.3%;
        margin-left: 10.2%;
    }

    .gps13-edificio1-pa-agricultura {
        margin-top: 53.5%;
        margin-left: 21.3%;
    }

    .gps14-edificio1-pa-tic {
        margin-top: 31.6%;
        margin-left: 8.5%;
    }

    .gps15-edificio1-pa-gastronomia {
        margin-top: 35%;
        margin-left: 8.2%;
    }

    .gps16-edificio1-pa-turismo {
        margin-top: 45.2%;
        margin-left: 6.9%;
    }

    .gps17-edificio1-pa-manto {
        margin-top: 48.6%;
        margin-left: 6.6%;
    }

    .gps18-edificio1-pa-tutorias {
        margin-top: 55.2%;
        margin-left: 5.6%;
    }

    .gps19-edificio1-pa-procesos {
        margin-top: 56.5%;
        margin-left: 9.7%;
    }

    .gps20-edificio1-pa-aux-vinculacion {
        margin-top: 42%;
        margin-left: 12.9%;
    }

    .gps21-edificio1-pa-site {
        margin-top: 55%;
        margin-left: 19.6%;
    }

    .gps22-edificio1-pa-psicologo {
        margin-top: 20%;
        margin-left: 21.5%;
    }

    .gps23-edificio1-pa-vinculacion {
        margin-top: 45.5%;
        margin-left: 20.5%;
    }

    .gps24-edificio1-pa-aula6 {
        margin-top: 51.5%;
        margin-left: 46.9%;
    }

    .gps25-edificio1-pa-aula7 {
        margin-top: 50.8%;
        margin-left: 49.4%;
    }

    .gps26-edificio1-pa-aula8 {
        margin-top: 46.3%;
        margin-left: 65%;
    }

    .gps27-edificio1-pa-aula9 {
        margin-top: 45.6%;
        margin-left: 67.4%;
    }

    .gps28-edificio1-pa-aula10 {
        margin-top: 43%;
        margin-left: 76.4%;
    }

    .gps29-edificio1-pa-mecatronica {
        margin-top: 21.5%;
        margin-left: 10%;
    }

    .gps30-edificio1-pa-trabajo-social {
        margin-top: 23%;
        margin-left: 21%;
    }

    /* fin de los estilos del archivo edificio1-pa.php */

    /* estilos del edificio2_pb.php */
    .edificio2-pb {
        height: 550px;
        background-image: url('../img/planos/e2-pb/plano-e2-pb.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio2_pb {
        height: 20px;
    }

    .gps1-edificio2-pb-escalera {
        margin-top: 29%;
        margin-left: 11%;
    }

    .gps2-edificio2-pb-biologia {
        margin-top: 21.5%;
        margin-left: 16%;
    }

    .gps3-edificio2-pb-quimica {
        margin-top: 20%;
        margin-left: 33.5%;
    }

    .gps4-edificio2-pb-procesos {
        margin-top: 20%;
        margin-left: 40%;
    }

    .gps5-edificio2-pb-electronica {
        margin-top: 21.5%;
        margin-left: 67.8%;
    }

    .gps6-edificio2-pb-mantenimiento {
        margin-top: 21.5%;
        margin-left: 72.5%;
    }

    .gps7-edificio2-pb-gastronomia {
        margin-top: 33%;
        margin-left: 80.3%;
    }

    .gps8-edificio2-pb-baños {
        margin-top: 38%;
        margin-left: 60.5%;
    }

    .gps9-edificio2-pb-salida {
        margin-top: 54%;
        margin-left: 75%;
    }

    /* fin de los estilos edificio2_pb.php */

    /* estilos del edificio2_pa.php */
    .edificio2-pa {
        height: 500px;
        background-image: url('../img/planos/e2-pa/plano-e2-pa.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio2_pa {
        height: 20px;
    }

    .gps1-edificio2-pa-escalera {
        margin-top: 26%;
        margin-left: 9%;
    }

    .gps2-edificio2-pa-cecom {
        margin-top: 18.5%;
        margin-left: 10%;
    }

    .gps3-edificio2-pa-infra {
        margin-top: 7.8%;
        margin-left: 15%;
    }

    /* fin de los estilos edificio2_pa.php */

    /* estilos de edificio3-pb.php */
    .edificio3-pb {
        height: 480px;
        background-image: url('../img/planos/e3-pb/plano-e3-pb.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio3_pb {
        height: 20px;
    }

    .gps1-edificio3-pb-reposteria {
        margin-top: 11%;
        margin-left: 88.4%;
    }

    .gps2-edificio3-pb-cataBar {
        margin-top: 14%;
        margin-left: 82.5%;
    }

    .gps3-edificio3-pb-planos {
        margin-top: 15%;
        margin-left: 79.3%;
    }

    .gps4-edificio3-pb-hoteleria {
        margin-top: 17%;
        margin-left: 68.3%;
    }

    .gps5-edificio3-pb-escaleras {
        margin-top: 17%;
        margin-left: 54.5%;
    }

    .gps6-edificio3-pb-aula1 {
        margin-top: 17.4%;
        margin-left: 43.3%;
    }

    .gps7-edificio3-pb-aula2 {
        margin-top: 17.4%;
        margin-left: 40%;
    }

    .gps8-edificio3-pb-aula3 {
        margin-top: 17.4%;
        margin-left: 30%;
    }

    .gps9-edificio3-pb-aula4 {
        margin-top: 17.4%;
        margin-left: 27%;
    }

    .gps10-edificio3-pb-aula5 {
        margin-top: 39%;
        margin-left: 5.9%;
    }

    .gps11-edificio3-pb-aula6 {
        margin-top: 37%;
        margin-left: 8.6%;
    }

    .gps12-edificio3-pb-aula7 {
        margin-top: 30%;
        margin-left: 21.6%;
    }

    .gps13-edificio3-pb-aula8 {
        margin-top: 29.2%;
        margin-left: 25%;
    }

    .gps14-edificio3-pb-baños {
        margin-top: 29%;
        margin-left: 35.2%;
    }

    .gps15-edificio3-pb-site {
        margin-top: 29%;
        margin-left: 46.7%;
    }

    .gps16-edificio3-pb-entrada {
        margin-top: 36%;
        margin-left: 52.8%;
    }

    .gps17-edificio3-pb-enfermerialvl1 {
        margin-top: 29%;
        margin-left: 59%;
    }

    .gps18-edificio3-pb-automatizacion {
        margin-top: 29%;
        margin-left: 75.5%;
    }

    /* fin de los estilos edificio3-pb.php */

    /* estilos de edificio3-pa.php */
    .edificio3-pa {
        height: 520px;
        background-image: url('../img/planos/e3-pa/plano-e3-pa.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio3_pa {
        height: 22px;
    }

    .gps1-edificio3-pa-aula24 {
        margin-top: 9.8%;
        margin-left: 88.7%;
    }

    .gps2-edificio3-pa-aula23 {
        margin-top: 12.7%;
        margin-left: 82.6%;
    }

    .gps3-edificio3-pa-aula22 {
        margin-top: 14%;
        margin-left: 79.5%;
    }

    .gps4-edificio3-pa-aula21 {
        margin-top: 16.4%;
        margin-left: 68.3%;
    }

    .gps5-edificio3-pa-escaleras-pa {
        margin-top: 16.4%;
        margin-left: 51%;
    }

    .gps6-edificio3-pa-aula9 {
        margin-top: 16.8%;
        margin-left: 43.6%;
    }

    .gps7-edificio3-pa-aula10 {
        margin-top: 16.8%;
        margin-left: 40.2%;
    }

    .gps8-edificio3-pa-aula11 {
        margin-top: 16.8%;
        margin-left: 30%;
    }

    .gps9-edificio3-pa-aula12 {
        margin-top: 16.8%;
        margin-left: 27%;
    }

    .gps10-edificio3-pa-aula16 {
        margin-top: 42.3%;
        margin-left: 6.8%;
    }

    .gps11-edificio3-pa-aula15 {
        margin-top: 37%;
        margin-left: 14.3%;
    }

    .gps12-edificio3-pa-aula14 {
        margin-top: 35.3%;
        margin-left: 17.2%;
    }

    .gps13-edificio3-pa-aula13 {
        margin-top: 31.2%;
        margin-left: 30.3%;
    }

    .gps14-edificio3-pa-baños {
        margin-top: 30.7%;
        margin-left: 36.6%;
    }

    .gps15-edificio3-pa-aula17 {
        margin-top: 31%;
        margin-left: 60.8%;
    }

    .gps16-edificio3-pa-aula18 {
        margin-top: 31%;
        margin-left: 64%;
    }

    .gps17-edificio3-pa-aula19 {
        margin-top: 31%;
        margin-left: 71.4%;
    }

    .gps18-edificio3-pa-aula20 {
        margin-top: 31%;
        margin-left: 74.6%;
    }

    /* fin de los estilos edificio3-pa.php */

    /* estilos de la biblioteca.php */
    .biblioteca {
        height: 610px;
        background-image: url('../img/planos/biblioteca/plano-biblioteca.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_biblioteca {
        height: 28px;
    }

    .gps1-biblioteca-entrada {
        margin-top: 59%;
        margin-left: 34%;
    }

    .gps2-biblioteca-direccion {
        margin-top: 54.7%;
        margin-left: 43%;
    }

    .gps3-biblioteca-sala-uso-multiples {
        margin-top: 47%;
        margin-left: 52%;
    }

    .gps4-biblioteca-centro-idiomas {
        margin-top: 47%;
        margin-left: 71%;
    }

    .gps5-biblioteca-lab-enfermeria {
        margin-top: 61.6%;
        margin-left: 87%;
    }

    .gps6-biblioteca-cubiculo3 {
        margin-top: 6%;
        margin-left: 84.6%;
    }

    .gps7-biblioteca-sala-lectura {
        margin-top: 16%;
        margin-left: 46%;
    }

    .gps8-biblioteca-cecom {
        margin-top: 24.8%;
        margin-left: 24.6%;
    }

    .gps9-biblioteca-cubiculo2 {
        margin-top: 28%;
        margin-left: 16%;
    }

    .gps10-biblioteca-cubiculo1 {
        margin-top: 35%;
        margin-left: 16%;
    }

    .gps11-biblioteca-baños {
        margin-top: 54%;
        margin-left: 25%;
    }

    .gps12-biblioteca-recepcion {
        margin-top: 39%;
        margin-left: 34%;
    }

    .gps13-biblioteca-sala-estar {
        margin-top: 36%;
        margin-left: 50%;
    }

    .gps14-biblioteca-lectura-infantil {
        margin-top: 33%;
        margin-left: 69%;
    }

    /* fin de los estilos de la biblioteca */
}

@media (max-width: 820px) {
    .mapa_img {
        height: 630px;
        width: 790px;
        background-image: url('../img/mapa_utesc.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_index {
        height: 30px;
    }

    .gps-edificio1 {
        margin-top: 30%;
        margin-left: 50%;
    }

    .gps-edificio2 {
        margin-top: 24%;
        margin-left: 47%;
    }

    .gps-edificio3 {
        margin-top: 22%;
        margin-left: 65%;
    }

    .gps-biblioteca {
        margin-top: 14%;
        margin-left: 53%;
    }

    .gps-tienda {
        margin-top: 21%;
        margin-left: 38%;
    }

    .gps-cancha-baloncesto {
        margin-top: 14%;
        margin-left: 40%;
    }

    .gps-cancha-arena {
        margin-top: 30%;
        margin-left: 73%;
    }

    .gps-invernadero {
        margin-top: 15%;
        margin-left: 0%;
    }
    
    .gps-cancha-futbol{
        margin-top: 10%;
        margin-left: 58%;
    }
    
    .gps-tiroleza{
        margin-top: 18%;
        margin-left: 86%;
    }
    
    .gps-estacionamiento{
        margin-top: 38%;
        margin-left: 25%;
    }

    /* estilos de edificio1_pb.php */
    .edificio1-pb {
        height: 650px;
        background-image: url('../img/planos/e1-pb/plano-e1-pb.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio1_pb {
        height: 20px;
    }

    .gps1-edificio1-pb-cecom {
        margin-top: 24.5%;
        margin-left: 84.5%;
    }

    .gps3-edificio1-pb-aula2 {
        margin-top: 24.5%;
        margin-left: 76%;
    }

    .gps4-edificio1-pb-aula3 {
        margin-top: 24.5%;
        margin-left: 73.7%;
    }

    .gps5-edificio1-pb-aula4 {
        margin-top: 24.5%;
        margin-left: 58.4%;
    }

    .gps6-edificio1-pb-aula5 {
        margin-top: 24.5%;
        margin-left: 56.2%;
    }

    .gps7-edificio1-pb-escaleras {
        margin-top: 24.5%;
        margin-left: 40%;
    }

    .gps8-edificio1-pb-baños {
        margin-top: 24.5%;
        margin-left: 32.1%;
    }

    .gps9-edificio1-pb-entrada-administrativos {
        margin-top: 29%;
        margin-left: 25.5%;
    }

    .gps10-edificio1-pb-control-escolar {
        margin-top: 40%;
        margin-left: 26%;
    }

    .gps11-edificio1-pb-ayudantes-rectoria {
        margin-top: 18.5%;
        margin-left: 19%;
    }

    .gps12-edificio1-pb-rectoria {
        margin-top: 11.6%;
        margin-left: 15.8%;
    }

    .gps13-edificio1-pb-sala-juntas {
        margin-top: 20.5%;
        margin-left: 8.5%;
    }

    .gps14-edificio1-pb-afuera-sala-juntas {
        margin-top: 25%;
        margin-left: 10.3%;
    }

    .gps15-edificio1-pb-juridico {
        margin-top: 28%;
        margin-left: 7.8%;
    }

    .gps16-edificio1-pb-social {
        margin-top: 35%;
        margin-left: 7%;
    }

    .gps17-edificio1-pb-contabilidad {
        margin-top: 39%;
        margin-left: 6.5%;
    }

    .gps18-edificio1-pb-recursos-humanos {
        margin-top: 46%;
        margin-left: 5.6%;
    }

    .gps19-edificio1-pb-finanzas {
        margin-top: 48%;
        margin-left: 12.8%;
    }

    .gps20-edificio1-pb-infraestructura {
        margin-top: 40.5%;
        margin-left: 13.6%;
    }

    .gps21-edificio1-pb-planeacion {
        margin-top: 36.8%;
        margin-left: 14.2%;
    }

    .gps22-edificio1-pb-auditorio {
        margin-top: 47%;
        margin-left: 58.3%;
    }

    .gps23-edificio1-pb-sala-egresados {
        margin-top: 46%;
        margin-left: 60.6%;
    }

    .gps24-edificio1-pb-entrada {
        margin-top: 71%;
        margin-left: 35.4%;
    }

    /* fin de los estilos del edificio1_pb.php */

    /* estilos del edificio1_pa.php */
    .edificio1-pa {
        height: 650px;
        background-image: url('../img/planos/e1-pa/plano-e1-pa.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio1_pa {
        height: 20px;
    }

    .gps1-edificio1-pa-cecom {
        margin-top: 26%;
        margin-left: 83%;
    }

    .gps2-edificio1-pa-aula11 {
        margin-top: 26%;
        margin-left: 75.1%;
    }

    .gps3-edificio1-pa-aula12 {
        margin-top: 26%;
        margin-left: 72.5%;
    }

    .gps4-edificio1-pa-aula13 {
        margin-top: 26%;
        margin-left: 58.7%;
    }

    .gps5-edificio1-pa-aula14 {
        margin-top: 26%;
        margin-left: 56.4%;
    }

    .gps6-edificio1-pa-escaleras {
        margin-top: 26%;
        margin-left: 47%;
    }

    .gps7-edificio1-pa-baños {
        margin-top: 26%;
        margin-left: 32.7%;
    }

    .gps8-edificio1-pa-entrada-coordinacion {
        margin-top: 30.4%;
        margin-left: 25.3%;
    }

    .gps9-edificio1-pa-direccion-academica {
        margin-top: 13.5%;
        margin-left: 16.5%;
    }

    .gps10-edificio1-pa-enfermeria {
        margin-top: 12.8%;
        margin-left: 14%;
    }

    .gps11-edificio1-pa-supervisora {
        margin-top: 20%;
        margin-left: 15.5%;
    }

    .gps12-edificio1-pa-ingles {
        margin-top: 17.7%;
        margin-left: 9.9%;
    }

    .gps13-edificio1-pa-agricultura {
        margin-top: 53%;
        margin-left: 21.5%;
    }

    .gps14-edificio1-pa-tic {
        margin-top: 31.2%;
        margin-left: 8.4%;
    }

    .gps15-edificio1-pa-gastronomia {
        margin-top: 34.5%;
        margin-left: 8%;
    }

    .gps16-edificio1-pa-turismo {
        margin-top: 44.5%;
        margin-left: 6.7%;
    }

    .gps17-edificio1-pa-manto {
        margin-top: 48%;
        margin-left: 6.5%;
    }

    .gps18-edificio1-pa-tutorias {
        margin-top: 54%;
        margin-left: 5.6%;
    }

    .gps19-edificio1-pa-procesos {
        margin-top: 56.2%;
        margin-left: 9.6%;
    }

    .gps20-edificio1-pa-aux-vinculacion {
        margin-top: 42%;
        margin-left: 13%;
    }

    .gps21-edificio1-pa-site {
        margin-top: 54.5%;
        margin-left: 19.6%;
    }

    .gps22-edificio1-pa-psicologo {
        margin-top: 19.5%;
        margin-left: 21.5%;
    }

    .gps23-edificio1-pa-vinculacion {
        margin-top: 45%;
        margin-left: 20.5%;
    }

    .gps24-edificio1-pa-aula6 {
        margin-top: 51%;
        margin-left: 47%;
    }

    .gps25-edificio1-pa-aula7 {
        margin-top: 50%;
        margin-left: 49.4%;
    }

    .gps26-edificio1-pa-aula8 {
        margin-top: 45.5%;
        margin-left: 65%;
    }

    .gps27-edificio1-pa-aula9 {
        margin-top: 45%;
        margin-left: 67.2%;
    }

    .gps28-edificio1-pa-aula10 {
        margin-top: 42.5%;
        margin-left: 76.2%;
    }

    .gps29-edificio1-pa-mecatronica {
        margin-top: 20.5%;
        margin-left: 9.8%;
    }

    .gps30-edificio1-pa-trabajo-social {
        margin-top: 22%;
        margin-left: 21%;
    }

    /* fin de los estilos del archivo edificio1-pa.php */

    /* estilos del edificio2_pb.php */
    .edificio2-pb {
        height: 520px;
        background-image: url('../img/planos/e2-pb/plano-e2-pb.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio2_pb {
        height: 20px;
    }

    .gps1-edificio2-pb-escalera {
        margin-top: 30%;
        margin-left: 11%;
    }

    .gps2-edificio2-pb-biologia {
        margin-top: 22.5%;
        margin-left: 15.8%;
    }

    .gps3-edificio2-pb-quimica {
        margin-top: 21%;
        margin-left: 33.5%;
    }

    .gps4-edificio2-pb-procesos {
        margin-top: 21%;
        margin-left: 39.8%;
    }

    .gps5-edificio2-pb-electronica {
        margin-top: 22.5%;
        margin-left: 67.7%;
    }

    .gps6-edificio2-pb-mantenimiento {
        margin-top: 22.5%;
        margin-left: 72.4%;
    }

    .gps7-edificio2-pb-gastronomia {
        margin-top: 34.5%;
        margin-left: 80.3%;
    }

    .gps8-edificio2-pb-baños {
        margin-top: 40%;
        margin-left: 60.5%;
    }

    .gps9-edificio2-pb-salida {
        margin-top: 57%;
        margin-left: 74.7%;
    }

    /* fin de los estilos edificio2_pb.php */

    /* estilos del edificio2_pa.php */
    .edificio2-pa {
        height: 420px;
        background-image: url('../img/planos/e2-pa/plano-e2-pa.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio2_pa {
        height: 20px;
    }

    .gps1-edificio2-pa-escalera {
        margin-top: 24%;
        margin-left: 9%;
    }

    .gps2-edificio2-pa-cecom {
        margin-top: 17%;
        margin-left: 10%;
    }

    .gps3-edificio2-pa-infra {
        margin-top: 7%;
        margin-left: 15%;
    }

    /* fin de los estilos edificio2_pa.php */

    /* estilos de edificio3-pb.php */
    .edificio3-pb {
        height: 500px;
        background-image: url('../img/planos/e3-pb/plano-e3-pb.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio3_pb {
        height: 18px;
    }

    .gps1-edificio3-pb-reposteria {
        margin-top: 13.5%;
        margin-left: 88.7%;
    }

    .gps2-edificio3-pb-cataBar {
        margin-top: 16.5%;
        margin-left: 82.3%;
    }

    .gps3-edificio3-pb-planos {
        margin-top: 17.6%;
        margin-left: 79.3%;
    }

    .gps4-edificio3-pb-hoteleria {
        margin-top: 20%;
        margin-left: 68%;
    }

    .gps5-edificio3-pb-escaleras {
        margin-top: 20%;
        margin-left: 54.4%;
    }

    .gps6-edificio3-pb-aula1 {
        margin-top: 20%;
        margin-left: 43.4%;
    }

    .gps7-edificio3-pb-aula2 {
        margin-top: 20%;
        margin-left: 40.2%;
    }

    .gps8-edificio3-pb-aula3 {
        margin-top: 20%;
        margin-left: 30.2%;
    }

    .gps9-edificio3-pb-aula4 {
        margin-top: 20%;
        margin-left: 27%;
    }

    .gps10-edificio3-pb-aula5 {
        margin-top: 45%;
        margin-left: 6%;
    }

    .gps11-edificio3-pb-aula6 {
        margin-top: 43%;
        margin-left: 8.9%;
    }

    .gps12-edificio3-pb-aula7 {
        margin-top: 35.5%;
        margin-left: 22%;
    }

    .gps13-edificio3-pb-aula8 {
        margin-top: 34.5%;
        margin-left: 25.3%;
    }

    .gps14-edificio3-pb-baños {
        margin-top: 33.5%;
        margin-left: 35.2%;
    }

    .gps15-edificio3-pb-site {
        margin-top: 33.7%;
        margin-left: 46.7%;
    }

    .gps16-edificio3-pb-entrada {
        margin-top: 42%;
        margin-left: 52.9%;
    }

    .gps17-edificio3-pb-enfermerialvl1 {
        margin-top: 33%;
        margin-left: 59%;
    }

    .gps18-edificio3-pb-automatizacion {
        margin-top: 33%;
        margin-left: 75.8%;
    }

    /* fin de los estilos edificio3-pb.php */

    /* estilos de edificio3-pa.php */
    .edificio3-pa {
        height: 475px;
        background-image: url('../img/planos/e3-pa/plano-e3-pa.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio3_pa {
        height: 18px;
    }

    .gps1-edificio3-pa-aula24 {
        margin-top: 9.2%;
        margin-left: 88.7%;
    }

    .gps2-edificio3-pa-aula23 {
        margin-top: 12.7%;
        margin-left: 82.6%;
    }

    .gps3-edificio3-pa-aula22 {
        margin-top: 14%;
        margin-left: 79.5%;
    }

    .gps4-edificio3-pa-aula21 {
        margin-top: 16.4%;
        margin-left: 68.3%;
    }

    .gps5-edificio3-pa-escaleras-pa {
        margin-top: 17%;
        margin-left: 51%;
    }

    .gps6-edificio3-pa-aula9 {
        margin-top: 16.8%;
        margin-left: 43.6%;
    }

    .gps7-edificio3-pa-aula10 {
        margin-top: 16.8%;
        margin-left: 40.2%;
    }

    .gps8-edificio3-pa-aula11 {
        margin-top: 16.8%;
        margin-left: 30%;
    }

    .gps9-edificio3-pa-aula12 {
        margin-top: 16.8%;
        margin-left: 27%;
    }

    .gps10-edificio3-pa-aula16 {
        margin-top: 42.8%;
        margin-left: 6.7%;
    }

    .gps11-edificio3-pa-aula15 {
        margin-top: 37%;
        margin-left: 14.3%;
    }

    .gps12-edificio3-pa-aula14 {
        margin-top: 35.2%;
        margin-left: 17.2%;
    }

    .gps13-edificio3-pa-aula13 {
        margin-top: 31.3%;
        margin-left: 30.4%;
    }

    .gps14-edificio3-pa-baños {
        margin-top: 31%;
        margin-left: 36.7%;
    }

    .gps15-edificio3-pa-aula17 {
        margin-top: 31%;
        margin-left: 60.5%;
    }

    .gps16-edificio3-pa-aula18 {
        margin-top: 31%;
        margin-left: 64%;
    }

    .gps17-edificio3-pa-aula19 {
        margin-top: 31%;
        margin-left: 71.4%;
    }

    .gps18-edificio3-pa-aula20 {
        margin-top: 31%;
        margin-left: 74.6%;
    }

    /* fin de los estilos edificio3-pa.php */

    /* estilos de la biblioteca.php */
    .biblioteca {
        height: 600px;
        background-image: url('../img/planos/biblioteca/plano-biblioteca.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_biblioteca {
        height: 28px;
    }

    .gps1-biblioteca-entrada {
        margin-top: 65%;
        margin-left: 33.8%;
    }

    .gps2-biblioteca-direccion {
        margin-top: 60%;
        margin-left: 42.5%;
    }

    .gps3-biblioteca-sala-uso-multiples {
        margin-top: 52%;
        margin-left: 51.8%;
    }

    .gps4-biblioteca-centro-idiomas {
        margin-top: 52%;
        margin-left: 71%;
    }

    .gps5-biblioteca-lab-enfermeria {
        margin-top: 67%;
        margin-left: 86.8%;
    }

    .gps6-biblioteca-cubiculo3 {
        margin-top: 6.8%;
        margin-left: 84.5%;
    }

    .gps7-biblioteca-sala-lectura {
        margin-top: 18%;
        margin-left: 46%;
    }

    .gps8-biblioteca-cecom {
        margin-top: 27.5%;
        margin-left: 24.3%;
    }

    .gps9-biblioteca-cubiculo2 {
        margin-top: 31%;
        margin-left: 16%;
    }

    .gps10-biblioteca-cubiculo1 {
        margin-top: 40%;
        margin-left: 16%;
    }

    .gps11-biblioteca-baños {
        margin-top: 59%;
        margin-left: 25.7%;
    }

    .gps12-biblioteca-recepcion {
        margin-top: 43%;
        margin-left: 33.7%;
    }

    .gps13-biblioteca-sala-estar {
        margin-top: 39%;
        margin-left: 50%;
    }

    .gps14-biblioteca-lectura-infantil {
        margin-top: 37%;
        margin-left: 69%;
    }

    /* fin de los estilos de la biblioteca */
}

@media (max-width: 768px) {
    .mapa_img {
        height: 630px;
        width: 750px;
        background-image: url('../img/mapa_utesc.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_index {
        height: 25px;
    }

    .gps-edificio1 {
        margin-top: 32%;
        margin-left: 50%;
    }

    .gps-edificio2 {
        margin-top: 25%;
        margin-left: 47%;
    }

    .gps-edificio3 {
        margin-top: 24%;
        margin-left: 65%;
    }

    .gps-biblioteca {
        margin-top: 15%;
        margin-left: 53%;
    }

    .gps-tienda {
        margin-top: 23%;
        margin-left: 38%;
    }

    .gps-cancha-baloncesto {
        margin-top: 15%;
        margin-left: 41%;
    }

    .gps-cancha-arena {
        margin-top: 32%;
        margin-left: 74%;
    }

    .gps-invernadero {
        margin-top: 16%;
        margin-left: 1%;
    }
    
    .gps-cancha-futbol{
        margin-top: 11%;
        margin-left: 58%;
    }
    
    .gps-tiroleza{
        margin-top: 19%;
        margin-left: 87%;
    }
    
    .gps-estacionamiento{
        margin-top: 42%;
        margin-left: 26%;
    }

    /* imagenes del gps del archivo edificio1_pb.php */
    .edificio1-pb {
        height: 610px;
        background-image: url('../img/planos/e1-pb/plano-e1-pb.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio1_pb {
        height: 20px;
    }

    .gps1-edificio1-pb-cecom {
        margin-top: 24.5%;
        margin-left: 84.5%;
    }

    .gps3-edificio1-pb-aula2 {
        margin-top: 24.5%;
        margin-left: 76%;
    }

    .gps4-edificio1-pb-aula3 {
        margin-top: 24.5%;
        margin-left: 73.6%;
    }

    .gps5-edificio1-pb-aula4 {
        margin-top: 24.5%;
        margin-left: 58.5%;
    }

    .gps6-edificio1-pb-aula5 {
        margin-top: 24.5%;
        margin-left: 56.1%;
    }

    .gps7-edificio1-pb-escaleras {
        margin-top: 24.5%;
        margin-left: 40%;
    }

    .gps8-edificio1-pb-baños {
        margin-top: 24.5%;
        margin-left: 32.1%;
    }

    .gps9-edificio1-pb-entrada-administrativos {
        margin-top: 29%;
        margin-left: 25.5%;
    }

    .gps10-edificio1-pb-control-escolar {
        margin-top: 40%;
        margin-left: 26%;
    }

    .gps11-edificio1-pb-ayudantes-rectoria {
        margin-top: 18.5%;
        margin-left: 19%;
    }

    .gps12-edificio1-pb-rectoria {
        margin-top: 11.6%;
        margin-left: 15.8%;
    }

    .gps13-edificio1-pb-sala-juntas {
        margin-top: 20.5%;
        margin-left: 8.5%;
    }

    .gps14-edificio1-pb-afuera-sala-juntas {
        margin-top: 25%;
        margin-left: 10.3%;
    }

    .gps15-edificio1-pb-juridico {
        margin-top: 28%;
        margin-left: 7.8%;
    }

    .gps16-edificio1-pb-social {
        margin-top: 35%;
        margin-left: 7%;
    }

    .gps17-edificio1-pb-contabilidad {
        margin-top: 39%;
        margin-left: 6.5%;
    }

    .gps18-edificio1-pb-recursos-humanos {
        margin-top: 46%;
        margin-left: 5.6%;
    }

    .gps19-edificio1-pb-finanzas {
        margin-top: 48%;
        margin-left: 12.8%;
    }

    .gps20-edificio1-pb-infraestructura {
        margin-top: 40.5%;
        margin-left: 13.6%;
    }

    .gps21-edificio1-pb-planeacion {
        margin-top: 36.8%;
        margin-left: 14.2%;
    }

    .gps22-edificio1-pb-auditorio {
        margin-top: 47%;
        margin-left: 58.3%;
    }

    .gps23-edificio1-pb-sala-egresados {
        margin-top: 46%;
        margin-left: 60.6%;
    }

    .gps24-edificio1-pb-entrada {
        margin-top: 71%;
        margin-left: 35.4%;
    }

    /* fin de los estilos del edificio1_pb.php */

    /* estilos del edificio1_pa.php */
    .edificio1-pa {
        height: 600px;
        background-image: url('../img/planos/e1-pa/plano-e1-pa.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio1_pa {
        height: 20px;
    }

    .gps1-edificio1-pa-cecom {
        margin-top: 25.6%;
        margin-left: 83.1%;
    }

    .gps2-edificio1-pa-aula11 {
        margin-top: 25.6%;
        margin-left: 75.1%;
    }

    .gps3-edificio1-pa-aula12 {
        margin-top: 25.6%;
        margin-left: 72.5%;
    }

    .gps4-edificio1-pa-aula13 {
        margin-top: 25.6%;
        margin-left: 58.8%;
    }

    .gps5-edificio1-pa-aula14 {
        margin-top: 25.6%;
        margin-left: 56.4%;
    }

    .gps6-edificio1-pa-escaleras {
        margin-top: 25.6%;
        margin-left: 47%;
    }

    .gps7-edificio1-pa-baños {
        margin-top: 25.6%;
        margin-left: 32.7%;
    }

    .gps8-edificio1-pa-entrada-coordinacion {
        margin-top: 30%;
        margin-left: 25.3%;
    }

    .gps9-edificio1-pa-direccion-academica {
        margin-top: 12.9%;
        margin-left: 16.4%;
    }

    .gps10-edificio1-pa-enfermeria {
        margin-top: 12.2%;
        margin-left: 14%;
    }

    .gps11-edificio1-pa-supervisora {
        margin-top: 20%;
        margin-left: 15.3%;
    }

    .gps12-edificio1-pa-ingles {
        margin-top: 17.5%;
        margin-left: 9.8%;
    }

    .gps13-edificio1-pa-agricultura {
        margin-top: 51.5%;
        margin-left: 21.3%;
    }

    .gps14-edificio1-pa-tic {
        margin-top: 31%;
        margin-left: 8.4%;
    }

    .gps15-edificio1-pa-gastronomia {
        margin-top: 34.5%;
        margin-left: 8.1%;
    }

    .gps16-edificio1-pa-turismo {
        margin-top: 44.5%;
        margin-left: 6.8%;
    }

    .gps17-edificio1-pa-manto {
        margin-top: 48%;
        margin-left: 6.5%;
    }

    .gps18-edificio1-pa-tutorias {
        margin-top: 54.5%;
        margin-left: 5.6%;
    }

    .gps19-edificio1-pa-procesos {
        margin-top: 56.8%;
        margin-left: 9.7%;
    }

    .gps20-edificio1-pa-aux-vinculacion {
        margin-top: 42%;
        margin-left: 12.8%;
    }

    .gps21-edificio1-pa-site {
        margin-top: 54.8%;
        margin-left: 19.6%;
    }

    .gps22-edificio1-pa-psicologo {
        margin-top: 19%;
        margin-left: 21.5%;
    }

    .gps23-edificio1-pa-vinculacion {
        margin-top: 45%;
        margin-left: 20.5%;
    }

    .gps24-edificio1-pa-aula6 {
        margin-top: 51%;
        margin-left: 46.8%;
    }

    .gps25-edificio1-pa-aula7 {
        margin-top: 50%;
        margin-left: 49.2%;
    }

    .gps26-edificio1-pa-aula8 {
        margin-top: 45.5%;
        margin-left: 64.9%;
    }

    .gps27-edificio1-pa-aula9 {
        margin-top: 44.6%;
        margin-left: 67.2%;
    }

    .gps28-edificio1-pa-aula10 {
        margin-top: 42%;
        margin-left: 76.2%;
    }

    .gps29-edificio1-pa-mecatronica {
        margin-top: 20.5%;
        margin-left: 9.5%;
    }

    .gps30-edificio1-pa-trabajo-social {
        margin-top: 22%;
        margin-left: 21%;
    }

    /* fin de los estilos del archivo edificio1-pa.php */

    /* estilos del edificio2_pb.php */
    .edificio2-pb {
        height: 520px;
        background-image: url('../img/planos/e2-pb/plano-e2-pb.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio2_pb {
        height: 20px;
    }

    .gps1-edificio2-pb-escalera {
        margin-top: 32%;
        margin-left: 10%;
    }

    .gps2-edificio2-pb-biologia {
        margin-top: 23.8%;
        margin-left: 15.8%;
    }

    .gps3-edificio2-pb-quimica {
        margin-top: 22%;
        margin-left: 33.5%;
    }

    .gps4-edificio2-pb-procesos {
        margin-top: 22%;
        margin-left: 39.7%;
    }

    .gps5-edificio2-pb-electronica {
        margin-top: 23.8%;
        margin-left: 67.7%;
    }

    .gps6-edificio2-pb-mantenimiento {
        margin-top: 23.8%;
        margin-left: 72.4%;
    }

    .gps7-edificio2-pb-gastronomia {
        margin-top: 37%;
        margin-left: 80.3%;
    }

    .gps8-edificio2-pb-baños {
        margin-top: 42.5%;
        margin-left: 60.5%;
    }

    .gps9-edificio2-pb-salida {
        margin-top: 60%;
        margin-left: 74.7%;
    }

    /* fin de los estilos edificio2_pb.php */

    /* estilos del edificio2_pa.php */
    .edificio2-pa {
        height: 430px;
        background-image: url('../img/planos/e2-pa/plano-e2-pa.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio2_pa {
        height: 20px;
    }

    .gps1-edificio2-pa-escalera {
        margin-top: 26.5%;
        margin-left: 9%;
    }

    .gps2-edificio2-pa-cecom {
        margin-top: 18.6%;
        margin-left: 9.5%;
    }

    .gps3-edificio2-pa-infra {
        margin-top: 7.7%;
        margin-left: 15%;
    }

    /* fin de los estilos edificio2_pa.php */

    /* estilos de edificio3-pb.php */
    .edificio3-pb {
        height: 408px;
        background-image: url('../img/planos/e3-pb/plano-e3-pb.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio3_pb {
        height: 20px;
    }

    .gps1-edificio3-pb-reposteria {
        margin-top: 11%;
        margin-left: 88.3%;
    }

    .gps2-edificio3-pb-cataBar {
        margin-top: 14%;
        margin-left: 82%;
    }

    .gps3-edificio3-pb-planos {
        margin-top: 15%;
        margin-left: 79%;
    }

    .gps4-edificio3-pb-hoteleria {
        margin-top: 17%;
        margin-left: 68%;
    }

    .gps5-edificio3-pb-escaleras {
        margin-top: 17%;
        margin-left: 54.2%;
    }

    .gps6-edificio3-pb-aula1 {
        margin-top: 17%;
        margin-left: 43.3%;
    }

    .gps7-edificio3-pb-aula2 {
        margin-top: 17%;
        margin-left: 40%;
    }

    .gps8-edificio3-pb-aula3 {
        margin-top: 17%;
        margin-left: 30%;
    }

    .gps9-edificio3-pb-aula4 {
        margin-top: 17%;
        margin-left: 27%;
    }

    .gps10-edificio3-pb-aula5 {
        margin-top: 39%;
        margin-left: 5.7%;
    }

    .gps11-edificio3-pb-aula6 {
        margin-top: 37%;
        margin-left: 8.6%;
    }

    .gps12-edificio3-pb-aula7 {
        margin-top: 30%;
        margin-left: 21.6%;
    }

    .gps13-edificio3-pb-aula8 {
        margin-top: 29.2%;
        margin-left: 25%;
    }

    .gps14-edificio3-pb-baños {
        margin-top: 29%;
        margin-left: 35%;
    }

    .gps15-edificio3-pb-site {
        margin-top: 29%;
        margin-left: 46.3%;
    }

    .gps16-edificio3-pb-entrada {
        margin-top: 36%;
        margin-left: 52.6%;
    }

    .gps17-edificio3-pb-enfermerialvl1 {
        margin-top: 29%;
        margin-left: 59%;
    }

    .gps18-edificio3-pb-automatizacion {
        margin-top: 29%;
        margin-left: 75.5%;
    }

    /* fin de los estilos edificio3-pb.php */

    /* estilos de edificio3-pa.php */
    .edificio3-pa {
        height: 440px;
        background-image: url('../img/planos/e3-pa/plano-e3-pa.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio3_pa {
        height: 18px;
    }

    .gps1-edificio3-pa-aula24 {
        margin-top: 9.2%;
        margin-left: 88.7%;
    }

    .gps2-edificio3-pa-aula23 {
        margin-top: 12.7%;
        margin-left: 82.6%;
    }

    .gps3-edificio3-pa-aula22 {
        margin-top: 14%;
        margin-left: 79.5%;
    }

    .gps4-edificio3-pa-aula21 {
        margin-top: 16.4%;
        margin-left: 68.3%;
    }

    .gps5-edificio3-pa-escaleras-pa {
        margin-top: 16.4%;
        margin-left: 51%;
    }

    .gps6-edificio3-pa-aula9 {
        margin-top: 16.8%;
        margin-left: 43.6%;
    }

    .gps7-edificio3-pa-aula10 {
        margin-top: 16.8%;
        margin-left: 40.2%;
    }

    .gps8-edificio3-pa-aula11 {
        margin-top: 16.8%;
        margin-left: 30%;
    }

    .gps9-edificio3-pa-aula12 {
        margin-top: 16.8%;
        margin-left: 27%;
    }

    .gps10-edificio3-pa-aula16 {
        margin-top: 42%;
        margin-left: 6.6%;
    }

    .gps11-edificio3-pa-aula15 {
        margin-top: 36.8%;
        margin-left: 14.4%;
    }

    .gps12-edificio3-pa-aula14 {
        margin-top: 35%;
        margin-left: 17.2%;
    }

    .gps13-edificio3-pa-aula13 {
        margin-top: 30.8%;
        margin-left: 30.3%;
    }

    .gps14-edificio3-pa-baños {
        margin-top: 30.6%;
        margin-left: 36.7%;
    }

    .gps15-edificio3-pa-aula17 {
        margin-top: 31%;
        margin-left: 60.5%;
    }

    .gps16-edificio3-pa-aula18 {
        margin-top: 31%;
        margin-left: 64%;
    }

    .gps17-edificio3-pa-aula19 {
        margin-top: 31%;
        margin-left: 71.4%;
    }

    .gps18-edificio3-pa-aula20 {
        margin-top: 31%;
        margin-left: 74.6%;
    }

    /* fin de los estilos edificio3-pa.php */

    /* estilos de la biblioteca.php */
    .biblioteca {
        height: 600px;
        background-image: url('../img/planos/biblioteca/plano-biblioteca.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_biblioteca {
        height: 30px;
    }

    .gps1-biblioteca-entrada {
        margin-top: 69%;
        margin-left: 33.6%;
    }

    .gps2-biblioteca-direccion {
        margin-top: 64%;
        margin-left: 42.5%;
    }

    .gps3-biblioteca-sala-uso-multiples {
        margin-top: 55%;
        margin-left: 51.6%;
    }

    .gps4-biblioteca-centro-idiomas {
        margin-top: 55%;
        margin-left: 70.8%;
    }

    .gps5-biblioteca-lab-enfermeria {
        margin-top: 72%;
        margin-left: 86.7%;
    }

    .gps6-biblioteca-cubiculo3 {
        margin-top: 7%;
        margin-left: 84.4%;
    }

    .gps7-biblioteca-sala-lectura {
        margin-top: 19%;
        margin-left: 46%;
    }

    .gps8-biblioteca-cecom {
        margin-top: 29%;
        margin-left: 24.2%;
    }

    .gps9-biblioteca-cubiculo2 {
        margin-top: 32%;
        margin-left: 16%;
    }

    .gps10-biblioteca-cubiculo1 {
        margin-top: 42%;
        margin-left: 16%;
    }

    .gps11-biblioteca-baños {
        margin-top: 63%;
        margin-left: 25.3%;
    }

    .gps12-biblioteca-recepcion {
        margin-top: 46%;
        margin-left: 33.6%;
    }

    .gps13-biblioteca-sala-estar {
        margin-top: 42%;
        margin-left: 50%;
    }

    .gps14-biblioteca-lectura-infantil {
        margin-top: 39%;
        margin-left: 69%;
    }

    /* fin de los estilos de la biblioteca */
}

@media (max-width: 540px) {
    .mapa_img {
        height: 500px;
        width: 520px;
        background-image: url('../img/mapa_utesc.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_index {
        height: 25px;
    }

    .gps-edificio1 {
        margin-top: 36%;
        margin-left: 49%;
    }

    .gps-edificio2 {
        margin-top: 27%;
        margin-left: 46%;
    }

    .gps-edificio3 {
        margin-top: 26%;
        margin-left: 63%;
    }

    .gps-biblioteca {
        margin-top: 17%;
        margin-left: 53%;
    }

    .gps-tienda {
        margin-top: 25%;
        margin-left: 38%;
    }

    .gps-cancha-baloncesto {
        margin-top: 16%;
        margin-left: 40%;
    }

    .gps-cancha-arena {
        margin-top: 36%;
        margin-left: 73%;
    }

    .gps-invernadero {
        margin-top: 18%;
        margin-left: 0%;
    }
    
    .gps-cancha-futbol {
        margin-top: 11%;
        margin-left: 58%;
    }
    
    .gps-tiroleza {
        margin-top: 20%;
        margin-left: 86%;
    }
    
    .gps-estacionamiento {
        margin-top: 46%;
        margin-left: 25%;
    }

    /* estilos de edificio1_pb.php */
    .edificio1-pb {
        height: 450px;
        background-image: url('../img/planos/e1-pb/plano-e1-pb.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio1_pb {
        height: 15px;
    }

    .gps1-edificio1-pb-cecom {
        margin-top: 25%;
        margin-left: 84.7%;
    }

    .gps3-edificio1-pb-aula2 {
        margin-top: 25%;
        margin-left: 76%;
    }

    .gps4-edificio1-pb-aula3 {
        margin-top: 25%;
        margin-left: 73.5%;
    }

    .gps5-edificio1-pb-aula4 {
        margin-top: 25%;
        margin-left: 58.3%;
    }

    .gps6-edificio1-pb-aula5 {
        margin-top: 25%;
        margin-left: 56%;
    }

    .gps7-edificio1-pb-escaleras {
        margin-top: 25%;
        margin-left: 40%;
    }

    .gps8-edificio1-pb-baños {
        margin-top: 25%;
        margin-left: 32.1%;
    }

    .gps9-edificio1-pb-entrada-administrativos {
        margin-top: 29.5%;
        margin-left: 25%;
    }

    .gps10-edificio1-pb-control-escolar {
        margin-top: 41%;
        margin-left: 26%;
    }

    .gps11-edificio1-pb-ayudantes-rectoria {
        margin-top: 18.8%;
        margin-left: 19%;
    }

    .gps12-edificio1-pb-rectoria {
        margin-top: 11.6%;
        margin-left: 15.6%;
    }

    .gps13-edificio1-pb-sala-juntas {
        margin-top: 20.5%;
        margin-left: 8.3%;
    }

    .gps14-edificio1-pb-afuera-sala-juntas {
        margin-top: 25.1%;
        margin-left: 10%;
    }

    .gps15-edificio1-pb-juridico {
        margin-top: 28%;
        margin-left: 7.4%;
    }

    .gps16-edificio1-pb-social {
        margin-top: 36%;
        margin-left: 6.5%;
    }

    .gps17-edificio1-pb-contabilidad {
        margin-top: 39.8%;
        margin-left: 6.2%;
    }

    .gps18-edificio1-pb-recursos-humanos {
        margin-top: 47.5%;
        margin-left: 5.2%;
    }

    .gps19-edificio1-pb-finanzas {
        margin-top: 49.5%;
        margin-left: 12.6%;
    }

    .gps20-edificio1-pb-infraestructura {
        margin-top: 41.5%;
        margin-left: 13.6%;
    }

    .gps21-edificio1-pb-planeacion {
        margin-top: 38%;
        margin-left: 14%;
    }

    .gps22-edificio1-pb-auditorio {
        margin-top: 48%;
        margin-left: 58.2%;
    }

    .gps23-edificio1-pb-sala-egresados {
        margin-top: 47%;
        margin-left: 60.5%;
    }

    .gps24-edificio1-pb-entrada {
        margin-top: 73.2%;
        margin-left: 35.2%;
    }

    /* fin de los estilos del edificio1_pb.php */

    /* estilos del edificio1_pa.php */
    .edificio1-pa {
        height: 435px;
        background-image: url('../img/planos/e1-pa/plano-e1-pa.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio1_pa {
        height: 13px;
    }

    .gps1-edificio1-pa-cecom {
        margin-top: 25.6%;
        margin-left: 83.1%;
    }

    .gps2-edificio1-pa-aula11 {
        margin-top: 25.6%;
        margin-left: 75.1%;
    }

    .gps3-edificio1-pa-aula12 {
        margin-top: 25.6%;
        margin-left: 72.5%;
    }

    .gps4-edificio1-pa-aula13 {
        margin-top: 25.6%;
        margin-left: 58.8%;
    }

    .gps5-edificio1-pa-aula14 {
        margin-top: 25.6%;
        margin-left: 56.4%;
    }

    .gps6-edificio1-pa-escaleras {
        margin-top: 25.6%;
        margin-left: 47%;
    }

    .gps7-edificio1-pa-baños {
        margin-top: 25.6%;
        margin-left: 32.7%;
    }

    .gps8-edificio1-pa-entrada-coordinacion {
        margin-top: 30%;
        margin-left: 25.3%;
    }

    .gps9-edificio1-pa-direccion-academica {
        margin-top: 12.9%;
        margin-left: 16.4%;
    }

    .gps10-edificio1-pa-enfermeria {
        margin-top: 12.2%;
        margin-left: 14%;
    }

    .gps11-edificio1-pa-supervisora {
        margin-top: 20%;
        margin-left: 15.3%;
    }

    .gps12-edificio1-pa-ingles {
        margin-top: 17.5%;
        margin-left: 10.3%;
    }

    .gps13-edificio1-pa-agricultura {
        margin-top: 53%;
        margin-left: 21.5%;
    }

    .gps14-edificio1-pa-tic {
        margin-top: 31%;
        margin-left: 8.4%;
    }

    .gps15-edificio1-pa-gastronomia {
        margin-top: 34.5%;
        margin-left: 8.1%;
    }

    .gps16-edificio1-pa-turismo {
        margin-top: 44.5%;
        margin-left: 6.8%;
    }

    .gps17-edificio1-pa-manto {
        margin-top: 48%;
        margin-left: 6.5%;
    }

    .gps18-edificio1-pa-tutorias {
        margin-top: 54.5%;
        margin-left: 5.6%;
    }

    .gps19-edificio1-pa-procesos {
        margin-top: 56.8%;
        margin-left: 9.7%;
    }

    .gps20-edificio1-pa-aux-vinculacion {
        margin-top: 42%;
        margin-left: 12.8%;
    }

    .gps21-edificio1-pa-site {
        margin-top: 54.8%;
        margin-left: 19.6%;
    }

    .gps22-edificio1-pa-psicologo {
        margin-top: 19%;
        margin-left: 21.5%;
    }

    .gps23-edificio1-pa-vinculacion {
        margin-top: 45%;
        margin-left: 20.5%;
    }

    .gps24-edificio1-pa-aula6 {
        margin-top: 51%;
        margin-left: 46.8%;
    }

    .gps25-edificio1-pa-aula7 {
        margin-top: 50%;
        margin-left: 49.2%;
    }

    .gps26-edificio1-pa-aula8 {
        margin-top: 45.5%;
        margin-left: 64.9%;
    }

    .gps27-edificio1-pa-aula9 {
        margin-top: 44.6%;
        margin-left: 67.2%;
    }

    .gps28-edificio1-pa-aula10 {
        margin-top: 42%;
        margin-left: 76.2%;
    }

    .gps29-edificio1-pa-mecatronica {
        margin-top: 20.5%;
        margin-left: 10%;
    }

    .gps30-edificio1-pa-trabajo-social {
        margin-top: 22%;
        margin-left: 21%;
    }

    /* fin de los estilos del archivo edificio1-pa.php */

    /* estilos del edificio2_pb.php */
    .edificio2-pb {
        height: 350px;
        background-image: url('../img/planos/e2-pb/plano-e2-pb.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio2_pb {
        height: 13px;
    }

    .gps1-edificio2-pb-escalera {
        margin-top: 30%;
        margin-left: 11%;
    }

    .gps2-edificio2-pb-biologia {
        margin-top: 21.8%;
        margin-left: 15.9%;
    }

    .gps3-edificio2-pb-quimica {
        margin-top: 20.5%;
        margin-left: 33.5%;
    }

    .gps4-edificio2-pb-procesos {
        margin-top: 20.5%;
        margin-left: 39.8%;
    }

    .gps5-edificio2-pb-electronica {
        margin-top: 21.8%;
        margin-left: 67.8%;
    }

    .gps6-edificio2-pb-mantenimiento {
        margin-top: 21.8%;
        margin-left: 72.4%;
    }

    .gps7-edificio2-pb-gastronomia {
        margin-top: 34.5%;
        margin-left: 80.3%;
    }

    .gps8-edificio2-pb-baños {
        margin-top: 40%;
        margin-left: 60.5%;
    }

    .gps9-edificio2-pb-salida {
        margin-top: 57%;
        margin-left: 74.8%;
    }

    /* fin de los estilos edificio2_pb.php */

    /* estilos del edificio2_pa.php */
    .edificio2-pa {
        height: 400px;
        background-image: url('../img/planos/e2-pa/plano-e2-pa.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio2_pa {
        height: 15px;
    }

    .gps1-edificio2-pa-escalera {
        margin-top: 35%;
        margin-left: 9%;
    }

    .gps2-edificio2-pa-cecom {
        margin-top: 25%;
        margin-left: 9%;
    }

    .gps3-edificio2-pa-infra {
        margin-top: 10%;
        margin-left: 14.8%;
    }

    /* fin de los estilos edificio2_pa.php */

    /* estilos de edificio3-pb.php */
    .edificio3-pb {
        height: 290px;
        background-image: url('../img/planos/e3-pb/plano-e3-pb.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio3_pb {
        height: 13px;
    }

    .gps1-edificio3-pb-reposteria {
        margin-top: 9.5%;
        margin-left: 88.3%;
    }

    .gps2-edificio3-pb-cataBar {
        margin-top: 12.5%;
        margin-left: 82%;
    }

    .gps3-edificio3-pb-planos {
        margin-top: 13.8%;
        margin-left: 79%;
    }

    .gps4-edificio3-pb-hoteleria {
        margin-top: 16%;
        margin-left: 68%;
    }

    .gps5-edificio3-pb-escaleras {
        margin-top: 16%;
        margin-left: 54.2%;
    }

    .gps6-edificio3-pb-aula1 {
        margin-top: 16.3%;
        margin-left: 43.3%;
    }

    .gps7-edificio3-pb-aula2 {
        margin-top: 16.3%;
        margin-left: 40%;
    }

    .gps8-edificio3-pb-aula3 {
        margin-top: 16.3%;
        margin-left: 30%;
    }

    .gps9-edificio3-pb-aula4 {
        margin-top: 16.3%;
        margin-left: 27%;
    }

    .gps10-edificio3-pb-aula5 {
        margin-top: 39%;
        margin-left: 5.7%;
    }

    .gps11-edificio3-pb-aula6 {
        margin-top: 37%;
        margin-left: 8.6%;
    }

    .gps12-edificio3-pb-aula7 {
        margin-top: 30%;
        margin-left: 21.6%;
    }

    .gps13-edificio3-pb-aula8 {
        margin-top: 29.2%;
        margin-left: 25%;
    }

    .gps14-edificio3-pb-baños {
        margin-top: 29%;
        margin-left: 35%;
    }

    .gps15-edificio3-pb-site {
        margin-top: 29%;
        margin-left: 46.3%;
    }

    .gps16-edificio3-pb-entrada {
        margin-top: 36%;
        margin-left: 52.6%;
    }

    .gps17-edificio3-pb-enfermerialvl1 {
        margin-top: 29%;
        margin-left: 59%;
    }

    .gps18-edificio3-pb-automatizacion {
        margin-top: 29%;
        margin-left: 75.5%;
    }

    /* fin de los estilos edificio3-pb.php */

    /* estilos de edificio3-pa.php */
    .edificio3-pa {
        height: 320px;
        background-image: url('../img/planos/e3-pa/plano-e3-pa.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio3_pa {
        height: 12px;
    }

    .gps1-edificio3-pa-aula24 {
        margin-top: 9.2%;
        margin-left: 88.7%
    }

    .gps2-edificio3-pa-aula23 {
        margin-top: 12.7%;
        margin-left: 82.6%;
    }

    .gps3-edificio3-pa-aula22 {
        margin-top: 14%;
        margin-left: 79.5%;
    }

    .gps4-edificio3-pa-aula21 {
        margin-top: 16.4%;
        margin-left: 68.3%;
    }

    .gps5-edificio3-pa-escaleras-pa {
        margin-top: 16.4%;
        margin-left: 51%;
    }

    .gps6-edificio3-pa-aula9 {
        margin-top: 16.8%;
        margin-left: 43.6%;
    }

    .gps7-edificio3-pa-aula10 {
        margin-top: 16.8%;
        margin-left: 40.2%;
    }

    .gps8-edificio3-pa-aula11 {
        margin-top: 16.8%;
        margin-left: 30%;
    }

    .gps9-edificio3-pa-aula12 {
        margin-top: 16.8%;
        margin-left: 27%;
    }

    .gps10-edificio3-pa-aula16 {
        margin-top: 42.8%;
        margin-left: 6.7%;
    }

    .gps11-edificio3-pa-aula15 {
        margin-top: 37%;
        margin-left: 14.3%;
    }

    .gps12-edificio3-pa-aula14 {
        margin-top: 35%;
        margin-left: 17%;
    }

    .gps13-edificio3-pa-aula13 {
        margin-top: 31.2%;
        margin-left: 30.3%;
    }

    .gps14-edificio3-pa-baños {
        margin-top: 31%;
        margin-left: 36.6%;
    }

    .gps15-edificio3-pa-aula17 {
        margin-top: 31%;
        margin-left: 60.9%;
    }

    .gps16-edificio3-pa-aula18 {
        margin-top: 31%;
        margin-left: 64%;
    }

    .gps17-edificio3-pa-aula19 {
        margin-top: 31%;
        margin-left: 71.4%;
    }

    .gps18-edificio3-pa-aula20 {
        margin-top: 31%;
        margin-left: 74.6%;
    }

    /* fin de los estilos edificio3-pa.php */

    /* estilos de la biblioteca.php */
    .biblioteca {
        height: 400px;
        background-image: url('../img/planos/biblioteca/plano-biblioteca.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_biblioteca {
        height: 20px;
    }

    .gps1-biblioteca-entrada {
        margin-top: 65%;
        margin-left: 33.7%;
    }

    .gps2-biblioteca-direccion {
        margin-top: 60%;
        margin-left: 42%;
    }

    .gps3-biblioteca-sala-uso-multiples {
        margin-top: 52%;
        margin-left: 52%;
    }

    .gps4-biblioteca-centro-idiomas {
        margin-top: 52%;
        margin-left: 71%;
    }

    .gps5-biblioteca-lab-enfermeria {
        margin-top: 67.7%;
        margin-left: 87%;
    }

    .gps6-biblioteca-cubiculo3 {
        margin-top: 6%;
        margin-left: 84.5%;
    }

    .gps7-biblioteca-sala-lectura {
        margin-top: 18%;
        margin-left: 46%;
    }

    .gps8-biblioteca-cecom {
        margin-top: 27%;
        margin-left: 24.2%;
    }

    .gps9-biblioteca-cubiculo2 {
        margin-top: 30%;
        margin-left: 16%;
    }

    .gps10-biblioteca-cubiculo1 {
        margin-top: 39%;
        margin-left: 16%;
    }

    .gps11-biblioteca-baños {
        margin-top: 59%;
        margin-left: 25%;
    }

    .gps12-biblioteca-recepcion {
        margin-top: 43%;
        margin-left: 33.5%;
    }

    .gps13-biblioteca-sala-estar {
        margin-top: 39%;
        margin-left: 50%;
    }

    .gps14-biblioteca-lectura-infantil {
        margin-top: 37%;
        margin-left: 69%;
    }

    /* fin de los estilos de la biblioteca */
}

@media (max-width: 414px) {
    .mapa_img {
        height: 300px;
        width: 400px;
        background-image: url('../img/mapa_utesc.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_index {
        height: 17px;
    }

    .gps-edificio1 {
        margin-top: 27%;
        margin-left: 55%;
    }

    .gps-edificio2 {
        margin-top: 20%;
        margin-left: 45%;
    }

    .gps-edificio3 {
        margin-top: 18%;
        margin-left: 65%;
    }

    .gps-biblioteca {
        margin-top: 11%;
        margin-left: 53%;
    }

    .gps-tienda {
        margin-top: 17%;
        margin-left: 38%;
    }

    .gps-cancha-baloncesto {
        margin-top: 10%;
        margin-left: 40%;
    }

    .gps-cancha-arena {
        margin-top: 26%;
        margin-left: 73%;
    }

    .gps-invernadero {
        margin-top: 12%;
        margin-left: 0%;
    }
    
    .gps-cancha-futbol{
        margin-top: 8%;
        margin-left: 58%;
    }
    
    .gps-tiroleza{
        margin-top: 16%;
        margin-left: 86%;
    }
    
    .gps-estacionamiento{
        margin-top: 34%;
        margin-left: 25%;
    }

    /* estilos de edificio1_pb.php */
    .edificio1-pb {
        height: 320px;
        background-image: url('../img/planos/e1-pb/plano-e1-pb.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio1_pb {
        height: 10px;
    }

    .gps1-edificio1-pb-cecom {
        margin-top: 22.1%;
        margin-left: 84.5%;
    }

    .gps3-edificio1-pb-aula2 {
        margin-top: 22.1%;
        margin-left: 76%;
    }

    .gps4-edificio1-pb-aula3 {
        margin-top: 22.1%;
        margin-left: 73.7%;
    }

    .gps5-edificio1-pb-aula4 {
        margin-top: 22.1%;
        margin-left: 58.5%;
    }

    .gps6-edificio1-pb-aula5 {
        margin-top: 22.1%;
        margin-left: 56.3%;
    }

    .gps7-edificio1-pb-escaleras {
        margin-top: 22.1%;
        margin-left: 39.8%;
    }

    .gps8-edificio1-pb-baños {
        margin-top: 22.1%;
        margin-left: 32.3%;
    }

    .gps9-edificio1-pb-entrada-administrativos {
        margin-top: 26.8%;
        margin-left: 25%;
    }

    .gps10-edificio1-pb-control-escolar {
        margin-top: 37%;
        margin-left: 26%;
    }

    .gps11-edificio1-pb-ayudantes-rectoria {
        margin-top: 16.5%;
        margin-left: 19%;
    }

    .gps12-edificio1-pb-rectoria {
        margin-top: 9.5%;
        margin-left: 15.9%;
    }

    .gps13-edificio1-pb-sala-juntas {
        margin-top: 18%;
        margin-left: 8.6%;
    }

    .gps14-edificio1-pb-afuera-sala-juntas {
        margin-top: 22.5%;
        margin-left: 10.3%;
    }

    .gps15-edificio1-pb-juridico {
        margin-top: 25%;
        margin-left: 7.9%;
    }

    .gps16-edificio1-pb-social {
        margin-top: 32.5%;
        margin-left: 7%;
    }

    .gps17-edificio1-pb-contabilidad {
        margin-top: 36%;
        margin-left: 6.5%;
    }

    .gps18-edificio1-pb-recursos-humanos {
        margin-top: 43%;
        margin-left: 5.7%;
    }

    .gps19-edificio1-pb-finanzas {
        margin-top: 45%;
        margin-left: 12.8%;
    }

    .gps20-edificio1-pb-infraestructura {
        margin-top: 37.6%;
        margin-left: 13.7%;
    }

    .gps21-edificio1-pb-planeacion {
        margin-top: 34.3%;
        margin-left: 14.1%;
    }

    .gps22-edificio1-pb-auditorio {
        margin-top: 44%;
        margin-left: 58.1%;
    }

    .gps23-edificio1-pb-sala-egresados {
        margin-top: 43.3%;
        margin-left: 60.6%;
    }

    .gps24-edificio1-pb-entrada {
        margin-top: 67%;
        margin-left: 35.4%;
    }

    /* fin de los estilos del edificio1_pb.php */

    /* estilos del edificio1_pa.php */
    .edificio1-pa {
        height: 350px;
        background-image: url('../img/planos/e1-pa/plano-e1-pa.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio1_pa {
        height: 10px;
    }

    .gps1-edificio1-pa-cecom {
        margin-top: 26%;
        margin-left: 83%;
    }

    .gps2-edificio1-pa-aula11 {
        margin-top: 26%;
        margin-left: 75.1%;
    }

    .gps3-edificio1-pa-aula12 {
        margin-top: 26%;
        margin-left: 72.5%;
    }

    .gps4-edificio1-pa-aula13 {
        margin-top: 26%;
        margin-left: 58.7%;
    }

    .gps5-edificio1-pa-aula14 {
        margin-top: 26%;
        margin-left: 56.2%;
    }

    .gps6-edificio1-pa-escaleras {
        margin-top: 26%;
        margin-left: 47%;
    }

    .gps7-edificio1-pa-baños {
        margin-top: 26%;
        margin-left: 32.5%;
    }

    .gps8-edificio1-pa-entrada-coordinacion {
        margin-top: 30.4%;
        margin-left: 25.3%;
    }

    .gps9-edificio1-pa-direccion-academica {
        margin-top: 12.8%;
        margin-left: 16.4%;
    }

    .gps10-edificio1-pa-enfermeria {
        margin-top: 12%;
        margin-left: 14%;
    }

    .gps11-edificio1-pa-supervisora {
        margin-top: 20%;
        margin-left: 15.3%;
    }

    .gps12-edificio1-pa-ingles {
        margin-top: 17.5%;
        margin-left: 9.8%;
    }

    .gps13-edificio1-pa-agricultura {
        margin-top: 54.3%;
        margin-left: 21.5%;
    }

    .gps14-edificio1-pa-tic {
        margin-top: 31.6%;
        margin-left: 8.2%;
    }

    .gps15-edificio1-pa-gastronomia {
        margin-top: 35%;
        margin-left: 8%;
    }

    .gps16-edificio1-pa-turismo {
        margin-top: 46%;
        margin-left: 6.7%;
    }

    .gps17-edificio1-pa-manto {
        margin-top: 49.6%;
        margin-left: 6.3%;
    }

    .gps18-edificio1-pa-tutorias {
        margin-top: 56%;
        margin-left: 5.6%;
    }

    .gps19-edificio1-pa-procesos {
        margin-top: 58%;
        margin-left: 9.5%;
    }

    .gps20-edificio1-pa-aux-vinculacion {
        margin-top: 43%;
        margin-left: 13%;
    }

    .gps21-edificio1-pa-site {
        margin-top: 56.5%;
        margin-left: 19.5%;
    }

    .gps22-edificio1-pa-psicologo {
        margin-top: 19.5%;
        margin-left: 21.5%;
    }

    .gps23-edificio1-pa-vinculacion {
        margin-top: 46.5%;
        margin-left: 20.5%;
    }

    .gps24-edificio1-pa-aula6 {
        margin-top: 53%;
        margin-left: 46.6%;
    }

    .gps25-edificio1-pa-aula7 {
        margin-top: 52%;
        margin-left: 49.2%;
    }

    .gps26-edificio1-pa-aula8 {
        margin-top: 47.5%;
        margin-left: 64.8%;
    }

    .gps27-edificio1-pa-aula9 {
        margin-top: 47%;
        margin-left: 67.2%;
    }

    .gps28-edificio1-pa-aula10 {
        margin-top: 44%;
        margin-left: 76.2%;
    }

    .gps29-edificio1-pa-mecatronica {
        margin-top: 20.5%;
        margin-left: 10%;
    }

    .gps30-edificio1-pa-trabajo-social {
        margin-top: 22%;
        margin-left: 21%;
    }

    /* fin de los estilos del archivo edificio1-pa.php */

    /* estilos del edificio2_pb.php */
    .edificio2-pb {
        height: 275px;
        background-image: url('../img/planos/e2-pb/plano-e2-pb.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio2_pb {
        height: 13px;
    }

    .gps1-edificio2-pb-escalera {
        margin-top: 29%;
        margin-left: 10%;
    }

    .gps2-edificio2-pb-biologia {
        margin-top: 21%;
        margin-left: 15.2%;
    }

    .gps3-edificio2-pb-quimica {
        margin-top: 20%;
        margin-left: 33.5%;
    }

    .gps4-edificio2-pb-procesos {
        margin-top: 20%;
        margin-left: 39.3%;
    }

    .gps5-edificio2-pb-electronica {
        margin-top: 21%;
        margin-left: 67.2%;
    }

    .gps6-edificio2-pb-mantenimiento {
        margin-top: 21%;
        margin-left: 72%;
    }

    .gps7-edificio2-pb-gastronomia {
        margin-top: 34%;
        margin-left: 80.3%;
    }

    .gps8-edificio2-pb-baños {
        margin-top: 40%;
        margin-left: 60.5%;
    }

    .gps9-edificio2-pb-salida {
        margin-top: 57%;
        margin-left: 74.3%;
    }

    /* fin de los estilos edificio2_pb.php */

    /* estilos del edificio2_pa.php */
    .edificio2-pa {
        height: 270px;
        background-image: url('../img/planos/e2-pa/plano-e2-pa.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio2_pa {
        height: 15px;
    }

    .gps1-edificio2-pa-escalera {
        margin-top: 29%;
        margin-left: 8%;
    }

    .gps2-edificio2-pa-cecom {
        margin-top: 20%;
        margin-left: 9%;
    }

    .gps3-edificio2-pa-infra {
        margin-top: 7.5%;
        margin-left: 14.5%;
    }

    /* fin de los estilos edificio2_pa.php */

    /* estilos de edificio3-pb.php */
    .edificio3-pb {
        height: 228px;
        background-image: url('../img/planos/e3-pb/plano-e3-pb.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio3_pb {
        height: 10px;
    }

    .gps1-edificio3-pb-reposteria {
        margin-top: 9.5%;
        margin-left: 88.3%;
    }

    .gps2-edificio3-pb-cataBar {
        margin-top: 12.5%;
        margin-left: 82%;
    }

    .gps3-edificio3-pb-planos {
        margin-top: 13.8%;
        margin-left: 79%;
    }

    .gps4-edificio3-pb-hoteleria {
        margin-top: 16%;
        margin-left: 68%;
    }

    .gps5-edificio3-pb-escaleras {
        margin-top: 16%;
        margin-left: 54.2%;
    }

    .gps6-edificio3-pb-aula1 {
        margin-top: 16.3%;
        margin-left: 43.3%;
    }

    .gps7-edificio3-pb-aula2 {
        margin-top: 16.3%;
        margin-left: 40%;
    }

    .gps8-edificio3-pb-aula3 {
        margin-top: 16.3%;
        margin-left: 30%;
    }

    .gps9-edificio3-pb-aula4 {
        margin-top: 16.3%;
        margin-left: 27%;
    }

    .gps10-edificio3-pb-aula5 {
        margin-top: 39%;
        margin-left: 5.7%;
    }

    .gps11-edificio3-pb-aula6 {
        margin-top: 37%;
        margin-left: 8.6%;
    }

    .gps12-edificio3-pb-aula7 {
        margin-top: 30%;
        margin-left: 21.6%;
    }

    .gps13-edificio3-pb-aula8 {
        margin-top: 29.2%;
        margin-left: 25%;
    }

    .gps14-edificio3-pb-baños {
        margin-top: 29%;
        margin-left: 35%;
    }

    .gps15-edificio3-pb-site {
        margin-top: 29%;
        margin-left: 46.3%;
    }

    .gps16-edificio3-pb-entrada {
        margin-top: 36%;
        margin-left: 52.6%;
    }

    .gps17-edificio3-pb-enfermerialvl1 {
        margin-top: 29%;
        margin-left: 59%;
    }

    .gps18-edificio3-pb-automatizacion {
        margin-top: 29%;
        margin-left: 75.5%;
    }

    /* fin de los estilos edificio3-pb.php */

    /* estilos de edificio3-pa.php */
    .edificio3-pa {
        height: 250px;
        background-image: url('../img/planos/e3-pa/plano-e3-pa.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio3_pa {
        height: 10px;
    }

    .gps1-edificio3-pa-aula24 {
        margin-top: 9.2%;
        margin-left: 88.7%;
    }

    .gps2-edificio3-pa-aula23 {
        margin-top: 12.7%;
        margin-left: 82.6%;
    }

    .gps3-edificio3-pa-aula22 {
        margin-top: 14%;
        margin-left: 79.5%;
    }

    .gps4-edificio3-pa-aula21 {
        margin-top: 16.4%;
        margin-left: 68.3%;
    }

    .gps5-edificio3-pa-escaleras-pa {
        margin-top: 16.4%;
        margin-left: 51%;
    }

    .gps6-edificio3-pa-aula9 {
        margin-top: 16.8%;
        margin-left: 43.6%;
    }

    .gps7-edificio3-pa-aula10 {
        margin-top: 16.8%;
        margin-left: 40.2%;
    }

    .gps8-edificio3-pa-aula11 {
        margin-top: 16.8%;
        margin-left: 30%;
    }

    .gps9-edificio3-pa-aula12 {
        margin-top: 16.8%;
        margin-left: 27%;
    }

    .gps10-edificio3-pa-aula16 {
        margin-top: 42.8%;
        margin-left: 6.5%;
    }

    .gps11-edificio3-pa-aula15 {
        margin-top: 37%;
        margin-left: 14.2%;
    }

    .gps12-edificio3-pa-aula14 {
        margin-top: 35%;
        margin-left: 17.1%;
    }

    .gps13-edificio3-pa-aula13 {
        margin-top: 31.2%;
        margin-left: 30.3%;
    }

    .gps14-edificio3-pa-baños {
        margin-top: 31%;
        margin-left: 36.4%;
    }

    .gps15-edificio3-pa-aula17 {
        margin-top: 31%;
        margin-left: 60.8%;
    }

    .gps16-edificio3-pa-aula18 {
        margin-top: 31%;
        margin-left: 64%;
    }

    .gps17-edificio3-pa-aula19 {
        margin-top: 31%;
        margin-left: 71.4%;
    }

    .gps18-edificio3-pa-aula20 {
        margin-top: 31%;
        margin-left: 74.6%;
    }

    /* fin de los estilos edificio3-pa.php */

    /* estilos de la biblioteca.php */
    .biblioteca {
        height: 300px;
        background-image: url('../img/planos/biblioteca/plano-biblioteca.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_biblioteca {
        height: 13px;
    }

    .gps1-biblioteca-entrada {
        margin-top: 62.3%;
        margin-left: 34%;
    }

    .gps2-biblioteca-direccion {
        margin-top: 58%;
        margin-left: 42.6%;
    }

    .gps3-biblioteca-sala-uso-multiples {
        margin-top: 51%;
        margin-left: 52%;
    }

    .gps4-biblioteca-centro-idiomas {
        margin-top: 51%;
        margin-left: 71%;
    }

    .gps5-biblioteca-lab-enfermeria {
        margin-top: 65%;
        margin-left: 87%;
    }

    .gps6-biblioteca-cubiculo3 {
        margin-top: 4.5%;
        margin-left: 84.6%;
    }

    .gps7-biblioteca-sala-lectura {
        margin-top: 16%;
        margin-left: 46%;
    }

    .gps8-biblioteca-cecom {
        margin-top: 25%;
        margin-left: 24.6%;
    }

    .gps9-biblioteca-cubiculo2 {
        margin-top: 28.5%;
        margin-left: 15.6%;
    }

    .gps10-biblioteca-cubiculo1 {
        margin-top: 37.8%;
        margin-left: 15.6%;
    }

    .gps11-biblioteca-baños {
        margin-top: 57.5%;
        margin-left: 25.3%;
    }

    .gps12-biblioteca-recepcion {
        margin-top: 40%;
        margin-left: 34%;
    }

    .gps13-biblioteca-sala-estar {
        margin-top: 37.5%;
        margin-left: 50%;
    }

    .gps14-biblioteca-lectura-infantil {
        margin-top: 35%;
        margin-left: 69%;
    }

    /* fin de los estilos de la biblioteca */
}

@media (max-width: 412px) {
    .mapa_img {
        height: 300px;
        width: 400px;
        background-image: url('../img/mapa_utesc.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_index {
        height: 18px;
    }

    .gps-edificio1 {
        margin-top: 27%;
        margin-left: 51%;
    }

    .gps-edificio2 {
        margin-top: 20%;
        margin-left: 46%;
    }

    .gps-edificio3 {
        margin-top: 18%;
        margin-left: 65%;
    }

    .gps-biblioteca {
        margin-top: 11%;
        margin-left: 53%;
    }

    .gps-tienda {
        margin-top: 18%;
        margin-left: 37%;
    }

    .gps-cancha-baloncesto {
        margin-top: 10%;
        margin-left: 40%;
    }

    .gps-cancha-arena {
        margin-top: 26%;
        margin-left: 73%;
    }

    .gps-invernadero {
        margin-top: 12%;
        margin-left: 0%;
    }
    
    .gps-cancha-futbol{
        margin-top: 8%;
        margin-left: 58%;
    }
    
    .gps-tiroleza{
        margin-top: 16%;
        margin-left: 86%;
    }
    
    .gps-estacionamiento{
        margin-top: 34%;
        margin-left: 25%;
    }

    /* estilos de edificio1_pb.php */
    .edificio1-pb {
        height: 335px;
        background-image: url('../img/planos/e1-pb/plano-e1-pb.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio1_pb {
        height: 10px;
    }

    .gps1-edificio1-pb-cecom {
        margin-top: 23.5%;
        margin-left: 84.5%;
    }

    .gps3-edificio1-pb-aula2 {
        margin-top: 23.5%;
        margin-left: 76%;
    }

    .gps4-edificio1-pb-aula3 {
        margin-top: 23.5%;
        margin-left: 73.5%;
    }

    .gps5-edificio1-pb-aula4 {
        margin-top: 23.5%;
        margin-left: 58.5%;
    }

    .gps6-edificio1-pb-aula5 {
        margin-top: 23.5%;
        margin-left: 56.2%;
    }

    .gps7-edificio1-pb-escaleras {
        margin-top: 23.5%;
        margin-left: 39.7%;
    }

    .gps8-edificio1-pb-baños {
        margin-top: 23.5%;
        margin-left: 32%;
    }

    .gps9-edificio1-pb-entrada-administrativos {
        margin-top: 28%;
        margin-left: 25.5%;
    }

    .gps10-edificio1-pb-control-escolar {
        margin-top: 39%;
        margin-left: 26%;
    }

    .gps11-edificio1-pb-ayudantes-rectoria {
        margin-top: 17.5%;
        margin-left: 19%;
    }

    .gps12-edificio1-pb-rectoria {
        margin-top: 10.5%;
        margin-left: 15.8%;
    }

    .gps13-edificio1-pb-sala-juntas {
        margin-top: 19%;
        margin-left: 8.5%;
    }

    .gps14-edificio1-pb-afuera-sala-juntas {
        margin-top: 24%;
        margin-left: 10.3%;
    }

    .gps15-edificio1-pb-juridico {
        margin-top: 27%;
        margin-left: 7.8%;
    }

    .gps16-edificio1-pb-social {
        margin-top: 34.5%;
        margin-left: 7%;
    }

    .gps17-edificio1-pb-contabilidad {
        margin-top: 38%;
        margin-left: 6.5%;
    }

    .gps18-edificio1-pb-recursos-humanos {
        margin-top: 45.5%;
        margin-left: 5.6%;
    }

    .gps19-edificio1-pb-finanzas {
        margin-top: 48%;
        margin-left: 12.8%;
    }

    .gps20-edificio1-pb-infraestructura {
        margin-top: 40%;
        margin-left: 13.6%;
    }

    .gps21-edificio1-pb-planeacion {
        margin-top: 36%;
        margin-left: 14.2%;
    }

    .gps22-edificio1-pb-auditorio {
        margin-top: 46.2%;
        margin-left: 58.1%;
    }

    .gps23-edificio1-pb-sala-egresados {
        margin-top: 45.5%;
        margin-left: 60.4%;
    }

    .gps24-edificio1-pb-entrada {
        margin-top: 71%;
        margin-left: 35.5%;
    }

    /* fin de los estilos del edificio1_pb.php */

    /* estilos del edificio1_pa.php */
    .edificio1-pa {
        height: 340px;
        background-image: url('../img/planos/e1-pa/plano-e1-pa.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio1_pa {
        height: 9px;
    }

    .gps1-edificio1-pa-cecom {
        margin-top: 26%;
        margin-left: 83%;
    }

    .gps2-edificio1-pa-aula11 {
        margin-top: 26%;
        margin-left: 75.1%;
    }

    .gps3-edificio1-pa-aula12 {
        margin-top: 26%;
        margin-left: 72.5%;
    }

    .gps4-edificio1-pa-aula13 {
        margin-top: 26%;
        margin-left: 58.7%;
    }

    .gps5-edificio1-pa-aula14 {
        margin-top: 26%;
        margin-left: 56.2%;
    }

    .gps6-edificio1-pa-escaleras {
        margin-top: 26%;
        margin-left: 47%;
    }

    .gps7-edificio1-pa-baños {
        margin-top: 26%;
        margin-left: 32.5%;
    }

    .gps8-edificio1-pa-entrada-coordinacion {
        margin-top: 30.4%;
        margin-left: 25.3%;
    }

    .gps9-edificio1-pa-direccion-academica {
        margin-top: 12.8%;
        margin-left: 16.4%;
    }

    .gps10-edificio1-pa-enfermeria {
        margin-top: 12%;
        margin-left: 14%;
    }

    .gps11-edificio1-pa-supervisora {
        margin-top: 20%;
        margin-left: 15.3%;
    }

    .gps12-edificio1-pa-ingles {
        margin-top: 17.5%;
        margin-left: 9.8%;
    }

    .gps13-edificio1-pa-agricultura {
        margin-top: 53%;
        margin-left: 21.5%;
    }

    .gps14-edificio1-pa-tic {
        margin-top: 31%;
        margin-left: 8.6%;
    }

    .gps15-edificio1-pa-gastronomia {
        margin-top: 35%;
        margin-left: 8%;
    }

    .gps16-edificio1-pa-turismo {
        margin-top: 45.2%;
        margin-left: 6.7%;
    }

    .gps17-edificio1-pa-manto {
        margin-top: 48.6%;
        margin-left: 6.3%;
    }

    .gps18-edificio1-pa-tutorias {
        margin-top: 55.5%;
        margin-left: 5.6%;
    }

    .gps19-edificio1-pa-procesos {
        margin-top: 57%;
        margin-left: 9.7%;
    }

    .gps20-edificio1-pa-aux-vinculacion {
        margin-top: 42%;
        margin-left: 12.9%;
    }

    .gps21-edificio1-pa-site {
        margin-top: 55%;
        margin-left: 19.6%;
    }

    .gps22-edificio1-pa-psicologo {
        margin-top: 19%;
        margin-left: 21.5%;
    }

    .gps23-edificio1-pa-vinculacion {
        margin-top: 45.5%;
        margin-left: 20.5%;
    }

    .gps24-edificio1-pa-aula6 {
        margin-top: 52%;
        margin-left: 46.8%;
    }

    .gps25-edificio1-pa-aula7 {
        margin-top: 51%;
        margin-left: 49.2%;
    }

    .gps26-edificio1-pa-aula8 {
        margin-top: 46.5%;
        margin-left: 64.9%;
    }

    .gps27-edificio1-pa-aula9 {
        margin-top: 45.6%;
        margin-left: 67.2%;
    }

    .gps28-edificio1-pa-aula10 {
        margin-top: 43%;
        margin-left: 76.2%;
    }

    .gps29-edificio1-pa-mecatronica {
        margin-top: 20.5%;
        margin-left: 9.5%;
    }

    .gps30-edificio1-pa-trabajo-social {
        margin-top: 22%;
        margin-left: 21%;
    }

    /* fin de los estilos del archivo edificio1-pa.php */

    /* estilos del edificio2_pb.php */
    .edificio2-pb {
        height: 270px;
        background-image: url('../img/planos/e2-pb/plano-e2-pb.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio2_pb {
        height: 13px;
    }

    .gps1-edificio2-pb-escalera {
        margin-top: 29%;
        margin-left: 10%;
    }

    .gps2-edificio2-pb-biologia {
        margin-top: 21%;
        margin-left: 15.2%;
    }

    .gps3-edificio2-pb-quimica {
        margin-top: 20%;
        margin-left: 33.5%;
    }

    .gps4-edificio2-pb-procesos {
        margin-top: 20%;
        margin-left: 39.3%;
    }

    .gps5-edificio2-pb-electronica {
        margin-top: 21%;
        margin-left: 67.2%;
    }

    .gps6-edificio2-pb-mantenimiento {
        margin-top: 21%;
        margin-left: 72%;
    }

    .gps7-edificio2-pb-gastronomia {
        margin-top: 34%;
        margin-left: 80.3%;
    }

    .gps8-edificio2-pb-baños {
        margin-top: 40%;
        margin-left: 60.5%;
    }

    .gps9-edificio2-pb-salida {
        margin-top: 57%;
        margin-left: 74.3%;
    }

    /* fin de los estilos edificio2_pb.php */

    /* estilos del edificio2_pa.php */
    .edificio2-pa {
        height: 280px;
        background-image: url('../img/planos/e2-pa/plano-e2-pa.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio2_pa {
        height: 13px;
    }

    .gps1-edificio2-pa-escalera {
        margin-top: 31%;
        margin-left: 9%;
    }

    .gps2-edificio2-pa-cecom {
        margin-top: 21.5%;
        margin-left: 9.3%;
    }

    .gps3-edificio2-pa-infra {
        margin-top: 8%;
        margin-left: 14.6%;
    }

    /* fin de los estilos edificio2_pa.php */

    /* estilos de edificio3-pb.php */
    .edificio3-pb {
        height: 228px;
        background-image: url('../img/planos/e3-pb/plano-e3-pb.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio3_pb {
        height: 10px;
    }

    .gps1-edificio3-pb-reposteria {
        margin-top: 9.5%;
        margin-left: 88.3%;
    }

    .gps2-edificio3-pb-cataBar {
        margin-top: 12.5%;
        margin-left: 82%;
    }

    .gps3-edificio3-pb-planos {
        margin-top: 13.8%;
        margin-left: 79%;
    }

    .gps4-edificio3-pb-hoteleria {
        margin-top: 16%;
        margin-left: 68%;
    }

    .gps5-edificio3-pb-escaleras {
        margin-top: 16%;
        margin-left: 54.2%;
    }

    .gps6-edificio3-pb-aula1 {
        margin-top: 16.3%;
        margin-left: 43.3%;
    }

    .gps7-edificio3-pb-aula2 {
        margin-top: 16.3%;
        margin-left: 40%;
    }

    .gps8-edificio3-pb-aula3 {
        margin-top: 16.3%;
        margin-left: 30%;
    }

    .gps9-edificio3-pb-aula4 {
        margin-top: 16.3%;
        margin-left: 27%;
    }

    .gps10-edificio3-pb-aula5 {
        margin-top: 39%;
        margin-left: 5.7%;
    }

    .gps11-edificio3-pb-aula6 {
        margin-top: 37%;
        margin-left: 8.6%;
    }

    .gps12-edificio3-pb-aula7 {
        margin-top: 30%;
        margin-left: 21.6%;
    }

    .gps13-edificio3-pb-aula8 {
        margin-top: 29.2%;
        margin-left: 25%;
    }

    .gps14-edificio3-pb-baños {
        margin-top: 29%;
        margin-left: 35%;
    }

    .gps15-edificio3-pb-site {
        margin-top: 29%;
        margin-left: 46.3%;
    }

    .gps16-edificio3-pb-entrada {
        margin-top: 36%;
        margin-left: 52.6%;
    }

    .gps17-edificio3-pb-enfermerialvl1 {
        margin-top: 29%;
        margin-left: 59%;
    }

    .gps18-edificio3-pb-automatizacion {
        margin-top: 29%;
        margin-left: 75.5%;
    }

    /* fin de los estilos edificio3-pb.php */

    /* estilos de la biblioteca.php */
    .biblioteca {
        height: 300px;
        background-image: url('../img/planos/biblioteca/plano-biblioteca.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_biblioteca {
        height: 15px;
    }

    .gps1-biblioteca-entrada {
        margin-top: 63%;
        margin-left: 33.9%;
    }


    .gps2-biblioteca-direccion {
        margin-top: 58%;
        margin-left: 42.8%;
    }

    .gps3-biblioteca-sala-uso-multiples {
        margin-top: 50%;
        margin-left: 52%;
    }

    .gps4-biblioteca-centro-idiomas {
        margin-top: 50%;
        margin-left: 71%;
    }

    .gps5-biblioteca-lab-enfermeria {
        margin-top: 65.8%;
        margin-left: 87%;
    }

    .gps6-biblioteca-cubiculo3 {
        margin-top: 5.2%;
        margin-left: 84.5%;
    }

    .gps7-biblioteca-sala-lectura {
        margin-top: 16%;
        margin-left: 46%;
    }

    .gps8-biblioteca-cecom {
        margin-top: 26%;
        margin-left: 24.3%;
    }

    .gps9-biblioteca-cubiculo2 {
        margin-top: 29%;
        margin-left: 15.5%;
    }

    .gps10-biblioteca-cubiculo1 {
        margin-top: 38%;
        margin-left: 15.5%;
    }

    .gps11-biblioteca-baños {
        margin-top: 57.5%;
        margin-left: 25%;
    }

    .gps12-biblioteca-recepcion {
        margin-top: 41%;
        margin-left: 33.8%;
    }

    .gps13-biblioteca-sala-estar {
        margin-top: 38%;
        margin-left: 50%;
    }

    .gps14-biblioteca-lectura-infantil {
        margin-top: 35%;
        margin-left: 69%;
    }

    /* fin de los estilos de la biblioteca */
}

@media (max-width: 400px) {
    .mapa_img {
        height: 500px;
        width: 1000px;
        background-image: url('../img/mapa_utesc.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
}

@media (max-width: 393px) {
    .mapa_img {
        height: 300px;
        width: 360px;
        background-image: url('../img/mapa_utesc.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_index {
        height: 17px;
    }

    .gps-edificio1 {
        margin-top: 29%;
        margin-left: 47%;
    }

    .gps-edificio2 {
        margin-top: 21%;
        margin-left: 44%;
    }

    .gps-edificio3 {
        margin-top: 20%;
        margin-left: 60%;
    }

    .gps-biblioteca {
        margin-top: 12%;
        margin-left: 50%;
    }

    .gps-tienda {
        margin-top: 19%;
        margin-left: 35%;
    }

    .gps-cancha-baloncesto {
        margin-top: 11%;
        margin-left: 38%;
    }

    .gps-cancha-arena {
        margin-top: 28%;
        margin-left: 69%;
    }

    .gps-invernadero {
        margin-top: 13%;
        margin-left: 0%;
    }
    
    .gps-cancha-futbol{
        margin-top: 8%;
        margin-left: 54%;
    }
    
    .gps-tiroleza{
        margin-top: 17%;
        margin-left: 82%;
    }
    
    .gps-estacionamiento{
        margin-top: 37%;
        margin-left: 24%;
    }

    /* estilos de edificio1_pb.php */
    .edificio1-pb {
        height: 320px;
        background-image: url('../img/planos/e1-pb/plano-e1-pb.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio1_pb {
        height: 10px;
    }

    .gps1-edificio1-pb-cecom {
        margin-top: 23.5%;
        margin-left: 84.5%;
    }

    .gps3-edificio1-pb-aula2 {
        margin-top: 23.5%;
        margin-left: 76%;
    }

    .gps4-edificio1-pb-aula3 {
        margin-top: 23.5%;
        margin-left: 73.5%;
    }

    .gps5-edificio1-pb-aula4 {
        margin-top: 23.5%;
        margin-left: 58.5%;
    }

    .gps6-edificio1-pb-aula5 {
        margin-top: 23.5%;
        margin-left: 56%;
    }

    .gps7-edificio1-pb-escaleras {
        margin-top: 23.5%;
        margin-left: 39.7%;
    }

    .gps8-edificio1-pb-baños {
        margin-top: 23.5%;
        margin-left: 32%;
    }

    .gps9-edificio1-pb-entrada-administrativos {
        margin-top: 28%;
        margin-left: 25.5%;
    }

    .gps10-edificio1-pb-control-escolar {
        margin-top: 39%;
        margin-left: 26%;
    }

    .gps11-edificio1-pb-ayudantes-rectoria {
        margin-top: 17.5%;
        margin-left: 19%;
    }

    .gps12-edificio1-pb-rectoria {
        margin-top: 10.5%;
        margin-left: 15.8%;
    }

    .gps13-edificio1-pb-sala-juntas {
        margin-top: 19%;
        margin-left: 8.5%;
    }

    .gps14-edificio1-pb-afuera-sala-juntas {
        margin-top: 24%;
        margin-left: 10.3%;
    }

    .gps15-edificio1-pb-juridico {
        margin-top: 27%;
        margin-left: 7.8%;
    }

    .gps16-edificio1-pb-social {
        margin-top: 34.5%;
        margin-left: 7%;
    }

    .gps17-edificio1-pb-contabilidad {
        margin-top: 38%;
        margin-left: 6.5%;
    }

    .gps18-edificio1-pb-recursos-humanos {
        margin-top: 45.5%;
        margin-left: 5.6%;
    }

    .gps19-edificio1-pb-finanzas {
        margin-top: 48%;
        margin-left: 12.8%;
    }

    .gps20-edificio1-pb-infraestructura {
        margin-top: 40%;
        margin-left: 13.6%;
    }

    .gps21-edificio1-pb-planeacion {
        margin-top: 36%;
        margin-left: 14.2%;
    }

    .gps22-edificio1-pb-auditorio {
        margin-top: 46.2%;
        margin-left: 58.1%;
    }

    .gps23-edificio1-pb-sala-egresados {
        margin-top: 45.5%;
        margin-left: 60.4%;
    }

    .gps24-edificio1-pb-entrada {
        margin-top: 71%;
        margin-left: 35.5%;
    }

    /* fin de los estilos del edificio1_pb.php */

    /* estilos del edificio1_pa.php */
    .edificio1-pa {
        height: 330px;
        background-image: url('../img/planos/e1-pa/plano-e1-pa.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio1_pa {
        height: 10px;
    }

    .gps1-edificio1-pa-cecom {
        margin-top: 26%;
        margin-left: 83%;
    }

    .gps2-edificio1-pa-aula11 {
        margin-top: 26%;
        margin-left: 75.1%;
    }

    .gps3-edificio1-pa-aula12 {
        margin-top: 26%;
        margin-left: 72.5%;
    }

    .gps4-edificio1-pa-aula13 {
        margin-top: 26%;
        margin-left: 58.7%;
    }

    .gps5-edificio1-pa-aula14 {
        margin-top: 26%;
        margin-left: 56.2%;
    }

    .gps6-edificio1-pa-escaleras {
        margin-top: 26%;
        margin-left: 47%;
    }

    .gps7-edificio1-pa-baños {
        margin-top: 26%;
        margin-left: 32.5%;
    }

    .gps8-edificio1-pa-entrada-coordinacion {
        margin-top: 30.4%;
        margin-left: 25.3%;
    }

    .gps9-edificio1-pa-direccion-academica {
        margin-top: 12.8%;
        margin-left: 16.4%;
    }

    .gps10-edificio1-pa-enfermeria {
        margin-top: 12%;
        margin-left: 14%;
    }

    .gps11-edificio1-pa-supervisora {
        margin-top: 20%;
        margin-left: 15.3%;
    }

    .gps12-edificio1-pa-ingles {
        margin-top: 17.5%;
        margin-left: 9.8%;
    }

    .gps13-edificio1-pa-agricultura {
        margin-top: 54%;
        margin-left: 21%;
    }

    .gps14-edificio1-pa-tic {
        margin-top: 31.6%;
        margin-left: 8.2%;
    }

    .gps15-edificio1-pa-gastronomia {
        margin-top: 35%;
        margin-left: 8%;
    }

    .gps16-edificio1-pa-turismo {
        margin-top: 46%;
        margin-left: 6.7%;
    }

    .gps17-edificio1-pa-manto {
        margin-top: 49.6%;
        margin-left: 6.3%;
    }

    .gps18-edificio1-pa-tutorias {
        margin-top: 56%;
        margin-left: 5.6%;
    }

    .gps19-edificio1-pa-procesos {
        margin-top: 58%;
        margin-left: 9.5%;
    }

    .gps20-edificio1-pa-aux-vinculacion {
        margin-top: 43%;
        margin-left: 13%;
    }

    .gps21-edificio1-pa-site {
        margin-top: 56.5%;
        margin-left: 19.5%;
    }

    .gps22-edificio1-pa-psicologo {
        margin-top: 19%;
        margin-left: 21.5%;
    }

    .gps23-edificio1-pa-vinculacion {
        margin-top: 46.5%;
        margin-left: 20.5%;
    }

    .gps24-edificio1-pa-aula6 {
        margin-top: 53%;
        margin-left: 46.6%;
    }

    .gps25-edificio1-pa-aula7 {
        margin-top: 52%;
        margin-left: 49.2%;
    }

    .gps26-edificio1-pa-aula8 {
        margin-top: 47.5%;
        margin-left: 64.8%;
    }

    .gps27-edificio1-pa-aula9 {
        margin-top: 47%;
        margin-left: 67.2%;
    }

    .gps28-edificio1-pa-aula10 {
        margin-top: 44%;
        margin-left: 76.2%;
    }

    .gps29-edificio1-pa-mecatronica {
        margin-top: 20.5%;
        margin-left: 9.5%;
    }

    .gps30-edificio1-pa-trabajo-social {
        margin-top: 22%;
        margin-left: 21%;
    }

    /* fin de los estilos del archivo edificio1-pa.php */

    /* estilos del edificio2_pb.php */
    .edificio2-pb {
        height: 260px;
        background-image: url('../img/planos/e2-pb/plano-e2-pb.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio2_pb {
        height: 13px;
    }

    .gps1-edificio2-pb-escalera {
        margin-top: 29%;
        margin-left: 10%;
    }

    .gps2-edificio2-pb-biologia {
        margin-top: 21%;
        margin-left: 15.2%;
    }

    .gps3-edificio2-pb-quimica {
        margin-top: 20%;
        margin-left: 33.5%;
    }

    .gps4-edificio2-pb-procesos {
        margin-top: 20%;
        margin-left: 39.3%;
    }

    .gps5-edificio2-pb-electronica {
        margin-top: 21%;
        margin-left: 67.2%;
    }

    .gps6-edificio2-pb-mantenimiento {
        margin-top: 21%;
        margin-left: 72%;
    }

    .gps7-edificio2-pb-gastronomia {
        margin-top: 34%;
        margin-left: 80.3%;
    }

    .gps8-edificio2-pb-baños {
        margin-top: 40%;
        margin-left: 60.5%;
    }

    .gps9-edificio2-pb-salida {
        margin-top: 57%;
        margin-left: 74.3%;
    }

    /* fin de los estilos edificio2_pb.php */

    /* estilos del edificio2_pa.php */
    .edificio2-pa {
        height: 250px;
        background-image: url('../img/planos/e2-pa/plano-e2-pa.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio2_pa {
        height: 13px;
    }

    .gps1-edificio2-pa-escalera {
        margin-top: 26%;
        margin-left: 9%;
    }

    .gps2-edificio2-pa-cecom {
        margin-top: 19.4%;
        margin-left: 9.5%;
    }

    .gps3-edificio2-pa-infra {
        margin-top: 7%;
        margin-left: 14.7%;
    }

    /* fin de los estilos edificio2_pa.php */

    /* estilos de edificio3-pb.php */
    .edificio3-pb {
        height: 218px;
        background-image: url('../img/planos/e3-pb/plano-e3-pb.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio3_pb {
        height: 10px;
    }

    .gps1-edificio3-pb-reposteria {
        margin-top: 9.5%;
        margin-left: 88.3%;
    }

    .gps2-edificio3-pb-cataBar {
        margin-top: 12.5%;
        margin-left: 82%;
    }

    .gps3-edificio3-pb-planos {
        margin-top: 13.8%;
        margin-left: 79%;
    }

    .gps4-edificio3-pb-hoteleria {
        margin-top: 16%;
        margin-left: 68%;
    }

    .gps5-edificio3-pb-escaleras {
        margin-top: 16%;
        margin-left: 54.2%;
    }

    .gps6-edificio3-pb-aula1 {
        margin-top: 16.3%;
        margin-left: 43.3%;
    }

    .gps7-edificio3-pb-aula2 {
        margin-top: 16.3%;
        margin-left: 40%;
    }

    .gps8-edificio3-pb-aula3 {
        margin-top: 16.3%;
        margin-left: 30%;
    }

    .gps9-edificio3-pb-aula4 {
        margin-top: 16.3%;
        margin-left: 27%;
    }

    .gps10-edificio3-pb-aula5 {
        margin-top: 39%;
        margin-left: 5.7%;
    }

    .gps11-edificio3-pb-aula6 {
        margin-top: 37%;
        margin-left: 8.6%;
    }

    .gps12-edificio3-pb-aula7 {
        margin-top: 30%;
        margin-left: 21.6%;
    }

    .gps13-edificio3-pb-aula8 {
        margin-top: 29.2%;
        margin-left: 25%;
    }

    .gps14-edificio3-pb-baños {
        margin-top: 29%;
        margin-left: 35%;
    }

    .gps15-edificio3-pb-site {
        margin-top: 29%;
        margin-left: 46.3%;
    }

    .gps16-edificio3-pb-entrada {
        margin-top: 36%;
        margin-left: 52.6%;
    }

    .gps17-edificio3-pb-enfermerialvl1 {
        margin-top: 29%;
        margin-left: 59%;
    }

    .gps18-edificio3-pb-automatizacion {
        margin-top: 29%;
        margin-left: 75.5%;
    }

    /* fin de los estilos edificio3-pb.php */

    /* estilos de edificio3-pa.php */
    .edificio3-pa {
        height: 240px;
        background-image: url('../img/planos/e3-pa/plano-e3-pa.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio3_pa {
        height: 10px;
    }

    .gps1-edificio3-pa-aula24 {
        margin-top: 9.2%;
        margin-left: 88.7%;
    }

    .gps2-edificio3-pa-aula23 {
        margin-top: 12.7%;
        margin-left: 82.6%;
    }

    .gps3-edificio3-pa-aula22 {
        margin-top: 14%;
        margin-left: 79.5%;
    }

    .gps4-edificio3-pa-aula21 {
        margin-top: 16.4%;
        margin-left: 68.3%;
    }

    .gps5-edificio3-pa-escaleras-pa {
        margin-top: 16.4%;
        margin-left: 51%;
    }

    .gps6-edificio3-pa-aula9 {
        margin-top: 16.8%;
        margin-left: 43.6%;
    }

    .gps7-edificio3-pa-aula10 {
        margin-top: 16.8%;
        margin-left: 40.2%;
    }

    .gps8-edificio3-pa-aula11 {
        margin-top: 16.8%;
        margin-left: 30%;
    }

    .gps9-edificio3-pa-aula12 {
        margin-top: 16.8%;
        margin-left: 27%;
    }

    .gps10-edificio3-pa-aula16 {
        margin-top: 42.8%;
        margin-left: 6.4%;
    }

    .gps11-edificio3-pa-aula15 {
        margin-top: 37.2%;
        margin-left: 14.2%;
    }

    .gps12-edificio3-pa-aula14 {
        margin-top: 35.2%;
        margin-left: 17%;
    }

    .gps13-edificio3-pa-aula13 {
        margin-top: 31.3%;
        margin-left: 30.2%;
    }

    .gps14-edificio3-pa-baños {
        margin-top: 31%;
        margin-left: 36.6%;
    }

    .gps15-edificio3-pa-aula17 {
        margin-top: 31%;
        margin-left: 60.5%;
    }

    .gps16-edificio3-pa-aula18 {
        margin-top: 31%;
        margin-left: 64%;
    }

    .gps17-edificio3-pa-aula19 {
        margin-top: 31%;
        margin-left: 71.4%;
    }

    .gps18-edificio3-pa-aula20 {
        margin-top: 31%;
        margin-left: 74.6%;
    }

    /* fin de los estilos edificio3-pa.php */

    /* estilos de la biblioteca.php */
    .biblioteca {
        height: 300px;
        background-image: url('../img/planos/biblioteca/plano-biblioteca.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_biblioteca {
        height: 13px;
    }

    .gps1-biblioteca-entrada {
        margin-top: 65.5%;
        margin-left: 33.8%;
    }

    .gps2-biblioteca-direccion {
        margin-top: 61%;
        margin-left: 42.5%;
    }

    .gps3-biblioteca-sala-uso-multiples {
        margin-top: 53.8%;
        margin-left: 52%;
    }

    .gps4-biblioteca-centro-idiomas {
        margin-top: 53.8%;
        margin-left: 71.3%;
    }

    .gps5-biblioteca-lab-enfermeria {
        margin-top: 68.5%;
        margin-left: 86.9%;
    }

    .gps6-biblioteca-cubiculo3 {
        margin-top: 5%;
        margin-left: 84.6%;
    }

    .gps7-biblioteca-sala-lectura {
        margin-top: 17%;
        margin-left: 46%;
    }

    .gps8-biblioteca-cecom {
        margin-top: 26.5%;
        margin-left: 24.6%;
    }

    .gps9-biblioteca-cubiculo2 {
        margin-top: 30%;
        margin-left: 15%;
    }

    .gps10-biblioteca-cubiculo1 {
        margin-top: 39.7%;
        margin-left: 15%;
    }

    .gps11-biblioteca-baños {
        margin-top: 60.5%;
        margin-left: 25%;
    }

    .gps12-biblioteca-recepcion {
        margin-top: 43%;
        margin-left: 33.8%;
    }

    .gps13-biblioteca-sala-estar {
        margin-top: 40%;
        margin-left: 50%;
    }

    .gps14-biblioteca-lectura-infantil {
        margin-top: 37%;
        margin-left: 69%;
    }

    /* fin de los estilos de la biblioteca */
}

@media (max-width: 390px) {
    .mapa_img {
        height: 300px;
        width: 370px;
        background-image: url('../img/mapa_utesc.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_index {
        height: 16px;
    }

    .gps-edificio1 {
        margin-top: 28%;
        margin-left: 50%;
    }

    .gps-edificio2 {
        margin-top: 21%;
        margin-left: 45%;
    }

    .gps-edificio3 {
        margin-top: 20%;
        margin-left: 64%;
    }

    .gps-biblioteca {
        margin-top: 12%;
        margin-left: 52%;
    }

    .gps-tienda {
        margin-top: 19%;
        margin-left: 37%;
    }

    .gps-cancha-baloncesto {
        margin-top: 12%;
        margin-left: 39%;
    }

    .gps-cancha-arena {
        margin-top: 28%;
        margin-left: 72%;
    }

    .gps-invernadero {
        margin-top: 13%;
        margin-left: 0%;
    }
    
    .gps-cancha-futbol{
        margin-top: 8%;
        margin-left: 57%;
    }
    
    .gps-tiroleza{
        margin-top: 17%;
        margin-left: 85%;
    }
    
    .gps-estacionamiento{
        margin-top: 37%;
        margin-left: 26%;
    }

    /* estilos de edificio1_pb.php */
    .edificio1-pb {
        height: 320px;
        background-image: url('../img/planos/e1-pb/plano-e1-pb.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio1_pb {
        height: 10px;
    }

    .gps1-edificio1-pb-cecom {
        margin-top: 23.5%;
        margin-left: 84.5%;
    }

    .gps3-edificio1-pb-aula2 {
        margin-top: 23.5%;
        margin-left: 76%;
    }

    .gps4-edificio1-pb-aula3 {
        margin-top: 23.5%;
        margin-left: 73.5%;
    }

    .gps5-edificio1-pb-aula4 {
        margin-top: 23.5%;
        margin-left: 58.5%;
    }

    .gps6-edificio1-pb-aula5 {
        margin-top: 23.5%;
        margin-left: 56%;
    }

    .gps7-edificio1-pb-escaleras {
        margin-top: 23.5%;
        margin-left: 39.7%;
    }

    .gps8-edificio1-pb-baños {
        margin-top: 23.5%;
        margin-left: 32%;
    }

    .gps9-edificio1-pb-entrada-administrativos {
        margin-top: 28%;
        margin-left: 25.5%;
    }

    .gps10-edificio1-pb-control-escolar {
        margin-top: 40%;
        margin-left: 26%;
    }

    .gps11-edificio1-pb-ayudantes-rectoria {
        margin-top: 17.5%;
        margin-left: 19%;
    }

    .gps12-edificio1-pb-rectoria {
        margin-top: 10.5%;
        margin-left: 15.8%;
    }

    .gps13-edificio1-pb-sala-juntas {
        margin-top: 19%;
        margin-left: 8.5%;
    }

    .gps14-edificio1-pb-afuera-sala-juntas {
        margin-top: 24%;
        margin-left: 10.3%;
    }

    .gps15-edificio1-pb-juridico {
        margin-top: 27%;
        margin-left: 7.8%;
    }

    .gps16-edificio1-pb-social {
        margin-top: 34.5%;
        margin-left: 7%;
    }

    .gps17-edificio1-pb-contabilidad {
        margin-top: 38%;
        margin-left: 6.5%;
    }

    .gps18-edificio1-pb-recursos-humanos {
        margin-top: 45.5%;
        margin-left: 5.6%;
    }

    .gps19-edificio1-pb-finanzas {
        margin-top: 48%;
        margin-left: 12.8%;
    }

    .gps20-edificio1-pb-infraestructura {
        margin-top: 40%;
        margin-left: 13.6%;
    }

    .gps21-edificio1-pb-planeacion {
        margin-top: 36%;
        margin-left: 14.2%;
    }

    .gps22-edificio1-pb-auditorio {
        margin-top: 46.2%;
        margin-left: 58.1%;
    }

    .gps23-edificio1-pb-sala-egresados {
        margin-top: 45.5%;
        margin-left: 60.4%;
    }

    .gps24-edificio1-pb-entrada {
        margin-top: 71.2%;
        margin-left: 35.5%;
    }

    /* fin de los estilos del edificio1_pb.php */

    /* estilos del edificio1_pa.php */
    .edificio1-pa {
        height: 330px;
        background-image: url('../img/planos/e1-pa/plano-e1-pa.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio1_pa {
        height: 10px;
    }

    .gps1-edificio1-pa-cecom {
        margin-top: 26%;
        margin-left: 83%;
    }

    .gps2-edificio1-pa-aula11 {
        margin-top: 26%;
        margin-left: 75.1%;
    }

    .gps3-edificio1-pa-aula12 {
        margin-top: 26%;
        margin-left: 72.5%;
    }

    .gps4-edificio1-pa-aula13 {
        margin-top: 26%;
        margin-left: 58.7%;
    }

    .gps5-edificio1-pa-aula14 {
        margin-top: 26%;
        margin-left: 56.2%;
    }

    .gps6-edificio1-pa-escaleras {
        margin-top: 26%;
        margin-left: 47%;
    }

    .gps7-edificio1-pa-baños {
        margin-top: 26%;
        margin-left: 32.5%;
    }

    .gps8-edificio1-pa-entrada-coordinacion {
        margin-top: 30.4%;
        margin-left: 25.3%;
    }

    .gps9-edificio1-pa-direccion-academica {
        margin-top: 12.8%;
        margin-left: 16.4%;
    }

    .gps10-edificio1-pa-enfermeria {
        margin-top: 12%;
        margin-left: 14%;
    }

    .gps11-edificio1-pa-supervisora {
        margin-top: 20%;
        margin-left: 15.3%;
    }

    .gps12-edificio1-pa-ingles {
        margin-top: 17.5%;
        margin-left: 10.3%;
    }

    .gps13-edificio1-pa-agricultura {
        margin-top: 54%;
        margin-left: 21%;
    }

    .gps14-edificio1-pa-tic {
        margin-top: 31.6%;
        margin-left: 8.2%;
    }

    .gps15-edificio1-pa-gastronomia {
        margin-top: 35%;
        margin-left: 8%;
    }

    .gps16-edificio1-pa-turismo {
        margin-top: 46%;
        margin-left: 6.7%;
    }

    .gps17-edificio1-pa-manto {
        margin-top: 49.6%;
        margin-left: 6.3%;
    }

    .gps18-edificio1-pa-tutorias {
        margin-top: 56%;
        margin-left: 5.6%;
    }

    .gps19-edificio1-pa-procesos {
        margin-top: 58%;
        margin-left: 9.5%;
    }

    .gps20-edificio1-pa-aux-vinculacion {
        margin-top: 43%;
        margin-left: 12.9%;
    }

    .gps21-edificio1-pa-site {
        margin-top: 56.5%;
        margin-left: 19.5%;
    }

    .gps22-edificio1-pa-psicologo {
        margin-top: 19.4%;
        margin-left: 21.5%;
    }

    .gps23-edificio1-pa-vinculacion {
        margin-top: 46.5%;
        margin-left: 20.5%;
    }

    .gps24-edificio1-pa-aula6 {
        margin-top: 53%;
        margin-left: 46.6%;
    }

    .gps25-edificio1-pa-aula7 {
        margin-top: 52%;
        margin-left: 49.2%;
    }

    .gps26-edificio1-pa-aula8 {
        margin-top: 47.5%;
        margin-left: 64.8%;
    }

    .gps27-edificio1-pa-aula9 {
        margin-top: 47%;
        margin-left: 67.2%;
    }

    .gps28-edificio1-pa-aula10 {
        margin-top: 44%;
        margin-left: 76.2%;
    }

    .gps29-edificio1-pa-mecatronica {
        margin-top: 20.5%;
        margin-left: 10%;
    }

    .gps30-edificio1-pa-trabajo-social {
        margin-top: 22%;
        margin-left: 21%;
    }

    /* fin de los estilos del archivo edificio1-pa.php */

    /* estilos del edificio2_pb.php */
    .edificio2-pb {
        height: 262px;
        background-image: url('../img/planos/e2-pb/plano-e2-pb.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio2_pb {
        height: 13px;
    }

    .gps1-edificio2-pb-escalera {
        margin-top: 29%;
        margin-left: 10%;
    }

    .gps2-edificio2-pb-biologia {
        margin-top: 21%;
        margin-left: 15.2%;
    }

    .gps3-edificio2-pb-quimica {
        margin-top: 20%;
        margin-left: 33.5%;
    }

    .gps4-edificio2-pb-procesos {
        margin-top: 20%;
        margin-left: 39.3%;
    }

    .gps5-edificio2-pb-electronica {
        margin-top: 21%;
        margin-left: 67.2%;
    }

    .gps6-edificio2-pb-mantenimiento {
        margin-top: 21%;
        margin-left: 72%;
    }

    .gps7-edificio2-pb-gastronomia {
        margin-top: 34%;
        margin-left: 80.3%;
    }

    .gps8-edificio2-pb-baños {
        margin-top: 40%;
        margin-left: 60.5%;
    }

    .gps9-edificio2-pb-salida {
        margin-top: 57%;
        margin-left: 74.3%;
    }

    /* fin de los estilos edificio2_pb.php */

    /* estilos del edificio2_pa.php */
    .edificio2-pa {
        height: 300px;
        background-image: url('../img/planos/e2-pa/plano-e2-pa.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio2_pa {
        height: 18px;
    }

    .gps1-edificio2-pa-escalera {
        margin-top: 35%;
        margin-left: 8%;
    }

    .gps2-edificio2-pa-cecom {
        margin-top: 24%;
        margin-left: 9%;
    }

    .gps3-edificio2-pa-infra {
        margin-top: 8.5%;
        margin-left: 14.2%;
    }

    /* fin de los estilos edificio2_pa.php */

    /* estilos de edificio3-pb.php */
    .edificio3-pb {
        height: 218px;
        background-image: url('../img/planos/e3-pb/plano-e3-pb.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio3_pb {
        height: 10px;
    }

    .gps1-edificio3-pb-reposteria {
        margin-top: 9.5%;
        margin-left: 88.3%;
    }

    .gps2-edificio3-pb-cataBar {
        margin-top: 12.5%;
        margin-left: 82%;
    }

    .gps3-edificio3-pb-planos {
        margin-top: 13.8%;
        margin-left: 79%;
    }

    .gps4-edificio3-pb-hoteleria {
        margin-top: 16%;
        margin-left: 68%;
    }

    .gps5-edificio3-pb-escaleras {
        margin-top: 16%;
        margin-left: 54.2%;
    }

    .gps6-edificio3-pb-aula1 {
        margin-top: 16.3%;
        margin-left: 43.3%;
    }

    .gps7-edificio3-pb-aula2 {
        margin-top: 16.3%;
        margin-left: 40%;
    }

    .gps8-edificio3-pb-aula3 {
        margin-top: 16.3%;
        margin-left: 30%;
    }

    .gps9-edificio3-pb-aula4 {
        margin-top: 16.3%;
        margin-left: 27%;
    }

    .gps10-edificio3-pb-aula5 {
        margin-top: 39%;
        margin-left: 5.7%;
    }

    .gps11-edificio3-pb-aula6 {
        margin-top: 37%;
        margin-left: 8.6%;
    }

    .gps12-edificio3-pb-aula7 {
        margin-top: 30%;
        margin-left: 21.6%;
    }

    .gps13-edificio3-pb-aula8 {
        margin-top: 29.2%;
        margin-left: 25%;
    }

    .gps14-edificio3-pb-baños {
        margin-top: 29%;
        margin-left: 35%;
    }

    .gps15-edificio3-pb-site {
        margin-top: 29%;
        margin-left: 46.3%;
    }

    .gps16-edificio3-pb-entrada {
        margin-top: 36%;
        margin-left: 52.6%;
    }

    .gps17-edificio3-pb-enfermerialvl1 {
        margin-top: 29%;
        margin-left: 59%;
    }

    .gps18-edificio3-pb-automatizacion {
        margin-top: 29%;
        margin-left: 75.5%;
    }

    /* fin de los estilos edificio3-pb.php */

    /* estilos de edificio3-pa.php */
    .edificio3-pa {
        height: 235px;
        background-image: url('../img/planos/e3-pa/plano-e3-pa.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio3_pa {
        height: 10px;
    }

    .gps1-edificio3-pa-aula24 {
        margin-top: 9.2%;
        margin-left: 88.7%;
    }

    .gps2-edificio3-pa-aula23 {
        margin-top: 12.7%;
        margin-left: 82.6%;
    }

    .gps3-edificio3-pa-aula22 {
        margin-top: 14%;
        margin-left: 79.5%;
    }

    .gps4-edificio3-pa-aula21 {
        margin-top: 16.4%;
        margin-left: 68.3%;
    }

    .gps5-edificio3-pa-escaleras-pa {
        margin-top: 16.4%;
        margin-left: 50.8%;
    }

    .gps6-edificio3-pa-aula9 {
        margin-top: 16.8%;
        margin-left: 43.6%;
    }

    .gps7-edificio3-pa-aula10 {
        margin-top: 16.8%;
        margin-left: 40.2%;
    }

    .gps8-edificio3-pa-aula11 {
        margin-top: 16.8%;
        margin-left: 30%;
    }

    .gps9-edificio3-pa-aula12 {
        margin-top: 16.8%;
        margin-left: 27%;
    }

    .gps10-edificio3-pa-aula16 {
        margin-top: 42.8%;
        margin-left: 6.6%;
    }

    .gps11-edificio3-pa-aula15 {
        margin-top: 37%;
        margin-left: 14.1%;
    }

    .gps12-edificio3-pa-aula14 {
        margin-top: 35%;
        margin-left: 17.2%;
    }

    .gps13-edificio3-pa-aula13 {
        margin-top: 31%;
        margin-left: 30.3%;
    }

    .gps14-edificio3-pa-baños {
        margin-top: 30.6%;
        margin-left: 36.6%;
    }

    .gps15-edificio3-pa-aula17 {
        margin-top: 31%;
        margin-left: 60.5%;
    }

    .gps16-edificio3-pa-aula18 {
        margin-top: 31%;
        margin-left: 64%;
    }

    .gps17-edificio3-pa-aula19 {
        margin-top: 31%;
        margin-left: 71.4%;
    }

    .gps18-edificio3-pa-aula20 {
        margin-top: 31%;
        margin-left: 74.6%;
    }

    /* fin de los estilos edificio3-pa.php */

    /* estilos de la biblioteca.php */
    .biblioteca {
        height: 300px;
        background-image: url('../img/planos/biblioteca/plano-biblioteca.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_biblioteca {
        height: 13px;
    }

    .gps1-biblioteca-entrada {
        margin-top: 66%;
        margin-left: 33.8%;
    }

    .gps2-biblioteca-direccion {
        margin-top: 61%;
        margin-left: 42.7%;
    }

    .gps3-biblioteca-sala-uso-multiples {
        margin-top: 53.8%;
        margin-left: 52%;
    }

    .gps4-biblioteca-centro-idiomas {
        margin-top: 53.8%;
        margin-left: 71%;
    }

    .gps5-biblioteca-lab-enfermeria {
        margin-top: 69%;
        margin-left: 86.8%;
    }

    .gps6-biblioteca-cubiculo3 {
        margin-top: 5%;
        margin-left: 84.5%;
    }

    .gps7-biblioteca-sala-lectura {
        margin-top: 17%;
        margin-left: 46%;
    }

    .gps8-biblioteca-cecom {
        margin-top: 26.8%;
        margin-left: 24.4%;
    }

    .gps9-biblioteca-cubiculo2 {
        margin-top: 30.5%;
        margin-left: 15%;
    }

    .gps10-biblioteca-cubiculo1 {
        margin-top: 40%;
        margin-left: 15%;
    }

    .gps11-biblioteca-baños {
        margin-top: 61%;
        margin-left: 25.5%;
    }

    .gps12-biblioteca-recepcion {
        margin-top: 43%;
        margin-left: 33.8%;
    }

    .gps13-biblioteca-sala-estar {
        margin-top: 40%;
        margin-left: 50%;
    }

    .gps14-biblioteca-lectura-infantil {
        margin-top: 37%;
        margin-left: 69%;
    }

    /* fin de los estilos de la biblioteca */
}

@media (max-width: 375px) {

    /* estilos del index.php */
    .mapa_img {
        height: 300px;
        width: 370px;
        background-image: url('../img/mapa_utesc.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_index {
        height: 15px;
    }

    .gps-edificio1 {
        margin-top: 30%;
        margin-left: 58%;
    }

    .gps-edificio2 {
        margin-top: 23%;
        margin-left: 47%;
    }

    .gps-edificio3 {
        margin-top: 20%;
        margin-left: 67%;
    }

    .gps-biblioteca {
        margin-top: 13%;
        margin-left: 55%;
    }

    .gps-tienda {
        margin-top: 20%;
        margin-left: 38%;
    }

    .gps-cancha-baloncesto {
        margin-top: 12%;
        margin-left: 41%;
    }

    .gps-cancha-arena {
        margin-top: 30%;
        margin-left: 74%;
    }

    .gps-invernadero {
        margin-top: 14%;
        margin-left: 0%;
    }
    
    .gps-cancha-futbol{
        margin-top: 8%;
        margin-left: 58%;
    }
    
    .gps-tiroleza{
        margin-top: 18%;
        margin-left: 88%;
    }
    
    .gps-estacionamiento{
        margin-top: 40%;
        margin-left: 26%;
    }

    /* fin de los estilos del index.php */

    /* estilos del edificio1_pb.php */
    .edificio1-pb {
        height: 320px;
        background-image: url('../img/planos/e1-pb/plano-e1-pb.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio1_pb {
        height: 10px;
    }

    .gps1-edificio1-pb-cecom {
        margin-top: 24.5%;
        margin-left: 84.5%;
    }

    .gps3-edificio1-pb-aula2 {
        margin-top: 24.5%;
        margin-left: 75.9%;
    }

    .gps4-edificio1-pb-aula3 {
        margin-top: 24.5%;
        margin-left: 73.5%;
    }

    .gps5-edificio1-pb-aula4 {
        margin-top: 24.5%;
        margin-left: 58.5%;
    }

    .gps6-edificio1-pb-aula5 {
        margin-top: 24.5%;
        margin-left: 56%;
    }

    .gps7-edificio1-pb-escaleras {
        margin-top: 24.5%;
        margin-left: 39.7%;
    }

    .gps8-edificio1-pb-baños {
        margin-top: 24.5%;
        margin-left: 32%;
    }

    .gps9-edificio1-pb-entrada-administrativos {
        margin-top: 29%;
        margin-left: 25%;
    }

    .gps10-edificio1-pb-control-escolar {
        margin-top: 41%;
        margin-left: 26%;
    }

    .gps11-edificio1-pb-ayudantes-rectoria {
        margin-top: 18%;
        margin-left: 19%;
    }

    .gps12-edificio1-pb-rectoria {
        margin-top: 11%;
        margin-left: 15.8%;
    }

    .gps13-edificio1-pb-sala-juntas {
        margin-top: 20%;
        margin-left: 8.5%;
    }

    .gps14-edificio1-pb-afuera-sala-juntas {
        margin-top: 25%;
        margin-left: 10.3%;
    }

    .gps15-edificio1-pb-juridico {
        margin-top: 28%;
        margin-left: 7.8%;
    }

    .gps16-edificio1-pb-social {
        margin-top: 36%;
        margin-left: 7%;
    }

    .gps17-edificio1-pb-contabilidad {
        margin-top: 39.5%;
        margin-left: 6.5%;
    }

    .gps18-edificio1-pb-recursos-humanos {
        margin-top: 47.8%;
        margin-left: 5.6%;
    }

    .gps19-edificio1-pb-finanzas {
        margin-top: 49.5%;
        margin-left: 12.8%;
    }

    .gps20-edificio1-pb-infraestructura {
        margin-top: 41.5%;
        margin-left: 13.6%;
    }

    .gps21-edificio1-pb-planeacion {
        margin-top: 37.8%;
        margin-left: 14.2%;
    }

    .gps22-edificio1-pb-auditorio {
        margin-top: 48%;
        margin-left: 58.1%;
    }

    .gps23-edificio1-pb-sala-egresados {
        margin-top: 47.5%;
        margin-left: 60.4%;
    }

    .gps24-edificio1-pb-entrada {
        margin-top: 74%;
        margin-left: 35.2%;
    }

    /* fin de los estilos del edificio1_pb.php */

    /* estilos del edificio1_pa.php */
    .edificio1-pa {
        height: 320px;
        background-image: url('../img/planos/e1-pa/plano-e1-pa.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio1_pa {
        height: 10px;
    }

    .gps1-edificio1-pa-cecom {
        margin-top: 26%;
        margin-left: 83%;
    }

    .gps2-edificio1-pa-aula11 {
        margin-top: 26%;
        margin-left: 75.1%;
    }

    .gps3-edificio1-pa-aula12 {
        margin-top: 26%;
        margin-left: 72.5%;
    }

    .gps4-edificio1-pa-aula13 {
        margin-top: 26%;
        margin-left: 58.7%;
    }

    .gps5-edificio1-pa-aula14 {
        margin-top: 26%;
        margin-left: 56.2%;
    }

    .gps6-edificio1-pa-escaleras {
        margin-top: 26%;
        margin-left: 46.8%;
    }

    .gps7-edificio1-pa-baños {
        margin-top: 26%;
        margin-left: 32.5%;
    }

    .gps8-edificio1-pa-entrada-coordinacion {
        margin-top: 30.4%;
        margin-left: 25.3%;
    }

    .gps9-edificio1-pa-direccion-academica {
        margin-top: 12.8%;
        margin-left: 16.4%;
    }

    .gps10-edificio1-pa-enfermeria {
        margin-top: 12%;
        margin-left: 14%;
    }

    .gps11-edificio1-pa-supervisora {
        margin-top: 20%;
        margin-left: 15.3%;
    }

    .gps12-edificio1-pa-ingles {
        margin-top: 17.5%;
        margin-left: 9.8%;
    }

    .gps13-edificio1-pa-agricultura {
        margin-top: 54.6%;
        margin-left: 21.5%;
    }

    .gps14-edificio1-pa-tic {
        margin-top: 31.6%;
        margin-left: 8.2%;
    }

    .gps15-edificio1-pa-gastronomia {
        margin-top: 35%;
        margin-left: 8%;
    }

    .gps16-edificio1-pa-turismo {
        margin-top: 46%;
        margin-left: 6.7%;
    }

    .gps17-edificio1-pa-manto {
        margin-top: 49.6%;
        margin-left: 6.3%;
    }

    .gps18-edificio1-pa-tutorias {
        margin-top: 56%;
        margin-left: 5.6%;
    }

    .gps19-edificio1-pa-procesos {
        margin-top: 58%;
        margin-left: 9.5%;
    }

    .gps20-edificio1-pa-aux-vinculacion {
        margin-top: 43%;
        margin-left: 12.8%;
    }

    .gps21-edificio1-pa-site {
        margin-top: 56.5%;
        margin-left: 19.5%;
    }

    .gps22-edificio1-pa-psicologo {
        margin-top: 19.3%;
        margin-left: 21.5%;
    }

    .gps23-edificio1-pa-vinculacion {
        margin-top: 46.5%;
        margin-left: 20.3%;
    }

    .gps24-edificio1-pa-aula6 {
        margin-top: 53%;
        margin-left: 46.6%;
    }

    .gps25-edificio1-pa-aula7 {
        margin-top: 52%;
        margin-left: 49.2%;
    }

    .gps26-edificio1-pa-aula8 {
        margin-top: 47.5%;
        margin-left: 64.8%;
    }

    .gps27-edificio1-pa-aula9 {
        margin-top: 47%;
        margin-left: 67.2%;
    }

    .gps28-edificio1-pa-aula10 {
        margin-top: 44%;
        margin-left: 76.2%;
    }

    .gps29-edificio1-pa-mecatronica {
        margin-top: 20.5%;
        margin-left: 9.5%;
    }

    .gps30-edificio1-pa-trabajo-social {
        margin-top: 22%;
        margin-left: 21%;
    }

    /* fin de los estilos del archivo edificio1-pa.php */

    /* estilos del edificio2_pb.php */
    .edificio2-pb {
        height: 250px;
        background-image: url('../img/planos/e2-pb/plano-e2-pb.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio2_pb {
        height: 13px;
    }

    .gps1-edificio2-pb-escalera {
        margin-top: 29%;
        margin-left: 10%;
    }

    .gps2-edificio2-pb-biologia {
        margin-top: 21%;
        margin-left: 15.2%;
    }

    .gps3-edificio2-pb-quimica {
        margin-top: 20%;
        margin-left: 33.5%;
    }

    .gps4-edificio2-pb-procesos {
        margin-top: 20%;
        margin-left: 39.3%;
    }

    .gps5-edificio2-pb-electronica {
        margin-top: 21%;
        margin-left: 67.2%;
    }

    .gps6-edificio2-pb-mantenimiento {
        margin-top: 21%;
        margin-left: 72%;
    }

    .gps7-edificio2-pb-gastronomia {
        margin-top: 34%;
        margin-left: 80.3%;
    }

    .gps8-edificio2-pb-baños {
        margin-top: 40%;
        margin-left: 60.5%;
    }

    .gps9-edificio2-pb-salida {
        margin-top: 57%;
        margin-left: 74.3%;
    }

    /* fin de los estilos edificio2_pb.php */

    /* estilos del edificio2_pa.php */
    .edificio2-pa {
        height: 250px;
        background-image: url('../img/planos/e2-pa/plano-e2-pa.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio2_pa {
        height: 15px;
    }

    .gps1-edificio2-pa-escalera {
        margin-top: 29%;
        margin-left: 8%;
    }

    .gps2-edificio2-pa-cecom {
        margin-top: 20%;
        margin-left: 8.5%;
    }

    .gps3-edificio2-pa-infra {
        margin-top: 7%;
        margin-left: 14%;
    }

    /* fin de los estilos edificio2_pa.php */

    /* estilos de edificio3-pb.php */
    .edificio3-pb {
        height: 210px;
        background-image: url('../img/planos/e3-pb/plano-e3-pb.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio3_pb {
        height: 10px;
    }

    .gps1-edificio3-pb-reposteria {
        margin-top: 9.5%;
        margin-left: 88.3%;
    }

    .gps2-edificio3-pb-cataBar {
        margin-top: 12.5%;
        margin-left: 82%;
    }

    .gps3-edificio3-pb-planos {
        margin-top: 13.8%;
        margin-left: 79%;
    }

    .gps4-edificio3-pb-hoteleria {
        margin-top: 16%;
        margin-left: 68%;
    }

    .gps5-edificio3-pb-escaleras {
        margin-top: 16%;
        margin-left: 54.2%;
    }

    .gps6-edificio3-pb-aula1 {
        margin-top: 16.3%;
        margin-left: 43.3%;
    }

    .gps7-edificio3-pb-aula2 {
        margin-top: 16.3%;
        margin-left: 40%;
    }

    .gps8-edificio3-pb-aula3 {
        margin-top: 16.3%;
        margin-left: 30%;
    }

    .gps9-edificio3-pb-aula4 {
        margin-top: 16.3%;
        margin-left: 27%;
    }

    .gps10-edificio3-pb-aula5 {
        margin-top: 39%;
        margin-left: 5.7%;
    }

    .gps11-edificio3-pb-aula6 {
        margin-top: 37%;
        margin-left: 8.6%;
    }

    .gps12-edificio3-pb-aula7 {
        margin-top: 30%;
        margin-left: 21.6%;
    }

    .gps13-edificio3-pb-aula8 {
        margin-top: 29.2%;
        margin-left: 25%;
    }

    .gps14-edificio3-pb-baños {
        margin-top: 29%;
        margin-left: 35%;
    }

    .gps15-edificio3-pb-site {
        margin-top: 29%;
        margin-left: 46.3%;
    }

    .gps16-edificio3-pb-entrada {
        margin-top: 36%;
        margin-left: 52.6%;
    }

    .gps17-edificio3-pb-enfermerialvl1 {
        margin-top: 29%;
        margin-left: 59%;
    }

    .gps18-edificio3-pb-automatizacion {
        margin-top: 29%;
        margin-left: 75.5%;
    }

    /* fin de los estilos edificio3-pb.php */

    /* estilos de edificio3-pa.php */
    .edificio3-pa {
        height: 230px;
        background-image: url('../img/planos/e3-pa/plano-e3-pa.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio3_pa {
        height: 10px;
    }

    .gps1-edificio3-pa-aula24 {
        margin-top: 9.2%;
        margin-left: 88.7%;
    }

    .gps2-edificio3-pa-aula23 {
        margin-top: 12.7%;
        margin-left: 82.6%;
    }

    .gps3-edificio3-pa-aula22 {
        margin-top: 14%;
        margin-left: 79.5%;
    }

    .gps4-edificio3-pa-aula21 {
        margin-top: 16.4%;
        margin-left: 68.3%;
    }

    .gps5-edificio3-pa-escaleras-pa {
        margin-top: 16.4%;
        margin-left: 51%;
    }

    .gps6-edificio3-pa-aula9 {
        margin-top: 16.8%;
        margin-left: 43.6%;
    }

    .gps7-edificio3-pa-aula10 {
        margin-top: 16.8%;
        margin-left: 40.2%;
    }

    .gps8-edificio3-pa-aula11 {
        margin-top: 16.8%;
        margin-left: 30%;
    }

    .gps9-edificio3-pa-aula12 {
        margin-top: 16.8%;
        margin-left: 27%;
    }

    .gps10-edificio3-pa-aula16 {
        margin-top: 42.8%;
        margin-left: 6.3%;
    }

    .gps11-edificio3-pa-aula15 {
        margin-top: 37%;
        margin-left: 14%;
    }

    .gps12-edificio3-pa-aula14 {
        margin-top: 35.3%;
        margin-left: 16.8%;
    }

    .gps13-edificio3-pa-aula13 {
        margin-top: 31.3%;
        margin-left: 30%;
    }

    .gps14-edificio3-pa-baños {
        margin-top: 31%;
        margin-left: 36.4%;
    }

    .gps15-edificio3-pa-aula17 {
        margin-top: 31%;
        margin-left: 60.5%;
    }

    .gps16-edificio3-pa-aula18 {
        margin-top: 31%;
        margin-left: 64%;
    }

    .gps17-edificio3-pa-aula19 {
        margin-top: 31%;
        margin-left: 71.4%;
    }

    .gps18-edificio3-pa-aula20 {
        margin-top: 31%;
        margin-left: 74.6%;
    }

    /* fin de los estilos edificio3-pa.php */

    /* estilos de la biblioteca.php */
    .biblioteca {
        height: 300px;
        background-image: url('../img/planos/biblioteca/plano-biblioteca.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_biblioteca {
        height: 13px;
    }

    .gps1-biblioteca-entrada {
        margin-top: 69%;
        margin-left: 33.5%;
    }


    .gps2-biblioteca-direccion {
        margin-top: 64%;
        margin-left: 42.5%;
    }

    .gps3-biblioteca-sala-uso-multiples {
        margin-top: 55%;
        margin-left: 51.5%;
    }

    .gps4-biblioteca-centro-idiomas {
        margin-top: 55%;
        margin-left: 71%;
    }

    .gps5-biblioteca-lab-enfermeria {
        margin-top: 72%;
        margin-left: 86.6%;
    }

    .gps6-biblioteca-cubiculo3 {
        margin-top: 5.8%;
        margin-left: 84.3%;
    }

    .gps7-biblioteca-sala-lectura {
        margin-top: 17%;
        margin-left: 46%;
    }

    .gps8-biblioteca-cecom {
        margin-top: 28.3%;
        margin-left: 24%;
    }

    .gps9-biblioteca-cubiculo2 {
        margin-top: 31%;
        margin-left: 15.3%;
    }

    .gps10-biblioteca-cubiculo1 {
        margin-top: 41%;
        margin-left: 15.3%;
    }

    .gps11-biblioteca-baños {
        margin-top: 63%;
        margin-left: 25.5%;
    }

    .gps12-biblioteca-recepcion {
        margin-top: 45%;
        margin-left: 33.5%;
    }

    .gps13-biblioteca-sala-estar {
        margin-top: 41%;
        margin-left: 50%;
    }

    .gps14-biblioteca-lectura-infantil {
        margin-top: 38%;
        margin-left: 68.5%;
    }

    /* fin de los estilos de la biblioteca */
}

@media (max-width: 360px) {
    .mapa_img {
        height: 300px;
        width: 350px;
        background-image: url('../img/mapa_utesc.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_index {
        height: 18px;
    }

    .gps-edificio1 {
        margin-top: 31%;
        margin-left: 50%;
    }

    .gps-edificio2 {
        margin-top: 22%;
        margin-left: 46%;
    }

    .gps-edificio3 {
        margin-top: 21%;
        margin-left: 63%;
    }

    .gps-biblioteca {
        margin-top: 13%;
        margin-left: 53%;
    }

    .gps-tienda {
        margin-top: 21%;
        margin-left: 37%;
    }

    .gps-cancha-baloncesto {
        margin-top: 12%;
        margin-left: 40%;
    }

    .gps-cancha-arena {
        margin-top: 30%;
        margin-left: 73%;
    }

    .gps-invernadero {
        margin-top: 14%;
        margin-left: 0%;
    }
    
    .gps-cancha-futbol{
        margin-top: 8%;
        margin-left: 58%;
    }
    
    .gps-tiroleza{
        margin-top: 18%;
        margin-left: 86%;
    }
    
    .gps-estacionamiento{
        margin-top: 40%;
        margin-left: 26%;
    }

    /* estilos de edificio1_pb.php */
    .edificio1-pb {
        height: 300px;
        background-image: url('../img/planos/e1-pb/plano-e1-pb.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio1_pb {
        height: 10px;
    }

    .gps1-edificio1-pb-cecom {
        margin-top: 23.5%;
        margin-left: 84.5%;
    }

    .gps3-edificio1-pb-aula2 {
        margin-top: 23.5%;
        margin-left: 76%;
    }

    .gps4-edificio1-pb-aula3 {
        margin-top: 23.5%;
        margin-left: 73.5%;
    }

    .gps5-edificio1-pb-aula4 {
        margin-top: 23.5%;
        margin-left: 58.3%;
    }

    .gps6-edificio1-pb-aula5 {
        margin-top: 23.5%;
        margin-left: 56%;
    }

    .gps7-edificio1-pb-escaleras {
        margin-top: 23.5%;
        margin-left: 39.7%;
    }

    .gps8-edificio1-pb-baños {
        margin-top: 23.5%;
        margin-left: 32%;
    }

    .gps9-edificio1-pb-entrada-administrativos {
        margin-top: 28%;
        margin-left: 25.5%;
    }

    .gps10-edificio1-pb-control-escolar {
        margin-top: 39%;
        margin-left: 26%;
    }

    .gps11-edificio1-pb-ayudantes-rectoria {
        margin-top: 17.5%;
        margin-left: 19%;
    }

    .gps12-edificio1-pb-rectoria {
        margin-top: 10.5%;
        margin-left: 15.8%;
    }

    .gps13-edificio1-pb-sala-juntas {
        margin-top: 19%;
        margin-left: 8.5%;
    }

    .gps14-edificio1-pb-afuera-sala-juntas {
        margin-top: 24%;
        margin-left: 10.3%;
    }

    .gps15-edificio1-pb-juridico {
        margin-top: 27%;
        margin-left: 7.8%;
    }

    .gps16-edificio1-pb-social {
        margin-top: 34.5%;
        margin-left: 7%;
    }

    .gps17-edificio1-pb-contabilidad {
        margin-top: 38%;
        margin-left: 6.5%;
    }

    .gps18-edificio1-pb-recursos-humanos {
        margin-top: 45.5%;
        margin-left: 5.6%;
    }

    .gps19-edificio1-pb-finanzas {
        margin-top: 48%;
        margin-left: 12.8%;
    }

    .gps20-edificio1-pb-infraestructura {
        margin-top: 40%;
        margin-left: 13.6%;
    }

    .gps21-edificio1-pb-planeacion {
        margin-top: 36%;
        margin-left: 14.2%;
    }

    .gps22-edificio1-pb-auditorio {
        margin-top: 46.5%;
        margin-left: 58.1%;
    }

    .gps23-edificio1-pb-sala-egresados {
        margin-top: 45.8%;
        margin-left: 60.4%;
    }

    .gps24-edificio1-pb-entrada {
        margin-top: 72%;
        margin-left: 35.4%;
    }

    /* fin de los estilos del edificio1_pb.php */

    /* estilos del edificio1_pa.php */
    .edificio1-pa {
        height: 300px;
        background-image: url('../img/planos/e1-pa/plano-e1-pa.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio1_pa {
        height: 10px;
    }

    .gps1-edificio1-pa-cecom {
        margin-top: 25.4%;
        margin-left: 83%;
    }

    .gps2-edificio1-pa-aula11 {
        margin-top: 25.4%;
        margin-left: 75.1%;
    }

    .gps3-edificio1-pa-aula12 {
        margin-top: 25.4%;
        margin-left: 72.5%;
    }

    .gps4-edificio1-pa-aula13 {
        margin-top: 25.4%;
        margin-left: 58.7%;
    }

    .gps5-edificio1-pa-aula14 {
        margin-top: 25.4%;
        margin-left: 56.2%;
    }

    .gps6-edificio1-pa-escaleras {
        margin-top: 25.4%;
        margin-left: 47%;
    }

    .gps7-edificio1-pa-baños {
        margin-top: 25.4%;
        margin-left: 32.5%;
    }

    .gps8-edificio1-pa-entrada-coordinacion {
        margin-top: 30%;
        margin-left: 25.3%;
    }

    .gps9-edificio1-pa-direccion-academica {
        margin-top: 12.3%;
        margin-left: 16.4%;
    }

    .gps10-edificio1-pa-enfermeria {
        margin-top: 11.8%;
        margin-left: 14%;
    }

    .gps11-edificio1-pa-supervisora {
        margin-top: 19%;
        margin-left: 15.3%;
    }

    .gps12-edificio1-pa-ingles {
        margin-top: 17%;
        margin-left: 9.8%;
    }

    .gps13-edificio1-pa-agricultura {
        margin-top: 53%;
        margin-left: 21%;
    }

    .gps14-edificio1-pa-tic {
        margin-top: 31%;
        margin-left: 8.2%;
    }

    .gps15-edificio1-pa-gastronomia {
        margin-top: 34.5%;
        margin-left: 8%;
    }

    .gps16-edificio1-pa-turismo {
        margin-top: 45%;
        margin-left: 6.7%;
    }

    .gps17-edificio1-pa-manto {
        margin-top: 48.8%;
        margin-left: 6.3%;
    }

    .gps18-edificio1-pa-tutorias {
        margin-top: 55.2%;
        margin-left: 5.6%;
    }

    .gps19-edificio1-pa-procesos {
        margin-top: 57.8%;
        margin-left: 9.5%;
    }

    .gps20-edificio1-pa-aux-vinculacion {
        margin-top: 42%;
        margin-left: 12.8%;
    }

    .gps21-edificio1-pa-site {
        margin-top: 55.5%;
        margin-left: 19.5%;
    }

    .gps22-edificio1-pa-psicologo {
        margin-top: 19%;
        margin-left: 21.3%;
    }

    .gps23-edificio1-pa-vinculacion {
        margin-top: 45.5%;
        margin-left: 20.2%;
    }

    .gps24-edificio1-pa-aula6 {
        margin-top: 52%;
        margin-left: 46.6%;
    }

    .gps25-edificio1-pa-aula7 {
        margin-top: 51%;
        margin-left: 49.2%;
    }

    .gps26-edificio1-pa-aula8 {
        margin-top: 46.5%;
        margin-left: 64.8%;
    }

    .gps27-edificio1-pa-aula9 {
        margin-top: 46%;
        margin-left: 67.2%;
    }

    .gps28-edificio1-pa-aula10 {
        margin-top: 43%;
        margin-left: 76.2%;
    }

    .gps29-edificio1-pa-mecatronica {
        margin-top: 20.5%;
        margin-left: 9.5%;
    }

    .gps30-edificio1-pa-trabajo-social {
        margin-top: 22%;
        margin-left: 21%;
    }

    /* fin de los estilos del archivo edificio1-pa.php */

    /* estilos del edificio2_pb.php */
    .edificio2-pb {
        height: 243px;
        background-image: url('../img/planos/e2-pb/plano-e2-pb.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio2_pb {
        height: 13px;
    }

    .gps1-edificio2-pb-escalera {
        margin-top: 29%;
        margin-left: 10%;
    }

    .gps2-edificio2-pb-biologia {
        margin-top: 21%;
        margin-left: 15.2%;
    }

    .gps3-edificio2-pb-quimica {
        margin-top: 20%;
        margin-left: 33.5%;
    }

    .gps4-edificio2-pb-procesos {
        margin-top: 20%;
        margin-left: 39.3%;
    }

    .gps5-edificio2-pb-electronica {
        margin-top: 21%;
        margin-left: 67.2%;
    }

    .gps6-edificio2-pb-mantenimiento {
        margin-top: 21%;
        margin-left: 72%;
    }

    .gps7-edificio2-pb-gastronomia {
        margin-top: 34%;
        margin-left: 80.3%;
    }

    .gps8-edificio2-pb-baños {
        margin-top: 40%;
        margin-left: 60.5%;
    }

    .gps9-edificio2-pb-salida {
        margin-top: 57%;
        margin-left: 74.3%;
    }

    /* fin de los estilos edificio2_pb.php */

    /* estilos del edificio2_pa.php */
    .edificio2-pa {
        height: 250px;
        background-image: url('../img/planos/e2-pa/plano-e2-pa.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio2_pa {
        height: 13px;
    }

    .gps1-edificio2-pa-escalera {
        margin-top: 31%;
        margin-left: 9%;
    }

    .gps2-edificio2-pa-cecom {
        margin-top: 21.5%;
        margin-left: 9.3%;
    }

    .gps3-edificio2-pa-infra {
        margin-top: 7.5%;
        margin-left: 14.5%;
    }

    /* fin de los estilos edificio2_pa.php */

    /* estilos de edificio3-pb.php */
    .edificio3-pb {
        height: 202px;
        background-image: url('../img/planos/e3-pb/plano-e3-pb.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio3_pb {
        height: 10px;
    }

    .gps1-edificio3-pb-reposteria {
        margin-top: 9.5%;
        margin-left: 88.3%;
    }

    .gps2-edificio3-pb-cataBar {
        margin-top: 12.5%;
        margin-left: 82%;
    }

    .gps3-edificio3-pb-planos {
        margin-top: 13.8%;
        margin-left: 79%;
    }

    .gps4-edificio3-pb-hoteleria {
        margin-top: 16%;
        margin-left: 68%;
    }

    .gps5-edificio3-pb-escaleras {
        margin-top: 16%;
        margin-left: 54.2%;
    }

    .gps6-edificio3-pb-aula1 {
        margin-top: 16.3%;
        margin-left: 43.3%;
    }

    .gps7-edificio3-pb-aula2 {
        margin-top: 16.3%;
        margin-left: 40%;
    }

    .gps8-edificio3-pb-aula3 {
        margin-top: 16.3%;
        margin-left: 30%;
    }

    .gps9-edificio3-pb-aula4 {
        margin-top: 16.3%;
        margin-left: 27%;
    }

    .gps10-edificio3-pb-aula5 {
        margin-top: 39%;
        margin-left: 5.7%;
    }

    .gps11-edificio3-pb-aula6 {
        margin-top: 37%;
        margin-left: 8.6%;
    }

    .gps12-edificio3-pb-aula7 {
        margin-top: 30%;
        margin-left: 21.6%;
    }

    .gps13-edificio3-pb-aula8 {
        margin-top: 29.2%;
        margin-left: 25%;
    }

    .gps14-edificio3-pb-baños {
        margin-top: 29%;
        margin-left: 35%;
    }

    .gps15-edificio3-pb-site {
        margin-top: 29%;
        margin-left: 46.3%;
    }

    .gps16-edificio3-pb-entrada {
        margin-top: 36%;
        margin-left: 52.6%;
    }

    .gps17-edificio3-pb-enfermerialvl1 {
        margin-top: 29%;
        margin-left: 59%;
    }

    .gps18-edificio3-pb-automatizacion {
        margin-top: 29%;
        margin-left: 75.5%;
    }

    /* fin de los estilos edificio3-pb.php */

    /* estilos de edificio3-pa.php */
    .edificio3-pa {
        height: 220px;
        background-image: url('../img/planos/e3-pa/plano-e3-pa.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio3_pa {
        height: 10px;
    }

    .gps1-edificio3-pa-aula24 {
        margin-top: 9.2%;
        margin-left: 88.7%;
    }

    .gps2-edificio3-pa-aula23 {
        margin-top: 12.7%;
        margin-left: 82.6%;
    }

    .gps3-edificio3-pa-aula22 {
        margin-top: 14%;
        margin-left: 79.5%;
    }

    .gps4-edificio3-pa-aula21 {
        margin-top: 16.4%;
        margin-left: 68.3%;
    }

    .gps5-edificio3-pa-escaleras-pa {
        margin-top: 16.4%;
        margin-left: 50.6%;
    }

    .gps6-edificio3-pa-aula9 {
        margin-top: 16.8%;
        margin-left: 43.6%;
    }

    .gps7-edificio3-pa-aula10 {
        margin-top: 16.8%;
        margin-left: 40.2%;
    }

    .gps8-edificio3-pa-aula11 {
        margin-top: 16.8%;
        margin-left: 30%;
    }

    .gps9-edificio3-pa-aula12 {
        margin-top: 16.8%;
        margin-left: 27%;
    }

    .gps10-edificio3-pa-aula16 {
        margin-top: 42.8%;
        margin-left: 6.5%;
    }

    .gps11-edificio3-pa-aula15 {
        margin-top: 37%;
        margin-left: 14%;
    }

    .gps12-edificio3-pa-aula14 {
        margin-top: 35%;
        margin-left: 17%;
    }

    .gps13-edificio3-pa-aula13 {
        margin-top: 31%;
        margin-left: 30%;
    }

    .gps14-edificio3-pa-baños {
        margin-top: 30.8%;
        margin-left: 36.5%;
    }

    .gps15-edificio3-pa-aula17 {
        margin-top: 31%;
        margin-left: 60.5%;
    }

    .gps16-edificio3-pa-aula18 {
        margin-top: 31%;
        margin-left: 64%;
    }

    .gps17-edificio3-pa-aula19 {
        margin-top: 31%;
        margin-left: 71.4%;
    }

    .gps18-edificio3-pa-aula20 {
        margin-top: 31%;
        margin-left: 74.6%;
    }

    /* fin de los estilos edificio3-pa.php */

    /* estilos de la biblioteca.php */
    .biblioteca {
        height: 300px;
        background-image: url('../img/planos/biblioteca/plano-biblioteca.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_biblioteca {
        height: 12px;
    }

    .gps1-biblioteca-entrada {
        margin-top: 72%;
        margin-left: 33.8%;
    }


    .gps2-biblioteca-direccion {
        margin-top: 66.3%;
        margin-left: 42.8%;
    }

    .gps3-biblioteca-sala-uso-multiples {
        margin-top: 59%;
        margin-left: 51.9%;
    }

    .gps4-biblioteca-centro-idiomas {
        margin-top: 59%;
        margin-left: 71%;
    }

    .gps5-biblioteca-lab-enfermeria {
        margin-top: 75%;
        margin-left: 86.8%;
    }

    .gps6-biblioteca-cubiculo3 {
        margin-top: 6%;
        margin-left: 84.4%;
    }

    .gps7-biblioteca-sala-lectura {
        margin-top: 18%;
        margin-left: 46%;
    }

    .gps8-biblioteca-cecom {
        margin-top: 29.5%;
        margin-left: 24.4%;
    }

    .gps9-biblioteca-cubiculo2 {
        margin-top: 33.3%;
        margin-left: 15%;
    }

    .gps10-biblioteca-cubiculo1 {
        margin-top: 43.3%;
        margin-left: 15%;
    }

    .gps11-biblioteca-baños {
        margin-top: 66%;
        margin-left: 25%;
    }

    .gps12-biblioteca-recepcion {
        margin-top: 47%;
        margin-left: 34%;
    }

    .gps13-biblioteca-sala-estar {
        margin-top: 43%;
        margin-left: 50%;
    }

    .gps14-biblioteca-lectura-infantil {
        margin-top: 40%;
        margin-left: 69%;
    }

    /* fin de los estilos de la biblioteca */
}

@media (max-width: 280px) {
    .mapa_img {
        height: 300px;
        width: 270px;
        background-image: url('../img/mapa_utesc.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_index {
        height: 13px;
    }

    .gps-edificio1 {
        margin-top: 40%;
        margin-left: 49%;
    }

    .gps-edificio2 {
        margin-top: 29%;
        margin-left: 46%;
    }

    .gps-edificio3 {
        margin-top: 28%;
        margin-left: 64%;
    }

    .gps-biblioteca {
        margin-top: 17%;
        margin-left: 53%;
    }

    .gps-tienda {
        margin-top: 27%;
        margin-left: 38%;
    }

    .gps-cancha-baloncesto {
        margin-top: 17%;
        margin-left: 40%;
    }

    .gps-cancha-arena {
        margin-top: 39%;
        margin-left: 72%;
    }

    .gps-invernadero {
        margin-top: 18%;
        margin-left: 0%;
    }
    
    .gps-cancha-futbol{
        margin-top: 11%;
        margin-left: 58%;
    }
    
    .gps-tiroleza{
        margin-top: 22%;
        margin-left: 86%;
    }
    
    .gps-estacionamiento{
        margin-top: 52%;
        margin-left: 24%;
    }

    /* estilos de edificio1_pb.php */
    .edificio1-pb {
        height: 250px;
        background-image: url('../img/planos/e1-pb/plano-e1-pb.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio1_pb {
        height: 8px;
    }

    .gps1-edificio1-pb-cecom {
        margin-top: 24.8%;
        margin-left: 84.5%;
    }

    .gps3-edificio1-pb-aula2 {
        margin-top: 24.8%;
        margin-left: 76%;
    }

    .gps4-edificio1-pb-aula3 {
        margin-top: 24.8%;
        margin-left: 73.5%;
    }

    .gps5-edificio1-pb-aula4 {
        margin-top: 24.8%;
        margin-left: 58.3%;
    }

    .gps6-edificio1-pb-aula5 {
        margin-top: 24.8%;
        margin-left: 56%;
    }

    .gps7-edificio1-pb-escaleras {
        margin-top: 24.8%;
        margin-left: 39.8%;
    }

    .gps8-edificio1-pb-baños {
        margin-top: 24.8%;
        margin-left: 31.8%;
    }

    .gps9-edificio1-pb-entrada-administrativos {
        margin-top: 29.5%;
        margin-left: 25.2%;
    }

    .gps10-edificio1-pb-control-escolar {
        margin-top: 42%;
        margin-left: 26%;
    }

    .gps11-edificio1-pb-ayudantes-rectoria {
        margin-top: 18.5%;
        margin-left: 19%;
    }

    .gps12-edificio1-pb-rectoria {
        margin-top: 10.2%;
        margin-left: 15.5%;
    }

    .gps13-edificio1-pb-sala-juntas {
        margin-top: 20%;
        margin-left: 8.1%;
    }

    .gps14-edificio1-pb-afuera-sala-juntas {
        margin-top: 25.2%;
        margin-left: 10%;
    }

    .gps15-edificio1-pb-juridico {
        margin-top: 28%;
        margin-left: 7.3%;
    }

    .gps16-edificio1-pb-social {
        margin-top: 37%;
        margin-left: 6.3%;
    }

    .gps17-edificio1-pb-contabilidad {
        margin-top: 40.5%;
        margin-left: 6.1%;
    }

    .gps18-edificio1-pb-recursos-humanos {
        margin-top: 49%;
        margin-left: 5.2%;
    }

    .gps19-edificio1-pb-finanzas {
        margin-top: 51%;
        margin-left: 12.4%;
    }

    .gps20-edificio1-pb-infraestructura {
        margin-top: 42%;
        margin-left: 13.6%;
    }

    .gps21-edificio1-pb-planeacion {
        margin-top: 38.5%;
        margin-left: 13.9%;
    }

    .gps22-edificio1-pb-auditorio {
        margin-top: 49.5%;
        margin-left: 58.2%;
    }

    .gps23-edificio1-pb-sala-egresados {
        margin-top: 48.8%;
        margin-left: 60.4%;
    }

    .gps24-edificio1-pb-entrada {
        margin-top: 76.5%;
        margin-left: 35.1%;
    }

    /* fin de los estilos del edificio1_pb.php */

    /* estilos del edificio1_pa.php */
    .edificio1-pa {
        height: 235px;
        background-image: url('../img/planos/e1-pa/plano-e1-pa.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio1_pa {
        height: 7px;
    }

    .gps1-edificio1-pa-cecom {
        margin-top: 24.7%;
        margin-left: 83%;
    }

    .gps2-edificio1-pa-aula11 {
        margin-top: 24.7%;
        margin-left: 75.1%;
    }

    .gps3-edificio1-pa-aula12 {
        margin-top: 24.7%;
        margin-left: 72.5%;
    }

    .gps4-edificio1-pa-aula13 {
        margin-top: 24.7%;
        margin-left: 58.7%;
    }

    .gps5-edificio1-pa-aula14 {
        margin-top: 24.7%;
        margin-left: 56.2%;
    }

    .gps6-edificio1-pa-escaleras {
        margin-top: 24.7%;
        margin-left: 47%;
    }

    .gps7-edificio1-pa-baños {
        margin-top: 24.7%;
        margin-left: 32.5%;
    }

    .gps8-edificio1-pa-entrada-coordinacion {
        margin-top: 29.4%;
        margin-left: 25.3%;
    }

    .gps9-edificio1-pa-direccion-academica {
        margin-top: 11.8%;
        margin-left: 16.4%;
    }

    .gps10-edificio1-pa-enfermeria {
        margin-top: 11%;
        margin-left: 14%;
    }

    .gps11-edificio1-pa-supervisora {
        margin-top: 19%;
        margin-left: 15.3%;
    }

    .gps12-edificio1-pa-ingles {
        margin-top: 16.5%;
        margin-left: 10.2%;
    }

    .gps13-edificio1-pa-agricultura {
        margin-top: 52.7%;
        margin-left: 21.3%;
    }

    .gps14-edificio1-pa-tic {
        margin-top: 30.6%;
        margin-left: 8.2%;
    }

    .gps15-edificio1-pa-gastronomia {
        margin-top: 34%;
        margin-left: 8%;
    }

    .gps16-edificio1-pa-turismo {
        margin-top: 44.2%;
        margin-left: 6.7%;
    }

    .gps17-edificio1-pa-manto {
        margin-top: 47.6%;
        margin-left: 6.3%;
    }

    .gps18-edificio1-pa-tutorias {
        margin-top: 54.5%;
        margin-left: 5.6%;
    }

    .gps19-edificio1-pa-procesos {
        margin-top: 56%;
        margin-left: 9.7%;
    }

    .gps20-edificio1-pa-aux-vinculacion {
        margin-top: 41%;
        margin-left: 12.9%;
    }

    .gps21-edificio1-pa-site {
        margin-top: 55%;
        margin-left: 19.6%;
    }

    .gps22-edificio1-pa-psicologo {
        margin-top: 17.8%;
        margin-left: 21.5%;
    }

    .gps23-edificio1-pa-vinculacion {
        margin-top: 45.2%;
        margin-left: 20.5%;
    }

    .gps24-edificio1-pa-aula6 {
        margin-top: 51%;
        margin-left: 46.8%;
    }

    .gps25-edificio1-pa-aula7 {
        margin-top: 50%;
        margin-left: 49.2%;
    }

    .gps26-edificio1-pa-aula8 {
        margin-top: 45.5%;
        margin-left: 64.9%;
    }

    .gps27-edificio1-pa-aula9 {
        margin-top: 44.6%;
        margin-left: 67.2%;
    }

    .gps28-edificio1-pa-aula10 {
        margin-top: 42%;
        margin-left: 76.2%;
    }

    .gps29-edificio1-pa-mecatronica {
        margin-top: 20%;
        margin-left: 10%;
    }

    .gps30-edificio1-pa-trabajo-social {
        margin-top: 21%;
        margin-left: 21%;
    }

    /* fin de los estilos del archivo edificio1-pa.php */

    /* estilos del edificio2_pb.php */
    .edificio2-pb {
        height: 190px;
        background-image: url('../img/planos/e2-pb/plano-e2-pb.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio2_pb {
        height: 8px;
    }

    .gps1-edificio2-pb-escalera {
        margin-top: 29%;
        margin-left: 10%;
    }

    .gps2-edificio2-pb-biologia {
        margin-top: 21%;
        margin-left: 15.2%;
    }

    .gps3-edificio2-pb-quimica {
        margin-top: 20%;
        margin-left: 33.5%;
    }

    .gps4-edificio2-pb-procesos {
        margin-top: 20%;
        margin-left: 39.3%;
    }

    .gps5-edificio2-pb-electronica {
        margin-top: 21%;
        margin-left: 67.2%;
    }

    .gps6-edificio2-pb-mantenimiento {
        margin-top: 21%;
        margin-left: 72%;
    }

    .gps7-edificio2-pb-gastronomia {
        margin-top: 34%;
        margin-left: 80.3%;
    }

    .gps8-edificio2-pb-baños {
        margin-top: 40%;
        margin-left: 60.5%;
    }

    .gps9-edificio2-pb-salida {
        margin-top: 57%;
        margin-left: 74.3%;
    }

    /* fin de los estilos edificio2_pb.php */

    /* estilos del edificio2_pa.php */
    .edificio2-pa {
        height: 180px;
        background-image: url('../img/planos/e2-pa/plano-e2-pa.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio2_pa {
        height: 10px;
    }

    .gps1-edificio2-pa-escalera {
        margin-top: 27%;
        margin-left: 9%;
    }

    .gps2-edificio2-pa-cecom {
        margin-top: 18.5%;
        margin-left: 9%;
    }

    .gps3-edificio2-pa-infra {
        margin-top: 5.6%;
        margin-left: 14.5%;
    }

    /* fin de los estilos edificio2_pa.php */

    /* estilos de edificio3-pb.php */
    .edificio3-pb {
        height: 162px;
        background-image: url('../img/planos/e3-pb/plano-e3-pb.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio3_pb {
        height: 8px;
    }

    .gps1-edificio3-pb-reposteria {
        margin-top: 9.5%;
        margin-left: 88.3%;
    }

    .gps2-edificio3-pb-cataBar {
        margin-top: 12.5%;
        margin-left: 82%;
    }

    .gps3-edificio3-pb-planos {
        margin-top: 13.8%;
        margin-left: 79%;
    }

    .gps4-edificio3-pb-hoteleria {
        margin-top: 16%;
        margin-left: 68%;
    }

    .gps5-edificio3-pb-escaleras {
        margin-top: 16%;
        margin-left: 54.2%;
    }

    .gps6-edificio3-pb-aula1 {
        margin-top: 16.3%;
        margin-left: 43.3%;
    }

    .gps7-edificio3-pb-aula2 {
        margin-top: 16.3%;
        margin-left: 40%;
    }

    .gps8-edificio3-pb-aula3 {
        margin-top: 16.3%;
        margin-left: 30%;
    }

    .gps9-edificio3-pb-aula4 {
        margin-top: 16.3%;
        margin-left: 27%;
    }

    .gps10-edificio3-pb-aula5 {
        margin-top: 39%;
        margin-left: 5.7%;
    }

    .gps11-edificio3-pb-aula6 {
        margin-top: 37%;
        margin-left: 8.6%;
    }

    .gps12-edificio3-pb-aula7 {
        margin-top: 30%;
        margin-left: 21.6%;
    }

    .gps13-edificio3-pb-aula8 {
        margin-top: 29.2%;
        margin-left: 25%;
    }

    .gps14-edificio3-pb-baños {
        margin-top: 29%;
        margin-left: 35%;
    }

    .gps15-edificio3-pb-site {
        margin-top: 29%;
        margin-left: 46.3%;
    }

    .gps16-edificio3-pb-entrada {
        margin-top: 36%;
        margin-left: 52.6%;
    }

    .gps17-edificio3-pb-enfermerialvl1 {
        margin-top: 29%;
        margin-left: 59%;
    }

    .gps18-edificio3-pb-automatizacion {
        margin-top: 29%;
        margin-left: 75.5%;
    }

    /* fin de los estilos edificio3-pb.php */

    /* estilos de edificio3-pa.php */
    .edificio3-pa {
        height: 180px;
        background-image: url('../img/planos/e3-pa/plano-e3-pa.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_edificio3_pa {
        height: 8px;
    }

    .gps1-edificio3-pa-aula24 {
        margin-top: 9.2%;
        margin-left: 88.7%;
    }

    .gps2-edificio3-pa-aula23 {
        margin-top: 12.7%;
        margin-left: 82.6%;
    }

    .gps3-edificio3-pa-aula22 {
        margin-top: 14%;
        margin-left: 79.5%;
    }

    .gps4-edificio3-pa-aula21 {
        margin-top: 16.4%;
        margin-left: 68.3%;
    }

    .gps5-edificio3-pa-escaleras-pa {
        margin-top: 16.4%;
        margin-left: 50.6%;
    }

    .gps6-edificio3-pa-aula9 {
        margin-top: 16.8%;
        margin-left: 43.6%;
    }

    .gps7-edificio3-pa-aula10 {
        margin-top: 16.8%;
        margin-left: 40.2%;
    }

    .gps8-edificio3-pa-aula11 {
        margin-top: 16.8%;
        margin-left: 30%;
    }

    .gps9-edificio3-pa-aula12 {
        margin-top: 16.8%;
        margin-left: 27%;
    }

    .gps10-edificio3-pa-aula16 {
        margin-top: 42.8%;
        margin-left: 6.2%;
    }

    .gps11-edificio3-pa-aula15 {
        margin-top: 37%;
        margin-left: 14%;
    }

    .gps12-edificio3-pa-aula14 {
        margin-top: 35%;
        margin-left: 16.7%;
    }

    .gps13-edificio3-pa-aula13 {
        margin-top: 31%;
        margin-left: 30%;
    }

    .gps14-edificio3-pa-baños {
        margin-top: 31%;
        margin-left: 36.4%;
    }

    .gps15-edificio3-pa-aula17 {
        margin-top: 31%;
        margin-left: 60.5%;
    }

    .gps16-edificio3-pa-aula18 {
        margin-top: 31%;
        margin-left: 64%;
    }

    .gps17-edificio3-pa-aula19 {
        margin-top: 31%;
        margin-left: 71.4%;
    }

    .gps18-edificio3-pa-aula20 {
        margin-top: 31%;
        margin-left: 74.6%;
    }

    /* fin de los estilos edificio3-pa.php */

    /* estilos de la biblioteca.php */
    .biblioteca {
        height: 220px;
        background-image: url('../img/planos/biblioteca/plano-biblioteca.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .img_gps_biblioteca {
        height: 13px;
    }

    .gps1-biblioteca-entrada {
        margin-top: 66%;
        margin-left: 33.3%;
    }


    .gps2-biblioteca-direccion {
        margin-top: 61%;
        margin-left: 42%;
    }

    .gps3-biblioteca-sala-uso-multiples {
        margin-top: 52%;
        margin-left: 50.8%;
    }

    .gps4-biblioteca-centro-idiomas {
        margin-top: 52%;
        margin-left: 70%;
    }

    .gps5-biblioteca-lab-enfermeria {
        margin-top: 69%;
        margin-left: 86%;
    }

    .gps6-biblioteca-cubiculo3 {
        margin-top: 3.8%;
        margin-left: 83.7%;
    }

    .gps7-biblioteca-sala-lectura {
        margin-top: 16%;
        margin-left: 45%;
    }

    .gps8-biblioteca-cecom {
        margin-top: 26%;
        margin-left: 23.4%;
    }

    .gps9-biblioteca-cubiculo2 {
        margin-top: 29%;
        margin-left: 14.3%;
    }

    .gps10-biblioteca-cubiculo1 {
        margin-top: 39%;
        margin-left: 14.3%;
    }

    .gps11-biblioteca-baños {
        margin-top: 60%;
        margin-left: 24.2%;
    }

    .gps12-biblioteca-recepcion {
        margin-top: 43%;
        margin-left: 32.8%;
    }

    .gps13-biblioteca-sala-estar {
        margin-top: 39%;
        margin-left: 50%;
    }

    .gps14-biblioteca-lectura-infantil {
        margin-top: 37%;
        margin-left: 69%;
    }

    /* fin de los estilos de la biblioteca */
}