html * { margin: 0; padding: 0; border: solid 0px; 	font-family: Trebuchet MS,sans-serif; font-size: 12px; }

html,body {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
/*	background: url(../images/wrapper.gif) 0 0 repeat-y; */
}

h1 span, h6{
        margin:10px;
	font-size:15px;
	display:block;
	color:#637cb5;
        font-weight: 600;
}

#wrapper {
	position: relative;
clear: both;
	padding: 0;
	z-index: 0;
	min-width: 1260px;
	max-width: 1280px;
width: 100%;
height: auto;
display: inline-block;
border: solid 0px;
}

* html #wrapper {
	height: 100%;
}

#left {
	position: absolute;
left: 0;
top: 0px;
bottom: 0;
	width: 191px;
	height:800px;
	min-width: 191px;
	min-height: 1000px;
        height: 1485px;
	background: url(../images/left.jpg) 0 0 no-repeat;
border: solid 0px;
padding-bottom: 40px;
}

#menu {
	position: absolute;
left: 0;
top: 0px;
bottom: 0;
	width: 191px;
	min-width: 191px;
/*	background: url(../images/left.jpg) 0 0 no-repeat;*/
border: solid 0px;
padding-bottom: 40px;
}

#right {
	position: absolute;
left: 191px;
top: 0;
right: 0;
bottom: 0;
	min-height: 1550px;
        height: 2400px;
	background: url(../images/right.jpg) 0 0 no-repeat;
border: solid 0px;
}

#block {
	position: absolute;
right: 0;
top: 0;
bottom: 0;
	width: 192px;
	min-height: 500px;
	background: url(../images/block.jpg) 0 0 no-repeat;
border: solid 0px;
}

#center {
border: solid 0px; 
}

#hmenu {
border: solid 0px; 
position: relative;
margin-top: 128px;
margin-left: 250px;
margin-right: 220px;
z-index: 150;
}

#marquee {
border: solid 0px;
position: inherit;
margin-top: 135px;
margin-left: 50px;
margin-right: 205px;
}

#content {
	position: relative;
	margin-top: 0px;
	bottom: 0;
	margin-left: 40px;
	margin-right: 220px;
	border: solid 0px;
	padding-bottom: 70px;
	min-height: 1050px;
	height: auto;
        z-index: 110;
}

#footer {
	position: relative;
clear: both;
margin-top: 0px;
width: 100%;
min-width: 1024px;
	height: 79px;
	background: url(../images/footer.gif) 0 0 repeat-x;
}

div.green {
	position: relative;
	float: left;
	width: 192px;
	min-height: 20px;
	padding-top: 30px;
	padding-top: 0;
margin-bottom: 0px;
	background: url(../images/block_green.gif) 0 0 no-repeat;
border: solid 0px;
}

div.green P,div.yellow P,{
	margin: 30px 10px 0 15px;
	border: solid 0px;
	text-align: left;
}

div.yellow {
	position: relative;
	float: left;
	width: 192px;
	min-height: 20px;
	padding-top: 30px;
	padding-top: 0;
margin-bottom: 0px;
	background: url(../images/block_yellow.gif) 0 0 no-repeat;
border: solid 0px;
}

div.blue {
	position: relative;
	float: left;
	width: 175px;
	min-height: 20px;
	padding-top: 0px;
	padding-top: 0;
margin-bottom: 5px;
	background: url(../images/block_blue.gif) 0 0 no-repeat;
}

h5.block_top {
	text-align: left;
	margin: 0 0 0 0 ;
position: relative;
margin: 16px 0 10px 10px;
}               

#search {
	position: relative;
	float: left;
	width: 159px;
	margin-top: 5px;
	margin-left: 12px;	
	padding: 0px 0px 0px 0px;
	text-align: left;
	background: white;
	border: solid 1px #6982B9;
	border-top: solid 1px #003AB9;
	border-right: solid 1px #003AB9;
}

#moodle {
	position: relative;
	float: left;
	width: 192px;
	height: 43px;
	min-height: 20px;
	margin-top: 7px;
	padding: 0px 0px 0px 0px;
	background: url(../images/moodle.gif) 0 0 no-repeat;
    border:solid 0px;
}
#f_calendar_events {
	position: relative;
	float: left;
	width: 182px;
	height: 85px;
	min-height: 20px;
	margin-top: 10px;
	padding: 0px 0px 0px 0px;
        border:solid 0px;
}

#calendar_podiy {
	position: relative;
	float: left;
	width: 182px;
	height: 25px;
	min-height: 10px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
        border:solid 0px;
}


