body{
  margin:0px;
  padding:0px;
  background: url('../img/main-bg.jpg') no-repeat center -60px #000E19;
  color:#fff;
}

.centertable {
 margin-left:auto;
 margin-right:auto;
 width:980px;

}

.logo{
  background: url('../img/logo.png') no-repeat;
  height:113px;
  width:446px;
  margin-bottom:17px;
}

.social{
  width:0 auto;
  margin-top:-40px;
  float:right;
  text-align:right;
}


.flags{
  width:0 auto;
  margin-top:-85px;
  float:right;
  text-align:right;
}


.menubox{
   width:270px;
   min-height:650px;
   background:#171717;
   display:inline-block;
   margin-top:24px;
   margin-left:30px;
   margin-right:20px;
   vertical-align:top;
   height:auto;
}

.mainbox{
   width:636px;     /*656*/
   height:auto;
   display:inline-block;
   margin-right:20px;
   margin-top:33px;
   vertical-align:top;
}

.mainbox  h1{
color:#dedede;
font-size:28px;
text-align:left;
font-family: Impact,arial,georgia;
}

.linkbutton{
color: #c8c8c8;
font-size:12px;
font-family: arial, tahoma, georgia;
text-decoration:none;
background-color: #1e1e1e;
padding: 6px 15px 7px 15px;

}

.linkbutton:hover{
background-color: #363636;
}


.menuboxblock{
   margin-left:auto;
   margin-right:auto;
   width:240px;
   background:#090909;
   margin-top:13px;
   text-align:center;
   padding-top:10px;
   padding-bottom:10px;
   font-family: arial, tahoma, georgia;
   font-size:24px;
   font-weight:bold;
}

.menuboxblock2{
   margin-left:auto;
   margin-right:auto;
   width:240px;
   background:#090909;
   margin-top:13px;
   text-align:center;
   padding-top:10px;
   padding-bottom:10px;
   font-family: tahoma, arial, georgia;
   font-size:25px;
   font-weight:bold;
}

.menuboxblock2 span{
   margin-left:auto;
   margin-right:auto;
    color:#006cc7;
    font-family: tahoma, arial, georgia;
   font-size:23px;
   font-weight:bold;
}

.vertmenu li a {
width:75%;
text-decoration: none;
color: #6e6e6e;
/*padding: 10.5px 11px; */
font-family: arial, georgia, tahoma;
font-size:12px;
border-bottom:1px #393939 dashed;
display:block;
padding:7px 7px 7px 34px;
background: url('../img/blue_bullet.png') no-repeat left 10px;

 -o-transition:color 300ms ease-out, background 250ms ease-in;
  -ms-transition:color 300ms ease-out, background 250ms ease-in;
  -moz-transition:color 300ms ease-out, background 250ms ease-in;
  -webkit-transition:color 300ms ease-out, background 250ms ease-in; */
  /* ...and now override with proper CSS property */
   transition:color 300ms ease-out, background 250ms ease-in;

}

.vertmenu li a:hover, .vertmenu li .current {
color: #fff;
background: url('../img/blue_bullet.png') no-repeat 10px 10px;

}

/****menu*****/

.clearleft { clear:right; }

