html {
  margin: 0 0 0 0;
  padding:0;
  height:auto !important;
  min-height:100% !important;
  width: 100%;
}
body {
  margin: 0 0 0 0;
  padding:0;
  height:auto !important;
  min-height:100%;
  width: 100%;
  text-align: center;
  background-image: url('/image/bg-bottom.png');
  background-position: center bottom;
  background-repeat:no-repeat;
  background-size: 100% auto;
  overflow-x: hidden;
}  

  .footer {
    height: 50px;
    margin: 0px auto;
    background: #4A99D7;
    border: thin;
    border-color:navy;
    border-style:solid;
   	font-family:"Times New Roman";
	font-weight:bold;
  }

.back-menu{
	background:url('/image/bg-menu.png') repeat-x 0px 0px;
	background-size:2px 46px;
}



ul, li {
	font-size:14px; 
	font-family:Arial, Helvetica, sans-serif;
	line-height:21px;
	text-align:left;
}

#menu {
	list-style:none;
	width:89%;
	margin:0px auto 0px auto;
	height:43px;
	padding : 0px 20px 0px 20px;	
	background-color: #4A99D7; 
	background:url('/image/bg-menu1.png') repeat-x 0px 0px;
	background-size:2px 43px;
	border-radius: 10px;
	border: 1px solid #4ACCFF;
	box-shadow:inset 0px 0px 1px #edf9ff;
}

#menu li {
	float:left;
	display:block;
	text-align:center;
	position:relative;
	padding: 4px 10px 4px 10px;
	margin-right:30px;
	margin-top:7px;
	border:none;

}

#menu li:hover {
	border: 1px solid #777777;
	padding: 4px 9px 4px 9px;
	border-radius: 5px 5px 0px 0px;
	background-color: #F4F4F4;
	background:url('/image/bg-menu3.png') repeat-x 0px 0px;
	background-size:2px 100%;
}

#menu li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px; 
	color: #EEEEEE;
	display:block;
	outline:0;
	text-decoration:none;
	font-weight:bold;
	text-shadow: 2px 2px 2px #000;
}

#menu li:hover a {
	color:#161616;
	text-shadow: 1px 1px 1px #ffffff;
}
#menu li .drop {
	padding-right:21px;
	background:url('/image/drop.png') no-repeat right 8px;
}
#menu li:hover .drop {
	background:url('/image/drop.png') no-repeat right 7px;
}

.dropdown_1column, 
.dropdown_2columns, 
.dropdown_3columns, 
.dropdown_4columns,
.dropdown_5columns {
	margin:3px auto;
	float:left;
	position:absolute;
	left:-999em; /* Hides the drop down */
	text-align:left;
	padding:10px 5px 10px 5px;
	border:1px solid #777777;
	border-top:none;
	
	/* Gradient background */
	background-color:#F4F4F4;
	background:url('/image/bg-menu2.png') repeat-x 0px 0px;
	background-size:2px 100%;
	border-radius: 0px 5px 5px 5px;
}

.dropdown_1column {width: 140px;}
.dropdown_2columns {width: 310px;}
.dropdown_3columns {width: 420px;}
.dropdown_4columns {width: 560px;}
.dropdown_5columns {width: 700px;}

#menu li:hover .dropdown_1column, 
#menu li:hover .dropdown_2columns, 
#menu li:hover .dropdown_3columns,
#menu li:hover .dropdown_4columns,
#menu li:hover .dropdown_5columns {
	left:-1px;
	top:auto;
}

.col_1,
.col_2,
.col_3,
.col_4,
.col_5,
.col_6,
.col_7,
.col_8,
.col_10 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
}
.col_1 {width:145px;}
.col_2 {width:300px;}
.col_3 {width:410px;}
.col_4 {width:550px;}
.col_5 {width:690px;}
.col_6 {width:130px;}
.col_7 {width:270px;}
.col_8 {width:176.6px;}
.col_9 {width:685px;}
.col_10{width:240px;}

#menu .menu_right {
	float:right;
	margin-right:0px;
}
#menu li .align_right {
	/* Rounded Corners */
    border-radius: 5px 0px 5px 5px;
}

#menu li:hover .align_right {
	left:auto;
	right:-1px;
	top:auto;
}

