body, div, p, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, form, fieldset, input, textarea, pre, blockquote, th, td {margin:0; padding:0;}
ul {list-style:none}
table {border-collapse:collapse; border-spacing:0;}
*:focus { outline: none}


@media screen and (max-width: 480px) {
  .menu, .ads, #footer, .category, .namesmall {display: none;}
  #center {
	  padding-top:0 !important;
      width:98% !important; 
  }
  #ctr, #header {width:100% !important;}
  #logo, #search {width:100% !important;}
  .content {width:100% !important;}
  
  #search form {
	  width:100% !important;
  }
  #search .text {
	  width:68% !important;
  }
  #logo span {
	  padding: 22px 0 !important;

  }
  
  
  body {
	  font: normal 13px Arial !important;
	  background: none !important;
	  }
  h1 {
      font: normal 180% Arial !important;
      }
	  
  .page .list li p strong {
	width:35% !important;
	/*float:left;
	vertical-align:top;
	text-align:left;*/
  }
  .page .list li p span {
	width:65% !important;
	/*float:right;
	vertical-align:top;*/
}

#open_txt {
	width:25% !important;;
}
#open_progs {
	width:75% !important;;
}




.page .list li {
	padding:17px 0 0;
	background:#d8eeff url(../imagess/techlist.gif) 0 0 no-repeat;
	background-size: 400% 23px !important;
	
}
.page .list li p {
	padding:0 12px 10px;
	background:url(../imagess/techlist.gif) 33.3% 100% no-repeat !important;
	background-size: 400% 23px !important;
	text-align:center;
	overflow:hidden; zoom:1;
}


.page .list .twocolor {
	background:#e8f5ff url(../imagess/techlist.gif) 66.6% 0 no-repeat !important;
	background-size: 400% 23px !important;
	}

.page .list .twocolor p {
	background:url(../imagess/techlist.gif) 100% 100% no-repeat !important;
	background-size: 400% 23px !important;
	}
	
	
	/*#vk_comments {width:98% !important;}*/

}


@media screen and (max-width: 399px) {
	
	.rightCol {
		display: none;
	}
}

.instruction_lnk {
    display: block;
    border: 2px #0f89e9 dashed;
    padding: 10px;
	border-radius: 20px
}




a {color:#4f4f4f; text-decoration:underline;}
a:hover {color: #393939;}
a img {border:none;}

.advice-link {font-size:150% !important;}

h4 {
	padding:13px 0 10px;
	font: normal 150% Arial;
}
h3 {
	font: normal 230% Arial;
	color:#ff6600;
}
h1 {
	font: normal 315% Arial;
	color:#131313;
}
h1 b {color:#0f89e9;}
h2 b {color:#0f89e9;}

input {font-family:Arial;}

body, html {
	padding:0;
	margin:0;
	height:100%;
}
body {
	font: normal 12px Arial;
	color:#131313;
	background: url(../imagess/bg.jpg),
    url(../imagess/menubg.jpg);
	background-repeat: repeat-x;
    background-position: 0 55px, 0 207px;
}

#container {
	min-height:100%;
	margin:0 auto;
}
*html #container {height:100%;}

#container .crop {
	position:relative;
	padding:0 0 100px;
}

/*Шапка*/
#header {
	position:relative;
	width:948px;
}
/*IE6*/
*html #header {
	left:0;
	margin:0;
}
/*IE6*/

#logo {
	position:relative;
	padding:6px 0 5px;
	overflow:hidden; zoom:1;
}
#logo img {float:left; vertical-align:top;}
#logo span {
	float:left;
	padding:28px 0 0 35px;
	color:#8e8e8e;
	font-size:100%;
}

#header .menu {
	position:absolute;
	top:17px; left:364px;
	background:url(../imagess/menu-bg.gif) 0 0 repeat-x;
	overflow:hidden; zoom:1;
}
#header .menu div {
	float:left;
	background:url(../imagess/menu-corns.gif) 0 0 no-repeat;
	overflow:hidden; zoom:1;
}
#header .menu ul {
	float:left;
	height:30px;
	padding:15px 8px 0;
	background:url(../imagess/menu-corns.gif) 100% -45px no-repeat;
	text-align:center;
	overflow:hidden; zoom:1;
}
#header .menu li {
	display:inline;
	vertical-align:top;
	font-size:12px;
	padding:0 4px;
	overflow:hidden; zoom:1;
}
#header .menu li img {margin-top:2px;}

#header .ads {
	position:absolute;
	top:28px; right:2px;
	font-size:110%;

}
#header .ads a {
	padding:0 0 0 16px;
	color:#989898;
	background:url(../imagess/ico-newtab.gif) 0 4px no-repeat;
}
#header .ads a:hover {color:#000;}

