/* Casi todo el estilo vive en atributos HTML, como en 1999. Aquí solo: fondo sin repetir, foco y móvil. */
body { background-repeat: no-repeat; }
a:focus, area:focus, input:focus, select:focus { outline: 2px solid #6a9cce; }
.movil { display: none; }
.ticker { width: 362px; height: 23px; background: url(../assets/ticker.gif); font: 13px Arial, Helvetica, sans-serif; color: #fff; line-height: 23px; text-align: center; overflow: hidden; white-space: nowrap; }
.ticker a { color: #fff; text-decoration: none; }
.aviso { border: 1px solid #cb6633; padding: 8px; }

@media (max-width: 640px) {
  body { background-image: none !important; margin: 8px; }
  table, hr { max-width: 100%; }
  img.flex { max-width: 100%; height: auto; }
  .movil { display: block; margin: 0 auto; max-width: 100%; height: auto; }
  .ticker { width: auto; max-width: 362px; }
  td.foto { width: 100px; }
  td.foto img { width: 100px; height: auto; }
  .detalle td { display: block; width: auto !important; }
  .bolsa td, .bolsa th { font-size: 13px; padding: 3px; }
  ul { padding-left: 22px; }
  .destacados img { width: 88px; height: auto; }
}