@charset "utf-8";

ul#album-midia{
	width: 1000px;
	margin: 0 auto;
	list-style:none;
}
ul#album-midia li{
	display:inline-block;
	margin-left: 26px;

}

ul#album-fotos{
	width: 458px;
	margin: 0 auto;
	padding: 30px;
	overflow:hidden;
	list-style:none;
}
ul#album-fotos li{
	float:right;
	width: 144px;
	height: 107px;
	margin: 1px;
	border: none;
	background-color:#ffffff;
	box-shadow: 1px 1px 3px rgba(0,0,0,.4);
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-moz-webkit-transition: all 0.3s ease-in;
	-o-webkit-transition: all 0.3s ease-in;
	-ms-webkit-transition: all 0.3s ease-in;
}
ul#album-fotos li:hover{
	transform: scale(1.5);
	-webkit-transform: scale(1.5);
	-moz-webkit-transform: scale(1.5);
	-o-webkit-transform: scale(1.5);
	-ms-webkit-transform: scale(1.5);
	text-decoration:none;

}
ul#album-fotos li span{
	opacity: 0;
	color:#FFF;
	text-shadow: 1px 1px 1px #000000;
	background-color: rgba(0,0,0,.3);
	font-size:10px;
	line-height: 185px;
	padding: 4px;
	width: 136px;
	height: 100px;
	display:block;
}
ul#album-fotos li:hover span{
	opacity: 1;
	transition: all 0.3s ease-in;
	text-decoration:none;
}
ul#album-fotos li#foto01{
	background:url(../_imagens/galeria-01.jpg) no-repeat;
	background-position: 50% 50%;
	background-size: 300px 300px;
	background-color:#FFF;
	text-decoration:none;
}
ul#album-fotos li#foto01:hover{
	background-position: -50px -80px;
	background-size: 200px 200px;
	text-decoration:none;
}
ul#album-fotos li#foto02{
	background:url(../_imagens/galeria-02.jpg) no-repeat;
	background-position: 50% 50%;
	background-size: 400px 400px;
	background-color:#FFF;
}
ul#album-fotos li#foto02:hover{
	background-position: -30px -30px;
	background-size: 200px 200px;
	text-decoration:none;
}

ul#album-fotos li#foto03{
	background:url(../_imagens/galeria-07.jpg) no-repeat;
	background-position: 50% 50%;
	background-size: 200px 200px;
	background-color:#FFF;
}
ul#album-fotos li#foto03:hover{
	background-position: -50px -80px;
	background-size: 200px 200px;
	text-decoration:none;
}

ul#album-fotos li#foto04{
	background:url(../_imagens/galeria-04.jpg) no-repeat;
	background-position: 50% 50%;
	background-size: 400px 400px;
	background-color:#FFF;
}
ul#album-fotos li#foto04:hover{
	background-position: -30px -30px;
	background-size: 200px 200px;
	text-decoration:none;
}
ul#album-fotos li#foto05{
	background:url(../_imagens/galeria-05.jpg) no-repeat;
	background-position: 50% 50%;
	background-size: 400px 400px;
	background-color:#FFF;
}
ul#album-fotos li#foto05:hover{
	background-position: 0px -60px;
	background-size: 200px 200px;
	text-decoration:none;
}
ul#album-fotos li#foto06{
	background:url(../_imagens/galeria-06.jpg) no-repeat;
	background-position: 50% 50%;
	background-size: 400px 400px;
	background-color:#FFF;
}
ul#album-fotos li#foto06:hover{
	background-position: -30px -30px;
	background-size: 200px 200px;
	text-decoration:none;
}