html{
	overflow-y: scroll; /* Фиксируем вертикальный скролл, чтобы страница не гуляла */
	overflow-x: hidden;
	height: 100%;
}
/* Основные характеристики элементов на всех страницах -----------------------------------------------------------*/
body {
	font: 12px/18px Arial, Tahoma, Verdana, sans-serif;
	text-align: center; /* Сделано для выравнивания сайта по центру в IE6 и ниже */
	height: 100%;
}

img{ /* Стиль, длч всех картинок. на сайте*/
	outline: none; /* Устраняет обводку картинки, если она является ссылкой */
	border: 0;
}

a {
	text-decoration: none;
	color: #1F5A91;
}
a:active,
a:focus,
a:hover{
	text-decoration: underline;
 	outline: none;
}
kbd {
  padding: 2px 4px;
  color: #fff;
  background-color: #999;
  border-radius: 3px;
}
input{ 
	outline: none;
}
textarea{
	resize: none;
	outline: none;
}
select{
	outline: none;
}

pre{ /* Блоки для цитат (публикация кода LUS и формул) */
	background-color: #F7F7F9;
	border: 1px solid #E1E1E8;
	padding: 5px 0 5px 10px;
	color: #555;
	width: 688px;
	overflow-x: scroll;
	font-size: 11px;
	margin: 0 0 7px 0;
}
li pre{ /* Блоки для цитат (публикация кода LUS и формул) */
	width: 650px !important;
	width: 670px;
}

