* {
	margin: 0;
	padding: 0;
}
body {
	background: #111;
	color: #FFF;
	font-family:'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 16pt;
}
a {
	color: transparent;
	text-decoration: none;
	font-weight: bold;
}
.menu {
	width: 390px;
	margin: 30px auto;
}
.menu a {
	width: 180px;
	line-height: 180px;
	display: block;
	margin: 4px;
	text-align: center;
	float:left;
	opacity: 0.3;
}
.yellow { background: #fdd22a; }
.blue { background: #009fe3; }
.purple { background: #574696; }
.orange { background: #ee7202; }
.pink { background: #e61c67; }
.green { background: #96c11f; }

.image1 {
 background-image: url("corporativo.jpg");
 background-color: #D1CCBD;
 background-size: 225px 225px;
 background-position: center;
 background-repeat: no-repeat;
}

.image2 {
 background-image: url("portal2.png");
 background-color: #D1CCBD;
 background-size: 255px 200px;
 background-position: center;
 background-repeat: no-repeat;
}

.image3 {
 background-image: url("portal3.png");
 background-color: #D1CCBD;
 background-size: 255px 200px;
 background-position: center;
 background-repeat: no-repeat;
}

.image4	{
 background-image: url("portal4.png");
 background-color: #D1CCBD;
 background-size: 255px 200px;
 background-position: center;
 background-repeat: no-repeat;
}