/* ==========================================================================
   Ganagol — estilos calcados del original de resultados.latinka.com.pe
   Mismos colores, medidas y tipografía. Paleta:
     rojo cabecera  #D5000A     amarillo cabecera de tabla  #F9D624
     verde Golazo   #417A12     texto de tabla              #454545
     fondo          #DDDEDF
   ========================================================================== */

html { overflow-y: scroll; }

body {
  background: #DDDEDF url(../img/home/tk-pxgris.gif) repeat-x;
  margin: 0;
}

/* -------------------------------- caja -------------------------------- */

.content-box {
  width: 696px;
  margin: 0 auto;
  padding: 0;
  border: 0;
  overflow: hidden;
}

.title-content-box {
  float: left;
  width: 650px;
  height: 32px;
  margin: 0 0 0 18px;
  padding: 0;
  border: 0;
  background: url(../img/home/ganagol/gg-tit-resultados.gif) no-repeat;
}

.body-content-left { float: left; width: 510px; margin: 5px 0 18px 18px; }

.body-content-right {
  float: left;
  width: 152px;
  height: 384px;
  margin: 5px 0 18px 10px;
  background: url(../img/home/ganagol/gg-fondo.gif) no-repeat;
}

/* ------------------------------ pozo ---------------------------------- */

.pozo { float: left; width: 480px; font-family: Arial, Helvetica, sans-serif; }
.pozo .etiqueta {
  float: left;
  margin: 0 0 5px 5px;
  font-size: 10px;
  font-weight: bold;
  line-height: 1.1;
}
.pozo .monto {
  float: left;
  margin: 2px 0 5px 2px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}

/* --------------------------- cabeceras rojas --------------------------- */

.header-results-row,
.header-winners-row { display: flex; clear: left; width: 480px; }

.header-results-left,
.header-winners-left {
  flex: 0 0 339px;
  box-sizing: border-box;
  margin: 0;
  padding: 5px 0 5px 10px;
  border: 0;
  background: url(../img/home/ganagol/gg-topleft.gif) no-repeat top left #D5000A;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
}

.header-results-right,
.header-winners-right {
  flex: 1 1 auto;
  box-sizing: border-box;
  margin: 0;
  padding: 5px 9px 5px 0;
  border: 0;
  background: url(../img/home/ganagol/gg-toprigth.gif) no-repeat top right #D5000A;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
  text-align: right;
}

.header-winners-row { width: 360px; }
.header-winners-left { flex: 0 0 280px; padding: 7px 0 7px 10px; white-space: nowrap; }
.header-winners-right { padding: 7px 9px 7px 0; }

/* ------------------------------ tablas -------------------------------- */

.table-results { clear: left; width: 480px; margin: 0; padding: 0; border: 0; border-collapse: collapse; }

.table-results th {
  background: #F9D624;
  border-top: 1px solid #454545;
  border-left: 1px solid #454545;
  border-right: 1px solid #454545;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #000000;
  text-align: center;
  padding: 3px 0;
  margin: 0;
}

.table-results td {
  background: #FFFFFF;
  border: 1px solid #454545;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #454545;
  text-align: center;
  padding: 2px 3px;
  margin: 0;
}

.table-winners { clear: left; width: 360px; margin: 0; padding: 0; border: 0; border-collapse: collapse; }

.table-winners th {
  background: #F9D624;
  border-top: 1px solid #454545;
  border-left: 1px solid #454545;
  border-right: 1px solid #454545;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #000000;
  text-align: center;
  padding: 4px 2px;
  margin: 0;
}

.table-winners td {
  background: #FFFFFF;
  border: 1px solid #454545;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #454545;
  text-align: center;
  padding: 4px 3px;
  margin: 0;
}

