#container 
{ 
   width:900px; 
   margin:0  auto;

}

#background
{
background-color:yellow;
}

#logo 
{ 
   width:900px; 
   height:65px; 
   background-image:url(images/logo_n.jpg); 
   float:left; 
   margin-top:5px; 
   text-indent:-10000px; 
}

#logoS 
{ 
   width:900px; 
   height:428px; 
   background-image:url(images/10oS_Epic_proklisis_f.jpg); 
   float:left; 
   margin-top:5px; 
   text-indent:-10000px; 
}

#logo_epicuros { 
   width:225px; 
   height:283px; 
   background-image:url(images/Epicuros.jpg); 
   float:left; 
   margin-top:10px; 
   margin-bottom:10px;
   text-indent:-10000px; 
}

#logokipoi 
{ 
   width:900px; 
   height:90px; 
   background-image:url(images/frontpage.jpg); 
   float:left; 
   margin-top:0px; 
   margin-left:0px; 
   text-indent:-10000px; 
}

#prosklisis 
{ 
   width:900px; 
   height:450px; 
   background-image:url(images/unesco_jiap.png); 
   float:left; 
   margin-top:0px; 
   margin-left:0px; 
   text-indent:-10000px; 
}


#mathimata 
{ 
   width:900px; 
   height:215px; 
   background-image:url(images/mathimata2017.jpg); 
   float:left; 
   margin-top:0px; 
   margin-left:0px; 
   text-indent:-10000px; 
}

#12symposio
{ 
   width:900px; 
   height:415px; 
   background-image:url(images/12symposio.jpg); 
   float:left; 
   margin-top:0px; 
   margin-left:0px; 
   text-indent:-10000px; 
}

#logodown 
{ 
   width:900px; 
   height:160px; 
   background-image:url(images/down1.jpg); 
   float:left; 
   margin-top:5px; 
   margin-left:0px; 
   text-indent:-10000px; 
}

#logokipoi1 
{ 
   width:900px; 
   height:154px; 
   background-image:url(images/Symposio24.jpg); 
   float:left; 
   margin-top:5px; 
   margin-left:0px; 
   text-indent:-10000px; 
}

#logoSymposio 
{ 
   width:900px; 
   height:500px; 
   background-image:url(images/SYMPOSIO2016.jpg); 
   float:left; 
   margin-top:5px; 
   margin-left:0px; 
   text-indent:-10000px; 
}

#cssmenu ul 
{
  
margin-top:0px; 
margin: 5;
  
padding: 7px 8px 0px;
  
background: #F2F2F2 url(images/overlay.png) repeat-x 0 -110px;
  
line-height: 100%;
  
border-radius: 1em;
  
font: normal 0.5333333333333333em Arial, Helvetica, sans-serif;
  
-webkit-border-radius: 5px;
  
-moz-border-radius: 5px;
  
border-radius: 5px;
  
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  
width: auto;

}


#cssmenu li 
{
  
margin: 5px 5px;
  
padding: 0 0 10px;
  
float: left;
  
position: relative;
  
list-style: none;

title}


#cssmenu a,


#cssmenu a:link 
{
  
font-weight: bold;
  
font-size: 14px;
  
color: #545454;
  
text-decoration: none;
  
display: block;
  
padding: 8px 12px;
  
margin: 0;
  
border-radius: 5px;
  
-webkit-border-radius: 5px;
  
-moz-border-radius: 5px;
  
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);

}


#cssmenu a:hover 
{
  
background: #000;
  
color: #fff;

}


#cssmenu .active a,


#cssmenu li:hover > a 
{
  
background: #979797 url(images/overlay.png) repeat-x 0 -40px;
  
background: #666666 url(images/overlay.png) repeat-x 0 -40px;
  
color: #444;
  
border-top: solid 1px  #f8f8f8;
  
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  
text-shadow: 0 1px 0 #ffffff;

}


#cssmenu ul 
ul 
li:hover a,
#cssmenu 
li:hover li a 
{
  
background: #979797 url(images/overlay.png) repeat-x 0 -40px;
  
border: none;
  
color: #666;
  
-webkit-box-shadow: none;
  
-moz-box-shadow: none;

}


#cssmenu ul 
ul a:hover 
{

 background: #7d7d7d url(images/overlay.png) repeat-x 0 -100px !important;
  
color: #fff !important;
  
-webkit-border-radius: 5px;
  
-moz-border-radius: 5px;
  
border-radius: 5px;
  
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);

}


#cssmenu li:hover > ul 
{

  display: block;

}

#cssmenu ul 
ul 
{
  
display: none;
  
margin: 0;
  
padding: 0;
  
width: 185px;
  
position: absolute;
  
top: 40px;
  
left: 0;
  
background: url(images/overlay.png) repeat-x 0 0;
  
border: solid 1px #b4b4b4;
  
-webkit-border-radius: 5px;
  
-moz-border-radius: 5px;
  border-radius: 5px;
  
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);

}

