@charset "utf-8";
.modal {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	display: none;
	pointer-events: none;
}
.modal:target {
	display: block;
	pointer-events: auto;
}

.modal > div {
	width: 400px;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
}
/* CSS Document */
/*СБРОС ВСЕХ СТИЛЕЙ ПО УМОЛЧАНИЮ ДЛЯ КРОУСБРАУЗЕРНОСТИ*/
* {
  vertical-align: top;
  font-weight: inherit;
  font-family: inherit;
  font-style: inherit;
  font-size: 100%;
  border: 0 none;
  outline: 0;
  padding: 0;
  margin: 0;
  transition: all 0.3s ease-out;
  }
/*--------СТИЛИ ДЛЯ ВЫДЕЛЕНИЯ ТЕКСТА МЫШКОЙ НА САЙТЕ--------------*/
*::selection{
	background:rgba(204,204,204,.4);
	color: #666;
	}
*::-moz-selection{
	background:rgba(204,204,204,.4);
	color: #666;
	}
/*РАЗМЕР ШРИФТА ПО УМОЛЧАНИЮ 	Размер шрифта = 10рх или 1em*/
html{
	font-size: 62.5%;
	}
/*ПОДКЛЮЧЕНИЕ ШРИФТОВ ДЛЯ САЙТА
	pt-sans - весь текст на сайте
	pt-sans-bold - для выделения текста жирным (strong)
	pt-sans-italic - для выделения текста курсивом (em)
	
	Arimo - шрифт используется для заголовков обычным начертанием (не жирный)
	Arimo-bold - используется для заголовков с жирным начертанием*/
@font-face {
  font-family: pt-sans;
  src: url("fonts/PT_Sans.ttf");
}
@font-face {
  font-family: pt-sans-bold-italic;
  src: url("fonts/PT_Sans-BoldItalic.ttf");
}
@font-face {
  font-family: pt-sans-bold;
  src: url("fonts/PT_Sans-Bold.ttf");
}
@font-face {
  font-family: pt-sans-italic;
  src: url("fonts/PT_Sans-Italic.ttf");
}
@font-face {
  font-family: Arimo;
  src: url("fonts/Arimo.ttf");
  font-weight:bold;
}
@font-face {
  font-family: Arimo-bold;
  src: url("fonts/Arimo-Bold.ttf");
}
/*Установка основных параметров ДОКУМЕНТА*/
body {
	background:#ccc;
	font-family: "pt-sans", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:1em;
	color:#333333;
	}
/*-------------ID, определяющий положение и размер сайта на странице---------------*/
#contener{
	width: 1180px;
	margin:0 auto;
	background:#fff;
	overflow:hidden;
	}
/*-----------------HEADER----------------------*/
/*СТИЛИ ДЛЯ ЛОГОТИПА В ШАПКЕ САЙТА*/
header{
	overflow:hidden;
	position:relative;
	}
.logo, header h1{
	margin: 0 1em 0 !important;
	display:inline-block;
	}
	.logo{
		float:left;
		}
	.logo span, h1 span{
		display:block;
		line-height:1em;
		text-transform:uppercase;
		}
		.txt_top{
			font-family:Arimo !important;
			font-size: 2.6em;
			letter-spacing: 0.04em;
			}
		.txt_center{
			font-family:Arimo-bold !important;
			color:#003333;
			font-size: 7.2em;
			}
		.txt_bottom{
			font-family:Arimo;
			font-size:2em;
			}
	.logo a{
		text-decoration: none;
		color:#003333;
		display:inline-block;
		}
/*РЕКЛАМА GOOGLE В ШАПКЕ САЙТА*/
#rek{
	float:right;
	margin: 2em 0;
	width: 63%;
	}
/*ВЕРХНЕЕ МЕНЮ С СОЦ.СЕТЯМИ И ПОИСКОМ ПО САЙТУ*/
nav{
	background: #003333;
	overflow:hidden;
	position:relative;
	}
	#mob_menu{
		display:none;
		visibility:hidden;
		}
	#menu{
		list-style:none;
		padding:0;
		float:left;
		margin: 0;
		}
		#menu li{
			display:inline-block;
			float:left;
			}
			#menu a,#menu span{
				font-size:1.6em;
				display:inline-block;
				color: #f3f3f3;
				text-decoration:none;
				padding: 0.6em;
				}
				#menu a:hover, #menu span#active{
					background:#f3f3f3;
					color: #003333;
					}
	/*Стиль для мобильной версии верхнего меню*/
	#top_menu_mobile{
		display:none;
		}
	/*Социальные сети в верхнем меню*/
	#social{
		float:left;
		padding: 0.5em 0 0 1em;
		}
		/*Убирает НЕНУЖНЫЕ отступы у соц.сетей*/
		.horizontal.style-1.size-30.horizontal{
			padding: 0!important;
			}
	/*Поиск по сайту*/
	#search_box{
		position:relative;
		float:right;
		}
		#search_box input{
			float:left;
			}
		#search{
    border: 0 none;
    border-radius: 0.5em;
    font-size: 1.2em;
    margin: 3px 3px 0 0;
				padding: 0.7em 3em 0.7em 1em;
				}
			#search_box label {
				font-size: 1.6em;
				color:rgba(51,51,51,.4);
				position:absolute;
				left:.6em;
				padding:0.5em 0;
				}
				#search_box .highlight{
					font-size:.8em;
					top: -2px;
					}
		#searh_btn{
			background: url(../img/loop.png) no-repeat;
			width: 35px;
			height: 24px;
			border:0;
			cursor:pointer;
			margin-top: 0.6em;
			position:absolute;
			right:3px;
			}

