﻿/* Marios Polyzoes (Φεβ 16, 2010) Μάριος Πολυζώης*/
body {
/*background:transparent url("images/dcc9ba.png") top left repeat-x fixed;*/
background-color: #eeeccc;
/*b9b9b9 #beba8b khaki=C3B091*/
margin: 0;
padding:0;
font:76% Tahoma,Verdana,Arial,sans-serif;
color:#808080;
}
#pagecontainer {
/*background-color:#fff;*/
color:#000;
margin:0 auto;
padding:0px 0px;
width:900px;
margin-top:10px;
/*border:thin #eee8e1 outset;*/
}
#head2 {
color:#303030;
margin:0 auto;
padding:0px 0px;
height:130px;
background: url("images/header.png");
width:900px;
}
.header-top{width:100%;height:100px;overflow:visible !important;}
.sitelogo{width:107px;height:57px;position:absolute;z-index:1;background:url("images/eees4.png");margin:44px 0 0 40px;}
.sitelogo2{width:474px;height:30px;position:absolute;z-index:1;margin:98px 0 0 12px;
font-size:16px;color:navy;font-family: Trebuchet MS, Arial, Sans-serif;
	letter-spacing: 2px;
}
.sitelogo3{width:120px;height:72px;position:absolute;z-index:1;background:url("images/logoebct.png") no-repeat;margin:40px 0 0 765px;}


.pic {
	margin: 5px 10px;
	float: right;
}
.picd {
  margin: 5px 20px 10px 4px;
	float: left;
	border:0px;
	box-shadow: 3px 3px 7px #777;}

#main {
clear:both;width:900px;padding-bottom:30px;margin-top:0px;
background-image:url('images/midliner3.png');
}
#head3 {
margin:0 auto;
padding:5px 0px;
height:42px;
background: url("images/nbar.png") transparent repeat-x;
}

