﻿@import url(main_menu.css);
@import url(text.css);
@import url(newstext.css);
body, html {
	height:100%;
	margin:0;
	padding:0;
}
body {
	background-color : transparent;
	background-image:url(../images/background.jpg);
	background-repeat: repeat-x;
	text-align:left;
	background-position: top;

}
* {
	margin:0;
	padding:0;
}
a img {
	border : none;
}

:focus {
	outline: none;
}
blockquote, q {
	quotes: none;
}

.clear,.clearer {clear: both;}
.clearer {
	display: block;
	font-size: 0;
	line-height: 0;
	height: 0;
}

#wrapper {

	min-height:100%;
	height:auto !important;
	height:100%;
	width : 940px;
	padding : 0px;
	position : relative;
	margin : 0px auto;	
}
#wrapper .empty {
	height:10px;
	clear : both;
}

#header {
overflow:inherit;
	height:100px;
	background-color : #af9c72;
	
	
}

#header .logo {
float: left;
	padding-left:20px;
	height:100px;
	width: 100px;
	background-image:url(../images/logo.png);
    background-repeat: no-repeat;
	background-color : #af9c72;
}

#header .myheadertitle {
float: left;
height:100px;
 width: 800px;
 background-color : #af9c72;
}
#header .myheadertitle h1 {
	padding-left : 10px;
	padding-top : 30px;
	font-size : 28px;
	line-height : 40px;
	color : #ffffff;
}

#header .myheadertitle h1 a {
	font-size :23px;
	line-height : 30px;
	color : #ffffff;
	text-decoration : none;
}

#header .myheadertitle h1 span {
	font-size : 18px;
	display : block;
	margin-top : 15px;
	line-height : 18px;
	color : Black;
}

#thinline {
	width : 100%;
	height: 13px;
	padding : 0px;
	background-color : #eaefca;
}



#text {
	width : 680px;
	padding : 15px 20px 10px 20px;
	float : left;
	overflow : hidden;
	background-color : #ffffff;
	text-align:justify;
}

	
#text A:link	 {
	color:#4895b6;
	text-decoration:none;
}

#text A:visited {
	color:#71bdde;
	text-decoration:none;
}
	
#text A:hover  {
	color:#61b1d4;
	text-decoration:underline;
}

#text img {
	padding: 5px;
	border: 0px
}


#sidebar {
	width : 220px;
	padding : 0px 0px 10px;	
	float : left;
	

}
#sidebar ul {

margin:0px;
margin-top:20px;
width : 220px;
list-style-type:none;
background-color : #eaefca;
float : left;
color:#666666;
}

#sidebar li {
	margin-left : 0px;
	margin-right : 0px;
	font-size:13px;
	padding : 10px 20px 10px ;
	border-bottom:dotted 1px #8787d7;	
	
	color:#d6ee72;
	}

#sidebar li:hover {
	background-color : #f2f6dc;	
	}
#sidebar li:last-child {
	border-bottom:dotted 0px #8787d7;	

	}

#sidebar li a {
display:block;
	margin-left : 0px;
	font-size:13px;	
	color:#666666;
	}
	
	#sidebar li a:hover {
		text-decoration:none;
	}
	

sidebar_bottom {
 display: block;
 float:inherit;
 
   padding-top :  20px ;
   text-align:center;
}

more_icon {
 display: block;
 float:right;
 
  
}
.slogan {

text-align:center;
margin-bottom:20px;
}
	
#searchBar {
width : 220px;
padding : 15px 0px 10px;
float : right;
}


#coloured_boxes {
display: inline;
float:left;
}

#coloured_boxes .ekpaideftika {
background-image:url(../images/ekpaideftika_programmata_icon.png);
background-repeat:no-repeat;
float:left;
display:block;

width:220px;	
height:250px;
background-color:#eeeded; 
}

#coloured_boxes .ekpaideftika_top {
display:block;

float:left; 
width:195px;
height: 210px;
padding-right:5px;
padding-bottom:5px;
}

#coloured_boxes .ekpaideftika_bottom {
display:block;

float:right; 
width:30px;
padding-right:5px;

}

