/*

Responsive Template Name: RS-Fusion V.1

File: Layout CSS

Author: OS Templates

Author URI: //www.os-templates.com/

Licence: <a href="//www.os-templates.com/template-terms">Website Template Licence</a>

*/



@import url(framework.css);

@import url(navi.css);

@import url(forms.css);

@import url(tables.css);

@import url(homepage.css);

@import url(gallery.css);

@import url(portfolio.css);



html{overflow-y:scroll;} /* Forces a scrollbar when the viewport is larger than the websites content - CSS3 */



/**********************************************************************/
/*** keystone fix ***/
/**********************************************************************/
	body { 
		margin:0; padding:0; font-size:100%; font-family:'Open Sans',Tahoma,serif; color:#919191; font-size:1em; 
		/*background:#D8D8D8 url(../images/bg.jpg); */
		background:#D8D8D8 url(../images/bg.png) no-repeat left top fixed; 
	  	-webkit-background-size: cover;
	  	-moz-background-size: cover;
	  	-o-background-size: cover;
	 	 background-size: cover;
	}



p, ul {font-family:'Open Sans',Tahoma,serif; font-size:1em;}

p.content_txt	{ font-family:'Open Sans'; font-size:1.2em; }



.justify{text-align:justify;}

.bold{font-weight:bold;}

.center{text-align:center;}

.right{text-align:right;}

.nostart{margin:0; padding:0; list-style:none;}

.hidden {display:none;}



.clear:after{content:"."; display:block; height:0; clear:both; visibility:hidden; line-height:0;}

.clear{display:block; clear:both;}

html[xmlns] .clear{display:block;}

* html .clear{height:1%;}



a {outline:none; text-decoration:none;}



.fl_left{float:left;}

.fl_right{float:right;}



img{width:auto; max-width:100%; height:auto; margin:0; padding:0; border:none; line-height:normal; vertical-align:middle;}

