/* GRID */ body {margin: 0; padding: 0; background: #FFFFFF; color: #4C4C4C} #body {margin: 0; padding: 22px 31px;} #mod1 {width:100%} #mod111, #mod112 {width:50%; vertical-align:top} #mod2 {width:100%} #mod211 {width:660px; text-align:left; vertical-align:top} #mod212 {width:277px; text-align:left; color:#5c5c5c; vertical-align:top} #mod212 .c {margin-left:22px; background:#ededed URL(/img/bg/mod212_bg.gif) bottom left repeat-x;} #mod212 .b1 {width:217px} #mod212 .rite {padding:0 17px 35px 17px;} #mod3 {width:100%} #mod311 {width:329px} #mod311 .col1 {width:130px; margin:0 30px 30px 0} #mod312 {width:570px; background:#e9e9e9;} #mod312 .c1 {padding:20px 12px} #mod411 {width:172px; margin:10px 30px 0 0} #mod412 {width:458px; margin-top:10px; padding-bottom:20px} #mod413 {width:277px; color:#5c5c5c; } #mod413 .c {width:260px; margin:10px 0 0 17px; background:#ededed URL(/img/bg/mod212_bg.gif) bottom left repeat-x;} #mod413 .rite {width:240px; padding:22px 10px 60px 10px} #mod41 {width: 735px; margin-top:10px; padding-bottom:20px} /* FORMAT */ body, td {font:13px Tahoma, Arial, Helvetica, sans-serif;} h1 {font-size:22px; font-weight:normal; padding:0 0 15px 0; margin:0; color:#bf314c} h1.u {background:URL(/img/bg/div1_bg.gif) bottom left repeat-x; margin-bottom:10px; padding-bottom:10px} h2 {font-size:17px; font-weight:normal; padding:0 0 15px 0; margin:0} h2.u {background:URL(/img/bg/div1_bg.gif) bottom left repeat-x; margin-bottom:10px; clear:both} h3 {font-size:14px; color:#bf314c; margin:0; padding:0 0 10px 0} h4 {font-size:14px; color:#bf314c; margin:0; padding:0 0 10px 0} h5 {font-size:12px; color:#bf314c; margin:0; padding:0 0 10px 0} h5.v2 {font-weight:normal; font-size:12px; padding:0 0 3px 0} #mod412 h5 {color:#4C4C4C} #mod411 h5 {font-size:12px; color:#4C4C4C} h5 a {color:#bf314c} h6 {font-size:14px; font-weight:bold; color:#bf314c; margin:0; padding:0 0 5px 0; cursor:pointer} p, .block {margin:0; padding-bottom:1em} .abstr {font-size:12px} .bq {} .date {font-size:10px; display:block; color:#4C4C4C; font-weight:bold} .note {color:#aeaeae; font-size:11px; font-weight:normal; display:block} .note2 {color:#aeaeae; font-size:10px; font-weight:normal} #mod212 .b1, #mod413 .b1 {padding:19px 0; background:URL(/img/bg/div1_bg.gif) bottom left repeat-x; margin-right:10px} #mod212 .b2, #mod413 .b2 {width:195px; padding:19px 0; background:URL(/img/bg/div1_bg.gif) repeat-x} #mod212 .b3, #mod413 .b3 {padding:19px 0; margin-right:10px} #mod212 .b4, #mod413 .b4 {width:195px;} #container {border:1px solid #c3c3c3; width: 95%; margin: 16px auto 0px auto; padding: 16px; /* Свечение краев блока (css3) */ -moz-box-shadow: 0px 0px 20px #777; -webkit-box-shadow: 0px 0px 20px #777; box-shadow: 0px 0px 20px #777; /* Скругление углов блока (css3) */ -webkit-border-radius: 7px 7px 0px 0px; -moz-border-radius: 7px 7px 0px 0px; border-radius: 7px 7px 0px 0px; /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E4E4E4), to(#f6f6f6)); /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #E4E4E4, #f6f6f6); /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #E4E4E4, #f6f6f6); /* IE 10 */ background: -ms-linear-gradient(top, #E4E4E4, #f6f6f6); /* Opera 11.10+ */ background: -o-linear-gradient(top, #E4E4E4, #f6f6f6);} /* size */ .small, .small td {} /* color */ .red, .aster {color:#bf314c !important} /* list */ ul {margin:0; padding:0; display:block; list-style:none;} ol {margin:0; padding:0; display: block; list-style: decimal inside;} ul li {margin-bottom:6px; padding:0 0 3px 10px; background:URL(/img/bull9.gif) 0 0.4em no-repeat; display:block;} ol li {margin-bottom:6px; padding:0 0 3px 10px;} ol ul, ul ul {margin: 10px 0 -6px 2em;} ol ol {margin: 10px 0 0 1em; list-style-type: lower-alpha;} ul ul li {background:url(/img/bull3.gif) 0 0.4em no-repeat;} ul ul ul li {background:url(/img/bull4.gif) 0 0.4em no-repeat;} .li1 {padding:0 31px 3px 14px; background:URL(/img/bull1.gif) 0 2px no-repeat; display:block} .li2 {padding:0 0 3px 10px; background:URL(/img/bull2.gif) 2px 4px no-repeat; display:block} .li3 {padding:0 0 3px 13px; display:block; background:URL(/img/bull6.gif) 2px 3px no-repeat; display:block} .li4 {padding:0 0 10px 13px; display:block; background:URL(/img/bull7.gif) 2px 4px no-repeat; display:block} .li5 {padding-left:1.5em} .bull2 {position:absolute; color:#bf314c; font-weight:bold} .bq {padding:0 20px} /* div */ .div_1 {} .div_1 img {width:1px; height:1px} .div1 {width:100%; line-height:1; font-size:1px; background:URL(/img/bg/div1_bg.gif) center repeat-x; padding:10px 0} .pad2 {background:#ececec; padding:10px; margin-bottom:20px} .pad2 form {width:100%} .pad2 .input, .pad2 textarea, .pad2 select {width:143px; display:block; margin-bottom:7px} .ocb2 {padding-bottom:20px} .ocb1 .b1 {display:none} .ocb2 .b1 {display:block} .pictures{overflow:hidden; width: 600px;} .pictures1{overflow:hidden; width: 220px;} /* vrez */ .vr_1 {} /* pages */ .pages {margin-top:20px; clear:both} .pages a, .pages .a {padding:6px 8px; display:block; line-height:1; background:#ececec; float:left; margin-right:5px} .pages .a {color:#0774b7;} .pages a:hover {text-decoration:none} .pages .s {font-weight:bold} .pages .p1 {background:#ececec URL(/img/arr1.gif) center center no-repeat} .pages .p2 {background:#ececec URL(/img/arr2.gif) center center no-repeat} .pages .p3 {background:#ececec URL(/img/arr3.gif) center center no-repeat} .pages .p4 {background:#ececec URL(/img/arr4.gif) center center no-repeat} .pages .p1 img, .pages .p2 img, .pages .p3 img, .pages .p4 img {height:1em; width:1em; position:absolute; border:none !important} /* a */ a {color:#0774b7; text-decoration:none} a:hover {text-decoration:underline} .text {color:#4C4C4C; text-decoration:none} .more {padding:0 10px 3px 0; background:URL(/img/bull2.gif) right 5px no-repeat; display:block; float:left; clear:both} .btn1 {} a.push2, .push2 {font-weight:bold; background:#87b3d1; padding:6px 9px; margin:4px 0 10px 0; font-size:11px; float:left; display:block; color:#FFFFFF; vertical-align:middle; border:0} input.push2 {cursor: pointer;} input.btn {font-weight:bold; background:#87b3d1; padding:6px 9px; margin:4px 0 10px 0; font-size:11px; color:#FFFFFF; vertical-align:middle; border:0; cursor: pointer;} a.btn {font-weight:bold; background:#87b3d1; padding:6px 9px; margin:4px 0 10px 0; font-size:11px; color:#FFFFFF; vertical-align:middle; border:0; cursor: pointer;} a.btn2 {font-weight:bold; background:#87b3d1; padding:3px 5px; margin: 0; font-size:11px; color:#FFFFFF; vertical-align:middle; border:0; cursor: pointer;} /* img */ a img {border:0} .b {display:block; clear:both} div.b {line-height:1px; font-size:1px; height:1px} .h {width:1px; float:left; display:block} .w {height:1px; display:block; clear:both} .i {display:block; margin-bottom:10px} .i_l {float:left; display:block; margin:0 10px 3px 0} .i_r {float:right; display:block; margin:0 0 10px 10px} .flag {margin:1px 0 1px 2px} /* form */ form {margin:0} .input, textarea, select {font:11px Tahoma, Arial, Helvetica, sans-serif;} label {} .push {} .check, .radio {vertical-align:middle} .pass {float:left; width:1px} .pass div {position:absolute; padding:3px 5px; font-size:11px; color:#000000} form td {padding:0 9px 9px 0; vertical-align:top} .form label {width:300px; clear:left; float:left; margin-bottom:9px; display:block; margin-right:10px} .form .input, .form textarea, .form select {width:400px; float:left; margin-bottom:10px} #mod413 .form .input {width:370px; float:none; display:block} #mod413 .form textarea, #mod413 .form select {width:400px; float:none; display:block} .form .check2 {margin:0 10px 0 0; display:block; float:left; clear:none} .form .lb2 {width:370px; float:left; clear:none; margin:0 10px 0 0; padding-bottom:2px} .form .lb3 {width: 370px; margin-left: 0px; padding-bottom: 5px;} .form .formq {width: 370px; float: left; padding-bottom:1px} .form .push2 {float:none} .form br {line-height:1px; font-size:1px; height:1px; display:block; clear:both; float:none} .ok_message {display:block; margin-bottom:1em;} .fail_message {display:block; color:#C70058; margin-bottom:1em;} .fltr {background:#ececec; margin-bottom:20px; padding:15px 15px 5px 15px} .fltr label {width:100px; clear:left; float:left; margin-bottom:9px; display:block; margin-right:10px} .fltr select, .fltr textarea {float:left; width:300px; margin-bottom:9px} .fltr .input, .fltr .col1 {float:left; width:296px; margin-bottom:9px} .fltr .input2 {font-size:11px; width:156px; margin:0 2px 9px 0; padding:2px; vertical-align:middle; float:left} .fltr .push2 {float:left; display:block} .fltr br {line-height:1px; font-size:1px; height:1px; display:block; clear:both; float:none} .fltr .check2 {margin:0 10px 0 0; display:block; float:left; clear:none} .fltr h5 {font-size:11px; padding:0 0 10px 0; width:146px; float:left; clear:none; margin:0 10px 0 0} .fltr .lb2 {width:124px; float:left; clear:none; margin:0 10px 0 0; padding-bottom:15px} .fltr .lb3 {width: 300px; margin: 0 10px 0 0; padding-bottom: 5px;} .fltr .formq {width: 300px; float: left;} .fltr .col12 {float:left; overflow:hidden; width:230px; padding-bottom:15px} .fltr .sp2 {width:30px; float:left} .input {float: left; margin-bottom: 9px;} /* table */ table, tr, td {border:none; padding:3px} table.top td, div.top td, td.top {vertical-align:top} .top td td {} .f1 {} .f1 th {padding:7px; text-align:left; font-size:11px} .f1 td {padding:7px; border-right:#FFFFFF 1px solid} .f1 .odd td {background:#f0f0f0} .f1 .oddred td {background:#EFD1D1} .f2 {} .f2 td {padding:0 0 8px 0; vertical-align:bottom} .f2 .l {font-weight:bold; color:#bf314c; padding-right:10px} .f3 {} .f3 td {padding:0 0 12px 0; vertical-align:top} .f3 .l {font-weight:bold; color:#bf314c; padding-right:15px} .f4 {} .f4 th {font-size:12px; font-weight:bold; padding:7px; background:#cbd6dd; text-align:left; border-right:#FFFFFF 1px solid} .f4 .h2 td {font-size:12px; padding:7px; font-weight:bold; background:#e0e0e0; border:#FFFFFF solid; border-width:2px 1px 0 0} .f4 .h2 h4, .f4 .h2 h5 {padding:0} .f4 td {padding:6px 7px; border-right:#FFFFFF 1px solid;} .f4 .odd td {background:#f1f1f1} .f4 .oddred td {background:#EFD1D1} .f5 {} .f5 th {font-size:11px; font-weight:bold; padding:3px 5px; background:#cbd6dd; text-align:left; border-right:#FFFFFF 1px solid} .f5 td {padding:5px; border-right:#FFFFFF 1px solid} .f5 .odd td {background:#f0f0f0} .f5 .oddred td {background:#EFD1D1} table.normal {} .normal td {padding:3px; vertical-align:top} /* CONTENT */ .col1 {float:left; overflow:hidden} .col11 {float:left; overflow:hidden} .pictures{overflow:hidden; width: 570px;} .pictures2{overflow:hidden; width: 850px;} .pictures1{overflow:hidden; width: 200px;} #hdr {width:937px; padding-bottom:18px} #logo {width:33px; margin:2px 0px 0 0; float:left} #slogan {float:left; display:block; color:#636b71; padding:0; font-size:17px; text-align:left;} #content {width:937px; text-align:left;} #ftr {width:937px; border-top:#b9b9b9 1px solid; padding:25px 0; color:#8f8f8f; margin-top:15px; clear:both} #ftr .ftr_ads {float: right;} /* SERVICES */ /* menu */ #menu {margin-top:21px; background:#7390a5 URL(/img/bg/menu_bg_1.gif) repeat-x; z-index: 1000;} #menu td {} #menu .mid {width:50%; border-right:0; } #menu .push {background:URL(/img/bg/menu_bg_2.gif) bottom left repeat-x; float:left;} #menu a {color:#FFFFFF; text-decoration:none; font-weight:bold; border-right:#a4bbcc 1px solid; padding:9px 12px; display:block} #menu a:hover, #menu a.s {color:#454545; background:#e2e5e6} #menu .push .b {height:1px; width:1px; position:absolute; background:none; clear:none} #menu .b {background:#d3d3d3; height:6px} #menu .r {float:right} #menu .r a {border-left:#a4bbcc 1px solid; border-right:0; font-weight:normal} #menu .sub {position:absolute; background:#e2e5e6 URL(/img/bg/sub_bg.gif) bottom left repeat-x; padding:15px 0 19px 0; display:none; z-index: 1000; text-align:left;} #menu .sub a {display:block; padding:6px 15px 6px 22px; font-weight:normal; color:#0774b7; border-right:0; border-left:0; white-space:nowrap} #menu .sub a:hover {color:#5e5e5e; background:URL(/img/bull4.gif) 14px 10px no-repeat; text-decoration:none; display:block; text-align:left;} #menu #i0 {display:none; position:absolute; width:1px; height:1px; z-index:-1} #menu2 a {color:#575757} #menu3 {border-top:#e1dedd 1px solid} #menu3 .block {font-size:10px; border-bottom:#e1dedd 1px solid; padding: 0 0 8px 0} #menu3 a.s {padding:6px 13px 8px 13px; display:block; background:URL(/img/bull5.gif) 0 11px no-repeat;} #menu3 a.s1 {color:#4C4C4C; font-size:12px; font-weight:bold; padding:6px 13px 8px 13px; display:block; background:URL(/img/bull6.gif) 0 10px no-repeat; border-bottom:#e1dedd 1px solid} #menu3 .block a {padding:4px 13px; display:block; clear:both} #menu3 .block .s {/* float:left; clear:both; background:URL(/img/bull4.gif) right 9px no-repeat; */ background:none; padding-right:7px; font-weight:bold; color:#5e5e5e} #menu3 .block .s img {} #menu3 .block a.s:hover {text-decoration:none} #menu3 a.l2 {font-size:12px; padding:6px 13px 8px 13px; display:block; background:URL(/img/bull6.gif) 0 10px no-repeat; border-bottom:#e1dedd 1px solid} #way {font-size:12px; color:#5e5e5e; padding-bottom:12px} #way a {color:#005e9c} #menu4 {font-size:12px; background:URL(/img/bg/div2_bg.gif) repeat-x; } #menu4 a {padding:15px 18px 15px 12px; background:URL(/img/bull1.gif) 0 17px no-repeat; display:block; float:left} #menu4 .b {height:10px} #map {padding:0 0 30px 0} #map h1 {margin-bottom:20px} #map .row {clear:both} #map .row img {float:left; vertical-align:middle} #map .row a {float:left; vertical-align:middle; display:block; padding:6px 0 0 5px} #lang {float:right; padding-top:9px} #lang img {margin-left:2px} /* products */ #index_products {padding-bottom:10px; background:URL(/img/bg/div2_bg.gif) bottom left repeat-x; margin-bottom:28px} #index_products .col1 {width:25%} #index_products .col11 {width:35%} #index_products h2 {font-size:14px; color:#bf314c; margin:0; padding:0 0 10px 0} /* catalog */ #cat {} #cat_list {margin-top:10px} #cat_list .block {width:190px; border-top:#d3d3d3 5px solid; padding:9px 0 10px 0; float:left;} #cat.small_medium #cat_list .block {width:290px !important; border-top:none;} .small_medium #cat_list .info {width:236px; float:left; overflow:hidden} .corp #cat_list .block {border-top:0} #cat_list .itm {} #cat_list .w {width:39px; float:left; clear:none} #cat_list .pct {float:left; display:block; width:52px; overflow:hidden} #cat_list .info {width:136px; float:left; overflow:hidden} #cat_list .b2 .info {width:81%} #cat_list .b2 .f1 td {vertical-align:top} #cat_list .b2 .price {float:left; margin-right:4px} #cat_list .b2 .r2 {float:right; margin:0 0 0 0; vertical-align:middle} #cat_list .b2 .w2 {width:120px} #cat_list .b2 .div1 {clear:both; width:100%; padding:10px 0 20px 0} #cat .push {background:#87b3d1; padding:0 4px 2px 4px; margin-right:4px; font-size:11px; float:left; display:block; color:#FFFFFF; vertical-align:middle} #cat .push:hover {text-decoration:none} #cat .price {color:#bf314c; font-weight:bold} #cat_list .price {vertical-align:middle} #cat_list .itm .text {padding:4px 0 17px 0; clear:both} #cat_list #add .itm .text {padding-bottom:10px} #cat_list #add .b2 {clear:both; padding:20px 0 20px 0; background:URL(/img/bg/div1_bg.gif) left 10px repeat-x; margin-right:25px} #cat_list #add {width:396px; background:#ececec; overflow:hidden; padding:20px 0 0 20px} #cat_list #add .itm {width:175px; margin-right:20px; float:left; overflow:hidden} #cat_list #add .itm .info {width:122px} #cat h4 {color:#4C4C4C; clear:both} #cat h2 {} #cat h2.u {clear:both} #cat.corp h2 {padding-top:5px;} #cat h2 .li2 {float:right; font-size:11px; vertical-align:center; margin-top:7px} #cat_list h5 {font-weight:normal; font-size:12px} #cat_list .li1 h5 {font-weight:bold; padding-bottom:5px} #cat_card {margin-top:15px} #cat_card .pct {width:145px; float:left; display:block; overflow:hidden} #cat_card .pct img {margin-left:17px} #cat_card .info {width:511px; float:left; overflow:hidden} #cat_card #advantages h5 {width:175px; margin-right:20px; float:left; overflow:hidden; font-size:11px} #cat_card .b1 {width:459px; float:left; padding:0 0 20px 0} #cat_card #lang2 #langs {float:right} #cat_card #lang2 #langs img {margin-left:2px} #cat_card .push {font-weight:bold; padding:2px 14px} #cat_card .r2 {float:right; margin:0 0 0 0; vertical-align:middle} #cat_card .pad1 {padding:5px 7px; background:#f0f0f0; margin-bottom:25px; float:left; clear:both} #cat_card .pad1 select {width:154px; float:left; vertical-align:middle} #cat_card .pad1 div, #cat_card .pad1 .push {float:left; vertical-align:middle; overflow:hidden} #cat_card .pad1 .price {padding:2px 5px; width:70px; margin-left:20px} #cat_card .pad1 .flags {width:139px; float:left; margin-left:35px; vertical-align:middle; } #cat_card .pad1 .w {width:20px; clear:none; float:left} /* services */ #services #mod411 { margin:10px 0 0 30px} #services #mod411 .col1, #services #mod412 .b1 {width:200px; float:left; overflow:hidden} #services .w {width:25px; clear:none; float:left} #services .li1 {font-weight:bold; color:#bf314c; padding-left:10px; margin-top:10px} #translator {} #services #translator{background:#e9e9e9} .col1_2 .li2 {display:inline;} #translator .tags {background:#FFFFFF; height:2.5em} .tags a {display:block; padding:0.5em 12px 0 12px; text-decoration:none; color:#4C4C4C} .tags .tag1 {height:2.5em; overflow:hidden; line-height:1; background:URL(/img/tag/tag1_tl.gif) no-repeat; float:left; border-right:#FFFFFF 2px solid} .tags .tag1 a {background:URL(/img/tag/tag1_tr.gif) top right no-repeat; padding-bottom:30px} .tags a:hover {text-decoration:none} .tags .tag2 {font-weight:bold; height:2.5em; line-height:1; background:#e9e9e9 URL(/img/tag/tag2_tl.gif) no-repeat; float:left; border-right:#FFFFFF 2px solid} .tags .tag2 a {background:URL(/img/tag/tag2_tr.gif) top right no-repeat; } #translator .block {padding:20px 12px} #translator .block .input, #translator .block select, #translator .block textarea {width:540px; margin-bottom:7px} #translator .tags .li1 {float:right; padding:0 0 0 13px; margin-top:4px; vertical-align:middle; color:#0774b7} #services #translator select, #services #translator textarea {width:90%} /* partners */ #partners .col1 {width:210px} #partners .w {width:31px; clear:none; float:left} #partners h3 {color:#575757} #partners #types {font-size:10px} #partn_card h2 {margin-bottom:15px} #partn_card {padding-bottom:15px; background:URL(/img/bg/div1_bg.gif) bottom repeat-x; margin-bottom:20px} #partn_card .col1 {width:300px} #partn_card td {padding:0 0 7px 0; vertical-align:top} #partn_card .t {text-align:right; padding:0 5px 7px 0} /* archive */ #archive .pad2 {clear:both; padding:15px} #archive .pad2 label {display: block; clear:both; height:2em} #archive .pad2 select {float:right; width:250px; padding-left:0; padding-right:0} #archive .pad2 .input {float:right; width:246px; padding-left:0; padding-right:0} #archive .pad2 .push2 {clear:both; float:right; margin:0} #archive .date {font-size:11px; color:#bf314c; float:left; width:7em} #archive .b2 a {width:79%; float:left} #archive .b2 {padding-bottom:20px; clear:both} /* search */ #site_search {float:right; padding-top:6px} #site_search .input {width:130px; border:#d4d4d4 1px solid; margin:0 2px 0 15px; padding:2px; vertical-align:middle; float:left} #site_search .push {vertical-align:middle; float:left} #search .fltr label {width:52px} #search .fltr .input {width:390px} #search .fltr select {width:136px; margin-left:5px} #search #list a {display:block; font-weight:bold; padding:0} #search #list .block {padding-bottom:15px} #search .pages {margin-top:10px} /* news */ #index_news {padding-top:19px; width:217px} .news h5 {padding-bottom:15px} .news .date {color:#5c5c5c} #mod412 .news .date, #mod211 .date {font-size:11px; font-weight:normal; color:#bf314c} #mod412 .news .block a {display:block; font-weight:bold; padding:0} #mod412 .news .block {padding-bottom:15px} #mod413 .news a, #index_news .li1, #index_news a {display:block; padding-bottom:15px} .news .li1 {margin-top:5px; padding-bottom:0} #subscr {padding:7px 0} #subscr .input {width:130px; border:#d4d4d4 1px solid; margin:0 2px 0 0; padding:2px; vertical-align:middle; float:left} #subscr .push {vertical-align:middle; float:left} #subscr .b {height:7px} .b2 #subscr {padding:0} .b2 #subscr .input {width:135px} /* banners */ #promo {margin-bottom:25px; background:#ebe3da} #banner {} /* custom */ .starrequired, .red, .errorcolor, .errortext {color: red;} .green, .successcolor, .notetext {color: green;} .blue {color: blue;} .bgblue {background: #A7D4FF;} .bggreen {background: #9DFFC8;} .tip {border: 1px solid #0774B7; background: #FFFFFF; font-size: 7pt; padding: 5px;}