/*------------------------------------------------------------------------------------------------------------- CABEZA */
.cabeza {
    width: 100%;
    display: grid;
    grid-template-rows:    40px  40px  40px;
    grid-template-columns: 1fr  1fr     45px    45px    40px    55px    55px    1fr     1fr;
    grid-template-areas:"  .    titulo  titulo  titulo  titulo  titulo  titulo  titulo  ."
                        "  .    subtit  subtit  subtit  subtit  subtit  subtit  subtit  ."
                        "  .    .       f_dia   dia     .       f_hora  hora    .       .";
    font-family: Roboto;
    display: grid;
    justify-items: center;
    align-items: center;
}
.titulo {
    grid-area: titulo;
    height: 100%;
    font-size:32px;
    color: #089;
    font-weight: bold;
    display: grid;
    justify-items: center;
    align-items: end;
}
.subtit {
    grid-area: subtit;
    height: 100%;
    font-size:24px;
    color: #089;
    font-weight: bold;
    display: grid;
    justify-items: center;
    align-items: center;
}
.f_dia {
    grid-area: f_dia;
    height: 100%;
    font-size:19px;
    color: rgb(173, 199, 26);
    font-weight: bold;
    display: grid;
    justify-items: center;
    align-items: center;
}
.dia {
    grid-area: dia;
    height: 100%;
    font-size:25px;
    color: #089;
    font-weight: bold;
    display: grid;
    justify-items: center;
    align-items: center;
}
.f_hora {
    grid-area: f_hora;
    height: 100%;
    font-size:19px;
    color: rgb(173, 199, 26);
    font-weight: bold;
    display: grid;
    justify-items: center;
    align-items: center;
}
.hora {
    grid-area: hora;
    height: 100%;
    font-size:25px;
    color: #089;
    font-weight: bold;
    display: grid;
    justify-items: center;
    align-items: center;
}

