@font-face {
    font-family: 'robotoregular';
    src: url('./fonts/roboto-regular.eot');
    src: url('./fonts/roboto-regular.eot?#iefix') format('embedded-opentype'),
         url('./fonts/roboto-regular.woff') format('woff'),
         url('./fonts/roboto-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotoregular';
    src: url('./fonts/roboto-bold.eot');
    src: url('./fonts/roboto-bold.eot?#iefix') format('embedded-opentype'),
         url('./fonts/roboto-bold.woff') format('woff'),
         url('./fonts/roboto-bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;

}

/* basic reset */
body,* { margin: 0; padding: 0; }
button::-moz-focus-inner { padding: 0; border: 0 }
p, h1, h2, h3, h4, h5, h6, ul, ol { margin: 10px auto 10px auto; }
ul,ol { padding: 0 0 0 25px; }
a img { border: none; }
a { color: #27842b; }

.clear { clear: both; }
.left { float: left; }
.right { float: right; }

p.date { font-style: italic; font-size: 12px; margin: -5px 0 0 0; }

ul.list-hand,
ul.list-hand-10,
ul.list-hand-11,
ul.list-hand-12,
ul.list-hand-13 {
	list-style: none;
	padding-left: 0;
}

ul.list-hand li,
ul.list-hand-10 li,
ul.list-hand-11 li,
ul.list-hand-12 li,
ul.list-hand-13 li {
	margin: 10px 0;
}
ul.list-hand li:before,
ul.list-hand-10 li:before,
ul.list-hand-11 li:before,
ul.list-hand-12 li:before,
ul.list-hand-13 li:before {
	display: inline-block;
	vertical-align: middle;
	content: ' ';
	width: 18px;
	height: 18px;
	background: url('./img/hand-point.png') 0 0 no-repeat;
	margin-right: 5px;
}
ul.list-hand-10 li:before { background-position: 0 -18px; }
ul.list-hand-11 li:before { background-position: 0 -36px; }
ul.list-hand-12 li:before { background-position: 0 -54px; }
ul.list-hand-13 li:before { background-position: 0 -72px; }

ul.list,
ul.list-10,
ul.list-11,
ul.list-12,
ul.list-13 {
	list-style: none;
	padding-left: 5px;
}
ul.list li,
ul.list-10 li,
ul.list-11 li,
ul.list-12 li,
ul.list-13 li {
	margin: 5px auto;
}
ul.list li:before,
ul.list-10 li:before,
ul.list-11 li:before,
ul.list-12 li:before,
ul.list-13 li:before {
	display: inline-block;
	content: ' ';
	height: 9px;
	width: 9px;
	border-radius: 50%;
	margin-right: 5px;
	background-color: #000;
}

.color-def { color: #9ea0a1; }
.color-10 { color: #0074bb !important; }
.color-11 { color: #b13227 !important; }
.color-12 { color: #fcc000 !important; }
.color-13 { color: #27842b !important; }

table.lls-table { border-width: 1px; border-collapse: collapse; }
table.lls-table td { border-width: 1px; padding: 3px; }

table.color-10, table.color-11, table.color-12, table.color-13 { border-color: #0074bb; color: inherit !important; }
table.color-10 td { border-color: #0074bb; border-style: solid; }
table.color-11 td { border-color: #b13227; border-style: solid; }
table.color-12 td { border-color: #fcc000; border-style: solid; }
table.color-13 td { border-color: #27842b; border-style: solid; }

ul.list-10 li:before,
table.color-10.lls-table .lls-table-back { background: #0074bb; }
ul.list-11 li:before,
table.color-11.lls-table .lls-table-back { background: #b13227; }
ul.list-12 li:before,
table.color-12.lls-table .lls-table-back { background: #fcc000; }
ul.list-13 li:before,
table.color-13.lls-table .lls-table-back { background: #27842b; }

.group-10 .color-def,
.group-10 a { color: #0074bb; }
.group-11 .color-def,
.group-11 a { color: #b13227; }
.group-12 .color-def,
.group-12 a { color: #fcc000; }
.group-13 .color-def,
.group-13 a { color: #27842b; }

#group-10 #page-center { background-image: url('./img/background_blue.png'); }
#group-11 #page-center { background-image: url('./img/background_red.png'); }
#group-12 #page-center { background-image: url('./img/background_yellow.png'); }
#group-13 #page-center { background-image: url('./img/background_green.png'); }

#header .select a { color: #f9b911; }
#group-10 #header { background-image: url('./img/header_line_blue.png'); }
#group-11 #header { background-image: url('./img/header_line_red.png'); }
#group-12 #header { background-image: url('./img/header_line_yellow.png'); }
#group-13 #header { background-image: url('./img/header_line_green.png'); }

#group-12 #menu a span { background-image: url('./img/header_icons_yellow.png'); }
#group-12 #header .select a { color: #0074bb; }

hr {
	display: block;
	border: none;
	background: #5d5d5d;
	height: 3px;
	margin: 0 -15px 0 -15px;
}
hr.dotted {
	background: url('./img/line_dotted.png') 0 0 repeat-x;
	margin: 0 -2px 0 0;
}

body {
	font-family: 'robotoregular', sans-serif;
	font-size: 12px;
}

a { text-decoration: none; }
a:hover { text-decoration: underline; }

#header {
	position: relative;
	background: url('./img/header_line_blue.png') top center repeat-x;
	height: 88px;
	width: 100%;
	min-width: 1006px;
}
#page-center {
	background: url('./img/background.png') top center repeat;
	min-height: 200px;
}
#footer .right a {
	font-weight: bold;
	color: #777;
	background: url('./img/ico_gear.png') left center no-repeat;
	padding: 0 0 0 24px;
}
#footer small {
	font-size: 12px;
	line-height: 20px;
}

#header .content {
	position: relative;
}
#logos {
	color: #9ea0a1;
	text-align: right;
	width: 100%;
	height: 120px;
	margin: 0 auto 5px auto;
}
#logo {
	position: absolute;
	z-index: 21;
	top: 0;
	left: 10px;
	margin: 0;
}
#elec {
	position: absolute;
	top: 0;
	right: 24px;
	height: 67px;
	margin: 0;
}
#elec a {
	display: block;
}

#logo span {
	line-height: 100px;
	font-size: 37px;
	font-style: italic;
	word-spacing: -1px;
}

.content {
	width: 1006px;
	margin: 0 auto 0 auto;
}

#menu-mobile {
	position: relative;
	display: none;
	width: 40px;
	height: 40px;
	padding: 14px 10px 13px 10px;
	cursor: pointer;
}
#menu-mobile:hover {
	background: rgba(0,0,0,0.1);
}
#menu-mobile i:after,
#menu-mobile i:before,
#menu-mobile i {
	position: absolute;
	content: ' ';
	display: block;
	width: 40px;
	height: 3px;
	background: #fff;
}
#menu-mobile i {
	top: 49%;
}
#menu-mobile i:before {
	top: -11px;
}
#menu-mobile i:after {
	bottom: -11px;
}

#menu {
	position: relative;
	margin: 0 230px 0 226px;
}
#menu ul {
	list-style: none;
	margin: 0;
	padding: 10px 0 0 0;
	height: 42px;
	background: inherit;
}
#menu li {
	display: inline-block;
	line-height: 20px;
	margin: 0 12px 0 12px;
	background: inherit;
}
#menu li a {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	outline: none;
}
#menu a span {
	display: block;
	background: url('./img/header_icons.png') 0 0 no-repeat;
	margin: auto;
	height: 20px;
	width: 20px;
}

