

  body {
    background-image: url(fondo.jpg);
    font-family: Arial, Times, serif;
    font-size: 18px;
    text-align: center;  
    }

  #imagenreloj {
    width: 200px;
    height: 300px;
    position: absolute;
    }
  
  #reloj {
    color: black;
    font-size: 1.5em;
    position: absolute;
    top: 180px;
    left: 50%;
    margin-left: -50px;
   }

  h2, h4  {
    color:blue;
    }

  h3 {
    color: yellow;
    font-size: medium;
  }

  #paradas {
    text-align: center;
    }
  
  p {
  color: white;
    }

  .button1 {
    background-color: #00ADEE;
    font-size:16px;
    cursor: pointer;
    font: bold 16px Helvetica, Sans-Serif;
    text-align: center;
    text-decoration: none;
    box-shadow: inset 0px 0px 6px #fff;
    text-shadow: 0px 1px 2px #62C2F9;
  }

  .button2 {
    background-color: #e62727;
    font-size:16px;
    cursor: pointer;
    font: bold 16px Helvetica, Sans-Serif;
    text-align: center;
    text-decoration: none;
    box-shadow: inset 0px 0px 6px #fff;
    text-shadow: 0px 1px 2px #62C2F9;
  }

  