*{
  border-collapse:collapse;
}
html{
	background: #636363;
}
body{
	position:relative;
	min-height:100%;
  width:950px;
  margin:0 auto;
  background:#fff;
	color: #373737;
}
fieldset{
	padding:10px 0;
	border:none;
}
h1 {
	/*display: inline;*/
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 125%;
	font-weight: normal;
	color: #000000;
	margin-top:0;
	padding-top:10px;
}

h2, .h2 {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 108%;
	font-weight: bold;
	color: #000000;
	padding-top: 18px;
}

hr {
	height: 1px; color: #b4b4b4; margin-top: 0px; margin-bottom: 10px; margin-right: 24px;
	
}


li {
	color: #990000;	
}

a{
	word-wrap:break-word;
	color: #A80000;
} 
a:link {color: #eb5656;} 
a:visited {color: #dc7979;}

a.footerlink {
	white-space:nowrap;
	text-decoration: none;
	color: #FFFFFF;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size:10px;
}
a.footerlink:visited {text-decoration: none; color: #eb5656; font-family: Tahoma, Verdana, Arial, sans-serif;}

a.bottom {text-decoration: none; color: #FFFFFF; font-family: Tahoma, Verdana, Arial, sans-serif;}
a.bottom:visited {text-decoration: none; color: #909090; font-family: Tahoma, Verdana, Arial, sans-serif;}

a.resp:link{color: #515151; font-size: font-size: 80%; font-family: Georgia, Times, serif;}
a.resp:visited{color: #515151; font-size: font-size: 80%; font-family: Georgia, Times, serif;}
a.resp:hover{text-decoration: none; color: #515151; font-size: font-size: 80%; font-family: Georgia, Times, serif;}
/*a.resp:visited {text-decoration: none; color: #909090; font-size: 80%; font-family: Georgia, Times, serif;}*/

table {
	text-align: left;
	border: 0px;
	border-collapse: collapse;
}


table.banners {/*
	position: absolute;*/
	background: none;
	width: 200px;/*
	left: 0;
	bottom: 80px;
  top:-180px;*/
	z-index: 5;
  margin:0 8px 20px;
	border-collapse: collapse;
	text-align: left;
}
table.banners img{
  display:block;
}

table.photo {
	text-align: left;
	vertical-align: top;
	border: 0px;
	border-collapse: collapse;
	margin-top: 16px;
	margin-bottom: 16px;
	padding: 0px;
	background-color: #FFFFFF;
}

table.form {
	text-align: left;
	border: 0px;
	border-collapse: collapse;
	margin-top: 4px;
	margin-bottom: 4px;
	padding: 0px;
	background-color: white;
}

image {
	border: none;
}

image.pre {
	margin-top: 8px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 8px;
	padding: 0;/*
	border:5px solid #a80000;*/
}
.text table.photo img.photo {
	border: 5px solid #dddddd;
	background-color: #dddddd;
	margin:0 16px 0 0;
}
.text {
	text-align: justify;
	font-family: Georgia, Times, serif;
	font-size: 100%;
	font-weight: normal;
	line-height: 140%;
	padding-top: 26px;
	padding-left: 33px;
	padding-right: 24px; 
	padding-bottom: 30px;
	vertical-align: top;
}

.intro {
	text-align: justify;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 84%;
	font-weight: bold;
	line-height: 160%;
	padding-right: 24px; 
	padding-bottom: 10px; 
	vertical-align: top;
	color: #515151;
	/*color: #003366;*/
}
.text .intro img{
  margin-bottom:10px;
}
p {
	text-align: justify;
	font-family: Georgia, Times, serif;
	font-size: 100%;
	font-weight: normal;
	line-height: 140%;
	padding-right: 24px; 
	padding-bottom: 0px;
	padding-top: 0px;
}

p.newsheader {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	background: #b3b3b3;
	font-size: 84%;
	font-weight: bold;
	color: #FFF;
	padding: 8px;
	padding-left: 16px;
	margin-right: 24px;
	margin-top: 36px;
}

p.news {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 84%;
	color: #000;
	padding-right: 24px; 
	padding-bottom: 0px;
	padding-top: 0px;
	margin: 0px;
}


/*p.ist {
	font-size: 70%;
	font-style: italic;
	color: #515151;
	padding-bottom: 80px;
	margin-top: -10px;
	padding-left: 16px;
}*/

p.ist {
	font-size: 70%;
	font-style: italic;
	color: #515151;
	padding-bottom: 0px;
	margin-top: 10px;
	padding-left: 16px;
}

p.name {
	font-size: 1.5ex;
	font-style: italic;
	color: #515151;
}

#container {
	position: relative;
	width: 950px;
	top: 0px;
	left: 0px;
	margin-left: 0px;
	background:#fff;
}

.form {
	border: 1px solid #b4b4b4;
	background-color: none;
}

.button {
	background-color: #e9e9e9;
	border: 1px solid #b4b4b4;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-weight: bold;
	color: #808080;
}

#leftcol {
	position: absolute;
	left: 0px;
	top: 254px;
	padding-left: 10px;
	padding-top: 10px;
	margin-left: 0px;
	margin-top: 0px;
	width: 276px;
	height: 100%;
	background-color: white;  
}

#rightcol {
	position: absolute;
	left: 0px;
 	top: 254px;
	margin-left: 276px;
 	background-color: white; 
 	width: 634px;
	padding-top: 26px;
	padding-left: 16px;
	padding-right: 24px; 
	padding-bottom: 30px;
}

#nav {
	position: absolute;
	right: 00px;
	top: -25px;
	color: #A80000;
	margin-top: 0px;
	margin-left: 0px;
}
#nav ul{
	display:table;
	margin:0;
	padding:0;
}
#nav li{
	display:table-cell;
	vertical-align:top;
	list-style:none;
	background:#000;
}
#nav li:last-child{
	border:none;
}
#nav img{
	vertical-align:text-bottom;
}