.img-list li {
	background-size: 20px auto;
	-moz-background-size: 20px auto;
	-webkit-background-size: 20px auto;
	display: block;
	margin: .4em 0;
	padding: 0 0 .3em 30px;
}
.ok li {
	background-image: url(http://croinform.ru/img/icons/li-ok.png);
	background-image: url(http://croinform.ru/img/icons/li-ok-ie.png)\9;
	background-repeat: no-repeat;
}
/* =========================================================== ОСНОВНЫЕ ЭЛЕМЕНТЫ САЙТА ================================================================================ */
.div-back { /* Основной div сайта, в нем всё!!! =) */
	width: 975px !important; /* Основная ширина сайта */
	width: 985px;
	padding: 0 5px;
	margin: 0 auto;
	text-align: left; /* Сделано для выравнивания сайта по центру в IE6 и ниже. Компенчирует выравнивание по центру в body */
	cursor: default;
	min-height: 100%;
}
.main{ /* корневой блок основной части страницы */
	padding: 0 2px 0 10px;
	clear: both;
	min-height: 100%;
}
.main-content{ /* корневой блок основной части страницы */
	clear: both;
	min-height: 100%;
	padding-bottom: 40px !!important; /* Это условие нужно, чтобы в ie7 правильно отображался футер сайта, без него он наезжает на содержимое страниц */
}
.right-col{ /* колонка с информацией справа от информационной части */
	float: right;
	width: 230px;
	min-height: 100%;
}
.left-col{ /* Левый блок для информации на информационных страницах где есть правая колонка */
	float: left;
	width: 700px;
	min-height: 100%;
}
.right-col.half{ /* дополнительный класс для деления страницы пополам */
	float: right;
	width: 48%;
	margin-right: 10px;
}
.left-col.half{ /* дополнительный класс для деления страницы пополам */
	float: left;
	width: 48%;
}
/* ============================================================== КНОПКИ НА САЙТЕ ================================================================================ */
.div-button{ /* Кнопка на баннере "Узнайте больше" */
	display:block;
	padding: 8px 0;
	background: #327fb0;
	color: white;
	text-align: center;
	border-radius: 3px;
	-moz-border-radius: 3px; 
	-khtml-border-radius: 3px;
	cursor: pointer;
}
.div-button.mini{
	padding: 6px 0;
}
.div-button:hover,
.div-button:focus{
	background: #2F97D4;
	text-decoration: none;
}

.button-long{ /* Левая кнопка банера */
	width: 180px;
}

.button-long-left{ /* Левая кнопка банера */
	width: 180px;
	float: left;
}
.button-long-right{ /* Правая кнопка банера */
	float: right;
	width: 180px;
}
.button-short{ /* Короткие кнопки в синем блоке, это кнопка "Войти*/
	width: 100px;
}
/* ============================================================== ШАПКА САЙТА ================================================================================ */
/* -------------------------------------------------------- Название и логотип портала ------------------------------------------------------------------------------- */
.main-head{ /* корневой блок с лиготипом и контактной информацией */
	padding: 10px 0;
	clear: both;
	height: 130px !important;
	height: 150px;
}
.div-logo{ /* Блок с логотипом */
	display: block;
	width: 200px;
	float: left;
	margin-left: 10px;
}
#logo{ /* логотип сайта */
	height: 120px;
}
/* -------------------------------------------------------- Контактная информация ------------------------------------------------------------------------------- */
.main-head-info{ /* Блок с названием информационноо портала */
	height: 100%;
	float: left;
}
.contacts{ /* блок для контактной информации */
	color: #545454;
	font-size: 11px;
	padding-top: 22px;
	padding-left: 50px;
}
/* ============================================================== ОСНОВНОЕ МЕНЮ ================================================================================ */
#menu{ /* Корневой блок основного меню сайта */
	height: 45px;
	clear: both;
}
#menu table{ /* класс для всеё таблицы-меню */
	width: 100%;
}
#menu table td{ /* класс для каждого отдельного пункта меню (ячейки) */
	font-size: 13px;
	width: 1%;
	background: #327fb0;
	text-align: center;
	color: white;
	border-right: 1px solid #4B9DCC;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .14);
}
#menu table td.orange{ /* класс для каждого отдельного пункта меню (ячейки) */
	background: #ff6f3d;
	border-color: #bf8f52;
}
#menu table td.orange:hover,
#menu table td.orange:focus{
	background: #ff936d;
}
#menu table td a,
#menu table td .choice{ /* класс для блоков содержащих текст */
	display: block;
	padding: 10px 0 !important;
	padding: 11px 0;
	text-decoration: none;
	outline: none;
	color: white;
}
#menu table #currentmenu,
#menu td:hover,
#menu td:focus{
	background: #218ac6;
}
#menu table #first{ /* левый пункт меню */
	border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	-khtml-border-radius: 3px 0 0 3px;
}
#menu table #first:hover{
	border-radius: 3px 0 0 0;
	-moz-border-radius: 3px 0 0 0;
	-khtml-border-radius: 3px 0 0 0;
}
#menu table #last{ /* правый пункт меню */
	border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	-khtml-border-radius: 0 3px 3px 0;
	border-right: 0;
}
/* ============================================================== ВЫПАДАЮЩЕЕ МЕНЮ ================================================================================ */
.submenu{ /* корневой блок выпадающего меню */
	z-index: 999;
	display: none;
	position: absolute;
	margin-left: 0 !important;
	margin-left: -69px;
	width: 270px;
	margin-top: 1px !important;
	margin-top: 0;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .14);
}
.submenu a{ /* пункты выпадающего меню */
	display: block;
	height: 18px;
	text-align: left;
	background: #218ac6;
	border-top: 1px solid #4B9DCC;
	border-bottom: 1px solid #4B9DCC;
	margin-top: -1px;	
	opacity: 0.97;
	moz-opacity: 0.97;
	filter: alpha(opacity=97);
	
	box-shadow: 0 2px 4px rgba(0, 0, 0, .14);
}
.submenu a span{ /* текст выпадающего меню */
	margin-left: 20px;
}
.submenu a:hover{
	background: #2F97D4;
}
#menu table td:hover .submenu{
	display: block;
}
/* ========================================================== Полный путь пользователя на сайте ================================================================================ */
.full-adres{ /* Корневой блок пути пользователя */
	height: 30px;
}
.full-adres span{ /* Корневой блок пути пользователя */
	font-size: 11px;
	color: #545454;
	margin: 0 5px 0 0;
}
/* ========================================================== ГЛАВНАЯ СТРАНИЦА ================================================================================ */