#search {
	position:relative;
	width:911px; height:130px;
	padding:0 22px 0 15px;
	background:url(../imagess/plashka.png) 0 0 no-repeat;
	overflow:hidden; zoom:1;
}
#search form {
	float:left;
	width:420px; height:70px;
	margin-top:25px;
	overflow:hidden; zoom:1;
}
#search .text {
	float:left;
	width:330px; height:30px;
	padding:0 10px;
	background:url(../imagess/s-box.gif) 0 0 no-repeat;
	border:none;
	vertical-align:top;
	color:#8d8d8d;
	font-size:120%;
	zoom:1;
	cursor:text;
	line-height:30px;
}
#search .submit {
	float:left;
	width:70px; height:30px;
	background:url(../imagess/submit.gif) 0 0 no-repeat;
	cursor:pointer;
	border:none;
	color:#fffefe;
}

#search ul {
	float:right;
	margin-top:32px;
}
#search li {
	display:inline;
	color:#fffefe;
}
#search li a {padding:0 2px 0 1px; color:#fffefe;}
#search li a:hover {color:#ff6600;}

.content a {color:black;}

.content a:hover {color:#3d3d3d;}

.category {
	position:absolute;
	top:-50px;
	width:100%;
	height:200px; /*Если меняется высота блока, здесь редактировать высоту меню*/
}
.category h3 {
	width:948px;
	margin:0 auto;
}
.category ul {
	width:948px;
	padding:15px 0 13px 12px;
	margin:0 auto;
	overflow:hidden; zoom:1;
}
.category li {
	display:inline-block;
	width:180px;
	padding:0 8px 0 10px;
	margin:0 0 1px -12px;
	font-size:110%;
	vertical-align:top;
	overflow:hidden; zoom:1 ;
}
/*IE*/
*html .category li {display:inline;}
*+html .category li {display:inline;}
/*IE*/

.category a {
	float:left;
	height:22px;
	padding:3px 8px 0 8px;
}

.category .active {
	background: url(../imagess/category-bg.gif), url(../imagess/category-bg.gif);
	background-color: #131313;
	background-position:0 -25px, 100% 0;
	background-repeat: no-repeat, no-repeat;
	color:lightgray;
}
/*Конец Шапки*/

/*Подвал*/
#footer {
	position:relative;
	width:948px; height:95px;
	margin:-96px auto 0;
	color:#000;
	border-top:1px solid #d9d9d9;
}
#footer div {
	position:absolute;
	top:21px; left:0;
	font-size:100%;
}
#footer div p {padding:0 0 6px;}
#footer ul {
	position:absolute;
	top:21px; left:474px;
	font-size:110%;
}
#footer ul li {
	vertical-align:top;
	padding:0 0 7px;
}
#footer ul li a {color:#989898;}
/*Подвал*/

/*Центральная колонка для основного контента*/
#center {
	position:relative;
	width:948px;
	padding:150px 0 0;
	margin:0 auto;
	overflow:hidden; zoom:1;
}

#ctr {
	position:relative;
	width:948px;
	margin:0 auto;
	overflow:hidden; zoom:1;
}

#center .content {
	float:left;
	width:535px;
}
#center .rightCol {
	float:right;
	width:394px;
}

#center .textpage {
	width:520px;
	margin-top:-18px;
}
#center .textpage p {
	padding-top:26px;
	font-size:135%;
	color:#000;
	line-height:1.3;
}
#center .textpage ul {
	list-style: disc inside;
	padding-left:10px;
	padding-top:26px;
	font-size:135%;
	color:#000;
}

