/* SLIDESHOW*/
/*---------COMMENÇA UN DIV DINTRE D'UN ALTRE DIV ":after"---------*/
/*Així es mante la proporcio de la imatge dins del DIV contenidor*/
.content_slideshow {
	position: relative;
	max-width: 1150px;
	border: 0px solid #fff;
	margin-left:10px;
	margin-right:10px;
	margin-top:10px; /* el nom enganxat al slide-show. Hack per FF */
}
.content_slideshow:after {
  content: '';
  display: block;
  padding-bottom: 57%; /* molt important: relació alt-ample= 3000:1700px */
}
/*----------FINAL UN DIV DINTRE D'UN ALTRE DIV ":after"------------*/

#slideshow{
	position:absolute;
	width:100%;
	height:100%;
	float:none;
	margin:0 auto;
	text-align:center;
	overflow:hidden;
	max-width:1150px;
	box-sizing: border-box;
	border: solid 0px #fff;
	z-index:11;
	display: flex; /* agefit: tans sols per navegadors molt actuals */
	align-items: center; /* agefit: tans sols per navegadors molt actuals */
}

#slideshow img{position:absolute;top:0;z-index:8;opacity:0.0;border:0px solid #666;text-align:center; width:100%; height:auto;}
#slideshow img.active{z-index:10;opacity:1.0;}
#slideshow img.last-active{z-index:9;}



@media screen and (max-width: 768px) {  /* IPHONE 6-7-8 */
.content_slideshow {margin-top:0px;}
}

@media screen and (max-width: 468px) {  /* IPHONE 6-7-8 */
.content_slideshow {margin-top:0px;}
}