﻿/* reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; background: transparent; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

/* --------------
   GENERAL
-------------- */

body,html { height: 100%; }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #32373b;
	line-height: 18px;
}

h1 {
	font-family: 'Play', sans-serif;
	font-size: 21px;
	font-weight: 700;
	text-shadow: 1px 1px 0 #d4eefc;
}

#content-container h1 { text-shadow: none; }

h2 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 16px;
	line-height: 24px;
}

h3 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 12px;
	color: #0F5490;
	line-height: 18px;
}

h3.title {
	font-size: 22px;
	font-weight: bold;
	color: #32373B;
	line-height: 22px;
}

.play { font-family: 'Play', sans-serif; }
#text h1 { font-family: Arial, Helvetica, sans-serif; text-shadow: none; margin-bottom: 18px; }

#footer h1 {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color: #32373b;
	text-transform: uppercase;
	line-height: 22px;
	text-shadow: none;
}

a { color: #4f81a9; text-decoration: none; }
a:hover { text-decoration: none; color: #32373b; }

p { margin: 12px 0; }

input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -220px;
}

#main {
	padding-bottom: 220px;
	width: 948px;
	margin: 0 auto;
	overflow: auto;
}

#top {
	height: 240px;
	position: relative;

}

#index #top { height: 400px; }

#topas {
	height: 400px;

	overflow: hidden;
position:absolute;
margin-left:4px;

}

#header {
	background: url('../img/bg-header.png') center 0 no-repeat;
	height: 103px;
	padding: 0 4px;
}

#header-menu {
	text-transform: uppercase;
	float: right;
	height: 31px;
	line-height: 30px;
	padding: 0 10px;
	text-align: right;
	width: 450px;
}

#header-menu a {
	color: #acc3d5;
	text-decoration: none !important;
	font-weight: bold;
}
#header-menu > a { margin-right: 1px; }
#header-menu a:hover { color: #76a0c1; }

#rss {
	background: url('../img/icon-rss.png') 0 1px no-repeat;
	padding: 2px 16px 2px 22px;
	font-weight: bold;
	line-height: 16px;
	height: 16px;
}

#header-menu #rss { color: #acc3d5; }
#header-menu #rss:hover { color: #76a0c1; }

#lang { display: inline; margin-left: 10px; }
#lang li { display: inline; padding-left: 3px; }
#lang li a {
	padding: 0 6px;
}

#lang .en a { background: url('../img/sprite.png') -200px 0 no-repeat; }
#lang .en.active a { background: url('../img/sprite.png') -216px 0 no-repeat; }
#lang .se a { background: url('../img/sprite.png') -232px 0 no-repeat; }
#lang .se.active a { background: url('../img/sprite.png') -248px 0 no-repeat; }
#lang .ru a { background: url('../img/sprite.png') -264px 0 no-repeat; }
#lang .ru.active a { background: url('../img/sprite.png') -280px 0 no-repeat; }

#logo {
	float: left;
	width: 299px;
	height: 46px;
	background: url('../img/sprite.png') 0 -354px no-repeat;
	margin: 37px 0 0 18px;
}

#logo a {
	display: block;
	width: 299px;
	height: 46px;
	text-decoration: none !important;
}

#menu { float: left; margin: 20px 0 0 14px; text-align: right; }
#menu ul { width: 480px; text-align: center; }
#menu li {
	display: inline;
	padding-left: 7px;
}
#menu li:first-child { padding-left: 0; }

#menu a {
	color: #0f5490;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
}

#menu a:hover, #menu .active a { color: #32373b; }

#search { float: right; padding: 18px 11px 0 0; }
#search input {
	border: none;
	background: #4f81a9;
	color: #fff;
	font-weight: bold;
	width: 100px;
	text-transform: uppercase;
	text-align: right;
	height: 23px;
	line-height: 23px;
	padding: 0 8px;
}

#slogan {
	position: absolute;
	bottom: 15px;
	right: 11px;
	*bottom: -9px;
	*right: -5px;
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	width: 450px;
	line-height: 34px;
	max-height: 200px;
	overflow: hidden;
}