/* -------------------------------------------------------- БАНЕР -------------------------------------------------------- */
.main-banner{ /* Корневой блок банера */
	margin-top: 5px;
	height: 280px;
	clear: both;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	border: 1px solid #E2E7EB;
}
.main-banner-text{ /* Корневой текстовый блок баннера */
	float: right;
	width: 450px;
	margin-right: 50px;
}
.main-banner-text p{ /* Корневой текстовый блок баннера */
	display: block;
	margin-bottom: 30px;
}
.main-banner-text strong{ /* Заголовок банера в текстовом блоке */
	display: block;
	padding-bottom: 10px;
	font-size: 20px;
	font-weight: bold;
	color: #545454;
}
.main-banner-text span{ /* Основной текст баннера */
	display: block;
	text-align: justify;
	font-size: 13px;
}
.endpg{
	padding: 20px 0 10px 0;
	margin-top: 30px;
	height: 220px !important;
	height: 240px; /* Перекрывающий параметр для IE6 */
}
#err404{
	background-image: url(../img/backgrounds/404.png);
	background-position: 20px 10px;
	background-repeat: no-repeat;
}
#send_ok .endpg{
	background-image: url(../img/backgrounds/send.png);
	background-position: 80px 3px;
	background-repeat: no-repeat;
}
#send_err .endpg{
	background-image: url(../img/backgrounds/send.png);
	background-position: 80px -244px;
	background-repeat: no-repeat;
}
/* -------------------------------------------------------- Блоки нижнего меню на главной странице ------------------------------------------------------------------------------- */
.bottommenu{ /* Корневой блок основного меню сайта */
	margin-top: 5px;
	clear: both;
}
.bottommenu table{ /* класс для всеё таблицы-меню */
	width: 100%;
}
.bottommenu table td{ /* класс для каждого отдельного пункта меню (ячейки) */
	width: 14%;
	vertical-align: top;
}
.bottommenu table .sem{ /* класс для каждого отдельного пункта меню (ячейки) */
	width: 20%;
}
.bottommenu-img{
	height: 110px;
	background-repeat: no-repeat;
}
#support{
	background-image: url(../img/backgrounds/support.png);
	background-position: center;
}
#test{
	background-image: url(../img/backgrounds/test.png);
	background-position: center;
}
#proger{
	background-image: url(../img/backgrounds/prog.png);
	background-position: center;
}
#coding{
	background-image: url(../img/backgrounds/coding.png);
	background-position: center;
}

.bottommenu-block{
	margin: 0 10px;
	padding-bottom: 5px;
}
.bottommenu table td .info-header h3{
	border-bottom: 1px solid #327fb0;
	padding: 7px 0 10px 7px;
}
.bottommenu table td a{
	display: block;
	padding-left: 10px;
	padding-bottom: 2px;
}
.bottommenu table td p{
	display: block;
	font-size: 11px;
	padding-left: 10px;
}
/* -------------------------------------------------------- прес-центр новости и соц сети ------------------------------------------------------------------------------- */
#prcenter{
	padding: 15px 10px 15px 0;
	border-top: 1px solid #E2E7EB;
}
#lnews{
	width: 750px;
	float: left;
}
#lnews strong{
	float: left;
	margin-left: 10px;
	font-weight:bold;
}
#lnews span{
	display: block;
	color: #545454;
	margin: 0 80px 10px 80px;
	text-align: justify;
}
/* -------------------------------------------------------- иконки соц. сетей ------------------------------------------------------------------------------- */
#social{ /* Блок с иконками соц. сетей */
	display: block;
	float: right;
	width: 200px;
}
#social a{ /* ссылки на соц. сети */
	display: block;
	float: right;
	width: 32px;
	height: 32px;
	margin-left: 5px;
	background-position: center;
	background-repeat: no-repeat;
}
#vk{ background-image: url(../img/icons-social/vk.png); }
#rss{ background-image: url(../img/icons-social/rss.png); }
#twit{ background-image: url(../img/icons-social/twit.png); }
#fb{ background-image: url(../img/icons-social/fb.png); }
#habr{ background-image: url(../img/icons-social/habr.png); }
/* ========================================================== Страницы с описанием продуктов и решений ================================================================================ */
/* -------------------------------------------------------- Блоки с горизонтальными закладками ------------------------------------------------------------------------------- */
.section {
	margin: 10px 0 30px 0;
	clear: both;
}
ul.tabs {
	height: 125px;
	line-height: 25px;
	list-style: none;
	border-bottom: 1px solid #DDD;
	background: #FFF;
}
.tabs div{ /* Картинка блока */
	display: block;
	height: 90px;
	margin-top: 7px;
	background-image: url(../img/backgrounds/tabs.png);
}
.description{background-position: 0 0;} /* Описание */
.features{background-position: -90px 0;} /* Преимущества */
.capability{background-position: -185px 0;} /* Возможности */
.conditions{background-position: -280px 0;} /* Характеристики */
.requirements{background-position: -373px 0;} /* Требования */


