/* +++++++++++++++++++     GLOBALS     +++++++++++++++++++++++++ */
*	{ margin:0; padding:0; box-sizing: border-box; }
::before , ::after { box-sizing: inherit }

img{ max-width:100%; height:auto; width: auto; }

body {  
  font-family: Consolas, Courier New, monospace; 
/*  background: url(../img/forest.png) no-repeat fixed 50% 0;*/
  background-size: cover;
/*background-attachment: local, scroll;*/
  background-color: #dcdcdc;
  margin : auto; 
  box-sizing: border-box;   
  min-width: 580px;
}

/* +++++++++++++++++++++++++++++++ */
/* Cotonti plugin & modules blocks */
/* +++++++++++++++++++++++++++++++ */
.whosonline
{
  width: 70%; margin-left: auto; margin-right:auto; min-width: 520px;  
}

.all_body
{
    top: 250px;
}

.background_color { background-color: #e5e5e5ff };
.background_color2 { background-color: #0c2403d9; }
.padding_around { padding: 10px 5px; }

.error_body ul {
    /* text-align: center; */
    padding-top: 20px;
}

.error_body ul li { 
  text-align: center;
  color: #ff0000;
  text-decoration: none;
}

.fb_form_ta
{
  min-width: 150px;
/*  width: 150px;*/
}

.space_around { display: block; margin: 20px; }
.text_center { text-align: center; }

.font_16 { font-size: 16px; }
.font_17 { font-size: 17px; }
.font_18 { font-size: 18px; }
.font_19 { font-size: 19px; }
.font_xlarge { font-size: x-large; }


.bold { font-weight: bold; }
.font_small { font-size: small; }

.td_Style2 a { color:#7f7f7f; }

/* ++++++++++++++++++++++++++++++++++++++     Inputs styles      ++++++++++++++++++++++++++++++++++++++ */
input[type="password"], textarea { /*background-color : #ffffff;*/ color: #767676; }
input[type="text"]:not(#search), textarea { background-color : #ffffff; border-color: #767676; color: #000000; border-radius: 3px; }
textarea[name="rusertext"] { width: 450px; height: 45px; }
textarea[name="rpagedesc"] { width: 450px; height: 45px; }
textarea[name="rpagemetadesc"] { width: 450px; height: 45px; }

select, textarea { background-color : #ffffff; color: #000000; }
/* --------------------------------------     Inputs styles      -------------------------------------- */


.width_5 { width: 5%; min-width: 70px; }
.width_28 { width: 30%; margin-left: auto; margin-right:auto; min-width: 520px; }
.width_70 { width: 70%; margin-left: auto; margin-right:auto; min-width: 520px; }
.width_95 { width: 95%; margin-left: auto; margin-right:auto; min-width: 520px; }
.width_98 { width: 98%; margin-left: auto; margin-right:auto; min-width: 520px; }
.width_100 { width: 100%; margin-left: auto; margin-right:auto; min-width: 520px; }
.width_auto { width:520px; margin-left: auto; margin-right:auto; }
.width_register { width:520px; margin-left: auto; margin-right:auto; }

.div_70_center { width: 70%; margin: auto; }

.hight_100 { height: 100%; margin: auto; min-height: auto; }

.text_center { text-align: center; }

.marg_5 { margin-top: -5px; }
.margin_top_20 { margin-top: 20px; }
.margin_bottom_20 { margin-bottom: 20px; }
.margin_title { margin-top: 10px; margin-bottom: 10px; margin-left: auto; margin-right: auto; }
.margin_title_dacha { margin-top: 10px; margin-left: auto; margin-right: auto; }
.margin_title_tb { margin: 10px 0 20px 0; }
.margin_tb_20 { margin-top: 20px; margin-bottom: 20px; }
.margin_b_20 { margin-top: 1px; margin-bottom: 20px; }

.padding_top_10 { padding-top: 10px; }
.padding_bottom_30 { padding-bottom: 30px; }
.padding_forum_sys { padding: 0 0 5px 20px; color:#919191; }

.back_recent_pages_path { background-color: #00000030 !important; } 

.padding_top_1 { padding-top: 1px; }
.padding_bot_1 { padding-bottom: 1px; }

.site_title
{
/*  width: 560px;*/
  margin: auto;
  min-width: 560px;  
}

.block_center
{ display: flex; flex-wrap: wrap; justify-content: space-around; }

.text_center { text-align: center; }

.attachment { 
  border: #ffffff solid 1px; 
  border-radius: 5px; 
  text-align: center; 
  width: 100%;
  margin-bottom: 10px;
}


/* +++++++++++++++++++++     PAGINATION    +++++++++++++++++++++++++++ */ 
.paging
{
  padding: 20px;
  border-radius: 10px;
  text-align: center;
}

.pagenav
{
  display: inline-block;
  border:solid 1px #b3b3b3;
  border-radius: 5px;
  padding: 10px;
  margin: 5px;
  background-color: #ffffff
}

.pagenav:hover
{
transition: 0.5s;
background-color: #3f3f3f80;
text-decoration: none;
color: #ffffff;
}
/* +++++++++++++++++++++     LINKS     +++++++++++++++++++++++++++ */ 
.div_DayLight_text a 
{
  font-weight: bold;
/*  font-style: oblique;*/
}

a	{ color: #000000ff;
/*  text-shadow:
  #000000 0px 0px 5px,
  #000000 2px 0px 5px,
  #000000 2px 0px 5px,
  #ffffff 2px 0px 16px;*/
   text-decoration: none; }  

.text_shadow { text-shadow: 
  #ffffff 1px -4px 6px,
  #ffffff -2px 3px 4px, 
  #ffffff 5px 0px 10px, 
  #ffffff 7px 2px 6px, 
  #000000 2px 0px 8px;
     text-decoration: none; }

/* correct CKEditor menu text-shadows */
.cke_reset_all * { text-shadow: none; }

a:hover	{ text-decoration:underline; }

.a_biger { font-size: 1.3em; }


ol, ul { list-style:none; }

ul.bullets li	{ padding-left:25px; background:url(../img/bullets.png) no-repeat 5px 2px; }

.h1 { text-align:center; font-size:3.0em; margin-bottom:15px; padding:8px 8px 8px 8px;  background-position:10px 50%; background-repeat:no-repeat; }
.h1 a { text-decoration: none;}

.h2 { text-align:center; font-weight: bold; margin-bottom:15px; padding:8px 8px 8px 8px;  background-position:10px 50%; background-repeat:no-repeat; }
.h2_recent { text-align:center; font-size:2.0em; margin-bottom:15px; padding:8px 8px 8px 8px;  background-position:10px 50%; background-repeat:no-repeat; }
.h2_header { text-align:center; font-size:20px; margin-bottom:15px; padding:8px 8px 8px 8px;  background-position:10px 50%; background-repeat:no-repeat; }

.h2_pad20 { color:#000000; font-size:1.1em; font-weight: bold; padding:8px 0 8px 10px;}


/* ++++++++++++++++++++++++++++++++++++++     sliding background     +++++++++++++++++++++++++++++++++++++++++++ */
.container{
  overflow: hidden;  
}

.sliding-background {
  background: url(../img/forest.png) repeat-x;
  height: 560px;
  width: 5076px;
  animation: slide 60s linear infinite;
}


@keyframes slide {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-1692px, 0, 0); /* The image width */
  }
}
/* ++++++++++++++++++++++++++++++++++++++     sliding background     +++++++++++++++++++++++++++++++++++++++++++ */
.shadow_text_light {
  text-shadow:
  #000000 0px 0px 5px,
  #000000 2px 0px 5px,
  #000000 2px 0px 5px,
  #ffffff 2px 0px 16px;
}

.shadow_text_light2 {
  text-shadow:
  #ffffff 0px 0px 15px,
  #ffffff 2px 0px 15px,
  #ffffff 2px 0px 15px,
  #ffffff 2px 0px 15px,
  #ffffff 2px 0px 16px;
}


.shadow_text1 { text-shadow:
  #000000 0px 0px 5px,
  #000000 2px 0px 6px,
  #000000 2px 0px 16px,
  #000000 2px 0px 26px,
  #000000 2px 0px 36px; }

.pad_left10px { padding-left: 10px; }

.subtitle	{ position:absolute; top:15px; left:650px; width:300px; }
.block { }

/* +++++++++++++++++++++     LOGING CHECKBOX    +++++++++++++++++++++++++++ */
.loging_checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
  left: -5px;
 }
 
 .loging_checkbox input.checkmark
 {
  width:35px; 
 }

 .loging_checkbox {
  display: inherit;
  position: relative;
  cursor: pointer;
  font-size: 20px;
  user-select: none;
  order:2;
 }
 
 div#cke_1_contents.cke_contents.cke_reset
{
  min-height: 300px ;
}

 /* Create a custom checkbox */
 .checkmark {
  position: relative;
  top: 0;
  height: 1.3em;
  width: 1.3em;
  background: #ffffff;
  border-radius: 5px;
 }
 
 /* When the checkbox is checked, add a blue background */
 /*
 .loging_checkbox input:checked ~ .checkmark {
  background-image: linear-gradient(#b9e9b3,#a8e4a0)
 }
 */
 /* Create the checkmark/indicator (hidden when not checked) */
 .checkmark:after {
  content: "";
  position: absolute;
  display: none;
 }
 
 /* Show the checkmark when checked */
 .loging_checkbox input:checked ~ .checkmark:after {
  display: block;
 }
 
 /* Style the checkmark/indicator */
 .loging_checkbox .checkmark:after {
  left: 0.45em;
  top: 0.25em;
  width: 0.25em;
  height: 0.5em;
  border: solid #58634d;
  border-width: 0 0.15em 0.15em 0;
  transform: rotate(45deg);
 }

 .center
 {
  vertical-align: middle;
 }
/* +++++++++++++++++++++     POLLS    +++++++++++++++++++++++++++ */ 

/* all polls sign*/
.div_block_polls a:nth-child(4) { padding: 30px; }
.div_block_polls a:nth-child(6) { padding: 30px; }

.bar_front 	{ background-color:#a5d4ff; border-right:0px solid #333; color:#ddd; height:8px; font-size:1px; }
.bar_back 	{ background-color:#2F3342; border:1px solid #333; height:8px; }

/*  цытата на форуме */
blockquote 
{
  padding: 0px 15px;
  margin: 5px;
  overflow: auto;
  color: #000000;
  /* border-left: 4px solid #999999;*/
  /* border-right: 1px solid #006aff; */
  /* border-bottom: 1px solid #404C5D; */
  /* border-top: 1px solid #404C5D; */
  background-color: #efefef;
  border-radius: 10px;
  text-indent: 0;
  font-style: italic;
  box-shadow: 1px 1px 3px #00000080;
}

blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child 
{
  margin-bottom: 0;
}

blockquote footer,
blockquote small,
blockquote .small 
{
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #777;
}

blockquote footer:before,
blockquote small:before,
blockquote .small:before 
{
  content: '\2014 \00A0';
}

.prevent-select {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */

  .jqmWindow {
    display: none;

    position: fixed;
    top: 50%;
    left: 50%;
	
	  overflow: auto;
    border-radius: 5px;
    background-color: #ffffffff;

    padding: 7px;
	  text-align: center;
}

.jqmWindow h4 {
	border-bottom: 1px dotted #b0c4de;
	font-size: 14px;
	margin: 0 0 7px 0;
	padding: 0 0 5px 0;
	text-align: left;
	color: #3E606F;
}

.jqmWindow p{
	text-align: right;
	margin: 15px 0 0 0;
	font-size: x-small;
	text-transform: lowercase;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}