/* CSS file generated by Responsify */
/* Columns: 12, Gutter Width: 1.5, Breakpoints: 480 */ 

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}

html { max-width: 980px; margin:auto; font-family: 'PT Sans', Arial, sans-serif; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {
    display:block;
}

nav ul, nav li { margin: 0; }
nav ul, ul { list-style:none; }

.video {position:relative;padding-bottom:56.25%;/*пропорции видео 16:9 */padding-top:0px;height:0;}
.video iframe {position:absolute;top:0;left:0;width:100%;height:100%;}

section{
	border-bottom: 1px solid #e1e6ef;
}

aside {
	margin-top: 10px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	/*border: 1px solid #dadada;*/
	padding:5px;
	background-color:#ffffff;
	/*-webkit-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.50);
	-moz-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.50);
	box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.50);*/
}

.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12{
    float:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

.col{
  margin-left: 1.5%;
}

.col:first-child {
  margin-left:0;
}

.span1{
  width: 6.95833333333%;
  
}
.span2{
  width: 15.4166666667%;
  
}
.span3{
  width: 23.875%;
  
}
.span4{
  width: 32.3333333333%;

}
.span4 img {
	max-width: 100%;
	height:auto;
	min-width: 250px;
	width:500px;
	object-fit: cover;
	margin: 0px 0px 0px 0;
	padding:0px;
}
/*.span4 h2 {font-size: 14px; padding:0; padding-top:10px; margin:0px; border-top:1px dashed #e2e2e2;}*/
.span4 h2 {font-size: 15px; padding:0; margin:0px;}

.span4 p {font-size: 14px; padding:0; margin: 0px 0px 12px 0;}

.span4 a {color: #252e35; text-decoration:none;}

.span4 a:hover {color: #356fd8; text-decoration:underline;}

.span4div {font-size: 14px; padding:0; padding-top:10px; margin:0px; border-bottom:1px dashed #e2e2e2;}*/


.span5{
  width: 40.7916666667%;
  
}
.span6{
  width: 49.25%;
  
}
.span7{
  width: 57.7083333333%;
  
}

.span8{
  width: 66.1666666667%;
  
}

.span8 img {
	max-width: 100%;
	height: auto;
}

.span8 h1 {font-size: 18px; padding:0px; margin:0px 0px 5px 0px;}

.span8 h2 {font-size: 18px; padding:0; margin:0;}

.span8 object {
	max-width: 100%;
	/*height: auto;	*/
}



/*.span8 a { color:#5656f1; text-decoration:none;}

.span8 a:hover { color:#0b0b43; text-decoration:underline;}*/

.span8 main{
/*-webkit-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.50);
-moz-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.50);
box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.50);*/
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
		overflow:auto;
	padding: 10px;
	margin-top: 10px;
	right: -1px;
	position: relative;
	background-color: #ffffff;
	/*border-bottom:1px solid #F2F2F2;*/
}
.span8 main:hover{
/*background-color: #f7f7f7;*/
/*-webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.75);
box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.75);*/
/*color: #356fd8;*/
}

.lnk{
	color:#000000;
	text-decoration:none;
}
.lnk:hover{
	color: #356fd8;
	text-decoration:underline;
}

.spangrey {
	display:block;
	margin:0px;
	padding:0px;
	overflow:auto;
	color: #9b9b9b;
	text-transform: uppercase;
	font-size: 10px;
	letter-spacing: 2px;
	font-weight: bold;
	/*border: 1px transparent;*/
	margin-top: -5px;
}

.rubric {
	color: #003663;
	font-size: 10px;
	letter-spacing: 2px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration:none;
}
.rubric:hover{
	color: #ff5100;
	text-decoration:underline;
}

.span8 .images{
	float: left;
    margin: 0px 10px 2px 0;
	display: block;
	position: relative;
	width: 220px;
	max-width: 100%;
	/*height:150px;*/
	height:auto;
	/*border:1px solid #ccc;*/
	/*object-fit: cover;*/
}

.article {
	/*-webkit-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.50);
	-moz-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.50);
	box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.50);*/
	/*-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;*/
	overflow:auto;
	/*padding: 10px;*/
	padding: 12px 10px 10px 10px;
	/*margin-top: 10px;*/
	/*right: -1px;*/
	position: relative;
	/*background-color: #ffffff;*/
	display:block;
	border-bottom:1px solid #CCC;
}

.article h1 { margin-bottom:10px;}

.tags {
	padding-bottom: 5px;
	float:left; width:100%; font-weight: bold; font-size: 10px; text-align: left;
}

.tags a {
	color: #003663;
	text-decoration:none;
	font-weight: bold;
}

.tags a:hover {
	color: #000;
	text-decoration:underline;
}



.span9{
  width: 74.625%;
  
}
.span10{
  width: 83.0833333333%;
  
}
.span11{
  width: 91.5416666667%;
  
}
.span12{
  width: 100%;
  margin-left: 0;
}

body{
  font-size: 87.5%;
  color: #252e35;
  font-family: 'PT Sans', Arial, sans-serif;
  line-height: 1.5em;
  background: #f6f6f6;
}

h1{
    /*font-size: 1.5em; /* 24 / 14 */
    /*line-height: 24px; /* 21 / 14 */
}

h2{
  /*font-size: 1.5em; /* 21 / 14 */
  /*line-height: 1em; /* 21 / 14 */
}

p{
    font-size: 1em; /* 14 / 14 */
    line-height: 1.5em; /* 21 / 14 */
    margin-bottom: 1.5em; /* 21 / 14 */
}

#container, .inner{
  margin: 0 auto;
}

header{
  /*background-image: url('images/govnovosti.png');*/
  	/*background-position: center left;
	background-repeat: no-repeat;	*/
    /*background-color: #395769;*/ /* Заливка меню */
	/*background-color: #ffffff;*/ /* Заливка меню */
	/*border-bottom: 1px solid #ff7301;*/

}

header h1{
  margin: 7px 0 0 0;
}

#sticky {
	position: sticky;
    top: -45px;
	z-index:150;
}

#sticky.active {
	position: sticky;
    top: -45px;
	z-index:150;
	box-shadow: 0 6px 4px -4px rgba(0, 0, 0, .8);
}

#container{
  clear: both;
  /*padding-top: 20px;*/
}

.alt{
  color: #fff;
  color: rgba(255,255,255, 0.9);
  letter-spacing: 0.05em;
}

.cxidlogos {
	/*border-bottom: 1px solid #576979; */
	margin:0; 
	padding:0; 
	background-color:#f6f6f6;
	float:left;
	width:140px;
	height:40px;
}

.soclogos {
	/*border-bottom: 1px solid #576979; */
	height:40px; 
	text-align:right; 
	margin: 0 auto;
}

.soclogos img {
	vertical-align:middle;
	margin-top:9px;
}


/* last  10 news */

.last10Table{
	display: table;
	width: 100%;
}
.last10TableRow {
	display: table-row;
}
.last10TableCell {
	/*border: 1px solid #999999;*/
	display: table-cell;
	/*padding: 3px 5px;*/
	padding:0px 7px 7px 0px;
	text-align:left;
}
.last10TableBody {
	display: table-row-group;
}


/* NAVIGATION */

/*nav{
  margin: 7px 0 7px 0;
}

nav ul{
  text-align: right;
  overflow: auto;
  width: 100%;
}

nav ul li{
  margin: 0 0 0 0;
  text-align: center;
  overflow: auto;
  float: left;
  width: 33%;
}

nav a{
  text-decoration: none;
  margin: 0;
  display: block;
  padding: 7px 0 7px 5%;
  margin: 0 0 0 4%;
  background-color: rgba(255,255,255,0.1);
}*/






/* Micro Clearfix */

/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
	margin: auto;
}