#head-1 a span { background-position: 0 0; width: 18px; }
#head-2 a span { background-position: -20px 0; }
#head-3 a span { background-position: -40px 0; }
#head-4 a span { background-position: -60px 0; }
#head-5 a span { background-position: -78px 0; }
#head-6 a span { background-position: -100px 0; }
#head-7 a span { background-position: -120px 0; width: 26px; }
#head-8 a span { background-position: -147px 0; }
#head-9 a span { background-position: -167px 0; width: 26px; }

#head-1 a:hover span,
#head-1.select a span { background-position: 0 -20px; }
#head-2 a:hover span,
#head-2.select a span { background-position: -20px -20px; }
#head-3 a:hover span,
#head-3.select a span { background-position: -40px -20px; }
#head-4 a:hover span,
#head-4.select a span { background-position: -60px -20px; }
#head-5 a:hover span,
#head-5.select a span { background-position: -78px -20px; }
#head-6 a:hover span,
#head-6.select a span { background-position: -100px -20px; }
#head-7 a:hover span,
#head-7.select a span { background-position: -120px -20px; width: 26px; }
#head-8 a:hover span,
#head-8.select a span { background-position: -147px -20px; }
#head-9 a:hover span,
#head-9.select a span { background-position: -167px -20px; width: 26px; }

