/* ------------------------------------------------------------------------------------------------------------------ */
/* banner */

@media all and ( max-width: 599px )
{
	div#header div.bannerContainer { display: none; }
}
@media all and ( min-width: 600px ) and ( max-width: 1099px )
{
	div#header div.bannerContainer { display: none; }
}
@media all and ( min-width: 1100px )
{
	div#header div.bannerContainer { display: block; position: relative; width: 100%; height: 100vh; height: -webkit-calc( 100vh - 250px ); height: -moz-calc( 100vh - 250px ); height: calc( 100vh - 250px ); }
		div#header div.bannerContainer div.banner { display: none; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; background-size: cover; background-position: center center; z-index: 1; }
		div#header div.bannerContainer div.banner:first-child { display: block; }
}


/* ------------------------------------------------------------------------------------------------------------------ */
/* cabecalho */

@media all and ( max-width: 599px )
{
	div#header div#headerContainer { display: block; position: relative; width: 100%; z-index: 200; background-color: #ffffff; }
	div#header div.container { display: block; position: relative; width: 100%; height: 250px; margin: 0 auto; }
		div#header span.logo { display: block; position: relative; top: 20px; left: 50%; width: 272px; height: 161px;  margin: 0 0 0 -136px; background: transparent url(../../../src/img/logos/logo.png) no-repeat; background-size: contain; }

		/* menu */
		div#header div.menu { display: none; }

		/* marcacao */
		div#header a.marking { display: none; }

		/* facebook */
		div#header a.facebook { display: none; }

		/* linguagens */
		div#header div#languages { display: none; }

	div#headerContainer select#responsiveMenu { display: block; position: relative; width: 90%; margin: 30px auto 0 auto; }
}
@media all and ( min-width: 600px ) and ( max-width: 1099px )
{
	div#header div#headerContainer { display: block; position: relative; width: 100%; z-index: 200; background-color: #ffffff; }
	div#header div.container { display: block; position: relative; width: 100%; height: 250px; margin: 0 auto; }
		div#header span.logo { display: block; position: relative; top: 20px; left: 50%; width: 272px; height: 161px;  margin: 0 0 0 -136px; background: transparent url(../../../src/img/logos/logo.png) no-repeat; background-size: contain; }

		/* menu */
		div#header div.menu { display: none; }

		/* marcacao */
		div#header a.marking { display: none; }

		/* facebook */
		div#header a.facebook { display: none; }

		/* linguagens */
		div#header div#languages { display: none; }

	div#headerContainer select#responsiveMenu { display: block; position: relative; width: 90%; margin: 30px auto 0 auto; }
}
@media all and ( min-width: 1100px )
{
	div#header div#headerContainer { display: block; position: relative; width: 100%; z-index: 200; background-color: #ffffff; }
	div#header div.container { display: block; position: relative; width: 1200px; height: 250px; margin: 0 auto; }
		div#header span.logo { display: block; position: relative; top: 20px; left: 0; width: 272px; height: 161px; background: transparent url(../../../src/img/logos/logo.png) no-repeat; background-size: contain; }

		/* menu */
		div#header div.menu { display: block; position: absolute; bottom: 0; right: 0; width: 100%; height: 50px; text-align: center; }
			div#header div.menu a { display: inline-block; position: relative; font-size: 16px; margin: 0 30px; line-height: 50px; text-decoration: none; }
				div#header div.menu a:hover { color: #a29061; }
				div#header div.menu a.selected { color: #a29061; }

		/* marcacao */
		div#header a.marking { display: block; position: absolute; top: 150px; right: 100px; text-indent: 35px; line-height: 25px; font-size: 16px; text-decoration: none; background: transparent url(../../../src/img/iconMarkingHeader.png) no-repeat 0 0; }
		div#header a.marking:hover { color: #a29061; background-position: 0 -25px; }

		/* facebook */
		div#header a.facebook { display: block; position: absolute; top: 115px; right: 0; padding: 0 35px 0 0; line-height: 22px; font-size: 14px; text-decoration: none; background: transparent url(../../../src/img/iconFacebook.png) no-repeat right 0; }
		div#header a.facebook:hover { color: #a29061; background-position: right -22px; }

		/* linguagens */
		div#header div#languages { display: block; position: absolute; top: 150px; right: 0; }
			div#header div#languages p { display: inline-block; position: relative; line-height: 25px; font-size: 16px; margin: 0 5px; }
			div#header div#languages a { display: inline-block; position: relative; line-height: 25px; font-size: 16px; text-decoration: none; }
			div#header div#languages a:hover { color: #a29061; }
			div#header div#languages a.selected { color: #a29061; }

	div#headerContainer select#responsiveMenu { display: none; }
}