#total {
  position: absolute;
  height: 45em;
  width: 88em;

  margin-left: auto;
  margin-right: auto;
}
#head {
  height: 4em;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  /-margin-top: 5px;
  background-image: url("../imagenes/menu.jpg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
#contenido {
  height: 27em;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  background-image: url("../imagenes/cuerpo.jpg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  border: none;
}
#pie {
  height: 10em;
  width: 85%;
  right: 50px;
  margin-left: auto;
  margin-right: auto;

  padding: 0px;
  background-size: 100% 60%;
  background-repeat: no-repeat;
  background-position: bottom;
}
#botonera {
  height: 100%;
  width: 70%;
  float: right;
}
.boton {
  height: 100%;
  width: 7em;
  background: transparent;
  border-width: 0px;
  background-size: 100% 100%;
  font-size: 25px;
  color: white;
}
.boton:hover {
  height: 100%;
  width: 7em;

  background-image: url("../imagenes/boton.jpg");
  border-width: 0px;
  background-size: 100% 100%;
  font-size: 25px;
  color: white;
}

.suboton {
  height: 2em;
  width: 8em;
  border-width: 0px;
  background-image: url("../imagenes/boton.jpg");
  background-size: 100% 100%;
  font-size: 25px;
  color: white;
}

ul,
ol {
  list-style: none;
}

.nav > li {
  float: left;
}

.nav li ul {
  display: none;
  position: absolute;
}

.nav li:hover > ul {
  display: block;
}