.modal {
  padding: 0;
}

.modal .modal-content {
  position: absolute;
  padding: 20px 0 0 0;
  width: 100%;
  background-color: #000000;
  border: 0px solid #000;
  border-radius: 0px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
          box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal .modal-content .modal-body {
  position: relative;
  padding: 0px;
}

.modal .modal-content .modal-close .close {
  margin-right: -40px;
  width: 40px;
  text-align: center;
  color: #FFFFFF;
  background-color: #000;
  font-size: 50px;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=60);
  opacity: .6;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.modal .modal-content .modal-close .close:hover,
.modal .modal-content .modal-close .close:focus {
  color: #FFFFFF;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=80);
  opacity: .8;
}

/*Partido*/
.modal-partido-body {
  background-color: #000000;
  border: 0px solid #000;
}
.modal-partido {
  color: #FFFFFF;
}
.modal-partido .cabecera {
  padding: 0 30px;
  font-size: 14px;
}
.modal-partido .fecha-lugar {
  text-align: right;
}
.modal-partido .torneo .nombre-torneo,
.modal-partido .torneo .fase,
.modal-partido .fecha-lugar .fecha,
.modal-partido .fecha-lugar .hora {
  color: #999999;
  font-weight: bold;
}
.modal-partido .torneo .tipo,
.modal-partido .torneo .fecha,
.modal-partido .fecha-lugar .lugar,
.modal-partido .fecha-lugar .tv {
  color: #E3E3E3;
  font-weight: bold;
}
.modal-partido .logo-estado {
  text-align: center;
}
.modal-partido .logo-estado .estado {
  margin-top: 10px;
  font-size: 12px;
  font-weight: bold;
}
.modal-partido .logo-estado .estado .F {
  background-color: #06C76B;
  padding: 1px 3px;
}
.modal-partido .logo-estado .estado .N {
  padding: 1px 3px;
}
.modal-partido .logo-estado .estado .J {
  background-color: #ffeb3b;
  color: #000000;
  padding: 1px 3px;
}
.modal-partido .logo-estado .estado .S {
  background-color: #f71b0a;
  padding: 1px 3px;
}

.modal-partido .paises {
  margin-top: 5px;
  background: linear-gradient(to bottom, #FFFFFF 50%, #F0F0F0 50%);
  height: 40px;
  line-height: 40px;
  overflow: hidden;
}
.modal-partido .paises .loc,
.modal-partido .paises .vis {
  font-size: 32px;
  color: #000000;
}
.modal-partido .loc{
  border-right: 10px solid #999999;
  text-align: right;
  padding-right: 20px;
}
.modal-partido .vis {
  border-left: 10px solid #999999;
  padding-left: 20px;
}
.modal-partido .ganador {
  font-weight: bold;
}
.modal-partido .resultado .loc,
.modal-partido .resultado .vis {
  padding: 10px 0;
  color: #FFFFFF;
  text-align: center;
}
.modal-partido .resultado .marcador {
  width: 170px;
  height: 80px;
  line-height: 80px;
  float: left;
  font-size: 70px;
}
.modal-partido .resultado .marcador span {
  vertical-align: baseline;
  font-size: 20px;
}
.modal-partido .resultado .bandera {
  width: 120px;
  height: 80px;
  float: left;
}
.modal-partido .resultado .loc .marcador,
.modal-partido .resultado .loc .bandera {
  float: right;
}

.modal-partido .tiempos div {
  text-align: center;
  border-bottom: 1px solid #333333;
  height: 25px;
  line-height: 25px;
  color: #999999;
  font-size: 12px;
}
.modal-partido .tiempos .periodo {
  font-weight: bold;
}
.modal-partido .tiempos .loc,
.modal-partido .tiempos .vis {
  border: 0px solid black;
  color: #FFFFFF;
  font-size: 16px;
  padding: 0;
  display: inline-block;
  width: 100px;
  height: 25px;
  line-height: 25px;
  padding: 0 10px;
}
.modal-partido .tiempos .tiempo {
  background-color: #999999;
  display: inline-block;
  font-weight: bold;
  vertical-align: top;
  width: 20px;
  height: 25px;
  line-height: 25px;
  color: #000000;
}
.modal-partido .tiempos .penales {
  display: inline-block;
  font-weight: bold;
  height: 25px;
  line-height: 25px;
  width: 50px;
}

.modal-partido .info-extra {
  overflow: hidden;
  padding: 0 0 20px 0;
}
.modal-partido .resumen-completo{
  border-right: 10px solid #999999;
  text-align: right;
  padding: 20px;
  padding-bottom: 1500px;
  margin-bottom: -1500px;
}
.modal-partido .noticias-reporte {
  border-left: 10px solid #999999;
  padding: 20px;
  padding-bottom: 1500px;
  margin-bottom: -1500px;
}
.modal-partido .info-extra .titulo-modal {
  color: #74ACDF;
  font-size: 12px;
  font-weight: bold;
}
.modal-partido .info-extra .titulo-modal span {
  color: #FFFFFF;
  font-size: 12px;
  font-weight: normal;
}
.modal-partido .noticias-reporte .notas {
  margin-top: 10px;
}
.modal-partido .noticias-reporte .notas a .nota {
  border-left: 10px solid #CCCCCC;
  border-right: 10px solid #CCCCCC;
  margin-bottom: 10px;
  height: 100px;
  overflow: hidden;
  position: relative;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.modal-partido .noticias-reporte .notas a:hover .nota {
  border-left: 10px solid #74ACDF;
  border-right: 10px solid #74ACDF;
}
.modal-partido .noticias-reporte .notas a .nota .imagen {
  opacity: 0.9;
  filter: alpha(opacity=90);
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 75%;
  left: 0;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.modal-partido .noticias-reporte .notas a:hover .nota .imagen {
  opacity: 1;
}
.modal-partido .noticias-reporte .notas a .nota .cont-nota {
  position: absolute;
  color: #999999;
  top: 0;
  right: 0;
  left: 25%;
  padding: 0 5px;
  text-align: left;
}
.modal-partido .noticias-reporte .notas a:hover .nota .cont-nota {
  color: #FFFFFF;
}
.modal-partido .noticias-reporte .notas a .nota .cont-nota .titulo {
  font-size: 17px;
  font-family: squares, Tahoma;
  margin-bottom: 2px;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.modal-partido .noticias-reporte .notas a .nota .cont-nota .corto {
  font-size: 12px;
}
.modal-partido .noticias-reporte .notas a .nota .cont-nota .corto span {
  font-weight: bold;
}



@media screen and (max-width: 767px) {
  .modal-content .modal-close .close {
    margin-right: 20px;
    margin-top: -10px;
  }
  .modal-partido {
    margin-top: 40px;
  }
  .modal-partido .fecha-lugar, .modal-partido .torneo {
    text-align: center;
  }
  .modal-partido .paises .loc,
  .modal-partido .paises .vis {
    font-size: 16px;
    font-weight: bold;
  }
  .modal-partido .resumen-completo, .modal-partido .noticias-reporte {
    border-left: 0px solid #74ACDF;
    border-right: 0px solid #74ACDF;
  }
}