@charset "utf-8";
/* CSS Document */

#login {
		border-bottom:solid thin #999;
		box-shadow: 1px 1px 6px #777;
		-moz-box-shadow: 1px 1px 6px #777;
		-webkit-box-shadow: 1px 1px 6px #777;
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#777777')";
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#777777');
		background-color:#fff;
		opacity:0.3;
		filter:Alpha(opacity=30);
		position:relative;
		top:0px;
		left:0px;
		width:99.99%;
		padding-bottom:0%;
		padding-top:0%;
		height:20px;
		z-index:1;
		}
.login_text{
		color:#333;
		font:Calibri;
		font-family:Calibri;
		font-size:12px;
		text-decoration:none;}
		
#login_dock
		{
		background-color:#FFFFFF;
		position:relative;
		width:21%;
		height:50px;
		margin-left:69.7%;
		margin-top:0.2%;
		}
		
#logo_cont{
			/*background-color:#CCFFFF;*/
			position:relative;
			width:100%;
			margin-top:1%;
			margin-bottom:1%;
z-index:3;
			}


#date{position:relative; float:left; width:100%; height:30px; margin-top:6%; /*background-color:#FF9900;*/ text-align:center; font:Verdana, Arial, Helvetica, sans-serif; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; color:#FFFFFF;}

#top_adv{position:relative; float:left; width:45%; height:auto; margin-left:7%; margin-top:2.5%;}
#logo_adv{
			/*background-color:#a30640;*/
			background-image:url('http://e-charity.gr/css/images/logo_adv.jpg');
			position:relative;
			float:left;
			width:100%;
			height:15px;
			
			z-index:5;
		}

#tabs_cont{
	position:relative;
	float:left;
	width:99.1%;
	height:auto;
	padding-left:1%;
	padding-top:0.3%;
	padding-bottom:0.3%;
	background-color:#FFFFFF;
	opacity:0.5;
	filter:alpha(opacity=50);
	}

#tabs {
		background-color:#FFFFFF;
		position:relative;
		margin-right:0.5%;
		text-align:center;
		width:6%;
		float:left;
		font:Verdana, Arial, Helvetica, sans-serif;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:1em;
		color:#0066cc;
		}
#color_tabs{
			background-color:#CC9966;
			position:relative;
			width:6%;
			height:25px;
			float:left;
			}
		

#main {
		background-color:#fef9db;
		position:relative;
		width:100%;
		height:auto;
		float:left;
		font-size:16px;
		font:Calibri;
		font-family:Calibri;
		}
		

.path {
		position:relative;
		padding-top:0.1%;
		padding-left:0.2%;
		padding-bottom:0.1%;
		font-style:italic;
		font:Verdana, Arial, Helvetica, sans-serif;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#000000;
		}
		
#bottom_cont {
			background-color:#089F02;
			-webkit-box-shadow: 0px -1px 6px #333;
			-moz-box-shadow: 0px -1px 6px #333;
			box-shadow: 0px -1px 6px #333;
			-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
			filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
			position:relative;
			width:100%;
			height:15px;
			float:left;
			

			
			}

#bottom_cont_index {
			background-color:#089F02;
			-webkit-box-shadow: 0px -1px 6px #333;
			-moz-box-shadow: 0px -1px 6px #333;
			box-shadow: 0px -1px 6px #333;
			-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
			filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
			position:absolute;
			width:100%;
			height:15px;
						
			}
			
.taramigos{
			position:relative;
			float:right;
			}

.copyright{
			position:relative;
			float:left;
			}


#new_tefxos_foto{
			background:#0066FF;
			position:relative;
			width:90%;
			height:auto;
			margin-top:2%;
			float:left;
			}

#keimeno_tef{
			background-color:#FFFFFF;
			width:45%;
			height:auto;
			float:left;
			position:relative;
			margin-left:2%;
			margin-top:2%;
			border:solid thin #999999;
			overflow:auto;
			}

			
#news_bar{
		/*background-color:#006600;*/
		width:90%;
		height:auto;
		float:left;		
		position:relative;
		margin-left:2%;

		border:solid thin #999999;
		}
		
#select_tefxos{

		width:25%;
		height:auto;
		position:relative;
		margin-left:2%;
		float:left;
		margin-top:2%;
		}
		

#new_article_cont
		{
			
			width:78%;
			height:auto;
			position:relative;
			float:left;
			
			margin-bottom:2%;
			
		}
	
#article1 {
			background-color:#FFFFFF;
			position:relative;
			margin-left:1%;
			margin-top:1.5%;
			width:47%;
			height:100%;
			border:thin solid;
			border-color:#999999;
			float:left;
			overflow:hidden;
			
			}
			
#article2 {
			background-color:#FFFFFF;
			position:relative;
			margin-left:1%;
			margin-top:1.5%;
			width:47%;
			height:100%;
			border:thin solid;
			border-color:#999999;
			float:left;
			overflow:hidden;
			
			}



