/* cabecera */

.menupscb {
    margin-left: 5%;
  }
  .pscb  img{
      width: 26dvh;
      margin-left: 15%;
  }
  
  .menua a{
      color: rgb(28, 62, 116);
      font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
      font-size: 107%;
  }
  .menua a:hover{
      background-color: rgb(188, 214, 255);
      color: rgb(28, 62, 116);
  }
  
  .titu1:hover {
    background-color: rgb(188, 214, 255);
  }
  
  .titu2:hover {
    background-color: rgb(188, 214, 255);
  }
  
  .titu3:hover {
    background-color: rgb(188, 214, 255);
  }
  
  .titu4:hover {
    background-color: rgb(188, 214, 255);
  }
  
  .titu5:hover {
    background-color: rgb(188, 214, 255);
  }
  
  .boton{
    text-align: center;
    width: 20dvh;
  }
  
  .boton a button{
    color: rgb(28, 62, 116);
    text-decoration: none;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 140%;
  }
  
  .boton a button:hover{
    color: rgb(237, 41, 59);
  }
  
  /* fin cabecera */

/* portada */

.pestaña img{
    width: 100%;
}

/* fin portada */

/* segundo menu */
.botonazul button{
  background-color: transparent;
  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  color: rgb(28, 62, 116);
  border: solid 2px rgb(28, 62, 116);
}


.botonazul button:hover {
  background-color: rgb(188, 214, 255);
  color: rgb(28, 62, 116);
}

.botonazul a{
    color: rgb(28, 62, 116);
}

.botonazul a:hover{
    color: rgb(28, 62, 116);
}
/* fin segundo menu */

/* informacion */
.imagenPMH img{
    width:100%;
  }
  
  .parrafo h4 {
    color: white;
    background-color: rgb(28, 62, 116);
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  }
  
  .parrafo p {
    text-align: justify;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  }
  /* fin informacion */

/* instituciones aliadas*/
.titulot {
    background-color: rgb(237, 41, 59);
    color: white;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    text-align: center;
}

.titulot1 {
    background-color: rgb(28, 62, 116);
    color: white;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    text-align: center;
}
/* fin instituciones aliadas */

/* jurisdicciones */
.imggga {
    text-align: center;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  }
  
  .imggga img{
    width: 65%;
  }
  
  .imgggb {
    text-align: center;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  }
  
  .imgggb img{
    width: 80%;
  }
  
  .imgggc {
    text-align: center;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  }
  
  .imgggc img{
    width: 80%;
  }
  
  .imgggd {
    text-align: center;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  }
  
  .imgggd img{
    width: 80%;
  }
  
  .imggge {
    text-align: center;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  }
  
  .imggge img{
    width: 65%;
  }
  
  .imgggf {
    text-align: center;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  }
  
  .imgggf img{
    width: 80%;
  }
  
  .juris h4{
    background-color: rgb(237, 41, 59);
    text-align: center;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    color: white;
  
  }
  /* fin jurisdicciones */

  /* Instituciones públicas en el nivel nacional */
.titipn h4{
    background-color: rgb(237, 41, 59);
    color: white;
    text-align: center;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

.imggg2 {
    text-align: center;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

.imggg2 img{
    width: 80%;
}

.imggg3 {
    text-align: center;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

.imggg3 img{
    width: 80%;
}

.imggg4 {
    text-align: center;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

.imggg4 img{
    width: 80%;
}

.imggg5 {
    text-align: center;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

.imggg5 img{
    width: 80%;
}

.imggg6 {
    text-align: center;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

.imggg6 img{
    width: 80%;
}


.titosc {
    background-color: rgb(28, 62, 116);
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    color: white;
    text-align: center;
}

.imggga {
    text-align: center;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

.imggga img{
    width: 65%;
}

.imgggb {
    text-align: center;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

.imgggb img{
    width: 80%;
}

.imgggc {
    text-align: center;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

.imgggc img{
    width: 80%;
}

.imgggd {
    text-align: center;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

.imgggd img{
    width: 80%;
}

.imggge {
    text-align: center;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

.imggge img{
    width: 65%;
}

.imgggf {
    text-align: center;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

.imgggf img{
    width: 80%;
}

.juris h4{
    background-color: rgb(28, 62, 116);
    text-align: center;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    color: white;

}
/* Fin Instituciones públicas en el nivel nacional */

/* apoyo */
.tr1 {
    text-align: center;
}

.tr1 img{
    width: 45%;
}

.tr1 img{
    transform: scale(var(--escala, 1));
    transition: transform 0.25s;
}
.tr1 a:hover{
    --escala: 1.2;
    cursor:pointer;
}


.tr2 {
    text-align: center;
}

.tr2 img{
    width: 40%;
}

.tr2 img{
    transform: scale(var(--escala, 1));
    transition: transform 0.25s;
}

.tr2 a:hover{
    --escala: 1.2;
    cursor:pointer;
}


.tr3 {
    text-align: center;
}

.tr3 img{
    width: 40%;
}

.tr3 img{
    transform: scale(var(--escala, 1));
    transition: transform 0.25s;
}

.tr3 a:hover{
    --escala: 1.2;
    cursor:pointer;
}
/* fin apoyo */

/* texto */
.titulomar h3{
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    text-align: center;
    color: white;
    background-color: rgb(237, 41, 59);
}

.imgg1 {
    width: 100%;
    text-align: center;  
}

.imgg1 img{
    width: 35%;
}

.tarj1 h5{
    text-align: center;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 160%;
}

.tarj1 h4{
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

.tarj1 p{
    text-align: justify;
}


.imgg2 {
    width: 100%;
    text-align: center;  
}

.imgg2 img{
    width: 35%;
}

.tarj2 h5{
    text-align: center;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 160%;
}

.tarj2 h4{
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

.tarj2 p{
    text-align: justify;
}


.imgg3 {
    width: 100%;
    text-align: center;  
}

.imgg3 img{
    width: 35%;
}

.tarj3 h5{
    text-align: center;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 160%;
}

.tarj3 h4{
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

.tarj3 p{
    text-align: justify;
}
/* fin texto */