@charset "utf-8";
/* CSS Document */


ul.grid li {
	margin-left:0!important;
	padding-left:0!important;
}
.grid {
	padding: 0px;
	max-width: 1300px;
	margin: 0 auto;
	list-style: none;
	text-align: center;
}

.grid li {
	display: inline-block;
	width: 250px;
	margin: 0;
	padding: 5px;
	text-align: left;
	position: relative;
}

.grid figure,
.grid figure:hover,
.grid figure:active {
	-webkit-transition: all 0.3s linear;
       -moz-transition: all 0.3s linear;
            transition: all 0.3s linear;	
}
.grid figure,
.grid figure img {
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
	        border-radius: 10px;	
}	
	
	
.grid figure {
	margin: 0;
	padding:5px;
	width:230px;
	text-align:center;
	display: table-cell;	
	position: relative;
	
	background:#fafafa;
	border:1px solid #fff;

	-webkit-box-shadow: 1px 3px 10px #888;
     -khtml-box-shadow: 1px 3px 10px #888;
	   -moz-box-shadow: 1px 3px 10px #888;
         -o-box-shadow: 1px 3px 10px #888;
            box-shadow: 1px 3px 10px #888;
}

.grid figure:hover {
	background:#f3f6fb;
	border:1px solid #4fabd4;
		
    -webkit-box-shadow: 0px 0px 10px #777;
	 -khtml-box-shadow: 0px 0px 10px #777;
	   -moz-box-shadow: 0px 0px 10px #777;
	   	 -o-box-shadow: 0px 0px 10px #777;
            box-shadow: 0px 0px 10px #777;
	
}

.grid figure:active {
	background:#eaf1fc;
		
	-webkit-box-shadow: 0px 0px 7px #666;
     -khtml-box-shadow: 0px 0px 7px #666;
       -moz-box-shadow: 0px 0px 7px #666;
         -o-box-shadow: 0px 0px 7px #666;
            box-shadow: 0px 0px 7px #666;
}


.grid figure img {
	max-width: 100%;
	display: block;
	position: relative;
}

.grid figcaption {
	text-align:center;
	padding:10px;
	color:#555;
	height:60px;
	overflow:hidden;
}
.grid a.figcaption{
	text-decoration:none!important;
}
.grid figcaption:hover {
	color:#dc7208;
	text-decoration:underline;
}