html {
	position: relative;
	height: 100%;
	min-width: 960px;
}

body {
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	font-family: Verdana;
	font-size: 12px;	
	color: #4A565E;
	background-color: #CBE8FF;	
}
	/* Backgrounds */
	.body-top-bg {
		position: absolute;
		top: 0; left: 0;
		width: 100%; height: 306px;
		background: transparent url(../i/top-bg.jpg) repeat-x top left;
		z-index: -1;
	}
	.body-bottom-bg {
		position: absolute;
		bottom: 0; left: 0;
		width: 100%; height: 410px;
		background: transparent url(../i/bottom-bg.jpg) repeat-x top left;
		z-index: -1;
	}


/***********************************/
#wrapper {
	position: relative;	
	padding: 150px 0 100px;	
}
#page {
	position: relative;	
	margin: 0 auto;
	padding: 390px 0 0 0;
	width: 960px;
	background: white;
	z-index: 1;
}
	/* Backgrounds */
	#page .top-bg {
		position: absolute;
		top: 0; left: 0;
		width: 100%; height: 358px;
		background: transparent url(../i/page-top-bg.jpg) repeat-x top left;
		z-index: -1;		
	}
	#lupa {
		position: absolute;
		top: 60px; left: -70px;
		width: 152px; height: 143px;
		z-index: 3;
		background: transparent url(../i/lupa.png) no-repeat top left;
		/*_background: none;*/
	}
	/*
	#phone {
		position: absolute;
		width: 146px; height: 152px;
		z-index: 1;
		top: -50px; right: -46px;		
	}*/	
	#phone {	
		position: absolute;
		top: -50px; right: -46px;
		width: 146px; height: 152px;
		background: transparent url(../i/phone.png) no-repeat top left;				
		/*_background: none;*/
		
	}
	
	
	
	
/* ************************* */
	#page .mainmenu {
		position: absolute;
		top: 0; left: 0;
		width: 100%;		
		background: transparent url(../i/mainmenu-line.gif) no-repeat center bottom;
		padding-bottom: 10px;
	}
	#page .mainmenu ul {
		overflow: hidden;
		*zoom: 1;		
		margin: 0 30px 0 21px;
		padding: 20px 0 10px 0;		
	}
		#page .mainmenu ul li {
			display: block;
			float: left;
			padding: 0 10px 0 10px;
			margin-left: -1px;
			border-left: 1px solid #0084CB;
		}	
			#page .mainmenu ul li a {
				font-family: Verdana;
				font-size: 14px;
				line-height: 16px;
				color: #FFF;
				text-decoration: underline;				
			}
			#page .mainmenu ul li a:hover {
				color: #4B555C;				
				
			}
			#page .mainmenu ul li.active a {
				font-weight: bold;
				text-decoration: none;
			}
/* ************************* */
	#page .search-form {
		position: absolute;
		top: 80px; right: 30px;		
		z-index: 1;
	}
		#page .search-form input.pattern {
			width: 200px; height: 18px;
			border: 1px solid #7F9EBA;
			margin: 0 3px 0 0;
			padding: 0;
			background: #ccc;
		}
			#page .search-form input.pattern.blur {
				color: #ccc;
				background: white;
			}
		#page .search-form button.find {
			width: 60px; height: 20px;
			border: none;
			background: #0084CB;
			color: #FFF;
			cursor: pointer;
			margin: 0;
			padding: 0;
		}
/* ************************* */
	#page .h-m-m {
		position: absolute;
		top: 90px;
		left: 300px;
	}
		#page .h-m-m ul {
			overflow: hidden;
			*zoom: 1;
		}
		#page .h-m-m ul li {
			float: left;			
			margin: 0 34px 0 0;					
		}
		#page .h-m-m ul  li a span { display: none; }
		#page .h-m-m ul  li.home a {
			display: block;
			width: 10px; height: 10px;
			background: transparent url(../i/h-m-m.gif) no-repeat 0 0;			
		}
		#page .h-m-m ul  li.mail a {
			display: block;
			width: 12px; height: 10px;
			background: transparent url(../i/h-m-m.gif) no-repeat -14px 0;			
		}
		#page .h-m-m ul  li.map a {
			display: block;
			width: 13px; height: 10px;
			background: transparent url(../i/h-m-m.gif) no-repeat -28px 0;			
		}
