/*********************************** Simple Accessible Horizontal Navigation bar ********************************/

.bottomBar				{}
@media screen and (max-width: 480px) {
	.bottomBar		{text-align:center !important;}
}

#NavHorizontalSimpleByID4		{}
#bottomBar UL.NavigationBarSimple				{margin:13px 0px 6px 0px; padding:0px; text-align:right; font-size:0px; /*white-space:nowrap;*/}
#bottomBar UL.NavigationBarSimple LI			{margin:0px; padding:0px; list-style-image:none; list-style-type:none; display:inline;}
#bottomBar UL.NavigationBarSimple LI A			{display:inline-block; vertical-align:top; font-size:1.7rem; line-height:115%; font-weight:normal;}

#bottomBar LI.NavigationBarSimple				{}
#bottomBar LI A.NavigationBarSimple				{color:#fff; text-decoration:none;}
#bottomBar LI A.NavigationBarSimple:hover		{color:#ff7900; text-decoration:none;}

#bottomBar LI.NavigationBarSimpleOn				{}
#bottomBar LI A.NavigationBarSimpleOn			{color:#ff7900; text-decoration:none;}
#bottomBar LI A.NavigationBarSimpleOn:hover		{color:#ff7900; text-decoration:none;}

#bottomBar SPAN.NavigationBarSimpleItem			{/*white-space:nowrap;*/}
#bottomBar IMG.NavigationBarSimpleSeperator		{vertical-align:top; width:1px; height:15px; margin:2px 10px 0px 10px; background:#999999;} /* left/right - 4px difference */

.show-focus #bottomBar UL.NavigationBarSimple LI A:active, .show-focus #bottomBar UL.NavigationBarSimple LI A:focus	{color:#000;}




/****************** top-line Simple Bar ******************/
.top-line UL.NavigationBarSimple				{margin:8px 10px 11px 0px; padding:0px; text-align:right; font-size:0px; /*white-space:nowrap;*/ background:transparent;}
.top-line UL.NavigationBarSimple LI				{margin:0px; padding:0px; list-style-image:none; list-style-type:none; display:inline;}
.top-line UL.NavigationBarSimple LI A			{display:inline-block; vertical-align:top; font-size:1.5rem; line-height:1.7rem; font-weight:normal;}

