@charset "windows-1251";
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
html, body {
    height: 100%;
}
body {font: normal 90% Tahoma, Helvetica, sans-serif;
background-color: #61a117; color: #2c2c2c; word-wrap: break-word;}
.page { width:96%; margin:auto;padding-top: 10px;}
#slides {border: 1px solid #C5E9C1;}
.slides_control img {width:100%;}
form{
	padding:0px;
	margin:0px;
}

a { color: #060; text-decoration: none; }
a:hover { text-decoration: underline; }
img {max-width:100%;}
a img  { border: 0 none; }
p {margin-bottom: 0.4em;font-size: 110%;}
p img{
	padding: 0px;
	max-width: 100%;
}
li{list-style-position:inside;}
div.post{
	display: table;/**/
	padding:1rem;
	margin:5px;text-align: justify;
}

/*div.title h2{
	font-size: 1.5em;
	padding:0px;
	margin:0px;
}*/

#header {
	padding:5px;border: 1px solid #C5E9C1;
}
#header h1{
	font-size: 1.5em;
	text-align: center;
  text-shadow: 1px 1px 0 #C5E9C1; padding-bottom: 5px;border-bottom:1px solid #C5E9C1;
}
#header a:hover, .blocktags a:hover{ text-decoration:none; color:#C5E9C1;text-shadow: 1px 1px 0 #060;}

h1, h2, h3, h4, h5 { font-weight: bold; line-height: normal;}
h1 { font-size: 1.5em; } h2 { font-size: 1.4em; } h3 { font-size: 1.3em; } h4 { font-size: 1.2em; } h5 { font-size: 1.1em; }

.pagetitle{
	margin-bottom:5px;	
	margin-top:5px;
}

/*.title {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 1px solid #2d3642;
    border-top: 1px solid #6d84a2;
    padding: 10px;
    height: 45px;
    background: url(header.png) #6d84a2 repeat-x;
}*/

.news{
	font-family: Helvetica;
	text-align:justify;
}
.news h1, .news h2, .news h3{
	 margin: 1em 0;
}
/*.panel {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 5px;
    background: #c8c8c8 url(panel.png);
}*/