#stoixeia_syg{
			background-color:#0099CC;
			width:100%;
			height:340px;
			position:relative;
			}
#text_preview{
			background-color:#FFFF00;
			width:100%;
			height:auto;
			position:relative;
			}
#titlos_arthrou{margin-top:2%; margin-right:2%;  position:relative; float:right; font:Verdana, Arial, Helvetica, sans-serif; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; font-size-adjust: 0.4; color:#999999; text-align:right;}

.keim_arthrou{background-color:#AAA111; positon:relative; font:Verdana, Arial, Helvetica, sans-serif; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; font-size-adjust: 0.5; color:#999999; text-align:justify;}
a.submenu{font:Verdana, Arial, Helvetica, sans-serif; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-decoration:none;}
#sygrafeas{margin-left:2%; position:relative; margin-top:2%;  width:90%; height:inherit; font:Verdana, Arial, Helvetica, sans-serif; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.7em; font-size-adjust: 0.5; color:#0066cc;}


#teliko_arthro{
			
			position:relative;
			margin-left:7%;
			margin-right:7%;
			margin-bottom:5%;
			}

#epilegmeno_keimeno{
			
			position:relative;
			width:100%;
			height:auto;
			}
#tel_keim_tit{
			
			position:relative;
			margin-bottom:2%;
			
			}
#left {background-color:#00FF00; width:25px; height:300px; margin-right:0.05%; float:left;}
#right{background-color:#0066FF; width:25px; height:300px; margin-left:0.05%; float:left;}
#tefxi{ position:relative; width:1400px; height:250px; margin-left:0%; padding-top:0.2%;}

#per{position:relative; float:left; width:30%; height:auto; margin-right:2%; margin-bottom:2%;}

#small_left {position:relative; margin-top:0.8%; vertical-align:middle; width:3%; height:auto; margin-left:0.8%; margin-right:0.8%;  float:left;}
#small_right{position:relative; margin-top:0.8%; vertical-align:middle; width:3%; height:auto; margin-left:0.8%; float:left;}
#news{position:relative; background-color:#FFFFFF; width:1000px; height:auto; margin-left:-0.4%; padding-top:0.2%;}

#theme_bar{/*background-color:#a30640;*/  background-image:url(http://e-charity.gr/css/images/theme_bar.jpg); width:100%; height:auto; padding-top:0.5%; padding-bottom:0.5%; font:Verdana, Arial, Helvetica, sans-serif; font-family:Verdana, Arial, Helvetica, sans-serif; font-size-adjust:0.9em; color:#FFFFFF;}
#theme_bar2{/*background-color:#a30640;*/  background-image:url(http://e-charity.gr/css/images/theme_bar.jpg); width:100%; height:auto; padding-top:0.5%; padding-bottom:0.5%; font:Verdana, Arial, Helvetica, sans-serif; font-family:Verdana, Arial, Helvetica, sans-serif; font-size-adjust:0.9em; color:#FFFFFF;}
 
