@charset "utf-8";
/* CSS Document */
* {/*border:0;*/ margin:0; padding:0;}
body {font:62.5% Verdana, Geneva, sans-serif; color:#000;}
img {border:none; padding:0; margin:0;}
a {
	color:#000;
	text-decoration:none;
	}
a:hover {
	color:#615f5f;
	}
:focus {outline:none;}

/*p {margin-bottom: 1em;}*/

.alignleft {
	float:left;
	margin-right:8px;
	}

.alignright {
	float:right;
	margin-left:8px;
	}

#wrap {
	width:100%;
	min-width:980px;
	max-width:1200px;
	margin:0 auto;
	}
/*head menu*/
#hm-container {
	width:100%;
	text-align:center;
	position:relative;
	height:50px;
	border-bottom:solid 1px #333;
	font-size:1.2em;
	}	
	.hm-text{
		min-width:60px;
		max-width:130px;
		height:45px;
		float:left;
		border-right:solid 1px #333;
		margin-top:0px;
		padding:3px;
		font-size:1em;
		font-weight:normal;
		line-height:1.1em;
		font-family:Arial, Helvetica, sans-serif;
		text-transform:uppercase;
	}	
	.hm-text-first{
		width:110px;
		height:45px;
		float:left;
		/*border-right:solid 1px #333;*/
		margin-top:0px;
		padding:3px;
		font-size:1em;
		font-weight:normal;
		line-height:1.1em;
		font-family:Arial, Helvetica, sans-serif;
		text-transform:uppercase;
	}			
	.hm-text-last{
		#width:130px;
		height:45px;
		float:left;
		/*border-right:solid 1px #333;*/
		margin-top:0px;
		padding:3px 3px 3px 10px;
		font-size:1em;
		font-weight:normal;
		line-height:1.1em;
		font-family:Arial, Helvetica, sans-serif;
		text-transform:uppercase;
	}	
	#hm-container div a {
		display:block;
		height:45px;
	}	
	#hm-container div.active {
		background:#E5E5E5;
	}	
/* header */
#header {
	position: relative;
	height: 210px;
	border-bottom: solid 1px #333;
	font-size: 1.2em;
	}
	#logo-main {
		display:block;
		position:absolute;
		top:14px;
		left:25px;
		}
		#header-img {
			display:block;
			position:absolute;
			top:14px;
			right:220px;
			}
		#date-main {
			position:absolute;
			width:710px;
			padding-left:234px;
			top:78px;
			text-align:center;
			}	
	#logo {
		display:block;
		position:absolute;
		top:5px;
		left:0px;
		}
		#date {
			position:absolute;
			top:82px;
			left:0px;
			}
/* menu-left */
#menu-left {
	float:left;
	#width:18%;
	width:220px;
	z-index: 9999999999999;
	padding-top:0px;
	}
	#form-search {
		display:block;
		position:relative;
		height:50px;
		}
		#search-pole {
			display:block;
			position:absolute;
			width:170px;
			height:18px;
			padding:4px 10px 8px 5px; 
			top:4px;
			left:0px;
			background:url(http://kuzkom.ru/img/form-search.jpg) no-repeat;
			color:#a9a9a9;
			}
		#search-submit {
			display:block;
			position:absolute;
			width:29px;
			height:30px;
			top:4px;
			right:0px;
			background:url(http://kuzkom.ru/img/form-search-submit.jpg) no-repeat;
			cursor:pointer;
			}
	#main-menu {
		display:block;
		width:219px;
		border-top:solid 1px #000;
		}
		#main-menu li {
			display:block;
			position:relative;
			width:219px;
			height:94px;
			list-style:none;
			}
			#main-menu li.active {background-position: -219px 0;}
			#page-1 {background:url(http://kuzkom.ru/img/page-1.jpg) no-repeat;}
			#page-2 {background:url(http://kuzkom.ru/img/page-2.jpg) no-repeat;}
			#page-3 {background:url(http://kuzkom.ru/img/page-3.jpg) no-repeat;}
			#page-4 {background:url(http://kuzkom.ru/img/page-4.jpg) no-repeat;}
			#page-5 {background:url(http://kuzkom.ru/img/page-5.jpg) no-repeat;}
			#page-6 {background:url(http://kuzkom.ru/img/page-6.jpg) no-repeat;}
			#page-7 {background:url(http://kuzkom.ru/img/page-7.jpg) no-repeat;}
			#about {background:url(http://kuzkom.ru/img/about.jpg) no-repeat;}
				#main-menu li a {
					display:block;
					height:84px;
					}
					#main-menu li a b {
						display:block;
						position:absolute;
						bottom:12px;
						left:10px;
						}
					#main-menu li span {
						display:block;
						width:130px;
						margin-top:8px;
						font-size:1.2em;
						font-weight:normal;
						line-height:1.1em;
						font-family:Arial, Helvetica, sans-serif;
						text-transform:uppercase;
						}
