body {font-family: Tahoma, tahoma, Arial, sans-serif} #container-page { background-image:url(/images/bg.jpg); background-repeat:repeat; min-height: 100%; position: relative; } a:hover { text-decoration: none; } h1 { font-size:26px; color:#ca110c; font-weight:normal; } h2 { font-size:18px; font-weight:bold; } h3 { font-size:16px; font-weight:normal; } h2 span { color:#ca110c; } h2.light { color:#FFF; } h2.color { color:#ca110c; } .upper { text-transform:uppercase; } td.vert_top { vertical-align: top; } td.vert_bottom { vertical-align: bottom; } td.vert_middle { vertical-align: middle; } td.hor_left { text-align: left; } td.hor_right { text-align: right; } td.hor_center { text-align: center; } .download { line-height: 37px; padding: 6px 0 7px 45px; background-position: 0% 50%; background-repeat: no-repeat; font-size: 13px; } .pdf { background-image: url(/images/pdf_icon.jpg); } .doc { background-image: url(/images/doc_icon.jpg); } //.video { background-image: url(/images/video_icon.jpg); background-position: -4px 50%; height: 30px;} .video_button {background: url(/images/cool_button.jpg) 0px 0px no-repeat; display: block; width: 180px; height: 46px;} .video_button:hover {background-position: 0px -46px;} /** Подшапки **/ #subheader-main, #subheader-inner { background-position: 50% 0%; overflow: hidden; } #subheader-main { background-image: url(/images/subheader_main.jpg); padding-top: 25px; } #subheader-inner { background-image: url(/images/subheader_inner.jpg); height: 106px; padding-top: 42px; } #subheader-margins { width: 940px; margin: 0 auto; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; } #four_banners { width: 100%; } #four_banners a { color: #fff; text-decoration:none;} #four_banners td { width: 50%; } #four_banners div { background-image: url(/images/black_banner_bg.png); width: 202px; height: 130px; padding: 5px; text-align: center; } #four_banners div img { margin-bottom: 3px; width: 202px; height: 99px;} #four_banners #tl, #four_banners #tr { height: 156px; } #four_banners #tl div, #four_banners #bl div { float: left; } #four_banners #tr div, #four_banners #br div { float: right; } #four_banners a.link { display:block; } #eight_banners {} #eight_banners a {color: #fff; text-decoration:none;} #eight_banners td {padding: 0px 20px 16px 0px;} #eight_banners .bottom td {padding: 0px 16px 0px 0px;} #eight_banners div { background-image: url(/images/black_banner_bg.png); width: 202px; height: 130px; padding: 5px; text-align: center; } #eight_banners div img { margin-bottom: 3px; width: 202px; height: 99px;} #eight_banners a.link {display: block;} #subheader-main.bg {background-position: center; background-image: url(/images/subheader_main.jpg);} #subheader_flash1 {background-image: url(/images/subheader_main.jpg); background-position: 50% 0%; overflow: hidden; padding-top: 35px;} #subheader_flash2 {background-image: url(/images/subheader_inner.jpg); background-position: 50% 0px; background-repeat: no-repeat; height: 210px; padding-top: 20px; } .flash_container {width: 900px; margin: 0px auto;} #subheader_flash2 img {margin: 0px auto; padding: 0px; display: block;} /** Скроллинг на главной странице **/ #project-container { width: 908px; padding: 0 1px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; overflow: hidden; margin: 0 auto; } #project-scroll-container { overflow: hidden; height: 188px; position: relative; } #project-container a { color: #818181; text-decoration: none; } #project-container a span { text-decoration: underline; color: #818181; } #project-container a:hover { text-decoration: none; color: #fff; } #project-container a:hover span { color: #fff; text-decoration: underline; } #project-container #left-scroller { float: left; } #project-container #right-scroller { float: right; } #project-container #scroller { height: 12px; margin: 0 15px; background-image: url(/images/scroller_bg.jpg); position: relative; } #project-container #scroller div { width: 220px; height: 12px; background-image: url(/images/scroller.png); cursor: pointer; position: absolute; } #project-container ul { margin: 0; padding: 0; position: absolute; height: 188px; width: 908px; } #project-container ul li { margin: 0; padding: 20px 0 10px 0; height: 158px; width: 227px; display: block; float: left; overflow: hidden; text-align: center; } /** Футер **/ #footer-wrap { height: 232px; } #container-footer { height: 170px; padding-top: 62px; margin-top: -232px; background-image: url(/images/footer_bg.jpg); background-position: 50% 0; position: relative; font-size: 11px; } #footer-margins { width: 910px; margin: 0 auto; overflow: hidden; position: relative; } #footer-margins a { color: #000; text-decoration: underline; } #footer-margins a:hover { text-decoration: none; } #footer-margins ul#bottom-menu { margin: 0 0 20px; padding: 0; overflow: hidden; margin-left: -6px; } #footer-margins ul#bottom-menu li { display: block; float: left; margin: 0; padding: 0 5px 0 0; position: relative; } #footer-margins ul#bottom-menu li a { padding: 0 0 0 5px; border-left: solid 1px; } #footer-margins #footer-info { margin: 0; padding: 0; overflow: hidden; } #footer-margins #footer-info li { width: 150px; display: block; float: left; padding: 0; margin: 0; line-height: 1.6em; } #footer-margins #footer-info li#official-representation { width: 175px; } #footer-margins .footer-info { margin: 0; padding: 0; overflow: hidden; padding-bottom: 1.6em; } #footer-margins .footer-info li { width: 190px; display: block; float: left; padding: 0; margin: 0; line-height: 1.6em; } #footer-margins .footer-info li#official-representation { width: 175px; } #footer-margins #counters { position: absolute; width: 270px; right: 0px; top: 34px; } #footer-margins #counters td { width: 50%; padding: 5px; } #container-header { background: url(../images/header_bg.jpg) 50% 0 no-repeat; height: 154px;} #container-header_en { background: url(../images/header_bg_en.jpg) 50% 0 no-repeat; height: 154px;} /* center alignment */ .header_inner {position: relative; margin: 0 auto; width: 1020px; } /* top special blocks */ #logo { position:absolute; left: 56px;} #deviz { position:absolute; left: 325px; top: 38px; font-size:20px; font-style:italic; font-family: 'Corbel', Tahoma, Arial;} #deviz span.first_row {/* background:url(../images/toparrowsleft.gif) 0px 4px no-repeat;*/ padding-left: 24px; overflow:visible;} #deviz span.second_row { padding-left: 68px; /* background:url(../images/toparrowsright.gif) right 4px no-repeat; */ padding-right: 24px; overflow:visible;} #deviz img { padding: 0 8px;} #contacts { position:absolute; left: 785px; top: 40px; font-size:12px; line-height: 16px;} #contacts a { color: #117cb2;} #contacts .left_cont { float:left; width: 40px; text-align:right; height: 36px; display:block;} #contacts .right_cont { margin-left: 60px; display:block;} /* language switching */ #lang { position:absolute; right: 99px; top: 0px; line-height: 19px; height: 19px;} #lang li { float: left; width: 60px; margin: 0px; margin-left:20px; text-align:center;} #lang li a { color:#000000; font-family: Tahoma, Arial, sans-serif; font-size:11px; line-height: 19px; display:block;} #lang li.selected a { color: #FFFFFF; text-decoration:none;} #lang li.selected { background: url(../images/top_menu/fon_lang.gif) no-repeat;} /*main top menu */ #top_menu { padding-top: 114px; margin-left: 76px; margin-bottom: 0px;} #top_menu li { margin: 0px; float: left; } #top_menu li span { display:none;} #top_menu li.main a { background:url(../images/top_menu/main.gif) repeat scroll 0 0; display:block; height:39px; width: 55px;} #top_menu li.main a:hover { background-position: 0px -39px;} #top_menu li.about { padding-left: 61px;} #top_menu li.about a { background:url(../images/top_menu/about.gif) repeat scroll 0 0; display:block; height:39px; width: 73px;} #top_menu li.about a:hover { background-position: 0px -39px;} #top_menu li.solutions { padding-left: 54px; } #top_menu li.solutions a { background:url(../images/top_menu/products.gif) repeat scroll 0 0; display:block; height:39px; width: 64px;} #top_menu li.solutions a:hover { background-position: 0px -39px;} #top_menu li.projects { padding-left: 60px;} #top_menu li.projects a { background:url(../images/top_menu/projects.gif) repeat scroll 0 0; display:block; height:39px; width: 145px;} #top_menu li.projects a:hover { background-position: 0px -39px;} #top_menu li.media { padding-left: 62px;} #top_menu li.media a { background:url(../images/top_menu/media.gif) repeat scroll 0 0; display:block; height:39px; width: 39px;} #top_menu li.media a:hover { background-position: 0px -39px;} #top_menu li.partners { padding-left: 61px;} #top_menu li.partners a { background:url(../images/top_menu/partners.gif) repeat scroll 0 0; display:block; height:39px; width: 64px;} #top_menu li.partners a:hover { background-position: 0px -39px;} #top_menu li.contacts { padding-left: 71px;} #top_menu li.contacts a { background:url(../images/top_menu/contacts.gif) repeat scroll 0 0; display:block; height:39px; width: 59px;} #top_menu li.contacts a:hover { background-position: 0px -39px;} #top_menu li.selected a { background-position: 0px -39px; } #content { background-image:url(/images/content_bg_b.jpg); background-position:bottom; background-repeat:no-repeat; width:980px; margin:30px auto; padding-bottom:15px; } #content_bg { background-image:url(/images/content_bg_t.jpg); background-position:top; background-repeat:no-repeat; padding:35px 20px 0px 20px; padding-bottom: 1px; } #content_bg_overall { background-color: #fff; background-image:url(/images/content_bg.gif); background-position:left; background-repeat:repeat-y; padding-bottom:10px; padding-bottom: 15px; } .col30 { width: 300px; padding:0px 15px; float:left; } .col70 { margin-left:330px; padding:0px 15px; } .col20 { width: 200px; padding:0px 15px; float:left; } .col80 { margin-left:230px; padding:0px 15px 1px 15px; } .col50 { width:440px; float:left; padding:0px 15px; } .col100 { padding:0px 15px; } /* submenu */ .submenu li { margin:0px 0px 8px 0px; padding:0px; font-size:14px; } .submenu li li ul { background: #ffffff; padding-left: 25px; margin-bottom: 0px;} .submenu li li li { background: #ffffff; margin: 0px; padding-top: 8px; list-style-type: disc; list-style-position: inside; font-size: 10px; line-height: 10px; } .submenu li li a { padding:0px 10px 0px 20px; font-size:12px; width:150px; } .submenu li li.selected { background-color:#929292; background-image:url(/images/submenu_selected_t.gif); background-repeat:no-repeat; background-position:left top; width:180px; } .submenu li li.selected a { background-image:url(/images/submenu_selected_b.gif); background-position:left bottom; background-repeat:no-repeat; color:#FFF; text-decoration:none; cursor:pointer; width:150px; padding-top:5px; padding-bottom:5px; } .submenu a { color:#000; display:block; line-height:1.3em; } .submenu a:hover { color: #117cb2; } .submenu li li li a { padding: 0px; font-size:10px; display: inline; background: none; color: #000000; } .submenu li li.selected li a { padding: 0px; font-size:10px; display: inline; background: none; color: #000000; } /* about */ .weDo { background-color:#e5f2fd; background-image:url(/images/about_do_bg.jpg); background-repeat:no-repeat; background-position:15px 50%; padding:15px 15px 15px 120px; margin-bottom:15px; } .text .weDo ul li { background-image:url(/images/about_do_bullet.gif); } .weDo h3 { color: #0084e9; } .weDo ul, .weNeverDo ul { margin-bottom:0px;} .weNeverDo { background-color:#fdede8; background-image:url(/images/about_neverdo_bg.jpg); background-repeat:no-repeat; background-position:15px 50%; padding:15px 15px 15px 120px; margin-bottom:15px;} .text .weNeverDo ul li { background-image:url(/images/about_neverdo_bullet.jpg); } .weNeverDo h3, .weNeverDo span { color: #e93700; } /* news */ .newsArchive { float:right; font-size:11px;} .newsList { font-size:12px; } .newsList li { margin:0px; padding:0px; margin-right:20px; background:none;} .newsList .date { float:left; background-image:url(/images/news_date_bg.gif); background-repeat:no-repeat; width:60px; height:20px; color: #FFF; font-size:10px; text-align:center; vertical-align:middle; } .newsList .text { margin-left:80px; } .newsList .details { clear:both; display:block; width:100%; text-align:right; font-size:11px; line-height:25px; margin-bottom:10px; } /* vacancy */ dl.vacancy dt {color:#002a60; font-size:14px; line-height:16px; width:120px; float:left; } dl.vacancy dd { margin:0px 0px 15px 150px; font-size:14px;} dl.vacancy h2 { margin-bottom:0px; font-size:14px;} /* contacts */ .rf { width:300px; margin-right:40px; float:left; } .ukr { width:300px; margin-right:40px; float:left; } .azr { width:300px; margin-right:40px; float:left; } .izr { width:300px; margin-right:40px; float:left; } .rf h2, .ukr h2 { margin-bottom:5px; } dl.contacts dt {color:#002a60; font-size:14px; line-height:22px; width:45px; float:left; } dl.contacts dd { margin:0px 0px 5px 60px; font-size:12px;} dl.contacts h2 { margin-bottom:0px;} iframe.contacts { margin:0px 15px 15px 0px; float:left; } .feedbackForm { margin-left:680px; } .feedbackForm label { display: block; margin: 3px 0; font-size: 13px; } .feedbackForm label .txt { border: solid 1px #cacaca; } .feedbackForm h2 {font-size:16px; } .feedbackForm textarea { height:100px;} .feedbackForm label .redrd { border-color: red; } /* projects */ .l_col { width:45%; float:left; padding-right:15px; } .r_col { margin-left:50%; } /* text decoration */ .r { float:right; margin:4px 0px 10px 15px; } .l { float:left; margin:4px 15px 10px 0px; } #container-content { font-family:Arial; } .text p, .text li { font-size:14px; } .text p.hlt { font-size:16px; color:#002a60; padding:4px 2px; background-image:url(/images/text_hlt_bg.jpg); background-repeat:repeat-y; background-position:center; } .text .small_text { font-size:10px; color: #929292;} .text ul { padding:0px;} .text ul li { background-image:url(/images/bullet.jpg); padding-left:20px; background-repeat: no-repeat; background-position: 0px 8px; margin-left:0px; } .plus_margin { margin-bottom:1.5em; } a { color: #117cb2; } /* */ /* Table */ .tech { background: #ffffff; font-size:9px; font-family:Arial, Helvetica, sans-serif; border: 1px solid #cccccc;} .tech td , .tech th { padding: 4px; border: 1px solid #cccccc;} .tech .table_header { background: #929292; color:#FFFFFF;} .tech .table_name { background: #efefef;} .tech th { font-weight:bold; font-size:12px; text-align:center;} .tech .price { background: #e5f2fd; font-weight:bold;} /* Images with border */ img.b_l { margin:0px 15px 15px 0px; border:2px solid #94938f; } img.b_r { margin:0px 0px 15px 15px; border:2px solid #94938f; } /* solutions */ ul.solutions { } ul.solutions li { list-style:none; margin:0px 0px 15px 0px; background:none; padding:0px; overflow:hidden; } ul.solutions .thumb {float:left; margin:0px 15px 15px 0px;} /* licenses */ .text .licenses li { background:none; padding-left:0px; } .licenses img { float:left; margin: 0px 15px 15px 0px; } .licenses h2 { font-size:14px;} .licenses dl { margin-left:155px;} .licenses dl dt { color:#002a60; font-size:14px; line-height:22px; width:150px; float:left; } .licenses dl dd { margin:0px 0px 15px 180px; font-size:12px;} .licenses dl h2 { margin-bottom:0px;} /* news patch */ .text .newsList li { margin:0px; padding:0px; background:none;} /* Video */ .videoBlock { margin:0px 20px 20px 0px; float:left; width:330px; } .end { margin-right:0px;} /* Flash */ .odr_flash {float: right; margin: 0px 0px 20px 20px;} /* Матрица картинок */ .img_matrix img { margin: 0 4px 4px 0; border: solid 1px #fff; } .img_matrix a:hover img { border-color: #94938f; } /* Clearers */ .clear_right {clear: right;} .feedbackForm label .wrong { border: 1px solid red; }