@media all /* HTML RESET */
{
	#menu.affix {
	    top: 0;
	    z-index:1040;
	}
	#menu.affix-placeholder {
	  /* Doesn't take up space in the content flow initially. */
	  display: none;
	}
	#menu.affix + #menu.affix-placeholder {
	  /* Once we affix the submenu, it *does* take up space in the content flow. But keep it invisible. */
	  display: block;
	  visibility: hidden;
	}
	
	#menu.navbar ul.navbar-nav > li  {
		display: table-cell;	
	    float: none !important;	
	    text-align: center; 	
		vertical-align: top; 
		position: relative; 
	}

	.collapse.navbar-collapse { padding: 0; margin: 0 -10px; }
		
	#menu.navbar ul.navbar-nav > li > a {
		padding-left: 10px; padding-right: 10px;
	}

	#menu.navbar {
		margin-bottom: 5px;
		border-radius: 0 0 0 0;
	}
	
	#menu li a {
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px; 
		font-weight:normal;
		color: #FFFFFF;
		display:block;
		outline:0;
		text-decoration:none;
		text-shadow: 1px 1px 1px #004E82;
	}
	
	#menu .navbar-collapse > ul.nav > li.menu_active:not(.open)::after{
	    border-bottom: 7px solid;
	    border-left: 7px solid transparent;
	    border-right: 7px solid transparent;
	    bottom: 0;
	    content: "";
	    
	    height: 0;
	    /*Stere to check for left: auto;*/
	    left: 50%;
	     margin-left: -5px; 
	   /* margin-left: 30px;*/
	    margin-bottom: -2px;
	    position: absolute;
	    vertical-align: middle;
	    width: 0;
	    color: #FFFFFF;
	}
		
	#menu .navbar-collapse > ul.nav > li.dropdown { padding-right: 0; }
	#menu .navbar-collapse > ul.nav > li.dropdown > a::after {
		content: "\e114"; 
		font-family: 'Glyphicons Halflings';
		font-style: normal;
		font-weight: normal;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		font-size: 8px;	
		
	    display: none;
	    margin-left: 2px;
	    vertical-align: middle;
	    position: absolute;
	    top: 1em; right: -0.4em;
	}
	#menu.navbar span.sub-arrow { display: inline-block; }
	/*Highlight selected menu items*/
	#menu ul li.dropdown-submenu a.submenu_active,
	#menu ul li a.on  {
		font-weight: 600 !important;
		background: #E9EFF3;
		-moz-border-radius: 0 !important;
		-webkit-border-radius: 0 !important;
		border-radius: 0 !important;
	}

	#menu.navbar ul.nav li:hover,
	#menu.navbar ul.nav li:focus,
	#menu.navbar .navbar-nav > li.open,
	#menu.navbar .navbar-nav > li.open > a,
	#menu.navbar .navbar-nav > li:hover > a
	{
		background: #E9EFF3;
		/* Rounded corners */	
		-moz-border-radius: 4px 4px 4px 4px;
		-webkit-border-radius: 4px 4px 4px 4px;
		border-radius: 4px 4px 4px 4px;
		color:#1476bf;
		text-shadow: 0 0.3px 0 #333333;
	}
	
	#menu.navbar .navbar-nav > li.open > a, 
	#menu.navbar .navbar-nav > li.open:hover > a, 
	#menu.navbar .navbar-nav > li.open:hover {
		/* Rounded corners */	
		-moz-border-radius: 4px 4px 0 0;
		-webkit-border-radius: 4px 4px 0 0;
		border-radius: 4px 4px 0 0;
	}
	
	#menu.navbar ul.dropdown-menu li a {
		color:#333333;
		text-shadow: none;
		font-weight: 400;
		max-width: 400px;
	}
	
	#menu.navbar .open .dropdown-menu
		{
		background-color: #FFFFFF;/*#E9EFF3*/
		border: 1px solid rgba(0, 0, 0, 0.15);
		box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
		/* Rounded corners */	
		-moz-border-radius: 0 4px 4px 4px;
		-webkit-border-radius: 0 4px 4px 4px;
		border-radius: 0 4px 4px 4px;
		margin-left: -0.7px;
		margin-top: -1px;
		left: auto !important;
		
		/*max-width: 300px;	
		white-space: normal;*/	
	}	
		
	#menu.navbar .navbar-nav > li.home {	
		padding-left: 25px;	
	}	
	#menu.navbar .navbar-nav > li.home>a {	
		margin-left: 0px;	
		padding-left: 0px;	
		text-align: left;	
	}
	#menu.navbar .navbar-nav > li.home::before {
		content: "\e021\0020 "; 
		font-family: 'Glyphicons Halflings';
		font-style: normal;
		font-weight: normal;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		top:50% !important; margin-top: -10px;	
		position: absolute;	
		left: 5px;
		color: #FFFFFF;
		/*z-index:10000;*/
	}
	
	#menu.navbar .navbar-nav > li.home:hover::before {
		color:#1476bf;
	}

	#menu.navbar .dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
	#menu.navbar .dropdown-submenu:hover>a:after{border-left-color:#1476bf;}
	
	#menu.navbar ul.dropdown-menu li .btn {color: #FFFFFF;text-align: left;}
	#menu.navbar ul.dropdown-menu li .btn.btn-primary:hover {color: #FFFFFF;background-color: #3071A9;}
	#menu.navbar ul.dropdown-menu li .btn.btn-success:hover {color: #FFFFFF;background-color: #449D44;}
	#menu.navbar ul.dropdown-menu li .btn.btn-info:hover {color: #FFFFFF;background-color: #31B0D5;}
	
	
	
	#menu ul li:not(.open) a.menu_active:after {
		margin-bottom: -1px !important;
	}
}
@media all and (min-width:769px){
	#menu.navbar ul.navbar-nav > li > a {
		padding-left: 5px; padding-right: 5px; min-height:50px;
	}
	#menu.navbar .navbar-nav > li.home::before {
		margin-top: -20px;
	}
	#menu.navbar ul.navbar-nav > li:nth-child(5) { width: 18%;}

	#menu.navbar ul.navbar-nav > li:lang(bg):nth-child(2) { width: 13%;}
	#menu.navbar ul.navbar-nav > li:lang(bg):nth-child(3) { width: 15%;}
	#menu.navbar ul.navbar-nav > li:lang(bg):nth-child(5) { width: 23%;}

	#menu.navbar ul.navbar-nav > li.home:lang(cs) { width: 15%; }
	#menu.navbar ul.navbar-nav > li:lang(cs):nth-child(2) { width: 12%;}
	#menu.navbar ul.navbar-nav > li:lang(cs):nth-child(3) { width: 13%;}
	#menu.navbar ul.navbar-nav > li:lang(cs):nth-child(5) { width: 22%;}

	#menu.navbar ul.navbar-nav > li:lang(de) > a { padding-left:4px; padding-right: 0; }
	#menu.navbar ul.navbar-nav > li:lang(de):nth-child(4) { width: 15%;}

	#menu.navbar ul.navbar-nav > li:lang(et):nth-child(2),
	#menu.navbar ul.navbar-nav > li:lang(et):nth-child(3) { width: 11%;}
	
	#menu.navbar ul.navbar-nav > li:lang(el):nth-child(2) { width: 8%;}
	
	#menu.navbar ul.navbar-nav > li:lang(hr):nth-child(2),
	#menu.navbar ul.navbar-nav > li:lang(hr):nth-child(3), 
	#menu.navbar ul.navbar-nav > li:lang(hr):nth-child(4){ width: 12%;}
	
	#menu.navbar ul.navbar-nav > li:lang(it):nth-child(2) { width: 12%; }
	#menu.navbar ul.navbar-nav > li:lang(it):nth-child(3) { width: 15%; }

	#menu.navbar ul.navbar-nav > li:lang(lv):nth-child(4) { width: 15%; }
	
	#menu.navbar ul.navbar-nav > li:lang(lt):nth-child(2) { width: 12%;}

	#menu.navbar ul.navbar-nav > li:lang(hu):nth-child(5) { width: 19%;}

	#menu.navbar ul.navbar-nav > li:lang(nl):nth-child(5) { width: 22%;}

	#menu.navbar ul.navbar-nav > li:lang(pl):nth-child(4) { width: 12%;}
	#menu.navbar ul.navbar-nav > li:lang(pl):nth-child(5) { width: 19%;}

	#menu.navbar ul.navbar-nav > li:lang(pt):nth-child(5) { width: 23%;}

	#menu.navbar ul.navbar-nav > li:lang(ro):nth-child(2) { width: 8%;}
	#menu.navbar ul.navbar-nav > li:lang(ro):nth-child(5) { width: 19%;}

	#menu.navbar ul.navbar-nav > li:lang(sk):nth-child(1) { width: 10%;}
	#menu.navbar ul.navbar-nav > li:lang(sk):nth-child(2) { width: 9%;}
	#menu.navbar ul.navbar-nav > li:lang(sk):nth-child(3) { width: 11%;}
	#menu.navbar ul.navbar-nav > li:lang(sk):nth-child(4) { width: 19%;}
	#menu.navbar ul.navbar-nav > li:lang(sk):nth-child(5) { width: 22%;}

	#menu.navbar ul.navbar-nav > li:lang(sl):nth-child(4) { width: 11%;}

	#menu.navbar ul.navbar-nav > li:lang(fi):nth-child(2) { width: 10%;}
	#menu.navbar ul.navbar-nav > li:lang(fi):nth-child(3) { width: 11%;}
	#menu.navbar ul.navbar-nav > li:lang(fi):nth-child(5) { width: 28%;}
	#menu.navbar ul.navbar-nav > li:lang(fi):nth-child(7) { width: 16%;}

	#menu.navbar ul.navbar-nav > li:lang(sv):nth-child(2),
	#menu.navbar ul.navbar-nav > li:lang(sv):nth-child(3) { width: 11%;}
	#menu.navbar ul.navbar-nav > li:lang(sv):nth-child(4) { width: 12%;}
	#menu.navbar ul.navbar-nav > li:lang(sv):nth-child(5) { width: 20%;}
}

