/** CSS de Galería dinámica **/
#galeria{
	position: relative;
	display: block;
	width: 50em;
	margin: -1.5em auto;
	overflow: hidden;
	padding-left: 1em;
	padding-bottom: 1em;
}
#galeria img{
	width: 166px;
	/**display: block;
	float: left;**/
	margin: 1em 1.15em 0 0;
	border: .3em solid #222;
	-moz-transition: all .5s ease .1s;
	-webkit-transition: all .5s ease .1s;
	border-radius: .3em;
	height:120px;
}
#galeria:hover img{
	opacity: .2;	
}
#galeria:hover a:hover img{
	box-shadow: 0 0 1em #000;	
	opacity: 1;
}
/** mediaqueries **/
@media screen and (max-width:480px) {
#galeria{width: auto; padding: 0; margin: 1em 0;}
#galeria  img{float: none; margin: 0 auto 1em auto; width: 90%; border: .3em solid #FFF; box-shadow: 0 0 .2em -.1em #000; border-radius: 0;}
}