.top-line LI.NavigationBarSimple				{}
.top-line LI A.NavigationBarSimple				{color:#214079; text-decoration:none;}
.top-line LI A.NavigationBarSimple:hover		{color:#f49040; text-decoration:none;}

.top-line LI.NavigationBarSimpleOn				{}
.top-line LI A.NavigationBarSimpleOn			{color:#f49040; text-decoration:none;}
.top-line LI A.NavigationBarSimpleOn:hover		{color:#f49040; text-decoration:none;}

.top-line SPAN.NavigationBarSimpleItem			{/*white-space:nowrap;*/}
.top-line IMG.NavigationBarSimpleSeperator		{vertical-align:top; width:1px; height:11px; margin:4px 10px 0px 10px; background:#cccccc;} /* left/right - 4px difference */

.show-focus top-line UL.NavigationBarSimple LI A:active, .show-focus .top-line UL.NavigationBarSimple LI A:focus	{color:#000;}


/** Simple Top nav Box & Collaps button **/
A.simple-open		{display:none;}

@media screen and (max-width: 768px) {
	DIV.simple-box		{background-color:#fff; width:200px; float:none !important; position:fixed; top:0px; right:-210px; z-index:9999; direction:rtl; box-shadow:0 0px 8px rgba(0,0,0,0.3);}

	A.simple-open, A.simple-close	{display:block; width:24px; height:30px; position:fixed; top:5px; right:0px; background:#eee url('../toMenu-small.png') no-repeat right center !important; z-index:9999;}

	.top-line UL.NavigationBarSimple				{}
	.top-line UL.NavigationBarSimple LI				{float:none !important; display:block; margin:5px 10px 5px 10px;}
	.top-line UL.NavigationBarSimple LI A			{height:auto; line-height:115%;}
	.top-line IMG.NavigationBarSimpleSeperator		{display:none;}
}




/****************** subjects Simple Bar ******************/
#subjects UL.NavigationBarSimple				{max-width:542px; padding:0px; text-align:right; font-size:0px; /*white-space:nowrap;*/ background:transparent;}
#HomePage #subjects UL.NavigationBarSimple		{margin:-10% 0px 0px 0px;}
#subjects UL.NavigationBarSimple LI				{margin:0px; padding:0px; list-style-image:none; list-style-type:none; display:block;}
#subjects UL.NavigationBarSimple LI:nth-child(1)	{width:48.6%; float:right; margin-bottom:2.8%;}
#subjects UL.NavigationBarSimple LI:nth-child(2)	{width:48.6%; float:left; margin-bottom:2.8%;}
#subjects UL.NavigationBarSimple LI:nth-child(3)	{width:100%; clear:both;}
#subjects UL.NavigationBarSimple LI A			{display:block; width:100%; text-align:center; font-size:2.8rem; line-height:100%; font-weight:500; border-radius:5px;}

#subjects LI.NavigationBarSimple				{}
#subjects LI A.NavigationBarSimple				{background-color:#150182; color:#fff; text-decoration:none;}
#subjects LI A.NavigationBarSimple:hover		{background-color:#f7941e; color:#fff; text-decoration:none;}

#subjects LI.NavigationBarSimpleOn				{}
#subjects LI A.NavigationBarSimpleOn			{background-color:#f7941e; color:#fff; text-decoration:none;}
#subjects LI A.NavigationBarSimpleOn:hover		{background-color:#f7941e; color:#fff; text-decoration:none;}

#subjects SPAN.NavigationBarSimpleItem			{display:block; padding:15px 10px 15px 10px; /*white-space:nowrap;*/}
#subjects IMG.NavigationBarSimpleSeperator		{display:none;} /* left/right - 4px difference */

.show-focus top-line UL.NavigationBarSimple LI A:active, .show-focus #subjects UL.NavigationBarSimple LI A:focus	{/*color:#000;*/}


@media screen and (max-width: 1000px) {
	#subjects UL.NavigationBarSimple LI A	{font-size:2.4rem;}
}

@media screen and (max-width: 768px) {
	#subjects UL.NavigationBarSimple		{margin:30px auto 0px auto !important;}
	#subjects UL.NavigationBarSimple LI		{width:100% !important; float:none !important; margin:0px 0px 10px 0px !important;}
}




/*********************************************************************************************************/
/******************************* Awesome Accessible Horizontal Navigation bar ****************************/

/****************** standart  ******************/
DIV.nav-awesome-title			{text-align:center;}
DIV.nav-awesome-title H3		{display:block; color:#f49040; margin:0; padding:0; font-size:2.5rem; line-height:2.7rem; font-weight:normal;}

#NavHorizontalAwesomeByIDXXX/**/				{}
#nav-awesome UL.NavigationBarAwesome			{margin:20px 0px 0px 0px; padding:0px; text-align:center;}
#nav-awesome UL.NavigationBarAwesome LI			{position:relative; margin-bottom:20px; text-align:center; box-shadow:0 1px 8px rgba(0,0,0,0.3); list-style-image:none; list-style-type:none;}
#nav-awesome UL.NavigationBarAwesome LI A		{width:100%; height:100%; position:absolute; right:0; left:0; top:0; bottom:0; text-shadow:1px 1px 1px rgba(0,0,0,0.7);}

#nav-awesome LI.NavigationBarAwesome			{}
#nav-awesome LI A.NavigationBarAwesome			{color:#ffffff; text-decoration:none;}
#nav-awesome LI A.NavigationBarAwesome:hover	{color:#ff7900; text-decoration:none;}

#nav-awesome LI.NavigationBarAwesomeOn			{}
#nav-awesome LI A.NavigationBarAwesomeOn		{color:#ff7900; text-decoration:none;}
#nav-awesome LI A.NavigationBarAwesomeOn:hover	{color:#ff7900; text-decoration:none;}

#nav-awesome IMG.NavigationBarAwesomeBg			{width:100%; height:auto; display:block;}
#nav-awesome SPAN.NavigationBarAwesomeFa		{display:block; margin:10% 0px 10% 0px;}
#nav-awesome UL.NavigationBarAwesome LI A .fa	{font-size:48px; text-shadow:1px 1px 1px rgba(0,0,0,0.7);}
#nav-awesome SPAN.NavigationBarAwesomeTitle		{display:inline-table; margin:0px 10px 0px 10px; padding:10px; font-size:21px; font-weight:bold; background-color:rgba(0,0,0,0.3); border-radius:10px;}

.show-focus #nav-awesome UL.NavigationBarAwesome LI A:active, .show-focus #nav-awesome UL.NavigationBarAwesome LI A:focus	{color:#000;}



/****************** Hp 4 "banners" ******************/
#links DIV.nav-awesome-title		{display:none; text-align:center;}
#links DIV.nav-awesome-title H3		{display:block; color:#f49040; margin:0; padding:0; font-size:190%; font-weight:normal;}

#NavHorizontalAwesomeByIDXXX/**/		{}
#links UL.NavigationBarAwesome			{margin:20px 0px 0px 0px; padding:0px; text-align:center;}
#links UL.NavigationBarAwesome LI		{display:block; position:relative; margin-bottom:4%; text-align:right; box-shadow:0px 10px 20px rgba(0,0,0,0.5); overflow:hidden; list-style-image:none; list-style-type:none;}
#links UL.NavigationBarAwesome LI A		{width:100%; display:table; padding-left:25%; box-sizing:border-box; background:#fff url('../arrow-links.png') no-repeat left 5.7% center;}
#links UL.NavigationBarAwesome LI A {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#links LI.NavigationBarAwesome				{}
#links LI A.NavigationBarAwesome			{color:#000; text-decoration:none;}
#links LI A.NavigationBarAwesome:hover		{color:#150182; text-decoration:none; background-position:left 2% center;}

#links LI.NavigationBarAwesomeOn			{}
#links LI A.NavigationBarAwesomeOn			{color:#150182; text-decoration:none;}
#links LI A.NavigationBarAwesomeOn:hover	{color:#150182; text-decoration:none;}

#links IMG.NavigationBarAwesomeBg			{width:145px; height:auto; display:table-cell; vertical-align:middle;}
#links SPAN.NavigationBarAwesomeFa			{display:none;}
#links UL.NavigationBarAwesome LI A .fa		{}
#links SPAN.NavigationBarAwesomeTitle		{width:100%; display:table-cell; vertical-align:middle; font-size:3.5rem; line-height:100%; font-weight:500;}

.show-focus #links UL.NavigationBarAwesome LI A:active, .show-focus #links UL.NavigationBarAwesome LI A:focus	{/*color:#000;*/ outline-offset:-4px; background-position:left 2% center;}


/* 2 items */
@media screen and (min-width: 1361px) {
	#links UL.NavigationBarAwesome LI:nth-of-type(2n+1)		{width:47%; float:right; clear:right;}
	#links UL.NavigationBarAwesome LI:nth-of-type(2n+2)		{width:47%; float:left;}
}

@media screen and (max-width: 1360px) and (min-width: 826px) {
	#links UL.NavigationBarAwesome							{padding:0px 1% 0px 1%;}
	#links UL.NavigationBarAwesome LI:nth-of-type(2n+1)		{width:48%; float:right; clear:right;}
	#links UL.NavigationBarAwesome LI:nth-of-type(2n+2)		{width:48%; float:left;}
}

@media screen and (max-width: 1175px) and (min-width: 996px) {
	#links UL.NavigationBarAwesome LI A			{padding-left:23%; background-size:70px;}
	#links IMG.NavigationBarAwesomeBg			{width:125px;}
	#links SPAN.NavigationBarAwesomeTitle		{font-size:3rem;}
}

@media screen and (max-width: 995px) and (min-width: 826px) {
	#links UL.NavigationBarAwesome LI A			{padding-left:22%; background-size:50px;}
	#links IMG.NavigationBarAwesomeBg			{width:105px;}
	#links SPAN.NavigationBarAwesomeTitle		{font-size:2.4rem;}
}

/* 1 item */
@media screen and (max-width: 825px) {
	#links UL.NavigationBarAwesome			{padding:0px 1% 0px 1%; margin:auto;}
	#links UL.NavigationBarAwesome LI		{width:100%; margin-bottom:6%;}
}

@media screen and (max-width: 825px) and (min-width: 491px) {
	#links UL.NavigationBarAwesome				{max-width:460px;}
	#links UL.NavigationBarAwesome LI A			{padding-left:23%; background-size:70px;}
	#links IMG.NavigationBarAwesomeBg			{width:125px;}
	#links SPAN.NavigationBarAwesomeTitle		{font-size:3rem;}
}

@media screen and (max-width: 490px) and (min-width: 396px) {
	#links UL.NavigationBarAwesome				{max-width:400px;}
	#links UL.NavigationBarAwesome LI A			{padding-left:22%; background-size:50px;}
	#links IMG.NavigationBarAwesomeBg			{width:105px;}
	#links SPAN.NavigationBarAwesomeTitle		{font-size:2.4rem;}
}

@media screen and (max-width: 395px) {
	#links UL.NavigationBarAwesome LI A			{padding-left:21%; background-size:30px;}
	#links IMG.NavigationBarAwesomeBg			{width:85px;}
	#links SPAN.NavigationBarAwesomeTitle		{font-size:2rem;}
}