body {margin:0px 0px; padding:0px; text-align:center; width: 100%; height:100%; background-color: #ffffff;}
html { overflow-x: hidden; }

@font-face {font-family: "Avdira"; src: url(../fonts/Avdira_J.otf) format("truetype"); 	}
@font-face {font-family: "Caslon"; src: url(../fonts/CaslonBold.ttf) format("truetype"); 	}

#main {margin-left:auto;  margin-right:auto; min-height:100%; position:relative;}
#header {background:#95ad4a; padding:2px; height:452px; text-align:center;}
#body {padding:10px; padding-bottom:185px;	/* Height of the footer */ background:#ffffff; }
#footer {position:absolute;	bottom:0; width:100%; min-width: 1000px; height:125px;			/* Height of the footer */	background:#5a9045; }

table {font-family:  verdana, tahoma, arial; text-decoration: none; line-height:120%;}
th,td {font-size: 12px; font-family:verdana; vertical-align:top; text-decoration: none; line-height:120%;}
h1 {color: #ffe03a; font-family:verdana; font-size: 24px; font-weight: normal; padding-top: 0px; text-decoration: none; float: left; vertical-align: top;}
h2 {color: red; font-family:verdana; font-size: 12px; font-weight: normal; vertical-align: top;}
p {font-family:  verdana, tahoma, arial; font-size:14px; text-decoration: none; line-height:120%;}
pre {font-family:  Calibri, Verdana, 'Lucida Grande'; font-size: 16px; text-decoration: none; line-height:120%; padding-left:10px}

a:link {COLOR: #ffffff; text-decoration: none}
a:visited {COLOR: #ffffff; text-decoration: none}
a:active {COLOR: #ffffff;}
a:hover {COLOR: #ffffffff; text-decoration: underline}

.class1 A:link {text-decoration: none; float: right; width:100px; padding:4px; margin:0px; background-color:#005aa5; color: #ffffff}
.class1 A:visited {COLOR: #ffffff; text-decoration: none; float: right;}
.class1 A:active {COLOR: #ffffff; float: right;}
.class1 A:hover {COLOR: #ffffff; text-decoration: underline; float: right;} 

.class2 A:link {font-family: verdana; font-size: 12px; font-weight: normal; text-decoration: none; color: #000000}
.class2 A:visited {font-family: verdana; font-size: 12px; font-weight: normal; COLOR: #000000; text-decoration: none;}
.class2 A:active {font-family: verdana; font-size: 12px; font-weight: normal; COLOR: #000000;}
.class2 A:hover {font-family: verdana; font-size: 12px; font-weight: normal; COLOR: #000000; text-decoration: underline} 

.title {font-family: "Avdira", Tahoma, Verdana; font-size: 24px; font-weight:bold; color: #ffffff; margin-top:12px; padding-bottom:10px; text-align:center}
.titlemainpg {font-family: "Avdira", Tahoma, Verdana; font-size: 24px; font-weight:bold; color: #000000; margin-top:12px; padding-bottom:10px; text-align:center}
.phototitle {font-family: "Avdira", Tahoma, Verdana; font-size: 18px; font-weight:bold; color: #000000; margin-top:12px; padding-bottom:4px; text-align:left; padding-left:75px}
.maintitle {font-family: "Avdira",Tahoma,Verdana; font-size: 36px; color: #000000; padding-top:28px}
.gray {font-family: Tahoma,Verdana; font-size: 14px; font-weight:bold; color: #808080}
.whitesmall {font-family: Verdana; font-size: 11px; color: #ffffff; margin-top: 2px;}
.white {font-family: Verdana; font-size: 12px; color: #ffffff; margin-top:2px;}
.whitelarge {font-family: Verdana; font-size: 16px; color: #ffffff; margin-top: 2px; line-height:120%;}
.black {font-family: Verdana, Arial; font-size: 11px; color: #000000; margin-top:2px;}

img.floatLeft {float: left; margin-right: 10px; padding:1px; border:1px solid #000000;}

.img-frame-cap {width:320px; background:#efc34a; padding:5px 5px 18px 5px; border:1px solid #999999; }
.caption {text-align:center; margin-top:12px; font-family:"Alfios", Verdana, Tahoma; font-size:18px; font-weight:bold}

.circle {
  display: block;
  width: 200px;
  height: 200px;
  margin: 1em auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-border-radius: 99em;
  -moz-border-radius: 99em;
  border-radius: 99em;
  border: 2px double #eee;
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);  
}

.btn { 
  background: #b68e55;
  background-image: -webkit-linear-gradient(top, #b68e55, #b68e55);
  background-image: -moz-linear-gradient(top, #b68e55, #b68e55);
  background-image: -ms-linear-gradient(top, #b68e55, #b68e55);
  background-image: -o-linear-gradient(top, #b68e55, #b68e55);
  background-image: linear-gradient(to bottom, #b68e55, #b68e55);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial;
  color: #ffffff;
  font-size: 16px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #b68e55;
  background-image: -webkit-linear-gradient(top, #b68e55, #c9a169);
  background-image: -moz-linear-gradient(top, #b68e55, #c9a169);
  background-image: -ms-linear-gradient(top, #b68e55, #c9a169);
  background-image: -o-linear-gradient(top, #b68e55, #c9a169);
  background-image: linear-gradient(to bottom, #b68e55, #c9a169);
  text-decoration: none;
}

hr.style-six {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.products{
    display:table;
    width:50%;
    border-collapse: collapse;
    }
.descr{
    display:table;
    width:100%;
    border-collapse: collapse;
    }	
.heading{
     font-weight: bold;
     display:table-row;
     background-color:#7ab900;
     text-align: center;
     line-height: 25px;
     font-size: 14px;
     font-family:Tahoma;
     color:#fff;
    
}
.table-row{  
     display:table-row;
     text-align: center;
}
.col{
display:table-cell;
border: 1px solid #CCC;
}

tr.spaceUnder > td {padding-bottom: 20px; background-color:#ffffff}

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

Modules - reusable parts of our design

-------------------------------- */
.cd-container {
  width: 90%;
  max-width: 768px;
  margin: 2em auto;
}
.cd-container::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(232, 98, 86, 0.8) url(../img/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}

/* Not Used */
.circlewithtext {
  position: relative;
  display: inline-block;
  width: 100px;
  height: 0;
  padding: 50px 0;
  border-radius: 50%;
  
  /* Just making it pretty */
  @shadow: rgba(0, 0, 0, .1);
  @shadow-length: 4px;
  -webkit-box-shadow: 0 @shadow-length 0 0 @shadow;
          box-shadow: 0 @shadow-length 0 0 @shadow;
  text-shadow: 0 @shadow-length 0 @shadow;
  background: #38a9e4;
  color: white;
  font-family: Helvetica, Arial Black, sans;
  font-size: 24px;
  text-align: center;
}
/* End of Not Used */

/* Not Used */
.circletext{width:100px;height:100px;border-radius:50px;font-size:20px;color:#fff;line-height:100px;text-align:center;background:#38a9e4}
.info{position:absolute;color:#777;margin-left:20px}
/* End of Not Used */

div.files {
    position: relative;
    display: block;
    padding: 4px 4px 4px 0;
    text-decoration: none;
    counter-reset: file;
}

div.files a {
    position: relative;
    display: block;
    padding: 4px 4px 4px 62px;
    text-decoration: none;
    counter-increment: file;
}

div.files div {
    line-height: 1em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

div.files a > div {
    padding: 14px 14px 14px 28px;
    background-color: #000000;
}

div.files .name {
    margin: 0 0 14px 0;
	font-family: "Avdira", Tahoma, Verdana;
    font-size: 18px;
	font-weight: normal;
    color: #fff;
}

div.files .meta {
    font-size: 14px;
    color: #bebfba;
    font-weight: bold;
}

div.files .meta:after {
    content: "";
    display: block;
    clear: both;
}

div.files .cat {
	font-family: "Avdira", Tahoma, Verdana;
    float: left;
}

div.files .format {
    font-size:10px;
	color: #ffffff;
    float: right;
}

div.files .format:before {
    content: "Κατεβάστε τον Κατάλογο | ";
}

#gallery {
    width: 1000px;
    margin: 0 auto;
    padding-top: 0px;
    text-align: center;
    border: 0px solid #555;
}
#gallery img {
    background: #eee;
    margin: 1px;
    height: 75px;
    width: 100px;
}

@media all and (max-width:960px) {
  #gallery {
    width: 940px;
   
   }        
}
@media all and (max-width:720px) {
   #gallery {
     width: 690px;
   
   }
}
@media all and (max-width:480px) {
  #gallery {
    width: 460px;
   
  }
}