/* ::::: http://www.metodspb.ru/modules/fckeditor/fckeditor.css?I ::::: */

/* ::::: http://www.metodspb.ru/modules/node/node.css?I ::::: */

/* ::::: http://www.metodspb.ru/modules/system/defaults.css?I ::::: */

img { border: 0pt none; }
.clear-block:after { content: "."; display: block; height: 0pt; clear: both; visibility: hidden; }
.clear-block { display: inline-block; }
.clear-block { display: block; }
/* ::::: http://www.metodspb.ru/modules/system/system.css?I ::::: */

/* ::::: http://www.metodspb.ru/modules/system/system-menus.css?I ::::: */

.block ul { margin: 0pt; padding: 0pt 0pt 0.25em 1em; }
/* ::::: http://www.metodspb.ru/modules/user/user.css?I ::::: */

/* ::::: http://www.metodspb.ru/themes/metod/style.css?I ::::: */

html, body { padding: 0pt; margin: 0pt; background: none repeat scroll 0% 0% rgb(192, 192, 192); text-align: left; }
body * { font-family: Arial Helvetica,sans-serif; }
div.center { position: relative; margin: 0pt auto; width: 1000px; background: none repeat scroll 0% 0% rgb(255, 255, 255); text-align: left; }
#menu { position: relative; width: 1000px; background: url('menu-fon.gif') repeat-x scroll left top transparent; height: 34px; }
#menu ul { padding: 0pt; margin: 0pt; position: relative; font-size: 12px; }
#menu ul li { list-style-type: none; display: inline; color: rgb(255, 255, 255); font-size: 12px; margin: 0pt; padding: 0pt 10px; vertical-align: top; background: url('menu-left.gif') no-repeat scroll right top transparent; }
#menu li { list-style-type: none; height: 34px; float: left; display: inline-block; line-height: 30px; color: rgb(255, 255, 255); font-size: 12px; margin: 0pt; padding: 0pt 10px; background: url('menu-left.gif') no-repeat scroll right top transparent; }
#menu li#check { list-style-type: none; height: 34px; background: url('menu-top-check.gif') repeat-x scroll left top transparent; float: left; display: inline-block; color: rgb(255, 255, 255); font-size: 12px; margin: 0pt; padding: 0pt 10px; }
#menu li#check a { color: rgb(34, 33, 33); font-size: 12px; text-decoration: none; }
#menu li#check a:hover { color: rgb(34, 33, 33); font-size: 12px; text-decoration: underline; }
#menu li a { color: rgb(255, 255, 255); font-size: 12px; text-decoration: none; }
#menu li a:hover { color: rgb(255, 255, 255); font-size: 12px; text-decoration: underline; }
#menu-gde-logo { position: relative; width: 1000px; height: 169px; background: url('menu-gde-logo.jpg') no-repeat scroll left top transparent; }
#menu-gde-logo ul { padding: 10px 0pt 0pt; margin: 0pt 5px 0pt 0pt; text-align: right; font-size: 11px; color: rgb(189, 160, 63); }
#menu-gde-logo ul li { font-size: 11px; color: rgb(138, 95, 7); display: inline; margin: 0pt 8px; }
#menu-gde-logo ul li a { font-size: 11px; color: rgb(138, 95, 7); text-decoration: underline; }
#menu-pod-logo { position: relative; width: 1000px; height: 376px; background: url('menu-pod-logo.jpg') no-repeat scroll left top transparent; }
#menu-pod-logo ul.top { padding: 0pt; margin: 45px 0pt 0pt 31px; }
#menu-pod-logo ul.top li.top { padding: 0pt 0pt 0pt 11px; margin: 0pt 0pt 7px; line-height: 15px; width: 318px; font-size: 16px; color: rgb(255, 255, 255); font-weight: bold; list-style-type: none; background: url('kvadrat.gif') no-repeat scroll left center transparent; }
#menu-pod-logo .text { position: relative; width: 323px; margin: 0pt 0pt 0pt 25px; padding: 10px 0pt 10px 10px; background: none repeat scroll 0% 0% rgb(255, 255, 255); font-size: 24px; font-weight: bold; }
.w_left { position: absolute; top: 0pt; left: 0pt; width: 10px; height: 10px; background: url('top-left-white.gif') no-repeat scroll left top transparent; }
.wb_left { position: absolute; bottom: 0pt; left: 0pt; width: 10px; height: 10px; background: url('bottom-left-white.gif') no-repeat scroll left bottom transparent; }
.w_right { position: absolute; top: 0pt; right: 0pt; width: 10px; height: 10px; background: url('top-right-white.gif') no-repeat scroll right top transparent; }
.wb_right { position: absolute; bottom: 0pt; right: 0pt; width: 10px; height: 10px; background: url('bottom-right-white.gif') no-repeat scroll right bottom transparent; }
p.clogan { padding: 0pt; margin: 33px 0pt 0pt 35px; width: 275px; font-size: 12px; }
.know_more { padding: 0pt; margin: 10px 0pt 0pt 35px; width: 275px; font-size: 12px; color: rgb(195, 101, 0); text-align: right; }
.know_more a { font-size: 12px; color: rgb(195, 101, 0); text-decoration: underline; }
.b_left { position: absolute; top: 0pt; left: 0pt; width: 10px; height: 10px; background: url('left-top-drown.gif') no-repeat scroll left top transparent; }
.bb_left { position: absolute; bottom: 0pt; left: 0pt; width: 10px; height: 10px; background: url('left-bottom-brown.gif') no-repeat scroll left bottom transparent; }
.b_right { position: absolute; top: 0pt; right: 0pt; width: 10px; height: 10px; background: url('right-bottom-brown.gif') no-repeat scroll right top transparent; }
.bb_right { position: absolute; bottom: 0pt; right: 0pt; width: 10px; height: 10px; background: url('bottom-right-brown.gif') no-repeat scroll right bottom transparent; }
li.menu7 { list-style-type: none; font-size: 20px; color: rgb(255, 246, 194); width: 263px; height: 60px; background: url('/icons/reshotki.gif') no-repeat scroll left top transparent; }
li.menu2 { list-style-type: none; font-size: 20px; color: rgb(255, 246, 194); width: 263px; height: 60px; background: url('/icons/vhodn-grup.gif') no-repeat scroll left top transparent; }
li.menu3 { list-style-type: none; font-size: 20px; color: rgb(255, 246, 194); width: 263px; height: 60px; background: url('/icons/rollers.gif') no-repeat scroll left top transparent; }
li.menu4 { list-style-type: none; font-size: 20px; color: rgb(255, 246, 194); width: 263px; height: 60px; background: url('/icons/torg-oborud.gif') no-repeat scroll left top transparent; }
li.menu5 { list-style-type: none; font-size: 20px; color: rgb(255, 246, 194); width: 263px; height: 60px; background: url('/icons/zabor.gif') no-repeat scroll left top transparent; }
li.menu6 { list-style-type: none; font-size: 20px; color: rgb(255, 246, 194); width: 263px; height: 60px; background: url('/icons/kozyrek.gif') no-repeat scroll left top transparent; }
li.menu1 { list-style-type: none; font-size: 20px; color: rgb(255, 246, 194); width: 263px; height: 60px; background: url('/icons/ofis-pereg.gif') no-repeat scroll left top transparent; }
li.menu8 { list-style-type: none; font-size: 20px; color: rgb(255, 246, 194); width: 263px; height: 60px; background: url('/icons/vorota.gif') no-repeat scroll left top transparent; }
.blue { position: relative; width: 606px; background: url('blue.gif') repeat-x scroll left top transparent; height: 73px; margin: 2px 0pt 0pt; }
.line { position: absolute; top: 0pt; width: 89px; right: 60px; height: 73px; background: url('line.gif') no-repeat scroll left top transparent; }
.bl_left { position: absolute; top: 0pt; left: 0pt; width: 10px; height: 10px; background: url('top-left-blue.gif') no-repeat scroll left top transparent; }
.blb_left { position: absolute; bottom: 0pt; left: 0pt; width: 10px; height: 10px; background: url('bottom-left-blue.gif') no-repeat scroll left bottom transparent; }
.bl_right { position: absolute; top: 0pt; right: 0pt; width: 10px; height: 10px; background: url('top-right-blue.gif') no-repeat scroll right top transparent; }
.blb_right { position: absolute; bottom: 0pt; right: 0pt; width: 10px; height: 10px; background: url('bottom-right-blue.gif') no-repeat scroll right bottom transparent; }
.zamer { position: relative; font-size: 13px; color: rgb(0, 0, 0); padding: 20px 0pt 0pt 60px; width: 384px; }
#logo { position: absolute; top: 9px; left: 45px; }
i { font-size: 11px; display: block; font-weight: normal; }
#middle { position: relative; width: 1000px; margin-top: 20px; }
#one { position: relative; width: 298px; float: left; }
#one p { color: rgb(146, 143, 136); font-size: 14px; margin-left: 21px; }
#one span#map { display: block; font-size: 11px; padding-left: 21px; background: url('c.gif') no-repeat scroll left center transparent; color: rgb(146, 143, 136); }
#one span#map a { font-size: 11px; color: rgb(146, 143, 136); }
#two { position: relative; width: 427px; float: left; }
#three { position: relative; width: 275px; float: left; }
#three p { font-size: 13px; width: 225px; }
#three p a { font-size: 13px; }
#bottom { width: 1000px; background: url('bottom.gif') repeat-x scroll left top transparent; height: 125px; }
#bottom ul { padding: 30px 0pt 0pt 41px; margin: 0pt; }
#bottom ul li { font-size: 11px; color: rgb(234, 237, 240); display: inline; margin-right: 17px; }
#bottom ul li a { font-size: 11px; color: rgb(234, 237, 240); text-decoration: underline; }
#bottom ul li a:hover { font-size: 11px; color: rgb(234, 237, 240); text-decoration: none; }
#bottom span { margin-left: 20px; }
#bottom #copy { position: absolute; color: rgb(177, 180, 184); font-size: 11px; right: 20px; bottom: 5px; }
#bottom #copy a { color: rgb(177, 180, 184); font-size: 11px; text-decoration: underline; }
#bottom #copy a:hover { color: rgb(177, 180, 184); font-size: 11px; text-decoration: none; }
h1 { font-size: 21px; color: rgb(34, 33, 33); text-align: left; }
#two p { font-size: 13px; margin-right: 20px; text-align: left; }
p#date { color: rgb(169, 164, 152); font-size: 13px; padding: 0pt; margin: 0pt; }
#mail { font-size: 16px; position: relative; width: 209px; margin: 0pt 0pt 0pt 20px; color: rgb(195, 101, 0); font-weight: bold; }
#mail a { color: rgb(195, 101, 0); font-size: 16px; text-decoration: underline; font-weight: bold; }
#brown { position: relative; width: 606px; background: none repeat scroll 0% 0% rgb(195, 128, 0); height: 271px; }
#eccentric { position: absolute; bottom: 0pt; left: 20px; width: 85px; height: 25px; }
.menu1 { height: 40px; position: relative; width: 200px; background: url('okna-inner.gif') no-repeat scroll left center transparent; }
.menu2 { height: 40px; position: relative; width: 200px; background: url('facad-inner.gif') no-repeat scroll left center transparent; }
.menu3 { height: 40px; position: relative; width: 200px; background: url('rollet-inner.gif') no-repeat scroll left center transparent; }
.menu4 { height: 40px; position: relative; width: 200px; background: url('osteklenie-inner.gif') no-repeat scroll left center transparent; }
.menu5 { height: 40px; position: relative; width: 200px; background: url('dveri-inner.gif') no-repeat scroll left center transparent; }
.menu6 { height: 40px; position: relative; width: 200px; background: url('zim-inner.gif') no-repeat scroll left center transparent; }
.menu7 { height: 40px; position: relative; width: 200px; background: url('peregorodki-inner.gif') no-repeat scroll left center transparent; }
.menu8 { height: 40px; position: relative; width: 200px; background: url('vorota-inner.gif') no-repeat scroll left center transparent; }