/*
    gallery2.css
    web-communication.eu | 14/04/2016
    Copyright 2016 web-communication.eu
*/



.gallery {
	position:					relative;
	margin: 					0 auto;
	width:						100%;
	background:					#FFFFFF;
	padding: 					20px 0;
	text-align: 				center;
}

.gallery .container {
	display: 					inline-block;
	text-align: 				left;
}

.gallery .column {
	float: 						left;
	width:						28%;
	margin-left: 				4%;
	background:					url('../images/magnifier.png') no-repeat;
	background-position: 50% 35%;
	
	border:                     Solid 1px #fff;
    -moz-box-shadow:            2px  5px 25px #888;
    -webkit-box-shadow:         2px  5px 25px #888;
    filter:                     progid:DXImageTransform.Microsoft.Shadow(color='#888', Direction=135, Strength=10);
    box-shadow:                 2px 5px 25px #888;
}

.gallery .column a {
	display:					block;
	text-decoration:			none;
}

.gallery .column44 {
	float: 						left;
	width:						44%;
	margin-left: 				4%;
	
	border:                     Solid 1px #fff;
    -moz-box-shadow:            2px  5px 25px #888;
    -webkit-box-shadow:         2px  5px 25px #888;
    filter:                     progid:DXImageTransform.Microsoft.Shadow(color='#888', Direction=135, Strength=10);
    box-shadow:                 2px 5px 25px #888;
}

.gallery .caption {
	margin: 					0 auto;
	width:						100%;
	position:					relative;
	height: 					50px;
	background:  				#FFFFFF url('../images/race-flag50.png') no-repeat left top;	
	cursor:						pointer;
}	

.gallery .content {
	position:					absolute;
	right: 						0;
	top:						0;
	width: 						100%;
	height:						100%;
}

.gallery .content img {
	margin: 					15px 10px;
	float: 						right;
	max-width: 					100%;
}

.gallery .content .topic {
	float: 						right;
	font-family: 				'Michroma', sans-serif;
	font-size:   		        18px; 
	color:              		#333333; 
	padding: 					12px 10px 0 0;
	font-weight:       		    bold; 
}

.gallery img {
	max-width: 					100%;
	display: 					block;
	opacity: 1.0;
    filter: alpha(opacity=100);
}

.gallery img:hover {
	opacity: 0.4;
    filter: alpha(opacity=40);
}


/* responsive */

@media only screen and (max-width: 1135px) {
	
	.gallery {
	    width: 						1135px;
	}		

}


@media only screen and (min-width: 1441px) {
	
	.gallery .container {
		width:						1440px;
	}
	
}