.imgholder, .imgl, .imgr{padding:4px; border:1px solid #D6D6D6; text-align:center;}

.imgl{float:left; margin:0 15px 15px 0; clear:left;}

.imgr{float:right; margin:0 0 15px 15px; clear:right;}



/*----------------------------------------------HTML 5 Overrides-------------------------------------*/



address, article, aside, figcaption, figure, footer, header, nav, section{display:block; margin:0; padding:0;}



q{display:block; padding:0 10px 8px 10px; color:#979797; background-color:#ECECEC; font-style:italic; line-height:normal;}

q:before{content:'“ '; font-size:26px;}

q:after{content:' „'; font-size:26px; line-height:0;}



/*----------------------------------------------Responsive Videos-------------------------------------*/



.video{display:block; position:relative; width:100%; height:0; margin:0; padding:0 0 56.25% 0; /* using a 16:9 aspect ratio, the height is 56.25% of the width (9/16=0.5625) */}

.video iframe{display:block; position:absolute; width:100%; height:100%; margin:0; padding:0;}



/* ----------------------------------------------Wrapper-------------------------------------*/



div.wrapper{display:block; width:100%; margin:0; padding:0; text-align:left;}


/* header */
.row1 {
	max-height:120px;
	/*background:#222; 
	background: -webkit-linear-gradient(left top, #222, #C0C0C0); 
	background: -o-linear-gradient(bottom right, #222, #C0C0C0); 
	background: -moz-linear-gradient(bottom right, #222, #C0C0C0);
	background: linear-gradient(to bottom right, #222, #C0C0C0); 
	*/
	
} 
.row1, 
.row1 a	{color:#333333;}

/* menu */
.row2	{ 
		background:#aaa; 
		background: -webkit-linear-gradient(left top, #222, #999);
		background: -o-linear-gradient(bottom right, #222, #999);
		background: -moz-linear-gradient(bottom right, #222, #999);
		background: linear-gradient(to bottom right, #222, #999);
	 }

/* content */
.row3{color:#333333;}
.row3 a{color:#FF9900;}
.row3 a:hover{color:#31b8d0; }

/* footer */
.row4 { 
	background:#222; 
	background: -webkit-linear-gradient(left top, #222, #999);
	background: -o-linear-gradient(bottom right, #222, #999);
	background: -moz-linear-gradient(bottom right, #222, #999);
	background: linear-gradient(to bottom right, #222, #999);
}
.row4 a		{ color:#ffffff; }
.row4 a		{ color:#ffffff; }
.row4 a:hover	{ color:#AB373F; }


.row5, .row5 a{color:#333333;}






/*----------------------------------------------Generalise-------------------------------------*/



h5, h6 {margin:0 0 8px 0; padding:0; font-size:1.2em; font-weight:normal; line-height:normal; }



h1 {margin:0 0 8px 0; padding:0; font-size:2.2em; font-weight:400; line-height:normal; text-shadow: 2px 2px #e6e6e6;}

h2 {margin:-8px 0 8px 0; padding:0; font-size:1.4em; font-weight:400; line-height:normal; text-shadow: 1px 1px #fefefe; color: #31b8d0;}

h2.blue-yellow	{ text-shadow: 2px 2px 2px #FBE503; color: #382576;}
h2.yellow-blue	{ text-shadow: 1px 1px 0px #382576; color: #FBE503;}


h3 {margin:0 0 0px 0; padding:0; font-size:1.7em; font-weight:500; line-height:normal;}

h4 {margin:0 0 17px 0; padding:0; font-size:1.1em; font-weight:700; line-height:normal; color: #ffffff; text-shadow: 1px 1px #333333;}

h5 {margin:-8px 0 8px 0; padding:0; font-size:1.3em; font-weight:400; line-height:normal; text-shadow: 1px 1px #fefefe; color:#F3AE37;}




address{font-style:normal;}



blockquote, q{display:block; padding:8px 10px; color:#979797; background-color:#ECECEC; font-style:italic; line-height:normal;}

blockquote:before, q:before{content:'“ '; font-size:26px;}

blockquote:after, q:after{content:' „'; font-size:26px; line-height:0;}



.more { text-align:right; clear:both; }



#header, #topnav, #container, #footer, #copyright{ margin:0 auto; font-size:.8em; }



/*----------------------------------------------Header-------------------------------------*/



#header		{padding:-5px 0px;}

#header #hgroup	{ display:block; float:left; width:auto; clear:right; }

#header #hgroup h1, 
#header #hgroup h2 {margin:0; font-weight:normal; text-transform:none;}

#header #hgroup h1 {font-size:2.5em; font-weight:bold; }

#header #hgroup h2 {font-size:1em;}

#header #hgroup h5 { font-size: 1.7em !important; text-shadow: 1px 1px #fbe503 !important; margin:0px !important; text-align: right; }

#header marquee {height:100%; width:260px; height:90px; font-size:12pt;font-weight:bold;color:#000; overflow:hidden; }

/*----------------------------------------------Content Area-------------------------------------*/



#container{padding:30px 0;}

#container h1, #container h2, #container h3, #container h4, #container h5, #container h6{margin-bottom:20px;}

#container section{display:block; width:100%; margin:0 0 30px 0; padding:0;}



/* ------Content-----*/



#container #content{float:left; width:65.625%; margin-bottom:0;}



/* ------Comments-----*/



#comments ul{margin:0 0 40px 0; padding:0; list-style:none;}

#comments li.comment_odd, #comments li.comment_even{margin:0 0 10px 0; padding:15px; list-style:none;}

#comments li.comment_odd{color:#666666; background-color:#F7F7F7;}

#comments li.comment_odd a{color:#FF9900; background-color:#F7F7F7;}

#comments li.comment_even{color:#666666; background-color:#E8E8E8;}

#comments li.comment_even a{color:#31b8d0; background-color:#E8E8E8;}

#comments article, #comments header{display:block; width:100%;}

#comments figure{float:right; margin:0 0 10px 10px; padding:3px; border:1px solid #DEDACB; text-align:center;}

#comments figure img{float:inherit;}

#comments header address{font-weight:bold;}

#comments header time{font-size:smaller;}

#comments article section{margin:0; padding:0;}

#comments article section p{margin:10px 5px 10px 0; padding:0;}



/* ------Right Column-----*/

#container #right_column 	{ float:right; width:31.25%; }

#container #right_column a,
#container #right_column a:visited	{ color:#38228C; }
#container #right_column a:hover	{ color:#A81500; }

aside h2 { padding-bottom:8px; font-size:1.2em; text-transform:uppercase; border-bottom:5px solid #CCCCCC; text-align:right; }

aside h3 { padding-bottom:2px; color: #666; font-size:1.4em; font-weight:500; border-bottom:2px solid #888; text-align:right; }

aside  address	{ padding:0px 0px 10px 0px ; margin:0px; } 

aside div.gmapsmall-container		{ width:99%;  height:320px; display:inline-block; overflow:hidden; border:1px solid #ccc;}
aside div.gmapsmall-container iframe	{ width:100%; height:320px; /*top:-50px;*/ position:relative; border:none;  scrolling:no;}	

aside p.gmapstxt  	{ text-align:right; margin:0; padding:0; }	
aside p.gmapstxt a,
aside p.gmapstxt a:visited  	{ font-size:0.8em; }	

/*----------------------------------------------Footer-------------------------------------*/

#footer				{ padding:30px 0; line-height:1.6em;}
#footer section			{ margin-bottom:0;}
#footer h4			{font-size:16px; margin-bottom:10px; }
/*#footer section h2.title	{margin:0 0 25px 0; padding:0; color:#FFFFFF; background:#4b7184; font-size:.85em; font-weight:bold; text-transform:uppercase;}*/

#footer ul			{margin:0; padding:0; list-style:none;}
#footer p			{margin:5px 0; padding:0; color:#fff; }

#footer a       { color:#fff;    background:none; }
#footer a:hover { color:#DC0000; background:none; }

#footer address	 	{ color:#fff; line-height:30px; font-size:14px; } 
#footer address a 	{ color:#fff; text-decoration:underline; letter-spacing: 0.025em;} 
#footer address a:hover	{ color:#ddd; } 


#footer div.gmapsmall-container		{ width:95%;   height:300px; display:inline-block; overflow:hidden; border:1px solid #ccc;  margin:10px auto 0px auto; }
#footer div.gmapsmall-container iframe	{ width:100%;  height:300px; /*top:-50px;*/ position:relative; border:none;  scrolling:no; }	

#footer p.gmapstxt  		{ text-align:right; margin:0; padding:0; }	
#footer p.gmapstxt a,
#footer p.gmapstxt a:visited  	{ color:#eee; font-size:0.85em;}
#footer p.gmapstxt a:hover  	{ color:#F11D1D; }





/* ------Blogposts-----*/

#footer section article header h2	{font-size:100%; font-weight:bold;}
#footer section article address,
#footer section article time		{font-size:10px; font-style:normal;}




/* ------Quick Links-----*/

#footer section nav li		{ margin:0 0 8px 0; padding:0 0 5px 0; border-bottom:1px solid #999;}
#footer section nav li.last	{ margin:0;}
#footer section nav a		{ padding:0 0 0 10px; background:url("../images/arrow.gif") left center no-repeat;}
#footer section nav a:hover	{ color: #F11D1D;}





/* ------Gallery-----*/



#footer .ft_gallery li{display:block; float:left; width:auto;}



/* ---Tweet Box---*/



#footer .ft_tweets li{margin-bottom:10px;}



/*----------------------------------------------Copyright-------------------------------------*/



#copyright  		{ padding:20px 0; }
#copyright p		{ font-size: 0.8em; margin:0; padding:0;}
#copyright a:hover 	{ color:#C70000; } 



/*----------------------------------------------Keystone-------------------------------------*/

.diafimiseis {display:inline-block; border: 5px solid #ffffff; margin-right: 10px; margin-bottom: 10px; -moz-box-shadow: 1px 1px 1px 1px #ccc; -webkit-box-shadow: 1px 1px 1px 1px #ccc; box-shadow: 1px 1px 1px 1px #ccc;}



@media screen and (min-width : 1025px)
{
	.thalis {position: absolute; top: 5px; right: 200px; z-index: 0; width: 200px; }
	#header { height: 180px; }
}

@media screen and (min-width : 1000px) and (max-width : 1024px)
{
	.thalis {position: absolute; top: 10px; right: 5px; z-index: 0; width: 200px;  }
}

@media screen and (max-width : 999px)
{
	.thalis {display:none;}
}

img.footer-oefe-logo
{
	margin-left:5px; 
	box-shadow:         0px 0px 5px 5px #333; 
	-webkit-box-shadow: 0px 0px 5px 5px rgba(51, 51, 51, 0.58);
	-moz-box-shadow:    0px 0px 5px 5px rgba(51, 51, 51, 0.58);
	box-shadow:         0px 0px 5px 5px rgba(51, 51, 51, 0.58);	

}

a.footer-oefe-logo:link,
a.footer-oefe-logo:hover
{
	background:none !important;
}



/* ********************************************************************************************************************** */
/* Simple responsive table for epitixontes(only css): tblepit */		 
/* ********************************************************************************************************************** */		 

table.tblepit		{ background: #fff; border-collapse:collapse; box-shadow:1px 1px 5px #bbb;border:1px solid #bbb; margin-bottom:1.5em; }
table.tblepit td,th	{ border-top:1px solid #ccc; padding:4px 8px; }
table.tblepit th,  	
table.tblepit th.row2	{ background: #31b8d0; color:#eee; font-weight:bold; vertical-align:middle; font-size:13px; }
table.tblepit th.row1	{ background: #660066; color:#fff; font-weight:bold; vertical-align:middle; padding:8px 8px;}

/*table.tblepit tbody tr:nth-of-type(2n+1)	{ background-color:#efefef}*/
table.tblepit td.set-txt-align-c		{ text-align:center; vertical-align:top;}		 
table.tblepit td.set-txt-align-l		{ text-align:left;   vertical-align:top;}
table.tblepit td.set-txt-align-r		{ text-align:right;  vertical-align:top;}			
table.tblepit td.set-txt-valign-t		{ vertical-align:top;}			
table.tblepit td.set-bold			{ font-weight: bold; }
table.tblepit td.set-no-wrap			{ white-space: nowrap; }		 		 

/* full view 851px + */
@media screen and (min-width:701px) 
{
	table.tblepit td,th	{ border-top:1px solid #ccc; padding:4px; font-size:12px; }			
}			

/* compact view < 700px */
@media screen and (max-width: 700px)
{
	table.tblepit				{ width:100%; }
	table.tblepit thead			{ display:none; vertical-align:top;}
	table.tblepit tbody tr:nth-of-type(2n+1){ background-color:inherit; }
	table.tblepit tr td:first-child		{ background:#f0f0f0; font-weight:bold; font-size:1.1em; }
	table.tblepit tbody td			{ display:block; text-align:left; }
	table.tblepit tbody td:before		{ content:attr(data-th); display:block; text-align:left; padding-left:5px;}

	table.tblepit td.set-txt-align-c	{ text-align:left; vertical-align:top; }		 
	table.tblepit td.set-txt-align-l	{ text-align:left; vertical-align:top; }
	table.tblepit td.set-txt-align-r	{ text-align:left; vertical-align:top; }
	table.tblepit td.set-no-wrap		{ white-space: normal; }
	
	/* Behave  like a "row" */
	table.tblepit td 		{ border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; }
	
	/* Now like a table header */
	/* Top/left values mimic padding */
	table.tblepit td:before	{ position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; }

	/* Label the data: */
	table.tblepit td:nth-of-type(1):before { content: "ΑΑ:"; }
	table.tblepit td:nth-of-type(2):before { content: "ΕΠΩΝΥΜΟ:"; }
	table.tblepit td:nth-of-type(3):before { content: "ΟΝΟΜΑ:"; }
	table.tblepit td:nth-of-type(4):before { content: "ΣΧΟΛΗ ΕΠΙΤΥΧΙΑΣ:"; }
}


/*******************************************************************/
/* contact parartimata */
/*******************************************************************/
#parartimata a,
#parartimata a:visited	{ color:#38228C; }
#parartimata a:hover	{ color:#A81500; }

#parartimata h1 { font-size: 1.4em; }
#parartimata h3 { padding:2px 0px 2px 0px; color: #666; font-size:1.3em; font-weight:500; border-bottom:2px solid #888;  border-top:2px solid #888;  text-align:left; }

#parartimata  address	{ padding:0px 0px 10px 0px; margin:0px; font-size:1em;} 

#parartimata div.gmapsmall-container		{ width:95%;  height:320px; display:inline-block; overflow:hidden; border:1px solid #ccc;  margin:0 auto; }
#parartimata div.gmapsmall-container iframe	{ width:100%;  height:320px; /*top:-50px;*/ position:relative; border:none;  scrolling:no;}	

#parartimata p.gmapstxt  	{ text-align:right; margin:0; padding:0; }	
#parartimata p.gmapstxt a,
#parartimata p.gmapstxt a:visited  	{ font-size:0.9em; }


/*******************************************************************/
/* override parartimata  for footer */
/*******************************************************************/
#footer #parartimata { padding: 25px 0px 25px 0px; }
#footer #parartimata .one_third { border-bottom:1px solid #ccc;  }

#footer #parartimata a,
#footer #parartimata a:visited	{ color:#cecece; text-decoration:underline; }
#footer #parartimata a:hover	{ color:#1EABD0; }

#footer #parartimata h1 { font-size: 1.4em; }
#footer #parartimata h3 { 
	margin-bottom:10px; 
	padding:2px 0px 2px 0px; 
	color: #fff; text-shadow: 1px 1px #333333; font-size:1.3em; font-weight:500; 
	border-bottom:1px solid #ccc;  
	border-top:1px solid #ccc;  
	text-align:left;
}
#footer #parartimata h3 img { float:right; padding-top:3px; padding-left:6px; }

#footer #parartimata  address		{ padding:0px 0px 10px 0px; margin:0px; font-size:1em; line-height:18px; } 
/*#footer #parartimata  address img	{ padding:0px 0px 3px 0px; margin:0px;  } */



/*******************************************************************/
/* ekdoseis */
/*******************************************************************/
#ekdoseis article 	{ text-align:center;  margin: 0 auto;  }
#ekdoseis article img	{ padding:3px; border: 1px solid #999;  }
#ekdoseis article h2	{ padding:10px 0px 0px 0px; color: #333; font-size:1em; font-weight:500; text-align:center;  }

/*******************************************************************/
/* xoroi */
/*******************************************************************/
#xoroi article 		{ text-align:center;  margin: 0 auto;  }
#xoroi article img	{ padding:3px; border: 1px solid #999;  }
#xoroi article h2	{ padding:10px 0px 0px 0px; color: #333; font-size:1em; font-weight:500; text-align:center;  }

/*******************************************************************/
/* misc */
/*******************************************************************/
figure.online_egrafi 	{ width:80%; margin:0 auto;}
div.divider-dotted	{ width:99%; border-top: 1px dotted #333; height:1px; font-size:1px; margin:0px auto; padding:0px 0px 20px 0px; }



#kentro_meletis_obj_container	{ width:160px; height:80px; background:#96BB31; border: 1px solid #eee; margin: 15px auto 0 auto; }
#support_obj_container		{ width:380px; height:136px; background:#fff;   border: 1px solid #eee; }


#newapps_images_container 	{ background:#EFEFEF; padding:0px;  text-align:center;  box-shadow: 1px 1px 10px #fff; }
#newapps_images_container  img	{ margin:2px 6px;  }




/* compact view < 700px */
@media screen and (max-width: 700px)
{
	#support_obj_container { max-width:100%; background:#fff; border: 1px solid #eee; overflow:hidden; }

}


/********* top right slogan *************/
@media screen and (min-width : 1025px)
{
	.toprightslogan {position: absolute; top: 0px; right: 200px; z-index: 0; height: 195px; }
}

@media screen and (min-width : 1000px) and (max-width : 1024px)
{
	.toprightslogan {position: absolute; top: 10px; right: 5px; z-index: 0; height: 195px;  }
}

@media screen and (max-width : 999px)
{
	.toprightslogan{display:none;}
}