.contenedorfoto div { 
   float:left; 
   margin: 4px; 
   padding:7px; 
   background-color:#f5f7f9; 
   border-right: #a5a7aa solid 1px; 
   border-bottom: #a5a7aa solid 1px; 
   text-align:center;
	 color: #999;	 
	 } 
.fotosPetites div { 
		width:160px; 
    height:130px;
		} 
.fotosMitjanes div { 
		width:500px; 
    height:350px;
		} 

@media screen and (max-width:800px) {
	
	.contenedorfoto div { 
	
		border:0px;
		margin: 2%;
		padding: 0px;
		background-color: transparent;
		border-radius: 4px;
		
	}
		
	
	
	.fotosPetites div {
	width: 29%;
	height: auto;
		box-shadow: 0px 0px 4px #333;
   -webkit-box-shadow: 0px 0px 4px #333;
   -moz-box-shadow: 0px 0px 4px #333;
}
	.fotosPetites div img {
	width: 100%;
	height: auto;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
		
}
	
	.fotosPetites br {
		display: none;
	}
	
	.fotosPetites div a:first-child {
		min-height: 100px;
		display: block;
		
	}
	
		.fotosPetites div a:last-child {
			display: block;
			margin-top:-1px;
			border-bottom-left-radius: 4px;
			border-bottom-right-radius: 4px;

padding: 2%;
background: #2c87b4 ;
color: #fff;
text-align: center;
	}
	
	.fotosMitjanes div {
		margin: 0px auto;
		float: none !important;
		width: 94%;
		height: auto;
		max-width: 500px;
	}
	
	.fotosMitjanes div img 
	{
		width: 100%;
height: auto;
float: none !important;
border: 1px silver solid;
padding: 2%;
margin: 1em auto;
	}
}

@media screen and (max-width:640px) {


.fotosPetites div {
	width: 46%;
	height: auto;
}



.contenedorfoto div {
	border:0px;
		margin: 2%;
		padding: 0px;
		background-color: transparent;
		border-radius: 4px;
}

	.contenedorfoto div img {
		width: 100%;
		height: auto;
	}
	
		.fotosPetites div a:first-child {
		min-height: 70px;
	}

}