/*------------------------------------------ base CSS version: 1.2 author: Michael Zaharenkov e-mail: MiklZwork@ya.ru ------------------------------------------ */ * { margin: 0; padding: 0; } body { padding: 0; margin: 0 auto; font: normal 11px Tahoma, sans-serif; color: #000; min-width: 1003px; } img { border: 0; } *:focus { outline: none; } #mat a:visited { color: #551a8b ! important; } #carrier { width: 1003px; position: relative; left: 50%; margin-left: -501px; } #header { height: 165px; background: url('/img/city.png') no-repeat; position: relative; } #header a { display: block; width: 47px; height: 56px; background: url('/img/logo.gif') no-repeat; position: absolute; top: 33px; left: 360px; text-decoration: none; } #header h1 { width: 319px; height: 14px; position: relative; top: 53px; left: 428px; font-size: 12px; } #header h1 span { width: 137px; height: 12px; position: absolute; top: 0; left: 0; background: url('/img/texttitle.png') no-repeat; } #header span { font: normal 11px Tahoma; white-space: nowrap; color: #666; position: absolute; top: 70px; left: 428px; } #mainNav { position: relative; z-index: 1000; //float: left; } ul.nav { min-height: 28px; width: 100%; background: #666 url('/img/bgmenu.png') repeat-x; } ul.nav li { float: left; display: block; position: relative; list-style: none; } ul.nav a { position: relative; display: block; width: 166px; height: 26px; margin: 1px; margin-left: 0; } ul.nav .first a { margin-left: 1px; } .nav a span { width: 166px; height: 26px; position: absolute; cursor: pointer; text-indent: -9999px; } .nav .about a span { background: url('/img/menu.png') 0 0 no-repeat; } #about .nav .about a span { background: url('/img/menu.png') 0 -26px no-repeat; cursor: default; } .nav .about a:hover span { background: url('/img/menu.png') 0 -52px no-repeat; border: 0; } .nav .material a span { background: url('/img/menu.png') -166px 0 no-repeat; } #material .nav .material a span { background: url('/img/menu.png') -166px -26px no-repeat; cursor: default; } .nav .material a:hover span { background: url('/img/menu.png') -166px -52px no-repeat; border: 0; } .nav .application a span { background: url('/img/menu.png') -332px 0 no-repeat; } #application .nav .application a span { background: url('/img/menu.png') -332px -26px no-repeat; cursor: default; } .nav .application a:hover span { background: url('/img/menu.png') -332px -52px no-repeat; border: 0; } .nav .service a span { background: url('/img/menu.png') -498px 0 no-repeat; } #service .nav .service a span { background: url('/img/menu.png') -498px -26px no-repeat; cursor: default; } .nav .service a:hover span { background: url('/img/menu.png') -498px -52px no-repeat; border: 0; } .nav .partner a span { background: url('/img/menu.png') -664px 0 no-repeat; } #partner .nav .partner a span { background: url('/img/menu.png') -664px -26px no-repeat; cursor: default; } .nav .partner a:hover span { background: url('/img/menu.png') -664px -52px no-repeat; border: 0; } .nav .contact a span { background: url('/img/menu.png') -830px 0 no-repeat; } #contact .nav .contact a span { background: url('/img/menu.png') -830px -26px no-repeat; cursor: default; } .nav .contact a:hover span { background: url('/img/menu.png') -830px -52px no-repeat; border: 0; } .nav ul li a.wp { background: #999 url('/img/mbgpointer.png') -166px 0 no-repeat; text-indent: 9px; color: #fff; } .nav ul li a.wp:hover { background: #ccc url('/img/mbgpointer.png') 0 0 no-repeat; color: #000; text-decoration: none; border: 0; } .nav ul { display: none; position: absolute; top: 27px; left: -1px; width: 168px; background-color: #787677; border: 0; border-bottom: solid 1px #787677; } .nav .first ul { left: 0; } .nav ul a { height: 20px; line-height: 18px; font-size: 12px; background-color: #999; text-indent: 9px; color: #fff; margin: 1px 1px 0px 1px; } .nav ul ul { left: 167px; top: 0; } .nav ul li:hover a, .nav ul li:hover li:hover a { background-color: #ccc; color: #000; text-decoration: none; } .nav ul li:hover li a { background-color: #999; color: #fff; text-decoration: underline; } .nav li:hover ul, .nav li:hover ul li:hover ul, .nav li:hover ul li:hover ul li:hover ul { display: block; } .nav li:hover ul ul, .nav li:hover ul li:hover ul ul { display: none; } #wrapper { border: solid 1px #999; border-top: 0; background: #f4f4f6 url('/img/bgcontent.png') repeat-y; min-height: 360px; } #wrapper h1 { font: normal 22px Arial; margin: 20px; color: #060; } #newsBlock { position: relative; width: 295px; float: left; padding-bottom: 20px; } #content { width: 702px; float: right; } #mainContent { width: 405px; float: left; } #widget { width: 288px; float: right; } #footer { clear: both; } #wrapper p { margin: 0 18px; } #wrapper div.clear { clear: both; } #newsBlock h1{ height: 24px; line-height: 24px; } #newsBlock p span { display: block; color: #666; font-weight: bold; font-size: 11px; margin: 15px 0 9px 0; } #newsBlock a { color: #000; } #newsBlock p a.news, #newsBlock a.ntd { margin: 0; text-decoration: none; } #newsBlock p a.news:hover { text-decoration: underline; } #newsBlock p.point { padding-bottom: 20px; } #wrapper p.point { cursor: default; margin: 0 12px 0 13px; text-indent: 5px; background: url('/img/point.png') left bottom no-repeat; } #serv h1 { height: 29px; line-height: 29px; margin-bottom: 0; margin-left: 14px; } #serv p { background: url('/img/iconservice.png') 0 0 no-repeat; min-height: 56px; padding-left: 58px; margin: 15px 0; padding-top: 1px; } #serv .friend { background-position: 0 0; } #serv .benefit { background-position: -295px 0; } #serv .delivery { background-position: -590px 0; } #serv .training { background-position: -885px 0; } #serv .advice { background-position: -1180px 0; } #serv strong { color: #4d4d4d; font: bold 12px Tahoma; display: block; margin: 7px 0; } #wrapper a.bl { text-decoration: none; } #wrapper div.block p { font-size: 11px; cursor: pointer; } div.block { position: relative; margin: 20px 14px; width: 384px; height: 100px; background: #fff url('/img/bgblock.png') -768px 0 repeat-y; cursor: pointer; } div.bEnd { position: absolute; clear: both; bottom: 0 !important; width: 100%; height: 6px; background: url('/img/bgblock.png') -384px 0 no-repeat; //bottom: -7px; } #wrapper div.block h1 { width: 100%; font-size: 18px; color: #333; cursor: pointer; background: url('/img/bgblock.png') left top no-repeat; margin: 0; padding-top: 10px; text-indent: 99px; } .block .bImg { width: 69px; height: 75px; background: url('/img/imgblock.png') no-repeat; position: absolute; top: 13px; left: 12px; cursor: pointer; } .floor .bImg { background-position: 0 0; } .paint .bImg { background-position: 0 -75px; } .antirust .bImg { background-position: 0 -150px; } .concrete .bImg { background-position: 0 -225px; } .glue .bImg { background-position: 0 -300px; } .tooling .bImg { background-position: 0 -375px; } #mainContent div.block p { color: #666; margin: 5px 10px 0 99px; } h1#supplies { height: 24px; line-height: 24px; } #consultant div, #new_mat { margin: 0 10px !important; text-indent: 5px; background: url('/img/point.png') left bottom no-repeat; padding-bottom: 20px; //margin: 0 5px 0 5px; } #new_mat h1 { white-space: nowrap; height: 30px; line-height: 30px; margin-left: 10px; } #new_mat ul { padding: 0; margin: 20px 20px 20px 17px; list-style: none; width: 240px; } #new_mat ul li { padding-left: 21px; background: url('/img/questionicon.png') no-repeat left top; } #new_mat li.green { background-position: 0 0; } #new_mat li.red { background-position: -240px 0; } #new_mat ul li a { color: #000; font-size: 12px; } #new_mat ul li p { color: #666; margin: 5px 0 14px 0; padding-left: 5px; text-indent: 0; } #consultant h1 { height: 24px; line-height: 24px; margin-left: 10px; } #consultant p.icon { margin-left: 10px; padding-left: 75px; text-indent: 0; min-height: 76px; background: url('/img/consultant.jpg') 0 0 no-repeat; } #consultant p.kupava { background: url('/img/kupava.png') 0 0 no-repeat; } #consultant p strong { display: block; font-size: 14px; color: #333; } #consultant p span { display: block; font-size: 11px; color: #999; margin-bottom: 7px; } #consultant p span.contact { display: block; font-size: 22px; text-indent: 0; padding: 0; color: #000; } #consultant a { display: block; background: url('/img/allmainicon.png') 0 0 no-repeat; color: #060; padding-left: 22px; margin: 10px 0 0 0; height: 18px !important; line-height: 14px !important; } #consultant a.request { background-position: 0 -30px; height: 22px !important; } #widget div.banner { position: relative; width: 257px; height: 172px; border: 0; margin-left: 15px; } #widget div.banner .baner { position: absolute; width: 257px; height: 172px; text-align: left; } #widget div.banner .content { width: 256px; height: 172px; } #widget p.allSup { margin-top: 14px; width: 257px !important; text-align: right; padding-bottom: 25px; //width: 253px; } #widget p.allSup a { color: #000; } #widget p.allSup a.ntd { text-decoration: none; } #footer p { float: right; color: #666; margin: 18px 7px 35px 0; } /*div.dialogShadow { z-index: 1400; position: fixed !important; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; filter: alpha(opacity=25); opacity: 0.25; -moz-opacity: 0.25; //position: absolute; //top: expression((window.XMLHttpRequest) ? '0px' : document.getElementsByTagName("body")[0].scrollTop + "px"); }*/ div.dialog { width: 345px; background: #fff url('/img/bgwin.png') -345px 0 repeat-y; z-index: 1500; position: fixed !important; top: 50%; left: 50%; //position: absolute; //top: expression((window.XMLHttpRequest) ? '50%' : (document.getElementsByTagName("body")[0].clientHeight-95)/2 + document.getElementsByTagName("body")[0].scrollTop + "px"); } .dialog #wcontent { position: relative; background: #fff url('/img/bgwin.png') -345px repeat-y; text-align: center; } #wcontent img.close { position: absolute; top: 0; right: 0; margin: 1px; cursor: pointer; } #wcontent p { width: auto; margin: 15px 15px 0 15px; font: bold 12px Tahoma; text-align: center; } #wrapper #wcontent p { width: auto; margin: 15px 15px 0 15px; font: bold 12px Tahoma; text-align: center; } #wcontent p strong { color: green; } #wcontent h1.header { cursor: default; width: 345px; height: 30px; line-height: 29px; text-align: left; font-size: 12px; color: #fff; margin: 0; text-indent: 10px; background-color: #060; background: transparent url('/img/bgwin.png') 0 0 no-repeat; } #wcontent div.footer { position: absolute; bottom: 0 !important; left: 0; width: 345px; height: 30px; padding: 0; margin: 0; background: #fff url('/img/bgwin.png') -690px bottom no-repeat; //bottom: -10px; } #wcontent table { table-layout: fixed; width: 290px; margin: 20px auto 0 auto; font-size: 11px; color: #666; text-align: right; } #wcontent table td { line-height: 180%; } #wcontent input { width: 200px; margin: 3px 0; } #wcontent textarea { width: 200px; height: 150px; margin: 3px 0; } #wcontent input.button { z-index: 1600; position: relative; left: 101px; margin: 10px 0 15px 0; width: 94px; height: 35px; border: 0; background: url('/img/bsend.png') 0 0 no-repeat; cursor: pointer; } #wcontent input.act { background-position: -146px 0; } #wcontent #mess { display: none; min-height: 220px; } #wcontent #mess h1 { padding: 100px 20px; margin: 0 auto; font: normal 20px Tahoma; color: #999; } #sbubnom { text-align: left !important; text-decoration: none !important; font: normal 11px 'Trebuchet MS'; } #sbubnom img { margin-right: 10px; } #sbubnom strong { float: left; } #sbubnom strong, #sbubnom span { text-align: left !important; font-weight: normal; } #sbubnom span { color: #43659C; }