@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&subset=cyrillic);
* { margin:0; padding:0; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
img { border:none; }
ul { list-style: none; }
strong { font-weight: 700; }
input, textarea { outline:none; }
input:active, textarea:active { outline:none; }
:focus { outline:none; }
.clear { clear:both; }
html, body { height: 100%; width: 100%; }
/* Основной стиль страницы */
body {
	background: #ffffff;
	color: #000000;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	font-weight: 300;
	min-width: 1260px;
}
body.grey {
	background-color: #f7f7f7;
}
.width { width: 1200px; }
.width-mid { margin: 0 auto; width: 1200px; }
.width80-mid { margin: 0 auto; width: 1080px; position: relative;}
div.wrapper {
	margin: 0 auto;
	height: 100%; width: 100%;
	position: relative;
}
	div.wrapper div.top-corner {
		position: absolute;
		top: 0;
		right: 0;
		width: 161px;
		height: 429px;
		background: url("/img/top-corner.png") no-repeat;
		z-index: 1000;
	}
	div.wrapper div.top-corner-min {
		position: absolute;
		top: 0;
		right: 0;
		width: 125px;
		height: 329px;
		background: url("/img/top-corner-min.png") no-repeat;
		z-index: 1000;
	}

article#main {
	display:block;
	position:relative;
	min-height: 100%;
	margin-bottom: -133px;
}

header.top {
	height: 114px;
	position: relative;
	background-color: #ffffff;
}
header.top .width-mid {
	position: relative;
}
	header.top a.logo {
		display: block;
		position: absolute;
		width: 227px;
		height: 52px;
		background: url("/img/logo-top.png") no-repeat;
		left: 60px;
		top: 33px;
	}
	header.top nav.lang-switch {
		position: absolute;
		left: 314px;
		top: 32px;
	}
		header.top nav.lang-switch ul li {
			display: inline-block;
			padding-right: 10px;
		}
			header.top nav.lang-switch ul li a {
				color: #2e6eb6;
				font-size: 9px;
				text-transform: uppercase;
				text-decoration: none;
			}
			header.top nav.lang-switch ul li a:hover {
				text-decoration: underline;
			}
			header.top nav.lang-switch ul li a.select {
				color: #cccccc;
			}

	header.top nav.main {
		position: absolute;
		left: 314px;
		top: 70px;
	}
		header.top nav.main ul li {
			display: inline-block;
			padding-right: 17px;
		}
			header.top nav.main ul li a {
				color: #2e6eb6;
				font-size: 15px;
				text-decoration: none;
				text-transform: uppercase;
			}
			header.top nav.main ul li a:hover {
				text-decoration: underline;
			}

	header.top form.search {
		background: #f0f0f0;
		width: 290px;
		height: 31px;
		position: absolute;
		top: 27px;
		right: 140px;
	}
		header.top form.search input[type="text"] {
			background: none;
			border: none;
			font-family: 'Open Sans', sans-serif;
			font-size: 12px;
			font-weight: 300;
			padding-top: 7px;
			padding-left: 10px;
			width: 240px;
		}
		header.top form.search input.search-button {
			border: none;
			width: 46px;
			height: 31px;
			background: url("/img/search-button.png") no-repeat;
			cursor: pointer;
			position: absolute;
			right: 0;
		}