.block-bg { float: right; }
.block-bg .block-content {
	padding: 12px 20px;
	background: url('../img/bg-block-content.png') 0 0 repeat;
}

#slogan .block-content { padding: 16px 30px; }

.block-bg .top,
.block-bg .bottom {
	width: 100%;
	height: 6px;
}

.block-bg .top > div,
.block-bg .bottom > div {
	height: 6px;
	overflow: hidden;
	padding: 0 30px;
}

.block-bg .top > div > div,
.block-bg .bottom > div > div {
	display: block;
	height: 6px;
	overflow: hidden;
	background: url('../img/bg-block-content.png') 0 0 repeat;
	zoom: 1;
}

.block-bg .top { background: url('../img/bg-block-top-left.png') 0 0 no-repeat; }
.block-bg .top > div { background: url('../img/bg-block-top-right.png') right 0 no-repeat; }
.block-bg .bottom { background: url('../img/bg-block-bottom-left.png') 0 bottom no-repeat; }
.block-bg .bottom > div { background: url('../img/bg-block-bottom-right.png') right bottom no-repeat; }

#title {
	position: absolute;
	bottom: 42px;
	right: 16px;
	font-size: 36px;
	font-weight: bold;
	color: #fff;
	line-height: 66px;
	text-transform: uppercase;
}

#title .block-content { float: left; background: url('../img/bg-block-content.png') 0 0 repeat; }

#title .left,
#title .right {
	width: 20px;
	float: left;
}

#title .left { background: url('../img/sprite.png') 0 -116px no-repeat; }
#title .right { background: url('../img/sprite.png') 100% -116px no-repeat; }

#stock-info {
	background-color: #002852;
	border-top: 1px solid #335375;
	border-bottom: 1px solid #335375;
	color: #5f80a3;
	height: 36px;
	text-align: center;
	margin: 0 4px;
}

#stock-info li { display: inline; padding: 0 10px 0 7px; color: #fff; font-size: 14px; }
#stock-info li.green { color: #6dc641; font-weight: bold; }
#stock-info li.red { color: #e30613; font-weight: bold; }

#stock-info span { padding: 0 4px 0 5px; margin-left: 4px; }
#stock-info span.arrow-up { background: url('../img/sprite.png') -296px 0 no-repeat; }
#stock-info span.arrow-down { background: url('../img/sprite.png') -308px 0 no-repeat; }

