@charset "utf-8";
/* CSS Document */
#box{
	float: left;
	margin-top: 50px;
	width: 100%;
}
#selector-cronometro{
	float: left;
	text-align: center;
	
	margin-bottom: 10px;
}
#cronometros{
	float: left;
	
	margin: 20px 0;
	text-align: center;
}
#controlador{
	margin-top: 10px;
	float: left;
	
}
#cronometro-pausa, #cronometro-reset{
	background: #212121;
	color: #9b9b9b;
	padding: 10px;
	width: 348px;
	float: left;
	border: none;
	font-family: 'Maven Pro',sans-serif;
	font-size: 18px;
	border: 1px solid #212121;
}
#cronometro-pausa:hover, #cronometro-reset:hover{
	background: #575757;
	color: #bcbcbc;
	border: 1px solid #7a7a7a;
}
#cronometro-pausa{
	margin: 0;
}
#cronometro-reset{
	margin-left: 10px;
}
.cronometro{
	border: 4px solid #CCCCCC;
    color: #c2002f;
    float: left;
    font-size: 115px;
    padding: 35px 0;
    width: 698px;
}
.cronometro.alert{
	color: #cc0022;
}
.btn{
	background: #212121;
	color: #9b9b9b;
    float: left;
    font-weight: normal;
    margin-right: 10px;
    padding: 7px 0;
    width: 167px;
    font-size: 17px;
    border: 1px solid #212121;
}
#btn-conclusion{
	margin: 0;
}
.btn:hover{
	background: #575757;
	color: #bcbcbc;
    float: left;
    font-weight: normal;
    margin-right: 10px;
    padding: 7px 0;
    font-size: 17px;
    border: 1px solid #7a7a7a;
}
.btn.btn-active{
	background: black;
	color: #c2002f;
	border: 1px solid #c2002f;
    float: left;
    font-weight: normal;
    margin-right: 10px;
    padding: 7px 0;
    font-size: 17px;
}
#cronometro-pausa:hover, #cronometro-reset:hover, .btn:hover{
	cursor: pointer;
}