#cssmenu ul 
ul li 
{
  
float: none;
  
margin: 0;
  
padding: 3px;

}

#cssmenu ul 
ul a,

#cssmenu ul ul a:link 
{

  font-weight: normal;
  
font-size: 13px;

}

#cssmenu ul:after 
{

  content: '.';
  
display: block;
  
clear: both;
  
visibility: hidden;
  
line-height: 0;
  
height: 0;

}

* html #cssmenu ul {
  height: 1%;
}

#footer {
    padding: 0.5em;
    color: #4d4d4d;
    background-color:;
    clear: left;
}

#boxes { 
   width:900px; 
   height:auto; 
   float:left; 
   padding-top:0px; 
}

#box_left{ 
   width:290px; 
   height:auto; 
   border:0px solid #d8d8d8; 
   background:url(images/box_back1.jpg) repeat-x; 
   float:left; 
   padding:0px; 
}

#box_middle{ 
   width:290px; 
   height:auto; 
   border:0px solid #d8d8d8; 
   background:url(images/box_back1.jpg) repeat-x; 
   float:left; 
   margin-left:10px; 
   padding:0px; 
} 

#box_right{ 
   width:290px; 
   height:auto; 
   border:0px solid #d8d8d8; 
   background:url(images/box_back1.jpg) repeat-x; 
   float:left; 
   margin-left:10px; 
   padding:0px; 
}

#box_right2{ 
   width:520px; 
   height:auto; 
   border:0px solid #d8d8d8; 
   background:url(images/b.jpg) repeat-x; 
   float:left; 
   margin-left:40px; 
   margin-top:0px; 
   padding:0px; 
   font-size:16px;  
   font-family:Arial, Verdana, Geneva, sans-serif; 
text-align: justify;
}

#box_right3{ 
   width:620px; 
   height:auto; 
   border:0px solid #d8d8d8; 
   background:url(images/b.jpg) repeat-x; 
   float:left; 
   margin-left:40px; 
   margin-top:0px; 
   padding:0px; 
   font-size:16px;  
   font-family:Arial, Verdana, Geneva, sans-serif; 
text-align: justify;
}

#boxbig_left{ 
   width:245px; 
   height:590px; 
   border:1px solid #d8d8d8; 
   background:url(images/kipos_s.jpg) repeat-x; 
   float:left; 
   padding:20px; 
}


#box_left2{ 
   width:390px; 
   height:auto; 
   border:0px solid #d8d8d8; 
   background:url(images/box_back1.jpg) repeat-x; 
   float:left; 
   padding:0px; 
   font-family:Arial, Verdana, Geneva, sans-serif; 
   font-size:16px; 
   text-align: justify;
}

#box_middle2{ 
   width:430px; 
   height:auto; 
   border:0px solid #d8d8d8; 
   background:url(images/box_back1.jpg) repeat-x; 
   float:left; 
   margin-left:10px; 
   padding:0px; 
   font-family:Arial, Verdana, Geneva, sans-serif; 
   font-size:16px; 
   text-align: justify;
} 

.title{ 
    color:blue;  
   font-size:18px; 
font-family:Arial, Verdana, Geneva, sans-serif;  
} 

.text_box { 
   width:285px; 
   font-family:Arial, Verdana, Geneva, sans-serif; 
   font-size:14px; 
   text-align: justify;
   margin-top:-15px; 
   color:black; 
   float:left; 
} 

.text_box2 { 
   width:420px; 
   font-family:Arial, Verdana, Geneva, sans-serif; 
   font-size:14px; 
   text-align: justify;
   margin-top:-15px; 
   color:black; 
   float:left; 
} 



.text { 
   width:900px; 
   font-family:Arial, Verdana, Geneva, sans-serif; 
   font-size:16px; 
   text-align: justify;
   margin-top:0px; 
   color:black; 
   float:left; 
}

.Text { 
   width:900px; 
   height:auto; 
   float:left; 
   text-align: justify;
   color:black;
   font-size:16px;  
   font-family:Arial, Verdana, Geneva, sans-serif; 

} 
 
.color{ 
   color:#8B1A1A; 
   font-size:20px;  
} 

#copyright { 
  width:890px; 
   height:55px; 
   float:left; 
   margin-top:0px; 
   font-family:Verdana, Geneva, sans-serif; 
   font-size:10px; 
   text-align: justify;
   color:#000; 
   text-align:left; 
   padding:0px 0px 0 0; 
}

h1 { 
   color:brown; 
   font-size:20px;  
} 

h2 { 
   color:#8B1A1A; 
   font-size:14px;  
} 

h3 { 
   color:#8B1A1A; 
   font-size:16px;  
}