.clear {
	clear:both;
}
.titlos {font-size: 10pt; font-weight: bold; color: #ffee00;}
h1 {font-size: 12pt;
	color:#800;}
	
h2 {text-align: left;
	font-size: 11pt;
	color: #908c5d;
	margin-bottom:0px;
		 }
td, p, dt, dd, a, li {
	font-size: 9pt; }
th {font-size: 11px;  background: #074093; color: white}
table.dod {border: 1px solid black; }
td.dod {border: 1px solid #C8C8C8; border-bottom:1px gray dotted; border-right:1px gray dotted; }

h3 {	text-align: left;
	font-size:10pt;
	font-weight: bold;
	color: #068;
	margin-bottom:-10px; }
h4 {	text-align: right;
	font-size: 8pt;
	color: #a20;
font-weight: bold;
	margin-top:-20px; }
h5 {  font-weight: normal;
font-size: 8pt;	font-weight: bold;
}

h6 {text-align: center;
	font-size: 8pt;
	color: #2F4F4F;
	margin-top: -6px;
	font-weight: normal;
 }
.kap {
	margin-left:16px;
}

/* ---- Horizontal menu --------*/
#navcontainer
{
margin-top:-6px;
float: left;
width:100%;
background-color:#f2ede8;
background: url('images/ebtn2d.png') transparent repeat-x; 
height: 30px;
font: 9pt Tahoma, sans-serif;
letter-spacing: 1px;
border-left:1px #fcc;border-right:1px #310;
color: #202080;
border-bottom-color:#333300;
/*margin-top:12px;
margin-bottom:7px;*/
}
#navl
{
margin-top: 8px;
padding: 0px 0px 0px 0px;
}
#navl li
{
/*padding: 0.5em 1em 0.5em 1em;
margin: 0;*/
list-style: none;
display: inline;
}
#navl li a
{
background-color:#f2ede8;
background: url('images/ebtn2d.png') transparent repeat-x; 
padding: 6px 8px 6px 8px;
border-left: 1px solid #f9f6f1;
border-right: 1px solid #a95;
text-decoration: none;
}
#navl li a:link { color: #55a; }
#navl li a:visited { color: #a5a; }

#navl li a:hover
{
color: #da0;
/*background-color:#fdfcfb*/
background: url('images/ebtn2l.png') transparent repeat-x; 
}

/* ---- Vertical menu ----*/

#side_menu
{ width: 190px;
position: absolute;
top:200px;
clear:left;
float:left;
margin:2px 2px 6px 14px;
padding:0;
font: 9pt Tahoma, sans-serif;
letter-spacing: 2px;
 }
ul.MenuBarVertical
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
/*	width: 8em;*/
}
ul.MenuBarActive
{
	z-index: 1000;
}
ul.MenuBarVertical li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 170px;
background-color:#d6d4a8;
border-left: 1px solid #f9f6f1;
border-right: 1px solid #a95;

}
ul.MenuBarVertical ul
{
	margin: -5% 0 0 95%;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: absolute;
	z-index: 1020;
	cursor: default;
	width: 9.2em;
	left: -10000em;
	top: 0;
}
ul.MenuBarVertical ul.MenuBarSubmenuVisible
{
	left: 0;
}

ul.MenuBarVertical ul li
{
	width: 26em;
}

ul.MenuBarVertical
{
	border: 1px solid #CCC;
}
ul.MenuBarVertical a
{
	display: block;
	cursor: pointer;
	background-color: #d6d4a8;
	padding: 0.5em 0.75em;
border-top: 1px solid #f9f6f1;
border-left: 1px solid #f9f6f1;
border-right: 1px solid #a95;
border-bottom: 1px solid #a95;
color: #202080;
	text-decoration: none;
}
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
{
background-color: #eeeccc;
	color: #962;
}
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
{
background-color: #eeeccc;
	color: #962;
}

ul.MenuBarVertical a.MenuBarItemSubmenu
{
	background-image: url(SpryAssets/SpryMenuBarRight.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

ul.MenuBarVertical a.MenuBarItemSubmenuHover
{
	background-image: url(SpryAssets/SpryMenuBarRightHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
ul.MenuBarVertical iframe
{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}
{
	ul.MenuBarVertical li.MenuBarItemIE
	{
		display: inline;
		float: left;
		background: #FFF;
	}
}

#content {
margin:18px 20px 0px 210px;
padding:10;
line-height:1.5em;
text-align:left;
}
#content li{
LIST-STYLE-IMAGE:url("images/ob.gif");
}
A:LINK { text-decoration: none;
	color: #00f; }
A:active {
	COLOR: #bb0000; TEXT-DECORATION: none}
	
A:VISITED {text-decoration: none;
	color: #f0f; }
A:hover {
	COLOR: #AA6000; TEXT-DECORATION: underline;
}
#foot {
margin-top:25px;
height:92px
}
#footer {
background-image:url('images/foot.png');
width:900px;
height:60px;
padding-top:25px;
color:#878484;
text-align:center;
}
#footer a:link
{
color: #00f;
}
#footer a:visited
 {
color: #808;
}

.forma{width:418px;border:solid 1px #800;background-color:#fff0f0;margin:2em 0 0;padding:10px 10px 0;}
.forma fieldset{border:solid 1px #a00;margin:0 0 20px;padding:20px 0 0 !important;}
.forma fieldset legend{color:#502020;font-weight:700;font-size:130%;margin:0 0 20px 5px !important;padding:0 2px;}
.forma label.left{float:left;width:120px;font-size:100%;margin:0 0 0 10px; padding:2px;}
.forma select.combo{width:175px;border:solid 1px #c8c8c8;font-family:verdana,arial,sans-serif;font-size:110%;padding:2px;}
.forma 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;}
.forma textarea{width:275px;border:solid 1px #c8c8c8;padding:2px;}
.forma input.field{width:275px;border:solid 1px #c8c8c8;padding:2px;}
.forma input.button:hover{cursor:pointer;border:solid 1px #800;background:#ffdcdc;color:#505050;}
#mid {
padding:1px 20px 20px;
background-color:#FFFFFF;
}
#max {
background-color:#FFFFFF;
}

.box {
background-color:#fafbfc;
border:1px solid silver;
color:#505050;
line-height:1.5em;
margin:20px;
padding:10px;
}
.geo {
	font-size:8pt; float:right; margin-top:20px;
}
.say {
	font-size:8pt; text-align: center;
}

img.rightpic{
	margin: 5px 10px;
	float: right;
padding:4px; border:1px solid #f9f6f1;}

div.figure {
  float: right;
  width: 40%;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
}
div.figure p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}
#wleft {
float:left;
margin-left:10px;
width:450px;
}
img {
	border:0px
}

#wright {
float:left;
width:280px;
}
.kentro {
	text-align: center;
}
.dbox table {
margin: 2px; padding:4px; border:thin;
}
.dbox td { padding:4px;
font-size:11px; background-color:#eee; border-bottom-color:#CCCCCC;border-right-color:#CCCCCC;
}
.dbox th{
	background-color:#074093;font-size:12px; color:#FFFFFF; text-align:center;
}
