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

#gallery { display: block; position: relative; width: auto; margin: 0 100px; }
	#gallery div.container { display: block; position: relative; width: auto; margin: 0; padding: 50px 0; }
		#gallery div.container div.left { display: inline-block; position: relative; width: 40%; vertical-align: top; z-index: 2; }
		#gallery div.container div.right { display: inline-block; position: relative; width: 60%; vertical-align: top; padding-left: 50px; min-height: 850px; padding-bottom: 50px; z-index: 1; }

@media all and ( max-width: 1200px ) {
	#gallery { margin: 0 15px; }
	#gallery div.container { padding: 0; }
		#gallery div.container div.left { width: 50%; }
		#gallery div.container div.right { width: 50%; min-height: 500px; }
}

/* ================================================================================================================== */
/* fotografias */
/* ================================================================================================================== */

#gallery div.photos { display: block; position: relative; width: 100%; height: 650px; margin: 50px auto; border: none; border-bottom: 10px solid #e81c24; }
	#gallery div.photos span.photo { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent no-repeat center center; background-size: contain; }
	#gallery div.photos span.photo[data-status="closed"] { opacity: 0; }
	#gallery div.photos span.photo[data-status="open"] { opacity: 1; }

	#gallery div.photos span.icon { display: block; position: absolute; top: 50%; width: 50px; height: 50px; cursor: pointer; border: 1px solid #e81c24; margin-top: -25px; }
	#gallery div.photos span.icon.prev { left: 0; background: #ffffff url(../images/button_left_red.png) no-repeat center center; }
	#gallery div.photos span.icon.next { right: 0; background: #ffffff url(../images/button_right_red.png) no-repeat center center; }
	#gallery div.photos span.icon:hover { background-color: #e81c24; border: 1px solid #e81c24; }
	#gallery div.photos span.icon.prev:hover { background-image: url(../images/button_left.png); }
	#gallery div.photos span.icon.next:hover { background-image: url(../images/button_right.png); }

@media all and ( max-width: 650px ) {
	#gallery div.photos { height: 450px; }
}
@media all and ( max-width: 425px ) {
	#gallery div.photos { height: 300px; }
		#gallery div.photos span.icon { width: 35px; height: 35px; margin-top: -17px; }
}

/* ================================================================================================================== */
/* titulo e slogan */
/* ================================================================================================================== */

#gallery h1 { display: block; position: relative; font-size: 3.125em; color: #e81c24; }