.tabs p{ /* Название блока */
	display: block;
	text-align: center;
}
.tabs li {
	float: left;
	width: 105px!important;
	width: 134px;
	display: inline;
	margin: 0 6px -1px 0;
	padding: 0 13px 1px;
	color: #777;
	cursor: pointer;
	position: relative;
	border: 1px solid white;
}
.tabs li:hover,
.sub-tabs li:hover{
	padding: 0 13px;
	border: 1px solid white;
}
.tabs li.current div{
	background-image: url(../img/backgrounds/tabs-hover.png);
}
.tabs li.current{
	color: #444;
	padding: 0 13px 2px;
	border: 1px solid #D4D4D4;
	border-bottom: 1px solid white;
	border-top: 1px solid white;
}
.tabs li.current:hover,
.sub-tabs li.current:hover{
	background: #FFF;
}
.box,
.sub-box {
	display: none;
	border-top: 1px solid #D4D4D4;
	border-width: 0 1px 1px;
	padding-top: 15px;
}
.box.visible,
.sub-box.visible {
	display: block;
}

/* -------------------------------------------------------- Блоки с горизонтальными закладками для эк. безопасности ------------------------------------------------------------------------------- */
.sub-section {
	margin: 10px 0 30px 0;
	clear: both;
}
ul.sub-tabs {
	height: 28px;
	line-height: 25px;
	list-style: none;
	border-bottom: 1px solid #DDD;
	background: #FFF;
	text-align: center;
}
.sub-tabs li {
	float: left;
	width: 45%!important;
	display: inline;
	margin: 0 6px -1px 0;
	padding: 0 13px 1px;
	color: #777;
	cursor: pointer;
	position: relative;
	border: 1px solid white;
}
.sub-tabs li.current {
	color: #444;
	padding: 0 13px 2px;
	border: 1px solid #D4D4D4;
	border-bottom: 1px solid white;
}
/* ============================================================== Поиск по сайту ============================================================== */
.main-head-search{ /* Блок с названием */
	width: 450px;
	float: right;
	padding-top: 25px;
}
.input-search{ /* Корневой блок поиска, нужен для задания ширины */
	width: 100%;
}
.div-input{ /* Обтекающий блок для инпутов, а-ля поисковые системы */
	height: 23px !important;
	height: 28px;
	padding: 3px 0 0 10px;
	border: 1px solid #D4D4D4;
	background: white;
	cursor: default;
	border-radius: 3px;
	-moz-border-radius: 3px; 
	-khtml-border-radius: 3px;
}
.div-input input{
	border: 0;
	height: 20px;
	width: 100%;
}
#search{
	color: #D4D4D4;
}
#search:focus{
	color: black;
}
.div-input select{ /* инпуты и селекты на страницах запроса */
	border: 0;
	height: 20px;
	width: 99%;
}

.div-input.big{
	height: 90px !important;
	width: 450px !important;
}

.div-input.with-button input{
	border: 0;
	height: 20px;
	width: 85%;
	float: left;
}
.search-button{ /* блок для иконки корзины справа от удаляемых инпутов */
	display: block;
	margin-top: -3px;
	width: 60px;
	height: 26px;
	float: right;
	background: #327fb0;
	color: white;
	text-align: center;
	border-radius: 0 2px 2px 0;
	-moz-border-radius: 0 2px 2px 0;
	-khtml-border-radius: 0 2px 2px 0;
}
.search-button span{ /* блок для иконки корзины справа от удаляемых инпутов */
	display: block;
	padding-top: 4px;
	text-align: center;
}
.search-button:hover,
.search-button:focus{
	background: #5599d8;
	text-decoration: none;
}
.fast-search{ /* Корневой блок для быстрого поиска */
	/*display: none;*/
	margin-top: 4px;
	color: #545454;
	font-size: 11px;
}
.fast-search-block{ /* внутренний блок для быстрого поиска */
	display: block;
	width: 45%;
	margin-left: 10px;
	float: left;
}
/* Если снять комментарий, то при наведении на поиск будут выпадать списки с быстрым поиском
.main-head-search:hover .fast-search{
	display: block;
}
*/
/* ===================================================== КЛАССЫ ДЛЯ ОСНОВНОГО СОДЕРЖАНИЯ СТРАНИЦЫ ================================================================================ */
.new,
.new a{ /* класс для маркеров "Новое" */
	color: #C0240C !important;
	font-weight: bold;
}

sub.new{
	font-size: 0.9em;
}
.dib,
.dib-static{
	padding: 0px 0 10px 0;
	text-align: justify;
}
.dib-static.image{
	font-size: 11px;
}
.dib.image{
	text-align: center;
	font-size: 11px;
	margin: 0 10px;
}
.dib img{
	display: block;
	margin: 10px auto 0 auto;
}

