.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

body {
	margin: 0 auto;
	font-family: 'Open Sans', sans-serif;
	background-color: #eee;
	opacity: 1;
	
}


#bglink{
  display:block;
  height:100%;
  width:100%;
  position:fixed;
  left:0;
  top:0;
  z-index:0;
  text-indent:-5000em;
}


.wrapper {
	width: 1260px;
	margin: 0 auto;
	margin-top: 30px;
	position: relative;
	z-index: 10;
}
.top-main { 
	background: #dfdfdf;
 }
.head {
	width: 1260px;
	height: 84px;
	background: #435197;
}
.logo {
	width: 330px;
	height: 84px;
	background-image: url(./img/logo.png);
	float: left;
}
.logo-icon {
	height: 84px;
	width: 100px;
	border-left: 1px solid #435197;
	float: left;
}
.menu {
	width: 829px;
	height: 84px;
	float: left;
}

/*------------------------------*/
nav {
background: #435197; /* Задаем основной фон меню */
}

nav ul {
list-style: none; /* Убираем маркер для элементов списка */
padding-left: 0;
}

nav ul li {
display:inline-block;/*Выстраиваем пункты меню в ряд по горизонтали */
}

nav ul li a {
display:block; /* Настраиваем оформление пунктов меню */
padding: 18px 20px;
margin-left: 0;
font-size: .9em;
color: #eee;
letter-spacing: 1px;
text-decoration: none;
text-transform: uppercase;
}

nav ul li:hover {
background: #283783; /* Меняем фон пункта меню при наведении указателя мыши */
}

nav ul li ul {
display: none; /* Прячем пункты выпадающего блока меню */
position:absolute;
background: #283783; /* Задаем фон выпадающего блока меню */
}

nav ul li:hover ul {
display:block; /* Отображаем подменю при наведении мыши */
}

nav ul li ul li {
display:block; /* Выстраиваем по вертикали пункты выпадающего меню */
}
/*------------------- тематика ---------------- */

.tematika {
	height: 420px;
	background: #202021;
}
.vesti-tyva {
	width: 315px;
	height: 140px;
	float: left;
}
.mobile-rep {
	width: 315px;
	height: 140px;
	float: left;	
}
.hog-ba {
	width: 315px;
	height: 140px;
	float: left;	
}
.tema-p {
	width: 315px;
	height: 140px;
	float: left;
}

.medeeler {
	width: 315px;
	height: 140px;
	float: left;	
	
}

.ekii-tyva {
	width: 315px;
	height: 140px;
	float: left;
}
.on-air {
	width: 315px;
	height: 140px;
	float: left;
}
.reg17 {
	width: 315px;
	height: 140px;
	float: left;
}
.shazhun {
	width: 315px;
	height: 140px;
	float: left;
}
.stud {
	width: 315px;
	height: 140px;
	float: left;
}
.unas {
	width: 315px;
	height: 140px;
	float: left;
}
.tuvdel {
	width: 315px;
	height: 140px;
	float: left;
}
.tematika_1 {
	width: 275px;
	height: 140px;
	float: left; 
    border: 4px double black;
    border-collapse: collapse; 
}


.vesti-tyva:hover .vesti-img {
  opacity: 0.3;
}
.mobile-rep:hover .mobile-img {
  opacity: 0.3;
}
.hog-ba:hover .hb-img {
  opacity: 0.3;
}
.medeeler:hover .medee-img {
  opacity: 0.3;
}
.tema-p:hover .tematika-img {
  opacity: 0.3;
}
.ekii-tyva:hover .kee-img {
  opacity: 0.3;
}
.on-air:hover .live-img {
  opacity: 0.3;
}
.reg17:hover .reg17-img {
  opacity: 0.3;
}
.shazhun:hover .shazhun-img {
  opacity: 0.3;
}
.stud:hover .stud-img {
  opacity: 0.3;
}
.unas:hover .unas-img {
  opacity: 0.3;
}
.tuvdel:hover .tuvdel-img {
  opacity: 0.3;
}
.tematika_1:hover .tematika_1-img {
  opacity: 0.3;
}
/* ------------- мейн -------------- */

.main {
	padding-bottom: 15px;
}

