/* --- νΐΫΥΕ (ΟήΓΛΕΠΝΒΜΨΕ) ίΠΥΚΥ ΔΚΪ ΑίΕΣ ίΠΟήΜΥΖ  --- */
/* --- ΔΚΪ ΑΨΑΝΔή Μή ΩΙΟήΜ                         --- */


html, body {
  text-align: center;
  color: #000000;
  background-color: #C0C0C0;
  margin: 0;
  padding: 0;
  position: relative;
}

/* ---- ΝΐΫΥΘ <div> ΔΚΪ ΑίΕΦΝ     ---- */
/* ---- ΑΨΟήΑΜΥΑήΜΥΕ -- ΞΝ ΖΕΜΠΟΡ ----- */

#page {
  color: #000000;
  background: #ffffff;
  margin-left:  auto;
  margin-right: auto;
  border: none;
  width: 900px;
  text-align: left;
  position: relative;
}

/* ---- ΑΕΟΣΜΕΕ ΛΕΜΧ ---- */



#topmenu {

  /* border: 1px solid red; */
  color: #000000;
  background: #CCCCCC url("/img/topmenu_bg.gif") left top repeat-x;
/*   float: left; */
  text-align: left;
  clear: both;
  width: 100%;
  height: 31px;
  display: block;
  position: relative;
  z-index: 4;
}

#topmenu_table {
  width: auto;
/*  background: transparent; */
  margin: 0;
  padding: 0;
}

/* ---- ΞΡΜΙΠΨ ΑΕΟΣΜΕΦΝ ΛΕΜΧ ---- */

#topmenu a {
  display: block;
  padding: 7px 10px 7px 10px;
  font-size: 13px;
  color: #000000;
  width: auto;
  background: #CCCCCC;
  text-decoration: none;
}

#topmenu a:hover {
  background: #EEEEEE url("/img/topmenu_corner.gif") 0 0 no-repeat;
}

/* ΩΚΕΛΕΜΠΨ ΛΕΜΧ ΞΕΟΑΝΦΝ ΡΟΝΑΜΪ */
#topmenu .m1 {
  border: none;
  border-top: 1px solid #ffffff;
  text-align: left;
  padding: 0;
  margin: 0;
  position: relative;
}

/* ΩΚΕΛΕΜΠΨ ΑΕΟΣΜΕΦΝ ΛΕΜΧ ΑΠΝΟΝΦΝ ΡΟΝΑΜΪ */

#topmenu .m2 {
  color: #000000;
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
  position: absolute;
  left: 0;
  top: 30px;
  visibility: hidden;
  width: auto;
  margin: 0;
  padding: 1px 0 0 0;
}

#topmenu .m2 a {
  border: 1px solid #FFFFFF;
  border-top: none;
  display: block;
  float: none;
  width: 200px;
  font-size: 11px;
  color: #737373;
  background: #eeeeee;
  padding: 4px 6px 4px 8px !important;
  margin: 0 !important;
  position: relative;
  text-decoration: none !important;
}

#topmenu .m2 a:link    { background: #f3f3f3 !important; }
#topmenu .m2 a:visited { background: #f3f3f3 !important; }
#topmenu .m2 a:hover   { background: #ffffff !important; }
#topmenu .m2 a:active  { background: #f3f3f3 !important; }

/* ---- ΜΥΤΜΪΪ ΒήίΠέ (ΙΝΞΥΟήΘΠΨ, ΙΜΝΞΙΥ) <div> ---- */

/* #copyright{ #customer #developer }               */
/* #buttons{ #rectangle1{} }                        */

#copyright {
/*   border: solid 1px red; */
  border-left: solid #e7e7e7 231px;
  /* margin-left: 231px;  */
  color: #000000;
  background-color:  #56A67F;
  text-align: left;
  width: auto;
  height: 35px;
  padding: 5px 0px 5px 0px;
  clear: both;
  position: relative;
}

#copyright * {
  font-size: 9px;
  margin: 0;
  padding: 0;
  color: #FFFFFF;
  background-color: transparent;
}

#customer {
  float: left;
  display: block;
  padding: 0 0 0 16px;
  margin: 0;
}

#developer {
/*   float: right; */
  border: none; /* 1px solid red; */
  display: block;
  padding: 0;
  margin: 0;
  position: absolute;
  left: 460px;
  width: 200px;
}

#copyright a {
  font-size: 9px;
  color: #FFFFFF !important;
  background-color: transparent;
}

#copyright a:link    { text-decoration: none !important; }
#copyright a:visited { text-decoration: none !important; }
#copyright a:hover   { text-decoration: underline !important;}
#copyright a:active  { text-decoration: none !important; }


#copyright img {
   border: none; /* 1px solid red; */
	float: left;
	margin: 1px 10px 0 0;
}


/* -------------------------------------------------- */

#buttons {
  color: #000000;
  background-color:  #ffffff;
  border: none; /* 1px solid red; */
  text-align: right;
/*   width: 100%; */
  height: 60px;
  padding: 0 20px 20px 0;
  clear: both;
  position: relative;
}

#buttons img {
  margin: 13px 0px 13px 15px;
  padding: 0;
}

#rectangle1 {
  border: none;
  color: inherit;
  background-color:  #E7E7E7;
  text-align: left;
  width:  231px;
  height:  40px;
  border-bottom: 20px solid #ffffff;
  position: absolute;
  top: 0;
  left: 0;
}


ul.map {
  padding: 1em 0 1em 30px; 
  list-style-position: outside;
}

ul.map li { text-align: left; }


a.detail         { }

a.detail:link    { text-decoration: none !important; }
a.detail:visited { text-decoration: none !important; }
a.detail:hover   { text-decoration: underline !important;}
a.detail:active  { /*   text-decoration: none !important; */ }