@import url(css/buttons.css);

body, td, a, input, textarea, option, select {font: 15px/120% Tahoma, "Geneva CY", "DejaVu Sans", sans-serif; color: #3f4140;}
h1, h2, h3, h4 {line-height: 120%; margin-top: 0px; margin-bottom: 0.5em; margin-left: 20px; color: #034f51; font-weight: normal; font-family: Tahoma, "Helvetica CY", "Nimbus Sans L", sans-serif;}

h1 {font-size: 1.8em;}
h2 {font-size: 1.7em;}
h3 {font-size: 1.5em; color: #282b29;}
h4 {font-size: 1.4em; color: #282b29;}

ol, ul {list-style-position: inside; margin-top: 5px; margin-left: 20px; padding-left: 0px;}
ul {list-style-type: disc;}
ul ul {list-style-type: disc;}
ol {list-style-type: decimal;}
ol ol {list-style-type: lower-alpha;}
li {margin-bottom: 0.4em; margin-left: 0px; padding-left: 0px;}
form {margin: 0px 0px 0px 0px;}
p {text-indent: 20px; margin-top: 0px; margin-bottom: 0.8em;}

hr {border: 0px; border-top: 1px dotted #98acac; margin-top: 10px; clear: left; }
.ie hr {color: #98acac; border-width: 1px; height: 1px;}

table {
	border-width: 0px;
	border-collapse:collapse; 
}
td {
	padding:0px;
}
tr {
	vertical-align: top;
}

body {
	margin: 0px 0 0px 0px;
	padding: 0px 0px 0px 0px;
	/*background: #e9f7ef url('i/top.png') no-repeat top center;*/
	background: #ffffff url('i/top.png') no-repeat top center;
	background-size: contain;
	width:expression(document.body.clientWidth > 990 ? "100%" : "990px");
}
body.small {width: 100%;}

body.empty {background: url('i/auth_form/iframe_top_ptt.png') top left repeat-x #afdcdc;}


img.i25{
	width: 25px;
	height: 25px;
}
img.one{
	width: 1px;
	height: 1px;
}

image1 {
	width:auto;
	max-width:100%;
	height:auto;
}


/*****************		Стили для ссылок		*****************/
a:link, a:visited, a:hover {color: #ed1b19; font-weight: normal; text-decoration: underline; font-size: 1em;}

h1 a:link, h1 a:visited, h1 a:hover, h2 a:link, h2 a:visited, h2 a:hover, h3 a:link, h3 a:visited, h3 a:hover {font-size: 1em; line-height: 120%; color: #d82c1a; font-weight: normal; font-family: Arial Narrow, "Helvetica CY", "Nimbus Sans L", sans-serif; text-decoration: none;}
h1 a:hover, h2 a:hover, h3 a:hover {text-decoration: underline;}

a.not_line, a.not_line:link, a.not_line:visited, a.not_line:hover  {text-decoration: none;}

/*****************		Для авторизованной части		*****************/
.login_frame {visibility: hidden; position: fixed; top: 200px; left: 50%; margin-left: -175px;  z-index: 210000;}
#member_vkl {position: fixed; top: 47px; left: -10px; z-index: 180000; visibility: visible; cursor: pointer; border: 0px;}

.auth_top {background: url('i/auth_form/f_top_ptt.png') top left repeat-x transparent;}
.auth_bottom {background: url('i/auth_form/f_bottom_ptt.png') top left repeat-x transparent;}
.auth_left {background: url('i/auth_form/f_left_ptt.png') top left repeat-y transparent;}
.auth_right {background: url('i/auth_form/f_right_ptt.png') top left repeat-y transparent;}

/*****************		Стили для слоя с регламентом		*****************/
#shadowDiv {visibility: hidden; z-index: 200000; position: fixed; top: 0px; left: 0px; width: 100%; height:100%; background: #043051; opacity: 0.6; filter: alpha(opacity=60);/*background: transparent url('i/shadow_ptt.png');*/}

#reglamentDiv, #agreement {
	visibility: hidden;
	background: white; 
	border: 1px solid gray;
	width: 800px; 
	padding: 20px 0px 20px 20px; 
	z-index: 200010; 
	position: fixed;
	top:50px;
	margin-top: 40px;
	left:50%;
	margin-left: -400px;
	clip: auto;
}

#agreement {padding: 0px;}
input.buttons {background: #044e64; color: white; font-weight: bold; padding: 5px;}
input.buttons:disabled {background: gray;}

/*****************		Стили для слоя показа картинок поверх страницы		*****************/
#forImg {visibility: hidden; z-index: 300001; position: absolute; text-align: center; top: 52px; /*left:50%;*/ min-width: 200px;}
#full_pic {border: 1px solid #a5c6c3; background: #f3f9fa url('i/top.png') center -200px no-repeat;}
#full_pic  img {border: 1px solid #c1dbd9; margin: 10px;}
#pic_navig {text-align: center;}
#pic_navig img {margin: 10px; border: 0px;}

/*****************		Стили для основы		*****************/
/*#main {margin: 20px 20px 20px 20px auto; width: 96%; border-collapse: collapse; margin-top: 20px; min-width: 950px; clear: both; margin-left: 2%;}*/
/*****************		Новые стили для основы		*****************/
#main {
	display: block;
	margin: 20px 2% 0px 2%; 
	float: left;
	clear: both;
	width: 94%;
	
	border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	-o-border-radius:  10px 10px 0px 0px;
	-khtml-border-radius:  10px 10px 0px 0px;
	behavior: url(/PIE-1.0.0/PIE.htc);
	
	background: url('i/content_ptt.png') top left;
	/*background: #ffffff;*/
	
	padding: 1em;
	position: relative;
}

.right_part {float: right; width: /*240px*/auto; margin: 0px 0px 50px 10px; position: relative; padding: 0px;}

#logo {position: absolute; z-index: 100; margin-left: 3%; margin-top: -16px; border: 0px;}
body.small #logo {width: 130px; margin-top: 0px;}

/*****************		Стили для новостей		*****************/
.news a:link,.news  a:visited,.news  a:hover {font-size: 1.15em; display: block;}
.news div a:link,.news div a:visited,.news div a:hover {font-size: 1em; display: inline;}

.news ul {
	list-style-image: url('i/news_icon.gif');
	list-style-position: outside;
}

.news ul li {margin-bottom: 20px; }

.news .small {font-style: italic; font-size: 0.9em; color: #6f8a88;}


/*****************		Стили для шапки		*****************/
#header {width: 970px; height: 170px; margin:0 auto; margin-top: 20px; position: relative;}
#header a {position: absolute; visibility: hidden; z-index: 9; border: 0px;}

#header #ramka {position: absolute; z-index: 11; visibility: visible;}
#header img {border: 0px;}

/*****************		Стили для меню		*****************/
#menu {
	margin-top: 20px; 
	width: 96%; 
	display: block; 
	padding-left: 2%;
	margin-right: 2%;	
	background: url('i/menu_yellow_ptt.png') top left repeat-y;
	min-width: 950px;
}

#for_menu {
	/*
	padding-top: 7px; 
	padding-bottom: 9px;
	
	padding: 14px 1em 16px 0px;
	*/
	background: #057e82;
	
	border-radius: 0px 7px 7px 0px;
	-moz-border-radius: 0px 7px 7px 0px;
	-webkit-border-radius: 0px 7px 7px 0px;
	-o-border-radius: 0px 7px 7px 0px;
	-khtml-border-radius: 0px 7px 7px 0px;
	behavior: url(/PIE-1.0.0/PIE.htc);
}

/*------------	Текстовое меню ------------	*/
#menu ul {
	padding:0;
	margin:0;
	list-style: none;
	position: relative;
	
	white-space: nowrap;
	overflow: visible;
	z-index: 21;
	
	border-radius: 0px 0px 7px 7px;
	-moz-border-radius: 0px 0px 7px 7px;
	-webkit-border-radius: 0px 0px 7px 7px;
	-o-border-radius:  0px 0px 7px 7px;
	-khtml-border-radius:  0px 0px 7px 7px;
	behavior: url(/PIE-1.0.0/PIE.htc);
	
	/*margin: 10px 20px 12px 20px;*/
}

#menu  ul li {
	margin: 0px 0px 0 0;
	display: inline-block;
}

#menu  a {
	display:block;
	padding: 0.5em;
	line-height: 50px;
	text-decoration:none;
	text-align: justify;
	font: 22px/120% Tahoma, "Geneva CY", "DejaVu Sans", sans-serif;
	color: white;
}

#menu a.sel {
	background: #e6f2f3;
	color: #034f51;
}

#menu  a:hover {
	color: #034f51;
	background: #e6f2f3;
	-webkit-transition: background 0.5s ease;
}

#menu a.last {
	border-bottom-width: 0px;
}

/* скрываем выпадающие списки по умолчанию и задаем абсолютное позиционирование */
#menu ul ul {
	display: none;
	position: absolute;
	top: 100%;
	background-color: #139ca0;
}

