/*
	Cookie-bar
*/
#cookie-bar {background:#111;height:auto;/*line-height:24px*/;color:#eee;text-align:center;padding:10px}#cookie-bar.fixed {position:fixed;top:0;left:0;width:100%}#cookie-bar.fixed.bottom {bottom:0;top:auto}#cookie-bar p {margin:0;padding:0}#cookie-bar a {color:#fff;display:inline-block;border-radius:3px;text-decoration:none;padding:6px;margin-left:8px}#cookie-bar .cb-enable {background:#070}#cookie-bar .cb-enable:hover {background:#090}#cookie-bar .cb-disable {background:#900}#cookie-bar .cb-disable:hover {background:#b00}#cookie-bar .cb-policy {background:#03b}#cookie-bar .cb-policy:hover {background:#05d}
/*
	ECEM main css
*/
html, body {
	background-color: #fff;
	font-family:'AkkuratLightPro-Regular', Arial;
	color:#999;
	font-size: 1.125rem;
	width:100%;
	height: 100%;
	padding:0px;
	margin:0px;
	transition: all 0.5s; 
}
@font-face {
	font-family:'AkkuratLightPro-Regular';
	src: url('../font/AkkuratLightPro-Regular_gdi.eot');
	src: url('../font/AkkuratLightPro-Regular_gdi.eot?#iefix') format('embedded-opentype'),
		url('../font/AkkuratLightPro-Regular_gdi.woff') format('woff'),
		url('../font/AkkuratLightPro-Regular_gdi.ttf') format('truetype'),
		url('../font/AkkuratLightPro-Regular_gdi.svg#AkkuratLightPro-Regular') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-25CA;
}
::-moz-selection { 
	color: #fff;
	background: #0047af;
}
::selection { 
	color: #fff;
	background: #0047af; 
}
a {
	color:#0047af;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
h2 {
	color:#23282b;
	font-weight: normal;
}
p {
	/*line-height: 32px;*/
}
aside {
	background-color: #eee;
	width:50%;
	height: 100%;
	display: block;
	position: fixed;
	float:left;
	padding:3% 7%;
	box-sizing: border-box;
	background:url("../img/background.jpg") no-repeat;
	background-size:cover;
	background-position: center center;
	transition: width 0.8s; 
	transition: padding 0.5s; 
	top: 0; bottom: 0; left: 0; right: 50%;
	text-shadow: 2px 2px 2px #999;
	font-size:125%;
	color: #fff;
}

article {
	width:36%;
	display: block;
	position: relative;
	float:right;
	padding:3% 7%;
	transition: padding 0.5s; 
}
.logo {
	width:78px;
}
.avatar {
	width:100%;
}
ul {
	list-style-type: none;
	margin:0px;
	padding:0px;
}
.disc {
	list-style-type: disc;
	margin: 0 40px 0;
}
li.linethrough {
	text-decoration: line-through;
	position: relative;
}
footer ul {
	position: relative;
	border-top:1px solid #ccc;
	width:100%;
	margin-top:30px;
	padding-top:10px;
	padding-bottom:30px;
	font-size: small;
}
footer {
	position: relative;
}
footer ul li {
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding-right:10px;
	margin-right:10px;
	line-height: normal;
	border-right:1px solid #eee; 
}
footer ul li:nth-last-child(1) {
	padding-right:0px;
	margin-right:0px;
	border-right:none;
}
footer a {
	color: #0047af;
}
hr {
	clear: both;
	border: 0;
	border-bottom: 1px dashed #DADADA;
	background: #999;
	max-width: 90%;
}
@media screen and (max-width : 768px) {
	h2 {
		margin:20px 0px;
	}
	aside {
		position: relative;
		width:100%;
		height: 90%;
		padding:10% 7%;
		float:left;
		display: none;

	}
	article {
		width:86%;
		height: 10%;
		float:left;
		padding:7% 7%;
	}
}