/* CSS Document */

<style type="text/css">

/*----------------------------------------------
				Page Layout
----------------------------------------------*/
body {
	margin:0;
	padding:0;
	
	color: #000;
	/*width: 600px;	*/
	}
		
#frame  /*All together*/
	{
	/*margin-right: 180px;
	background-color:#FFccFF;*/	
	
	/* -----------------------------------------------------------------
		Για κεντράρισμα στο κέντρο της οθόνης σε όλους τους browsers
	------------------------------------------------------------------ */
	position: relative;            
  	left: 40%;
	width: 950px; 
	margin-left: -360px;
	background-color:#c0c0c0;
	
	border:1px solid black;
	/*border:1px dashed red;*/
	}
		
#header {
	margin:0px;	
	height:100px;
	width:950px;
	color:#FFFFFF;
	background-color:#c0c0c0;
	
	/*background-image:url(header_foto.jpg);*/
	/*border-bottom:1px solid black;*/
	
	/*border:1px solid green;*/
	}
		
#header h1 {
	/*padding-left:50px;*/
	background:url(logo.jpg) no-repeat left center;
	
	margin: 10px 0px 0px 150px;
	height:100px;
	color:#0000FF;
	/*text-align:center;	*/
	
	/*border:1px solid green;*/
	}
		
#columnLeft {
	font-family:Arial, Helvetica, sans-serif;
	color:#0000ff;                                /* <------------ */
	font-size:12px;
	float: left;
	width: 200px;
	margin: 65px 5px 0px 30px;
	padding-top: 1em;	
			
	/*border:1px dashed blue;*/
	}
		
#columnLeft p { 
	margin-top: 0;	
		
}

#columnRight_menu {
	/*padding: 20px 0px 0px 20px;*/
	margin: 10px 0px 5px 330px;   /* The width of Right column*/
	padding-left:inherit;
		
	/*border:1px dashed green;*/
}

#columnRight {
	/*padding: 2em 1em 1em 1em;*/
	margin: 50px 20px 0px 280px;   /* The width of Right column*/
	padding-left:inherit;
	
	/*border:1px dashed red;*/
}
	
#columnRight h2 { 
	margin-top: 0;			
	}		

#footer {
	margin:20px 0px 5px 0px;
	padding:0px 0px 0px 10px;
	clear: both;
	background-color:#c0c0c0;
	font-size:11px;
	text-align:left;
	width:800px;            /*Για τον Opera, αλλίως βγάζει ότι να ναι */
	
	/*border:1px dashed black;*/
	}
/*----------------------------------------------
			Για το footer.php
----------------------------------------------*/
#footer a{
	color:#0000ff;
	text-decoration:underline;	 		
	}

#footer a:hover{
	color:#FFFFFF;
	text-decoration:none;	 		
	}

p.footereli {
	font-size:12px !important;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 10px 0px;
}

#site_validator{
	margin:0px 0px 0px 600px;
	}


/*----------------------------------------------
		 Για το Οριζόντιο μενού
----------------------------------------------*/
ul.this {
  margin: 0;
  padding: 0;
  float: left;
  width: 680px;
  list-style: none;
  text-transform: uppercase;
  
  /*border:1px dashed black;*/
}

ul.this li.that {
  float: left;
  background: url(tab-right.jpg) no-repeat top right;
  /*border:1px dashed black; */
}

/* Hack to make IE/Mac play nice */
li.that a {
  padding: 0 2em;
  line-height: 2.5em;
  background: url(tab-left.jpg) no-repeat top left;
  text-decoration: none;
  color: #00F;
  float: left;
  display: block;
}

ul.this a:hover {
  color: #FFF;
  /*background: url(tab-left_active.jpg) no-repeat top left;
  background: url(tab-right_active.jpg) no-repeat top left;*/
}


/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
					Μόνο για την σελίδα index.php που θα φαίνεται αρχικά
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
ul.this1 {
  margin: 0;
  padding: 0;
  float: left;
  width: 680px;
  list-style: none;
  text-transform: uppercase;
  
  /*border:1px dashed black;*/
}

