﻿html {
  height:100%;
}
body
{
	margin:0;
	margin-bottom: 0;
	padding:0 16px;
	color:#656769;
	font-size: 14px;
	font-family: Arial, Trebuchet MS, Helvetica, sans-serif;
	min-height:100%;
	position:relative;
	background:#ffffff;
}
* html body {
  height:100%;
}
a{
	color: #346ECE;
}
a:visited
{
	color:#990099;
}

a img {border:none;}
p{
	margin:7px 0;
}
h1,h2,h3,h4,h5,h6,form{
	padding:0;
	margin:0;
}
h1
{
	background: url(img/mark-big.gif) no-repeat left top;
	padding: 0 0 0 20px;
	font-size: 21px;
}
h2
{
	background: url(img/mark-sm.gif) no-repeat left top;
	padding: 0 0 0 20px;
	font-size: 17px;
	font-weight: bold;
}
h3
{
	font-size: 17px;
	margin-top:25px;
	font-weight: normal;
}
h4
{
	font-size: 17px;
	margin-bottom:3px;
	font-weight: bold;
	padding:0;
}
h4 a, h2 a{text-decoration:none;}
h4 a:hover, h2 a:hover{text-decoration:underline;}
h6{
	font-size: 14px;
	margin-top: 12px;
	margin-bottom: 2px;
}
ul, ul li, ul li p
{
	padding: 0;
	margin: 0;
	list-style-type: disc;
	color:#FF9600;
}
ul li{
	margin-left:16px;
}
ul li p
{
	color:#656769; 
}
/**/
a.noline, div.buy span  a
{
	text-decoration:none;
}
a.noline:hover, div.buy span  a:hover
{
	text-decoration:underline;
}
/*шапка*/
.header
{
	min-width: 760px;
	height: 76px;
	padding-top:16px;
	margin-bottom:10px;
}

.notice {
   background-color: #801515;
   color: #ffdddd;
   font-weight: bold;
   padding: 10px 20px;
   margin: 10px 10px;
}

.notice a {
   color: #ffdddd;
}

.logo, .head-fon, .search
{
	height:56px;
	margin-bottom: 1px;
}
/*Левая часть шапки - где отображается логотип*/
.logo
{
	background: url(img/logo.jpg) #ffffff no-repeat left top;
	width: 157px;
	float: left;
}
/*средняя часть шапки*/
.head-fon
{
	background: url(img/head-fon.jpg) #ffffff right top;
	width:445px;
	float:right;
}
/*правая часть шапки - где находится форма поиска*/
.search
{
	float: right;
	height: 46px;
	background: #FF9600;
	text-align: right;
	padding: 10px 11px 0 0;
	color:#ffffff;
}
/* *html .search
{
	height: 56px;
}*/
.search a
{
	color:#515050;
	text-decoration: none;
}
/*контейнеры для перечисления языков*/
.lang
{
	margin:0 3px;
	font-size: 12px;
}
/*поле ввода и кнопка*/
.inp, .sub
{
  vertical-align:middle;
  border:#303133 1px solid;
  display:inline;
  height:18px;
  padding:0;
  margin:2px 0 0 0;
  font-size:12px;
	line-height: 11px;	
  -moz-box-sizing: border-box;
}
.inp
{
  width:87px;
  padding-left:2px;
  height:16px;
}
.sub
{
  background: #656769;
  width:48px;
  padding-bottom:2px;
  color: White;
}
*html .inp, *html .sub{padding-top:2px;}
/*строка, содержащая меню*/
.menu-box
{
	background: #656769;
	height:20px;
	/*border-top: 1px solid #303133;*/
	padding:0 11px 0 0;
}
.menu-box, .menu-box a, .menu-box a:visited
{
	text-decoration: none;
	color:White;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
}
.menu-box a:hover
{
	color: #FFBD5F;
}
/*главное меню*/
.mainmenu
{
	padding: 0;
	margin: 0;
}
.mainmenu div, .mainmenu a
{
/*	padding: 3px 12px 2px 12px;*/
padding:3px 12px 2px 12px;
	display: inline;
	margin:0;
	height: 20px;
	line-height: 21px;
}

