body{
    background-color: black;
    margin-top: 0px;
    margin-left: 20rem;
    margin-right: 20rem;
    
}
#titulo{
    color: black;
    background-color: #8b321b;
    text-align: center;
    font-size: 5rem;
    margin: 0px;
    padding-bottom: 10px;
    padding-top: 10px;
    font-family: 'Times New Roman', Times, serif;
}
nav li{
    color: lightgray;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
nav a:link{
    color: #5394aa;
}
nav a{
    width: 1%;
    margin: 1px;
    background-color: black;
    text-align: left;
    padding: 0px;
}
nav a:hover{
    color: lightgray;
}
nav a:active{
    color: #8b321b;
}
p{
    color: gray;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
h2{
    color: lightgray;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.seccion h2{
    background-color: #5394aa;
    color: black;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}
img{
    display: block;
    margin: auto;
    border: 1px solid lightgray; 
    padding: 1px;
    
}
.margen table{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: lightgray;
    text-align: left;
    width: 30%;
    margin: auto;
}
tr:first-child {
    background-color: lightgray; 
    color: black;
}
.margen td{
    padding: 5px;
}
.margen tr:hover{
    color: black;
    background-color: #5394aa;
}
a:link{
    color: lightgray;
    background-color: black;
}
a:hover{
    color: black;
    background-color: lightgray;
}
a:active{
    color: #8b321b;
}
a{
    width: 20%;
    display: block;
    margin: auto;
    background-color: black;
    text-align: center;
    padding: 10px;
    text-decoration: none;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

}
li{
    color: black;
}
footer p{
    text-align: center;
    background-color: gray;
    color: lightgray;
    padding: 20px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}