/* layout */
html, body { 
	padding: 0px; margin: 0px; 
	height: 100%;
	font: normal 12px/1.25em Arial, sans-serif; color: #869197;
	background: #DFDFDF;
}
#all { 
	position: relative; /* overflow: hidden;  */
	height: auto; min-height: 100%; 
	width: 990px; border-right: 1px solid white; 
	_height: 100%;
	background: #DFDFDF url(/media/system/img/layout/all-bg.gif) 180px 0px repeat-y; 
}

#DESCRIPTION {display:block;}
#USE {display:none;}
#ADVANTAGE {display:none;}
#CHARACTERISTIC {display:none;}
#DOWNLOAD {display:none;}

div.col-right { float: right; padding-top: 30px; /*margin: 0px; padding: 0px; */}
/* div.navigation { float: left; clear: both; } */
.col-1 .nl, div.for-content { margin-top: 30px; }
div.for-content { float: left; clear: none; *width: auto; }
div.for-content .col-2, div.for-content .col-2-3 { padding-left: 45px; }
div.for-content .col-2 { width: 270px; }
div.for-content .col-3 { width: 270px; margin-left: 21px; *clear: right; }
div.for-content .col-2-3 { width: 564px; }
.col-nl { clear: left; }
div.title { 
	float: right; margin: 0px; padding: 55px 20px 0px 17px; min-height: 75px; _height: 75px; 
	width: 275px; overflow: visible;
}
#footer-space, #footer { height: 40px; clear: both; }
#footer-space { 	width: 100%; }
#footer { position: absolute; left: 0px; bottom: 0px; _width: auto; }
#footer div { margin-bottom: 0px; padding-bottom: 0px; }
div.col-1, div.col-4 { background: #DFDFDF; }
#sublogoSWF {display: block;}
/* / layout */

/* media="all"
* layout
* grid
* tags
* share
* all-pages elements
* box
* form
* elements
*/

/* grid */
.columns { position: relative; clear: both; *width: 100%; *overflow-y: visible; }
.col-1, .col-2, .col-3, .col-4, .col-1-2, .col-2-3 { float: left; overflow: hidden; }
#top, .top-illustration { overflow: hidden; }
#top .col-1, #top .col-2, #top .col-3, #top .col-4, #top .col-1-2, #top .col-2-3,
.top-illustration .col-1, .top-illustration .col-2, .top-illustration .col-3, .top-illustration .col-4, 
.top-illustration .col-1-2, .top-illustration .col-2-3 { padding-bottom: 10000px; margin-bottom: -10000px; }
.col-1 { width: 180px; }
.col-2 { width: 315px; }
.col-3 { width: 315px; }
.col-4 { width: 180px; }
.col-1-2 { width: 495px; }
.col-2-3 { width: 630px; }
#top .col-1-2 { background: white; }
/* / grid */

/* tags */
a { color: #00A6EB; }
a img { border: none; }
h1, h2, h3, h4, h5, h6 { color: black; font-weight: normal; margin-bottom: .2em; }
h2 { font-size: 18px; line-height: 22px !important; }
p, ul, ol, table { margin-top: 0px; margin-bottom: 1em; }
table, td, th { font-size: 1em; }
table { width: 100%; border-collapse: collapse; }
td, th { vertical-align: top; text-align: left; padding: 8px; border-top: 1px solid black; }
tbody td, tbody th { background: white; }
tbody tr.subtitle td { background: #EFEFEF; padding-bottom: 0px; padding-top: 3px;}
tbody tr.subtitle td h2{ margin-bottom: .4em;}
tbody tr.gray td, tbody tr.gray td div { background: #EFEFEF; padding: 0px;}
thead td, thead th { text-align: center; font-weight: bold; color: black; padding-top: 1px; padding-bottom: 1px; }
td.center, th.center, tr.center td, tr.center th { text-align: center; }
td.right, th.right, tr.right td, tr.right th { text-align: right; }
.super-border td, .super-border th { border-top-width: 10px; }
.box td, .box th { border-color: #EFEFEF; }
.box td img {margin-right: 20px;}
h1 { font: normal 22px 'Arial narrow'; margin-top: 0px;}
/* / tags */

/* share */
ul.clean, ul.clean li { margin-left: 0px; padding-left: 0px; list-style: none; }
.more { padding-left: 5px; background: transparent url(/media/system/img/arrows/3x5-blue.gif) left 5px no-repeat; }
.prev { padding-left: 10px; background: transparent url(/media/system/img/arrows/4x7-blue1.gif) left 5px no-repeat; }
.no-mar-bot { margin-bottom: 0px; }
.both { clear: both; }
/* / share */

/* all-pages decor */
	#top { margin-bottom: -20px; }
	
	#logo { padding: 26px 25px 32px; }
	
	#top .col-3 { background: #00A6EB; min-height: 1px; }
	#top .nav { height: 133px; overflow: hidden; position: relative; }
	#top .nav ul, #top .nav li { margin: 0px; padding: 0px; list-style: none; }
	#top .nav ul { 
		width: 350px; overflow: hidden; 
		background: white; border: 0px solid #EBEBEB; border-width: 1px 0px 2px; 
		position: absolute; bottom: -1px;
		_bottom: -2px;
	}
	#top .nav li { 
		float: left; 
		background: transparent url(/media/system/img/layout/service-separator.gif) right 5px no-repeat;
	}
	#top .nav a, #top .nav strong { 
		display: block; height: 18px; line-height: 18px;
		padding: 0px 27px; font-size: .8em; color: #869197;
		text-decoration: none; font-weight: normal;
		*display: inline;
	}
	#top .nav strong { color: black; }
	#top .nav a:hover { text-decoration: underline; }
	
	#top #simple-search { 
		display: block; margin: 0px; margin-top: 114px;
		/*margin-left: 10px; */ border-bottom: 1px solid #869197;
		overflow: hidden; border: 1px solid #869197;
		width: 168px;
		position: relative; left: 10px;
	}
	#simple-search input { 
		display: block; float: left; 
		color: #869197; font-size: 11px; line-height: 13px;
		border: none;
	}
	#simple-search input.text { width: 143px; padding: 1px 4px 2px; border-right: 1px solid #869197; }
	
	.title h1 { font: normal 22px 'Arial narrow'; margin-top: 0px; padding-top: 14px; }
	
	dl.nav, dl.nav dt, dl.nav dd { margin: 0px; padding: 0px; _padding-top: 1px; }
	dl.nav dt { 
		margin: 10px 0px 0px 10px; padding: 2px 8px; 
		background: #869197; color: white; font-weight: bold; 
	}
	dl.nav dd { 
		padding: 11px 3px 12px 26px; 
		font-size: .8em; line-height: 1.2em;
		color: #666; background: #f2f2f2 url(/media/system/img/arrows/3x5-blue.gif) 20px 15px no-repeat;
	}
	dl.nav a { text-decoration: none; }
	dl.nav a:hover { text-decoration: underline; }
	
	#footer { padding-left: 180px; font-size: .8em; color: #535353; }
	#footer .col-2-3 { 
		padding-left: 45px; padding-top: 3px;
		margin-top: 19px; border-top: 1px solid #DFDFDF;
	}
	#footer p { margin: 0px; }
	
	.nl, .nl li, .nl ul { margin: 0px; padding: 0px; list-style: none; }
	.nl a:hover { text-decoration: underline; }
	.nl { border-top: 1px solid white; width: 180px; overflow: hidden; position: relative; }
	.nl .cur ul a { padding-left: 0px; padding-bottom: 0px; }
	.nl, .nl a, .nl .cur ul, .nl .cur ul a { font-weight: normal; }
	.nl a { display: block; text-decoration: none; }
	.nl li li, .nl li li a { padding-right: 1px; }
	.nl li { padding: 1px 0px 1px 15px; border-bottom: 1px solid white; }
	.nl li li { border: none; padding-top: 2px; padding-bottom: 4px; padding-right: 1px; }
	.nl ul { padding-top: 2px; padding-left: 15px;line-height: .9em; font-size: .8em; }
	.nl ul ul { margin-top: 5px; padding-top: 1px; font-size: 1em; padding-left: 5px; *margin-top: 4px; }
	.nl .cur { background: #00AEEF; padding-bottom: 0px; padding-left: 3px; zoom: 1; *margin-bottom: -3px; }
	.nl .cur a { padding-left: 12px; padding-bottom: 1px; }
	.nl .cur .cur { 
		position: relative; 
		left: -15px; width: 100%; padding-left: 15px;
		padding-top: 2px; padding-bottom: 2px;
	}
	.nl .cur .cur-first { margin-bottom: 2px; *margin-bottom: 0px; }
	.nl .cur .cur-once { *margin-bottom: -3px; }
	.nl .cur .cur-first { position: relative; top: -2px; }
	.nl .cur .cur .cur-first { top: 0px; }
	.nl .cur .cur, .nl .cur .cur a { /*color: black;*/ font-weight: normal; }
	.nl .cur .cur a, .nl .cur .cur span { padding-left: 15px; }
	.nl .cur .cur ul { position: relative; left: -15px; width: 100%; padding-left: 15px; *float: left; } /* float - хак для периодически появляющейся баги в ие6 (меню третьего уровня наезжает на меню первого/второго уровней) */
	.nl .cur .cur .cur-link { display: block; margin-left: 15px; }
	/*.nl .cur .cur .cur .cur-link { margin-left: 30px; }*/
	.nl .cur .cur .cur ul li { padding-left: 30px; }
	.nl .cur .with-ul { padding-bottom: 0px !important;  }
	.nl .cur .cur .cur .cur .cur-link { margin-right:15px; }
	
	.nl ul ul, .nl ul ul .cur, .nl .cur .cur .no-bg { background: #D1D8DB; }
	.nl ul ul ul { background: #E1E8EB; }
	.nl .cur .cur { background: white; }
	.nl ul, .nl ul .cur, .nl .cur .no-bg {  background: #BBC0C2; }
	.nl, .nl a { color: black; } /* 1. на первом уровне все ссылки черные */
	.nl .cur a { color: white; font-weight: bold; } /* 2. кроме активного раздела */
	.nl .cur .cur a, .nl .cur .cur .cur .cur .cur-link { color: black; } /* 3. также должны быть черными активные ссылки для 2го и 4го подуровней */
	.nl .cur ul a, .nl .cur-first ul a, .nl .cur .cur a, .nl .cur .cur .cur li a { color: #535353; } /* 4. делаем неактивные ссылки серыми, поскольку в (3) они стали черными */
/* / all-pages decor */

/* all-pages elements */
	.top-illustration { float: left; *width: auto; }
	.top-illustration div { margin: 0px; padding: 0px; }
	.top-illustration img { display: block; float: right; }
	.top-illustration .col-1-2 { background: #869197; }
/* / all-pages elements */

/* box */
	.box, ul.boxes p, .box p { display: inline; }
	div.box { display: block; }
	.w-90 .box-img { width: 90px; }
	.w-252 .box-img { width: 252px; }
	.w-250 .box-img { width: 250px; }
	.w-252 .box-img { width: 252px; }
	.h-65 .box-img { height: 65px; }
	.h-75 .box-img { height: 75px; }
	.h-94 .box-img { height: 94px; }
	.h-187 .box-img { height: 187px; }

	ul.boxes, ul.boxes li { margin-left: 0px; padding-left: 0px; list-style: none; width: auto; height: auto;}
	.box, ul.boxes li { 
		border-left: 3px solid #00A6EB; 
		background: #EFEFEF url(/media/system/img/white.gif) left top repeat-y; 
		padding-left: 8px;
		overflow: hidden;
		font-size: .8em; line-height: 1.2em; 
		margin-bottom: 15px;
		zoom: 1;
	} 
	.box h4, ul.boxes li h4 { font-size: 1.25em; font-weight: bold; margin-top: 7px; margin-bottom: 2px; }
	.box-img { float: right; overflow: hidden; }
	.box-img img { display: block; }

	.box-2, ul.boxes-2 li { 
		border: none;
		background: #DFDFDF url(/media/system/img/boxes/boxes-2-left.gif) left top repeat-y; 
		padding-left: 10px;
	} 
	.box-2 div.info { 
		border: none;
		margin-left: -20px;
		margin-right: -10px;
		color: #869197;
		font-weight: bold;
	} 
	
	.box-2 div.info td {
		background-color: #DFDFDF;
		padding-left: 29px;
	}
	
	div.info table {margin-bottom: 0;}
	
	.box-2 h4, ul.boxes-2 li h4 { 
		position: relative; left: -10px; padding-left: 10px; width: 100%;
		padding-bottom: 6px; margin-bottom: 11px;
		border-bottom: 2px solid white;
		*width: auto;
		*zoom: 1;
		*margin-left: -10px;
		*left: 0px;
		_margin-left: -13px;
		_left: 3px;
	}
	.box-2 .box-img , ul.boxes-2 .box-img{ position: relative; z-index: 500; }
	.box-3, ul.boxes-3 li { 
		font-size: 1em; padding-right: 10px; 
		background: #EFEFEF url(/media/system/img/boxes/boxes-2-left.gif) left top repeat-y; 
	}
	.box-3 .box-img, ul.boxes-3 li .box-img { position: relative; left: 10px; }
	.box-3 .box-bottom,  ul.boxes-3 li .box-bottom { 
		clear: both; height: 20px;
		border-top: 1px solid white;
		background: #DFDFDF url(/media/system/img/boxes/boxes-2-left.gif) left top repeat-y; 
		position: relative; left: -10px; padding-left: 20px; width: 100%; 
	}
	.box-3 h2, .boxes-3 h2 { margin-top: 0px; padding-top: 14px; font-size: 18px; }
	
	.box-4 p, .boxes-4 p { display: block; margin-top: .5em; }
	.box-4, ul.boxes-4 li { padding-left: 24px; }
	.box-4 .box-bottom, .boxes-4  .box-bottom { left: -24px; padding-left: 34px; }
	.box-4 .tabs, .boxes-4 .tabs { position: relative; left: 10px; margin-left: -10px; *margin-top: -12px; }
	.box-4 .box-to-right { margin-right: -10px; }
/* / box */

/* form */
	form h2 { margin-bottom: .5em; padding-left: 6px; }
	form .req { color: #00A6EB; }
	.form-section {
		overflow: hidden;
		background: white; 
		margin-right: -10px;
		margin-bottom: 1px;
		zoom: 1;
	}
	.form-section .label, .form-section .text, .form-section .select, .form-section .textarea, .form-section .radio, .form-section .checkbox {
		display: block;
		float: left;
		width: 324px;
		padding: 2px 0px;
	}
	
	.form-section span.year {
		width: 71px; 
		margin-top: 10px;
	}
	
	.form-section span.year select {
		width: 76px;
	}

	.form-section span.month {
		width: 125px; 
		margin-top: 10px;
		
	}
	
	.form-section span.month select {
		width: 130px;
	}
	
	.datesubmit {
	margin-top: 5px;
	}
	
	body .form-submit.datesubmit input { 
		padding-left: 0px; *padding-right: 0px;
		background-position: right top;
		text-align: left;
		padding-right: 25px;
	}
	
	
	.form-section .label {
		width: 196px;
		padding: 5px 10px 2px 8px;
		*width: 194px;
	}
	.form-section .text input, .form-section .radio input, .form-section .checkbox input, .form-section .select select, .form-section .textarea textarea {
		font: normal 12px Arial, sans-serif;
		/* color: #869197; */
		width: 100%; 
		border: 1px solid #C9C9C9;
		background: white;
	}
	.form-section .textarea textarea {
		height: 100px;
	}
	.form-section .select {
		*overflow: hidden;
		*border: 1px solid #C9C9C9;
		*height: 13px;
		*position: relative;
		*top: 2px;
		_margin-bottom: 4px;
		*width: 326px; 
	}
	.form-section .select select {
		color: #869197;
		*position: relative; 
		*left: -3px;
		*top: -4px;
		*width: 331px;
		*border: 2px solid white;
	}
	
	.form-section .radio, .form-section .checkbox {
		padding-top: 5px;
	}
		.form-section .radio label, .form-section .checkbox label {
			display: block; float: left;
		}
			.form-section .radio input, .form-section .checkbox input {
				display: block;
				float: left;
				width: auto;
				border: none;
				margin: 0px;
				padding: 0px;
				height: 12px;
			}
			.form-section .radio .label, .form-section .checkbox .label {
				width: auto; 
				padding: 0px 5px 5px 0px;
				white-space: nowrap;
				cursor: default;
				vertical-align: super;
				height: 12px; 
				line-height: 12px;
				position: relative;
				top: -1px;
				*top: -2px;
			}
	
	.form-submit { padding-top: 6px; }
	.form-submit .text { font-size: 10px; color: #666; }
	.form-submit input { 
		float: right; border: none; padding: 0px; 
		position: relative; left: 10px;
		font: bold 12px/14px Arial, sans-serif; color: white;
		padding: 1px 3px 2px 25px; /* opera 9.0 */ 
		background: #869197 url(/media/system/img/arrows/form-button.gif) left top no-repeat; 
		*padding: 1px 6px 0px 0px; /* ie6/7 */
		*text-align: right;
	}
	html:root .form-submit input {
		padding-top: 0px; padding-bottom: 0px; /* fox2/3 */ 
	}
	html:root .form-submit input:nth-child(1) {
		padding: 1px 5px 2px 27px; /* opera 9.5 */ 
	}
	
	.form-section.with-error span.text input, .form-section.with-error span.select select, .form-section.with-error span.textarea textarea {
		border-color: #933;
	}
	.form-section.with-error span.select { *border-color: #933; }
	.form-section.with-error span.radio span.label { color: #933; }
	.form-section.with-error .error {
		display: block; clear: both; margin-bottom: 5px;
		text-align: right; font-size: .8em; color: #906F6F;
		
	}
	
	form#anketa { padding-top: 10px; }
/* / form */

/* elements */
	#numberDisplay { display: none !important; } /* lightbox 2 */
	
	.tabs { margin-bottom: 25px; padding-top: 25px; _padding-top: 12px; }
	.tabs .top ul, .tabs .top ul li { margin: 0px; padding: 0px; list-style: none; }
	.tabs .top ul { background: white; overflow: hidden; zoom: 1; }
	.tabs .top ul li { 
		float: left; min-width: 179px; 
		margin: 0px 1px 1px 0px;
		background: #869197 url(/media/system/img/tabs/left.gif) left top no-repeat; 
		position: relative; left: 1px;
		_zoom: 1; _width: expression(this.offsetWidth <= 179 ? "179px" : "auto"); 
	}
	.tabs .top ul a { 
		display: block; height: 19px; line-height: 20px;
		padding-left: 25px; padding-right: 25px; 
		font-weight: bold; color: white; text-decoration: none;
		background: transparent url(/media/system/img/tabs/right.gif) right top no-repeat; 
		cursor: default; 
		*overflow-y: hidden; _float: left; *width: expression(this.offsetWidth <= 179 ? (179 - 25*2)+"px" : "auto");
	}
	.tabs .top ul a:hover { color: black; }
	.tabs .top ul .cur { background-color: white; }
	.tabs .top ul .cur a { background: none; color: black; }
	.tabs .top ul a { white-space: nowrap; }
	.tabs .content { padding: 1px 10px; background: white; }
	
	.send { 
		padding-left: 9px; 
		background: transparent url(/media/system/img/arrows/4x7-blue.gif) left 4px no-repeat;
	}
	
	div.pager {margin-left: -10px;}
	div.pager ul {
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		margin: 0;
		padding: 0;
		}
		
	div.pager ul li {
		float:left;
		font-size:1.1em;
		margin:0pt 0.5em 0.4em 0pt;
		font-weight: normal;
		}
		
	div.pager span{
		float: left;
		font-weight: normal;
		}
		
	div.download{
		margin: 15px 0 15px 0;
		}
		
	div.download a{
		padding-left: 21px; background: transparent url(/media/system/img/boxes/download.gif) top left no-repeat;
		}

	div.downloadtext{
		margin: 15px 0 15px 0;
		}
	div.downloadtext a{
		padding-left: 21px; background: transparent url(/media/system/img/boxes/details.gif) top left no-repeat;
		}
	
	.education-centers-selector {
		padding-top: 5px;
		padding-bottom: 5px;
		*margin-bottom: -3px;
	}
	.education-centers-selector .form-section {
		float: left;
		background: none;
	}
	.education-centers-selector .form-section, .education-centers-selector .form-section .select {
		width: 210px;
	}
	.education-centers-selector .form-section .select select {
		*width: 215px;
	}
	.education-centers-selector .form-section.ec-country {
		margin-right: 25px;
		*margin-right: 23px;
	}
	.education-centers-selector .form-section.ec-center, .education-centers-selector .form-section.ec-center .select {
		width: 451px;
	}
	
	.education-centers-selector .form-section.ec-center .select select {
		*width: 456px;
	}
	.education-centers-selector .form-submit input, .news-header .form-submit input { 
		left: -9px; top: 3px;
		*padding: 1px 5px 0px 9px; 
	}
	
	.news-header .month, .news-header .month span { width: 130px; margin: 0px; }
	.news-header .month select { *width: 135px; }
	.news-header .year, .news-header .year span { width: 65px; margin: 0px; }
	.news-header .year select { *width: 70px; }
	.news-header .form-section, .news-header .form-submit { margin-top: 10px; }
	.news-header .form-submit input { left: 0px; top: 2px; *padding-left: 4px; }
	
	.vacancy-box { font-size: 1em; margin: 0px; border-top: 1px solid white; }
	.vacancy-box h2 { margin-top: 0px; margin-bottom: 17px; padding-top: 21px; font-size: 17px; font-weight: bold; cursor: pointer; }
	.vacancy-box .city, .vacancy-box h3 { color: #666; font-size: 12px; display: block; margin-bottom: 8px; }
	.vacancy-box-hidden, .vacancy-box-open { margin-bottom: 10px; position: relative; }
	.vacancy-box-hidden { height: 20px; }
	div.vacancy-box-hidden *, .vacancy-box-in-process .toggler * { display: none; }
	.vacancy-box .toggler { 
		display: block; height: 20px;
		background: #DFDFDF;
		position: relative;
		left: -24px; margin-right: -24px;
	}
	.vacancy-box .toggler .more {
		position: relative; top: 2px;
		padding-left: 32px;
		background: transparent url(/media/system/img/arrows/4x7-blue.gif) 22px 4px no-repeat ;
	}
	.vacancy-box-in-process {
		position: relative;
		left: 0px; margin-right: 0px;
	}
	.vacancy-box-hidden .toggler { background: #DFDFDF url(/media/system/img/vacancy-box/open.gif) right top no-repeat; }
	.vacancy-box-open .toggler { background: #DFDFDF url(/media/system/img/vacancy-box/close.gif) right top no-repeat; }
	.vacancy-box-in-process .toggler { 
		position: absolute; 
		top: auto; bottom: 0px; width: 100%;
		left: 0px;
		padding-right: 24px;
		background: #DFDFDF;
	}
	
/* / elements */

/*map*/

#map dl {
	background:transparent url(/media/system/img/map/map.gif) repeat scroll 0;
	display:block;
	height:362px;
	position:relative;
	width:562px;
	}
#map dl dt {
	background:transparent url(/media/system/img/map/cityPoint.gif) repeat scroll 0;
	cursor:pointer;
	display:block;
	font-size:0;
	height:5px;
	position:absolute;
	width:5px;
	z-index:1;
	}
#map dl dd {
	background:#00AEEF;
	cursor:pointer;
	display:none;
	margin:0;
	position:absolute;
	z-index:100;
	padding:0px 5px;
	}
#map dl dd a{	
	font-size:11px;
	color:white;
	text-decoration:none;
	}
/*end map*/