@media all and ( max-width: 799px )
{
	div#bodyMenu { display: block; position: relative; width: 100%; height: 55px; text-align: center; white-space: nowrap; border-top: 2px solid #ffffff; border-bottom: 2px solid #E9E9E9; background-color: #ffffff; }
		div#bodyMenu a.logo { display: block; position: absolute; top: 6px; left: 25px; width: 102px; height: 43px; background: transparent url(../../../../src/img/logos/logoResponsive.png) no-repeat center center; background-size: cover; vertical-align: top; }
		div#bodyMenu a.menu { display: none; }

		div#bodyMenu span.responsiveIconClosed { display: block; position: absolute; top: 15px; right: 25px; width: 42px; height: 25px; background: transparent url(../../../../src/img/iconMenuResponsive.png) no-repeat 0 0; cursor: pointer; }
		div#bodyMenu span.responsiveIconOpen { display: block; position: absolute; top: 15px; right: 25px; width: 42px; height: 25px; background: transparent url(../../../../src/img/iconMenuResponsive.png) no-repeat 0 -25px; cursor: pointer; }
		div#bodyMenu div.responsiveMenu { display: none; position: absolute; top: 55px; right: 0; padding: 25px 20px 25px 40px; background-color: #004994; z-index: 500; max-width: 50%; overflow: hidden; }
			div#bodyMenu div.responsiveMenu a.menu { display: block; position: relative; width: 100%; font-size: 16px; line-height: 35px; color: #a6a8ab; text-align: right; text-decoration: none; }
			div#bodyMenu div.responsiveMenu a.menu:hover { color: #ffffff; }
			div#bodyMenu div.responsiveMenu a.item { display: block; position: relative; width: 100%; font-size: 14px; line-height: 22px; color: #a6a8ab; text-align: right; text-decoration: none; }
			div#bodyMenu div.responsiveMenu a.item:hover { color: #ffffff; }
			div#bodyMenu div.responsiveMenu a.selected { color: #ffffff; }

			div#bodyMenu div.responsiveMenu div.languages { display: block; position: relative; width: 100%; height: 25px; margin: 5px 0 0 0; text-align: right; }
				div#bodyMenu div.responsiveMenu div.languages a { display: inline-block; position: relative; font-size: 12px; margin: 0 0 0 5px; color: #a6a8ab; line-height: 25px; text-decoration: none; }
				div#bodyMenu div.responsiveMenu div.languages a.selected { color: #ffffff; }

			div#bodyMenu div.responsiveMenu a.facebook { display: block; position: relative; width: 100%; font-size: 12px; line-height: 15px; color: #7ba1c7; text-align: right; text-decoration: none; margin: 10px 0 0 0; }

			div#bodyMenu div.responsiveMenu a.idstudies { display: block; position: relative; width: 66px; height: 16px; background: transparent url(../../../../src/img/logos/idstudiesResponsive.png) no-repeat center center; background-size: cover; margin: 25px 0 0 0; float: right; }
}
@media all and ( min-width: 800px )
{
	div#bodyMenu { display: block; position: relative; width: 100%; height: 55px; text-align: center; white-space: nowrap; border-top: 2px solid #ffffff; border-bottom: 2px solid #E9E9E9; background-color: #ffffff; }
		div#bodyMenu a.logo { display: inline-block; position: relative; padding: 0; margin: 5px 0 0 0; width: 50px; height: 45px; background: transparent url(../../../../src/img/logos/logoBodyMenu.png) no-repeat center center; background-size: cover; vertical-align: top; }
		div#bodyMenu a.menu { display: inline-block; position: relative; padding: 0 75px; line-height: 55px; font-family: 'FuturaMdBTMedium', sans-serif; font-size: 18px; color: #d0d2d3; overflow: hidden; text-align: left; text-decoration: none; }
		div#bodyMenu a.menu { transition-property: all; transition-duration: 400ms; }
		div#bodyMenu a.menu:hover { color: #0584b5; }
		div#bodyMenu a.selected { color: #0584b5; text-decoration: underline; }

		div#bodyMenu span.responsiveIconOpen { display: none; }
		div#bodyMenu span.responsiveIconClosed { display: none; }
		div#bodyMenu div.responsiveMenu { display: none; }
}