* {
  padding: 0;
  margin: 0;
}
p {
  margin-bottom: 20px;
}
.wrapper {
  width: 80%;
  margin: auto;
  overflow:hidden;
}
header {
  background: rgba(0,0,0,0.9);
  width: 100%;
  position: fixed;
  z-index: 10;
}

.botoncito {
 background-image: url("../btn/01.png");
 background-size: cover;
 background-position: center;
 display: inline-block;
 border: none;
 padding: 20px;
 width: 60px;
 border-radius: 900px;
 height: 60px;
 transition: all 0.5s;
 cursor: pointer;
}
.botoncito:hover
{
 width: 160px;
 height: 160px;
 background-image: url("../btn/logorotando.gif");
}

.botoncitomenu {
 background-image: url("../btn/logorotando.gif");
 background-size: cover;
 background-position: left;
 display: inline-block;
 border: none;
 padding: 50px;
 width: 30px;
 border-radius: 900px;
 height: 30px;
 transition: all 0.5s;
 cursor: pointer;
}
.botoncitomenu:hover
{
 width: 50px;
 height: 50px;
 background-image: url("../btn/01.png");
}


nav {
  float: left; /* Desplazamos el nav hacia la izquierda */
}
nav ul {
  list-style: none;
  overflow: hidden; /* Limpiamos errores de float */
}
nav ul li {
  float: left;
  font-family: Arial, sans-serif;
  font-size: 16px;
}
nav ul li a {
  display: block; /* Convertimos los elementos a en elementos bloque para manipular el padding */
  padding: 20px;
  color: #fff;
  /* text-decoration: none;*/
}
nav ul li:hover {
/*  background: #b6aa08;*/
}
.contenido {
  padding-top: 80px;
}