/**
 * @file
 * Tienda styling
 *
 */

.node-type-producto .nodetitle {
  color: #054CA8;
  line-height: 1em; /* Let's give this header space to breathe */
  font-size: 2em;
  margin-bottom: 9px;
  margin-top: 0.75em; /*   1em is equavalent to 18px in the page's base font.
                           Remember, a margin specified in ems is relative to
                           the element's font-size, not to the pages' base
                           font size. So, for example, if we want a 1.5em margin
                           (relative to the base font line-height), we have to divide that
                           length by the element's font-size:
                           1.5em / 2em = 0.75em */
}

.node-type-producto .node p {
  margin: 9px;
}

.node-type-producto div.producto-images {
  margin-right: 18px;
  padding: 3px;
  background-color: #FFFFF;
  border: 1px solid #7BAEE4;

  float: left;
  clear: both;
}

.producto-images img {
  float: left;
  border: 1px solid #534A44;
  margin: 3px;
}

.node-type-producto .field-field-precio,
.node-type-producto .field-field-precio .field-label-inline {
  margin: 9px;
  color: #D5601A;
  font-size: 1em;
}

.node-type-producto.node-teaser .field-field-precio,
.node-type-producto.node-teaser .field-label {
  font-size: 1em;
  margin: 0;
}