/* @Author DivMotive.ru @url http://www.divmotive.ru/ */ html {font-size: 75%;} body {font: normal 1em/1.3 Verdana, Arial, Helvetica, sans-serif; color: #000; background: #fff;} body, table, tr, td, div, span, ul, ol, li, h1, h2, h3, h4, h5, p, form, input, select, label {margin: 0; padding: 0;} a:link {text-decoration: none; color: #0d4d9c;} a:visited {text-decoration: none; color: #0d4d9c;} a:hover {text-decoration: underline; color: #0d4d9c;} a:active {text-decoration: none; color: #0d4d9c;} ul {list-style: none;} img {border: none;} table {border-collapse: collapse; border-spacing: 0px;} hr {width: 98%; float: left;}/*78%*/ #page {width: 100%; height: auto; margin: 0px auto;} #top {width: 100%; height: 386px;} #top td {vertical-align: top;} .left_head {background: url('/images/CM_top_left.jpg') 0px -1px repeat-x;} .right_head {background: url('/images/CM_top_right.jpg') 0px 0px repeat-x;} .header {width: 1000px; height: 386px; background: url('/images/CM_top_center.gif') no-repeat;} .header ul {float: left; width: 16px; height: auto; margin-top: 8px;} .header ul li {float: left; margin: 2px 0px;} #i_home {width: 16px; height: 16px; background: url('/images/header_icons_home.gif') no-repeat;} #i_home a {width: 16px; height: 16px; display: block;} #i_map {width: 16px; height: 16px; background: url('/images/header_icons_map.gif') no-repeat;} #i_map a {width: 16px; height: 16px; display: block;} /* url in head */ .url_product {float: left; width: 82px; height: 280px; margin-left: 24px; margin-top: 50px;} .url_product a {width: 82px; height: 280px; display: block;} .url_garant {float: left; width: 60px; height: 200px; margin-left: 46px; margin-top: 84px;} .url_garant a {width: 60px; height: 200px; display: block;} .logo {float: left; width: 234px; height: 46px; margin-left: 150px; margin-right: 146px; margin-top: 16px;} .logo a {width: 234px; height: 46px; display: block;} .logo a span {display: none;} .url_base {float: left; width: 60px; height: 200px; margin-left: 12px; margin-top: 84px;} .url_base a {width: 60px; height: 200px; display: block;} .url_clients {float: left; width: 82px; height: 280px; margin-left: 46px; margin-top: 50px;} .url_clients a {width: 82px; height: 280px; display: block;} /* top menu */ #top_menu {width: 100%; height: 32px; margin: -3px auto 3px; border-top: 1px solid #fff; background: #333;} #top_menu td {width: 17%; vertical-align: middle; text-align: center; border-left: 1px solid #fff; padding: 2px 4px;} /*#top_menu td:hover {background-color: #d3d9fe;}*/ #top_menu td:first-child {border: none;} #top_menu td a:link {/*width: 100%; height: 100%; display: block; */font: bold 1em/1.2 Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: #fff;} #top_menu td a:visited {/*width: 100%; height: 100%; display: block; */font: bold 1em/1.2 Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: #fff;} #top_menu td a:hover {/*width: 100%; height: 100%; display: block; */font: bold 1em/1.2 Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; color: #fff;/* background-color: #d3d9fe;*/} #top_menu td a:active {/*width: 100%; height: 100%; display: block; */font: bold 1em/1.2 Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: #fff;} .srh_f {width: 70%; height: 18px; border: none; border-bottom: 1px solid #0033ff; font: normal 1em/1.2 Verdana, Arial, Helvetica, sans-serif;} .srh_f_hover {width: 70%; height: 18px; border: none; border-bottom: 1px solid #f09; background: #ff6; font: normal 1em/1.2 Verdana, Arial, Helvetica, sans-serif;} .srh_sm {margin-left: 2px; vertical-align: bottom;} /* all content block */ #content {width: 100%; height: 100%;} #content td {vertical-align: top;} #left {width: 220px; border-right: 1px solid #83a0c5; z-index: 100;} #left h2 { font: bold 1.31em/1 Tahoma, Arial, Helvetica, sans-serif; letter-spacing: 1px; text-align: center; color: #fff; background-color: #00458a; padding: 6px 0; margin-right: -6px; z-index: 300; } #left h2 a {color: #fff;} #left h2 a:hover {color: #ff0; text-decoration: none;} #left ul {width: 200px; margin: 0px 10px;} #left ul li {margin: 10px 0px;} .block_left {} /*.block_left h3 {margin: 5px 15px; font: bold 1.35em/1 Tahoma, Arial, Helvetica, sans-serif; color: #0033ff; text-align: center;}*/ .block_left ul {width: 180px; margin: 0px 12px;} .block_left ul li {margin: 10px 0px;} .upload_price {margin: 20px 12px;} .upload_price a:hover {width: 160px; height: 60px; display: block; background-color: #ffff99;} .certificates {margin: 20px 12px;} .certificates img {width: 180px; padding: 2px;} #right {width: 220px; border-left: 1px solid #83a0c5; z-index: 100;} #right h2 { font: bold 1.31em/1 Tahoma, Arial, Helvetica, sans-serif; letter-spacing: 1px; text-align: center; color: #fff; background-color: #00458a; padding: 6px 0; margin-left: -6px; z-index: 300; } #right h2 a {color: #fff;} #right ul {margin: 0 6px;} #right ul li {margin: .75em 0;} .block_a {width: 200px; margin: 0 auto;} .block_a h3 {font: bold 1em/1 Tahoma, Arial, Helvetica, sans-serif; text-align: center;} .block_a p {margin-top: 12px;} .block_right {width: 180px; margin-left: 10px;} .block_right h3 {margin: 5px 15px; font: bold 1.35em/1 Tahoma, Arial, Helvetica, sans-serif; color: #0033ff; text-align: center;} .block_cartridge {width: 180px; margin-left: 10px;} .block_cartridge h3 {margin: 5px 5px; font: bold 1.35em/1 Tahoma, Arial, Helvetica, sans-serif; color: #0033ff; text-align: center;} .block_cartridge ul {/*width: 170px;*/ margin: 0px 6px;} .block_cartridge ul li {margin: .75em 0px;} .block_cartridge ul li em {font-size: .88em;} .block_contact {} .block_contact h3 {margin: 5px 15px; font: bold 1.35em/1 Tahoma, Arial, Helvetica, sans-serif; color: #cc00cc; text-align: center;} .block_contact ul {width: 200px; margin: 0px 6px;} .block_contact ul li {margin: 2px 0px;} .block_nav {width: 180px; margin-left: 10px;} .block_nav h3 {margin-top: 12px;} .block_nav h4 {margin-top: 12px;} .block_nav em {font-size: .88em;} .block_rnews {width: 180px; margin-left: 10px;} .block_rnews h3 {margin: 5px 15px; font: bold 1.35em/1 Tahoma, Arial, Helvetica, sans-serif; color: #0033ff; text-align: center;} .block_rnews ul li {margin: 2px 0px;} .block_rnews h4 {margin-top: 12px;} .block_rnews em {font-size: .88em;} /* active li */ .active_li {padding-left: 18px; list-style: circle;} .active_li li {margin: 10px 0px;} .news_group {} .news_group li {margin: 12px 0px;} /* active page block */ .active_page {padding: 5px; margin-left: -6px; margin-top: 12px; border: 1px solid #0000ff; background-color: #ffff99;} .active_page h4 {margin-top: 0px !important;} .content_faq {float: left; width: 98%; height: auto; margin-top: 16px; padding: 0px 14px;} .content_faq h1 {font: bold 2em/1 Arial, Helvetica, sans-serif; color: #0000cc; text-align: center;} .content_faq h2 {font: bold 1.81em/1 Verdana, Arial, Helvetica, sans-serif; color: #0000cc; text-align: center;} .content_faq h3 {font: bold 1.56em/1 Tahoma, Arial, Helvetica, sans-serif; color: #0033ff; text-align: left;} .content_faq h4 {font: bold 1.38em/1 Arial, Helvetica, sans-serif; color: #000000; text-align: left;} .content_faq ol {margin-left: 42px; /*font: bold 1.38em/1 Arial, Helvetica, sans-serif;*/ color: #000000;} .content_faq ol li {margin: 14px 0px;} /* content */ #bread_crumbs {float: left; width: 98%; height: auto; margin: 0px 8px; border-bottom: 1px dashed #83a0c5;} #bread_crumbs li {float: left; width: auto; height: 28px; margin: 0px 2px; font: bold 1em/2.8 Verdana, Arial, Helvetica, sans-serif; color: #0d4d9c;} #bread_crumbs li a {font: normal 1em/2.8 Verdana, Arial, Helvetica, sans-serif;} .home_page_link {padding-left: 20px; padding-top: 4px; background: url('/images/cm_bullet.gif') 0px 0px no-repeat;} .content {float: left; width: 98%; height: auto; margin-top: 16px; padding: 0px 14px;} .content h1 {font: bold 1.56em/1 Tahoma, Arial, Helvetica, sans-serif; color: #0000cc; text-align: center;} .content h2 {font: bold 1.38em/1 Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #0000cc; text-align: center;} .content h3 {font: bold 1.25em/1 Tahoma, Arial, Helvetica, sans-serif; color: #0033ff; text-align: center;} .content h4 {font: bold 1.15em/1 Tahoma, Arial, Helvetica, sans-serif; color: #000000; text-align: center;} .content ul {clear: both;} .content ol {margin-left: 42px; /*font: bold 1.38em/1 Arial, Helvetica, sans-serif;*/ color: #000000; clear: both;} .content ol li {margin: 14px 0px;} .home {} .home td.column {width: 50%; padding: 0 7px;} .home-b {margin: 0 6px;} .home-b td {padding:6px; border: 2px solid #e0e0e0} .tb {overflow:hidden;} .hb {float:right; width: 290px;} .view-pr li {float:left;width:32%;} #contact_post {} #contact_post dl {float: left; width: 100%; height: auto;} #contact_post dl dt {float: left; font-weight: bold; margin: 0px;} #contact_post dl dd {float: left; margin: 0px 2px;} #post {} #post dl {float: left; width: 96%; height: auto;} #post dl dt {float: left; width: 96%; margin-top: 12px; font-weight: bold;} #post dl dd {float: left; width: 96%; margin-left: 10px; margin-top: 12px;} /* article - news */ .item_article {float: left; width: 98%; margin: 12px 0px;} .item_article span {font-weight: bold;} .item_article img {float: left; padding-right: 6px;} a.detail {font-weight: bold;} #full_rait {float: right; clear: both; margin: 5px 2px;} .tool_box {float: right; margin: 5px 2px;} .tag {font: normal 1em/1.3 Tahoma, Verdana, Arial, Helvetica, sans-serif;} .date {font: normal 1em/1.3 Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #cacaca;} .box_ctrl {float: left; width: 96%; height: auto; margin: 12px 0px;} .current {margin: 0px 6px; font: bold 1em/1.3 Tahoma, Verdana, Arial, Helvetica, sans-serif;} .page_link {font: normal 1em/1.3 Tahoma, Verdana, Arial, Helvetica, sans-serif;} .ctrl {font: bold 1em/1.2 Tahoma, Verdana, Arial, Helvetica, sans-serif;} /* groups info system */ #groups_info_system {width: 98%; margin: 10px 0px;} #groups_info_system th {padding: 1.2em 0;} #groups_info_system td {vertical-align: top; text-align: left;} .image_group {width: 96px;} .image_group img {/*padding-right: 6px;*/} /* commentar */ .comment_title {float: left; width: 94%; margin: 16px 0px; font: bold 1.5em/1.3 Arial, Helvetica, sans-serif; color: #0d4d9c;} .comment_top {float: left; width: 94%; height: auto; padding: 12px; margin: 0px; background-color: #f6f6f6;} .comment_message {float: left; width: 94%; height: auto; padding: 12px; margin-bottom: 16px; margin-top: 4px; background-color: #f0f0f0;} .form_comment {float: left; width: 94%; margin: 12px 0px;} #ShowAddComment {margin: 16px 0px; font: bold 1.25em/1.3 Arial, Helvetica, sans-serif; color: #0d4d9c;} .add_comment {float: left; width: 94%; height: auto;} #captcha {padding: 0px; font-size: 75%;} #captcha, #captcha a:link, #captcha a:hover, #captcha a:visited {color: #777;} #captcha img {} .csd {margin-left: 32px;} /* stars rating */ .stars {margin: 0px; padding: 0px;} .stars li {margin: 0px; padding: 0px; width: 16px; height: 16px; float: left; background: url('/hostcmsfiles/images/stars_gray.gif') no-repeat 0 0; cursor: pointer; list-style-type: none;} .stars .curr {margin: 0px; padding: 0px; width: 16px; height: 16px; float: left; background: none; background: url('/hostcmsfiles/images/stars_single.gif') no-repeat 0 0;} /* managers */ .item_manager {float: left; width: 40%; height: 250px; margin: 20px 18px;} #manager_block {margin: 0px 26px;} #manager_block li {margin: 10px 0; text-align: center;} #manager_block li h4 {text-align: center;} #manager_block li h4 a {font: bold 1.25em/1.2 Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #0000ff;} #manager_block li img {text-align: center; margin: 0px auto;} #manager_block li span {font: normal 1em/1.2 Tahoma, Verdana, Arial, Helvetica, sans-serif;} /* table produce */ .table_produce {width: 98%;} .table_produce th {border: 1px solid #cccccc; padding: 2px;} .table_produce td {border: 1px solid #cccccc; padding: 4px 6px;} .table_produce tr.headline:hover {background: none;} .table_produce tr:hover {background: #ff6;} .pr_word {padding: 4px 18px; line-height: 1.8; background: url('/images/word.png') 0px 2px no-repeat;} .pr_excel {padding: 4px 18px; line-height: 1.8; background: url('/images/excel.png') 0px 2px no-repeat;} #product_image {width: 98%; text-align: center;} #product_image img {} #product_table {margin: 2em auto;} #product_table table {width: 98%; margin: 2em auto;} #product_table table td {border: 1px solid #999; padding: 3px;} #form_feedback {margin: 0 auto;} #form_feedback td {padding: 2px;} /* site map */ #sitemap {margin-bottom: 2em;} #sitemap ul {display: block; font: bold 1em/1.5 Verdana, Arial, Helvetica, sans-serif;} #sitemap ul li {} #sitemap ul li a {background: url('/images/i_folder.gif') 0 2px no-repeat; padding-left: 1.6em; display: block;} #sitemap ul li a:hover {background: url('/images/i_folder.gif') 0 2px no-repeat;} #sitemap ul li ul {display: block; padding-left: 2.4em;} #sitemap ul li:hover ul li a {display: block; background: url('/images/i_folder.gif') 0 2px no-repeat;} #sitemap ul li:hover ul li a:hover {background: url('/images/i_folder.gif') 0 2px no-repeat;} #sitemap ul li ul li {} #sitemap ul li ul li a {background: url('/images/i_folder-closed.gif') 0 2px no-repeat; padding-left: 1.6em; display: block;} #sitemap ul li ul li a:hover {background: url('/images/i_folder.gif') 0 2px no-repeat;} #sitemap ul li ul li ul {display: none;} #sitemap ul li:hover ul li ul {display: none;} #sitemap ul li ul li:hover ul {display: block; padding-left: 2.4em;} #sitemap ul li ul li:hover ul li a {display: block; background: url('/images/i_folder.gif') 0 2px no-repeat;} #sitemap ul li ul li:hover ul li a:hover {background: url('/images/i_file.gif') 0 2px no-repeat;/* background: #ff6;*/} #sitemap ul li ul li ul li {} #sitemap ul li ul li ul li a {background: url('/images/i_folder.gif') 0 2px no-repeat; padding-left: 1.6em; display: block;} #sitemap ul li ul li ul li a:hover {background: url('/images/i_folder.gif') 0 2px no-repeat;} #sitemap ul li ul li:hover ul li ul {display: none;} #sitemap ul li ul li ul li:hover ul {display: block; padding-left: 2.4em;} #sitemap ul li ul li ul li:hover ul li a {display: block; background: url('/images/i_file.gif') 0 2px no-repeat;} #sitemap ul li ul li ul li:hover ul li a:hover {background: url('/images/i_file.gif') 0 2px no-repeat;/* background: #ff6;*/} /* search result */ .search_result {} .search_result li {margin: 6px 0px;} .search_result li em {color: #666;} .search_result li a:link {font: normal 1.25em/1.4 Arial, Helvetica, sans-serif; color: #0033ff; text-decoration: none;} .search_result li a:visited {font: normal 1.25em/1.4 Arial, Helvetica, sans-serif; color: #0033ff; text-decoration: none;} .search_result li a:hover {font: normal 1.25em/1.4 Arial, Helvetica, sans-serif; color: #0d4d9c; text-decoration: underline;} .search_result li a:active {font: normal 1.25em/1.4 Arial, Helvetica, sans-serif; color: #0000ff; text-decoration: underline;} /* table with region city */ .goroda_t {width: 98%; text-align: center;} .goroda_t th {padding: 3px; text-align: left;} .goroda_t td {padding: 3px; text-align: left;} /* metro list */ #metro_list {} #metro_list li {float: left; width: 30%;} .metro_ymap {text-align: right; margin-bottom: 1em; margin-right: .8em;} /* color li metro */ .bm_red {background: url('/images/bullet_red.png') 0px 2px no-repeat; padding-left: 18px;} .bm_green {background: url('/images/bullet_green.png') 0px 2px no-repeat; padding-left: 18px;} .bm_blue {background: url('/images/bullet_blue.png') 0px 2px no-repeat; padding-left: 18px;} .bm_orange {background: url('/images/bullet_orange.png') 0px 2px no-repeat; padding-left: 18px;} .bm_pink {background: url('/images/bullet_pink.png') 0px 2px no-repeat; padding-left: 18px;} .bm_purple {background: url('/images/bullet_purple.png') 0px 2px no-repeat; padding-left: 18px;} .bm_yellow {background: url('/images/bullet_yellow.png') 0px 2px no-repeat; padding-left: 18px;} .bm_black {background: url('/images/bullet_black.png') 0px 2px no-repeat; padding-left: 18px;} /* bottom menu */ #bot_menu {width: 100%; height: 30px; margin: 5px auto 10px auto; /*border: 1px solid #83a0c5;*/background: #333;} #bot_menu td {vertical-align: middle; text-align: center; border-left: 1px solid #fff; padding: 0 4px;} /*#bot_menu td:hover {background-color: #d3d9fe;}*/ #bot_menu td:first-child {border: none;} #bot_menu td a:link {/*width: 100%; height: 100%; display: block; */font: bold 1em/1.2 Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: #fff;} #bot_menu td a:visited {/*width: 100%; height: 100%; display: block; */font: bold 1em/1.2 Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: #fff;} #bot_menu td a:hover {/*width: 100%; height: 100%; display: block; */font: bold 1em/1.2 Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; color: #fff;/* background-color: #d3d9fe;*/} #bot_menu td a:active {/*width: 100%; height: 100%; display: block; */font: bold 1em/.2 Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: #fff;} /* footer copyright */ #footer {width: 100%; height: 42px; border-top: 1px solid #83a0c5;} .copy {float: left; margin-left: 12px; margin-top: 8px; font: normal 1em/1.2 Tahoma, Arial, Helvetica, sans-serif; color: #000000;} .copy a {font: normal 1em/1.2 Tahoma, Arial, Helvetica, sans-serif; text-decoration: none; color: #000000;} .copy a:hover {text-decoration: underline; color: #0033ff;} .count {float: left; margin-left: 120px; margin-top: 6px;} .count li {float: left; margin: 0px 2px;} .dm {float: right; margin-right: 34px; margin-top: 8px; font: normal 1em/1.2 Arial, Helvetica, sans-serif; color: #363636;} .dm a {font: normal 1em/1.2 Arial, Helvetica, sans-serif; text-decoration: underline; color: #363636;} .dm a:hover {text-decoration: none; color: #0d4d9c;}