A {text-decoration: none}
A.internal {
	color: #FFFFFF;
	text-decoration: none;
}
A:link {
	color: #0000FF;
}
A:active {
	color: #0000FF;
	text-decoration: underline;
	font-style: normal;
}

.greentext {
	color: green;
}

.textongreen {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	
	background-color: #2068f9;
}


.textonblue {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	
	background-color: #44a8ff;
}


.textongreensv {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #44A8FF;
}


.tableborder {
	border-top: 1px solid #2068F9;
	border-right: 1px solid #2068F9;
	border-bottom: 1px solid #2068F9;
	border-left: 1px solid #2068F9;
	text-align: justify;
}


.bigtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 32px;
	font-style: italic;
	font-weight: bold;
	text-align: right;
	background-image: url(images/ban/fon_headgl.jpg);
	padding-right: 20px;
}


.menu {
	font-size: 11px;
	color: #FFFFFF;
	cursor: default;
	font-style: normal;
	letter-spacing: 1px;
	font-family: Arial, Helvetica, sans-serif, Tahoma;
	border-top: 0px solid #44A8FF;
	border-right: 0px solid #44A8FF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 0px solid #44A8FF;
	padding-left: 10px;
}


.menuover {
	font-size: 11px;
	color: #FFFFFF;
	background-color: #2068f9;
	cursor: default;
	font-style: normal;
	letter-spacing: 1px;
	font-family: Arial, Helvetica, sans-serif, Tahoma;
	padding-left: 10px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	border-top: 0px none #2068f9;
	border-right: 0px none #2068f9;
	border-bottom: 1px solid #FFFFFF;
	border-left: 0px none #2068f9;
}


.rightcolumn {
	background-color: #44A8FF;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #2068F9;
	border-right-color: #2068F9;
	border-bottom-color: #2068F9;
	border-left-color: #2068F9;
	border-right-width: 2px;
}


.rightcolumn1 {
	background-color: #44A8FF;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-right-width: 3px;
}


.rightcolumn2 {
	background-color: #44A8FF;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-right-width: 3px;
}


.normheader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bolder;
	color: #FFFFFF;
	vertical-align: top;
	font-style: normal;
	font-variant: normal;
	background-color: #2068F9;
	padding-left: 50px;
}


.leftcolumn {
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #44A8FF;
	border-right-color: #44A8FF;
	border-bottom-color: #44A8FF;
	border-left-color: #44A8FF;
	border-right-width: 0px;
	border-top-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
}


.text {
	font-family: Arial, Helvetica, sans-serif, Tahoma;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	padding: 0px 10px;
	text-indent: 25px;
	text-align: justify;
}


.link {
	color: #2068F9;
}


.smallheader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #FFFFFF;
	font-style: normal;
	background-color: #2068F9;
	text-align: center;

}


.list {
	list-style-position: inside;
	list-style-type: disc;
	padding-left: 30px;
	text-indent: -10pt;
	text-align: justify;
}


.weekheader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #FFFFFF;
	vertical-align: top;
	font-style: normal;
	font-variant: normal;
	background-color: #44A8FF;
	text-align: left;
	padding-left: 50px;
}


.high {
	background-color: #FFFFFF;
	border: 0px;
}


.text2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	padding: 0px 5px;
	text-align: left;
	background-color: #FFFFCC;
}


.rightheader {
	font-weight: bold;
}


.header2 {
	font-weight: bold;
	text-align: left;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	padding-right: 20px;
	padding-left: 10px;
	color: #0066CC;
}


.text3 {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	padding: 0px 50px;
	text-align: justify;
	text-indent: 30pt;
}


.hederbold {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
}


.text2-1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	padding: 0px 5px;
	text-align: left;
	background-color: #FFFFCC;
}


.text2-2 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 18px;
	background-image: url(images/ban/fon3.gif);
	color: #CC3333;
}


.hederitalic {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: italic;
	font-weight: normal;
}


.style1 {font-size: 11px}


.style3 {
    color: #013399;
    font-style: italic;
    font-weight: bold;
    font-size: 14px;
}


.style5 {font-size: 14px}


.style6 {font-size: 12px}

.style7 {font-size: 18px}


.text2-3 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 18px;
	background-color: #CFFFFF;
}


.style4 {
    color: #2068F9;
    font-style: italic;
    font-weight: bold;
    font-size: 17px;
}

.style10 {
    font-size: 16px;
    font-style: italic;
}


.header3 {
	font-weight: bold;
	text-align: left;
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	padding-right: 30px;
	padding-left: 30px;
	color: #000000;
}

.header4 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	font-size: 14px;
	padding-right: 30px;
	padding-left: 30px;
	color: #FFFFFF;
	background-color: #2068F9;
}


.header5 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	font-size: 22px;
	color: #993366;
}

.header6 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	font-size: 22px;
	color: #000000;
}

.header7 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	font-size: 14px;
	padding-right: 30px;
	padding-left: 30px;
	color: #FFFFFF;
	background-color: #777777;
}

.header8 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	font-size: 18px;
	padding-right: 30px;
	padding-left: 30px;
	color: #FFFFFF;
	background-color: #2068F9;
}

.zagolabsol {
    position: absolute;
	left: 50;
}	




<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/ru_RU/sdk.js#xfbml=1&version=v2.8";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>