#demo-1 {
	position: relative;
	float: left;
	width: 182px;
	height: 240px;
/*	min-height: 175px;      */
	margin-top: 10px;
	padding: 0px 0px 5px 0px;
        border:solid 0px;
}


#yalunka {
	position: relative;
	float: left;
	width: 181px;
	height: 270px;
	min-height: 20px;
	margin-top: 20px;
	padding: 0px 0px 0px 0px;
    border:solid 0px;
}

#video50 {
	position: relative;
	float: left;
	width: 182px;
	height: 129px;
	min-height: 20px;
	margin-top: 10px;
	padding: 0px 0px 0px 0px;

border:solid 0px;
}

#banner_chtei {
	position: relative;
	width: 100%;
	height: 60px;
	min-height: 20px;
	margin-top: 10px;
	background: url(../images/banner_chtei.gif) 0 0 no-repeat;
	text-align: center;
border:solid 0px;
}

#lang {
	position: relative;
	float: right;
	margin: 10px 10px 0 0;
	padding: 0px 0px 0px 0px;
border:solid 0px;
}

#chtei {
	position: absolute;
	top: 35px;
	left: 437px;
}

div.banner {
	position: relative;
 	clear: both;
float: left;
	margin-top: 10px;
border:solid 0px;
text-align: center;
}

div.splitter_blue {
	position: relative;
	margin-top: 358px;
	height: 4px;
	background: url(../images/splitter_blue.gif) 0 0 no-repeat;
}

div.splitter_yellow {
	height: 4px;
	margin-top: -2px;
	background: url(../images/splitter_yellow.gif) 0 0 no-repeat;
}

div.splitter_green {
	height: 4px;
	margin-top: -2px;
	background: url(../images/splitter_green.gif) 0 0 no-repeat;
}

#menu a {
	font-weight: normal;
	font-size: 14px;
	font-family: Trebuchet MS,sans-serif;}
	
	

#menu ul {
	margin-left: 6px;
	list-style: none;
	
}

#menu ul li.list_blue_1,#menu ul li.list_blue_2,#menu ul li.list_blue_3,#menu ul li.list_blue_4,
#menu ul li.list_yellow_1,#menu ul li.list_yellow_2,#menu ul li.list_yellow_3,#menu ul li.list_yellow_4,
#menu ul li.list_green_1,#menu ul li.list_green_2,#menu ul li.list_green_3,#menu ul li.list_green_4 {
	border-bottom: dashed 1px #666767;
	text-align: left;
	color: #666767;
	font-size: 15px;
}

#menu ul li.list_blue_1,#menu ul li.list_yellow_1,#menu ul li.list_green_1 {
	height: 22px;
	padding: 3px 0 0 13px;
}

#menu ul li.list_blue_2,#menu ul li.list_yellow_2,#menu ul li.list_green_2 {
	height: 33px;
	padding: 4px 0 0 13px;
	line-height: 10pt;
}

#menu ul li.list_blue_3,#menu ul li.list_yellow_3,#menu ul li.list_green_3 {
	height: 50px;
	padding: 4px 0 0 13px;
	line-height: 10pt;
}

#menu ul li.list_blue_4,#menu ul li.list_yellow_4,#menu ul li.list_green_4 {
	height: 60px;
	padding: 4px 0 0 13px;
	line-height: 10pt;
}

#menu ul li.list_blue_1 {
	background: url(../images/list_blue_1.gif) 0 0 no-repeat;
}

#menu ul li.list_blue_2 {
	background: url(../images/list_blue_2.gif) 0 0 no-repeat;
}

#menu ul li.list_blue_3 {
	background: url(../images/list_blue_3.gif) 0 0 no-repeat;
}

#menu ul li.list_blue_4 {
	background: url(../images/list_blue_4.gif) 0 0 no-repeat;
}

#menu ul li.list_yellow_1 {
	background: url(../images/list_yellow_1.gif) 0 0 no-repeat;
}

#menu ul li.list_yellow_2 {
	background: url(../images/list_yellow_2.gif) 0 0 no-repeat;
}

#menu ul li.list_green_1 {
	background: url(../images/list_green_1.gif) 0 0 no-repeat;
}

#menu ul li.list_green_2 {
	background: url(../images/list_green_2.gif) 0 0 no-repeat;
}

/* ToolTip */
.tooltip {
	font-family: Trebuchet MS,sans-serif; 
	font-size: 10px;
	text-align: left;
    color: #676767;
    position: absolute;
    z-index: 1000;
    border: 1px solid #c8ced1;
	border-radius: 18px ;
	background-color: #f5f5f5;
	opacity: 1;
    padding: 5px;
}

