/* Footer bottom ------------------------------ */ html, body { width:100%; height:100%; } #wrapper { min-height:100%; height:auto; position:relative; width:1024px; margin:0px auto; background:url(/images/bg.gif); } #index #content { padding:45px 0 232px 0; width:1024px; } #inner #content { padding:0 0 232px 0; width:1024px; } #footer { height:119px; width: 100%; position:absolute; bottom: 0px; } /* Main ------------------------------ */ * { margin:0; padding:0; } *:focus { outline:none; } .clear { clear:both; } body { background:url(/images/bg.jpg) center top fixed no-repeat black; font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#d3d3d3; } a:link { text-decoration:underline; color:#69c6f7; } a:visited { text-decoration:underline; color:#69c6f7; } a:hover { text-decoration: none; color:#69c6f7; } a:active { text-decoration:underline; color:#69c6f7; } a.zh {text-decoration: none; border-bottom: 1px dashed #0079B8; color:#0079B8;} a.zh:hover {text-decoration: none; border-bottom: none; color:#0079B8;} h1 { font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size:24px;color:#0079b8; font-weight:normal; padding:2px 0 10px 0; } h2 { font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size:20px;color:#0079b8; font-weight:normal; padding:5px 0 5px 0; } h3 { font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size:18px;color:#0079b8; font-weight:normal; padding:5px 0 5px 0;} h4 { font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size:16px;color:#0079b8; font-weight:normal; padding:5px 0 5px 0; } #index h2 { font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size:18px; color:#ccc; font-weight:normal; padding-bottom:15px;} ul, ol {margin:0 0 8px 20px; list-style:none; clear:both;} li { background:url(/images/bg_li.gif) no-repeat left 9px; padding:0 0 0px 30px; line-height:18px; } table { border-collapse:collapse; border: none; width:100%; } table td { vertical-align:top; } a img { border:none; } p {margin-bottom: 10px;} input {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 { margin-bottom:20px;} .my-table thead { color: #fff; text-align:left; font-weight:bold; } .my-table thead td { border-bottom: 2px solid #464747; } .my-table td { border-bottom: 1px solid #868484; padding: 5px 10px; vertical-align:middle; } /* Header ------------------------------ */ #index #header { height:377px; width:1024px; margin:0 auto; background:url(/images/header_pic_main.jpg) no-repeat right bottom; } #index #header .logo { position:absolute; top:52px; left:89px; z-index:150; } #index #header .logo a { display:block; } #index #header .logo_wrap { background:url(/images/bg_header_underlogo.png) no-repeat; width:344px; height:377px; } #inner #header { height:218px; width:1024px; margin:0 auto; background:url(/images/header_pic_inner.jpg) no-repeat 344px 53px; } #inner #header .logo { position:absolute; top:43px; left:111px; z-index:150; } #inner #header .logo_wrap { background:url(/images/bg_header_underlogo_inner.jpg) no-repeat; width:343px; height:218px; } #header .home { position:absolute; top:20px; right:220px; z-index:150; } #header .home a, #header .home img, #header .map a, #header .map img { display:block; height:11px; width:11px; } #header .mail a, #header .mail img { display:block; height:11px; width:12px; } #header .map { position:absolute; top:20px; right:82px; z-index:150;} #header .mail { position:absolute; top:20px; right:152px; z-index:150;} #header .phone_header { position:absolute; top:20px; left:351px; z-index:150; font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size:11px; color:#818282;} #header .phone_header span { color:#69c6f7; font-family:'Times New Roman', Times, serif; font-size:22px; } #header .separator1 { position:absolute; top:20px; right:190px; z-index:150; height:11px; width:1px; background:url(/images/header_separator.gif) no-repeat; } #header .separator2 { position:absolute; top:20px; right:121px; z-index:150; height:11px; width:1px; background:url(/images/header_separator.gif) no-repeat; } .link_main { position:absolute; top:-43px; left:-111px; width:70px; height:100px; display:block; } /* Content ------------------------------ */ #index #content { background:url(/images/bg_content_top.gif) no-repeat; } #index .secondarycontent { width:207px; padding-left:21px; float:right;} #index .content { width:790px; } #index .maincontent { width:453px; } #content .scrolling { height:165px; overflow: hidden; position: relative; padding-right: 22px; text-align:left; } #scroll_top { position:absolute; top: 0px; right: 0px; height:25px; width:16px; cursor:pointer;background: url('/images/scroll_up.gif') no-repeat; } #scroll_down { position:absolute; top: 140px; right: 0px; height:25px; width:16px; cursor:pointer; background: url('/images/scroll_down.gif') no-repeat; } .scroll_content { font-family:'Times New Roman', Times, serif; color:#d1d1d1; font-size:17px; line-height:22px;} .scroll_content h1 { font-family:Arial, sans-serif; font-size:18px; font-weight:normal; color:#525252; text-decoration:none; padding:15px 0; } #inner #content { background:url(/images/bg_content_top_inner.gif) no-repeat; } #inner .content { width:100%; } #inner .maincontent { padding-right:35px; } #inner .secondarycontent { padding-left:40px; } #inner .secondarycontent h2 { font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size:18px; color:#ccc; font-weight:normal; padding-bottom:15px;} #inner #content img { border:6px solid #2b2b2b; float:left; margin:0 25px 10px 0; } .content_level2 { width:775px; margin-top:40px; height:100%; } .level2_side { width:235px; padding:0 68px 0 40px; } .level2_side span { color:#666; font-size:11px; font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif; } .level2_side h2 { margin-top:5px; } .level2_center { border:1px; } .level2_center a:link { text-decoration:none; color:#ccc; } .level2_center a:visited { text-decoration:none; color:#ccc; } .level2_center a:hover { text-decoration:underline; color:#ccc; } .level2_center a:active { text-decoration:none; color:#ccc; } .level2_center .anons { padding:20px 0; } .level2_center .anons img { width:88px; height:88px; float:left; border:6px solid #2b2b2b; margin:0 13px 10px 0;} .content_level3 { width:775px; margin-top:40px; } .level3_side { width:235px; padding:0 68px 0 40px; font-size:11px; } .level3_side .poll_quest { color:#ccc; font-size:11px; text-decoration:underline; font-weight:bold; } .level3_side .poll .button_poll { background:url(/images/button_poll.gif) no-repeat; border:none; font-size:11px; color:#fff; font-weight:bold; width:76px; height:28px; float:right; text-decoration:underline; } .level3_side .item_name { padding-left:8px; } .level3_center .item .date { color:#666; font-size:11px; } .level3_center .item a { font-size:11px; } .level3_center .item .anons { margin-bottom:5px; } .block_wrap_left { background:url(/images/bg_block_left.gif) no-repeat bottom left; width:16px; min-height:167px; } .block_wrap_right { background:url(/images/bg_block_right.gif) no-repeat bottom right; width:16px; min-height:167px; } .news { padding:25px 35px 30px 5px; } .search { background:#000; } .vote_button { text-align:left; } .google_maps { margin:20px 0; } /* Menu ------------------------------ */ .mainmenu { width:319px; padding:50px 0 0 24px; } #index .mainmenu { padding-top:0; } .mainmenu ul.menu { list-style:none; margin:0 0 55px 0;} .mainmenu .menu li { background:url(/images/bg_mainmenu.png) no-repeat; width:280px; padding-bottom:0; } .mainmenu .menu a, .mainmenu .menu span { position:relative; height:28px; width:226px; display:block; padding:11px 0 8px 34px; text-decoration:none; } .mainmenu .menu a:link { color:#b9bab9; } .mainmenu .menu a:visited { color:#b9bab9; } .mainmenu .menu a:hover { color:#fff; } .mainmenu .menu a:active { color:#fff; } .mainmenu .menu .active { color:#fff; } .mainmenu .menu_level2 { margin:0; padding-left:54px; color:#989d96;} .mainmenu .menu_level2 li { background:url(/images/menu_level2.gif) no-repeat 0 4px; width:auto; height:auto; padding:0 0 7px 25px; } .mainmenu .menu_level2 a, .mainmenu .menu_level2 span { width:auto; height:auto; padding:0; } .mainmenu .menu_level2 a:link { text-decoration:underline;color:#989d96; } .mainmenu .menu_level2 a:visited { text-decoration:underline;color:#989d96; } .mainmenu .menu_level2 a:hover { text-decoration:none; color:#989d96; } .mainmenu .menu_level2 a:active { text-decoration:none; color:#989d96; } .mainmenu ul.menu_level3 { margin:0; padding-bottom:7px; padding-right:40px; color:#989d96;} .mainmenu .menu_level3 li { background:url(/images/menu_level3.gif) no-repeat 0 11px; width:auto; height:auto; padding:2px 0 4px 20px; } .mainmenu .menu_level3 a, .mainmenu .menu_level3 span { width:auto; height:auto; padding:0; } .mainmenu .menu_level3 a:link { text-decoration:underline;color:#989d96; } .mainmenu .menu_level3 a:visited { text-decoration:underline;color:#989d96; } .mainmenu .menu_level3 a:hover { text-decoration:none; color:#989d96; } .mainmenu .menu_level3 a:active { text-decoration:none; color:#989d96; } .mainmenu .menu_level3 .active { color:#00a7ff; background:url(/images/menu_level3_active.gif) no-repeat 0 11px; } .hotspot { padding-left:35px; background:url(/images/bg_sidecontent_top.png) no-repeat; min-height:194px; width:140px; } .hotspot a { position:relative; } .hotspot .active { color:#69C6F7; } .hotspot ul { margin-left:0; } .hotspot li {list-style:none; background: url(/images/list_style.gif) no-repeat 0 10px; padding:0 0 4px 21px; } .hotspot_wrap { background:url(/images/bg_sidecontent.gif) repeat-y; } .hotspot_wrap h2 { padding-top:13px; } .hotspot_wrap1 { background:url(/images/bg_sidecontent_bottom.gif) no-repeat left bottom; padding-bottom:30px; } /* Navibar ------------------------------ */ .navibar { padding: 0 0 24px 0; margin:0 0 30px 0; } .navibar li { list-style:none; float:left; background:url(/images/navibar.gif) no-repeat right 11px; padding:0 11px 0 0; margin-right:9px; line-height:24px; } .navibar .last { background:none; } .navibar li span { color:#666; font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size:11px; } .quantificator { background: url(/images/navibar.gif) no-repeat right center; width:3px; height:5px;} .navibar a:link { color:#666; text-decoration:underline; font-size:11px; font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif; } .navibar a:visited { color:#666; text-decoration:underline; font-size:11px; font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif; } .navibar a:hover { color:#666; text-decoration:none; font-size:11px; font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif; } .navibar a:active { color:#666; text-decoration:none; font-size:11px; font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif; } /* Catalog ------------------------------ */ #catalog #content { padding:0 0 130px 0; width:1024px; } #catalog .wrap_header { background:url(/images/bg_header_catalog.jpg) no-repeat; } #catalog #header { height:218px; width:1024px; margin:0 auto; background:url(/images/header_pic_catalog.jpg) no-repeat 344px 53px; } #catalog #header .logo { position:absolute; top:43px; left:111px; z-index:150; } #catalog #header .logo a { display:block; } #catalog #content { background:#0a0e11 url(/images/bg_content_catalog.jpg) no-repeat; } #catalog #content img { border:6px solid #242f38; float:left; margin:0 25px 10px 0; } #catalog .catalog { background:none; } #catalog .content_bottom { background:url(/images/bg_content_bottom_catalog.jpg) no-repeat bottom left; padding-bottom:150px;} #catalog #footer { height:130px; background:#000; padding:0;} #catalog .mainmenu .menu li { background:url(/images/bg_mainmenu_catalog.png) no-repeat; } #catalog .mainmenu .menu_level2 li { background:url(/images/menu_level2.gif) no-repeat 0 4px;} #catalog .mainmenu .menu_level2 span { color:#00a7ff; } #catalog .hotspot { background:url(/images/bg_sidecontent_top_catalog.gif) no-repeat; width:140px; } #catalog .hotspot_wrap { background:url(/images/bg_sidecontent_catalog.gif) repeat-y; } #catalog .hotspot_wrap1 { background:url(/images/bg_sidecontent_bottom_catalog.gif) no-repeat left bottom; } #catalog .maincontent { padding-right:0px; } #catalog .maincontent p, h1{ padding-right:35px; } #catalog .secondarycontent { padding-left:40px; } #catalog .secondarycontent h2 { font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size:18px; color:#ccc; font-weight:normal; padding-bottom:15px;} .catalog_all { width:180px; float:left; text-align:left; margin-bottom:40px; padding: 0 20px;height: 170px;} .catalog_all a { display:block; font-weight:bold; } .catalog_all a.title { display:inline; } #catalog #content .catalog_all img { width:122px; height:94px; float:none; margin:10px 0 0 0; border:6px solid #242f38; } .opisanie_tovara_ryadom { margin-bottom:70px; padding-right:35px;} .opisanie_tovara_vnizu { padding-right:35px; } #catalog .anons { border-bottom:1px solid #505051; } /* Stati ------------------------------ */ #stati #content { padding:0 0 130px 0; width:1024px; } #stati .wrap_header { background:url(/images/bg_header_stati.jpg) no-repeat; } #stati #header { height:218px; width:1024px; margin:0 auto; background:url(/images/header_pic_stati.jpg) no-repeat 344px 53px; } #stati #header .logo { position:absolute; top:43px; left:111px; z-index:150; } #stati #header .logo a { display:block; } #stati #content { background:#101010 url(/images/bg_content_stati.gif) no-repeat; } #stati #content img { border:6px solid #242f38; float:left; margin:0 25px 10px 0; } #stati .catalog { background:none; } #stati .content_bottom { background:url(/images/bg_content_bottom_stati.jpg) no-repeat bottom left; padding-bottom:150px;} #stati #footer { height:130px; background:#000; padding:0;} #stati .mainmenu .menu li { background:url(/images/bg_mainmenu.png) no-repeat; } #stati .mainmenu .menu_level2 li { background:url(/images/menu_level2.gif) no-repeat 0 4px;} #stati .mainmenu .menu_level2 span { color:#00a7ff; } #stati .mainmenu .menu_level3 li { background:url(/images/menu_level3_stati.gif) no-repeat 0 8px; padding-left:15px; padding-right:70px; } #stati .hotspot { background:url(/images/bg_sidecontent_top_stati.gif) no-repeat; width:140px; } #stati .hotspot_wrap { background:url(/images/bg_sidecontent_stati.gif) repeat-y; } #stati .hotspot_wrap1 { background:url(/images/bg_sidecontent_bottom_stati.jpg) no-repeat left bottom; } #stati .maincontent { padding-right:35px; } #stati .secondarycontent { padding-left:40px; } #stati .secondarycontent h2 { font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size:18px; color:#ccc; font-weight:normal; padding-bottom:15px;} #stati .anons { border-bottom:1px solid #505051; } /* Uslugi ------------------------------ */ #uslugi #content { padding:0 0 130px 0; width:1024px; } #uslugi .wrap_header { background:url(/images/bg_header_uslugi.jpg) no-repeat; } #uslugi #header { height:218px; width:1024px; margin:0 auto; background:url(/images/header_pic_uslugi.jpg) no-repeat 344px 53px; } #uslugi #header .logo { position:absolute; top:43px; left:111px; z-index:150; } #uslugi #header .logo a { display:block; } #uslugi #content { background:#120e0a url(/images/bg_content_uslugi.jpg) no-repeat; } #uslugi #content img { border:6px solid #492f19; float:left; margin:0 25px 10px 0; } #uslugi .content_bottom { background:url(/images/bg_content_bottom_uslugi.jpg) no-repeat bottom left; padding-bottom:150px;} #uslugi #footer { height:130px; background:#000; padding:0;} #uslugi .mainmenu .menu li { background:url(/images/bg_mainmenu_uslugi.png) no-repeat; } #uslugi .mainmenu .menu_level2 li { background:url(/images/menu_level2_uslugi.gif) no-repeat left 4px;} #uslugi .mainmenu .menu_level2 span { color:#ffb505; } #uslugi .mainmenu .menu_level3 li { background:url(/images/menu_level3_uslugi.gif) no-repeat left center; } #uslugi .hotspot { background:url(/images/bg_sidecontent_top_uslugi.gif) no-repeat; width:140px; } #uslugi .hotspot_wrap { background:url(/images/bg_sidecontent_uslugi.gif) repeat-y; } #uslugi .hotspot_wrap1 { background:url(/images/bg_sidecontent_bottom_uslugi.gif) no-repeat left bottom; } #uslugi .maincontent { padding-right:35px; } #uslugi .secondarycontent { padding-left:40px; } #uslugi .secondarycontent h2 { font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size:18px; color:#ccc; font-weight:normal; padding-bottom:15px;} #uslugi .mainmenu .menu a:link { color:#cec7b2; } #uslugi .mainmenu .menu a:visited { color:#cec7b2; } #uslugi .mainmenu .menu a:hover { color:#fff; } #uslugi .mainmenu .menu a:active { color:#fff; } #uslugi .mainmenu .menu .active { color:#fff; } #uslugi .mainmenu .menu_level2 { color:#989d96;} #uslugi .mainmenu .menu_level2 a:link { color:#cec7b2; } #uslugi .mainmenu .menu_level2 a:visited { color:#cec7b2; } #uslugi .mainmenu .menu_level2 a:hover { color:#cec7b2; } #uslugi .mainmenu .menu_level2 a:active { color:#cec7b2; } #uslugi .mainmenu ul.menu_level3 { color:#cec7b2;} #uslugi .mainmenu .menu_level3 a:link { color:#cec7b2; } #uslugi .mainmenu .menu_level3 a:visited { color:#cec7b2; } #uslugi .mainmenu .menu_level3 a:hover { color:#cec7b2; } #uslugi .mainmenu .menu_level3 a:active { color:#cec7b2; } #uslugi .mainmenu .menu_level3 .active { color:#00a7ff; } #uslugi h1 { color:#bc691d; font-weight:normal; } #uslugi h2 { color:#bc691d; font-weight:normal; } #uslugi h3 { color:#bc691d; font-weight:normal; } #uslugi h4 { color:#bc691d; font-weight:normal; } #uslugi a:link { color:#dd9d05; } #uslugi a:visited { color:#dd9d05; } #uslugi a:hover { color:#dd9d05; } #uslugi a:active { color:#dd9d05; } #uslugi .hotspot li {list-style:none; background: url(/images/list_style_uslugi.gif) no-repeat 0 10px; } #uslugi .navibar a:link { color:#867e67; } #uslugi .navibar a:visited { color:#867e67; } #uslugi .navibar a:hover { color:#867e67; } #uslugi .navibar a:active { color:#867e67; } #uslugi .navibar li span { color:#867e67; } #uslugi #header .phone_header span { color:#cec7b2; } #uslugi #header .phone_header { color:#867e67; } /* News ------------------------------ */ .news a:link, .news a:visited, .news a:hover, .news a:active { color:#69c6f7; } .item { margin-bottom:25px; } .date { font-size:11px; color:#666; } #inner .anons { border-bottom:1px solid #505051; } /* Numpages ------------------------------ */ .numpages { } .numpages span { font-size:11px; color:#666; } .numpages .activenum { padding:3px 10px; margin:0 8px; background:#69c6f7; font-size:14px; color:#000; font-weight:bold; font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif; } .numpages a { margin:0 8px; } .numpages .num { font-size:14px; } /* Captcha ------------------------------ */ .captcha { height:35px; margin-bottom:10px; vertical-align:middle; display:block; width:462px; font-size:11px; text-align:right; } #inner #content .captcha img { float:right; border:1px solid #000; margin:0; width:121px; height:35px; } .captcha .text { height:33px; display:block; float:left; padding:10px 0 0 0; } .captcha input { height:28px; float:right; padding:7px 5px 0 5px; margin:0 0 0 0; background:#434344; border: 1px solid #000; font-size:11px; color:#fefdfd; } .captcha .arrow { background:url(/images/arrow.gif) no-repeat center; float:right; width:16px; height:33px; display:block; } /* Webforms ------------------------------ */ .webforms { width:462px; } .webforms input, select, textarea { display:block; width:450px; height:19px; margin:0 0 12px; padding: 3px 5px 0 5px; background:#434344; border: 1px solid #000; font-size:11px; color:#fefdfd; } .webforms textarea { height:145px; padding:5px; display:block; font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size:11px; } .submit { width:462px; text-align:right; } /* Footer ------------------------------ */ #footer { background:#000 url(/images/bg_content_bottom.gif) no-repeat top; font-size:11px; color:#666; font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif; line-height:18px;padding-top:113px; } .unionsteel { background: url(/images/footer_logo.gif) no-repeat; padding:5px 0 0 77px; margin:25px 0 0 40px; height:68px; } .logo_an { position: absolute; top: 190px; left: 266px; } .create_site { margin: 0px; width:66px; height:70px; display:block; background:url('/images/create_site.png') top no-repeat; } .create_site:hover { width:66px; height:70px; display:block; background:url('/images/create_site.png') bottom no-repeat; } .create {margin: 80px 0 0 0;} .create_logo {float:right;margin: 35px 40px 0 10px;text-align:right;} .metall li {list-style:none; background: url(/images/metall.png) no-repeat 0 10px; }