body {
  margin: 0px; font-size: 16px; font-family: Helvetica, FreeSans; color: #333;
  
}
img {
  border: 0px;
}
a {
  text-decoration: none; color: #C1272D;
}

span.bold, p.bold {
  font-weight: bold;
}



div.texto {
  padding: 10px;
  text-align: justify;
}
div.centrado {
  text-align: center;
}

table.direcciones tr td {
  vertical-align: top;
}

div.direccion {
  margin: 30px 40px 30px 40px;
}

/* Layout */
div.layout {
  margin: auto; width: 792px;
}
div.header {
}
div.foot {
  width: 100%;
  font-size: 10px;
  text-align: center;
  margin-top: 20px;
  clear: both;
}
div.left_menu {
  float: left;
  width: 193px;
}
div.content {
  text-align: center;
  float: left;
  width: 580px;
}

div.producto {
  padding: 10px;
  clear: both;
}

div.producto > div.promocion {
  background-color: #f1f2f6;
  text-align: center;
  margin: 20px 0px 20px 20px;
  width: 250px;
  height: 340px;
  float: left;
}

div.producto > div.promocion.left {
  clear: left;
}


div.producto > div.promocion :hover {
  background-color: #a2c9f2;
}

div.producto > div.promocion > div.descripcion {
  font-size: 18px;
  font-weight: bold;
  padding: 10px;
  color: #204898;
}

div.cadivi {
  font-size: 14px;
  font-weight: bold;
}

DIV#loader {
  border: 1px solid #ccc;
  width: 580px;
  height: 751px;
}

/** 
 * While we're having the loading class set.
 * Removig it, will remove the loading message
 */
DIV#loader.loading {
  background: url(images/spinner.gif) no-repeat center center;
}