.cf:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    *zoom:1;
}




/******************* Стили навигации ******************** ***/

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

/* Основные стили */

nav {
	height: 40px;
	/*width: 100%;*/
	/*background: #455868; 111 */
	font-size: 11pt;
	font-family: 'PT Sans', Arial, sans-serif;
	font-weight: bold;
	position: relative;
	/*position:absolute;*/
	/*border-bottom: 2px solid #283744;*/
	border: 1px solid #ff7301;
	background-color:#ffffff;

}
nav ul {
	padding: 0;
	margin: 0 auto;
	/*margin: 0;*/
	width: 945px;
	height: 40px;
	text-align:center;
	/*border:1px solid red;*/

}
nav li {
	display: inline;
	float: left;
}
/* 05.10.2019 EDIT width */
nav a {
	/*color: #fff;*/
	color:#000000;
	display: inline-block;
	/*width: 118px;*/
	width:auto;
	text-decoration: none;
	line-height: 40px;
	padding-right:11px;
	padding-left:12px;
	/*text-shadow: 1px 1px 0px #283744;*/
}
nav li a {
	/*border-right: 1px solid #ff7301;*/
	/*border-right: 1px 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 {
	color:#FFFFFF;
	background-color: #ff5100;
	/*background-color: #ffffff;*/
}
nav a#pull {
	display: none;
}
.stext { 
	padding:0;
	margin:0;
}
.stickylogo {
	display: none;
}
.finder {
	display: none;
}

/* MEDIA QUERIES */

/* Responsify Defaults */

@media screen and (max-width: 768px){
/*  nav .span4{
    width: 100%;
  }
*/

  .span8, article{
    width: 100%;
  }
  
.span8 main {
	background-color: #ffffff;
}	
	
/*.span8 main:hover {
background-color: #f7f7f7;
-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
color: #356fd8;
}*/

.span8 .images{
	width: 100%;
	height: auto;
}
.span8 img {
	width: 100%;
	height: auto;
}

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

  .span4, aside{
    width: 100%;
    margin-left: 0;
  }

  #container, .inner{
    width: 98%;
    /*padding: 0 5% 0 5%;*/
  }
  .cxidlogos, .soclogos { 
  	display: none; 
  }
  .stext { 
	display: none;
}

}