.menu_simple {
/* width: 100%; */
background-color: #0d2e53;

/* IE10 Consumer Preview */
background-image: -ms-linear-gradient(top, #080808 0%, #393939 100%);

/* Mozilla Firefox */
background-image: -moz-linear-gradient(top, #080808 0%, #393939 100%);

/* Opera */
background-image: -o-linear-gradient(top, #080808 0%, #393939 100%);

/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #080808), color-stop(1, #393939));

/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(top, #080808 0%, #393939 100%);

/* W3C Markup, IE10 Release Preview */
background-image: linear-gradient(to bottom, #080808 0%, #393939 100%);
height:55px;
/* float:right;  */
}

.menu_simple ul {
margin: 0; padding: 0;
float: left;
height:55px;
position:relative;  /*to ebala gia mporei na patiseito link kai pano apo to onoma*/
}

.menu_simple ul li {
display: inline;
height:55px;

}

.menu_simple ul li a {
text-decoration: none;
color: white;
float: left;
padding:19px 25px 19px 25px;
background: #0D2E53;
font-family: arial, georgia, tahoma;
font-size:15px;
border-right:1px #353535 solid;


  /* IE10 Consumer Preview */
background: -ms-linear-gradient(top, #080808 0%, #393939 100%);

/* Mozilla Firefox */
background: -moz-linear-gradient(top, #080808 0%, #393939 100%);

/* Opera */
background: -o-linear-gradient(top, #080808 0%, #393939 100%);

/* Webkit (Safari/Chrome 10) */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #080808), color-stop(1, #393939));

/* Webkit (Chrome 11+) */
background: -webkit-linear-gradient(top, #080808 0%, #393939 100%);

/* W3C Markup, IE10 Release Preview */
background: linear-gradient(to bottom, #080808 0%, #393939 100%);

 /*
 -o-transition:color 300ms ease-out, background 250ms ease-in;
  -ms-transition:color 300ms ease-out, background 250ms ease-in;
  -moz-transition:color 300ms ease-out, background 250ms ease-in;
  -webkit-transition:color 300ms ease-out, background 250ms ease-in; */
  /* ...and now override with proper CSS property */
/*  transition:color 300ms ease-out, background 250ms ease-in; */


}

.menu_simple ul li a:visited {
color: white;
}

.menu_simple ul li a:hover, .menu_simple ul li .current {
color: white;
border-right:1px #00328b solid;


/* IE10 Consumer Preview */
background-image: -ms-linear-gradient(top, #007ace 0%, #003eae 100%);

/* Mozilla Firefox */
background-image: -moz-linear-gradient(top, #007ace 0%, #003eae 100%);

/* Opera */
background-image: -o-linear-gradient(top, #007ace 0%, #003eae 100%);

/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #007ace), color-stop(1, #003eae));

/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(top, #007ace 0%, #393939 100%);

/* W3C Markup, IE10 Release Preview */
background-image: linear-gradient(to bottom, #007ace 0%, #003eae 100%);
/* background: url('img/menu-h.png') no-repeat top center #257CB3; */

}

/****menu*****/

.footerletters{
  color:#0080d6;
  font-family: arial, tahoma, georgia;
  font-size:13px;
}

.footerletters span{
  color:#fefefe;
  font-family: arial, tahoma, georgia;
  font-size:13px;
}

.footermenu{
  color: #bbbbbb;
  font-size:0.9em;
  font-family: Impact,"Arial Black", sans serif;
  text-decoration:none;
   -o-transition:color 300ms ease-out, background 250ms ease-in;
  -ms-transition:color 300ms ease-out, background 250ms ease-in;
  -moz-transition:color 300ms ease-out, background 250ms ease-in;
  -webkit-transition:color 300ms ease-out, background 250ms ease-in; */
  /* ...and now override with proper CSS property */
   transition:color 300ms ease-out, background 250ms ease-in;
}


.footermenu:hover, .currentbottom{
  color: #0080d7;
  font-size:0.9em;
  font-family: Impact,"Arial Black", sans serif;
  text-decoration:none;
}

input[type="text"] {
    /* float:right;   */
    width:220px;
    border:1px solid #686868;
    border-radius:5px;
    font-size:13px;
    padding:5px;
    margin-top:10px;
    box-shadow: inset 0 0 6px #d5d6d7;
    font-family: arial, Helvetica, tahoma, sans-serif;
    BACKGROUND-COLOR: #2D2D2D;
    color:#dedede;
}

input[type="text"]:focus {
    outline:none;
    border-color:#9ecaed;
    box-shadow:0 0 10px #9ecaed;

}

textarea {
    /* float:right;   */

    border:1px solid #686868;
    border-radius:5px;
    font-size:13px;
    padding:5px;
    margin-top:10px;
    box-shadow: inset 0 0 6px #d5d6d7;
    font-family: arial, Helvetica, tahoma, sans-serif;
    BACKGROUND-COLOR: #2D2D2D;
    color:#dedede;
}

textarea:focus {
    outline:none;
    border-color:#9ecaed;
    box-shadow:0 0 10px #9ecaed;
}

.custominputbutton {

color: #c8c8c8;
font-size:12px;
font-family: arial, tahoma, georgia;
text-decoration:none;
background-color: #1e1e1e;
border: #4C4C4C 1px solid;
padding:5px 8px 5px 8px;
}

.custominputbutton:hover {
background-color: #363636;

}

/* GROW PIC */

.pic {
  border: 5px solid #fff;
  float: left;
  height: 135px;
  width: 180px;
  margin: 10px;
  overflow: hidden;

  -webkit-box-shadow: 5px 5px 5px #111;
          box-shadow: 5px 5px 5px #111;
}

.grow img {
  height: 135px;
  width: 180px;

  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}

.grow img:hover {
  width: 250px;
  height: 188px;
}

.pic2 {
  border: 5px solid #fff;
  float: left;
  height: 255px;
  width: 180px;
  margin: 10px;
  overflow: hidden;

  -webkit-box-shadow: 5px 5px 5px #111;
          box-shadow: 5px 5px 5px #111;
}

.grow2 img {
  height: 255px;
  width: 180px;

  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}

.grow2 img:hover {
  width: 250px;
  height: 354px;
}

.pic3 {
  border: 5px solid #fff;
  float: left;
  height: 158px;
  width: 280px;
  margin: 10px;
  overflow: hidden;

  -webkit-box-shadow: 5px 5px 5px #111;
          box-shadow: 5px 5px 5px #111;
}

.grow3 img {
  height: 158px;
  width: 280px;

  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}

.grow3 img:hover {
  width: 350px;
  height: 198px;
}

/* GROW PIC */