#menu_bgr {position: relative; width: 100%; height: auto; background: url(../images/menu_bgr2.png) repeat; z-index: 20;}
#menu {display: block; position: relative; }

#menu ul.menu {padding: 0; margin: 0; text-align: center;}
#menu ul.menu li {display: inline-block;padding: 10px; margin: 0; list-style: none;}
#menu ul.menu li:hover { /*background: url(../images/menu-hover.png) repeat; z-index: 5;*/}

#menu ul.menu li.active { /*background: url(../images/menu-active.png) repeat; z-index: 5;*/}
#menu ul.menu li.active a {}

#menu ul.menu li a {display: inline-block;	padding: 8px 14px 7px; font: normal 18px MyFont; text-decoration: none; color: #191a1d; margin: 0;  text-transform: uppercase; background: #e7a900; border-radius: 8px; box-shadow: 1px 1px 1px #222222;}
#menu ul.menu li a:hover {background: #ffcb42; box-shadow: 2px 2px 2px #222222;}
#menu ul.menu li a:active {box-shadow: none;}
#menu ul.menu li.active a {background: #548ea4; color: #fff;}

#menu ul.menu li ul {background: #fff; display: none; margin: 0 0 0; opacity: 1; padding: 0; position: absolute; z-index: 7; border: 1px solid #cad4de;}
#menu ul.menu li ul li {clear: both; list-style: none; width: 253px;}
#menu ul.menu li:hover ul {display: block;}
#menu ul.menu li ul li a {display: block; font-size: 13px; height: auto; padding: 5px 8px; text-transform: none;}
#menu ul.menu li ul li:first-child a {padding-top: 7px;}
#menu ul.menu li ul li:last-child a {padding-bottom: 7px;}
#menu ul.menu li:hover ul li a:hover {background-color: #dee8f3;}
#menu ul.menu li ul li.active a {background: #c9dcf0;}
#menu ul.menu li ul li.active a:hover {box-shadow: none;}

/* ÌÅÍÞ ÊÀÒÅÃÎÐÈÉ */
#cat_menu {padding: 0; margin: 0; list-style: none; z-index: 15;}
#cat_menu > li {position: relative; border-right: 1px solid #e8e8e8; padding-bottom: 2px;}
#cat_menu a {display: block; font: normal 19px MyFont_Bold; padding: 6px 14px; border-left: 3px solid #cfeda3; color: #285209;}
#cat_menu a:hover {text-decoration: none; background: #f2fae7;}
#cat_menu > li.active > a {border-left: 3px solid #70a326;}
#cat_menu ul {list-style: none; display: none;}
/* ------------- */
#cat_menu li:hover ul {display: block; z-index: 15;}
#cat_menu li ul {position: absolute; left: 200px; top: 0; background: #f2fae7; margin: 0; padding: 0; border: 1px solid #e8e8e8; border-left: none;}
#cat_menu li ul li {width: 260px; }
#cat_menu li ul li a {border-left: none; font: normal 16px MyFont; padding: 8px 14px;}
#cat_menu li ul li:hover a {background: #c7e998;}
#cat_menu li ul li.active a {background: #acdf66;}

/* ÌÅÍÞ ÀÄÌÈÍÀ */
#admin-menu {padding: 0; z-index: 5; position: relative; margin: 15px 0 10px; /*background: #eaecd7;*/}
.admin-menu {width: 960px; margin: 0 auto; padding: 0; z-index: 5;}
.admin-menu ul {list-style: none; padding: 0; margin: 0; text-align: center;}
.admin-menu ul li {display: inline-block; padding-right: 15px;}
.admin-menu ul li:last-child {padding-right: 0;}
.admin-menu ul li a {font: normal 16px MyFont; color: #182b38; padding: 4px 8px 6px; background: #53b3d9; border-radius: 6px; text-decoration: none;}
.admin-menu ul li a:hover {background: #77c5e1;}
.admin-menu ul li.active a {background: #2c7bdc; color: #000;}

/* ACCORDEON MENU*/
/*
#left .accordeon_menu {margin: 0; padding: 0;}
#left .accordeon_menu li a {padding-right: 25px !important; font: normal 19px MyFont_Bold; padding: 6px 14px; border-left: 3px solid #cfeda3; color: #285209;}
#left .accordeon_menu > li > span > a:hover {color: #41840f; border-left: 3px solid #aadf5b;}
#left .accordeon_menu li a.isactive {color: #660000; border-left: 3px solid #70a326;}
#left .accordeon_menu li ul {padding-left: 10px;}
#left .accordeon_menu li ul li {color: #70a326;}
#left .accordeon_menu li ul li a {border-left: none; font: normal 14px MyFont; padding: 8px 14px;}
#left .accordeon_menu li ul li a:hover {color: #41840f;}
#left .accordeon_menu li ul li a.isactive {border-left: none;}
*/