@charset "utf-8";
/* CSS Document */

.galeria ul{
	display:block;
}
.galeria li{
	float:left;
	display:block;
	width:48%;/*El ancho es variable segun el proyecto*/
	/*height:12em;El alto es variable segun el proyecto y quitar si se usa imagenes con la class="img-responsive"*/
	margin:0.59em;/*El margin es variable segun el proyecto*/

}
.galeria li:last-child{padding-bottom:1%;}

galeria img{width:95%;}
.volver{height: 20px; font-size: 1em; width: 7%; padding-top: 1%;}

/*=========     $$Media queries galería     ========*/	

 @media only screen and (min-width: 768px) and (max-width: 979px) {
	 .galeria li{
		 width:47%;
	 }
	 .volver{width:9%;}

}
 @media only screen and (max-width: 767px) {
	.galeria li{
		 float:none;
		 width:95%;/*el 5% es para un margen en caso de quererlo, si no es el caso sería a 100*/
		 margin: 0.59em auto;/*El margin es variable segun el proyecto*/}
		 .volver{height:20px; font-size:1em; width:20%; padding-top:3%;}
}
 @media only screen and (max-width: 480px) {
	 h2{margin-top:2%;}
	 .volver{width:100%;}
	 }