.cont-nota {
  background-color: #FFFFFF;
}

.nota {
  padding: 0;
  border-right: 10px solid #74ACDF;
}
.nota .imagen {
  height: 450px;
  margin: 0;
  border-bottom: 5px solid #FFFFFF;
  background-size: cover;
  background-position: 50% 50%;
  position: relative;
}
.nota .imagen .titulo {
  color: #FFFFFF;
  font-size: 60px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.8);
  padding: 10px;
  text-shadow: 4px 4px 2px #000000;
}
.nota .imagen .titulo .fuente-foto {
  color: #e5e5e5;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  position: absolute;
  top: -20px;
  right: 0;
  background-color: rgba(0, 0, 0, 0.9);
  padding: 0px 5px;
  text-shadow: none;
}
.nota .info {
  position: relative;
  background-color: #e5e5e5;
  height: 50px;
}
.nota .info .imagen-deporte {
  position: absolute;
  top: 0;
  left: 0;
}
.nota .info .deporte-sexo {
  position: absolute;
  top: 0;
  left: 85px;
  height: 50px;
  line-height: 20px;
  margin: 5px;
  color: #74ACDF;
  font-weight: bold;
}
.nota .info .fecha {
  position: absolute;
  top: 0;
  right: 5px;
  margin: 6px;
  line-height: 18px;
  font-weight: bold;
  color: #333333;
  text-align: right;
}
.nota .corto {
  margin: 30px 30px 0 30px;
  font-size: 18px;
  font-weight: bold;
  border-bottom: 1px solid #74ACDF;
}
.nota .nota-completa {
  margin: 30px;
  text-align: justify;
}
.nota .nota-completa a {
  color: #333333;
  text-decoration: underline;
}
.nota .nota-completa a:hover, .nota .nota-completa a:active {
  color: #74ACDF;
  text-decoration: underline;
}
.nota .comentarios-fb {
  margin: 10px;
}
.nota .redes-cont {
  margin: 0 17px 10px 17px;
  overflow: hidden;
}
.nota .redes-cont .redes {
  float: right;
}
.nota .redes-cont .megusta-fb {
  float: left;
}

.notasr {
  margin: 0 -15px 0 -15px;
}
.notasr .cont_titulo {
  height: 30px;
  margin-bottom: 10px;
  background-color: #CCCCCC;
  text-align: right;
  font-family: squares, Tahoma;
  position: relative;
}
.notasr .cont_titulo .relac_titulo {
  height: 30px;
  line-height: 30px;
  position: absolute;
  right: 45px;
  font-size: 15px;
}
.notasr .cont_titulo .relac_img {
  position: absolute;
  right: 5px;
  top: 3px;
}
.notasr a .notar {
  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;
}
.notasr a:hover .notar {
  border-left: 10px solid #74ACDF;
  border-right: 10px solid #74ACDF;
}
.notasr a .notar .imagenr {
  opacity: 0.9;
  filter: alpha(opacity=90);
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 65%;
  left: 0;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.notasr a:hover .notar .imagenr {
  opacity: 1;
}
.notasr a .notar .cont-nota {
  position: absolute;
  color: #333333;
  top: 0;
  right: 0;
  left: 35%;
  padding: 0 5px;
  text-align: left;
}
.notasr a:hover .notar .cont-nota {
  color: #111111;
}
.notasr a .notar .cont-nota .rtitulo {
  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;
}
.notasr a .notar .cont-nota .rcorto {
  font-size: 12px;
}
.notasr a .notar .cont-nota .rcorto span {
  font-weight: bold;
}


@media screen and (max-width: 767px) {
  .nota {
    border-right: 0px solid #74ACDF;
  }
  .nota .imagen .titulo {
    font-size: 40px;
  }
}