@import 'reset.css';

BODY,
HTML {
  min-height: 100%;
  margin: 0;
  min-width: 100%;
}


/* Common Layout
--------------------------------------------------------------------------------------- */
BODY {
  display: block;
  background:#fff;
  font: 13px Tahoma,sans-serif;
  color:#333;
}
.main-bg-image{
  position: absolute;
  height: 448px;
  width: 100%;
  background: url(/i/main-bg-image.jpg?v2) center no-repeat;
  top: 177px;
}
#layout {

}
#layout-in {
  overflow: hidden;
}
#container {
  width: 986px;
  margin: 0 auto;
  left: 50%;
  margin-left: -493px;
  position: relative;
  padding: 0;
  border-bottom: none;
}
#container:after{
  position: relative;
  display: table;
  content: '';
}
.content-inner{
  padding: 0 19px;
}
.main-top-bg{
  background: url(/i/top-all.jpg) no-repeat -36px top;
  top: 0;
  left: 0;
  position: absolute;
  width: 1270px;
  height: 470px;
  z-index: 1;
}
.main-bottom-bg{
  position: absolute;
  width: 1270px;
  height: 492px;
  left: -1px;
  bottom: 0;
  background:#6aaeeb url(/i/bottom.jpg) no-repeat -36px bottom;
}

.container-in{
  z-index: 2;
  position: relative;
}
.container-in:before{
  display: table;
  position: relative;
  content: '';
}

.header{
  width: 100%;
  font-size: 0;
  height: 125px;
  margin-top: 10px;
}
.header-left{
  display: inline-block;
  width: 700px;
  vertical-align: top;
}
.header-left .founding-date{
  font: 10.4px 'PT Sans';
  color: #08538b;
}
.header-left .logo{
  display: block;
  text-decoration: none;
  height: 80px;
  padding-left: 118px;
  background: url(/i/logo_new.png) center left no-repeat;
}
.header-left .logo:before{
  display: table;
  content: '';
  position: relative;
}
.header-left .logo .name{
  font: bold 28px 'Noto Sans';
  color: #1790cf;
  text-transform: uppercase;
  line-height: 31px;
  margin-top: 0px;
  text-shadow: black -1px 1px 0;
}
.header-left .logo .subname{
  font: 13px 'Noto Sans';
  color: #08538b;
  margin-top: 10px;
  text-transform: uppercase;
}
.header-left .logo{}
.header-left .logo{
  height: 80px;
}

.header-right{
  display: inline-block;
  width: 286px;
  vertical-align: top;
  text-align: right;
  padding-top: 5px;
}
.header-right .lang_switch{
  font: bold 12px 'PT Sans';
  text-transform: uppercase;
}

.header-right .contacts{
  font: 15px 'PT Sans';
  color: #3d3d3d;
  margin-top: 20px;
}
.header-right .contacts span{
  color: #b6b6b6;
}
.header-right .contacts a{
  font: 15px 'PT Sans';
  color: #08538b;
}

h1{
  font: bold 24px 'PT Sans';
  color: #5a5a5a;
  padding: 25px 20px;
  text-transform: uppercase;
  margin: 0;
}
.b-crumbs{
  padding: 25px 20px 5px;
  font: 9px 'Noto sans';
}
.b-crumbs a{
  font: 9px 'Noto sans';
}
/* Main menu
--------------------------------------------------- */
.main-menu-wrap{
  border-top: 1px solid #dcdcdc;
  /*border-bottom: 1px solid #dcdcdc;*/
  padding: 0 2000px;
  margin-left: -2000px;
  width: 100%;
}
.main-menu-wrap .main-menu{
  text-align: justify;
  padding: 0;
  margin: 0;
  display: table;
  width: 100%;
}
.main-menu-wrap .main-menu > li{
  display: table-cell;
  vertical-align: top;
  text-align: center;
  border-right: 1px solid #dcdcdc;
  position: relative;
}
.main-menu-wrap .main-menu > li:first-child{
  border-left: 1px solid #dcdcdc;
}
.main-menu-wrap .main-menu > li a{
  text-decoration: none;
  display: block;
  padding: 10px 0 11px;
  font: 16px 'PT Sans';
  color: #010000;
}
.main-menu-wrap .main-menu > li a:hover{
  text-decoration: underline;
}
/* .main-menu-wrap .main-menu > li:hover ul{
    display: block !important;
} */
.main-menu-wrap .main-menu > li ul{
  position: absolute;
  left: 0;
  list-style-type: none;
  width: 100%;
  background: #fff;
  margin: 0;
  padding: 0;
}
.main-menu-wrap .main-menu > li ul li{
  border-bottom: 1px solid #dcdcdc;
}
.main-menu-wrap .main-menu > li ul li:first-child{
  /*border-top: 1px solid #dcdcdc;*/
}
.main-menu-wrap .main-menu > li ul li a{
  padding: 10px 5px 11px;
}


