@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: Ubuntu-B;
    src: url(/styles/Ubuntu-B.ttf);
}

@font-face {
    font-family: Ubuntu-C;
    src: url(/styles/Ubuntu-C.ttf);
}
@font-face {
    font-family: Ubuntu-L;
    src: url(/styles/Ubuntu-L.ttf);
}
@font-face {
    font-family: Ubuntu-R;
    src: url(/styles/Ubuntu-R.ttf);
}


@font-face {
    font-family: MISTRAL;
    src:url('/styles/MISTRAL.woff') format('woff');;
}




html,body{
margin:0;
padding:0 !important;
font-family:Ubuntu-R;
font-size:14px;
width:100%;
color:#1a1a1a;
}

#back-top {
	position: fixed;
	bottom: 30px;
	right: 50px;
	z-index:9999;
}

img{
border:none;}

#theimage{
width:100%;
background-position:top center;
background-repeat:no-repeat;
background-size: cover;}

.index_bg{
height:600px;
background-image:url(/graphics/sky.jpg);
}

.programm_bg{
height:400px;
background-image:url(/graphics/programm_bg.jpg);
}


.pages_bg{
height:400px;
background-image:url(/graphics/pages_gb.jpg);
}

.aitisi_bg{
height:400px;
background-image:url(/graphics/aitisi.jpg);
}

#smoothmenu1{
z-index:1500 !important;}

#theimage_wrapper,#content_wrapper,#footer_wrapper,#thelogos_wrapper{
max-width:1436px;
width:100%;
height:100%;
margin:auto;
position:relative;
}

#theimage_wrapper{
text-align:center;
}

.lang{
position:absolute;
top:10px;
right:10px;}

#mobileMenu{
display:none;}

#thethiny{
position:absolute;
width:100%;
bottom:180px;
left:0;
text-align:center;
color:#FFFFFF;
font-size:34px;
font-style:italic;
z-index:10;
color: white;
  text-shadow:
   -1px -1px 2px #466420,  
    1px -1px 2px #466420,
    -1px 1px 2px #466420,
     1px 1px 2px #466420;}

#thethiny2{
margin:40px auto 0 auto;
padding:40px 0;
width:100%;
text-align:center;
color:#FFFFFF;
font-size:26px;
background-color:#83b824;
max-width:900px;}

#thelogo{
text-align:center;
margin-top:-150px;
z-index:2;
position:relative;}

#logoimg{
width:300px;}


#footer{
background-color:#466420;
padding:20px 0;
margin:20px 0;}

#footer_wrapper{
text-align:right;}

.thetitle_left{
float:left;
display:inline-block;
font-size:17px;
color:#FFFFFF;
text-align:left;
}

.thetitle{
font-size:17px;
color:#FFFFFF;}

.bottom_menu{
padding:40px 0;}

.bottom_menu ul{
margin:0;
padding:0;
list-style-type:none;}

.bottom_menu ul li{
display:inline;}

.bottom_menu ul li a,.bottom_menu ul li a:active,.bottom_menu ul li a:visited{
text-decoration:none;
color:#FFFFFF;
font-size:16px;
padding:0 10px;
}

.bottom_menu ul li a:hover{
text-decoration:underline;}

.copyright{
font-size:12px;
color:#FFFFFF;
}

.copyright a,.copyright a:active,.copyright a:hover{
text-decoration:none;
color:#FFFFFF;}

.copyright a:hover{
text-decoration:underline;}

#thelogos_wrapper{
text-align:left;}

.diorganotes{
float:left;
width:30%;
}

.diorganotes img{
width:100%;}

.horigoi{
float:right;
width:65%;}

.horigoi img{
max-width:100%;
float:left;
}

.horigoi a{
max-width:50%;
}

.titleindex{
font-family: MISTRAL;
font-size:46px;
width:100%;
text-align:center;
color:#688c33;
}

#content_wrapper a,#content_wrapper a:active,#content_wrapper a:hover{
text-decoration:none;
color:#587336;}

#content_wrapper a:hover{
text-decoration:underline;}

.indexcolumnwrapper{
margin:40px 0;}

.indexkeimeno{
font-family: 'MISTRAL';
font-size:26px;
max-width:980px;
margin:10px auto;
text-align:center;}

.keimeno{
max-width:980px;
margin:10px auto;
text-align:justify;}

.indexcolumn{
display:inline-block;
width:28%;
text-align:justify;
margin: 0 20px;}

.indexcolumn img{
width:100%;}

.indexcolumn h1{
text-align:center;}

.indexcolumnwrapper{
text-align:center;}

.linkindex{
text-align:center;
font-size:14px;}

h1{
color:#587336;
text-align:left;}

