#titulo{
    color: black;
    background: #8b321b;
    font-family: 'times new roman';
    text-align-last: center;
    font-size: 5rem;
    padding: 40px;
    margin-top: auto;
    border:#8b321b;
}

body{
    background: black;
    width: 1024px;
    padding: 0;
    margin: auto;
    font-family: 'segoe ui';
}

p{
    color: grey;
    text-align: justify;
    
}

li{
    color: gray
}

a{
    text-decoration: none;
}
.indice{
    color: gray

}

.lista1 a:link{
    color: blue;  
}

.lista1 a:hover{
    color: lightgray;
}

.lista1 a:active{
    color: #8b321b;
}

.primer h2{
    background: #5394aa;
    text-align: center;
    font-family: 'segoe ui';
    margin: auto;
}

.foto img{
    display: block;
    margin: 20px auto;  
    border: 2px solid gray;
}

.foto img:hover{
    border: 2px solid #5394aa;
}

#INTEGRANTES{
    background: #5394aa;
    text-align: center;
    font-family: 'segoe ui';
    margin-left: auto;
    margin-right: auto;
}

.tabla{
  display: flex;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
}

#tablaint {
  color: lightgray;
  border-collapse: collapse;
  width: auto;                 
}

#tablaint th{
    background: gray;
    color: black;
}

#tablaint td {
  border: 1px solid gray;
  padding: 8px 16px;
  text-align: left;
  background: black;
  color: lightgray
}

#tablaint tr:hover{
    background: #5394aa;
    color: lightgray
}


#tablaint tr:hover td {
    background: #5394aa;
    color: lightgray;
}

#Discografia{
    background: #5394aa;
    text-align: center;
    font-family: 'segoe ui';
    margin-left: auto;
    margin-right: auto;
}

.tabla2{
  display: flex;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
}

#tdiscografia {
  color: lightgray;
  border-collapse: collapse;
  width: auto;                 
}

#tdiscografia th{
    background: gray;
    color: black;
}

#tdiscografia td {
  border: 1px solid gray;
  padding: 8px 16px;
  text-align: left;
  background: black;
  color: lightgray
}

#tdiscografia tr:hover{
    background: #5394aa;
    color:lightgray
}


#tdiscografia tr:hover td {
    background: #5394aa;
    color: lightgray;
}

#Enlaces{
    text-align: center;
    background: #5394aa;
    margin-bottom: 20px;
}   

.enlaces2 {
    text-align: center;
    margin-bottom: 20px;
}

.enlaces2 a:link{
    color: gray;  
}

.enlaces2 a:hover{
    background: lightgray;
    color: black;
}   

.enlaces2 a:active{
    background: #8b321b;
}

#pie{
    background: gray;
    text-align: center;
    color: lightgray;
    padding: 20px;
    font-size: 15px;
}