.main-menu li.cur,
.main-menu li:hover{
  background: #075D9A;
}
.main-menu li.cur > span > a,
.main-menu li:hover > span > a{
  color: #fff;
}
.main-menu li ul li.cur,
.main-menu li ul li:hover{
  background: #075D9A;
  border-color: #075D9A;
}
.main-menu li ul li.cur a,
.main-menu li ul li:hover a{
  color: #ffffff;
}


/* Left menu
--------------------------------------------------- */
.left-menu{
  overflow: hidden;
}
.left-menu ul{
  padding: 0;
  margin: 0;
}
.left-menu ul li{
  margin-bottom: 21px;
}
.left-menu ul a{
  color: #fff;
  font: 15px 'PT Sans';
  text-decoration: none;
  border-bottom: 1px dotted #5a97c2;
}
.left-menu ul li.cur a,
.left-menu ul a:hover{
  text-decoration: none;
  border-bottom: none;
}
.left-menu ul li.cur a{
  font-weight: bold;
}

/* Search in sidebar
------------------------------------------------- */
.search-wrap{
  width: 233px;
  margin-top: 5px;
  border: 2px solid #0A62A1; 
}
.search{
  font-size: 0;
}
.search input[type="submit"],
.search input[type="text"]{
  display: inline-block;
  vertical-align: top;
  border: none;
  padding: 0;
  margin: 0;
}
.search input[type="submit"]{
  width: 32px;
  height: 30px;
  font-size: 0;
  background:#1790cf url(/i/search-button-icon.jpg) center no-repeat;
  cursor: pointer;
}
.search input[type="text"]{
  width: 148px;
  height: 30px;
  padding: 0 10px;
}


.main-banner{
  background: url(/i/main-banner-image.jpg?v2) center no-repeat;
  height: 194px;
  width: 378px;
  text-transform: uppercase;
  text-align: center;
  font: bold 45px 'Noto Sans';
  color: #0a5c98;
  padding: 0 190px 0 175px;
  line-height: 50px;
  padding-top: 83px;
}
.main-description{
  padding: 0 20px;
  margin-top: 20px;
  font: 13px 'PT Sans';
  color: #666666;
  text-align: justify;
  height: 85px;
}
.section-title{
  font: bold 24px 'PT Sans';
  color: #5a5a5a;
  padding: 15px 20px;
  text-transform: uppercase;
  margin: 0;
}

/*  Main-page news
---------------------------------------------------------------------------------------- */
.main-page-news{
  list-style-type: none;
  padding: 0;
  margin: 15px 0 0;
}
.main-page-news li{
  min-height: 111px;
  font: 13px 'PT Sans';
  color: #5a5a5a;
  margin: 0;
  border-bottom: 2px solid #D4EEFB;
  padding: 10px 20px;
/*  height: 101px;*/
}
.main-page-news li.last{
  border-bottom: none;
}
.main-page-news li .image-link{
  width: 111px;
  height: 111px;
  overflow: hidden;
  float: left;
  margin-right: 30px;
}
.main-page-news li img{
}
.main-page-news li .date{

}
.main-page-news li .place{
  font-weight: bold;
}
.main-page-news li .title{
/*  margin-top: 15px;*/
}
.main-page-news li .title a{
  color: #08538b;
}