section.buttons {
	position: relative;
	z-index: 20;
}
	section.buttons a {
		position: absolute;
		top: 550px;
		display: block;
		height: 70px;
		width: 345px;
		-webkit-box-shadow: 3px 3px 0px 0px rgba(17, 42, 72, 0.5);
		-moz-box-shadow:    3px 3px 0px 0px rgba(17, 42, 72, 0.5);
		box-shadow:         3px 3px 0px 0px rgba(17, 42, 72, 0.5);
	}
	section.buttons a:active {
		box-shadow: none;
		top: 553px;
	}
	section.buttons a.practice {
		background: url("/img/banners/practice_rus.png") no-repeat;
		left: 60px;
	}
	
	section.buttons a.practice.eng { background: url("/img/banners/practice_eng.png") no-repeat; }
	section.buttons a.practice.ger { background: url("/img/banners/practice_ger.png") no-repeat; }
	
	section.buttons a.practice:active {
		left: 63px;
	}
	section.buttons a.solutions {
		background: url("/img/banners/problems_rus.png") no-repeat;
		left: 430px;
	}
	section.buttons a.solutions.eng { background: url("/img/banners/problems_eng.png") no-repeat; }
	section.buttons a.solutions.ger { background: url("/img/banners/problems_ger.png") no-repeat; }
	
		section.buttons a.solutions:active {
			left: 433px;
		}
	section.buttons a.resources {
		background: url("/img/banners/resources_rus.png") no-repeat;
		right: 60px;
	}
	section.buttons a.resources.eng { background: url("/img/banners/resources_eng.png") no-repeat; }
	section.buttons a.resources.ger { background: url("/img/banners/resources_ger.png") no-repeat; }
	
		section.buttons a.resources:active {
			right: 57px;
		}

section.buttons-min {
	position: relative;
	z-index: 20;
	height: 110px;
}
	section.buttons-min a {
		position: absolute;
		display: block;
		top: 20px;
		height: 70px;
		width: 345px;
		-webkit-box-shadow: 3px 3px 0px 0px rgba(17, 42, 72, 0.5);
		-moz-box-shadow:    3px 3px 0px 0px rgba(17, 42, 72, 0.5);
		box-shadow:         3px 3px 0px 0px rgba(17, 42, 72, 0.5);
	}
	section.buttons-min a:active {
		box-shadow: none;
		top: 23px;
	}
	section.buttons-min a.practice {
		background: url("/img/banners/practice_rus.png") no-repeat;
		left: 0px;
	}
		section.buttons-min a.practice:active {
			left: 3px;
		}
	section.buttons-min a.solutions {
		background: url("/img/banners/problems_rus.png") no-repeat;
		left: 365px;
	}
		section.buttons-min a.solutions:active {
			left: 368px;
		}
	section.buttons-min a.resources {
		background: url("/img/banners/resources_rus.png") no-repeat;
		right: 3px;
	}
		section.buttons-min a.resources:active {
			right: 0px;
		}
	
	section.buttons-min a.practice.eng { background: url("/img/banners/practice_eng.png") no-repeat; }
	section.buttons-min a.practice.ger { background: url("/img/banners/practice_ger.png") no-repeat; }

	section.buttons-min a.solutions.eng { background: url("/img/banners/problems_eng.png") no-repeat; }
	section.buttons-min a.solutions.ger { background: url("/img/banners/problems_ger.png") no-repeat; }

	section.buttons-min a.resources.eng { background: url("/img/banners/resources_eng.png") no-repeat; }
	section.buttons-min a.resources.ger { background: url("/img/banners/resources_ger.png") no-repeat; }

section.mid-slider a.more {
	background: url("/img/button-more.jpg") no-repeat;
	display: block;
	text-align: center;
	width: 222px;
	height: 37px;
	color: #2e6eb6;
	font-size: 20px;
	text-transform: uppercase;
	text-decoration: none;
	padding-top: 8px;
	-webkit-box-shadow: 3px 3px 0px 0px rgba(17, 42, 72, 0.5);
	-moz-box-shadow:    3px 3px 0px 0px rgba(17, 42, 72, 0.5);
	box-shadow:         3px 3px 0px 0px rgba(17, 42, 72, 0.5);
	position: absolute;
	bottom: -70px;
	right: 0;
}
section.mid-slider a.more:active {
	box-shadow: none;
	bottom: -73px;
	right: -3px;
}

section.content {
	padding-bottom: 45px;
}
	section.content div.left, section.content div.right {
		float: left;
		width: 50%;
	}
	section.content div.title {
		font-size: 26px;
		font-weight: 400;
		text-transform: uppercase;
		color: #2e6eb6;
		padding-top: 35px;
		padding-bottom: 10px;
	}
	section.content div.article {
		float: left;
		width: 250px;
		padding-right: 20px;
	}
		section.content div.article div.date {
			color: #797979;
			font-size: 9px;
		}
		section.content div.article a.title {
			display: block;
			text-transform: uppercase;
			text-decoration: none;
			color: #2e6eb6;
			font-size: 16px;
			font-weight: 300;
			padding-bottom: 15px;
		}
		section.content div.article a.title:hover {
			text-decoration: underline;
		}

