.semaforo {
	width:16px;
	height:16px;
	background-image: url("semaforos.png");
	background-repeat: no-repeat;
    overflow:hidden;
    font-size: 0px;
}

.gris 		{ background-position: 0px 0px; 		}
.rojo 		{ background-position: 0px  -17px; 	}
.amarillo 	{ background-position: 0px  -34px; 	}
.verde 		{ background-position: 0px  -51px; 	}

.grisf 		{ background-position: -16px 0px; 		}
.rojof 		{ background-position: -16px  -17px; 	}
.amarillof 	{ background-position: -16px  -34px; 	}
.verdef 		{ background-position: -16px  -51px; 	}