
.center {
	text-align: center;
}

.row-roader {
	margin-top: 20px;
}

table tr td {
	border: 1px solid #CCC;
	font-size: 10px;
	width: 20px;
	height: 20px;
}

span.car {
	position: absolute;
}

table.table-road.help-lines tr{
	border-bottom: 1px dotted #999;
}
	table.table-road tr td {
		border: 0px solid #CCC;
		font-size: 10px;
		width: 20px;
		height: 20px;
	}
	table.table-road td.index {
		text-align: right;
		padding-left: 10px;
		padding-right: 5px; 
		display: none;
	}
	table.table-road.help-lines td.index {
		display: block;
	}
	table.table-road td.border {
		width: 5px;
		background-color: #AAA;
	}
	table.table-road td.road {
		background-color: #222;
		color: #FFF;
		text-align: center;
		width: 30px;
		border-right: 2px dashed #CCA300;
	}
	table.table-road td.acostamento{
		width: 5px;
		background-color: #AAA;
	}
	table.table-road td.road:last-child {
		border-right: 5px solid #AAA;
	}
span.car {
	position: absolute;
	color: #F00;
	background-color: #844;
	border: 1px solid #700;
	margin-left: -12px;
	width: 23px;
	height: 15px;
	overflow: hidden;
	text-align: center;
	transition-property: top;
	transition-duration: 0.7s;
}
	span.car.c, span.car.n { color: #FFF; }
	span.car.b { color: yellow; border-bottom: 1px solid yellow; }
	span.car.a { color: green; border-bottom: 1px solid green; }
	span.car.s { color: red; border-bottom: 1px solid red; }

	span.car.seta { border-right: 1px solid #F2FF00; }
	span.car.tired { border-right: 1px solid #FF8800; }

	span.car p { margin: 0; }
	.fancy-cars span.car p { display: none; }

.sign {
	border-radius: 50%;
	width: 75px;
	height: 75px;
	text-align: center;
	padding-top: 5px;
	margin-left: 40px;
	border: 10px solid red;
	font-weight: bold;
	font-size: 30px;
}

/* */