a.menu1:link {font:Verdana, Arial, Helvetica, sans-serif; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; font-size-adjust:0.7em; color:#000000; text-decoration: none;}
a.menu1:visited {font:Verdana, Arial, Helvetica, sans-serif; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; font-size-adjust:0.7em; color:#000000; text-decoration: none;}
a.menu1:active {font:Verdana, Arial, Helvetica, sans-serif; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; font-size-adjust:0.7em; color:#000000; text-decoration: none;}
a.menu1:hover {font:Verdana, Arial, Helvetica, sans-serif; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; font-size-adjust:0.7em; color:#000000; text-decoration: none;}

a.neutral:link {font:Verdana, Arial, Helvetica, sans-serif; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.7em; font-weight:bold; color:#000000; text-decoration: none;}
a.neutral:visited {font:Verdana, Arial, Helvetica, sans-serif; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.7em; font-weight:bold; color:#000000; text-decoration: none;}
a.neutral:active {font:Verdana, Arial, Helvetica, sans-serif; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.7em; font-weight:bold; color:#000000; text-decoration: none;}
a.neutral:hover {font:Verdana, Arial, Helvetica, sans-serif; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.7em; font-weight:bold; color:#000000; text-decoration: none;}

a.neutral2:link {font:Verdana, Arial, Helvetica, sans-serif; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.65em; color:#000000; text-decoration: none;  font-style:italic;}
a.neutral2:visited {font:Verdana, Arial, Helvetica, sans-serif; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.65em; color:#000000; text-decoration: none;  font-style:italic;}
a.neutral2:active {font:Verdana, Arial, Helvetica, sans-serif; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.65em; color:#000000; text-decoration: none;  font-style:italic;}
a.neutral2:hover {font:Verdana, Arial, Helvetica, sans-serif; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.65em; color:#000000; text-decoration: none;  font-style:italic;}

a.mini:link {font:Verdana, Arial, Helvetica, sans-serif; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; font-size-adjust:0.7em; color:#000000; text-decoration: none; font-style:italic;}
a.mini:visited {font:Verdana, Arial, Helvetica, sans-serif; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; font-size-adjust:0.7em; color:#000000; text-decoration: none; font-style:italic;}
a.mini:active {font:Verdana, Arial, Helvetica, sans-serif; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; font-size-adjust:0.7em; color:#000000; text-decoration: none; font-style:italic;}
a.mini:hover {font:Verdana, Arial, Helvetica, sans-serif; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; font-size-adjust:0.7em; color:#000000; text-decoration: none; font-style:italic;}

#mini{font:Verdana, Arial, Helvetica, sans-serif; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.em; font-size-adjust:0.7em; color:#000000; text-decoration: none; font-style:italic; position:relative; width:30%; background-color:#0033FF; float:left;}

a.log:link {font:Verdana, Arial, Helvetica, sans-serif; font-family:Verdana, Arial, Helvetica, sans-serif;  font-size-adjust:0.7em; color:#FFFFFF; text-decoration: none;}
a.log:visited {font:Verdana, Arial, Helvetica, sans-serif; font-family:Verdana, Arial, Helvetica, sans-serif; font-size-adjust:0.7em; color:#FFFFFF; text-decoration: none;}
a.log:active {font:Verdana, Arial, Helvetica, sans-serif; font-family:Verdana, Arial, Helvetica, sans-serif; font-size-adjust:0.7em; color:#FFFFFF; text-decoration: none;}
a.log:hover {font:Verdana, Arial, Helvetica, sans-serif; font-family:Verdana, Arial, Helvetica, sans-serif; font-size-adjust:0.7em; color:#FFFFFF; text-decoration: none;}

#side_bar{background-color:#FFFFFF; width:95%; height:auto; position:relative; border-left:solid thin #999999; margin-left:2%;}
#diafimiseis{position:relative; width:95%; height:100%; background-color:#FFFFFF;}


#displaybox {
	z-index: 10000;
	filter: alpha(opacity=50); /*older IE*/
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE */
	-moz-opacity: .50; /*older Mozilla*/
	-khtml-opacity: 0.5;   /*older Safari*/
	opacity: 0.5;   /*supported by current Mozilla, Safari, and Opera*/
	background-color:#000000;
	position:fixed; top:0px; left:0px; width:100%; height:100%; text-align:center; vertical-align:middle;
}



.tooltip {
border-bottom: 1px #000000; color: #000000; outline: none;
cursor: help; text-decoration: none;
position: relative;
}

.tooltip span {
margin-left: -999em;
position: absolute;
}

.tooltip:hover span {
border-radius: 5px 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); 
-webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); 
-moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
font-family: Calibri, Tahoma, Geneva, sans-serif;
position: absolute; 
left: 1em; 
top: 2em; 
z-index: 99;
margin-left: 0; 
width: 250px;
}

.tooltip:hover img {
border: 0; margin: -10px 0 0 -55px;
float: left; position: absolute;
}

.tooltip:hover em {
font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
display: block; padding: 0.2em 0 0.6em 0;
}



#header {
position:relative; width:100%; height:200px; padding-top:0%; margin-top:0%; z-index:5; float:left; 

background: #f2f2f2; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNzlmMDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f2f2f2 0%, #079f02 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#079f02)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f2f2f2 0%,#079f02 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f2f2f2 0%,#079f02 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f2f2f2 0%,#079f02 100%); /* IE10+ */
background: linear-gradient(top,  #f2f2f2 0%,#079f02 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#079f02',GradientType=0 ); /* IE6-8 */


}
#logo {	padding-top:1%;	padding-bottom:1%; padding-left:5%;	position:relative; width:20%; float:left; height:60%; z-index:10;}
#sum_clock { position:relative; float:right; width:25%; height:auto; padding-top:1%; padding-bottom:1%; margin-top:20px;  margin-right:20px; border-radius: 5px; -moz-border-radius: .5em; -webkit-border-radius: .5em; 
		
		background-color: #ffffff;
		opacity: 0.3;
		filter:Alpha(opacity=30);
		box-shadow: 1px 1px 6px #777;
		-moz-box-shadow: 1px 1px 6px #777;
		-webkit-box-shadow: 1px 1px 6px #777;
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#777777')";
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#777777'); 
		behavior: url(http://e-charity.gr/js/ie-css3.htc);
		}
		

#main_cont { position:relative;	width:100%;	height:50px; z-index:1; }
#menu { background-repeat:repeat-x; position:relative; padding-left:0.5%; padding-top:0.1%; width:99.5%; height:15px; font:Calibri; font-family:Calibri; font-size:1.25em; float:left;}


/* index.php */
.current_tefxos{font:Calibri; font-family:Calibri; font-size:0.9em; color:#fff; font-weight:bold; background-image:url(http://e-charity.gr/line/small.png); background-repeat:repeat-x; height:35px; line-height:35px; padding-top:-10px; position:relative;}
.past_tefxi{font:verdana; font-family:verdana; font-size:60%; color:#666; font-weight:bold; border:none; background-color:#FFFFFF;}