#intro-box {
	position: relative;
	/*padding-right: 20px;*/
	margin: 0 4px;
	min-height: 160px;
	background-image: linear-gradient(top left, #d6effd, #4f81a9); /* W3C markup */
	background-image: -webkit-linear-gradient(left top, #d6effd, #4f81a9); /* Chrome 11+ */
	background-image: -o-linear-gradient(left top, #d6effd, #4f81a9); /* Opera */
	background: -webkit-gradient(linear, left top, left bottom, from(#d6effd), to(#4f81a9)); /* Safari */
	background: -moz-linear-gradient(top,  #d6effd,  #4f81a9); /* FireFox 3.6+ */
	background: -o-linear-gradient(top,  #d6effd,  #4f81a9); /* Opera */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6effd', endColorstr='#4f81a9', GradientType=0); /* IE */
	text-shadow: 1px 1px 0 #6e9abc;
	color: #ffffff;
}

#intro-box .block {
	float: left;
	width: 313px;
	height: 146px;
	overflow: hidden;
	padding: 14px 0 0;
	background: url('../img/bg-block-sep.png') 0 0 repeat-y;
}

#intro-box .block > div {
	padding: 0 20px;
	height: 146px;
}

#intro-box .block:first-child { background: none; }
#intro-box h1 { color: #231f20; line-height: 24px; height: 24px; overflow: hidden; }
#intro-box p { width: 258px; height: 54px; margin-top: 8px; overflow: hidden; }
#intro-box .block:first-child p { width: 276px; }

#about,
#reports,
#events { height: 128px; padding-bottom: 16px; }

#about { background: url('../img/bg-about.png') right bottom no-repeat; }
#reports { background: url('../img/bg-reports.png') right 20px no-repeat; }
#events { background: url('../img/bg-events.png') 206px 14px no-repeat; }

#page-title {
	height: 50px;
	position: relative;
	text-align: right;
	padding: 0 20px;
	margin: 0 4px;
	background-image: linear-gradient(top left, #d6effd, #a5c7df); /* W3C markup */
	background-image: -webkit-linear-gradient(left top, #d6effd, #a5c7df); /* Chrome 11+ */
	background-image: -o-linear-gradient(left top, #d6effd, #a5c7df); /* Opera */
	background: -webkit-gradient(linear, left top, left bottom, from(#d6effd), to(#a5c7df)); /* Safari */
	background: -moz-linear-gradient(top,  #d6effd,  #a5c7df); /* FireFox 3.6+ */
	background: -o-linear-gradient(top,  #d6effd,  #a5c7df); /* Opera */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6effd', endColorstr='#a5c7df', GradientType=0);
}

#page-title h1 { line-height: 50px; color: #231f20; }

a.button {
	display: block;
	float: left;
	font-weight: bold;
	color: #fff;
	font-size: 14px;
	text-shadow: -1px -1px 0 #044d8c;
	height: 33px;
	line-height: 32px;
	margin-left: -2px;
}

.button .left,
.button .right {
	display: block;
	float: left;
	height: 33px;
	line-height: 32px;
}

.button .left { padding-left: 22px; background: url('../img/sprite.png') 0 -48px no-repeat; }
.button .right { width: 22px; background: url('../img/sprite.png') 100% -81px no-repeat; }

.corner-bl,
.corner-br {
	position: absolute;
	bottom: 0;
	width: 6px;
	height: 7px;
}

.corner-bl { left: 0; background: url('../img/sprite.png') -200px -39px no-repeat; }
.corner-br { right: 0; background: url('../img/sprite.png') -210px -39px no-repeat; }

.corner-ctl,
.corner-ctr,
.corner-cbr,
.corner-cbl {
	position: absolute;
	width: 7px;
	height: 7px;
}

.corner-ctl { top: -1px; left: -1px; background: url('../img/sprite.png') -280px -39px no-repeat; }
.corner-ctr { top: -1px; right: -1px; background: url('../img/sprite.png') -287px -39px no-repeat; }
.corner-cbr { bottom: -1px; right: -1px; background: url('../img/sprite.png') -294px -39px no-repeat; }
.corner-cbl { bottom: -1px; left: -1px; background: url('../img/sprite.png') -301px -39px no-repeat; }

#content-container {
	font-size:12px;
	/*clear: both;*/
	/*display: block;*/
	padding: 16px 24px;
	background: url('../img/bg-main.png') center 0 repeat-y;
	height: auto !important;
}

#index #content-container { min-height: auto !important; }

#news { margin-left: -20px; }
#news .news-block {
	float: left;
	width: 273px;
	min-height: 40px;
	overflow: hidden;
	padding: 0 0 0 20px;
	margin-left: 20px;
	background: url('../img/bg-news-block-sep.png') left center no-repeat;
}

#news .news-block:first-child {
	background: none;
	padding-left: 0px;
}

.news-item {
	margin-top: 16px;
	padding: 2px 0;
}

#index .news-item { position: relative; padding-left: 65px; }
#news-list { margin-bottom: 12px; }
#news-list h3 { width: 584px; float: left; }

.news-item .date {
	float: left;
	width: 54px;
	height: 22px;
	margin-right: 11px;
	margin-top: -2px;
	*margin-top: -1px;
	line-height: 22px;
	text-align: center;
	background: url('../img/sprite.png') 100% 0 no-repeat;
	font-size: 11px;
	color: #838383;
}

#news-list .news-item .date { width: 66px; background: url('../img/sprite.png') 100% -24px no-repeat; }

#index .news-item .date {
	clear: both;
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 0;
}

#left {
	float: left;
	width: 210px;
	margin: 5px 24px 0 0;
}

#left-menu {
	width: 210px;
	min-height: 30px;
	/*border: 1px solid #d7d7d7;*/
	/*position: relative;*/
}

#second-level {
	border-left: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
}

#left-menu li {
	line-height: 30px;
	border-top: 1px solid #efefef;
	/*border-left: 1px solid #d7d7d7;*/
	/*border-right: 1px solid #d7d7d7;*/
	/*background: url('../img/bg-menu.jpg') 0 0 repeat-y;*/
}

#left-menu #menu-top {
	height: 7px;
	background: url('../img/bg-menu-top.jpg') 0 0 no-repeat;
	border: none;
	width: 210px;
}

#left-menu #menu-bottom {
	height: 7px;
	background: url('../img/bg-menu-bottom.jpg') 0 0 no-repeat;
	border: none;
	margin-top: -3px;
}

