.titulo{
	text-align: center;
	margin-bottom: 15px;
}

.subtitulo{
	text-align: center;
	color: rgb(102,102,102);
}


figure.foto-legenda {
	position: relative;
	margin: 10px auto;
	width: 50%;
	
}

figure.foto-legenda img{
	border:5px solid white;
	box-shadow: 1px 1px 4px black;
	width: 100%;
	height: 100%;
}

figure.foto-legenda figcaption{
	opacity: 0;
	position: absolute;
	top: 0;
	background-color: rgba(0,0,0,.4);
	color: white;
	font-size: 15px;
	width: 100%;
	height: 100%;
	padding:10px;
	transition: opacity 1s;
	text-align: center;
	box-sizing: border-box;
}

figure.foto-legenda:hover figcaption {
	opacity: 1;
}