/* ============== Главные ==============*/

html, body{
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: 100%;
	height: 100%;
	}

body{
	font-family: verdana, arial, tahoma, sans-serif;
	font-size: 75%;
	line-height: 120%;
	background: #fff;
	}

/* ---- Страница */
#page{
	width: 100%;
/*	height: 100%;*/
    border-spacing: 0px;
	border-collapse: collapse;
	}

#page td{
    padding: 0px;
	border: none;
    }

/* ============== Основные блоки ==============*/

/* ---- Выбор языка */
td#langbar{
	padding: 6px 30px 6px 0px;
	text-align: right;
	}

div#langbar{
	margin: 20px 0px 0px 30px;
	text-align: left;
	}

/* ---- Блок навигации */
td#navigation, td#footer-navigation{
	vertical-align: top;
	text-align: left;
	padding-left: 30px;
	padding-top: 8px;
	}

td#footer-navigation{
	background-color: #f9f9f9;
	padding-top: 20px;
	}

/* ---- Логотип */
td#container-logo{
    height: 100px;
	}

#logobar{
	position: relative;
	text-align: left;
    height: 100px;
	background: #f0f0f0;
	}

#inner #logobar{
	background: #fff url('/i/gradient-vertical.gif') top left repeat-y;
	margin-right: 30px;
	}

/* ---- Картинка */
td#picture{
	padding-left: 30px;
	height: 159px;
	background: url('/i/picture.jpg') 30px top no-repeat;
	}

/* ---- Меню */
td#menu{
	vertical-align: top;
	text-align: left;
	}

/* ---- Левая колонка */
td#leftpanel{
	padding-top: 70px;
	padding-left: 15px;
	padding-right: 15px;
	vertical-align: bottom;
	}

/* ---- Правая колонка */
td#rightpanel{
	padding-right: 15px;
	padding-left: 15px;
	vertical-align: bottom;
	}

/* ---- Основная колонка (на внутренних страницах) */
td#mainpanel{
	padding: 30px 100px 30px 30px;
	vertical-align: top;
/*	color: #3d3d3d; */
     color: #000000;
	}

/* ---- Блок копирайтов */
td#copyrights{
	padding-left: 30px;
	padding-top: 20px;
	vertical-align: top;
	text-align: left;
	font-size: 90%;
	background-color: #f9f9f9;
	}

/* ---- Разработчики */
td#aist{
	padding: 20px 30px;
	vertical-align: middle;
	text-align: left;
	background-color: #f9f9f9;
	color: #969696;
	font-size: 85%;
	font-family: tahoma, arial, verdana, sans-serif;
	}

td#aist div{
	text-align: right;
	}

/* ============== Оформление блоков ==============*/

/* ---- Выбор языка */
#langbar{
	font-size: 70%;
	}

#menu #langbar a{
	font-size: 100%;
	text-decoration: underline;
	}

#navigation #langbar a, #footer-navigation #langbar a{
	margin-right: 0px;
	}

/* ---- Градиентная полоска */
#gradientbar{
	position: relative;
	height: 51px;
	margin: 0px 30px;
	background: url('/i/gradient.gif') top left repeat-x;
	}

#inner #gradientbar{
	background: url('/i/gradient-light.gif') top left repeat-x;
	z-index: 1;
	}

#gradientbar img#logotext{
	position: absolute;
	top: 15px;
	left: 15px;
	z-index: 3;
	}

/* ---- Аппарат */
#collage{
	position: absolute;
	right: 0px;
	top: 0px;
	width: 277px;
	height: 403px;
	background: url('/i/collage.png') top left no-repeat;
	_background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/i/collage.png');
	}

/* ---- Люди */
#inner #collage{
	right: 20px;
	top: 0px;
	width: auto;
	height: auto;
	background: none;
	z-index: 2;
	}

/* ---- Блок навигации */
#navigation img, #footer-navigation img, #navigation a, #footer-navigation a{
	margin-right: 19px;
	}

#navigation a img, #footer-navigation a img{
	margin-right: 0px;
	}

/* ---- Логотип */
#logobar img#logo{
	position: absolute;
	top: 27px;
	left: 30px;
	}

#logobar img#logotext{
	position: absolute;
	top: 25px;
	left: 40%;
	}

/* ---- Меню */
#menu a{
	font-size: 80%;
	text-decoration: none;
	}

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