/* ************************* */
	#page .head {
		position: absolute;
		top: 120px; left: 30px;
		height: 260px;
		width: 900px;		
		
		border: 1px solid #ccc;
	}
		#page .head .menu {
			position: absolute;
			top: 0; left: 00px;
			width: 370px; height: 260px;
			background: #0184CB url(../i/head-menu-bg.jpg) repeat-y top left;
			
			font-family: Verdana;
			font-size: 14px;
			color: #FFF;
			
			z-index: 2;
		}
		#page .head .menu a { color: #FFF; }

#page .head .menu a:hover {color: #4B555C;}


			#page .head .menu ul {
				padding: 20px;
                                margin-left: 30px;
			}
				#page .head .menu ul li {
					padding: 0 0 14px 0;
                                        list-style-type: square;
				}
				#page .head .menu ul li.active > a {
					font-weight: bold;
					text-decoration: none !important;
				}
				
				
				

					#page .head .menu ul li ul {
						font-size: 13px;
						padding: 10px 0 0 20px;
					}
						#page .head .menu ul li ul li a {
							color: #e2f4ff;
						}
#page .head .menu ul li ul li a:hover {
							color: #4B555C;
						}


					#page .head .menu ul li.has-child  a {
						text-decoration: none;
						border-bottom: 1px dashed #fff;
					}
					
						#page .head .menu ul li.has-child ul li a {
							text-decoration: underline;
							border-bottom: none;
						}

					
					#page .head .menu ul li.has-child ul{
						display: none;
					}
					#page .head .menu ul li.has-child.opened > a {
						font-weight: bold;
					}
					#page .head .menu ul li.has-child > a:hover {
						text-decoration: none;
						border-bottom: 1px dashed #4B555C;
					}





					#page .head .menu ul li.has-child.opened ul {
						display: block;	
						text-decoration: none;					
					}
					#page .head .menu ul li ul li {
						padding: 4px 0 4px 0;
						line-height: 16px;
					}
					
					#page .head .menu ul li ul li.active a:hover{
						color: #fff;
					}
		
		#page .head .pictures {
			position: absolute;
			top: 0; left: 370px;
			width: 520px; height: 250px;			
			border: 5px solid #fff;			
			overflow: hidden;
		}
		
	
	
	
	
	#page .oborud p{
		color: #007EC7;
		font-family: Georgia;
		font-size: 28px;
		position: absolute;
		top: 82px; left: 85px;
		width: 165px; height: 23px;
		background: transparent url(../i/equipment.png) no-repeat top left;
	}
	#page .oborud p span { display: none; }
	
	
