body {
/*	background-image	: url(../img/b-red-pi-blur-left.png); 
	background-size		: 100%;
	background-position	: center;
	background-repeat	: repeat-y;*/
}
	.nav ul li {
		line-height     	: 84px;
	}

    li a:hover #logo-gr img {
		opacity:0;
    }
	li a:hover #logo-en img {
		opacity:0;
    }
    li a:active #logo-gr img {
		opacity:0;
    }
	li a:active #logo-en img {
		opacity:0;
    }
	#logo-gr {
		background 			: url(../img/logo-zouganelis-360-hover.png);
    }
	#logo-en {
		background			: url(../img/logo-pi-zouganelis-360-hover.png);
	}
	#logo-gr img, #logo-en img {
		opacity:1;
	}
	
	/*  Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
	---------------------------------------------
	cols    1     2      3
	px      68    160    252    */
	
	@media only screen and (max-width: 480px) {
		
		body {
			font-size			: .6em;
		}
		
		.wrapper {
			width				: 320px;
		}
		
		.nav ul li {
			line-height     	: 60px;
		}

		#logo-gr, #logo-en {
			width               : 160px;
			height				: 258px;
		}

		#time {
			width               : 160px;
			height              : 160px;
		}
		
		footer {
			height				: 40px;
			line-height			: 40px;
		}


}
	
	
	
	/*  Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
	------------------------------------------------------------
	cols    1     2      3      4      5
	px      68    160    252    344    436    */
	
	
	@media only screen and (min-width: 480px) and (max-width: 720px) {
		
		body {
			font-size			: .7em;
			background-repeat	: repeat-y;
		}

		.wrapper {
			width				: 480px;
		}
		
		.nav ul li {
			line-height     	: 60px;
		}

		#logo-gr, #logo-en {
			width               : 240px;
			height				: 388px;
		}

		#time {
			width               : 240px;
			height              : 240px;
		}
		
		footer {
			height				: 40px;
			line-height			: 40px;
		}

}