/*---------------MOSAIC-------------*/
.thumbnails {
	background-color: #2d2a24;
	/* [disabled]text-align: center; */
	/* [disabled]vertical-align: middle; */
	margin: 0;
	overflow: hidden;
	/* [disabled]border: 1px solid #FFF; */ /*avans #e3e0e0*/
	cursor: pointer;
}
.thumbnails:hover {
	/* [disabled]border: 1px solid #dadada; */ /*avans #9c9c9c*/
	cursor: pointer; /* cursor "pointer" a tot la cel.la */
}
/*-----------------------------------*/

#portfolio {
	display: block;
	margin-left: 70px;
}
#portfolio li {
	display: block;
	float: left;
	margin: 10px 20px 5px 0px;
	background-color: #000; /*fosc a:hover*/
}

#portfolio li a {
  display: block;
  background-color: #2d2a24;
  -webkit-box-shadow: 1px 2px 2px rgba(0,0,0,0.25);
  -moz-box-shadow: 1px 2px 2px rgba(0,0,0,0.25);
  box-shadow: 1px 2px 2px rgba(0,0,0,0.25);
}
/*----------------------------------------*/

.mfp-title {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; /*afegit: la Verdana es veu borrosa*/
  letter-spacing: 1px;
  font-size: 13px; /*abans: 1.2em*/
  color: #ddd !important;
  font-weight: 400; /*abans: 700*/
}
.mfp-figure small{color:#BDBDBD;display:block;font-size:10px;line-height:11px; letter-spacing: 0px;}  /*sota el TÍTOL: Leo Wellmar*/
.mfp-counter {
	position: absolute;
  	top: 0;
  	right: 0;
  	color: #cccccc;
 	 font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  	font-size: 12px;
  	line-height: 18px; }

/** clearfix **/

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
 
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

.en_construccio {
	font-family:Verdana, Geneva, sans-serif;
	font-size:22px;
	color:#CC6;
	text-align:center;
	padding-top:150px;
	display:block;
}

/** media queries **/
@media screen and (max-width: 768px) {
.en_construccio { padding-top:50px;}
#portfolio { margin-left: 10px;}
}

@media screen and (max-width: 490px) {
  #portfolio li { margin: 5px 10px 0px 0px; }
  li img { max-width: 90px; height: auto; } /*afegit: miniatues petites*/
}