#left-menu li:first-child {
	border-top: none;
	/*background: url('../img/bg-menu-top.jpg') 0 0 no-repeat;*/
}

#left-menu a {
	display: block;
	padding: 0 10px;
	line-height: 20px;
	font-weight: bold;
}

#left-menu li:first-child a {
	line-height: 18px;
	height: 18px;
	padding: 1px 10px 6px;
	*padding: 0 10px 4px;
}

#left-menu .active a { color: #32373b; }

#third-level { padding: 0 8px 6px; margin-top: -2px; }
#third-level li {
	border: none;
	background: none;
	line-height: 20px;
}

#third-level a {
	color: #4F81A9 !important;
	padding: 0 14px 1px !important;
	line-height: 20px;
	height: 20px;
}
#third-level .active a, #third-level a:hover { color: #32373B !important; }
#third-level .active a { background: url('../img/arrow.png') 4px 6px no-repeat; }

#text {
	float: left;
	width: 666px;
	overflow: hidden;
}

#text ul, #text ol { margin: 6px 0; padding-left: 24px; overflow: hidden; }
#text ul li { list-style: disc outside; padding: 6px 0; }
#text ol { list-style: decimal outside; }
#text ol li { padding: 6px 0; }
em { font-style: italic; }
.smaller { font-size: 11px; }
.small { font-size: 10px; }
.normal { font-size: 12px; }
.big { font-size: 14px; }

table { margin: 12px 0; border-collapse: collapse; }
th {
	text-align: left;
	font-weight: bold;
	color: #32373b;
	padding: 6px 8px;
	/*background: #efefef;*/
	background-color: #ebf1f5;
}

td {
	text-align: left;
	padding: 6px 8px;
	border-bottom: 1px solid #d7d7d7;
	vertical-align: top;
}

#cv-form td,
#contact-us td,
.borderless td {
	padding: 3px 0;
	border: none;
}

#footer {
	height: 220px;
	width: 940px;
	padding: 0 4px;
	margin: 0 auto;
}

#footer-menu {
	/*height: 160px;*/
	overflow: hidden;
	background: #e5ecf2 url('../img/bg-footer-menu.png') center 0 no-repeat;
}

#footer-menu-bottom {
	height: 8px;
	background: url('../img/bg-footer-menu-bottom.png') center 0 no-repeat;
}

#menu-list > li {
	float: left;
	width: 200px;
	padding: 14px 17px 6px;
}

#menu-col li {
	line-height: 14px;
	padding: 2px 0 3px;
}

#copyright {
	height: 47px;
	overflow: hidden;
	line-height: 47px;
	padding-bottom: 12px;
	background: url('../img/bg-copyright.png') center bottom no-repeat;
	color: #939494;
	font-size: 12px;
	text-align: center;
}

.clear { clear: both; }
.back { display: inline-block; margin-bottom: 12px; *margin-bottom: 0; }



.slides h1{
	font-size: 30px;
	color: #00b9d5;
	line-height: 36px;
	text-shadow: 0 1px 0 #000;
	margin-bottom: 12px;
}


.slides .image-box {
	position: relative;
}

.slides .text-block {
	position: absolute;
	bottom: 11px;
	right: 16px;
	overflow: hidden;
}

#slider {
	height: 400px;
	overflow: hidden;
	overflow-y: hidden;
}

input[type="text"] {
	width: 264px;
	border: 1px solid #4F81A9;
	padding: 3px 0;
	color: #32373B;
}

