/* CSS Document */
a:link, a:hover, a:active {
	text-decoration: none;}


.azul { color: #00134d;text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;	}
	
.menua { color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: center;	}

a:link {
	color: #000000;
	text-decoration: none;}


a:hover {
	color: #000000;
	text-decoration: none;}

a:active {
	text-decoration: none;}
	

.info{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	color: #00134d;
}
.info2{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	color: #ffffff;
}

.texto{
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	color: #202020;
	line-height: 15pt
}
.texto2{
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	color: #202020;
	line-height: 15pt
}




.textorojo{
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-weight: bold;
	color:  #ff0003;
	line-height: 15pt
	
}



.texto3{
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: LEFT;
	color: #202020;
	line-height: 15pt
}

.blaco { color: #ffffff;text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-align: center;	
	
}

.amarillo { color: #ffff33;text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-align: center;	
	
}
	

.azul2 { color: #00134d;text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-align: center;	}
	
.azul3 { color: #00134d;text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-align: center;	}
	
.azul8 { color: #00134d;text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 32px;
	font-weight: bold;
	text-align: center;	}
	

a:active {color: #00134d
	text-decoration: none;}
	
	

.texto1{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	color: #202020;
	}

.texto4{
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	color: #FF0;
	font-weight: bold;
	}
	

.EstiloL {color: #000000;text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	}
.menuab { color: #FFFFFF; text-decoration: none;
	font-family: Arial, Helvetica, sans-seriff;
	font-size: 11px;
	text-align: center;	
	font-}
	
.Estilocursiva {color: #00134d;text-decoration: none;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-style: italic;
	font-weight: bold;}

.C2{color: #FFFFFF;text-decoration: none;
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center; }


.atrasb { color: #FFFFFF;text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;	}

.azul4 { color: #00134d;text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-align: left;	}

a:link {
	color: #00134d;
	text-decoration: none;}


a:hover {
	color: #00134d;
	text-decoration: none;}

a:active {
	text-decoration: none;}
	
.A { color: #ff0003;text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-align: right;	}
	
	
.ir { color: #203a76;text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	text-align: center;	}
	
.ir2 { color: #ff0003;text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: bold;
	text-align: center;	}
	
.ir3 { color: #ff0003;text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-align: center;	}
	
.ir4 { color: #203a76;text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;	}
	
.ir5 { color: #ff0003;text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 35px;
	font-weight: bold;
	text-align: center;	}
	
.ax0 { color: #FFFFFF;text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: center;	}
	
	
.ax1 { color: #000000;text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70px;
	font-weight: bold;
	text-align: center;	}
	
.ax2 { color: #000000;text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	text-align: center;	}
	
	
.ax3 { color: #000000;text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: bold;
	text-align: center;	}
	
.ax4 { color: #FFFFFF;text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70px;
	font-weight: bold;
	text-align: center;	}
	
.ax5 { color: #FFFFFF;text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	text-align: center;	}
	
.ax6 { color: #000000;text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-align: LEFT;	}
	
.ax7 { color: #000000;text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-align: LEFT;
	color:#FF0000	}
		
.ax8 { color: #000000;text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-align: right;
	color:#FF0000	}
	
.menuaa { color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: center;	
	text-decoration: none;}

	

.ago1 { color: #5a41c2;text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-align: center;	}
	
.ago2{ color: #5a41c2;text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-align: center;	}
	
	
	
	
.modal {
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.0);
  position:absolute;
  
  top: 0;
  left: 0;

  display: flex;

  animation: modal 1s 1s forwards;
  visibility: hidden;
  opacity: 0;
}

.contenido {
  margin: auto;
  width: 500px;
  height: 500px;
  background:#000099;
  border-radius: 10px;

}

#cerrar {
  display: none;
}

#cerrar + label {

  position: fixed;
  color: #fff;
  font-size: 20px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  z-index: 50;
  background: red;
  height: 30px;
  width: 30px;
  line-height: 30px;
  border-radius: 50%;
  right:50%;
  top:80%;

  cursor: pointer;

  animation: modal 1s 1s forwards;
  visibility: hidden;
  opacity: 0;
}

#cerrar:checked + label,
#cerrar:checked ~ .modal {
  display: none;
}

@keyframes modal {
  100% {
    visibility: visible;
    opacity: 1;
  }
}