body {
  background-image: url("/metal026.jpg");
  background-color: white;
  color: crimson;
  font-family: Verdana;
}

.menu {
  background-color: black;
  text-align: center;
  width: 900px;
  margin: 0 auto;
  padding: 5px;
  text-shadow: 1px 1px 1px #000000;
  border-style: double;
  border-color: grey;
}

.menu a {
  color: crimson;
}

.pages a {
  color: black;
  background-color: crimson;
  border-radius: 3px;
  padding: 3px;
  width: auto;
}

.contenido {
  background-color: black;
  text-align: center;
  width: 900px;
  margin: 0 auto;
  padding: 5px;
  text-shadow: 2px 2px 2px #000000;
  border-style: double;
  border-color: grey;
}

li {
  text-align: left;
}

img {
  width: 900px;
  height: auto;
}

th {
  padding: 5px;
  border-bottom: 1px solid white; 
}

table {
  width: 900px;
  border-left: none; 
  border-right: none; 
  border-collapse: collapse; 
}
                
.accordion input[name="collapse"] {
  display:none;
}

.accordion .content {
  background: black; 
  border-style: double;
  border-color: grey;
} 

.accordion .imagen { 
  display: none; 
  width: 900px;
} 

.accordion label { 
  color: crimson; 
  cursor: pointer; 
  font-weight: normal; 
  padding: 5px; 
  width:auto; 
  display:block; 
  border-style: double;
  border-color: grey;
} 

.accordion label:hover, .accordion label:focus { 
  background: crimson; 
  color: black; 
} 

.accordion input[name="collapse"]:checked ~ .imagen { 
  display: initial; 
}

.imagen img {
  width: auto;
  height: 500px;
}