body{font-family: Arial,Tahoma, sans-serif; line-height:130%;  font-size:14px; margin:0; padding:1px; color:#000; background-color: #fefefe;}
.wrapper{}

p{margin:10px 0;}
a{color:#FF5252;}
a:hover{color:#FF0000;}
input, textarea, select {margin: 5px 0; padding:4px; font-size: 100%; }
.small{font-size:75%;}
.center{text-align:center;}
.r{float:right;}
.l{float:left;}
.clearfix{ clear:both;}
img.mavrik{vertical-align:middle; border-bottom:solid 1px #777;}
.red {color:#8B0000;}
.warning{color:red;}
.w300{width: 300px; overflow: scroll;}
}
h1,h2,h3,h4,h5,h6{line-height:120%; font-weight:normal;letter-spacing:1px;}

h1{text-transform:uppercase;font-size:1.5em; line-height: 130%; letter-spacing: 1px;}
h2{font-size:1.2em;}
.d{ height:0px; border-top:solid 1px #015DA3; clear: both;}
.dd{ height:0px; border-top:solid 2px #015DA3; clear: both;}
.nobr{white-space:nowrap;}
.desctop,.desctop860{ display:none;}




#menubutton{position:fixed; z-index:999;background-color:#444F44;border: solid 1px #fff;}
#menubutton:hover{background-color:#728372;}

#menubutton img{width:40px; height:40px; }


#toTop {position:fixed; z-index:999; bottom:0px;  right:0px; background-color:#444F44;border: solid 1px #fff; overflow: hidden;width:40px; height:40px;}
#toTop:hover {background-color:#728372;}
#toTop img{width:40px; height:40px;}



#leftsection{width:100%; height:100vh; overflow-y:scroll;  position:fixed; left:-700px; transition:400ms; }
#leftsection::-webkit-scrollbar{width:0px;}

#search_block{background-color: #F7F5ED; height: 135px; overflow: hidden;}

.logo{font-size:2.9em; font-family: "Trebuchet MS", Helvetica, sans-serif;  letter-spacing:1px; color:#b3bf76; text-decoration:none; display: block; white-space:nowrap;
margin: 20px 0 -40px 60px;}

#search {overflow:hidden; display:block; margin: 18px 0 5px 20px; padding: 1px;}
#search input{margin: 0;  vertical-align: middle;}
#search_word{width: 210px; border: solid 1px #000; color:#333; background-color: #F7F5ED; }
#search_button{ border: none; background-color: transparent; position: relative; top: 5px; margin: 0; padding: 0;}


#sockhpg{margin-left: 70px;}
#sockhpg a img{margin: 10px 5px; width: 28px; height: auto;}
#sockhpg a:hover img{ opacity: 0.8; }

#mainsection{ margin-left:0px; transition:400ms; overflow: hidden; }

#header{height:135px; background-color:#F7F5ED; overflow:hidden; padding-left:30px; transition:400ms;}

#logo{color:#000; text-decoration:none; margin-top:20px; display: block;}
#logo img{height:90px; width:auto;  float: left;}
#site_description{margin-left: 90px; font-size:10px;}
#site_name_1{font-size:16px; padding-top:16px; color: #333;font-weight: bold; letter-spacing:1px;}
#site_name_2{font-size:12px; padding:14px 0 px; color: #C56175;font-weight: bold; font-style: italic;letter-spacing:1px; }




#contact_button{float:right; text-decoration:none; margin:60px 20px 0 0; display: block; line-height: 48px; color:#333; }
#contact_button img{vertical-align:middle; height: 36px; width:auto; }
#contact_button:hover span{color:#FF8C00; text-decoration: underline;}
#contact_button:hover img{ opacity: 0.5;}

#menu{background-color:#444f44; border-left: solid 1px #000; }
#menu small{font-weight:normal; color:#FFEDD6;}
#menu ul{display: block; margin:0; padding:30px 0;}

#menu li{-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; list-style: none; list-style-position: outside; line-height: 120%;   margin-left: 0px;}

#menu a{display:block; margin:0; padding:13px 13px 13px 20px; color:#FFEDD6; text-decoration:none; letter-spacing:0.5px; border-bottom: dashed 1px #C5B491;}
#menu a:hover{color:#fff;}
#menu a.active{color:#fff; font-weight:bold; background-color:#FF8C00;}
#menu li.active{background-color:#FF8C00;}
#menu h3{color:#3CB371; padding: 0; margin:20px 13px 5px 13px; font-weight:bold; font-size:18px;}

#filtr{ overflow:hidden; background-color:#E6DBC5; display:inline-block; border-top: dashed 1px #444; }
#filtr a{margin: 10px 10px 10px 0; padding:5px 10px 5px 0;  color: #000;  text-decoration: none; display:inline-block; letter-spacing:1px;  font-weight: bold;}
#filtr a:hover{  color:#D2691E;}
#filtr a.active{color: #fff; background-color: #FF8C00; padding:5px 10px;}
#filtr small{font-size: 0.9em; letter-spacing: 0px;}

#path_rm{ background-color: #E6DBC5; overflow: hidden; border-bottom: solid 1px #F7A32E; border-top: solid 1px #F7A32E;}
#path{margin: 30px 0 10px;  color:#333;}
#path a{color:#000; text-decoration: none; font-weight: bold; }
#path a:hover{color:#D2691E;}





.button{background-color:#8B9948;  color: #fff; padding: 5px 12px; font-size: 16px;  text-decoration: none; line-height: 150%; margin:0; border: solid 1px #FFF;}
.button:hover{background-color:#b3bf76; color:#fff;}


.del{position:relative; top:-60px; left:10px; margin-bottom:-40px;}
.attach{ margin: 20px 0; padding: 20px; background-color: #eee;}


.modalDialog {position: fixed; top: 0; right: 0;bottom: 0;left: 0; background: rgba(0,0,10,0.7); z-index: 99999; -webkit-transition: opacity 100ms ease-in; -moz-transition: opacity 100ms ease-in;  transition: opacity 100ms ease-in; 	 pointer-events: none; opacity: 0; display: none; }
.modalDialog:target {opacity:1;	pointer-events:auto; display: block; }
.modalDialog > div {width: 230px; position: relative;	margin: 10% auto; padding: 10px 20px; border-radius: 10px;  -webkit-border-radius: 10px; -moz-border-radius: 10px;	background: #f2f2f2;}
.close { background: #b3bf76; color: #FFFFFF; line-height: 45px; position: absolute; right: -12px; text-align: center; top: -10px; width: 44px;	text-decoration: none; font-weight: bold; -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px;}
.close:hover { background: #9746ae; color: #fff;}
.modalDialog .button{display: block; text-align: center;}




#main_plus h2{ margin:25px 0 10px 0; font-size: 1.2em; color:#333; line-height: 135%; font-weight: bold;}




.det_page{overflow:hidden; color:#000; letter-spacing:1px; color: #FFFFFF; font-weight: bold;  font-size:0.85em; line-height:50px; padding: 0 10px; float:left; display: inline-block; margin-right:20px;}
.page{ margin: 30px  20px 0 30px;}

#imgs{ float: left; width: 28%; overflow: hidden;}
#imgs img{width: 88%; margin-bottom: 10px;}
.page h1{  margin: 20px 30px 20px 0;}

#grid{background-color:#F7F5ED; padding:30px 0 0px 30px; overflow:hidden;border-bottom: solid 1px #FF8C00;  }
#grid .post {display:block; margin:0 20px 20px 0; vertical-align:text-top;  overflow:hidden; color:#000000; text-decoration:none;}
#grid .postin{padding:10px; background-color:#fff; border: solid 1px #333;}
#grid .short{font-size:0.87em; color: #000;}
#grid .post:hover .short{color: #000;}
 .post h3{font-size:1.1em; margin:10px 0; text-transform:uppercase; letter-spacing:1px;color:#750000; clear: both;}
 .post:hover h3{color:#FF8C00; text-decoration: underline;  }
#grid .post img{ width:50%; height:auto; border: solid 1px #eee; float:left; }

.dva{-webkit-column-count:2;-moz-column-count:2;column-count:2;}


.download{ display:block;  color: #000;  padding:5px; background-color:#f2f2f2; border: solid 1px #ddd; text-align:right; margin:0 0 5px 5px; color: #000; overflow:hidden;  }
a.download{font-size: 1.2em;line-height: 32px;text-decoration: none; padding-right:15px; }

a.download:hover{background-color:#E6DBC5; color:#000; text-decoration: underline;}


#grid .post .download img, .download img{width:32px; border: none; vertical-align:middle; margin: 0 10px 0 10px}


.post_date{padding:5px; background-color:#B8A478; text-align:right; margin:0 0 5px 5px; color: #FFFFFF; }
.post_acti{padding:13px 5px; text-align:right; margin:0 0 5px 5px; color: #FFFFFF; text-transform:uppercase; font-weight:bold;}
.post_detail {padding:5px; text-align:right; margin:0 0 5px 5px; color: #000; }
.post_detail span{padding: 2px 5px; background-color: #f2f2f2; color: #000; border: solid 1px #ccc;}
#grid_img{overflow:hidden;}
.page_img {display:block; margin:0 20px 20px 0; vertical-align:top; overflow:hidden;}
.page_img img{width: 100%; height: auto;border: solid 1px #e7e7e7;}






#main { overflow: hidden; }
.comments{clear:both;  margin: 20px 0; width:96%;}

.comments img.avatar {float: left; margin: 0px 30px 0px 0;	width: 50px; }

.comment{line-height:120%; background-color:#f4f4f4;  border: solid 1px #eee;   margin: 20px 0; padding: 10px 20px; overflow: hidden;  width: 60%; }
#comment_form{background-color: #f4f4f4;}
.delcomment{color: #FF0000; float: right; margin: 0 0 20px 20px;}
.comment  textarea{margin: 7px 0; }
.delcomment{float:right;}

.page .comment img{width:auto; height:auto; display: inline ; margin:0; border:none;}
.page .full{padding-right:30px;}
.page iframe, .page object,.page embed {width: 100% !important; height: height:100% !important; margin: 20px 0;}







.stat{font-size:75%; margin-top: 10px;  color:#006400;}

.ind {height:30px; background-image: url(ind.gif); background-position: center; background-repeat: no-repeat; margin-bottom: 20px;}

#main_plus{ padding: 0px 0; background-color: #b3bf76;overflow: hidden;}

.page_plus{clear:both; background-color: #fff; margin: 30px; padding:25px; font-size:85%; line-height: 130%; -webkit-column-width:20em; -moz-column-width:20em; column-width:20em;   vertical-align:text-top; }

.post_plus{display: block; margin: 0px 30px; max-width: 600px; padding: 15px 20px; background-color:#9746ae;  color:#FFF;  font-weight: bold;  font-size: 1.1em; letter-spacing: 0.5px;text-decoration: none; background-image: url(../img/newsplus.png); background-repeat: no-repeat;  background-position: right 50%;  }
.post_plus:hover{color:#fff;background-color:#6C317C; }

.d_plus{height:10px; clear:both;}

#soc{padding: 20px 0px; color:#333; background-color: #F7F5ED; margin-top:20px; text-align:center; border-top: solid 1px #ddd; line-height: 28px;}
#soc img {height:28px; width:28px; margin: 0 5px;  vertical-align: middle;}
#soc img:hover{opacity: 0.5;}
#soc span{display:block; clear:both; padding-top: 20px;}

#navigator{color:#555; padding:15px 0 10px 0; text-align:center; line-height:200%;}
#navigator a{text-decoration: none; color:#000;  margin:6px;}
#navigator a:hover {color:#40B335;}
#navigator b {color:#fff; background-color: #FF8C00; padding: 5px; }
#navigator a:hover{text-decoration:underline;}
#navigator .pagenav{text-align:center; }
#navigator table{width:100%; height:40px;}

#navigator td.previous, #navigator td.next{ width: 40px; height: 40px; background-color:#8B9948;  background-repeat: no-repeat; position: relative; top: -2px;}
#navigator td.previous:hover, #navigator td.next:hover{  background-color:#b3bf76;}
#navigator td.previous a, #navigator td.next a{display:block; width: 40px; height: 40px; margin:0px; }
#navigator td.previous {background-image: url(../img/p_previous.png);}
#navigator td.next {background-image: url(../img/p_next.png);}




#footer{ background-color:#E6DBC5;  padding: 20px; text-align: center;   border-top: solid 1px #FF8C00; color:#000; line-height:200%;}

#footer a {display:inline-block;  color:#000; font-size:1em; margin: 0 15px; text-transform: uppercase;  }
#footer a:hover{ text-decoration: underline;}



.post{ text-decoration: none;}


#similar{padding: 0px 30px 0 50px;  font-size: 0.9em;}
#similar a{text-decoration: none;}
#similar h3{text-transform: uppercase; margin-bottom: 10px;}

.page .date, .similar_date{ font-size:0.9em;color: #999;}
.similar_post, .similar_post:hover{color: #000;}
.similar_post:hover h3{color: #FF8C00; text-decoration: underline;}
.similar_unit{ margin: 25px 0;}


.mailform{  font-size: 1.1em; margin-bottom: 30px;}
.mailform textarea{ width: 100%; height: 100px; max-width: 700px;}

input.modern{display: none; position: absolute;}
label.modern {
  position: relative;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
  padding-left: 30px;
  padding-right: 10px;
  line-height: 28px;
  cursor: pointer;
  color: #000;
}
.dva label.modern {display:block; margin:0; padding-right: 0;}

label.modern::before {
  content: " ";
  position: absolute;
  top: 2px;
  left: 0;
  display: block;
  width: 18px;
  height: 18px;
  border: 2px solid #333;
  border-radius: 4px;
  z-index: 1;
}
input.modern[type="radio"] + label.modern::before {border-radius:18px;}

/* Checked */
input.modern:checked + label.modern{padding-left:30px; color:#000; text-decoration: none  }
input.modern:checked + label.modern::before{top:2px; width:18px; height:18px; background:#BDB76B;}



/* Transition */
label.modern,
label.modern::before {
  -webkit-transition: .25s all ease;
  -o-transition: .25s all ease;
  transition: .25s all ease;
}


#lst{ margin: 0 0 20px 30px; line-height: 150%; }
#lst a{color: #000;}
#lst a:hover{color: #D2691E;}













@media screen and (min-width: 420px) {
#site_name_1{font-size:30px; padding-top:14px; color: #333;font-weight: bold; letter-spacing:1px;  line-height: 26px;}


}



@media screen and (min-width: 660px) {

#site_description{font-size:1em;}
#site_name_1{font-size:36px; padding-top:14px; color: #333;font-weight: bold; letter-spacing:1px; line-height: 20px;}
#site_name_2{font-size:20px; padding:14px 0 4px; color: #750000;font-weight: bold; font-style: italic;letter-spacing:1px; }


#leftsection{ width:290px;}
#leftsection::-webkit-scrollbar{width:15px;}
#leftsection::-webkit-scrollbar-thumb{
    border: none;
    background-color: #ccc;
}
#leftsection::-webkit-scrollbar-thumb:hover{
    background-color: #777;
}
#leftsection::-webkit-scrollbar-track{
    border-width:0;
}
#leftsection::-webkit-scrollbar-track:hover{
    border-left: solid 1px #aaa;
    background-color: #eee;
}

#path{font-size: 1.4em;}


#similar{padding: 0px 30px; border-left: solid 1px #ddd;  }

.mob{ display: none;}
.desctop{ display: inline;}
#botom_menu{ float: right;}
#soc img{margin: 0 10px;}

#soc span{display: inline-block; clear: none; padding-top:0px;}

#grid .post {
width: 260px;
*width:260px;
display: -moz-inline-stack; /* ?? FF ?? 3  */
display:inline-block;
min-height:200px;
zoom:1; /* ?????layout fix ?? ?6 */
*display:inline; /* ?? ? 6, 7 */
}


#grid_img{margin:0;}
.page_img {
width: 400px;
*width:400px;
display: -moz-inline-stack; /* ?? FF ?? 3  */
display:inline-block;
min-height:150px;
zoom:1; /* ?????layout fix ?? ?6 */
*display:inline; /* ?? ? 6, 7 */
}

#navigator{ font-size: 1.3em;}
}



@media screen and (min-width: 800px) {
.desctop860{ display: inline;}
#footer a {font-size:1em;}
#main_plus h2{ margin:30px; font-size: 1.3em;}

.w_05{width:50.00%; overflow: hidden;}
.w_066{width:50.00%; overflow: hidden;}
.w_033{width:50.00%; overflow: hidden;}

}





@media screen and (min-width: 860px) {
.desctop860{ display: inline;}
#footer a {font-size:1em;}
#main_plus h2{ margin:30px; font-size: 1.3em;}

.w_05{width:50.00%; overflow: hidden;}
.w_066{width:66.666%; overflow: hidden;}
.w_033{width:33.333%; overflow: hidden;}


}


@media screen and (min-width: 1024px) {

#leftsection{left:0;}
#mainsection{ margin-left: 290px;}
}

@media screen and (min-width: 2600px) {
.wrapper{ width:2600px; }

}