@charset "utf-8";
/* CSS Document */
#contingut {
	height:500px;
}

#contingut ul {
	list-style:none;
	margin:0;
	padding:0;
}

#contingut ul li a img {
	display:block;
	float:left;
	width:100px;
	height:100px;
	margin:5px;
	text-decoration:none;
	border-radius:15px 15px 0 0;
	 -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 ul li a:hover img {
	opacity:0.4;
}
	
/*...................galeria................*/

.lightbox {width:100%; height:100%; display:none; position:fixed; left:0; top:0; z-index:1000; padding:50px 0 0 0; }
.lightbox .light {width:100%; height:100%; position:fixed; z-index:-1; top:0; left:0; background:#000; opacity:0.6;); text-align:center;}

html .lightbox {position:absolute;}
html .lightbox .light {position:absolute;}
.lightbox .box {max-width:1000px; background:#333; border:1px solid #666; margin:0 auto; padding:50px 10px 30px 10px; position:relative;
-o-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-icab-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-khtml-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); }

.lightbox .box img {
	display:block;
	margin:15px auto;
	-o-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    -icab-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    -khtml-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);

}
.lightbox .box p {
}
.nav {
	display:block;
	padding-bottom:20px;
	margin:0 auto;
	width:240px;
}

.lightbox .box a.closebox {
	display:block;
	float:left;
	padding:5px;
	margin-right:3px;
	width:30px;
	border-radius:20px;
	background:#000; 
	color:#fff; 
	font-size:10px;
	font-weight:bold;
	text-decoration:none; 
	text-align:center; 
	border:1px solid #666; 
	-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*/
	}
.lightbox .box a.closebox:hover {
	background-color:#666
	}

.lightbox .box a.playbox.next {
	display:block;
	float:left;
	padding:5px;

	width:80px;
	background:#000;
	color:#fff;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	border:1px solid #666;
	border-radius:20px;
	-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*/
	}
.lightbox .box a.playbox.next:hover {
	background-color:#666
	}

.lightbox .box a.playbox.previous {
	display:block;
	float:left; 
	padding:5px;
	margin-right:3px;
	width:80px;
	background:#000; 
	color:#fff; 
	font-size:10px;
	font-weight:bold;
	text-decoration:none; 
	text-align:center; 
	border:1px solid #666; 
	border-radius:20px;
	-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*/
	}
.lightbox .box a.playbox.previous:hover {
	background-color:#666
	}

#p001:target {display:block;}
#p002:target {display:block;}
#p003:target {display:block;}
#p004:target {display:block;}
#p005:target {display:block;}
#p006:target {display:block;}
#p007:target {display:block;}
#p008:target {display:block;}
#p009:target {display:block;}
#p010:target {display:block;}
#p011:target {display:block;}
#p012:target {display:block;}
#p013:target {display:block;}
#p014:target {display:block;}
#p015:target {display:block;}
#p016:target {display:block;}
#p017:target {display:block;}
#p018:target {display:block;}
#p019:target {display:block;}
#p020:target {display:block;}
#p021:target {display:block;}
#p022:target {display:block;}
#p023:target {display:block;}
#p024:target {display:block;}
#p025:target {display:block;}
#p026:target {display:block;}
#p027:target {display:block;}
#p028:target {display:block;}
#p029:target {display:block;}
#p030:target {display:block;}



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

}



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



}


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


}


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


}



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


}

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

}