#group-top {
	padding: 0 0 20px 0;
}

#group-icons {
	margin: 0 5px 0 5px;
}
#group-icons a {
	float: left;
	display: block;
	background: url('./img/themes.jpg') 0 0 no-repeat;
	height: 289px;
	width: 231px;
	margin: 0 7px 0 7px;
	outline: none;
}
#group-icons a span {
	display: none;
}
a#group-icon-10 { background-position: 0 0; }
a#group-icon-11 { background-position: -241px 0; }
a#group-icon-12 { background-position: -490px 0; }
a#group-icon-13 { background-position: -728px 0; width: 240px; }

a#group-icon-10:hover { background-position: 0 -289px; }
a#group-icon-11:hover { background-position: -241px -289px; }
a#group-icon-12:hover { background-position: -490px -289px; }
a#group-icon-13:hover { background-position: -728px -289px; }


#group-signs {
	position: absolute;
	top: 0;
	right: 0;
}
#group-signs a {
	display: block;
	float: left;
	background: url('./img/groups-signs.png') 0 0 no-repeat;
	width: 102px;
	padding-top: 120px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 10px;
	outline: none;
}
#group-signs a span {
	display: none;
}
#group-signs a:hover span {
	display: block;
}
a#sign-10 { width: 100px; }
a#sign-11 { background-position: -100px 0; }
a#sign-12 { background-position: -200px 0; }
a#sign-13 { background-position: -300px 0; }

#page-group {
	position: relative;
	height: 206px;
	margin-left: 30px;
}
#page-group .content-img-big {
	float: left;
}
#page-group-content {
	margin-left: 200px;
	font-size: 24px;
	font-weight: bold;
	color: #5d5d5d;
}
#page-group-content p {
	margin: 0;
}
#page-group #page-title {
	line-height: 130px;
	font-size: 38px;
	text-shadow: 1px 1px 4px #aaa;
	margin: 5px 0 5px 0;
}

.page-title {
	color: #5d5d5d;
	font-size: 36px;
	text-transform: uppercase;
}
.page-title.small {
	font-size: 32px;
}

.page-content {
	position: relative;
	font-size: 14px;
	width: 730px;
	padding: 15px 0 15px 15px;
	margin-left: 96px;
}
.content-img {
	position: absolute;
	top: 0px;
	left: -90px;
	height: 70px;
	width: 95px;
}
.content-img img {
	position: absolute;
	right: 0;
	bottom: 0;
}

/*** infoboxs ***/
.infobox {
	position: relative;
	float: left;
	background: #fff;
	border: 1px solid #999;
	width: 224px;
	height: 172px;
	margin: 5px;
	padding: 5px 25px 15px 25px;
	overflow: hidden;
}
.infobox.hover {
	cursor: pointer;
}
.infobox .logo {
	float: right;
	margin: 10px -16px 0 0;
}
.infobox .logo.logo-news {
	width: 115px;
	height: 115px;
	margin: 10px -10px 0 5px;
}
.infobox .logo.logo-news-small {
	width: 95px;
	height: 95px;
	margin: 10px -10px 0 5px;
}
.infobox h2 {
	text-transform: uppercase;
	font-size: 24px;
	line-height: 30px;
	min-height: 60px;
}
.infobox-twocols .infobox {
	width: 371px;
}
#page-infobox-home .infobox h2 { min-height: 30px; }
#page-infobox-news .infobox h2 { font-size: 18px; line-height: 22px; min-height: 20px; margin-bottom: 0; }
#page-infobox-news .infobox .date { margin-top: 0px; }