/*menu right*/
#menu-right {
	position:relative;
	float:right;
	width:22%;
	#min-width:200px;
	min-height:790px;
	height:auto !important;
	height:790px;
	padding: 0px 0 0 10px;
	margin:0px 0 20px 0;
	border-left:solid 1px #787878;
	font-size:1.4em;
}
#menu-right .sitenews {
font-size:0.75em;
} 
#menu-right .otzyv-autor {
	font-size:0.78em;
}
	/* news */
	.rightcontent {
		padding-left:20px;
		font-size:0.85em;
        overflow-x:hidden;
	}
#menu-right a {
		text-decoration:underline;
	}		

#menu-page2
{
	background-color:#FA8383;
}	
div.thenews
	{
		font-size:0.9em;
		padding-top:10px;
		padding-bottom:30px;
	}
p.thenews {padding-bottom:15px;}
/* conent */
table a {
	color:#000;
	text-decoration:underline;
	font-weight:bold;
}
ul ul {    margin-left: 25px;}
ul ul ul {    margin-left: 40px;}
#content {
	position:relative;
	float:left;
	width:70%;
	#min-width:300px;
	#max-width:670px;
	min-height:790px;
	height:auto !important;
	height:790px;
	padding: 0px 0 0 25px;
	margin: 0px 0 20px 0;
	border-left:solid 1px #787878;
	font-size:1.4em;
	}
	#textad-content {
		position:relative;
		border-bottom:solid 1px #666;
		}	
	#banner-content {
		position:absolute;
		height:68px;
		width:100%;
		top:-18px;
		right:0px;
		border-bottom:solid 1px #666;
		}
	#pathway {
		padding:10px 0;
		color:#5f5f5f;
		}
		#pathway a {
			color:#5f5f5f;
			text-decoration:underline;
			}
	.title-main {
		padding:30px 0 20px 0;
		font-size:1.79em;
		text-transform:uppercase;
		text-align:center;
		}
	.title-all {
		font-size:1.29em;
		text-transform:uppercase;
		text-align:center;		
		}
	/* pages */
	.pages {
		padding:4px 0;
		color:#5f5f5f;
		text-align:center;
		}
		.pages a {
			color:#5f5f5f;
			}
		.pages a:hover {
			color:#2e2c2c;
			}
			.pages span a {
				margin:0 2px;
				text-decoration:underline;
				}
	.thecontent
	{
		font-size:0.7em;
	}
	/* news */
	.news-date {
		position:relative;
		top:15px;
		font-size:1.07em;
		font-weight:bold;
		color:#929292;
		text-align:center;
		}
	.links-list {
		padding:23px 0;
		font-size:1.29em;
		}
		.links-list p {
			padding-bottom:10px;
			}
			.links-list a {
				color:#;
				text-decoration:underline;
				}
	/* post-full */
	.post-full {
		}
		#post-left {
			float:left;
			width:300px;
			color:#929292;
			}
			#post-left p {
				padding-top:5px;
				text-align:right;
				}
				#post-left p span {
					display:block;
					float:left;
					}
		#post-content {
			float:right;
			width:360px;
			}
			#post-content p {
				padding-bottom:15px;
				}
			#post-info {
				color:#929292;
				text-align:right;
				}
				#post-info a {
					color:#929292;
					text-decoration:underline;
					}
