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

.container {
	background-repeat:no-repeat;
	position:absolute;
	border: none;
	width:1014px;
	left: 0px;
	top: 0px;
	height: 700px;
	z-index:250;
}
.content {
	position: absolute;
	border: none;
	width: 1014px;
	left: 1px;
	top: 149px;
	height: 543px;
	overflow:auto;
	z-index: 11;
}
.fonto_teacher {
	position:relative;
	border: none;
	width: 1014px;
	height: 700px;	
	background-image: url(http://elearning.edc.uoc.gr/cdn/moodle/mod/page/library/ekpaideutikoi/images/a_1.jpg);
	background-repeat: no-repeat;
	background-color:#f5f6f2;
	margin: 0 auto;
	z-index:10;
}

.fonto_paidia {
	position:relative;
	border: none;
	width: 1014px;
	height: 700px;	
	background-image: url(http://elearning.edc.uoc.gr/cdn/moodle/mod/page/library/a1_a2/images/c_1.jpg);
	background-repeat: no-repeat;
	background-color:#f5f6f2;
	margin: 0 auto;
	z-index:10;
}
.fonto_neoi {
	position:relative;
	border: none;
	width: 1014px;
	height: 700px;	
	background-image: url(http://elearning.edc.uoc.gr/cdn/moodle/mod/page/library/b1_b2/images/b_1.jpg);
	background-repeat: no-repeat;
	background-color:#f5f6f2;
	margin: 0 auto;
	z-index:10;
}


.exit_ekp {
	position: absolute;
	border: none;
	width: 40px;
	height: 40px;
	left: 68px;
	top: 73px;
}

.logotexnia_ekp {
	position: absolute;
	border: none;
	width: 40px;
	height: 40px;
	left: 119px;
	top: 170px;
}

.logismika_ekp {
	position: absolute;
	border: none;
	width: 40px;
	height: 40px;
	top: 448px;
	left: 466px;
}

.lexika_ekp {
	position: absolute;
	border: none;
	width: 40px;
	height: 40px;
	left: 120px;
	top: 424px;
}

.istoria_ekp {
	position: absolute;
	border: none;
	width: 40px;
	height: 40px;
	left: 626px;
	top: 440px;
}
.sigrammata_ekp {
	position: absolute;
	border: none;
	width: 40px;
	height: 40px;
	left: 290px;
	top: 432px;
}
.www_links_ekp {
	position: absolute;
	border: none;
	width: 40px;
	height: 40px;
	left: 314px;
	top: 42px;
}
.organismoi_ekp {
	position: absolute;
	border: none;
	width: 40px;
	height: 40px;
	left: 779px;
	top: 178px;
}
.adresses_ekp {
	position: absolute;
	border: none;
	width: 40px;
	height: 40px;
	left: 458px;
	top: 77px;
}
.digital_library_ekp {
	position: absolute;
	border: none;
	width: 40px;
	height: 40px;
	left: 462px;
	top: 327px;
}
.senaria_ekp {
	position: absolute;
	border: none;
	width: 40px;
	height: 40px;
	left: 367px;
	top: 180px;
}
.exit_neoi {
	position: absolute;
	border: none;
	width: 40px;
	height: 40px;
	left: 31px;
	top: 35px;
}
.glossa_logotexnia_neoi {
	position: absolute;
	border: none;
	width: 40px;
	height: 40px;
	left: 599px;
	top: 154px;
}
.istoria_politismos_neoi {
	position: absolute;
	border: none;
	width: 40px;
	height: 40px;
	top: 449px;
	left: 224px;
}
.pc_neoi {
	position: absolute;
	border: none;
	width: 40px;
	height: 40px;
	left: 556px;
	top: 305px;
}
.cd_neoi {
	position: absolute;
	border: none;
	width: 40px;
	height: 40px;
	left: 269px;
	top: 185px;
}
.geografy_neoi {
	position: absolute;
	border: none;
	width: 40px;
	height: 40px;
	left: 876px;
	top: 281px;
}
.koinonika_neoi {
	position: absolute;
	border: none;
	width: 40px;
	height: 40px;
	left: 689px;
	top: 462px;
}

.exit_paidia {
	position: absolute;
	border: none;
	width: 40px;
	height: 40px;
	left: 42px;
	top: 210px;
}

.logotexnia_paidia {
	position: absolute;
	border: none;
	width: 40px;
	height: 40px;
	left: 473px;
	top: 68px;
}

.istoria_paidia {
	position: absolute;
	border: none;
	width: 40px;
	height: 40px;
	top: 453px;
	left: 78px;
}
.pc_paidia {
	position: absolute;
	border: none;
	width: 40px;
	height: 40px;
	left: 662px;
	top: 314px;
}
.camera_paidia {
	position: absolute;
	border: none;
	width: 40px;
	height: 40px;
	left: 437px;
	top: 478px;
}
.geografy_paidia {
	position: absolute;
	border: none;
	width: 40px;
	height: 40px;
	left: 215px;
	top: 159px;
}
.sindeseis_paidia {
	position: absolute;
	border: none;
	width: 40px;
	height: 40px;
	left: 649px;
	top: 43px;
}

ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
	padding: 0;
	margin: 0;
}

.fasa_teacher_logotexnia {
	position:relative;
	border: none;
	width: 1014px;
	height: 700px;	
	background-image: url(http://elearning.edc.uoc.gr/cdn/moodle/mod/page/library/ekpaideutikoi/images/a2_c.jpg);
	background-repeat: no-repeat;
	background-color:#eae7e7;
	margin: 0 auto;
	z-index:10;
}

.fasa_teacher_logismika {
	position:relative;
	border: none;
	width: 1014px;
	height: 700px;	
	background-image: url(http://elearning.edc.uoc.gr/cdn/moodle/mod/page/library/ekpaideutikoi/images/a3_c.jpg);
	background-repeat: no-repeat;
	background-color:#eae7e7;
	margin: 0 auto;
	z-index:10;
}

.fasa_teacher_lexika {
	position:relative;
	border: none;
	width: 1014px;
	height: 700px;	
	background-image: url(http://elearning.edc.uoc.gr/cdn/moodle/mod/page/library/ekpaideutikoi/images/a4_c.jpg);
	background-repeat: no-repeat;
	background-color:#eae7e7;
	margin: 0 auto;
	z-index:10;
}

.fasa_teacher_istoria {
	position:relative;
	border: none;
	width: 1014px;
	height: 700px;	
	background-image: url(http://elearning.edc.uoc.gr/cdn/moodle/mod/page/library/ekpaideutikoi/images/a5_c.jpg);
	background-repeat: no-repeat;
	background-color:#eae7e7;
	margin: 0 auto;
	z-index:10;
}

.fasa_teacher_sigrammata {
	position:relative;
	border: none;
	width: 1014px;
	height: 700px;	
	background-image: url(http://elearning.edc.uoc.gr/cdn/moodle/mod/page/library/ekpaideutikoi/images/a6_c.jpg);
	background-repeat: no-repeat;
	background-color:#eae7e7;
	margin: 0 auto;
	z-index:10;
}
.fasa_teacher_www_links {
	position:relative;
	border: none;
	width: 1014px;
	height: 700px;	
	background-image: url(http://elearning.edc.uoc.gr/cdn/moodle/mod/page/library/ekpaideutikoi/images/a7_c.jpg);
	background-repeat: no-repeat;
	background-color:#eae7e7;
	margin: 0 auto;
	z-index:10;
}
.fasa_teacher_organismoi {
	position:relative;
	border: none;
	width: 1014px;
	height: 700px;	
	background-image: url(http://elearning.edc.uoc.gr/cdn/moodle/mod/page/library/ekpaideutikoi/images/a8_c.jpg);
	background-repeat: no-repeat;
	background-color:#eae7e7;
	margin: 0 auto;
	z-index:10;
}
.fasa_teacher_adreses {
	position:relative;
	border: none;
	width: 1014px;
	height: 700px;	
	background-image: url(http://elearning.edc.uoc.gr/cdn/moodle/mod/page/library/ekpaideutikoi/images/a9_c.jpg);
	background-repeat: no-repeat;
	background-color:#eae7e7;
	margin: 0 auto;
	z-index:10;
}
.fasa_teacher_digital_libraries {
	position:relative;
	border: none;
	width: 1014px;
	height: 700px;	
	background-image: url(http://elearning.edc.uoc.gr/cdn/moodle/mod/page/library/ekpaideutikoi/images/a10_c.jpg);
	background-repeat: no-repeat;
	background-color:#eae7e7;
	margin: 0 auto;
	z-index:10;
}
.fasa_teacher_senaria {
	position:relative;
	border: none;
	width: 1014px;
	height: 700px;	
	background-image: url(http://elearning.edc.uoc.gr/cdn/moodle/mod/page/library/ekpaideutikoi/images/a11_c.jpg);
	background-repeat: no-repeat;
	background-color:#eae7e7;
	margin: 0 auto;
	z-index:10;
}

.exit_fasa_teacher {
	position:absolute;
	border: none;
	width:40px;
	height:40px;
	left: 901px;
	top: 49px;
}

.back_fasa_teacher {
	position:absolute;
	border: none;
	width:40px;
	height:40px;
	left: 28px;
	top: 47px;
}

.fasa_teens_glossa_logotexnia {
	position:relative;
	border: none;
	width: 1014px;
	height: 700px;	
	background-image: url(http://elearning.edc.uoc.gr/cdn/moodle/mod/page/library/b1_b2/images/b2_c.jpg);
	background-repeat: no-repeat;
	background-color:#eae7e7;
	margin: 0 auto;
	z-index:10;
}

.fasa_teens_istoria {
	position:relative;
	border: none;
	width: 1014px;
	height: 700px;	
	background-image: url(http://elearning.edc.uoc.gr/cdn/moodle/mod/page/library/b1_b2/images/b3_c.jpg);
	background-repeat: no-repeat;
	background-color:#eae7e7;
	margin: 0 auto;
	z-index:10;
}
.fasa_teens_pc {
	position:relative;
	border: none;
	width: 1014px;
	height: 700px;	
	background-image: url(http://elearning.edc.uoc.gr/cdn/moodle/mod/page/library/b1_b2/images/b4_c.jpg);
	background-repeat: no-repeat;
	background-color:#eae7e7;
	margin: 0 auto;
	z-index:10;
}

.fasa_teens_cd {
	position:relative;
	border: none;
	width: 1014px;
	height: 700px;	
	background-image: url(http://elearning.edc.uoc.gr/cdn/moodle/mod/page/library/b1_b2/images/b5_c.jpg);
	background-repeat: no-repeat;
	background-color:#eae7e7;
	margin: 0 auto;
	z-index:10;
}
.fasa_teens_geografy {
	position:relative;
	border: none;
	width: 1014px;
	height: 700px;	
	background-image: url(http://elearning.edc.uoc.gr/cdn/moodle/mod/page/library/b1_b2/images/b6_c.jpg);
	background-repeat: no-repeat;
	background-color:#eae7e7;
	margin: 0 auto;
	z-index:10;
}
.fasa_teens_koinonika {
	position:relative;
	border: none;
	width: 1014px;
	height: 700px;	
	background-image: url(http://elearning.edc.uoc.gr/cdn/moodle/mod/page/library/b1_b2/images/b7_c.jpg);
	background-repeat: no-repeat;
	background-color:#eae7e7;
	margin: 0 auto;
	z-index:10;
}

.exit_fasa_teens {
	position:absolute;
	border: none;
	width:40px;
	height:40px;
	left: 904px;
	top: 49px;
}

.back_fasa_teens {
	position:absolute;
	border: none;
	width:40px;
	height:40px;
	left: 32px;
	top: 49px;
}


.fasa_kids_logotexnia {
	position:relative;
	border: none;
	width: 1014px;
	height: 700px;	
	background-image: url(http://elearning.edc.uoc.gr/cdn/moodle/mod/page/library/a1_a2/images/c2_c.jpg);
	background-repeat: no-repeat;
	background-color:#eae7e7;
	margin: 0 auto;
	z-index:10;
}

.fasa_kids_istoria {
	position:relative;
	border: none;
	width: 1014px;
	height: 700px;	
	background-image: url(http://elearning.edc.uoc.gr/cdn/moodle/mod/page/library/a1_a2/images/c3_c.jpg);
	background-repeat: no-repeat;
	background-color:#eae7e7;
	margin: 0 auto;
	z-index:10;
}

.fasa_kids_pc {
	position:relative;
	border: none;
	width: 1014px;
	height: 700px;	
	background-image: url(http://elearning.edc.uoc.gr/cdn/moodle/mod/page/library/a1_a2/images/c4_c.jpg);
	background-repeat: no-repeat;
	background-color:#eae7e7;
	margin: 0 auto;
	z-index:10;
}
.fasa_kids_camera {
	position:relative;
	border: none;
	width: 1014px;
	height: 700px;	
	background-image: url(http://elearning.edc.uoc.gr/cdn/moodle/mod/page/library/a1_a2/images/c5_c.jpg);
	background-repeat: no-repeat;
	background-color:#eae7e7;
	margin: 0 auto;
	z-index:10;
}
.fasa_kids_geografy {
	position:relative;
	border: none;
	width: 1014px;
	height: 700px;	
	background-image: url(http://elearning.edc.uoc.gr/cdn/moodle/mod/page/library/a1_a2/images/c6_c.jpg);
	background-repeat: no-repeat;
	background-color:#eae7e7;
	margin: 0 auto;
	z-index:10;
}
.fasa_kids_sindeseis {
	position:relative;
	border: none;
	width: 1014px;
	height: 700px;	
	background-image: url(http://elearning.edc.uoc.gr/cdn/moodle/mod/page/library/a1_a2/images/c7_c.jpg);
	background-repeat: no-repeat;
	background-color:#eae7e7;
	margin: 0 auto;
	z-index:10;
}

.exit_fasa_kids {
	position:absolute;
	border: none;
	width:40px;
	height:40px;
	left: 900px;
	top: 49px;
}

.back_fasa_kids {
	position:absolute;
	border: none;
	width:40px;
	height:40px;
	left: 29px;
	top: 49px;
}

h1 {
	
	font-family:"Comic Sans MS", cursive;
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 20px;
	margin-top: 7px;
	margin-bottom:8px;
	color: #0E7B44;
	
}
h4{
	font-family:"Comic Sans MS", cursive;
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 0px;
	margin-top: 10px;
	margin-bottom:10px;
	font-size:21px;
	color:#F60;
	
	
}
	
h2,  h5 {
	font-family:"Comic Sans MS", cursive;
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 20px;
	margin-top: 10px;
	margin-bottom:10px;
	
}
h3 {
	font-family:"Comic Sans MS", cursive;
	margin-top: 0;
	margin-bottom:7px;
	margin-left:10px;
	margin-right:10px;
}

h6 {
	
	color: #7B239B;
	font-family:"Comic Sans MS", cursive;
	font-size:25px;
	margin-top: 0;
	padding-top:0;
	font-weight:bold;	
}
h10 {
	
	color:#444;
	font-family:"Comic Sans MS", cursive;
	font-size:12px;
	margin-top: 0;
	padding-top:0;
	font-weight:bold;	
}
p {
	font-family:"Comic Sans MS", cursive;
	font-size:25px;
	font-weight:bold;
	line-height:25px;
	margin-left:0;
	margin-right:0;
	margin-top: 0;
	margin-bottom:0;
	color: #7B239B;
}
li {
	font-family:"Comic Sans MS", cursive;
	font-size:15px;
	font-weight:bold;
	line-height:25px;
	margin-left:40px;
	margin-right:10px;
	margin-top: 0;
	margin-bottom:0;
}
img {
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
}
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
	color: #42413C;
	text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
a:visited {
	color: #6E6C64;
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: none;
}