#animationconteiner {
  display: block;
  margin: 0px auto;
  padding: 0px;
  height: 545px;
  width: 980px;
  position: relative;
  opacity:0;
  /*background-image: url(../images/hbanner/positions.jpg);
  background-repeat: no-repeat;
  background-position: center center;*/
  
}
#ergabanner {
  display: block;
  margin: 0px auto;
  padding: 0px;
  height: 300px;
  width: 980px;
  position: relative;
  opacity:0;
  background-color:#4e95c9;
  /*background-image: url(../images/hbanner/etaireiaposition.jpg);
  background-repeat: no-repeat;
  background-position: center center;*/
  opacity:0;
  
}
.etaireiaback {
  background-image: url(../images/hbanner/etaireiaback.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  height: 293px;
  width: 457px;
  position: absolute;
  left: 503px;
  top: 8px;
}
.etaireialezanta {
  background-image: url(../images/hbanner/etaireialezanta.png);
  background-repeat: no-repeat;
  background-position: center center;
  height: 60px;
  width: 430px;
  position: absolute;
  left: -265px;
  top: 134px;
  opacity:0;
}


.organogrammaback {
  background-image: url(../images/hbanner/organogrammaback.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  height: 293px;
  width: 457px;
  position: absolute;
  left: 503px;
  top: 8px;
}
.organogrammalezanta {
  background-image: url(../images/hbanner/organorgrammalezanta.png);
  background-repeat: no-repeat;
  background-position: center center;
  height: 60px;
  width: 530px;
  position: absolute;
  left: -265px;
  top: 134px;
  opacity:0;
}

.sxediaback {
  background-image: url(../images/hbanner/sxediaback.png);
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  height: 282px;
  width: 300px;
  position: absolute;
  left: 591px;
  bottom: 0px;
}
.sxedialezanta {
  background-image: url(../images/hbanner/sxedialezanta.png);
  background-repeat: no-repeat;
  background-position: center center;
  height: 69px;
  width: 530px;
  position: absolute;
  left: -266px;
  top: 134px;
  opacity:0;
}



.ergaback {
  background-image: url(../images/hbanner/ergabanner_back.png);
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  height: 276px;
  width: 379px;
  position: absolute;
  left: 601px;
  top: 7px;
}
.ergalezanta {
  background-image: url(../images/hbanner/ergalezanta.png);
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  height: 66px;
  width: 382px;
  position: absolute;
  left: -246px;
  top: 134px;
  opacity:0;
}
.meletiback {
  background-image: url(../images/hbanner/meletiback.png);
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  height: 295px;
  width: 204px;
  position: absolute;
  left: 612px;
  top: 5px;
}
.meletilezanta {
  background-image: url(../images/hbanner/meletilezanta.png);
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  height: 60px;
  width: 462px;
  position: absolute;
  left: -265px;
  top: 134px;
  opacity:0;
}
.simbouback {
  background-image: url(../images/hbanner/simbouleutikesback.png);
  background-repeat: no-repeat;
  background-position: center center;
  height: 291px;
  width: 173px;
  position: absolute;
  left: 633px;
  top: 9px;
}
.simboulezanta {
  background-image: url(../images/hbanner/simbouleutikeslezanta.png);
  background-repeat: no-repeat;
  background-position: center center;
  height: 70px;
  width: 515px;
  position: absolute;
  left: -266px;
  top: 134px;
  opacity:0;
}





.kolona {
  background-image: url(../images/hbanner/kolona.png);
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  height: 111px;
  width: 11px;
  position: absolute;
  left: 664px;
  top: 176px;
}
.diaxeirisi {
  background-image: url(../images/hbanner/diaxeirisi.png);
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  height: 27px;
  width: 290px;
  position: absolute;
  left: -288px;
  top: 400px;
  opacity:0;
}
.oikonomikes {
  background-image: url(../images/hbanner/oikonomikes.png);
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  height: 30px;
  width: 298px;
  position: absolute;
  left: 405px;
  top: 437px;
  opacity:0;
}
.liseis {
  background-image: url(../images/hbanner/liseis.png);
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  height: 30px;
  width: 345px;
  position: absolute;
  left: 509px;
  top: 474px;
  opacity:0;
}
.amesi {
  background-image: url(../images/hbanner/amesi.png);
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  height: 31px;
  width: 508px;
  position: absolute;
  left: -187px;
  top: 412px;
  opacity:0;
}
.aristi {
  background-image: url(../images/hbanner/aristi.png);
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  height: 27px;
  width: 314px;
  position: absolute;
  left: 793px;
  top: 448px;
  opacity:0;
}





.elika {
  background-image: url(../images/hbanner/elika.png);
  background-repeat: no-repeat;
  background-position: center center;
  height: 158px;
  width: 158px;
  position: absolute;
  left: 591px;
  top: 95px;
}
.sinefo1 {
  background-image: url(../images/hbanner/sinefo1.png);
  background-repeat: no-repeat;
  background-position: center center;
  height: 29px;
  width: 45px;
  position: absolute;
  left: 468px;
  top: 111px;
}
.sinefo2 {
  background-image: url(../images/hbanner/sinefo2.png);
  background-repeat: no-repeat;
  background-position: center center;
  height: 38px;
  width: 74px;
  position: absolute;
  left: 544px;
  top: 102px;
}
.sinefo3 {
  background-image: url(../images/hbanner/sinefo3.png);
  background-repeat: no-repeat;
  background-position: center center;
  height: 39px;
  width: 87px;
  position: absolute;
  left: 647px;
  top: 77px;
}
.sinefo4 {
  background-image: url(../images/hbanner/sinefo1.png);
  background-repeat: no-repeat;
  background-position: center center;
  height: 29px;
  width: 45px;
  position: absolute;
  left: 767px;
  top: 118px;
}

.animeback {
  background-image: url(../images/hbanner/back.png);
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  height: 369px;
  width: 833px;
  position: absolute;
  left: 70px;
}

.box_rotate {
  -webkit-transform: rotate(7.5deg);  /* Chrome, Safari 3.1+ */
    -moz-transform: rotate(7.5deg);  /* Firefox 3.5-15 */
      -ms-transform: rotate(7.5deg);  /* IE 9 */
        -o-transform: rotate(7.5deg);  /* Opera 10.50-12.00 */
         transform: rotate(7.5deg);  /* Firefox 16+, IE 10+, Opera 12.50+ */
}
.box_transition {
  -webkit-transition: all 0.3s ease-out;  /* Chrome 1-25, Safari 3.2+ */
     -moz-transition: all 0.3s ease-out;  /* Firefox 4-15 */
       -o-transition: all 0.3s ease-out;  /* Opera 10.50–12.00 */
          transition: all 0.3s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */
}

.neaback {
  background-image: url(../images/hbanner/neabanner_back.png);
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  height: 276px;
  width: 379px;
  position: absolute;
  left: 601px;
  top: 7px;
}
.nealezanta {
  background-image: url(../images/hbanner/nealezanta.png);
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  height: 66px;
  width: 530px;
  position: absolute;
  left: -246px;
  top: 134px;
  opacity:0;
}