#menu  ul ul a {
	color: white;
	font-size: 1.2em;
	margin-right: 10px;
	margin-left: 10px;
	font-size: 1em;
	padding: 0.7em;
	
	border-bottom: 1px dotted #89c9c9;
} 

/* отображаем выпадающий список при наведении */
#menu ul li:hover > ul {
	display:inherit;
}
			
/* первый уровень выпадающего списка */
#menu ul ul li {
	float:none;
	display: list-item;
	position: relative;
}

/* второй, третий и последующие уровни смещаем 2 и 3 уровни влево на значение длины первого уровня*/
#menu ul ul ul {
	position: absolute;
	top:0;
	left:100%;
	background: #47aaaa;
	margin-left: 0px;
}

#menu ul ul ul a:hover, #menu ul ul ul a.sel  {
	color: #034f51;
	background: #e6f2f3;
	
	-webkit-transition: background 0.5s ease;
	-moz-transition: background 0.5s ease;
	-ms-transition: background 0.5s ease;
	-o-transition: background 0.5s ease;
	transition: background 0.5s ease;
}

/*****************		Стили для подменю		*****************/
/*
.submenu_top {padding-left: 5px; background: url('i/sub_tl.png') top left no-repeat; height: 5px;}
.submenu_bottom {padding-left: 5px; background: url('i/sub_bl.png') top left no-repeat; height: 5px;}
.submenu_top  div, .submenu_bottom  div  {height: 5px; background: #47aaaa; margin-right: 5px;}
*/
.submenu_content {
	background: #47aaaa; 
	padding: 7px 9px 7px 9px;
	position: relative;
	float: right;
	
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-o-border-radius:  7px;
	-khtml-border-radius:  7px;
	behavior: url(/PIE-1.0.0/PIE.htc);
}

