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

@media all and ( max-width: 599px )
{
	div#Staff { display: none; position: absolute; top: 0; left: 100%; width: 100%; background-color: #ffffff; height: 100%; margin: 0 auto; overflow: auto; }
		div#Staff 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#Staff { display: none; position: absolute; top: 0; left: 100%; width: 100%; background-color: #ffffff; height: 100%; margin: 0 auto; overflow: auto; }
		div#Staff 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#Staff { display: block; position: absolute; top: 0; left: 100%; width: 100%; background-color: #ffffff; height: 100%; margin: 0 auto; overflow: auto; }
		div#Staff div.content { display: block; position: relative; width: 100%; padding: 100px 0 125px 0; min-height: -webkit-calc(100% - 225px); min-height: -moz-calc(100% - 225px); min-height: calc(100% - 225px); }
}

/* ---------------------------------------------------------------------------------------------- */
/* menu de topo */

@media all and ( max-width: 599px )
{
	div#Staff div.topMenuFixed { display: none; }
}
@media all and ( min-width: 600px ) and ( max-width: 1099px )
{
	div#Staff div.topMenuFixed { display: none; }
}
@media all and ( min-width: 1100px )
{
	div#Staff div.topMenuFixed { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 0; overflow: hidden; background-color: #ffffff; z-index: 10; }
		div#Staff div.topMenuFixed div.container { display: block; position: relative; width: 1000px; height: 100px; margin: 0 auto; text-align: center; }
			div#Staff div.topMenuFixed div.container span { display: inline-block; position: relative; font-family: 'HelveticaNeueBlack', sans-serif; color: #515252; font-size: 22px; line-height: 100px; text-decoration: none; margin: 0 70px; cursor: pointer; }
			div#Staff div.topMenuFixed div.container span:hover { color: #0fbdcc; }
			div#Staff div.topMenuFixed div.container span.selected { color: #0fbdcc; }
}


/* ---------------------------------------------------------------------------------------------- */
/* blocos */

@media all and ( max-width: 599px )
{
	div#Staff div.block { display: block; position: relative; width: 90%; margin: 0 auto; padding: 0 0 100px 0; text-align: center; }
		div#Staff div.block h1 { display: block; position: relative; font-family: 'HelveticaNeueLight', sans-serif; color: #0fbdcc; font-size: 16px; line-height: 30px; text-align: left; }
		div#Staff div.block hr { display: block; position: relative; width: 100%; margin: 75px auto 0 auto; }
		div#Staff div.block a { display: inline-block; position: relative; width: 250px; height: 200px; margin: 25px 0; vertical-align: middle; }
			div#Staff div.block a img { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; max-width: 200px; max-height: 250px; }
		div#Staff div.block div { display: inline-block; position: relative; width: 250px; height: 200px; margin: 25px 0; vertical-align: middle; }
			div#Staff div.block div img { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; max-width: 200px; max-height: 250px; }
}
@media all and ( min-width: 600px ) and ( max-width: 1099px )
{
	div#Staff div.block { display: block; position: relative; width: 90%; margin: 0 auto; padding: 0 0 100px 0; text-align: center; }
		div#Staff div.block h1 { display: block; position: relative; font-family: 'HelveticaNeueLight', sans-serif; color: #0fbdcc; font-size: 16px; line-height: 30px; text-align: left; }
		div#Staff div.block hr { display: block; position: relative; width: 100%; margin: 75px auto 0 auto; }
		div#Staff div.block a { display: inline-block; position: relative; width: 250px; height: 200px; margin: 25px 0; vertical-align: middle; }
			div#Staff div.block a img { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; max-width: 200px; max-height: 250px; }
		div#Staff div.block div { display: inline-block; position: relative; width: 250px; height: 200px; margin: 25px 0; vertical-align: middle; }
			div#Staff div.block div img { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; max-width: 200px; max-height: 250px; }
}
@media all and ( min-width: 1100px )
{
	div#Staff div.block { display: block; position: relative; width: 1000px; margin: 0 auto; padding: 0 0 100px 0; text-align: center; }
		div#Staff div.block h1 { display: block; position: relative; font-family: 'HelveticaNeueLight', sans-serif; color: #0fbdcc; font-size: 18px; line-height: 40px; text-align: left; }
		div#Staff div.block hr { display: block; position: relative; width: 800px; margin: 75px auto 0 auto; }
		div#Staff div.block a { display: inline-block; position: relative; width: 450px; height: 325px; margin: 25px 0; vertical-align: middle; }
			div#Staff div.block a img { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; max-width: 450px; max-height: 325px; }
		div#Staff div.block div { display: inline-block; position: relative; width: 450px; height: 325px; margin: 25px 0; vertical-align: middle; }
			div#Staff div.block div img { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; max-width: 450px; max-height: 325px; }
}


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

@media all and ( max-width: 599px )
{
	div#Staff 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#Staff div.footer div.cfooter { display: block; position: relative; width: 100%; height: 50px; margin: 0 auto; }
			div#Staff 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#Staff 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#Staff 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#Staff div.footer div.cfooter { display: block; position: relative; width: 100%; height: 50px; margin: 0 auto; }
			div#Staff 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#Staff 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#Staff 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#Staff div.footer div.cfooter { display: block; position: relative; width: 800px; height: 50px; margin: 0 auto; }
			div#Staff 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#Staff 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; }
}