/* 
Theme Name: Γής ύδατα
Theme URL: http://www.aitoliki.gr/gisydata
Author: Nick Melistas
Author URI: http://www.simple-ideas.gr
*/

/* -------------------------------------------------------------- 
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;
}
*:first-child+html .container {
display:inline-block;
margin:0 auto;
}
* html .container {
display:inline-block;
margin:0 auto;
}
.column {
float:left;
}
.last {
clear:both;
}
/* columns */
.col-10   { width: 9.8%; }
.col-20   { width: 19.8%; }
.col-25   { width: 24.8%; }
.col-30   { width: 29.8%; }
.col-33   { width: 33.2%; }
.col-35   { width: 34.8%; }
.col-40   { width: 39.8%; }
.col-45   { width: 44.8%; }
.col-50   { width: 49.8%; }
.col-55   { width: 54.8%; }
.col-60   { width: 59.8%; }
.col-65   { width: 64.8%; }
.col-70   { width: 69.8%; }
.col-75   { width: 74.8%; }
.col-80   { width: 79.8%; }
.col-85   { width: 84.8%; }
.col-90   { width: 89.8%; }
.col-95   { width: 94.8%; }
.col-100   { width: 99.8%; }
/* left - right box */
.box-5    { padding: 0 5px; }
.box-10   { padding: 0 10px; }
.box-15   { padding: 0 15px; }
.box-20   { padding: 0 20px; }
.box-25   { padding: 0 25px; }
.box-30   { padding: 0 30px; }
.box-35   { padding: 0 35px; }
.box-40   { padding: 0 40px; }
.box-45   { padding: 0 45px; }
.box-50   { padding: 0 50px; }
/* full box */
.fullbox-5    { padding: 5px; }
.fullbox-10   { padding: 10px; }
.fullbox-15   { padding: 15px; }
.fullbox-20   { padding: 20px; }
.fullbox-25   { padding: 25px; }
.fullbox-30   { padding: 30px; }
.fullbox-35   { padding: 35px; }
.fullbox-40   { padding: 40px; }
.fullbox-45   { padding: 45px; }
.fullbox-50   { padding: 50px; }
.centerbox  { margin: 0 auto;}

/* -------------------------------------------------------------- 
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;
}
p {
margin:0 0 1.0em;
font-size:1.2em;
}
ul{
margin:0.5em;
}
ul li{
margin:0 0 0 0.8em;
}
/* -------------------------------------------------------------- 
PROJECT STYLING - GRID
-------------------------------------------------------------- */
html{
margin:0;
height: 100%;
}
body{
background:#E7F0F9 url(background.png) repeat-x 0 0 ;
font-family: 'Trebuchet MS', Helvetica, sans-serif;
font-size: 12px;
text-align:center;
color:#222;
}
#all{
margin:0 auto;
text-align:justify;
display:block;
width:900px;
height:100%;
border:1px solid  #ccc;
background:#fff;
}
#header{
background:#E7F0F9 url(header.jpg) no-repeat 0 0;
height:250px;
border-bottom:2px solid #ccc;
}
#main{
background:url(shadow.gif) no-repeat 0 0 ;
padding:20px;	
}

#footer-all{
border-top:1px solid #ccc;
height:100px;
background:#fff url(footer.jpg) no-repeat 0 0;
}
#footer a{
}
h2{
color:green;
font-size:2em;
text-align:left;
margin: 0 0 1em 0;
}

h3{
text-align:center;

border:1px solid #ccc;
background:#eee url(down.png) no-repeat 0 -10px;
padding:10px  0 10px;
width:454px;
font-size:1.2em;
font-weight:600;
margin: 0 0 1.2em 0;
}

h4{
clear:both;
font-size:1.2em;
font-weight:600;
margin: 1em;

}

a#aitoliki{

float: right;
height:90px;
width:90px
}
a#achaiasa{

margin: 0 0 0 50px;
float: right;
height:90px;
width:90px
}
a#anol{

margin: 0 0 0 30px;
float: right;
height:90px;
width:90px
}
a#trihonida{

margin: 0 0 0 10px;
float: right;
height:90px;
width:90px
}

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



#downloads a{
display:block;
border:1px solid #ddd;
text-align:center;
text-decoration:none;
float:left;
width:43%;
height:140px;
margin: 0 0 1em 0;
}


a img{
border:0px;
width:100px;
height:110px;
}
a:link, a:active{
color:#6AA7DD;
font-size:1.2em;
}


a:visited, a:hover{
color:#2783CE;
font-size:1.2em;
}