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

@media all and ( max-width: 599px )
{
	div#Home { display: block; position: relative; width: 100vw; min-height: 100vh; margin: 0; padding: 0; overflow-x: hidden; }
		div#Home span.bgBottomLeft { display: none; }
		div#Home span.bgBottomRight { display: none; }
}
@media all and ( min-width: 600px ) and ( max-width: 1099px )
{
	div#Home { display: block; position: relative; width: 100vw; min-height: 100vh; margin: 0; padding: 0; overflow-x: hidden; }
		div#Home span.bgBottomLeft { display: none; }
		div#Home span.bgBottomRight { display: none; }
}
@media all and ( min-width: 1100px )
{
	div#Home { display: block; position: relative; width: 100%; height: 100%; margin: 0; padding: 0; background: transparent url(../../src/img/bg/3d_bg.png) no-repeat;  background-size: cover; overflow: hidden; }
		div#Home span.bgBottomLeft { display: none; position: absolute; bottom: 0; left: 0; width: 551px; height: 177px; background: transparent url(../../src/img/bg/3d_bottomLeft.png) no-repeat; }
		div#Home span.bgBottomRight { display: none; position: absolute; bottom: 0; right: 0; width: 536px; height: 178px; background: transparent url(../../src/img/bg/3d_bottomRight.png) no-repeat; }
}


/* ---------------------------------------------------------------------------------------------- */
/* campus */

@media all and ( max-width: 599px )
{
	div#Home div.campus { display: none; }
}
@media all and ( min-width: 600px ) and ( max-width: 1099px )
{
	div#Home div.campus { display: none; }
}
@media all and ( min-width: 1100px )
{
	div#Home div.campus { display: block; position: relative; margin: auto; width: 100%; height: 100%; overflow: hidden; }
		div#Home div.campus div.img { display: block; position: relative; width: 100%; margin: auto; background-color: transparent; }
			div#Home div.campus div.img img.campus { display: block; position: relative; max-width: 100%; max-height: 100%; }

			div#Home div.campus div.img a.artists1 { display: block; position: absolute; left: 18.21%; top: 59.09%; width: 6.875%; height: 11.47%; }
			div#Home div.campus div.img a.artists2 { display: block; position: absolute; left: 33.34%; top: 72.74%; width: 5.31%; height: 7.14%; }
				/*div#Home div.campus div.img a.artists2 span.arrow { left: 21% }
				div#Home div.campus div.img a.artists2 span.text { left: 20%; }*/

			div#Home div.campus div.img a.info { display: block; position: absolute; left: 42.86%; top: 93.79%; width: 14.32%; height: 6.55%; }

			div#Home div.campus div.img a.contacts { display: block; position: absolute; left: 40.98%; top: 15.33%; width: 17.86%; height: 6.08%; }

			div#Home div.campus div.img a.restaurants1 { display: block; position: absolute; left: 40.60%; top: 40.16%; width: 11.30%; height: 18.50%; }
			div#Home div.campus div.img a.restaurants2 { display: block; position: absolute; left: 60.27%; top: 60.05%; width: 4.89%; height: 21.19%; }
			div#Home div.campus div.img a.bars1 { display: block; position: absolute; left: 24.29%; top: 75.04%; width: 6.25%; height: 6.08%; }
			div#Home div.campus div.img a.bars2 { display: block; position: absolute; left: 30.78%; top: 60.43%; width: 8.17%; height: 6.90%; }
			div#Home div.campus div.img a.handicraft1 { display: none; position: absolute; left: 63.22%; top: 41.80%; width: 20.67%; height: 18.50%; }
			div#Home div.campus div.img a.handicraft2 { display: none; position: absolute; left: 60.27%; top: 60.05%; width: 4.89%; height: 21.19%; }
			div#Home div.campus div.img a.others1 { display: none; position: absolute; left: 45.57%; top: 58.66%; width: 18.80%; height: 29.85%; }
			div#Home div.campus div.img a.others2 { display: none; position: absolute; left: 47.60%; top: 44.37%; width: 15.15%; height: 14.75%; }

			div#Home div.campus div.img a.gallery { display: none; position: absolute; left: 54%; top: 26%; width: 5%; height: 9%; }

			div#Home div.campus div.img a.ticket { display: none; position: absolute; left: 34%; top: 64%; width: 10%; height: 20%; }

			div#Home div.campus div.img a.staff1 { display: none; position: absolute; left: 47%; top: 56%; width: 2%; height: 7%; }
			div#Home div.campus div.img a.staff2 { display: none; position: absolute; left: 56%; top: 55%; width: 2%; height: 7%; }

			div#Home div.campus div.img a span.arrow { display: none; position: absolute; top: -16px; left: 51%; width: 19px; height: 14px; background: transparent url(../../src/img/menu/arrow.png) no-repeat; }
			div#Home div.campus div.img a span.text { display: none; position: absolute; top: -47px; left: 50%; font-family: 'HelveticaNeueMedium', sans-serif; font-size: 20px; line-height: 30px; padding: 0 20px; color: #ffffff; background-color: #515252; border-radius: 15px 15px 15px 0; }
			div#Home div.campus div.img a:hover span.arrow { display: block; }
			div#Home div.campus div.img a:hover span.text { display: block; }
}


