html, body {background: #fff; margin: 0px; padding: 0px; font: 16px 'Arial'; color: #1e1a17; user-select: none;}
a, a img {border: 0px;}
p {margin: 0px; padding: 0px 0px 6px 0px; user-select: none;}
table, table td {padding: 0px; margin: 0px; border-collapse: collapse; border: 0px; vertical-align: top;}
a {color: #144492; text-decoration: underline;}
a:hover {color: #f00; text-decoration: none;}
.hr {border-bottom: 1px solid #999999; margin: 20px 0px; clear: both;}
.hrnc {border-bottom: 1px solid #504f4d; margin: 20px 0px;}

#whole {width: 10%; margin-left: 1px; margin-top: 50px; position: absolute;}

/* Цитата дня */
blockquote {
background-color: transparent;
background: none repeat scroll 0 0;
color: #383838;
font-size: 18px;
line-height: 1.45;
padding: 1.25em 40px;
position: relative;
width: 75%;
}
blockquote:before {
color: #7A7A7A;
content: "\201C";
display: block;
font-size: 80px;
left: -10px;
position: absolute;
top: -10px;
}
blockquote cite {
color: #999999;
display: block;
font-size: 18px;
margin-top: 5px;
}
blockquote cite:before {
content: "\2014 \2009";
}

/* монтаж картинки */

img{
    object-fit: cover;
}

/* Меню в шапке и лого */
#header {width: 81%; margin-left: 15px auto 10px auto; position: relative;}
.menu {margin: 0px; padding: 0px; list-style: none; display: inline;}
.menu li {margin-left: 5px; padding: 0px; list-style: none; display: inline; color: #1e1a17;}
.menu li a {color: #1e1a17; text-decoration: none; margin-right: 5px;}
.menu li a:hover {color: #f00; text-decoration: none;}
#header h1 {position: relative; margin-left: 100px; padding: 0px; font: bold 28px 'Arial'; text-transform: uppercase; color: #1e1916; top: -3px; right: 18px;}

/* Навигация под шапкой */
#nav {width: 81%; background: #000; margin: 0px; padding: 0px; margin: 0px auto; height: 30px;}
#nav li {margin: 0px 1px 0px 10px; padding: 0px; display: inline; list-style: none; font: 11px/27px 'Arial';}
#nav li a {color: #fff; text-decoration: underline;}
#nav li a:hover {color: #f00; text-decoration: underline;}

nav {
height: 40px;
width: 100%;
background: #fff;
font-size: 9pt;
font-family: 'Arial', sans serif, PT Sans;
font-weight: regular;
position: relative;
border bottom: 2px solid #283744;
}
nav ul {
padding: 0;
margin: 0 auto;
width: 900px;
height: 40px;
}

nav li {
display: inline;
float: left;
}

nav a {
color: #000000;
display: inline-block;
list-style: none;
width: 100px;
text-align: center;
text-decoration: none;
line-height: 30px;
}

nav li a {
	border-right: 0px solid #576979;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
nav li:last-child a {
	border-right: 0;
}

nav a:hover, nav a:active {
	background-color: #fff;
}

nav a#pull {
	display: none;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

@media screen and (max-width: 900px) {
	nav {
  		height: auto;
  	}
  	nav ul {
  		width: 100%;
  		display: block;
  		height: auto;
  	}
  	nav li {
  		width: 50%;
  		float: left;
  		position: relative;
  	}
  	nav li a {
		border-bottom: 0px solid #576979;
		border-right: 0px solid #576979;
	}
  	nav a {
	  	text-align: left;
	  	width: 100%;
	  	text-indent: 25px;
  	}
}

@media only screen and (max-width : 480px) {
	nav {
		border-bottom: 0;
	}
	nav ul {
		display: none;
		height: auto;
	}
	nav a#pull {
		display: block;
		background-color: #fff;
		width: 100%;
		position: relative;
	}
	nav a#pull:after {
		content:"";
		background: url('nav-icon.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 10px;
	}
}

@media only screen and (max-width : 320px) {
nav li {
display: block;
float: none;
width: 100%;
}
nav li a {
border-bottom: 1px solid #fff;
}
}

nav1 {
height: 40px;
width: 100%;
background: #000000;
font-size: 12px;
font-family: 'Arial', sans serif, PT Sans;
font-weight: regular;
position: relative;
border bottom: 2px solid #283744;
}
nav1 ul {
padding: 0;
margin: 0 auto;
width: 1300px;
height: 40px;
}

nav1 li {
display: inline;
float: left;
}

nav1 a {
color: #fff;
background-color: #000000;
display: inline-block;
list-style: none;
width: 80px;
text-align: center;
text-decoration: none;
line-height: 30px;
}

nav1 li a {
	border-right: 0px solid #576979;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
nav1 li:last-child a {
	border-right: 0;
}

nav1 a:hover, nav a:active {
	background-color: #000000;
}

nav1 a#pull {
	display: none;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

@media screen and (max-width: 1300px) {
	nav1 {
  		height: auto;
  	}
  	nav1 ul {
  		width: 100%;
  		display: block;
  		height: auto;
  	}
  	nav1 li {
  		width: 50%;
  		float: center;
  		position: relative;
  	}
  	nav1 li a {
		border-bottom: 0px solid #576979;
		border-right: 0px solid #576979;
	}
  	nav1 a {
	  	text-align: left;
	  	width: 100%;
	  	text-indent: 25px;
  	}
}

@media only screen and (max-width : 480px) {
	nav1 {
		border-bottom: 0;
	}
	nav1 ul {
		display: none;
		height: auto;
	}
	nav1 a#pull {
		display: block;
		background-color: #000000;
		width: 100%;
		position: relative;
	}
	nav1 a#pull:after {
		content:"";
		background: url('nav-icon.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 10px;
	}
}

@media only screen and (max-width : 320px) {
nav1 li {
display: block;
float: none;
width: 100%;
}
nav1 li a {
border-bottom: 1px solid #fff;
}
}

/* Тело страницы */
#main {width: 81%; max-width: 81%; margin: 12px auto;}
#main h1 {position: relative; margin-left: 0px; padding: 0px; font: bold 24px 'Arial';}

@media screen and (max-width: 768px) {
#header {width: 95%;}
#main {width: 90%; display: flex;}
#whole {display: none}
#leftcol {width: 90% !important; display: block}
.news_top {margin: 0px 0px 0px 10px; width: 100%; max-width: 768px;}
#rightcol {display: none}
.three {display: none}
.lc {float: left; width: 100%; margin-left: 0px !important; overflow: visible; display: flex}
.rc {float: left; width: 100%; margin-left: 0px !important; overflow: visible; display: flex}
#footer {clear: both; height: 50px; border-top: 1px solid #666; width: 100%; position: relative;}
.breakoutr {float: right; width: 100%; padding: 10px; background-color: #E6E6E6; color: #000; text-align: left; font-size: 9pt;}
.allnews {width: 90% !important; overflow: visible; display: inline;}
.newsblock {float: left; width: 45%; overflow: visible;}
.comment {display: list-item; font-size: 13px; width: 100%}
#main1 {max-width: 90%;}
#main2 {max-width: 90%;}
}

@media screen and (max-width: 480px) {
#header {width: 95%;}
#main {width: 90%; display: flex}
#whole {display: none}
#leftcol {width: 90% !important; display: block}
.news_top {margin: 0px 0px 0px 10px; width: 100%; max-width: 480px}
#rightcol {display: none}
.three {display: none}
.lc {float: left; width: 100%; overflow: visible; display: inline}
.rc {float: left; width: 100%; margin-left: 0px !important; overflow: visible; display: inline}
#footer {clear: both; height: 50px; border-top: 1px solid #666; width: 100%; position: relative;}
.breakoutr {float: right; width: 90%; padding: 10px; background-color: #E6E6E6; color: #000; text-align: left; font-size: 9pt;}
.allnews {width: 90% !important; overflow: visible; display: inline;}
.newsblock {float: left; width: 45%; overflow: visible;}
.comment {display: list-item; font-size: 13px; width: 90%}
#main1 {max-width: 90%;}
#main2 {max-width: 90%;}
}

@media screen and (max-width: 320px) {
#header {width: 95%;}
#main {width: 90%; display: flex}
#whole {display: none}
#leftcol {width: 90% !important; display: block}
.news_top {margin: 0px 0px 0px 10px; width: 100%; max-width: 320px}
#rightcol {display: none}
.three {display: none}
.lc {float: left; width: 100%; overflow: visible; display: inline}
.rc {float: left; width: 100%; margin: 0px; overflow: visible; display: inline}
#footer {clear: both; height: 50px; border-top: 1px solid #666; width: 100%; position: relative;}
.breakoutr {float: right; width: 90%; padding: 10px; background-color: #E6E6E6; color: #000; text-align: left; font-size: 9pt;}
.allnews {width: 90% !important; overflow: visible; display: inline;}
.newsblock {float: left; width: 45%; overflow: visible;}
.comment {display: list-item; font-size: 13px; width: 90%}
#main1 {max-width: 90%;}
#main2 {max-width: 90%;}
}

/* Тело страницы для ссылки */
#main1 {width: 700px; max-width: 81%; margin-left: 140px; float: left;}
#main2 {width: 700px; max-width: 81%; margin-left: 10px; float: left;}

/* Левая колонка */
#leftcol {width: 735px; float: left;}
.news_top {margin: 0px 0px 0px 10px; width: 100%;}
.news_top img {margin-bottom: 5px;}
html:root*.news_top img {margin-bottom: 5px; margin-right: 10px;}
.news_top .image {padding-right: 10px;}
.img img {float: left; margin: 0px 10px 5px 0px;}
.title, .title a, h3 a {font-size: 19px; color: #144492; text-decoration: underline;}
.title a:hover, h3 a:hover {font-size: 19px; color: #f00; text-decoration: underline;}
a.opinions {font: 12px 'Arial'; text-decoration: underline; color: #333;}
a.opinions:hover {font: 9px 'Arial'; text-decoration: underline; color: #f00;}
/* Новости в три колонки */
.three {margin: 15px 0px 0px 10px; padding: 0px; list-style: none; overflow: visible; text-align: left;}
.three .title {text-align: left !important;}
.three li {margin: 0px 16px 0px 0px; padding: 0px; list-style: none; display: block; float: left; width: 225px;}
.three li .title {display: block; margin: 15px 0px 10px 0px;}
/* Новость */
.news {margin-left: 10px;}
h3 {margin: 10px; padding: 10px;}
h4 {margin: 10px; padding: 10px;}

.news-detail .author { margin-bottom:6px; }
.news-detail .source { margin-bottom:6px; }
.news-detail .date {color:#999;}

/* Двойная колонка новостей */
.lc {float: left; width: 347px; overflow: visible;}
.allnews {width: 780px; overflow: visible; position: relative;  margin-right: -200px;}
.newsblock {float: left; width: 347px; overflow: visible; margin-right: 40px;}
.rc {float: left; width: 347px; margin-left: 40px; overflow: visible;}
h2 {margin: 0px 0px 20px 0px; padding: 0px 0px 0px 10px; background: #1f1a17; color: #fff; font: normal 14px/25px 'Arial'; height: 25px;}
.space {padding-bottom: 20px;}
.double {margin-bottom: 20px;}
.double span {display: block; margin-bottom: 10px;}
.rc .double {margin-left: 0px !important;}

/* Правая колонка */
#rightcol {margin-left: 760px; width: 255px;}

/* Блоки */
.block_lenta {font-size: 13px; width: 100%; margin-top: 10px;}
.block_lenta .image {padding-right: 10px;}
html:root*.block_lenta .image {padding: 0px !important;}
html:root*.block_lenta .image img {margin-right: 10px;}
.full .image {padding-right: 1px !important;}
.block_lenta a {font-size: 13px; color: #144492; text-decoration: underline;}
.block_lenta a:hover {font-size: 13px; color: #f00; text-decoration: underline;}
.block_lenta td {padding-bottom: 10px;}

/* Облако тэгов */
.cloud, .cloud li {margin: 0px; padding: 0px; list-style: none; display: inline;}
.cloud a {color: #1e1a17; text-decoration: none; margin: 0px 1px;}
.cloud a:hover {color: #f00; text-decoration: none;}
.cloud li.c6 {font-size: 34px;}
.cloud li.c5 {font-size: 30px;}
.cloud li.c4 {font-size: 26px;}
.cloud li.c3 {font-size: 22px;}
.cloud li.c2 {font-size: 18px;}
.cloud li.c1 {font-size: 14px;}
.cloud li.c0 {font-size: 10px;}
.all {display: block; font-size: 11px !important; margin-top: 15px;}

/* Подвал */
#footer {clear: both; height: 50px; border-top: 1px solid #666; width: 79%; margin: 0px auto; padding-left: 19px; padding-top: 15px; position: relative;}
#footer span {display: block; margin-left: -7px;}

.pagination-wrap { clear:both; height:23px; margin-right:10px; font-size:13px; padding-bottom: 10px;PADDING-RIGHT: 30px;}
.pagination-wrap .pagination { float:right; }
.pagination-wrap .pagination .separator { padding:3px 10px; margin:0; }
.pagination-wrap a { color:#0971B2; display:block; float:left; padding:4px 5px; margin-left:3px; text-transform:uppercase; }
.pagination-wrap span { display:block; float:left; color:#ccc; margin-left:3px; padding:4px 5px; text-transform:uppercase; }
.pagination-wrap span.current { border:1px solid #ccc; padding:3px 4px; }
.pagination-wrap a:hover { border:1px solid #0971B2; text-decoration:none; padding:3px 4px; }
.pagination-wrap .next_page { margin:0; }

.stars
{
	margin: 0px;
	padding: 0px;
}

.stars li
{
	margin: 0px;
	padding: 0px;
	width: 16px;
	height: 16px;
	float: left;
	background: url('/hostcmsfiles/images/stars_gray.gif') no-repeat 0 0;
	cursor: pointer;
	list-style-type: none;
}

.stars .curr
{
	margin: 0px;
	padding: 0px;
	width: 16px;
	height: 16px;
	float: left;
	background: none;
	background: url('/hostcmsfiles/images/stars_single.gif') no-repeat 0 0;
}

/* комментарии */
.comment {display: inline-block; padding: 20px; font-size: 13px; width: 500}

/* стиль spravka */

.spravka {
padding: 10px;
margin-left: 0px;
margin-bottom: 20px;

background-color: #E6E6E6;
color: #000;

text-align: left;
font-size: 11pt;
}

/* стиль expert */

.expert {
padding: 10px;
margin-left: 0px;
margin-bottom: 20px;

background-color: #ACACAC;
color: #000;

text-align: left;
font-size: 11pt;
}