#menu p, #menu h2, #menu h3, #menu ul li {
	font-family:Arial, Helvetica, sans-serif;
	line-height:21px;
	font-size:12px;
	text-shadow: 1px 1px 1px #FFFFFF;
}
#menu h2 {
	font-size:21px;
	font-weight:400;
	letter-spacing:-1px;
	margin:7px 0 14px 0;
	padding-bottom:14px;
	border-bottom:1px solid #666666;
}
#menu h3 {
	font-size:14px;
	margin:7px 0 14px 0;
	padding-bottom:7px;
	border-bottom:1px solid #888888;
}
#menu p {
	line-height:18px;
	margin:0 0 10px 0;
}

#menu li:hover div a {
	font-size:12px;
	color:#015b86;
}
#menu li:hover div a:hover {
	color:#029feb;
}


.strong {
	font-weight:bold;
}
.italic {
	font-style:italic;
}

.imgshadow { /* Better style on light background */
	background:#FFFFFF;
	padding:4px;
	border:1px solid #777777;
	margin-top:5px;
	box-shadow:0px 0px 5px #666666;
}
.img_left { /* Image sticks to the left */
	width:auto;
	float:left;
	margin:5px 15px 5px 5px;
}

#menu li .black_box {
	position:relative;
	background-color: #333333;
	color: #eeeeee;
	text-shadow: 1px 1px 1px #000;
	padding:4px 6px 4px 6px;

	/* Rounded Corners */
    border-radius: 5px;

	/* Shadow */
	box-shadow:inset 0 0 3px #000000;
}

#menu li ul {
	list-style:none;
	padding:0;
	margin:0 0 12px 0;
}
#menu li ul li {
	font-size:12px;
	line-height:24px;
	position:relative;
	text-shadow: 1px 1px 1px #ffffff;
	padding:0;
	margin:0;
	float:none;
	text-align:left;
	width:130px;
}
#menu li ul li:hover {
	background:none;
	border:none;
	padding:0;
	margin:0;
}

#menu li .greybox li {
	background:#F4F4F4;
	border:1px solid #bbbbbb;
	margin:0px 0px 4px 0px;
	padding:4px 6px 4px 6px;
	width:116px;

	/* Rounded Corners */
    border-radius: 5px;
}
#menu li .greybox li:hover {
	background:#ffffff;
	border:1px solid #aaaaaa;
	padding:4px 6px 4px 6px;
	margin:0px 0px 4px 0px;
}
#text {
	font-family:"Times New Roman";
	font-size: large;
	color:#000000;
	text-shadow:0.1em 0.1em 0.05em #FFFFFF, 0.1em 0.1em 0.2em black;
	background:transparent;
}

#text ul{
	text-shadow:0.1em 0.1em 0.05em #FFFFFF, 0.1em 0.1em 0.2em black;
	background:transparent;
}
#text li{
	font-family:"Times New Roman";
	font-size: large;
	color:#000000;
	margin:0 0 0 0;
}
#pr-text {
	font-family: "Monotype Corsiva";
	font-size: 22px;
	font-weight: bold;
	color:#000000;
	text-shadow:0.1em 0.1em 0.05em #FFFFFF, 0.1em 0.1em 0.2em black;
	margin:0 0 0 0;
}

#tab{
	height:auto;
	border:1px black solid;
	background:white;
	font-family:"Times New Roman";
	position:relative;
}
#tab .cel1{
	width:40.294117px;
	height:30px;
	text-align: center;
	vertical-align:middle;
	border:1px black solid;
	line-height:150%;
}

#tab .cel2{
	width:64.470588px;
	height:30px;
	text-align:center;
	border:1px black solid;
	padding-left:3px;
	padding-right:3px;
	line-height:30%;
}

#tab .cel3{
	width:2%;
	height:30px;
	text-align: center;
	vertical-align:middle;
	border:1px black solid;
	line-height:150%;
	font-size:5pt;
}

#tab .cel4{
	width:7%;
	height:30px;
	text-align:center;
	border:1px black solid;
	padding-left:3px;
	padding-right:3px;
	line-height:30%;
}

#tab .cel_s{
	background:#FF99CC; 
	text-align:left;
	cursor:pointer;
	vertical-align:top;
}

#tab .cel_p{
	background-color:#FFFFCC; 
	text-align:left;
	cursor:pointer;
	vertical-align:top;
}

