body{
   background-color:#D9D9D9;
   font-size: 16px;
   font-family: Arial;
   color:#000;
   margin:auto;
   text-align:center;
   max-width:1280px;
}

h1, h2 {
   font-weight:bold;
   margin:0px;
   font-size: 24px;
   line-height: 30px;
   text-align: left;
}

a {text-decoration: none;}
img {border: none; vertical-align: middle;}
p {margin:0; text-align: left;}


.top {
   background: #2F2F2F;
   width: 100%;
   box-shadow: 0 0 5px 1px #252121;
   float: left;
   border-radius: 0 0 6px 6px;
}
.top_url_main {
   width: auto;
   line-height:40px;
   float: left;
   color: #D9D9D9;
   font-weight: bold;
   font-size: 30px;
   padding: 0 2%;
}
.top_mig {
   width: 100%;
   float: left;
}
.top_mig a {
    width: auto;
    line-height: 26px;
    padding: 0 2%;
    float: left;
}
.adv_block {
   margin: 10px 0 0;
   width: 100%;
   float: left;
}
.adv_block a {
   margin: 0 2% 8px;
   line-height: 40px;
   float: left;
   width: 96%;
   color: #FFF;
   font-size: 20px;
   font-family: cursive;
   background: #2F2F2F;
   border-radius: 6px;
   box-shadow: 0 0 5px 1px #252121;
}
.Error {
	margin: 10px 0;
    float: left;
    width: 100%;
    background: #797171;
    padding: 0 0 5px 0;
    border-radius: 6px;
    box-shadow: 0 0 5px 1px #252121;
}

.Error h1 {
    float: left;
    width: 96%;
    padding: 0 2%;
	line-height: 40px;
}

.main_block {
	float: left;
	width: 100%;
}

.topic_block, .section_block {
	margin: 10px 0;
	float: left;
    width: 100%;
	background: #797171;
    padding: 0 0 5px 0;
	border-radius: 6px;
    box-shadow: 0 0 5px 1px #252121;
}
.topic, .person {
	margin: 5px 2% 0;
	position: relative;
	float: left;
    width: 46%;
	cursor: pointer;
	box-shadow: 0 0 2px 1px #333;
}
.topic img {
	float: left;
    width: 100%;
	height: auto;
}
.topic a {
    display: block;
    position: absolute;
    bottom: 0;
    width: 99%;
    padding: 5px 0.5%;
    line-height: 16px;
    font-weight: bold;
	font-size: 13px;
    color: #FFF;
    background: linear-gradient(0deg, rgb(0 0 0) 20%, rgb(255 255 255 / 0%) 100%);
}

.article_bdlist {
   margin: 0;
   width: 96%;
   line-height: 26px;
   float: left;
   list-style-type: none;
   padding: 0 2%;
   box-shadow: 0 1px 0 0 #9E9E9E;
}
.article_bdlist li {
   float: left;
}
.article_bdlist span {
   float: left;
   color: #000;
   font-size: 14px;
}
.article_bdlist > li + li:before {
  padding: 0 5px;
  color: #9E9E9E;
  content: "/";
  float: left;
  font-weight: bold;
}

.article_block {
	margin: 10px 0 0;
	float: left;
	width: 100%;
	padding: 5px 0;
	border-radius: 6px;
	box-shadow: 0 0 5px 1px #252121;
}
.article {
	margin: 0 2%;
	float: left;
	width: 96%;
}

.article_title_alt {
	margin: 5px 0;
	float: left;
	width: 100%;
	line-height: 30px;
	font-size: 20px;
	color: #9E9E9E;
	box-shadow: 0 -1px 0px 0px #9E9E9E;
}
.article_body {
	float: left;
	width: 100%;
}
.article_body p {
    margin: 5px 0;
    float: left;
    width: 100%;
    line-height: 20px;
}
.article_info {
	margin: 10px 0 0;
	float: left;
	width: 98%;
    padding: 0 1%;
	line-height: 30px;
	box-shadow: 0 -1px 0px 0px #9E9E9E;
}
.article_info div, .article_info time {
	float: right;
	width: auto;
	line-height: 30px;
	padding: 0 0.5% 0 0;
}
.article_image {
	float: left;
	width: 100%;
}
.article_image h2, .article_image span, .article_image p {
	float: left;
	width: 100%;
}
.article_image img {
	margin: 10px 0 0;
	max-width: 100%;
	height: auto;
}
.article_image h2 {
	margin: 10px 0 0;
	line-height: 26px;
}
.article_image span {
	color: #9E9E9E;
    font-size: 12px;
	line-height: 26px;
}

