/* --------------------------------------------------------------------------------------------------------------------------------------------------- Общее --------------------------------------------------------------------------------------------------------------------------------------------------- */ ul.mapLinks { margin-left: 20px; color: #00457C; } ul.mapLinks li { list-style: none; padding-left: 13px; padding-top: 5px; background: url(../img/arblue.gif) no-repeat 0 10px; } ul.mapLinks li a { color: #00457C; } * { margin: 0; padding: 0; } html { height: 100%; } body { position: relative; color: #333; font: 0.85em/1.3 Arial, Sans-Serif; background: #F1F1F1 url(../img/body-bg.png) repeat-x 0 0; min-height: 980px; height: 100%; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } .clear { display: block; clear: both; height: 1px; } .off { display: none; } p { padding: 3px 0; } a { color: #339933; text-decoration: underline; } a:hover { text-decoration: none; } a img { border: 0; } img.float-left { float: left; position: relative; top: 2px; margin-right: 8px; border: 1px solid #393; } img.float-right { float: right; position: relative; top: 2px; margin-left: 8px; border: 1px solid #393; } form fieldset { border: 0; } form select, form input.text, form textarea { color: #4A7EA7; font-family: Arial; } #width { position: relative; background: url(../img/body-bottom-bg.png) repeat-x center bottom; width: 100%; min-height: 980px; } #center { position: relative; margin: 0 auto; width: 942px; } /* --------------------------------------------------------------------------------------------------------------------------------------------------- Шапка --------------------------------------------------------------------------------------------------------------------------------------------------- */ #header { position: relative; color: #00427A; height: 115px; } #header a { color: #00427A; text-decoration: none; } #header a:hover { text-decoration: underline; } #logo { position: absolute; top: 30px; left: 0; } #logo img { position: relative; left: 0px; } #logo strong { position: relative; top: 8px; font-weight: normal; } form#projects { float: right; margin-top: -13px; font: 0.8em Tahoma; } form#projects select { margin: 0 10px; font: 1em Tahoma; width: 183px; } form#projects img { position: relative; top: 17px; width: 52px; height: 52px; } #header-menu { position: absolute; bottom: 10px; right: 0; font-size: 0.8em; line-height: 1; min-width: 420px; } #header-menu #icons { float: left; margin-right: 8px; } #header-menu #icons img { margin: 0 8px; } #header-menu ul li { padding: 0 13px 0 8px; list-style: none; float: left; font-weight: bold; background: url(../img/header-nav-pic.gif) no-repeat right 0.35em; } #header-menu ul li a { font-weight: normal; } #header-menu ul li.last { padding-right: 0; background: none; } /* --------------------------------------------------------------------------------------------------------------------------------------------------- Контент --------------------------------------------------------------------------------------------------------------------------------------------------- */ .mainTable { width: 100%; } .mainTable td { vertical-align: top; } #content-wrapper { background: #fff url(../img/content-bg.jpg) repeat-y center 0; } #content-bg { background: url(../img/content-top-bg.jpg) no-repeat center top; } #content {padding: 20px 30px 0; background: url(../img/content-bottom-bg.jpg) no-repeat center bottom; min-height: 800px; } #content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { padding: 10px 0; color: #00487D; font-weight: normal; } #content h1 { font-size: 1.9em; } #content h2 { font-size: 1.7em; } #content h3 { font-size: 1.4em; } #content h4 { font-size: 1.2em; } #content h5 { font-size: 1.0em; font-weight: bold; } #content h6 { font-size: 1.0em; font-style: italic; } #content small.date { color: #393; font-size: 10px; font-family: Tahoma; } #content p.listpage { padding: 10px 0; font-size: 0.9em; } #content p.listpage a.back { float: left; padding-left: 18px; background: url(../img/back.gif) no-repeat 0 0.5em; } #content p.listpage a.next { float: right; padding-right: 18px; background: url(../img/next.gif) no-repeat right 0.5em; } #content p.listing { padding: 10px 0; text-align: center; } #content p.listing span, #content p.listing a { margin: 0 3px; } #content p.listing span { color: #999; } #content #search form#searchform { margin-top: -8px; } #content #search form#searchform input.text { color: #333; width: 210px; } #content #search form#searchform input.image { position: relative; top: 5px; } #content #search .block { padding: 10px 0; } #content #search .block h3 { margin-bottom: -10px; font-size: 1em; font-weight: bold; } #content #search .block h3 span { float: left; width: 20px; color: #333; font-size: 0.9em; font-weight: normal; } #content #search .block h3 a { color: #04427C; } #content #search .block p { padding-left: 20px; } #content #contacts h3 { padding: 5px 0; color: #333; } #content #contacts #shemes { float: left; padding-top: 10px; width: 270px; } #content #contacts #shemes .sheme { padding: 10px 0 30px 0; } #content #contacts #shemes .sheme strong { color: #00457C; font-size: 1.1em; font-weight: normal; line-height: 1; } #content #contacts #shemes .sheme img { margin: 8px 0 0 0; border: 1px solid #393; } #content #contacts #shemes .sheme .zoom { padding-left: 13px; font-size: 0.9em; background: url(../img/zoom.gif) no-repeat 0 0.35em; } #content #contacts #text { margin-left: 320px; padding: 20px 0; } #content #contacts form#sendmsg { font-size: 0.9em; } #content #contacts form#sendmsg h3 { margin-bottom: -5px; } #content #contacts form#sendmsg p { padding-top: 15px; } #content #contacts form#sendmsg label { display: block; padding-bottom: 4px; color: #999; } #content #contacts form#sendmsg input.text { color: #333; width: 255px; } #content #contacts form#sendmsg textarea { color: #333; width: 350px; height: 125px; } #content #catalog #catalog-header { margin: 10px 0; background: url(../img/catalog-bg.jpg) no-repeat 0 0; min-height: 200px; } /*-------------------переделал----------------------------*/ #content #catalog #catalog-header form.search { position: absolute; right: 30px; margin-top: -15px; font-size: 0.9em; width: 300px; } form.search h3 {margin-bottom: -8px;font-weight: normal;} form.search input.text { color: #333; font-size: 0.9em; width: 200px; } form.search input.image { position: relative; top: 7px; } form.search p.example { color: #999; font-size: 0.9em; font-style: italic; } form.search p.example span { color: #CC6604; } /*-------------------переделал----------------------------*/ .download { margin-left: 290px;} .download .link { position: relative; background: url(../img/download.png) no-repeat 0 0; width: 262px; height: 88px; overflow: hidden; } .download .link a { position: absolute; top: 10px; left: 60px; } .download .link a strong { font-size:0,8em; font-weight: normal; } .download .link small { position: absolute; bottom: 10px; left: 60px; color: #333; font-size: 0.8em; white-space: nowrap; } /*-------------------переделал-end---------------------------*/ #content #catalog #catalog-header .download p { padding: 10px 0; color: #999; font-size: 0.9em; font-style: italic; width: 267px; } #content #catalog .sections { margin-right: -220px; padding: 15px 0; } #content #catalog .sections .section { float: left; padding-top: 10px; width: 290px; } #content #catalog .sections .section .header { background-repeat: no-repeat; background-position: 0 0; height: 41px; } #content #catalog .sections .section .v-outer { display: table; overflow: hidden; height: 41px; } #content #catalog .sections .section .v-middle { display: table-cell; vertical-align: middle; } #content #catalog .sections .section h3 { padding: 0; margin-left: 114px; line-height: 1; } #content #catalog .sections .section ul { padding: 10px 30px 10px 0; font-size: 0.9em; line-height: 1.5; } #content #catalog .sections .section ul li { list-style: none; padding-left: 13px; background: url(../img/arrow.gif) no-repeat 0 0.45em; } #content #catalog .sections .section1 .header { background-image: url(../img/k1.png); } #content #catalog .sections .section1 .header h3 { color: #CC5B00; font-size: 1.3em; } #content #catalog .sections .section2 .header { background-image: url(../img/k2.png); } #content #catalog .sections .section2 .header h3 { color: #522755; font-size: 1.3em; } #content #catalog .sections .section3 .header { background-image: url(../img/k3.png); } #content #catalog .sections .section3 .header h3 { color: #CC5B00; font-size: 1.3em; } #content #catalog .sections .section4 .header { background-image: url(../img/k4.png); } #content #catalog .sections .section4 .header h3 { color: #97081A; font-size: 1em; } #content #catalog .sections .section5 .header { background-image: url(../img/k4.png); } #content #catalog .sections .section5 .header h3 { color: #97081A; font-size: 1em; } #content #catalog .sections .section6 .header { background-image: url(../img/k5.png); } #content #catalog .sections .section6 .header h3 { color: #D55F19; font-size: 1.3em; } #content #catalog .sections .section7 .header { background-image: url(../img/k6.png); } #content #catalog .sections .section7 .header h3 { color: #2959AE; font-size: 1em; } #content #catalog .sections .section8 .header { background-image: url(../img/k7.png); } #content #catalog .sections .section8 .header h3 { color: #DD052A; font-size: 1em; } /*-------------------переделал----------------------------*/ #catalog-question { padding-bottom: 30px; font-size: 0.9em; } #catalog-question .info { float: left; padding-left: 60px; font-style: italic; background: url(../img/question.png) no-repeat 0 0; width: 200px; min-height: 70px; } #catalog-question ul.links { margin-left: 288px; color: #00457C; } #catalog-question ul.links li { list-style: none; padding-left: 13px; background: url(../img/arblue.gif) no-repeat 0 0.4em; } #catalog-question ul.links li a { color: #00457C; } /*-------------------переделал---end-------------------------*/ /*-------------------переделал--------------------*/ #content-left .menu2 { font-size: 12px; } #content-left .menu2 li { list-style: none; display: block; padding: 0px 0px 12px 15px; background: url(../img/arblue.gif) no-repeat left 5px;} #content-left .menu2 li a { color: #00457C; display: inline; } #content-left {padding: 11px 30px 0px 0px; float: left; color: #00457C; width: 170px; } #content-left .menu { font-size: 0.9em; line-height: 26px; } #content-left .menu li { list-style: none; display: inline; } #content-left .menu a { padding: 0 8px 0 15px; color: #00457C; display: block; background: url(../img/arblue.gif) no-repeat left 10px; } #content-left .menu .active { background: #FFE5B4 url(../img/leftmenu-left.gif) no-repeat 0 0; height: 26px; display: block; } #content-left .menu .active span { display: block; padding: 0 8px 0 15px; background: url(../img/leftmenu-right.gif) no-repeat right 0; height: 26px; } /*-------------------переделал---end-------------------------*/ .right-snoska { position: absolute; top: 230px; right: 30px; width: 130px; } .right-snoska .rss { padding-left: 30px; font-size: 0.9em; font-weight: bold; line-height: 26px; background: url(../img/rss-big.gif) no-repeat 0 0; } .right-snoska .rss a { color: #F08237; } #content-text .list { width: 500px; } #content-text .block { padding-bottom: 10px; } #content-text .block h1, #content-text .block h2, #content-text .block h3, #content-text .block h4, #content-text .block h5, #content-text .block h6 { padding-bottom: 0; color: #333; } #content-text .block h1 a, #content-text .block h2 a, #content-text .block h3 a, #content-text .block h4 a, #content-text .block h5 a, #content-text .block h6 a { color: #04427C; } #content-text .block small.date { color: #393; font-size: 0.75em; } #content-text a:hover { color: #FF9900; text-decoration: none; } #content-text #article-text a:visited { color: #339b98; text-decoration: none; } #content-text img.float-left { border: 1px solid #00467b; } #content-text a.blue_link { color: #00427A; text-decoration: none; } #content-text a.blue_link:visited { color: #00427A; text-decoration: none; } #content-text a.blue_link:hover { color: #00427A; text-decoration: underline; } #content #partner .section1 { float: left; padding: 10px 60px 40px 0px; width: 265px; text-align:right; } #content #partner .section1 h3 {padding-right: 10px; } #content #partner h3.black { color: #333;} #content #partner .section2 { float: left; padding-top: 10px; padding-bottom: 40px; width: 550px; } #sections { position: relative; color: #003366; font-size: 0.95em; height: 48px; overflow: hidden; } #sections a { color: #003366; text-decoration: none; } #sections a:hover { color: #FF9900; text-decoration: none; } #sections .v-outer { display: table; overflow: hidden; height: 48px; } #sections .v-middle { display: table-cell; vertical-align: middle; } #sections li { position: relative; float: left; list-style: none; line-height: 1.1; background: #FCFAD7 url(../img/section-out-bg.jpg) repeat-x 0 0; width: 134px; height: 48px; overflow: hidden; } #sections li.last { width: 138px; } #sections li.item1 { width: 122px; } #sections li.item2 { width: 141px; } #sections li.item3 { width: 209px; } #sections li.item4 { width: 132px; } #sections li.item5 { width: 124px; } #sections li.item6 { width: 107px; } #sections li.item7 { width: 107px; } #sections li .bg1 { background: url(../img/section-out-left.jpg) no-repeat 0 0; } #sections li .bg2 { position: relative; background: url(../img/section-out-right.jpg) no-repeat right 0; } #sections li.first .bg1 { background: url(../img/section-out-left-first.jpg) no-repeat 0 0; } #sections li.last .bg2 { position: relative; background: url(../img/section-out-right-last.jpg) no-repeat right 0; } #sections li.active { background: #D0EBEE url(../img/section-active-bg.jpg) repeat-x 0 0; } #sections li.active .bg1 { background: url(../img/section-active-left.jpg) no-repeat 0 0; } #sections li.active .bg2 { position: relative; background: url(../img/section-active-right.jpg) no-repeat right 0; } #sections li.active-first .bg1 { background: url(../img/section-active-left-first.jpg) no-repeat 0 0; } #sections li.active-last .bg2 { position: relative; background: url(../img/section-active-right-last.jpg) no-repeat right 0; } #sections li .icon { position: absolute; float: left; top: 9px; left: 4px; background: url(../img/li-item-bg.gif) no-repeat 0 0; width: 29px; height: 29px; } #sections li span, #sections li a { display: block; padding-right: 5px; padding-left: 35px; text-align: center; } #content p.place { padding-bottom: 15px; color: #00487D; font-size: 0.8em; } #content p.place a { color: #00487D; font-weight: bold; } #content p.place a, #content p.place span { margin: 0 2px; } /* --------------------------------------------------------------------------------------------------------------------------------------------------- Footer --------------------------------------------------------------------------------------------------------------------------------------------------- */ #footer { position: relative; background: #FFEFC4 url(../img/footer-bg.jpg) no-repeat center 0; width: 100%; height: 269px; } #footer-search { position: absolute; top: 30px; left: 230px; } #footer-search p { padding: 0; } #footer-search p.example { padding-top: 5px; font-size: 0.9em; line-height: 1.4; } #footer-search p.example a { color: #04427C; text-decoration: none; border-bottom: 1px dashed #04427C; } #footer-search p.example a:hover { border: 0; } #footer-search span.head { color: #225E8D; } #footer-search strong.more { margin-left: 50px; color: #393; font-size: 0.9em; } #footer-search input.text { width: 250px; } #footer-search input.image { position: relative; top: 6px; } p#copyrights { position: absolute; bottom: 20px; left: 30px; color: #04427C; font: 0.8em/1.5 Tahoma; letter-spacing: 1px; } p#copyrights br.ie { display: none; } p#copyrights span.studio { display: block; } p#copyrights span.contacts { display: none; } #phone { position: relative; top: -39px; right: 10px; padding-left: 250px; color: #4F7F99; font-size: 0.9em; font-weight: bold; } #phone span { font-weight: normal; } #phone span.t { margin: 0 2px; font-weight: bold; } #top_mail { position: absolute; top: 27px; right: 10px; padding-left: 250px; color: #4F7F99; font-size: 0.9em; font-weight: normal; } #top_mail span { font-weight: normal; } #top_mail span.t { margin: 0 3px; font-weight: bold; } p#foo-links { position: absolute; bottom: 20px; right: 30px; padding-left: 20px; color: #00457C; font: 0.8em/1.5 Tahoma; letter-spacing: 1px; background: url(../img/rss.gif) no-repeat 0 0.4em; } #counters { position: absolute; bottom: 17px; left: 375px; } #counters img { margin-right: 10px; } /* Производители & more */ #cont { padding: 15px 0px 0px; } #col_left { width: 230px; float: left; } #txt { margin-left: 270px; } #txt #blog {width: 260px;padding: 0px 40px 60px 0px; } #txt #blog a {font-size: 12px; } #txt #blog h3 { margin: 0px;line-height: 20px; padding: 5px 0px 0px; } #txt #blog h3 a {color: #0064AE;font-size: 18px; } #txt #blog .pdf {display: block;background: url(../img/pdf.gif) no-repeat left bottom; padding: 0px 0px 4px 24px; } #content .contry {font-size: 14px; font-weight: normal; } #cont #col_left p { color: #666666; font-size: 0.9em; padding-top: 10px; padding-bottom: 3px; } #cont .download p { padding: 10px 0;color: #bb0000; font-size: 1.1em;font-style: italic;width: 530px; } #txt ol {padding: 8px 0px 8px 22px; } /* #txt li {display: block;background: url(../img/line.gif) repeat-x left 15px; height: 22px; list-style: none; } #txt li a {float: right;background: #FFFFFF url(../img/pdf.gif) no-repeat 3px bottom;padding: 0px 3px 4px 28px; display: block; } */ .white {background: #FFFFFF;float: left;padding: 0px 3px 0px 0px;} #txt h4 b {color: #666666; } #content #cont #txt .search {width: 300px;font-size: 0.9em; float: left; } #cont #txt #catalog-question { float: none; position: relative; } #cont #txt #catalog-question .info a { font-style: normal; } /* Forms */ #left-form { float: left; padding-right: 40px; padding-top: 20px; width: 195px; font-size: 0.9em; color: #727272;} #left-form h3 {font-size: 1.1em; font-weight: bolder; color: #515151; } #formsList { padding-top: 10px; padding-left:18px; width: 600px; } #formsList a { color: #04427C; font-size: 16px; font-weight: bold; } #formsList ul { list-style-image: url(../img/form-list.jpg); } #order th {width: 200px; } #order td, #order th {vertical-align: top;text-align: left; } #order .select, #order .green h3{font-size: 15px;font-weight: bold;color: #666666;display: block;padding: 5px 0px 6px 11px; background: #FEEFC4; } #order .select #checkbox {vertical-align: middle;display: inline;margin-right: 3px; } #order .select a {display: block;float: right;font-size: 12px;font-weight: normal;color: #3B9C28;padding: 0px 12px 0px 8px; background: url(../img/arr_.gif) no-repeat left center; } .padign {padding: 12px 8px 12px 36px;font-size: 12px; } .padign label {display: block;margin-right: 8px;margin-top: 5px;margin-bottom: 5px; } .sm {width: 45px; } .big {width: 245px; } .other {width: 154px; } .smallText {width: 45px; } .bigText {width: 245px; } .otherText {width: 154px; } .sm, .big, .other, .smallText, .bigText, .otherText {font: 12px Arial, Helvetica, sans-serif;color: #333333; padding-left: 3px; } .arr {display: block;padding-right: 26px;background: url(../img/arr.gif) no-repeat right 12px;margin-right: 11px;color: #999999; font: normal 11px/14px Arial, Helvetica, sans-serif; } .padign .win {width: 600px;height: 56px;padding: 4px;margin-top: 6px;color: #000000;font: 12px Arial, sans-serif; } #order .green { background: #e7ffcd url(../img/snowy.gif) no-repeat 12px 12px;padding-bottom: 12px; } #order .green h3 {background: url(none);margin-left: 23px; } #order .type, #order .type2{width: 200px;color: #333333;font: 12px Arial, Helvetica, sans-serif; } #order .type2{width: 110px; } .cut {border-bottom: 1px solid #E2E2E2; } #order .padign .coment {font-size: 12px;font-style: italic; color: #999999; vertical-align: bottom; padding: 0px 88px 0px 12px; } #order .chek {color: #3b9c28;display: block;float: right;padding: 5px 22px 5px 15px;background: url(../img/chek_03.gif) no-repeat left center; font: bold 13px Arial, Helvetica, sans-serif; } .padign .red {color: #990000; } .line {display: block;height: 24px; background: url(../img/line.gif) repeat-x left 12px; } #order .padign .bottom td {vertical-align: middle; } .select span {font-size: 12px;font-weight: normal;color: #333333; } .linksForm input {width: 300px; margin-top: 3px; color: #000000; font: 12px Arial, sans-serif;} .linksForm textarea {width: 500px; height: 100px; margin-top: 3px; color: #000000; font: 12px Arial, sans-serif;} .linksPageForm {clear: both; background-color: #ffe5b4; width: 520px; padding: 10px 20px 10px 20px; color: #000000; font: 12px Arial, sans-serif;} #messageForm .text {color: black; width: 250px; font-size: 12px;} #messageForm textarea {color: black; width: 350px; height: 100px; font-size: 12px;} .about li { list-style: none;background: url(../img/arblue.gif) no-repeat 0 0.4em; padding-left: 13px; } .about ul {list-style: none;padding: 0px 0px 11px 5px; } .spec a {display: block;padding: 5px 5px 5px 24px;background: url(../img/pdf.gif) no-repeat left -5px; } .info li {list-style: none; } .info li a { padding-left: 13px; background: url(../img/arrow.gif) no-repeat 0 0.45em; } .info2 li {list-style: none;padding-left: 24px; } .info2 b {color: #339933; } .info2 #non {padding-left: 0px; } .order table { border-right: 1px solid #E0DFE3; border-bottom: 1px solid #E0DFE3; margin-bottom: 15px; } .order td, .order th { padding: 5px 8px; border-top: 1px solid #E0DFE3; border-left: 1px solid #E0DFE3; font-size: 13px; vertical-align: top; } .order th { background: #FCFAD7; } .order .legend { float: right; display: block; font-size: 12px; color: #339933; padding-bottom: 22px; } .pages { text-align: center; display: block; font-size: 13px; font-weight: bold; padding: 12px; } .pages a { text-decoration: none; padding: 0px 6px; border: 1px solid #DAD9DD; } .pages a:hover { background: #FCFAD7; } table, td {border-collapse:collapse;} #content-text li { display: block; padding-left: 15px; padding-bottom: 5px; background: url(../img/arrow.gif) no-repeat left 5px; } .colors td, .colors th { padding: 4px; white-space: nowrap; } .colors img { margin: 8px; }