@media all and (max-width:768px) /* TABLET */
{
    body.js.show-menu #menu.navbar {top: -30px;}
	body.js.show-search #menu.navbar {top: 20px;height: 60px;}
    body.js #menu.navbar {top: -60px;}
    
    #menu.navbar .dropdown-menu {
    	margin-top: -5px;
    }
    
    #menu.navbar ul.navbar-nav > li  {
	    display: inline;
	    float: left;
	    text-align: left; 
	}
	
	#menu .navbar-collapse > ul.nav > li.dropdown > a:after {
		left:10px;
	}
	
	#menu.navbar .navbar-nav > li.home {
	    padding-left: 0;
	}
	
	#menu.navbar .navbar-nav > li.home:before {
		top:100%;
		left: 10px;
	}
	
	#menu.navbar .navbar-nav > li.home > a,
	#menu.navbar .navbar-nav > li.dropdown > a {
		padding-left: 25px;
	}
	
	#menu .navbar-collapse > ul.nav > li.dropdown {
	    padding-right: 0;
	}
	
	#menu.navbar .navbar-nav > li.home::before {
		top:auto !important;
	}
	
	#menu .navbar-collapse > ul.nav > li.dropdown.menu_active:after {
		border: none !important;
	} 
	

}

@media all and (max-width:600px) /* HORIZONTAL PHONE */
{
    #menu.navbar {
        margin-top: 25px;
    }
   
    body.js.show-menu #menu.navbar {top: 0;}
    body.js #menu.navbar {top: 0;}

}

@media all and (max-width:320px) /* VERTICAL PHONE */
{

	#menu.navbar {
		margin-top: 30px;
	}


}