.metro-c1 { background:#5234AC;}
.metro-c2 {background:#008B17;}
.metro-c3 { background:#2573EB;}
.metro-c4 {background:#B21A41;}
.metro-c5 { background:#D64D29;}
.metro-c6 {background:#FFCC66;}
.metro-c7 {background:rgb(46,23,0)}
.metro-c8 {background:rgb(31,0,104)}
.metro-c9 {background:rgb(78,0,0)}
.metro-c10 {background:rgb(0,30,78)}
.metro-c11 {background:rgb(78,0,56)}
.metro-c12 {background:rgb(0,77,96)}
.metro-c13 {background:rgb(45,0,78)}
.metro-c14 {background:rgb(0,74,0)}
.metro-c15 {background:rgb(21,153,42)}
.metro-c16{background:rgb(105,27,184)}
.metro-c17 {background:rgb(229,108,25)}
.metro-c18 {background:rgb(27,88,184)}
.metro-c19 {background:rgb(184,27,27)}
.metro-c20 {background:rgb(86,156,227)}
.metro-c21 {background:rgb(184,27,108)}
.metro-c22 {background:rgb(0,170,170)}
.metro-c23 {background:rgb(131,186,31)}
.metro-c24 {background:rgb(211,157,9)}
.metro-c25 {background:rgb(224,100,183)}

.metro {
	position:relative;
    height:250px;
    margin:5px;
    cursor:pointer;
    float:left;
    font-family: "Segoe UI Light","Segoe UI",Verdana, Tahoma, Arial;
	font-weight:bold;
	padding:5px;
	overflow:hidden;
  -moz-box-shadow: 0 0 3px 3px #555;
  -webkit-box-shadow: 0 0 3px 3px#555;
  box-shadow: 0 0 3px 3px #555;	
}

.metro:hover {
filter: alpha(opacity=80);
opacity: 0.8;
}

.metro-panel {
    clear:both;
    _min-width:1200px;
	width:94%;
	height:800px;
	margin:0px auto;
	text-align:center;
	_left:50px;
	position:relative;
}

.metro .imgsimple {
    height:64px;
    width:64px;
    padding:20px 53px 10px 53px;
    border:0px;
    text-align:center;
    float:left;
    position:relative;
}

.metro .imgdouble {
    float:left;
    width:100%;
    padding:5px 5px 25px 0px;
    text-align:center;
}

.metro .imglabeled {
    float:left;
    padding:30px 0px 0px 10px;
    text-align:left;
}

.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;
}

.metro .metrolabel {
    text-decoration:none;
    color:rgba(255, 255, 255, 1.0);
    float:left;
    text-align:center;
    font-size:28px;
    margin-top:40px;
}

.metro span:hover {
}

.metrosingle {
    width:170px;
}

.metrodouble {
    width:350px;
}

.metro-destaque-rodape {
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height:26px;
	padding-top:4px;
}
.metroimg{
	width:95%;
	height:95%;
}
}