/* 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 */

  /* tarjetas */
  .contaudi1 {
    text-align: center;
    border: 2px solid rgb(28, 62, 116);
  }

  .audi1 i{
    color: rgb(28, 62, 116);
    font-size: 350%;
  }

  .audi1 button {
    width: 100%;
    color: rgb(28, 62, 116);
    border: 2px solid rgb(28, 62, 116);
    background-color: transparent;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  }

  .audi1 button:hover{
    background-color: rgb(28, 62, 116);
    color: white;
    transition: 1s;
  }
  /* fin tarjetas */

  /* modal */
  .fondomodalaudi1{
    background-color: rgb(28, 62, 116);
  }
  
  .titulomodal1 {
    background-color: rgb(28, 62, 116);
    color: white;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  }
  /* fin modal */