/* ================================================================================================================== */
/* corpo */
/* ================================================================================================================== */

div#gallery { display: block; position: relative; width: 1200px; padding: 25px 0; margin: 0 auto; font-size: 0; text-align: center; }
	div#gallery h1 { display: block; position: relative; }
	div#gallery p { display: block; position: relative; margin: 0 0 50px 0; }

@media all and (max-width: 1199px) {
	div#gallery { width: auto; margin: 0 10px; text-align: center; }
}

/* ================================================================================================================== */
/* blocos */
/* ================================================================================================================== */

div#gallery .block { display: inline-block; position: relative; width: 300px; height: 300px; margin: 0; vertical-align: top; }
div#gallery .block.big { width: 600px; height: 600px; }
	div#gallery .block a { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent no-repeat center center; background-size: cover; }
	div#gallery .block a:first-child { display: block; }
		div#gallery .block a div.hover { display: block; position: absolute; background: transparent url(../images/bg_hover.png) repeat; overflow: hidden; }
		div#gallery .block a div.hover
		{
			left: 15px;
			width: 100%;
			width: -webkit-calc(100% - 30px);
			width:    -moz-calc(100% - 30px);
			width:         calc(100% - 30px);

			top: 50%;
			height: 0;
		}
		div#gallery .block a:hover div.hover
		{
			top: 15px;
			height: 100%;
			height: -webkit-calc(100% - 30px);
			height:    -moz-calc(100% - 30px);
			height:         calc(100% - 30px);
		}
			div#gallery .block a div.hover p { display: inline-block; position: relative; margin: 0 10px; background-color: #ffffff; font-size: 11px; line-height: 20px; color: #b40e3c; padding: 3px 25px; }

@media all and (max-width: 1199px) {
	div#gallery .block,
	div#gallery .block.big { width: 300px; height: 300px; }
}