﻿body {
	background-color: #ffffff; /*background-image: url(img/bg.gif);*/
/*background-repeat:repeat-x;*/
	font-size: 11px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif; /*color:#564b47;*/
	padding: 0px;
	margin: 35px;
}

/* This is for the standart link */
a {color: #006699; text-decoration:none;}
a:visited {color:#006699;}
a:hover {color: #003366;}
a:active { color:#006699;}

/* The style for the pre text */
p, pre{
	padding: 5px 10px;
	margin: 0px;
	text-align: justify;
}

p150{
	text-align: justify;
	line-height: 170%;
	font-size: 11px;
	margin-left: 20px;
}
p200{
		font-size: 11px;
	margin-left: 300px;
}

p500{

	text-align: center;
}

/* This are the titels */
h1 {
font-size: 12px;
color:#0099CC;
border-bottom: 3px solid #C7DDE3;
padding:5px 15px;
margin:0px }

h2 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0px;}

h3 {
font-size:12px;
font-weight: bold;
padding: 5px 10px;
color:#FF0000;
margin:0px;}

/* Thsi one is the frame ouround the page wich makes the layout centerd */
#bigbox {
width: 800px;
margin-left: auto;
margin-right: auto;
margin-bottom: 12px;
}

/* Box for the Logo */
#logo {
/*text-align: left;*/
background:url(img/new-36.png) no-repeat;
height:200px; /*132*/
padding: 0px;
margin: 0px;
}

/* The content*/
#content {
margin-left: 210px;
margin-right: 0px;
background-color: #ffffff;
padding: 0px;
}

/* The left box*/
#leftcolum {
float: left;
width: 190px;
margin: 0px;
margin-top: 50px;
background-color:#ffffff;
/*border-left: 1px solid #CCCCCC;*/
/*border-right: 1px solid #CCCCCC;*/
/*border-bottom: 1px solid #CCCCCC;*/
background-image: url(img/new-38.png);
border-top: 3px solid #C7DDE3;
/*background-repeat:repeat-x;*/
}

/* The footer*/
#footer {
	/*clear: both;*/
	/*margin: 5px 0px 5px 0px;*/
	/*padding: 0px 0px 15 0;*/
	/*background-image: url(img/new-39.png);*/
	/*background-repeat: no-repeat;*/
	text-align: center;
}
/*
#infos {
	clear: both;
	margin: 0px;
	padding: 0px;
	text-align: right;
}*/
		
/* The menu left*/
a.nav, a.nav:link, a.nav:visited, .chosen {
	display: block;
	width: 190px;
	height: 30px;
	background: #ffffff;
	border-bottom: 3px solid #C7DDE3;
	margin-top: 0px;
	text-align: left;
	text-decoration: none;
	padding-left: 0px;
	font-family: verdana, arial, sans-serif;
	font-size: 13px;
	color: #333;
	line-height: 25px;
	/*overflow: hidden;*/
	}
	
a.nav:hover {
color:#333; 
background: #F3F3F3;}
a.nav:active, .chosen {
color:#ffffff; 
background:#79B0BE;}



/* The Boxes*/
.box1, .box2{
	float: right;
	padding: 8px;
	border: 2px solid #CCCCCC;
	width: 97%;
	height: 430px;
	margin: 10px 0px 0px 10px;
	text-align: justify;
}

.table_cell_type1{
	background-color: #CCD6E6;   /*#D0F8FB einai to mple anoixto san electric --- #DBD2BB; einai to kafeti*/
	text-align: center;
	font-size: 11px;
	font-weight: normal;
	vertical-align: middle;
	padding: 6px;
}

.table_cell_type2{
	background-color: #CCD6E6; /*#D0F8FB einai to mple anoixto san electric --- #DBD2BB; einai to kafeti*/
	text-align: center;
	font-size: 11px;
	font-weight: normal;
	vertical-align: middle;
	padding: 6px;
	width: 50%;
}

.table_cell_type3{
	background-color: #9DD7F5;   /*#D0F8FB einai to mple anoixto san electric --- #DBD2BB; einai to kafeti*/
	text-align: center;
	font-size: 11px;
	font-weight: normal;
	vertical-align: middle;
	padding: 6px;
	width: 50%;
}

.table_cell_type4{
	background-color: #a1d1e8;   /*#D0F8FB einai to mple anoixto san electric --- #DBD2BB; einai to kafeti*/
	text-align: center;
	font-size: 11px;
	font-weight: normal;
	vertical-align: middle;
	padding: 6px;
}

.table_cell_header{
	background-color: #9DD7F5;
	text-align: center;
	font-weight: bold;
	vertical-align: middle;
	padding: 6px;
}

.table_cell_header_1{
	background-color: #a1d1e8;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	vertical-align: middle;
	padding: 6px;
	width: 34%;
}

.table_cell_header_2{
	background-color: #a1d1e8;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	vertical-align: middle;
	padding: 6px;
	width: 33%;
}

#s_footer {
	float: left;
	font-family: cursive;
	font-size: 1px;
	color:#FFFFFF;
}

#logia {
	float: left;
	font-family: cursive;
	font-size: 1px;
	color:#FFFFFF;
}