/*выпадающее меню*/
.screen-style{float:right; padding-top:2px;}
.popupmenu{
	position:relative; z-index: +100; top:1px;
	
}
.popupobject 
{ 
	position:absolute; 
	visibility:hidden; 
	background: #656769; 
	right:-11px;
	min-width:100px;
}
.popupobject a{
	text-transform: none;	
	font-weight: normal;
}
.popupobject div.popup-item{
	border-bottom:1px solid #303133;
	padding:3px 11px;

}
.popupobject div.last{
	border:none;
}
/*активный пункт главного меню*/
.mainmenu div
{
	background: url(img/menu-act-fon.gif) #FF9600 repeat-x top;	
}
*html .mainmenu div
{
	border-bottom: 1px solid #FF9600;
}
/*центральная часть страницы*/
#center
{
	padding-bottom: 70px;
   width:100%;
}
/*левая колонка*/
.left-column
{
	width:25%;
	float:left;
}
.left-column .box
{
	border: 1px solid #949698;
	width: 100%;
	margin-bottom:13px;
}
.left-column .box h1
{
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	padding:4px 15px;
	margin:0 0 10px 0;
	background: #DAD9D9;
	border:1px solid #ffffff;
	height: 17px;
}
.left-column .box h2
{
	font-size: 14px;
	font-weight: bold;
	padding:0 0 0 15px;
	background: url(img/mark1.gif) no-repeat left;
}
.left-column .box p
{
	padding:0 0 13px 0;
	margin:0 15px 10px 15px;
	/*text-align: justify;*/
	border-bottom:1px solid #D2D2D2;
}
.left-column .box p.last{
	border:none;
	margin-bottom:0px;
}
/*Меню в левой части страницы*/
.left-menu
{
	margin:9px 0;
	font-weight:bold;
}
.left-menu a, .nav-chain a
{
	font-weight:bold;
	text-decoration:none;
	padding:0;
}
.left-menu a:hover, .nav-chain a:hover
{
	text-decoration:underline;
}
.left-menu a:visited, .nav-chain a:visited, div.buy span a:visited
{
	color:#990099;
}
.left-menu a.act-item  /*активный пункт*/
{
	color: #ff9600;
	font-weight:bold;
}
/*.screen-nav
{
	font-size:13px;
}*/
.nav-chain span.act-item
{
	background:#ff9600;
	width:15px;
	color:#ffffff;
	font-weight:bold;
}
.left-menu div.lvl
{
	border-top: 1px solid #D2D2D2;
	margin-top:2px;
}
.left-menu div.lvl ul, .left-menu div.lvl li
{
	list-style-type:none;
	padding:0;
	margin:0;
}
.left-menu div.lvl li
{
	padding:3px 3px 3px 35px;
	
}
.left-menu div.lvl p
{
	padding:0;
	margin:0;
}
.left-menu div.lvl span /*сворачивание и разворачивание*/
{
	color: #D2D2D2;
	cursor: pointer;
	font-size:15px;
	font-weight:normal;
	width:30px;
}
.left-menu div.lvl li.act
{
	background: url(img/lmenu-act-fon.gif) repeat-x top;
	min-height:15px;
}
.left-menu div.act /*активная глава*/
{
	background: url(img/lmenu-act-fon.gif) repeat-x top;
	border-top: 1px solid #ffffff;
	min-height:22px;
}
*html .left-menu div.act
{
	height:22px;
}
.left-menu div.act div.after-act /*после активной - чтобы убрать надчеркивание*/
{border-top: 1px solid #ffffff;}
.left-menu div.act p.act a, .left-menu div.act p.act span, .left-menu div.act p.act, .left-menu div.lvl li.act
{
	color:#ffffff;
}
.l1, .l2 {padding: 1px 0 0 0; }
.left-menu div.lvl .l2 p {margin-left:27px;}
.left-menu div.lvl .l3 li {padding:3px 3px 3px 63px;}
.left-menu div.lvl li {	color: #656769;}
.left-menu div.lvl p {	color: #656769;}
.l2, .l3 {display none}
.left-menu div.show {display:block}
/*основное содержимое*/
.content
{
	margin-left:27%;
	width:72.7%;
}

.content .box
{
	border-bottom:1px solid #D2D2D2;
	padding: 7px 0;	
}
.content .box-no-bord
{
	padding: 7px 0;	
}
.content .news
{
	margin-top: 13px;
}
/*блоки программного кода*/
.content .box-code
{
	font-family: Courier New;
	font-size:17px;
	border-top:1px solid #d2d2d2;
	border-bottom:1px solid #d2d2d2;
	padding:2px 0;
}

.content .box-code div
{
	background:#eeeded;
	padding:5px 10px;
}
.content .box-code .key-words
{
	font-weight:bold;
}
.content .box-code .var
{
	font-style:italic;
}
.content table.descript td
{
	padding:7px 0 0px 10px;
	vertical-align:top;
}
.content table.descript td .var
{
	font-family: Courier New;
	font-size:17px;
	font-style:italic;
}
/*цепочка постраничной навигации*/
div.nav-chain
{
	text-align:center;
	margin:17px 0 0 0;
}
div.nav-chain img
{margin:0 5px; position:relative; top:4px;}


/*нижняя часть страницы*/
#footer
{
	position:absolute;
	bottom:0;
	left:16px;
	right:16px;
	margin-top:16px;
	font-size: 12px;
}
*html #footer
{
	width:100%;
}
.footer-top
{
	background: #656769;
	height:20px;	
	color:White;
	line-height:18px;
}
#footer a
{
	color:White;
	text-decoration: none;
	margin-left:12px;
}
.footer-bottom
{
	background: url(img/footer-fon.jpg) repeat-y right;	
	height:36px;
	color:#656769;
}
.footer-bottom font{
	font-size: 24px;
	
}
.design{
	float:right;
	padding:0;
	margin:10px 13px 0 0;
}
#footer .vibe a{
	margin:0;
}

/*меню в основной части страницы*/
.submenu span
{
	border-right:1px solid #FF9600;
	padding:0 7px;
	margin:0;
}
.submenu span.first
{
	padding-left:0;
}
.submenu span.last
{
	border-right:none;
}

.submenu span a
{
	/*color:#656769;*/
	text-decoration: none;
}
.submenu span a:hover
{
	text-decoration: underline;
}

.subsrc span
{
	padding:0 7px;
	margin:0;
}

.subsrc span a
{ text-decoration: none; }
.subsrc span a:hover
{ text-decoration: underline; }

/*колонки в основной части страницы*/
.column1
{
	float:left;
	width: 50%;
	padding-right:2%;
}
.column2
{
	float: right;
	width: 48%;
}
.column1, .column2
{
	margin: 10px 0;
}
.column3
{
	float:left;
	width: 180px;
	height:135px;
	background:#D2D2D2;
}
.column4
{
	margin-left:205px;
}
.box1
{
	margin-top: 20px;
	min-height: 135px;
}
div.buy
{
	float:right;
}
div.buy span 
{
	padding:0 12px 0 3px;
	background: url(img/mark-buy.gif) no-repeat right;
}
div.buy span.last 
{
	background-image: none;
}
/*Таблийа с серым заголовком*/
table.table1 {border-collapse: collapse; border:1px solid #949698; margin-top:17px;}
table.table1 td{border-color:#949698;padding:0 1px; vertical-align:top;}
table.table1 td span{display:block; border-top:1px solid #d2d2d2; padding:8px 15px 8px 15px; height:100%;}
table.table1 .tablehead td span{background:#dad9d9; display:block; border:none;margin-top:1px;font-weight:bold;}
table.table1 .after-tablehead td span{border:none;}

/*Таблийа с цветными строками*/
table.table2 {width:100%; border-collapse: collapse; border-top:1px solid #d2d2d2; margin-top:17px; border-bottom:1px solid #d2d2d2;}
table.table2 td{border-color:#949698; padding:1px 2px; vertical-align:top;}
table.table2 .first-row td{padding-top:2px;}
table.table2 .last-row td{padding-bottom:2px;}
table.table2 td span{display:block; padding:6px 14px; height:100%;}
table.table2 .ne-chet td span{background:#ffefd7;}
table.table2 .chet td span{background:#eeeded;}
table.table2 .tablehead td {font-weight:bold;border-bottom:1px solid #d2d2d2;}
table.table2 .tablehead td span{border:none;}
table.table2  .first-col {padding-left:0;}
table.table2  .last-col {padding-right:0;}

/*Таблийа с цветными столбцами*/
table.table3 {width:100%; border-collapse: collapse; border-top:1px solid #d2d2d2; margin-top:13px; border-bottom:1px solid #d2d2d2;}
table.table3 td{border-color:#949698; padding:1px 2px; vertical-align:top;}
table.table3 td span{background:#eeeded;}
table.table3 .first-row td{padding-top:2px;}
table.table3 .last-row td{padding-bottom:2px;}
table.table3 td span{display:block; padding:5px 13px; height:100%;}
table.table3  td.first-col span{background:#ffefd7; font-weight:bold;}
table.table3  .first-col {padding-left:0;}
table.table3  .last-col {padding-right:0;}

/*рисунки*/
.image
{
	width: 180px;
	height:135px;
	background:#D2D2D2;
}

/*таблица на странице со скриншотами*/
.screen-table{	width:100%;}
.screen-table td{	padding-top:12px;}
.screen-table img{margin-bottom:2px;}
.screen-table div{width:180px; text-align:left;}
.screen-table td.center-column{text-align:center;}

/*страница с формой*/
.form1 input.input-text, .form1 select, .form1 textarea
{
  vertical-align:middle;
  border:#303133 1px solid;
  padding:0;
  margin:2px 0 0 0;
  font-size:13px;
	/*line-height: 11px;	*/
	font-family: Arial;
	color:#656769;
  -moz-box-sizing: border-box;
}
.form1 input.input-text
{
	width: 300px;
	height: 18px;
}
.form1 .combobox
{
	width: 300px;
	height: 18px;
}
.form1 .listbox
{
	width: 300px;
}
.form1 textarea
{
	width: 400px;
	height: 160px;
}

.form1 textarea.little
{
	width: 400px;
	height: 70px;
}

.form1 textarea.big
{
	width: 80%;
	height: 300px;
}

.form1 .imp
{
	color:#FF9600;
	FONT-WEIGHT:BOLD;
	font-size:120%;
}
.form1 .button
{
  background: #656769;
  color: White;
  border:#303133 1px solid;
  margin-top: 15px;
  margin-right: 10px;
  font-size:12px;
}
/*выделеный текст*/
.strong{font-weight:bold;}
.right{text-align:right;}
.left-column .box p.inbox{
padding: 10px 0px 10px 0px;}
.text{color:#656769;}
.blue {color:#336699;font-weight:bold;}
.darkblue {color:#000077;font-weight:bold;}
.orange { color:#FF9600;}

code
{
	font-family: Courier New;
	font-size:16px;
	color:#333;
}

.srk { color:#0000ff; font-weight:bold; }
.srs { color:#f00; }
.src { color:#080; }
.srn { color:#808; }
.srm { color:#840; }
.srt { color:#048; }
.line { color:#804; }

span.api a {text-decoration:none;font-weight:bold;}
span.api a:hover {text-decoration:underline;font-weight:bold;}