/*************Контент**************/	
	
	.content h1 {
		font-family: Georgia;
		font-size: 28px;
		font-weight: normal;
		font-style: normal;
		color: #007EC7;
		line-height: 32px;
		margin-top: 20px;
		padding: 0 0 10px 0;
	}
	.content h2 {
		font-family: Georgia;
		color: #007EC7;
		font-size: 21px;
		line-height: 25px;
		margin: 15px 0 5px 0;
	}
	.content h3 {
		font-family: Georgia;
		color: #007EC7;
		font-size: 17px;
		line-height: 21px;
		margin: 15px 0 5px 0;
	}
	.content p {
		font-family: Verdana;
		font-size: 12px;		
		line-height: 19px;
		padding: 0 0 10px 0;
	}
	.content a {
		font-family: Verdana;
		font-size: 12px;		
		line-height: 19px;
		padding: 0 0 10px 0;
		color: #007EC7;
	}
	.content a:hover {
		color: #4B555C;
	}
	.content ul, .content ol{
		margin: 0 0 15px 40px;
		color: #1793CF;
		font-size: 12px;
		line-height: 22px;
	}
	.content li{
		list-style-type: square;

	}
	
	.content em{
			font-family: Verdana;
			font-size: 10px;
			font-weight: normal;
			font-style: italic;
			color: #6d7b85;
	}
	
	
	.content table td {
		border-bottom: 1px solid #dadada;
		
	}

        .content .pp {
		background: #fffff;
		
	}


	.content table {
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size: 12px;
		font-weight: normal;
		font-style: normal;
		color: #4B555C;
		line-height: 27px;
		background: #efefef;
		margin: 15px 0 0px 0;
		
	}
	.content table tr,
	.content table tr th,
	.content table tr td {
		padding: 0 0 0 15px;
	}
	
	
	.content table.catalog {
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size: 12px;
		font-weight: normal;
		font-style: normal;
		color: #4B555C;
		line-height: 27px;
		background: #FFFFFF;
	}
	
	
	.content img{
		margin: 0 25px 20px 0;
	}
	
        .content hr{
		border: 1px solid #007EC7;
	        margin: 30px 0 30px 0;
	}
    .content strong{
		font-weight: bold;
	}
	
	
	.content .hidden {
		margin: 10px 0 15px 0;
	}
	.content .hidden h2.hii {
		margin: 50px 0 0px 0;
		padding: 50px 0 0px 0;
	}
	.content .hidden a {
		text-decoration: none;
		border-bottom: 1px dashed #289ff9;
		font: normal 14px/16px Verdana;
                padding: 0px 0 0px 0;
                margin: 0px 0 0px 30px;
		
	}
       .content .hidden object {
                padding: 0px 0 0px 0;
                margin: 10px 0 0px 0px;
		
	}
	.content .hidden p {
		text-decoration: none;
		color: #289ff9;
		font: normal 12px/22px Verdana;
                padding: 0px 0 0px 0;
                margin: 0px 0 0px 30px;
	}
	.content .hidden a:hover {
		color: #4B555C;
		font: normal 14px/16px Verdana;
                border-bottom: 1px dashed #4B555C;
                padding: 0px 0 0px 0;
                margin: 0px 0 0px 30px;
	}
	
	
	
	
	
	
	
	
	
	
.content .in {
	position: relative;
	padding: 0 30px 100px 30px;
}
	
/* template 1 content and sidebar */
.template1 {
	display: block;
	overflow: hidden;
	*zoom: 1;	
		
	z-index: 1;
}
.template1 .content {
	position: relative;
	float: left;
	width: 70%;
}
	.template1 .content .in {
		padding: 0 10px 50px 30px;
	}