/*КОНТЕНТНАЯ ЧАСТЬ САЙТА (БЕЗ ЛЕВОГО И ПРАВОГО МЕНЮ)*/
#wrappercontent{
	background:#fff;
	float:left;
	width: 100%;
	position:relative;
	}
	
/*УСТАНОВКА РАЗМЕРА ШРИФТА ДЛЯ ЗАГОЛОВКОВ*/
h1, h2, h3, h4, h5, h6, .logo{
	font-family:Arimo-bold !important;
	color: #660000;
	margin:0;
	line-height:1.2em;
	padding: 1em 0 .5em;
	}
	
article h1{
	font-size:1.8em;
	padding: 0;
	margin: 1em 0;
	}
article h2{	font-size: 1.5em;}
article h3{	font-size: 1.2em;}
article h4{	font-size:1em; }
article h5{	font-size:0.8em;}
article h6{	font-size:0.6em;
	}
	article{
		margin: 0 13em;
		border-left: 1px solid #CCCCCC;
		border-right: 1px solid #CCCCCC;
		padding: 0 0.6em;		
		font:normal normal 1.6em/1.2em "pt-sans", Helvetica, Arial, sans-serif;
		overflow:hidden;
		}
		
		/*СТИЛИ ДЛЯ ССЫЛОК НА ВСЁМ САЙТЕ*/
		a{
			text-decoration:underline;
			color:#006699;
			}
			a:hover{
				text-decoration:none;
				color:#660000;
				}
		
/*СТИЛИ ДЛЯ ССЫЛОК В ЗАГОЛОВКАХ НА ВСЕМ САЙТЕ*/	
h2 a{
	text-decoration:none;
	}
	h2 a:hover{
		text-decoration:underline;
		}

/*СТИЛИ ДЛЯ ОСНОВНЫХ ТЕГОВ*/
p{
	padding: 0 0 1em;
	line-height: 1.5em;
	}
p.author{
	font-size:0.6em;
	}
.views{
	background:url(../img/views.png) no-repeat left center / calc(2em);
	padding: 0 2.5em;
	}
.comments{
	background:url(../img/comments.png) no-repeat left center / calc(1.5em);
	padding: 0 2.5em;
	}
.rating{
	background:url(../img/rating.png) no-repeat left center / calc(1.5em);
	padding: 0 0 0 2.5em;
	width: 12em;
	}
	#captcha{
		max-width: 100px;
		padding:10px 20px 5px;
		border: 1px solid #ccc;
		cursor:pointer;
		}
	.rating img{
		position:relative !important;
		}
	.form{
		margin: 0 20%;
		}
		input, textarea{
			border: 1px solid #CCCCCC;
			border-radius: 5px;
			padding: .5em;
			margin: 0 0 1em;
			width: 100%;
			}
		input[type=submit]{
			cursor: pointer;
			}
		input[type="radio"]{
			width: auto;
			margin: .2em 1em 1em 0;
			}
/*СТИЛИ ДЛЯ НЕНУМЕРОВАННЫХ СПИСКОВ*/
article ul{
	list-style: none;
	padding:0 0 0.5em;
	}
	article ul li{
		background:url(../img/bull_cont.png) no-repeat left center/calc(1em);
		padding: 0.3em 0 0.3em 1.5em;
		}
ul.list_title li{
	background-position:left 0.6em;
	background-size: calc(1em);
	padding:0.5em 0;
	}
	ul.list_title span{
		display:block;
		text-transform:uppercase;
		font-size:1.4em;
		padding:0 0 0.4em 1.2em;
		}
		
/*СТИЛИ ДЛЯ НУМЕРОВАННЫХ СПИСКОВ*/
ol{
	list-style:inside decimal;
	}
	ol li{
		padding: 0.5em 0;
		}
ol.counter{	
	counter-reset: li; /* Инициализация счетчика */
	list-style: none; /* Удаляем нумерацию по умолчанию */
	}
ol.counter li{
		font-family: pt-sans;
		color: #333;
		display:table;
	}
	ol.counter li:before{
			content: counter(li);
			counter-increment: li;
			color: #660000;
			font-family: pt-sans-bold;
			vertical-align: middle;
			display:table-cell;
			padding-right: .4em;
			font-size:1.6em;
			
			clear:both;			
			}
		