.submenu_content ul {
	padding: 0px;
	list-style-type: none;
	margin: 0px;
	display: block;
	float: none;
}

.submenu_content ul li {
	padding: 7px 9px 7px 9px;
	margin: 0px;
	display: block;
	float: none;
	border-bottom: 1px dotted #89c9c9;
}

.submenu_content ul a {
	padding: 9px;
	margin: 0px;
}

.submenu_content a:link, .submenu_content a:visited, .submenu_content a:hover {
	font-size: 1em;
	color: #f4faf6;
	text-decoration: none;
}

.submenu_content ul ul {margin-top: 0px; margin-bottom: 0px;}

/*
.submenu_content ul li:hover, .submenu_content li.sel,   #menu .submenu_content li.sel  {background: #e6f2f3}
.submenu_content ul li:hover a, .submenu_content li.sel a, #menu .submenu_content li.sel a{color: #034f51;}
*/
.submenu_content ul a:hover {
	color: #034f51;
	background: #e6f2f3;
	
	-webkit-transition: background 0.5s ease;
	-moz-transition: background 0.5s ease;
	-ms-transition: background 0.5s ease;
	-o-transition: background 0.5s ease;
	transition: background 0.5s ease;
}

.submenu_content ul a.last {border: 0px; }

/*****************		Стили для сервисного меню		*****************/
#service_menu {
	width: 96%;
	min-width: 950px;
	display: block;
	text-align: right;
	margin: 20px 40px 0px 0px;
	padding-right: 20px;
}

#service_menu a:link,#service_menu a:visited,#service_menu a:hover {font-size: /*0.9em*/inherit; color: white; text-decoration: none;}
#service_menu a:hover {text-decoration: underline;}

