.holder {
  margin-top:20px;
}

#text {
  width: 320px;
}

#variedades {
  padding: 0;
  margin-left: 148px;
}

p.img_title, p.img_subtitle {
  margin: 0;
  padding: 0;
  height: 20px;
  font-size: 80%;
  font-weight: bold;
}
  
p.img_title {
  color: #D8A787;
  font-size: 90%;
}

p.img_subtitle {
  color: #555;
}

.img_item {
  float: left;
  margin: 0 27px 20px 0; 
  width: 128px; /* IE6 */
}

.imgOut, .imgOut:hover, img.variedades {
  padding: 1px;
  margin: 0;
}
  
.imgOut:hover {
  border: 1px solid #CCC;
}

.imgOut, img.variedades {
  border: 1px solid #EEE;
}

#estante_sup, #estante_inf {
  float: left;
  width: 140px;
  margin: 20px 0 0 10px; /* en 'variedades.php' he usado style="margin-top:20px" */
}

/* sobreescribimos el valor de margin-top sólo para el estante inferior */
#estante_inf {
  margin-top: 5px;
}

#estante_inf #saco {
  float: right;
}

#estante_inf #botes {
  float: left;
  margin: 30px 0 0 0;
  padding-left: 10px;
}