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

div#gallery { display: block; position: relative; width: auto; padding: 0; text-align: center; }
div#gallery div.title { display: block; position: relative; background-color: #f5f5f5; padding: 150px 50px 25px 50px; margin: 0 0 20px 0; text-align: left; }
	div#gallery h1,
	div#gallery h2 { font-size: 30px; line-height: 35px; }
	div#gallery h2 { margin: 25px 0 0 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: auto; margin: 5px 5px 25px 5px; vertical-align: top; overflow: hidden; }
	div#gallery .block div.photos { display: block; position: relative; width: 100%; height: 250px; overflow: hidden; }
	div#gallery .block p { display: block; position: relative; margin: 5px 0 0 0; }
	div#gallery .block:hover p { color: #009de2; }
	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:hover a { transform: rotate(15deg) scale(1.2); }
	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; }
}