@charset "UTF-8";

/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/

navi{
	width:100%;
	height:30 px;
	background-color:#fff;	
	}

navi ul{
	float:left;
	margin: 0;
	padding: 0;

}
 
navi ul li{
	float:left;
	list-style: none;
		margin-bottom: 5px; /* this creates the space between the navigation on the content below */
	background: #ffffff;
	padding: 0 5px 5px 5px;	/*  πανω   δεξια  κατω	 αριστερα	*/
	
	position:relative;
}
navi ul li a, navi ul li a:visited{
	display:block;
	font-family:Arial;
	font-size:16px;
	/*padding: 0px 30px 14px 0px;  πανω   δεξια  κατω αριστερα*/
	text-decoration:none;
	padding: 15px 15px 15px 15px;
	/* display: block; this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
	background: #35bbff;
	color: #111000;
	-moz-border-radius:10px; /* Firefox */
	-webkit-border-radius:10px; /* Safari and chrome */
	-khtml-border-radius:10px;  /*Linux browsers */
	border-radius:  0px 15px 0px 15px;/* CSS3 */
}
navi ul li a:hover, navi ul li a:focus navi ul li a:active{
	
	background: #a9ff4d;
	color: #00F;
	-moz-border-radius:10px; /* Firefox */
	-webkit-border-radius:10px; /* Safari and chrome */
	-khtml-border-radius:10px;  /*Linux browsers */ 
    border-radius:  0px 15px 0px 15px;/* CSS3 */
		
	}

navi ul li ul{		/*  ΕΠΙΠΕΔΟ 2---------------------------------------------------------------*/
	display:none;
	position:absolute;
	background-color:#fff;
	left:0px;
padding: 6px 0px 5px 5px;	/*  πανω   δεξια  κατω	 αριστερα	*/
		-moz-border-radius:10px; /* Firefox */
	-webkit-border-radius:10px; /* Safari and chrome */
	-khtml-border-radius:10px;  /*Linux browsers */ 
    border-radius:  0px  0px 15px 15px;/* CSS3 */
}
navi ul li:hover ul{		/*  ΕΠΙΠΕΔΟ 2*/
	display:block;
}
navi ul li ul li{
	padding: 5px 5px 0px 5px;
	width:250px; /* ΜΗΚΟΣ ΤΟΥ ΜΕΝΟΥ ΕΠΙΠΕΔΟ 2*/
	position:relative;	/* ΣΥΜΑΝΤΙΚΟ ΓΙΑ ΤΟ ΕΠΟΜΕΝΟ position*/
}
navi ul li ul li a{				/*  ΕΠΙΠΕΔΟ 2*/
	padding:13px 13px;
}
navi ul li ul li a:hover{
	background: #a9ff4d;/* ΧΡΩΜΑ ΤΟΥ ΜΕΝΟΥ ΕΠΙΠΕΔΟ 2*/
	color: #00F;	
}
navi ul li ul li ul{
	visibility:hidden;		/*  ΕΠΙΠΕΔΟ 3-------------------------------------------------------------*/
	position:absolute;		 /*	?????????????????????????????????????*/
	top:-6px;
	left:260px;			/*ΤΟ ΝΟΥΜΕΡΟ ΥΠΟΛΟΓΙΖΕΤΑΙ ΑΠΟ ΤΟ WIDTH 250 ΤΟΥ ΕΠΙΠΠΕΔΟΥ 2 + 10 ΑΠΌ ΤΑ PADDING 5*/
	width:260px;		/*	 ΜΗΚΟΣ ΤΟΥ ΜΕΝΟΥ ΕΠΙΠΕΔΟ 3*/
	padding:5px 5px 5px 5px;		/*  πανω   δεξια  κατω	 αριστερα	*/
}
navi ul li ul li:hover ul{		/*  ΕΠΙΠΕΔΟ 3*/
	visibility:visible;
	
}
navi ul li ul li ul li a{				/*  ΕΠΙΠΕΔΟ 3*/
	padding:13px 13px;
}
navi ul li ul li ul li a:hover{
	background-color:#a9ff4d; /* ΧΡΩΜΑ ΤΟΥ ΜΕΝΟΥ ΕΠΙΠΕΔΟ 3*/	
	color: #00F;
}


.menu {
	position: -web -sticky; /* Safari*/
	position: sticky;
	top: 0;
	padding: 5px;
	float:left;
	width:1300px;
	height:60px;
	background:	#FFF;
/*	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;*/

}
.menu-trigger{
	display: none;
	position: -web -sticky; /* Safari*/
	position: sticky;
	top: 0;
	padding:0;


}

/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection and (min-width: 500px)
{
	

}
@media screen and (max-device-width: 648px){
	div.menu ul li {
		
		float:none;
		border-bottom: 2px solid #0F0;
		}
	
}