#menu span{
	font-size: 80%;
	color: #ce0500;
	}

/* ---- Стрелочки */
.lipassive{
	background: none;
	}

.liactive{
	background: url('/i/arrow.gif') left 6px no-repeat;
	}

.liselected{
	background: url('/i/arrow-a.gif') left 6px no-repeat;
	}

/* ---- 1 уровень */
#menu ul.level1{
	margin: 25px 0px 25px 30px;
	padding: 0px;
	list-style-type: none;
	}

#menu ul.level1 li{
	padding: 3px 0px;
	border-top: #dedede solid 1px;
	width: 141px;
	}

#menu a.pic, #menu em.pic{
	display: block;
	height: 12px;
	margin-left: 10px;
	background-position: left top;
	background-repeat: no-repeat;
	font-size: 9px; /* для обеспечения отображения в ie при любом масштабе */
	}

/* ---- 2 уровень */
#menu ul.level2{
	margin: 3px 0px 20px 0px;
	padding: 0px 0px 0px 10px;
	border-top: #dedede solid 1px;
	list-style-type: none;
	}

#menu ul.level2 li{
	padding: 0px 0px 0px 5px;
	border: none;
	width: auto;
	background: url('/i/level2-dot.gif') left 8px no-repeat;
	}

#menu ul.level2 li a{
	color: #5a5a5a;
	}


#menu ul.level2 li a.current{
	color: #ce0500;
	}

/* ---- 3 уровень */
#menu ul.level3{
	margin: 0px 0px 0px -5px;
	padding: 0px;
	border: none;
	list-style-type: none;
	}

#menu ul.level3 li{
	padding: 0px 0px 0px 15px;
	border: none;
	width: auto;
	background: url('/i/level3-dot.gif') left 8px no-repeat;
	}

#menu ul.level3 li a{
	color: #a4a4a4;
	}

/* ---- Кнопки */
#inner #buttons{
	margin-bottom: 30px;
	}

#buttons a{
	display: block;
	width: 141px;
	height: 65px;
	margin-left: 30px;
	margin-bottom: 10px;
	background-position: bottom left;
	background-repeat: no-repeat;
	}

#buttons a span{
	display: none;
	}

/* ---- Хлебные крошки */
#browsepath{
	position: relative;
	font-size: 95%;
	margin-bottom: 30px;
	color: #a4a4a4;
	z-index: 4;
	}

#browsepath a{
	color: #ce0500;
	}

#browsepath span{
	color: #3d3d3d;
	padding-left: 4px;
	padding-right: 4px;
	}

/* ---- Новости */
.newsfield{
	padding-bottom: 10px;
	padding-right: 15px;
	margin-bottom: 20px;
	border-bottom: #d8d8d8 solid 1px;
	color: #000000;
	text-align: left;
	}

h2.newstitle{
	margin-bottom: 12px;
	}

.newsfield .ann{
	margin: 0px;
	color: #000000;
	}

.allnews{
	width: 247px;
	margin-right: 15px;
	margin-bottom: 25px;
	}

/* ---- О компании */
#aboutblock{
	padding-left: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	margin-bottom: 10px;
/*	border-left: #d8d8d8 solid 1px; && */
	}

#aboutblock p{
	color: #000000;
	}

#knowmoreabout{
	margin-top: 30px;
	text-align: right;
	}

/* ---- Отзывы клиентов */
table.responces{
	border: none;
	border-collapse: collapse;
    border-spacing: 0px;
	}

#page table.responces td{
	text-align: center;
	vertical-align: middle;
	}

#page table.responces td.info{
	vertical-align: bottom;
	padding-top: 10px;
	padding-bottom: 30px;
	}

.responces img.logo{
	margin: 0px 0px 20px 20px;
	float: right;
	}

div.responces h2{
	margin-bottom: 12px;
	}

/* ---- Клиенты */
.clients img.logo{
	margin-right: 12px;
	margin-bottom: 12px;
/*	padding: 5px;
	border-left: #eee solid 3px;
	border-bottom: #eee solid 1px;*/
	float: left;
	}

.clients h2{
	margin-bottom: 12px;
	}

/* ---- Вакансии/команда */
.staff h2{
	margin-bottom: 12px;
	}

div.staff{
	margin-bottom: 2em;
	}

/* ---- Публикации */

.publications{
	margin-bottom: 12px;
	}

