




.logo { /*background: url(../logo/logobig.png) no-repeat;*/ float: left; margin: 10px 0 0 0; display: block; padding:0; }



/*************************** !important /
/*wrap*/
/***************************/

.black1 {width: 100%; height:100%; padding: 0px; border-top:solid 4px #EFCF00;border-bottom:solid 4px #EFCF00;}
.black2 {width: 100%; height:100%; padding: 0px; background:#EFCF00; border-top:solid 4px #EFCF00;border-bottom:solid 4px #EFCF00;}
.border {width: 100%; height:100%; border:solid 1px #b7b7b7;}
.back3 {width: 100%; height:100%; padding: 0px; background: #f9f9f9;}

.wi1 {width: 100%; height:100%; padding: 0px; background: #f1f1f1;}

.padd {padding: 10px ! important;}
.padd2 {padding: 0 10px 0 10px ! important;}


#top ul {margin: 0 !important;}
#top a  {color: #444444 !important;}
a.loginlink {color: #444444 !important;}


/***************************/
/* мега меню */
/***************************/

.megaMenu {background: #f9f9f9;border-top: 0px solid #999;color: #999;	font-size: 15px;height: 70px; padding:10px 0;
-webkit-box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.86);
-moz-box-shadow:    0px 0px 4px 0px rgba(50, 50, 50, 0.86);
box-shadow:         0px 0px 4px 0px rgba(50, 50, 50, 0.86);
}
.megaMenu a{cursor: pointer;display: block;outline: none;text-decoration: none;}
.megaMenu li{list-style: none;margin: 0;padding: 0;text-indent: 0;}
.megaMenu ul{margin: 0;padding: 0;}
.megaMenu > ul{margin: auto;position: relative;width: 960px;}
.megaMenu > ul > li{border-left: 1px solid #bdbdbd;display: inline-block;float: left;height: 50px;margin: 0;padding: 0;
  position: relative;zoom: 1;*display: inline;}
.megaMenu > ul > li:first-child{border-left: 1px solid #bdbdbd;}
.megaMenu > ul > li:last-child{border-right: 1px solid #bdbdbd;}
.megaMenu > ul > li:hover{height: 60px;background: #0077FF;
-webkit-box-shadow: 0px 0px 4px 1px rgba(50, 50, 50, 0.86);
-moz-box-shadow:    0px 0px 4px 1px rgba(50, 50, 50, 0.86);
box-shadow:         0px 0px 4px 1px rgba(50, 50, 50, 0.86);
}
.megaMenu > ul > li:hover,.megaMenu > ul > li:hover + li{border-left: 1px solid #0077ff;}
.megaMenu > ul > li:hover > a{color: #fff;}
.megaMenu > ul > li:hover > div{display: block;top: auto;	white-space: nowrap;z-index:50;}
.megaMenu > ul > li > a{color: #555; font-weight:bold;height: 100%;padding: 0 20px;text-transform: uppercase; line-height: 10px;}
.megaMenu > ul > li > a > ins,
.megaMenu > ul > li > a > span{display: inline-block;vertical-align: middle;zoom: 1;*display: inline;}
.megaMenu > ul > li > a > ins{height: 100%;}
.megaMenu > ul > li > div{background: #0077FF;border: 0px solid transparent;border-top:0;display: none;left: -1px;
	padding: 10px;position: absolute;top: auto;z-index:50;
-webkit-box-shadow: 0px 0px 4px 1px rgba(50, 50, 50, 0.86);
-moz-box-shadow:    0px 0px 4px 1px rgba(50, 50, 50, 0.86);
box-shadow:         0px 0px 4px 1px rgba(50, 50, 50, 0.86);
}
.megaMenu > ul > li > div.left{left: auto;right: -1px;}
.megaMenu > ul > li > div > ul{
	display: inline-block;
	padding: 10px;
	vertical-align: top;
	white-space: nowrap;
	width: auto;
	zoom: 1;
	*display: inline;
	
}

.megaMenu > ul > li > div > ul > li{margin: 4px 0;padding: 0;text-indent: 0;}
.megaMenu > ul > li > div > ul > li.parent{border-top: 1px dashed #fff;margin: 4px 0 0;padding: 4px 0 0;}
.megaMenu > ul > li > div > ul > li:first-child{border: none;margin: 0;padding: 0;}
.megaMenu > ul > li > div > ul > li > a{
	background: url('') no-repeat 0 3px;
	color: #bdbdbd;font-size: 11px;height: auto;padding-left: 8px;}
.megaMenu > ul > li > div > ul > li.parent a{background: none;color: #fff;font-size: 14px;font-weight:0;padding: 0;}
.megaMenu > ul > li > div > ul > li.parent:first-child a{border: none;margin: 0;padding: 0;}

.megaMenu > ul > li.foldOut{ border-left: none !important; }
.megaMenu > ul > li.foldOut > ul{background: #efcf00;height: 62px;position: absolute;top: -6px;}
.megaMenu > ul > li.foldOut	> ul:hover *{ border-color: transparent !important; }
.megaMenu > ul > li.foldOut > ul > li{
	cursor: pointer;display: inline-block;float: left;line-height: 16px;padding: 0 10px;
	vertical-align: middle;width: 188px;zoom: 1;*display: inline;
-webkit-box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.86);
-moz-box-shadow:    0px 0px 4px 0px rgba(50, 50, 50, 0.86);
box-shadow:         0px 0px 4px 0px rgba(50, 50, 50, 0.86);
}
.megaMenu > ul > li.foldOut > ul > li:hover{background: #0077FF;}

.megaMenu > ul > li.foldOut > ul > li > a{
	border-top:  0px solid #ccc;
	color: #0077FF;
	font-weight: bold;
	padding: 7px 0;
}
.megaMenu > ul > li.foldOut > ul > li > a:hover{color: #fff;}
.megaMenu > ul > li.foldOut > ul > li > a > span{ float: right; }
.megaMenu > ul > li.foldOut > ul > li:first-child > a{ border: 0; }




/***************************/
/* заголовок блока */
/***************************/
.bc_title {	font-family: "PT Sans Caption";	color: #061f37;	font-size: 18px; font-weight: bold;	text-align: left; padding: 8px 15px; background: #fdfdfd;
	border-left: solid 1px #b7b7b7;	border-top: solid 1px #b7b7b7; border-right: solid 1px #b7b7b7;	letter-spacing: 1px; }
	
.bc_title a{	font-family: "PT Sans Caption";	color: #061f37;	font-size: 12px;}
	
.bc { border: solid 1px #b7b7b7;	 background: #fff;	margin-bottom: 20px; }

.group:after,
.group:before {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.banner_280 {padding:20px; text-align:center;}

/* краткие новости категорий */

.story-short { margin: 0 15px 15px 15px;	overflow: hidden; line-height: 1.3em; max-height: 150px; border-bottom: dashed 1px #e1e1e1;	margin: 0 0 10px 0;	}
.story-short:last-child { border: none;	margin-bottom: 0; }
.left_cell {	display: table-cell; vertical-align: top;}
.story-short .img { float: left;	max-width: 180px; margin: 0 10px 15px 10px;}
.story-short h2 { font-size: 18px; letter-spacing: 0.2px; font-family: "PT Sans Caption"; }
.story-short h2 a { color: #061f37; line-height: 1.2em; }
.story-short .short-content { font-size: 14px; margin-top: 10px;	padding-bottom: 10px;}
.story-short .short-content a:hover {	text-decoration: underline;	}
.story-short .mcat {	display: block;	margin: 5px 0 10px 0; }
.story-short .mcat li, .short4 .mcat li { float: left; padding-right:7px; color: #9b9b9b; font-size: 12px; }  
.story-short .mcat li.comnum {	background: url(../images/icons.png) no-repeat 0 -146px; padding-left: 17px;}
.story-short .mcat a { color: #2c6f9f;}
.i16 {}

/* краткие новости версия 5  -  3 + 3 */
.short5 { padding: 9px 9px 0 9px;	 height: 100px;	float: left; }
.short5 .img { width: 90%; height: 90%; margin: 0 10px 0 0; }
.short5 div {	font-size: 12px; padding-left: 5px;}
.short5:last-child {	border: none;}

/* краткие, большой блок "фото, видео" */
.short4 {margin: 9px; padding-right: 5px;/*	border-bottom: solid 1px #e1e1e1;*/	}
.short4:last-child {	border: none;}
.short4 h2 {  font-size: 14px; font-family: "PT Sans Caption"; padding: 5px 0;}

.multimedia { width: 100%; float:left; border: none;}
.img_ct {
	position: relative;	
}

/***************************/
/*round*/
/***************************/

.topr_title {position: relative; width: 100%; height:auto; margin: 0 auto; padding: 20px 20px 0px 20px; text-align:center; color:ffffff;font-size: 20px; font-weight: bold;}
.short-round {margin: 0 auto; border: solid ; border-radius: 50%; position: relative; overflow:hidden; margin: 20px; max-width: 220px; width: 100%; height :220px; color: #bbb; font-size: 16px; z-index:10;}
.short-round img {object-fit: cover; position: absolute;    display: block;    width: 380px;    min-height: 100%;    margin: auto;   top: -100%;  right: -100%;  bottom: -100%;  left: -100%; z-index:10;}
.play {   background: rgba(0, 114, 188, 0.4);  border-radius: 50% / 50%;  color: #FFFFFF;  font-size: 2em; height: 3em; top: 40px; margin: 20px auto; padding: 0; position: relative; text-align: center;
  text-indent: 0.1em; transition: all 150ms ease-out; width: 3em; z-index:15;}
.play:hover { background: darkorange;cursor: pointer;}
.play::after {  border-style: solid;  border-width: 1em 0 1em 1.732em;  border-color: transparent transparent transparent rgba(255, 255, 255, 0.75);  content: ' ';  font-size: 0.75em;  height: 0;
  margin: -1em 0 0 -0.65em;  top: 50%;  position: absolute;  width: 0;}
.round-title {margin: 0 auto; position: relative; width: 100%; height:auto;padding: 0px 20px 15px 15px; color:ffffff !important;}
.round-title a{font-size: 14px; font-weight: bold;}
.round-title p a{}



/***************************/
/*text with fade*/
/***************************/
.sidebar-box { width: 100%; min-height: 55px; max-height: 55px; position: relative; overflow: hidden;}
.sidebar-box .read-more { 
	position: absolute; 
	bottom: 0; left: 0;
	width: 100%; 
	text-align: center; 
	margin: 0; padding: 15px 0; 
	
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, transparent),color-stop(1, white));
        background-image: -webkit-linear-gradient(top, transparent, white);
        background-image: -moz-linear-gradient(top, transparent, white);
        background-image: -ms-linear-gradient(top, transparent, white);
        background-image: -o-linear-gradient(top, transparent, white);
}

/***************************/
/*footer*/
/***************************/
#footer {padding-top: 50px; width: 100%; height:100%; display: block; position: relative;	/*background: #343434;*/ clear: both; border-top: solid 4px #8a8a8a;	/* *****************************************************position: fixed; left: 0; bottom: 0;  z-index: -100;*/
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2),0 6px 10px 0 rgba(0,0,0,0.3);
background: linear-gradient(124deg, #111111, #222222, #333333, #444444, #555555, #666666, #777777, #888888, #555555);
background-size: 1800% 1800%;
-webkit-animation: rainbow 18s ease infinite;
-z-animation: rainbow 18s ease infinite;
-o-animation: rainbow 18s ease infinite;
  animation: rainbow 18s ease infinite;
}
@-webkit-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@-moz-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@-o-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@keyframes rainbow { 
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}


#footer a:hover { color: #9a9a9a; }
#footer .tm { border-bottom: solid 1px #e1e1e1; background: #fff; }

#footer .message { margin: 30px 0; font-size: 12px; line-height: 1.3em;	float: left; color: #f7f7f7;}
#footer .message p {	padding-bottom: 5px; }
#message a {	color: #3c6d9c;	}

.copyright {width: 100%; height:100%; padding: 5px 10px 8px 10px; background: #242424;}
#counters { float: right; }
#counters .count { float: right; margin: 0 5px 0 0; }

/***************************/
/*facebook like box*/
/***************************/
#fb-back { display: none; background: rgba(0,0,0,0.8);   width: 100%; height: 100%; position: fixed; top: 0;   left: 0; z-index: 99999;} 
#fb-exit { width: 100%; height: 100%; } 
.fb-box-inner { width:340px; position: relative; display:block; padding: 20px 0px 0px; margin:0 auto; text-align:center; } 
#fb-close { cursor: pointer; position: absolute; top: 5px; right: 5px; font-size: 18px; font-weight:700; color: #000; z-index: 99999; display:inline-block; line-height: 18px; height:18px;width: 18px; } 
#fb-close:hover { color:#06c; } 
#fb-box { min-width: 340px; min-height: 360px; position: absolute; top: 50%; left: 50%; margin: -220px 0 0 -170px; 
border: solid #3B5998 5px;
-webkit-box-shadow: 0px 0px 16px #000; -moz-box-shadow: 0px 0px 16px #000; box-shadow: 0px 0px 16px #000; 
-webkit-border-radius: 3px;-moz-border-radius: 3px; border-radius: 3px; 
background: #fff;} 

.fb-box-inner h3 { line-height: 1; margin:0 auto; text-transform:none;letter-spacing:none; font-size: 23px!important;  /* header size */ color:#06c!important; /* header color */ } 
.fb-box-inner p { line-height: 1; margin:0 auto 20px;text-transform:none;letter-spacing:none; font-size: 13px!important; /* header size */ color:#333!important; /* text color */ } 
#fb-box h3,#fb-box p, a.fb-link { max-width:290px; padding:0; }


