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

#gallery { display: block; position: relative; width: 1100px; margin: 0 auto; padding: 40px 0 0 0; }

@media all and ( min-width: 600px ) and ( max-width: 1099px ) {
	#gallery { width: 600px; }
}
@media all and ( max-width: 599px ) {
	#gallery { width: 320px; }
}

/* ================================================================================================================== */
/* titulo */
/* ================================================================================================================== */

#gallery div.title { display: block; position: relative; width: 100%; height: 50px; margin: 25px auto 0 auto; }
	#gallery div.title h1 { display: block; position: relative; width: auto; font-family: 'ArialRoundedMTLight', sans-serif; font-size: 40px; line-height: 50px; text-align: center; }

@media all and ( min-width: 600px ) and ( max-width: 1099px ) {
	#gallery div.title { height: auto; }
		#gallery div.title h1 { font-size: 30px; line-height: 35px; }
}
@media all and ( max-width: 599px ) {
	#gallery div.title { height: auto; }
		#gallery div.title h1 { font-size: 22px; line-height: 30px; }
}

/* ================================================================================================================== */
/* galerias */
/* ================================================================================================================== */

#gallery div.galeries { display: block; position: relative; width: 350px; margin: 65px 0 0 0; float: left; }
	#gallery div.galeries a { display: block; position: relative; margin: 0 0 2px 0; padding: 0 20px; line-height: 25px; font-family: 'ArialRoundedMTLight', sans-serif; font-size: 13px; text-decoration: none; }
	#gallery div.galeries a:hover { font-family: 'ArialRoundedMTBoldRegular', sans-serif; }
	#gallery div.galeries a.actual { font-family: 'ArialRoundedMTBoldRegular', sans-serif; background-color: #3b2314; color: #ffffff; }
	#gallery div.galeries a.actual:hover { text-decoration: underline; }

@media all and ( min-width: 600px ) and ( max-width: 1099px ) {
	#gallery div.galeries { width: 550px; margin: 30px auto 0 auto; float: none; }
}
@media all and ( max-width: 599px ) {
	#gallery div.galeries { width: 320px; margin: 30px 0 0 0; float: none; }
}

/* ================================================================================================================== */
/* artigos */
/* ================================================================================================================== */

#gallery div.photos { display: block; position: relative; width: 725px; margin: 55px 0 0 0; float: right; }

	#gallery div.photos div.block { display: block; position: relative; width: 215px; height: 153px; margin: 0 40px 30px 0; padding: 0; float: left; overflow: hidden; background: transparent url(../images/itemShadow.png) no-repeat bottom center; }
	#gallery div.photos div.block:nth-child(3n) { margin: 0 0 30px 0; }

		#gallery div.photos div.block a.item { display: block; position: relative; width: 199px; height: 114px; margin: 0 40px 30px 0; border: 8px solid #ffffff; padding: 0; line-height: 25px; font-size: 12px; text-decoration: none; float: left; overflow: hidden; background-color: #ffffff; z-index: 1; }
		#gallery div.photos div.block a.item img { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; z-index: 1; }

@media all and ( min-width: 600px ) and ( max-width: 1099px ) {
	#gallery div.photos { width: 600px; margin: 30px 0 0 0; float: none; }
		#gallery div.photos div.block,
		#gallery div.photos div.block:nth-child(3n) { margin: 0 0 25px 56px; float: left; }
}
@media all and ( max-width: 599px ) {
	#gallery div.photos { width: 320px; margin: 30px 0 0 0; float: none; }
		#gallery div.photos div.block,
		#gallery div.photos div.block:nth-child(3n) { margin: 0 auto 15px auto; float: none; }
}