#menu_first{margin-left:5px;}

#icon_mobil{margin:8px 0 0 12px;}

@media screen and (max-width:1100px) {
	#menu_first{margin-left:0;}
}

a {text-decoration: none;}
.header {
		font-family: 'Dosis-ExtraLight', sans-serif; 
    width: 95%;
    max-width: 1100px;
    margin: 12px auto 0 auto;
		font-size:20x;
		height:37px;
		background-color:#2b4b83;
		/*border:1px solid red;*/
}

	/* Első menu */
.toggleMenu{display:none; padding:5px 0 10px 15px; color:#fff; width:98%; font-size:20px;}
.toggleMenu img{margin-top:6px;}
.nav{list-style: none; *zoom: 1; position:relative; z-index:9999;}
.nav:before, .nav:after {content: " "; display:table; }
.nav:after{clear:both;}
.nav ul{list-style:none; width:17em;}
.nav a{padding:5px 25px 6px 25px; color:#fff; font-size:20px; font-family: 'Dosis-ExtraLight', sans-serif; }

/* Vízszintes alap menu*/
.nav li {position: relative;}
.nav > li {float: left;}
.nav > li > .parent{background-image: url("../images/downArrow.png"); background-repeat:no-repeat; background-position:right;}
.nav > li > a {display: block; font-size:20px;}
.nav > li > a:hover {color:#000; background-color:#fff;}
.nav > li > a.aktiv {color:#000; background-color:#fff;}

.nav > li.extra{background-color:yellow;}
.nav > li.extra > a{color:#000;}
.nav > li.extra > a:hover {color:#000; background-color:#fff;}
.nav > li.extra > a.aktiv {color:#000; background-color:#fff;}


.nav li  ul {position: absolute; left: -9999px;}
.nav > li.hover > ul {left: 0; }
.nav li li.hover ul {left: 100%; top:0; }
.nav li li a {display: block; background: #2b4b83; position: relative; z-index:100; color:#fff; border-bottom:1px solid #e7dac9;}
.nav li li a:hover {background:#e4e3e3;  color:#2d3030;}/* 1 szint */
.nav li li li a {background:#e13948; z-index:200; color:#fff;}
.nav li li li a:hover {background:#d6ebf0; color:#2d3030;}/* 2 szint */




@media screen and (max-width: 1100px) {
	 #icon_mobil{display:none;}

	.active {display: block;}
	.nav > li {float: none;}
	.nav > li > .parent {background-position: 95% 50%;}
	.nav li li .parent {background-image: url("../images/downArrow.png"); background-repeat:no-repeat; background-position:95% 50%;}
	.nav ul {display: block; width: 100%;}
	.nav > li.hover > ul , .nav li li.hover ul {position: static;}
	
	.nav > li.extra > a{color:#fff;}

	.nav > li > a {background:#2b4b83; color:#fff; border-bottom:1px solid #e7dac9;}
	.nav > li > a:hover {background:#e4e3e3;  color:#000;}
	.nav > li > a.aktiv {background:#e4e3e3;  color:#000;}

	.nav li li a {display: block; background:#3a63aa; position: relative; z-index:100; color:#fff; border-bottom:1px solid #e7dac9;}

}