#header {
	position: relative;
	margin-left: 0px;
	margin-top: 25px;
	left: 0px;
	width: 950px;
	background-color: #000000;
}
#logo{
	display:block;
}
#logo img{
	width:100%;
	height:auto;
}
#left{/*
	display:table-cell;*/
	float:left;
	width:250px;/*
	margin-left:-100%;*/
	padding:6px 0 10px 9px;
	vertical-align:top;
	background:#fff;
}
#left table{
	width:250px;
}
#hamburger{
	position:absolute;
	top:50%;
	right:15px;
	margin-top:-12px;
}
#hamburger a{
	padding:5px 0 5px 44px;
	font-size:18px;
	font-family:Tahoma, sans-serif;
	text-decoration:none;
	border:3px solid #a80000;
	border-radius:5px;
	background:url('/images/hamburger.png') no-repeat 5px 50%;
	color:#a80000;
}
#main{
	float:right;
	max-width:690px;
	background:#fff;
}
#content{
	vertical-align:top;
	text-align: justify;
	font-family: Georgia, Times, serif;
	font-size: 100%;
	font-weight: normal;
	line-height: 140%;
	padding:26px 24px 30px 30px;
	vertical-align: top;
	background:#fff;
}
#banner {
	position: absolute;
	left: 12px;
	top: 376px;
	width: 250px;
	background: none;
	margin: 0 0 0 0;
}

#rose {
	position: absolute;
	background: none;
	width: 172px;
  right:0;
	bottom: 240px;
	bottom:0;
	z-index: 5;
}

#bottomline {
	float: left;
	clear: left;
	width: 950px;
	height: 5px;
	right: 0px;
	bottom: 0px;
	margin-bottom: 0px;
}

#bottom{
	clear:both;
	padding:5px 180px 5px 270px;
	background:#fff;
}
#footer{
	padding:14px 180px 14px 20px;
	font-size: 70%;
	vertical-align: middle;
	color: gray;
	background: #000000;
	border-top: 2px solid #A80000;
}

.copy {
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 70%;
	text-align: center;
	color: #a9a9a9;
	line-height: 140%;
	padding-bottom: 10px;
	padding-top: 10px;
}
#content input[type="text"], textarea{
	width:350px !important;
	margin:0 0 5px;
}
#content input[name="code"]{
	width:180px !important;
	vertical-align:middle;
}


div.clear {
	height: 11px;
	clear: both;
	overflow: hidden;
}