/* Franja verde del Golazo 200 */
.fila-golazo td {
  background: #417A12 !important;
  border-color: #417A12 !important;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  padding: 0 !important;
}
.fila-golazo img { float: left; display: block; }
.fila-golazo span { display: block; color: #F9D624; margin: 10px 140px 0 0; }

/* --------------------------- panel derecho ---------------------------- */

.selectYear,
.selectMonth {
  float: left;
  padding: 0;
  margin: 58px 0 0 8px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}
.selectYear { width: 50px; }
.selectMonth { width: 80px; }

.tableDraws { height: 290px; width: 150px; padding: 0; margin: 0; border: 0; }

.divMonth {
  float: left;
  width: 150px;
  margin: 28px 0 0 0;
  padding: 0;
  border: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  color: #D5000A;
}

.divDrawDate {
  float: left;
  width: 150px;
  margin: 18px 0 10px 0;
  padding: 0;
  border: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  color: #000000;
}

.divDraws {
  float: left;
  overflow-y: auto;
  overflow-x: hidden;
  height: 127px;
  width: 125px;
  margin: 0 0 0 20px;
  padding: 0;
  border: 0;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
.divDraws::-webkit-scrollbar { width: 6px; }
.divDraws::-webkit-scrollbar-thumb { background: transparent; border-radius: 3px; }
.divDraws::-webkit-scrollbar-track { background: transparent; }
.divDraws:hover { scrollbar-color: #D5000A transparent; }
.divDraws:hover::-webkit-scrollbar-thumb { background: #D5000A; }

.divDraws a:link,
.divDraws a:visited {
  float: left;
  width: 105px;
  padding: 0;
  margin: 0;
  border: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-align: right;
  color: #000000;
  text-decoration: none;
}
.divDraws a:hover,
.divDraws a:active { color: #FF0000; }
.divDraws a.activo { color: #D5000A; font-weight: bold; }

.seeAll:link, .seeAll:visited, .seeAll:hover, .seeAll:active {
  float: left;
  width: 110px;
  height: 21px;
  padding: 0;
  margin: 60px 0 0 22px;
  border: 0;
  text-align: center;
  text-decoration: none;
  background: url(../img/home/ganagol/gg-bingresa.gif) no-repeat center;
}

/* ------------------------------ varios -------------------------------- */

.divResultMessage {
  clear: left;
  width: 470px;
  margin: 11px 0;
  padding: 0;
  border: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #454545;
  text-align: justify;
}

.aviso {
  clear: both;
  width: 480px;
  margin: 12px 0 0 18px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #454545;
}

/* Adaptación a móvil: el original es de ancho fijo y se sale de pantalla.
   Se reescala el bloque entero para que quepa sin romper el diseño. */
@media (max-width: 720px) {
  .content-box { width: 696px; transform-origin: top left; }
  body { overflow-x: hidden; }
}
@media (max-width: 700px) { .content-box { transform: scale(.92); } }
@media (max-width: 640px) { .content-box { transform: scale(.84); } }
@media (max-width: 560px) { .content-box { transform: scale(.74); } }
@media (max-width: 480px) { .content-box { transform: scale(.63); } }
@media (max-width: 400px) { .content-box { transform: scale(.53); } }

/* ==========================================================================
   Página "Próximo Programa" — estilos calcados del original
   ========================================================================== */

a:link, a:visited { color: #454545; text-decoration: none; }
a:hover, a:active { color: #454545; text-decoration: underline; }

.title-proxprog {
  width: 660px;
  height: 32px;
  margin: 0 0 0 18px;
  padding: 0;
  border: 0;
  background: url(../img/home/ganagol/gg-tit-proxprog.gif) no-repeat;
}

.arrow-back {
  float: left;
  display: inline;
  width: 5px;
  height: 9px;
  margin: 4px 0 0 525px;
  padding: 0;
  border: 0;
  background: url(../img/home/tk-flechita.gif) no-repeat top center;
}

.link-volver {
  float: left;
  margin: 0 0 0 5px;
  padding: 0;
  border: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
  text-decoration: underline;
}

.body-left { float: left; width: 435px; margin: 4px 0 18px 18px; }

.header-programa-left {
  float: left;
  width: 275px;
  margin: 0;
  padding: 5px 0 5px 10px;
  border: 0;
  background: url(../img/home/ganagol/gg-topleft.gif) no-repeat top left #D5000A;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
}

.header-programa-right {
  float: left;
  width: 120px;
  margin: 0;
  padding: 5px 9px 5px 0;
  border: 0;
  background: url(../img/home/ganagol/gg-toprigth.gif) no-repeat top right #D5000A;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
  text-align: right;
}

.table-programa { clear: left; width: 415px; margin: 0; padding: 0; border: 0; border-collapse: collapse; }

.table-programa th {
  background: #F9D624;
  border-top: 1px solid #454545;
  border-left: 1px solid #454545;
  border-right: 1px solid #454545;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #000000;
  text-align: center;
  padding: 3px 0;
  margin: 0;
}

.table-programa td {
  background: #FFFFFF;
  border: 1px solid #454545;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #454545;
  padding: 3px 4px;
  margin: 0;
}

.table-programa td.item { background: #FEF7D3; font-weight: bold; text-align: center; }

.legal-programa {
  width: 405px;
  margin: 11px 0;
  padding: 0;
  border: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #454545;
  text-align: justify;
}
.legal-programa a { text-decoration: underline; }

.pozo-box {
  float: left;
  width: 223px;
  height: 377px;
  margin: 4px 0 18px 0;
  background: url(../img/home/ganagol/gg-fondo-proxprog.gif) no-repeat;
}

.jackpot-programa {
  margin: 45px 0 0 0;
  padding: 0;
  border: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 24px;
  font-weight: bold;
  color: #454545;
  text-align: center;
}

.fecha-partidos-programa {
  margin: 20px 0 0 34px;
  padding: 0;
  border: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #454545;
}
.fecha-partidos-programa span { text-transform: capitalize; }

.btn_asignaciones,
.btn_ensaya {
  display: block;
  width: 185px;
  height: 37px;
  padding: 0;
  border: 0;
  margin-left: 19px;
}
.btn_asignaciones { margin-top: 105px; background: url(../img/home/ganagol/boton-asignaciones.gif) no-repeat left top; }
.btn_ensaya       { margin-top: 6px;   background: url(../img/home/ganagol/gg-bensaya-tu-jugada.gif) no-repeat left top; }
.btn_asignaciones:hover,
.btn_ensaya:hover { background-position: left bottom; }