div.m4 				{width: 100%; font-family: 'Roboto Slab', serif; color:#FFFFFF; letter-spacing:1px; font-weight:400; display: table;}

div.m4 li,
div.m4 li.submenu	{float:left;  margin: 0; font-size: 1em; color:#666; font-weight:400; }
div.m4 li:hover		{background: #FF9933; box-shadow: 0px 5px 10px rgba(255, 153, 51, .5);}

div.m4 a,
div.m4 a:link,
div.m4 a:active,
div.m4 a:visited {color:#FFFFFF; font-weight:300; font-family: 'Roboto Slab', serif; font-size: 1rem; line-height: 60px; display: table; padding:0px 10px;}

div.m4 a:hover,
div.m4 .active,
div.m4 .active a	{color: #FFFFFF; font-weight:300;}

div.m4 li.submenu li {color:#FFFFFF;float:left;font-size:1rem; padding:0px 20px;}
div.m4 li.submenu ul {padding-top: 5px; width: 150px; background: #fff;}

div.m4 .active ul li a			{color:#FFFFFF; text-shadow:-1px 1px 0 #FFFFFF;}
div.m4 .active ul li a:hover	{color: #666; text-shadow:1px -1px 0 #ffffff;}

div.m4 h2 {font-size: 10px;}

div.m4 .mi8 a		{ font-weight:bold; color:#F00;}
div.m4 .mi8 a:hover	{ font-weight:bold; color:#666;}

div.m4 li.active {background: #FF6633; box-shadow: 0px 5px 10px rgba(240, 122, 55, .5);}

/*div.m4 li.active.mi342,
div.m4 li.mi342:hover {background: #FFC700;} ΡΑΕΚ

div.m4 li.active.mi12,
div.m4 li.mi12:hover {background: #009933;} Νομοθεσία
 
 div.m4 li.active.mi341,
div.m4 li.mi341:hover {background: #FF6633;} Ηλεκτρισμός

 div.m4 li.active.mi340,
div.m4 li.mi340:hover {background: #663399;} Φυσικό Αέριο 

div.m4 li.active.mi11,
div.m4 li.mi11:hover {background: #BA1B00;} Ανακοινώσεις

 div.m4 li.active.mi338,
div.m4 li.mi338:hover {background: #009933;} Καταναλωτές

 div.m4 li.active.mi337,
div.m4 li.mi337:hover {background: #009933;} Αγορά

 div.m4 li.active.mi336,
div.m4 li.mi336:hover {background: #00C7FF;} Διεθνή*/