@font-face {
    font-family: 'Calibri';
    src: url('../fonts/calibri.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Calibri-Bold';
    src: url('../fonts/calibrib.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Calibri-Italic';
    src: url('../fonts/calibrii.ttf');
    font-weight: normal;
    font-style: normal;
}
    
header, section, aside, footer, .block {min-height: 1%;} 
.wprz { 
    font: 14px Calibri, Arial, sans-serif;
	width:1200px;
    width: 100%;
     background: #fff;
}

.wprz a {text-decoration: none; color: inherit; cursor: pointer;}
.wprz a img:hover {opacity:0.7; transition: 0.4s;}
.wprz h2,
.wprz h3,
.wprz h4 {font-weight: normal; }
.wprz h2 {font: 24px Calibri !important;}
.clearfix {clear: both;}


.flex { 
	display: flex;
	display: -moz-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -webkit-flexbox;
	display: flex;
	justify-content: space-between; 
	flex-wrap:wrap;
	align-items:flex-start;
}

.flex_vert {display: flex; align-items: center; }

.wrapper_a {max-width:940px; margin: 0 auto; outline: 0px solid #f00;}

.wprz .top {background: #1e1e1e; padding: 10px 0;}
.wprz .top a {color: #ffdb93; font-size: 18px;}
.wprz .top a:hover {text-decoration: underline;}
.wprz .top .wrapper_a div{display: inline-block;}

.wprz .languages {color:#1458A3;}
.wprz .languages a{color:#1458A3; font-size: 14px;}
.wprz .languages a:hover {color:#ffdb93;}

.wprz .logo_and_text {padding: 10px 0; background: #fff;}
.wprz .logo a{font:bold 54px; position: relative;}
.wprz .logo a:after {content:''; border-right: 1px solid #d78f00; display: block; width: 1px; height: 93px; position: absolute;top: 0; right: 0; margin-right: -20px}
.wprz .logo_text {max-width: 335px;  margin-top: 10px;  color:#1458a3; font:24px Calibri; text-transform: uppercase; margin-left:40px; line-height: 24px; }

.wprz .top_right {margin-top: 0;}
.wprz .search form {position: relative; margin-top: 15px;}
.wprz .search form input[type=search] {width: 290px;  border: 1px solid #ffdb93; height: 30px; font-size: 11px;padding-left: 10px;}
.wprz .search form input[type=submit] {background: url(../images/lupe.png); border: none; width: 27px; height: 19px; position: absolute; top: 5px; right:5px;}
.wprz .search form input[type=submit]:hover {cursor: pointer;}
.wprz .socials {margin-top: 7px;}



.wprz .hdr .menu {background: #1458a3;}

.wprz ul.main_menu{}
.wprz ul.main_menu>li{padding: 14px 5px 10px; display: inline-block; position: relative;}
.wprz ul.main_menu>li:hover {background: #114680;}
.wprz ul.main_menu>li:hover>a{color:#fff;}
.wprz ul.main_menu>li>a{display: block; color: #fff; font-size: 14px; line-height: 18px;}
.wprz ul.main_menu li:hover>ul{display: block; background:#1458a3;}
.wprz ul.main_menu>li ul{ position: absolute; display: none; background: #1458a3; width: 200px; padding: 0; margin-top: 9px; margin-right: 0; z-index: 9999;  right: -200px; left: 0; color: #fff;}
.wprz ul.main_menu>li ul li{ list-style: none; border: 1px solid #ccc; }
.wprz ul.main_menu>li ul li a{ display: block; padding: 4px 10px; transition: 0.1s; }
.wprz ul.main_menu>li ul li a:hover{ background-color: #114680; color: #fff; }
.wprz ul.main_menu>li ul>li ul{ position: absolute; display: none; width: 200px; padding: 0; margin-top: 0; margin-left: 150px; z-index: 9999; }


.wprz ul.left_menu{font-size: 14px; }
.wprz ul.left_menu>li{padding: 8px 0 8px 11px; background: #1458a3; display: block; position: relative; color: #fff; border-top: 1px solid #fff;}
.wprz ul.left_menu>li:hover {background: #114680;}
.wprz ul.left_menu>li:hover>a{color:#fff;}
.wprz ul.left_menu>li>a{display: block; color: #fff;}
.wprz ul.left_menu li:hover>ul{display: block;}
.wprz ul.left_menu>li ul{ position: absolute; display: none; background: #1458a3; width: 200px; padding: 0; margin-top: 0; margin-right: 0; z-index: 9999;  right: -200px; top: 0;}
.wprz ul.left_menu>li ul li{ list-style: none; border: 1px solid #ccc; }
.wprz ul.left_menu>li ul li a{ display: block; padding: 4px 10px; transition: 0.1s; }
.wprz ul.left_menu>li ul li a:hover{ background-color: #114680; color: #fff; }
.wprz ul.left_menu>li ul>li ul{ position: absolute; display: none; background: #1458a3; width: 200px; padding: 0; margin-top: 0; margin-left: 150px; z-index: 9999; }

.wprz .middle {margin-top: 25px;}
.wprz .left {max-width: 220px;}
.wprz .container_title {font-size: 18px; color: #000; margin-top: 13px;}
.wprz .container_title:after { content:''; border-bottom: 1px solid #a87b26; display: block; margin: 6px 0 8px; }
.wprz .weather {text-align: center;}

.wprz .right {width: 700px;}

.wprz .news_wrapper {}
.wprz .news_view1 {margin-bottom: 20px; max-width: 340px;}
.wprz .news_view1 .img_box1 img {}
.wprz .news_view1 a:hover {text-decoration: none;}
.wprz .news_view1 a h2 {font: 14px Calibri-Bold !important; color:#fff; background: #1b75d9; text-decoration: underline; padding-left: 15px; margin-top: -3px; padding-top: 20px;}
.wprz .news_view1 h2:hover {text-decoration: none;}
.wprz .news_view1 .date {font-size: 14px; color: #707070; font-style: italic;}
.wprz .news_view1 .h50 {color:#fff; background: #1b75d9; padding: 0 15px}
.wprz .news_view1 .h50 .description {font-size: 12px; line-height: 18px; display: inline;}
.wprz .news_view1 .h50 a.link1 {margin-top: 5px; display: inline; text-decoration: underline; font-size: 12px;}
.wprz .news_view1 .h50 a.link1:hover {text-decoration: none;}
.wprz .all_news a{float: right; padding: 6px 15px; border: 1px solid #1d6cad; background: #fff; color:#1d6cad; font-size: 14px; display: inline-block; }
.wprz .all_news a:hover {background: #1d6cad; color: #fff; transition: 0.4s;}
.wprz .all_news a:after {content:''; clear: both;}

.wprz .director {border: 1px solid #e2e2e2; padding-right: 10px; background: #fff;}
.wprz .director img {margin-right: 20px;}
.wprz .director .director_text {max-width: 370px;}
.wprz .director .director_text h2 {font-size: 18px !important; color: #167dbe; margin-top: 7px;}
.wprz .director .director_text {font-size: 14px; line-height: 18px; color: #424242;}
.wprz .director .director_text p {margin-top: 18px;}
.wprz .director .director_text a {background: #167dbe; color: #fff; display: inline-block; text-align: center; padding: 5px 13px; margin: 4px 0 10px; float: right; border: 1px solid #167dbe;}
.wprz .director .director_text a:hover {background: #fff; color: #167dbe; transition: 0.4s;}

aside {margin-top: 0 !important;}

footer .flex {align-items:center;}
footer {margin-top: 55px !important;  color:#fff;text-align: center; font-size: 18px; padding: 30px 0 !important; background: #085da8; }
footer .school_name {font: 18px Calibri; text-transform: uppercase; text-align: left; margin-left: 25px; line-height: 32px;}
footer .statistic {margin-top: ;}

/*Статистика*/
#statistika li {
	width:65px;
	list-style:none;
	height: 22px;
	line-height: 23px;
	padding: 0 9px 0 8px;
	font-size: 13px;
	color: #555;
	text-decoration: none;
	text-shadow: 0 1px white;
	background: #fafafa;
	border-width: 1px 0 1px 1px;
	border-style: solid;
	border-color: #dadada #d2d2d2 #c5c5c5;
	-webkit-border-radius: 3px 0 0 3px;	
	-moz-border-radius: 3px 0 0 3px;	
	border-radius: 3px 0 0 3px;	
	background-image: -webkit-linear-gradient(top, #fcfcfc, #f0f0f0);
	background-image: -moz-linear-gradient(top, #fcfcfc, #f0f0f0);
	background-image: -o-linear-gradient(top, #fcfcfc, #f0f0f0);
	background-image: linear-gradient(to bottom, #fcfcfc, #f0f0f0);
	-webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7), 0 1px 2px rgba(0, 0, 0, 0.05);
	position: relative;
}

#statistika li:after {
	content: '';
	z-index: 2;
	position: absolute;
	top: 10px;
	right: -2px;
	width: 5px;
	height: 6px;
	opacity: .95;
	border-radius: 3px 0 0 3px;	
	-webkit-border-radius: 3px 0 0 3px;	
	-moz-border-radius: 3px 0 0 3px;	
	background: #56a3d5;
	-webkit-box-shadow: inset 1px 0 #276f9e;
	box-shadow: inset 1px 0 #276f9e;
}

#statistika li span {
	height: 24px;
	width: 60px;
	position: absolute;
	top: -1px;
	left: 100%;
	line-height: 21px;
	color: white;
	text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
	border-radius: 0 2px 2px 0;	
	-webkit-border-radius: 0 2px 2px 0;	
	-moz-border-radius: 0 2px 2px 0;	
	opacity: .95;
	background: #56a3d5;
	border-color: #3591cd #318cc7 #2f86be;
	background-image: -webkit-linear-gradient(top, #6aaeda, #4298d0);
	background-image: -moz-linear-gradient(top, #6aaeda, #4298d0);
	background-image: -o-linear-gradient(top, #6aaeda, #4298d0);
	background-image: linear-gradient(to bottom, #6aaeda, #4298d0);
	display: block