.main-page-news li.archive{
  min-height: 21px;
  height: auto;
  margin-bottom: 0;
  border-bottom: none;
  padding: 0 0 0 20px;
}
.main-page-news li.archive a{
  font: 13px 'PT Sans';
  color: #1790cf;
  margin: 0;
}
/* Elements
---------------------------------------------------------------------------------------- */
P {
  padding-bottom: 12px;
}
A {
  text-decoration:underline;
  color:#00428e;
}
A:hover {
  color:#e6af29;
  text-decoration: none;
}
IMG,
A IMG {
  border: 0;
}
.pic {
  float:left;
  padding: 4px;
  margin: 0 20px 5px 0;
  border: 1px solid #e4e4e4;
}

H2 {
  padding: 0 0 10px;
  font-size: 1.54em;
  color: #af262c;
}
H2 A,
H2 A:hover {
  color: #af262c;
}
H2 A:hover {
  text-decoration: underline;
}
H3 {
  font-size: 1.15em;
}
H4 {
  font-size: 1em;
  padding: 0 0 8px;
}
H5 {
  font-size: 1em;
  padding-bottom: 0;
}

.canyon {
  clear: both;
  overflow: hidden;
  zoom:1;
}
.canyon-section {
  float: left;
}
.canyon-side {
  float: right;
}

.clear {
  clear: both;
  font-size: 1px;
  height: 1px;
  line-height: 1px;
}

/* Modules
------------------------------------------------------------------------------ */
/* Body
---------------------------------------- */
.body {
  overflow: hidden;
  zoom:1;
  padding-bottom: 30px;
  padding-top: 29px;
}
.sidebar {
  float: left;
  width: 200px;
}
.content {
  float: right;
  width: 743px;
  border: 3px solid #d6eefa;
  background: #fff;
  padding-bottom: 50px;
}

.footer {
  height: 71px;
  background: #f3f3f3;
  font: 13px 'PT Sans';
  color: #a0a0a0;
  padding: 0 2000px;
  margin: 0 -2000px;
}
.footer:before{
  display: table;
  position: relative;
  content: '';
}
/* Footer elements
---------------------------------------------- */
.footer .copy {
  margin-top: 20px;
}
.footer .name {
}

/* Banner
---------------------------------------- */
.aside-small-banner{
  margin-top: 14px;
  background: #f2f2f4;
  padding: 25px 34px 26px;
}
.aside-small-banner a{
  display: block;
}

/* Stickers
------------------------------------------- */
.sticker {
  background: #F2F2F4 url(/i/stickers/grey.gif) no-repeat 100% 100%;
  overflow: hidden;
  zoom:1;
}
.sticker-in {
  background: url(/i/stickers/grey-top.gif) no-repeat;
  overflow: hidden;
  zoom:1;
  height: 1%;
}
.type {
  margin-bottom: 15px;
  background: #FEF1B7 url(/i/stickers/yellow.gif) no-repeat 100% 100%;
}
.type .sticker-in {
  padding: 15px 20px 10px;
  background: url(/i/stickers/yellow-top.gif) no-repeat;
}
.note {
  font-size: 1.2em;
}
.note P {
  padding-bottom: 5px;
}
.small-banner {
  padding: 10px 15px;
  margin: 25px 0 0px;
}
.small-banner P {
  padding: 0 0 3px;
}
/* Module
----------------------------------------------- */
.module  {
  margin: 0 0 4px;
  background: url(/i/module/tl.gif) no-repeat;
}
.module .br {
  background: url(/i/module/br.gif) no-repeat 100% 100%;
}
.module .tr {
  background: url(/i/module/tr.gif) no-repeat 100% 0;
}
.module .bl {
  padding: 7px;
  background: url(/i/module/bl.gif) no-repeat 0 100%;
  overflow: hidden;
  zoom:1;
}
.footer .bl {
  padding: 0 16px;
}

/* Mini menu
------------------------------------------------*/
.eng {
  float: right;
  padding: 0;
}

.mini-nav {
  float: left;
}
.mini-nav LI {
  float:left;
  width: 14px;
  height: 12px;
  margin-right: 15px;
}
.mini-nav LI A {
  display: block;
  height: 100%;
  overflow: hidden;
  text-indent: -3000px;
}
.mini-nav LI.map {
  background: url(/i/mini/map.png) no-repeat 50% 50%;
}
.mini-nav LI.home {
  background: url(/i/mini/home.png) no-repeat 50% 50%;
}
.mini-nav LI.mail {
  background: url(/i/mini/mail.png) no-repeat 50% 50%;
}