#navibar ul{
	margin:0;
	padding:0 0 20px;
	list-style:none;
}
#navibar li{
	width:218px;
	min-height:20px;
	margin:0 0 5px;
	padding:5px 0 0 32px;
	font-size:12px;
	font-family:Georgia, Times, serif;
	font-color:#015A1D;
	color:#015a1d;
}
.leftmenu{
	border: 1px solid #C1C1C1;
	border-radius: 0 10px 10px 0;
	background:url('/img/left_menu_bg.gif') no-repeat 8px 50%;
}
.leftmenu_a{
	border: 1px solid #C1C1C1;
	border-radius: 0 10px 10px 0;
	background:url('/img/left_menu_bg.gif') no-repeat 8px 50%;
}
.leftmenu a:link{color:#000000;text-decoration:none;}
.leftmenu a:visited{color:#000000;text-decoration:none;}
.leftmenu a:hover{color:#A80000;text-decoration:none;}
.leftmenu_a{
	text-decoration:none;
}
hr{
 clear:both;
}

.adminComm{
  margin:0 0 10px 45px;
  padding:5px 10px 5px 15px;/*
  border:3px solid #a80000;*/
  background:#fbcd5e;
}
.adminComm p{
  margin:0;
  line-height:1.2;
}
.adminComm address{
  margin:0;
  font-weight:bold;
  font-size:70%;
}

.razdel_link {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 120%;
  font-weight:normal;
  color: #000000;
  padding:0;
  line-height: 110%;
}




/*Лучшее и важное*/
#best-wrapper{
	float:right;
	max-width:660px;
}
#best-important{
	float:right;
  display:table;
  margin:25px 24px 10px 0;
  text-align:left;
	table-layout:fixed;
  font-family:'Tahoma', sans-serif;
}
#important, #best-news{
  display:table-cell;
  width:50%;
}
#important h3, #best-news h3{
  margin:0;
  padding:8px 14px;
  font:normal bold 16px 'Tahoma', sans-serif;
  color:#fff;
}
#important a, #best-news a{
  text-decoration:none;
  color:#252525;
}
#important a:hover, #best-news a:hover{
  text-decoration:underline;
  color:#444242;
}
#important{
  padding:0 12px 0 0;
}
#important h3{
  background:#3e3e3e;
}
#important .anonse{
  margin:10px 0 0;
  padding:10px 0 1px;
}
#best-news{
  background:#faf0f0;
}
#best-news h3{
  background:#a80000;
}
#best-news .anonse{
  margin:10px 20px 0;
  padding:10px 0 1px;
}
#best-important .anonse{
  background:url('../img/best-delim.png') repeat-x;
}
#best-important h3+.anonse{
  background:none;
}
#best-important h5{
  margin:5px 0 10px;
  line-height:1.2;
  text-transform:uppercase;
  font-size:11px;
  color:#7d7d7d;
}
#best-important h5 a, #best-important h5 a:hover{
  color:#7d7d7d;
}
#best-important .anonse address{
  display:table-cell;
  vertical-align:middle;
  font:normal normal 18px 'Tahoma', sans-serif;
  color:#3e3e3e;
}
#best-important img{
  margin:5px 10px 5px 0;
}
#best-important h4{
  clear:both;
  margin:0;
  padding:5px 0 10px;
  line-height:1.2;
  font:normal bold 18px 'Georgia', serif;
  color:#a80000;
}
#best-important h4 a, #best-important h4 a:hover{
  color:#a80000;
}
#best-important .anonse p{
  clear:both;
  margin:0 0 10px;
  text-align:left;
  line-height:1.2;
  font-size:16px;
}

.cleaner{
	clear:both;
	margin:0 !important;
}


#donate{
  text-align:center;
}
#donate iframe{
  max-width:100%;
}
.video-container{
    position: relative;
    padding-bottom: 48.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video-container iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#content .ytp-cued-thumbnail-overlay-image{
	background-size:contain !important;
}
.table{
	display:table;
}
.tr{
	display:table-row;
}
.td{
	display:table-cell;
	padding:0 5px 0 0;
	vertical-align:top;
}
.mobile, #header .mobile{
	display:none !important;
}
#lovetest h4{
	font-size:16px;
}
#lovetest ul{
	margin:10px 0 15px;
	padding:0;
}
#lovetest li{
	min-height:25px;
	margin:0 0 3px;
	list-style:none;
	color:#000;
}
#lovetest input[type="radio"]{
	display:none;
}
#lovetest label{
	position:relative;
	padding:1px 0 3px 30px;
}
#lovetest label:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:21px;
	height:21px;
	background:url('/images/radio.gif') no-repeat 0 0;
}
#lovetest input:checked+label:before{
	background:url('/images/radio.gif') no-repeat 100% 0;
}

