html {
overflow:auto;
background: linear-gradient(76deg, rgb(199, 199, 199) 0%, rgb(227, 227, 227) 40%, rgb(237, 237, 237) 53%, rgb(234, 234, 234) 55%, rgb(186, 186, 186) 100%) no-repeat #fff;
-moz-background-size:cover; /* Gecko 1.9.2 (Firefox 3.6) */
-o-background-size:113% 150px; /* Opera 9.5 */
-webkit-background-size:113% 150px; /* Safari 3.0 */
background-size:113% 150px;
}
html {margin: 0; padding: 0; border: 0;width: 100%; height: 100%; min-width:850px;}

.logo{color:#fff; font-size:18px; float:left; font-weight:lighter; margin:5px 0px; margin-bottom:25px; font-family: 'Lobster', cursive;}
.logo b{color:#4B4B4B; font-weight: bold; font-size:28px; display:inline-block; margin-top:10px; font-family: 'Roboto Condensed', sans-serif; margin-bottom:10px;}
.clearing{clear:both}
.languages{float:right;margin:15px 0px;margin-top:35px}
.languages a:link, .languages  a:visited{color:#fff;font-family: 'Lobster', cursive;line-height:27px;margin-left:5px;
transition: all 0.5s;
-webkit-transition: all 0.5s;}

.languages a:hover{color:#049bd1;}
.languages img{width:27px;border:0px;}
.languages a.icons{width:27px;height:27px;display:inline-block;opacity:0.7;}
.languages a.icons:hover{opacity:1;}
body {margin: 0; padding: 0; border: 0;width: 100%; height: 100%; min-width:850px;}
body {font: 14px/120% 'Open Sans', sans-serif, Tahoma, Arial; position:relative; width:86%; margin: 0 7%; margin-right:-1px;}
#header {
    color: #FFF;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1000;
	padding: 0em;
	margin: 0em;
	left: 0;
	margin-bottom: 15px;
}
.left{text-align:left}
.center{text-align:center}
.noborder{border:0px}
img{vertical-align:top}
hr{color:#e8e8e8;width:100%}
.toright{float:right;margin:10px}
.toleft{margin:10px;float:left;}

#menu_h{position:absolute;float:left;top:129px;left:15px;z-index:100;width:588px;}
#menu_1{position:absolute;float:left;top:23px;left:15px;z-index:100;width:588px;}
.column {
padding-top:12em !important;
}
* html #container { overflow: visible; }
#content {
    float: left;
    position: relative;
	padding-bottom: 4em !important;
}
#right{
    float: left;
    position: relative;
    padding-bottom: 5em !important;
}

@media all and (min-width: 0px) {
    #content {
		margin-bottom: 0 !important;
		padding-bottom: 3em !important;
	}
	#right {
		margin-bottom: 0 !important;
		padding-bottom: 3em !important;
	}
}

/*#container:after {
	content: 'EasyClear';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}*/
#container { display: inline-block; }
#container { display: block; }

#right {
    width: 200px;
	background-position:0px 0px;
    /*margin-right: -100%;*/
    margin-top:0px;
    padding:0px;
}

.right_fon{min-width: 190px;
    padding-top:30px;
    padding-bottom:40px;
    margin-right:5px;
    margin-left:5px;
    font-family: 'Roboto Condensed', Arial;
    background:#f1f1f1;
    padding:0px;
    border:0px #e8e8e8 solid;
    border-radius: 10px;
    margin-bottom: -20px; /*відстань між блоками*/
 }
.pad{padding: 5px 10px 24px 10px;
	font-family: 'Roboto Condensed', Arial;
	}
#container {
    padding-left:0px;
	/*padding-right:220px;*/
	overflow: hidden;
	float: left; /* IE 5.01 */
	float/**/: none;
	height: auto !important;
	height: 100%;
	min-height: 100%;
    position: relative;
	display: flex;
	justify-content: space-between;
}

#content {
   width: 100%;
	background-position: 0px 0px;
	padding-left:10px;
	padding-right:10px;
	text-align:justify;
}
#content_fon{margin:0px; padding:0px; background:#ffffff; font-size:12px;}