#service_menu img {margin-left: 30px; border-width: 0px;}

#top_contact_info {
	font-size: 0.8em;
	color: #889b9d;
	position: absolute;
	text-align: center;
	z-index: 0;
	margin-top: -10px;
	width: 500px;
	left:50%;
	margin-left: -250px;
	
}

#top_contact_info a:link,#top_contact_info a:visited,#top_contact_info a:hover {font-size: /*0.9em*/inherit; color: #889b9d; text-decoration: none;}
#top_contact_info a:hover {text-decoration: underline;}

/*****************		Стили для капчи		*****************/
#cifir_img {margin-right: 10px;}

/*****************		Стили для содержимого		*****************/
.seven {width: 7px; height: 7px; margin: 0px;}
.not_marg { margin: 0px;}
.red {color: #ed1b19}
#error_span {color: #ed1b19; font-weight: bold;}
#result_span {color: #03afad; font-weight: bold;}

/*****************		Для баннеров		*****************/
.for_banner {border: 1px solid #dae1e5; margin-top: 5px; height: auto; display: block;}
.for_banner div {position: relative; padding: 17px 24px 22px 22px; background: transparent url('i/white_ang_2_1.gif') right top no-repeat; left: 1px; top: -1px; height: auto;}
.for_banner div div {background: transparent url('i/t1x1.gif') left bottom no-repeat; float: left; margin: 10px;}

.for_banner_right {float: right; margin: 0px 0px 20px 20px; width: 220px; text-align: right; position: relative; z-index: 100;}

.right_banner {float: left; width: 155px; height: auto; margin: 5px 0px 10px 15px; padding-top: 5px; position: relative;}

/*****************		Стили для подвала		*****************/
/*
#podval {
	font-size: 0.75em;
	color: #938b70;
	padding: 15px 20px 15px 20px;
	background: #faecbf;
}
*/
#podval {
	display: block;
	float: left;
	width: 100%;
	position: relative;
	font-size: 0.72em;
	color: #938b70;
	padding: 1em 1em 1em 1.9em;
	background: #faecbf;
	margin: 1em 1em 2em -1.5em;
	height: auto;
}

#podval a:link, #podval a:visited, #podval a:hover {color: #938b70; text-decoration: none;}
#podval a:hover {text-decoration: underline;}

/*****************		Стили для панели навигации		*****************/
div.navig_page {
	margin-left: 20px;
	margin-top: 20px;
	display: block;
	clear: both;
}

.navig_page div {
	display: inline;
	margin-left: 20px;
}

.navig_page div div {
	margin-left: 0px;
	display: inline;
	color: #a8a8a8;
}

.numbers {
	margin: 7px 10px 0px 7.2em;
	display: block;
	color: #11262f;
	white-space: nowrap;
}
.numbers a {float: left; margin-right: 5px; display: inline;}
.numbers .sel_page {
	float: left;
	color: #11262f;
	background-color: #f4f4f4;
	padding: 0px 3px 1px 3px;
	margin-right: 5px;
}
.numbers div {float: left;}

/*****************		Стили для цитаты		*****************/
.citata_left, .citata_right, .citata_center {
	background-color: #f9f2dc;
	padding: 10px;
	color: #818c91;
	font-size: 1.1em;
}

.citata_left {
	border-right: 3px solid #057e82;
	float: left;
	margin: 15px 15px 15px 0px;
	width: 250px;
}
.citata_right {
	border-left: 3px solid #057e82;
	float: right;
	margin: 15px 0px 15px 15px;
	width: 250px;
}
.citata_center {
	float: none;
	display: block;
	border-left: 3px solid #057e82;
	padding: 10px;
	margin: 15px 15px 15px 15px;
}

/*****************		Стили для оформления изображения		*****************/
div.img_style {
	background: #f3f9fa url('i/top.png') center -200px no-repeat;
	border: 1px solid #a5c6c3;
	overflow: hidden;
	padding: 10px;
}
div.img_style  img {border: 1px solid #c1dbd9;}


/*****************		Стили для оформления галереи		*****************/
#gallery td {padding: 10px;}
#gallery a {font-size: 1.1em;}

#gallery_medium_container {
	float: right;
	margin-left: 10px;
}

#gallery_medium_container.one_img {
	float: none;
	display: block;
	text-align: center;
	margin-top: 20px;
}

