.metro-seminar {
	background: #03aeda;
}

.metro-android {
	background: #97c02c;
}

.metro-black {
	background: #484848;
}

.metro-red {
	background: #ff1d15;
}

.metro-html5 {
	background: #f16529;
}

.metro-blue {
	background-color: #0432ff;
}

.metro {
	position: relative;
	height: 108px;
	margin-right: 3px;
	margin-top: 5px;
	cursor: pointer;
	float: left;
}

.metro:hover {
	filter: alpha(opacity=65);
	opacity: 0.65;
}

.metro-ui {
	clear: both;
	width: 960px;
	height: 158px;
	margin: 0;
}

.metro .imgsingle {
	height: 64px;
	width: 64px;
	border: 0px;
	text-align: center;
	float: left;
	position: relative;
}

.metro .imgdouble {
	float: left;
	width: 100%;
	text-align: center;
}

.metro span {
	position: relative;
	height: 20px;
	text-decoration: none;
	color: rgba(255,255,255,1.0);
	float: left;
	text-align: center;
	clear: both;
	width: 100%;
	bottom: 0px;
	text-shadow: #000000 0px 0;		
}

.metro span:hover {
	background-color: #5e5e5e;
}

.metrosingle {
	width: 100px;
	background-color: #ff2600;
}

.metrodouble {
	width: 200px;
}

.metrotext {
	clear: left;
	float: left;
	margin-top: 50px;
	text-align: left;
	text-transform: none;
	font-size: 15px;
}