/*ДАННЫЙ ТЕГ БУДЕТ ОТОБРАЖАТЬСЯ НА СТРАНИЦЕ ЖИРНЫМ ШРИФТОМ, А НЕ ДОБОВЛЯТЬ ЛИШНИХ ПИКСЕЛЕЙ К ВЫДЕЛЕННОМУ ТЕКСТУ (ПСЕВДО-ЖИРНЫЙ)*/
strong{
	font-family:pt-sans-bold;
	}
	em strong, strong em, dd strong{
		font-family: pt-sans-bold-italic;
		}
		
/*ДАННЫЙ ТЕГ БУДЕТ ОТОБРАЖАТЬСЯ НА СТРАНИЦЕ КУРСИВОМ, А НЕ ДОБОВЛЯТЬ НАКЛОНА БУКВАМ (ПСЕВДО-КУРСИВ)*/
em{	
  font-family: pt-sans-italic;
  }

/*СТИЛИ ДЛЯ ИЗОБРАЖЕНИЙ ПО УМОЛЧАНИЮ*/
img{
	width: 100%;
	height:auto;
	}
hr{
	background: #ccc;
	height: .1em;
	margin: 1em 0;
	}


/*СТИЛИ ДЛЯ ТАБЛИЦ*/
table {
    border-collapse:collapse;
    border-spacing:0;
				vertical-align:middle;
				width:100%;
				margin:0 0 1em;
	}	
	th{
		font-family: pt-sans-bold;
		text-align: left;
		font-size: 1.2em;
		padding: 0.2em 0;
		}
	td{
		padding:0.2em 0;
		vertical-align:middle;
		}

/*СТИЛЬ, КОТОРЫЙ ОТМЕНЯЕТ ОБТИКАНИЕ ЭЛЕМЕНТА СПРАВА И СЛЕВА*/
.clear{
	clear:both;
	height:0;
	}

/*БЛОК ХЛЕБНЫЕ КРОШКИ*/
p.breadcrumbs{
	padding: 0;
	margin: 1em 0;
	}
/*СТИЛИ ПОСТРАНИЧНОЙ НАВИГАЦИИ*/
.pagination{
	text-align:center;
	padding: 1em 0;
	}
	.pagination a{
		color:#f3f3f3;
		padding: 0.5em;
		display:inline-block;
		margin:0 0.5em;
		background:#003333;
		text-decoration:none;
		border-radius:.2em;
		}
		.pagination a:hover{
			background:#f3f3f3;
			color:#003333;
			}
	.pagination .acive_page{
		background:#f3f3f3;
		color:#003333;
		padding: .5em;
		display:inline-block;
		margin:0 .5em;
		border-radius:.2em;
		}
	.pagination .all_pages{
		display: block;
		font-size:.6em;
		padding:.5em 0;
		}
	
/*СТИЛИ ДЛЯ ЛЕНТЫ НОВОСТЕЙ НА ГЛАВНОЙ СТРАНИЦЕ*/
	#block_news h2{
		padding-top: .7em;
		}
	.news{
		overflow: hidden;	
		position:relative;
		padding-left: 9em;
		margin: .6em 0;
		}
		.news h3{
			font-family:pt-sans;
			}
		.news img{
			position:absolute;
			width: 10em !important;
			height:auto !important;
			left:0;
			top: 2em;		
			}
			.news img.r{
				padding-left:0;
				}
		.news p, #set p, #faq p{
			font-size:.8em;
			line-height: 1.5em;
			}
		.news a, .article a{
			text-decoration:none;
			}


/*РЕКЛАМНЫЙ БЛОК ОТ GOOGLE В КОНТЕНТНОЙ ЧАСТИ САЙТА*/
.rek_content{
	margin: 1.5em 0;
	text-align:center;
	clear:both;
	}

/*КЛАССЫ l И r МОГУТ ПРИМЕНЯТЬСЯ К ЛЮБЫМ ТЕГАМ ДЛЯ СМЕЩЕНИЯ ЭЛЕМЕНТА ВЛЕВО ИЛИ ВПРАВО С ОТСТУПАМИ*/	
.l, .r{
	width: 40% !important;
	height:auto !important;
	}
.l{
	float:left;
	padding-right: 1em;
	}
.r{
	float: right;
	padding-left: 1em;
	}
	
/*КЛАСС ДЛЯ ТЕГА SPAN РИСУЕТ ЗНАК РУБЛЯ*/
span.rub {
	display: inline-block;
	border-bottom: 3px solid;
	height: .65em;
	box-sizing: border-box;
	}
.round{
	margin: 0 0 .5em;
	overflow:hidden;
	font-size: 1.2em;
	background-size: calc(4em) !important;
	padding: 1.6em 4em 1.6em 4.5em;
	}
		.round#year{
			background:url(../img/15_year.png) no-repeat left center;
			}
		.round#site{
			background:url(../img/200.png) no-repeat left center;
			}
		.round#cms{
			background:url(../img/cms.png) no-repeat left center;
			}
/*СТИЛИ ДЛЯ РАЗМЕЩЕНИЯ БЛОКОВ В РЯД
	.wrap_2 - 2 блока div в ряд
	.wrap_3 - 3 блока div в ряд
	.wrap_4 - 4 блока div в ряд*/
.wrap_2{
	width: 100%;	
	overflow:hidden;
    margin: 1em 0;
	}
	.wrap_2 div{
		float:left;
		width: 50%;
		}
