html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	font-size:100%;
	color: #000;
} 

body[orient="portrait"] {
property: value;
}
body[orient="landscape"] {
property: value;
}



body { line-height: 1; font-family:  Arial, Helvetica, sans-serif;color: #333; }




html{
	/* [disabled]background:url(../image/useless.png)no-repeat center top; */
	background-attachment: fixed;
}


img, figure{ width: 100%; height:auto;}


ul{
	list-style:none;
	
}
a{color:#333;}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #F00;
}


p{
	padding:5px;
		
	
}





.clear{
	width:100%;
	height:10px;
	clear:both;
	
	
}


section,aside{
	display:block;
	
	
}

#main_wrapper{
	width:1010px;
	height:750px;
	margin:0 auto;
	/* [disabled]background-color:#FFF; */	
}




/*------------header--------------------*/



header{
	display:block;
	width:100%;
	margin:0 auto;

	
		
}

.topheader{
	text-align:center;
	margin:0 auto;
	display:block;
	/* [disabled]background-color:#FFF; */
	width:100%;
	height:30px;	
	
}

.h3header_text{
	font-size:1em;
	line-height:1.4em;
	display:block;
	width:100%;
	padding-top:9px;
	letter-spacing: 0.3em;
	text-shadow: none;
	color: #000;	
}


#flag img{
	width:auto;}
	
#flag{ display: block;
width: 15%;
float: right;
	}	
	
	#flag ul{}
	
	#flag li{display: inline;
padding-left: 6%;}


/*--------------right_aside-------------------------------*/



#right_aside{
	display:block;
	width:22%;
	float:left;
	height:465px;
	text-align:center;
	overflow:auto;
}




.projects{
	display:block;
	width:70%;
	height:auto;
	font-size:10px;
	margin:11px auto;
	text-align:center;
	line-height:14px;
	
}






.text_right_section_red_color{
	background:url(../image/linesmall160-3.png) no-repeat 0;
	background-position:bottom;
	color:#F00;
	display:block;
	width:100%;
	margin:2px auto;
	text-align:center;
	font-size:13px;
	height:27px;
	line-height: none;
}






/*------------------------------------------------------*/

.text_under_slider{
	display:block;
	text-align:center;
	width:100%;
	height:auto;
	font-size:11px;
	margin:-20px auto;
	word-break:break-all;
	line-height: 12pt;
	color: #000;
	}
	
	
	
	
.text_contact {
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
}



/*-----------main menu-----------------*/

#menu{
	float:left;
	text-align:center;
	width:22%;
	height:auto;

	
}


#menu li{
	display:block;
	width:100%;
	margin-top:-10px;
	height:61px;
	padding-top:11px;
	background:url(../image/linesmall160-3.png) no-repeat 0;
	background-position:center;
}



#menu li a {
	font-size:13px;
	

	
}

#main_section{
	width:56%;
	height:500px;
	float:left;
	display:block;

	
}


#menu li a.selected{
	color:#F00;
	
	
}




/*------------text---------------*/



.ergasies_text{
	font-size:12px;
	height:auto;
	text-align:left;
	line-height:20px;
	margin-top:20px;
	margin-left: -5px;
	color: #000;
}



.text_contact{
	text-align:center;
		
}


/*-------ergasies menu------------*/



.wrapper_epikoinonia{
	width:100%;
	height:460px;
	border:1px solid #000;	
}




.wrapper_ergasies{
	width:100%;
	height:460px;
	border:1px solid #000;
	
	}





.menu_ergasies_conntainer{
	width:100%;
	height:33px;
	
	
	
	
}


#ergasies_menu{
	width:100%;
	height:10px;
	font-size:9px;
	position:relative;
	margin:56px auto;
	font-family: Arial, Helvetica, sans-serif;	
	
	
}


#ergasies_menu ul {
   margin:0;
	}



#ergasies_menu li{
	float:left;
	display:block;
	width:auto;
	margin:0 0 0 17px;
	
	
}



#ergasies_menu a{

	display:block;
	position:relative;
	padding:1px;
	
	
	
	
}


#ergasies_menu a:hover{
	color:#F00;
	
	
	
	
}


 a.ergasies_current_href{
	color:#F00;
	
	
	
	
}	


/*-----------ergasies_container------------------*/



.ergasies_container{
	width:75%;
	height:460px;
	margin:30px auto;
	text-align:center;
}









/*-------------footer------------------------*/

