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

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

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

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

LI.NavigationBarSimpleOn			{}
LI A.NavigationBarSimpleOn			{color:#5fd1ff; text-decoration:none;}
LI A.NavigationBarSimpleOn:hover	{color:#5fd1ff; text-decoration:none;}

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

UL.NavigationBarSimple LI A:active, UL.NavigationBarSimple LI A:focus	{color:#5fd1ff;}




/****************** 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 */

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


/** 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;}
}



/*********************************************************************************************************/
/******************************* 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:#ff8c37; text-decoration:none;}

#nav-awesome LI.NavigationBarAwesomeOn			{}
#nav-awesome LI A.NavigationBarAwesomeOn		{color:#ff8c37; text-decoration:none;}
#nav-awesome LI A.NavigationBarAwesomeOn:hover	{color:#ff8c37; 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;}

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



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

#NavHorizontalAwesomeByIDXXX/**/			{}
#workshop UL.NavigationBarAwesome			{margin:0px; padding:0px; text-align:center;}
#workshop UL.NavigationBarAwesome LI		{position:relative; margin-bottom:10px; text-align:center; list-style-image:none; list-style-type:none;}
#workshop UL.NavigationBarAwesome LI A		{width:100%; display:table; padding:0px 17px 17px 17px; border:#e4e4e4 1px solid; box-sizing:border-box;}

#workshop LI.NavigationBarAwesome			{}
#workshop LI A.NavigationBarAwesome			{background-color:#f5f5f5; color:#40454c; text-decoration:none;}
#workshop LI A.NavigationBarAwesome:hover	{color:#000; box-shadow:inset 0px 0px 90px #8ad7f5; text-decoration:none;}

#workshop LI.NavigationBarAwesomeOn			{}
#workshop LI A.NavigationBarAwesomeOn		{color:#000; box-shadow:inset 0px 0px 90px #8ad7f5; text-decoration:none;}
#workshop LI A.NavigationBarAwesomeOn:hover	{color:#000; box-shadow:inset 0px 0px 90px #8ad7f5; text-decoration:none;}

#workshop IMG.NavigationBarAwesomeBg			{width:100%; max-width:160px; height:auto; margin:25px auto 16px auto; display:block;}
#workshop SPAN.NavigationBarAwesomeFa			{display:none;}
#workshop UL.NavigationBarAwesome LI A .fa	{}
#workshop SPAN.NavigationBarAwesomeTitle		{display:block; margin:auto; font-size:2.1rem; line-height:115%; font-weight:bold;}

#workshop UL.NavigationBarAwesome LI A:active, #workshop UL.NavigationBarAwesome LI A:focus	{color:#000; box-shadow:inset 0px 0px 90px #8ad7f5; text-decoration:none;}

@media screen and (min-width: 1201px) { /* 6 items */
	#workshop IMG.NavigationBarAwesomeBg		{margin-top:2vw;}
	#workshop UL.NavigationBarAwesome LI		{width:15.8333% !important; margin-right:1%; float:right;}
	#workshop UL.NavigationBarAwesome LI:nth-of-type(6n+1)		{margin-right:0px;}
}

@media screen and (max-width: 1200px) and (min-width: 849px) { /* 3 items */
	#workshop UL.NavigationBarAwesome			{max-width:980px; margin-right:auto; margin-left:auto;}
	#workshop IMG.NavigationBarAwesomeBg		{margin-top:4vw;}
	#workshop UL.NavigationBarAwesome LI		{width:32.6666% !important; margin-right:1%; float:right;}
	#workshop UL.NavigationBarAwesome LI:nth-of-type(3n+1)		{margin-right:0px;}
}

@media screen and (max-width: 848px) { /* 2 items */
	#workshop UL.NavigationBarAwesome			{max-width:720px; margin-right:auto; margin-left:auto;}
	#workshop IMG.NavigationBarAwesomeBg		{margin-top:6vw;}
	#workshop UL.NavigationBarAwesome LI		{width:49% !important;}
	#workshop UL.NavigationBarAwesome LI:nth-of-type(2n+1)		{float:right;}
	#workshop UL.NavigationBarAwesome LI:nth-of-type(2n)		{float:left;}
}

@media screen and (max-width: 480px) { /* 1 items */
	/*#workshop UL.NavigationBarAwesome			{max-width:290px; margin-right:auto; margin-left:auto;}
	#workshop IMG.NavigationBarAwesomeBg		{margin-top:6vw;}
	#workshop UL.NavigationBarAwesome LI		{width:100%;}*/
}



/****************** in Ip 6 "banners" ******************/
#workshop-in			{margin-bottom:40px;}
#workshop-in DIV.nav-awesome-title			{display:none; /*text-align:center;*/}
#workshop-in DIV.nav-awesome-title H3		{display:block; color:#f49040; margin:0; padding:0; font-size:190%; font-weight:normal;}

#NavHorizontalAwesomeByIDXXX/**/			{}
#workshop-in UL.NavigationBarAwesome			{margin:0px; padding:0px; text-align:center;}
#workshop-in UL.NavigationBarAwesome LI			{position:relative; margin-bottom:10px; text-align:center; list-style-image:none; list-style-type:none;}
#workshop-in UL.NavigationBarAwesome LI A		{width:100%; display:table; padding:0px 17px 17px 17px; border:#e4e4e4 1px solid; box-sizing:border-box;}

#workshop-in LI.NavigationBarAwesome			{}
#workshop-in LI A.NavigationBarAwesome			{background-color:#f5f5f5; color:#40454c; text-decoration:none;}
#workshop-in LI A.NavigationBarAwesome:hover	{color:#000; box-shadow:inset 0px 0px 90px #8ad7f5; text-decoration:none;}

#workshop-in LI.NavigationBarAwesomeOn			{}
#workshop-in LI A.NavigationBarAwesomeOn		{color:#000; box-shadow:inset 0px 0px 90px #8ad7f5; text-decoration:none;}
#workshop-in LI A.NavigationBarAwesomeOn:hover	{color:#000; box-shadow:inset 0px 0px 90px #8ad7f5; text-decoration:none;}

#workshop-in IMG.NavigationBarAwesomeBg			{width:100%; max-width:160px; height:auto; margin:25px auto 16px auto; display:block;}
#workshop-in SPAN.NavigationBarAwesomeFa			{display:none;}
#workshop-in UL.NavigationBarAwesome LI A .fa	{}
#workshop-in SPAN.NavigationBarAwesomeTitle		{display:block; margin:auto; font-size:2.1rem; line-height:115%; font-weight:bold;}

#workshop-in UL.NavigationBarAwesome LI A:active, #workshop-in UL.NavigationBarAwesome LI A:focus	{color:#000; box-shadow:inset 0px 0px 90px #8ad7f5; text-decoration:none;}

@media screen and (min-width: 769px) { /* 1 items */
	#workshop-in UL.NavigationBarAwesome			{width:100%;}
	#workshop-in UL.NavigationBarAwesome LI			{width:100%; margin-bottom:-1px;}
	#workshop-in UL.NavigationBarAwesome LI A		{width:100%; display:table; padding:10px 0px 10px 14px; border:#e4e4e4 1px solid; box-sizing:border-box;}
	#workshop-in IMG.NavigationBarAwesomeBg			{width:75px; display:table-cell; margin:0px; vertical-align:middle;}
	#workshop-in SPAN.NavigationBarAwesomeTitle		{display:table-cell; vertical-align:middle; text-align:right; padding-right:5px; margin:auto; font-size:1.8rem;}
}

@media screen and (max-width: 990px) and (min-width: 769px) { /* 1 items */
	#workshop-in IMG.NavigationBarAwesomeBg			{width:60px !important;}
}

@media screen and (max-width: 768px) { /* 2 items */
	#workshop-in UL.NavigationBarAwesome			{max-width:720px; margin-right:auto; margin-left:auto;}
	#workshop-in IMG.NavigationBarAwesomeBg			{margin-top:6vw;}
	#workshop-in UL.NavigationBarAwesome LI				{width:49% !important;}
	#workshop-in UL.NavigationBarAwesome LI:nth-of-type(2n+1)		{float:right;}
	#workshop-in UL.NavigationBarAwesome LI:nth-of-type(2n)			{float:left;}
}

@media screen and (max-width: 480px) { /* 1 items */
	/*#workshop-in UL.NavigationBarAwesome			{max-width:290px; margin-right:auto; margin-left:auto;}
	#workshop-in IMG.NavigationBarAwesomeBg			{margin-top:6vw;}
	#workshop-in UL.NavigationBarAwesome LI			{width:100%;}*/
}