.kvit {
	border:1;
	background:#000000;
		}
.kvit td {
	padding:1px 1px 5px 1px;
	background:#ffffff;
		}
	/* show-house */
	#show-house {
		position:relative;
		min-height:265px;
		height:auto !important;
		height:265px;
		padding-left:215px;
		}
		#show-house img {
			position:absolute;
			left:0px;
			bottom:10px;
			}
		#show-house h2 {
			padding:10px 0 20px 0;
			font-size:1.29em;
			}
		#show-house table {
			padding-top:30px;
			background:#d6d6d6;
			}
			#show-house table td {
				width:250px;
				padding:0 0px 5px 0;
				vertical-align:bottom;
				}
				#show-house table b {
					display:block;
					}
		#tehinfo table {
			padding-top:30px;
			background:#d6d6d6;
			}
			#tehinfo table td {
				width:400px;
				padding:0 0px 5px 0;
				vertical-align:bottom;
				}
				#tehinfo table b {
					display:block;
					}					
		/* col-50 */
		.col-50 {
			float:left;
			width:165px;
			padding:10px 20px 10px 20px;
			min-height:190px;
			height:auto !important;
			height:190px;			
			}
			.col-50 p {
				padding-left:5px;
				font-size:1.0em;
				}
				.col-50 p a {
					text-transform:uppercase;
					text-decoration:underline;
					}
				.catimg {
					height:120px;
					vertical-align:middle;
				}
		/* about */
		.about-box {
				position: relative;
				min-height: 185px;
				height: auto !important;
				height: 135px;
				padding: 10px 130px 10px 180px;
				background: #f5f5f5;
				font-size: 1.29em;
				background: url(/img/energoold_header.png) no-repeat 0 100%;
			}
			.about-box .avatar {
				position:absolute;
				top:110px;
				left:15px;
				height: 80px;
				}
			.about-box h2 {
				font-size:1.67em;
				}
			.about-box #firmname {
				float:left;
				max-width: 700px;
				padding-top: 10px;
				}
			.about-box #tel {
				padding-left: 700px;
				text-align: center;
				}
			.about-box h3 {
				font-size:1em;
				font-weight:normal;
				}
			.about-box address {
				padding-bottom:10px;
				font-style:normal;
				}
			.about-rating {
				position:absolute;
				width:90px;
				bottom:5px;
				right:5px;
				text-align:center;
				}
				.about-rating span {
					display:block;
					color:#929292;
					}
				.about-rating img {
					padding-top:10px;
					}
 			.about-menu {
            display:block;
            overflow: hidden;
                        table-lawout: fixed;
            padding:5px 0;
            min-height:20px;
             height: auto !important;
             height:20px;               
            margin:20px ;
            border-top:solid 1px #000;
            border-bottom:solid 1px #000;
            }
            .about-menu li {
                display:block;
                float:left;
                padding:0 5px;
                                text-align: justify;
                border-left:solid 1px #000;
                margin-left:-1px;
                }
            .about-menu li a {
            display:block;
            padding:0 6px;
            font-size:1.29em;
            text-transform:none;
                }
				.about-menu li .active {
					background:#e0e0e0;
					}
	/* foto-box */
	#foto-box {
		position:relative;
		height:188px;
		padding:20px 55px;
		}
		#foto-body {
			height:188px;
			margin-right:-20px;
			}
			#foto-body a {
				display:block;
				float:left;
				margin-right:10px;
				}
		#foto-left {
			display:block;
			position:absolute;
			top:90px;
			left:3px;
			}
		#foto-right {
			display:block;
			position:absolute;
			top:90px;
			right:3px;
			}
	/* col-document */
	.col-document {
		float:left;
		width:49%;
		padding:20px 0;
		}
		.col-document p {
			padding-bottom:10px;
			}
		.col-document h3 {
			font-size:1.29em;
			font-weight:normal;
			}
			.col-document a {
				text-decoration:underline;
				}
	/* otzyv */
	#otzyv-list {
		padding-bottom:20px;
		text-align:center;
		color:#5f5f5f;
		}
		#otzyv-list span {
			text-decoration:underline;
			}
			.green {color:#007336;}
			.red {color:#9d170f;}
	.otzyv-box {
		padding:15px 0;
		}
		.otzyv-autor {
			padding-bottom:5px;
			color:#5f5f5f;
			}
			.otzyv-autor img {
				padding-right:10px;
				}
	/* feed */
	.feed-box {
		padding:5px 30px;
		background:#d6d6d6;
		}
		.feed-autor {
			padding-bottom:5px;
			color:#5f5f5f;
			}
			.feed-autor img {
				padding-right:10px;
				}				
	/* faq */
	.faq-col {
		float:left;
		width:310px;
		padding-right:26px;
		padding-top:20px;
		}
		.faq-block {
			padding-bottom:30px;
			}
		.faq-block .info {
			padding-bottom:10px;
			color:#606060;
			}
		.faq-block h4 {
			font-size:1.14em;
			color:#000;
			}
		.faq-block .author {
			padding: 5px 0 15px 0;
			color:#606060;
			text-align:right;
			}
	/* comment-block */
	.comment-block {
		padding-top:20px;
		}
		.comm-info {
			width:385px;
			padding-top:15px;
			border-top:solid 1px #666;
			color:#5f5f5f;
			}
		.comm-text {
			padding-top:15px;
			}
	/* forms */
	#add-comment {
		display:block;
		padding-bottom:35px;
		font-size:0.71em;
		}
		#add-comment textarea {
			border:solid 1px #000;
			overflow:hidden;
			width:98%;
			height:165px;
			padding:2px 1%;
			margin-top:10px;
			margin-bottom:15px;
			}
		#add-name {
			display:block;
			position:relative;
			height:50px;
			}
			#add-name p {
				width:286px;
				text-align:right;
				}
			#comm-name {
				display:block;
				position:absolute;
				display:block;
				position:absolute;
				width:225px;
				height:38px;
				padding:0 5px;
				top:0px;
				left:305px;
				background:url(http://kuzkom.ru/img/input-bg.gif) repeat-x;	
				}
		/* captcha */
		#captcha {
			position:relative;
			display:block;
			height:105px;
			font-size:10px;
			}
			#captcha p {
				width:286px;
				text-align:right;
				}
				#captcha p b {
					display:block;
					}
			#captcha-image {
				position:absolute;
				top:3px;
				left:305px;
				}
			#captcha-input {
				display:block;
				position:absolute;
				width:79px;
				top:3px;
				left:450px;
				}
			#captcha #form-submit {
				display:block;
				position:absolute;
				width:89px;
				height:25px;
				top:50px;
				left:450px;
				background:url(http://kuzkom.ru/img/form-submit.gif) no-repeat;
				cursor:pointer;
				}
		/* form-adress */
		#form-address {
			display:block;
			position:relative;
			height:38px;
			padding:30px 0;
			}
			#form-address label {
				display:block;
				float:left;
				height:38px;
				line-height:38px;
				padding-right:10px;
				font-size:1.43em;
				}
			#form-calculator label {
				display:block;
				float:left;
				height:38px;
				line-height:38px;
				padding-right:10px;
				font-size:1.43em;
				}					
				#address-street {
					display:block;
					float:left;
					width:245px;
					margin-right:20px;
					background:url(http://kuzkom.ru/img/input-bg.gif) repeat-x;
					}
				#address-house {
					display:block;
					float:left;
					width:70px;
					margin-right:20px;
					}
			#address-submit {
				/*float:left;
				#display:block;*/
				width:108px;
				height:38px;
				background:url(http://kuzkom.ru/img/address-submit.gif) no-repeat;
				cursor:pointer;
				}
		/* vote-block */
		#vote-block {
			display:block;
			position:relative;
			height:160px;
			}
			#vote-question {
				display:block;
				position:relative;
				float:left;
				width:220px;
				height:160px;
				background:url(http://kuzkom.ru/img/vote-question.jpg) 100% 100% no-repeat;
				}
				#vote-question p {
					display:block;
					position:absolute;
					bottom:0px;
					right:0px;
					padding-right:73px;
					text-align:right;
					font-size:1.29em;
					font-weight:bold;
					}
			#vote-answer {
				display:block;
				float:left;
				width:260px;
				height:145px;
				padding:15px 70px 0 10px;
				background:url(http://kuzkom.ru/img/vote-answer.jpg) 100% 100% no-repeat;
				}
				#vote-answer ul {
					display:block;
					list-style:none;
					font-size:1.14em;
					text-align:right;
					}
					#vote-answer li {
						padding-bottom:5px;
						}
						#vote-answer ul input {
							padding:2px;
							}
				#vote-submit {
					position:relative;
					display:block;
					width:147px;
					height:27px;
					left:95px;
					top:5px;
					background:url(http://kuzkom.ru/img/vote-submit.gif)
					}
			#vote-block a {
				display:block;
				position:absolute;
				width:45px;
				bottom:10px;
				right:25px;
				text-decoration:underline;
				font-size:0.71em;
				text-align:center;
				}
	/* form-otzyv, form-question */
	#form-otzyv, #form-question, #form-adminquestion {
		display:block;
		padding:30px 0;
		font-size:0.71em;
		}
		#otzyv-karma-block {
			padding-bottom:20px;
			}
			#otzyv-karma-block label {
				padding:0 20px 20px 10px;
				font-size:1.2em;
				}
				#otzyv-karma-block input {
					padding:2px;
					margin-right:5px;
					}
		#questionfor-block {
			padding-bottom:10px;
			}
			#questionfor-block label {
				padding-right:20px;
				font-size:1.5em;
				text-transform:uppercase;
				}
				#questionfor-block label input {
					margin-right:10px;
					padding:2px;
					}
		#form-otzyv textarea, #form-question textarea, #form-adminquestion textarea {
			border:solid 1px #000;
			overflow:hidden;
			width:98%;
			height:110px;
			padding:2px 1%;
			margin-top:10px;
			margin-bottom:15px;
			}
		#user-dannie {
			padding-bottom:20px;
			}
			#user-dannie .info {
				padding-bottom:20px;
				text-align:center;
				}
			#user-dannie label {
				padding-left:7px;
				float:left;
				display:block;
				}
				#user-dannie label span {
					display:block;
					float:left;
					height:38px;
					line-height:38px;
					padding-right:5px;
					_margin-left:-1px;
					}
				#user-name {width:135px;}
				#user-lastname {width:190px;}
				#user-phone {width:135px;}
				#user-town {width:134px;}
				#user-street {width:155px;}
				#user-house {width:34px;}
				#user-kvartira {width:90px;}
	/* form-calculator */
	#form-calculator {
		
		}
		#form-calculator .col {
			float:left;
			width:310px;
			padding-right:5px;
			padding-top:20px;
			}
		#form-calculator fieldset {
			padding-bottom:30px;
			}
			.calc-1, .calc-2, .calc-3 {
				position:relative;
				height:1%;
				padding-left:30px;
				}
		#form-calculator .title-all {
			padding-bottom:20px;
			}
			#form-calculator h4 {
				padding-bottom:10px;
				text-transform:uppercase;
				}
				.calc-radio {
					display:block;
					position:absolute;
					padding:1px;
					top:2px;
					left:5px;
					}
				.calc-1 p { position:relative;float:left;width:110px;}
				.calc-1 .input-all2 {display:block;float:left; width:50px; margin-top:10px;}
				.calc-1 span {display:block;float:left;padding:15px 0 0 10px;}
			.calc-2 { position:relative; height:28px;line-height:28px;}
				.calc-2 .calc-radio { top:8px;}
				.calc-2 p {float:left;width:190px;}
				.calc-2 .input-all2 {display:block;float:left; width:50px; margin-top:4px;}
				.calc-2 span {display:block;float:left; padding-left:5px;}
			.calc-3 .in {width:220px;height:28px; line-height:28px;}
				.calc-3 .in p {float:left;width:105px;}
				.calc-3 .in .input-all2 {display:block;float:left; width:50px; margin-top:4px;}
				.calc-3 .in span {display:block;float:left; padding-left:5px;}

