@font-face {
  font-family: "Helvetica Neue LT Std thin";
  src: url(../../assests/fuente/HelveticaNeueLTStd-Th.otf);
}

.grande {
  display: block;
}

.medio {
  display: none;
}

.chico {
  display: none;
}

.t-bachillerato {
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;
  padding-bottom: 9px;
}
.t-proceso {
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;
  padding-bottom: 60px;
}
.contenedor-descripcion {
  width: 75%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 5px;
}
.texto {
  font-size: 18px;
  color: #ffffff;
  font-family: "Helvetica Neue LT Std thin", sans-serif;
  text-align: center;
  font-weight: lighter;
}
.imagen-curricula {
  background-image: url("../images/graf_gusano.png");
  background-size: 1064px 352px;
  background-repeat: no-repeat;
  background-position: center;
  height: 867px;
  position: relative;
  background-color: #33cc00;
}
.proceso-gusano {
  font-size: 14px;
  color: #ffffff;
  font-family: "Helvetica Neue LT Std thin", sans-serif;
  text-align: center;
  font-weight: lighter;
  line-height: 22px;
  margin: 0;
}
.uno {
  position: absolute;
  width: 150px;
  margin-left: 23%;
  padding-top: 76px;
  z-index: 3;
}
.dos {
  position: absolute;
  width: 200px;
  margin-left: 33%;
  padding-top: 615px;
  z-index: 1;
}
.tres {
  position: absolute;
  width: 150px;
  margin-left: 41%;
  padding-top: 76px;
  z-index: 3;
}
.cuatro {
  position: absolute;
  width: 150px;
  margin-left: 51%;
  padding-top: 615px;
  z-index: 1;
}
.cinco {
  position: absolute;
  width: 200px;
  margin-left: 60%;
  padding-top: 76px;
  z-index: 1;
}
.seis {
  position: absolute;
  width: 200px;
  margin-left: 71%;
  padding-top: 615px;
  z-index: 1;
}
.t-requisito {
  margin-left: auto;
  margin-right: auto;
  padding-top: 45px;
  padding-bottom: 45px;
}

.contenedor-documentos {
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;

  display: -webkit-flex; /* Safari 6.1+ */
  -webkit-justify-content: space-around;
  -webkit-align-items: center;
  -webkit-flex-wrap: wrap;
}

.inscripcion {
  width: 450px;
  text-align: left;
  padding: 30px;
  line-height: 1.2;
}

.inscripcion p {
  font-size: 18px;
  color: #4d4d4d;
  font-family: "Helvetica Neue LT Std thin", sans-serif;
  text-align: center;
  font-weight: lighter;
  padding-top: 5px;
  letter-spacing: 5px;
}

.ficha {
  width: 450px;
  text-align: left;
  padding: 30px;
  line-height: 1.2;
}

.ficha p {
  font-size: 18px;
  color: #4d4d4d;
  font-family: "Helvetica Neue LT Std thin", sans-serif;
  text-align: center;
  font-weight: lighter;
  padding-top: 5px;
  letter-spacing: 5px;
}

.cont-requisitos {
  background-color: #dadada;
  padding-bottom: 2%;
}

ul.lista {
  list-style-type: disc;
  list-style-position: inside;
}

.lista {
  background-color: #ffffff;
  -webkit-border-radius: 25px 25px 25px 25px; /* recuerda la primera frase */
  -moz-border-radius: 25px; /* si quieres todas las esquinas iguales */
  border-radius: 25px;
  list-style-type: square;
  font-family: "Helvetica Neue LT Std thin", sans-serif;
  font-size: 18px;
  color: #4d4d4d;
  font-weight: lighter;
  padding: 15px;
}

.lista li {
  padding: 5px 10px;
}

.img-flecha {
  position: absolute;
  top: 10%;
  left: 10%;
  z-index: 1;
}

