.banner{
  display: flex;
  background: #ffb000;
  align-items: center;
  align-content: center;
}
 .banner img{
   float: right;
 }

.fondo h2{
  margin: 0;
  color: #fff;
  font-size: 3.0em;
  text-align: center;
}
.fondo p{
  color: #fff;
  margin: 0;
  text-align: center;
}

.contenido{
  height: auto;
}

.producto1{
  margin-top: 40px;
  height: 229px;
  border: solid 1px #ffd80b;

}
.producto1 h2{
  margin: 0;
  margin-top: 30px;
  text-align: center;
  font-size: 2.0em;
}
.img-producto1{
  float: left;
  height: 200px;
}


 .descripcion {
   height: 120px;
  float: left;
  display: flex;
  align-items: center;
  align-content: center;
}
.descripcion p{
  text-align: center;
  padding: 0px 30px;
}
.boton {
  text-align: center;
}

.paginacion {margin:10px auto; height: 20px; }
.nav-prod ul { list-style:none; border-top: 1px solid #e0e0e0; padding: 0; border-bottom: 1px solid #e0e0e0;}
.nav-prod ul li {display:inline-block;}
.nav-prod ul li a { text-decoration: none; color: #000; transition: 0.5s;}
.nav-prod ul li .activo { text-decoration: none; color: #f00;}
.nav-page {display: flex; justify-content: space-around;}

.nav-prod ul li a:hover{
  color: #f00;
  transition: 0.5s;
}

.boton{
  margin-top: 20px;
  height: 30px;

}
.boton p{
  margin: 0 auto;
}

.boton p a{
  text-decoration: none;
  color: #ffffff;
  background-color: #fcae00;
  padding: 10px;
  transition: 0.5s;
  border-radius: 20px;
}

.boton p a:hover{
  text-decoration: none;
  color: #fcae00;
  border: solid 1px #fcae00;
  background-color:#fff ;
  transition: 0.5s ;
  padding: 10px;
  border-radius: 20px;
}

h2 a{
  color: #ffb000;
}