/* News list
--------------------------------------------- */
.news {
  overflow: hidden;
  zoom:1;
  border-top: 1px solid #FFF;
  list-style-type: none;
}
.news LI {
  position: relative;
  padding: 10px 20px 12px;
  height: 1%;
  overflow: hidden;
  zoom:1;
  background: url(/i/news.gif) repeat-x 0 100%;
}
.news LI DL {
  overflow: hidden;
  zoom:1;
  height: 1%;
}
.news LI DD {
  float: left;
  width: 125px;
  margin-right: 20px;
}
.news LI DD STRONG {
  display: block;
}
.news LI DT {
  float: right;
  width: 530px;
}
.text-in .news LI DT {
  width: 500px;
}
.text-in .news LI DD {
  width: 115px;
}

.news LI{}
.news LI .image-link{
  width: 111px;
  height: 111px;
  overflow: hidden;
  float: left;
  margin-right: 30px;
}
.news LI .place{
  font-weight: bold;
}
.sticker .archive{
  padding-left: 60px;
}

.left a{
  display: block;
  margin-top: 10px;
}

.leftc .date{
  display: block;
}

.new-design .sticker{
  overflow: visible;
}
.new-design .sticker.news{
  background: none;
  overflow: visible;
}
.new-design .sticker.news .sticker-in{
  background: none;
  overflow: visible;
}

.new-design .sticker.news .news{
  padding-left: 0;
  width: 743px;
  margin-left: -19px;
}
.new-design .sticker.news .news li{
  background: none;
  border-bottom: 2px solid #D4EEFB;
  padding: 10px 20px;
}


/* Buttons
--------------------------------------------- */
.more {
  float: left;
  padding: 0;
  overflow: hidden;
  zoom:1;
  background: url(/i/more/l.gif) no-repeat;
  font-size: 0.85em;
}
.more A {
  display: block;
  padding: 2px 8px;
  background: url(/i/more/r.gif) no-repeat 100% 0;
  text-decoration: none;
}

.anounce {
  background: url(/i/more/l-2.gif) no-repeat;
  font-size: 1em;
}
.anounce A {
  background: url(/i/more/r-2.gif) no-repeat 100% 0;
}


/* Bookmark menu
-------------------------------------------- */
.bookmark {
  overflow: hidden;
  zoom:1;
  padding-left: 0;
}
.bookmark LI {
  float: left;
  height: 34px;
  padding: 0 25px;
  background: url(/i/bookmark/li.gif) no-repeat;
  border-color: #cbcacb;
  border-width: 0 1px 1px 0;
  border-style: solid;
  line-height: 34px;
  list-style-type: none;
}
.bookmark LI.cur {
  background: url(/i/bookmark/cur.gif) no-repeat;
}
.bookmark LI A {
  text-decoration: none;
}

/* Partners list
------------------------------------------- */
.sfr {
  margin: 10px 0 10px 0;
}

.partner {

}
.partner LI {
  overflow: hidden;
  zoom:1;
  padding-bottom: 12px;
}
.partner LI IMG {
  float: left;
  margin-right: 4px
}
/* Content
------------------------------------------------------------------------------------------- */
.text {
  padding: 2px;
  border: 1px solid #dedede;
}
.text-in {
  padding: 18px;
}
.text H1 {
  padding: 9px 20px;
  background: url(/i/h1-bg.jpg) repeat-y 0 0;
  font-size: 1.27em;
}
.text H3 {
  padding-bottom: 12px;
  padding-top: 5px;
  font-size: 1.1em;
}

.text UL.list {
  padding-bottom: 14px;
}
.text UL.list LI {
  padding: 0 0 5px 14px;
  background: url(/i/marker/li-inside.png) no-repeat 0 4px;
}

.text UL.map {
  padding-top: 4px;
  padding-bottom: 12px;
  margin-left: 20px;
}
.text UL.map LI {
  padding: 0 0 5px 14px;
  background: url(/i/marker/li-inside.png) no-repeat 0 4px;
}

