@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,300,700,500,900&subset=latin,greek-ext);

@import url(http://fonts.googleapis.com/css?family=Allan:400,700);

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700&subset=latin,greek-ext);


*{margin: 0; padding: 0; border: none; outline: none; text-decoration: none; -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;}

 body{font-family: 'Open Sans', 'sans-serif';}


 #header_container{ width: 100%; padding: 25px 0px; box-shadow: 0px 0px 9px 1px #666666; overflow: hidden; background: #fff; position: relative; z-index: 999; } 

 .wrapper{ width: 1000px; overflow: hidden; margin: 0 auto;}

 #logo{ float: left; width: 273px; overflow: hidden; font-family: 'Roboto', sans-serif;
 }

 #logo a{color: #013064; font-size: 28px;}

 #logo img{ width: 75px; vertical-align: middle;}

 #menu{ float: right; overflow: hidden; }

 #menu ul{}

 #menu ul li{ float: left; list-style: none;border:1px solid #fff; border-radius: 4px;}

 #menu ul li a{ display: block; font-size: 15px;padding: 10px 8px;  color: #a1a1a1;}

 #menu ul li:hover{ border:1px solid #1e8ac8;}

 #menu ul li:hover a{ color:#1e8ac8 }

 #main_content{ width: 100%; overflow: hidden; }

 .slideshow{ width: 100%; overflow: hidden; height: 450px;} 

 .background_container{ width: 100%; overflow: hidden; background: rgba(30,128,200,0.8); padding: 50px 0px; color: #fff;}

 .background_container h1{ font-size: 35px; text-align: center; font-weight: 300; margin-bottom: 40px;}

 .background_container p{ font-size: 14px; line-height: 25px;}

 .background_container ul{ margin-left: 30px;}

 .background_container ul li{ padding-bottom: 5px;}

 .background_container ul li a{color: #fff;font-size: 14px;}

 .long_content{ width: 100%; overflow:scroll; overflow-x:hidden; height: 400px;}

 .white_container{ width: 100%; overflow: hidden; padding: 50px 0px; color: #414141; min-height: 500px;}  

 .white_container h1{ font-size: 35px; text-align: center; font-weight: 300; margin-bottom: 40px;}

.white_container p{ font-size: 14px; line-height: 25px; padding-bottom: 10px; }


.white_container ul{ margin-left: 30px;}

 .white_container ul li{ padding-bottom: 5px;}

 .white_container ul li a{color: #414141;font-size: 14px;}

.icon{ width: 50px; float: left; margin-right: 10px;}


.white_container .gallery{}

.white_container .gallery li{ list-style: none; float: left; border-radius: 5px; width: 190px; overflow: hidden; height: 129px; border: 5px solid #dfdfdf; margin-left: 10px; margin-bottom: 10px;}

.white_container .gallery li:hover{

transform:scale(1.1,1.1);
-ms-transform:scale(1.1,1.1); /* IE 9 */
-webkit-transform:scale(1.1,1.1); /* Opera, Chrome, and Safari */


}




.white_container .gallery li img{ width: 100%;}

.white_container .gallery li a{}
 
 #contact_content{ width: 475px; float: right; color: #414141; font-size: 14px;}

 #contact_content td{ padding: 5px;}

 #map_canvas{width:500px; float:left; margin-right:10px;height:300px;  }

 #footer{ width: 100%; position: relative; overflow: hidden; background: #1e7bb0; padding: 40px 0px; color: #fff; font-size: 14px;}

 #copyright{ float: left;}

 #developed{ float: right;}

 #developed a{ color: #fff;}

  #top{ width: 65px; display:block; top: 20px; overflow: hidden; padding: 10px; height: 65px; background: #1c6893 url('../images/top_arrow.png') no-repeat center; background-size: 50%; border-radius: 7px; position: absolute; right: 20px;}

  #top:hover{ background: #56B1F5 url('../images/top_arrow.png') no-repeat center; background-size: 50%; }