/* Стили для экранов 600px и меньше */
@media screen and (max-width: 960px) {
	#container {
		padding-top: 0px;
	}
	nav {
  		height: auto;
		box-shadow: 0 6px 4px -4px rgba(0, 0, 0, .4);
		/* 30.09.19*/
		border:0px;
  	}
  	nav ul {
  		width: 100%;
  		display: block;
  		height: auto;
  	}
  	nav li {
  		width: 50%;
  		float: left;
  		position: relative;
  	}
  	nav li a {
		/*border-bottom: 1px solid #576979;
		border-right: 1px solid #576979;*/
		/*border-bottom: 1px solid #ff7301;
		border-right: 1px solid #ff7301;		*/
	}
  	nav a {
	  	text-align: left;
	  	width: 100%;
	  	text-indent: 25px;
		padding:0;
  	}
.span8 .images{
	width: 100%;
	height: auto;
}
.span8 img {
	width: 100%;
	height: auto;
}
.cxidlogos, .soclogos { 
  	display: none; 
  }
.stext { 
	display: none;
}
.stickylogo {
	z-index:995;
	width:138px;
	height:40px;
	display:inline-block;
	position:fixed;
	padding-left:15px;
}
.finder {
	display:inline;

}
}

/*Стили для экранов 515px и меньше*/
@media only screen and (max-width : 959px) {
	#sticky {
	position:sticky;
    top: 0;
	z-index:150;
	}
	#sticky.active {
	position: fixed;
    top: 0;
	z-index:150;
	width:100%;
	box-shadow: 0 6px 4px -4px rgba(0, 0, 0, .8);
}
	
	
	nav {
		border-bottom: 0;
	}
	nav ul {
		display: none;
		height: auto;
	}
	nav a#pull {
		display: block;
		/*background-color: #395769;*/
		background-color: #ffffff;
		width: 100%;
		position: relative;
	}
	nav a#pull:after {
		content:"";
		background: url('images/nav-icon.png') no-repeat;
		width: 30px;
		height: 30px;
		display:inline-block;
		position: absolute;
		right: 15px;
		top: 10px;
	}
.span8 .images{
	width: 100%;
	height: auto;
}
.span8 img {
	width: 100%;
	height: auto;
}
  .cxidlogos, .soclogos { 
  	display: none; 
  }
  .stext { 
	display: none;
}
}

/* Смартфоны */
/*@media only screen and (max-width : 320px) {*/
@media only screen and (max-width : 320px) {
	nav li {
		display: block;
		float: none;
		width: 100%;
	}
	nav li a {
		/*border-bottom: 1px solid #576979;*/
		 /*border-bottom: 1px solid #ff7301;*/
	}
.span8 .images{
	width: 100%;
	height: auto;
}
.span8 img {
	width: 100%;
	height: auto;
}
.cxidlogos, .soclogos { 
  	display: none; 
}
.stext { 
	display: none;
}
}

#paginator {
	clear:both;
	font-size: 14px; 
	color: #000000; 
	text-decoration: none;
	padding: 5px; 
	/*margin-left:5px; margin-right:5px;*/
	border: 1px solid grey;
	font-weight:bold; background-color: #ededed;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	display:inline-table;
	margin: 5px;
}

#paginator:hover { 
	background-color: #FFFFFF;
	color:#ff0000;
}

/* Footer
-----------------------------------------------------------------------------*/
footer {
	/*width: 960px;*/
	max-width: 100%
	height: auto;
	background-color: #657889;
	margin-top: 15px;
	padding: 10px;
    color: #FFFFFF;
	font-size:13px;
	font-weight:bold;
}
.footerdiv {
	padding: 10px;
	font-size:12px;
}

.footer {
	color: #FFFFFF;
	text-decoration:none;
	font-weight:normal;
}

.footer:hover {
	color: #FF0;
	text-decoration:underline;
}

#footertd {
	clear:both;
	color: #FFFFFF;
	text-decoration:none;
	font-weight: normal;
	font-size:14px;
}

#footertd:hover {
	color: #FF0;
	text-decoration:underline;
}

/* <HR>
----------------------------------------------------------------------------*/
hr.fancy-line { 
    border: 0; 
    height: 1px;
    position: relative;
    margin: 0.5em 0; /* Keep other elements away from pseudo elements*/
}
hr.fancy-line:before {
    top: -0.5em;
    height: 1em;
}
hr.fancy-line:after {
    content:'';
    height: 0.5em;   /* half the height of :before */
    top: 1px;        /* height of hr*/
}

hr.fancy-line:before, hr.fancy-line:after {
    content: '';
    position: absolute;
    width: 100%;
}

hr.fancy-line, hr.fancy-line:before {
    background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 75%);
    background: -webkit-gradient(radial, center center, 0px, center center, 75%, color-stop(0%,rgba(0,0,0,0.1)), color-stop(75%,rgba(0,0,0,0)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 75%);
    background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 75%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 75%);
    background: radial-gradient(ellipse at center, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 75%);
}

hr.fancy-line:after {
    background:#657889;
}