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

@media all and ( max-width: 599px )
{
	div#Info { display: none; position: absolute; top: 0; left: 100%; width: 100%; background-color: #ffffff; height: 100%; margin: 0 auto; overflow: auto; }
		div#Info 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#Info { display: none; position: absolute; top: 0; left: 100%; width: 100%; background-color: #ffffff; height: 100%; margin: 0 auto; overflow: auto; }
		div#Info 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#Info { display: block; position: absolute; top: 0; left: 100%; width: 100%; background-color: #ffffff; height: 100%; margin: 0 auto; overflow: auto; }
		div#Info 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); }
}


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

@media all and ( max-width: 599px )
{
	div#Info div.slide { display: block; position: relative; width: 100%; height: 200px; overflow: hidden; }
		div#Info div.slide div { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 200px; }
		div#Info div.slide div:first-child { display: block; }
			div#Info div.slide div img { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; min-width: 100%; min-height: 100%; max-width: 150%; }
		div#Info div.slide span { display: block; position: absolute; bottom: 0; left: 0; border-right: none; border-left: 100vw solid transparent; border-bottom: 100px solid #ffffff; border-top: none; }
}
@media all and ( min-width: 600px ) and ( max-width: 1099px )
{
	div#Info div.slide { display: block; position: relative; width: 100%; height: 300px; overflow: hidden; }
		div#Info div.slide div { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 300px; }
		div#Info div.slide div:first-child { display: block; }
			div#Info div.slide div img { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; min-width: 100%; min-height: 100%; max-width: 150%; }
		div#Info div.slide span { display: block; position: absolute; bottom: 0; left: 0; border-right: none; border-left: 100vw solid transparent; border-bottom: 150px solid #ffffff; border-top: none; }
}
@media all and ( min-width: 1100px )
{
	div#Info div.slide { display: block; position: relative; width: 100%; height: 550px; overflow: hidden; }
		div#Info div.slide div { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 550px; }
		div#Info div.slide div:first-child { display: block; }
			div#Info div.slide div img { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; min-width: 100%; min-height: 100%; max-width: 150%; }
		div#Info div.slide span { display: block; position: absolute; bottom: 0; left: 0; border-right: none; border-left: 100vw solid transparent; border-bottom: 200px solid #ffffff; border-top: none; }
}


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

@media all and ( max-width: 599px )
{
	div#Info div.text { display: block; position: relative; width: 90%; margin: 0 auto; }
		div#Info div.text h1 { display: block; position: relative; font-family: 'HelveticaNeueBlack', sans-serif; color: #515252; font-size: 22px; line-height: 30px; margin: 45px 0 0 0; }
		div#Info div.text h2 { display: block; position: relative; font-family: 'HelveticaNeueLight', sans-serif; color: #0fbdcc; font-size: 22px; line-height: 30px; margin: 45px 0 0 0; }
		div#Info div.text p { display: block; position: relative; font-family: 'HelveticaNeueLight', sans-serif; color: #515252; font-size: 14px; line-height: 18px; margin: 15px 0 0 0; }
		div#Info div.text hr { display: block; position: relative; width: 100%; margin: 75px auto; }
}
@media all and ( min-width: 600px ) and ( max-width: 1099px )
{
	div#Info div.text { display: block; position: relative; width: 90%; margin: 0 auto; }
		div#Info div.text h1 { display: block; position: relative; font-family: 'HelveticaNeueBlack', sans-serif; color: #515252; font-size: 26px; line-height: 35px; margin: 45px 0 0 0; }
		div#Info div.text h2 { display: block; position: relative; font-family: 'HelveticaNeueLight', sans-serif; color: #0fbdcc; font-size: 26px; line-height: 35px; margin: 45px 0 0 0; }
		div#Info div.text p { display: block; position: relative; font-family: 'HelveticaNeueLight', sans-serif; color: #515252; font-size: 16px; line-height: 22px; margin: 15px 0 0 0; }
		div#Info div.text hr { display: block; position: relative; width: 100%; margin: 75px auto; }
}
@media all and ( min-width: 1100px )
{
	div#Info div.text { display: block; position: relative; width: 1000px; margin: 0 auto; }
		div#Info div.text h1 { display: block; position: relative; font-family: 'HelveticaNeueBlack', sans-serif; color: #515252; font-size: 30px; line-height: 40px; margin: 75px 0 0 0; }
		div#Info div.text h2 { display: block; position: relative; font-family: 'HelveticaNeueLight', sans-serif; color: #0fbdcc; font-size: 30px; line-height: 40px; margin: 75px 0 0 0; }
		div#Info div.text p { display: block; position: relative; font-family: 'HelveticaNeueLight', sans-serif; color: #515252; font-size: 16px; line-height: 22px; margin: 15px 0 0 0; }
		div#Info div.text hr { display: block; position: relative; width: 800px; margin: 75px auto; }
}


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

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


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