<style>
a.button5 {
  display: inline-block;
  color: #000;
  font-size: 12px;
  text-decoration: none;
  user-select: none;
  padding: 0 5px;
  outline: none;
  border-radius: 2px;
}
a.button5:before {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;  /* ??? ??????? ???????? 0 */
  padding-right: 5px;
}
a.button5[data-twitter]:before {content: url(http://favicon.yandex.net/favicon/twitter.com);}
a.button5[data-vk]:before {content: url(http://favicon.yandex.net/favicon/vk.com);}
a.button5[data-facebook]:before {content: url(http://favicon.yandex.net/favicon/facebook.com);}
a.button5:hover {
  background: linear-gradient(#ececeb, #eaeaea);
  box-shadow:
   inset rgba(0,0,0,.5) 0 -1px 1px,
   inset rgba(0,0,0,.2) 0 1px,
   inset #fff 0 2px,
   rgba(0,0,0,.2) 0 1px 1px;
}
a.button5:active {
  background: linear-gradient(rgba(0,0,0,.2), rgba(0,0,0,.1));
  box-shadow:
   inset rgba(0,0,0,.8) 0 1px 2px,
   inset rgba(0,0,0,.05) 0 -1px 0,
   #fff 0 1px 1px;
}
</style>




<style type="text/css">
	.foc {
	width: 150px; 
	cursor:pointer; 
	display:inline;
	}
	.foc:focus {
	width: auto; 
	z-index: 100;
	}
</style>



<title> State Archives of Donetsk Oblast </title>
  <style>
   .text {
    text-align:  center;
   }
  </style>


<style>
   .text {
    text-align:  center;
   }
  </style>

 
 обратная связь

body, div, h1, form, fieldset, input, textarea {
	margin: 0; 
	padding: 0; 
	border: 0; 
	outline: none;
}
html {
	height: 100%;
}
body {
	background: #e5f0ff;
	background: -moz-linear-gradient(top, #CCC 0%, #d7e5f7 200%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, 
								 color-stop(0%,#d7e5f7), color-stop(100%,#e5f0ff)); /* webkit */
	font-family: sans-serif;
}
.cover{
	background: #CCC;
	width: 650px;
	margin-top: 50px;
	margin-right: 50px;
	margin-left: 50px;
	margin-bottom: 50px;
	padding-left: 50px;
}

h2.contact { 
	padding-left: 500px; 
	font-size: 30px; 
	color: #006aed; 
	height: 600px; 
	background: url(images/contact.png) no-repeat -10px -10px;  
	font-family: sans-serif;
}

p.contact {
	font-size: 24px;
	margin-bottom: 15px;
	line-height: 36px;
	font-family: sans-serif, Arial;
	color: #0A00F8;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

#contact {
	margin-bottom: 0px; 
}

input[type="text"] {
	width: 550px; 
}

textarea { 
	width: 600px; 
	height: 200px; 
}

label {
	color: #0A00F8;
	text-align: center;
}

input, textarea { 
	background-color: rgba(255, 255, 255, 0.4); 
	border: 5px solid rgba(122, 192, 0, 0.15); 
	padding: 10px; 
	font-family: Keffeesatz, Arial; 
	color: #4b4b4b; 
	font-size: 24px; 
	-webkit-border-radius: 5px;
	margin-bottom: 15px;
	margin-top: -10px;
}

input:focus, textarea:focus { 
	border: 5px solid #728eaa; 
	background-color: rgba(255, 255, 255, 1);
}

input[type="submit"] {
	border: none;
	cursor: pointer;
	color: #fff;
	font-size: 24px;
	background-color: #728eaa;
	padding: 5px 36px 8px 36px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
	border-bottom: 1px solid rgba(0, 0, 0, 0.4);
	border-top: 1px solid rgba(255, 255, 255, 0.6);
	background: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0.23, #4300ff),
	    color-stop(0.62, #003bff)
	);
	background: -moz-linear-gradient(
	    center bottom,
	    #619702 23%,
	    #7ac000 62%
	);
}

input[type="submit"]:hover {
	color: #fff; 
	border-bottom: 1px solid rgba(0, 0, 0, 0.4); 
	background-color: #003bff;
	background: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0.23, #02c6f7),
	    color-stop(0.62, #008afc)
	);
	background: -moz-linear-gradient(
	    center bottom,
	    #c34000 23%,
	    #ff5400 62%
	);
}

input[type="submit"]:active { 
	top: 1px; 
}


<style>
   P { 
    text-indent: 15px; /* Отступ первой строки */
    text-align: justify; /* Выравнивание по ширине */
   }
  </style> 
  

<style>
img { width:350px; transition:width 0.5s ease; }
#statya:hover img { width:475px; }
  </style> 




<style>
   .leftimg {
    float:left; /* Выравнивание по левому краю */
    margin: 7px 7px 7px 0; /* Отступы вокруг картинки */
   }
   .rightimg  {
    float: right; /* Выравнивание по правому краю  */ 
    margin: 7px 0 7px 7px; /* Отступы вокруг картинки */
   }
  </style>



   <style>
.img-block {
  width: 200px;
  height: 200px;
  background: url("https://habrastorage.org/files/15e/27f/83e/15e27f83e99845a4b04c9b8a275be3a2.jpg");
  background-size: cover;
}

.hover-block {
  width: 200px;
  height: 200px;
  background: grey;
  opacity: 0;
}

.hover-block:hover {
  opacity: 0.5;
}
   </style>