.wrap_2_center, .wrap_3, .wrap_4{
	text-align:center;
	width: 100%;
	overflow:hidden;
	border-bottom: 1px solid #cccccc;
 padding: 1em 0;
	}
	.wrap_2 ul{
		padding: 0 1em 0 0;
		}
	.wrap_3 div{
		float:left;
		width: 33.33%;
		}
		.wrap_3 img{
			max-width: 12em;
			}
	.wrap_4 div{
		width: 25%;
		float:left;
		}
		.wrap_4 img{
			max-width: 8em;
			}
			.scale img{
				padding:.3em;
				margin:1em 0;
				}
			.circle img:hover, .circle a:hover img{
				transform:rotate(360deg);
				}
			.scale img:hover, .scale a:hover img{
				box-shadow: 0 0 10px rgba(0, 0, 0, .1);
				transform: scale(1.2);
				}
			
/*СТИЛИ ДЛЯ БЛОКА
	Расчитать стоимость сайта
	Бесплатная консультация
	Уточнить цену и заказать*/
#service{
	float:right;
	width:43%;
	overflow:hidden;
	padding: 0 0 0 1.5em;
	}
	#service a{
		display:block;
		text-decoration:none;
		color:#fff;
		}
		#service span{
			display: block;
			padding:1em;
			margin:0 0 1em 4em;
			border-radius: .3em;
			}
	#service #raschet{
		background:url(../img/raschet.png) no-repeat left center / contain;
		margin:2em 0 0;
		}
		#raschet span{
			background:#cc9966;
			}
	#service #consult{
		background:url(../img/consult.png) no-repeat left center / contain;
		}
		#consult span{
			background: #336699;
			}
	#service #zakaz{
		background:url(../img/zakaz.png) no-repeat left center / contain;
		}
		#zakaz span{
			background: #006600;
			}
 /*ИНФОРМАЦИОННЫЕ БЛОКИ ПРИМЕЧАНИЕ, ЗАМЕТКА, ВАЖНО*/
 dl{
	 margin: 1em 0;
	 }
	dl dt{
		margin: 0.6em 0 0.6em 2em;
		font-weight:bold;
		}
	dl dd{
		padding: 0 2.5em 1em 2em;
		font-family:pt-sans-italic;
		}
dl.vajno, dl.prim, dl.zametka{
	 border-top: 1px solid #ccc;
	 border-bottom: 1px solid #ccc;
		}
dl.prim{
	 color:#336699;
	 }
	 .prim dd{
		 color:#000033;
		 }
dl.zametka{
	color:#336600;
	}	
	.zametka dd{
		color:#003300;
		}
dl.vajno{
	color:#660000;
	}
	.vajno dd{
		color:#330000;
		}
		
/*ИНФОРМАЦИОННЫЕ БЛОКИ С ШИРОКОЙ ПОЛОСОЙ СЛЕВА*/
dl.informer_orange, dl.informer_blue, dl.informer_green{
	margin: 0.6em 0 1em;
	}
	.informer_orange dt, .informer_blue dt{
		font-weight:bold;
		}
	.informer_green dt{
		font-weight:normal;
		}
dl.informer_orange, dl.informer_blue, dl.informer_green{
	border-left-width: 4em;
	border-left-style:solid;
	}
dl.informer_orange{
	border-left-color:#cc9966;
	}
dl.informer_blue{	
	border-left-color: #336699;
	}
dl.informer_green{
	border-left-color: #006600;
	}
		
/*СТИЛЬ ДЛЯ АКЦЕНТИРОВАНИЯ ИНФОРМАЦИИ (используется для выделения цены в услугах, например: от 15000 руб)*/
.u_price{
	font-size: 1.3em;
	text-transform:uppercase;
	font-weight:bold;
	color:#cc9966;
	}
	
/* НЕНУМЕРОВЫННЫЙ СПИСОК С ИНФОГРАФИКОЙ*/
.flag1, .flag2, .flag3, .flag4, .flag5{
	padding: 1em 0 1em 3.5em;
	}	
ul .flag1{
	background:url(../img/flag1.png) no-repeat left center;}
ul .flag2{
	background:url(../img/flag2.png) no-repeat left center;}
ul .flag3{
	background:url(../img/flag3.png) no-repeat left center;}
ul .flag4{
	background:url(../img/flag4.png) no-repeat left center;}
ul .flag5{
	background:url(../img/flag5.png) no-repeat left center;}		
			
/*-------------стиль для выделения текста--------------------*/
.red{
	color:#990000;
	}
.green{
	color:#336633;
	}
table.creat{
	width: 53%;
	}
	table.creat td, table.creat th{
		border-bottom: 1px solid #CCCCCC;
		padding: 0.3em;
		}
		table.creat td:nth-child(2n+1), table.creat th:nth-child(2n+1){
			border-right: 1px solid #CCCCCC;
			}
		table.creat td:nth-child(2n){
			color: #990000;
			}
