.centrar {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

/*Semaforos*/
.luzDefault {
  height: 50px;
  width: 50px;
  padding: 15px;
  border: 3px solid gray;
  border-radius: 50px;
}

.luzGris {
  height: 50px;
  width: 50px;
  /*background-color: green;*/
  padding: 15px;
  border: 3px solid gray;
  border-radius: 50px;
  background-color: gray;
}

.luzAmarillo {
  height: 50px;
  width: 50px;
  /*background-color: green;*/
  padding: 15px;
  border: 3px solid gray;
  border-radius: 50px;
  background-color: yellow;
}

.luzVerde {
  height: 50px;
  width: 50px;
  /*background-color: green;*/
  padding: 15px;
  border: 3px solid gray;
  border-radius: 50px;
  background-color: green;
}

.luzRojo {
  height: 50px;
  width: 50px;
  /*background-color: green;*/
  padding: 15px;
  border: 3px solid gray;
  border-radius: 50px;
  background-color: red;
}