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

	
		
.arrow01 {
	display: inline-block;
	position: relative;
	text-indent: -9999px;
	width: 178px;
	height: 98px;
	background: url(../imatges/img-projectes/thubmnails/irontriax.jpg) no-repeat;
	border: 1px solid #999999;
}
.arrow01:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: url(../imatges/img-projectes/thubmnails/irontriax_on.jpg) no-repeat;
	background-position: 0px 0;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
	
}
.arrow01:hover:after {
	opacity: 1;
	
}
		

.arrow02 {
	display: inline-block;
	position: relative;
	text-indent: -9999px;
	width: 178px;
	height: 98px;
	background: url(../imatges/img-projectes/thubmnails/ph5.jpg) no-repeat;
	border: 1px solid #999999;
	
}
.arrow02:after {
	content: "";
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background: url(../imatges/img-projectes/thubmnails/ph5_on.jpg) no-repeat;
	background-position: 0px 0;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
}
.arrow02:hover:after {
			opacity: 1;
}

.arrow03 {
	display: inline-block;
	position: relative;
	text-indent: -9999px;
	width: 178px;
	height: 98px;
	background: url(../imatges/img-projectes/thubmnails/metrecubic.jpg) no-repeat;
	border: 1px solid #999999;
}
.arrow03:after {
	content: "";
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background: url(../imatges/img-projectes/thubmnails/metrecubic_on.jpg) no-repeat;
	background-position: 0px 0;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
}
.arrow03:hover:after {
			opacity: 1;
}


.arrow04 {
	display: inline-block;
	position: relative;
	text-indent: -9999px;
	width: 178px;
	height: 98px;
	background: url(../imatges/img-projectes/thubmnails/ibiza.jpg) no-repeat;
	border: 1px solid #999999;
}
.arrow04:after {
	content: "";
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background: url(../imatges/img-projectes/thubmnails/ibiza_on.jpg) no-repeat;
	background-position: 0px 0;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
}
.arrow04:hover:after {
			opacity: 1;
}

.arrow05 {
	display: inline-block;
	position: relative;
	text-indent: -9999px;
	width: 178px;
	height: 98px;
	background: url(../imatges/img-projectes/thubmnails/cafedellago.jpg) no-repeat;
	border: 1px solid #999999;
}
.arrow05:after {
	content: "";
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background: url(../imatges/img-projectes/thubmnails/cafedellago_on.jpg) no-repeat;
	background-position: 0px 0;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
}
.arrow05:hover:after {
			opacity: 1;
}

.arrow06 {
	display: inline-block;
	position: relative;
	text-indent: -9999px;
	width: 178px;
	height: 98px;
	background: url(../imatges/img-projectes/thubmnails/hotel-carlos-astorga.jpg) no-repeat;
	border: 1px solid #999999;
}
.arrow06:after {
	content: "";
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background: url(../imatges/img-projectes/thubmnails/hotel-carlos-astorga_on.jpg) no-repeat;
	background-position: 0px 0;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
}
.arrow06:hover:after {
			opacity: 1;
}

.arrow07 {
	display: inline-block;
	position: relative;
	text-indent: -9999px;
	width: 178px;
	height: 98px;
	background: url(../imatges/img-projectes/thubmnails/expogrupo.jpg) no-repeat;
	border: 1px solid #999999;
}
.arrow07:after {
	content: "";
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background: url(../imatges/img-projectes/thubmnails/expogrupo_on.jpg) no-repeat;
	background-position: 0px 0;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
}
.arrow07:hover:after {
			opacity: 1;
}

.arrow08 {
	display: inline-block;
	position: relative;
	text-indent: -9999px;
	width: 178px;
	height: 98px;
	background: url(../imatges/img-projectes/thubmnails/iprel.jpg) no-repeat;
	border: 1px solid #999999;
}
.arrow08:after {
	content: "";
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background: url(../imatges/img-projectes/thubmnails/iprel_on.jpg) no-repeat;
	background-position: 0px 0;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
}
.arrow08:hover:after {
			opacity: 1;
}

.arrow09 {
	display: inline-block;
	position: relative;
	text-indent: -9999px;
	width: 178px;
	height: 98px;
	background: url(../imatges/img-projectes/thubmnails/free-assessors.jpg) no-repeat;
	border: 1px solid #999999;
}
.arrow09:after {
	content: "";
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background: url(../imatges/img-projectes/thubmnails/free-assessors_on.jpg) no-repeat;
	background-position: 0px 0;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
}
.arrow09:hover:after {
			opacity: 1;
}

.arrow10 {
	display: inline-block;
	position: relative;
	text-indent: -9999px;
	width: 178px;
	height: 98px;
	background: url(../imatges/img-projectes/thubmnails/free4run.jpg) no-repeat;
	border: 1px solid #999999;
}
.arrow10:after {
	content: "";
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background: url(../imatges/img-projectes/thubmnails/free4run_on.jpg) no-repeat;
	background-position: 0px 0;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
}
.arrow10:hover:after {
			opacity: 1;
}

