/* ---------------------------------------------------------------------------------------------- */
/* banner */
@media all and ( max-width: 599px )
{
	/*div#header div#banner { display: none; position: relative; width: 100%; height: 700px; }*/
}
@media all and ( min-width: 600px ) and ( max-width: 1099px )
{
	/*div#header div#banner { display: none; position: relative; width: 100%; height: 700px; }*/
}
@media all and ( min-width: 1100px )
{
	div#header div#banner { display: block; position: relative; width: 100%; height: 700px; height: calc( 100vh - 175px ); height: -webkit-calc( 100vh - 175px ); height: -moz-calc( 100vh - 175px ); z-index: 1; }
		div#header 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; }
}


/* ---------------------------------------------------------------------------------------------- */
/* barra do cabecalho */
@media all and ( max-width: 599px )
{
	/*div#menuContainer { display: block; position: relative; width: 100%; height: 75px; }
	div#bannerLane { display: block; position: relative; width: 100%; height: 75px; background-color: #ffffff; }
		div#bannerLane div.container { display: block; position: relative; width: 100%; height: 135px; margin: 0 auto; }

			div#bannerLane div.container span.logo { display: block; position: relative; top: 0; margin: 0 auto; width: 150px; height: 71px; background: transparent url(../../../src/img/logos/logo.png) no-repeat; background-size: cover; }

			div#bannerLane div.container div.languages { display: none; }
			div#bannerLane div.container a.reservedArea { display: none; }
			div#bannerLane div.container div.menu { display: none; }

			div#bannerLane div.container select#responsiveMenu { display: block; position: relative; width: 90%; margin: 15px auto 0 auto; }*/
}
@media all and ( min-width: 600px ) and ( max-width: 1099px )
{
	/*div#menuContainer { display: block; position: relative; width: 100%; height: 75px; }
	div#bannerLane { display: block; position: relative; width: 100%; height: 75px; background-color: #cee4e7; }
		div#bannerLane div.container { display: block; position: relative; width: 100%; height: 135px; margin: 0 auto; }

			div#bannerLane div.container span.logo { display: block; position: relative; top: 5px; margin: 0 auto; width: 150px; height: 33px; background: transparent url(../../../src/img/logos/logo.png) no-repeat; background-size: cover; }

			div#bannerLane div.container div.languages { display: none; }
			div#bannerLane div.container a.reservedArea { display: none; }
			div#bannerLane div.container div.menu { display: none; }

			div#bannerLane div.container select#responsiveMenu { display: block; position: relative; width: 500px; margin: 15px auto 0 auto; }*/
}
@media all and ( min-width: 1100px )
{
	div#menuContainer { display: block; position: relative; width: 100%; height: 175px; }
	div#bannerLane { display: block; position: relative; width: 100%; height: 175px; background-color: #643614; z-index: 10; }
		div#bannerLane span.bottom { display: block; position: absolute; bottom: -10px; left: 0; width: 100%; height: 10px; background: transparent url(../../../src/img/headerBottom.png) repeat-x; }
		div#bannerLane div.container { display: block; position: relative; width: 1000px; height: 175px; margin: 0 auto; }

			div#bannerLane div.container span.logo { display: block; position: absolute; top: -100px; left: 0; width: 265px; height: 248px; background: transparent url(../../../src/img/logos/logo.png) no-repeat; }
			div#bannerLane div.container span.logoSmall { display: none; position: absolute; top: 37px; left: 0; width: 265px; height: 25px; background: transparent url(../../../src/img/logos/logoSmall.png) no-repeat; }

			div#bannerLane div.container div.languages { display: block; position: absolute; top: 55px; right: 0; width: 150px; height: 30px; text-align: center; }
				div#bannerLane div.container div.languages a { display: inline-block; position: relative; line-height: 30px; margin: 0 2px; text-decoration: none; font-size: 18px; color: #ffffff; font-family: 'BlambotCasualRegular', sans-serif; }
				div#bannerLane div.container div.languages a:hover,
				div#bannerLane div.container div.languages a.selected { color: #f99b00; }

			div#bannerLane div.container div.menu { display: block; position: absolute; top: 110px; right: 0; width: 750px; height: 44px; text-align: right; z-index: 20; }
				div#bannerLane div.container div.menu a { display: inline-block; font-weight: bold; color: #ffffff; position: relative; line-height: 33px; margin: 0 0 0 15px; text-decoration: none; font-size: 20px; padding: 0 15px; border: 1px solid transparent; white-space: nowrap; }
				div#bannerLane div.container div.menu a.selected span { display: block; }
				div#bannerLane div.container div.menu a:hover span { display: block; }
					div#bannerLane div.container div.menu a span { display: none; position: absolute; bottom: 0; left: 50%; width: 120px; height: 5px; margin: 0 0 0 -60px; background: transparent url(../../../src/img/menuHover.png) no-repeat; }
}


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