/*Nueva css*/
body {
    background-color: #ededed;
}
hr{
  border-top: 2px solid #ee5941;
}
footer{
    width: 100%;
    color: #FFFFFF;
    background-color: rgba(255,255,255,0.4);
}
tbody {
    background-color:white;
}

.clase_table {
    border-collapse: separate;
    border-spacing: 10;
    border: 1px solid #5b9df8;
    border-radius: 15px;
    -moz-border-radius: 20px;
    padding: 5px;
    margin:auto;
    text-align: center;
    color: #FFFFFF;
    font-weight: 600;
    background-color: #5b9df8;

}

.clase_table_d {
    border-collapse: separate;
    border-spacing: 10;
    border: 1px solid #B0BEC5;
    border-radius: 15px;
    -moz-border-radius: 20px;
    padding: 5px;
    margin:auto;
    text-align: center;
    color: #EEEEEE;
    background-color: #C90005;

}

.clase_table2 {
    border-collapse: separate;
    border-spacing: 10;
    border: 1px solid #D0D3D4;
    border-radius: 15px;
    -moz-border-radius: 20px;
    padding: 2px;
    margin:auto;
    text-align: center;
    background-color: #dc3545;

}

.clase_table3 {
    border-collapse: separate;
    border-spacing: 1;
    border: 1px solid #EEEEEE;
    border-radius: 0px;
    -moz-border-radius: 0px;
    padding: 5px;
    margin:auto;
    text-align: center;
    color: #C90005;
    background-color: #ededed;

}

#reloj { padding: 5px 10px;
         font: bold 1.5em dotum, "lucida sans", arial; text-align: center;
         float: right; }

table tds:focus{
  background: #ededed;
  color: white;
  transform: translateY(-40px) rotateX(360deg);
}