/*-----------------КЛАСС ПРИМЕНЯЕТСЯ ДЛЯ ТАБЛИЦЫ С РАСЦЕНКАМИ НА ПРОДВИЖЕНИЕ В СОЦ.СЕТЯХ (пример: http://seo-doka.ru/progress.htm)---------------*/
.social_price {	
	width:95%;
	}		
	/*-------------СТИЛЬ ПРИМЕНЯЕТСЯ К ЧЕТНОЙ ЯЧЕЙКИ ТАБЛИЦЫ С КЛАССОМ .social_price-------------------*/ 
	.social_price td:nth-child(2n){
		font-size: 1.6em;
		text-align:right;
		color:#cc9966;
		font-weight:bold;
		width:20%;
		}
		
/*-----------СТИЛЬ ДЛЯ ССЫЛКИ РЕКЛАМА НА НАШЕМ САЙТЕ (не более одного стиля на странице)------------*/
		#rek_for_site{
			background:#006600;
			padding: 1em;
			float:right;
			border-radius: 3%;
			margin: 2em 0;
			}
			#rek_for_site a{
				color:#fff;
				font-weight:bold;
				text-decoration:none;
				}

/*---------------------БЛОКИ НОВЫЕ СТАТЬИ И НОВЫЕ ВОПРОСЫ НА ГЛАВНОЙ----------------*/
	.article{
		width:49%;
		float:left;
		}
	#set{
		margin:0 2% 0 0;
		}
		#set p img{
			max-width: 10em;
			}
		.prosmotr{
			position:relative;
			padding: .5em 0 1.5em;
			border-bottom:1px solid #CCC;
			font-size:0.7em;
			clear:both;
			}
			.prosmotr img{
				max-width: 7em;
				vertical-align: sub;
				}
/*------------------бЛОК КОМЕНТАРИЕВ НА ГЛАВНОЙ СТРАНИЦЕ--------------------------*/
.comment{
	border: 1px solid #CCCCCC;
	border-radius: 0.5em;
	padding: 0.6em;
	margin: 0.6em 0;
	overflow:hidden;
	}
	.comment span{
		display:block;
		font-size:0.6em;
		}
	
/*---------------БЛОК ОБЛАКА ТЕГОВ------------------*/
.cloud{
	padding: 2em 0;
	}
	#cloud_tag{
		margin:0;
		padding:0;
		list-style:none;
		}
		#cloud_tag li{
			display:inline-block;
			padding:0.1em;
			line-height: 0.8em;
			background:none;
			}
	
/*---------------------БЛОК С ПОСЛЕДНИМИ ТВИТАМИ----------------------*/
#twitter-widget-0{
	width: 100% !important;
	}
	
/*----------------СТРАНИЦЫ НОВОСТЕЙ, СТАТЕЙ, ВОПРОСОВ-------------------*/
.settings, .faq_answer{
	margin:0 0 1em;
	}	
	.settings div.description{
		position:relative;
		padding:0 10em 0 0;
		}
		.description h2{
			padding:0 0 1em;
			}
		.description img{
			position:absolute;
			right: 0;
			top: 0;
			width: 8em !important;
			}
	.faq_answer h2{
		font-size: 1.2em;
		}	
/*ГОСТЕВАЯ КНИГА*/
#book_top, div#addmsg{
	margin:2em 0;
	}
	#book_top li{
		background:none;
		display:table-cell;
		width: 120em;
		padding:0;
		}
	#book_top p{
		font-family: pt-sans-italic;
		}
		#opis{
			font-size: 0.8em;
			}
			
	.book_num_post {
		background: #f3f3f3;
		color: #003333;
		float: right;
		padding: 0.3em;
		border-radius: 0.2em;
		}
		.comment img{
			max-width: 20px;
			}
	#book_form{
		margin: 0 0 1em;
		text-align:center;
		}
	#addmsg img{
		width: 16px;
		}
		.spam_bg, #book_fon{
			background: #006600;
			padding: 0 .5em;
			color: #fff;
			}
		
		/*========== ПОИСК ПО САЙТУ =================*/
		
		.search_article{
			}
			.search_article img{
				display:none;
				}
		
		/*===============ВИДЕОУРОКИ==============*/
		.buy{
			font-size: 2em;
			color: #ff9c00;
			}
		
		
	/*---------------ЛЕВОЕ И ПРАВОЕ МЕНЮ----------------*/
	#left {
		margin-left: -100%;
		border-right: 1px solid #CCCCCC;
		}

	#right {
		margin-left: -22em;
		border-left:1px solid #ccc;
		float:right;
		top:0;
		}
	aside{
		width: 13em;
		float: left;
		font:normal normal 1.6em/1.2em "pt-sans", Helvetica, Arial, sans-serif;
		position:relative;
		background: #fff;
		}
		aside .sidebar{
			padding: 0 0.6em;
			}
		aside h3{
			padding:0.8em 0 0.5em;
			font-size: 1.2em;
			}
			.sidebar img{
				width: 30px;
				float: left ;
				margin-right:1em;
				}
		aside ul{
			padding:0;
			list-style:none;
			}
			aside li{
				background: url(../img/list_menu.png) no-repeat left center/calc(0.5em);
				padding: 0 0 0 .8em;
				}
				aside li a{
					text-decoration:none;
					color:#003333;
					}
					aside li:not(#active):hover{
						margin-left: 1em;
						}
			.sidebar_kateg li{
				background-position: left 0.4em;
				padding: 0 0 0.6em 1.3em;
				font-size: 0.8em;
				line-height: 1.2em;				
				}
		aside p{
			padding: 0 0 1em;
			}
			aside p a{
				color:#660000;
				display:block;
				padding: 1em 0 .5em;
				border-bottom: 1px solid;
				text-align:right;
				}
				aside p a:hover{
					text-decoration:none;
					}
			#left_menu_mobile, #right_menu_mobile{
				display:none;
				}
		aside span{
			display:block;
			color:#600;
			border-top:1px solid #CCCCCC;			
			font-size: 0.8em;
			line-height: 1.2em;		
			}
		li#active{
			margin-left: 1em;
			color:#660000;
			}
	/*===== SEO-ТЕРМИНЫ ==========*/
	#alfavit{
		display:table-row;
		}
		#alfavit h2{
			display:table-cell;
			width: 1000px;
			}
	.termini{
		display:inline-block;
		width: 30%;
		}
		.termini li{
			font-size:0.8em;
			padding: 0 0 0 1.5em;
			}
	.alf_bukva a{
		padding:1em;
		margin: .5em;
		width: 20px;
		height: 20px;
		line-height: 20px;
		text-align:center;
		display:inline-block;
		border: 1px solid #ccc;
		}
	.alf_bukva a:hover{
				transform: scale(1.2);
				box-shadow: 0 0 10px rgba(0, 0, 0, .3);
				color:#FFFFFF;
				background:#003333;
				}
	/*========= Модальное окно ==========*/	
	
