.btn-outlined {
    border-radius: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-box-shadow: none;
    box-shadow: none !important;
}

.btn-outlined.btn-primary {
    background: none;
    border: 2px solid #00b29e;
    color: #00b29e;
}

.btn-outlined.btn-primary:hover,
.btn-outlined.btn-primary:active {
    color: #FFF;
    background: #00b29e;
    border-color: #00b29e: ;
}

.btn-outlined.btn-success {
    background: none;
    border: 2px solid #5cb85c;
    color: #5cb85c;
}

.btn-outlined.btn-success:hover,
.btn-outlined.btn-success:active {
    color: #FFF;
    background: #47a447;
}

.btn-outlined.btn-info {
    background: none;
    border: 2px solid #5bc0de;
    color: #5bc0de;
}

.btn-outlined.btn-info:hover,
.btn-outlined.btn-info:active {
    color: #FFF;
    background: #39b3d7;
}

.btn-outlined.btn-warning {
    background: none;
    border: 2px solid #fcd50b;
    color: #fcd50b;
}

.btn-outlined.btn-warning:hover,
.btn-outlined.btn-warning:active {
    color: #FFF;
    background: #fcd50b;
}

.btn-outlined.btn-danger {
    background: none;
    border: 2px solid #d9534f;
    color: #d9534f;
}

.btn-outlined.btn-danger:hover,
.btn-outlined.btn-danger:active {
    color: #FFF;
    background: #d2322d;
}

.btn-outlined.btn-white {
    background: none;
    border: 2px solid #fff;
    color: #fff;
}


.btn-outlined.btn-white:hover,
.btn-outlined.btn-white:active {
    color: #00b29e;
    background: #fff;
}

.btn-outlined.btn-verde {
    background: none;
    border: 2px solid #08ef13;
    color: #08ef13;
}

.btn-outlined.btn-celeste {
    background: none;
    border: 2px solid #87d8f3;
    color: #87d8f3;
}

.btn-outlined.btn-rojo {
    background: none;
    border: 2px solid #f30808;
    color: #f30808;
}


.btn-outlined.btn-verde:hover,
.btn-outlined.btn-verde:active {
    color: #08ef13;
    background: #fff;
}

.text-big {
  font-size: 32px;
}
.text-medium {
  font-size: 20px;
}
.text-small {
  font-size: 12px;
}



.centro .tabla_reloj{
    text-align:center;   
    border:1px transparent red; 
    height:110px;
    padding: 0.1rem;
    vertical-align: top;
}


.tiempo {
color: white; 
line-height: 20px; 
padding: 0 5px 0 5px;
}

.start {
color: white; 
font-size: 10px;
line-height: 20px; 
padding: 0 8px 0 8px;
}

.restart {
color: white; 
font-size: 10px;
line-height: 20px; 
padding: 0 3px 0 3px;
}

.reloj {
font-size: 23px; 
padding: 0 1px 0 1px;
}



.centro .tabla_reloj .td-rojo{background-color:#cd0b24; font-family:helvetica, Helvetica, sans-serif; font-size:1em; font-weight:300; color:#ffffff; padding:5px 0 5px 0px;text-align:center;width:62px;height:20px;}
.centro .tabla_reloj .td-rojo a{color:#ffffff;}
.centro .tabla_reloj .td-rojop{background-color:#cd0b24; font-family:helvetica, Helvetica, sans-serif; font-size:1em; font-weight:300; color:#ffffff; padding:5px 0 5px 0px;text-align:center;width:30px;height:20px;}
.centro .tabla_reloj .td-rojop a{color:#ffffff;}
.centro .tabla_reloj .td-negro{background-color:#000; font-family:Helvetica, sans-serif; font-size:2em; font-weight:300; color:#ffffff; padding:0px 0 0px 0px;}
.centro .tabla_reloj .td-negrop{cursor: pointer; background-color:#000; font-family:Helvetica, sans-serif; font-size:.7em; font-weight:300; color:#ffffff; padding:0px 0 5px 0px; width:40px; height:21px;}
.centro .tabla_reloj .td-negrop a{color:#ffffff;}