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

div#gallery { display: block; position: relative; width: 100%; margin: 0 auto; padding: 0; }
	div#gallery div.container { display: block; position: relative; padding: 35px 35px 0 35px; }
		div#gallery div.container div.content { display: block; position: relative; width: 100%; background-color: #f4f5f6; }

@media all and ( max-width: 1199px )
{
    div#gallery div.container { padding: 0; }
		div#gallery div.container div.content { padding: 0 10px 25px 10px; width: auto; }
}

/* ------------------------------------------------------------------------------------------------------------------ */
/* voltar */

div#gallery div.container div.content a.close { display: block; position: absolute; top: 10px; right: 10px; width: 35px; height: 35px; background: transparent url(../src/img/gallery_close.png) no-repeat; z-index: 10; }
div#gallery div.container div.content a.close:hover { background-position: 0 -35px; }

@media all and ( max-width: 1199px )
{
    div#gallery div.container div.content a.close { display: none; }
}

/* ------------------------------------------------------------------------------------------------------------------ */
/* fotos */

div#gallery div.container div.content div.photos { display: block; position: relative; width: 50%; float: left; overflow: hidden; }
div#gallery div.container div.content div.photos
{
	min-height: 200px;
	min-height: -webkit-calc( 100vh - 85px );
	min-height:    -moz-calc( 100vh - 85px );
	min-height:         calc( 100vh - 85px );
}
	div#gallery div.container div.content div.photos a.IDSGallery { display: none; position: relative; width: 100%; height: 350px; margin: 0 0 25px 0; }
	div#gallery div.container div.content div.photos a.IDSGallery:nth-child(1) { display: block; }
	div#gallery div.container div.content div.photos a.IDSGallery:nth-child(2) { display: block; }
	div#gallery div.container div.content div.photos a.IDSGallery:nth-child(3) { display: block; }

@media all and ( max-width: 1199px )
{
    div#gallery div.container div.content div.photos { width: 100%; float: none; }
    div#gallery div.container div.content div.photos
    {
	    min-height: 150px;
    	min-height: -webkit-calc( 150px );
    	min-height:    -moz-calc( 150px );
    	min-height:         calc( 150px );
    }
    	div#gallery div.container div.content div.photos a.IDSGallery{ display: none; height: 200px; margin: 0; }
    	div#gallery div.container div.content div.photos a.IDSGallery:nth-child(2),
    	div#gallery div.container div.content div.photos a.IDSGallery:nth-child(3) { display: none; }
}

/* ------------------------------------------------------------------------------------------------------------------ */
/* texto */

div#gallery div.container div.content div.text { display: block; position: relative; width: 50%; float: right; overflow: hidden; padding: 0 0 50px 0; }
div#gallery div.container div.content div.text
{
	min-height: 200px;
	min-height: -webkit-calc( 100vh - 135px );
	min-height:    -moz-calc( 100vh - 135px );
	min-height:         calc( 100vh - 135px );
}

	div#gallery div.container div.content div.text h1 { display: block; position: relative; width: 90%; margin: 100px auto 0 auto; font-family: 'bold1', sans-serif; font-size: 20px; line-height: 30px; text-align: center; }
	div#gallery div.container div.content div.text h2 { display: block; position: relative; width: 90%; margin: 50px auto 25px auto; font-family: 'bold1', sans-serif; font-size: 20px; line-height: 30px; text-align: center; }
	div#gallery div.container div.content div.text p.text { display: block; position: relative; width: 80%; margin: 25px auto 0 auto; font-size: 16px; line-height: 25px; text-align: center; }

@media all and ( max-width: 1199px )
{
    div#gallery div.container div.content div.text { width: 100%; float: none; padding: 0; }
    div#gallery div.container div.content div.text
    {
	    min-height: 0;
    	min-height: -webkit-calc( 0 );
    	min-height:    -moz-calc( 0 );
    	min-height:         calc( 0 );
    }
        div#gallery div.container div.content div.text h1 { width: auto; margin: 20px 0 0 0; }
    	div#gallery div.container div.content div.text h2 { width: auto; margin: 15px 0 0 0; }
    	div#gallery div.container div.content div.text p.text { width: auto; }
}

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