footer{
	width:100%;
	height:20px;
	text-align:center;
	font-size:8px;
	position:relative;
	/* [disabled]background-color: #F00; */
}


.big_line{
	display:block;
	width:80%;
	margin:0 auto;
    
	clear:both;
	position:relative;

	
	
	
}


.big_line_project{
	display:none;
	
	
	
}






/*-----------contact------------------*/


.contact_container{
	width:90%;
	height:230px;
	margin:20px auto;
	border:1px solid #CCC;	
	
}




.map_container{
	width:85%;
	height:150px;
	margin:-30px auto;
	border:1px solid #CCC;
	
	
	
}

.contact_text{
	
	width:100%;
	height:250px;
	margin:20px auto;
	
	
}






@media screen and (max-width: 1000px) {
#main_wrapper{margin:0 auto;width:95%;}
.topheader,header{margin:0 auto;width:100%;}

#ergasies_menu li a {
    display: block;
    width: 90px;
    text-align: center;
    margin: 0px auto;
    padding: 0px;
	margin-left: 35%;
}

}






/*-----------tablets--------------------*/


@media screen  and (max-width: 768px) {
	#ergasies_menu li a {
    display: block;
    width: 90px;
    text-align: center;
    margin: 0px auto;
    padding: 0px;
	margin-left: 42%;
}}


@media screen  and (max-width: 768px) {
#main_wrapper{margin:0 auto;width:95%; height:auto;}
.topheader,header{margin:0 auto;width:100%;}




#flag ul {
    margin-left: 6%;
}
#flag {
    display: block;
    width: 36%;
    float: left;
}

#main_section .wrapper_ergasies{
	width:100%;
	height:470px;
	margin-top:10px;
	display:block;

	
}



.menu{
	float:left;
	text-align:center;
	width:23%;
	height:auto;

	
}



.big_line_project{
	display:block;
	
	
	
	
}


#ergasies_menu li a {
	display: block;
width: 90px;
text-align: center;
margin: 0px auto;
padding: 0px;

	}

#main_section{
	width:75%;
	margin-left:2%;
	clear:right;
}








.only_for_tablets_styles{
	width: 200px;
height: 100px;
display: block;
float: left;

/*
margin-left: -6px;
margin-bottom: 115%;
margin-top: 10%;
	*/
	
	
	
}



.tablets_img_style{
width: 200px;
display: block;
height: 90px;
float: left;
margin-top: -10px;
margin-left: 50px;
margin-bottom: 50%;
	
}

.tablets_img_style img{
	width:100%}

#right_aside{
	display:block;
	width:100%;
	margin:0 auto;
	height:270px;
	text-align:center;

	
}




.text_right_section_red_color{

width: 200px;
text-align: center;
font-size: 13px;
height: 27px;
margin-top: 3%;
margin-left: 38%;
}






.projects{
	display: block;
    width: 100%;
    height: auto;
    font-size: 11px;
    text-align: center;
    line-height: 14px;
    margin: 30px auto;
	margin-left: 11%;
margin-right: -5%;
    /*margin-top: 5%;*/
}
	
}



#main_section .wrapper_ergasies{
	overflow:auto;
	
	
	
	
}






}




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




#main_wrapper{margin:0 auto;width:95%; height:auto;}
.topheader,header{margin:0 auto;width:100%;}




#main_section .wrapper_ergasies{
	width:100%;
	height:470px;
	margin-top:10px;
	display:block;

	
}



.menu{
	float:left;
	text-align:center;
	width:23%;
	height:auto;

	
}



.big_line_project{
	display:block;
	
	
	
	
}


#ergasies_menu a {
	display:block;
	padding:1px;
	position:relative;
   margin-left: -5px;
	}

#main_section{
	width:75%;
	margin-left:2%;
	clear:right;
}








.only_for_tablets_styles{
	width:200px;
	height:100px;
	display:block;
	float:left;
	margin-left:-20px;

	
	
	
	
}


.tablets_img_style{
	width:200px;
	display:block;
	height:90px;
	margin-top:-35px;
	margin-left:-10px;
	
}




#right_aside{
	display:block;
	width:100%;
	margin:0 auto;
	height:270px;
	text-align:center;

	
}




.text_right_section_red_color{

	width:200px;
	margin:20px auto;
	text-align:center;
	font-size:13px;
	margin-left:30px;
	height:27px;
	line-height: none;
}