.left-side {
	width: 346px;
	background: url(https://gtrktuva.ru/wp-content/themes/vesti.ru/img/bg.png) repeat;
	background-color: #dfdfdf;
	border-left: 4px solid #435197;
	float: left;
	height: 100%;
	border-bottom: 1px solid #ccc;
}

.left-content a {
	font-size: 14px;
	text-decoration: none;
	color: #000;
}
.left-anons {
	border-top: 1px solid #ccc;
	padding-top: 10px;
}

.left-content p {
	font-size: 14px;
	text-decoration: none;
	color: #000;
	margin-left: 20px;
	margin-bottom: 15px;
	margin-right: 20px;
}

.left-content a:hover {
	color: #656565;
	text-decoration: underline;
}

.left-content li {
	margin-bottom: 10px;
}

.left-side-content {
	padding: 5px;
}


.right-side {
	width: 346px;
	background: url(https://gtrktuva.ru/wp-content/themes/vesti.ru/img/bg.png) repeat;
	background-color: #dfdfdf;
	border-right: 4px solid #435197;
	float: left;
	height: 100%;
	border-bottom: 1px solid #ccc;
}

.right-side-content {
	padding: 5px;
}

.right-content a {
	font-size: 14px;
	text-decoration: none;
	color: #000;
}

.right-content p {
	font-size: 14px;
	text-decoration: none;
	color: #000;
	margin-left: 20px;
	margin-bottom: 15px;
	margin-right: 20px;
}
.right-content a:hover {
	color: #656565;
	text-decoration: underline;
}

.right-content li {
	margin-bottom: 10px;
}

.content-block {
	float: left;
	width: 560px;
}

.content-news-lent {
	max-width: 560px;
}
.russ-lent {
	height: 572px;
}
.rekl-lent {
	height: 286px;
}

.live-lent {
	margin-bottom: 10px;
	margin-top: 5px;
}
.h1live {
	height: 52px;
	background: #0c89cb;
	border: 1px solid #0a70a4;
	margin: -1px 0 0 -1px;
	outline: 1px solid #50addc;
	outline-offset: -2px;
	color: #fff;
}
.in-h1live {
	padding: 15px;
	font-weight: 600;
}

.in-h1live a {
	color: #fff;
	text-decoration: none;
	font-weight: 400;
}
.live-content {
	padding: 15px;
	background: #0c89cb;
	border: 1px solid #0a70a4;
	margin: -1px 0 0 -1px;
	height: 320px;
	border-top: none;
	outline: 1px solid #50addc;
	outline-offset: -2px;
}
.tuv-lent {
	height: 572px;
	margin-top: 15px;
}
.news {
	width: 279px;
	height: 260px;
	float: left;
	background: white;
	border: 1px solid #ccc;
	margin: -1px 0 0 -1px;
}
.news-content {
	padding: 15px;
}

.news-content a {
	margin-top: 15px;
	text-decoration: none;
	color: #000;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
}

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

.data-news {
	color: #555555;
	font-weight: 300;
	font-size: 13px;
}

.h1russ {
	height: 52px;
	background: white;
	border: 1px solid #ccc;
	margin: -1px 0 0 -1px;
	margin-top: 5px;
}

.in-h1russ {
	padding: 15px;
	font-weight: 600;
}

.in-h1russ a {
	text-decoration: none;
	color: black;
	font-weight: 400;
}

.in-h1russ a:hover {
	text-decoration: underline;
	color: #656565;
}

.footer-wrapper {
	background: #1a1a1a;
}

.in-footer {
	padding: 20px;
	font-size: 12px;
}

.content-page {
	float: left;
	width: 910px;
	background-color: #fff;
}
.content-page-content {
	padding: 15px;
	padding-left: 30px;
}

.content-page-content a {
	text-decoration: none;
	color: #000;

}

.content-page-content a:hover {
	text-decoration: underline;
}

footer {
	border-top: 10px solid #435197;
	color: #999999;
}

.footer-menu {
	background-color: #262626;
	height: 64px;
}

.spisok {
	float: left;
}
.spisok ul {
	margin-top: 20px;
	padding-left: 20px;
}

.spisok li {
	display: inline;
	margin-right: 15px;
}
.spisok a {
	text-decoration: none;
	color: #FFF;
}
.soc {
	float: right;
	margin-top: 15px;
	margin-right: 10px;
}

.vk-icon {
	opacity: 0.3;
}

.vk:hover .vk-icon {
	opacity: 1;
}
.fb-icon {
	opacity: 0.3;
}

.fb:hover .fb-icon {
	opacity: 1;
}
.ok-icon {
	opacity: 0.3;
}

.ok:hover .ok-icon {
	opacity: 1;
}

.telega-icon {
	opacity: 0.3;
}

.telega:hover .telega-icon {
	opacity: 1;
}

.yt-icon {
	opacity: 0.3;
}

.yt:hover .yt-icon {
	opacity: 1;
}