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

@media all and ( max-width: 599px )
{
	div#Gallery { display: none; position: absolute; top: 0; left: 100%; width: 100%; background-color: #ffffff; height: 100%; margin: 0 auto; overflow: auto; }
		div#Gallery div.content { display: block; position: relative; width: 100%; padding: 50px 0 65px 0; min-height: -webkit-calc(100% - 115px); min-height: -moz-calc(100% - 115px); min-height: calc(100% - 115px); }
}
@media all and ( min-width: 600px ) and ( max-width: 1099px )
{
	div#Gallery { display: none; position: absolute; top: 0; left: 100%; width: 100%; background-color: #ffffff; height: 100%; margin: 0 auto; overflow: auto; }
		div#Gallery div.content { display: block; position: relative; width: 100%; padding: 50px 0 65px 0; min-height: -webkit-calc(100% - 115px); min-height: -moz-calc(100% - 115px); min-height: calc(100% - 115px); }
}
@media all and ( min-width: 1100px )
{
	div#Gallery { display: block; position: absolute; top: 0; left: 100%; width: 100%; background-color: #ffffff; height: 100%; margin: 0 auto; overflow: auto; }
		div#Gallery div.content { display: block; position: relative; width: 100%; padding: 0 0 125px 0; min-height: -webkit-calc(100% - 125px); min-height: -moz-calc(100% - 125px); min-height: calc(100% - 125px); }
}


/* ---------------------------------------------------------------------------------------------- */
/* galeria */

@media all and ( max-width: 599px )
{
	div#Gallery div.accordion { display: block; position: relative; width: 90%; margin: 0 auto; text-align: left; }
		div#Gallery div.accordion div.title { display: block; position: relative; margin: 45px 0 0 0; cursor: pointer; text-align: left; }
		div#Gallery div.accordion div.title:hover p { color: #515252; }
		div#Gallery div.accordion div.title:hover h1 { color: #515252; }
			div#Gallery div.accordion div.title p { display: inline-block; position: relative; font-family: 'HelveticaNeueLight', sans-serif; color: #0fbdcc; font-size: 12px; line-height: 40px; margin: 0; text-align: left; }
			div#Gallery div.accordion div.title h1 { display: inline-block; position: relative; font-family: 'HelveticaNeueBlack', sans-serif; color: #0fbdcc; font-size: 35px; line-height: 40px; margin: 0 0 0 20px; text-align: left; }
			div#Gallery div.accordion div.title span { display: block; position: absolute; top: 0; left: 85px; width: 25px; height: 26px; background: transparent url(../../src/img/gallery/title.png) no-repeat; }
		div#Gallery div.accordion div.tabs ul li { display: inline-block; position: relative; margin: 5px 10px; }
		div#Gallery div.accordion div.tabs ul li.ui-state-active a { color: #0fbdcc; }
		div#Gallery div.accordion div.tabs ul li.ui-state-hover a { color: #0fbdcc; }
			div#Gallery div.accordion div.tabs ul li a { display: block; position: relative; line-height: 20px; font-family: 'HelveticaNeueBlack', sans-serif; font-size: 13px; color: #515252; text-decoration: none; }
		div#Gallery div.accordion div.tabs div { margin: 15px 0 0 0; text-align: center; }
			div#Gallery div.accordion div.tabs div a { display: inline-block; position: relative; width: 250px; height: 200px; margin: 25px 10px 0 10px; overflow: hidden; padding: 0; }
				div#Gallery div.accordion div.tabs div a img { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; min-width: 250px; min-height: 200px; max-width: 400px; max-height: 300px; }
}
@media all and ( min-width: 600px ) and ( max-width: 1099px )
{
	div#Gallery div.accordion { display: block; position: relative; width: 90%; margin: 0 auto; text-align: left; }
		div#Gallery div.accordion div.title { display: block; position: relative; margin: 45px 0 0 0; cursor: pointer; text-align: left; }
		div#Gallery div.accordion div.title:hover p { color: #515252; }
		div#Gallery div.accordion div.title:hover h1 { color: #515252; }
			div#Gallery div.accordion div.title p { display: inline-block; position: relative; font-family: 'HelveticaNeueLight', sans-serif; color: #0fbdcc; font-size: 12px; line-height: 40px; margin: 0; text-align: left; }
			div#Gallery div.accordion div.title h1 { display: inline-block; position: relative; font-family: 'HelveticaNeueBlack', sans-serif; color: #0fbdcc; font-size: 35px; line-height: 40px; margin: 0 0 0 20px; text-align: left; }
			div#Gallery div.accordion div.title span { display: block; position: absolute; top: 0; left: 85px; width: 25px; height: 26px; background: transparent url(../../src/img/gallery/title.png) no-repeat; }
		div#Gallery div.accordion div.tabs ul li { display: inline-block; position: relative; margin: 5px 10px; }
		div#Gallery div.accordion div.tabs ul li.ui-state-active a { color: #0fbdcc; }
		div#Gallery div.accordion div.tabs ul li.ui-state-hover a { color: #0fbdcc; }
			div#Gallery div.accordion div.tabs ul li a { display: block; position: relative; line-height: 20px; font-family: 'HelveticaNeueBlack', sans-serif; font-size: 13px; color: #515252; text-decoration: none; }
		div#Gallery div.accordion div.tabs div { margin: 15px 0 0 0; text-align: center; }
			div#Gallery div.accordion div.tabs div a { display: inline-block; position: relative; width: 250px; height: 200px; margin: 25px 10px 0 10px; overflow: hidden; padding: 0; }
				div#Gallery div.accordion div.tabs div a img { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; min-width: 250px; min-height: 200px; max-width: 400px; max-height: 300px; }
}
@media all and ( min-width: 1100px )
{
	div#Gallery div.accordion { display: block; position: relative; width: 1000px; margin: 0 auto; text-align: left; }
		div#Gallery div.accordion div.title { display: block; position: relative; margin: 75px 0 15px 0; cursor: pointer; text-align: left; }
		div#Gallery div.accordion div.title:hover p { color: #515252; }
		div#Gallery div.accordion div.title:hover h1 { color: #515252; }
			div#Gallery div.accordion div.title p { display: inline-block; position: relative; font-family: 'HelveticaNeueLight', sans-serif; color: #0fbdcc; font-size: 12px; line-height: 40px; margin: 0; text-align: left; }
			div#Gallery div.accordion div.title h1 { display: inline-block; position: relative; font-family: 'HelveticaNeueBlack', sans-serif; color: #0fbdcc; font-size: 35px; line-height: 40px; margin: 0 0 0 20px; text-align: left; }
			div#Gallery div.accordion div.title span { display: block; position: absolute; top: 0; left: 85px; width: 25px; height: 26px; background: transparent url(../../src/img/gallery/title.png) no-repeat; }
		div#Gallery div.accordion div.tabs ul li { display: inline-block; position: relative; margin: 10px 30px; }
		div#Gallery div.accordion div.tabs ul li.ui-state-active a { color: #0fbdcc; }
		div#Gallery div.accordion div.tabs ul li.ui-state-hover a { color: #0fbdcc; }
			div#Gallery div.accordion div.tabs ul li a { display: block; position: relative; line-height: 30px; font-family: 'HelveticaNeueBlack', sans-serif; font-size: 20px; color: #515252; text-decoration: none; }
		div#Gallery div.accordion div.tabs div { margin: 30px 0 0 0; text-align: center; }
			div#Gallery div.accordion div.tabs div a { display: inline-block; position: relative; width: 250px; height: 200px; margin: 50px 25px 0 25px; overflow: hidden; padding: 0; }
				div#Gallery div.accordion div.tabs div a img { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; min-width: 250px; min-height: 200px; max-width: 400px; max-height: 300px; }
}


