/******************************************************************************* Coded by GS on 21.02.2007, True Vision *******************************************************************************/ div.nr { background: url(../images/i/nr/nr1.gif) 0 0 no-repeat; } div.nr1 { background: url(../images/i/nr/nr1.gif) 0 0 no-repeat; } div.nr2 { background: url(../images/i/nr/nr2.gif) 0 0 no-repeat; } div.nr3 { background: url(../images/i/nr/nr3.gif) 0 0 no-repeat; } div.nr4 { background: url(../images/i/nr/nr4.gif) 0 0 no-repeat; } div.nr5 { background: url(../images/i/nr/nr5.gif) 0 0 no-repeat; } div.step-nr1 { background: url(../images/i/nr/small_nr1.gif) 0 87px no-repeat; } div.step-nr2 { background: url(../images/i/nr/small_nr2.gif) 0 87px no-repeat; } div.step-nr3 { background: url(../images/i/nr/small_nr3.gif) 0 87px no-repeat; } div.step-nr4 { background: url(../images/i/nr/small_nr4.gif) 0 87px no-repeat; } div.step-nr5 { background: url(../images/i/nr/small_nr5.gif) 0 87px no-repeat; width: 20px; } p.error, p.notice { margin:0 0 10px; padding:0 5px; font:11px Arial,sans-serif; } p.error { border-left:2px solid #cd071e; background:#ffeadd; color:#cd071e; } p.notice { border-left:2px solid #257b0f; background:#dbf1e0; color:#257b0f; } div.form-item { margin-bottom:5px; } div.form-item label { margin-bottom:3px; display:block; } div.form-btns { padding-top:5px; } div.b1 { background:#b5b8bb; margin-bottom:17px; padding:9px 18px 16px; color:#626262; zoom:1; } div.related { padding-bottom:10px; } div.related h2 { margin-bottom:13px; } div.related ul { margin:0; padding:0; } div.related ul li { background:none; margin:0 0 15px; padding:0; } div.related ul.files li { background:url(../images/i/ico/file.gif) 0 0 no-repeat; margin-bottom:10px; padding-left:33px; min-height:30px; } * html div.related ul.files li { height:30px; } div.related span.file-info { display:block; } div.related span.file-info span { text-transform:uppercase; } div.faq { color:#626262 } div.faq dl { background:url(../images/i/bg/separator.png) 100% 100% no-repeat; margin:19px 0; padding:0 0 1px 0; max-width:1000px; } div.faq dl dt { background:url(../images/i/bg/separator.png) 100% 0 no-repeat; margin:0; padding:11px 0 0 0; color: #004685; font-size: 1.5em; font-weight: normal; } div.faq dl dd { margin:0 0 16px; padding:0; } * html div.faq dl, * html div.faq dl dt { background-image:url(../images/i/bg/separator.gif); background-repeat:repeat-x; } div.faq-form h2 { margin-bottom:10px; } div.faq-form input.text, div.faq-form textarea { width:212px; } div.faq-form input.captcha { width:50px; } div.faq-form input.captcha, div.faq-form img.captcha { vertical-align:middle; } table.content-middle { width:100%; } table.content-middle td.content-middle { padding:0 30px 0 340px; vertical-align:top; } table.content-middle td.content-aside { vertical-align:top; } table.content-middle div.aside { margin-left:auto; padding:30px 30px 1px 0; width:250px; } #description { margin-right: 267px; min-height: 275px; } * html #description { height: 275px; } #category-description { margin-bottom: 40px; padding: 20px 50px 0 28px; } /*------------------- bug in all version of ie ! ------------------------------- #content-middle { min-height: 500px; } * html #content-middle { height: 500px; } */ #document { margin-right: 267px; padding-left: 340px; } #licenses-list { padding: 0 0 0 340px; } #licenses-list table { width: 88%; } #licenses-list td { padding: 13px 10px 24px 3px; width: 20%; } #licenses-list div { background-color: #838587; float: left; } #licenses-list div img { position: relative; top: -3px; left: -3px; border: 1px solid #004685; } #licenses-list a img { border: 1px solid #004685; } #licenses-list a:hover img { border: 1px solid #FFFFFF; } #contacts-list { margin-bottom: 40px; width: 92%; clear: both; } #contacts-list div.line { margin: 0 0 20px 0; } #contacts-list td { padding: 0 0 0 340px; color: #626262; vertical-align: top; } #contacts-list td td { padding: 0 30px 10px 0; width: 50%; } #contacts-list div.map { margin-top: 20px; background-color: #919395; float: left; } #contacts-list div.map img { position: relative; top: -2px; left: -2px; border: 1px solid #004685; } #contacts-list a img { border: 1px solid #0D4F8B; } #contacts-list a:hover img { border: 1px solid #6892B7; } #project-list { padding: 0 0 0 315px; clear: both; } #project-list td.item { padding: 0 20px 60px 0; width: 50%; vertical-align: top; } /* #project-list div.item { float: right; width: 310px; height: 290px; } */ #project-list div.lead { padding: 5px 0 0 60px; } #project-list div.title { width: 230px; color: #6D6D6D; } #project-list div.photos { padding-top: 2px; font-size: 0.9em; } #project-navigation { clear: both; } #project-navigation a { color: #FFF; } #project-navigation a:hover { color: #FFF; text-decoration: none; } #project-navigation div.next { background-color: #004685; border-right: 5px solid #003C73; padding: 5px 5px 5px 15px; float: right; } #project-navigation div.next a { background: url(../images/i/mrk/next.gif) 100% 50% no-repeat; padding: 5px 45px 5px 0; display: block; white-space: nowrap; font-size: 1.2em; font-weight: bold; } * html #project-navigation div.next a { width: 100px; } #project-navigation div.prev { background-color: #004685; border-left: 5px solid #003C73; padding: 5px 15px 5px 5px; float: left; } #project-navigation div.prev a { background: url(../images/i/mrk/prev.gif) 0 50% no-repeat; width: 23px; height: 2.2em; display: block; white-space: nowrap; } #project-navigation div.prev span { display: none; } /*------------------------------- project "Amber" ---------------------------*/ #project-amber { background: url(../images/i/project/amber.png) 0 0 no-repeat; margin: 0 0 20px 209px; padding: 107px 50px 0 377px; min-height: 160px; } * html #project-amber { height: 160px; } #project-aadd { background: url(../images/i/bg/gallery1_mid.jpg) 50% 164px no-repeat; min-height: 264px; } #project-aadd .layer1 { background: url(../images/i/bg/gallery1_left.jpg) 0 0 no-repeat; height: 264px; } #project-aadd .layer2 { background: url(../images/i/bg/gallery1_right.gif) 100% 0 no-repeat; width: 100%; height: 196px; } #project-aadd .layer3 { background: url(../images/i/bg/gallery1_bg.jpg) 0 0 repeat-x; } #project-aadd table table { background: url(../images/i/bg/gallery1_left2.jpg) 0 0 no-repeat; width: 100%; } #project-aadd td { padding: 0 45px 0 315px; vertical-align: top; } #project-aadd td td { padding: 26px 0 18px 7px; width: 33%; } #project-aadd img { position: relative; top: -5px; left: -5px; } #project-aadd table a { background-color: #7D8186; display: block; width: 200px; height: 120px; margin: 0 auto; } #project-aadd table a img { border: 1px solid #0D4F8B; } #project-aadd table a:hover img { border: 1px solid #6892B7; } /*------------------------------ project "Moscow" ---------------------------*/ #project-moscow { margin: 0 0 20px 209px; padding: 107px 50px 0 291px; min-height: 170px; } * html #project-moscow { height: 170px; } #project-moscow div.link a { float: right; } #project-moscow-gallery { float: right; } #project-moscow-gallery .layer1 { vertical-align: top; } #project-moscow-gallery .layer2 { background: url(../images/i/bg/film.gif) 0 20px repeat-x; padding-left: 12px; } #project-moscow-gallery .layer3 { padding-bottom: 6px; vertical-align: top; } #project-moscow-gallery .layer3 td { padding: 41px 11px 19px 0; } #project-moscow-gallery div.film { background: url(../images/i/bg/film.png) 0 0 no-repeat; width: 128px; height: 200px; } /*-------------------------- project "St. Petersburg" -----------------------*/ #project-petersburg { margin: 0 255px 20px 191px; padding: 52px 20px 0 320px; min-height: 240px; } * html #project-petersburg { height: 240px; } #project-petersburg div.link br.clear { clear: left; } #project-petersburg-gallery { background: url(../images/i/bg/gallery3.gif) 0 0 no-repeat; margin-right: 16px; width: 245px; height: 270px; float: right; } #project-petersburg-gallery div.img { padding: 27px 0 0 18px; height: 193px; } #project-petersburg-gallery div.hide { display: none; } #project-petersburg-gallery div.navigation { padding-left: 223px; } #project-petersburg-gallery div.navigation img { cursor: pointer; } /*-------------------------------- services ---------------------------------*/ #services-doc { margin-bottom: 22px; padding: 0 50px 0 292px; } #services-doc h2 { margin-bottom: 5px; color: #A6791B; } #services-doc div { padding: 6px 0 0 51px; } #services-description { margin-bottom: 50px; padding: 0 35px 0 335px; } #services-list td.services-list-left { background: url(../images/i/bg/step/bar_left.png) 0 0 no-repeat; padding: 0 0 0 292px; width: 99%; color: #FFB629; font-size: 0.9em; } #services-list td.services-list-right { width: 1%; } #services-list td.services-list-right div { background: url(../images/i/bg/step/bar_right.png) 0 0 no-repeat; width: 47px; height: 220px; } #services-list a { color: #004685; } #services-list a:hover { color: #A6791B; } #services-list div.step { background: url(../images/i/bg/step/item.gif) 0 50% no-repeat; height: 220px; } #services-list div.step-nr { height: 220px; } #services-list div.title, #services-list div.title-active { position: absolute; padding-bottom: 47px; color: #FFB629; } #services-list div.title { background: url(../images/i/bg/step/title.gif) 0 100% no-repeat; } #services-list div.title-active { background: url(../images/i/bg/step/title_active.gif) 0 100% no-repeat; } #services-list div.title div, #services-list div.title-active div { background: #FFF; border-top: 1px solid #004685; border-left: 1px solid #004685; border-right: 1px solid #004685; padding: 5px 7px 6px 7px; } #services-list div.title-active div { background: url(../images/i/bg/step/bg_active.gif) #004685 0 100% repeat-x; } #services-list table { background: url(../images/i/bg/step/bar.png) 0 0 repeat-x; height: 220px; } /* #services-list table { background: url(../images/i/bg/step/bar.gif) 0 108px repeat-x; } */ #services-list table td { width: 24%; vertical-align: top; } #services-list table td.even div.title, #services-list table td.even div.title-active { margin-top: 120px; padding-top: 47px; } #services-list table td.even div.title { background: url(../images/i/bg/step/title2.gif) 0 0 no-repeat; } #services-list table td.even div.title-active { background: url(../images/i/bg/step/title2_active.gif) 0 0 no-repeat; } #services-list table td.even div.title div, #services-list table td.even div.title-active div { border-top: none; border-bottom: 1px solid #004685; padding: 6px 7px 5px 7px; } #services-list table td.even div.title-active div { background: url(../images/i/bg/step/bg2_active.gif) #004685 0 0 repeat-x; } #services-list table td.step-1 div.step { background: url(../images/i/bg/step/item_first.gif) 0 102px no-repeat; } #services-list table td.step-5 div.step { background: url(../images/i/bg/step/item_last.gif) 100% 102px no-repeat; } #services-list table td.step-5 { width: 1%; } #services-list table td.step-1 div.title, #services-list table td.step-1 div.title-active { width: 150px; } #services-list table td.step-3 div.title, #services-list table td.step-3 div.title-active { width: 150px; } #services-list table td.step-1 div.title, #services-list table td.step-3 div.title, #services-list table td.step-5 div.title, #services-list table td.step-1 div.title-active, #services-list table td.step-3 div.title-active, #services-list table td.step-5 div.title-active { margin-top: -1.2em; } #services-list table td.step-5 div.title, #services-list table td.step-5 div.title-active { margin-left: -97px; width: 125px; } #services-list table td.step-5 div.title { background: url(../images/i/bg/step/title3.gif) 100% 100% no-repeat; } #services-list table td.step-5 div.title-active { background: url(../images/i/bg/step/title3_active.gif) 100% 100% no-repeat; } #services-list table td.step-2 div.title, #services-list table td.step-4 div.title, #services-list table td.step-2 div.title-active, #services-list table td.step-4 div.title-active { width: 150px; } #services-list table.step-2 td.step-1 { background: url(../images/i/bg/step/bar_active.gif) 0 108px repeat-x; } #services-list table.step-2 td.step-1 div.step { background: url(../images/i/bg/step/item_first_active.gif) 0 102px no-repeat; } #services-list table.step-2 td.step-2 div.step { background: url(../images/i/bg/step/item_active.gif) 0 104px no-repeat; } #services-list table.step-3 td.step-1 { background: url(../images/i/bg/step/bar_active.gif) 0 108px repeat-x; } #services-list table.step-3 td.step-1 div.step { background: url(../images/i/bg/step/item_first_active.gif) 0 102px no-repeat; } #services-list table.step-3 td.step-2 { background: url(../images/i/bg/step/bar_active.gif) 0 108px repeat-x; } #services-list table.step-3 td.step-2 div.step { background: url(../images/i/bg/step/item2_active.gif) 0 104px no-repeat; } #services-list table.step-3 td.step-3 div.step { background: url(../images/i/bg/step/item_active.gif) 0 104px no-repeat; } #services-list table.step-4 td.step-1 { background: url(../images/i/bg/step/bar_active.gif) 0 108px repeat-x; } #services-list table.step-4 td.step-1 div.step { background: url(../images/i/bg/step/item_first_active.gif) 0 102px no-repeat; } #services-list table.step-4 td.step-2 { background: url(../images/i/bg/step/bar_active.gif) 0 108px repeat-x; } #services-list table.step-4 td.step-2 div.step { background: url(../images/i/bg/step/item2_active.gif) 0 104px no-repeat; } #services-list table.step-4 td.step-3 { background: url(../images/i/bg/step/bar_active.gif) 0 108px repeat-x; } #services-list table.step-4 td.step-3 div.step { background: url(../images/i/bg/step/item2_active.gif) 0 104px no-repeat; } #services-list table.step-4 td.step-4 div.step { background: url(../images/i/bg/step/item_active.gif) 0 104px no-repeat; } #services-list table.step-5 td.step-1 { background: url(../images/i/bg/step/bar_active.gif) 0 108px repeat-x; } #services-list table.step-5 td.step-1 div.step { background: url(../images/i/bg/step/item_first_active.gif) 0 102px no-repeat; } #services-list table.step-5 td.step-2 { background: url(../images/i/bg/step/bar_active.gif) 0 108px repeat-x; } #services-list table.step-5 td.step-2 div.step { background: url(../images/i/bg/step/item2_active.gif) 0 104px no-repeat; } #services-list table.step-5 td.step-3 { background: url(../images/i/bg/step/bar_active.gif) 0 108px repeat-x; } #services-list table.step-5 td.step-3 div.step { background: url(../images/i/bg/step/item2_active.gif) 0 104px no-repeat; } #services-list table.step-5 td.step-4 { background: url(../images/i/bg/step/bar_active.gif) 0 108px repeat-x; } #services-list table.step-5 td.step-4 div.step { background: url(../images/i/bg/step/item2_active.gif) 0 104px no-repeat; } #services-list table.step-5 td.step-5 { background: url(../images/i/bg/step/bar_active.gif) 0 108px repeat-x; } #services-list table.step-5 td.step-5 div.step { background: url(../images/i/bg/step/item_last_active.gif) 100% 102px no-repeat; }