/*KÜLSŐ TÁROLÓK*/
div#menu_kulso {
width: 100%;
height: auto;
background-color: #9d6259;
background-color: #6f275c;
/*background-image: url(../../i/logo_fenyes_hatter.png);
background-position:  2% center;
background-repeat: no-repeat;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
background-size: contain;*/
position: absolute;
top: 70px;
left: 0;
	-webkit-box-shadow: 0px 0px 8px #000;
	-moz-box-shadow: 0px 0px 8px #000;
box-shadow: 0px 0px 8px #000;
z-index: 200;
}

div#menu {
width: 100%;
}

div#menu_belso {
width: 90%;
margin-left: auto;
margin-right: auto;
text-align: right;
}

/*telefon, kis méretű eszköz*/
@media only screen and (max-width: 799px) {
	div#menu_kulso {
	height: 58px;
	top: 8px;
	}

	div#menu_belso {
	position: absolute;
	top: 70px;
	width: 100%;
	margin: 0;
	text-align: center;
	z-index: 300;
	display: none;
	background: #CEADA8;
	}
}

/*nagyobb méretű eszköz*/
@media only screen and (min-width: 800px) and (max-width: 1000px) {	
	div#menu_belso {
	width: 100%;
	}
}

@media only screen and (min-width: 1400px) {
	div#menu_kulso {
	top: 5vw;
	}

}





/*FŐMENÜ*/

div#menu_belso a:link, div#menu_belso a:visited, div#menu_belso div.menu_fomenu, div#menu_belso div.menu_fomenu_aktiv {
color: #fff;
display: inline-block;
text-decoration: none;
font-variant: small-caps;
font-size: 18px;
text-align: center;
padding: 1em;
transition: background 0.5s, color 0.5s;
cursor: pointer;
}

div#menu_belso  div.menu_fomenu, div#menu_belso div.menu_fomenu_aktiv {
position: relative;
}

/*telefon, kis méretű eszköz*/
@media only screen and (max-width: 799px) {
	div#menu_belso a:link, div#menu_belso a:visited, div#menu_belso div.menu_fomenu, div#menu_belso div.menu_fomenu_aktiv {
	padding-left: 0;
	padding-right: 0;
	display: block;
	width: 100%;
	font-size: 20px;
	margin-top: 1px;
	color: #fff;
	background: #9d6259;
	background: #6f275c;
	font-weight: 700;
	}
}

div#menu_belso a.aktiv, div#menu_belso div.menu_fomenu_aktiv {
background-color: #89564E;
background-color: #4d103d;
}

div#menu_belso a:hover, div#menu_belso div.menu_fomenu:hover {
background-color: #89564E;
background-color: #4d103d;
}

@media only screen and (min-width: 800px) {
	div#menu_belso a:link, div#menu_belso a:visited, div#menu_belso div.menu_fomenu, div#menu_belso div.menu_fomenu_aktiv {
	font-size: 16px;
	}
}

@media only screen and (min-width: 1000px) {
	div#menu_belso a:link, div#menu_belso a:visited, div#menu_belso div.menu_fomenu, div#menu_belso div.menu_fomenu_aktiv {
	font-size: 18px;
	}
}

@media only screen and (min-width: 1400px) {
	div#menu_belso a:link, div#menu_belso a:visited, div#menu_belso div.menu_fomenu, div#menu_belso div.menu_fomenu_aktiv {
	font-size: 20px;
	font-size: 1.3vw;
	}
}

@media only screen and (min-width: 1600px) {
	div#menu_belso a:link, div#menu_belso a:visited, div#menu_belso div.menu_fomenu, div#menu_belso div.menu_fomenu_aktiv {
	font-size: 24px;
	font-size: 1.3vw;
	}
}




/*ALMENÜ*/

div#menu_belso .elsoszintu_almenu a:link, div#menu_belso .elsoszintu_almenu a:visited, div#menu_belso .elsoszintu_almenu div.menu_fomenu,  div#menu_belso .elsoszintu_almenu div.menu_fomenu_aktiv  {
color: #fff;
background: #B38179;
background: #6f275c;
margin-bottom: 1px;
width: 100%;
}

div#menu_belso .elsoszintu_almenu a.aktiv, div#menu_belso .elsoszintu_almenu div.menu_fomenu_aktiv {
background-color: #89564E;
background-color: #4d103d;
}

div#menu_belso div.elsoszintu_almenu a:hover, div#menu_belso div.elsoszintu_almenu div.menu_fomenu:hover {
background-color: #89564E;
background-color: #4d103d;
}

div#menu_belso div.elsoszintu_almenu a:first-child, div#menu_belso div.elsoszintu_almenu div.menu_fomenu:first-child,  div#menu_belso div.elsoszintu_almenu div.menu_fomenu_aktiv:first-child {
background-image: url(../../i/menupont_nyil_le_uj.png);
background-position: 1em top;
background-repeat: no-repeat;
background-size: 0.7em;
}

div.elsoszintu_almenu {
position: absolute;
left: 0;
top: 100%;
display: none;
z-index: 1;
width: 180%;
margin-top: 2px;
}

/*telefon, kis méretű eszköz*/
@media only screen and (max-width: 799px) {
	div#menu_belso .elsoszintu_almenu a:link, div#menu_belso .elsoszintu_almenu a:visited, div#menu_belso .elsoszintu_almenu div.menu_fomenu,  div#menu_belso .elsoszintu_almenu div.menu_fomenu_aktiv  {
	display: block;
	}
	
	div.elsoszintu_almenu {
	width: 90%;
	margin-left: 5%;
	border: 1px solid #CEADA8;
	background-color: #CEADA8;
	}
	
	div#menu_belso div.elsoszintu_almenu a:first-child, div#menu_belso div.elsoszintu_almenu div.menu_fomenu:first-child,  div#menu_belso div.elsoszintu_almenu div.menu_fomenu_aktiv:first-child {
	background-image: url(../../i/menupont_nyil_le_uj.png);
	background-position: 50% top;
	}
}






/*AL-ALMENÜ*/

div#menu_belso .masodszintu_almenu a:link, div#menu_belso .masodszintu_almenu a:visited  {
color: #fff;
}

div#menu_belso .masodszintu_almenu a.aktiv {
background-color: #89564E;
background-color: #4d103d;
}

div#menu_belso div.masodszintu_almenu a:hover {
background-color: #89564E;
background-color: #4d103d;
}

div#menu_belso div.masodszintu_almenu a:first-child {
background-image: url(../../i/menupont_nyil_jobbra_uj.png);
background-position: left 50%;
background-repeat: no-repeat;
background-size: 0.7em;
}

div.masodszintu_almenu {
position: absolute;
left: 100%;
top: 0;
display: none;
z-index: 1;
width: 140%;
margin-left: 2px;
}

/*telefon, kis méretű eszköz*/
@media only screen and (max-width: 799px) {
	div#menu_belso .masodszintu_almenu a:link, div#menu_belso .masodszintu_almenu a:visited  {
	display: block;
	}
	
	div.masodszintu_almenu {
	left: 10%;
	top: 100%;
	width: 80%;
	margin-left: 0;
	border: 1px solid #CEADA8;
	background-color: #CEADA8;
	}
	
	div#menu_belso div.masodszintu_almenu a:first-child {
	background-image: url(../../i/menupont_nyil_le_uj.png);
	background-position: 50% top;
	}
}