.arrow11 {
	display: inline-block;
	position: relative;
	text-indent: -9999px;
	width: 178px;
	height: 98px;
	background: url(../imatges/img-projectes/thubmnails/vkmp.jpg) no-repeat;
	border: 1px solid #999999;
}
.arrow11:after {
	content: "";
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background: url(../imatges/img-projectes/thubmnails/vkmp_on.jpg) no-repeat;
	background-position: 0px 0;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
}
.arrow11:hover:after {
			opacity: 1;
}

.arrow12 {
	display: inline-block;
	position: relative;
	text-indent: -9999px;
	width: 178px;
	height: 98px;
	background: url(../imatges/img-projectes/thubmnails/bestial-productions.jpg) no-repeat;
	border: 1px solid #999999;
}
.arrow12:after {
	content: "";
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background: url(../imatges/img-projectes/thubmnails/bestial-productions_on.jpg) no-repeat;
	background-position: 0px 0;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
}
.arrow12:hover:after {
			opacity: 1;
}

.arrow13 {
	display: inline-block;
	position: relative;
	text-indent: -9999px;
	width: 178px;
	height: 98px;
	background: url(../imatges/img-projectes/thubmnails/util.jpg) no-repeat;
	border: 1px solid #999999;
}
.arrow13:after {
	content: "";
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background: url(../imatges/img-projectes/thubmnails/util_on.jpg) no-repeat;
	background-position: 0px 0;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
}
.arrow13:hover:after {
			opacity: 1;
}

.arrow14 {
	display: inline-block;
	position: relative;
	text-indent: -9999px;
	width: 178px;
	height: 98px;
	background: url(../imatges/img-projectes/thubmnails/organitza.jpg) no-repeat;
	border: 1px solid #999999;
}
.arrow14:after {
	content: "";
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background: url(../imatges/img-projectes/thubmnails/organitza_on.jpg) no-repeat;
	background-position: 0px 0;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
}
.arrow14:hover:after {
			opacity: 1;
}

.arrow15 {
	display: inline-block;
	position: relative;
	text-indent: -9999px;
	width: 178px;
	height: 98px;
	background: url(../imatges/img-projectes/thubmnails/expogrupo-audivisual.jpg) no-repeat;
	border: 1px solid #999999;
}
.arrow15:after {
	content: "";
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background: url(../imatges/img-projectes/thubmnails/expogrupo-audivisual_on.jpg) no-repeat;
	background-position: 0px 0;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
}
.arrow15:hover:after {
			opacity: 1;
}


.arrow16 {
	display: inline-block;
	position: relative;
	text-indent: -9999px;
	width: 178px;
	height: 98px;
	background: url(../imatges/img-projectes/thubmnails/robert-mayoral.jpg) no-repeat;
	border: 1px solid #999999;
}
.arrow16:after {
	content: "";
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background: url(../imatges/img-projectes/thubmnails/robert-mayoral_on.jpg) no-repeat;
	background-position: 0px 0;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
}
.arrow16:hover:after {
			opacity: 1;
}


.arrow17 {
	display: inline-block;
	position: relative;
	text-indent: -9999px;
	width: 178px;
	height: 98px;
	background: url(../imatges/img-projectes/thubmnails/vettv.jpg) no-repeat;
	border: 1px solid #999999;
}
.arrow17:after {
	content: "";
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background: url(../imatges/img-projectes/thubmnails/vettv_on.jpg) no-repeat;
	background-position: 0px 0;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
}
.arrow17:hover:after {
			opacity: 1;
}


.arrow18 {
	display: inline-block;
	position: relative;
	text-indent: -9999px;
	width: 178px;
	height: 98px;
	background: url(../imatges/img-projectes/thubmnails/expogrupo-interactiu.jpg) no-repeat;
	border: 1px solid #999999;
}
.arrow18:after {
	content: "";
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background: url(../imatges/img-projectes/thubmnails/expogrupo-interactiu_on.jpg) no-repeat;
	background-position: 0px 0;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
}
.arrow18:hover:after {
			opacity: 1;
}


.arrow19 {
	display: inline-block;
	position: relative;
	text-indent: -9999px;
	width: 178px;
	height: 98px;
	border: 1px solid #999999;
	background-image: url(../imatges/img-projectes/thubmnails/pep-sanchez-epic5.jpg);
	background-repeat: no-repeat;
}
.arrow19:after {
	content: "";
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background: url(../imatges/img-projectes/thubmnails/pep-sanchez-epic5_on.jpg) no-repeat;
	background-position: 0px 0;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
}
.arrow19:hover:after {
			opacity: 1;
}

.arrow20 {
	display: inline-block;
	position: relative;
	text-indent: -9999px;
	width: 178px;
	height: 98px;
	border: 1px solid #999999;
	background-image: url(../imatges/img-projectes/thubmnails/oki.jpg);
	background-repeat: no-repeat;
}
.arrow20:after {
	content: "";
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background: url(../imatges/img-projectes/thubmnails/oki_on.jpg) no-repeat;
	background-position: 0px 0;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
}
.arrow20:hover:after {
			opacity: 1;
}