div.main-container {
	padding-top: 30px;
}
div.main-container aside {
	float: left;
	width: 255px;
}
	div.main-container aside nav.aside-menu ul li a {
		border-bottom: 1px solid #ffffff;
		background-color: #e3e9f0;
		color: #2e6eb6;
		display: block;
		height: 25px;
		font-weight: 400;
		font-size: 12px;
		text-decoration: none;
		text-transform: uppercase;
		padding-left: 7px;
		padding-top: 9px;
	}
	div.main-container aside nav.aside-menu ul li a:hover {
		background-color: #2e6eb6;
		color: #ffffff;
	}
	div.main-container aside nav.aside-menu ul li.active a {
		background-color: #2e6eb6;
		color: #ffffff;
	}
	div.main-container aside nav.experts {
		padding-bottom: 50px;
	}
	div.main-container aside nav.experts div.title {
		font-size: 22px;
		color: #2e6eb6;
		text-transform: uppercase;
		font-weight: 400;
		padding: 30px 0 10px 0;
	}
		div.main-container aside nav.experts ul li a {
			background-color: #e3e9f0;
			display: block;
			height: 63px;
			text-decoration: none;
			color: #ffffff;
			background-color: #7ea5d0;
			border-bottom: 1px solid #f7f7f7;
		}
		div.main-container aside nav.experts ul li:nth-child(even) a {
			background-color: #e3e9f0;
			color: #2e6eb6;
		}
		div.main-container aside nav.experts ul li a:hover {
			background-color: #2e6eb6;
			color: #ffffff;
		}
			div.main-container aside nav.experts ul li a img {
				float: left;
				border-right: 1px solid #dee6ef;
			}
			div.main-container aside nav.experts ul li div.info {
				padding-left: 70px;
				padding-top: 3px;
				padding-right: 10px;
			}
				div.main-container aside nav.experts ul li div.info div.name {
					text-transform: uppercase;
					font-size: 11px;
					font-weight: 700;
				}
				div.main-container aside nav.experts ul li div.info div.position {
					font-size: 9px;
					font-weight: 400;
				}
	div.main-container aside div.news {

	}
	div.main-container aside div.news div.title {
		font-size: 22px;
		font-weight: 400;
		text-transform: uppercase;
		color: #2e6eb6;
		padding-top: 35px;
		padding-bottom: 10px;
		border-bottom: 1px solid #e3e9f0;
	}
	div.main-container aside div.news div.article {
		border-bottom: 1px solid #e3e9f0;
		padding-top: 15px;
	}
		div.main-container aside div.news div.article div.date {
			color: #797979;
			font-size: 9px;
		}
		div.main-container aside div.news div.article a.title {
			display: block;
			text-transform: uppercase;
			text-decoration: none;
			color: #2e6eb6;
			font-size: 16px;
			font-weight: 300;
			padding-bottom: 15px;
		}
		div.main-container aside div.news div.article a.title:hover {
			text-decoration: underline;
		}
		div.main-container aside div.news div.article p {
			padding-bottom: 20px;
			line-height: 15px;
		}


div.main-container section {
	padding-left: 275px;
}
	div.main-container section h2 {
		font-size: 26px;
		font-weight: 400;
		color: #2e6eb6;
		text-transform: uppercase;
		border-bottom: 1px solid #cfdcea;
		padding: 12px 0 4px 0;
	}
	div.main-container section h3 {
		font-size: 26px;
		font-weight: 400;
		color: #2e6eb6;
		text-transform: uppercase;
		padding: 12px 0 4px 0;
	}

	div.main-container section h4 {
		color: #2e6eb6;
		font-size: 12px;
		font-weight: 700;
		text-transform: uppercase;
	}