#coloured_boxes .ekpaideftika ul {  
    list-style: none;
	margin-top:30px;
}

#coloured_boxes .ekpaideftika li {
margin-bottom:5px;
padding-left:20px;
list-style: none;
text-align:left;  
}

                
#coloured_boxes .ekpaideftika li a{
   position: relative;
   color:#666666;
    display: block;
	width: 145px;
	
	padding: 5px 10px 7px 5px;         
	margin: 0px 5px  -7px -5px; 
    text-decoration: none;
    transition: all .3s ease-out;
    text-align:left;   
   }

#coloured_boxes .ekpaideftika li a:hover{   
}   


#coloured_boxes .ekpaideftika li a:after{
    position: absolute; 
    content: '';
    border: .5em solid transparent; 
    left: -1em;
    top: 15px;  
    margin-top: -.5em;
    transition: all .3s ease-out; 
    border-left-color: #4895b6;         
}


#coloured_boxes .ekpaideftika li a:hover:after{
    left: -.5em;
    border-left-color: #4895b6;      
}



#coloured_boxes .sholikes_draseis {
	display: block;
	float:left;
	width:440px;
	height:250px;
	background-color:#f7f7f7 ; 
	margin-left:20px;
}


#coloured_boxes .sholikes_draseis_left {
background-image:url(../images/sholikes_draseis_icon.png);
background-repeat:no-repeat;	
width:190px;
display:block;
float:left;
}

#coloured_boxes .sholikes_draseis_mid {
display:block;
float:left;
border-right: dotted   #666666 1px;
margin-top:5%;
margin-bottom:5%;
width:30px;
height:80%;
}

#coloured_boxes .sholikes_draseis_right {
display:block;

height: 185px;
float:left; 
width:200px;
padding-left:10px;
padding-top:30px;
}

#coloured_boxes .sholikes_draseis_bottom {
display:block;

float:right; 
width:30px;
padding-right:5px;
padding-bottom:10px;
}


#coloured_boxes .sholikes_draseis_right ul {  
    list-style: none;
}


#coloured_boxes .sholikes_draseis_right li {
margin-bottom:5px;
width:150px;
list-style: none;
text-align:left;  
}

                
#coloured_boxes .sholikes_draseis_right li a{
	position: relative;
	display: block;
	color:#666666;
	padding: 5px 10px 7px 5px;         
	margin: 0px 5px  -7px -5px;
	text-decoration: none;
	transition: all .3s ease-out;
	text-align:left;   
   }

#coloured_boxes .sholikes_draseis_right li a:hover{   
}   


#coloured_boxes .sholikes_draseis_right li a:after{

    position: absolute; 
    content: '';
    border: .5em solid transparent; 
    left: -1em;
    top: 15px;  
    margin-top: -.5em;
    transition: all .3s ease-out; 
    border-left-color: #4895b6;         
}


#coloured_boxes .sholikes_draseis_right li a:hover:after{
    left: -.5em;
    border-left-color: #4895b6;      
}





#wrapper_footer_webpage {
	height : 50px;
	width : 100%;
	padding : 0px;
	position : relative;
	margin : -50px auto;	
	background-color : #af9c72;
	z-index: -100;
}

#footer_webpage {

	width : 940px;
	overflow : hidden;
	padding-top:10px;
	height : 40px;
	color : White;
}


#footer_webpage a {
	color : White;
}

#footer_webpage .right {
	
	display:block;
	float : right;	
}

#wrapper_footer {
	height : 300px;
	width : 100%;
	padding : 0px;
	position:relative;
	margin :-290px  auto;	
	background-color : #af9c72;
	z-index: -100;
}


#footer {
	
	width : 940px;
	overflow : hidden;
	padding-top:10px;
	height : 280px;
	color : White;
}

#footer a {
	color : White;
}

#footer .left {
	padding:10px;
	display:block;
	float : left;
	width:200px;
	background: rgba(255, 255, 255, 0.1);
	height:254px;
	margin-top:10px;
}

#footer .mid {
	margin-top:10px;
	padding:10px;
	display:block;
	float : left;
	width:200px;
	height:254px;
	margin-left : 20px;
	background: rgba(255, 255, 255, 0.1);
}

