body{
background-color: black;
margin: auto;
text-align: center;
width: 1084px;
}
#Titulo{
    background-color: #8b321b;
    color: black;
    font-family: 'times new roman';
    text-align: center;
    font-size: 80px;
}
header p{
    color: gray;
    font-family: 'Segoe UI';
    font-size: 20px;
    text-align: justify;
    margin: 20px;
}
#Indice{
    color: grey;
    text-align: justify;
    font-family: "Segoe UI";
    font-size: 20px;
}
ol{
    
    color: grey;
    text-align: justify;
    font-family: "Segoe UI";
    font-size: 20px;

}
li{
    
padding: 3px;}
 a {
  text-decoration: none;
}
#navegacion a{
    text-align: center;
    font-family: 'Segoe UI';
    font-size: 22px;
    color: #5394aa;

}
#navegacion a:hover{
    color: lightgray;
}
#navegacion a:active{
    color: red;
}
h2{
    font-family: 'Segoe UI';
    font-size: 23px ;
    text-align: center;
    color:black;
    background: #5394aa;
    border: #5394aa 3px solid;
    padding: 8px;
}
div{
text-align: center;
padding: 20px;
}
img{
    border: 3px solid  gray;
    
}
img:hover{
    border: 3px solid #5394aa;
}
table{
    margin: auto;
    border: 3px solid gray;
    border-collapse: collapse;
    text-align: center;
    font-family: 'Segoe UI';
    font-size: 22px;
    color: gray;
}
tr:hover{
    background: #5394aa;
    color: lightgray;
   
}
table tr:first-child{
    background: grey;
    color:black
}
#enlaces{
    padding: 20px;
}
#enlaces a{
    font-family: 'Segoe UI';
    font-size: 25px;
    text-align: center;
    color: lightgray;
  
}
#enlaces a:hover{
    background:  lightgray;
    color: black;
    margin: auto;
    padding: 10px;
}
footer{
    background: grey;
    color: lightgray;
    font-family: 'Segoe UI';
    text-align: center;
    font-size: 20px;
    padding: 10px;
}