.selected
{
    cursor: pointer;
}
.selected:hover
{
    background-color: #0585c0;
    color: white;
}

.seleccionada
{
    background-color: #0585c0;
    color: white;
}

#valores {
    margin-top: 1rem;
    overflow: hidden;
}

#valores div {
  display: inline-block;
}

#content {
  white-space: nowrap;
  animation: loop-anim 30s linear infinite;
}

@keyframes loop-anim {
  0% {
    margin-left: 0;
  }

  100% {
    margin-left: -50%
      /* This works because of the div between "valores" and "loop" */
  }
}

#reloj2 
{   width: 150px; 
    height: 40px; 
    font: bold 1.5em dotum, "lucida sans", arial; 
    text-align: right;
    float: right; 
}


.carousel-inner{
  width: 100%;
  height: 100%;
}