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

#contingut {
	width:75%;
	margin:40px auto;
	padding-bottom:150px;	
}
#contingut img.fot {
	display:block;
	float:left;
	margin:0 30px 80px 0;
	border-radius:15px 15px 0 0;
}
img.cat {
	display:block;
	width:90%;
	margin:0 0 20px 0;
}
#exposicions1,#exposicions2,#exposicions3 {
	height:auto;
	clear:both;
}
#contingut #viaje {
	float:left;
}
#contingut img.expo {
	display:block;
	float:left;
	margin:0 30px 10px 0;
	border-radius:15px 15px 0 0;
}

#contingut h1 {
	font-size:18px;
	padding:0px 0 30px 0;
}
#contingut h2 {
	font-size:17px;
	padding:0;
	margin:0;
	color:rgba(227, 197, 113, 1);
}
#contingut p {
	line-height:25px;
	font-size:15px;
	max-width:800px;
}
#contingut #redes a {
	margin:0;
	padding-right:3px;
	display:block;
	float:left;
	text-decoration:none;
	-webkit-transition:all 0.5s ease; /* Safari y crome */
	-o-transition:all 0.5s ease; /* Opera */
	-moz-transition:all 0.5s ease; /* Mozilla */
	transition: all 0.5s ease; /*colocar el código estandard al final*/
}
#contingut #redes a:hover {
	opacity:0.5;
}
#espai {
	padding-top:50px;
}
#peu {
	clear:both;
	}
/*..............responsive...................*/

@media screen and (max-width: 1200px) {
	#contingut img.fot {
	margin:0 30px 0px 0;

}

}



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


}


@media screen and (max-width: 600px) {
	#contingut img.fot {
	margin:0 40px 0px 00px;

}

iframe {
	width:100%;
}


}


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

}



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


}

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

}