.template1 .sidebar {
	position: relative;
	float: left;
	width: 28%;
	min-height: 420px;
	height: auto !important;
	height: 420px;
	
	background: transparent url(../i/sidebar-bg.jpg) no-repeat left center;
}
	.sidebar .in {
		padding: 0 0 0 20px;
	}
	
	
	/***Новости-главная***/
	    .sidebar .in .news-block h2 {
			font-family: Georgia;
			font-size: 24px;
			font-weight: normal;
			font-style: normal;
			color: #007EC7;
			line-height: 28px;
			padding: 0 0 14px 0;
		}
		.sidebar .in .news-block dl dt {
			font-family: Verdana;
			font-size: 10px;
			font-weight: normal;
			font-style: italic;
			color: #6d7b85;
			padding: 0 0 4px 0;
		}
		.sidebar .in .news-block dl dd {
			padding: 0 0 20px 0;
		}



		.sidebar .in .news-block dl dd h3 {
			font-family: Verdana;
			font-size: 13px;
			font-weight: bold;
			color: #289ff9;
			
			padding: 0 0 5px 0;
		}




                .sidebar .in .news-block a {
				color: #289ff9;
			}
                .sidebar .in .news-block a:hover {
				color: #4B555C;
			}

			.sidebar .in .news-block dl dd h3 a {
				color: #289ff9;
			}

                .sidebar .in .news-block dl dd h3 a:hover {
				color: #4B555C;
			}




		.sidebar .in .news-block dl dd p {
			font-family: Verdana;
			font-size: 11px;
			color: #4a565e;
			line-height: 16px;
		}


	/******************/
		
		.news em {
			font-family: Verdana;
			font-size: 10px;
			line-height: 10px;
			font-weight: normal;
			font-style: italic;
			color: #6d7b85;
			margin: 0 0 0 0;
		}
		.news h2{
			font-family: Verdana;
			font-size: 13px;
			font-weight: normal;
			font-style: normal;
			color: #289ff9;
			margin: 0 0 0 0;
		}
		.news p {
			font-family: Verdana;
			font-size: 13px;
			font-weight: normal;
			font-style: normal;
			color: #6d7b85;
			margin: 10px 0 30px 0;
		}
		
		
		
/***********************************/
#header {
	position: absolute;
	top: 0; left: 0;	
	width: 100%; height: 100px;	
}
#header .in {
	position: relative;	
	margin: 20px auto 0;
	width: 960px;
	*zoom: 1;	
}

	#header .in h1.logo {
		position: absolute;
		top: 20px; left: 0;
		width: 430px; height: 64px;
		background: transparent url(../i/logo-trans.png) no-repeat top left;
	}		
		#header .in h1.logo span { display: none; }
		#header .in h1.logo a {
			display: block;
			width: 100%; height: 100%;
		}

	#header .in .phone {
		position: absolute;
		top: 0; right: 0;
		width: 180px;		
		padding: 35px 0 0 0;		
		
		font-family: Verdana;
		font-size: 12px;
		color: #717171;
	}
		#header .in .phone .number1 {
			font-size: 22px;
			color: #007EC6;
			line-height: 26px;
			position: absolute;
			top: 0; right: 0;
		}
		#header .in .phone .number2 {
			font-size: 22px;
			color: #007EC6;
			
			position: absolute;
			top: 30px; right: 0;
			
		}
		
	#header .in .email {
		font-size: 16px;
		color: #007EC6;

		position: absolute;
		top: 34px; right: 220px;
	}	
	#header .in .email a {
		font-size: 16px;
		color: #007EC6;
	}
	#header .in .email a:hover {
		color: #4B555C;
	}
		
	
/***********************************/
#footer {
	position: absolute;
	bottom: 0; left: 0;
	width: 100%; height: 100px;	
}
#footer .in {
	position: relative;	
	width: 960px;
	margin: 0 auto;
	
	font-family: Verdana;
	font-size: 12px;
	color: #fff;
	line-height: 18px;
}
#footer .in a {
	color: #fff;
}
#footer .in a:hover {
	color: #4B555C;
}



	#footer .in .copyright {
		position: absolute;
		top: 20px; left: 30px;
	}
	#footer .in  .colors {
		position: absolute;
		top: 30px; left: 695px;
	}
	#footer .in .meter {
		position: absolute;
		top: 35px; left: 580px;
	}

u {
   font-size: 1px;
   color: #363636;   
}

	/*формы*/
	
.form {
	width: 100%;
	margin: 0;
	padding: 0;		
}
.form .row{
	padding: 4px;
}
.form .row label{
	display: block;
	font-family: Verdana;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	padding: 4px 0 4px 0;
}
.form .row input {
	width: 50%;
}
.form .row a:hover {
	color: #000;
}
.form .row textarea {
	width: 50%;
	height: 150px;
}
.form .action {
	padding: 15px 0;
}
.form #ContactForm_verifyCode {
	width: 18%;
}