.article_section, .article_person {
	float: left;
	width: 100%;
	min-height: 100px;
	background: #9E9E9E;
	border-radius: 6px;
}
.article_section h1, .article_section p {
	float: left;
	width: 96%;
	line-height: 30px;
	padding: 10px 2% 0;
}
.article_section p {
	line-height: 24px;
}
.section {
	float: left;
}

.article_person h1 {
	float: left;
	width: 96%;
	line-height: 30px;
	padding: 10px 2%;
}
.article_person p {
	margin: 5px 2%;
	float: left;
	width: 96%;
	line-height: 20px;
}
.person_image {
	margin: 5px 2%;
	float: left;
	width: 96%;
}
.person_image img {
    height: auto;
}
.person_image span {
	float: left;
	width: 100%;
	line-height: 20px;
    font-size: 14px;
}

.article_body p:nth-child(1), .article_person p:nth-child(1) {
	font-weight: bold;
}






.right_menu {
	margin: 10px 0 0;
	float: left;
    width: 100%;
	background: #2F2F2F;
    padding: 0 0 5px 0;
	border-radius: 6px;
    box-shadow: 0 0 5px 1px #252121;
}

.right_menu a {
	margin: 5px 2% 0;
	float: left;
    width: 96%;
	background: #D9D9D9;
    line-height: 30px;
	font-size: 18px;
	color:#000;
    box-shadow: 0 0 5px 1px #252121;
}

.bottom {
	margin: 10px 0 0;
	background: #2F2F2F;
    width: 96%;
    box-shadow: 0 0 5px 1px #252121;
    float: left;
	border-radius: 6px 6px 0 0;
	padding: 0 2%;
}
.bottom a, .bottom div {
   width: auto;
   line-height: 30px;
   float: left;
   color: #D9D9D9;
   font-weight: bold;
   padding: 0 1%;
}
.bottom div {
	cursor: pointer;
}
.bottom_mig {
	margin: 10px 0 0;
    width: 100%;
    float: left;
}
.bottom_mig a {
    width: auto;
    line-height: 25px;
    padding: 0 1%;
    float: left;
}

.contacts_block {
	display: none;
}







a:hover, a span:hover, .bottom div:hover {color: #FF5722; text-decoration: underline;}





.boxshdw {
	box-shadow: 0 -1px 0px 0px #7a7a7a;
}








@media (min-width: 1024px) {

.top a {
   padding: 0 1%;
}
.top_mig {
   width: auto;
   float: none;
}
.top_mig a {
    line-height: 40px;
    padding: 0 1%;
    float: right;
}
.adv_block {width: 25%;}

.article_bdlist {
	width: 48%;
	padding: 0 1%;
}
.article {
	margin: 0 15%;
	width: 70%;
}

.article_person p {
	margin: 5px 1%;
	width: 73%;
}
.person_image {
	margin: 5px 1%;
	width: 23%;
}
.person_image img {
    float: left;
    width: 100%;
    height: auto;
}

.section, .main_block {
	margin: 0 2% 0 0;
    width: 73%;
}
.article_block, .Error {
	margin: 10px 2% 0 0;
    width: 73%;
}
.topic {
    margin: 10px 0.5% 0;
    width: 24%;
}
.person {
	width: 19%;
}
.topic a {
    width: 98%;
    padding: 5px 1%;
    line-height: 18px;
    font-size: 16px;
}
.right_menu {
    width: 25%;
}

.bottom {
	padding: 0;
	width: 100%;
}

}