.slideshow {font-size:12px;}

/* footer */
#footer {
	clear:both;
	position:relative;
	height:170px;
	font-size:1.4em;
	color:#939393;
	}
	#banner-footer {
		height:85px;
		padding-top:35px;
		border-top:solid 1px #333;
		border-bottom:solid 1px #333;
		text-align:center;
		}
	#copyrights {
		padding-top:7px; 
		text-align:right;
		}
/* */
.clear {clear:both;}
.hr-400 {
	display:block;
    width: auto;
 	margin:5px auto;
	height:1px;
	background:#333;
	color:#333;
	}
.hr-full {
  border-bottom:1px solid #333333;
  clear:both;
  height:0;
  margin:20px auto;
	}
.input-all {
	height:28px;
	line-height:28px;
	padding:10px 5px;
	background:url(http://kuzkom.ru/img/input-bg.gif) repeat-x;	
	}
.input-all2 {
	height:20px;
	line-height:20px;
	padding:3px;
	background:url(http://kuzkom.ru/img/input2-bg.gif) repeat-x;
	}
.button-all {
	height:24px;
	line-height:24px;
	padding:0 5px;
	background:#d6d6d6;
	border: solid 1px #000;
	font-size:10px;
	font-weight:bold;
	cursor:pointer;
	
	}
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			220px; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			220px; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			220px; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
	border-bottom: 1px solid #000;
}
.sf-menu a {
	border-left:	1px solid #000;
	border-right:	1px solid #000;
	border-top:		1px solid #000;
/*			width:200px;*/
			height:20px;
		padding:20px;
		font-size:1.2em;
		font-weight:bold;
		line-height:1.1em;
		font-family:Arial, Helvetica, sans-serif;
		text-transform:uppercase;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	/*color:			#13a;*/
	/*outline:		0;*/
}
.sf-menu li.active {
		background:#E5E5E5;
	}	
.sf-menu li {
	background:		#fff;
	/*outline:		0;*/
}
.sf-menu li li {
	background:		#fff;
}
.sf-menu li li li {
	background:		#fff;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	/*background:		#CFDEFF;*/
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('http://kuzkom.ru/img/arrows-000000.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('http://kuzkom.ru/img/shadow.png') no-repeat bottom right;
	padding: 0 12px 13px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}
/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
	width:	220px;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left:	220px; /* match ul width */
	top:	0;
}

/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}	
#topdiv:hover {
opacity: 1;
filter: alpha(opacity=100);
}
#topdiv {
	position: fixed;
	height: 100%;
	width: 100px;
	padding: 100px 0 13px;
	opacity: 0.5;
	filter: alpha(opacity=50);
	-webkit-transition: background-color 200ms linear;
	-moz-transition: background-color 200ms linear;
	-o-transition: background-color 200ms linear;
	transition: background-color 200ms linear;
	-webkit-transition: opacity 200ms linear;
	-moz-transition: opacity 200ms linear;
	-o-transition: opacity 200ms linear;
	transition: opacity 200ms linear;
	cursor:pointer;
	display:none;
}

#toptext {
	height: 14px;
	display: block;
	padding: 0px 20px;
	margin: 0 31px 0 15px;
	font-weight: bold;
	color: #45688E;
}

.arrowup {
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 5px 0px 0 20px;
	float: left;
	font-size: 0%;
	line-height: 0%;
	background-image: url('/images/ico-s1d02eed51c.png');
	background-position: 0 -2333px;
	background-repeat: no-repeat;
}

#openinfo li {padding: 10px 0px;}
#openinfo ol {padding-left: 15px;}

#divotch { background: #fff;}
#divphotootch { background: #fff;}
#divplan { background: #fff;}
#divsmeta { background: #fff;}