/* -------------------------------------------------------------- 
resets
-------------------------------------------------------------- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
border:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
margin:0;
padding:0;
}

/* -------------------------------------------------------------- 
floats
-------------------------------------------------------------- */
.flt-right  {float:right;}
.flt-left   {float:left;}
.img-right  {float:right; margin: 0 0 0 7px;}
.img-left   {float:left; margin: 0 7px 0 0;}
.clear {
display:inline-block;
clear:both;
}
.clear:after,.container:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
* html .clear {
height:1%;
}
/* -------------------------------------------------------------- 
grid
-------------------------------------------------------------- */
.container {
margin:0 auto;
}
* html .container {
display:inline-block;
margin:0 auto;
}
.column {
float:left;
}
.last {
clear:both;
}
/* columns */
.col-30   { width: 33%; padding:1%;}
.col-70   { width: 60%; padding:1.5%; margin-top:150px;}
.col-100   { width: 99.8%; }
/* -------------------------------------------------------------- 
Typography
-------------------------------------------------------------- */
p {
margin:0 0 1.5em;
}
ul,ol,dl {
margin:0 .5em;
}
/* -------------------------------------------------------------- 
Lists
-------------------------------------------------------------- */
ul.horizontal li{
text-align: left;
float: left;
list-style: none;
}
ul.auto li{
margin:1%;
text-align: left;
float: left;
list-style: none;
}
ul.double li{
margin:2%;
overflow:hidden;
text-align: left;
float: left;
list-style: none;
width: 45%;
}
ul.triple li{
margin:2%;
overflow:hidden;
text-align: left;
float: left;
list-style: none;
width: 29%;
}
/* -------------------------------------------------------------- 
images
-------------------------------------------------------------- */
a img, img      { border:0; }

p img {
float:left;
margin:1.5em 1.5em 1.5em 0;
padding:0;
}
/* -------------------------------------------------------------- 
PROJECT STYLING
-------------------------------------------------------------- */

html{
height: 100%;	
}
body{
background-color:#ddd;
font-family: "Verdana", sans-serif;
font-size: 15px;
text-align:center;
color:#222;
}
#all{
background:#EBC968 url(bg.jpg) no-repeat center top;
width:945px;
margin:0 auto;
border:2px solid #555;
}
#all-en{
background:#EBC968 url(bg-en.jpg) no-repeat center top;
width:945px;
margin:0 auto;
border:2px solid #555;
}
#main{
width:945px;
border-bottom:0px;
margin:550px auto 0 auto;
text-align:justify;
}
#footer{
background:#EBC968 url(footer.jpg) no-repeat center top;
width:600px;
margin:0 auto;
height:130px;
}
#footer_en{
background:#EBC968 url(footer_en.jpg) no-repeat center top;
width:600px;
margin:0 auto;
height:130px;
}
#footer-end{
background:#EBC968 url(footer-end.jpg) no-repeat center top;
width:945px;
margin:0 auto;
height:95px;
}
#footer-end-en{
background:#EBC968 url(footer-end-en.jpg) no-repeat center top;
width:945px;
margin:0 auto;
height:95px;
}
.col-30 {
font-size:.9em;
text-align:center;
}
.lng{
padding:0px 50px;
text-align: left;
height:140px;
}

a.eng{
background:url(en.gif) no-repeat center center;
padding: 5px 0 0 18px;
text-align:center;
width:80px;
font-size:.8em;

}
a.gr{
background:url(gr.png) no-repeat center center;
padding: 5px 0 0 18px;
text-align:center;
width:30px;
font-size:.8em;
}
h3{
background:url(box_down.png) no-repeat 20px center;
padding: 20px  0 20px  80px;
text-align:left;
border-bottom: 2px solid #555;
font-size:.9em;
font-weight:600;
margin: 0 0 25px 0;
color: #555;
}

.col-30 b{
text-align:left;
font-size:.9em;
color:#555;
}

a{
float:left;
width:150px;
text-decoration:none;
margin: 0 0 60px 0;
color: red;
}
a b{
color: red;
}

a#aitoliki{
float: left;
height:90px;
width:90px
}
a#achaiasa{
margin: 0 0 0 50px;
float: left;
height:90px;
width:90px
}
a#anol{
margin: 0 0 0 30px;
float: left;
height:90px;
width:90px
}
a#trihonida{
margin: 0 0 0 10px;
float: left;
height:90px;
width:90px
}

a#aitoliki span, a#achaiasa span, a#anol span, a#trihonida span{
display:none;
}