.text TABLE {
  width: 100%;
  margin: 0 0 20px;
  border-color: #dadada;
  border-style: solid;
  border-width: 0 1px 1px 0;
}
.text TABLE TD {
  border-color: #dadada;
  border-style: solid;
  border-width: 1px 0 0 1px;
  padding: 7px 15px;
}


.download {
  font-weight: bold;
  color: #000;
  padding: 0;
  text-decoration: none;
  white-space: nowrap;
}
.download IMG {
  vertical-align: middle;
  padding-bottom: 2px;
}
.download:hover {
  text-decoration: underline;
  color: #000;
}



/* Content News
------------------------------------------------------------------------------------------- */
.text .left {
  float: left;
  width: 140px;
  margin-right: 20px;
}
.text .photoreport {
  font-weight: bold;
  margin-left: 3px;
  padding-left: 18px;
  background: url(/i/photo.gif) no-repeat 0 2px;
}

.text .leftc {
  display: block;
  padding: 8px;
  background-color: #F2F2F2;
  background-image: url(/i/stickers/grey-news.gif);
  background-position: left top;
  background-repeat: no-repeat;
  margin-bottom: 10px;
}
.text .date {
  color: #af262c;
}
.text .leftc STRONG {
  display: block;
  padding-top: 2px;
}
.text .title {
  font-size: 1.5em;
  font-weight: bold;
  float: left;
  width: 500px;
  padding: 0;
  margin: 0;
  padding-top: 5px;
  padding-bottom: 15px;
}
.event_note {
  clear: both;
  text-align: justify;
  display: block;
        height: 180px;
        overflow: hidden;
        position: relative;
	margin: 0;
	padding: 0;
	/*height: 1%;*/
	}
.note_text, .event_text{
            clear: both;
            text-align: justify;
            display: block;
            overflow: hidden;
            position: relative;
            margin: 0;
            padding: 0;
            height: auto;
        }
.text p {
        text-overflow: ellipsis;    
        }
.event_note:after{
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 80px;
    z-index: 1;
    /*border: #f00 dotted 1px;*/
   background: linear-gradient(rgba(0,0,0,0), #D6EEFA);
}
.text HR {
  width: 100%;
  height: 1px;
  color: #DEDEDE;
  background-color: #DEDEDE;
  border: 0px solid #DEDEDE;
  margin: 0;
  margin-top: 20px;
  margin-bottom: 20px;
}
.archive_year,
.text .archive_year {
  margin-left: 10px;
}

.text .e404 {
  font-size: 25em;
  color: #ccc;
}

h2.sector {
  padding: 0 0 5px;
  border-bottom: 1px solid #af262c;
  margin-bottom: 20px;
}

/* Content Photogallery
------------------------------------------------------------------------------------------- */
#photo_over {
  width: 100%;
  overflow: auto;
  height: 125px;
}
#photo_over.not_scroll {
  height: 100px;
}
.photo_list {
  width: auto;
  white-space: nowrap;
}
.photo_list IMG {
  margin: 5px;
  margin-right: 10px;
  padding: 5px;
  border: 1px solid #ddd;
  cursor: pointer;
}
.photo_list IMG.not_active {
  border: 1px solid #ddd;
}
.photo_list IMG.active {
  border: 1px solid #1B69A8;
  background-color: #F5FAFF;
}
#big {
  width: 100%;
  margin-top: 10px;
  text-align: center;
}
#big.not_scroll {
  margin-top: 0;
}
#big #description {
  font-size: 12px;
  line-height: 30px;
}
#big #photo {
  padding: 10px;
  border: 1px solid #ddd;
}
.loader {
  background: url(/i/loader.gif) no-repeat center 150px;
}
.not_loader {
  background: none;
}
#empty {
  border: 0;
  clip: 0;
  width: 0;
  display: none;
  margin-left:-1000px;
}