/* ---------------------------------------------------------------------------------------------- */
/* rodape */

@media all and ( max-width: 599px )
{
	div#Gallery div.footer { display: block; position: absolute; bottom: 0; left: 0; margin: 0; width: 100%; height: 50px; background-color: #515252; text-align: center; white-space: nowrap; z-index: 9; }
		div#Gallery div.footer div.cfooter { display: block; position: relative; width: 100%; height: 50px; margin: 0 auto; }
			div#Gallery div.footer div.cfooter p { display: block; position: relative; margin: 5px auto 0 auto; font-family: 'HelveticaNeueLight', sans-serif; font-size: 13px; color: #ffffff; line-height: 15px; text-align: center; }
			div#Gallery div.footer div.cfooter a { display: block; position: relative; margin: 5px auto 0 auto; width: 68px; height: 15px; background: transparent url(../../src/img/logos/idstudies.png) no-repeat; background-size: cover; }
}
@media all and ( min-width: 600px ) and ( max-width: 1099px )
{
	div#Gallery div.footer { display: block; position: absolute; bottom: 0; left: 0; margin: 0; width: 100%; height: 50px; background-color: #515252; text-align: center; white-space: nowrap; z-index: 9; }
		div#Gallery div.footer div.cfooter { display: block; position: relative; width: 100%; height: 50px; margin: 0 auto; }
			div#Gallery div.footer div.cfooter p { display: block; position: relative; margin: 5px auto 0 auto; font-family: 'HelveticaNeueLight', sans-serif; font-size: 13px; color: #ffffff; line-height: 15px; text-align: center; }
			div#Gallery div.footer div.cfooter a { display: block; position: relative; margin: 5px auto 0 auto; width: 68px; height: 15px; background: transparent url(../../src/img/logos/idstudies.png) no-repeat; background-size: cover; }
}
@media all and ( min-width: 1100px )
{
	div#Gallery div.footer { display: block; position: absolute; bottom: 0; left: 0; margin: 0; width: 100%; height: 50px; background-color: #515252; text-align: center; white-space: nowrap; z-index: 9; }
		div#Gallery div.footer div.cfooter { display: block; position: relative; width: 800px; height: 50px; margin: 0 auto; }
			div#Gallery div.footer div.cfooter p { display: block; position: relative; float: left; font-family: 'HelveticaNeueLight', sans-serif; font-size: 16px; color: #ffffff; line-height: 50px; }
			div#Gallery div.footer div.cfooter a { display: block; position: relative; float: right; margin: 14px 0 0 0; width: 100px; height: 22px; background: transparent url(../../src/img/logos/idstudies.png) no-repeat; }
}


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