#tab .cel_d{
	background-color:#66CCFF;
	text-align:right;
	cursor:pointer;
	vertical-align:top;
}

#tab .cel_f{
	background-color:#66FFCC;
	text-align:right;
	cursor:pointer;
	vertical-align:top;
}
#tab .cel_sel_s{
	background:#FF69B4;
	text-align:left;
	cursor:pointer;
	vertical-align:top;
}

#tab .cel_sel_p{
	background-color:#FFF68F; 
	text-align:left;
	cursor:pointer;
	vertical-align:top;
}

#tab .cel_sel_d{
	background-color:#09ADFF;
	text-align:right;
	cursor:pointer;
	vertical-align:top;
}

#tab .cel_sel_f{
	background-color:#00F1A1;
	text-align:right;
	cursor:pointer;
	vertical-align:top;
}

#tab p {
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-align:right;
	font-size:8pt;
	text-shadow: none;
	font-family:"Times New Roman";	
}
#tab .cel_d p, #tab .cel_sel_d p, #tab .cel_f p, #tab .cel_sel_f p{
	text-align:left;
}

/*Клас для стилю рядка адреси сторінки*/
.adress{
	text-align:left;
	font-size:small;
	padding-left:10px;
}

/*Стилі лівого підменю*/

.submenu{
	list-style:none;
	padding:30px 10px 30px 10px;
	margin:0 10px 0 10px;
	background: #364848 url('/Autor/Portfolio/image/menu_content.png') repeat-y;
	border-radius:15px;
	margin-top:15px;
	white-space:nowrap;
}
.submenu li{
	position:relative;
	display:block;
	text-align:left;
	font-size:8pt;
	line-height:2.5em;
	background: url("/Autor/Portfolio/image/menu_separator.png") no-repeat bottom;
}

.submenu li div{
	position:relative;
	display:block;
	width:95%;
	height:100%;
	padding:3px 3px 3px 3px;
}

.submenu li div.first{
	background: url("/Autor/Portfolio/image/menu_separator.png") no-repeat top;
}

.submenu li div.last{
	background: none;
}


.submenu li div:hover a{
	color:yellow;
}

.submenu li a{
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
	text-shadow: 2px 2px 2px #000;
}

.submenu li ul{
	display:none;
	padding-left:15px;
}

.submenu li li{
	text-align:left;
}

/*Стить лінії підкреслювання*/
#hhr{
	display:block;
	position:relative;
	width:98%;
	left: 0px;
	top: 0px;
	margin-bottom:10px;
}

#Pmenu a{
	position:relative;
	display:block;
	width:300px;
	font-size:16pt;
	text-align:left;
}


/*Стиь заголовка сторінки*/
.auto-style4 {
	text-align: center;
	color: #4A99D7;
	font-family: "Monotype Corsiva";
	font-size: 38pt;
	font-weight:bold;
	text-shadow: 0.1em 0.1em 0.05em #333, 0.1em 0.1em 0.2em black;
	line-height: 100%;
	text-decoration: none;
}

/*Стиль області тексту*/
.lr-div{
	background: transparent;
	border-color: silver;
	border-style: solid;
	border-width: 3px;
	border-top-style:none;
	border-bottom-style:none;
	box-shadow:inset 0px 0px 3px black;	
	width:100%;
	padding:10px 10px 10px 10px;
	vertical-align:top;
}


/*Стиль нумерованого списка*/
.lr-div ol:not([class="ListPubl"]) li{
	position:relative;
	text-align:justify;
	margin-bottom:10px;
	font-weight:bold;
    padding:4px 8px;	}

.lr-div ol:not([class="ListPubl"]){
	counter-reset:  item;
	list-style-type: none;
	padding:0px;
	margin:0 0 6px 2em; 
}

.lr-div ol:not([class="ListPubl"]) > li:before {
	position:absolute;
	counter-increment: item;
	content: counter(item) ". ";
	font-weight: bold;
	color:blue;
	top:-2px;
    left:-2em;
    width:2em;
    padding:4px 0;
}

.lr-div li i {
	font-weight:normal;
}

/*Стиль для таблиці освіта*/
#Osv{
	border:2pt rgb(29, 82, 181) solid;
}