input[type="submit"] {
	border: none;
	background: none;
	font-weight: bold;
	color: #fff;
	text-shadow: -1px -1px 0 #044D8C;
	background: url('../img/sprite.png') 0 -213px no-repeat;
	width: 93px;
	text-align: center;
	cursor: pointer;
	padding: 6px 0 7px;
	vertical-align: middle;
	*vertical-align: top;
}

.search-form input[type="text"] { *margin: 2px 0; }

textarea {
	width: 264px;
	border: 1px solid #4F81A9;
	padding: 3px 0;
	color: #32373B;
	resize: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

div.uploader { z-index: 10; width: 268px; }
div.uploader input { z-index: 10; left: 0; width: 260px; cursor: pointer; }

div.uploader span.filename {
	z-index: 8;
	width: 160px;
	border-top: 1px solid #4F81A9;
	border-left: 1px solid #4F81A9;
	border-bottom: 1px solid #4F81A9;
	margin-left: 0;
}

div.uploader span.action,
div.uploader span.action:hover {
	z-index: 8;
	background: url('../img/sprite.png') 100% -183px no-repeat !important;
	color: #fff;
	text-shadow: -1px -1px 0 #044D8C;
	margin-top: 1px;
}

#cvForm { float: left; }

#paging .active { font-weight: bold; color: #32373B; }
#paging a { padding: 0 2px; }

#font-size { display: inline; margin: 0 3px 0 12px; }
#font-size a { cursor: pointer; padding: 0 2px; font-weight: normal; }
#font-size small { font-size: 10px; }
#font-size large { font-size: 15px; }

#print-link {
	float: left;
	margin-left: 4px;
	line-height: 48px;
	padding-top: 2px;
	padding-left: 30px;
	background: url('../img/print.png') 0 17px no-repeat;
}

#print-link span { visibility: hidden; padding-top: 4px; color: #4f81a9; }
#print-link:hover span { visibility: visible; }

/* IE8 hack */

@media \0screen {
	input[type="submit"] { padding: 7px 0; }
	.search-form input[type="text"] { margin: 2px 0; vertical-align: middle; }
	#slogan { right: -5px; bottom: -8px; }
}

/* iPad hacks */

@media only screen and (device-width: 768px) {
	/* For general iPad layouts */
	.block-bg .top,
	.block-bg .top div,
	.block-bg .bottom,
	.block-bg .bottom div,
	#slogan .block-content { background: none !important; }
	#slogan {
		background: url('../img/bg-block-content.png') 0 0 repeat;
		border-radius: 8px;
		-webkit-border-radius: 8px;
	}
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
	/* For portrait layouts only */
	.block-bg .top,
	.block-bg .top div,
	.block-bg .bottom,
	.block-bg .bottom div,
	#slogan .block-content { background: none !important; }
	#slogan {
		background: url('../img/bg-block-content.png') 0 0 repeat;
		border-radius: 8px;
		-webkit-border-radius: 8px;
	}
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
	/* For landscape layouts only */
	.block-bg .top,
	.block-bg .top div,
	.block-bg .bottom,
	.block-bg .bottom div,
	#slogan .block-content { background: none !important; }
	#slogan {
		background: url('../img/bg-block-content.png') 0 0 repeat;
		border-radius: 8px;
		-webkit-border-radius: 8px;
	}
}

@media screen and (min-device-width: 320px) and (max-device-width: 1024px) {
	.block-bg .top,
	.block-bg .top div,
	.block-bg .bottom,
	.block-bg .bottom div,
	#slogan .block-content { background: none !important; }
	#slogan {
		background: url('../img/bg-block-content.png') 0 0 repeat;
		border-radius: 8px;
		-webkit-border-radius: 8px;
	}
}

.image-border3 {
	float: left;
	height: 160px;
	width: 200px;
	padding: 7px;
	background: url('../img/image-border3.png') 0 0 no-repeat;
	margin: 8px 12px 4px 0px;
	text-align: center;
	overflow: hidden;
}
.image-border3.last { margin-right: 0; }
.image-border3 a { color: #1b1b1b; }
.image-border3 h3 { height: 17px; overflow: hidden; margin-top: 8px; }