/*Colors: #034578 #09375c */

/* header
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#top-banner h1 {
  color: #09375c;
  text-align: center;
  margin-bottom: 0rem; 
}



/* footer
–––––––––––––––––––––––––––––––––––––––––––––––––– */

footer {
  padding: 1rem 0 1rem;
  background-color: #09375c;
  color: #fff;
  text-align: center;
  position:fixed;
  left:0px;
  bottom:0px;
  width:100%;
}
footer a {
  color: #fff;
  text-decoration: none;

}
footer a:hover {
  color: #1EAEDB;
}
footer p {
  margin-bottom: 0rem;
}

.index-btn{
    margin-bottom: 34px;
}

#azul1{
     
       width:20px;
       height:20px;
       border-radius:10px;
       border: 1px solid black;
       background-color:blue;
}

#blanco1{
       width:20px;
       height:20px;
       border-radius:10px;
       border: 1px solid black;
       background-color:white;
}
#fucsia1{
       width:20px;
       height:20px;
       border-radius:10px;
       border: 1px solid black;
       background-color:fuchsia;
}
#gris1{
       width:20px;
       height:20px;
       border-radius:10px;
       border: 1px solid black;
       background-color:darkgray;
}
#negro1{
       width:20px;
       height:20px;
       border-radius:10px;
       border: 1px solid black;
       background-color:black;
}
#rojo1{
       width:20px;
       height:20px;
       border-radius:10px;
       border: 1px solid black;
       background-color:red;
}
#rosaneon1{
       width:20px;
       height:20px;
       border-radius:10px;
       border: 1px solid black;
       background-color:hotpink;
}
#verde1{
       width:20px;
       height:20px;
       border-radius:10px;
       border: 1px solid black;
       background-color:green;
}
#verdeneon1{
       width:20px;
       height:20px;
       border-radius:10px;
       border: 1px solid black;
       background-color:yellowgreen;
}
#azul2{
       width:20px;
       height:20px;
       border-radius:10px;
       border: 1px solid black;
       background-color:blue;
}
#fucsia2{
       width:20px;
       height:20px;
       border-radius:10px;
       border: 1px solid black;
       background-color:fuchsia;
}
#grisoscuro2{
       width:20px;
       height:20px;
       border-radius:10px;
       border: 1px solid black;
       background-color: #555;
}
#plata2{
       width:20px;
       height:20px;
       border-radius:10px;
       border: 1px solid black;
       background-color:silver;
}
#verde2{
       width:20px;
       height:20px;
       border-radius:10px;
       border: 1px solid black;
       background-color:green;
}