.infobox .info-more {
	position: absolute;
	bottom: 10px;
	right: 25px;
}
.infobox.infobox-image .info-more {
	position: relative;
	float: right;
}

.info-blue-1 { background: #e3eff6; }
.info-blue-1 a { color: #0b65a9; }
.info-blue-2 { background: #accee5; }
.info-blue-2 a { color: #0b65a9; }
.info-blue-3 { background: #62a5d3; }
.info-blue-3 a { color: #fff; }
.info-blue-4 { background: #3182ba; }
.info-blue-4 a { color: #fff; }
.info-blue-5 { background: #0b65a9; }
.info-blue-5 a { color: #fff; }

.info-pink-3 { background: #ef96b3; }
.info-pink-3 .color,
.info-pink-3 a { color: #b13227; }


.info-red-2 { background: #ef004e; }
.info-red-2 .color,
.info-red-2 a { color: #ffed00; }
.info-red-3 { background: #de3c18; }
.info-red-3 .color,
.info-red-3 a { color: #f9b911; }
.info-red-4 { background: #cc382b; }
.info-red-4 .color,
.info-red-4 a { color: #f9b911; }
.info-red-5 { background: #a92e24; }
.info-red-5 .color,
.info-red-5 a { color: #f9b911; }

.info-green-3 { background: #607c19; }
.info-green-3 .color,
.info-green-3 a { color: #fff; }
.info-green-5 { background: #277a2a; }
.info-green-5 .color,
.info-green-5 a { color: #fff; }

.info-yellow-1 { background: #ffe9ab; }
.info-yellow-1 a { color: #a1291c; }
.info-yellow-2 { background: #fbb911; }
.info-yellow-2 a { color: #a1291c; }
.info-orange-3 { background: #fe8a0c; }
.info-orange-3 a { color: #a1291c; }
.info-orange-4 { background: #f7821a; }
.info-orange-4 a { color: #a1291c; }
.info-orange-5 { background: #e65412; }
.info-orange-5 a { color: #a1291c; }

.infobox.infohome-0 { width: 194px; }
.infobox.infohome-1,
.infobox.infohome-2 { width: 308px; }

.infobox.infonews-0 { width: 308px; background: #fbb911; }
.infobox.infonews-1 { width: 308px; background: #27842b; }
.infobox.infonews-1 a { color: #fff; }
.infobox.infonews-2 { width: 194px; background: #0b65a9; }
.infobox.infonews-2 a { color: #fbb911; }

.record-box {
	margin: 25px 0 20px 0;
}
.record-box .title-head,
.record-box .title {
	font-size: 24px;
	margin-bottom: 4px;
}
.record-box .title-head {
	padding: 5px 0 5px 40px;
	margin: 0;
	background-repeat: no-repeat;
}
.group-10 .record-box .title-head { background-image: url('./img/title_ico_blue.png'); }

.image-front {
	border: 1px solid #bbb;
	box-shadow: 4px 4px 7px 0px #888;
	padding: 7px;
}
.image-front.right {
	margin: 0 0 5px 20px;
}
.image-front.left {
	margin: 0 20px 5px 0;
}

.gallery {
	margin: 10px 0 20px 0;
}

.button-left,
.button-right {
	display: block;
	background: url('./img/button_right_blue.png') 0 0 no-repeat;
	box-sizing: initial;
	border: none;
	width: 160px;
	margin: 0;
	padding: 15px 26px 15px 0;
	color: #fff !important;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	line-height: 30px;
}
.button-left {
	padding: 15px 10px 15px 16px;
}
.button-left:hover,
.button-right:hover {
	background-position: 0 -60px;
	text-decoration: none;
	cursor: pointer;
}
.group-10 .button-right { background-image: url('./img/button_right_blue.png'); }
.group-11 .button-right { background-image: url('./img/button_right_red.png'); }
.group-12 .button-right { background-image: url('./img/button_right_yellow.png'); }
.group-13 .button-right { background-image: url('./img/button_right_green.png'); }

.group-10 .button-left { background-image: url('./img/button_left_blue.png'); }
.group-11 .button-left { background-image: url('./img/button_left_red.png'); }
.group-12 .button-left { background-image: url('./img/button_left_yellow.png'); }
.group-13 .button-left { background-image: url('./img/button_left_green.png'); }


form {
	border-width: 1px;
	border-style: solid;
	border-radius: 2px;
	padding: 15px 20px;
	width: 680px;
}
form label {
	display: inline-block;
	vertical-align: top;
	width: 180px;
	line-height: 28px;
}
form textarea,
form select,
form input {
	background: #fff;
	font-family: 'robotoregular';
	font-size: 14px;
	border: 2px solid #aeb0b0;
	border-radius: 2px;
	width: 480px;
	padding: 3px 5px 3px 5px;
}
form select {
	width: 493px;
}

.group-10 form textarea:focus, .group-10 form input:focus, .group-10 form select:focus,
.group-10 form { border-color: #0074bb; }
.group-11 form textarea:focus, .group-11 form input:focus, .group-11 form select:focus,
.group-11 form { border-color: #b13227; }
.group-12 form textarea:focus, .group-12 form input:focus, .group-12 form select:focus,
.group-12 form { border-color: #fcc000; }
.group-13 form textarea:focus, .group-13 form input:focus, .group-13 form select:focus,
.group-13 form { border-color: #27842b; }

.group-10 form label span { color: #0074bb; }
.group-11 form label span { color: #b13227; }
.group-12 form label span { color: #fcc000; }
.group-13 form label span { color: #27842b; }

#form-time input {
	width: 170px;
}
#form-time span label {
	width: 83px;
	margin-left: 20px;
	text-align: center;
}

#form-school-year select { width: 170px; }
#form-school-year span label {
	width: 143px;
	margin-left: 10px;
	text-align: center;
}
#form-check { position: relative; }
#form-check input { width: auto; position: absolute; top: 0; left: 0; }
#form-check label { width: auto; margin-left: 32px; }

/*** pagination ***/
#pagination {
	margin: 10px auto 10px auto;
	text-align: center;
	font-weight: bold;
	font-size: 17px;
}
#pagination a {
	color: #5d5d5d;
}
#pagination a.select {
	color: #fbb911;
}

.list-registration {
	font-size: 18px;
	list-style-image: url("img/list_pencil_blue.png");
	padding-left: 52px;
}
.list-registration li {
	line-height: 30px;
}
.list-registration a {
	color: inherit;
}
.group-10 .list-registration a:hover { color: #0074bb; font-weight: bold; text-decoration: none; }

.list-registration a.link-file {
	font-size: 14px;
}
.list-registration a.link-file:hover {
	text-decoration: underline;
	font-weight: normal;
}
.group-10 .list-registration a.link-file { color: #0074bb; }

/*** people ***/
.perex {
	min-height: 164px;
	margin-left: 180px;
}
.teacher-photo {
	box-shadow: 2px 2px 7px 0px #888;
}
.teacher-photo.left {
	margin: 0 20px 20px 0;
}
.teacher-video {
	display: inline-block;
	position: relative;
	width: 276px;
	height: 164px;
	background: #000;
	cursor: pointer;
}
.teacher-video.right {
	margin: 0 0 20px 20px;
}
.teacher-video video {
	width: 100%;
	height: 100%;
}
.teacher-video:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: ' ';
	background: rgba(0,0,0,0.3) url('./img/play-circle.svg') center center no-repeat;
	background-size: 70px 70px;
}
.teacher-video:hover:after {
	background-size: 80px 80px;
}

.teacher-video .video-box {
	display: none;
}
.video-box {
	width: 640px;
	height: 400px;
	border: 0;
	background: #000;
}

/*** galery ***/
#gallery-counts {
	border-top: 3px solid #5d5d5d;
	border-bottom: 3px solid #5d5d5d;
	margin: 0 -15px 0 -15px;
	padding: 15px;
}
#gallery-counts a {
	float: left;
	display: block;
	color: #595959;
	font-size: 18px;
	line-height: 34px;
	font-style: italic;
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 34px;
	width: 310px;
	padding: 10px 0 10px 55px;
	margin: 5px 0 5px 0;
}
#gallery-counts a:hover {
	text-decoration: none;
}
#gallery-counts strong {
	text-transform: uppercase;
	font-size: 21px;
	font-style: normal;
}

#galleryhead-10 { background-image: url('./img/fotohead_blue.png'); }
#galleryhead-10:hover { color: #0074bb; }
#galleryhead-11 { background-image: url('./img/fotohead_red.png'); }
#galleryhead-11:hover { color: #b13227; }
#galleryhead-12 { background-image: url('./img/fotohead_yellow.png'); }
#galleryhead-12:hover { color: #fcc000; }
#galleryhead-13 { background-image: url('./img/fotohead_green.png'); }
#galleryhead-13:hover { color: #27842b; }

/*** gallery ***/
.gallery-content a {
	display: inline-block;
	width: 128px;
	margin: 0 2px 0 2px;
}
.gallery-content a img {
	/*width: 128px;*/
}

.gallery-slider {
	position: relative;
	padding: 0 38px 0 38px;
	margin: 10px -6px 10px 0;
}
.gallery-slider-box {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 128px;
}
.gallery-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 1000%;
	height: 188px;
	word-spacing: 0;
	font-size: 0;
	line-height: 0;
	white-space: nowrap;
}

.gallery-slider a.gallery-next,
.gallery-slider a.gallery-prev {
	position: absolute;
	top: 0;
	display: block;
	width: 38px;
	height: 128px;
	margin: 0;
    background-image: url('./gallery/arrows_slider.png');
	background-repeat: no-repeat;
	outline: none;
}
.gallery-slider a.gallery-next.disabled,
.gallery-slider a.gallery-prev.disabled {
	display: none;
}
.gallery-slider a.gallery-next {
	right: 0;
	background-position: -50px 0;
}
.gallery-slider a.gallery-prev {
	left: 0;
	background-position: 0 0;
}
.gallery-slider a.gallery-next:hover {
	background-position: -50px -128px;
}
.gallery-slider a.gallery-prev:hover {
	background-position: 0 -128px;
}

/*** Gallery Box Classic ***/
.gallery-box-all {
	display: none;
	position: absolute;
    top: 0;
    left: 0;
    margin: auto;
	z-index: 50;
	width: 100%;
	height: 100%;
}
.gallery-box-black {
	position: fixed;
    top: 0;
    left: 0;
    margin: auto;
    z-index: 55;
	width: 100%;
	height: 100%;
    background-color: #000;
	opacity: 0.90;
}
.gallery-box {
    overflow: visible !important;
	position: relative;
	top: 0;
    z-index: 60;
	width: 200px;
	padding: 0;
	margin: auto;
	color: #fff;
}
.gallery-box-image {
	position: relative;
	background: #fff url('./gallery/ajax-loader.gif') center center no-repeat;
	height: 160px;
	width: 100%;
	padding: 0;
}
.gallery-box-image img {
	position: relative;
	z-index: 62;
}
.gallery-box p {
	position: absolute;
	top: -22px;
	left: 0;
	height: 20px;
	margin: 0;
	padding: 0;
}
.gallery-box a {
	display: block;
	cursor: pointer;
	position: absolute;
	top: 0;
	z-index: 65;
	background-repeat: no-repeat;
	background-image: url('.');
	height: 100%;
	width: 40%;
	outline: none;
	margin: 0;
	padding: 0;
	color: #009de0;
}
.gallery-box a.gallery-box-close {
	background: url('./gallery/close.png') bottom center no-repeat;
	top: -24px;
	right: -27px;
	width: 51px;
	height: 51px;
}
.gallery-box a.gallery-box-close:hover {
	background-position: top center;
}
.gallery-box a:hover { color: #111; }
.gallery-box a span { display: none; }

.gallery-box a.gallery-box-left {
	left: -42px;
	background: url('./gallery/arrow_left.png') center right no-repeat;
	width: 42px;
}
.gallery-box a.gallery-box-right {
	right: -42px;
	background: url('./gallery/arrow_right.png') center left no-repeat;
	width: 42px;
}
.gallery-box a.gallery-box-left:hover { background-position: center left; }
.gallery-box a.gallery-box-right:hover { background-position: center right; }
.gallery-box-clear { clear: both; }

/*** jquery ***/
.js-calendar {
	background: url('./jquery/calendar.gif') center center no-repeat;
	height: 16px;
	width: 16px;
}

@media screen and (max-width: 640px) {
	#page-center {
		background: none !important;
	}
	.infobox {
		display: block;
		width: calc(100% - 10px) !important;
		height: auto;
		box-sizing: border-box;
		padding-bottom: 35px;
	}
	.infobox .logo {
		margin: 10px -5px auto auto;
	}
	.infobox .info-more {
		bottom: 5px;
	}
	#logo {
		left: auto;
		right: 179px;
	}
	#elec {
		right: 0;
	}
	#menu {
		margin: 0;
	}
	#header,
	.content {
		min-width: 440px;
		width: auto;
	}
	.content-img {
		display: none;
	}
	.page-content {
		width: auto;
		margin: auto;
		padding: 15px;
	}
	form {
		width: auto;
	}
	#form-school-year span label,
	form label {
		display: block;
		width: auto;
		text-align: left;
		margin: auto;
	}
	#form-school-year select,
	form select, form textarea, form select, form input {
		width: 100%;
		box-sizing: border-box;
	}

	#group-icons {
		text-align: center;
		max-width: 420px;
		margin: auto;
	}
	#group-icons a {
		float: none;
		display: inline-block;
		margin: auto;
		transform: scale(0.9);
		margin: -15px;
	}
	#group-signs {
		position: relative;
	}
	#group-signs a:hover span {
		display: none;
	}
	#page-group {
		height: auto;
		margin: auto 10px;
	}
	#page-group #page-title {
		line-height: 1em;
	}
	#page-group-content {
		margin: 10px auto auto auto;
	}
	#page-group .content-img-big {
		display: inline-block;
		float: none;
		height: 120px;
	}

	#footer.content {
		padding: 0 10px;
		box-sizing: border-box;
	}
	#footer.content .left,
	#footer.content .right {
		float: none;
	}

	#menu-mobile {
		display: block;
	}

	.nojs #menu ul:hover,
	.nojs #menu #menu-mobile:hover + ul {
		display: block;
	}

	#menu ul {
		display: none;
		position: relative;
		z-index: 20;
		height: auto;
		padding: 20px 5px 5px 5px;
	}
	#menu li {
		display: block;
	}
	#menu li a {
		display: block;
		padding: 5px;
	}
	#menu a span {
		display: inline-block;
		vertical-align: middle;
	}

	#menu ul,
	#group-10 #menu ul {
		background: #0074bb;
	}
	#group-11 #menu ul {
		background: #b13227;
	}
	#group-12 #menu ul {
		background: #fcc000;
	}
	#group-13 #menu ul {
		background: #27842b;
	}

	.perex {
		margin: 0;
	}
	.teacher-photo.left {
		margin-right: 5px;
	}
	.teacher-video.right {
		float: none;
		margin-left: 0;
	}
}






#header, #group-top, #footer {
    display: none !important;
}

#page-center {
    background: none !important;
}