#mainmenu, #mainmenu ul {list-style: none; margin: 0; padding: 0; z-index:2000; }
#mainmenu ul {width: 160px;}
#mainmenu ul li {clear: both;}
#mainmenu > li {float: left; margin-right: 10px; position: relative;}
#mainmenu > li li {position: relative;}
#mainmenu > li ul {position: absolute; left: 50%; margin-left:-100px; width:200px;}
#mainmenu > li ul li ul {position: absolute; left: -100px; top: 0px; background:#9211ab;}
ul ul {display: none;}
ul li:hover > ul {display: block;}

/*POZIOM 1*/
#mainmenu {font-family: Champ, Segoeui, Arial; font-size: 16px; font-weight: normal;}
#mainmenu > li > a {display: table; width: auto; padding: 8px; text-align:center; text-decoration: none; color: #292929; height:40px; border-top: 5px solid transparent;}
#mainmenu > li > i {position: absolute; top: 5px; left: 50%; margin-left: -8px; border-top: 8px solid transparent; border-right: 8px solid transparent; border-left: 8px solid transparent;}
#mainmenu > li > z {position: absolute; top: 50px; left: 50%; margin-left: -12px; border-bottom: 12px solid transparent; border-right: 12px solid transparent; border-left: 12px solid transparent;}
#mainmenu > li > c {position: absolute; top: 25px; left: 50%; margin-left: -4px;}
#mainmenu > li:hover > a { border-top: 5px solid #292929; color:#9211ab; height:40px;}
#mainmenu > li:hover > i {position: absolute; top: 5px; left: 50%; margin-left: -8px; border-top: 8px solid #333; border-right: 8px solid transparent; border-left: 8px solid transparent;}
#mainmenu > li:hover > z {position: absolute; top: 50px; left: 50%; margin-left: -12px; border-bottom: 12px solid #333; border-right: 12px solid transparent; border-left: 12px solid transparent;}

/*POZIOMY NIŻSZE*/
#mainmenu ul {background: #292929; font-family: Champ, Segoeui, Arial; font-size: 14px; font-weight: normal;}
#mainmenu ul li > a {color: white; display: block; padding: 5px; text-decoration: none;}
#mainmenu ul li:hover > a {color: #8e8e8e;}


i.arrow  > a{position: absolute; top: 5px; left: 50%; margin-left: -8px; border-top: 8px solid transparent; border-right: 8px solid transparent; border-left: 8px solid transparent;}
i.arrow:hover > a {position: absolute; top: 5px; left: 50%; margin-left: -8px; border-top: 8px solid #333; border-right: 8px solid transparent; border-left: 8px solid transparent;}

ul ul .arrow {top: 10px; right: 0; border-top: 3px solid transparent; border-right: 3px solid transparent; border-left: 3px solid #333; border-bottom: 3px solid transparent;}


	#mainmenu a {
    -webkit-transition: 1s;
            transition: 1s;
}

	#mainmenu li {
    -webkit-transition: 1s;
            transition: 1s;
}

	#mainmenu ul {
    -webkit-transition: 1s;
            transition: 1s;
}



	#mainmenu i {
    -webkit-transition: 1s;
            transition: 1s;
}