body {
  background: url("../images/default-background.jpg") no-repeat fixed;
  background-size: cover;
  background-color: #002442;
  font-family: 'Raleway', sans-serif;
  text-shadow: 1px 1px 2px black, 0 0 1em black, 0 0 0.2em black;
  color: orange;
  margin-left: 8px;
}

.centra {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

table td {
  border: 1px solid white;
  text-align: center;
  vertical-align: middle;
}

td,
th {
  padding: 8px;
}

.center {
  text-align: center;
}

img.logo {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
}

.gold {
  color: red;
  text-align: center;
  font-size: 32px;
  font-style: italic;
  font-family: 'Roboto Slab', serif;
  font-weight: bold;
}

#dia {
  color: white;
}

#reloj {
  color: #34eb4c;
}

a:link {
  color: hotpink;
}

a:hover {
  color: red;
}

a:active {
  color: yellow;
}

.boton {
  -webkit-border-radius: 2px;
  -webkit-user-select: none;
  user-select: none;
  background-color: #f5f5f5;
  background-image: linear-gradient(to top, #f5f5f5, #f1f1f1);
  border: 1px solid #dcdcdc;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  color: #666;
  cursor: default;
  font-family: arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  height: 29px;
  line-height: 27px;
  margin: 11px 6px;
  min-width: 54px;
  padding: 0 8px;
  text-align: center;
}

.boton:hover {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  background: linear-gradient(to bottom, #f8f8f8, #f1f1f1);
  background-color: #f8f8f8;
  border: 1px solid #c6c6c6;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  color: #333
}

.jhp input[type="submit"]:focus,
.gssb_c input:focus,
.gac_bt input:focus {
  border: 1px solid #4d90fe;
  outline: none
}

.consulta {
  height: 20px;
  width: 496px;
}

.consulta:hover {
  border-color: #000000
}