.info-header{ /* класс для заголовков */
	font-weight:bold;
	color: #545454;
}
.info-header h2{
	font: bold 120% Tahoma,Verdana,sans-serif;
	margin: 2px 0 10px 0;
	color: #1F5A91;
}
.info-header h3{
	font: bold 110% Tahoma,Verdana,sans-serif;
	margin: 2px 0 10px 0;
	color: #1F5A91;
	margin-top: 20px;
}
.mini-discr{ /* Блок для краткого описания программы или решения */
	margin-top: 25px;
}
/* -------------------------------------------------------- Классы для списков ------------------------------------------------------------------------------- */
.numered,
.disc{
	margin-left: 10px;
}
.numered li{ /* класс для нумерованных списков */
	list-style: decimal;
	list-style-position: outside;
	margin: 2px 0 2px 10px;
}
.disc li{ /* класс для нумерованных списков */
	list-style: disc;
	list-style-position: outside;
	margin: 2px 0 2px 10px;
}

/* -------------------------------------------------------- Классы для таблиц ------------------------------------------------------------------------------- */
table{
	width: 100%;
	font-size:100%;
}
table .per40{
	width: 40%;
}
table .per35{
	width: 32%;
}
table .per25{
	width: 25%;
}
table .per20{
	width: 20%;
}
table.zebra{
	width: 100%;
	border: 1px solid #D4D4D4;
}
table.zebra td{
	padding: 5px 10px 5px 20px;
}
table.zebra thead td{
	background: #fafafa;
	border-bottom: 1px solid #D4D4D4;
	font-weight: bold;
	color: #545454;
	padding: 10px 20px;
}

table.zebra tbody tr {
	background: white; /* Цвет фона четных строк */
}
table.zebra tbody td{
	padding: 7px 20px !important;
	padding: 9px 20px;
	text-align: left;
}
table.zebra tbody tr.odd td{
	border-bottom: 1px solid #D4D4D4;
	border-top: 1px solid #D4D4D4;
}

table.require{
	width: 100%;
	border: 1px solid #D4D4D4;
}
table.require td{
	text-align: left;
}
table.require thead td{
	background: #fafafa;
	border: 1px solid #D4D4D4;
	font-weight: bold;
	color: #545454;
	padding: 10px;
}
table.require tbody td{
	border: 1px solid #D4D4D4;
	padding: 10px;
}

table.require.mini tbody td{
	vertical-align: top;
	font-size: 11px;
	padding: 5px 7px;
}

table.require.mini thead td{
	padding: 10px;
}

table.require.library thead td {
	text-align: center;
	vertical-align: center;
	background: #eee;
}

table.require.library tbody td {
	text-align: justify;
	vertical-align: center;
	font-size: 11px;
	padding: 5px 7px;
}

table.require .even {
	background: #fafafa
}

table.noborder,
table.noborder tbody td{
	border: 0;
}

.per45{
	width: 45%;
}
/* -------------------------------------------------------- страница загрузок ------------------------------------------------------------------------------- */
.prog-icon{ /* корневой класс для иконок программ */
	float: left;
	margin-right: 15px;
}
.download{ /* класс для иконок (картинок) программ */
	height: 80px;
	background-position: top;
}
/* -------------------------------------------------------- страница контакты ------------------------------------------------------------------------------- */
#ymaps-map-container{ /* доп класс для схемы проезда в разделе контакты */
	height: 470px;
	z-index: 1;
}
/* -------------------------------------------------------- страница клиентов ------------------------------------------------------------------------------- */
.customer-logo{ /* доп класс для схемы проезда в разделе контакты */
	display: block;
	float: left;
	margin-right: 1%;
	margin-bottom: 10px;
}
.customer-logo div{
	border: 1px solid #D4D4D4;
	border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	-khtml-border-radius: 0 3px 3px 0;
	margin: auto;
	background-repeat: no-repeat;
	background-position: center;
}