#hmenu {
	height: 27px;
	background: url(../images/line.png) 0 bottom no-repeat;
margin-bottom: -135px;
margin-left: 225px;
}

#feedback {
  position: fixed;
  bottom: 0;
  right: 0;
}

/* Hor-Menu */
.menu_h {font-family: Trebuchet MS,sans-serif; width:auto; height:auto; position:relative; font-size:11px; z-index:100; cursor: pointer;}
.menu_h li a, .menu_h  li a:visited {display:block; text-decoration:none; color:#000; width:76px; height:20px; text-align:center; 
                               color:#000; border:0px solid #fff;  line-height:20px; font-size:13px; overflow:hidden; z-index:80;}
.sub_menu  ul li a, .sub_menu ul li a:visited {display:block; text-decoration:none; padding: 2px; margin-right: 2px; color:#000;width:200px; height:auto; 
                                       text-align:left; color:#fff; border:1px solid #fff; background:#710069; line-height:20px; font-size:12px; overflow:hidden; z-index:100;}

.menu_h>ul {
list-style: none;
}
.menu_h ul {padding:0; margin:0; list-style: none; z-index:80;}
.menu_h ul li {float:left; position:relative;}
.menu_h ul li ul {display: none; margin-top: -1px;}
.menu_h ul li ul li a {margin-left: 0px;}

.menu_h ul li:hover a {color:#000; background:#F5EAA9;}
.menu_h ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:105px;}
.menu_h ul li:hover ul li a.hide {background:#ddd; color:#000;}
.menu_h ul li:hover ul li:hover a.hide {background:#F5EAA9; color:#000;}
.menu_h ul li:hover ul li ul {display: none;}
.menu_h ul li:hover ul li a {display:block; background:#ddd; color:#000;}
.menu_h ul li:hover ul li a:hover {background:#F5EAA9;; color:#000;}
.menu_h ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu_h ul li:hover ul li:hover ul.left {left:-202px;}
.menu_h ul li:hover ul li:hover ul.right {left:206px;}

.menu_h ul.sub_menu ul {
/*
	border-left: solid 1px green;
	border-top: solid 1px green;
	border-right: solid 2px #aaa;
	border-bottom: solid 2px #aaa;
*/
	left:206px;
width: 200px;
}

/* Block-None */
.headline {border: 0p; text-align: left; margin-left: 0px; margin-top: 0; margin-bottom: 0; cursor: pointer;}
.hidden {border: 0px;  text-align: left; margin-left: 0px; margin-top: 0; margin-bottom: 0;}
.none {display:none; border: 0px;  text-align: left; margin-left: 0px; margin-top: 0; margin-bottom: 0;}

div.himage {
position: relative;
float: left;
display: inline-block;
}

#title {
	position: absolute;
	top: 4px;
	left: 4px;
	width: 457px;
	height: 319px;
	z-index: 100;
}

#conf {
	position: relative;
	top: 0px;
	left: 0px;
	width: 621px;
	height: 98px;
	z-index: 1000;
}

#calendar_of_events {
	margin-left: -10px;
	margin-top: 10px;
}

#svtup2016 {
	margin-left: -10px;
	margin-top: 10px;
}

#komp_kurs {
	position: relative;
	top: 0px;
	left: 0px;
	align: left;
	width: 311px;
	height: 98px;
	z-index: 1000;
}

#inoz_mov {
	position: relative;
	top: 0px;
	left: 0px;
	align: left;
	width: 311px;
	height: 98px;
	z-index: 1000;
}

#abtr {
	position: relative;
	top: 0px;
	left: 0px;
	align: left;
	width: 700px;
	height: 274px;
	z-index: 1000;
}

#camera {
	position: relative;
	margin-left: 1014px;
	margin-top: 30px;
	z-index: 1000;

}


#cam {
	position: absolute;
	right: 0px;
	top: 35px;
	display: block;
	width: 85px;
	height: 77px;
	background: url(../images/cam.png) 0 0 no-repeat;
	z-index: 2000;
}

#cam:hover {
	background-position: 0 -77px;
}

#cert_top {
	position: absolute;
	left: 600px;
	top: 84px;
	display: block;
	width: 242px;
	height: 28px;
	background: url(../images/cert_top.gif) 0 0 no-repeat;
	z-index: 2000;
}

#cert_top:hover {
	background: url(../images/cert_top_h.png) 0 0 no-repeat;
}


#example1 {
    align: center;
	padding-top:0px;
    width:718px;
    padding-left:20px;
	padding-right:20px;
    height:253px;
    background: url(/ua1/template/images/letter.png);
}