::placeholder { color: #036; font-family: Roboto;}

/*------------------------------------------------------------------------------------------------------------- INGRESO DATA */
.ingreso_box {
    width: 100%;
    display: grid;
    grid-template-rows:    80px  30px  40px  60px  40px;
    grid-template-columns: 1fr  auto      15px      auto      15px      auto      1fr;
    grid-template-areas:"  .    estaca    estaca    estaca    estaca    estaca    ."
                        "  .    label1    .         label2    .         label3    ."
                        "  .    ingreso1  .         ingreso2  .         ingreso3  ."
                        "  .    .         terminar  terminar  terminar  .         ."
                        "  .    .         buscar    buscar    buscar    .         .";
    font-family: Roboto;
    display: grid;
    justify-items: center;
    align-items: center;
}
.estaca {
    grid-area: estaca;
    height: 100%;
    font-size:30px;
    color: #600;
    font-weight: bold;
    display: grid;
    justify-items: center;
    align-items: end;
}
.label1 {
    grid-area: label1;
    height: 100%;
    font-size:12px;
    color: #999;
    display: grid;
    justify-items: center;
    align-items: end;
}
.label2 {
    grid-area: label2;
    height: 100%;
    font-size:12px;
    color: #999;
    display: grid;
    justify-items: center;
    align-items: end;
}
.label3 {
    grid-area: label3;
    height: 100%;
    font-size:12px;
    color: #999;
    display: grid;
    justify-items: center;
    align-items: end;
}
.ingreso1 {
    grid-area: ingreso1;
    height: 30px;
    width: 95px;
    background: rgb(173, 199, 26);
    border-radius: 10px;
}
.ingreso1 input {
    height: 26px;
    width: 91px;
    background:#FFF;
    border:0;
    outline:none;
    box-sizing: border-box;
    margin:2px;
    border-radius: 8px;
    text-align: center;
    font-size: 17px;
    font-weight: bold;
}
.ingreso2 {
    grid-area: ingreso2;
    height: 30px;
    width: 95px;
    background: rgb(173, 199, 26);
    border-radius: 10px;
}
.ingreso2 input {
    height: 26px;
    width: 91px;
    background:#FFF;
    border:0;
    outline:none;
    box-sizing: border-box;
    margin:2px;
    border-radius: 8px;
    text-align: center;
    font-size: 17px;
    font-weight: bold;
}
.ingreso3 {
    grid-area: ingreso3;
    height: 30px;
    width: 95px;
    background: rgb(173, 199, 26);
    border-radius: 10px;
}
.ingreso3 input {
    height: 26px;
    width: 91px;
    background:#FFF;
    border:0;
    outline:none;
    box-sizing: border-box;
    margin:2px;
    border-radius: 8px;
    text-align: center;
    font-size: 17px;
    font-weight: bold;
}
.terminar {
    grid-area: terminar;
    height: 30px;
    width: 100px;
    background: #089;
    font-weight: bold;
    display: grid;
    justify-items: center;
    align-items: center;
    border-radius: 8px;
}
.terminar input {
    height: 100%;
    width: 100%;
    background: transparent;
    border:0;
    outline:none;
    box-sizing: border-box;
    margin:2px;
    
    text-align: center;
    font-size: 17px;
    font-weight: bold;
    color:rgb(173, 199, 26);
}
.buscar {
    grid-area: buscar;
    height: 30px;
    width: 100px;
    background: rgb(173, 199, 26);
    color:#089;
    border-radius: 6px;
    font-size: 17px;
    letter-spacing: 1px;
    display: grid;
    justify-items: center;
    align-items: center;
    text-decoration: none;
}
/*------------------------------------------------------------------------------------------------------------- USUARIO */
.ingreso_usuario {
    width: 100%;
    display: grid;
    grid-template-rows:    auto  auto  auto  auto;
    grid-template-columns: 1fr  auto       1fr;
    grid-template-areas:"  .    titulo_in  ."
                        "  .    subtit_in  ."
                        "  .    label_in  ."
                        "  .    password   .";
    font-family: Roboto;
    display: grid;
    justify-items: center;
    align-items: center;
}
.titulo_in {
    grid-area: titulo_in;
    height: 100%;
    font-size:32px;
    color: #089;
    font-weight: bold;
    display: grid;
    justify-items: center;
    align-items: end;
    padding-top: 20px;
}
.subtit_in {
    grid-area: subtit_in;
    height: 100%;
    font-size:24px;
    color: #089;
    font-weight: bold;
    display: grid;
    justify-items: center;
    align-items: center;
    padding-top: 20px;
}
.label_in {
    grid-area: label_in;
    height: 100%;
    font-size:15px;
    color: rgb(173, 199, 26);
    display: grid;
    justify-items: center;
    align-items: center;
    padding-top: 25px;
    letter-spacing: 2px;
    padding-bottom: 10px;
}
.password {
    grid-area: password;
    height: 30px;
    width: 120px;
    background: rgb(173, 199, 26);
    border-radius: 10px;
}
.password input {
    height: 26px;
    width: 116px;
    background:#FFF;
    border:0;
    outline:none;
    box-sizing: border-box;
    margin:2px;
    border-radius: 8px;
    text-align: center;
    font-size: 17px;
    font-weight: bold;
}
.stk_ver {
    text-align: center;
    padding-top: 6px;
    padding-bottom: 6px;
}
.stk_link {
    font-family: Roboto;
    font-size:21px;
    color: #089;
    letter-spacing: 1px;
}
a{ 
	text-decoration: none;
	color: #000;
	font-size:21px;
	line-height:150%;
}
a:hover { 
	text-decoration: none;
	color: rgb(173, 199, 26);
	font-weight: bold;
	font-size:21px;
	line-height:150%;
}
a:visited { 
	text-decoration: none;
	color: #000;
	font-size:21px;
	line-height:150%;
}