html {
width:100vw;
height:100vh;
overflow-x:hidden
}

body {
margin:0;
height:100%;
background:url(/images/bg.gif);
}
/*
position: relative;
top: 50%;
transform: translateY(-50%);
*/

#page-wrap {
position:relative;
display:grid;
grid-template-columns:150px 1fr 170px;
grid-template-rows:100px 1fr 50px;
margin:0 auto;
padding:0;
max-width:1260px;
width:1260px;/*1260px*/
min-height:100%;
background: none repeat scroll 0 0 #fff;
font:14px/18px "Times New Roman",Times,serif;
transition:transform 0.5s
}

#page-wrap.overlay-open {
transform:scale(0.8)
}

ul {
padding:0;
list-style:none outside none
}

#tbox {
position:relative;
grid-column:1/4;
grid-row:1;
border-bottom:1px solid #454545
}

#hcontent {
grid-column:2;
grid-row:2
}

#page0 {
position:relative;
margin:40px 40px;
font-size:12pt;
font-family:"Times New Roman"
}
#page0 div {
position:relative;
margin-top:15px
}
#page0 b>a{
text-decoration:none
}

.dbox {position:relative;/*detailsBox*/
padding-top:30px
}
.dbox details summary span {
font-size:14pt;
color:black;
text-decoration:underline
}
details summary {
position: absolute;
top:2px;
left:-15px;
color:gray;
cursor:pointer
}
/*details summary:before {
	content: "+";
	/*display: block;
	width:10px;
	background-image:url(/images/word.png);
	height:10px;
}
details[open] summary:before {
	content: "-";
}*/
details[open] {
border-left:1px dotted gray;
margin:0 0 20px -11px;
padding-left:10px
}

/*Главное меню*/
.nav {display:none;position:relative;z-index:0;
grid-column:1;
grid-row:2;
margin-left:0;
width:139px
}

ul.menu {
margin:0 auto
}
ul.menu li {background:url(/images/sw.png) -4px 2px repeat-y; z-index:1;
position:relative;
float:left
}
ul.menu li a {
display:block;
margin:0;
padding:3px 3px 2px 9px;
width:128px;
height:25px;
background:url(/images/smenu.png);
color:#000;
text-decoration:none;
font:italic 16px/20px "Times New Roman";
cursor:pointer
}
ul.menu li.current a {
text-decoration: underline;
background:url(/images/smenu.png) 0 30px;
}
ul.menu li:not([class="current"]) a:hover {
background:url(/images/smenu.png) 0 90px;
}
ul.menu li a:hover {color:#6F6F6F}
ul.menu li:not([class="current"]) a:active {
color:#6F6F6F;
background:url(/images/smenu.png) 0 60px;
}
ul.menu::after {
position:relative;
content:url(/images/sw.png);
left:-2px;
top:-90px;
}
.current {
background:url(/images/smenu.png) 0 30px;
}
/*конец меню*/
#counter {
grid-column:1;
grid-row:2;
margin:auto auto 5px 5px
}
.pages {
position:relative;
margin:30px 40px;
font-size:12pt;
font-family:Times New Roman, serif
}

p, h2 {margin:0}
img {
outline: 0px none;
vertical-align:top
}

#load {
position:absolute;
right:60px;
bottom:0px;
display:none;
width:39px;
height:15px;
background:url(/images/loading.gif);
opacity:1
}

#mask {
display:none;
position:fixed;
width:100%;
height:100%;
z-index:1;
background:rgba(131, 100, 40, 0.3)
}
/*	visibility: hidden;
transform: translateY(-100%);
transition: transform 0.5s, visibility 0s 0.5s;
}
#mask.open {
	visibility: visible;
	transform: translateY(0%);
	transition: transform 0.5s;
}*/
.modal {/*border: 1px solid green;*/
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
z-index:1;
visibility:visible
}
.md-effect-1 {
top:70%;
opacity:0;
transition:all 0.4s
}
.md-effect-1.md-show {
top:30%;
opacity:1
}
#сpanel {
position:absolute;
display:flex;
width:100px;
justify-content:space-between;
align-items:center;
top:30px;
right:20px
}

#mail {
position:relative;
}
#mail .btn {
position:relative;
width:24px;
height:24px;
background:url(/images/mail.png) 0 0px;
opacity:0.8;
cursor:pointer
}
#mail .btn:hover {
opacity:1;
filter:hue-rotate(270deg)
}
#mail .btn:active {
top:1px;
left:1px;
filter:hue-rotate(180deg)
}
div.overlay {
position:absolute;
top:12px;
left:12px;
z-index:1;
display:none;
padding-top:30px;
width:0;
height:0;
background-image:url(/images/overlay/overlay.png);
background-size:100% 100%/*cover*/
}
div.overlay div.close {
position:absolute;
top:5px;
right:5px;
display:none;
width:36px;
height:36px;
background-image:url(/images/overlay/close.png);
opacity:0.9;
cursor:pointer
}
div.overlay div.close:hover {opacity:1; filter: saturate(200%)}
div.overlay div.close:active {top:6px;right:4px;filter:hue-rotate(310deg)}
div.overlay .mbox {
display:none
}

#lbtn {
position:relative;
width:24px;
height:24px;
background: url(/images/login.png);
background-size:100% 100%;
opacity:0.8;
cursor:pointer
}
#lbtn:hover {
opacity:1;
filter:hue-rotate(30deg)
}
#lbtn:active {
top:1px;
left:1px;
filter:hue-rotate(300deg)
}

#rmenu p{
margin-top:5px
}
#rmenu a{
color:#0000F0
}

footer {visibility: hidden;
grid-column:1/4;
grid-row:3;
overflow:hidden;
background:rgba(190, 80, 30, 0.46);
color:white;
font-size:16px
}

#bmenu {
margin:0 auto;
font-size:18px;
line-height:20px;
cursor:pointer
}
#bmenu td {
padding:0
}

.hide {
display:none
}
.show {
display:block
}

template {
display:none !important
}


#calendar {
width:158px;
/*font-family:monospace;*/
line-height: 1.2em;
font-size: 14px;
text-align: center
}
#calendar thead tr:last-child {
font-size:small;
color:rgb(85, 85, 85)
}
#calendar thead tr:last-child td {min-width:18px}

#calendar thead tr:nth-child(1) td:nth-child(2) {
color: rgb(50, 50, 50)
}
#calendar thead tr:nth-child(1) td:nth-child(1):hover, #calendar thead tr:nth-child(1) td:nth-child(3):hover {
cursor: pointer
}
#calendar tbody td {
color: rgb(44, 86, 122)
}
#calendar tbody td:nth-child(n+6) {
color: rgb(231, 140, 92)
}
#calendar tbody td.today {
background: rgb(220, 0, 0);
color: #fff
}