.modalDialog {
		position: fixed;
		font-family: Arial, Helvetica, sans-serif;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,0.8);
		z-index: 99999;
		display: none;
		pointer-events: none;
	}

	.modalDialog:target {
		display: block;
		pointer-events: auto;
	}

	.modalDialog > div {
		width: 400px;
		position: relative;
		margin: 10% auto;
		padding: 5px 20px 13px 20px;
		border-radius: 10px;
		background: #fff;
		background: -moz-linear-gradient(#fff, #999);
		background: -webkit-linear-gradient(#fff, #999);
		background: -o-linear-gradient(#fff, #999);
	}

	.close {
		background: #606061;
		color: #FFFFFF;
		line-height: 25px;
		position: absolute;
		right: -12px;
		text-align: center;
		top: -10px;
		width: 24px;
		text-decoration: none;
		font-weight: bold;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 12px;
		-moz-box-shadow: 1px 1px 3px #000;
		-webkit-box-shadow: 1px 1px 3px #000;
		box-shadow: 1px 1px 3px #000;
	}
.close:hover { background: #860015;
color:#fff;
    transform: rotate(360deg);   
}
/*======== АРХИВ МАТЕРИАЛОВ ==========*/
.arhive_month{
	width: 20%;
	float:left;
	}
	
/*ПОДВАЛ САЙТА*/	
footer{
	clear:both;
	padding: 1em;
	position: relative;
	right:0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}
	footer .logo{
		font-size:0.5em;
		float:left;
		}
	#bottom_rek{
		text-align:center;
		}
	#footer_menu{
		float:right;
		}
		#footer_menu div{
			background: #f3f3f3;
			border-radius: 5px;
			padding: 1em;
			margin:1em;
			float:left;
			}
			#footer_menu div:hover{
				background:#003333;
				}
			#footer_menu a{
				display:block;
				background:url(../img/bottom_icons.png) no-repeat;
				width: 37px;
				height: 37px;
				}
			#footer_menu #kontakts{
				background-position: 2px 0;
				}
			#footer_menu #site_map{
				background-position: -40px 0;
				}
			#footer_menu #rss{
				background-position: -84px 0;
				}
			#footer_menu #kontakts:hover{
				background-position: 2px -36px;
				}
			#footer_menu #site_map:hover{
				background-position: -40px -36px;
				}
			#footer_menu #rss:hover{
				background-position: -84px -36px;
				}
		#copyright{
			text-align:center;
			font-size: 1.6em;
			}
	.analitics{
		padding: 10px;
		float: left;
		}
	
	
	
	
	
	
/*СТИЛИ ДЛЯ МОБИЛЬНЫХ ВЕРСИЙ САЙТА*/
@media screen and (max-device-width: 1024px) {
	#rek{
		width: 58%;
		}
	}
