/*@import url(http://fonts.googleapis.com/css?family=Comfortaa:400,700&subset=greek,latin);*/
 body{
	/*margin-left:200px;
	margin-right:200px;*/
	background:white;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
/*	font-family:'Comfortaa', cursive;*/
}
.spaceleft{
	width:15%;
	height:230px;
	display:table;
	top:0;
	left:0;
	position:absolute;
background: rgb(211,211,211);
background: -moz-linear-gradient(top,  rgba(211,211,211,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(211,211,211,1)), color-stop(100%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(top,  rgba(211,211,211,1) 0%,rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top,  rgba(211,211,211,1) 0%,rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top,  rgba(211,211,211,1) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom,  rgba(211,211,211,1) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d3d3', endColorstr='#ffffff',GradientType=0 );
}
.spacedleft{
	width:15%;
	height:70px;
	display:table;
	bottom:0;
	left:0;
	position:fixed;
background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(211,211,211,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(211,211,211,1)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(211,211,211,1) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(211,211,211,1) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(211,211,211,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(211,211,211,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d3d3d3',GradientType=0 );
}
.spacedright{
	z-index:-99;
	width:15%;
	height:70px;
	display:block;
	bottom:0;
	right:0;
	position:fixed;
background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(211,211,211,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(211,211,211,1)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(211,211,211,1) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(211,211,211,1) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(211,211,211,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(211,211,211,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d3d3d3',GradientType=0 );
}
.spaceright{
	z-index:-99;
	width:15%;
	height:230px;
	display:block;
	top:0;
	right:0;
	position:absolute;
background: rgb(211,211,211);
background: -moz-linear-gradient(top,  rgba(211,211,211,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(211,211,211,1)), color-stop(100%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(top,  rgba(211,211,211,1) 0%,rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top,  rgba(211,211,211,1) 0%,rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top,  rgba(211,211,211,1) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom,  rgba(211,211,211,1) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d3d3', endColorstr='#ffffff',GradientType=0 );
}
.container{
	position:absolute;
	top:0;
	left:0;
	width:70%;
	margin-left:15%;
	margin-right:15%;
	background:none;
}
.header{
	padding: 0px 0 0px 0;
	overflow:hidden;
	width:100%;

background: rgb(12,0,68);
background: -moz-linear-gradient(top,  rgba(12,0,68,1) 0%, rgba(229,229,229,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(12,0,68,1)), color-stop(100%,rgba(229,229,229,1)));
background: -webkit-linear-gradient(top,  rgba(12,0,68,1) 0%,rgba(229,229,229,1) 100%);
background: -o-linear-gradient(top,  rgba(12,0,68,1) 0%,rgba(229,229,229,1) 100%);
background: -ms-linear-gradient(top,  rgba(12,0,68,1) 0%,rgba(229,229,229,1) 100%);
background: linear-gradient(to bottom,  rgba(12,0,68,1) 0%,rgba(229,229,229,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c0044', endColorstr='#e5e5e5',GradientType=0 );

	margin-bottom:20px;
	-moz-box-shadow:3px 3px 10px #000000;
	-webkit-box-shadow:3px 3px 10px #000000;
	box-shadow:3px 3px 10px #000000;
	border:none 5px #000000;

/*	border-top-left-radius:15px;
	border-top-right-radius:15px;
	-webkit-border-top-left-radius:15px;
	-webkit-border-top-right-radius:15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright:15px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;*/
}
.header p{
	padding:0;
	margin:0;
}
.headerleft{
	display:block;
	margin-left:00px;
	text-align:center;
	color: #fff9d6;
	font-size:30px;
	text-shadow:0px 0px 0 rgb(177,148,98),1px 0px 0 rgb(162,133,83),2px 0px 0 rgb(148,119,69),3px 0px 0 rgb(133,104,54),4px 0px 0 rgb(119,90,40),5px 0px 0 rgb(104,75,25), 6px 0px 0 rgb(90,61,11),7px 0px 6px rgba(0,0,0,0.35),7px 0px 1px rgba(0,0,0,0.5),0px 0px 6px rgba(0,0,0,.2);
}
.menuleftsign{
-moz-box-shadow: 4px 4px 5px gray;
-webkit-box-shadow: 4px 4px 5px gray;
box-shadow: 4px 4px 5px gray;
border-style:none;
margin-top:30px;
text-align:center;
padding:5px;
}
.menuleftsign:hover{
	transform:scale(1.3);
-webkit-transform:scale(1.3);
-moz-transform:scale(1.3);
-o-transform:scale(1.3);
-ms-transform:scale(1.3);
transition:All 1.0876s ease;
-webkit-transition:All 1.0876s ease;
-moz-transition:All 1.0876s ease;
-o-transition:All 1.0876s ease;

}

.menuleft{
	text-align:center;
	padding:10px;
	text-shadow: 2px 1px 2px rgba(150, 150, 150, 1);
	float:left;
	width:200px;
}
.menuleft a{
color:white;
text-decoration:none;
display:block;
width:100%;
height:40px;
text-align:center;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
/*font-family:'Comfortaa', cursive;*/
font-size:18px;
font-weight:bold;
padding-top:20px;
margin-bottom:10px;
border:hidden 0px #000000;

-moz-border-radius-topleft: 5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;

transition:All 1.0876s ease;
-webkit-transition:All 1.0876s ease;
-moz-transition:All 1.0876s ease;
-o-transition:All 1.0876s ease;
	box-shadow:3px 3px 10px #000000;

background: rgb(147,91,38);
background: -moz-linear-gradient(left,  rgba(147,91,38,1) 0%, rgba(229,229,229,1) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(147,91,38,1)), color-stop(100%,rgba(229,229,229,1)));
background: -webkit-linear-gradient(left,  rgba(147,91,38,1) 0%,rgba(229,229,229,1) 100%);
background: -o-linear-gradient(left,  rgba(147,91,38,1) 0%,rgba(229,229,229,1) 100%);
background: -ms-linear-gradient(left,  rgba(147,91,38,1) 0%,rgba(229,229,229,1) 100%);
background: linear-gradient(to right,  rgba(147,91,38,1) 0%,rgba(229,229,229,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#935b26', endColorstr='#e5e5e5',GradientType=1 );
}
.menuleft a:hover{
	transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
-ms-transform:scale(1.1);
}
.menuleft a.active{
background: rgb(73,34,0);
background: -moz-linear-gradient(left,  rgba(73,34,0,1) 0%, rgba(229,229,229,1) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(73,34,0,1)), color-stop(100%,rgba(229,229,229,1)));
background: -webkit-linear-gradient(left,  rgba(73,34,0,1) 0%,rgba(229,229,229,1) 100%);
background: -o-linear-gradient(left,  rgba(73,34,0,1) 0%,rgba(229,229,229,1) 100%);
background: -ms-linear-gradient(left,  rgba(73,34,0,1) 0%,rgba(229,229,229,1) 100%);
background: linear-gradient(to right,  rgba(73,34,0,1) 0%,rgba(229,229,229,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#492200', endColorstr='#e5e5e5',GradientType=1 );
}

.midholder{
}
.cont{
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:10px;
	margin-bottom:80px;
	margin-left:230px;
	display:block; /*default. Αφου δεν είναι float πιάνει μεχρι τα ορια του*/
/*
background: rgba(214,165,92,1);
background: -moz-linear-gradient(top, rgba(214,165,92,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(214,165,92,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(214,165,92,1) 0%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(214,165,92,1) 0%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(214,165,92,1) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(214,165,92,1) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6a55c', endColorstr='#ffffff', GradientType=0 );
*/
background: rgb(229,229,229);
background: -moz-linear-gradient(top,  rgba(229,229,229,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,229,229,1)), color-stop(100%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 );

/*	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright:15px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-top-left-radius:15px;
	-webkit-border-top-right-radius:15px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	border-top-left-radius:15px;
	border-top-right-radius:15px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;*/
	

	font-family: "Segoe Script";
	font-size:18px;
	animation: fadi 3s 1;
	-webkit-animation: fadi 3s 1;
    -moz-animation: fadi 3s 1;
}
@keyframes fadi {
    0%   { opacity: 0; }
    100% { opacity: 1; }
}

@-webkit-keyframes fadi {
    0%   { opacity: 0; }
    100% { opacity: 1; }
}
@-moz-keyframes fadi {
    0%   { opacity: 0; }
    100% { opacity: 1; }
}	
.cont ul{
	list-style-type:none;
}
.cont ul li{
	background:url('../img/bullet.png') no-repeat 0px 0px;
	list-style:none;
	padding: 3px 0px 3px 30px;
}
.cont h1{
margin:-10px -20px 10px -20px;
background: rgb(73,34,0);
background: -moz-linear-gradient(left,  rgba(73,34,0,1) 0%, rgba(229,229,229,1) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(73,34,0,1)), color-stop(100%,rgba(229,229,229,1)));
background: -webkit-linear-gradient(left,  rgba(73,34,0,1) 0%,rgba(229,229,229,1) 100%);
background: -o-linear-gradient(left,  rgba(73,34,0,1) 0%,rgba(229,229,229,1) 100%);
background: -ms-linear-gradient(left,  rgba(73,34,0,1) 0%,rgba(229,229,229,1) 100%);
background: linear-gradient(to right,  rgba(73,34,0,1) 0%,rgba(229,229,229,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#492200', endColorstr='#e5e5e5',GradientType=1 );

font-size:22px;
color:white;
text-shadow: 2px 1px 2px rgba(150, 150, 150, 1);
	min-height:40px;
	padding:5px 10px 5px 10px;
}
.footer{
	text-align:center;
	clear:both;
	position:fixed;
	width:70%;
	color:white;
	font-size:12px;
	bottom:0;
	height:50px;
	-moz-box-shadow:3px -3px 10px #000000;
	-webkit-box-shadow:3px -3px 10px #000000;
	box-shadow:3px -3px 10px #000000;
	border:none 3px #000000;
/*	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-botom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
*/
background: rgb(229,229,229);
background: -moz-linear-gradient(top,  rgba(229,229,229,1) 0%, rgba(12,0,68,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,229,229,1)), color-stop(100%,rgba(12,0,68,1)));
background: -webkit-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(12,0,68,1) 100%);
background: -o-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(12,0,68,1) 100%);
background: -ms-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(12,0,68,1) 100%);
background: linear-gradient(to bottom,  rgba(229,229,229,1) 0%,rgba(12,0,68,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#0c0044',GradientType=0 );
}
.footer p{
	padding:2px;
	margin:2px;
}
.form-container {
   background-position: 0% 0%;
	border: 1px solid #1b1b63;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	text-decoration: none;
	vertical-align: middle;
	min-width: 400px;
	width: 400px;
	padding: 20px;
	margin-top: 10px;
	background-image: -ms-linear-gradient(top, #191747 0%, #a2b1c7 100%);
	background-color: #a2b1c7;
	background-repeat: repeat;
	background-attachment: scroll;
}
.form-field {
   border: 1px solid #213e70;
   background: #c3c9e3;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   color: #754207;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
   padding:8px;
   margin-bottom:20px;
   width:280px;
   }
.form-field:focus {
   background: #fff;
   color: #24221f;
   }
.form-container h2 {
   text-shadow: #574e44 0 1px 0;
   font-size:18px;
   margin: 0 0 10px 0;
   font-weight:bold;
   text-align:center;
    }
.form-title {
   margin-bottom:10px;
   color: #ffffff;
   text-shadow: #574e44 0 1px 0;
   }
.submit-container {
   margin:8px 0;
   text-align:right;
   }
.submit-button {
   background-position: 0% 0%;
	border: 1px solid #152173;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-shadow: #000000 0 1px 0;
	color: #ffffff;
	font-family: helvetica, serif;
	padding: 8.5px 18px;
	font-size: 14px;
	text-decoration: none;
	vertical-align: middle;
	background-image: -ms-linear-gradient(top, #5a73bf 0%, #364ca3 100%);
	background-color: #364ca3;
	background-repeat: repeat;
	background-attachment: scroll;
}
.submit-button:hover {
   border: 1px solid #447314;
   text-shadow: #31540c 0 1px 0;
   background: #6aa436;
   background: -webkit-gradient(linear, left top, left bottom, from(#8dc059), to(#6aa436));
   background: -webkit-linear-gradient(top, #8dc059, #6aa436);
   background: -moz-linear-gradient(top, #8dc059, #6aa436);
   background: -ms-linear-gradient(top, #8dc059, #6aa436);
   background: -o-linear-gradient(top, #8dc059, #6aa436);
   background-image: -ms-linear-gradient(top, #8dc059 0%, #6aa436 100%);
   color: #fff;
   }
.submit-button:active {
   text-shadow: #31540c 0 1px 0;
   border: 1px solid #447314;
   background: #8dc059;
   background: -webkit-gradient(linear, left top, left bottom, from(#6aa436), to(#6aa436));
   background: -webkit-linear-gradient(top, #6aa436, #8dc059);
   background: -moz-linear-gradient(top, #6aa436, #8dc059);
   background: -ms-linear-gradient(top, #6aa436, #8dc059);
   background: -o-linear-gradient(top, #6aa436, #8dc059);
   background-image: -ms-linear-gradient(top, #6aa436 0%, #8dc059 100%);
   color: #fff;
   }
.imageright{
	float:right;
}
.mapcanvas{
	clear:right;
	float:right ;
	margin-top:20px;
	width: 400px; 
	height: 300px;
	font-size:x-small;
}
@media screen and (max-width: 799px) {
.container{
	width:100%;
	margin:0px;
}
.headerleft{
	font-size:16px;
}
.footer{
	width:100%;
	margin:0px;
	height:70px;
}
.spacedleft, .spacedright, .spaceleft, .spaceright{
	width:0px;
}
.form-container{
	width:90%;
	min-width:90%;
}
.imageright{
	float:none;
}
.mapcanvas{
	clear:both;
	float:none;
}
.headerleft{
	padding-top:0px;
	margin:0;
	float:none;
	clear:both;
}
.menuleft{
	float:none;
	width:auto;
}
.cont {
	margin-left:auto;
	overflow:hidden;
}
}