.q1{
	/* background-color:#FF0; */
	background:url(imagens/f1.jpg);
	color:#000;
	width:80px;
	height:50px;
	text-align:center;
	font-weight:bold;
	cursor:pointer;
	margin:20px 0 0 0;
}
.q1 > a{
	text-decoration: none;
	color:#000;
	font-family:arial;
	text-shadow: 0.1em 0.1em 0.2em white;
}
.q1:hover{
	width:80px;
	height:500px; /* 100px */
}
.q2{
	/*background-color:red;*/
	background:url(imagens/f1.jpg) right;
	color:#000;
	width:80px;
	height:50px;
	text-align:center;
	font-weight:bold;
	cursor:pointer;
	margin:20px 0 0 80px;
}
.q2 > a{
	text-decoration: none;
	color:#000;
	font-family:arial;
	text-shadow: 0.1em 0.1em 0.2em white;
}
.q2:hover{
	width:80px;
	height:500px;
}
.q3{
	/* background-color:blue; */
	background:url(imagens/futuro.jpg) top;
	color:#000;
	width:80px;
	height:50px;
	text-align:center;
	font-weight:bold;
	cursor:pointer;
	margin:20px 0 0 160px;
}
.q3 > a{
	text-decoration: none;
	color:#000;
	font-family:arial;
	text-shadow: 0.1em 0.1em 0.2em white;
}
.q3:hover{
	width:80px;
	height:500px;
}
.q4{
	/* background-color:green; */
	background:url(imagens/criatividade.jpg) left;
	color:#000;
	width:80px;
	height:50px;
	text-align:center;
	font-weight:bold;
	cursor:pointer;
	margin:20px 0 0 240px;
}
.q4 > a{
	text-decoration: none;
	color:#000;
	font-family:arial;
	text-shadow: 0.1em 0.1em 0.2em white;
}
.q4:hover{
	width:80px;
	height:500px;
}
.q5{
	/* background-color:green; */
	background:url(imagens/conhecimento.jpg) left bottom;
	color:#000;
	width:80px;
	height:50px;
	text-align:center;
	font-weight:bold;
	cursor:pointer;
	margin:20px 0 0 320px;
}
.q5 > a{
	text-decoration: none;
	color:#000;
	font-family:arial;
	text-shadow: 0.1em 0.1em 0.2em white;
}
.q5:hover{
	width:80px;
	height:500px;
}
.q1, .q2, .q3, .q4, .q5{
	transition:all 1.0s ease-in-out;
	-moz-transition:all 1.0s ease-in-out;
	-webkit-transition:all 1.0s ease-in-out;
	-o-transition:all 1.0s ease-in-out;

	position:fixed;
	
	box-shadow:5px 5px 0 0 rgba(0,0,0,0.2);
	-moz-box-shadow:5px 5px 0 0 rgba(0,0,0,0.2);
	-webkit-box-shadow:5px 5px 0 0 rgba(0,0,0,0.2);
	-o-box-shadow:5px 5px 0 0 rgba(0,0,0,0.2);
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
}