@charset "utf-8";

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: 'OpenSans-Light';
	font-size: 14px;
	color: #000000;
	background: #f6f3e0;}

h1, h2 {
	font-family: 'OpenSans-Bold';
	font-weight: normal;
	font-size: 28px;
	color: #716254;
	line-height: 1.1em;}
h2 {
	font-family: 'OpenSans-Bold';
	font-weight: normal;
	font-size: 18px;
	color: #716254;
	line-height: 1.1em;}
h3, h4, h5 {
	font-family: 'OpenSans-Bold';
	font-weight: normal;
	font-size: 14px;
	color: #716254;
	line-height: 1.1em;}
	
a {
	color: #90b557;
	text-decoration: underline;}
a:hover {
	color: #da575b;}

img {
	border:none;}
	
:focus{
	outline: none;}		
	
.main {
	min-height: 100%;
	width: 100%;
	float: left;
	position: relative;
	background: url(../images/back.png) top center repeat-y;
	z-index: 1;}

.container {
	width: 970px;
	margin: 0 auto;
	position: relative;}
	
@font-face {
	font-family: 'OpenSans';
	src: url('../font/OpenSans.eot?') format('eot'), 
	     url('../font/OpenSans.woff') format('woff'), 
	     url('../font/OpenSans.ttf')  format('truetype'),
	     url('../font/OpenSans.svg#OpenSans') format('svg');}

@font-face {
	font-family: 'OpenSans-Light';
	src: url('../font/OpenSans-Light.eot?') format('eot'), 
	     url('../font/OpenSans-Light.woff') format('woff'), 
	     url('../font/OpenSans-Light.ttf')  format('truetype'),
	     url('../font/OpenSans-Light.svg#OpenSans-Light') format('svg');}
		 
@font-face {
	font-family: 'OpenSans-Bold';
	src: url('../font/OpenSans-Bold.eot?') format('eot'), 
	     url('../font/OpenSans-Bold.woff') format('woff'), 
	     url('../font/OpenSans-Bold.ttf')  format('truetype'),
	     url('../font/OpenSans-Bold.svg#OpenSans-Bold') format('svg');}
	
/*------------------------form-------------------------*/
form{
	position: relative;
	float: left;
	width: 100%;}

input{
	margin: 0;
	padding: 0;}
	
.line_form{
	position: relative;
	float: left;
	width: 100%;
	margin-bottom: 14px;}	

::-webkit-input-placeholder {
	font-family: 'OpenSans-Light';}
:-moz-placeholder {
	font-family: 'OpenSans-Light';}
.placeholder {
	font-family: 'OpenSans-Light';}
	
label{
	font-family: 'OpenSans-Light';
	font-size: 12px;}	
	
input[type="text"],
input[type="password"],
input[type="email"] {
	font-family: 'OpenSans-Light';
	border-top: 1px solid #403939;
	
	 border: 1px solid #403939;
	
	color: #716254;
	font-size: 14px;
	padding: 5px 15px 6px 15px;
	background: #FFF;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;	}

textarea {	
	outline: medium none;
	overflow: auto;
	resize: none;
	border: 1px solid #403939;
	font-family: 'OpenSans-Light';
	border-top: 1px solid #403939;
	
	color: #716254;
	font-size: 14px;
	padding: 5px 15px 6px 15px;
	background: #FFF;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;	}
	
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="button"] {
	position: relative;
	cursor: pointer;
	text-align: center;
	height: 31px;
	padding: 0 13px; 
	font-family: 'OpenSans-Bold';
	color: #da575b;
	font-size: 14px;
	border-left: 1px solid #d8e2c3;
	border-right: 1px solid #d8e2c3;
	border-top: 1px solid #e9f0dd;
	border-bottom: 1px solid #becd99;
	background: url(../images/submit.png) left top repeat-x;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;	
	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);}
	
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
input[type="button"]:hover{
	background-position: left center;}
	
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active{
	background-position: left bottom;}

form.entrance_form{
	margin: 9px 0 14px 0;}	
form.entrance_form input[type="text"],
form.entrance_form input[type="password"]{
	width: 205px;
	 border: none;}
form.entrance_form input.login[type="text"]{
	padding: 5px 30px 6px 15px;
	width: 190px;
	background: url(../images/login.png) 215px 10px no-repeat #FFF;}
form.entrance_form input.pass[type="password"]{
	padding: 5px 30px 6px 15px;
	width: 190px;
	background: url(../images/password.png) 215px 10px no-repeat #FFF;}
input[type="submit"]{
	margin: 2px 0 0 0;}	
form.entrance_form label{
	color: #FFF;
	margin: 0 0 0 3px;}
form.entrance_form a.recover_password,
form.entrance_form a.reg{
	position: absolute;
	top: 0;
	right: 0;
	font-size: 12px;
	color: #FFF;}	
form.entrance_form a.recover_password:hover,
form.entrance_form a.reg:hover{
	color: #FFF;
	text-decoration: none;}		
form.entrance_form .hr{		
	position: relative;
	float: left;
	width: 113%;
	height: 1px;
	margin: 5px -6.5% 8px -6.5%;
	background: #a0bf6f;}
form.entrance_form .soc{
	position: absolute;
	top: 14px;
	right: 0;
	text-align: right;}	
form.entrance_form .soc a{
	display: inline-block;
	margin: 0 0 0 2px;}	

/*------------------------header-----------------------*/
#header{
	position: relative;
	float: left;
	width: 100%;
	height: 68px;
	background: #716254;}
	
  a.home{
	  display: block;
	  position: absolute;
	  top: 25px;
	  left: 1px;
	  width: 16px;
	  height: 16px;
	  background: url(../images/home.png) no-repeat;}

  .tel{
	  position: absolute;
	  top: 16px;
	  right: 0;
	  padding: 0 0 0 47px;
	  min-height: 33px;
	  font-family: 'OpenSans-Bold';
	  font-size: 24px;
	  color: #FFF;
	  background: url(../images/tel.png) left 2px no-repeat;}	  
	.tel span{
		font-family: 'OpenSans-Light';}  
	  
/*------------------------top_block--------------------*/
#top_block{
	position: relative;
	float: left;
	width: 100%;
	height: 138px;}
	
  .logotip{
	  position: absolute;
	  top: 34px;
	  left: 0;}	

  .tema{
	  position: absolute;
	  top: 34px;
	  right: 314px;
	  text-align: right;
	  font-size: 28px;
	  text-shadow: 0 1px 1px #faf8ee;}	  
 	.tema a{
		display: block;
		font-size: 14px;
		color: #da575b;}
	.tema a:hover{
		color: #90b557;}
		
  a.to_ask{
	  position: absolute;
	  top: 39px;
	  right: 0;
	  padding: 15px 41px 14px 88px;
	  font-family: 'OpenSans-Bold';
	  font-size: 18px;
	  color: #FFF;
	  text-decoration: none;
	  text-shadow: 0 -1px 1px #b3474b;
	  background: url(../images/to_ask.png) 17px top no-repeat #da575b;
	  border-bottom: 2px solid #c04145;
	  border-radius: 3px;
	  -moz-border-radius: 3px;
	  -webkit-border-radius: 3px;
	  -khtml-border-radius: 3px;}		
  a.to_ask:hover{
	  background-color: #e05f63;}	  

/*------------------------navigation-------------------*/
.navigation{
	position: absolute;
	top: 0;
	left: 32px;}
 .navigation ul{
	  margin: 0;
	  padding: 0;
	  list-style: none;}
   .navigation ul li{
		float: left;
		border-left: 1px solid #7e7063;}  	
	  .navigation ul li a{
		  display: block;
		  color: #FFF;
		  text-decoration: none;
		  padding: 23px 27px 25px 27px;}
		.navigation ul li a span{
			border-bottom: 1px solid #83766a;} 
       .navigation ul li a:hover,
	   .navigation ul li.acvive a{
		   color: #96b95e;}		 
	   .navigation ul li.acvive a{
		   cursor: text;}	    

.menu{
	position: relative;
	float: left;
	width: 88%;
	padding: 9px 6% 5px 6%;
	margin: 0 0 37px 0;
	border-bottom: 2px solid #e0ddca;
	background: #716254;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;}
  .column .menu .title{
	  color: #f6f3e0;
	  text-shadow: none;
	  border-bottom: 1px solid #9a8f7f;}	
  .column .menu .title:after{
	  background: url(../images/menu_title_corner.png) left bottom no-repeat;}	
	.menu ul{
		position: relative;
		float: left;
		width: 100%;
		margin: 0;
		padding: 0;
		list-style: none;}
	  .menu ul li{
		  position: relative;
		  display: block;
		  border-top: 1px solid #85786c;}
	  .menu ul li:first-child{
		  border-top: none;}	  
		.menu ul li a{
			position: relative;
			display: block;
			padding: 7px 0;
			color: #f6f3e0;
			text-decoration: none;}
		.menu ul li a:hover,
		.menu ul li.active a{
			color: #90b557;}	
			
		.menu ul li a:after{
			content: "";
			position: absolute;
			top: 50%;
			right: 0;
			width: 17px;
			height: 16px;
			margin-top: -8px;}
		.menu ul li a.item01:after{
			background: url(../images/menu_item_img01.png) no-repeat;}
		.menu ul li a.item02:after{
			background: url(../images/menu_item_img02.png) no-repeat;}
		.menu ul li a.item03:after{
			background: url(../images/menu_item_img03.png) no-repeat;}
		.menu ul li a.item04:after{
			background: url(../images/menu_item_img04.png) no-repeat;}
		.menu ul li a.item05:after{
			background: url(../images/menu_item_img05.png) no-repeat;}
		.menu ul li a.item06:after{
			background: url(../images/menu_item_img06.png) no-repeat;}

/*------------------------slider-----------------------*/
#slider{
	position: relative;
	float: left;
	width: 656px;
	height: 295px;
	margin: 0 0 23px 0;
	background: #90b557;
	overflow: hidden;
	border-bottom: 2px solid #e8e5d3;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;}
	
.morebutton {
padding-top: 185px;
float: right;
}	
  .slider_list{
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 656px;
	  height: 295px;
	  z-index: 1;}
	.slider_list ul{
		margin: 0;
		padding: 0;
		list-style: none;}
	  .slider_list ul li{
		  display: block;
		  float: left;
		  width: 656px;
		  height: 295px;}
	    .slider_list_text{
			position: absolute;
			top: 0;
			left: 0;
			width: 600px;
			padding: 48px 0 0 50px;
			color: #665ac7;
			
			text-shadow: 0 1px 1px #8baf54;
			z-index: 2;}
		  a.more{
			display: inline-block;
			margin: 11px 0 0 0;
			padding: 9px 12px 8px 12px;
			font-family: 'OpenSans-Bold';
			font-size: 14px;
			color: #FFF;
			text-decoration: none;
			text-shadow: 0 -1px 1px #b3474b;
			background: #da575b;
			border-bottom: 2px solid #b45e4a;
			border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			-khtml-border-radius: 3px;}		
		 a.more:hover{
			background: #e05f63;}	  
		.slider_list_text span{
			font-family: 'OpenSans-Bold';
			font-size: 25px;
			text-shadow: 0 2px 2px #8baf54;
			line-height: 0.75em;}	
	  .slider_list_img{
		  position: absolute;
		  top: 0;
		  right: 0;
		  width: 656px;
		  height: 295px;
		  z-index: 1;}
		  	  
  .slider_nav{
	  position: absolute;
	  top: 220px;
	  left: 214px;
	  z-index: 2;}
    .slider_nav ul{
		margin: 0;
		padding: 0;
		list-style: none;}
	  .slider_nav ul li{
		  float: left;
		  margin: 0 7px 0 0;}
		.slider_nav ul li a{
			display: block;
			width: 17px;
			height: 17px;
			background: url(../images/slider_nav.png) left top no-repeat;}  	 	
		.slider_nav ul li a:hover,
		.slider_nav ul li.active a{
			background-position: left bottom;}	 	

/*------------------------content----------------------*/
#wrapper{
	position: relative;
	float: left;
	width: 100%;}

.content{
	position: relative;
	float: left;
	width: 656px;
	margin: 0 48px 0 0;}	
.content.inner_content{
	background: #FFF;
	padding: 8px 15px;
	width: 626px;}	
.inner_content img  {
max-width: 550px;
}	
  ul.main_list{
	  margin: 19px 0 39px 0;
	  padding: 0;
	  list-style: none;}	
    ul.main_list li{
		position: relative;
		padding: 0 0 0 17px;
		margin: 0 0 11px 0;}
	ul.main_list li:before{
		content: "";
		position: absolute;
		top: 6px;
		left: 0;
		width: 8px;
		height: 8px;
		background: #716254;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-khtml-border-radius: 3px;}	
  
  .cont{
	  position: relative;
	  float: left;
	  width: 100%;
	  margin: 0 0 25px 0;}  
	.content .title{
		position: relative;
		float: left;
		width: 100%;
		margin: 0 0 16px 0;
		font-size: 28px;}	
		
	.left{
		position: relative;
		float: left;
		width: 314px;
		margin: 0 28px 0 0;}
	.right{
		position: relative;
		float: right;
		width: 314px;}
		
	  .info_box{
		  position: relative;
		  float: left;
		  width: 284px;
		  height: 390px;
		  padding: 14px 15px 4px 15px;
		  margin: 0 0 27px 28px;
		  font-family: 'OpenSans';
		  background: #FFF;
		  border-bottom: 2px solid #e8e5d3;
		  border-radius: 3px;
		  -moz-border-radius: 3px;
		  -webkit-border-radius: 3px;
		  -khtml-border-radius: 3px;} 
		  .info_box_block{
		  position: relative;
		  float: left;
		  width: 105%;
		  margin: 0 0 0 -28px;}
                  .info_box.even{
		  height: 157px;}	
		.date{
			position: relative;
			float: left;
			width: 100%;
			margin: 0 0 11px 0;
			font-size: 12px;
			color: #da575b;}	
		  .date span{
			  display: inline-block;
			  border-bottom: 2px solid #da575b;
			  padding-bottom: 3px;}
		.info_box p{
			margin: 12px 0;}  
		.info_box a.name{
			display: block;
			float: left;
			width: 100%;
			margin: 0 0 13px 0;}	
		span.small{
			display: inline-block;
			font-size: 12px;
			line-height: 1.15em;}
		a.download{
			display: inline-block;
			padding: 5px 12px 6px 12px;
			margin: 0 0 12px 0;	
			background: #f6f3e0;
			font-size: 12px;
			color: #716254;
			text-decoration: none;
			border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			-khtml-border-radius: 3px;}
		a.download:hover{
			text-decoration: underline;}
			
.breadcrumbs{
	position: relative;
	float: left;
	width: 100%;
	margin: 0 0 8px 0;
	font-size: 12px;}
  .breadcrumbs a{
	  display: inline-block;
	  color: #da575b;}
  .breadcrumbs a:hover{
	  color: #da575b;
	  text-decoration: none;}	  	
	.breadcrumbs span{
		display: inline-block;
		width: 11px;
		height: 5px;
		background: url(../images/breadcrumbs_arrow.png) no-repeat;
		margin: 0 2px 0 5px;}	
		  
table{
	float: left;
	width: 100%;
	border-collapse: collapse;
	margin: 6px 0 49px 0; 

}	
  table tr th{
	  padding: 8px 15px;
	  font-size: 14px;
	  color: #da575b;
	  font-weight: normal;
	  background: #f6f3e0;
	  text-align: left;}  	
  table tr td{
	/*  padding: 0px; */
	  padding:21px 15px;
	  border-bottom: 1px solid #eeecea;
	  font-size: 12px;}
  table tr:last-child td{
	  border-bottom: none;}						

.content .hr{
	position: relative;
	float: left;
	width: 100%;
	margin: 0 0 23px 0;
	height: 1px;
	background: #716254;}		  
.content.inner_content .hr{
	width: 105%;
	margin: 0 -2.5% 23px -2.5%;
	background: #f6f3e0;}

.social{
	position: relative;
	float: left;
	width: 100%;
	margin: 0 0 30px 0;}
	
.comm{
	position: relative;
	float: left;
	width: 100%;
	margin: 9px 0 0 0;}	

/*------------------------column-----------------------*/
.column{
	position: relative;
	float: right;
	width: 266px;}
	
  .sidebar{
	  position: relative;
	  float: left;
	  width: 88%;
	  padding: 9px 6% 5px 6%;
	  margin: 0 0 37px 0;
	  border-bottom: 2px solid #e0ddca;
	  background: #90b557;
	  border-radius: 5px;
	  -moz-border-radius: 5px;
	  -webkit-border-radius: 5px;
	  -khtml-border-radius: 5px;}	
	.column .title{
		position: relative;
		float: left;
		width: 101%;
		padding: 0 6% 8px 6%;
		margin: 0 -6.5% 12px -6.5%;
		border-bottom: 1px solid #b0c881;
		font-size: 24px;
		color: #f6f3e0;
		text-shadow: 0 1px 1px #8baf54;}
	.column .title:after{
		content: "";
		position: absolute;
		bottom: -4px;
		left: 13px;
		width: 5px;
		height: 4px;
		background: url(../images/title_corner.png) no-repeat;}	
		
	.topic_box{
		position: relative;
		float: left;
		width: 100%;
		margin: 3px 0 23px 0;
		color: #FFF;}
	  span.topic_author{
		  display: inline-block;
		  margin: 0 0 7px 0;
		  padding: 4px 8px 4px 30px;
		  background: url(../images/topic_author_bg.png) 9px 7px no-repeat #9dbe6b;
		  border-radius: 3px;
		  -moz-border-radius: 3px;
		  -webkit-border-radius: 3px;
		  -khtml-border-radius: 3px;}		
	  .topic_box a.name{
		  display: block;
		  float: left;
		  width: 100%;
		  color: #FFF;
		  line-height: 1.35em;}
	  .topic_box a.name:hover{
		  color: #FFF;
		  text-decoration: none;}	  	

/*------------------------footer-----------------------*/
.hfooter{
	width: 100%;
	height: 186px;
	float: left;}

#footer{ 
	position: relative;
	float: left;
	width: 100%;
	height: 186px;
	margin-top: -186px;
	font-size: 12px;
	color: #98968a;
	background: #716254;
	z-index: 2;}
#footer:before{
	content: "";
	position: absolute;
	top: 128px;
	left: 0;
	width: 100%;
	height: 1px;
	background: #796b5e;}
	
  .footer_nav{
	  position: absolute;
	  top: 33px;
	  left: 0;
	  width: 525px;
	  font-size: 14px;}
	.footer_nav ul{
		margin: 0;
		padding: 0;
		list-style: none;}
	  .footer_nav ul li{
		  position: relative;
		  float: left;
		  width: 175px;
		  margin: 0 0 18px 0;}
		.footer_nav ul li a{
			display: block;
			color: #f6f3e0;}  
		.footer_nav ul li a:hover{
			text-decoration: none;
			color: #f6f3e0;}	
			
  #footer .tel{
	  top: 45px;}		
	 
  .copy{
	  position: absolute;
	  top: 145px;
	  left: 0;}

  a.creator{
	  position: absolute;
	  top: 146px;
	  right: 0;
	  color: #98968a;
	  text-decoration: none;}	  	  		  		
  a.creator:hover{
	  text-decoration: underline;}	
	  
.usermenu {
	position: relative;
	float: left;
	width: 88%;
	padding: 9px 6% 5px 6%;
	margin: 0 0 37px 0;
	border-bottom: 2px solid #e0ddca;
	background: #716254;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
}	  
.button {
	 background: url(../images/menu_title_corner.png) left bottom no-repeat;
position: relative;
	cursor: pointer;
	text-align: center;
	height: 31px;
	padding: 0 13px; 
	font-family: 'OpenSans-Bold';
	color: #da575b;
	font-size: 14px;
	border-left: 1px solid #d8e2c3;
	border-right: 1px solid #d8e2c3;
	border-top: 1px solid #e9f0dd;
	border-bottom: 1px solid #becd99;
	background: url(../images/submit.png) left top repeat-x;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;	
	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);}
}	

.usermenu ul{
		position: relative;
		float: left;
		width: 100%;
		margin: 0;
		padding: 0;
		list-style: none;}
	  .usermenu ul li{
		  position: relative;
		  display: block;
		  border-top: 1px solid #85786c;}
	  .usermenu ul li:first-child{
		  border-top: none;}	  
		.usermenu ul li a{
			display: block;
			padding: 7px 0 8px 0;
			color: #ffffff;
			font-weight: bold;
			text-decoration: none;}
		.usermenu ul li a:hover,
		.usermenu ul li.active a{
			color: #ffffff;}	
			
		.usermenu ul li:after{
			content: "";
			position: absolute;
			top: 50%;
			right: 0;
			width: 17px;
			height: 16px;
			margin-top: -8px;}
.usermenulink {
color: #ffffff;
}		
.cats_name {
font-size: 16px;
font-weight: bold;
padding-bottom: 15px;

}	
.cats_name a{

}
.title a {
text-decoration: none;
color: #f6f3e0;
	  text-shadow: none;
}
/*------------------------END--------------------------*/