/* ---------------------------------------------------------------------------------------------- */
/* selos */

@media all and ( max-width: 599px )
{
	div#Home img.stamps { display: none; }
	div#Home img.logo { display: none; }
}
@media all and ( min-width: 600px ) and ( max-width: 1099px )
{
	div#Home img.stamps { display: none; }
	div#Home img.logo { display: none; }
}
@media all and ( min-width: 1100px )
{
	div#Home img.stamps { display: block; position: absolute; bottom: 15px; right: 100px; width: 222px; height: 133px; }
	div#Home img.logo { display: block; position: absolute; bottom: 0; left: 50%; width: 238px; height: 166px; margin: 0 0 0 -119px; }
}


/* ---------------------------------------------------------------------------------------------- */
/* fundo responsivo */

@media all and ( max-width: 599px )
{
	div#Home div.responsiveBg { display: block; position: relative; width: 100%; min-height: 100vh; background: transparent url(../../src/img/bg/bg_indexResponsive.jpg) no-repeat; background-size: cover; padding: 50px 0 0 0; box-sizing: border-box; }
		div#Home div.responsiveBg img.logo { display: block; position: relative; width: 100%; max-width: 282px; max-height: 186px; margin: 0 auto; }
		div#Home div.responsiveBg img.arrow { display: block; position: relative; width: 50px; height: 27px; margin: 25px auto; }
}
@media all and ( min-width: 600px ) and ( max-width: 1099px )
{
	div#Home div.responsiveBg { display: block; position: relative; width: 100%; min-height: 100vh; background: transparent url(../../src/img/bg/bg_indexResponsive.jpg) no-repeat; background-size: cover; padding: 50px 0 0 0; box-sizing: border-box; }
		div#Home div.responsiveBg img.logo { display: block; position: relative; width: 100%; max-width: 282px; max-height: 186px; margin: 0 auto; }
		div#Home div.responsiveBg img.arrow { display: block; position: relative; width: 50px; height: 27px; margin: 25px auto; }
}
@media all and ( min-width: 1100px )
{
	div#Home div.responsiveBg { display: none; }
}


/* ---------------------------------------------------------------------------------------------- */
/* menu responsivo */

@media all and ( max-width: 599px )
{
	div#Home div.responsiveMenu { display: block; position: relative; width: 90%; margin: 50px auto 0 auto; background-color: #ffffff; }
		div#Home div.responsiveMenu a { display: block; position: relative; text-align: center; font-size: 22px; color: #515252; font-family: 'HelveticaNeueBlack', sans-serif; line-height: 40px; text-decoration: none; }
		div#Home div.responsiveMenu a:hover { color: #00aeef; }
		div#Home div.responsiveMenu a.facebook { width: 20px; height: 39px; margin: 25px auto; background: transparent url(../../src/img/responsiveFacebook.png) no-repeat; }
}
@media all and ( min-width: 600px ) and ( max-width: 1099px )
{
	div#Home div.responsiveMenu { display: block; position: relative; width: 90%; margin: 50px auto 0 auto; background-color: #ffffff; }
		div#Home div.responsiveMenu a { display: block; position: relative; text-align: center; font-size: 22px; color: #515252; font-family: 'HelveticaNeueBlack', sans-serif; line-height: 40px; text-decoration: none; }
		div#Home div.responsiveMenu a:hover { color: #00aeef; }
		div#Home div.responsiveMenu a.facebook { width: 20px; height: 39px; margin: 25px auto; background: transparent url(../../src/img/responsiveFacebook.png) no-repeat; }
}
@media all and ( min-width: 1100px )
{
	div#Home div.responsiveMenu { display: none; }
}


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