@media screen and (max-device-width: 800px) {
.logo, header h1{
	font-size: 1em;
	text-align:center;
	float:none;
	display:block;
	}
#rek{
	float:none;
	width: 100%;
	text-align: center;
	}
	#menu{
		height:0;
		clear:both;
		overflow:hidden;
		}	
		#menu li{
			display:block;
			float:none;
			}
			#menu a, #menu span{
				display:block;
				}
		#menu.active{
			width:100%;
			height: 367px;
			}		
	#search_box{
		position: absolute;
		float:none;
		top:0;
		right:0;
		}
	#social{
		position:absolute;
		left:50px;
		}
		#top_menu_mobile{
				display: block;
				color:#FFFFFF;
				float:left;
				background:#003333;
				padding: .5em;		
				cursor:pointer;	
			}
			#top_menu_mobile span{
				border: 2px solid #f3f3f3;
				display: block;
				margin: .5em;
				border-radius: 10px;
				width: 25px;
				}
				#top_menu_mobile:hover, #left_menu_mobile:hover, #right_menu_mobile:hover{
					background: #f3f3f3;
					}
					#top_menu_mobile:hover>span, #left_menu_mobile:hover>span, #right_menu_mobile:hover>span{
						border: 2px solid #003333;
						}
						footer .logo{
							float:left;
							}
	}
@media screen and (max-device-width: 768px) {
	body.active_r{
		overflow-y: hidden;
		}
#contener{
	width: auto;
	margin:0;
	}
	#bg{
		width:0;
		}			
	#bg.active_r{
		position:fixed;
		width: 67%;
		height: 100%;
		background:rgba(0,0,0,.7);
		z-index: 2;
		left:0;
	}
	header, #wrappercontent{
		right:0;
		}
			#wrappercontent.active_r, header.active_r, footer.active_r{
				right: 32%;
				}
		article{
			margin:0 0 0 13em;
			border:0;
			}
		.article{
			width: 100%;
			}
		aside{
			position:relative;
			}
		#left.active_r{
			margin-left: -130%;
			}
		aside#right{
			position: fixed;
			right: -14em;
			border:0;
			width: 14em;
			}
			aside#right.active_r{
				right:0;
				position:fixed;
				overflow-y:scroll;
				height: 100%;
				width: 16em;
				box-shadow: 0 0 40px;
				}
				#right_menu_mobile{
					display: block;
					position: fixed;
					right: 0;
					background:#003333;
					color:#FFFFFF;
					top:0;
					cursor:pointer;		
					padding: .5em;			
					}
						#right_menu_mobile span{
							position:relative;
							top:50%;
							width: 15px;
							border: 2px solid #f3f3f3;
							display: block;
							margin: .5em 0;
							border-radius: 10px;
							}
   }

@media screen and (max-device-width: 736px) {
	#bg.active_r{
		width: 65%;
		}	
	}
@media screen and (max-device-width: 732px) {
			#wrappercontent.active_r, header.active_r, footer.active_r{
				right: 34%;
				}
	#bg.active_r{
		width: 63%;
		}	
}
@media screen and (max-device-width: 667px) {
	body.active_l{
		overflow-y: hidden;
		}
	#bg.active_l{
		position:fixed;
		height: 100%;
		background:rgba(0,0,0,.7);
		z-index: 2;
		right:0;
	}
	#bg.active_l, #bg.active_r{
		width: 62%		
		}
		#wrappercontent.active_l, header.active_l, footer.active_l{
			right: -37%;
			}	
			#wrappercontent.active_r, header.active_r, footer.active_r{
				right: 37%;
				}
#contener{
	width: auto;
	margin:0;
	}
		#wrappercontent.active_l, header.active_l, footer.active_l{
			right: -37%;
			}		
article{
	margin:0;
	border:0;
	}
table.creat{
	width: 52%;
	}
h3.cat_menu{
	margin: 2.5em 0 0;	
}
aside#left{
	position: fixed;
	left: -14em;
	border:0;
	margin:0;
	top:0;
	width: 14em;
	}
	aside#left.active_l{
		left:0;
		position:fixed;
		overflow-y:scroll;
		height: 100%;
		width: 16em;
		box-shadow: 0 0 40px;
		}
#left_menu_mobile{
	display: block;
	position: fixed;
	left: 0;
	background:#003333;
	color:#FFFFFF;
	top:0;
	cursor:pointer;		
	padding: .5em;			
	}
	#left_menu_mobile span{		
		position:relative;
		top:50%;
		width: 15px;
		border: 2px solid #f3f3f3;
		display: block;
		margin: .5em 0;
		border-radius: 10px;
		}
	footer{
		border-top: 2px solid #003333;
		}
	#bottom_rek{
		display:none;
		}
}

@media screen and (max-device-width: 640px) {
	#bg.active_l, #bg.active_r{
		width: 62%		
		}
		#wrappercontent.active_l, header.active_l, footer.active_l{
			right: -39%;
			}	
			#wrappercontent.active_r, header.active_r, footer.active_r{
				right: 39%;
				}
	}
@media screen and (max-device-width: 600px) {
	#bg.active_l, #bg.active_r{
		width: 58%;
		}
		#wrappercontent.active_l, header.active_l, footer.active_l{
			right: -41%;
			}	
			#wrappercontent.active_r, header.active_r, footer.active_r{
				right: 41%;
				}
	}
@media screen and (max-device-width: 568px) {
	#bg.active_l, #bg.active_r{
		width: 55%;
		}
		#wrappercontent.active_l, header.active_l, footer.active_l{
			right: -45%;
			}	
			#wrappercontent.active_r, header.active_r, footer.active_r{
				right: 45%;
				}
