@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 {
	overflow: auto; /*added by themis*/
	position: absolute;
	border: none;
	width: 1014px;
	left: 0px;
	top: 143px;
	/*height: 543px;*/
	z-index:260;
	max-height:500px;
}
.fonto_teens{
	position:relative;
	border: none;
	width: 1014px;
	height: 700px;	
	background-image: url(http://elearning.edc.uoc.gr/cdn/moodle/mod/page/epikoinwnw/b1_b2/images/b_1.jpg);
	background-repeat: no-repeat;
	background-color:#f5f6f2;
	margin: 0 auto;
	z-index:10;
}

.grafo_teens {
	position: absolute;
	border: none;
	width: 40px;
	height: 162px;
	left: 542px;
	top: 111px;
	z-index: 50;
}

.giortes_teens {
	position: absolute;
	border: none;
	width: 40px;
	height: 40px;
	left: 663px;
	top: 295px;
}

.exit_teens {
	position:absolute;
	border: none;
	width:40px;
	height:40px;
	top: 578px;
	left: 837px;
}

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

.dimosiografos_teens {
	position: absolute;
	border: none;
	width: 40px;
	height: 40px;
	left: 260px;
	top: 31px;
}
.draseis_teens {
	position: absolute;
	border: none;
	width: 40px;
	height: 40px;
	left: 708px;
	top: 45px;
}

.pena_teens {
	position: absolute;
	border: none;
	width: 40px;
	height: 40px;
	left: 407px;
	top: 214px;
	z-index: 40;
}

.messaging_teens {
	position: absolute;
	border: none;
	width: 40px;
	height: 40px;
	left: 339px;
	top: 471px;
	z-index: 40;
}
.teleconf_teens {
	position: absolute;
	border: none;
	width: 40px;
	height: 40px;
	left: 49px;
	top: 349px;
	z-index: 40;
}
.fasa_empty_teens{
	position:relative;
	border: none;
	width: 1014px;
	height: 700px;	
	background-image: url(http://elearning.edc.uoc.gr/cdn/moodle/mod/page/epikoinwnw/b1_b2/images/b1_b2_empty.png);
	background-repeat: no-repeat;
	background-color:#eae7e7;
	margin: 0 auto;
	z-index:10;
}

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

.fasa_exit_teens{
	position: absolute;
	border: none;
	width: 40px;
	height: 40px;
	left: 852px;
	top: 3px;
	z-index: 10;
}

.fasa_back_teens{
	position: absolute;
	border: none;
	width: 40px;
	height: 40px;
	left: 15px;
	top: 10px;
	z-index: 10;
}

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

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

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

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

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

.fasa_teleconf_teens{
	position:relative;
	border: none;
	width: 1014px;
	height: 700px;	
	background-image:url(http://elearning.edc.uoc.gr/cdn/moodle/mod/page/epikoinwnw/b1_b2/images/b_11c.png);
	background-repeat: no-repeat;
	background-color:#eae7e7;
	margin: 0 auto;
	z-index:10;
}
.fasa_grafwww_teens{
	position: absolute;
	border: none;
	width: 40px;
	height: 40px;
	left: 681px;
	top: 0px;
	z-index: 10;
}


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


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

.fasa_exit_kids{
	position:absolute;
	border: none;
	width:40px;
	height:40px;
	left: 855px;
	top: 0px;
	z-index:10;
}

.fasa_back_kids{
	position:absolute;
	border: none;
	width:40px;
	height:40px;
	left: -10px;
	top: 0px;
	z-index:10;
}

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



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

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

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

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

.fasa_grafwww_kids{
	position:absolute;
	border: none;
	width:40px;
	height:40px;
	left: 724px;
	top: 0px;
	z-index:10;
}

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;
}

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

.ftiaxnw_kids {
	position: absolute;
	border: none;
	width: 40px;
	height: 40px;
	left: 771px;
	top: 400px;
}

.giortes_kids {
	position: absolute;
	border: none;
	width: 40px;
	height: 40px;
	left: 656px;
	top: 27px;
}

.exit_kids {
	position:absolute;
	border: none;
	width:40px;
	height:40px;
	left: 802px;
	top: 570px;
}

.asteia_kids {
	position: absolute;
	border: none;
	width: 40px;
	height: 40px;
	left: 397px;
	top: 123px;
}

.draseis_kids {
	position: absolute;
	border: none;
	width: 40px;
	height: 40px;
	left: 108px;
	top: 72px;
}

.eikono_kids {
	position: absolute;
	border: none;
	width: 276px;
	height: 40px;
	left: 504px;
	top: 384px;
}
.messaging_kids {
	position: absolute;
	border: none;
	width: 227px;
	height: 40px;
	left: 60px;
	top: 350px;
}
.teleconf_kids {
	position: absolute;
	border: none;
	width: 231px;
	height: 40px;
	left: 289px;
	top: 424px;
}

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;
}


/*added by themis*/

.iframe iframe {
	overflow:auto;
	height: 460px;
	position:absolute;
	border: none;
	width: 1000px;
	/*left: 65px;*/
	top: 1px;
	z-index:260;
	pointer-events:auto;
	background-color: #e1e0ff;/*#dbeae3;*/

	/*border: none;
	/*frameborder: 0; added by mary*/
}

.row.maincontent .content{
	height:auto;
	position:relative;
	top:0;
	width:650px;
}

.posting.fullpost p{
	font: 13px arial,helvetica,clean,sans-serif;
}

.edited{
	COLOR: black;
}

#page-header{
	background-color: #eae7e7;
}

#page-content #region-main-wrap {
	background-color: #eae7e7;
}