@import url(https://fonts.googleapis.com/css?family=Cinzel);
/*@import url(https://fonts.googleapis.com/css?family=Cinzel+Decorative:700);*/

@font-face {
	font-family: Nanami;
	src: url(/static/font/Nanami-3D-Medium.otf);
}

* {}

html, body {height: 100%; margin: 0; padding: 0; font-size: 14px}
body {font-family: Verdana, Geneva, sans-serif; min-width: 800px; text-align: center}
a {} img { vertical-align: middle; border: 0 }

/* Container */
#container {width: 90%; min-height: 100%; min-width: 800px; margin: 0 auto; }

/* User Menu */
.usermenu { padding: 5px 20px; text-align: right; font-family: 'Cinzel'; font-size: 13px !important; border-radius: 1px}
.usermenu div.screen {float: left; text-align: left; white-space: nowrap}
.usermenu div.language {white-space: nowrap}
.usermenu a {text-decoration: none; padding-bottom: 3px}
.usermenu a:hover {font-style: italic;}
.usermenu .text-resize {font-size: 15px !important;}

/* Header */
.header {clear: both; font-family: 'Cinzel', "Arial Black", Gadget, sans-serif; font-size: 16px; padding: 10px 20px; border-radius: 1px; text-align: center}
.header h1 {
	font-family: 'Cinzel', "Arial Black", Gadget, sans-serif;
	text-align: center; white-space: nowrap; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0;
	font-weight: bold;
}	
.header h1.title::after {
	content: "AED PROXIMUS ";
	display: block; font-size: 35px;
	-moz-transform: scaleY(-0.75) skewX(-40deg); -o-transform: scaleY(-0.75) skewX(-40deg); -webkit-transform: scaleY(-0.75) skewX(-40deg); transform: scaleY(-0.75) skewX(-40deg); filter: FlipW;
        position: relative; margin-top: 0; margin-bottom: 0px; top: -13px; left: 15px; height: 35px;
	white-space: nowrap; opacity: .25; vertical-align: text-top;
}
.header h1 small {vertical-align: top; font-size: small; font-family: verdana}
.header h1.title {color: #0000ff; font-weight: bold; font-size: 35px; margin-bottom: 20px}
.header h1.subtitle {font-size: 18px; margin-top: -40px; font-weight: bold}
/*.header h1.title {float:left; width: 20%; height: 100px; font-size: 40px !important; color: #0000FF}
.header h1.subtitle {float:right; width: 40%; height: 100px; text-align: center; margin-top: 15px; font-size: 24px !important}*/
.header h2 {text-align: center; width: auto; max-height: 64px; font-size: 15px; border-radius: 1px; margin: -15px 220px 0 220px}
.header div.left {float: left; width: 164px; height: 164px; margin-right: 15px; padding: 0; overflow: hidden; position: relative;}
.header div.right {float: right; width: 164px; height: 164px; margin-left: 15px; padding: 0; overflow: hidden; position: relative;}
.header div.left img, .header div.right img {width: 160px; height: 160px; position: absolute }
.header div {font-size: 14px !important;}
.header span.patent {float: right; width: 158px; text-align: center; font-size: 9px; font-weight: bold; color: #ffffff; font-family: sans-serif; margin-top:2px;}

/* Nav */
nav {clear: both; width: 100%; text-align: center; margin: 20px 0 0 0; font-weight: normal;}
nav a {display: inline-block; padding: 7px; border-radius: 5px; text-decoration: none; margin-bottom: 4px}
nav a[href="#"] {text-decoration: line-through}
nav a:hover {text-decoration: underline; opacity: 0.80}

/* Footer */
.copyright {width: 100%; text-align: center}
.copyright a {text-decoration: none}

/* Content */
.content {padding: 0 20px;}

/* Common elements */
h3 {margin: 5px; padding: 10px}
h4 {margin: 5px; padding: 10px}
span.error {display: inline-block; padding: 10px; margin: 20px 0;}
div.left {float: left; width: 50%; padding: 15px; margin: 0; border: none; box-sizing: border-box; text-align: left}
div.right {float: right; width: 50%; padding: 15px; margin: 0; border: none; box-sizing: border-box; text-align: left}

.news {width: 100%}
.news ul {list-style: none;}
.news li {padding: 5px; margin-bottom: 2px; border-radius: 4px}
.news li:hover {opacity: 0.80}
.news li.status1 {padding-left: 40px;}
.news li.status2 {padding-left: 40px;}
.news li.status3 {padding-left: 40px;}
.news li.status4 {padding-left: 40px;}
.news li.status5, .news li.status6, .news li.status7 {padding-left: 40px;}

.box { border-radius: 10px; padding: 10px; text-align: left }

img.disabled {
	/* For Firefox 10 and above, Firefox for Android */
	filter: url("data:image/svg+xml;utf8,<svg></svg>#grayscale");
	/* For Internet Explorer 6 to 9 */
	filter: gray;
	/* For Chrome 19+, Safari 6+, Safari 6+ on iOS */
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
}

#cookieAlert {position: fixed; left: 0; bottom: 0; right: 0;}

.spsp .subject, .spsp .body {display: none}