@media (max-width: 1519px) {
  .uno {
    margin-left: 18%;
  }
  .dos {
    margin-left: 28%;
  }
  .tres {
    margin-left: 40%;
  }
  .cuatro {
    margin-left: 52%;
  }
}
@media (max-width: 1428px) {
  .uno {
    margin-left: 16%;
  }
  .dos {
    margin-left: 26%;
  }
  .tres {
    margin-left: 39%;
  }
  .cuatro {
    margin-left: 51%;
  }
  .cinco {
    margin-left: 61%;
  }
  .seis {
    margin-left: 73%;
  }
}
@media (max-width: 1341px) {
  .uno {
    margin-left: 14%;
  }
  .dos {
    margin-left: 25%;
  }
  .seis {
    margin-left: 75%;
  }
}
@media (max-width: 1263px) {
  .uno {
    margin-left: 12%;
  }
  .tres {
    margin-left: 38%;
  }
  .cinco {
    margin-left: 63%;
  }
  .dos {
    margin-left: 23%;
  }
  .cuatro {
    margin-left: 52%;
  }
  .seis {
    margin-left: 77%;
  }
}

@media (max-width: 1230px) {
  .img-flecha {
    position: absolute;
    top: 10%;
    left: 4%;
  }
}
@media (max-width: 1213px) {
  .uno {
    margin-left: 11%;
  }
  .cuatro {
    margin-left: 51%;
  }
}
@media (max-width: 1200px) {
  .t-bachillerato {
    padding-top: 60px;
  }
}
@media (max-width: 1132px) {
  .imagen-curricula {
    background-size: 895px 299px;
    height: 721px;
  }
  .uno {
    margin-left: 14%;
    padding-top: 44px;
  }

  .tres {
    margin-left: 41%;
    padding-top: 44px;
  }
  .cinco {
    margin-left: 61%;
    padding-top: 44px;
  }
  .dos {
    margin-left: 24%;
    padding-top: 472px;
  }
  .cuatro {
    padding-top: 472px;
  }
  .seis {
    margin-left: 73%;
    padding-top: 472px;
  }
}

@media (max-width: 1126px) {
  .contenedor-documentos {
    width: 90%;
  }
}

@media (max-width: 1063px) {
  .uno {
    margin-left: 11%;
  }
  .tres {
    margin-left: 38%;
  }
  .cinco {
    margin-left: 62%;
  }
  .dos {
    margin-left: 21%;
  }
  .seis {
    margin-left: 75%;
  }
}
@media (max-width: 999px) {
  .uno {
    margin-left: 9%;
  }
  .tres {
    margin-left: 36%;
  }
  .dos {
    margin-left: 20%;
  }
  .cuatro {
    margin-left: 50%;
  }
  .seis {
    margin-left: 76%;
  }

  .inscripcion {
    width: 350px;
    text-align: left;
    padding: 10px;
    line-height: 1.2;
  }

  .ficha {
    width: 350px;
    text-align: left;
    padding: 10px;
    line-height: 1.2;
  }
}

@media (max-width: 941px) {
  .imagen-curricula {
    background-size: 815px 262px;
    height: 721px;
  }
  .proceso-gusano {
    font-size: 11pt;
  }
  .uno {
    margin-left: 10%;
  }
  .tres {
    margin-left: 37%;
  }
  .cinco {
    margin-left: 61%;
  }
  .dos {
    margin-left: 21%;
  }
  .seis {
    margin-left: 74%;
  }
}
@media (max-width: 900px) {
  .uno {
    margin-left: 8%;
  }
  .tres {
    margin-left: 36%;
  }
  .dos {
    margin-left: 18%;
  }
  .seis {
    margin-left: 76%;
  }
}
@media (max-width: 832px) {
  .imagen-curricula {
    background-size: 754px 241px;
    height: 721px;
  }
  .uno {
    margin-left: 5%;
  }
  .tres {
    margin-left: 35%;
  }
  .cinco {
    margin-left: 63%;
  }
  .dos {
    margin-left: 16%;
  }
  .cuatro {
    margin-left: 49%;
  }
  .seis {
    width: 127px;
    margin-left: 80%;
  }
}
@media (max-width: 789px) {
  .grande {
    display: none;
  }

  .medio {
    display: block;
  }

  .chico {
    display: none;
  }
}