#example0 {
    align: center;
	padding-top:0px;
    width:650px;
    padding-left:0px;
	padding-right:0px;
    height:477px;
    background: url(/ua/template/images/notebook.png);
}

#logo {
	position: relative;
	float: left;
	width: 182px;
	height: 72px;
	min-height: 20px;
	margin-top: 8px;
	margin-top: 135px;	
	background: url(../images/logo.jpg) 0 0 no-repeat;
border:solid 0px;
}

#z {
	position: absolute;
	float: left;
	width: 175px;
	height: 42px;
	margin-top: 330px;
	margin-left: 559px;
	background: url(../images/slider.png) 0 0 no-repeat;
border: solid 0px;
z-index: 1500;
}

#slidefon {
 position: absolute;
 float: left;
 width: 490px;
 height: 322px;
 margin-top: -340px;
 margin-left: 159px;
 background: url(../images/logo3.jpg) 0 0 no-repeat;
border: solid 1px;
transition-property: background;
   transition-duration: 2s;

}



#box1 {
     float:left; 
		margin-bottom:15px;
        width: 190px;
        height: 330px;
        background-color: #ffffff;
        border: 1px solid #D4D4D4;
        border-radius: 10px;
        box-shadow: 0 0 10px #A9A9A9;
        padding:20px 20px;
        margin:13px;
	background: url(/ua/content/images/index/project/1.jpg) 0 0 no-repeat;			
}

#box2 {
     float:left; 
		margin-bottom:15px;
        width: 190px;
        height: 330px;
        background-color: #ffffff;
        border: 1px solid #D4D4D4;
        border-radius: 10px;
        box-shadow: 0 0 10px #A9A9A9;
        padding:20px;
        margin:13px;
	background: url(/ua/content/images/index/project/2.jpg) 0 0 no-repeat;		
}

#box3 {
     float:left; 
		margin-bottom:15px;
        width: 190px;
        height: 330px;
        background-color: #ffffff;
        border: 1px solid #D4D4D4;
        border-radius: 10px;
        box-shadow: 0 0 10px #A9A9A9;
        padding:20px;
        margin:13px;
	background: url(/ua/content/images/index/project/3.jpg) 0 0 no-repeat;		
}

#link1 a{
     float:left; 
		margin-bottom:15px;
        width: 190px;
        height: 330px;
        background-color: #ffffff;
        border: 1px solid #D4D4D4;
        border-radius: 10px;
        box-shadow: 0 0 10px #A9A9A9;
        padding:20px 20px;
        margin:13px;
	background: url(/ua/content/images/index/links/1.jpg) 0 0 no-repeat;			
}

#link2 a{
     float:left; 
		margin-bottom:15px;
        width: 190px;
        height: 330px;
        background-color: #ffffff;
        border: 1px solid #D4D4D4;
        border-radius: 10px;
        box-shadow: 0 0 10px #A9A9A9;
        padding:20px 20px;
        margin:13px;
	background: url(/ua/content/images/index/links/2.jpg) 0 0 no-repeat;			
}

#link3 a{
     float:left; 
		margin-bottom:15px;
        width: 190px;
        height: 330px;
        background-color: #ffffff;
        border: 1px solid #D4D4D4;
        border-radius: 10px;
        box-shadow: 0 0 10px #A9A9A9;
        padding:20px 20px;
        margin:13px;
	background: url(/ua/content/images/index/links/3.jpg) 0 0 no-repeat;			
}

#bd1 a{
     float:left; 
        width: 200px;
        height: 198px;
        background-color: #ffffff;
        border: 1px solid #D4D4D4;
        border-radius: 10px;
        box-shadow: 0 0 7x #A9A9A9;
        padding: 0px;
        margin: 0px;
	background: url(/ua/content/images/index/bd/1.png) 0 0 no-repeat;			
}

#bd2 a{
     float:left; 
        width: 200px;
        height: 198px;
        background-color: #ffffff;
        border: 1px solid #D4D4D4;
        border-radius: 10px;
        box-shadow: 0 0 7x #A9A9A9;
        padding: 0px;
        margin: 0px;
	background: url(/ua/content/images/index/bd/2.png) 0 0 no-repeat;			
}

#bd3 a{
     float:left; 
        width: 200px;
        height: 198px;
        background-color: #ffffff;
        border: 1px solid #D4D4D4;
        border-radius: 10px;
        box-shadow: 0 0 7x #A9A9A9;
        padding: 0px;
        margin: 0px;
	background: url(/ua/content/images/index/bd/3.png) 0 0 no-repeat;			
}

