body {

margin: 0;
background-color: #f4f7fb;

}


header {

background-color: #6a8caf;

font-family: Papyrus, serif;

text-align: center;

color: white;

padding: 20px;

}


nav {

background-color: #dbe7f0;

color: black;

padding: 10px;

}

nav {
  background-color: #dbe7f0;
  padding: 15px;
  text-align: center;
  position: sticky;
  top: 0;
}

nav a {
  font-family: Georgia, serif;
  margin: 0 12px;
  text-decoration: none;
  color: #1d3557;
  font-weight: bold;
}

nav a:hover {
  color: #3d5a80;
  border-bottom: 2px solid #3d5a80;
  padding-bottom: 3px;
}


nav a {

font-family: Garamond, serif;

font-size: 18px;

color: black;

margin-right: 15px;

text-decoration: none;

}


nav a:hover {

color: #3d5a80;

}


main {

font-family: Georgia, serif;

display: flex;

}


.seccion1 {

width: 80%;

display: flex;

flex-direction: column;

}


.seccion1 {

width: 90%;

padding: 20px;

}


.articulo1 {

display: flex;

align-items: center;

margin-bottom: 30px;

}


.articulo1 img {

width: 250px;

margin-right: 20px;

}


.division1 {

text-align: justify;

padding: 10px;

}


.division1 h2 {

font-family: Lucida Handwriting;

color: #3d5a80;

}


.articulo2 {

display: flex;

align-items: center;

margin-bottom: 30px;

}


.articulo2 img {

width: 250px;

margin-left: 20px;

}


.division2 {

text-align: justify;

padding: 10px;

}


.division2 h2 {

font-family: Lucida Handwriting;

color: #3d5a80;

}


.articulo1 img, .articulo2 img {

margin: 0 20px;

}


.articulo iframe {

margin-right: 20px;

margin-left: 60px;

width: 300px;

height: 250px;

}


.tabla1 {

width: 40%;

border-collapse: collapse;

margin-top: 20px;

margin-left: 30px;

font-family: Comic;

font-size: 18px;

}


.tabla1 th {

font-weight: bold;

text-align: center;

padding: 10px;

border-bottom: 4px solid #3d5a80;

border-right: 1px solid #ccc;

border-left: 1px solid #ccc;

border-top: 1px solid #ccc;

}


.tabla1 td {

padding: 10px;

text-align: center;

border-bottom: 1px solid #ccc;

border-right: 1px solid #ccc;

border-left: 1px solid #ccc;

}


aside {

width: 20%;

background-color: #e9f0f7;

padding: 20px;

margin-left: 20px;

}


.lateral {

background-color: #e9f0f7;

padding: 20px;

}


.lateral h3 {

margin-top: 0;

font-family: Papyrus, sans-serif;

color: #3d5a80;

}


.redes {

list-style: none;

padding: 0;

}


.redes li {

margin-bottom: 10px;

}


.redes a {

text-decoration: none;

color: #333;

}


.redes a:hover {

color: #3d5a80;

}


footer {

font-family: Arial, sans-serif;

background-color: #1d3557;

color: white;

text-align: center;

padding: 10px;

}