body {
    font-family: 'indivisa-text';
    /*background-image: linear-gradient(rgba(0,29,104, 0.3), rgba(0,29,104, 0.3)), url('../imagenes/fondochecador.png');*/
    background-image:  url('../imagenes/fondochecador.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    height: 100%;
    overflow: hidden;
}

.hora{font-size: 4rem; border-right: 2px solid #d21034; line-height: 1.1; padding-bottom: 8px;}
.fecha{font-size: 1.9rem; line-height: 1.2em; }
.facultad{font-size: 1.5rem; font-weight: bold; color: #aaa;}
.checa-box{width:800px; min-height: 380px; -webkit-box-shadow: 0px 0px 5px 1px rgba(150,150,150,0.2); -moz-box-shadow: 0px 0px 5px 1px rgba(150,150,150,0.2); box-shadow: 0px 0px 5px 1px rgba(150,150,150,0.2);}

h1, h2, h3 {letter-spacing: 1px; position: relative; color: #001e61;}
.subtitle:before{ content: ''; position: absolute; bottom: -8px; left: 0; width: 80px; display: block; background: #d21034; height: 3px; }

.text-big{font-size:3.6rem;}
#list-result{font-size:1.15rem;}
#list-result li{margin:0.2em 0; border-bottom: 1px dashed #969696;}

.text-clave{ outline: none; color: #b7b7b7 !important; background: transparent; border: 1px solid #dbdcdd; border-radius: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 12px; font-weight: 300; vertical-align: middle; text-align:center; padding: 10px 20px;}
.text-clave:focus{ color: #001d68 !important; border-color: #001d68;}
.sin-servicio, .text-clave{font-size:1.7rem;}
.aviso{ font-size:120%;}
.mensaje{ font-size: 7vh; }

@media (max-width: 768px) {
    .hora{ font-size: 3.2rem;}
    .fecha{font-size: 1.4rem;}
    .checa-box{width:100%;}
    .text-big{font-size:3rem;}
    .sin-servicio, .text-clave{font-size:1.2rem;}
}
@media (max-width: 576px) {
    .hora{font-size: 2rem !important;}
    .fecha, .titulo{font-size: 1rem;}
    #logo{width: 75%;}
    .facultad{font-size: 1.2rem}
    .text-big{font-size:2.8rem;}
    
}