/*
Responsive Template Name: RS-1200 Prototype 31
File: Custom CSS
Author: OS Templates
Author URI: http://www.os-templates.com/
Licence: <a href="http://www.os-templates.com/template-terms">Website Template Licence</a>
*/

.kns_frame {
width:100%;
/* margin-top:40px; */
scrolling:auto;
border:0!important;
frameborder:0;
}

.therini-proetoimasia {box-shadow: 5px 10px 18px #000000; }
.therini-proetoimasia:hover {box-shadow: 5px 10px 18px #FFFFFF;}


.logo {border:0;
		max-width:35%!important;
		-webkit-box-shadow: 0px 3px 5px 10px rgba(0,0,0,0);
		-moz-box-shadow: 0px 3px 5px 10px rgba(0,0,0,0);
		box-shadow: 0px 3px 5px 10px rgba(0,0,0,0);
		margin-top:-6%;
		margin-bottom:1%;
}

.row404{min-height: 500px; color:#000000; background-color:#FFFFFF; background:url("images/paper_final.jpg") no-repeat left top; -moz-background-size:100% 100%; -webkit-background-size:100% 100%; background-size:100% 100%; }
.ml-50pc {margin-left: 50%!important; margin-top: 12%!important;}
.white-text {color: #fefefe!important;}
.client-text {color: #0a58a6!important;}
.s_client-text {color: #d91e43!important;}
.font-normal, #container .font-normal{text-transform:none!important;}



.offset-1 {
  margin-left: 8.333333%;
}

.offset-2 {
  margin-left: 16.666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.333333%;
}

.offset-4-5 {
  margin-left: 37%!important;
}
.offset-5 {
  margin-left: 41.666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.333333%;
}

.offset-8 {
  margin-left: 66.666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.333333%;
}

.offset-11 {
  margin-left: 91.666667%;
}

@media screen and (min-width:800px){
	.m_l_15 {margin-left:15%!important;}
	.m_l_25 {margin-left:25%!important;}
	/* .logo {margin-left: 80%!important;} */
}
@media screen and (max-width:799px){
	.logo {max-width:50%!important; margin-top:0%!important;} 
	.offset-4-5-sm {margin-left: 25%!important;}
}

@media screen and (min-width:768px){
	
}



/* Rows */
.row-float-left		{ float:left;  text-align:left;  }
.row-float-right	{ float:right; text-align:right;}
.row-clearer 		{ clear: both; height:0px; font-size:0px;}


.img_cl {max-width:100%; -webkit-box-shadow: 0px 3px 5px 3px rgba(0,0,0,0);
-moz-box-shadow: 0px 3px 5px 3px rgba(0,0,0,0);
box-shadow: 0px 3px 5px 3px rgba(0,0,0,0);}

/*****************************************************************/
/* my framework 						 */
/*****************************************************************/

.pad5{padding:5px;}
.pad10{padding:10px;}
.pad15{padding:15px;}
.pad20{padding:20px;}
.pad25{padding:25px;}
.pad30{padding:30px;}
.pad35{padding:35px;}
.pad40{padding:40px;}
.pad45{padding:45px;}
.pad50{padding:50px;}
.pad55{padding:55px;}
.pad60{padding:60px;}
.pad65{padding:65px;}
.pad70{padding:70px;}
.pad75{padding:75px;}
.pad80{padding:80px;}
.pad85{padding:85px;}
.pad90{padding:90px;}
.pad95{padding:95px;}
.pad100{padding:100px;}

.pad-top-10	{ padding-top:10px !important; }
.pad-bottom-10	{ padding-bottom:10px !important; }
.pad-left-10	{ padding-left:10px !important; }
.pad-right-10	{ padding-right:10px !important; }

.marg-top-10	{ margin-top:10px !important; }
.marg-bottom-10	{ margin-bottom:10px !important; }
.marg-left-10	{ margin-left:10px !important; }
.marg-right-10	{ margin-right:10px !important; }

.marg-top-20	{ margin-top:20px !important; }
.marg-bottom-20	{ margin-bottom:20px !important; }
.marg-left-20	{ margin-left:20px !important; }
.marg-right-20	{ margin-right:20px !important; }

.marg-top-30	{ margin-top:30px !important; }
.marg-bottom-30	{ margin-bottom:30px !important; }
.marg-left-30	{ margin-left:30px !important; }
.marg-right-30	{ margin-right:30px !important; }

.marg-top-40	{ margin-top:40px !important; }
.marg-bottom-40	{ margin-bottom:40px !important; }
.marg-left-40	{ margin-left:40px !important; }
.marg-right-40	{ margin-right:40px !important; }

.marg-top-50	{ margin-top:50px !important; }
.marg-bottom-50	{ margin-bottom:50px !important; }
.marg-left-50	{ margin-left:50px !important; }
.marg-right-50	{ margin-right:50px !important; }

.marg-top-60	{ margin-top:60px !important; }
.marg-bottom-60	{ margin-bottom:60px !important; }
.marg-left-60	{ margin-left:60px !important; }
.marg-right-60	{ margin-right:60px !important; }


.marg-top-110	{ margin-top:110px !important; }
.marg-bottom-110	{ margin-bottom:110px !important; }
.marg-left-100	{ margin-left:110px !important; }
.marg-right-100	{ margin-right:110px !important; }


.marg-top-m10	{ margin-top:-10px !important; }
.marg-bottom-m10{ margin-bottom:-10px !important; }
.marg-left-m10	{ margin-left:-10px !important; }
.marg-right-m10	{ margin-right:-10px !important; }

.marg-top-m20	{ margin-top:-20px !important; }
.marg-bottom-m20{ margin-bottom:-20px !important; }
.marg-left-m20	{ margin-left:-20px !important; }
.marg-right-m20	{ margin-right:-20px !important; }

.marg-top-m30	{ margin-top:-30px !important; }
.marg-bottom-m30{ margin-bottom:-30px !important; }
.marg-left-m30	{ margin-left:-30px !important; }
.marg-right-m23	{ margin-right:-30px !important; }


.marg-top-m40	{ margin-top:-40px !important; }
.marg-bottom-m40{ margin-bottom:-40px !important; }
.marg-left-m40	{ margin-left:-40px !important; }
.marg-right-m40	{ margin-right:-40px !important; }

.marg-top-m60	{ margin-top:-60px !important; }
.marg-bottom-m60{ margin-bottom:-60px !important; }
.marg-left-m60	{ margin-left:-60px !important; }
.marg-right-m60	{ margin-right:-60px !important; }

.marg-top-m90	{ margin-top:-90px !important; }
.marg-bottom-m90{ margin-bottom:-90px !important; }
.marg-left-m90	{ margin-left:-90px !important; }
.marg-right-m90	{ margin-right:-90px !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: 0em auto 1.5em auto; }
table.tblepit td,th	{ border-top:1px solid #ccc; padding:4px 8px; }
table.tblepit th,  	
table.tblepit th.row2	{ background: #008282; 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; }		 		 
table.tblepit td.blue-cl				{ color:#19959a!important; font-weight: 900!important;}		 		 

/* 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: "ΣΧΟΛΗ ΕΠΙΤΥΧΙΑΣ:"; }
}
/* ********************************************************************************************************************** */
/* programmara spoudon*/		 
/* ********************************************************************************************************************** */		 

table.tprog{
            width: 100%;
			margin: 0 auto 30px auto; /* Κεντράρισμα και απόσταση μεταξύ των πινάκων */
			border-collapse: collapse;
            font-size: 16px;
        }
        th, td {
            border: 1px solid #000000;
            padding: 10px;
            text-align: center;
        }
        th {
            background-color: #8a1c1e!important; /* Σκούρο κόκκινο χρώμα κεφαλίδας */
            color: white;
            font-weight: bold;
        }
		 /* Κεντράρισμα για τις ώρες */
        .hours {
            text-align: center;
            width: 25%;
        }
        /* Στυλ για την τελευταία γραμμή (ΣΥΝΟΛΟ) */
        .total-row td {
            background-color: #c0c0c0!important; /* Γκρι φόντο */
            font-weight: bold;
            font-size: 18px;
        }
		 /* Στυλ για την τελευταία γραμμή (ΣΥΝΟΛΟ) Γ' Λυκείου */
        .gtotal-row td {
            background-color: #8a1c1e; /* Σκούρο κόκκινο φόντο */
            color: white;
            font-weight: bold;
        }
        /* Στοίχιση αριστερά για την πρώτη στήλη των μαθημάτων */
        .course-name {
            text-align: left;
            font-weight: bold;
        }
		
		.section-title {
            font-size: 18px;
            font-weight: bold;
            text-align: center;
            margin-top: 30px;
            margin-bottom: 15px;