/* Marios Polyzoes (Oct 21, 2024) Μάριος Πολυζώης*/
body {
font-family: 'Noto Sans', sans-serif;
background-image: linear-gradient(bottom, #D4D4D4 8%, #8F8F8F 60%);
background-image: -o-linear-gradient(bottom, #D4D4D4 8%, #8F8F8F 60%);
background-image: -moz-linear-gradient(bottom, #D4D4D4 8%, #8F8F8F 60%);
background-image: -webkit-linear-gradient(bottom, #D4D4D4 8%, #8F8F8F 60%);
background-image: -ms-linear-gradient(bottom, #D4D4D4 8%, #8F8F8F 60%);
background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.08, #D4D4D4),
	color-stop(0.6, #8F8F8F)
);
background-color: #eee;
margin: 0;
padding:0;
/*font:76% Trebuchet MS, Times New Roman,serif;*/
color:#464455;
}

/**************************** desktop **************************************/
@media screen and (min-width: 799px) {
#wrapper {
color:#000;
margin:0 auto;
padding:0px 40px;
width:900px;
margin-top:10px;
     -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    -khtml-border-radius: 12px;
    border-radius: 12px;
 -webkit-box-shadow: 3px 3px 4px 4px #666;
box-shadow: 3px 3px 4px 4px #666;
background-color:#fff;}
#head2 {
font-family:'Open Sans Condensed',sans-serif;
background-color:#FFF;
color:#303030;
margin:0 auto;
padding:0px 0px;
height:100px;
background:linear-gradient(top, silver, black);
     -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    -khtml-border-radius: 12px;
    border-radius: 12px;
}

.header-top{width:100%;height:80px;overflow:visible !important;}
.sitelogo{width:60px;height:50px;position:absolute;z-index:1;margin:25px 0 0 18px; padding:8px 0px 0px 8px;
}
.sitelogo2{width:379px;height:40px;position:absolute;z-index:1;margin:16px 0 0 100px; letter-spacing:1px; font-style:oblique; font-size:30px; font-weight:bold;
text-shadow: 0px 2px 3px rgba(0,0,0,.4);
}
.sitelogo3{width:300px;height:26px;position:absolute;z-index:1;margin:58px 0 0 120px; font-size:18px; color:#888;
text-shadow: 0px 2px 3px rgba(0,0,0,.3);}
.sitelogo4{width:500px;height:60px;position:absolute;z-index:1; margin:18px 0 0 410px;}


#main {
/*clear:both;*/
width:810px;padding-bottom:5px;margin-top:0px;
background-color:#FFF;
     -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    -khtml-border-radius: 12px;
    border-radius: 12px;
}

#perithorio { padding:30px;
background-color:#fff;
     -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    -khtml-border-radius: 12px;
    border-radius: 12px;

	}
}
#content {
padding:6px;
text-align:left;
width:680px;
float: left;
}
#con3 {
padding:10px;
text-align:left;
width:860px;
}

.itemtitle a { font-size:16px; color:#a84;
text-shadow: 0px 1px 1px rgba(0,0,0,.4);}
.titlos {font-size: 10pt; font-weight: bold; color: #ffee00;}


th {  background: orange; color: white}
h3 {
	color: #666;}
h4 {
}
h5 { 	font-weight: bold;
}

h6 {text-align: center;

	color: #2F4F4F;
 }


/* ---------------*/

#navcontainer
{
margin-top:0px;
/*background-color:#888;
height: 30px;*/

}

#ora {
float: right; /*padding: 6px 10px 6px 10px;*/
 }
 #lst { float: left; width: 600px;
 /*margin-top:-12px;*/
 }
.picd {
  margin: 8px 18px;
	float: left;
	border:0px;
	box-shadow: 3px 3px 7px #777;}
.contactform{width:500px;border:solid 1px #c8c8c8;background-color:#f0f0f0;margin:2em 0 0;padding:10px 10px 0;
 -webkit-box-shadow: 3px 3px 1px 1px #aaa;
box-shadow: 3px 3px 1px 1px #aaa;
background-color:#fff;}
.contactform fieldset{border:solid 1px #dcdcdc;margin:0 0 20px;padding:20px 0 0 !important;}
.contactform fieldset legend{color:#505050;font-weight:700;font-size:130%;margin:0 0 20px 5px !important;padding:0 2px;}
.contactform label.left{float:left;width:120px;font-size:100%;margin:0 0 0 10px; padding:2px;}
.contactform select.combo{width:175px;border:solid 1px #c8c8c8;font-family:verdana,arial,sans-serif;font-size:110%;padding:2px;}
.contactform input.button{float:right;width:9em;margin-right:20px;background:#e6e6e6;border:solid 1px #969696;text-align:center;font-family:verdana,arial,sans-serif;color:#969696;font-size:110%;padding:1px !important;}
.contactform textarea{width:275px;border:solid 1px #c8c8c8;padding:2px;}
.contactform input.field{width:275px;border:solid 1px #c8c8c8;padding:2px;}
.contactform input.button:hover{cursor:pointer;border:solid 1px #505050;background:#dcdcdc;color:#505050;}
.command{ padding:1em; border:1px dashed #2f6fab; color:black; background-color:#f9f9f9; line-height:1.1em; font-family:Courier New,Courier,mono; font-size:12px; font-style:italic}

#footer {clear:both;
font-size:11px;
border-top:1px #888 solid;
color:#464455;
margin:0 auto;
height:20px;
width:100%;
padding:4px 0px;
text-align:center;
}
/**************************** mobile ******************************************/
@media screen and (max-width: 798px) {
#wrapper {
color:#000;
margin:20 auto;
padding:0px 0px;
width:95%;
margin-top:2px;
background-color:#ff0;}
.header-top{width:100%;height:80px;overflow:visible !important;}
.sitelogo{width:60px;height:50px;position:absolute;z-index:1;margin:25px 0 0 18px; padding:8px 0px 0px 8px;
letter-spacing:0px; font-size:30px;
background-color:#fa0;
     -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    -khtml-border-radius: 12px;
    border-radius: 12px;
}
.sitelogo2{width:160px;height:30px;position:absolute;z-index:1;margin:16px 0 0 80px; letter-spacing:1px; font-style:oblique; font-size:20px; font-weight:bold;
text-shadow: 0px 2px 3px rgba(0,0,0,.4);
}
.sitelogo3{width:300px;height:18px;position:absolute;z-index:1;margin:38px 0 0 90px; font-size:12px; color:#888;
text-shadow: 0px 2px 3px rgba(0,0,0,.3);}
.sitelogo4{width:100px;height:60px;position:absolute;z-index:1; margin:18px 0 0 410px;}

#content {
padding:6px;
text-align:left;
width:95%;
float: left;
}


}