/* Main ------------------------------ */ * { margin:0; padding:0; } *:focus { outline:none; } .clear { clear:both; } html, body { width:100%; height:100%; } body { background:#cde8f9 url(/images/style/bg_body_top.jpg) repeat-x; color:#000; font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size:12px; line-height:16px;} #wrapper { min-height:100%; width:960px; position:relative; margin:0px auto; background:#fff; } #wrapper_bg_top {min-height:100%; background:url(/images/style/bg_top.jpg) no-repeat top center; } #wrapper_bg_bottom { min-height:100%; background:#cde8f9 url(/images/style/bg_bottom.gif) repeat-x bottom; } a:link { text-decoration:underline; color:#0066cc; } a:visited { text-decoration:underline; color:#0066cc; } a:hover { text-decoration:none; color:#0066cc; } a:active { text-decoration:none; color:#0066cc; } h1 { color:#136eaa; font:normal 18px/normal Arial, Tahoma, Verdana, Helvetica, sans-serif; padding:0 0 10px 0; } h2 { color:#136eaa; font:bold 14px/normal Arial, Tahoma, Verdana, Helvetica, sans-serif; padding:0 0 5px 0; } h3 { color:#136eaa; font:bold 12px/normal Arial, Tahoma, Verdana, Helvetica, sans-serif; padding:0 0 5px 0; } h4 { color:#136eaa; font:bold 10px/normal Arial, Tahoma, Verdana, Helvetica, sans-serif; padding:0 0 5px 0; } #mytxt p {text-align:justify;} #mytxt ul {margin-bottom:10px;} #index h1 { color:#005aae; font:normal 22px/normal Arial; padding-bottom:30px; } #index #mytxt h2 {color:#005AAE} #index h2 { color:#fff; font:normal 18px Arial, Tahoma, Verdana, Helvetica, sans-serif; padding-bottom:5px; } #index h3 { color:#fff; font:normal 16px Arial, Tahoma, Verdana, Helvetica, sans-serif; padding:0px; } #index .seo h2{color:#005aae;} ul, ol {margin:0 0 0 20px; clear:both;} table { border-collapse:collapse; border: 0; width:100%; } table td { vertical-align:top; } a img { border:none; } p {margin-bottom: 10px;} input, textarea {background:#fff;} blockquote { margin-left:100px; padding-left: 10px; border-left: 2px solid #ccc; } pre, code { font:12px/18px "Courier New", Courier, monospace; border: 1px dashed #aaa; padding: 10px; background: #eee; } code { padding:2px 5px; } .my-table {color: #666; font-family:Arial, sans-serif; border:1px solid #ccc; margin-bottom:20px;} .my-table caption { border-collapse:collapse; border:1px solid #136eaa; background: #136eaa; font:normal 14px/normal Arial, Tahoma, Verdana, Helvetica, sans-serif; color:#fff; text-align:left; padding: 5px 10px; } .my-table thead { border:1px solid #ccc; background:#ccc; font-weight:normal; color:#000; text-align:left; } .my-table th { border:1px solid #ccc; background:#a4a4a4; font-weight:normal; color:#ccc; text-align:left; } .my-table td { border:1px solid #ccc; padding: 5px 5px; vertical-align:inherit; } .my-table img { float:none; } .dop_block { margin:20px 0; } .word { background:url(/images/style/word.gif) no-repeat 3px 0; padding-left:20px; } .exel { background:url(/images/style/exel.gif) no-repeat 3px 0; padding-left:20px; } .pdf { background:url(/images/style/pdf.gif) no-repeat 3px 0; padding-left:20px; } /* Header ------------------------------ */ #header { height:181px; background:url(/images/style/bg_header.jpg) no-repeat; padding:33px 0 0 0; } #header .logo { padding:6px 0 0 52px; float:left; } #header .phone { position:absolute; top:153px; left:30px; font-size:22px; line-height:normal; color:#fff; letter-spacing:-0.3px; } #header .phone .kod { color:#5ca8ee; font-size:18px; } #header span.home { background:url(/images/style/home_active.gif); position:absolute; right:247px; top:182px; width:9px; height:9px; } #header a.home { position:absolute; right:247px; top:182px; display:block; width:9px; height:9px; } #header a.home:link { background:url(/images/style/home.gif); } #header a.home:visited { background:url(/images/style/home.gif); } #header a.home:hover { background:url(/images/style/home_active.gif); } #header a.home:active { background:url(/images/style/home.gif); } #header span.feedback { background:url(/images/style/feedback_active.gif); position:absolute; right:220px; top:182px; width:9px; height:9px; } #header a.feedback { position:absolute; right:220px; top:182px; display:block; width:9px; height:9px; } #header a.feedback:link { background:url(/images/style/feedback.gif); } #header a.feedback:visited { background:url(/images/style/feedback.gif); } #header a.feedback:hover { background:url(/images/style/feedback_active.gif); } #header a.feedback:active { background:url(/images/style/feedback_active.gif); } #header span.map { background:url(/images/style/map_active.gif); position:absolute; right:192px; top:182px; width:9px; height:9px; } #header a.map { position:absolute; right:192px; top:182px; display:block; width:9px; height:9px; } #header a.map:link { background:url(/images/style/map.gif); } #header a.map:visited { background:url(/images/style/map.gif); } #header a.map:hover { background:url(/images/style/map_active.gif); } #header a.map:active { background:url(/images/style/map_active.gif); } #header .search { position:absolute; right:21px; top:176px; z-index:1; background:url(/images/style/input_search.gif) no-repeat; padding:1px 25px 2px 7px; } #header .search .input { font-size:11px; line-height:normal; background:transparent; width:122px; height:14px; border:none; } #header .search .submit { background:transparent; position:absolute; top:3px; right:7px; z-index:2; } /* Menu ------------------------------ */ #header .menu { float:right; padding-top:15px; } #header .menu li { display:inline; color:#136eaa; font:normal 18px/16px Arial; letter-spacing:-0.3px; background:url(/images/style/menu_arrow.gif) no-repeat left top; padding:15px 20px 0 0; } #header .menu span.active { color:#feffff; background:#136eaa; padding:0 2px; } #header .menu ul { position:relative; } #header .menu a { padding-right:2px; padding-left:2px; } #header .menu a:link { text-decoration:none; color:#136eaa; background:url(/images/style/menu_dotted.gif) bottom repeat-x; } #header .menu a:visited { text-decoration:none; color:#136eaa; background:url(/images/style/menu_dotted.gif) bottom repeat-x; } #header .menu a:hover { text-decoration:none; color:#003362; background:none; } #header .menu a:active { text-decoration:none; color:#003362; background:none; } #inner .podmenu { float:left; margin-left:-100%; width:240px; padding:0 30px 30px 30px; } #inner .podmenu ul li { list-style:none; background:url(/images/style/li_podmenu.gif) no-repeat 0 5px; padding:0 0 0 20px; margin:0 0 3px 0; font:normal 14px/normal Arial, Tahoma, Verdana, Helvetica, sans-serif; color:#333333; } #inner .podmenu ul li.active { position:relative; background:url(/images/style/li_podmenu_active.gif) no-repeat 0 3px; } #inner .podmenu ul li a:link { color:#0077c2; } #inner .podmenu ul li a:visited { color:#0077c2; } #inner .podmenu ul li a:hover { color:#0077c2; } #inner .podmenu ul li a:active { color:#0077c2; } #inner .podmenu ul.level2 { margin:5px 0; } #inner .podmenu ul.level2 li { background:url(/images/style/bg_li.gif) no-repeat 8px 5px; font:normal 12px/normal Arial, Tahoma, Verdana, Helvetica, sans-serif;; } #inner .podmenu ul.level2 li .active { color:#fff; background:#136eaa; } #inner .podmenu ul.level2 li a.active:link { text-decoration:none; color:#fff; } #inner .podmenu ul.level2 li a.active:visited { text-decoration:none; color:#fff; } #inner .podmenu ul.level2 li a.active:hover { text-decoration:underline; color:#fff; } #inner .podmenu ul.level2 li a.active:active { text-decoration:underline; color:#fff; } #inner .podmenu ul.level2 li a:link { color:#0bb7d6; } #inner .podmenu ul.level2 li a:visited { color:#0bb7d6; } #inner .podmenu ul.level2 li a:hover { color:#0bb7d6; } #inner .podmenu ul.level2 li a:active { color:#0bb7d6; } #inner .podmenu ul.level4 { margin:3px 0; font-size:11px; } #inner .podmenu ul.level4 li { background:none; margin-bottom:0; } #inner .podmenu ul.level4 li span.active { color:#999; background:none; font-size:11px; } #inner .podmenu ul.level4 li a { font-size:11px; } #inner .podmenu ul.level4 li a:link { text-decoration:underline; color:#136eaa; } #inner .podmenu ul.level4 li a:visited { text-decoration:underline; color:#136eaa; } #inner .podmenu ul.level4 li a:hover { text-decoration:none; color:#136eaa; } #inner .podmenu ul.level4 li a:active { text-decoration:none; color:#136eaa; } /* Hotspot ------------------------------ */ #index .hotspot { background:url(/images/style/bg_hotspot_bottom.gif) no-repeat bottom; padding:0 0 90px 0; } #index .hotspot_inner { background:#0056b5 url(/images/style/bg_hotspot_top.gif) no-repeat; min-height:124px; padding-top:100px; } #index .hotspot_inner td img { float:left; margin:0px 29px 12px 0; } #index .hotspot_inner td .anons { padding-top:10px; width:100%; } #index .hotspot_inner td { padding:0 30px; width:50%; color:#8fc2fb; font:normal 9px/normal Microsoft Sans Serif, Arial, Century Gothic, Impact, Lucida Sans Unicode, Tahoma, Verdana; } .hotspot a:link { text-decoration:underline; color:#8FC2FB; } .hotspot a:visited { text-decoration:underline; color:#8FC2FB; } .hotspot a:hover { text-decoration:none; color:#8FC2FB; } .hotspot a:active { text-decoration:none; color:#8FC2FB; } #inner .hotspot { padding:0 0 120px 0; position:absolute; bottom:115px; } #inner .hotspot_inner { background:#0056b5 url(/images/style/bg_hotspot_top.gif) no-repeat; min-height:124px; padding-top:100px; } #inner .hotspot_inner td img { float:left; margin:0px 29px 12px 0; } #inner .hotspot_inner td .anons { padding-top:10px; width:100%; } #inner .hotspot_inner td { padding:0 30px; width:50%; color:#8fc2fb; font:normal 9px/normal Microsoft Sans Serif, Arial, Century Gothic, Impact, Lucida Sans Unicode, Tahoma, Verdana; } #inner .hotspot h2 { color:#fff; font:normal 22px/18px Arial, Tahoma, Verdana, Helvetica, sans-serif; padding-bottom:5px; } #inner .hotspot h3 { color:#fff; font:normal 18px/16px Arial, Tahoma, Verdana, Helvetica, sans-serif; padding:0px; } /* Content ------------------------------ */ #index .seotext { float:left; margin-left:-100%; width:280px; padding:40px 30px 0 30px; } #index #content #container .content { padding:0 10px 0 330px; } #content { min-height:245px; height:1%; background:url(/images/style/bg_content_top.gif) no-repeat; padding:35px 0 230px 0; } #inner #content { padding-top:95px; padding-bottom:500px; } #content #container { float:left; overflow:hidden; width:100%; } #content #container .content { padding:0 40px 0 300px; } #content #container .content img { margin:0 15px 5px 0; } #content .content ul { margin-bottom:20px; } #content .content ul li { list-style:none; background:url(/images/style/bg_li.gif) no-repeat 0 6px; padding-left:10px; } #content #container .inner_no_menu { padding:0 40px; } #content #container .inner_no_menu img { margin:0 15px 5px 0; } #content .inner_no_menu ul { margin-bottom:20px; } #content .inner_no_menu ul li { list-style:none; background:url(/images/style/bg_li.gif) no-repeat 0 6px; padding-left:10px; } #content #container .inner_no_menu #catalog img { margin:0; float:none; } #content #container .inner_no_menu #preview .photo img { float:none; margin:0 15px 0 0; border:0; } #content #container .inner_no_menu #preview { font:normal 11px/16px Arial, Tahoma, Verdana, Helvetica, sans-serif; } #content #container .inner_no_menu #preview p { margin-bottom:5px; } #content #container .inner_no_menu #preview .title { margin:0; color:#0066cc; font:bold 14px/16px Arial, Tahoma, Verdana, Helvetica, sans-serif; } #content #container .inner_no_menu #preview .naznachenie { margin-bottom:15px; color:#999; font:normal 12px/16px Arial, Tahoma, Verdana, Helvetica, sans-serif; } #inner #content #container .inner_no_menu .captcha_img img { margin:5px 5px 0 10px; float:none; display:block; } .seo_block { padding:30px; } /* Catalog ------------------------------ */ #catalog { margin-bottom:50px; overflow:hidden; } #catalog table { position:relative; left:2px; } #catalog table td { background:url(/images/style/dotted_main.gif) repeat-y right; } #catalog .wrap_img { height:60px; vertical-align:middle; text-align:center; } #content #container .content #catalog img { margin:0; float:none; } #catalog .link { padding:0 10px } #catalog td { padding:10px 5px; text-align:center; width:145px; } #index #catalog table { background:url(/images/style/bg_catalog.gif) repeat-y 4px top; } #index #catalog table td { background:none; } #index #catalog .wrap_img { height:140px; vertical-align:middle; text-align:center; } #index #catalog .wrap_img a, #catalog .wrap_img img { text-align:center; } #index #catalog .first { padding-top:10px; height:1px; } #inner #catalog .first td { padding:0px; height:0; } #preview { margin:40px 0 10px 0; } #preview .photo { width:1px; } #content #container .content #preview .photo img { float:none; margin:0 15px 0 0; border:0; } #content #container .content #preview { font:normal 11px/16px Arial, Tahoma, Verdana, Helvetica, sans-serif; } #content #container .content #preview p { margin-bottom:5px; } #content #container .content #preview .title { margin:0; color:#0066cc; font:bold 14px/16px Arial, Tahoma, Verdana, Helvetica, sans-serif; } #content #container .content #preview .naznachenie { margin-bottom:15px; color:#999; font:normal 12px/16px Arial, Tahoma, Verdana, Helvetica, sans-serif; } #cat_level2 { overflow:hidden; } #cat_level2 #catalog table td { background:url(/images/style/dotted_brands.gif) no-repeat right 5px; } .true_wrap { margin:0 5px; color:#0066CC; } .options_filter { float:left; width:190px; height:80px; min-height:1px; overflow:hidden; padding-top:19px; margin-top:15px; text-align:center; background:url(/images/style/dotted_brands.gif) no-repeat right; } .options_filter img { display:block; margin:0 auto; margin-bottom:5px; } #index .filtr { position:relative; top:-10px; } #index .filtr h2 { color:#005aae; position:relative; top:-26px; left:32px; } .wrap_form { position:relative; } .white { position:absolute; top:0; right:0; width:10px; height:250px; background:#fff; color:#fff; z-index:12; } #search_form_inner { margin-top:60px; } #search_form_inner div { vertical-align:top; } #search_form_inner p { font:normal 14px/16px Arial, Tahoma, Verdana, Helvetica, sans-serif; } #search_form_inner select { float:left; margin-top:2px; } #search_form_inner option { font:normal 11px/normal Arial, Tahoma, Verdana, Helvetica, sans-serif; width:122px; } #search_form_inner input.submit { margin:0 0 0 5px; } /* News ------------------------------ */ .item { margin-bottom:20px; } .date span { background:#136eaa; color:#fff; font:normal 9px/16px Microsoft Sans Serif, Arial, Century Gothic, Impact, Lucida Sans Unicode, Tahoma, Verdana; } /* Numpages ------------------------------ */ #inner #content #container #numpages { color:#999; } #inner #content #container #numpages img { float:none; margin:0 5px 2px 5px; } #inner #content #container #numpages .num { color:#333; } /* Webforms_ex1 ------------------------------ */ #webforms { width:auto; } #webforms input { border:1px solid #8ba8c9; padding:2px 5px; margin:3px 10px; width:220px; } #webforms textarea { border:1px solid #8ba8c9; padding:2px 5px; margin:3px 10px; width:220px; height:80px; overflow:auto; } #webforms .submit input { width:99px; height:24px; border:0; float:right; padding:0; } /* Captcha ------------------------------ */ .captcha_img { padding:0 0 0 0px; } .text_captcha { padding:5px 10px; } #inner #content #container .content .captcha_img img { margin:5px 5px 0 10px; float:none; display:block; } /* Footer ------------------------------ */ #footer { width:100%; position:absolute; bottom:0; background:url(/images/style/volna_bottom.gif) no-repeat; height:196px; padding:38px 0 0 30px; color:#fff; font:12px/normal Arial, Tahoma, Verdana, Helvetica, sans-serif; } #inner #footer { height:197px; background:url(/images/style/bg_hotspot_bottom_inner.gif) no-repeat top left; } #footer a { position:relative; } #footer a:link { text-decoration:underline; color:#fff; } #footer a:visited { text-decoration:underline; color:#fff; } #footer a:hover { text-decoration:none; color:#fff; } #footer a:active { text-decoration:none; color:#fff; } .webprofy { padding:3px 64px 10px 95px; float:right; margin-top:115px; } .copycompany { background:url(/images/style/logo_small.gif) no-repeat; padding:43px 0 0 0; } .copycompany p { margin-bottom:30px; }