h3.titles{
color:#FFFFFF;
background-color:#466420;
cursor:pointer;
text-align:left;
padding:10px;
font-size:20px;
border-radius: 5px;
margin:20px 0;}

#accordion h3{
color:#FFFFFF;
background-color:#466420;
cursor:pointer;
text-align:left;
padding:10px;
font-size:20px;
border-radius: 5px;
background-image:url(/graphics/accordion_bg.png);
background-position:99% 6px;
background-repeat:no-repeat;
margin:20px 0;}

#accordion .ui-accordion-header-active{
background-image:url(/graphics/accordionhover_bg.png);}

h2{
display:inline-block;
border-bottom:#000000 thin solid;
padding:0;
margin:10px 0;
text-align:left;}

.btn {
  background: #466420;
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  color: #ffffff !important;
  font-size: 15px;
  padding: 10px;
  text-decoration: none !important;
  cursor:pointer;
}

.btn:hover {
  background: #ffffff;
  color: #466420 !important;
  text-decoration: none !important;
  border:#466420 thin solid;
}

#image_lecturer{
float:left;
margin:0 20px 20px 0;
max-width:200px;}


.form_label{
padding:28px 0 20px 0;
float:left;
width:25%;
font-size:16px;
display:inline-block;
text-align:right;
}

.form_labelcech{
padding:28px 0 20px 0;
float:none;
width:100%;
font-size:16px;
display:inline-block;
text-align:center;
}

 .form_field{
float:left;
width:50%;
padding:10px;
}

.form_field input{
width:80%;}

.form_label_line{
font-size:16px;
display:inline-block;
text-align:right;
padding:5px 0 5px 0;}

.form_field_line label{
font-size:16px;}

/*99,184,189*/

input, #textarea, #town, #country, #nomos, #newsletter, #gender_0, #gender_1 {
    border: 1px solid #a2daf8; 
    -webkit-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    -moz-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    padding: 15px;
    background: rgba(255,255,255,0.5);
    margin: 0 0 10px 0;
}

#textarea{
width:95%;}

#RadioGroup1_0, #RadioGroup1_1, #RadioGroup2_0, #RadioGroup2_1, #RadioGroup2_2, #RadioGroup2_3, #RadioGroup2_4, #RadioGroup2_5, #RadioGroup2_6, #RadioGroup2_7, #RadioGroup2_8, #RadioGroup2_9, #RadioGroup2_10, #RadioGroup2_11, #RadioGroup2_12, #RadioGroup2_13, #RadioGroup2_14, #RadioGroup3_1, #RadioGroup3_3, #RadioGroup3_2{
width:25px;}

.error{
text-align:center;
font-size:16px;
color:#FF0000;
padding:20px 0;}


.thedialxi, .themoredaycontent{
display:none;}

.thelecturer{
padding:0;}

.clear{
clear:both;
}

.clear_left{
clear:left;}

.clear_right{
clear:right;}

@media screen and (max-width: 1065px) {

.ddsmoothmenu ul li {
    display: inline-block;
    padding: 0 15px;
    position: relative;
}

.ddsmoothmenu ul li a {
    font-size: 15px;
}
}

@media screen and (max-width: 980px) {
#content_wrapper{
padding:0 20px;
width:93%;}

#footer_wrapper{
padding:0 20px;
width:93%;}

.indexcolumnwrapper{
width:100%;}
}

@media screen and (max-width: 800px) {

.ddsmoothmenu{
display:none;}

#mobileMenu{
display:block;
position:absolute;
left:80px;
top:3px;
z-index:2000;}

#thelogo img{
width:100%;
max-width:300px;}

}

@media screen and (max-width: 690px) {
.thetitle_left,.thetitle,.bottom_menu,.copyright{
float:none;
display:block;
font-size:17px;
width:100%;
color:#FFFFFF;
text-align:center;
}

.thetitle_left{
margin:20px 0;}


.diorganotes,.horigoi{
float:none;
width:100%;
text-align:center;
}

.diorganotes h1,.horigoi h1{
text-align:center;
}

.diorganotes img,.horigoi img{
width:auto;}


.horigoi a{
float:none;
}

}

@media screen and (max-width: 560px) {
.indexcolumn {
    display: block;
    margin: 10px 0;
    text-align: justify;
    width: 92%;
	padding:0 4%;
}


#accordion h3{
background-image:none;}

#accordion .ui-accordion-header-active{
background-image:none;}

.form_label{
padding:5px 0 5px 0;
float:none;
width:100%;
font-size:16px;
display:inline-block;
text-align:left;
}

 .form_field{
float:none;
width:100%;
padding:10px;
}

.checkboxes{
float:none;
width:100%;
}

.form_field input{
width:80%;}



}

@media screen and (max-width: 480px) {
#footer_wrapper{
text-align:center;}
}