/* Content Publications
------------------------------------------------------------------------------------------- */
.pub_book {
  margin-right: 20px;
  padding-bottom: 10px;
}
.pub_title {
  font-size: 1.5em;
  padding-bottom: 10px;
}
.pub_authors {
  font-weight: normal;
  font-style: italic;
  padding-bottom: 10px;
}
.pub_magazin {
  font-size: 1.2em;
  font-style: italic;
}
.pub_text {
  margin-top: 10px;
  text-align: justify;
  display: block;
  margin: 0;
  padding: 0;
  height: 1%;
}
A.pub_a_dashed  {
  text-decoration: none;
  border-bottom: 1px dashed #00438F;
}
A.pub_a_dashed:hover  {
  text-decoration: none;
  border-bottom: 1px dashed #e6af29;
}

/* Content Customers
------------------------------------------------------------------------------------------- */
.customer_logo {
  float: left;
  width: 50px;
  margin-right: 20px;
  margin-bottom: 10px;
}
.customer_title {
  font-size: 1.5em;
  font-weight: bold;
  padding-bottom: 10px;
  float: right;
  width: 600px;
}
.customer_text {
  float: right;
  text-align: justify;
  margin: 0;
  padding: 0;
  padding-bottom: 15px;
  width: 600px;
}
.customer_list {
  float: right;
  font-weight: bold;
  padding-left: 18px;
  margin-bottom: 20px;
  width: 582px;
  background: url(/i/photo.gif) no-repeat 0 2px;
}
.projects_list {
  width: 600px;
  float: right;
  display: none;
}
.projects_title {
  font-size: 1.2em;
  font-weight: bold;
  padding-bottom: 5px;
}
.projects_text {
  text-align: justify;
  padding-bottom: 15px;
}

/* Content SearchResults
------------------------------------------------------------------------------------------- */
.fsearch INPUT {
  margin-right: 10px;
}
OL.search {
  margin-left: 20px;
  margin-top: 5px;
  list-style-type: decimal;
}
OL.search .descr {
  margin-top: 2px;
}
a.sector_link{
  float: right;
  font-style: italic;
  margin-top: -25px;
  margin-right: 10px;
}
.news_mini_image{
  max-width: 500px;
  margin-bottom: 10px;
}
.album_link{
  text-decoration: none;
}



/* Company story
----------------------------------------------------------------*/
.company-story{}
.years-tabs{
  width: 100%;
  padding: 0;
  margin: 0;
  table-layout:fixed;
  border-collapse:collapse;
}
.years-tabs,
.years-tabs tr,
.years-tabs td{
  border: none;
}
.years-tabs td{
  border: 1px solid #dcdcdc;
}
.years-tabs td {
  background: #fff;
  color: #1790cf;
  cursor: pointer;
  text-align: center;
  font: 18px bold 'PT Sans';
  padding: 12px 0;
}
.years-tabs td.active{
  background: #1790cf;
  color: #fff;
  cursor: auto;
}
.years-tabs td:hover{
  cursor: pointer;
  background: #1790cf;
  color: #fff;
}
.tab-years-list{
  display: none;
}
.tab-years-list.active{
  display: block;
}
.tab-years-list.active .year-img{
  max-width: 703px;
  border: 1px solid #dcdcdc;
  border-top: none;
}

.table.years{
  margin-top: 10px;
  width: 100%;
}
.table.years{
  table-layout:fixed;
  border-collapse:collapse;
}
.table.years{}
.table.years td{
  text-align: center;
}
.table.years td a{
  text-decoration: none;
}
.table.years td a span{
  border-bottom: 1px dashed #787878;
  color: #787878;
  font: 15px 'PT Sans';
}
.company-story-content{

}
.year-anounce{
  margin-top: 10px;
  width: 100%;
  font-size: 0;
  border-bottom: 1px solid #d6eefa;
  padding-bottom: 5px;
  margin-bottom: 30px;
}

.year-anounce-num,
.year-anounce-text{
  display: inline-block;
  vertical-align: top;
  font-size: 0;
  padding: 0;
  margin: 0;
}

.year-anounce-num{
  font: 70px 'Noto Sans';
  font-weight: 700;
  color: #bce4f8;
  width: 23%;
}
.year-anounce-text{
  color: #666666;
  font: 13px 'PT Sans';
  padding-top: 20px;
  width: 77%;
}
.year-text{
  font-size: 20px;
}
.events p.title{
  font-weight: bold;
  font-size: 16px;
}