@charset "utf-8";

html {
	width:100%;
	position:absolute;
	margin:0px;
	padding:0px;
	height: 100%;
/* Иначе у IE6 начинаются проблемки с вертикальной полосой прокрутки */
	background:#fff;
}

* html body {
    height: 100%; /* IE 6 */
}

html > body { /* Все остальные */
    min-height: 100%;
    height: auto;
}

BODY {
	margin:0px;
	padding:0px;
	position:relative;
	min-width:1000px;
	width:expression((document.documentElement.clientWidth
 || document.body.clientWidth) < 1000? "1000px":
 "100%");
 	max-width:1440px;
	width:expression((document.documentElement.clientWidth
 || document.body.clientWidth) > 1440? "1440px":
 "100%");
	border:0px solid black;}

BODY *{
	font-family:Tahoma, Geneva, sans-serif;
	color:#116186;
	font-size:12px;
	}


h1, h2, h3, h4, h5, h6{
	}
	
h1{
	font-size:23px;}
h2{
	font-size:20px;
	background-color:#116186;
	color: #FFF;
	font-weight:bold;
	padding:3px}
h2 *{color: #FFF;
	font-weight:bold;
	background-color:#116186;
}
h3{
	font-size:17px;}
h4{
	font-size:15px;}
h5{
	font-size:13px;}

.extra H2{
	color:#fff;
	font-weight:bold;
	font-size:14px;
	background:url(../images/bg-extra.jpg) repeat-x;
	width:98%;
	height:27px;
	text-align:center;
	padding-top:5px;
	margin:0px;}

span{
	font-weight:bold;}

A{
	text-decoration:underline;}
	

A:hover{
	cursor:pointer;
	text-decoration:none;}

	
.clear{
	font-size:0px;
	line-height:0px;
	height:0px;
	clear:both;
	float:none;
	top:auto;
	position:static;
	}
	
.all{
	margin:0px 0px 0px 0px;
	padding:0px;
	border:0px solid red;
	min-width:1000px;
	width:expression((document.documentElement.clientWidth
 || document.body.clientWidth) < 1000? "1000px":
 "100%");
	width:expression((document.documentElement.clientWidth
 || document.body.clientWidth) > 1440? "1440px":
 "100%");
 	max-width:1440px;
	height:100%;
	top:0px;
	}
	
	.all-inner{
		padding:0px;
		position:absolute;
		min-width:1000px;
		width:expression((document.documentElement.clientWidth
 || document.body.clientWidth) < 1000? "1000px":
 "100%");
		width:expression((document.documentElement.clientWidth
 || document.body.clientWidth) > 1440? "1440px":
 "100%");
 		max-width:1440px;
		}
	

.search{
	border:0px solid red;
	width:100%;
	margin:55px 0px 0px 0px;	
	}
	
	
	.search .input{
		float:left;
		width:150px;
	}
	
	.search .button{
		float:right;
		width:60px;
	}
.form{
	text-align:center;}
.form form{
	width:170px;
	margin:20px auto 0px;
	border:0px solid red;
	text-align:left;}

.form form *{
	color:#0068a4;}

label{
	text-align:left;
	border:0px solid red;
	color:#0068a4;
	padding:0px 0px 0px 5px;}

input, textarea{
	text-align:left;
	width:96%;
	margin:0px;
	margin-bottom:5px;
	padding:3px 2%;
	border:1px solid #adcee2;}

input.kod{
	width:90px;
	margin:3px 0px;
	padding:3px 5px;}

.button{
	background:url(../images/but-r.jpg) no-repeat top right;
	padding:0px;
	margin:0px;
	border:0px solid red;
	text-align:center;}

.button input{
	text-align:center;
	margin:0px;
	font-weight:bold;
	background:url(../images/but-l.jpg) repeat-x top left;
	color:#653200;
	border:0px solid;}



	
.top{
	margin:0px;
	border:0px solid red;
	width:100%;
	text-align:center;
	}
	
	.top-inner{
		height:140px;
		margin-right:0%;
		background:url(../images/fon.jpg) no-repeat center left;}
	
	.main .top-inner{
		margin-right:25%;}

#slogan{
	float:right;
	margin-top:-2px;
	margin-bottom:-51px;}

#logo{
	clear:both;
	margin-top:0px;
	}

.top-menue{
	margin-right:0%;
	padding:0px;
	height:41px;
	list-style:none;
	background:url(../images/bg-menu.jpg) repeat-x top left;}