.customer-logo.long{ /* доп класс для схемы проезда в разделе контакты */
	width: 49% !important;
	width: 48%;
}
.customer-logo.long div{ /* доп класс для схемы проезда в разделе контакты */
	height: 90px;
}
.customer-logo.short{ /* доп класс для схемы проезда в разделе контакты */
	width: 24% !important;
	width: 23.5%;
}
.customer-logo.short div{ /* доп класс для схемы проезда в разделе контакты */
	height: 192px;
}
.sber{ background-image: url(../img/customers/sber.png); }
.rosbank{ background-image: url(../img/customers/rosbank.png); }
.uralsib{ background-image: url(../img/customers/uralsib.jpg); }
.nordea{ background-image: url(../img/customers/nordea.png); }
.perviy{ background-image: url(../img/customers/1rb.jpg); }
.binbank{ background-image: url(../img/customers/binbank.jpg); }
.norn{ background-image: url(../img/customers/norn.jpg); }
.rostel{ background-image: url(../img/customers/rostel.jpg); }
.psbank{ background-image: url(../img/customers/psbank.jpg); }
.intenza{ background-image: url(../img/customers/intenza.jpg); }
.kreditmoscva{ background-image: url(../img/customers/kreditmoscva.jpg); }
.mtsbank{ background-image: url(../img/customers/mtsbank.jpg); }
.vtb{ background-image: url(../img/customers/vtb.jpg); }
.mkb{ background-image: url(../img/customers/mkb.jpg); }
.tatfond{ background-image: url(../img/customers/tatfond.gif); }
.mtb{ background-image: url(../img/customers/mtb.gif); }
.aeb{ background-image: url(../img/customers/aeb.jpg); }
.mteb{ background-image: url(../img/customers/mteb.gif); }
.mmk{ background-image: url(../img/customers/mmk.png); }
.scorista{ background-image: url(../img/customers/scorista.jpg); }

.customer-logo.right{ /* доп класс для схемы проезда в разделе контакты */
	margin-right: 0;
}
/* -------------------------------------------------------- страница семинаров ------------------------------------------------------------------------------- */
.seminar{ /*число для участников семинаров в этом году */
	clear: both;
	padding-bottom: 20px;
	text-align: center;
}
.seminar strong{
	display: block;
	font-size: 37px;
	padding: 20px 0 10px 0;
	font-weight: bold;
	color: #545454;
	/*text-shadow: #545454 1px 1px 2px;*/
}
.seminar span{
	display: block;
	margin-top: 15px;
	font-size: 13px;
}
.seminar h3{
	font-size: 15px;
	font-weight: bold;
	color: #545454;
	clear: both;
	margin-bottom: 15px;
	text-align: center;
}

.people{
	float: right;
	width:100px;
	height: 100px;
	background-image: url(../img/backgrounds/people.png);
	background-position: 25px 0;
	background-repeat: no-repeat;
	color: #545454;
	margin-bottom: 10px;
}
.people strong{
	margin-top: 39px;
	font-size: 23px;
	font-weight: bold;
}
.people span{
	margin-top: -5px;
}
.next-date{
	display: block;
	margin: 0 auto;
	width: 100px;
	height: 100px;
	background-image: url(../img/backgrounds/calendar.png);
	background-position: center;
	background-repeat: no-repeat;
	margin-bottom: 10px;
}
.next-date:hover{
	text-decoration: none;
}
.next-date strong{
	display: block;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	color: white;
}
.next-date span{
	display: block;
	text-align: center;
	margin-top: 10px;
	font-size: 27px;
	font-weight: bold;
	color: #545454;
}

.price-block{
	float: right;
	margin-left: 30px;
}
.price{ /* Цена */
	display: block;
	margin-bottom: 10px;
	padding: 7px 0;
	width: 210px;
	text-align: center;
	color: #545454;
	border: 1px solid #E2E7EB;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	background: #f5f7ff;
}
.price:hover{ /* Цена */
	text-decoration: none;
	background: #ECF0FF;
	border: 1px solid #d9dee2;
}
.price.total:hover{ /* общая цена */
	background: #f5f7ff;
}

.price span{
	display: block;
	padding-bottom: 10px;
}

