@font-face {
	font-family: "dejavu";
src: url("/res/ttf/DejaVuSans.ttf");
}
* {transition-duration:0.2s;font-family:dejavu;}
body	{background:#F1F3F6;font-size:14px;}
body, body > div{background-size:cover;background-position:center;}
body > div{position:fixed;top:0;left:0;width:100%}
p{text-align:justify;line-height:160%;}
h1{font-size:24px; margin:12px 0px 8px 0px}
h2{font-size:22px; margin:10px 0px 8px 0px}
h3{font-size:20px; margin:8px 0px 6px 0px}
h4{font-size:18px; margin:8px 0px 6px 0px}
.w{width:100%}
.r{float:right}
table {border-spacing:0;border-collapse:separate;}
table td, table th{padding:8px;vertical-align:top}
.page {background:#FEFEFE;display:inline-block;width:1700px;padding:16px;box-shadow:0px 2px 2px 0px rgba(0,0,0,0.15);border-radius:3px}
.page h1 {text-align:left;}
grid{display:inline-grid}
grid.full{width:100%;height:100%;align-items:center;align-content:center;justify-content: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}
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}
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;}
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}

.icon {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%}

#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}

@media screen and (max-width:1800px) and (min-width:1270px){
.page {width: 1250px;}
}
@media screen and (max-width:1269px) and (min-width:780px){
.page {width: 770px;padding:12px}
}
@media screen and (max-width: 779px) and (min-width: 560px){
.page {width: 560px;padding:8px}
}
@media screen and (max-width:559px){
.page {width: calc(100vw - 8px);padding:4px 4px}
}


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}