@charset "utf-8";
/* CSS Document */
body { background:#d9d4dd;}
.boxgrid{ 
		width: 200px; 
		height: 200px; 
		margin:0; 
		float:left; 
		background:#161613; 
		/*border: solid 2px #8399AF;*/ 
		overflow: hidden; 
		position: relative;
		
}
.boxgrid img{ 
		position: absolute; 
		top: 0; 
		left: 0; 
		border: 0;

}
		
.boxcaption{ 
		float: left; 
		position: absolute; 
		background: #000; 
		height: 100%; 
		width: 100%; 
		opacity: .6; 
		/* For IE 5-7 */
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
		/* For IE 8 */
		-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

/*.captionfull .boxcaption {
		top: 260;
		left: 0;
}
.caption .boxcaption {
		top: 220;
		left: 0;
}*/
.boxcaption a {width:200px; height:200px; display:block; float:left;}
h3 {color:#FFF; font-size:18px; margin-top:0; padding-top:120px; text-align:left; padding-left:20px;}
h3 span {font-size:10px;}
#fotos { width:100%; margin-top:-8px; position:absolute; }
footer {position:fixed; bottom:0;}

/*nav {z-index:10; position:relative;}*/
.center {margin:0 auto;}
/**** Transitions ****/

.masonry,
.masonry .masonry-brick {
  -webkit-transition-duration: 0.7s;
     -moz-transition-duration: 0.7s;
       -o-transition-duration: 0.7s;
          transition-duration: 0.7s;
}

.masonry {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.masonry .masonry-brick {
  -webkit-transition-property: left, right, top;
     -moz-transition-property: left, right, top;
       -o-transition-property: left, right, top;
          transition-property: left, right, top;
}