ul.this li.that1 {
  float: left;
  background: url(tab-right_active.jpg) no-repeat top right;
  /*border:1px dashed black; */
}

/* Hack to make IE/Mac play nice */
li.that1 a {
  padding: 0 2em;
  line-height: 2.5em;
  background: url(tab-left_active.jpg) no-repeat top left;
  text-decoration: none;
  color: #000;
  float: left;
  display: block;
}

/*
ul.this a:hover {
  color: #333;
  background: url(tab-left_active.jpg) no-repeat top left;
  background: url(tab-right_active.jpg) no-repeat top left;
}*/


/*---------------------------------------------
			 Site Map
----------------------------------------------*/
#sitemap {
	font-size:16px;
	font-family:"Courier New", Courier, mono;
	font-style:italic;	      
	margin:30px 30px 40px 30px;
	
}

#sitemap a{
	
	text-decoration:none;
}

#sitemap a:hover{
	color:#ff0000;
	text-decoration:underline;	
}
/*---------------------------------------------
		 download mine types from server
----------------------------------------------*/
#download {	
	font-family:"Times New Roman", Times, serif;
	font-size:20px;
	font-style:normal;
	margin:30px 30px 40px 80px;
	color:#0000ff;
}

#download a{
	color:#0000ff;
	text-decoration:underline;
}

#download a:hover{
	color:#000000;
	text-decoration:none;	
}
/*----------------------------------------------
				Διάφορα
----------------------------------------------*/

.ports a, a:visited{
	color:#0000ff;
	text-decoration:none;
}

.ports a:hover{
	color:#0000ff;
	text-decoration:underline;
}



.kbsa {
	color:#0000FF;
	text-align:center;
}


p {
	font-family:"Times New Roman", Times, serif;
	color:#0000FF;
	font-size:16px;	
	text-indent:20px;        /* Πόσο μέσα θα ξεκινάει μία παράγραφος */
	line-height:1.2em;       /* Είναι το διάστυχο μεταξύ των γραμμών */
	padding: 0px 20px 0px 20px;
	}
/*
p:first-letter{              
	font-size:2.0em;
	font-weight:bold;
	font-style:italic;	
	}*/
	
p.hidden{
	color:#ccc;
	}

p.block{
	color:#FF8000;
	font-size:20px;
	font-style:italic;
	margin:150px 120px 50px 10px;
	}

h2,h3,h4,h5,h6{
	text-align:center;
	color:#0000ff;
	/*width:1185px;*/
	}	

h1{
	color:#FFCC00;
	text-align:center;
	}
	
tr.sillogos1{
	background-color:#999999
	}

.red{color:#FF0000;}

.portokali {
	text-align:left;
	color:#0000ff;
	/*border:1px dashed red;*/
	}

#blue{color:#0000FF;}

#Ionia h4{
	color:#FF0000;
	font-style:italic;
	}
			
/*----------------------------------------------
					Πίνακες
----------------------------------------------*/
table{
	margin:0px 0px 0px 60px;
	}

table.table1{
	border-collapse:collapse;   /* Για να μην φαίνεται το εξωτερικό Border του πίνακα που είναι και πολύ παχύ */
	width:50em;
	border:1px solid #666;      /* Μόνο το γύρω γύρω όλου του πίνακα και όχι των κελιών. */
	}

th, td {
	padding: 0.1em 0em;
	}
	
caption{
	font-size:1.2em;
	font-weight:bold;
	margin:1em 0;
	}
	
table.table_insert{
	border-collapse:collapse;   /* Για να μην φαίνεται το εξωτερικό Border του πίνακα που είναι και πολύ παχύ */
	width:50em;
	border:1px solid #666;      /* Μόνο το γύρω γύρω όλου του πίνακα και όχι των κελιών. */
	}
	