.main .top-menue{
	margin-right:25%;}

	.top-menue UL{
		margin:0px;
		padding:0px;
		float:left;
		height:41px;
		list-style:none;
		position:relative;}
	
	.top-menue Li{
		float:left;
		clear:none;
		margin:0px;
		padding:8px 20px 16px 20px;
		width:auto;
		height:17px;
		list-style:none;}
	
	.top-menue Li.marker{
		color:#fff;
		font-size:14px;
		padding:12px 0px;
		font-weight:bold;}
		
	
	.top-menue A, .bot-menue A{
		color:#fff;
		font-size:14px;
		font-weight:bold;
		text-decoration:none;}
		
		.top-menue A:hover, .bot-menue A:hover{
			cursor:pointer;
			text-decoration:underline;}
	
.extra{
	padding-bottom:10px;
	font-size:11px;
	color:#279dd3;}
	
.extra *{
	font-size:11px;
	color:#279dd3;}
	
	
.catalog-menu{
		width:100%;}
	
	.catalog-menu *{
		font-size:12px;
		color:#0070a3;
		text-align:left;}
	
		.catalog-menu UL{
			margin:10px 0px 10px 0px;
			padding:0px;
			border:0px solid red;
			list-style:none;}
						
			.catalog-menu UL li{
				margin:0px 0px 10px;
				padding-left:15px;
				}
			
			.catalog-menu UL li.section{
				background:url(../images/li.jpg) no-repeat left 2px;
				}
			
			.catalog-menu UL li.select{
				background:url(../images/li2.jpg) no-repeat left 2px;
				}
				
				.catalog-menu UL li A{
					font-weight:bold;
					text-decoration:none;
				}
				
				.catalog-menu UL li A:hover{
					font-weight:bold;
					text-decoration:underline;
				}
				
				li.section UL{
					overflow:hidden;
					height:auto;
					border:0px solid red;}
			
			.catalog-menu UL UL{
				margin:5px 0px 10px 0px;
				}
			
			.catalog-menu li li{
				margin:0px 0px 0px;
				padding-left:15px;
				background:none;
				}
				
				.catalog-menu li li A{
					font-weight:normal;
					text-decoration:underline;
				}
				
				.catalog-menu li li A:hover{
					font-weight:normal;
					text-decoration:none;
				}
			
			
.content-center{
	width:100%;
	border:0px solid red;
	}
.content{
	clear:none;
	padding:0px 0px 0px 290px;
	border:0px solid black;
	position:relative;
	z-index:5;
	
	}
.txt{
		padding:30px 35px 10px;
		background: #e3f1ff; 
		
		}	
	.txt P {
		}
	.txt Table{
		text-align:left;}
.main .content{
	padding:0px 25% 0px 290px;}
	div#cardv {
			margin:10px 0;
		}	
.rightbar{
	margin-left:-25%;
	width:25%;
	float:right;
	clear:none;
	border:0px solid red;
	position:relative;
	z-index:10;
	}
	
	.rightbar .inner{
		padding:20px 10px 0px 20px;}
	
	
.leftbar{
	margin-right:-290px;
	width:260px;
	padding:10px 20px 0px 10px;
	float:left;
	clear:left;
	border:0px solid red;
	position:relative;
	z-index:10;}




.news, .news *{
	font-size:10px;}
	
.news .data, .news .data *{
	font-weight:bold;
	margin-bottom:5px;
	}

.news A, .our-news A{
	text-decoration:none;}

.news A:hover, .our-news A:hover{
	text-decoration:underline;}
	
.archiv{
	margin-top:30px;
	text-align:right;}
	
.one{
	margin-top:10px;}
	

.bottom{
	width:100%;
	background:url(../images/bg-bot.jpg) repeat-x top left;
	height:71px;
	clear:both;
	float:left;}
	
	 UL.bot-menue{
		list-style:none;
		margin:0px;
		padding:0px;
		float:left;
		position:relative;
		}
		
		UL.bot-menue li{
			float:left;
			clear:none;
			margin:0px;
			padding:25px 20px;
			width:auto;
			height:21px;}
	
		UL.bot-menue li.marker{
			color:#fff;
			font-size:14px;
			font-weight:bold;
			padding:25px 20px;}
			
			/*
#b_1, #b_2{
	width:258px;
	height:115px;
}
*/
.catalog{
	overflow:hidden;
	border:0px solid red;}
	
.line-in-top {
	position:absolute;
	top:0;
	left:0;
	height:10px;
	width:100%;
	overflow:hidden;
	z-index:100;
	background:#fff url(../images/bg-line.jpg) repeat-x;}

.remont tr td#name{
	color:#fff !important;
	background:#0068a4 !important;
	font-weight:bold !important;
	text-align:center !important;
}
.remont tr td#pict{
	vertical-align:top !important;
}