/* ------------------------------------------------------------------------------------------------------------------ */
/* corpo */

div#gallery { display: block; position: relative; width: 100%; padding: 0; }


/* ------------------------------------------------------------------------------------------------------------------ */
/* slide */

div#gallery div.slide { display: block; position: relative; width: 100%; margin: 0; }
div#gallery div.slide
{
	height: 700px;
	height: -webkit-calc( 100vh - 200px - 100px );
	height:    -moz-calc( 100vh - 200px - 100px );
	height:         calc( 100vh - 200px - 100px );
}
	div#gallery div.slide div.banner { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	div#gallery div.slide div.banner:first-child { display: block; }
	div#gallery div.slide span.bg { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 199; background: transparent url(../src/img/bannerBg.png) repeat; }
	div#gallery div.slide span.bottom { display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 68px; z-index: 200; background: transparent url(../src/img/bannerGallery.png) no-repeat; background-size: 100% 100%; }


/* ------------------------------------------------------------------------------------------------------------------ */
/* formulario */

div#gallery div.container { display: block; position: relative; width: 100%; margin: 0 auto; padding: 50px 0 100px 0; font-size: 0; }
	div#gallery div.container div.block { display: block; position: relative; margin: 0 0 75px 0; }
		div#gallery div.container div.block span.number { display: block; position: relative; width: 100px; height: 100px; background-color: #ffffff; color: #A6A7A9; line-height: 100px; text-align: center; font-size: 85px; font-family: 'ArialBold', sans-serif; }
		div#gallery div.container div.block div.content { display: block; position: relative; }
			div#gallery div.container div.block div.content h1 { display: block; position: relative; font-size: 14px; line-height: 25px; }
			div#gallery div.container div.block div.content p { display: block; position: relative; font-size: 14px; line-height: 20px; color: #A6A7A9; margin: 15px 0 0 0; padding: 0; }
			div#gallery div.container div.block div.content div.photos { display: block; position: relative; width: 100%; height: 300px; margin: 25px 0 0 0; }
				div#gallery div.container div.block div.content div.photos a.IDSGallery { display: none; position: absolute; margin: 0; }
				div#gallery div.container div.block div.content div.photos a.IDSGallery:nth-child(1) { display: block; top: 0; left: 0; width: 100%; height: 175px; }
				div#gallery div.container div.block div.content div.photos a.IDSGallery:nth-child(2) { display: block; bottom: 0; left: 0; width: 20%; height: 115px; }
				div#gallery div.container div.block div.content div.photos a.IDSGallery:nth-child(3) { display: block; bottom: 0; left: 20%; width: 20%; height: 115px; }
				div#gallery div.container div.block div.content div.photos a.IDSGallery:nth-child(4) { display: block; bottom: 0; left: 40%; width: 20%; height: 115px; }
				div#gallery div.container div.block div.content div.photos a.IDSGallery:nth-child(5) { display: block; bottom: 0; left: 60%; width: 20%; height: 115px; }
				div#gallery div.container div.block div.content div.photos a.IDSGallery:nth-child(6) { display: block; bottom: 0; left: 80%; width: 20%; height: 115px; }
				div#gallery div.container div.block div.content div.photos a.IDSGallery:nth-child(2),
				div#gallery div.container div.block div.content div.photos a.IDSGallery:nth-child(3),
				div#gallery div.container div.block div.content div.photos a.IDSGallery:nth-child(4),
				div#gallery div.container div.block div.content div.photos a.IDSGallery:nth-child(5)
				{
					width: 20%;
					width: -webkit-calc( 20% - 10px );
					width:    -moz-calc( 20% - 10px );
					width:         calc( 20% - 10px );
				}
				div#gallery div.container div.block div.content div.photos a.IDSGallery:nth-child(6)
				{
					width: 20%;
				}

	div#gallery div.container div.block:nth-child(odd) { float: right; }
	div#gallery div.container div.block:nth-child(odd)
	{
		width: 80%;
		width: -webkit-calc( ( 100% - 1200px ) / 2 + 1200px );
		width:    -moz-calc( ( 100% - 1200px ) / 2 + 1200px );
		width:         calc( ( 100% - 1200px ) / 2 + 1200px );
	}
		div#gallery div.container div.block:nth-child(odd) span.number { float: left; }
		div#gallery div.container div.block:nth-child(odd) div.content { float: right; }
		div#gallery div.container div.block:nth-child(odd) div.content
		{
			width: 100%;
			width: -webkit-calc( 100% - 125px );
			width:    -moz-calc( 100% - 125px );
			width:         calc( 100% - 125px );
		}
			div#gallery div.container div.block:nth-child(odd) div.content h1 { width: 1200px; }
			div#gallery div.container div.block:nth-child(odd) div.content p { width: 1200px; }

	div#gallery div.container div.block:nth-child(even) { width: 1200px; height: auto; float: right; }
	div#gallery div.container div.block:nth-child(even)
	{
		margin: 0 0 75px 0;
		margin-right: -webkit-calc( ( 100% - 1200px ) / 2 );
		margin-right:    -moz-calc( ( 100% - 1200px ) / 2 );
		margin-right:         calc( ( 100% - 1200px ) / 2 );
	}
		div#gallery div.container div.block:nth-child(even) span.number { margin: 0 auto; float: none; }
		div#gallery div.container div.block:nth-child(even) div.content { margin: 0 auto; width: 100%; }
			div#gallery div.container div.block:nth-child(even) div.content h1 { width: 100%; text-align: center; }
			div#gallery div.container div.block:nth-child(even) div.content p { width: 100%; text-align: center; }


/* ------------------------------------------------------------------------------------------------------------------ */