#service, table.creat{
	width: 100%;
	}
	}
@media screen and (max-device-width: 533px) {
	#bg.active_l, #bg.active_r{
		width: 53%;
		}
		#wrappercontent.active_l, header.active_l, footer.active_l{
			right: -47%;
			}	
			#wrappercontent.active_r, header.active_r, footer.active_r{
				right: 47%;
				}
	}
	
@media screen and (max-device-width: 480px) {
	#bg.active_l, #bg.active_r{
		width: 47%;
		}
	.logo, header h1{
		font-size:.9em;
		}
		#wrappercontent.active_l, header.active_l, footer.active_l{
			right: -54%;
			}	
			#wrappercontent.active_r, header.active_r, footer.active_r{
				right: 54%;
				}
	.wrap_3 div{
		width: 50%;
		}
		.wrap_3 img{
			max-width: 50%;
			}
	.wrap_4 div{
		width:50%;
		}
	.rek_content{
		margin: 3em 0;
		}
	footer .logo{
		float:none;
		text-align:center;
		font-size:.7em;
		}		
.l, .r{
	float: none;
	padding-right: 0;
	}
	}
@media screen and (max-device-width: 414px) {
	.rating{
		float:none;
		display: block;
		}
	#bg.active_l, #bg.active_r{
		width: 39%;
		}
		#wrappercontent.active_l, header.active_l, footer.active_l{
			right: -64%;
			}	
			#wrappercontent.active_r, header.active_r, footer.active_r{
				right: 64%;
				}
	}
@media screen and (max-device-width: 412px) {
	#bg.active_l, #bg.active_r{
		width: 38%;
		}
	.logo, header h1{
		font-size:.8em;
		}
		#wrappercontent.active_l, header.active_l, footer.active_l{
			right: -65%;
			}	
			#wrappercontent.active_r, header.active_r, footer.active_r{
				right: 65%;
				}
.news{
	padding-left:0;
	}
	.news img, #set p img{
		position: relative;
		top: 0;
		width: 100% !important;
		float: none;
		max-width: 100%;
		height: auto !important;
		padding:0;
		}
	#rek_for_site{
		float:none;
		text-align:center;
		}
	#footer_menu div{
		margin: 1em .5em;
		}
	}
@media screen and (max-device-width: 384px) {
	#bg.active_l, #bg.active_r{
		width: 34%;
		}
		#wrappercontent.active_l, header.active_l, footer.active_l{
			right: -70%;
			}	
			#wrappercontent.active_r, header.active_r, footer.active_r{
				right: 70%;
				}
	}
@media screen and (max-device-width: 360px) {	
	#social{
		position:fixed;
		left:20%;
		bottom:10px;
		z-index: 2;
		}
	.settings div.description{
		padding: 0;
		}
		.description img{
			position:relative;
			width:100% !important;
			height: auto !important;
			margin:0 !important;
			padding: 0 !important;
			}
		.l, .r{
			float:none;
			padding: 0;
			}
	#bg.active_l, #bg.active_r{
		width: 30%;		
		}		
	.logo, header h1{
		font-size:.6em;
	}
		#wrappercontent.active_l, header.active_l, footer.active_l{
			right: -75%;
			}	
			#wrappercontent.active_r, header.active_r, footer.active_r{
				right: 75%;
				}	
	footer .logo, #footer_menu{
		text-align:center;
		float:none;
		}
	#footer_menu div{
		float: none;
		display:inline-block;
		}
	#copyright span{
		display:block;
		}
	.analitics{
		padding: 0 10px 50px;
		}
	}
@media screen and (max-device-width: 320px) {
	body{
		font-size: .8em;
		line-height: 1.2em;
	}
	article h3{
		font-size: 1.6em;
	}
	.news p, #set p, #faq p{
		font-size:1.4em;
	}
	#search_box label{
		top: .4em
	}
	p{
		font-size: 1.2em;
	}
	#bg.active_l, #bg.active_r{
		width: 20%;		
		}
		#wrappercontent.active_l, header.active_l, footer.active_l{
			right: -89%;
			}	
			#wrappercontent.active_r, header.active_r, footer.active_r{
				right: 89%;
				}
	.wrap_4 div{
		width:50%;
		}
		.rek_content{
			margin:0;
			}
			
		.wrap_2 div, .wrap_3 div{
			width: 100%;
			float:none;
			}
		.wrap_3 img, .wrap_4 img{
			max-width: 80%;
			}
			.round{
				padding: 1em 0 1em 4.5em;
				}
				dl dt, dl dd{
					padding: 0 0 1em;
					margin:0;
					}
					dl.informer_orange, dl.informer_blue, dl.informer_green{
						border-left-width: 2em;
						padding: 0 0 0 1em;
						}
	aside#left.active_l, aside#right.active_r{
		width: 72%;
		}
	footer .logo{
		font-size: .6em;
		}
	.analitics{
		padding:2em 1em 1em 0;
		}
   }
   
@media screen and (max-device-width: 500px) {
    div#fancy_outer{
        width: 90% !important;
    }