* {  margin:0; padding:0; }
body { background:#c8bba4; font-family: 'Open Sans', sans-serif; font-size:12px; width:100%; height:100%;  }
img { border:none; }
.container { width: 1010px; margin: 0 auto; }
#nav, #slideshow { display:none; overflow: hidden; width: 0; height: 0; }


#logo { float:left; width: 50%; height: 58px; margin:  0 0; background: #E1D6B8; }
#logo a img { max-width: 100%; float: left; margin: 0 0 0 ; }



#mobilenav { float: left; height: 58px; margin: 0; width: 100%; background: #E1D6B8; }
#toggler { 
    width:50%;
    float:right;
    height: 58px;
    line-height: 58px;
     font-size: 13px; text-align: left;
     text-indent: 20px;
     background: #E1D6B8 url(../images/mobilearrow.png) 70% top no-repeat;
     color: #004d06;
     cursor: pointer; }

#toggler.active { 
     background: #E1D6B8 url(../images/mobilearrow.png) 70% bottom no-repeat;}
.inner a { text-indent: 20px; }
#navtoggled { display: none; background: #E1D6B8; float: left; width: 100%; height: 400px; line-height: 44px; position: relative; z-index: 999999;}
#navtoggled a { width:95%; float: left; text-decoration:none; color: #004d06; line-height: 14px; font-size: 12px; margin: 5px 0 0 5%; padding: 0; height: auto; }
#navtoggled a:hover,#navtoggled a.active{color:#004d06;}


#footer { float:left; background: url(../images/footer.jpg) repeat-x #E1D6B8 bottom; width:100%; height:44px; font-size:10px; color:#004d06; line-height:22px; float: left; z-index:13; }
#footer a { color:#004d06; text-decoration: none; font-weight: bold; }
#footer p { float: left; margin: 0 20px; }
#footer span { width: 90%; float: left; margin: 0 5%; }

#social { width: 145px; height: 32px; margin: 70px 0 0; float:left; }
#social a img { float: left; margin: 0 0 0 5px; }
#langs { width: 32px; height: 120px; float:right; margin: 70px 10px 0; }
#langs a.en { float: left; width: 32px; height: 32px; background: url(../images/en.png) top no-repeat; }
#langs a.en.inactive { background: url(../images/en.png) bottom no-repeat; }
#langs a.el { float: left; width: 32px; height: 32px; background: url(../images/el.png) top no-repeat; }
#langs a.el.inactive { background: url(../images/el.png) bottom no-repeat; }
#langs a { margin: 0 0 10px 0; }

#homebox { background: url(../images/trans.png) ; width: 90%; height: auto; padding: 5%; margin: 20px 0 0; float:left;  }
#homebox h2 { font-size: 25px; color: #ebe1c1; margin: 0 0 10px; font-weight: normal; }
#homebox p, #innerbox p { margin: 0 0 10px; font-size: 14px; color: #FFF; }
#homebox h2, #innerbox h2 { color: #EBE1B9;}

#scrollbar1 .viewport table { width: auto; padding: 10%; margin: 0 0 10px; font-size: 13px; background: #ebe0c0; border-collapse: collapse; }
#scrollbar1 .viewport table tr {  }
#scrollbar1 .viewport table tr td { padding: 5px; text-align: center; }
#scrollbar1 .viewport table tr th { padding: 5px; text-align: left; font-weight: bold; }
#scrollbar1 .viewport table tr th.center { padding: 5px; text-align: center; font-weight: bold; }
#scrollbar1 .viewport table tr * { color: #5d614a; }


table, th, td { border: 2px solid #5d614a; }
#innertitle { background: url(../images/innerboxtitle.png) repeat-x ; width: 90%; height: 63px; padding:0 5%;  float:left; color: #ebe1c1; line-height: 66px; }
#innertitle h2 { font-size: 25px;  font-family: 'Open Sans Condensed', sans-serif; font-weight: normal; }
#innertitle h2 a { font-size: 14px;  font-family: 'Open Sans Condensed', sans-serif; font-weight: normal; cursor: pointer; margin: 0 0 0 20px; }
#innerbox { background: url(../images/trans.png) ; width: 90%; height: auto; padding: 5%; float:left; }



#map, #contact { display:none; }

#contact { background: url(../images/trans.png) ; width: 680px; height: 270px; padding: 20px 10px 20px 0; position: absolute; bottom: 22px; left: 320px; overflow: hidden; }
#show, #hide { display: none; }