.CovercyBlock { margin:0px 20px 35px 20px; } .CovercyBlock .label { text-decoration:none; display:block; height:20px; border-top:1px solid #6685A3; } .CovercyBlock .label span { display:inline-block; background:#003366; height:19px; line-height:19px; color:white; font-weight:bold; padding:0px 9px 0px 9px; } .CovercyBlock .subtitle { color: #003366; height: 20px; line-height: 20px; padding:0px 9px 0px 9px; } .CovercyBlock form { background: white; display: block; padding: 9px; } .CovercyBlock .text { color: #003366; padding-bottom: 9px; } .CovercyBlock select { color: #003366; margin-bottom: 9px; box-sizing: border-box; width: 100%; border: 1px solid #ABADB3; } .CovercyBlock .inp-buttons { padding-left:21px; height:19px; background:url(images/arrow-close-dark-ltr.png) left center no-repeat; } .CovercyBlock .inp-submit { width:70px; height:19px; border:none; color:white; background:#003366; } .CovercyBlock img { position: relative; float: right; top: 3px; } #LayoutHomepageMainSlides .slides .slide .videoarticle { background: url(images/videow.png) no-repeat; background-size: 32px auto; position: absolute; right: 10px; top: 10px; width: 32px; height: 32px; } .ContentBlock.Article .videoarticle { background: url(images/videow.png) no-repeat; background-size: 32px auto; position: absolute; right: 10px; top: 10px; width: 32px; height: 32px; } .video-icon { position: relative; top: -2px; background: url(images/videob.png) center center no-repeat; background-size: 14px auto; margin: 0px 3px 0px 3px; display: inline-block; width: 16px; height: 16px; vertical-align: middle; } #LayoutHomepageMainSlides .headlines { display: none; } #LayoutSearch .Language { color:white; font-weight:bold; font-size:18px; display:block; text-decoration:none; text-align:center; line-height:47px; position:absolute; left:0px; top:0px; width:47px; height:47px; background:#CFDBE1; } #LayoutSearch .Language.two { left:-50px; } #LayoutSearch .Language:hover { background:#003366; } #LayoutTopStrip { position:relative; margin:20px auto 22px auto; line-height:30px; overflow:hidden; } #LayoutTopStrip .breadcrumb { background:#003366; height:30px; } #LayoutTopStrip .breadcrumb a { position:relative; top:-2px; display:inline-block; vertical-align:top; padding:0px 8px 0px 8px; text-decoration:none; color:white; height:30px; } #LayoutTopStrip .breadcrumb h1 { position:relative; top:-2px; display:inline-block; vertical-align:top; padding:0px 8px 0px 8px; text-decoration:none; color:white; height:30px; } #LayoutTopStrip .breadcrumb a:hover { color:#0066FF; } #LayoutTopStrip .breadcrumb .sep { position:relative; top:-2px; display:inline-block; vertical-align:top; font-weight:bold; color:#0066FF; height:30px; } #LayoutTopStrip .more { color:white; } #LayoutTopStrip .more a { color:white; text-decoration:none; } #LayoutTopStrip .more a:hover { text-decoration:underline; } #LayoutHeaderWrapper { background:#FFFFFF; padding-bottom:20px; } #LayoutHeader { position:relative; margin:0px auto; } #LayoutLogo { border-bottom:1px solid #003366; padding:33px 10px 0px 10px; margin-bottom:10px; height:67px; } #LayoutTopBanner { position:relative; padding:10px 0px 10px 0px; margin:0px auto 10px auto; background:#CFDBE1; } #LayoutTopBanner .banner { margin:0px 10px 0px 10px; } #LayoutTopBanner .close { cursor:pointer; font-weight:bold; text-align:center; left:0px; top:0px; position:absolute; color:#003366; } #LayoutHomepageMainSlides { position:relative; } #LayoutHomepageMainSlides .bullets { position:absolute; left:20px; top:20px; } #LayoutHomepageMainSlides .bullets .bull { text-shadow:0px 2px 5px rgba(150, 150, 150, 0.5); display:inline-block; line-height:10px; height:16px; width:14px; font-size:60px; color:#ffffff; } #LayoutHomepageMainSlides .bullets .bull.selected { color:#0066FF; } #LayoutHomepageMainSlides .button-6 { display:none; cursor:pointer; position:absolute; left:0px; background:url(images/slides-arrow-4.png); width:23px; height:71px; } #LayoutHomepageMainSlides .button-4 { display:none; cursor:pointer; position:absolute; right:0px; background:url(images/slides-arrow-6.png); width:23px; height:71px; } #LayoutHomepageMainSlides .slides { position:absolute; left:0px; top:0px; right:0px; bottom:0px; } #LayoutHomepageMainSlides .slides .slide { display:none; text-decoration:none; position:absolute; left:0px; top:0px; right:0px; bottom:0px; } #LayoutHomepageMainSlides .slides .slide:first-child { display:block; } #LayoutHomepageMainSlides .slides .slide .texts { position:absolute; left:0px; height:124px; right:0px; bottom:0px; } #LayoutHomepageMainSlides .slides .slide .texts .date { padding:0px 15px 0px 15px; display:inline-block; color:white; line-height:24px; height:24px; background:#0066FF; } #LayoutHomepageMainSlides .slides .slide .texts .title { font-size:18px; overflow:hidden; text-indent:15px; color:white; line-height:39px; height:39px; background:#003366; } #LayoutHomepageMainSlides .slides .slide .texts .text { overflow:hidden; color:#003366; padding:15px 15px 0px 15px; height:46px; background:#CFDBE1; } #LayoutHomepageMainSlides .slides .slide .image { text-align:center; overflow:hidden; position:absolute; left:0px; top:0px; right:0px; bottom:0px; } #LayoutContentWrapper { background:#E8F2F7; } #LayoutContent { position:relative; margin:0px auto; } .ShippingSchedules { padding:20px 10px 20px 10px; display:block; } .ShippingSchedules .inp-select { color:#003366; margin-bottom:10px; padding-left:5px; font-size:12px; height:18px; display:block; width:100%; border:1px solid #ABADB3; background:white; } .ShippingSchedules .inp-text { color:#003366; margin-bottom:10px; padding-left:5px; font-size:12px; height:18px; display:block; width:100%; border:1px solid #ABADB3; background:white; } .ShippingSchedules .inp-buttons { padding-left:21px; height:19px; background:url(images/arrow-close-dark-ltr.png) left center no-repeat; } .ShippingSchedules .inp-submit { width:40px; height:19px; border:none; color:white; background:#003366; } .ShippingSchedules .inp-advanced { line-height:19px; vertical-align:top; text-decoration:none; display:inline-block; padding-left:5px; width:110px; height:19px; border:none; color:white; background:#0066FF; } .ShippingSchedules .inp-advanced:hover { background:#003366; } .ShippingSchedules .ctrl-radio { color:#003366; margin-bottom:10px; } .ShippingSchedules .ctrl-options { display:none; } .ShippingSchedules .ctrl-options-e { display:block; } .ShippingSchedules .ctrl-error { display:none; } #LayoutContentMain .ContentBlock { margin-bottom:20px; } #LayoutContentMain .ContentBlock.dummy { display:none; } .ContentBlock .CommentsBlock { background:white; padding:20px; } .ContentBlock.ArticleStory { background:white; } .ContentBlock.ArticleStory .wrapper { margin:0px 20px 0px 20px; } .ContentBlock.ArticleStory .wrapper > .title { padding:0px 7px 0px 7px; display:inline-block; background:#E8F2F7; color:#003366; } .ContentBlock.ArticleStory .summary { padding:0px 7px 0px 7px; display:inline-block; background:#E8F2F7; color:#003366; line-height:29px; } .ContentBlock.ArticleStory .publish { padding-top:20px; margin-bottom:30px; color:#A9BDC6; border-top:1px solid #CFDBE1; } .ContentBlock.ArticleStory .ImageSlide { position:relative; width:100%; } .ContentBlock.ArticleStory .ImageSlide .bullets { position:absolute; left:20px; top:20px; } .ContentBlock.ArticleStory .ImageSlide .bullets .bull { text-shadow:0px 2px 5px rgba(150, 150, 150, 0.5); display:inline-block; line-height:10px; height:16px; width:14px; font-size:60px; color:#ffffff; } .ContentBlock.ArticleStory .ImageSlide .bullets .bull.selected { color:#0066FF; } .ContentBlock.ArticleStory .ImageSlide .button-6 { display:none; cursor:pointer; position:absolute; left:0px; width:23px; height:71px; } .ContentBlock.ArticleStory .ImageSlide .button-4 { display:none; cursor:pointer; position:absolute; right:0px; width:23px; height:71px; } .ContentBlock.ArticleStory .ImageSlide .slides { position:absolute; left:0px; top:0px; right:0px; bottom:0px; } .ContentBlock.ArticleStory .ImageSlide .slides .slide { display:none; text-decoration:none; position:absolute; left:0px; top:0px; right:0px; bottom:0px; } .ContentBlock.ArticleStory .ImageSlide .slides .slide:first-child { display:block; } .ContentBlock.ArticleStory .ImageSlide .slides .slide .texts { position:absolute; left:0px; height:63px; right:0px; bottom:0px; } .ContentBlock.ArticleStory .ImageSlide .slides .slide .texts .date { padding:0px 15px 0px 15px; display:inline-block; color:white; line-height:24px; height:24px; background:#0066FF; } .ContentBlock.ArticleStory .ImageSlide .slides .slide .texts .title { font-size:18px; overflow:hidden; text-indent:15px; color:white; line-height:39px; height:39px; background:#003366; } .ContentBlock.ArticleStory .ImageSlide .slides .slide .image { text-align:center; overflow:hidden; position:absolute; left:0px; top:0px; right:0px; bottom:0px; } .ContentBlock.ArticleStory .ImageSlide .slides .slide .image img { width:100%; max-height:375px; min-height:100%; height:auto; } .ContentBlock.ArticleStory .story .text , .ContentBlock.ArticleStory .story .text table , .ContentBlock.ArticleStory .story .text td { line-height:25px; color:#003366; font-size: 16px; } .ContentBlock.ArticleStory .button_friend { color:#A4B9C3; text-indent:25px; margin-bottom:8px; height:16px; line-height:16px; text-decoration:none; background:url(images/icon_friend.png) left center no-repeat; } .ContentBlock.ArticleStory .button_friend:hover { color:#0066FF; } .ContentBlock.ArticleStory .button_print { color:#A4B9C3; text-indent:25px; margin-bottom:8px; height:16px; line-height:16px; text-decoration:none; background:url(images/icon_print.png) left center no-repeat; } .ContentBlock.ArticleStory .button_print:hover { color:#0066FF; } .ContentBlock.ArticleStory .button_sep { border-top:1px solid #A4B9C3; margin:5px 0px 10px 0px; } .ContentBlock.pagination { display:block; position:relative; height:19px; overflow:hidden; background:#FFFFFF; } .ContentBlock.pagination .back { display:block; position:absolute; top:0px; right:0px; text-decoration:none; color:white; font-weight:bold; text-align:center; font-size:16px; line-height:19px; height:19px; width:19px; background:#003366; } .ContentBlock.pagination .back:hover { background:#0066FF; } .ContentBlock.pagination .next { display:block; position:absolute; top:0px; left:0px; text-decoration:none; color:white; font-weight:bold; text-align:center; font-size:16px; line-height:19px; height:19px; width:19px; background:#003366; } .ContentBlock.pagination .next:hover { background:#0066FF; } .ContentBlock.pagination .pages { color:#003366; direction:ltr; display:block; position:absolute; right:20px; left:20px; top:0px; height:19px; line-height:19px; text-align:center; } .ContentBlock.pagination .pages a { color:#003366; text-decoration:none; } .ContentBlock.pagination .pages a:hover { color:#0066FF; } .ContentBlock.pagination .pages a.selected { font-weight:bold; color:#0066FF; } .ContentBlock.Headlines { display:block; position:relative; height:400px; overflow:hidden; background:#FFFFFF; } .ContentBlock.Headlines .label { text-decoration:none; display:block; position:absolute; top:25px; left:20px; right:20px; height:20px; border-top:1px solid #6685A3; } .ContentBlock.Headlines .label span { display:inline-block; background:#003366; height:19px; line-height:19px; color:white; font-weight:bold; padding:0px 9px 0px 9px; } .ContentBlock.Headlines .articles { display:block; position:absolute; top:70px; left:20px; right:20px; bottom:15px; overflow:hidden; } .ContentBlock.Headlines .articles a { position:relative; margin-bottom:14px; overflow:hidden; text-decoration:none; display:block; height:90px; background:#CFDBE1; } .ContentBlock.Headlines .articles a .image { position:absolute; right:0px; width:146px; top:0px; bottom:0px; overflow:hidden; text-align:center; } .ContentBlock.Headlines .articles a .title { color:#003366; line-height:14px; position:absolute; left:10px; top:18px; height:42px; right:150px; overflow:hidden; } .ContentBlock.Headlines .articles a .date { color:#7D98A5; position:absolute; left:10px; bottom:0px; height:22px; right:150px; } .ContentBlock.Headlines .articles a:hover { background:#DCE8EE; } .ContentBlock.Article { display:block; position:relative; height:400px; overflow:hidden; background:#FFFFFF; } .ContentBlock.Article .image { display:block; position:absolute; left:0px; right:0px; height:190px; overflow:hidden; text-align:center; } .ContentBlock.Article .image img { min-width:100%; min-height:100%; } .ContentBlock.Article .categories { position:absolute; left:20px; right:20px; top:14px; height:19px; } .ContentBlock.Article .categories .tag { font-size:12px; background:#0066FF; text-decoration:none; margin-right:3px; display:inline-block; color:white; font-weight:bold; height:19px; line-height:19px; padding:0px 9px 0px 9px; } .ContentBlock.Article .categories .tag.main { background:#003366; } .ContentBlock.Article .categories .tag:hover { transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2); } .ContentBlock.Article .date { position:absolute; left:20px; right:20px; top:205px; height:30px; line-height:30px; border-bottom:1px solid #CFDBE1; color:#A4B9C3; } .ContentBlock.Article .texts { text-decoration:none; position:absolute; left:20px; right:20px; top:245px; height:105px; overflow:hidden; } .ContentBlock.Article .texts:hover .title { color:#0066ff; } .ContentBlock.Article .texts .title { padding-bottom:5px; color:#114170; font-size:20px; line-height:17px; } .ContentBlock.Article .texts .description { color:#114170; font-size:14px; line-height:17px; } .ContentBlock.Article .social { position:absolute; left:20px; right:20px; top:365px; height:30px; overflow:hidden; } .ContentBlock.BannerBox { display:block; position:relative; overflow:hidden; background:#FFFFFF; } .ContentBlock.BannerBox .banner { display:block; } .ContentBlock.BannerSmall { display:block; position:relative; height:140px; overflow:hidden; background:#FFFFFF; } .ContentBlock.BannerSmall .banner { display:block; position:absolute; right:20px; top:20px; height:100px; overflow:hidden; background:#003366; } .ContentBlock.BannerRow { display:block; position:relative; overflow:hidden; background:#FFFFFF; } .ContentBlock.BannerRow .banner { display:block; } .ContentBlock.ArticlesMore .label { display:block; height:20px; border-top:1px solid #6685A3; } .ContentBlock.ArticlesMore .label span { display:inline-block; background:#003366; height:19px; line-height:19px; color:white; font-weight:bold; padding:0px 9px 0px 9px; } .ContentBlock.ArticlesMore .container { background:white; padding:20px 20px 10px 20px; margin-top:20px; } .ContentBlock.ArticlesMore .container a { font-weight:bold; display:block; text-decoration:none; margin-bottom:10px; } .ContentBlock.ArticlesMore .container a .bullet { color:#00346A; } .ContentBlock.ArticlesMore .container a .title { display:inline-block; text-indent:8px; color:#00346A; } .ContentBlock.ArticlesMore .container a .sep { display:inline-block; text-indent:5px; color:#00346A; } .ContentBlock.ArticlesMore .container a .date { display:inline-block; text-indent:6px; color:#A6B6C3; } .ContentBlock.ArticlesMore .container a:hover .title { color:#0066FF; } #LayoutFooterWrapper { border-top:1px solid #DAE3E7; } #LayoutFooter { position:relative; } #FooterLinks .colcopy { vertical-align:top; font-size:12px; color:white; } #FooterLinks .collinks { text-align:center; vertical-align:top; font-size:12px; color:white; } #FooterLinks .collinks a { font-size:12px; color:white; text-decoration:none; } #FooterLinks .collinks a:hover { text-decoration:underline; } #FooterLinks .colcredit { vertical-align:top; } #FooterLinks .colcredit a { font-size:12px; color:white; text-decoration:none; } #FooterLinks .colcredit a span { font-size:14px; font-weight:bold; } #FooterLinks .colcredit a:hover { text-decoration:underline; } .ContentBlock.ArticleStory .wrapper > .title-wrapper > .title { padding:0px 7px 0px 7px; display:inline-block; background:#E8F2F7; color:#003366; } .ContentBlock.ArticleStory.lang-rtl { } .ContentBlock.ArticleStory.lang-rtl .wrapper > .title-wrapper { direction: rtl; } .ContentBlock.ArticleStory.lang-rtl .summary { direction: rtl; } .ContentBlock.ArticleStory.lang-rtl .story .text { direction: rtl; } .ContentBlock.ArticleStory.lang-rtl .ImageSlide .slides .slide .texts .title { direction: rtl; } .CustomBlock { margin:0px 20px 35px 20px; } #LayoutContentSide .CustomBlock { margin:0px 0px 35px 0px; } .CustomBlock .label { text-decoration:none; display:block; height:20px; border-top:1px solid #6685A3; margin-bottom:19px; } .CustomBlock .label span { display:inline-block; background:#003366; height:19px; line-height:19px; color:white; font-weight:bold; padding:0px 9px 0px 9px; } .CustomBlock .content { background: white; padding: 9px; } .CustomBlock .inp-text { color:#003366; margin-bottom:10px; padding-left:5px; font-size:12px; height:18px; display:block; width:100%; border:1px solid #ABADB3; background:white; } .CustomBlock .inp-buttons { padding-left:21px; height:19px; background:url(images/arrow-close-dark-ltr.png) left center no-repeat; } .CustomBlock .inp-submit { width:40px; height:19px; border:none; color:white; background:#003366; } @media all and (min-width: 1220px){ #media1 { display:block !important; } .ContentBlock.ArticleStory .wrapper > .title-wrapper > .title { font-size:30px; } #LayoutTopStrip { width:1180px; height:30px; background:#0066FF; } #LayoutTopStrip .breadcrumb { float:left; } #LayoutTopStrip .breadcrumb a { font-size:24px; } #LayoutTopStrip .breadcrumb h1 { font-size:24px; } #LayoutTopStrip .breadcrumb .sep { font-size:24px; } #LayoutTopStrip .breadcrumb .end { display:inline-block; width:5px; height:30px; vertical-align:top; background:white; } #LayoutTopStrip .more { text-align:right; padding:0px 15px 0px 15px; } #LayoutHeader { width:1200px; } #LayoutSearch { position:absolute; right:10px; top:32px; width:349px; height:47px; } #LayoutSearch .Date { color:white; text-indent:9px; line-height:19px; position:absolute; left:51px; top:0px; width:113px; height:19px; background:#003366; } #LayoutSearch .Back { position:absolute; right:0px; bottom:0px; width:298px; height:28px; background:#0066FF; } #LayoutSearch .Input { position:absolute; left:55px; top:23px; width:256px; height:19px; } #LayoutSearch .Input input { font-size:14px; text-indent:5px; width:100%; margin:0px; padding:0px; display:block; height:19px; border:none; background:white; } #LayoutSearch .Button { position:absolute; right:0px; top:19px; width:37px; height:27px; } #LayoutSearch .Button input { width:100%; display:block; height:27px; border:none; background:url(images/search-button.png); } #LayoutNavigation { position:relative; margin:0px auto 10px auto; width:1180px; } #LayoutNavigation ul li { display:inline-block; } #LayoutNavigation ul > li > a { position:relative; text-decoration:none; color:#003366; font-size:14px; height:31px; line-height:31px; display:block; padding:0px 10px 0px 10px; } #LayoutNavigation ul li .submenu { z-index:1000; background:#E8F2F7; display:none; position:absolute; left:0px; right:0px; height:95px; -webkit-box-shadow:0px 1px 7px rgba(50, 50, 50, 0.25); -moz-box-shadow:0px 1px 7px rgba(50, 50, 50, 0.25); box-shadow:0px 1px 7px rgba(50, 50, 50, 0.25); } #LayoutNavigation ul li .submenu .back { background:#ffffff; position:absolute; left:1px; right:1px; top:9px; bottom:1px; } #LayoutNavigation ul li .submenu .links { overflow:hidden; position:absolute; right:50%; left:1px; top:12px; bottom:1px; } #LayoutNavigation ul li .submenu .links a { text-decoration:none; color:#003366; width:182px; margin-left:32px; display:inline-block; height:25px; line-height:25px; border-top:1px solid #D0DBE1; } #LayoutNavigation ul li .submenu .links a:nth-child(-n+2) { border-top:none; } #LayoutNavigation ul li .submenu .links a:hover { background:#D0DBE1; } #LayoutNavigation ul li .submenu .logos { direction:ltr; white-space:nowrap; overflow:hidden; text-align:right; position:absolute; left:60%; right:27px; top:27px; bottom:1px; } #LayoutNavigation ul li .submenu .logos a img { height:51px; } #LayoutNavigation ul li .submenu .logos a { display:inline-block; border-left:1px solid #E0E8EC; } #LayoutNavigation ul li .submenu .logos a:last-child { border:none; } #LayoutNavigation ul > li.selected > a { z-index:1100; background:#E8F2F7; } #LayoutNavigation ul > li:hover > a { background:#E8F2F7; } #LayoutNavigation ul > li:hover .submenu { display:block; } #LayoutMiniNavigation { display:none; } #LayoutTopBanner { width:1180px; } #LayoutTopBanner .close { font-size:48px; line-height:40px; width:40px; height:40px; } #LayoutHomepageMainSlides { left:10px; width:800px; height:550px; } #LayoutHomepageMainSlides .button-6 { top:190px; } #LayoutHomepageMainSlides .button-4 { top:190px; } #LayoutHomepageMainSlides .slides .slide .image img { height:100%; max-width:2000px; width:auto; } #LayoutHomepageSide { position:absolute; right:10px; bottom:0px; width:350px; height:550px; } #LayoutHomepageSide .Ticker { height:250px; margin-bottom:20px; } #LayoutHomepageSide .Ticker .BlockCaption { height:37px; border-top:1px solid #99ADC2; } #LayoutHomepageSide .Ticker .BlockCaption .text { font-weight:bold; padding:0px 12px 0px 12px; color:white; display:inline-block; height:19px; line-height:19px; background:#003366; } #LayoutHomepageSide .Ticker .TickerContainer { position:relative; display:block; overflow:hidden; height:212px; } #LayoutHomepageSide .Ticker .TickerItem { clear:both; position:relative; text-decoration:none; display:block; height:65px; padding-bottom:15px; } #LayoutHomepageSide .Ticker .TickerItem .content { overflow:hidden; height:65px; padding-right:3px; text-align:justify; line-height:13px; } #LayoutHomepageSide .Ticker .TickerItem .title { color:#114170; font-weight:bold; } #LayoutHomepageSide .Ticker .TickerItem .text { color:#114170; } #LayoutHomepageSide .Ticker .TickerItem .thumb { float:right; width:112px; height:65px; } #LayoutHomepageSide #LayoutHomepageSideBanner { position:relative; background:#CFDBE1; height:280px; } #LayoutHomepageSide #LayoutHomepageSideBanner .banner { right:25px; top:15px; position:absolute; background:#003366; width:300px; height:250px; } #LayoutContent { width:1200px; display:table; } #LayoutSide { vertical-align:top; padding:20px 0px 20px 0px; width:240px; background:#CFDBE1; display:table-cell; } .SideBanner { margin:0px 20px 35px 20px; } #LayoutContentSide .SideBanner { margin:0px 0px 35px 0px; } .SideBanner .label { text-decoration:none; display:block; height:20px; border-top:1px solid #6685A3; margin-bottom:19px; } .SideBanner .label span { display:inline-block; background:#003366; height:19px; line-height:19px; color:white; font-weight:bold; padding:0px 9px 0px 9px; } .BannerLogos { margin:0px 20px 35px 20px; } #LayoutContentSide .BannerLogos { margin:0px 0px 35px 0px; } .BannerLogos .label { text-decoration:none; display:block; height:20px; border-top:1px solid #6685A3; margin-bottom:19px; } .BannerLogos .label span { display:inline-block; background:#003366; height:19px; line-height:19px; color:white; font-weight:bold; padding:0px 9px 0px 9px; } .BannerLogos .slides { position:relative; width:200px; height:135px; } .BannerLogos .slides .banner { background:#FFFFFF; position:absolute; right:0px; top:0px; width:200px; height:135px; display:none; text-align:center; -webkit-box-shadow:4px 4px 5px rgba(147, 168, 186, 0.75); -moz-box-shadow:4px 4px 5px rgba(147, 168, 186, 0.75); box-shadow:4px 4px 5px rgba(147, 168, 186, 0.75); } .BannerLogos .slides .banner div { width:200px; height:135px; display:table-cell; vertical-align:middle; } .BannerLogos .slides .banner:first-child { display:block; } #LayoutSide .BannerSmall { margin:0px 20px 35px 20px; background:#003366; width:200px; height:200px; } .SideLinksBlock { margin:0px 20px 35px 20px; } #LayoutContentSide .SideLinksBlock { margin:0px 0px 35px 0px; } .SideLinksBlock .label { text-decoration:none; display:block; height:20px; border-top:1px solid #6685A3; margin-bottom:19px; } .SideLinksBlock .label span { display:inline-block; background:#003366; height:19px; line-height:19px; color:white; font-weight:bold; padding:0px 9px 0px 9px; } .SideLinksBlock .links a { height:19px; position:relative; display:block; text-decoration:none; margin-bottom:5px; } .SideLinksBlock .links a .icon { background:#A4B9C3 url(images/arrow-close-ltr.png) center center no-repeat; position:absolute; left:0px; top:0px; bottom:0px; width:18px; } .SideLinksBlock .links a .text { text-indent:7px; line-height:19px; color:white; background:#A4B9C3; position:absolute; left:21px; top:0px; bottom:0px; right:0px; } .SideLinksBlock .links a:hover .icon { background-color:#0066FF; } .SideLinksBlock .links a:hover .text { background-color:#0066FF; } .SideTabsBlock { margin:0px 20px 35px 20px; } #LayoutContentSide .SideTabsBlock { margin:0px 0px 35px 0px; } .SideTabsBlock .label { text-decoration:none; display:block; height:20px; border-top:1px solid #6685A3; margin-bottom:19px; } .SideTabsBlock .label span { display:inline-block; background:#003366; height:19px; line-height:19px; color:white; font-weight:bold; padding:0px 9px 0px 9px; } .SideTabsBlock .tab { margin-bottom:5px; } .SideTabsBlock .tab .caption { cursor:pointer; height:19px; position:relative; display:block; text-decoration:none; } .SideTabsBlock .tab .caption .icon { background:#A4B9C3 url(images/arrow-close-ltr.png) center center no-repeat; position:absolute; left:0px; top:0px; bottom:0px; width:18px; } .SideTabsBlock .tab .caption .text { text-indent:7px; line-height:19px; color:white; background:#A4B9C3; position:absolute; left:21px; top:0px; bottom:0px; right:0px; } .SideTabsBlock .tab .caption:hover .icon { background-color:#0066FF; } .SideTabsBlock .tab .caption:hover .text { background-color:#0066FF; } .SideTabsBlock .tab .frame { display:none; background:white; margin-bottom:7px; margin-top:8px; } .SideTabsBlock .tab.opened .caption .icon { background-image:url(images/arrow-open.png); } .SideTabsBlock .tab.opened .frame { display:block; } .CurrencyRates { padding:20px 10px 20px 10px; display:block; } .CurrencyRates .text { color:#00346A; margin-bottom:10px; } .CurrencyRates .text .date { font-weight:bold; } .CurrencyRates table { width:100%; } .CurrencyRates table td { padding:5px 0px 0px 0px; } .CurrencyRates table td.change { color:#A4B9C3; } .CurrencyRates table tr.head td { padding:0px 0px 5px 0px; color:#00346A; border-bottom:1px solid #A4B9C3; } .CurrencyRates table tr.head td.change { color:#A4B9C3; } .CurrencyRates table tr td.title { color:#00346A; } .CurrencyRates table tr td .number { direction:ltr; display:inline-block; } .CargoStatus { padding:20px 10px 20px 10px; display:block; } .CargoStatus .inp-number { color:#003366; margin-bottom:10px; padding-left:5px; font-size:12px; height:18px; display:block; width:100%; direction:ltr; text-align:left; border:1px solid #ABADB3; background:white; } .CargoStatus .inp-select { color:#003366; margin-bottom:10px; padding-left:5px; font-size:12px; height:18px; display:block; width:100%; border:1px solid #ABADB3; background:white; } .CargoStatus .inp-buttons { padding-left:21px; height:19px; background:url(images/arrow-close-dark-ltr.png) left center no-repeat; } .CargoStatus .inp-submit { width:40px; height:19px; border:none; color:white; background:#003366; } .CargoStatus .ctrl-image { margin-bottom:10px; } .CargoStatus .ctrl-text { color:#003366; margin-bottom:10px; } .CargoStatus .ctrl-radio { color:#003366; margin-bottom:10px; } .CargoStatus .ctrl-options { display:none; } .CargoStatus .ctrl-error { display:none; } .CargoStatus .ctrl-result-block { display:none; } .CargoStatus .ctrl-result-text { color:#003366; font-weight:bold; margin-bottom:10px; margin-top:10px; padding-top:10px; border-top:1px solid #CFDBE1; } .CargoStatus .ctrl-result-frame { width:100%; height:30px; } .CurrencyConversionCalculator { padding:20px 10px 20px 10px; display:block; } .CurrencyConversionCalculator .inp-amount { color:#003366; margin-bottom:10px; padding-left:5px; font-size:12px; height:18px; display:block; width:100%; direction:ltr; text-align:left; border:1px solid #ABADB3; background:white; } .CurrencyConversionCalculator .inp-from-to { color:#003366; margin-bottom:10px; padding-left:5px; font-size:12px; height:18px; display:block; width:100%; border:1px solid #ABADB3; background:white; } .CurrencyConversionCalculator .inp-buttons { padding-left:21px; height:19px; background:url(images/arrow-close-dark-ltr.png) left center no-repeat; } .CurrencyConversionCalculator .inp-calc { width:40px; height:19px; border:none; color:white; background:#003366; } .CurrencyConversionCalculator .inp-result { padding-left:5px; width:115px; height:19px; border:none; color:white; background:#0066FF; } .CalculatorsUtilitiesContainer { display:block; } .CalculatorsUtilitiesContainer .subtabs table { width:100%; } .CalculatorsUtilitiesContainer .subtabs table td { color:#00346A; background:#DBE8EE; cursor:pointer; vertical-align:middle; height:20px; text-align:center; width:25%; border:1px solid #BAC5CA; } .CalculatorsUtilitiesContainer .subtabs table td.selected { background:white; border-bottom:1px solid white; } .CalculatorsUtilitiesForm { border:1px solid #BAC5CA; border-top:none; display:none; padding:20px 10px 0px 10px; } .CalculatorsUtilitiesForm.selected { display:block; } .CalculatorsUtilitiesForm table { direction:ltr; width:100%; } .CalculatorsUtilitiesForm table td { color:#00346A; width:50%; vertical-align:top; padding-bottom:5px; } .CalculatorsUtilitiesForm input[type='text'] { color:#003366; text-indent:5px; font-size:12px; height:18px; display:block; width:80px; border:1px solid #ABADB3; background:white; } .CalculatorsUtilitiesForm .reset { cursor:pointer; display:inline-block; margin:10px 0px 10px 0px; } .CalculatorsUtilitiesForm .reset .icon { margin-right:3px; vertical-align:middle; width:18px; height:19px; display:inline-block; background:#003366 url(images/arrow-close-dark-ltr.png) left center no-repeat; } .CalculatorsUtilitiesForm .reset .text { padding:0px 5px 0px 5px; line-height:19px; vertical-align:middle; height:19px; color:white; display:inline-block; background:#003366; } #LayoutContentMain { vertical-align:top; padding:20px 0px 20px 20px; width:700px; display:table-cell; } #LayoutContentMain .ContentBlock { float:left; width:340px; } #LayoutContentMain .ContentBlock.row { width:100%; float:none; clear:both; } #LayoutContentMain .ContentBlock:nth-of-type(odd) { margin-right:20px; } .ContentBlock.ArticleStory { padding:50px 0px 50px 0px; } .ContentBlock.ArticleStory .wrapper > .title { font-size:30px; } .ContentBlock.ArticleStory .summary { margin-bottom:40px; font-size:20px; } .ContentBlock.ArticleStory .publish { font-size:18px; } .ContentBlock.ArticleStory .ImageSlide { margin-bottom:35px; height:375px; } .ContentBlock.ArticleStory .ImageSlide .button-6 { top:120px; background:url(images/slides-arrow-6.png); } .ContentBlock.ArticleStory .ImageSlide .button-4 { top:120px; background:url(images/slides-arrow-4.png); } .ContentBlock.ArticleStory .story .text { padding:15px; border-right:1px solid #CFDBE1; font-size:16px; display:table-cell; } .ContentBlock.ArticleStory .story .social { display:table-cell; padding:15px; width:20%; } .ContentBlock.ArticleStory .button_friend { display:block; } .ContentBlock.ArticleStory .button_print { display:block; } .ContentBlock.category { display:block; position:relative; height:350px; overflow:hidden; background:#FFFFFF; } .ContentBlock.category .label { text-decoration:none; display:block; position:absolute; top:25px; left:20px; right:20px; height:20px; border-top:1px solid #6685A3; } .ContentBlock.category .label span { display:inline-block; background:#003366; height:19px; line-height:19px; color:white; font-weight:bold; padding:0px 9px 0px 9px; } .ContentBlock.category .label:hover { border-top:1px solid #0066ff; } .ContentBlock.category .label:hover span { background:#0066ff; } .ContentBlock.category .articles { display:block; position:absolute; top:60px; left:20px; right:20px; bottom:15px; overflow:hidden; } .ContentBlock.category .articles a { text-decoration:none; display:block; } .ContentBlock.category .articles a .title { border-bottom:1px solid #CFDBE1; margin-bottom:10px; padding-bottom:10px; color:#003366; } .ContentBlock.category .articles a .date { color:#A4B9C3; height:20px; line-height:20px; } .ContentBlock.category .articles a:hover .title { color:#0066ff; border-bottom:1px solid #0066ff; } .ContentBlock.category .articles a:hover .date { color:#0066ff; } .ContentBlock.Headlines .articles a { width:300px; } .ContentBlock.BannerBox .banner { margin:20px; } .ContentBlock.BannerSmall .banner { width:300px; } .ContentBlock.ArticlesScroller { display:block; position:relative; height:209px; overflow:hidden; } .ContentBlock.ArticlesScroller .label { text-decoration:none; display:block; position:absolute; top:19px; left:0px; right:0px; height:20px; border-top:1px solid #6685A3; } .ContentBlock.ArticlesScroller .label span { display:inline-block; background:#003366; height:19px; line-height:19px; color:white; font-weight:bold; padding:0px 9px 0px 9px; } .ContentBlock.ArticlesScroller .back { position:absolute; left:0px; right:0px; top:57px; background:white; height:133px; } .ContentBlock.ArticlesScroller .button-6 { cursor:pointer; position:absolute; left:1px; width:19px; top:58px; background:url(images/scroller-arrow-4.png); height:131px; } .ContentBlock.ArticlesScroller .button-4 { cursor:pointer; position:absolute; right:1px; width:19px; top:58px; background:url(images/scroller-arrow-6.png); height:131px; } .ContentBlock.ArticlesScroller .articles { white-space:nowrap; position:absolute; left:21px; right:21px; top:58px; height:131px; overflow:hidden; } .ContentBlock.ArticlesScroller .articles a { margin:0px 2px 0px 4px; display:inline-block; position:relative; width:210px; height:131px; overflow:hidden; } .ContentBlock.ArticlesScroller .articles a .image { text-align:center; position:absolute; left:0px; right:0px; top:0px; bottom:0px; overflow:hidden; } .ContentBlock.ArticlesScroller .articles a .image img { min-width:100%; min-height:100%; } .ContentBlock.ArticlesScroller .articles a .title { white-space:normal; line-height:15px; padding:5px 10px 10px 10px; color:white; background:rgba(0,51,102,0.85); position:absolute; left:0px; right:0px; bottom:0px; height:25px; overflow:hidden; } .ContentBlock.ArticlesScroller .articles a:hover .title { background:rgba(0,51,102,0.95); } #LayoutContentSide { vertical-align:top; padding:20px 0px 20px 20px; width:220px; display:table-cell; } .IconsLinksBlock { margin:0px 20px 35px 20px; } #LayoutContentSide .IconsLinksBlock { margin:0px 0px 35px 0px; } .IconsLinksBlock .label { text-decoration:none; display:block; height:20px; border-top:1px solid #6685A3; margin-bottom:19px; } .IconsLinksBlock .label span { display:inline-block; background:#003366; height:19px; line-height:19px; color:white; font-weight:bold; padding:0px 9px 0px 9px; } .IconsLinksBlock .links a { margin-bottom:4px; display:block; position:relative; height:45px; } .IconsLinksBlock .links a .text { text-indent:15px; font-size:16px; color:white; line-height:45px; position:absolute; right:48px; left:0px; top:0px; bottom:0px; background:#003366; } .IconsLinksBlock .links a .icon { position:absolute; right:0px; width:45px; top:0px; bottom:0px; } .IconsLinksBlock .links a .icon img { width:100%; height:100%; } .IconsLinksBlock .links a:hover .text { background:#0066FF; } .NewsletterBlock { margin:0px 20px 35px 20px; } #LayoutContentSide .NewsletterBlock { margin:0px 0px 35px 0px; } .NewsletterBlock .label { border-top:1px solid #003366; margin-bottom:13px; } .NewsletterBlock .label span { color:white; padding:0px 9px 0px 9px; background:#003366; display:inline-block; height:19px; line-height:19px; } .NewsletterBlock .link img { max-width:100%; } .FacebookFansBlock { margin:0px 20px 35px 20px; } #LayoutContentSide .FacebookFansBlock { margin:0px 0px 35px 0px; } .FacebookFansBlock .label { border-top:1px solid #003366; margin-bottom:13px; } .FacebookFansBlock .label span { color:white; padding:0px 9px 0px 9px; background:#003366; display:inline-block; height:19px; line-height:19px; } .FacebookFansBlock .frame { padding:20px; background:white; } .ArticleSideBlock { margin:0px 20px 35px 20px; } #LayoutContentSide .ArticleSideBlock { margin:0px 0px 35px 0px; } .ArticleSideBlock .label { border-top:1px solid #003366; margin-bottom:13px; } .ArticleSideBlock .label span { color:white; padding:0px 9px 0px 9px; background:#003366; display:inline-block; height:19px; line-height:19px; } .ArticleSideBlock .article { text-decoration:none; } .ArticleSideBlock .article .image img { width:100%; } .ArticleSideBlock .article .date { line-height:45px; height:45px; color:#A4B9C3; padding:0px 15px 0px 15px; border-bottom:1px solid #CFDBE1; background:white; } .ArticleSideBlock .article .title { line-height:17px; font-weight:bold; color:#114170; padding:15px 15px 0px 15px; background:white; } .ArticleSideBlock .article .text { line-height:17px; color:#114170; padding:0px 15px 30px 15px; background:white; } .ArticleSideBlock .article:hover .title { color:#0066FF; } .ArticleSideBlock.advertising .label { border-top:1px solid #0066FF; } .ArticleSideBlock.advertising .label span { background:#0066FF; } .ArticleSideBlock.advertising .article .date { display:none; } .ArticleSideBlock.advertising .article .title { color:#0066FF; padding:30px 15px 0px 15px; } .ArticleSideBlock.advertising .article .text { color:#0066FF; } .ArticleSideBlock.advertising .article:hover .title { color:#114170; } .ScrollBannerDummy { height:1px; visibility:hidden; margin:0px; } .ScrollBannerContainer.scrolling { z-index:8000; position:absolute; top:0px; margin-top:35px; } #LayoutFooter { width:1200px; margin:0px auto; } #FooterMenu { padding:40px 20px 0px 20px; } #FooterMenu > ul > li { margin:0px 30px 60px 0px; vertical-align:top; display:inline-block; width:160px; } #FooterMenu > ul > li > .label { margin-bottom:15px; text-decoration:none; display:block; border-top:1px solid #FFFFFF; } #FooterMenu > ul > li > .label span { font-size:12px; padding:0px 10px 0px 10px; font-weight:bold; height:19px; line-height:19px; display:inline-block; background:#FFFFFF; color:#A4B9C3; } #FooterMenu > ul > li > .label:hover span { color:#003366; } #FooterMenu > ul > li > ul > li > a { font-size:12px; text-decoration:none; padding:0px 0px 0px 10px; height:19px; line-height:19px; display:block; color:#FFFFFF; } #FooterMenu > ul > li > ul > li > a:hover { text-decoration:underline; } #FooterLinks { padding:20px 0px 70px 0px; border-top:1px solid #FFFFFF; } #FooterLinks .colcopy { width:25%; float:left; text-align:left; } #FooterLinks .collinks { width:50%; float:left; } #FooterLinks .colcredit { width:25%; float:right; text-align:right; } } @media all and (min-width: 980px) and (max-width: 1219px){ #media2 { display:block !important; } .ContentBlock.ArticleStory .wrapper > .title-wrapper > .title { font-size:30px; } #LayoutTopStrip { width:960px; height:30px; background:#0066FF; } #LayoutTopStrip .breadcrumb { float:left; } #LayoutTopStrip .breadcrumb a { font-size:24px; } #LayoutTopStrip .breadcrumb h1 { font-size:24px; } #LayoutTopStrip .breadcrumb .sep { font-size:24px; } #LayoutTopStrip .breadcrumb .end { display:inline-block; width:5px; height:30px; vertical-align:top; background:white; } #LayoutTopStrip .more { text-align:right; padding:0px 15px 0px 15px; } #LayoutHeader { width:960px; } #LayoutSearch { position:absolute; right:10px; top:32px; width:349px; height:47px; } #LayoutSearch .Date { color:white; text-indent:9px; line-height:19px; position:absolute; left:51px; top:0px; width:113px; height:19px; background:#003366; } #LayoutSearch .Back { position:absolute; right:0px; bottom:0px; width:298px; height:28px; background:#0066FF; } #LayoutSearch .Input { position:absolute; left:55px; top:23px; width:256px; height:19px; } #LayoutSearch .Input input { font-size:14px; text-indent:5px; width:100%; margin:0px; padding:0px; display:block; height:19px; border:none; background:white; } #LayoutSearch .Button { position:absolute; right:0px; top:19px; width:37px; height:27px; } #LayoutSearch .Button input { width:100%; display:block; height:27px; border:none; background:url(images/search-button.png); } #LayoutNavigation { position:relative; margin:0px auto 10px auto; width:940px; } #LayoutNavigation ul li { display:inline-block; } #LayoutNavigation ul > li > a { position:relative; text-decoration:none; color:#003366; font-size:14px; height:31px; line-height:31px; display:block; padding:0px 10px 0px 10px; } #LayoutNavigation ul li .submenu { z-index:1000; background:#E8F2F7; display:none; position:absolute; left:0px; right:0px; height:95px; -webkit-box-shadow:0px 1px 7px rgba(50, 50, 50, 0.25); -moz-box-shadow:0px 1px 7px rgba(50, 50, 50, 0.25); box-shadow:0px 1px 7px rgba(50, 50, 50, 0.25); } #LayoutNavigation ul li .submenu .back { background:#ffffff; position:absolute; left:1px; right:1px; top:9px; bottom:1px; } #LayoutNavigation ul li .submenu .links { overflow:hidden; position:absolute; right:50%; left:1px; top:12px; bottom:1px; } #LayoutNavigation ul li .submenu .links a { text-decoration:none; color:#003366; width:182px; margin-left:32px; display:inline-block; height:25px; line-height:25px; border-top:1px solid #D0DBE1; } #LayoutNavigation ul li .submenu .links a:nth-child(-n+2) { border-top:none; } #LayoutNavigation ul li .submenu .links a:hover { background:#D0DBE1; } #LayoutNavigation ul li .submenu .logos { direction:ltr; white-space:nowrap; overflow:hidden; text-align:right; position:absolute; left:60%; right:27px; top:27px; bottom:1px; } #LayoutNavigation ul li .submenu .logos a img { height:51px; } #LayoutNavigation ul li .submenu .logos a { display:inline-block; border-left:1px solid #E0E8EC; } #LayoutNavigation ul li .submenu .logos a:last-child { border:none; } #LayoutNavigation ul > li.selected > a { z-index:1100; background:#E8F2F7; } #LayoutNavigation ul > li:hover > a { background:#E8F2F7; } #LayoutNavigation ul > li:hover .submenu { display:block; } #LayoutMiniNavigation { display:none; } #LayoutTopBanner { width:940px; } #LayoutTopBanner .close { font-size:48px; line-height:40px; width:40px; height:40px; } #LayoutHomepageMainSlides { left:10px; width:560px; height:550px; } #LayoutHomepageMainSlides .button-6 { top:190px; } #LayoutHomepageMainSlides .button-4 { top:190px; } #LayoutHomepageMainSlides .slides .slide .image img { height:100%; max-width:2000px; width:auto; } #LayoutHomepageSide { position:absolute; right:10px; bottom:0px; width:350px; height:550px; } #LayoutHomepageSide .Ticker { height:250px; margin-bottom:20px; } #LayoutHomepageSide .Ticker .BlockCaption { height:37px; border-top:1px solid #99ADC2; } #LayoutHomepageSide .Ticker .BlockCaption .text { font-weight:bold; padding:0px 12px 0px 12px; color:white; display:inline-block; height:19px; line-height:19px; background:#003366; } #LayoutHomepageSide .Ticker .TickerContainer { position:relative; display:block; overflow:hidden; height:212px; } #LayoutHomepageSide .Ticker .TickerItem { clear:both; position:relative; text-decoration:none; display:block; height:65px; padding-bottom:15px; } #LayoutHomepageSide .Ticker .TickerItem .content { overflow:hidden; height:65px; padding-right:3px; text-align:justify; line-height:13px; } #LayoutHomepageSide .Ticker .TickerItem .title { color:#114170; font-weight:bold; } #LayoutHomepageSide .Ticker .TickerItem .text { color:#114170; } #LayoutHomepageSide .Ticker .TickerItem .thumb { float:right; width:112px; height:65px; } #LayoutHomepageSide #LayoutHomepageSideBanner { position:relative; background:#CFDBE1; height:280px; } #LayoutHomepageSide #LayoutHomepageSideBanner .banner { right:25px; top:15px; position:absolute; background:#003366; width:300px; height:250px; } #LayoutContent { width:960px; display:table; } #LayoutSide { vertical-align:top; padding:20px 0px 20px 0px; width:240px; background:#CFDBE1; display:table-cell; } .SideBanner { margin:0px 20px 35px 20px; } #LayoutContentSide .SideBanner { margin:0px 0px 35px 0px; } .SideBanner .label { text-decoration:none; display:block; height:20px; border-top:1px solid #6685A3; margin-bottom:19px; } .SideBanner .label span { display:inline-block; background:#003366; height:19px; line-height:19px; color:white; font-weight:bold; padding:0px 9px 0px 9px; } .BannerLogos { margin:0px 20px 35px 20px; } #LayoutContentSide .BannerLogos { margin:0px 0px 35px 0px; } .BannerLogos .label { text-decoration:none; display:block; height:20px; border-top:1px solid #6685A3; margin-bottom:19px; } .BannerLogos .label span { display:inline-block; background:#003366; height:19px; line-height:19px; color:white; font-weight:bold; padding:0px 9px 0px 9px; } .BannerLogos .slides { position:relative; width:200px; height:135px; } .BannerLogos .slides .banner { background:#FFFFFF; position:absolute; right:0px; top:0px; width:200px; height:135px; display:none; text-align:center; -webkit-box-shadow:4px 4px 5px rgba(147, 168, 186, 0.75); -moz-box-shadow:4px 4px 5px rgba(147, 168, 186, 0.75); box-shadow:4px 4px 5px rgba(147, 168, 186, 0.75); } .BannerLogos .slides .banner div { width:200px; height:135px; display:table-cell; vertical-align:middle; } .BannerLogos .slides .banner:first-child { display:block; } #LayoutSide .BannerSmall { margin:0px 20px 35px 20px; background:#003366; width:200px; height:200px; } .SideLinksBlock { margin:0px 20px 35px 20px; } #LayoutContentSide .SideLinksBlock { margin:0px 0px 35px 0px; } .SideLinksBlock .label { text-decoration:none; display:block; height:20px; border-top:1px solid #6685A3; margin-bottom:19px; } .SideLinksBlock .label span { display:inline-block; background:#003366; height:19px; line-height:19px; color:white; font-weight:bold; padding:0px 9px 0px 9px; } .SideLinksBlock .links a { height:19px; position:relative; display:block; text-decoration:none; margin-bottom:5px; } .SideLinksBlock .links a .icon { background:#A4B9C3 url(images/arrow-close-ltr.png) center center no-repeat; position:absolute; left:0px; top:0px; bottom:0px; width:18px; } .SideLinksBlock .links a .text { text-indent:7px; line-height:19px; color:white; background:#A4B9C3; position:absolute; left:21px; top:0px; bottom:0px; right:0px; } .SideLinksBlock .links a:hover .icon { background-color:#0066FF; } .SideLinksBlock .links a:hover .text { background-color:#0066FF; } .IconsLinksBlock { margin:0px 20px 35px 20px; } #LayoutContentSide .IconsLinksBlock { margin:0px 0px 35px 0px; } .IconsLinksBlock .label { text-decoration:none; display:block; height:20px; border-top:1px solid #6685A3; margin-bottom:19px; } .IconsLinksBlock .label span { display:inline-block; background:#003366; height:19px; line-height:19px; color:white; font-weight:bold; padding:0px 9px 0px 9px; } .IconsLinksBlock .links a { margin-bottom:4px; display:block; position:relative; height:45px; } .IconsLinksBlock .links a .text { text-indent:15px; font-size:16px; color:white; line-height:45px; position:absolute; right:48px; left: 0px; top:0px; bottom:0px; background:#003366; } .IconsLinksBlock .links a .icon { position:absolute; right:0px; width:45px; top:0px; bottom:0px; } .IconsLinksBlock .links a .icon img { width:100%; height:100%; } .IconsLinksBlock .links a:hover .text { background:#0066FF; } .SideTabsBlock { margin:0px 20px 35px 20px; } #LayoutContentSide .SideTabsBlock { margin:0px 0px 35px 0px; } .SideTabsBlock .label { text-decoration:none; display:block; height:20px; border-top:1px solid #6685A3; margin-bottom:19px; } .SideTabsBlock .label span { display:inline-block; background:#003366; height:19px; line-height:19px; color:white; font-weight:bold; padding:0px 9px 0px 9px; } .SideTabsBlock .tab { margin-bottom:5px; } .SideTabsBlock .tab .caption { cursor:pointer; height:19px; position:relative; display:block; text-decoration:none; } .SideTabsBlock .tab .caption .icon { background:#A4B9C3 url(images/arrow-close-ltr.png) center center no-repeat; position:absolute; left:0px; top:0px; bottom:0px; width:18px; } .SideTabsBlock .tab .caption .text { text-indent:7px; line-height:19px; color:white; background:#A4B9C3; position:absolute; left:21px; top:0px; bottom:0px; right:0px; } .SideTabsBlock .tab .caption:hover .icon { background-color:#0066FF; } .SideTabsBlock .tab .caption:hover .text { background-color:#0066FF; } .SideTabsBlock .tab .frame { display:none; background:white; margin-bottom:7px; margin-top:8px; } .SideTabsBlock .tab.opened .caption .icon { background-image:url(images/arrow-open.png); } .SideTabsBlock .tab.opened .frame { display:block; } .CurrencyRates { padding:20px 10px 20px 10px; display:block; } .CurrencyRates .text { color:#00346A; margin-bottom:10px; } .CurrencyRates .text .date { font-weight:bold; } .CurrencyRates table { width:100%; } .CurrencyRates table td { padding:5px 0px 0px 0px; } .CurrencyRates table td.change { color:#A4B9C3; } .CurrencyRates table tr.head td { padding:0px 0px 5px 0px; color:#00346A; border-bottom:1px solid #A4B9C3; } .CurrencyRates table tr.head td.change { color:#A4B9C3; } .CurrencyRates table tr td.title { color:#00346A; } .CurrencyRates table tr td .number { direction:ltr; display:inline-block; } .CargoStatus { padding:20px 10px 20px 10px; display:block; } .CargoStatus .inp-number { color:#003366; margin-bottom:10px; padding-left:5px; font-size:12px; height:18px; display:block; width:100%; direction:ltr; text-align:left; border:1px solid #ABADB3; background:white; } .CargoStatus .inp-select { color:#003366; margin-bottom:10px; padding-left:5px; font-size:12px; height:18px; display:block; width:100%; border:1px solid #ABADB3; background:white; } .CargoStatus .inp-buttons { padding-left:21px; height:19px; background:url(images/arrow-close-dark-ltr.png) left center no-repeat; } .CargoStatus .inp-submit { width:40px; height:19px; border:none; color:white; background:#003366; } .CargoStatus .ctrl-image { margin-bottom:10px; } .CargoStatus .ctrl-text { color:#003366; margin-bottom:10px; } .CargoStatus .ctrl-radio { color:#003366; margin-bottom:10px; } .CargoStatus .ctrl-options { display:none; } .CargoStatus .ctrl-error { display:none; } .CargoStatus .ctrl-result-block { display:none; } .CargoStatus .ctrl-result-text { color:#003366; font-weight:bold; margin-bottom:10px; margin-top:10px; padding-top:10px; border-top:1px solid #CFDBE1; } .CargoStatus .ctrl-result-frame { width:100%; height:30px; } .CurrencyConversionCalculator { padding:20px 10px 20px 10px; display:block; } .CurrencyConversionCalculator .inp-amount { color:#003366; margin-bottom:10px; padding-left:5px; font-size:12px; height:18px; display:block; width:100%; direction:ltr; text-align:left; border:1px solid #ABADB3; background:white; } .CurrencyConversionCalculator .inp-from-to { color:#003366; margin-bottom:10px; padding-left:5px; font-size:12px; height:18px; display:block; width:100%; border:1px solid #ABADB3; background:white; } .CurrencyConversionCalculator .inp-buttons { padding-left:21px; height:19px; background:url(images/arrow-close-dark-ltr.png) left center no-repeat; } .CurrencyConversionCalculator .inp-calc { width:40px; height:19px; border:none; color:white; background:#003366; } .CurrencyConversionCalculator .inp-result { padding-left:5px; width:115px; height:19px; border:none; color:white; background:#0066FF; } .CalculatorsUtilitiesContainer { display:block; } .CalculatorsUtilitiesContainer .subtabs table { width:100%; } .CalculatorsUtilitiesContainer .subtabs table td { color:#00346A; background:#DBE8EE; cursor:pointer; vertical-align:middle; height:20px; text-align:center; width:25%; border:1px solid #BAC5CA; } .CalculatorsUtilitiesContainer .subtabs table td.selected { background:white; border-bottom:1px solid white; } .CalculatorsUtilitiesForm { border:1px solid #BAC5CA; border-top:none; display:none; padding:20px 10px 0px 10px; } .CalculatorsUtilitiesForm.selected { display:block; } .CalculatorsUtilitiesForm table { direction:ltr; width:100%; } .CalculatorsUtilitiesForm table td { color:#00346A; width:50%; vertical-align:top; padding-bottom:5px; } .CalculatorsUtilitiesForm input[type='text'] { color:#003366; text-indent:5px; font-size:12px; height:18px; display:block; width:80px; border:1px solid #ABADB3; background:white; } .CalculatorsUtilitiesForm .reset { cursor:pointer; display:inline-block; margin:10px 0px 10px 0px; } .CalculatorsUtilitiesForm .reset .icon { margin-right:3px; vertical-align:middle; width:18px; height:19px; display:inline-block; background:#003366 url(images/arrow-close-dark-ltr.png) left center no-repeat; } .CalculatorsUtilitiesForm .reset .text { padding:0px 5px 0px 5px; line-height:19px; vertical-align:middle; height:19px; color:white; display:inline-block; background:#003366; } .NewsletterBlock { margin:0px 20px 35px 20px; } #LayoutContentSide .NewsletterBlock { margin:0px 0px 35px 0px; } .NewsletterBlock .label { border-top:1px solid #003366; margin-bottom:13px; } .NewsletterBlock .label span { color:white; padding:0px 9px 0px 9px; background:#003366; display:inline-block; height:19px; line-height:19px; } .NewsletterBlock .link img { max-width:100%; } .FacebookFansBlock { margin:0px 20px 35px 20px; } #LayoutContentSide .FacebookFansBlock { margin:0px 0px 35px 0px; } .FacebookFansBlock .label { border-top:1px solid #003366; margin-bottom:13px; } .FacebookFansBlock .label span { color:white; padding:0px 9px 0px 9px; background:#003366; display:inline-block; height:19px; line-height:19px; } .FacebookFansBlock .frame { padding:20px; background:white; } .ArticleSideBlock { margin:0px 20px 35px 20px; } #LayoutContentSide .ArticleSideBlock { margin:0px 0px 35px 0px; } .ArticleSideBlock .label { border-top:1px solid #003366; margin-bottom:13px; } .ArticleSideBlock .label span { color:white; padding:0px 9px 0px 9px; background:#003366; display:inline-block; height:19px; line-height:19px; } .ArticleSideBlock .article { text-decoration:none; } .ArticleSideBlock .article .image img { width:100%; } .ArticleSideBlock .article .date { line-height:45px; height:45px; color:#A4B9C3; padding:0px 15px 0px 15px; border-bottom:1px solid #CFDBE1; background:white; } .ArticleSideBlock .article .title { line-height:17px; font-weight:bold; color:#114170; padding:15px 15px 0px 15px; background:white; } .ArticleSideBlock .article .text { line-height:17px; color:#114170; padding:0px 15px 30px 15px; background:white; } .ArticleSideBlock .article:hover .title { color:#0066FF; } .ArticleSideBlock.advertising .label { border-top:1px solid #0066FF; } .ArticleSideBlock.advertising .label span { background:#0066FF; } .ArticleSideBlock.advertising .article .date { display:none; } .ArticleSideBlock.advertising .article .title { color:#0066FF; padding:30px 15px 0px 15px; } .ArticleSideBlock.advertising .article .text { color:#0066FF; } .ArticleSideBlock.advertising .article:hover .title { color:#114170; } #LayoutContentSide { display:none; } #LayoutContentSide #ScrollBannerDummy { display:none; } #LayoutContentSide #ScrollBanner { display:none; } #LayoutContentMain { vertical-align:top; padding:20px 0px 20px 20px; width:700px; display:table-cell; } #LayoutContentMain .ContentBlock { float:left; width:340px; } #LayoutContentMain .ContentBlock.row { width:100%; float:none; clear:both; } #LayoutContentMain .ContentBlock:nth-of-type(odd) { margin-right:20px; } .ContentBlock.ArticleStory { padding:50px 0px 50px 0px; } .ContentBlock.ArticleStory .wrapper > .title { font-size:30px; } .ContentBlock.ArticleStory .summary { margin-bottom:40px; font-size:20px; } .ContentBlock.ArticleStory .publish { font-size:18px; } .ContentBlock.ArticleStory .ImageSlide { margin-bottom:35px; height:375px; } .ContentBlock.ArticleStory .ImageSlide .button-6 { top:120px; background:url(images/slides-arrow-4.png); } .ContentBlock.ArticleStory .ImageSlide .button-4 { top:120px; background:url(images/slides-arrow-6.png); } .ContentBlock.ArticleStory .story .text { padding:15px; border-right:1px solid #CFDBE1; font-size:16px; display:table-cell; } .ContentBlock.ArticleStory .story .social { display:table-cell; padding:15px; width:20%; } .ContentBlock.ArticleStory .button_friend { display:block; } .ContentBlock.ArticleStory .button_print { display:block; } .ContentBlock.category { display:block; position:relative; height:350px; overflow:hidden; background:#FFFFFF; } .ContentBlock.category .label { text-decoration:none; display:block; position:absolute; top:25px; left:20px; right:20px; height:20px; border-top:1px solid #6685A3; } .ContentBlock.category .label span { display:inline-block; background:#003366; height:19px; line-height:19px; color:white; font-weight:bold; padding:0px 9px 0px 9px; } .ContentBlock.category .label:hover { border-top:1px solid #0066ff; } .ContentBlock.category .label:hover span { background:#0066ff; } .ContentBlock.category .articles { display:block; position:absolute; top:60px; left:20px; right:20px; bottom:15px; overflow:hidden; } .ContentBlock.category .articles a { text-decoration:none; display:block; } .ContentBlock.category .articles a .title { border-bottom:1px solid #CFDBE1; margin-bottom:10px; padding-bottom:10px; color:#003366; } .ContentBlock.category .articles a .date { color:#A4B9C3; height:20px; line-height:20px; } .ContentBlock.category .articles a:hover .title { color:#0066ff; border-bottom:1px solid #0066ff; } .ContentBlock.category .articles a:hover .date { color:#0066ff; } .ContentBlock.Headlines .articles a { width:300px; } .ContentBlock.BannerBox .banner { margin:20px; } .ContentBlock.BannerSmall .banner { width:300px; } .ContentBlock.ArticlesScroller { display:block; position:relative; height:209px; overflow:hidden; } .ContentBlock.ArticlesScroller .label { text-decoration:none; display:block; position:absolute; top:19px; left:0px; right:0px; height:20px; border-top:1px solid #6685A3; } .ContentBlock.ArticlesScroller .label span { display:inline-block; background:#003366; height:19px; line-height:19px; color:white; font-weight:bold; padding:0px 9px 0px 9px; } .ContentBlock.ArticlesScroller .back { position:absolute; left:0px; right:0px; top:57px; background:white; height:133px; } .ContentBlock.ArticlesScroller .button-6 { cursor:pointer; position:absolute; left:1px; width:19px; top:58px; background:url(images/scroller-arrow-4.png); height:131px; } .ContentBlock.ArticlesScroller .button-4 { cursor:pointer; position:absolute; right:1px; width:19px; top:58px; background:url(images/scroller-arrow-6.png); height:131px; } .ContentBlock.ArticlesScroller .articles { white-space:nowrap; position:absolute; left:21px; right:21px; top:58px; height:131px; overflow:hidden; } .ContentBlock.ArticlesScroller .articles a { margin:0px 2px 0px 4px; display:inline-block; position:relative; width:210px; height:131px; overflow:hidden; } .ContentBlock.ArticlesScroller .articles a .image { text-align:center; position:absolute; left:0px; right:0px; top:0px; bottom:0px; overflow:hidden; } .ContentBlock.ArticlesScroller .articles a .image img { min-width:100%; min-height:100%; } .ContentBlock.ArticlesScroller .articles a .title { white-space:normal; line-height:15px; padding:5px 10px 10px 10px; color:white; background:rgba(0,51,102,0.85); position:absolute; left:0px; right:0px; bottom:0px; height:25px; overflow:hidden; } .ContentBlock.ArticlesScroller .articles a:hover .title { background:rgba(0,51,102,0.95); } #LayoutFooter { width:960px; margin:0px auto; } #FooterMenu { padding:40px 20px 0px 20px; } #FooterMenu > ul > li { margin:0px 30px 60px 0px; vertical-align:top; display:inline-block; width:160px; } #FooterMenu > ul > li > .label { margin-bottom:15px; text-decoration:none; display:block; border-top:1px solid #FFFFFF; } #FooterMenu > ul > li > .label span { font-size:12px; padding:0px 10px 0px 10px; font-weight:bold; height:19px; line-height:19px; display:inline-block; background:#FFFFFF; color:#A4B9C3; } #FooterMenu > ul > li > .label:hover span { color:#003366; } #FooterMenu > ul > li > ul > li > a { font-size:12px; text-decoration:none; padding:0px 0px 0px 10px; height:19px; line-height:19px; display:block; color:#FFFFFF; } #FooterMenu > ul > li > ul > li > a:hover { text-decoration:underline; } #FooterLinks { padding:20px 0px 70px 0px; border-top:1px solid #FFFFFF; } #FooterLinks .colcopy { width:25%; float:left; text-align:left; } #FooterLinks .collinks { width:50%; float:left; } #FooterLinks .colcredit { width:25%; float:right; text-align:right; } } @media all and (min-width: 740px) and (max-width: 979px){ #media3 { display:block !important; } .ContentBlock.ArticleStory .wrapper > .title-wrapper > .title { font-size:24px; } #LayoutTopStrip { width:720px; height:30px; background:#0066FF; } #LayoutTopStrip .breadcrumb { float:left; } #LayoutTopStrip .breadcrumb a { font-size:24px; } #LayoutTopStrip .breadcrumb h1 { font-size:24px; } #LayoutTopStrip .breadcrumb .sep { font-size:24px; } #LayoutTopStrip .breadcrumb .end { display:inline-block; width:5px; height:30px; vertical-align:top; background:white; } #LayoutTopStrip .more { text-align:right; padding:0px 15px 0px 15px; } #LayoutHeader { width:720px; } #LayoutSearch { position:absolute; right:10px; top:32px; width:249px; height:47px; } #LayoutSearch .Date { color:white; text-indent:9px; line-height:19px; position:absolute; left:51px; top:0px; width:113px; height:19px; background:#003366; } #LayoutSearch .Back { position:absolute; right:0px; bottom:0px; width:198px; height:28px; background:#0066FF; } #LayoutSearch .Input { position:absolute; left:55px; top:23px; width:156px; height:19px; } #LayoutSearch .Input input { font-size:14px; text-indent:5px; width:100%; margin:0px; padding:0px; display:block; height:19px; border:none; background:white; } #LayoutSearch .Button { position:absolute; right:0px; top:19px; width:37px; height:27px; } #LayoutSearch .Button input { width:100%; display:block; height:27px; border:none; background:url(images/search-button.png); } #LayoutNavigation { position:relative; margin:0px auto 10px auto; width:700px; } #LayoutNavigation ul li { display:inline-block; } #LayoutNavigation ul > li > a { position:relative; text-decoration:none; color:#003366; font-size:14px; height:31px; line-height:31px; display:block; padding:0px 10px 0px 10px; } #LayoutNavigation ul li .submenu { z-index:1000; background:#E8F2F7; display:none; position:absolute; left:0px; right:0px; height:95px; -webkit-box-shadow:0px 1px 7px rgba(50, 50, 50, 0.25); -moz-box-shadow:0px 1px 7px rgba(50, 50, 50, 0.25); box-shadow:0px 1px 7px rgba(50, 50, 50, 0.25); } #LayoutNavigation ul li .submenu .back { background:#ffffff; position:absolute; left:1px; right:1px; top:9px; bottom:1px; } #LayoutNavigation ul li .submenu .links { overflow:hidden; position:absolute; right:30%; left:1px; top:12px; bottom:1px; } #LayoutNavigation ul li .submenu .links a { text-decoration:none; color:#003366; width:182px; margin-left:32px; display:inline-block; height:25px; line-height:25px; border-top:1px solid #D0DBE1; } #LayoutNavigation ul li .submenu .links a:nth-child(-n+2) { border-top:none; } #LayoutNavigation ul li .submenu .links a:hover { background:#D0DBE1; } #LayoutNavigation ul li .submenu .logos { direction:ltr; white-space:nowrap; overflow:hidden; text-align:right; position:absolute; left:70%; right:27px; top:27px; bottom:1px; } #LayoutNavigation ul li .submenu .logos a img { height:51px; } #LayoutNavigation ul li .submenu .logos a { display:inline-block; border-left:1px solid #E0E8EC; } #LayoutNavigation ul li .submenu .logos a:last-child { border:none; } #LayoutNavigation ul > li.selected > a { z-index:1100; background:#E8F2F7; } #LayoutNavigation ul > li:hover > a { background:#E8F2F7; } #LayoutNavigation ul > li:hover .submenu { display:block; } #LayoutMiniNavigation { display:none; } #LayoutTopBanner { width:700px; } #LayoutTopBanner .close { font-size:48px; line-height:40px; width:40px; height:40px; } #LayoutHomepageMain { width:700px; margin:0px auto; height:300px; } #LayoutHomepageMainSlides { width:370px; height:300px; } #LayoutHomepageMainSlides .button-6 { top:80px; } #LayoutHomepageMainSlides .button-4 { top:80px; } #LayoutHomepageMainSlides .slides .slide .image img { width:100%; max-height:2000px; height:auto; } #LayoutHomepageSide { position:absolute; right:10px; bottom:0px; width:300px; height:300px; } #LayoutHomepageSide .Ticker { height:300px; } #LayoutHomepageSide .Ticker .BlockCaption { height:37px; border-top:1px solid #99ADC2; } #LayoutHomepageSide .Ticker .BlockCaption .text { font-weight:bold; padding:0px 12px 0px 12px; color:white; display:inline-block; height:19px; line-height:19px; background:#003366; } #LayoutHomepageSide .Ticker .TickerContainer { position:relative; display:block; overflow:hidden; height:262px; } #LayoutHomepageSide .Ticker .TickerItem { clear:both; position:relative; text-decoration:none; display:block; height:65px; padding-bottom:15px; } #LayoutHomepageSide .Ticker .TickerItem .content { overflow:hidden; height:65px; padding-right:3px; text-align:justify; line-height:13px; } #LayoutHomepageSide .Ticker .TickerItem .title { color:#114170; font-weight:bold; } #LayoutHomepageSide .Ticker .TickerItem .text { color:#114170; } #LayoutHomepageSide .Ticker .TickerItem .thumb { float:right; width:112px; height:65px; } #LayoutHomepageSide #LayoutHomepageSideBanner { display:none; } #LayoutContent { width:720px; display:table; } #LayoutSide { vertical-align:top; padding:20px 0px 20px 0px; width:240px; background:#CFDBE1; display:table-cell; } .SideBanner { margin:0px 20px 35px 20px; } #LayoutContentSide .SideBanner { margin:0px 0px 35px 0px; } .SideBanner .label { text-decoration:none; display:block; height:20px; border-top:1px solid #6685A3; margin-bottom:19px; } .SideBanner .label span { display:inline-block; background:#003366; height:19px; line-height:19px; color:white; font-weight:bold; padding:0px 9px 0px 9px; } .BannerLogos { margin:0px 20px 35px 20px; } #LayoutContentSide .BannerLogos { margin:0px 0px 35px 0px; } .BannerLogos .label { text-decoration:none; display:block; height:20px; border-top:1px solid #6685A3; margin-bottom:19px; } .BannerLogos .label span { display:inline-block; background:#003366; height:19px; line-height:19px; color:white; font-weight:bold; padding:0px 9px 0px 9px; } .BannerLogos .slides { position:relative; width:200px; height:135px; } .BannerLogos .slides .banner { background:#FFFFFF; position:absolute; right:0px; top:0px; width:200px; height:135px; display:none; text-align:center; -webkit-box-shadow:4px 4px 5px rgba(147, 168, 186, 0.75); -moz-box-shadow:4px 4px 5px rgba(147, 168, 186, 0.75); box-shadow:4px 4px 5px rgba(147, 168, 186, 0.75); } .BannerLogos .slides .banner div { width:200px; height:135px; display:table-cell; vertical-align:middle; } .BannerLogos .slides .banner:first-child { display:block; } #LayoutSide .BannerSmall { margin:0px 20px 35px 20px; background:#003366; width:200px; height:200px; } .SideLinksBlock { margin:0px 20px 35px 20px; } #LayoutContentSide .SideLinksBlock { margin:0px 0px 35px 0px; } .SideLinksBlock .label { text-decoration:none; display:block; height:20px; border-top:1px solid #6685A3; margin-bottom:19px; } .SideLinksBlock .label span { display:inline-block; background:#003366; height:19px; line-height:19px; color:white; font-weight:bold; padding:0px 9px 0px 9px; } .SideLinksBlock .links a { height:19px; position:relative; display:block; text-decoration:none; margin-bottom:5px; } .SideLinksBlock .links a .icon { background:#A4B9C3 url(images/arrow-close-ltr.png) center center no-repeat; position:absolute; left:0px; top:0px; bottom:0px; width:18px; } .SideLinksBlock .links a .text { text-indent:7px; line-height:19px; color:white; background:#A4B9C3; position:absolute; left:21px; top:0px; bottom:0px; right:0px; } .SideLinksBlock .links a:hover .icon { background-color:#0066FF; } .SideLinksBlock .links a:hover .text { background-color:#0066FF; } .IconsLinksBlock { margin:0px 20px 35px 20px; } #LayoutContentSide .IconsLinksBlock { margin:0px 0px 35px 0px; } .IconsLinksBlock .label { text-decoration:none; display:block; height:20px; border-top:1px solid #6685A3; margin-bottom:19px; } .IconsLinksBlock .label span { display:inline-block; background:#003366; height:19px; line-height:19px; color:white; font-weight:bold; padding:0px 9px 0px 9px; } .IconsLinksBlock .links a { margin-bottom:4px; display:block; position:relative; height:45px; } .IconsLinksBlock .links a .text { text-indent:15px; font-size:16px; color:white; line-height:45px; position:absolute; right:48px; left: 0px; top:0px; bottom:0px; background:#003366; } .IconsLinksBlock .links a .icon { position:absolute; right:0px; width:45px; top:0px; bottom:0px; } .IconsLinksBlock .links a .icon img { width:100%; height:100%; } .IconsLinksBlock .links a:hover .text { background:#0066FF; } .SideTabsBlock { margin:0px 20px 35px 20px; } #LayoutContentSide .SideTabsBlock { margin:0px 0px 35px 0px; } .SideTabsBlock .label { text-decoration:none; display:block; height:20px; border-top:1px solid #6685A3; margin-bottom:19px; } .SideTabsBlock .label span { display:inline-block; background:#003366; height:19px; line-height:19px; color:white; font-weight:bold; padding:0px 9px 0px 9px; } .SideTabsBlock .tab { margin-bottom:5px; } .SideTabsBlock .tab .caption { cursor:pointer; height:19px; position:relative; display:block; text-decoration:none; } .SideTabsBlock .tab .caption .icon { background:#A4B9C3 url(images/arrow-close-ltr.png) center center no-repeat; position:absolute; left:0px; top:0px; bottom:0px; width:18px; } .SideTabsBlock .tab .caption .text { text-indent:7px; line-height:19px; color:white; background:#A4B9C3; position:absolute; left:21px; top:0px; bottom:0px; right:0px; } .SideTabsBlock .tab .caption:hover .icon { background-color:#0066FF; } .SideTabsBlock .tab .caption:hover .text { background-color:#0066FF; } .SideTabsBlock .tab .frame { display:none; background:white; margin-bottom:7px; margin-top:8px; } .SideTabsBlock .tab.opened .caption .icon { background-image:url(images/arrow-open.png); } .SideTabsBlock .tab.opened .frame { display:block; } .CurrencyRates { padding:20px 10px 20px 10px; display:block; } .CurrencyRates .text { color:#00346A; margin-bottom:10px; } .CurrencyRates .text .date { font-weight:bold; } .CurrencyRates table { width:100%; } .CurrencyRates table td { padding:5px 0px 0px 0px; } .CurrencyRates table td.change { color:#A4B9C3; } .CurrencyRates table tr.head td { padding:0px 0px 5px 0px; color:#00346A; border-bottom:1px solid #A4B9C3; } .CurrencyRates table tr.head td.change { color:#A4B9C3; } .CurrencyRates table tr td.title { color:#00346A; } .CurrencyRates table tr td .number { direction:ltr; display:inline-block; } .CargoStatus { padding:20px 10px 20px 10px; display:block; } .CargoStatus .inp-number { color:#003366; margin-bottom:10px; padding-left:5px; font-size:12px; height:18px; display:block; width:100%; direction:ltr; text-align:left; border:1px solid #ABADB3; background:white; } .CargoStatus .inp-select { color:#003366; margin-bottom:10px; padding-left:5px; font-size:12px; height:18px; display:block; width:100%; border:1px solid #ABADB3; background:white; } .CargoStatus .inp-buttons { padding-left:21px; height:19px; background:url(images/arrow-close-dark-ltr.png) left center no-repeat; } .CargoStatus .inp-submit { width:40px; height:19px; border:none; color:white; background:#003366; } .CargoStatus .ctrl-image { margin-bottom:10px; } .CargoStatus .ctrl-text { color:#003366; margin-bottom:10px; } .CargoStatus .ctrl-radio { color:#003366; margin-bottom:10px; } .CargoStatus .ctrl-options { display:none; } .CargoStatus .ctrl-error { display:none; } .CargoStatus .ctrl-result-block { display:none; } .CargoStatus .ctrl-result-text { color:#003366; font-weight:bold; margin-bottom:10px; margin-top:10px; padding-top:10px; border-top:1px solid #CFDBE1; } .CargoStatus .ctrl-result-frame { width:100%; height:30px; } .CurrencyConversionCalculator { padding:20px 10px 20px 10px; display:block; } .CurrencyConversionCalculator .inp-amount { color:#003366; margin-bottom:10px; padding-left:5px; font-size:12px; height:18px; display:block; width:100%; direction:ltr; text-align:left; border:1px solid #ABADB3; background:white; } .CurrencyConversionCalculator .inp-from-to { color:#003366; margin-bottom:10px; padding-left:5px; font-size:12px; height:18px; display:block; width:100%; border:1px solid #ABADB3; background:white; } .CurrencyConversionCalculator .inp-buttons { padding-left:21px; height:19px; background:url(images/arrow-close-dark-ltr.png) left center no-repeat; } .CurrencyConversionCalculator .inp-calc { width:40px; height:19px; border:none; color:white; background:#003366; } .CurrencyConversionCalculator .inp-result { padding-left:5px; width:115px; height:19px; border:none; color:white; background:#0066FF; } .CalculatorsUtilitiesContainer { display:block; } .CalculatorsUtilitiesContainer .subtabs table { width:100%; } .CalculatorsUtilitiesContainer .subtabs table td { color:#00346A; background:#DBE8EE; cursor:pointer; vertical-align:middle; height:20px; text-align:center; width:25%; border:1px solid #BAC5CA; } .CalculatorsUtilitiesContainer .subtabs table td.selected { background:white; border-bottom:1px solid white; } .CalculatorsUtilitiesForm { border:1px solid #BAC5CA; border-top:none; display:none; padding:20px 10px 0px 10px; } .CalculatorsUtilitiesForm.selected { display:block; } .CalculatorsUtilitiesForm table { direction:ltr; width:100%; } .CalculatorsUtilitiesForm table td { color:#00346A; width:50%; vertical-align:top; padding-bottom:5px; } .CalculatorsUtilitiesForm input[type='text'] { color:#003366; text-indent:5px; font-size:12px; height:18px; display:block; width:80px; border:1px solid #ABADB3; background:white; } .CalculatorsUtilitiesForm .reset { cursor:pointer; display:inline-block; margin:10px 0px 10px 0px; } .CalculatorsUtilitiesForm .reset .icon { margin-right:3px; vertical-align:middle; width:18px; height:19px; display:inline-block; background:#003366 url(images/arrow-close-dark-ltr.png) left center no-repeat; } .CalculatorsUtilitiesForm .reset .text { padding:0px 5px 0px 5px; line-height:19px; vertical-align:middle; height:19px; color:white; display:inline-block; background:#003366; } .NewsletterBlock { margin:0px 20px 35px 20px; } #LayoutContentSide .NewsletterBlock { margin:0px 0px 35px 0px; } .NewsletterBlock .label { border-top:1px solid #003366; margin-bottom:13px; } .NewsletterBlock .label span { color:white; padding:0px 9px 0px 9px; background:#003366; display:inline-block; height:19px; line-height:19px; } .NewsletterBlock .link img { max-width:100%; } .FacebookFansBlock { margin:0px 20px 35px 20px; } #LayoutContentSide .FacebookFansBlock { margin:0px 0px 35px 0px; } .FacebookFansBlock .label { border-top:1px solid #003366; margin-bottom:13px; } .FacebookFansBlock .label span { color:white; padding:0px 9px 0px 9px; background:#003366; display:inline-block; height:19px; line-height:19px; } .FacebookFansBlock .frame { padding:20px; background:white; } .ArticleSideBlock { margin:0px 20px 35px 20px; } #LayoutContentSide .ArticleSideBlock { margin:0px 0px 35px 0px; } .ArticleSideBlock .label { border-top:1px solid #003366; margin-bottom:13px; } .ArticleSideBlock .label span { color:white; padding:0px 9px 0px 9px; background:#003366; display:inline-block; height:19px; line-height:19px; } .ArticleSideBlock .article { text-decoration:none; } .ArticleSideBlock .article .image img { width:100%; } .ArticleSideBlock .article .date { line-height:45px; height:45px; color:#A4B9C3; padding:0px 15px 0px 15px; border-bottom:1px solid #CFDBE1; background:white; } .ArticleSideBlock .article .title { line-height:17px; font-weight:bold; color:#114170; padding:15px 15px 0px 15px; background:white; } .ArticleSideBlock .article .text { line-height:17px; color:#114170; padding:0px 15px 30px 15px; background:white; } .ArticleSideBlock .article:hover .title { color:#0066FF; } .ArticleSideBlock.advertising .label { border-top:1px solid #0066FF; } .ArticleSideBlock.advertising .label span { background:#0066FF; } .ArticleSideBlock.advertising .article .date { display:none; } .ArticleSideBlock.advertising .article .title { color:#0066FF; padding:30px 15px 0px 15px; } .ArticleSideBlock.advertising .article .text { color:#0066FF; } .ArticleSideBlock.advertising .article:hover .title { color:#114170; } #LayoutContentMain { vertical-align:top; padding:20px 0px 20px 20px; width:460px; display:table-cell; } #LayoutContentMain .ContentBlock.category { display:none; } #LayoutContentMain .ContentBlock.ExtraBanner { display:none; } .ContentBlock.ArticleStory { padding:20px 0px 20px 0px; } .ContentBlock.ArticleStory .wrapper > .title { font-size:24px; } .ContentBlock.ArticleStory .summary { margin-bottom:40px; font-size:18px; } .ContentBlock.ArticleStory .publish { font-size:16px; } .ContentBlock.ArticleStory .ImageSlide { margin-bottom:15px; height:250px; } .ContentBlock.ArticleStory .ImageSlide .button-6 { top:65px; background:url(images/slides-arrow-4.png); } .ContentBlock.ArticleStory .ImageSlide .button-4 { top:65px; background:url(images/slides-arrow-6.png); } .ContentBlock.ArticleStory .story .text { padding:15px; font-size:14px; } .ContentBlock.ArticleStory .story .social .SocialButtonsRow { display:inline-block; } .ContentBlock.ArticleStory .button_friend { display:inline-block; } .ContentBlock.ArticleStory .button_print { display:inline-block; } .ContentBlock.Headlines .articles a { width:100%; } .ContentBlock.BannerBox .banner { margin:20px; } .ContentBlock.BannerBox.BannerBoxCopy { display:none; } .ContentBlock.BannerSmall .banner { width:420px; } .ContentBlock.ArticlesScroller { display:block; position:relative; height:209px; overflow:hidden; } .ContentBlock.ArticlesScroller .label { text-decoration:none; display:block; position:absolute; top:19px; left:0px; right:0px; height:20px; border-top:1px solid #6685A3; } .ContentBlock.ArticlesScroller .label span { display:inline-block; background:#003366; height:19px; line-height:19px; color:white; font-weight:bold; padding:0px 9px 0px 9px; } .ContentBlock.ArticlesScroller .back { position:absolute; left:0px; right:0px; top:57px; background:white; height:133px; } .ContentBlock.ArticlesScroller .button-6 { cursor:pointer; position:absolute; left:1px; width:19px; top:58px; background:url(images/scroller-arrow-4.png); height:131px; } .ContentBlock.ArticlesScroller .button-4 { cursor:pointer; position:absolute; right:1px; width:19px; top:58px; background:url(images/scroller-arrow-6.png); height:131px; } .ContentBlock.ArticlesScroller .articles { white-space:nowrap; position:absolute; left:21px; right:21px; top:58px; height:131px; overflow:hidden; } .ContentBlock.ArticlesScroller .articles a { margin:0px 2px 0px 4px; display:inline-block; position:relative; width:210px; height:131px; overflow:hidden; } .ContentBlock.ArticlesScroller .articles a .image { text-align:center; position:absolute; left:0px; right:0px; top:0px; bottom:0px; overflow:hidden; } .ContentBlock.ArticlesScroller .articles a .image img { min-width:100%; min-height:100%; } .ContentBlock.ArticlesScroller .articles a .title { white-space:normal; line-height:15px; padding:5px 10px 10px 10px; color:white; background:rgba(0,51,102,0.85); position:absolute; left:0px; right:0px; bottom:0px; height:25px; overflow:hidden; } .ContentBlock.ArticlesScroller .articles a:hover .title { background:rgba(0,51,102,0.95); } #LayoutContentSide { display:none; } #LayoutContentSide #ScrollBannerDummy { display:none; } #LayoutContentSide #ScrollBanner { display:none; } #FooterMenu { display:none; } #FooterLinks { padding:20px 0px 20px 0px; } #FooterLinks .colcopy { margin-bottom:10px; text-align:center; } #FooterLinks .collinks { margin-bottom:10px; } #FooterLinks .colcredit { text-align:center; } } @media all and (min-width: 480px) and (max-width: 739px){ #media4 { display:block !important; } .ContentBlock.ArticleStory .wrapper > .title-wrapper > .title { font-size:20px; } #LayoutTopStrip { width:480px; } #LayoutTopStrip .breadcrumb a { font-size:18px; } #LayoutTopStrip .breadcrumb h1 { font-size:18px; } #LayoutTopStrip .breadcrumb .sep { font-size:18px; } #LayoutTopStrip .breadcrumb a:nth-child(1) { display:none; } #LayoutTopStrip .breadcrumb .sep:nth-child(2) { display:none; } #LayoutTopStrip .breadcrumb .end { display:none; } #LayoutTopStrip .more { line-height:19px; background:#0066FF; padding:5px 8px 5px 8px; } #LayoutHeader { width:480px; } #LayoutLogo { text-align:center; } #LayoutSearch { display:none; } #LayoutNavigation { display:none; } #LayoutMiniNavigation { position:relative; margin-bottom:10px; height:30px; } #LayoutMiniNavigation .caption { z-index:200; position:relative; border:1px solid #D0DBE1; display:inline-block; height:29px; line-height:29px; cursor:pointer; padding:0px 5px 0px 5px; } #LayoutMiniNavigation .links { padding:10px; z-index:190; display:none; position:absolute; background:white; left:0px; right:0px; border:1px solid #D0DBE1; top:29px; -webkit-box-shadow:0px 1px 10px rgba(50, 50, 50, 0.25); -moz-box-shadow:0px 1px 10px rgba(50, 50, 50, 0.25); box-shadow:0px 1px 10px rgba(50, 50, 50, 0.25); } #LayoutMiniNavigation .links a { color:#003366; text-indent:5px; display:block; height:25px; line-height:25px; text-decoration:none; } #LayoutMiniNavigation .links a:hover { background:#D0DBE1; } #LayoutMiniNavigation .links .sep { display:block; border-bottom:1px solid #D0DBE1; margin:3px 0px 3px 0px; } #LayoutMiniNavigation .links .group { color:#003366; font-weight:bold; text-indent:5px; display:block; } #LayoutMiniNavigation.open .caption { color:#003366; border:1px solid #D0DBE1; border-bottom:none; background:white; } #LayoutMiniNavigation.open .links { display:block; } #LayoutMiniNavigation .link { margin-left:5px; float:right; background:#003366; color:white; text-decoration:none; z-index:180; position:relative; border:1px solid #003366; display:inline-block; height:29px; line-height:29px; cursor:pointer; padding:0px 5px 0px 5px; } #LayoutTopBanner { width:480px; } #LayoutTopBanner .close { font-size:20px; line-height:15px; width:15px; height:15px; } #LayoutHomepageMain { width:480px; margin:0px auto; height:300px; } #LayoutHomepageMainSlides { width:480px; height:300px; } #LayoutHomepageMainSlides .button-6 { top:80px; } #LayoutHomepageMainSlides .button-4 { top:80px; } #LayoutHomepageMainSlides .slides .slide .image img { width:100%; max-height:2000px; height:auto; } #LayoutHomepageSide { display:none; } #LayoutContent { width:480px; } #LayoutSide { display:none; } #LayoutContentMain { padding:20px 0px 20px 0px; width:480px; } #LayoutContentMain .ContentBlock.category { display:none; } #LayoutContentMain .ContentBlock.ExtraBanner { display:none; } .ContentBlock.ArticleStory { padding:20px 0px 20px 0px; } .ContentBlock.ArticleStory .wrapper > .title { font-size:20px; } .ContentBlock.ArticleStory .summary { margin-bottom:30px; font-size:16px; } .ContentBlock.ArticleStory .publish { font-size:16px; } .ContentBlock.ArticleStory .ImageSlide { margin-bottom:15px; height:273px; } .ContentBlock.ArticleStory .ImageSlide .button-6 { top:75px; background:url(images/slides-arrow-4.png); } .ContentBlock.ArticleStory .ImageSlide .button-4 { top:75px; background:url(images/slides-arrow-6.png); } .ContentBlock.ArticleStory .story .text { margin-bottom:15px; font-size:14px; } .ContentBlock.ArticleStory .story .social .SocialButtonsRow { display:inline-block; } .ContentBlock.ArticleStory .button_friend { display:inline-block; } .ContentBlock.ArticleStory .button_print { display:inline-block; } .ContentBlock.Headlines .articles a { width:100%; } .ContentBlock.BannerBox .banner { margin:10px; } .ContentBlock.BannerBox.BannerBoxCopy { display:none; } .ContentBlock.BannerSmall .banner { width:440px; } .ContentBlock.ArticlesScroller { display:block; position:relative; height:209px; overflow:hidden; } .ContentBlock.ArticlesScroller .label { text-decoration:none; display:block; position:absolute; top:19px; left:0px; right:0px; height:20px; border-top:1px solid #6685A3; } .ContentBlock.ArticlesScroller .label span { display:inline-block; background:#003366; height:19px; line-height:19px; color:white; font-weight:bold; padding:0px 9px 0px 9px; } .ContentBlock.ArticlesScroller .back { position:absolute; left:0px; right:0px; top:57px; background:white; height:133px; } .ContentBlock.ArticlesScroller .button-6 { cursor:pointer; position:absolute; left:1px; width:19px; top:58px; background:url(images/scroller-arrow-4.png); height:131px; } .ContentBlock.ArticlesScroller .button-4 { cursor:pointer; position:absolute; right:1px; width:19px; top:58px; background:url(images/scroller-arrow-6.png); height:131px; } .ContentBlock.ArticlesScroller .articles { white-space:nowrap; position:absolute; left:21px; right:21px; top:58px; height:131px; overflow:hidden; } .ContentBlock.ArticlesScroller .articles a { margin:0px 2px 0px 4px; display:inline-block; position:relative; width:210px; height:131px; overflow:hidden; } .ContentBlock.ArticlesScroller .articles a .image { text-align:center; position:absolute; left:0px; right:0px; top:0px; bottom:0px; overflow:hidden; } .ContentBlock.ArticlesScroller .articles a .image img { min-width:100%; min-height:100%; } .ContentBlock.ArticlesScroller .articles a .title { white-space:normal; line-height:15px; padding:5px 10px 10px 10px; color:white; background:rgba(0,51,102,0.85); position:absolute; left:0px; right:0px; bottom:0px; height:25px; overflow:hidden; } .ContentBlock.ArticlesScroller .articles a:hover .title { background:rgba(0,51,102,0.95); } #LayoutContentSide { display:none; } #LayoutContentSide #ScrollBannerDummy { display:none; } #LayoutContentSide #ScrollBanner { display:none; } #FooterMenu { display:none; } #FooterLinks { padding:20px 0px 20px 0px; } #FooterLinks .colcopy { margin-bottom:10px; text-align:center; } #FooterLinks .collinks { margin-bottom:10px; } #FooterLinks .colcredit { text-align:center; } } @media all and (max-width: 479px){ #media5 { display:block !important; } .ContentBlock.ArticleStory .wrapper > .title-wrapper > .title { font-size:20px; } #LayoutTopStrip { width:320px; } #LayoutTopStrip .breadcrumb a { font-size:18px; } #LayoutTopStrip .breadcrumb h1 { font-size:18px; } #LayoutTopStrip .breadcrumb .sep { font-size:18px; } #LayoutTopStrip .breadcrumb a:nth-child(1) { display:none; } #LayoutTopStrip .breadcrumb .sep:nth-child(2) { display:none; } #LayoutTopStrip .breadcrumb .end { display:none; } #LayoutTopStrip .more { line-height:19px; background:#0066FF; padding:5px 8px 5px 8px; } #LayoutHeader { width:320px; } #LayoutLogo { text-align:center; } #LayoutSearch { display:none; } #LayoutNavigation { display:none; } #LayoutMiniNavigation { position:relative; margin-bottom:10px; height:30px; } #LayoutMiniNavigation .caption { z-index:200; position:relative; border:1px solid #D0DBE1; display:inline-block; height:29px; line-height:29px; cursor:pointer; padding:0px 5px 0px 5px; } #LayoutMiniNavigation .links { padding:10px; z-index:190; display:none; position:absolute; background:white; left:0px; right:0px; border:1px solid #D0DBE1; top:29px; -webkit-box-shadow:0px 1px 10px rgba(50, 50, 50, 0.25); -moz-box-shadow:0px 1px 10px rgba(50, 50, 50, 0.25); box-shadow:0px 1px 10px rgba(50, 50, 50, 0.25); } #LayoutMiniNavigation .links a { color:#003366; text-indent:5px; display:block; height:25px; line-height:25px; text-decoration:none; } #LayoutMiniNavigation .links a:hover { background:#D0DBE1; } #LayoutMiniNavigation .links .sep { display:block; border-bottom:1px solid #D0DBE1; margin:3px 0px 3px 0px; } #LayoutMiniNavigation .links .group { color:#003366; font-weight:bold; text-indent:5px; display:block; } #LayoutMiniNavigation.open .caption { color:#003366; border:1px solid #D0DBE1; border-bottom:none; background:white; } #LayoutMiniNavigation.open .links { display:block; } #LayoutMiniNavigation .link { margin-left:5px; float:right; background:#003366; color:white; text-decoration:none; z-index:180; position:relative; border:1px solid #003366; display:inline-block; height:29px; line-height:29px; cursor:pointer; padding:0px 5px 0px 5px; } #LayoutTopBanner { width:320px; } #LayoutTopBanner .close { font-size:20px; line-height:15px; width:15px; height:15px; } #LayoutHomepageMain { width:320px; margin:0px auto; height:300px; } #LayoutHomepageMainSlides { width:320px; height:300px; } #LayoutHomepageMainSlides .button-6 { top:80px; } #LayoutHomepageMainSlides .button-4 { top:80px; } #LayoutHomepageMainSlides .slides .slide .image img { width:100%; max-height:2000px; height:auto; } #LayoutHomepageSide { display:none; } #LayoutContent { width:320px; } #LayoutSide { display:none; } #LayoutContentMain { padding:20px 0px 20px 0px; width:320px; } #LayoutContentMain .ContentBlock.category { display:none; } #LayoutContentMain .ContentBlock.ExtraBanner { display:none; } .ContentBlock.ArticleStory { padding:20px 0px 20px 0px; } .ContentBlock.ArticleStory .wrapper > .title { font-size:20px; } .ContentBlock.ArticleStory .summary { margin-bottom:30px; font-size:16px; } .ContentBlock.ArticleStory .publish { font-size:16px; } .ContentBlock.ArticleStory .ImageSlide { margin-bottom:15px; height:220px; } .ContentBlock.ArticleStory .ImageSlide .button-6 { top:55px; background:url(images/slides-arrow-4.png); } .ContentBlock.ArticleStory .ImageSlide .button-4 { top:55px; background:url(images/slides-arrow-6.png); } .ContentBlock.ArticleStory .story .text { margin-bottom:15px; font-size:14px; } .ContentBlock.ArticleStory .story .social .SocialButtonsRow { display:inline-block; } .ContentBlock.ArticleStory .button_friend { display:inline-block; } .ContentBlock.ArticleStory .button_print { display:inline-block; } .ContentBlock.Headlines .articles a { width:100%; } .ContentBlock.BannerBox .banner { margin:10px; } .ContentBlock.BannerBox.BannerBoxCopy { display:none; } .ContentBlock.BannerSmall .banner { width:280px; } .ContentBlock.ArticlesScroller { display:none; } #LayoutContentSide { display:none; } #LayoutContentSide #ScrollBannerDummy { display:none; } #LayoutContentSide #ScrollBanner { display:none; } #FooterMenu { display:none; } #FooterLinks { padding:20px 0px 20px 0px; } #FooterLinks .colcopy { margin-bottom:10px; text-align:center; } #FooterLinks .collinks { margin-bottom:10px; } #FooterLinks .colcredit { text-align:center; } } .AnnouncementsBlockLabel a { text-decoration: none; font-weight: bold; color: white; padding: 0px 9px 0px 9px; display: inline-block; height: 19px; line-height: 19px; } .AnnouncementsPage .article { text-decoration: none; padding: 0px 0px 10px 0px; display: block; } .AnnouncementsPage .article.lang-ltr { direction: ltr; } .AnnouncementsPage .article.lang-rtl { direction: rtl; } .AnnouncementsPage .article .wrapper { background: white; padding: 5px 5px 10px 5px; border-bottom: 1px solid #7FC89E; } .AnnouncementsPage .article .image { display: none; } .AnnouncementsPage .article .date { color: #2C7AA3; padding: 0px; background: transparent; border: none; height: auto; line-height: 18px; } .AnnouncementsPage .article .title { font-weight:bold; color:#114170; padding: 0px; background: transparent; height: auto; line-height: 18px; } .AnnouncementsPage .article .text { color: #114170; padding: 0px; background: transparent; height: auto; line-height: 18px; }