tr.hilite{background:#CCC;}     /* <tr class="<?php echo $i%2 ? 'nohilite' : 'hilite'; ?>"> */
tr.nohilite{background:FFF;}

/*a{font-variant:small-caps;text-decoration:none;}*/
/*
a{text-decoration:none;}
a:link,a:visited{color:#696A21;}
a:hover,a:active{color:#692121;text-decoration:underline overline;}
*/
/*----- Για τις κάθετες στήλες -----*/
col{
	border-right:1px solid #666;
	}
col .abc4{
	border:none;
	}	
/*----- Για τις γραμμές -----*/

table.table1 .odd {
  background-color:#edf5ff;
}

table.table1 tr:hover {
  background-color:#3d80df;
  color: #fff;
}

/*----------------------------------------------
			Drop Shadow Effect 2
	Είναι το περίγραμμα πίσω από τις εικόνες.
----------------------------------------------*/
.img-wrapper {
	background: url(shadow.gif) no-repeat bottom right;
	float:left;
	line-height:0;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 10px;
	
	/*border:1px solid green;*/
	}
 
.img-wrapper img {
 	background:#fff;
	padding:4px;
	border:1px solid #a9a9a9;
	position:relative;
	left:-5px;
	top:-5px;
	}
/* Μόνο για την σελίδα που βρισκόμαστε */
.img-wrapper2 {
	background: url(shadow.gif) no-repeat bottom right;
	float:left;
	line-height:0;
	margin:0px 0px 0px 5px;
	}
 
.img-wrapper2 img {
 	background:#fff;
	padding:4px;
	border:1px solid #a9a9a9;
	position:relative;
	left:-5px;
	top:-5px;
	}


/*----------------------------------------------
		     Rounded boxes
	Το περίγραμμα γύρω από κείμενο και εικόνες.
----------------------------------------------*/
/*
#columnRight h1
	{ 	
	background: url(rounded_corners/top_and_bottom.jpg) no-repeat left center;
	color:#FF8000;
	margin:0px 0px 50px 0px;
	}*/
/*
.periheader h1{
	text-align:center;
	font-size:28px;	
	color:#FF8000;
	width:800px;
	height:48px;
	background: url(rounded_corners/top_and_bottom.jpg) no-repeat left top;
	padding-bottom:10px;
	/*border:1px dashed black;*/
	/*margin:0px 0px 50px 0px;
	}

.periheader2lines h1{
	text-align:center;
	color:#FF8000;
	width:800px;
	height:72px;
	background: url(rounded_corners/top_and_bottom_2lines.jpg) no-repeat left top;
	padding-bottom:10px;
	/*border:1px dashed black;
	}*/

.box {
	/*margin:0px 90px 0px 90px;*/
	width: 600px;
	background: url(rounded_corners/tileeli_gray_600px.jpg) repeat-y;
	
	}

.box h3 {
	background: url(rounded_corners/topeli_gray_600px.jpg) no-repeat left top;
	padding-top: 20px;
	}

/*.box h1 {
	background: url(rounded_corners/topeli.jpg) no-repeat left top;
	padding-top: 20px;
	}*/

.box .last {
	background: url(rounded_corners/bottomeli_gray_600px.jpg) no-repeat left bottom;
	padding-bottom: 20px;
	}

.box h3 {
	padding-left: 20px;
	padding-right: 20px;
	}

.box p {
	padding-left: 20px;
	padding-right: 20px;
	}

.box ul{
	padding-left: 20px;
	padding-right: 20px;
	}

/*.box .last2 {
	background: url(rounded_corners/bottomeli.jpg) no-repeat left bottom;
	padding-bottom: 20px;
	font-family:"Courier New", Courier, mono;
	font-style:italic;
	}*/
/*----------------------------------------------
			 Φόρμα Επικοινωνίας
----------------------------------------------*/
input:focus{
	background:#ffc;
	}
	
input[type="text"]{
	width:300px;
	background-color:#99FFFF;
	}
	
input[type="hidden"]{
	width:300px;
	background-color:#99FFFF;
	}

textarea{
	width:300px;
	background-color:#99FFFF;
	}
	
input:focus, textarea:focus{
	background:#ffc;
	}
/*----------------------------------------------
              Για τον header 
			για την πάνω εικόνα
----------------------------------------------*/
.news {                      /* Το φτιάχνει όλο γκρι με γύρω γύρω */
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;
	border:solid 1px black;
	float:left;	
	}
	
.news img{
	float:left;	
	}

.news p{
	float:right;
	}
</style>