#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a {
 margin: 0;
 padding: 0;
 border: 0;
 list-style: none;
 line-height: 1;
 display: block;
 position: relative;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
#cssmenu {
 width: 100%;
 color: #ffffff;
}
#cssmenu ul ul {
 display: none;
}
.align-right {
 float: right;
}
#cssmenu > ul > li > a {
 padding: 15px 20px;
 border-left: 1px solid #1682ba;
 border-right: 1px solid #1682ba;
 border-top: 1px solid #1682ba;
 cursor: pointer;
 z-index: 2;
 font-size: 18px;
 text-decoration: none;
 color: #ffffff;
/* text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
 background: #36aae7;
 background: -webkit-linear-gradient(#36aae7, #1fa0e4);
 background: -moz-linear-gradient(#36aae7, #1fa0e4);
 background: -o-linear-gradient(#36aae7, #1fa0e4);
 background: -ms-linear-gradient(#36aae7, #1fa0e4);
 background: linear-gradient(#36aae7, #1fa0e4);
 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);*/
 
      position: relative;
    padding: 2px 20px;
    background: linear-gradient(to left, #ADCEE9 0%, #FFF, #ADCEE9);
    border: 2px solid #337AB7;
    color: #506a6b;
    box-shadow: 0 5px 5px 0 rgba(0,0,0, .2);
    margin-bottom: 5px;
  /*  text-align:center;*/
    background-size: 100% 100%;
    z-index: 1;
    list-style-type: none;

 
 
}
#cssmenu > ul > li > a:hover,#cssmenu > ul > li.active > a,#cssmenu > ul > li.open > a {
 color: #eeeeee;
 background: #1fa0e4;
 background: -webkit-linear-gradient(#1fa0e4, #1992d1);
 background: -moz-linear-gradient(#1fa0e4, #1992d1);
 background: -o-linear-gradient(#1fa0e4, #1992d1);
 background: -ms-linear-gradient(#1fa0e4, #1992d1);
 background: linear-gradient(#1fa0e4, #1992d1);
}
#cssmenu > ul > li.open > a {
 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.15);
 border-bottom: 1px solid #1682ba;
}
#cssmenu > ul > li:last-child > a,#cssmenu > ul > li.last > a {
 border-bottom: 1px solid #1682ba;
}
.holder {
 width: 0;
 height: 0;
 position: absolute;
 top: 0;
 right: 0;
}
.holder::after,.holder::before {
 display: block;
 position: absolute;
 content: "";
 width: 6px;
 height: 6px;
 right: 20px;
 z-index: 10;
 -webkit-transform: rotate(-135deg);
 -moz-transform: rotate(-135deg);
 -ms-transform: rotate(-135deg);
 -o-transform: rotate(-135deg);
 transform: rotate(-135deg);
}
.holder::after {
 top: 17px;
 border-top: 2px solid #ffffff;
 border-left: 2px solid #ffffff;
}
#cssmenu > ul > li > a:hover > span::after,#cssmenu > ul > li.active > a > span::after,#cssmenu > ul > li.open > a > span::after {
 border-color: #eeeeee;
}
.holder::before {
 top: 18px;
 border-top: 2px solid;
 border-left: 2px solid;
 border-top-color: inherit;
 border-left-color: inherit;
 
}
#cssmenu ul ul li a {   /* 2 π³βενό μενώ*/
/* cursor: pointer;
 border-bottom: 1px solid #32373e;
 border-left: 1px solid #32373e;
 border-right: 1px solid #32373e;

 z-index: 1;
 text-decoration: none;
 font-size: 18px;
 color: #eeeeee;
 background: #ffffff;
 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);*/


     position: relative;
    padding: 2px 40px;
    background: linear-gradient(to left, #ADCEE9 0%, #FFF, #ADCEE9);
    border: 2px solid #337AB7;
    color: #506a6b;
    box-shadow: 0 5px 5px 0 rgba(0,0,0, .2);
    margin-bottom: 5px;
  /*  text-align:center;*/
    background-size: 100% 100%;
    z-index: 1;
    list-style-type: none;

}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.open > a,#cssmenu ul ul li.active > a {
 background: #424852;
 color: #ffffff;
}
#cssmenu ul ul li:first-child > a {
 box-shadow: none;
}
#cssmenu ul ul ul li:first-child > a {
 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
#cssmenu ul ul ul li a {
 padding-left: 60px;
}
#cssmenu > ul > li > ul > li:last-child > a,#cssmenu > ul > li > ul > li.last > a {
 border-bottom: 0;
}
#cssmenu > ul > li > ul > li.open:last-child > a,#cssmenu > ul > li > ul > li.last.open > a {
 border-bottom: 1px solid #32373e;
}
#cssmenu > ul > li > ul > li.open:last-child > ul > li:last-child > a {
 border-bottom: 0;
}
#cssmenu ul ul li.has-sub > a::after {
 display: block;
 position: absolute;
 content: "";
 width: 5px;
 height: 5px;
 right: 20px;
 z-index: 10;
 top: 11.5px;
 border-top: 2px solid #eeeeee;
 border-left: 2px solid #eeeeee;
 -webkit-transform: rotate(-135deg);
 -moz-transform: rotate(-135deg);
 -ms-transform: rotate(-135deg);
 -o-transform: rotate(-135deg);
 transform: rotate(-135deg);
}
#cssmenu ul ul li.active > a::after,#cssmenu ul ul li.open > a::after,#cssmenu ul ul li > a:hover::after {
 border-color: #ffffff;
}