@media (max-width: 777px) {
  .contenedor-documentos {
    width: 100%;
  }

  .inscripcion {
    width: 250px;
    text-align: left;
    padding: 5px;
    line-height: 1.2;
  }

  .ficha {
    width: 250px;
    text-align: left;
    padding: 5px;
    line-height: 1.2;
  }
}

@media (max-width: 767px) {
  .img-flecha {
    display: none;
  }
  .imagen-curricula {
    background-image: url("../images/ajuste_768_07.png");
    background-size: 368px 1028px;
    height: 1100px;
  }
  .uno {
    margin-left: 70%;
    padding-top: 90px;
  }
  .dos {
    margin-left: 7%;
    padding-top: 258px;
  }
  .tres {
    margin-left: 71%;
    padding-top: 421px;
  }
  .cuatro {
    margin-left: 9%;
    padding-top: 600px;
  }
  .cinco {
    margin-left: 73%;
    padding-top: 720px;
    width: 135px;
  }
  .seis {
    margin-left: 10%;
    padding-top: 892px;
  }
}
@media (max-width: 620px) {
  .uno {
    margin-left: 72%;
    padding-top: 94px;
    width: 121px;
  }
  .dos {
    margin-left: 2%;
    padding-top: 158px;
    width: 139px;
  }
  .tres {
    margin-left: 74%;
    padding-top: 298px;
    width: 121px;
  }
  .cuatro {
    margin-left: 2%;
    padding-top: 581px;
    width: 121px;
  }
  .cinco {
    width: 121px;
  }
  .seis {
    margin-left: 3%;
    padding-top: 892px;
    width: 121px;
  }
}

@media (max-width: 500px) {
  .imagen-curricula {
    background-size: 287px 890px;
    height: 1001px;
  }
  .texto {
    font-size: 14pt;
  }
  .proceso-gusano {
    font-size: 8pt;
  }
  .uno,
  .dos,
  .tres,
  .cuatro,
  .cinco,
  .seis {
    width: 90px;
  }
  .uno {
    margin-left: 75%;
    padding-top: 102px;
  }
  .dos {
    margin-left: 2%;
    padding-top: 121px;
  }
  .tres {
    margin-left: 75%;
    padding-top: 323px;
  }
  .cuatro {
    z-index: auto;
    padding-top: 503px;
  }
  .cinco {
    margin-left: 76%;
    padding-top: 640px;
  }
  .seis {
    z-index: auto;
    margin-left: 3%;
    padding-top: 793px;
  }
  .lista {
    font-size: 14px;
  }
}

@media (max-width: 489px) {
  .id-requisito {
    font-size: 13pt;
  }
}

@media (max-width: 400px) {
  .grande {
    display: none;
  }

  .medio {
    display: none;
  }

  .chico {
    display: block;
  }

  .imagen-curricula {
    background-image: url("../images/ab_400_11.png");
    background-size: 186px 653px;
    height: 700px;
  }
  .proceso-gusano {
    font-size: 6pt;
  }
  .uno,
  .dos,
  .tres,
  .cuatro,
  .cinco,
  .seis {
    width: 80px;
  }
  .uno {
    margin-left: 74%;
    padding-top: 93px;
  }
  .dos {
    margin-left: 5%;
    padding-top: 48px;
  }
  .tres {
    margin-left: 74%;
    padding-top: 240px;
  }
  .cuatro {
    z-index: auto !important;
    margin-left: 5%;
    padding-top: 352px;
  }
  .cinco {
    margin-left: 74%;
    padding-top: 477px;
  }
  .seis {
    z-index: auto;
    margin-left: 4%;
    padding-top: 586px;
  }

  .cont-requisitos {
    height: 980px;
  }

  .id-requisito {
    font-size: 18pt;
  }
}

@media (max-width: 311px) {
  .uno,
  .tres,
  .cinco {
    margin-left: 73%;
  }
}