.price strong{
	display: block;
	font-size: 27px;
	font-weight: bold;
	padding-bottom: 12px;
}
.price p{
	padding-bottom: 3px;
	font-weight: bold;
	font-size: 1.1em;
}
.sem-marker{ /* клдля маркеров семинара в таблице на основной странице семинаров */
	display: block;
	height: 20px;
	width: 7px;
	margin-left:-14px;
	float: left;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
}
.sem1{ background-color: #55aee3; } /* Семинар базовый */
.sem2{ background-color: #18d073; } /* Семинар программирование */
.sem3{ background-color: #ff9a1e; } /* Семинар аналитика */
.wknd{ background-color: #F5F5F5; } /* Выходняе дни */

.div-month-block{ /* Корневой блок для календаря */
	clear: both;
}
.month{ /* Корневой блок для месяца */
	float: left;
	width: 23.5%;
	margin-right: 1%;
	border: 1px solid #D4D4D4;
	height: 185px;
	margin-bottom: 20px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
}
.month .days p{ /* Корневой блок для названий дней */
	font-size: 9px;
	color: #545454;
	border-bottom: 1px solid #E2E7EB;
}
.month-name{ /* Корневой блок для имени месяца */
	background: #f5f7ff;
	background: #3c80bf;
	color: #545454;
	color: white;
	font-weight: bold;
	padding: 5px 0;
	text-align: center;
	border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	-khtml-border-radius: 3px 3px 0 0;
}
.month p,
.month a{ /* Корневой блок для чисел календаря */
	display: block;
	color: black;
	width: 12.9%!important;
	width: 14%;
	margin: 1px;
	padding-top: 2px;
	float: left;
	text-align: center;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
}

#no_nds{ /* фраза не облагается НДС */
	clear: both;
	padding: 10px 0;
	color: #545454;
}
.empty{
	color: red;
	font-size: 11px;
	display: none;
	font-weight: normal;
}
.wrong .div-input{
	border: 1px solid red;
}
.wrong .empty{
	display: inline;
}
/* -------------------------------------------------------- страница с кратким описанием решений ------------------------------------------------------------------------------- */
.des{ /* Корневой блок для одного решения */
	padding-left: 130px;
	min-height: 170px !important;
	height: 165px;
	background-repeat: no-repeat;
}
#dm{ background-image: url(../img/icons/dm.png); }
#tw{ background-image: url(../img/icons/tw.png); }
#exp{ background-image: url(../img/icons/exp.png); }
#ecbez{ background-image: url(../img/icons/ecbez.png); }
#aris{ background-image: url(../img/icons/aris.png); }
#query{ background-image: url(../img/icons/query.png); }
/* -------------------------------------------------------- страница с описанием подсистем Портала ------------------------------------------------------------------------------- */
.des-portal{ /* Корневой блок для одной подсистемы */
	padding-left: 130px;
	background-repeat: no-repeat;
	}
#bsul{ background-image: url(../img/icons/bsul.png); }
#monitoring{ background-image: url(../img/icons/monitoring.png); }
#bsip{ background-image: url(../img/icons/bsip.png); }
#https{ background-image: url(../img/icons/https.png); }
#expertiza-fl{ background-image: url(../img/icons/expertiza-fl.png); }
#aff-fl{ background-image: url(../img/icons/aff-fl.png); }
#id-fl{ background-image: url(../img/icons/id-fl.png); }
#mbki{ background-image: url(../img/icons/mbki.png); }
#fns{ background-image: url(../img/icons/fns.png); }
#aff-ul{ background-image: url(../img/icons/aff-ul.png); }
#fin-ul{ background-image: url(../img/icons/fin-ul.png); }
#benef-ul{ background-image: url(../img/icons/benef-ul.png); }
#passport{ background-image: url(../img/icons/passport.png); }
/* -------------------------------------------------------- страница оформления заказа ------------------------------------------------------------------------------- */

.name{ /* заголовки на форме для участия в семинаре */
	margin: 5px 0;
}
.name input{
	margin-right: 10px;
}


#no_nds{ /* фраза не облагается НДС */
	clear: both;
	padding: 10px 0;
	color: #545454;
}
.empty,
.mes{
	color: red;
	font-size: 11px;
	display: none;
	font-weight: normal;
}
.wrong .div-input,
.message .div-input{
	border: 1px solid red;
}
.wrong .empty,
.message .mes{
	display: inline;
}
/* ============================================================== Параметры правого меню ================================================================================ */
.blue-block{ /* блок голубого цвета с инпутами для входа в портал и контактной информацией*/
	margin-bottom: 15px;
	border-radius: 3px;
	-moz-border-radius: 3px; 
	-khtml-border-radius: 3px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .14);
}
.blue-block-content{/* Содержимое голубого блока */
}
.blue-block-header{ /* Заголовок блока */
	color: white;
	background: #218ac6;
	padding: 7px 0;
	border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0; 
	-khtml-border-radius: 3px 3px 0 0;
}
.blue-block-header p{ /* Заголовок блока */
	font-size: 13px;
	padding-left: 15px;
	color: white;
}
.blue-block-header a{
	color: white;
}
.blue-block-header a:hover{
	text-decoration: none;
}
.blue-block-menu a{ /* меню голубого блока */
	display: block;
	background: #f5f7ff;
	padding: 7px 0;
	height: 100%;
	border: 1px solid #d9dee2;
	border-top: 0px;
}
.menu-current a,
.blue-current a,
.blue-current-year a,
.blue-block-menu a:hover{
	background: #ECF0FF;
	text-decoration: none;
	outline: none;	
}
.blue-block-menu p{
	margin-left: 15px;
}
/* ============================================================== Cro-Wiki ================================================================================ */
.faq{
	margin-bottom: 20px;
}

.faq ul{
	margin: 0 0 0 5px;
}
.faq ul li{
	margin-left: 10px;
}
.faq ul a{
	display: block;
	padding-top: 5px;
	height: 25px!important;
	height: 31px;
	border-bottom: 1px solid #ECF0FF;
}
.faq ul p{
	padding: 5px 0;
	border-bottom: 1px solid #ECF0FF;
	font-weight:bold;
	color: #545454;
}

.faq li span{
	float: right;
	display: block;
	text-decoration: none;
	text-align: right;
	width: 80px;
	margin-left: 15px;
	cursor: pointer;
}
.faq li a:hover{
	background-color: #F7F7F9;
}
#kb{ /* Информация о статье (находится в шапке статьи) */
	width: 100%;
	background: #fafafa;
	color: #545454;
}
#kb td{
	border: 1px solid #E6E6E6;	
	padding: 6px 15px 6px 15px;
	font-size: 11px;
}
.note{ /* Примечания в тексте статьи */
	padding: 10px 0;
	margin-bottom: 5px;
	color: #C0240C;
	border-top: 1px solid #E6E6E6;	
	border-bottom: 1px solid #E6E6E6;
	text-align: justify;
}

