body{
  margin: 0;
  background: url("../images/fondo_sistema_huella.jpg") #000;/*png*/
  /*background-position: center center;*/
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-color: #66999;
  color: white;
}

.inicio{
  background: transparent;
  border-top: 0;
  text-align: center;
}

.inicio label{
  margin-bottom: 25px;
  font-weight: 300;
  font-family: auto;
}

/*Fecha y Hora*/
.wrap{
  /*width: 100%;*/
  max-width: 1100px;
 /* padding-left: 10%;*/
  text-align: -webkit-center;
}

.widget{
  /*width: 100%;*/
  margin: 32px;
}

.widget p{
  display: inline-block;
  line-height: 1em;
}

.fecha{
  font-family: Roboto Slab, serif;
  text-align: center;
  font-size: 1.5em;
  margin-bottom: 5px;
  /*background: rgba(255,193,7,.5);/*negro c/trasparencia */*/
  padding: 20px;
  width: 100%;
}

.reloj{
  font-family: Roboto Slab, serif;
  width: 100%;
  padding: 20px;

  text-align: center;
  /*background: rgba(255,193,7,.5);/*negro c/trasparencia */*/
}

.reloj .horas,
.reloj .minutos,
.reloj .segundos,
.reloj .puntos{
  font-size: 5.5em;
}

.reloj .caja-segundos{
  display: inline-block;
}

.reloj .horas,
.reloj .minutos,
.reloj .segundos{
  background: repeating-linear-gradient(2deg, #cdffc4, #ffffff 100px);
  border-radius: 15px;
  border: 3px groove #aaaaaa;
  color: #bd1d11;
  padding: 2px;
}

/**/
.reloj .hora,
.reloj .minuto,
.reloj .segundo,
.reloj .punto{
  font-size: 2em;
}

.reloj .hora,
.reloj .minuto,
.reloj .segundo{
  background: repeating-linear-gradient(2deg, #595a59, #fffbfb 100px);
  border-radius: 5px;
  border: 3px groove #30aad7;
  color: #f8f8f8;
  padding: 2px;
}

.reloj p{
  display: inline-block;
  line-height: 1em;
}

.box-header{
  background: #ff8c00c7;
    color: currentColor;
    font-size: large;
}

.foto{
  border: 7px groove darkgrey;
  text-align: center;
  width:100%;
  height:295px;
  padding: 5px;
}

input{  text-align: left; color: black;}

select{ text-align-last: left; }