@font-face {
	font-family: "dejavu";
src: url("/res/ttf/DejaVuSans.ttf");
}
* {transition-duration:0.2s;font-family:dejavu;}
body	{background:#DDD url('/res/bg1sm.jpg');font-size:14px;overflow:hidden}
body, body > div{background-size:cover;background-position:center;overflow: hidden;}
body > div{position:fixed;top:0;left:0;width:100%}
p{text-align:justify;line-height:160%;}
h2{margin:24px 0px 10px 0px}
.w{width:100%}
.r{float:right}
.tr{text-align:right}
#bgoverlay{background-image: url('/res/bg1.jpg');height: 100vh;overflow: hidden;width: 100vw;display: inline-block;}
#vidoverlay{transform: translate(-50%,-50%); position: absolute; top: 50%;left: 50%;z-index:-1;min-height:100%;min-width:100%;background:#333}
#shoverlay{background-image: url('/res/shade.png');height: 100vh;background-size:100% 100%;overflow: hidden;width: 100vw;display: inline-block;}
#cntoverlay{position:absolute;height:100%;z-index:0}
#logo{background:url('/res/logo.png') no-repeat;width: 184px;height: 56px;margin: 6px;background-size:contain;}
#bar, footer{background-image:url('/res/line.png') bottom no-repeat; background-size: 100% 1px;display:inline-block;width:100%;position:absolute;box-shadow:0 0 5px #000}
#bar > *, nav > a{float:left;text-decoration:none;text-align: center;}
#bar > nav{float:right}
nav{float:right;margin-top:32px;margin-right:16px;}
nav div {color:#FFF;padding: 8px 16px;font-size: 16px;}
.navbtn{text-shadow: 0px 0px 30px black}
.navbtn:hover{background:rgba(255,255,255,0.15)}
#content{text-align:center;margin-top:71px;height: calc(100% - 148px);overflow:auto;}
.page{width:1024px;background:#FFF;padding:16px;display:inline-block;box-shadow:0px 0px 8px rgba(0,0,0,0.5);border-radius:4px;/* margin-bottom:48px; */text-align: justify;position: relative;}
.pagetitle{font-size:32px;width:1040px;padding:8px ;display:inline-block;text-align:left;color:white;text-shadow: 0px 0px 16px black}
.shadow{box-shadow:0 0 5px #000}
#mobilemenu{display:none;color:white;font-weight:bold;font-size:20px;position:absolute;right:0px;top:0px;padding:24px}
table {border-spacing:0;border-collapse:separate;}
table td, table th{padding:8px;vertical-align:top}
.page h1 {text-align:center;}
a{color:black;text-decoration:none}
menu{float:left;display: unset;width: 182px;padding-right: 8px;padding-left: 0px;height: 100%;/* position: relative; */}
menu a{color:blue;display:block;text-align:left;padding:8px 0}
menu a:before{content: "•";padding-left: 2em;display: inline-block;vertical-align: middle;}
article{/* float: left; */display: inline-block;width: calc(100% - 206px);padding-left: 16px;}
article a{color:blue}
td.pan{height:38px}
debug{background:#FFF;display:table-row;}
.captcha{width:120px;height:60px}
table td{vertical-align: middle;font-size:14px;text-align: left;}
button{float:right;background:#DDD;border:none;padding:8px}
#cookiesdeclaration{position:fixed;bottom:32px;right:32px;width:360px;background:#FFF;display:inline-block;text-align:center;font-size:12px;}
#cookiesdeclaration #info{float:left;display:inline-block;width:calc(100% - 84px);padding:5px}
#cookiesdeclaration button{position:absolute;height:100%;right:0px;padding:8px 16px}
#cookiesdeclaration a{color:blue}
input, select{padding:4px;font-size:16px;width:200px;background:#FFF;border:2px solid gray}
footer{background-position:top;height:60px;background: rgba(64,64,64,0.75);border-top:1px solid rgba(255,255,255,0.15);display:block;position:relative;color:#DDD;padding:8px 0;}
footer a{color:#FFF !important;text-shadow: 0px 0px 30px black}
#wrap{min-height: calc(100% - 5px);display:inline-block;width:100%;text-align: center;}
#bar{background: rgba(64,64,64,0.75);/* text-align: center; */}
.lectimg{width:143px}
menu a, menu a:link {font-weight:bold !important;border-bottom: 1px solid rgba(0,0,0,0.2);list-style-position: inside;text-indent: -2em;padding-left: 2em;line-height: 150%;}
table.nice th{background:#333;color:#fff}
table.nice{border-radius:8px;overflow:hidden;box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);table-layout:fixed}
table.nice tr {background:#fff}
table.nice tr:nth-child(2n+1) {background:#eee}
table.nofix {table-layout:unset !important}
.fileicon {height:24px}

		.dim{display:none;text-align:center;background:rgba(0,0,0,0.2);position:absolute;top:0;left:0;width:100%;height:100%}
		.popup{position:fixed;top:0;left:0;text-align:center;width:100%;height:100%;background:rgba(0,0,0,0.2);}
		.popupBgn{margin-top:32px;width:320px;padding:16px;box-shadow:0px 0px 8px rgba(0,0,0,0.5);background:#FFF;display:inline-block;max-height:calc(100% - 96px);overflow:auto;border:1px solid #000}
		.popupBgn.big{width:640px}
		.popupBgn button{float:left}
		.popup table{width:100%}
		.popup input{width:100%}

@media screen and (min-width:1921px){
	.page{width:1536px}
	.pagetitle{width:1552px; padding: 8px calc(50% - 1552px);}
	menu{width:280px}
	article{width:calc(100% - 312px)}
}

@media screen and (max-width:1270px) and (min-width:780px){
	.page{width:748px}
	.pagetitle{width:764px; padding: 8px calc(50% - 764px);}
}
@media screen and (min-width: 560px) and (max-width: 830px){
	.page{width:calc(100% - 32px);padding:16px}
	.pagetitle{width:calc(100% - 16px)}
	#nav{width:100%;margin-top:0px;margin-right:0px !important;}
	#bar > div, nav > a {float:unset !important;display: inline-block;}
	nav{float:unset !important;display:inline-grid !important; grid-auto-flow:column}
	#content{margin-top:108px;    height: calc(100% - 185px);}
	article{display:block;width: calc(100% - 16px);padding: 8px;}
	menu {display:block;float:none;text-align:center;width:100%}
}
@media screen and (max-width:560px){
	/** {font-size:18px}*/
#mobilemenu{display:inline-block}
	nav{display:none;position:absolute;margin-top:18px;background:#FFF;right:0;margin-top: 67px;margin-right:0;box-shadow:0 0 8px rgba(0,0,0,0.5);z-index: 200;}
	nav a {display:block;width:100%;text-align:center}
	.navbtn{text-shadow:none;color:black}
	.navbtn:hover{background:#eee}
	menu {display:block;float:none;text-align:center;width:100%;margin-top: 0px;}
	menu a{float:none;display:block;/*text-align:center;*/}
	article{display:block;width:100%}
#cookiesdeclaration{right:0px;bottom:0px;width:100%}
.page, #content, .pagetitle{width:calc(100% - 16px) !important;padding:8px}
.pagetitle{display:block;padding:8px}
table.nice td {padding:2px;font-size:12px;background:#fff}
table{table-layout:auto !important}
article{padding-left:1px !important}
#content{padding:0px !important;width:100% !important}
}


err{background:#ff6666;padding:4px;display:block;border:2px solid red;margin:4px 0px;color:#ffffff;text-align:center}
err at, err in{font-weight:bold}
err.warning{background:#ffff99;border-color:#fff000;color:black}
err.notice{background:#ccccff;border-color:#9999ff;color:black}
err.fatal{font-weight:bold}