#footer {
    height: 3em;
    background:  #f1f1f1;
	background-position:0px ;
	position: relative;
	z-index: 1000;
	margin-top: 2em;
	width: 100%;
}
#textfooter{position:absolute;margin-top:6px;float:right;right:20px;}
#contact{position:absolute;margin-top:7px;float:left;left:20px;font-size:9pt;color:#6b6b6b;}
#footerleft{bottom:0;left:0;float:left;height:1.5em;background:url(left.gif);background-repeat:no-repeat;width:24px;}
#footerright{bottom:0;right:0;float:right;height:1.5em;background:url(right.gif);background-repeat:no-repeat;width:19px;}

/*.tleft{top:0px;left:0px;float:left;background:url("left.gif");width:19px;height:19px;}
.tright{margin:0px;top:0px;right:0px;float:right;background:url("right.gif");width:19px;height:19px;}
.bleft{bottom:0px;left:0px;float:left;background:url("bleft.gif") #f1f1f1 no-repeat;width:171px;height:19px;}
.bright{bottom:0px;right:0px;float:right;background:url("bright.gif") #f1f1f1 no-repeat;width:19px;height:19px;}*/
#right li {margin-bottom:0px}
#right li a {display:block; text-decoration:none; background:#f1f1f1; color:#666; height:1%;}
#right li a:hover {text-decoration:none; background:#fff; color:#000011;}
#right ul {list-style:none; margin:0; padding:0;}
.mod{text-decoration:underline; font-weight:bold; text-align:center;}
.mal{font-size:7pt; color:#999999;}
.zagl{font-size:12pt; color:#000077; text-decoration:underline; font-weight:bolder;}
.zagle{font-size:11pt; color:#000077; font-weight:bolder;}
.title{font-size:13pt; color:#000077; text-align:center; padding-bottom:10px;}
.fon{background-image:url(../1.jpg); text-indent:0pt; color:#ffffff; background:#dddddd;}

h1{font-size:125%; font-weight:bolder; margin-bottom: 10px;}
h2{font-size:12pt; color:#000077;font-weight:bolder; text-transform:uppercase;}
h3{font-size:11pt; text-transform:uppercase;}

#content a:link {text-decoration :none;
   color:#2a2e93;}
#content a:visited {text-decoration :none;
   color:#2a2e93;}
#content a:hover {text-decoration: none;
   color: #ff8c40;}
#content a:active{color:#480048;}
#content a.tab:link{text-decoration :none;color:#2a2e93;}
#content a.tab:visited{text-decoration :none;color:#2a2e93;}
#content a.tab:hover{text-decoration: underline;color:#a4a4ff;}
#header ul{list-style:none; margin:0; padding:0px;}
#header #nav {padding-left:105px;}
#header li a {text-decoration:none;color:#fff;font-size:12px;font-weight:bolder;}
#header li a:hover{text-decoration:none;color:#FFD8C0;}
#content a.red:link{text-decoration:underline;
color: red;}
#content a.red:active {text-decoration:underline;
color: red; font-weight:bolder;}
#content a.red:visited {text-decoration:underline;
color: red;}
#content  a.red:hover {text-decoration:none;
color: red;}
.r_div{text-align:right; font-style:italic;}

#content a.m:link {font-size: 11pt; color: #000077; font-weight:bolder;}
#content a.m:visited{font-size: 11pt; color: #000077; font-weight:bolder;}
#content a.m:hover{font-size: 11pt; color: #000077; font-weight:bolder;}

.stack_top {font-weight:bolder;border:1px #ececec solid;padding:5px;background:url(img/tr_grad_reverse.jpg) repeat-x bottom; color:#444; margin:5px; clear:both;}
.dot {padding:3px; border:1px #ececec solid; background:url(img/tr_grad_reverse.jpg) repeat-x bottom;margin:15px 0px;}
.small {font-size:10px;}
.bullet {list-style-image:url(img/bullet.jpg); list-style-position:inside;}
.orange {list-style-image:url(img/news_arrow2.gif); list-style-position:inside;}
.onmouse:hover{background:#f6f6f6;}

div.scroll {
height: 400px;
width: 200px;
overflow: auto;
}

div.scroll_1 {
height: 500px;
width: 100%;
overflow: auto;
}
.date {color:#2A2E93;}

#tab-container {width:100%;}
#tab-container ul {list-style:none; margin:0; padding:0; width:100%;}
#tab-container ul li {float:left; width:15%; margin:0; padding:0; text-align:center; border-top:solid 1px;}
#tab-container ul li a {display: block; padding: 15px 0; outline: none;}
#tab-container ul li a:hover {text-decoration: underline;}
#tab-container ul li.active {width:198px; background: #fff; border: solid 0px; border-top: none;}
#tab-container ul li a.active {font-weight: bold; text-decoration: none; }
#tab-container .panel-container {border: solid 0px; border-bottom: none; padding: 10px;}
.rounded_table {width:100%;background:#fff6e5; border-radius:12px; margin:5px 0px;}
#content h2 a:link{font-size:12pt; color: #000077; font-weight:bolder; text-transform:uppercase;}
.header_div{left:15px; top:25px; position:absolute; FONT-SIZE: 10pt; text-decoration:none;}

/*============================ BOXES ==========================*/
.box, .inside{color:#000}
.box {
	width:100%;
}
.desc_home{border-radius:10px; background:#f1f1f1; padding:5px; margin-top:0px; color:#666; margin:5px;}

.carousel-box {
width:100%;
overflow:hidden;
position:relative;
margin-bottom:-20px;
-moz-border-radius: 2px; /* Firefox */
-webkit-border-radius: 2px; /* Safari, Chrome */
border-radius: 2px; /* CSS3 */
margin-top:17px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
-moz-box-shadow:  0 1px 2px rgba(0, 0, 0, 0.15);
-webkit-box-shadow:  0 1px 2px rgba(0, 0, 0, 0.15);
background:#f1f1f1;
border-top:1px #fff solid;
}
.carousel-box.alt {
	margin-top:25px;
}
.carousel-box .prev1,
.carousel-box .next1, .carousel-box .all1{
float:left;
margin:0px 0px 11px 11px; font-size:11px  ;color:#4b4b4b;
}
.carousel-box .all1{float:right; margin-right:16px; font-family:'Lobster', cursive; text-decoration:none; font-size:15px;}
.carousel-box .all1:hover{color:#000; transition: all 0.5s;
-webkit-transition: all 0.5s;}
.carousel-box .carousel {
	width:100% !important;
	overflow:hidden;
}
.carousel-box ul {
	width:100%;
	overflow:hidden;
}
.carousel-box ul li {
	width:242px;
	float:left;
	border:0;
	position:relative;
}
.carousel-box ul li div.inside {
	padding:10px;
}
.carousel-box ul li dl {
	padding-bottom:25px;
	position:relative;
}
.carousel-box ul li dl dd {
	padding:0 0 4px 16px;
	background:url(../Images/marker.gif) no-repeat left 5px;
}
.carousel-box ul li dl dd a:hover {
	color:#000;
}
.channel{padding:5px 10px; margin-bottom:15px; line-height:22px; font-size:12px; text-align:center;}
#header .inner{}
#header li .inside:hover {}
#header li .inside {font-size:12px;}
#header li .inside a{color:#999; font-weight:normal;}
#header li .inside a:hover{color:#666;}
.maxheight{overflow:hidden; float:left; width:25%; height:80px;}
iframe {margin:10px;}
.scroller{margin:0pt; padding:0pt; position:relative; list-style-type:none; z-index:1; width:100%; left:-1452px;}
.graded{width:19%; margin-right:1%; margin-bottom:1%}
.gr_table{border-radius:10px; background:#f1f1f1; padding:5px; margin-top:5px; position:relative; margin:5px;}
.rector_div{border-radius:10px; background:#fff; padding-left:10px; margin-top:10px;}
#right ul.collapsed {display:none;padding:0px 0px;}
.pad .act {cursor:pointer;}
.pad b{display:block;}
.pad .act:hover{
color:#666;
}

@media screen and (max-width:1050px) {
.over img{height:350px;}
}

@media screen and (min-width:1023px) {
.over img{height:auto;}
}