.metro-roxo { background:#FF6633;}
.metro-verde {background:#3366FF;}
.metro-azul1 {background:#FF0000;} 
.metro-azul {background:#EB7E7E;} 
.metro-ver {background:#9966FF;}
.metro-laranja { background:#D64D29;}
.metro-info {background:#339966;}
.metro-cab {background:#6600FF;}

.metro {
	position:relative;
    height:64px;
    margin-right:3px;
    margin-top:3px;
    cursor:pointer;
    float:left;
    font-family: "Segoe UI Light","Segoe UI",Verdana, Tahoma, Arial;
}

.metro:hover {
filter: alpha(opacity=70);
opacity: 0.7;
}

.metro-panel {
    clear:both;
    width:1000px;
	height:138px;
	margin:0px auto;
}

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



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

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

.metro span {
    position:absolute;
    height:10px;
    text-decoration:none;
    color:rgba(255, 255, 255, 1.0);
    float:left;
    text-align:left;

    width:100%;
    top:24px;
}

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