#Osv th{
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	font-size:18pt;
	text-align:center;
	color:#ffffff;
	background:rgb(153,153,255);
	font-weight:normal;
	white-space:nowrap;
	width:33%;
	height:70px;
	padding:0 10px 0 10px;
	border-right:2pt rgb(29, 82, 181) solid;
	vertical-align:top;
}

#Osv th.last, #Osv td.last{
	border-right:none;
}

#Osv td{
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	font-size:18pt;
	text-align:center;
	color:rgb(29, 82, 141);
	background:rgb(153,204,255);
	font-weight:normal;
	height:70px;
	padding:0 10px 0 10px;
	border-right:2pt rgb(29, 82, 181) solid;
	border-top:2pt rgb(29, 82, 181) solid;
	vertical-align:top;
	text-indent:0px;
}

#Osv .thd{
	background:rgb(204,255,255) !important;
}

/*Стиль для таблиці освіта*/
#Kval{
	border:2pt rgb(29, 82, 181) solid;
}

#Kval th{
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	font-size:12pt;
	text-align:center;
	color:#ffffff;
	background:rgb(153,153,255);
	font-weight:normal;
	height:70px;
	padding:0 10px 0 10px;
	border-right:2pt rgb(29, 82, 181) solid;
	vertical-align:top;
}

#Kval th.last, #Kval td.last{
	border-right:none;
}

#Kval th.last{
	font-size:10pt;
}


#Kval td{
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	font-size:12pt;
	text-align:center;
	color:#ffffff;
	background:rgb(153,204,255);
	font-weight:normal;
	height:70px;
	padding:0 10px 0 10px;
	border-right:2pt rgb(29, 82, 181) solid;
	border-top:2pt rgb(29, 82, 181) solid;
	vertical-align:top;
	text-indent:0px;
}

#Kval .thd{
	background:rgb(204,255,255) !important;
}

#UO, #UP{
	width:100%;
	color:rgb(83,129,53);
	border:1.5pt rgb(83,129,53) solid;
	font-family:"Times New Roman", Times, serif;
	font-size:14pt;
}


#UO th, #UP th{
	text-align:center !important;
}

#UO td, #UP td{
	padding-left:10px;
}

#UO caption, #UP caption{
	color:black;
	font-weight:bold;
	padding-bottom:20px;
}

.tp{
	border-top:0.5pt rgb(83,129,53) solid;
}

.rt{
	border-right:0.5pt rgb(83,129,53) solid;
}

.bm{
	border-bottom:0.5pt rgb(83,129,53) solid;
}

.lf{
	border-left:0.5pt rgb(83,129,53) solid;
}

.it{
	font-style:italic;
	text-align:left;
	vertical-align:top;
	height:2.2em;
}

#UP .it{
	text-align:justify;
}

.gr{
	background:rgba(226,239,217,0.4);
}

/*Стиль нумерованого списка в таблиці*/
.lr-div td ol li{
	position:relative;
	margin:0 0 0 0;
	font-weight:normal;
    padding:0px 4px;
    line-height:normal;
	font-size:14pt !important;
	font-family:inherit !important;
}

.lr-div td ol{
	counter-reset:  item;
	list-style-type: none;
	padding:0px;
	margin:0 0 2px 2em;
}

.lr-div td ol > li:before {
	position:absolute;
	counter-increment: item;
	content: counter(item) ") ";
	font-weight: normal;
	color:inherit !important;
	top:-4px;
    left:-1em;
    width:2em;
    padding:4px 0;
}
 .dash{
	list-style-type: none;
	margin:0 0 0 0;
}
.dash li:before{
	content: "– ";
}

/*Клас для обєкта block призначеного для створення режиму перегляду*/

.block{
	position:fixed;
	display:none;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:1000;
	background:rgba(0,0,0,0.6);
}

.disabledbutton {
    pointer-events: none;
    opacity: 0.4;
}

#nos:checked+div{
	display: none !important;
}

.button{
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
.button:hover{
	background: #E5F1FB !important;
	border: 1px solid #0078D7 !important;
}

.button:hover:active{
	padding-left: 9px !important;
	padding-right: 7px !important;
}

button.button:hover{
	width: calc(12em - 2px) !important;
	height: calc(2em - 2px) !important;
	top:calc(100% + 1px) !important;
	left: calc(100% + 1px) !important;
}