@charset "utf-8";
/* CSS Document */
	
	/* grey */
/*	.activetab {
		background: #686868;
		background: linear-gradient(270deg, #959595 10%, #494949 90%);  
		background: -moz-linear-gradient(270deg, #959595 10%, #494949 90%); 
		background: -webkit-linear-gradient(270deg, #959595 10%,#494949 90%);
		} */		

nav {
	font-family: 'Source Sans Pro', sans-serif; /* define font family for menu if different than in body */
	font-weight: 400; 
/*	margin: 0em auto; */
	font-size: 1em;
/*	text-align: center; */
	position: relative;
/*	width: 100%; */
/*	padding: 0% 0% 0% 0%; */ /* top right bottom left */
	}

nav a {
	color: #ffffff;
	font-weight: normal;
	}
			
nav a:hover {
	color: #ffffff;
	}

/*	nav ul ul {
		display: none;
	} */

	nav ul li:hover > ul {
		display: block;
		}

	nav ul { 
		background: transparent; /* color of background below menu tabs */
		background: #3366bb;
		background: linear-gradient(270deg, #7094cf 10%, #244783 90%);  
		background: -moz-linear-gradient(270deg, #7094cf 10%, #244783 90%);
		background: -webkit-linear-gradient(270deg, #7094cf 10%, #244783 90%);

		/* area stretching from menu butons to wrapper */
		background: #3366bb;
		background: linear-gradient(270deg, #7094cf 10%, #244783 90%);  
		background: -moz-linear-gradient(270deg, #7094cf 10%, #244783 90%);
		background: -webkit-linear-gradient(270deg, #7094cf 10%, #244783 90%);
		
		/* mf green*/
/* 		background: #78a22f;
		background: linear-gradient(top, #a0be6d 10%, #547121 90%);  
		background: -moz-linear-gradient(top, #a0be6d 10%, #547121 90%); 
		background: -webkit-linear-gradient(top, #a0be6d 10%,#547121 90%); */
	
/*		EKSPERIMENTIRAJ S TEMLE EN MAL NA NIVOJU li, spodaj ne sme biti borderja! 
		border-width: 4px 30px 0px 30px;
		border-style: solid;
		border-color: #56c6d9 #56c6d9 #fe2192 #fe2192; */

		border-radius: 0.0em 0em 0em 0em;  
		list-style: none;
		position: relative;
		padding: 0.0em 0% 0.0em 0%;
/*		display: inline-table; */ /* WTF? */
		}

	nav ul:after {
		content: ""; 
		clear: both; 
		display: block;
		}
	
	nav ul li {
		float: left; /*	none => main menu is not horizontal but vertical */
		background: #3366bb;
		background: linear-gradient(270deg, #7094cf 10%, #244783 90%);  
		background: -moz-linear-gradient(270deg, #7094cf 10%, #244783 90%);
		background: -webkit-linear-gradient(270deg, #7094cf 10%, #244783 90%);
		border-radius: 0.0em 0.0em 0.0em 0.0em;
		border-width: 0.0em 1px 0.0em 0.0em; /* top right bottom left */
		border-style: solid;
		border-color: #ff0000 #c3c3c3 #00ff00 #0000ff; /* top right bottom left */
		}
	
	nav ul li:hover {	
		/* MF green */		
		background: #78a22f;
		background: linear-gradient(270deg, #a0be6d 10%, #547121 90%);  
		background: -moz-linear-gradient(270deg, #a0be6d 10%, #547121 90%); 
		background: -webkit-linear-gradient(270deg, #a0be6d 10%,#547121 90%);
/*		box-shadow: 0em 0em 1em 0em #ffffff inset; */  
		}
			
	nav ul li a {
		display: block;
		padding: 0.625em 1.125em 0.625em 1.125em; /* top right bottom left */
		text-decoration: none;
		}
		
	nav ul li:hover a {
		text-decoration: none;
		}

/* dropdown main area */			
		nav ul ul {
			display: none;
			border-width: 0.5em 0em 0.5em 0em;
			border-style: solid;
			border-color: #ffffff #ffffff #ffffff #ffffff;
			border-radius: 0em 0em 0em 0.0em;
			padding: 0;
			position: absolute; top: 100%;
			box-shadow: 0em 0em 0.625em #686868;
			z-index: 5; /* overlays dropdown over other content */
			}


/* dropdown */	
		nav ul ul li {
			float: none;
			background: #ffffff;
 			border-radius: 0.0em 0.0em 0.0em 0.0em;
			border-width: 0.0em 0.0em 0.0em 0.0em;
/*			border-style: solid;
			border-color: #000000 #000000 #eaf2f6 #000000; */
			}

		nav ul ul li:hover { 
/*			background: #6c922a; */ /* MF green -1 stop */
			background: #78a22f; /* MF green */	
			box-shadow: none;
/*			box-shadow: 0.0em 0.0em 0.25em 0.0em #666666 inset; */
			}

/* dropdown txt */
		nav ul ul li a {
			font-size: 0.9375em;
			font-weight: normal; /* maybe bold? */
			color: #343434;
			text-align: left;
			min-width: 10em;
			padding: 0.375em 1.5em;
			}	
			
		nav ul ul li a:hover {
			color: #ffffff;
			text-decoration: none;
			}

@media screen and (max-width: 48em) {
	
nav { 
	margin: 0em auto; 
	font-size: 0.9375em;
	}
	
}