.projects{
	display:block;
	width:80%;
	height:auto;
	font-size:11px;
	margin:11px auto;
	text-align:center;
	line-height:14px;
	
	
}



#main_section .wrapper_ergasies{
	overflow:auto;
	
	
	
	
}


	
	
	
}





	


.nav-button { display: none; } /* hide the navigation button by default */

@media only screen and (min-width: 0px) and (max-width: 485px) {
	

	
	#flag ul {
    margin-left: 38%;
    margin-bottom: 4%;
    padding-top: 7%;
}


#flag {
    display: block;
    width: 100%;
    float: left;
}
	
	
.menu_ergasies_conntainer{
	width:100%;
	height:33px;
	
	
	
	
}


#ergasies_menu{
	width: 100%;
	line-height: 2.4em;
	font-size: 10px;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 16px;
	margin-right: auto;
	margin-bottom: 56px;
	margin-left: auto;
}


#ergasies_menu ul {
   margin:0;
	}


#ergasies_menu a{

	display:block;
	height:auto;

	position:relative;
	padding:2px;
	
	
	
	
}



#ergasies_menu li a{
	float:left;
	display:block;
	width:110px;
	text-align:center;
	margin:0 auto;
	margin-left:15%;

	
	
}

	
	
		
	
	

header{
	display:block;
	width:100%;
	height:auto;
	margin:0 auto;
	margin:10px auto;



		
}


.projects{
	margin:0;}

.tablets_img_style{
	width:100%;
	margin:0 auto;
	height:5%;
	
	
	
	
}

	


.only_for_tablets_styles{
	width:100%;
	height:auto;
	display:block;
	margin: 0 auto;

	
	
	
	
}




.text_right_section_red_color{

	width:100%;
	margin:20px auto;
	text-align:center;
	font-size:13px;
	height:27px;
	line-height: none;
}






#right_aside{
	display:block;
	width:100%;
	margin:0 auto;
	height:auto;
	overflow:visible;
	text-align:center;
	clear:both;
	/*margin: -25% auto 0px;*/

	
}



.text_right_section_red_color{

	width:100%;
	margin:20px auto;
	text-align:center;
	font-size:13px;
	line-height: none;
}







.header_img{
	display:block;
	position:relative;
	margin-top:30px;
	
	
	
	
}


.h3header_text{
	font-size:0.7em;
	line-height:1.4em;
	width:80%;

	margin:0 auto;
	padding-top:15px;
	letter-spacing: 0.3em;
	text-shadow: none;
	color: #000;	
}

	
	
	

	
	
	
	
	#main_section,.topheader,header,.fexider{margin:0 auto;width:100%;}
	


	/* Navigation Button
	-------------------------------------------------------- */

	.nav-button {
		display: block;
		width: 80px;
		margin:0 auto;
		height: 35px;
		background: url('../images/menu-icon-large.png'), -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('../images/menu-icon-large.png'),    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('../images/menu-icon-large.png'),     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('../images/menu-icon-large.png'),      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 21px, 100%;
		cursor: pointer;
		border: 0 none;
		border-bottom: 1px solid rgba(255,255,255,.1);
		box-shadow: 0 0 4px rgba(0,0,0,.7) inset;
		border-radius: 5px;
		z-index: 999;
		text-indent: -9999px;
	}
	.nav-button:hover { 
		background-color: rgba(0,0,0,.1); 
	}
	.nav-button.open {
		background: url('../images/close-icon-large.png'), -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('../images/close-icon-large.png'),    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('../images/close-icon-large.png'),     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('../images/close-icon-large.png'),      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 21px, 100%;
	}

	/* Navigation Bar
	-------------------------------------------------------- */

	body { padding-top: 10px; } 

	#menu{
		width: 100%;
		float: none;
		display: block;
		margin: 0;
		padding: 0;
		overflow: hidden;
		position: relative;
		top: 0px;
		left: 0px;
		clear: both;
	}
	
	
	#menu li {
		display: none;
		width: 100%;
		height:25px;
		background:none;
	
	
	

	}
	#menu li a {
		display: block;
		width: 100%;
		font-size: 14px;
		color: #000;
		text-decoration: none;
	
	}
	#menu li a:hover {
		color: #F00;

	}


	/* Toggle the navigation bar open  */

	#menu.open { 
		height: auto; 
		padding-top: 30px;
	}
	#menu.open li { 
		display: block; 
	}

	
} /* End Mobile Styles */

	#sitemap_style {
		text-align:left;
		}