#gallery {
  padding:0; 
  margin:0; 
  list-style-type:none; 
  overflow:hidden; 
  width:320px; 
  height:425px; 
  border:1px solid #888; 
  background:#fff url(Imatges/windows/win-back.gif);
  }
#gallery li {
  float:left;
  }
#gallery li a {
  display:block; 
  height:30px;
  width:320px; 
  float:left; 
  text-decoration:none; 
  border-bottom:1px solid #fff; 
  cursor:default;
  }
#gallery li a img {
  width:320px; 
  height:30px; 
  border:0;
  }
#gallery li a:hover {
  background:#eee; 
  height:239px;
  }
#gallery li a:hover img {
  height:239px;
  }
#galleryh {
  padding:0; 
  margin:0 auto 5em auto; 
  list-style-type:none; 
  overflow:hidden; 
  width:495px; 
  height:240px; 
  border:1px solid #888; 
  background:#fff url(Imatges/windows/win-backh.gif);
  }
#galleryh li {
  float:left;
  }
#galleryh li a {
  display:block; 
  height:240px;
  width:28px; 
  float:left; 
  text-decoration:none; 
  border-right:1px solid #fff; 
  cursor:default;
  }
#galleryh li a img {
  width:28px; 
  height:240px; 
  border:0;
  }
#galleryh li a:hover {
  background:#eee; 
  width:320px;
  }
#galleryh li a:hover img {
  width:320px;
  }
  
div#transparencies {
   background: rgb(200, 54, 54); /* The Fallback */
   background: rgba(200, 54, 54, 0.5);
}

/* Imatges petites pàgina inicial */
ul.column{
	width: 500px;
	padding: 0;
	margin:  0;
	margin-top:20px;
	list-style: none;
}
ul.column li {
	float: left;
	width: 166px; /*Set default width*/
	padding: 3px 0;
	margin:  0;
	display: inline;
}
.block 
{
    /* */
	height: 108px;
	/*margin-right: 13px; Creates the 10px gap between each column*/
	padding: 0;
}
.block img {
        /*Flexible image size with border*/
	width: 99%;  /*Took 1% off of the width to prevent IE6 bug*/
	padding: 0;
	background:#fff;
	margin: 0 auto;
	display: block;
	-ms-interpolation-mode: bicubic; /*prevents image pixelation for IE 6/7 */
}