.publications .fulllink{
	font-size: 120%;
	font-weight: bold;
	}

.publications .fulllink a{
	text-decoration: none;
	color: #ce0500;
	}

/* ---- Блок копирайтов */
#copyrights p{
	color: #848484;
	}

/* ---- Список резюме */
#resumelist{
	width: 100%;
	border: none;
	border-spacing: 0px;
	border-collapse: collapse;
	}

#resumelist th, #resumelist td{
	padding: 5px;
	border: #777 solid 1px;
	vertical-align: top;
	}

#resumelist th{
	background-color: #eee;
	font-weight: bold;
	text-align: center;
	}

#resumelist td{
	text-align: left;
	}

/* ---- Программное обеспечение */
#mainpanel table.softwaresubs{
	border: none;
	}

#mainpanel .softwaresubs td{
	border: none;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	vertical-align: middle;
	}

/* ---- КАТАЛОГ */
#mainpanel table.tech{
	width: 100%;
	border-spacing: 0px;
	border-collapse: collapse;
	}

#mainpanel .tech td{
    text-align: left;
	vertical-align: top;
	padding: 3px 5px;
	border: #777 solid 1px;
	}

#mainpanel .tech tr.grey td{
	background: #f0f0f0;
	}

#mainpanel .tech tr.grey_light td{
	background: #fafafa;
	}

/* ============== Гиперссылки ==============*/
a{
	color: #2d7bc7;
	text-decoration: underline;
	}

#langbar a, #copyrights a{
	color: #ce0500;
	}

a.details{
	padding-left: 10px;
	background: url('/i/dots.gif') left 50% no-repeat;
	}

.newsfield h3 a, .publications h3 a{
	color: #000000;
	}

h3 a{
	text-decoration: none;
	}

.newsfield h3 a:hover, .publications h3 a:hover, h3 a:hover{
	text-decoration: underline;
	}


/* ============== Текст ==============*/
p{
	text-align: left;
	margin: 0px 0px 12px 0px;
	padding: 0px;
	}

#mainpanel p, #mainpanel ul{
	color: #000000;
	}

#mainpanel .newsfield p{
	margin: 0px;
	color: #000000;
	}

/* ---- Заголовки */
h1{
	padding: 0px;
	margin: 0px 0px 20px 0px;
	background-position: left top;
	background-repeat: no-repeat;
	font-size: 127%;
	font-weight: bold;
	color: #ce0500;
	}

h1 span{
	display: none;
	}

h1#news{
	width: 94px;
	height: 15px;
	background-image: url('/i/header-news.gif');
	}

h1#about{
	width: 188px;
	height: 15px;
	background-image: url('/i/header-about.gif');
	}

h1#heads{
	width: 297px;
	height: 22px;
	background-image: url('/i/header-heads.gif');
	}

h2{
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	font-size: 120%;
	color: #ce0500;
	}

h3{
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	font-size: 100%;
	color: #5a5a5a;
	}

/* ---- Списки */
#mainpanel ul{
	list-style-type: square;
    list-style-position: outside;
	margin: 1em 0px;
	padding: 0px 0px 0px 2em;
	}

#mainpanel ol.spacer li, #mainpanel ul.spacer li{
	margin-bottom: 0.5em;
	}

ul.catalogue{
	margin: 20px 0px;
	padding: 0px;
	list-style-position: inside;
	list-style-image: url('i/dots.gif');
	}

ul.catalogue li{
	margin: 0px 0px 0px 20px;
	padding: 0px;
	}

ol.search{
	margin: 15px 0px 15px 20px;
	padding: 0px;
	list-style-type: decimal;
	}

ol.search li{
	margin: 0px 0px 15px 0px;
	padding: 0px;
	}

/* ================= Формы =================== */
.formspace{
	width: 70%;
	}

.formspace textarea{
	width: 98%;
	}

.formspace input{
	width: 98%;
	}

.formspace input.submit{
	width: auto;
	}

/* ============== Декоративные элементы ==============*/
img{
	border: none;
	margin: 0px;
	padding: 0px;
	}

.routemapvis{
	display: block;
	width: 450px;
	height: 316px;
	margin-top: 12px;
	border: #717171 solid 3px;
	}

hr{
/*	border: none;
	background-color: #5a5a5a;
    height: 1px;*/
	}

fieldset{
	padding: 1em;
	margin-bottom: 0.5em;
	}