#scrolltoTop{
	position:fixed;
	right:20px;
	bottom:100px;
	z-index:10000;
	width:73px;
	height:73px;
	width:45px;
	height:45px;
	cursor:pointer;
	opacity:.8;
	background:url('../images/scrolltoTop.png') no-repeat;
	background-size:cover;
}
#scrolltoTop:hover{
	opacity:1;
}
@media(max-width:960px){
	body, #header, #logo, #container{
		width:auto;
	}
	#left{
		margin-left:-100%;
	}
	#main{
		float:left;
		width:100%;
		max-width:100%;
	}
	#content{
		margin-left:270px;
	}/*
	#best-wrapper{
		float:left;
		max-width:65%;
	}*/
	#best-important{
		float:none;/*
		margin-left:50px;*/
	}
@-moz-document url-prefix(){
	#best-wrapper{
		max-width:100%;
	}
	#best-important{
		margin-left:300px;
	}
}
	#bottom{
		padding:5px 20px 5px;
		text-align:center;
	}
	#rose{
		display:none;
	}
	#footer{
		padding-right:20px;
	}
	object, embed{
		width:95%;
	}
	#content img{
		max-width:95%;
	}
	.td{
		display:block;
	}
	#best-important .anonse address{
		display:block;
		margin-bottom:10px;
	}
	#scrolltoTop{
		bottom:30px;
	}
	#best-important .anonse address{
		display:block;
		margin-bottom:10px;
	}
}
@media(min-width:960px){
	#scrolltoTop{
		display:none;
	}
}
@media(max-width:960px) and (min-width:720px){
	#best-important{
		display: -moz-flex; 
		display: -o-flex; 
		display: -webkit-flex; 
		display: flex;
		flex-direction:column-reverse;
	}
	#important, #best-news{
		display:block;
		width:auto;
		margin-bottom:20px;
		padding-right:0;
	}
}
@media(max-width:800px){
	#left table.banners{
		position: static;
		border-collapse: collapse;
		text-align: left;
	}
	#best-important {
		margin-left: 20px;
	}
	#best-important{
		margin-left:300px;
	}
}
@media(max-width:720px){
	body{
		text-align:left;
	}
	#header{
		margin:0;
	}
	.desktop{
		display:none !important;
	}
	.mobile, #header .mobile{
		display:block !important;
	}
	.nomobile{
		display:none !important;
	}
	p{
		text-align: left;
	}
	#logo{
		display:inline-block;
		width:100%;
	}
	#logo img{
		display:none;
		width:auto;
		max-width:100%;
		height:auto;
		margin:0 auto;
	}
#logo img.mobile{
	display:inline !important;
	vertical-align:text-bottom !important;
}
	#nav{
		position:static;
	}
	#main.start{
		display: -moz-flex; 
		display: -o-flex; 
		display: -webkit-flex; 
		display: flex;
		flex-direction:column-reverse;
	}
	#main, #best-important{
		float:none;
		max-width:auto;
	}
	#best-wrapper{
		max-width:100%;
	}
	#best-important{
		margin:25px 10px 10px 10px;
	}
	#left, #content{
		display:block;
		float:none;
		width:auto;
		max-width:auto;
		margin:0;
		padding:26px 10px 30px 10px;
	}
	#navibar{
		display:table-cell;
		padding:0 10px 0 0;
		vertical-align:top;
	}
	#banners{
		display:table-cell;
		padding:0;
		vertical-align:top;
	}
	table.banners{
		position:static;
	}
	#bottom{
		display:none;
	}
	#footer{
		line-height:2.5;
	}
	#aksSearch label{
		display:block;
	}
	.td{
		display:table-cell;
	}
}
@media(max-width:680px){
	#best-important{
		display: -moz-flex; 
		display: -o-flex; 
		display: -webkit-flex; 
		display: flex;
		flex-direction:column-reverse;
	}
	#important, #best-news{
		display:block;
		width:auto;
		margin-bottom:20px;
		padding-right:0;
	}
	#scrolltoTop{
		bottom:100px;
	}
}
@media(max-width:540px){
	#navibar, #banners{
		display:block;
		width:auto;
	}
	#navibar li{
		width:auto;
		padding: 3px 0 2px 32px;
		font-size: 14px;
	}
	#nav li{
		display:inline-block;
		margin:0;
		padding:0;
	}
	#nav li:last-child{
		border-right:1px solid #000;
	}
	#left table{
		width:auto;
	}
	.table{
		display:block;
	}
	.tr{
		display:block;
	}
	.td{
		display:block;
	}
	.td input[type="text"], .td textarea{
		width:95% !important;
	}
}
/*@media(max-width:480px){
	#important, #best-news{
		display:block;
		width:auto;
	}
}*/