#scrollback{ /* Всплывающая кнопка вверх на длинных страницах */
	position: fixed;
	display: none;
	height: 40px;
	width: 70px;
	bottom: 20px;
	cursor: pointer;
	border-radius: 3px;
	-moz-border-radius: 3px; 
	-khtml-border-radius: 3px;
	background: #D7D7D7;
	background-image: url(../img/backgrounds/up.png);
	background-repeat: no-repeat;
	background-position: center;
	opacity:0.9;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
}
#scrollback:hover{
	background: #C2C2C2;
	background-image: url(../img/backgrounds/up.png);
	background-repeat: no-repeat;
	background-position: center;
	opacity:0.8;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
}
.comment{ color: green;} /*комментарий в формулах*/
.field{ /* поля баз в формулах*/
	color: #ca600a;
	font-weight: bold;
}
.string{ color: blue;} /*комментарий в формулах*/
.links{ color: purple;}
/* ============================================================== Новости ================================================================================ */

.news-head{ /* Корневой блок новости. Содержит дату публикации и заголовок новости. */
	margin-bottom: 2px;
	cursor: pointer;
}
.news-date{ /* Дата публикации новости */
	float: left;
	font-size: 11px;
	width: 65px;
	color: #545454;
	border-bottom: 2px solid #E3E9FF;
}
.news-name{ /* Заголовок новости */
	margin-left: 80px !important;
	margin-left: 77px;
	color: #1F5A91;
}
.news-name a{ /* Заголовок новости */
	font-weight: bold;
}
.news-body{ /* Текст новости */
	margin-left: 80px;
	display: none;
}
.dib.opn .news-body{ /* Текст новости */
	display: block;
}
.dib.close .news-body{ /* Текст новости */
	display: none;
}
.news-body p{ /* Текст новости */
	margin-bottom: 10px;
}
.news-body li{ /* Текст новости */
	margin-left: 15px;
}
/* ============================================================== ФУТЕР САЙТА ================================================================================ */
.footer{ /* Корневой блок футера */
	clear: both;
	margin-top: -50px; /* Необходимо чтобы фотер поднялся выше и граница картинки слилась с границей браузера */
}
.footer-head{ /* Шапка футера с верхней картинкой */
	height: 10px;
}
.footer-body{ /* Тело футера задаёт фон основной части футера */
	color: #9A9A9A;
	width: 985px; /* Основная ширина сайта */
	margin: 0 auto;
}
.footer-content{ /* Содержимое футера */
	margin: 0 12px;
	font-size: 11px;
	text-align: center; /* Сделано для выравнивания сайта по центру в IE6 и ниже. Компенчирует выравнивание по центру в body */
	padding-bottom: 10px;
}

.wb{
	margin:20px 0;
	padding: 20px;
	background: #f9edbe;
	border: 1px solid #f0c36d;
	border-radius: 5px;
}
.wb h2,
.wb h3,
.wb h4,
.wb h5,
.wb h6{
	margin-bottom:15px;
	font-size:17px;
	line-height: 15px;
}

.disabled{
	display: none;
}