#title_div {
	float: left;
	clear: left;
	padding: 10px 0px 10px 0px;
}

#gallery_navig {float: none; margin-bottom: 20px; width: auto; display: block; clear: top;;}

div.gallery_body_item {float: left; margin: 0px 20px 20px 0px; }

/*****************		Стили для поиска		*****************/
.search_div {margin-top: 5px; background: #d82b1a url('i/red_ptt.jpg') left bottom repeat-x; height: 7em; white-space: nowrap;}
.search_div div {background: transparent url('i/red_ang_2_2.gif') right bottom no-repeat; height: 7em;}
.search_div div div {background: transparent url('i/red_ang_2_1.gif') left bottom no-repeat; /*padding: 10px 24px 15px 22px;*/ height: 7em;}

.search_div h1, .search_div h2, .search_div h3, .search_div h4 { margin-left: 0px; color: white;}

input#searchField, input.txt_ctrl{
	background: white;
	width: 200px;
	color: #354952;
}
input#searchField {float: left}

div#search_result_div {
	width: 206px;
	border: 1px solid #bdbbb9;
	background-color: white;
	position: absolute;
	visibility: hidden;
	top: 400px;
	left: 100px;
}

a.search_word:link, a.search_word:visited, a.search_word:hover {
	font-size: 0.9em;
	color: #47443f;
	font-weight: normal;
	text-decoration: none;
}

div.search_word {
	padding: 1px 5px 1px 5px;
}

.search_btn {
	float: left;
	width: 68px;
	height: 29px;
	border: 0px;
	cursor: pointer;
	margin-left: 13px;
}
#search_form , #search_form_is {display: block; float: none; margin: 10px 24px 15px 0px;}