.seek {
	position:relative;
	width:474px; height:130px;
	color:#fff;
	background:url(../imagess/seek-bg.jpg) 0 0 no-repeat;
	background-size: 390px 130px;
}
.seek h4 {
	padding:15px 0 3px 26px;
	font: bold 170% Arial;
}
.seek p {
	padding:0 0 0 26px;
	font-size:95%;
}
.seek span a {
	position:absolute;
	top:75px; left:27px;
	width:149px; height:39px;
	padding:7px 0 0;
	text-align:center;
	color:#ff6600;
	font-size:22px;
	text-decoration:none;
	background:url(../imagess/seek-submit.jpg) 0 0 no-repeat;	
}
.seek span a:hover {color:#ff6600;}

.populars {overflow:hidden; zoom:1;}
.populars h3 {
	padding:23px 0 21px;
	color:#0f89e9;
}

.populars .expansion {
	float:left;
	width:190px;
	margin-bottom: 10px;
	
}

.populars .expansion ul {margin:-20px 0 0;}
.populars .expansion li {
	position:relative;
	width:140px; min-height:62px;
	padding:0 0 0 55px;
	margin:20px 0 0;
	background:url(../imagess/ico-expansion.gif) 1px 4px no-repeat;
	background-size: 45px 54px;
	overflow:hidden; zoom:1;
}
/*IE6*/
*html .populars .expansion li {min-height:0;}
/*IE6*/

.populars .expansion li span {
	position:absolute;
	top:36px; left:1px;
	width:29px;
	text-align:center;
	font: bold 85% Arial;
	color:#fffefe;
	overflow:hidden; zoom:1;
}
.populars .expansion li a {
	font-size:115%;
	color:#5d5d5d;
}
.populars .expansion li p {
	padding-top:4px;
	font-size:100%;
}

.populars .programms li {background:none;}

.populars .programms li img {
	position:absolute;
	top:4px; left:0;
}

.page {width:445px;}
.page .namesmall {font-size:135%;}
.page h1 {margin:-4px 0 13px;}
.page .list {background:#ccf;}
.page .list li {
	padding:17px 0 0;
	background:#d8eeff url(../imagess/techlist.gif) 0 0 no-repeat;
	background-size: 2140px 23px;
}
.page .list li p {
	padding:0 14px 17px;
	background:url(../imagess/techlist.gif) -535px 100% no-repeat;
	background-size: 2140px 23px;
	overflow:hidden; zoom:1;
}
.page .list li p strong {
	width:200px;
	float:left;
	vertical-align:top;
	text-align:left;
}
.page .list li p span {
	width:200px;
	float:right;
	vertical-align:top;
}

.page .list li p i {
	width:400px;
	text-align:left;
	vertical-align:top;
}

.page .listt {background:#ccf;}
.page .listt li {
	padding:17px 0 0;
	background:#d8eeff url(../imagess/techlist.gif) 0 0 no-repeat;
	background-size: 2140px 23px;
	
}
.page .listt li p {
	padding:0 12px 10px;
	background:url(../imagess/techlist.gif) -535px 100% no-repeat;
	background-size: 2140px 23px;
	text-align:center;
	overflow:hidden; zoom:1;
}
.page .listt li p strong {
	padding:0 0px 17px;
	width:83px;
	float:left;
	vertical-align:top;
	text-align:left;
}
.page .listt li p span {
	padding:0 0px 17px 8px;
	width:170px;
	vertical-align:top;
	text-align:left;
	float:left;
}

.page .listt li p i {
	width:400px;
	text-align:left;
	vertical-align:top;
}

.page .list .twocolor {
	background:#e8f5ff url(../imagess/techlist.gif) -1070px 0 no-repeat;
	background-size: 2140px 23px;
	}

.page .list .twocolor p {
	background:url(../imagess/techlist.gif) -1605px 100% no-repeat;
	background-size: 2140px 23px;
	}

.comments li {
	width:440px;
	padding:0 0 24px;
	margin:10px 0 0;
	background:#ffede1 url(../imagess/comments-bottom.jpg) 0 100% no-repeat;
}
.comments li div {
	min-height:90px;
	padding:21px 23px 0;
	background:url(../imagess/comments-top.gif) 0 0 no-repeat;
}
/*IE*/
*html .comments li div {height:90px;}
/*IE*/

.comments li p {
	margin:10px 0 0;
	line-height:1.4;
}

.page h3 {padding:27px 0 4px;}

.comm-form {
	width:440px;
	padding:0 0 22px;
	margin:22px 0 0;
	background:url(../imagess/form-bg.jpg) -440px 100% no-repeat;
}
.comm-form h4 {
	height:31px;
	padding:15px 24px 0;
	background:url(../imagess/form-bg.jpg) 0 0 no-repeat;
	color:#ff6600;
	zoom:1;
}
.comm-form form {
	margin:-24px 0 0;
	padding:24px 24px 0;
	border-left:1px solid #ff6600;
	border-right:1px solid #ff6600;
	overflow:hidden; zoom:1;
}
.comm-form form .textbox {
	display:block;
	padding:3px 0;
	margin:4px 0 13px;
	width:386px;
}
.comm-form form textarea {
	display:block;
	padding:3px 0;
	margin:4px 0 13px;
	width:386px; height:100px;
}

/*Центральная колонка для основного контента*/
#share42 {display: inline-block; padding: 6px 0 0 6px; background: #FFF; border: 1px solid #E9E9E9; border-radius: 4px;}
#share42:hover {background: #F6F6F6; border: 1px solid #D4D4D4; box-shadow: 0 0 5px #DDD;}
#share42 a {opacity: 0.5}
#share42:hover a {opacity: 0.7}
#share42 a:hover {opacity: 1}