*{
    margin:0;
    padding: 0px;
}

body{
    background-color: black;
    font-family: 'Segoe UI', Tahoma, Verdana, sans-serif;
    margin: auto;
    width: 1024px;
    padding: 30px;
}

#titulo{
    background-color: #8b321b;
    font-size: 5rem;
    text-align: center;
    font-family: 'Times New Roman', Times, serif;
    margin: auto;
}
p{
    color: gray;
    margin: 30px 0px;
    text-align:justify;
}
nav > h2{
    color: gray;
    padding-bottom: 5px;
}
ol{
    color: gray;
    padding: 5px 15px;
}
li{
    margin-bottom: 10px;
}
#links1{
    color: #5394aa;
    text-decoration: none;
}
#links1:hover{
    color: lightgray;
}
#links1:active{
    color: #8b321b;
}
#fotografia,#integrantes,#discografia,#enlaces {
    background-color: #5394aa;
    text-align: center;
    padding: 10px 0px;
    margin: 10px 0px; 
}
.margen{
    text-align: center; /* Centra los elementos de texto e in-line dentro de este div */
    padding: 10px 30px 20px;
    margin: auto;
}
img{
    display: block;
    margin: auto;
    border: 3px solid gray;
}
img:hover{
    border: 3px solid #5394aa;
}

table{
    margin: auto;
    border: 1px solid gray;
    border-collapse: collapse;
}
th{
   background-color: gray; 
   border: 2px solid gray;
   padding: 10px;
}
td{
    color: gray;
    border: 2px solid gray;
    padding: 10px;
}
table tr:not(:first-child):hover td {
    background-color: #5394aa;
    color: white; /* o red, como lo tenías */
}

#links2{
    text-decoration: none;
    color: lightgray;
    padding: 10px;
    font-size: 20px;
}
#links2:hover{
    background-color: lightgray;
    color: black;
}
#links2:active{
    background-color: #8b321b;
    color: black;

}

#pie{
    padding: 5px;
    background-color: gray;
}
#pie p {
    color: white;
    text-align: center;
}