.show_search {background-color: #FFCC00; font-weight: normal; color:black; display: inline; clear: none;}

/*****************		Стили для content manager		*****************/
div.visual_osnova {
	position: relative;
	display: block;
}
div.visual_content {
	background-color: #d8e0e6;
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	padding: 5px;
	border: 1px solid black;
}
div.visual, div.visual_ie {
	border: 1px solid black;
	position: absolute;
	padding: 5px;
	color: white;
	font-weight: bold;
}
div.visual {
	background-image: url('i/div_fon.png');
}
div.visual_ie {
	background-color: #0254b1;
	filter: alpha(opacity=30, finishOpacity=30, style=0);
}

/*****************		Дополнительные многократно используемые стили		*****************/
div.small_header, div.page_ref {
	display: block;
	font-size: 0.9em;
	color: #818c91;
}

div.page_ref {margin-left: 20px; margin-bottom: 1em;}

div.page_ref a:link, div.page_ref a:visited {text-decoration: none; color: #fc8583;}
div.page_ref a:hover {text-decoration: underline; color: #fc8583;}

.news a.page_ref:link, .news a.page_ref:visited {font-size: 0.9em; display: inline; font-style: italic; text-decoration: none;}
.news a.page_ref:hover {font-size: 0.9em; display: inline; font-style: italic; text-decoration: underline;}

.submenu_content a.rss_ref {display: block; border-top: 1px dotted #89c9c9; padding-top: 10px; padding-bottom: 10px;}

div.news_list {
	clear: left;
	margin-bottom: 1.3em;
	float: left;
	display: inline;
	position: relative;
}

.main {clear: left;}
.main div.news li a {font-size: 1em;}
.main  h3 {margin-left: 10px;}

div.news ul {list-style-type: none; margin-left: 10px;}

img.rss_ic {
	border: 0px;
	display: inline;
	vertical-align: bottom;
	margin-right: 0.8em;
	margin-left: 1em;
}

.submenu_content  img.rss_ic {margin-left: 0px;}

.italic_sm {font-style: italic; font-size: 0.9em}

.white_td, .with_b {background: white; padding: 5px;}
.with_b .blue {background-color: #eaf5f8;}

.hidden {display: none;}

.product_comment {margin-top: 10px; padding: 5px; font-size: 0.9em; border: 2px solid #6293a1; color: #7c7d7c;}
#border_table .product_comment {border: 0px; margin-top: 5px; }

/*****************		Стили для счётчиков		*****************/
#for_counter{
	float: right;
	margin-left: 40px;
}

/*****************		Стили для small window		*****************/
td.sky_sm{
	background: #88cbf3 url('i/sky_ptt.jpg') no-repeat 0px 0px;
	height: 40px;
}

img.logo_top_sm {
	width: 51px;
	height: 11px;
	margin: 29px 9px 0px 28px;
	float: left;
}

td.top_sm {
	border-bottom: 1px solid #fefefe;
	background: transparent url('i/top_ptt.jpg') repeat-x 0px 17px;
	padding-bottom: 10px;
}

img.logo_bot_sm {
	border-width: 0px;
	width: 51px;
	height: 53px;
	margin: 0px 9px 0px 28px;
	float: left;
}

img.name_sm {
	width: 118px;
	height: 37px;
	float: left;
	margin: 8px 16px 0px 0px;
	border-width: 0px;
}
td.podval_sm {
	border-top: 1px solid #3b392f;
	background: #4d4b3e url('i/podval_ptt.jpg') repeat-x bottom left;
	font-size: 0.7em;
	color: #acab9b;
}

/*****************		Для мета-тэгов		*****************/
#meta_recent  {float: left; clear: left; display: inline;}
.meta .small_header {display: inline;}
.meta li {margin-bottom: 15px}
#meta_recent  .meta {font-size: 0.9em}
#meta_recent  .meta li {margin-bottom: 0px;}

/*****************		for table *****************/
#border_table {border-collapse: separate; background-color: #4c9c9f;}
#border_table td {padding: 5px; background: white;}
#border_table .title, #border_table th {background-color: /*#4bb6b5*/#87c8c5; border: 0px; text-align: center; padding: 10px; color: #034f51; vertical-align: top; font-weight: bold;}
#border_table  li {list-style-position: outside;}
#border_table td.price {color: #034f51; text-align: right;}
#border_table .title .left {text-align: left;}

/*****************		Стили для дерева объектов сущности с AJAX		*****************/
#tree_catalog,  #tree_catalog ul {list-style-type: none; list-style-position: outside; margin-left: 0px; padding-left: 0px;}
#tree_catalog ul {margin-left: 25px;}
#tree_catalog li {margin-left: 0px;}
#tree_catalog span {font-weight: bold; text-decoration: none; font-size: 1.3em; color: #000000; margin-right: 5px; cursor: pointer;}
a.name_reference:link, a.name_reference:visited, a.name_reference:hover {color: #1ba9cf; font-weight: normal; text-decoration: none; font-size: inherit}

/*****************		Стили для иконок на главной странице		*****************/
.icon_div {float: left; margin: 0px 10px 10px 0px; width: 280px; min-height: 130px; /*border: 1px solid blue;*/}
.icon_div a {font-size: 1.8em; text-decoration: none;}
.linux .icon_div a {letter-spacing: -1pt; font-size: 1.7em; }
.icon_div  img {width: 120px; height: 120px; margin-right: 10px;}


/**************************************************************************
	стили для формы с получением лицензии на LS11SW2016
**************************************************************************/
#req_comm{
	font-style: italic;
}

fieldset {
	width: auto;
	float: left;
	margin-bottom: 1em;
}

#down_div {
	float: right;
	margin-left: 1em;
}

#down_div a {
	float: left;
	clear: left;
	font-size: 1.3em;
	text-decoration: none;
}

#down_div a:hover {text-decoration: underline; }

#down_div  img {
	margin: 0px 10px 10px 0px;
	cursor: pointer;
	margin-right: 20px;
}

#down_div  img.not { margin-right: 2px;} 

#to_step0_ref {display: none; clear: both; margin-top: 1em;}

/**************************************************************************
	стили для разбора сертификатов
**************************************************************************/

#cert_info_div, #cert_info_ru, #cert_info_en {
	/*
	float: left;
	width: 75%;
	border: 1px solid red;
	*/
}

.cert_tab td {
	font-family: monospace;
}

.cert_tab  .left {
	padding-left: 2em;
}

.cert_tab .right {
	padding-left: 1em;
}