/*врезки*/
#content blockquote{
  position:relative;
  margin:0 0 20px;
  padding:20px 0 7px;
  line-height:1.2;
  font-size:160%;
  background:url('/images/diagonal.gif') repeat-x 0 0;
}
#content blockquote:after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:6px;
  background:url('/images/diagonal.gif') repeat-x 0 0;
}
#content blockquote p{
  margin:0 0 20px;
}
/*Блок "Помогите нам"*/
#rate{
	max-width:317px;
	margin:50px auto 25px;
}
#donate-block{
	max-width:347px;
	margin:20px auto;
	padding:10px 0;
	text-align:center;
	border:2px solid #ddd;
}
#donate-block p{
	padding-right:0;
	text-align:center;
	font-size:140%;
}
#donate-title{
	margin:0 0 5px;
	padding:0 15px 10px !important;
	text-align:center;
	line-height:120%;
	font-size:180% !important;
	border-bottom:2px solid #ddd;

}
#donate-link{
	display:block;
	width:200px;
	height:157px;
	margin:0 auto;
	background:url('/images/donate.jpg') no-repeat 100% 0;
	background-size:cover;
}
#donate-link:hover{
	background-position:0 0;
}
#article-share{
	padding:0px 15px 20px;
	border-top:2px solid #ddd;

}
#article-share>table, #article-share>div{
	display:inline-block;
	margin:0 5px 5px 0;
	vertical-align:top;
}
.fb_iframe_widget span{
	vertical-align:top !important;
}
#vkshare0 td:first-child a div{
	margin:4px 0 2px !important;
}
#vkshare0 td:nth-child(2) a{
	height:14px !important;
}
#vkshare0 td:nth-child(3) a{
	line-height:14px !important;
}
#donate-text-link{
	margin:0 !important;
	padding:20px 15px;
	text-align:center;
	font-size:140%;
	border-top:2px solid #ddd;
}


.volunteer-buttons input,
.volunteer-checkbox,
.volunteer-banner p,
.volunteer-banner-no-auth p {
}
.volunteer-banner,
.volunteer-banner-no-auth{/*
	display: none;*/
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	box-sizing: border-box;
	padding: 0;
	z-index: 9999;
	text-align: center;
	box-shadow: 0 0 10px #000;
	opacity:0.94;
	background: #fff;
}
.volunteer-wrapper {
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.volunteer-buttons input{
	display: inline-block;
	width: 210px;
	min-height:37px;
	margin:10px 20px 5px;
	padding:0;
	text-align: center;
	vertical-align:top;
	line-height: 25px;
	border-radius:8px;
	border:none;
	font-family: 'Verdana', sans-serif;
	font-size: 14px;
	cursor: pointer;
}
.volunteer-buttons input:hover{
	margin:11px 20px 4px;
}
.volunteer-buttons #vol-yes{
	background:-webkit-linear-gradient(to bottom, #ada3a3 0, #ae0006 50%, #ae0006 100%);
	background:-moz-linear-gradient(to bottom, #ada3a3 0, #ae0006 50%, #ae0006 100%);
	background:-o-linear-gradient(to bottom, #ada3a3 0, #ae0006 50%, #ae0006 100%);
	background:linear-gradient(to bottom, #ada3a3 0, #ae0006 50%, #ae0006 100%);
	color:#fff;
}
.volunteer-buttons #vol-no {
	background:-webkit-linear-gradient(to bottom, #fafafa 0, #b7b7b7 70%, #b7b7b7 100%);
	background:-moz-linear-gradient(to bottom, #fafafa 0, #b7b7b7 70%,  #b7b7b7 100%);
	background:-o-linear-gradient(to bottom, #fafafa 0, #b7b7b7 70%,  #b7b7b7 100%);
	background:linear-gradient(to bottom, #fafafa 0, #b7b7b7 70%,  #b7b7b7 100%);
	color:#000;
}
#volunteer h3{
	margin:0;
	padding:10px 20px;
	font-size:18px;
}

@media screen and (max-width: 640px){
	.volunteer-banner {/*
		display: none !important;*/
	}
}
	