ul.galleria, ul.galleria li {
	list-style:none;
	margin:0px;
	padding:0px;
}
ul.galleria li .kuva {
	display:block;
	height:180px;
	
	border:5px solid #fff;
	
	-moz-box-shadow: 0px 0px 2px #444;
	-webkit-box-shadow: 0px 0px 2px #444;
	box-shadow: 0px 0px 2px #444;
	
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	
	margin:0px 10px 10px 0px;
	
	position:relative;
	
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}

ul.galleria li .kuva a {
	position:absolute;
	display:block;
	overflow:hidden;
	
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	
	z-index:50;
	
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}
ul.galleria li .kuva a:hover {
	background-color:rgb(255,255,255);
	background-color:rgba(255,255,255,0.4);
}
ul.galleria li .kuva:hover {
	-moz-box-shadow: 0px 0px 5px #444;
	-webkit-box-shadow: 0px 0px 5px #444;
	box-shadow: 0px 0px 5px #444;
}

/* Kuvaus */
ul.galleria li .kuva a .kuvaus {
	display:block;
	
	margin:0px;
	
	width:100%;
	height:100%;
	
	font-size:12px;
	line-height:13px;
	font-weight:normal;
	
	color:#222;
	background:rgb(255,255,255);
	background:rgba(255,255,255,0.9);
	
	position:absolute;
	top:100%;
	left:0px;
	
	-webkit-transition: all 100ms ease-in-out;
	-moz-transition: all 100ms ease-in-out;
	-o-transition: all 100ms ease-in-out;
	-ms-transition: all 100ms ease-in-out;
	transition: all 100ms ease-in-out;
}
ul.galleria li .kuva a .kuvaus .kuvauspad { display:block; padding:8px; }
ul.galleria li .kuva a .kuvaus p { margin-bottom:9px; }
ul.galleria li .kuva a .kuvaus .description { font-size:11px; line-height:13px; color:#555; }
ul.galleria li:hover .kuva a:hover .kuvaus {
	top:0px;
}


/* Responsiivisuus */
@media handheld, only screen and (max-width: 1024px) {
	ul.galleria li.grid_1, ul.galleria li.grid_2,
	ul.galleria li.grid_3, ul.galleria li.grid_4,
	ul.galleria li.grid_5, ul.galleria li.grid_6 {
		width:49.95% !important;
		float:left !important;
		clear:none !important;
	}
}
@media handheld, only screen and (max-width: 320px) {
	ul.galleria li.grid_1, ul.galleria li.grid_2,
	ul.galleria li.grid_3, ul.galleria li.grid_4,
	ul.galleria li.grid_5, ul.galleria li.grid_6 {
		width:auto !important;
		float:none !important;
		clear:both !important;
	}
}