﻿.angle {border-left:3px double IndianRed;margin:0px 0px 0px 13px;}
.verse {color: #ffffaa;font-family: times new roman; font-size:21px;line-height:23px; text-align:left; margin:5px 13px 3px 130px; text-decoration: none;  font-style: italic;}
.verse_n {color: #ffffaa;font-family: times new roman; font-size:20px;line-height:21px; text-align:left; margin:5px 13px 3px 130px; text-decoration: none;}
.verse_t {color: #ffedb0;font-family: times new roman; font-size:28px;line-height:28px; text-align:center; margin:5px 13px 3px 100px; }
.list_t {color: #ffedb0;font-family: times new roman; font-size:20px;line-height:28px; text-align:left; margin:5px 13px 3px 1px; }
.nm {font-family: times new roman; font-size:18px;}
.author {font-family: times new roman;color:#fffc77;text-align:right;font-size:18px;font-style:italic; margin:0px 33px 3px 13px;}
.cit {text-align:right;font-size:18px;font-style:italic; margin:0px 33px 3px 13px;}
.citataleft {font-family: times new roman; font-size:17px;line-height:19px; text-align: left; margin:5px 13px 3px 13px;font-style: italic;}
.citdate {font-size:16px;text-align:right;}
.tgallery {color:#fffc77;font-size:21px;word-spacing:3px;letter-spacing:1px;}
.main {font-family: times new roman; font-size:17px;line-height:19px; text-align: justify; margin:5px 13px 3px 13px;text-indent:30px;}
.mm {font-family: times new roman; font-size:17px;line-height:19px; text-align: left;}

.bg_color {color: #F0E68C;FONT-WEIGHT: bold;  background-color: #00008B;   }
p {font-family: times new roman; font-size:17px;line-height:19px; text-align: justify; margin:5px 13px 3px 13px;text-indent: 3em;}

td {font-size: 12px;padding:0px 0px 0px 0px;}
form {margin:3px 0px 3px 0px;}
input,textarea,select {color: #fffed9;background-color:#4233ff;border: 1px solid #1c0fb3;}

a:link,a:visited {color:#ffffc4;  text-decoration: underline; }
a:active,a:hover {color:#ffe1c4;}

body {
color: #ffffff;background-color:#0F00D5;
font-family: Verdana,Tahoma,Helvetica;
font-size: 12px;
}


.pic_name {font-family: times new roman;font-size:15px;text-align:center;text-indent: 0em;color: #fffed9;}

.date {font-size:11px;text-align:right;margin-bottom: 20px;}

.topaddress,a.topaddress:link,a.topaddress:visited {font-size:14px;text-decoration:underline;white-space:nowrap; font-variant: small-caps;  margin-bottom: 3px; padding: 3px 0px 3px 0px;}
a.topaddress:active,a.topaddress:hover {font-size:14px;text-decoration:underline;white-space:nowrap; font-variant: small-caps;padding: 3px 0px 3px 0px;}

.storytitle {font-family: times new roman;font-size:20px;text-decoration:underline}
.storycat {font-size:17px;text-decoration:none;font-style:italic;}
.boxcontent_left {color: #ffffff;font-size:11px;}
.boxtitle,.boxtitle_left,.boxtitle_right {color: #ffffff;font-size:12px;font-weight:bold;text-decoration:none;}
.boxcontent,.boxcontent_right {font-size:11px;}
.tiny {color: silver;font-size: 11px;text-decoration: none;}
.footmsg {color:#ffffff;font-size:9px;}
.option {color:#ffffff;font-weight:bold;font-size:13px;}
.title {color:#fffc77;font-weight:bold;font-size:14px;}
.aktual{color:#fffc77;font-family: "Times New Roman", Times, serif;font-size:23px;} 
.citata-i{color:#fffc77;font-family: "Times New Roman", Times, serif;font-size:23px;font-style: italic;}
h1 {color:#fffc77;text-align:center; font-family: times new roman; font-weight:bold; font-size:25px; word-spacing:3px;}
h2 {color:#fffc77;font-family: "Times New Roman", Times, serif;font-size:23px;}
h3 {color:#fffc77;font-family: times new roman;font-size:21px;}
h4 {color:#fffc77;font-family: "Times New Roman", Times, serif;font-style: bold;font-size:18px;}
h5 {color:#fffc77;font-family: times new roman;font-size:14px;word-spacing:3px;line-height:13px;}
h6 {color:#fffc77;font-family: times new roman;font-size:13px;font-family:arial; word-spacing:3px;line-height:17px;text-align:justify;font-size:13px;font-style:italic;}


#nav { height:28px; font:normal 12px/28px arial, verdana, sans-serif; width:840px; margin:0 auto; position:relative;}
#nav ul {margin:0px; padding:0px; list-style:none;}
#nav ul.menu {position:absolute; overflow:hidden;}
#nav .menu .level1-li {float:left; width:120px; margin-top:-300px;}
#nav .menu a {display:block; width:120px; text-decoration:none; text-align:center; color:#fff;}
#nav .menu a.level1-a {position:relative; float:left; margin-right:-119px; margin-top:300px;}
#nav .menu .sub {background:#5933ff; float:left; margin-top:-28px; padding-top:28px;}
#nav .menu .sub a {background:#291be0; position:relative; margin-right:-1px;}
#nav .menu a:hover,
#nav .menu a:focus,
#nav .menu a:active {background:#5933ff; margin-right:0px;}

.menutitle,a.menutitle:link,a.menutitle:visited {color:#ffffff; font-family: times new roman;font-size:17px; letter-spacing:1px; text-decoration:none; line-height:25px;text-transform: uppercase; padding: 2px 5px 2px 5px;}
a.menutitle:active,a.menutitle:hover {background-color:#877dfb; color:#ffffff; text-decoration:none;}
.menuitem,a.menuitem:link,a.menuitem:visited { color:#ffffff; font-family: times new roman;font-size:16px; text-decoration:none; line-height:19px;padding: 1px 2px 1px 2px;}
a.menuitem:active,a.menuitem:hover {background-color:#6b60fb; color:#ffffff; text-decoration:none;}

ul#menu {padding: 5px 0px 5px 0px; margin: 0px 0px 0px 5px;list-style-type: none;}
ul#menu1 {padding: 5px 0px 5px 0px; margin: 0px 0px 0px 21px;list-style-type: circle;}
li#menu1 {background-color:#493afa;padding: 0px 0px 0px 0px; margin: 3px 0px 3px 0px;}
li#menu {background-color:#392ce4; padding: 0px 0px 0px 0px; margin: 5px 0px 5px 0px;}
li#menua {background-color:#3929fa; padding: 0px 0px 0px 0px; margin: 5px 0px 5px 0px;}

.margintop10 {
    margin-top: 10px !important;
}
.marginbottom10 {
    margin-bottom: 10px !important;
}
.paddingtop10 {
    padding-top: 10px;
}
.paddingbottom10 {
    padding-bottom: 10px !important;
}
.marginPullLeft {
    margin: 10px 10px 10px 0;
}
.marginPullRight {
    margin: 10px 0 10px 10px;
}
.linelink,a.linelink:link,a.linelink:visited {color: White;word-spacing: 2px;  text-decoration: none;  font-size: 11px;  font-weight: bold;  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
a.linelink:active,a.linelink:hover {color: Red; word-spacing: 2px;  text-decoration: none;  font-size: 11px;  font-weight: bold;  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}

.linetitle {color: LightPink;text-decoration: none;font-size:11px;font-weight: bold;}
a.linetitle:link,a.linetitle:visited {color: LightCoral;text-decoration: none;font-size: 11px;  font-weight: bold;}
a.linetitle:active,a.linetitle:hover {color: Red;text-decoration: none;font-size: 11px;  font-weight: bold;}

.more,a.more:link,a.more:visited {text-decoration:none; text-align:center; 
 padding:7px 15px; 
 border:solid 1px #004F72; 
 -webkit-border-radius:4px;
 -moz-border-radius:4px; 
 border-radius: 4px; 
 font:13px Arial, Helvetica, sans-serif; 
 font-weight:bold; 
 color:#fff9a8; 
 background-color:#1b1bc0; 
 background-image: -moz-linear-gradient(top, #1b1bc0 0%, #3333cc 100%); 
 background-image: -webkit-linear-gradient(top, #1b1bc0 0%, #3333cc 100%); 
 background-image: -o-linear-gradient(top, #1b1bc0 0%, #3333cc 100%); 
 background-image: -ms-linear-gradient(top, #1b1bc0 0% ,#3333cc 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3333cc', endColorstr='#3333cc',GradientType=0 ); 
 background-image: linear-gradient(top, #1b1bc0 0% ,#3333cc 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
  
  }a.more:active,a.more:hover{
 padding:7px 15px; 
 border:solid 1px #004F72; 
 -webkit-border-radius:4px;
 -moz-border-radius:4px; 
 border-radius: 4px; 
 font:13px Arial, Helvetica, sans-serif; 
 font-weight:bold; 
 color:#ffd148; 
 background:#3333cc; 
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
  
 }

.nodec,a.nodec:hover,a.nodec:link,a.nodec:active,a.nodec:visited {text-decoration:none}

.bodyline,.dot {border:1px solid #6053ff;}
.line {border:1px solid #6053ff; }
.st_t { border:1px solid #0c0373;padding: 5px 10px 5px 10px; word-spacing:3px;line-height:14px;font-size:13px;font-family:'Arial';}
.st_t_h { border:1px solid #0c0373;background-color:#b478dc;padding: 5px 10px 5px 10px; word-spacing:3px;line-height:14px;font-size:13px;font-family:'Arial';}

.yc1 {border: 3px solid #1506c8; background-color:#1607cd;}
.lnl { border-left: 1px dotted snow; padding: 0px 0px 0px 0px;}
.sl,a.sl:link,a.sl:visited {font-size:12; font-family:arial; color:#ecedf4; background-color:#1306b3; border: 1px solid #1104ac; padding: 0px 2px 0px 2px;text-decoration:none;}
a.sl:active,a.sl:hover {font-size:12px; font-family:arial; color:#ecedf4; background-color:#0e047d; border: 1px solid #1104ac; padding: 0px 2px 0px 2px;text-decoration:none;}
.csl,a.csl:link,a.csl:visited {font-size:12px; font-family:arial; color:#ecedf4; background-color:#0e047d; font-weight:bold; border: 1px solid #1104ac; padding: 0px 3px 0px 3px;text-decoration:none;}
a.csl:active,a.csl:hover {font-size:12px; font-family:arial; color:#aaaece; background-color:#0a035f; font-weight:bold; border: 1px solid #1104ac; padding: 0px 3px 0px 3px;text-decoration:none;}

.csl {font-size:12px; font-family:arial; color:#ecedf4; font-weight:bold; border: 1px solid #0c0373; padding: 0px 3px 0px 3px;}
.nl {font-size:12px; font-family:arial; font-weight:bold; color:#ecedf4; padding: 0px 3px 0px 3px;}
.tnl {font-size:12px; font-family:arial; color:#b8b3fd; border: 0px none;}
.tsl {padding: 0px 0px 0px 0px;font-size:12px; font-family:arial; color:#ecedf4; border: 1px solid #0c0373;} 
.bc1 {padding: 3px 0px 3px 0px;line-height:17px;}
.c1 {padding: 3px 0px 3px 0px;line-height:17px;}
.loc {color:ffec04;font-weight:bold;}
     	/* footer_menu */
a.footer_menu, .footer_menu{font-family: "Times New Roman", Times, serif;font-size: 16px;color: white;margin-top:10px;display:inline-block;min-height:24px;padding-left:28px;background:url(/images/footer.png) no-repeat;padding-top:0px;margin-bottom:0px;text-decoration: none;  font-weight: normal; }
a.footer_menu:hover{font-family: "Times New Roman", Times, serif;color: yellow;text-decoration:underline;background:url(/images/footer_hover.png) no-repeat;  font-weight: normal;}

a.footer_title, .footer_title{font-family: "Times New Roman", Times, serif;font-size: 20px;color: white;margin-top:0px;display:inline-block;min-height:28px;padding-left:8px;margin-top:5px;background:url(/images/footer_title.png) no-repeat;padding-top:0px;margin-bottom:10px;text-decoration: none;  font-weight: normal;}

a.footer_title:hover{font-family: "Times New Roman", Times, serif;color: yellow;text-decoration:none;background:url(/images/footer_title_hover.png) no-repeat;  font-weight: normal;}

     	/* footer_menu */



     	/* Рекомендуемые Материалы */

*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { display: table; content: ''; }
.clearfix:after { clear: both; }




section {
	padding: 1em;
	text-align: center;
}

.content {
	margin: 0 auto;
	max-width: 1200px;
}

.content > h2 {
	clear: both;
	margin: 0;
	padding: 4em 2% 0;
	color: #fff;
	font-weight: 400;
	font-size: 1.3em;
}

.content > h2:first-child {
	padding-top: 0em;
}



@media screen and (max-width: 25em) {
	.codrops-header {
		font-size: 75%;
	}
	.codrops-icon span {
		display: none;
	}
}



.grid {
	position: relative;
	clear: both;
	margin: 0 auto;
	padding: 1em 0 4em;
	max-width: 1200px;
	list-style: none;
	text-align: center;
}

/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 1%;
	min-width: 320px;
	max-width: 376px;
	max-height: 360px;
	width: 48%;
	height: auto;
	background: #1F11CE;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;

}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: 0.15em;
	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 90%;
	text-align: left;
	text-indent: 0px;
}

/* Individual effects */


/*-----------------*/
/***** Goliath *****/
/*-----------------*/

figure.effect-goliath {
	background: #3929FA;
}

figure.effect-goliath img,
figure.effect-goliath h2 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-goliath img {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.effect-goliath h2{
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 10px 46px 10px;
}

figure.effect-goliath p {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 10px 46px 20px;
	text-align: center;
}
figure.effect-goliath p {
	text-transform: none;
	font-size: 140%;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,50px,0);
	transform: translate3d(0,50px,0);
}

figure.effect-goliath:hover img {
	-webkit-transform: translate3d(0,-80px,0);
	transform: translate3d(0,-80px,0);
}

figure.effect-goliath:hover h2 {
	-webkit-transform: translate3d(0,-100px,0);
	transform: translate3d(0,-100px,0);
}

figure.effect-goliath:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}



/* Media queries */
@media screen and (max-width: 50em) {
	.content {
		padding: 0 10px;
		text-align: center;
	}
	.grid figure {
		display: inline-block;
		float: none;
		margin: 10px auto;
		width: 100%;
	}
}


     	/* Конец Рекомендуемые Материалы */

.topnews {
color: #F0E68C;
background-color: #1306b3;
font-size: 15px;
padding: 10px;
margin-bottom: 15px;
}

.ot80 {
    margin-left: 80px;
}

.floatvideo {
    float: left; /* Обтекание по правому краю */
    margin-right: 10px; /* Отступ справа */
    width: 43%; /* Ширина блока */
   }

element.style {
}
.firstletter {
    float: left;
    font-size: 3.7em;
    line-height: 0.9em;
    padding-right: 8px;
    padding-left: 3px;
}
.noindent {
    text-indent: 0em !important;
    margin-top: 2em !important;
}
.pull-left {
    float: left !important;
}
.mrz-author, .mr-author, .mrz-author2 {
    font-size: 2em;
    font-family: times new roman, serif !important;
    text-align: right;
    font-style: italic;
    color:#fffc77;
    margin: 15px 0 45px;
    padding-top: 20px;
}
.mr-author::before {
    content: url('/i/90-90_logorus.png');
    float: right;
    margin: -20px 5px 0 10px;

}
.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}
.text-center !important{
    text-align: center;
}
.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}
.marginbottom30 {
    margin-bottom: 30px !important;
}
.margintop20 {
    margin-top: 20px !important;
}