#bd4 a{
     float:left; 
        width: 200px;
        height: 198px;
        background-color: #ffffff;
        border: 1px solid #D4D4D4;
        border-radius: 10px;
        box-shadow: 0 0 7x #A9A9A9;
        padding: 0px;
        margin: 0px;
	background: url(/ua/content/images/index/bd/4.png) 0 0 no-repeat;			
}

#bd5 a{
     float:left; 
        width: 200px;
        height: 198px;
        background-color: #ffffff;
        border: 1px solid #D4D4D4;
        border-radius: 10px;
        box-shadow: 0 0 7x #A9A9A9;
        padding: 0px;
        margin: 0px;
	background: url(/ua/content/images/index/bd/5.png) 0 0 no-repeat;			
}

#bd6 a{
     float:left; 
        width: 200px;
        height: 198px;
        background-color: #ffffff;
        border: 1px solid #D4D4D4;
        border-radius: 10px;
        box-shadow: 0 0 7x #A9A9A9;
        padding: 0px;
        margin: 0px;
	background: url(/ua/content/images/index/bd/6.png) 0 0 no-repeat;			
}


/* Галерея корпусів*/
@keyframes fadeIm-1
{
    from        { opacity: 1; }
	20%         { opacity: 0; }
    40%         { opacity: 0; }
    60%         { opacity: 0; } 
    80%         { opacity: 0; }
    to          { opacity: 0; }
}
@keyframes fadeIm-2
{
    from        { opacity: 0; }
	20%         { opacity: 1; }
    40%         { opacity: 0; }
    60%         { opacity: 0; } 
    80%         { opacity: 0; }
    to          { opacity: 0; }
}
@keyframes fadeIm-3
{
    from        { opacity: 0; }
	20%         { opacity: 0; }
    40%         { opacity: 1; }
    60%         { opacity: 0; } 
    80%         { opacity: 0; }
    to          { opacity: 0; }
}
@keyframes fadeIm-4
{
    from        { opacity: 0; }
	20%         { opacity: 0; }
    40%         { opacity: 0; }
    60%         { opacity: 1; } 
    80%         { opacity: 0; }
    to          { opacity: 0; }
}
@keyframes fadeIm-5
{ 
    from        { opacity: 0; }
	20%         { opacity: 0; }
    40%         { opacity: 0; }
    60%         { opacity: 0; } 
    80%         { opacity: 1; }
    to          { opacity: 0; }
}
@keyframes fadeIm-6
{
    from        { opacity: 0; }
	20%         { opacity: 0; }
    40%         { opacity: 0; }
    60%         { opacity: 0; } 
    80%         { opacity: 0; }
    to          { opacity: 1; }
}
 
 
{
    margin:0px;
    padding: 0px;
}
 
.div-style{
    position: relative;
    width: 457px;
    height: 319px;
 }
.im-1{
    position: absolute;
    top: 0;
    left:0;
    animation-name: fadeIm-1;
    animation-duration: 30s;
    animation-iteration-count: infinite; 
}
.im-2{
    position: absolute;
    top: 0;
    left:0;
    animation-name: fadeIm-2;
    animation-duration: 30s;
    animation-iteration-count: infinite; 
}
.im-3{
    position: absolute;
    top: 0;
    left:0;
    animation-name: fadeIm-3;
    animation-duration: 30s;
    animation-iteration-count: infinite; 
}
.im-4{
    position: absolute;
    top: 0;
    left:0;
    animation-name: fadeIm-4;
    animation-duration: 30s;
    animation-iteration-count: infinite; 
}
.im-5{
    position: absolute;
    top: 0;
    left:0;
    animation-name: fadeIm-5;
    animation-duration: 30s;
    animation-iteration-count: infinite; 
}
.im-6{
    position: absolute;
    top: 0;
    left:0;
    animation-name: fadeIm-6;
    animation-duration: 30s;
    animation-iteration-count: infinite; 
}
/* Кінець Галерея корпусів*/
/*14.09.21*/
.zoom{
	opacity: 1;
    -webkit-transform: scale(1,1);
    -webkit-transition-timing-function: step-start;
    -webkit-transition-duration: 550ms;
    -moz-transform: scale(1,1);
    -moz-transition-timing-function: step-start;
    -moz-transition-duration: 550ms;
		
}
.zoom:hover {
	position: relative;
	-webkit-transform: scale(2,2);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 550ms;
	-moz-transform: scale(2,2);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 550ms;
	z-index:1;
}

#did_moroz {
	position: relative;
	top: -20px;
	left: 1120px;
	width: 100px;
    height: 100px;
	z-index: 1000;
}