#menu > ul > li > div > ul > li{
position: relative;
width:225px;
padding: 0px 0px 0px 0;
font-size:12px;
}

#menu > ul > li > div > ul > li a{
padding-right: 5px; /* for arrow */
background-image: url(../../image/menu3rdlevel/gomb.png);
font-size: 12px;
font-weight: 700;
line-height: 24px;
height:23px;
border-top: 1px solid #ccc;
margin-left: 1px; /* al menu */
color:#000;
}

#menu > ul > li > div > ul > li > div {
	display: none;
	position: absolute;
	z-index: 5;
	padding: 2px;
	/*border: 1px solid #fff; /* replace with your border style or delete */
	background-image: url(../../image/menu3rdlevel/gomb.png); /* replace with your image or delete */
	left: 100%;
	top: -2px;
	width:205px;
}
#menu > ul > li > div > ul > li:hover > a {
	background:url(../../image/menu3rdlevel/mobil2.png);color:#000;outline:0; /* replace with your color or delete (for the parent category when hover) */
	/*padding: 3px 5px 5px 0;*/
	font-size:12px;
	
}

#menu > ul > li > div > ul > li:hover > div {
	display: table;
}
#menu > ul > li > div > ul > li > div > ul {
	display: table-cell;
}

#menu > ul > li > div > ul > li a.arrow{
/*background-image: url(../../image/menu3rdlevel/arrow.png); /* replace with custom arrow if you wish (6 x 8 default) */
background:url(../../image/menu3rdlevel/gomb-arrow.jpg);color:#000;outline:0; /* replace with your color or delete (for the parent category when hover) */
background-repeat: no-repeat;
}

#menu > ul > li > div > ul > li:hover a.arrow{
/*background-image: url(../../image/menu3rdlevel/arrow_w.png); /* another arrow for hover (or delete) */
background:url(../../image/menu3rdlevel/mobil2.png);color:#000;outline:0; /* replace with your color or delete (for the parent category when hover) */
}