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

/* galeria d'imatges*/
.fons_negre {position: fixed; width: 100%; height:100%; top: 0px; left:0px; border: solid 1px black; background: rgba(10,10,10,0.4); z-index: 10;}
.fons_img {width: 90%; height: 97%; min-width:600px; min-height: 400px; max-width: 1500px; margin: 1% auto 2%;}
.imatge {width: 93%; margin: 0px auto; height:100%;
		background-repeat:no-repeat; background-color: black; background-position:center; background-size:contain;}
.peu_foto {width:99%; background-color: rgba(10,10,10,0.4); color:white; font-weight:bold; padding: 4px 0.5%;}
.tanca {float:right; cursor:pointer; margin-top: -15px; margin-right:-15px;}
.download {float:right; margin: 0px 5px; font-weight:normal;}
.anterior {float: left; width: 100px; height:80%; margin:5% 5px; background-repeat:no-repeat; background-position:center; background-size:contain;}
.posterior {float: right; width: 100px; height:80%; margin:5% 5px; background-repeat:no-repeat; background-position:center; background-size:contain;}

.anterior:hover {background-image:url(../image/anterior.png); cursor:pointer;}
.posterior:hover {background-image:url(../image/posterior.png); cursor:pointer;}
.download:hover {cursor:pointer;}
.download a {color:white;}

@media only screen and (max-width: 999px) {
	.fons_img {width: 100%; height: 100%; min-width:100%; max-width: 100%; margin: 0;}
	.imatge {width: 100%; margin: 0px auto; height:100%;}
	.tanca {float:none; position: absolute; top: 40px; right: 0; margin: 0;}
}