input {
	border:1px solid #9E9E9E;
	color: #000000;
	font-size: 11px;
	font-family: Verdana;
	background: #FFF; 
}
.loginbox {
  width: 100%;
  overflow: visible;border-bottom:1px solid #C5E9C1;margin: 5px;float: right;
}
.loginbox ul {
  margin: 5px;
  float: right;
}
.loginbox ul li {
  float: left;margin-left: 10px;line-height: 25px;
}
.headlinks ul a, .lvsep, .lvsep a {
  color: #FFF;
}
.search {
  overflow: visible;margin: 5px; text-align:right;
}
.search input, .loginbox input {
  display: inline;
  padding: 0 13px;
  height: 25px;
  line-height: 25px;
  background: #FBFBFB;font-size: 0.85em;
  -moz-box-shadow: 1px 1px 1px 0 #000;
  -webkit-box-shadow: 1px 1px 1px 0 #000;
  box-shadow: 1px 1px 1px 0 #000;
  /*border: 1px solid #C5E9C1;*/
}
.search input#sea, .search input#dosearch, .loginbox button {
  height: 27px;
  font-weight: 600;
  background: #3A8414;
  text-shadow: 1px 1px 0 #000;
  cursor: pointer;color: #fff;
  background: -moz-linear-gradient(bottom, #060 0%,#61A117 50%,#FFF 100%);
  background: -webkit-linear-gradient(bottom, #060 0%,#61A117 50%,#FFF 100%);
  background: -o-linear-gradient(bottom, #060 0%,#61A117 50%,#FFF 100%);
  background: linear-gradient(bottom, #060 0%,#61A117 50%,#FFF 100%);
}
/*.search input#sea:hover {
  background: #C5E9C1;
  border: 1px solid #060;
  -moz-box-shadow: 1px 1px 1px 0 #fff;
  -webkit-box-shadow: 1px 1px 1px 0 #fff;
  box-shadow: 1px 1px 1px 0 #fff;
}*/
.reset, .reset li {
  list-style: none;
  padding: 0;
  margin: 0;
}
@media (max-width: 480px) {
.lcol {width:100%;margin: 0;}
.vsep {width:100%;padding: 0;}
}
@media (min-width: 481px) {
.lcol {width:33%;margin: 0 0 0 -33.5%;}
.vsep {padding: 0 0 0 25%;}
}
.vsep {margin: 10px 0;
  background: #F1F0ED;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  border: 1px solid #C5E9C1;-moz-box-shadow: 1px 2px 10px 0 #000;
  -webkit-box-shadow: 1px 2px 10px 0 #000;
  box-shadow: 1px 2px 10px 0 #000;}
.vsep .vs {
  padding: 12px 0;
  width: 100%;
  background: #FFF;
  border-left: 1px solid #060;
  -moz-box-shadow: 1px 2px 10px 0 #000;
  -webkit-box-shadow: 1px 2px 10px 0 #000;
  box-shadow: 1px 2px 10px 0 #000;
  -webkit-border-bottom-right-radius:12px;-moz-border-radius-bottomright:12px;border-bottom-right-radius:12px;
-webkit-border-top-right-radius:12px;-moz-border-radius-topright:12px;border-top-right-radius:12px;
}
.lcol {float: left;/*background: #F1F0ED;
border-right: 1px solid #060;-webkit-border-bottom-left-radius:12px;-moz-border-radius-bottomleft:12px;border-bottom-left-radius:12px;
-webkit-border-top-left-radius:12px;-moz-border-radius-topleft:12px;border-top-left-radius:12px;-moz-box-shadow: 1px 2px 10px 0 #000;
  -webkit-box-shadow: 1px 2px 10px 0 #000;
  box-shadow: 1px 2px 10px 0 #000;*/
}
.rcol { float: right; overflow: hidden;width: 100%;
  max-width: 100%;}
.base {padding:2rem;}

.leftmenu {margin: 7px;}
/*.lmenu {padding-top: 15px;}*/
#comments-form input[type="submit"], .lmenu li, .ui-state-default, .ui-widget-content .ui-state-default{font-weight: 600;
  background: #3A8414;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #C5E9C1;
  background: -moz-linear-gradient(bottom, #060 0%,#61A117 50%,#FFF 100%);
  background: -webkit-linear-gradient(bottom, #060 0%,#61A117 50%,#FFF 100%);
  background: -o-linear-gradient(bottom, #060 0%,#61A117 50%,#FFF 100%);
  background: linear-gradient(bottom, #060 0%,#61A117 50%,#FFF 100%);}
#comments-form input[type="submit"]:hover, .lmenu li:hover, .search input#sea:hover, .search input#dosearch:hover, .loginbox button:hover, .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {
  background: #509713;background: -moz-linear-gradient(bottom, #509713 0%,#FFF 100%);
  background: -webkit-linear-gradient(bottom, #509713 0%,#FFF 100%);
  background: -o-linear-gradient(bottom, #509713 0%,#FFF 100%);
  background: linear-gradient(bottom, #509713 0%,#FFF 100%);}
#comments-form input[type="submit"], .lmenu a, .ui-button .ui-button-text{color: #fff;
  text-shadow: 1px 1px 0 #000;
  border: 2px outset buttonface;
  padding: 7px 0 7px 10px;
  display: block;
  font-size: 110%;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;}
.lmenu a:hover{ text-decoration:none;}
/*.dcont {margin-bottom: 1em;}*/
.dcont ul {padding: 13px;
  /*background-color: #FFF;
  margin: 0 1px;
  border: 2px outset buttonface;-webkit-border-bottom-left-radius:6px;-moz-border-radius-bottomleft:6px;border-bottom-left-radius:6px;
  -webkit-border-bottom-right-radius:6px;-moz-border-radius-bottomright:6px;border-bottom-right-radius:6px;*/}
.dcont li {margin-bottom: 0.2em;}
.dcont button {font-size: 1em;
  border: none;background: none;
  color: #060;
  cursor: pointer;text-align: left;
  padding: 0;}
.dcont button:hover {text-decoration: underline;}
#sidebar.lcol .block/*,#vote-layer .block, #popular, div.block li.block_icnt */{background: #FFF;
  margin: 8px;
  border: 2px outset buttonface;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;}
#vote-layer .dcont {padding: 13px;border-bottom: 2px outset buttonface;}
.vtitle {display: block;
  color: #060;padding-bottom: 0.4em;}
.vote{
  clear: both;
  padding: 0.5em 3px;font-weight: 600;
}
.vote label{cursor: pointer;position: relative;
  font-size: 0.95em;
  display: block;
  margin-left: 1.5em;}
.vote input{position: absolute;
  margin-left: -1.75em;
  top: 10%;}
 .votefoot {
  text-align: center;
  padding: 0.5em;
  border-top: 1px solid #D7D7D7;
  background: #F7F7F7;}
.fbutton, .bbcodes {font-weight: 600;
  background: #EEFFD0;
  background: -moz-linear-gradient(bottom, #E3FFB2 0%,#FFF 100%);
  background: -webkit-linear-gradient(bottom, #E3FFB2 0%,#FFF 100%);
  background: -o-linear-gradient(bottom, #E3FFB2 0%,#FFF 100%);
  background: linear-gradient(bottom, #E3FFB2 0%,#FFF 100%);
  text-shadow: 1px 1px 0 #FFF;
  border: 2px outset buttonface;
  padding: 7px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; max-width:45%;cursor: pointer;}
 .fbutton:hover, .bbcodes:hover {background: #F1FFD9;
  background: -moz-linear-gradient(bottom, #EEFFD0 0%,#FFF 100%);
  background: -webkit-linear-gradient(bottom, #EEFFD0 0%,#FFF 100%);
  background: -o-linear-gradient(bottom, #EEFFD0 0%,#FFF 100%);
  background: linear-gradient(bottom, #EEFFD0 0%,#FFF 100%);}
.votefoot p, .votefoot li {
  margin: 0.5em 0;font-size: 0.95em;
}
#popular h4 {font-weight: 600;
  background: #EEFFD0;
  background: -moz-linear-gradient(bottom, #E3FFB2 0%,#FFF 100%);
  background: -webkit-linear-gradient(bottom, #E3FFB2 0%,#FFF 100%);
  background: -o-linear-gradient(bottom, #E3FFB2 0%,#FFF 100%);
  background: linear-gradient(bottom, #E3FFB2 0%,#FFF 100%);
  text-shadow: 1px 1px 0 #FFF;padding: 10px 0;margin: auto;text-align:center;-webkit-border-top-left-radius:6px;-moz-border-radius-topleft:6px;border-top-left-radius:6px;
  -webkit-border-top-right-radius:6px;-moz-border-radius-topright:6px;border-top-right-radius:6px;}
#popular .votefoot li{margin: 1em 0;}
#popular .votefoot a{font-weight: 600;}
.block {margin-bottom: 1em;}
.argcat {
  color: #888785;
}
.small, .votefoot p.small{
  font-size: 0.85em;
}
#speedbar {
  padding: 10px;
}
.heading {
  line-height: normal;
  color: #71AE1B;
  margin-bottom: 10px;
}
.maincont{
  padding-bottom: 1em;
}
.maincont img, .post img {
  padding: 5px;
  border: none;
}
.info {padding:1rem 1rem 1rem 4rem; background: #CCC url("../images/info.png") no-repeat 10px 15px;margin-bottom: 1rem;}
.promo {text-align:center;max-width:100%;overflow:hidden; margin: 1%;}
.shortstory, .fullstory, .sortn, .navigation a, .navigation span, .bstory, .related, .coment {border: 2px outset buttonface;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  margin:1rem;}
.btl, .btl a {color: #71AE1B;}
.btl {padding: 0.4em;
  border-bottom: 1px outset buttonface;
  background: #F1FFD9;
  background: -moz-linear-gradient(bottom, #EEFFD0 0%,#FFF 100%);
  background: -webkit-linear-gradient(bottom, #EEFFD0 0%,#FFF 100%);
  background: -o-linear-gradient(bottom, #EEFFD0 0%,#FFF 100%);
  background: linear-gradient(bottom, #EEFFD0 0%,#FFF 100%);
  text-shadow: 1px 1px 0 #000;
  -webkit-border-top-left-radius:6px;-moz-border-radius-topleft:6px;border-top-left-radius:6px;
  -webkit-border-top-right-radius:6px;-moz-border-radius-topright:6px;border-top-right-radius:6px;}
.binfo {overflow: auto;padding: 0.5em;}
.rate {font-size: 1.2em;
  color: #FFD700;
  text-shadow: 1px 1px 0 #000;cursor: pointer;}
  .rate span:hover:before {
    content: "\2605";
    position: absolute;
    color: orange;
}
.rate, .rate div {display: inline;}
.rate div {font-size: 0.8em;color: #757575;text-shadow: none;cursor: default;}
.edit, .fav, .full {
  float: right;font-weight:800;
  text-align: center;
  font-size: 1.4em;
  -webkit-border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  border-radius: 0.8em;
  border: 2px solid #060;background-color: #E3FFB2;
  moz-box-shadow: 1px 2px 10px 0 #000;
  -webkit-box-shadow: 1px 2px 10px 0 #000;
  box-shadow: 1px 1px 1px 0 #000;
  margin-left: 0.3em;}
.edit, .fav {height: 1.6em;width: 1.6em;}
.full {padding: 0.2em 0.4em;}
.edit:hover, .fav:hover, .full:hover {background-color: #F0FFD5;opacity: 0.8;}
.edit a:hover, .full a:hover{text-decoration:none;}
.blocktags {padding: 1em;
  border: 1px solid #C5E9C1;text-align: justify;}
  .blocktags a, .blocktags {
  color: #E6F4D5;
}
#footer {
	background-color: #000;
	text-align: center;
  padding: 1em;
  border: 1px solid #C5E9C1;
  margin-bottom: 0.5em;
  color: #FFF;
}
#footer a{color: #FFF;}
.sortn, .navigation a, .navigation span {background: #F1F0ED;
  text-align: center;
  background: -moz-linear-gradient(bottom, #E7E6E3 0%,#F1F0ED 50%,#FFF 100%);
  background: -webkit-linear-gradient(bottom, #E7E6E3 0%,#F1F0ED 50%,#FFF 100%);
  background: -o-linear-gradient(bottom, #E7E6E3 0%,#F1F0ED 50%,#FFF 100%);
  background: linear-gradient(bottom, #E7E6E3 0%,#F1F0ED 50%,#FFF 100%);
}
.sortn {font-size: 0.85em;
  text-align: center;
  padding: 0.5em;
}
.navigation {
	color:#666; 
	border:0px;margin: 0.7em;
  text-align: center;
}

.navigation a:link,
.navigation a:visited,
.navigation a:hover,
.navigation a:active {
	text-decoration:none;
	color: #636363;
	padding:0.4em 0.7em;
	line-height: 2.0;  margin: 0.1em;
}

.navigation a:hover {
	background:#060;
	color:#FFFFFF;
}

.navigation span {
	background:#fff;
	padding: 0.4em 0.7em;
	color:#ccc;line-height: 2.0;  margin: 0.1em;
}
.bstory {position: relative;padding: 10px; margin:0.5em 0; overflow:hidden;}
.title {position: absolute;
  top: 0.5em;
  right: 0.5em;}
#poll-list {margin: 1em 0px;}
.related, .coment {margin:0.5em 0;text-align: center;}
.related .btl, .coment .btl {background: #060;
  background: -moz-linear-gradient(bottom, #EEFFD0 0%,#060 100%);
  background: -webkit-linear-gradient(bottom, #EEFFD0 0%,#060 100%);
  background: -o-linear-gradient(bottom, #EEFFD0 0%,#060 100%);
  background: linear-gradient(bottom, #EEFFD0 0%,#060 100%);color: #FFF;
}
.related li {margin:1em;list-style:none;}
.rcol {padding: 0.5em 0;}
#comments-form input[type="submit"] {margin: auto;
  padding: 0.3em;}
.coment {margin-bottom: 0;}
.editor {width: 100%;border: 1px solid #BBB;}
.beditor {width:100%;overflow: hidden;border-bottom:1px solid #BBB;background-image:url('../bbcodes/bg.gif')}
textarea {width: 100%;}
.editor textarea {height: 11em;border: 0;margin: 0;padding: 0;}
.bcomment {margin: 0.5em;}
.mass_comments_action {margin: 1em;}
.tableform, .f_input{width: 100%;}
.berrors {padding: 15px 15px 15px 72px; background: #CCC url("../images/berror.png") no-repeat 15px 15px; margin:10px 15px;}
.perrors {padding: 15px 15px 15px 72px; background: #CCC url("../images/perror.png") no-repeat 15px 15px; margin:10px 15px;}
.pm td { border: 1px solid #d8d8d8; padding: 2px; background-color: #fff; text-align: center;}
.pm td.pm_head { font-size: 0.9em; padding: 0; font-weight: bold; text-align: center; color: #4e4e4e;}
div.block li.block_icnt {list-style:none;}
div.block li.block_icnt div {padding:1em;}
div.block li.block_icnt span {cursor:pointer;}
p.block_header {font-size: 13px; font-weight: bold; text-decoration: underline;padding-top: 10px;}
p.block_url {color: #888785;font-size: 0.85em;}
.dtop, .dbtm {height:0;}
.clr { clear: both; }
.clr_r{clear: right;}
video {width: 100%;height: auto;padding: 1rem 0;}
.video {text-align:center; max-width:100%;}
/*.srtb {text-align:center; max-width:100%;height: auto;display: block;margin: 0 auto;}*/
.srtb div{margin: 0 auto !important;}
#gw1 {overflow:hidden;text-align:center;}
.fl_l {float:left;}
.fl_r {float:right;}
.ta_c {text-align:center;}
#SRTB_442135 {position: absolute;z-index: 1000;}
.shortstory .news img,.post .news img  {max-width: 100%;height: auto;display: block;margin: 0 auto;}
.binfo.small {font-size: 0.9em;}
.img {font-family: serif;color: gray;}
.hide{
    display: none;
}
.hamburger {position: fixed;
    bottom: 20px;
     width: 50px;
     height: 25px;
     margin: 20px auto;
     border-top: 5px solid green;
     border-bottom: 5px solid green;z-index: 10000;display: none;
}
@media (max-width: 480px) {
.hamburger {display: block;cursor: pointer;}
.hide + label ~ div.lcol{
    display: none;
}
.hide:checked + label:after{
	content: "скрыть меню";position: absolute;
    left: 5px;
    top: -5px;
}
.hide:checked + label ~ div.lcol{
    display: block;
     -webkit-animation:fade ease-in 0.5s; 
     -moz-animation:fade ease-in 0.5s;
     animation:fade ease-in 0.5s; 
}
.hide:checked + label ~ div.lcol{
    -moz-box-shadow: inset 3px 3px 10px #7d8e8f;
    -webkit-box-shadow: inset 3px 3px 10px #7d8e8f;
    box-shadow: inset 3px 3px 10px #7d8e8f;
}
.hide:checked + label ~ div.rcol{
    display: none;
}
/* анимация при появлении скрытых блоков */
@-moz-keyframes fade {
    from { opacity: 0; }
to { opacity: 1 }
}
@-webkit-keyframes fade {
    from { opacity: 0; }
to { opacity: 1 }
}
@keyframes fade {
    from { opacity: 0; }
to { opacity: 1 }   
}
}
.hamburger:before {
     content: "";
     position: absolute;
     top: 10px;
     left: 0px;
     width: 100%;
     border-top: 5px solid green;
}