div.main-container nav.crumbs {
	font-size: 9px;
}
	div.main-container nav.crumbs ul li {
		display: inline-block;
		color: #797979;
		padding-left: 0px !important;
	}
	div.main-container nav.crumbs ul{
		padding-left: 0px !important;
	}
	div.main-container nav.crumbs ul li.active {
		color: #2e6eb6;
	}
		div.main-container nav.crumbs ul li a {
			color: #797979;
			text-decoration: none;
		}
		div.main-container nav.crumbs ul li a:hover {
			text-decoration: underline;
		}
	div.main-container section div.company {
		padding-bottom: 15px;
		padding-top: 20px;
		border-bottom: 1px solid #cfdcea;
        min-height:170px;
	}
	div.main-container section div.company img {
		float: left;
		border: 1px solid #cfdcea;
	}
	div.main-container section div.info {
		padding-left: 165px;
		line-height: 15px;
	}
		div.main-container section div.info p {
			padding: 9px 0;
		}
		div.main-container section ul {
			list-style: disc;
			padding-left: 15px;
			margin-bottom: 10px;
		}
		div.main-container section ul ul {
			list-style: circle;
		}
		div.main-container section ul li {
			margin: 3px 0;
		}
		
		div.main-container section div.info a {
			font-weight: 600;
			color: #2e6eb6;
			text-decoration: none;
		}
		div.main-container section div.info a:hover {
			text-decoration: underline;
		}
	div.main-container section table.contacts-info {
		width: 100%;
		border-bottom: 1px solid #cfdcea;
		padding: 10px 0;
		margin-bottom: 20px;
	}
		div.main-container section table.contacts-info tr td:first-child {
			font-weight: 700;
			text-transform: uppercase;
			padding: 2px 0;
			width: 140px;
		}
		div.main-container section table.contacts-info tr td {
			font-weight: 400;
		}

	div.main-container section a {
		font-weight: 400;
		color: #2e6eb6;
		text-decoration: none;
	}
	div.main-container section a:hover {
		text-decoration: underline;
	}

	form.contact-form {
		float: left;
	}
		form.contact-form div.title {
			color: #2e6eb6;
			font-weight: 700;
			font-size: 16px;
			text-transform: uppercase;
			padding-bottom: 10px;
		}
		form.contact-form input[type="text"] {
			height: 34px;
			width: 243px;
			border: 1px solid #cfdcea;
			font-family: 'Open Sans', sans-serif;
			font-size: 12px;
			font-weight: 300;
			padding-left: 10px;
			margin-bottom: 5px;
		}
		form.contact-form textarea {
			border: 1px solid #cfdcea;
			font-family: 'Open Sans', sans-serif;
			font-size: 12px;
			font-weight: 300;
			padding: 10px;
			width: 233px;
			max-width: 233px;
			min-width: 233px;
			margin-bottom: 5px;
		}
		form.contact-form input[name="code"] {
			float: left;
			width: 91px;
		}
		form.contact-form img {
			float: left;
			border: 1px solid #cfdcea;
			margin-left: 3px;
		}
		form.contact-form input[type="submit"] {
			float: right;
			height: 36px;
			width: 126px;
			border: none;
			background-color: #2e6eb6;
			cursor: pointer;
			color: #ffffff;
			font-weight: 400;
			text-transform: uppercase;
			font-size: 12px;
			padding-bottom: 5px;
			margin-top: 10px;
		}
	div.main-container div#contact-map {
		float: right;
		width: 529px;
		height: 529px;
		border: 1px solid #cfdcea;
	}
	div.main-container section div.news-post {
		padding: 12px 0;
	}
	div.main-container section div.news-post div.date {
		color: #797979;
		font-size: 9px;
	}
	div.main-container section div.news-post a.title {
		display: block;
		text-transform: uppercase;
		text-decoration: none;
		color: #2e6eb6;
		font-size: 12px;
		font-weight: 700;
		padding-bottom: 5px;
	}
	div.main-container section div.news-post a.title:hover {
		text-decoration: underline;
	}
	div.main-container section div.bottom-block {
		margin-top: 10px;
		padding: 10px 0;
		border-bottom: 1px solid #cfdcea;
		border-top: 1px solid #cfdcea;
		height: 34px;
	}
		div.main-container section div.bottom-block div.pagination {
			margin: 7px 0;
			float: left;
		}
		div.main-container section div.bottom-block ul li {
			display: inline-block;
		}
			div.main-container section div.bottom-block ul li a {
				font-size: 12px;
				font-weight: 400;
				padding: 8px;
				text-decoration: none;
			}
			div.main-container section div.bottom-block ul li.active a {
				background-color: #2e6eb6;
				color: #ffffff;
			}
			div.main-container section div.bottom-block ul li a:hover {
				background-color: #2e6eb6;
				color: #ffffff;
			}
		div.main-container section div.bottom-block div.select-page {
			float: right;
		}
			div.main-container section div.bottom-block div.select-page div {
				color: #6f6f6f;
				font-weight: 400;
				text-transform: uppercase;
				float: right;
				padding-top: 7px;
				padding-right: 5px;
			}
			div.main-container section div.bottom-block div.select-page form {
				border: 1px solid #cfdcea;
				float: right;
			}
				div.main-container section div.bottom-block div.select-page form input {
					border: none;
					background: none;
				}
				div.main-container section div.bottom-block div.select-page form input[type="text"] {
					width: 20px;
					font-family: 'Open Sans', sans-serif;
					font-size: 12px;
					font-weight: 300;
					padding: 6px 5px;
				}
				div.main-container section div.bottom-block div.select-page form input[type="submit"] {
					color: #2e6eb6;
					cursor: pointer;
					font-weight: 700;
					text-transform: uppercase;
					font-size: 12px;
					padding: 6px 5px;
				}
	div.main-container section ol.result-search {
		list-style: decimal-leading-zero;
		color: #2e6eb6;
		font-weight: 700;
		padding-left: 25px;
	}
		div.main-container section ol.result-search li {
			padding: 15px 10px;
		}
			div.main-container section ol.result-search li a.title {
				text-transform: uppercase;
				padding-bottom: 5px;
				font-weight: 700;
			}
			div.main-container section ol.result-search li p {
				color: #000000;
				font-weight: 300;
			}
	div.main-container section form.main-search {
		border-bottom: 1px solid #cfdcea;
		position: relative;
	}
		div.main-container section form.main-search input.query {
			width: 733px;
			border: 1px solid #cfdcea;
			font-family: 'Open Sans', sans-serif;
			font-size: 16px;
			font-weight: 400;
			color: #6f6f6f;
			text-transform: uppercase;
			padding: 10px;
			padding-right: 60px;
		}
		div.main-container section form.main-search input[type="submit"] {
			position: absolute;
			top: 6px;
			right: 1px;
			border: none;
			width: 50px;
			height: 31px;
			background: url("/img/search-button.png") no-repeat;
			cursor: pointer;
		}
		div.main-container section form.main-search div {
			color: #000000;
			font-size: 10px;
			font-weight: 700;
			text-transform: uppercase;
			padding: 10px 0 20px 0;
		}
			div.main-container section form.main-search div span {
				color: #2e6eb6;
			}
	
	div.main-container section div.post {
		border-bottom: 1px solid #cfdcea;
		padding-bottom: 20px;
	}
		div.main-container section div.post .float {
			float: left;
			padding-right: 25px;
			padding-bottom: 40px;
			padding-top: 5px;
		}
		div.main-container section div.post p {
			text-align: justify;
			padding-bottom: 10px;
		}
	div.main-container section .arrow-prev, div.main-container section .arrow-next {
		background: url("/img/post-arrow.png") no-repeat;
		display: block;
		height: 21px;
		width: 19px;
	}
		div.main-container section .arrow-next {
			background-position: -19px 0;
			float: right;
		}
		div.main-container section div.prev-post,
		div.main-container section div.next-post {
			width: 300px;
			padding-top: 20px;
		}
		div.main-container section div.prev-post {
			float: left;
			text-align: left;
		}
		div.main-container section div.next-post {
			text-align: right;
			float: right;
		}
			div.main-container section div.post-nav .date {
					color: #797979;
					font-size: 9px;
					padding-top: 10px;
			}
			div.main-container section div.next-post .date {
				padding-top: 31px;
			}
			div.main-container section div.post-nav .title {
				display: block;
				text-decoration: none;
				text-transform: uppercase;
				color: #2e6eb6;
				font-size: 12px;
				font-weight: 700;
			}
			div.main-container section div.post-nav .title:hover {
				text-decoration: underline;
			}

	div.main-container section div.faq {
		padding-bottom: 20px;
	}
		div.main-container section div.faq h5 {
			background-color: #cfdcea;
			padding: 10px;
			cursor: pointer;
			font-size: 16px;
			font-weight: 700;
			color: #2e6eb6;
			text-transform: uppercase;
			margin-bottom: 9px;
		}
		div.main-container section div.faq div p {
			text-align: justify;
			padding-bottom: 10px;
		}

