@import url('https://fonts.googleapis.com/css2?family=Source+Serif+Pro&display=swap');

/* Estilos del contenido */
.content {
	margin-left: 15px;
	padding: 20px;
	overflow-y: auto; /* permite el scroll vertical */
	height: 95vh;
}
.Estilo1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000000;
	font-weight: bold;
 }
.Estilo2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0303b5;
}
.hijo1{
    width: 75%;
    height: auto;
    background-color: rgb(0, 43, 120);
    color: white;
    /*margin: 0 auto;*/
}

.titulo{
    width: 75%;
    height: auto;
    background-color: rgb(0, 62, 119);
    color: white;
}

.tituloFuente {
  border-top-color:black;
  border-right-color: black;
  border-bottom-color: black;
  border-left-color: black;
}

.hijo2{
    width: 75%;
    height: 100%;
    background-color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    display: flex;
    justify-content: center;
}

.hijo3{
    width: 75%;
    height: 100%;
    background-color:#002B7A;
    font-family: Arial, Helvetica, sans-serif;
    color: rgb(255, 255, 255 );
}

.hijo4 li{
    width: 45%;
    height: 100%;
    background-color:#004488;
    font-family: Arial, Helvetica, sans-serif;
    color: rgb(255, 255, 255 );
    list-style: none;
    display: inline-block;
    padding: 5px 20px;
    /*margin: 0 auto;*/
}

.membrete{
    width: 75%;
    height: auto;
    background-color: black;
}

header{
    justify-content: space-between;
    align-items: center;

}

.nav_links li{
    width: 10%;
    height: 100%;
    list-style: none;
    display: inline-block;
    padding: 5px 18px;
}
.padre{
    background-color:#ffffff;
    margin: 0 auto;
    font-family: "Serif Pro", sans-serif;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
table{
    color: black;
    width: 100%;
    height: auto;
    border-collapse: collapse;

}

table {
    border: 1px solid white;
}



.slider {
	width: 75%;
	margin: auto;
	overflow: hidden;
  background-color:#002B7A;
}

.slider ul {
	display: flex;
	padding: 0;
	width: 400%;

	animation: cambio 20s infinite alternate linear;
}

.slider li {
	width: 75%;
	list-style: none;
}

.slider img {
	width: 88%;
}

@keyframes cambio {
	0% {margin-left: 0;}
	20% {margin-left: 0;}

	25% {margin-left: -100%;}
	45% {margin-left: -100%;}

	50% {margin-left: -200%;}
	70% {margin-left: -200%;}

	75% {margin-left: -300%;}
	100% {margin-left: -300%;}
}