#footer .right {
	padding:10px;
	display:block;
	float : left;
	width:440px;
	margin-left:10px;

}


/*Χρήσιμες Συνδέσεις*/
#footer .useful_links ul {  
    list-style: none;
}

#footer .useful_links li {
margin-bottom:5px;
width:210px;
list-style: none;
text-align:left;  
}
                
#footer .useful_links li a{
    position: relative;
    display: block;
	color:#ffffff;
	padding: 5px 10px 7px 5px;         
	margin: 0px 5px  -7px -5px;
    text-decoration: none;
    transition: all .3s ease-out;
    text-align:left;   
   }

#footer .useful_links li a:hover{   
}   


#footer  .useful_links li a:after{
    position: absolute; 
    content: '';
    border: .5em solid transparent; 
    left: -1em;
    top: 15px;  
    margin-top: -.5em;
    transition: all .3s ease-out; 
    border-left-color: #666666;         
}


#footer  .useful_links li a:hover:after{
    left: -.5em;
    border-left-color: #666666;      
}



input {
	font: 15px/1.5 Arial, Tahoma, Sans-serif;
	padding: 9px;
	border: solid 1px #d5d5d5;
	outline: 0;
	width: 240px;
	margin-bottom: 10px;
	background: #FFFFFF;
}
input:hover, .preview-block input:focus {
	border-color: #b1b1b1;
	background: #fefefe;
}
.form label {
	margin-left: 10px;
	color: #555555;
	width: 80px;
	display: inline-block;
}
textarea {
	resize:vertical;
	width: 500px;
	height: 150px;
	border: 1px solid #d5d5d5;
	padding: 5px;
}
textarea:hover, .preview-block input:focus {
	border-color: #b1b1b1;
	background: #fefefe;
}
input[type=submit] {

	display:inline-block;
	padding:5px 10px 6px;
	color:#fff;
	text-decoration:none;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	
	position:relative;
	cursor:pointer;
	font-weight:bold;

}
input:hover[type=submit] {
		background-color:#3a73ca;
	text-decoration:none;
	color:#fff;
}

input:active[type=submit] {
	top:1px;
	text-decoration:none;
}

input[type=submit], input:visited[type=submit] {
	background-color:#91bd09;
}


/* TABLE */
#text table {
	font: 13px/1.5 sans-serif,Arial, Tahoma;
    background:#ffffff;
  margin: auto;
  margin-left:0px;
  max-width: 680px;
  padding:2px;
  width: 100%;
 
}

#text th {
  color:#666666;
  font-weight:bold;
  border-left:1px solid #ffffff;
  border-bottom:1px dotted #ffffff;
  background:#eeeded;
  padding:10px;
  text-align:left;
  vertical-align:middle;
}

#text th:first-child {
  border-top-left-radius:3px;
}
 
#text th:last-child {
  border-top-right-radius:3px;
  border-right:none;
}
  
#text tr {
  color:#666666;
  font-weight:normal;
}
 

 
#text tr:first-child {
  border-top:none;
}

#text tr:last-child {
  border-bottom:none;
}
 

#text tr:last-child td:first-child {
  border-bottom-left-radius:3px;
}
 
#text tr:last-child td:last-child {
  border-bottom-right-radius:3px;
}
 
#text td {
  background:#f7f7f7;
  padding:10px;
  text-align:left;
  vertical-align:middle;
}


#text th.text-left {
  text-align: left;
}

#text th.text-center {
  text-align: center;
}

#text th.text-right {
  text-align: right;
}

#text td.text-left {
  text-align: left;
}

#text td.text-center {
  text-align: center;
}

#text td.text-right {
  text-align: right;
}

#text table img {
	padding: 1px;
	border: 0px
}

#text .slogan_news {
float:left;
display:block;
width:488px;
padding:0px;
margin:0px;
margin-right:8px;
}
#text .school_links {
float:left;
display:block;
width:166px;
margin:0px;
margin-left:15px;
}

h3.search-entry-title {
padding-left: -30px;

}
h7.search-entry-title {
padding-left:-30px;

}

.search-entry-date {
color : #333;
}

.search-entry-excerpt {
color : #333;
}
