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

#wrapper{width:98%}

#menu ul ul {margin-top: 1%;}

#side-bar img{width:100%; height:auto;}

#content img{width:100%; height:auto;}

#content .eksada img{ width: 16.5%; height: auto}

img#wd_captcha1{ width:auto;}

#content img.ypiresies{width:32%; height:auto;}

#content img.epikoinonia{width:auto; height:auto;}

#content img.icon-menu-x-2 {width:48%; height:auto;}

footer img{width:100%; height:auto;}

/*#jcemediabox-popup-frame {padding: 0px;}

#jcemediabox-popup-body{ width: 97% !important;}

#jcemediabox-popup-content > img {width:91% !important}*/

#content img.icon-menu-x-3{ width:auto;}

@media only screen and (max-width:767px){
	
	#logo {margin-left: auto; margin-right: auto; display: block;}
	
	#flags {display: block;  margin-top: 2%;}

	
	#main-content {width: 98%; margin-left: 1%;  float:none;}
	
	#side-bar {float: none; width: 220px; margin-left: auto; margin-right: auto; margin-top:4%;}
	
	#title-content, #area-content {float:none;}
	
	#content {float:none !important;}
	
	
	#content img.beautyful {
    margin-top: 180px;
	}
	
	
	
	
	/*************************************nav-button****************************************************/
	


#nav-button{ display:block; margin-top: 0%; margin-left: 5.4%;}	
	
	#nav-button button {background: none;border: none;}


	#menu{ display:none;}
	
	#menu ul { text-align:left; background-color:#DDDCDD;width: 88%; margin-left: 6%;}
	

	#menu ul li { display:block; height:auto; width: 100%; margin: 0;/* border-bottom:none;*/border-top:solid 1px #A88D55;	}
	#menu ul li.item-133{border-bottom: solid 1px #A88D55;}
	
	/*#menu ul li:hover, #menu ul  li.active  { background-image:none;}*/

	#menu ul li:hover ul {display:none;}

	#menu li li { padding:0; border-bottom:none;}

	#menu ul li a, #menu ul li span{padding:10px 5px 10px 35px; display: block; /*border-bottom:solid 1px #A88D55;*/ }


	#menu ul ul { position:relative; width: auto; text-align: left; box-shadow: none; /*background-color:#F1F1F3;*/}
	
	#menu ul ul li  a { padding: 10px 5px 10px 50px;}



	.mobile-submenu {
    display: block;
    float: right;
    background-image: url('../images/arrow-thin.png');
    background-repeat: no-repeat;
	background-position: center;
	    outline: none;
		box-sizing: content-box;
    height: 24px;
    width: 24px;
    background-color:rgba(255,255,255,0.00);
    border: none;
    margin-right: 10%;
    margin-top: -25px;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
	cursor:pointer;
	
}

	.transform {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}



#menu ul li.item-127 > ul, #menu ul li.item-128 > ul, #menu ul li.item-131 > ul , #menu ul li.item-162 > ul, #menu ul li.item-158 > ul, #menu ul li.item-170 > ul{margin-left: 0px; background-color:#F1F1F3;}


#menu ul li.item-127 > button.mobile-submenu, #menu ul li.item-128 > button.mobile-submenu, #menu ul li.item-131  >button.mobile-submenu , #menu ul li.item-162  >button.mobile-submenu , #menu ul li.item-158  >button.mobile-submenu, #menu ul li.item-170  >button.mobile-submenu{ display:block; }
	
#menu li.parent {
	background-image: url('/images/arrow-thin.png');
	background-repeat: no-repeat;
	background-position: right top;
  }
	
	
	}
	
	
	@media only screen and (max-width:440px){
		#content img.beautyful{ width:100%; height:auto;}
		
		#jcemediabox-popup-content {
    padding: 0 5px;
}

		
		}