/* FAQ Accordion jQuery UI Custom styles*/
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-accordion .ui-accordion-header {
	display: block;
	position: relative;
	min-height: 0; /* support: IE7 */
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -10px;
}
.ui-icon {
	width: 21px;
	height: 21px;
}
.ui-state-default .ui-icon {
	background: url("/img/accordion-icons.png") no-repeat;
}
.ui-state-active .ui-icon {
	background: url("/img/accordion-icons.png") no-repeat -21px 0;
}

div.page-buffer {
	height: 133px;
}

/* Подвал */
footer#footer {
	border-top: 1px solid #2e6eb6;
	height: 114px;
	font-size: 10px;
	font-weight: 300;
	padding-top: 18px;
	position: relative;
	z-index: 5;
}
	footer#footer a.logo {
		display: block;
		float: left;
		height: 26px;
		width: 70px;
		background: url("/img/logo-footer.png") no-repeat;
	}
	footer#footer div.copyright {
		float: left;
		font-size: 9px;
		color: #2e6eb6;
		text-transform: uppercase;
		padding-left: 20px;
	}
	footer#footer nav {
		float: right;
	}
		footer#footer nav ul li {
			display: inline-block;
			padding-left: 20px;
		}
			footer#footer nav ul li a {
				text-transform: uppercase;
				font-size: 12px;
				color: #2e6eb6;
				text-decoration: none;
			}
			footer#footer nav ul li a:hover {
				text-decoration: underline;
			}
	footer#footer div.design {
		float: right;
		padding-top: 10px;
		color: #a9a9a9;
		font-size: 9px;
		text-transform: uppercase;
	}
		footer#footer div.design div {
			float: right;
			padding-top: 5px;
		}
		footer#footer div.design div.des {
			padding-top: 15px;
			padding-right: 10px;
		}
		footer#footer div.design a.logo-design {
			float: right;
			display: block;
			background: url("/img/logo-design.png") no-repeat;
			height: 42px;
			width: 93px;
		}

div.button-on-top {
	display: none;
	background: url("/img/button-on-top.jpg") no-repeat;
	height: 36px;
	width: 36px;
	position: fixed;
	left: 0;
	z-index: 9999;
	bottom: 50px;
	cursor: pointer;
	-webkit-box-shadow: 3px 3px 0px 0px rgba(17, 42, 72, 0.2);
	-moz-box-shadow:    3px 3px 0px 0px rgba(17, 42, 72, 0.2);
	box-shadow:         3px 3px 0px 0px rgba(17, 42, 72, 0.2);
}
div.button-on-top:active {
	box-shadow: none;
}

/*
@media screen and (max-width: 1260px) {
	div.wrapper div.top-corner {
		display: none;
	}
	div.wrapper div.top-corner-min {
		display: none;
	}
}
*/

.octopus_search_result { font-weight:bold;}

table._tbl {width: 100%; }
._tbl td, ._tbl th { font-size: 13px; color: #2e6eb6; background: #FFFFFF; padding: 16px 10px;}
._tbl th { font-weight: 700;}
	
._tbl tr:nth-child(even) td, ._tbl tr:nth-child(even) th { color:#2e6eb6; background: #e3e9f0; }