* { font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; margin:0; padding:0; }
body { background:#fff; color:#000; font-size:13px; }
html, body { height:100%; }

.cl:after { clear:both; content:"."; display:block; height:0; visibility:hidden; }
*:first-child+html .cl { display:inline-block; }

#box-all { background:url(../i/bg-top-content.png) no-repeat 100% 156px; min-height:100%; margin:auto; width:1000px; }
	#box-all #box-all-pd { padding:0 0 218px; }

/* ------------------------------------------------------------ header ------------------------------------------------------------ */
#box-top { height:156px; left:0px; position:absolute; top:0px; width:100%; }
	#box-top #box-top-pd { height:156px; margin:auto; width:1000px; }
#topmenu-in { float:right; margin-left:-330px; width:100%; }
	#topmenu-in #topmenu { background:url(../i/bg-top.png) no-repeat; height:156px; margin-left:330px; }
	#topmenu-in #topmenu.grey { background-color:#ccc; }
	#topmenu-in #topmenu.green { background-color:#b7e290; }
	#topmenu-in #topmenu.brown { background-color:#eac59e; }
	#topmenu-in #topmenu.red { background-color:#fdb7b7; }
	#topmenu-in #topmenu.violet { background-color:#e1baf5; }
	#topmenu-in #topmenu.blue { background-color:#b2d1f5; }
	#topmenu-in #topmenu.light-blue { background-color:#8fe6ea; }
	#topmenu-in #topmenu.yellow { background-color:#e8d553; }
		/* слоган */
		#topmenu-in #topmenu .title { color:#898484; font-family:"Arial Narrow"; font-size:20px; height:31px; padding:35px 0 0 21px; }
		#topmenu-in #topmenu .title * { font-family:"Arial Narrow"; font-size:20px; }
			#topmenu-in #topmenu .title a { color:#898484; font-family:"Arial Narrow"; font-size:20px; text-decoration:none; }
		/* горизонтальное меню */
		#topmenu-in #topmenu #top-hmenu { height:33px; padding:9px 0 0 21px; vertical-align:middle; }
			#topmenu-in #topmenu #top-hmenu * { vertical-align:middle; }
			#topmenu-in #topmenu #top-hmenu span { background:#898484; display:inline-block; height:24px; margin:0 12px; width:2px; }
			#topmenu-in #topmenu #top-hmenu a { color:#898484; display:inline-block; font-family:"Arial Narrow"; font-size:20px; text-decoration:none; }
				#topmenu-in #topmenu #top-hmenu a:hover { color:#fff; text-decoration:underline; }
				#topmenu-in #topmenu #top-hmenu a.activ { color:#fff; }
/* логотип */
#logo { float:left; height:136px; padding:20px 0 0; width:330px; }
	#logo img { display:block; }

/* ------------------------------------------------------------ footer ------------------------------------------------------------ */
#box-bottom { background:url(../i/bg-bottom.png) no-repeat; height:118px; margin:-118px auto 0; width:1000px; }
	#box-bottom.grey { background-color:#ccc; }
	#box-bottom.green { background-color:#b7e290; }
	#box-bottom.brown { background-color:#eac59e; }
	#box-bottom.red { background-color:#fdb7b7; }
	#box-bottom.violet { background-color:#e1baf5; }
	#box-bottom.blue { background-color:#b2d1f5; }
	#box-bottom.light-blue { background-color:#8fe6ea; }
	#box-bottom.yellow { background-color:#e8d553; }
	
/* ------------------------------------------------------------ content ------------------------------------------------------------ */
#box-content-in { float:right; margin-left:-330px; width:100%; }
	#box-content-in #box-content { margin-left:330px; }
		#box-content-in #box-content #box-content-pd { line-height:140%; padding:0 60px 0 20px; }
#left-collumn { float:left; width:330px; }

/* изображение (левая колонка) */
#left-pic { height:275px; margin:0 220px 0 0; position:absolute; right:50%; top:156px; min-width:1000px; width:100%; }
#left-img { height:275px; position:relative; height:1px; }
	#left-img img { display:block; position:absolute; left:16px; top:0; }
#left-pic.grey { background:#ccc url(../i/grey.gif); }
#left-pic.green { background:#b7e290 url(../i/green.gif); }
#left-pic.brown { background:#eac59e url(../i/brown.gif); }
#left-pic.red { background:#fdb7b7 url(../i/red.gif); }
#left-pic.violet { background:#e1baf5 url(../i/violet.gif); }
#left-pic.blue { background:#b2d1f5 url(../i/blue.gif); }
#left-pic.light-blue { background:#8fe6ea url(../i/light-blue.gif); }
#left-pic.yellow { background:#e8d553 url(../i/yellow.gif); }

/* вертикальное меню (каталог продукции) */
#vmenu { padding:0 0 20px; }
#vmenu.grey { background:#fff url(../i/grey.gif) repeat-x; }
#vmenu.green { background:#fff url(../i/green.gif) repeat-x; }
#vmenu.brown { background:#fff url(../i/brown.gif) repeat-x; }
#vmenu.red { background:#fff url(../i/red.gif) repeat-x; }
#vmenu.violet { background:#fff url(../i/violet.gif) repeat-x; }
#vmenu.blue { background:#fff url(../i/blue.gif) repeat-x; }
#vmenu.light-blue { background:#fff url(../i/light-blue.gif) repeat-x; }
#vmenu.yellow { background:#fff url(../i/yellow.gif) repeat-x; }
	#vmenu #vmenu-pd { background:url(../i/bg-vmenu.png) no-repeat; padding:34px 50px 0 15px; }
		#vmenu #vmenu-pd .tit { color:#616161; font-family:"Arial Narrow"; font-size:20px; }
/* первый уровень */
#vmenu #vmenu-pd ul { list-style:none; padding:0; }
	#vmenu #vmenu-pd ul li { cursor:pointer; margin:5px 0; padding:3px 12px 5px 25px; position:relative; }
		#vmenu #vmenu-pd ul li a { color:#616161; text-decoration:none; }
		#vmenu #vmenu-pd ul li div { left:263px; position:absolute; top:0px; visibility:hidden; width:2px; z-index:1001; }
/* второй уровень */
#vmenu #vmenu-pd ul li ul { left:264px; padding:0; position:absolute; visibility:hidden; top:-1px; z-index:1000; }
	#vmenu #vmenu-pd ul li ul li { margin:0; padding:3px 50px 4px 24px; }
		#vmenu #vmenu-pd ul li ul li a { font-size:11px; font-weight:bold; white-space:nowrap; }
			#vmenu #vmenu-pd ul li ul li a span { font-weight:normal; }
		#vmenu #vmenu-pd ul li ul li.on { background:#000; }
			#vmenu #vmenu-pd ul li ul li.on a { color:#fff; }

#vmenu #vmenu-pd ul li.m1 { background:#cbe7b2; border:1px solid #8fa57b; border-width:1px 0 1px 1px; padding:2px 12px 4px 24px; }
	#vmenu #vmenu-pd ul li.m1 div { background:#cbe7b2; visibility:visible; }
	#vmenu #vmenu-pd ul li.m1 ul { background:#cbe7b2; border:1px solid #8fa57b; border-width:1px 0; visibility:visible; }
		#vmenu #vmenu-pd ul li.m1 ul li { border:1px solid #8fa57b; border-width:0 1px; }
#vmenu #vmenu-pd ul li.m2 { background:#ffdab3; border:1px solid #cc9a66; border-width:1px 0 1px 1px; padding:2px 12px 4px 24px; }
	#vmenu #vmenu-pd ul li.m2 div { background:#ffdab3; visibility:visible; }
	#vmenu #vmenu-pd ul li.m2 ul { background:#ffdab3; border:1px solid #cc9a66; border-width:1px 0; visibility:visible; }
		#vmenu #vmenu-pd ul li.m2 ul li { border:1px solid #cc9a66; border-width:0 1px; }
#vmenu #vmenu-pd ul li.m3 { background:#ffb9b9; border:1px solid #cd6a6a; border-width:1px 0 1px 1px; padding:2px 12px 4px 24px; }
	#vmenu #vmenu-pd ul li.m3 div { background:#ffb9b9; visibility:visible; }
	#vmenu #vmenu-pd ul li.m3 ul { background:#ffb9b9; border:1px solid #cd6a6a; border-width:1px 0; visibility:visible; }
		#vmenu #vmenu-pd ul li.m3 ul li { border:1px solid #cd6a6a; border-width:0 1px; }
#vmenu #vmenu-pd ul li.m4 { background:#eac3fe; border:1px solid #a06acd; border-width:1px 0 1px 1px; padding:2px 12px 4px 24px; }
	#vmenu #vmenu-pd ul li.m4 div { background:#eac3fe; visibility:visible; }
	#vmenu #vmenu-pd ul li.m4 ul { background:#eac3fe; border:1px solid #a06acd; border-width:1px 0; visibility:visible; }
		#vmenu #vmenu-pd ul li.m4 ul li { border:1px solid #a06acd; border-width:0 1px; }
#vmenu #vmenu-pd ul li.m5 { background:#accbef; border:1px solid #6a8bcd; border-width:1px 0 1px 1px; padding:2px 12px 4px 24px; }
	#vmenu #vmenu-pd ul li.m5 div { background:#accbef; visibility:visible; }
	#vmenu #vmenu-pd ul li.m5 ul { background:#accbef; border:1px solid #6a8bcd; border-width:1px 0; visibility:visible; }
		#vmenu #vmenu-pd ul li.m5 ul li { border:1px solid #6a8bcd; border-width:0 1px; }
#vmenu #vmenu-pd ul li.m6 { background:#c8fcff; border:1px solid #86e1e9; border-width:1px 0 1px 1px; padding:2px 12px 4px 24px; }
	#vmenu #vmenu-pd ul li.m6 div { background:#c8fcff; visibility:visible; }
	#vmenu #vmenu-pd ul li.m6 ul { background:#c8fcff; border:1px solid #86e1e9; border-width:1px 0; visibility:visible; }
		#vmenu #vmenu-pd ul li.m6 ul li { border:1px solid #86e1e9; border-width:0 1px; }
#vmenu #vmenu-pd ul li.m7 { background:#fcffc8; border:1px solid #e9df86; border-width:1px 0 1px 1px; padding:2px 12px 4px 24px; }
	#vmenu #vmenu-pd ul li.m7 div { background:#fcffc8; visibility:visible; }
	#vmenu #vmenu-pd ul li.m7 ul { background:#fcffc8; border:1px solid #e9df86; border-width:1px 0; visibility:visible; }
		#vmenu #vmenu-pd ul li.m7 ul li { border:1px solid #e9df86; border-width:0 1px; }

/* блоки (левая колонка) */
#lblocks { padding:0 50px 30px 15px; }
	#lblocks ul { list-style:none; padding:0; }
		#lblocks ul li { margin:5px 0; padding:2px 12px 4px 25px; }
			#lblocks ul li a { color:#616161; display:block; text-decoration:none; }
		#lblocks ul li.b1 { background:#ffb9b9; border:1px solid #cd6a6a; }
		#lblocks ul li.b2 { background:#ffdab3; border:1px solid #cc9a66; }
		#lblocks ul li.b3 { background:#fcffc8; border:1px solid #e9df86; }
		#lblocks ul li.b4 { background:#cbe7b2; border:1px solid #8fa57b; }
		#lblocks ul li.b5 { background:#accbef; border:1px solid #6a8bcd; }
      #lblocks ul li.b6 { background:#E1BAF5; border:1px solid #A06ACD; }

#left-pic.grey { background:#ccc url(../i/grey.gif); }
#left-pic.green { background:#b7e290 url(../i/green.gif); }
#left-pic.brown { background:#eac59e url(../i/brown.gif); }
#left-pic.red { background:#fdb7b7 url(../i/red.gif); }
#left-pic.violet { background:#e1baf5 url(../i/violet.gif); }
#left-pic.blue { background:#b2d1f5 url(../i/blue.gif); }
#left-pic.light-blue { background:#8fe6ea url(../i/light-blue.gif); }
#left-pic.yellow { background:#e8d553 url(../i/yellow.gif); }

/* адрес */
#address { padding:0 50px 0 15px; }
	#address .tit, #address .tit a { color:#000; font-family:"Arial Narrow"; font-size:20px; padding:0 0 3px; text-decoration:none; }
	#address .text { background:#e6e6e6; color:#636363; padding:15px 15px 16px; }

/* тех. характеристика */
.tech { line-height:normal; width:100%; }
	.tech tbody tr td { font-size:11px; vertical-align:top; }
		.tech tbody tr td.text { width:100%; }
			.tech tbody tr td.text table { width:100%; }
				.tech tbody tr td.text table tbody tr td { padding:0 15px 10px 0; vertical-align:top; }
				.tech tbody tr td.text table tbody tr td.n { font-weight:bold; white-space:nowrap; }
			.tech tbody tr td.pic div { background:url(../i/grey.gif); border:1px solid #ccc; padding:0 0 22px; }

/* применение (контент) */
#fasad {}
	#fasad .menu { padding:0 0 10px 20px; }
		#fasad .menu a { color:#000; display:inline-block; font-size:10px; font-weight:bold; padding:0 30px 0 0; }
			#fasad .menu a:hover { text-decoration:none; }
			#fasad .menu a.on { font-weight:normal; text-decoration:none; }
	#fasad #f1, #fasad #f2, #fasad #f3 { border:1px solid #000; margin:0 0 20px; padding:17px 10px 19px; }
	#fasad #f2, #fasad #f3 { display:none; }
	#fasad ul { list-style:none; float:left; padding:0; width:49%; }
		#fasad ul li { padding:1px 10px 3px; }
			#fasad ul li a { color:#000; display:block; font-size:11px; font-weight:bold; }
		#fasad ul li.on { background:#000; cursor:pointer; }
			#fasad ul li.on a { color:#fff; text-decoration:none; }
	#fasad #pic { background:url(../pub/house/house.gif) no-repeat 50% -1px; height:483px; }
		#fasad #pic img { display:none; margin:auto; }

/* ------------------------------------------------------------ design ------------------------------------------------------------ */
a { color:#0777c7; }
	a:hover { text-decoration:none; }
a img { border:0; }
	.bl { display:block; }

ol, p, ul { padding:0 0 20px; }

h1 { font-family:Arial,Helvetica,sans-serif; font-size:24px; font-weight:normal; line-height:normal; padding:0 0 20px; }
h2 { font-family:Arial,Helvetica,sans-serif; font-size:18px; font-weight:normal; line-height:normal; padding:0 0 10px; }
h3 { font-size:13px; padding:0 0 5px; }

table { border-collapse:collapse; }

form * { color:#616161; font-size:13px; }
	form .txt { background:#ebebeb; border:1px solid #ccc; padding:1px 5px 2px; }
	form .txtarea { background:#ebebeb; border:1px solid #ccc; overflow:auto; padding:1px 0 0 5px; }
	form .btn { background:#ebebeb; border:1px solid #616161; font-weight:bold; padding:0; text-align:center; }
   
   
   
/* 11.03.2010 */
.new-block-box { background:#f5f5f5; margin:0 0 40px -20px; padding:10px 20px 20px 20px; }
   .new-block-date { font-size:11px; color:#898484; font-weight:bold; padding-bottom:10px; }
   .new-block-strong { padding-bottom:20px; }