@import 'reset.css';

BODY, HTML {
	min-height: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}


/* Common Layout
--------------------------------------------------------------------------------------- */
BODY {
	background-color:#EFEFEF;
	font: normal 13px Arial, sans-serif;
	color: #000;
}

/* Elements
---------------------------------------------------------------------------------------- */
/*DIV {
	border: solid 1px red;
}*/
A {
	color: #0038AC;
	text-decoration: underline;
}
A:hover {
	color: #3678DB;
	text-decoration: none;
}
IMG {
	border: none;
}
P {
	padding-bottom: 10px;
}
.pathsite{
	font: 11px Arial;
	color: #787878;
	text-align: left;
	margin-bottom: 3px;
}
	.pathsite A{
		font: 11px Arial;
		color: #787878;
		text-decoration: underline;
	}
	.pathsite A:HOVER{
		font: 11px Arial;
		color: #787878;
		text-decoration: none;
	}
H2{
	position: relative;
	width: 100%;
	font: 20px Arial;
	color: #002490;
	border-bottom: solid 1px #DEDEDE;
	margin-top: 0px;
	padding-bottom: 5px;
	margin-bottom: 20px;
}
H3{
	display: block;
	clear: both;
	font: bold 15px Arial;
	color: #002490;
	padding-top: 10px;
	margin-bottom: 5px;
}
OL.numeric{
	list-style-type: decimal;
	/*margin-left: 20px;*/
}
OL.numeric LI {
	margin-left: 20px;
	//margin-left: 30px;
	margin-bottom: 10px;
}
/* Modules
------------------------------------------------------------------------------ */
#main{
	width: 1000px;
	margin: auto;
	min-height: 100%;
	height: auto  !important;
	height: 100%;
	text-align: center;
	background: url(../i/fon.jpg) repeat-y;
	position: relative;
	/*border: solid 1px green;*/
}
	#mainin{
		width: 936px;
		margin: auto;
		min-height: 100%;
		height: auto  !important;
		height: 100%;
		background: url(../i/upfon.jpg) no-repeat;
		position: relative;
		/*border: solid 1px red;*/
	}
		#mainin2{
			width: 876px;
			margin: auto;
			min-height: 100%;
			height:auto  !important;
			height:100%;
			position: relative;
			/*border: solid 1px red;*/
		}
			#top{
				width: 100%;
				height: 95px;
				position: relative;
			}
				#logo{
					position: absolute;
					top: 30px;
					left: 0px;
					width: 280px;
					height: 43px;
					background: url(../i/logo.jpg) no-repeat;
				}
				#logo A{
					text-indent: -3000px;
					display: block;
					height: 100%;
					overflow: hidden;
				}
			/*search form*/
				#search{
					position: absolute;
					top: 37px;
					right: 0px;
					width: 278px;
					text-align: left;
				}
					.srch{
						float: left;
						height: 50px;
						text-align: right;
					}
						.searchtxt{
							width: 247px;
							height: 15px;
							font: 11px Arial;
							color: #AAAAAA;
							margin-bottom: 2px;
							padding-left: 3px;
							padding-right: 3px;
							border: solid 1px #ADADAD;
						}
						.searchtext{
							width: 247px;
							height: 15px;
							font: 11px Arial;
							color: #000;
							margin-bottom: 2px;
							padding-left: 3px;
							padding-right: 3px;
							border: solid 1px #ADADAD;
						}
						.search_button{
							margin-top: 4px;
						}
						.contactus{
							margin-right: 22px;
							font: 11px Arial;
						}
			/* upmenu */
			#upmenu{
				width: 875px;
				height: 34px;
				border-left:  solid 1px #7DA5EB;
				border-right: solid 1px #7DA5EB;
				margin-bottom: 20px;
			}
				.upmenuelement {
					width: 125px;
					height: 34px;
					border: none;
					background: url(../i/upmenufon.jpg) repeat-x;
					display: block;
					float: left;
					position: relative;
					text-align: center;
				}
					A.umnotactive{
						margin-top: 8px;
						display: block;
						font: 13px Arial;
						color: #000;
						text-decoration: none;
					}
					A.umnotactive:HOVER{
						margin-top: 8px;
						display: block;
						font: 13px Arial;
						color: #0853C2;
						text-decoration: none;
					}
					.umelrazd{
						position: absolute;
						top: 8px; right: 0px;
						border-left:  solid 1px #89AEED;
						border-right: solid 1px #F1F5FD;
						height: 18px;
					}
				.upmenuelementactive {
					width: 125px;
					height: 34px;
					border: none;
					background: url(../i/upmenufon2.jpg) repeat-x;
					display: block;
					float: left;
					position: relative;
					text-align: center;
				}
					A.umactive{
						margin-top: 8px;
						display: block;
						width: 123px;
						font: bold 13px Arial;
						color: #fff;
						text-decoration: none;
					}
					A.umactive:HOVER{
						margin-top: 8px;
						display: block;
						font: bold 13px Arial;
						color: #fff;
						text-decoration: none;
					}
			/*content*/
			#content{
				/*border: solid 1px red;*/
				float: left;
				position: relative;
				padding-bottom: 40px;
			}

		/* footer */
		.footer{
			clear: both;
			width: 1000px; height: 50px;
			position: relative;
			margin: auto;
			margin-top: -51px;
			text-align: center;
		}
			.footer2{
				width: 934px; height: 50px;
				border-top: solid 1px #DDDDDD;
				background-color: #F6F6F6;
				position: absolute;
				left: 33px; top: -1px;
			}
				#copyright{
					padding-left: 30px;
					margin-top:  12px;
					position: absolute;
					float: left;
					font: 10px Arial;
					color: #777777;
					width: 400px;
					height: 30px;
					text-align: left;
					left: 0px;
				}
				#bottommenu{
					float: right;
					width: 400px;
					height: 30px;
					right: 25px;
					position: absolute;
					text-align: right;
					margin-top:  12px;
					font: 10px Arial;
					color: #777777;
				}
					#bottommenu A{
						font: 10px Arial;
						color: #777777;
						text-decoration: underline;
					}
					#bottommenu A:HOVER{
						font: 10px Arial;
						color: #999999;
						text-decoration: none;
					}
			.clearboth{
				clear: both; 
				height: 60px; 
				width: 100px;
			}
			[class~=clearboth]{
				clear: both; 
				height: 60px; 
				width: 100px;
			}
/* HOME */
	/*products*/
	#lefthome{
		width: 547px;
		float: left;
	}
		#lefthome .product{
			width: 512px;
			border: solid 1px #E7E7E7;
			float: left;
			background: #F3F3F3 url(../i/productfon.jpg) repeat-x 0px -1px;
			margin-bottom: 20px;
		}
		#lefthome .product2{
			width: 470px;
			padding: 20px 20px 19px 20px;
			border: solid 1px #fff;
			border-top: none;
			float: left;
			background: #F3F3F3 url(../i/productfon.jpg) repeat-x 0px -1px;
			position: relative;
		}
			#lefthome .product .left{
				width: 100px;
				float: left;
				margin-right: 20px;
			}
				#lefthome .product .left .proico{
					margin-bottom: 5px;
				}
				#lefthome .product .left A.tryit{
					display: block;
					border: none;
					width: 89px;
					height: 21px;
					background: url(../i/tryit.jpg);
					margin-top: 10px;
					text-indent: -3000px;
				}
				#lefthome .product .left A.tryit:HOVER{
					display: block;
					border: none;
					width: 89px;
					height: 21px;
					background: url(../i/tryit2.jpg);
					margin-top: 10px;
					text-indent: -3000px;
				}
				#lefthome .product .left A.buyit{
					display: block;
					border: none;
					width: 89px;
					height: 21px;
					background: url(../i/buyit.jpg);
					margin-top: 10px;
					text-indent: -3000px;
				}
				#lefthome .product .left A.buyit:HOVER{
					display: block;
					border: none;
					width: 89px;
					height: 21px;
					background: url(../i/buyit2.jpg);
					margin-top: 10px;
					text-indent: -3000px;
				}

			#lefthome .product .right{
				width: 350px;
				float: left;
				text-align: left;
			}
			#lefthome .product .right .pronamediv{
				margin-bottom: 10px;
			}
			#lefthome .product .right .proname{
				font: 20px Arial;
				color: #0038AC;
				text-decoration: none;
			}
			#lefthome .product .right A.proname:hover{
				font: 20px Arial;
				color: #3577DA;
				text-decoration: underline;
			}
			#lefthome .product .right .prodescr{
				font: 13px Arial;
				color: #000;
			}
			#lefthome .product .right .promenu{
				margin-top: 10px;
				width: 348px;
				color: #818181;
				text-align: justify;
			}
			#lefthome .product .right .lmrazdel{
				padding-left: 7px;
				padding-right:7px;
			}
	/*news*/
	#righthome{
		width: 328px;
		float: left;
		text-align: left;
	}
		/*#righthome*/ .newsheader{
			width: 100%;/*328px;*/
			font: 22px Arial;
			color: #666666;
			border-bottom: solid 1px #DEDEDE;
			padding-bottom: 5px;
			margin-bottom: 15px;
		}
		/*#righthome*/ P.razdel {
			clear: both;
			width: 100%;/*328px;*/
			font-size: 0em; 
			height: 25px;
			padding: 0;
			margin: 0;
			display: block;
			background: url(../i/razdel.jpg) no-repeat 0 12px;
			/*border: solid 1px red;*/
		}
		/*#righthome*/ .newsblock .newsdate{
			color: #777777;
			font: 11px Arial;
			text-decoration: none;
		}
		/*#righthome*/ .newsblock .newstitle{
			margin-top: 5px;
			margin-bottom: 5px;
			color: #0038AC;
			font: bold 13px Arial;
		}
		/*#righthome*/ .newsblock .newstext{
			font: 13px Arial;
			color: #000;
		}
		.more{
			font: 11px Arial;
			color: #0038AC;
			margin-left: 5px; 
		}

/* Product / About */
	/*products*/
	#leftpro{
		width: 240px;
		float: left;
		/*border: solid 1px red;*/
	}
		
		#leftpro .product{
			width: 222px;
			border: solid 1px #E7E7E7;
			float: left;
			background: #F3F3F3 url(../i/productfon.jpg) repeat-x 0px -1px;
			margin-bottom: 10px;
			overflow: hidden;
			z-index: 200;
		}
		#leftpro .product2{
			width: 210px;
			padding: 5px;
			border: solid 1px #fff;
			border-top: none;
			float: left;
			position: relative;
			overflow: hidden;
			z-index: 200;
		}
			#leftpro .product .left{
				width: 60px;
				float: left;
				margin-right: 5px;
				text-align: center;
			}
				#leftpro .product .left .proico{
					margin-top: 5px;
					margin-bottom: 20px;
					position: relative;
				}
				#leftpro .product .left A.tryit{
					display: block;
					border: none;
					width: 51px;
					height: 21px;
					background: url(../i/tryitpro.jpg);
					margin-top: 10px;
					text-indent: -3000px;
				}
				#leftpro .product .left A.tryit:HOVER{
					display: block;
					border: none;
					width: 51px;
					height: 21px;
					background: url(../i/tryitpro2.jpg);
					margin-top: 10px;
					text-indent: -3000px;
				}
				#leftpro .product .left A.buyit{
					display: block;
					border: none;
					width: 51px;
					height: 21px;
					background: url(../i/buyitpro.jpg);
					margin-top: 10px;
					text-indent: -3000px;
				}
				#leftpro .product .left A.buyit:HOVER{
					display: block;
					border: none;
					width: 51px;
					height: 21px;
					background: url(../i/buyitpro2.jpg);
					margin-top: 10px;
					text-indent: -3000px;
				}

			#leftpro .product .right{
				width: 140px;
				float: left;
				text-align: left;
			}
			#leftpro .product .right .pronamediv{
				margin-bottom: 5px;
				/*height: 18px;*/
			}
			#leftpro .product .right .proname{
				font: bold 15px Arial;
				color: #0038AC;
				text-decoration: none;
			}
			#leftpro .product .right A.proname:hover{
				font: bold 15px Arial;
				color: #3577DA;
				text-decoration: underline;
			}
			#leftpro .product .right .prodescr{
				font: 11px Arial;
				color: #787878;
				height: 56px;
			}
			#leftpro .product .right UL.promenulist {
				margin-top: 5px;
				list-style-type: none;
				margin-bottom: 5px;
			}
			#leftpro .product .right UL.promenulist LI.promenu{
				display: block;
				margin-left:  10px;
				text-align: left;
				margin-bottom: 1px;
			}
			.lmdiv{
				display: block;
				padding-left: 13px;
				background: url(../i/promenulist.gif) no-repeat 0px 6px; 
			}
			#leftpro .product .right UL.promenulist LI A{
				font: 11px Arial;
			}
			#leftpro .product .right UL.promenulist LI A.active{
				font: bold 11px Arial;
				text-decoration: none;
				color: #0038AC;
				/*padding-top: 1px;*/
			}
			#leftpro .product .right UL.promenulist LI A.active:HOVER{
				font: bold 11px Arial;
				text-decoration: none;
				color: #0038AC;
			}

	#rightpro{
		width: 635px;
		float: left;
		text-align: left;
	}
		.testimonial {
			float: left;
			width: 100%;
			background-color: #F6F6F6;
			margin-bottom: 20px;
		}
			.testimonial .text{
				width: 545px;
				position: relative;
				font: 11px Arial;
				color: #343434;
				padding-left:  45px;
				padding-right: 45px;
				padding-top:   20px;
				padding-bottom:20px;
				text-align: justify;
			}
				.leftquot{
					position: absolute;
					left: 10px; top: 10px;
					width: 22px;
					height: 17px;
					background: url(../i/leftquot.gif) no-repeat;
				}
				.rightquot{
					position: absolute;
					right: 10px; bottom: 10px;
					width: 22px;
					height: 17px;
					background: url(../i/rightquot.gif) no-repeat;
				}

			.testimonial .author{
				position: relative;
				float: left;
				width: 350px;
				font: bold 12px Arial;
				color: #343434;
				padding-left: 45px;
				padding-bottom: 8px;
				text-align: left;
			}
			.testimonial .alltestimonials {
				float: right;
				width: 150px;
				padding-right: 45px;
				padding-bottom: 8px;
				text-align: right;
			}
				.testimonial .alltestimonials A{
					font: 12px Arial;
				}
		OL.list{
			list-style-type: none;
			padding-left: 0px;
			margin-left: 0px;
			margin-top: 3px;
			width: 635px;
			margin-bottom: 10px;
		}
		OL.list LI {
			padding-left: 20px;
			background: url(../i/listdisc.jpg) no-repeat 9px 6px;
			font: 13px Arial;
			margin-bottom: 5px;
		}

		.screenleft{
			clear: both;
			width: 277px;
			float: left;
		}
		.screenclear{
			clear: both;
		}
		.screenright{
			width: 277px;
			float: right;
		}
			.screen1{
				width: 275px;
				/*height: 320px;*/
				border: solid 1px #E0E0E0;
				margin-bottom: 15px;
			}
				.screen2{
					width: 250px;
					/*height: 318px;*/
					padding-left: 11px;
					padding-right:12px;
					border: solid 1px #fff;
					background: #F3F3F3 url(../i/productfon.jpg) repeat-x 0px -1px;
					text-align: center;
				}
					.screen2 .screenimg{
						/*height: 225px;*/
						vertical-align: middle;
						position: relative;
					}
						.screen2 .screenimg IMG{
							position: relative;
							border: solid 1px #fff;
							width: 250px;
							margin-top: 10px;
							margin-bottom: 10px;
						}
					.screen2 .razdel{
						width: 250px;
						height: 0px;
						font: 0em;
						border-top:    solid 1px #D1D1D1;
						border-bottom: solid 1px #f4f4f4;
						margin-bottom: 5px;
					}
					.screen2 .text1{
						font: bold 11px Arial;
						color: #343434;
						width: 250px;
						text-align: center;
					}
					.screen2 .text2{
						font: 11px Arial;
						color: #8A8989;
						width: 250px;
						text-align: center;
						margin-bottom: 10px;
					}
		/*.newspro{
			clear: both;
			border: solid 1px #E0E0E0;
			width: 785px;
			padding-left:  25px;
			padding-right: 25px;
			padding-top:   10px;
			padding-bottom:14px;
		}
			.newspro .title A{
				font-weight: bold;
			}
			.newspro .text{
				font: 13px Arial;
				color: #8A8989;
				margin-top: 5px;
			}*/

/* articles*/
.article{
	clear: both;
	/*float: left;*/
	width: 100%;
}
	.article .left{
		float: left;
		width: 85px;
		text-align: left;
	}
		.article .left .artimg{
			border: solid 1px #B5B5B5;
			background-color: #fff;
			width: 84px;
		}
			.article .left .artimg IMG{
				border: solid 1px #fff;
			}
	.article .right{
		width: 528px;
		float: left;
		margin-left: 20px;
	}
		.article .right A.artname{
			display: block;
			width: 520px;
			text-decoration: underline;
			font: bold 13px Arial;
			color: #0038AC;
			margin-bottom: 5px;
		}
		.article .right A.artname:HOVER{
			text-decoration: none;
			color: #3678DB;
		}
	DIV.artrazdel {
		clear: both;
		width: 100%;
		font-size: 0em; 
		height: 30px;
		padding: 0;
		margin: 0;
		display: block;
		background: url(../i/razdel.jpg) no-repeat 0 14px;
	}
	.navigate {
		width: 100%;
		margin-top: 10px;
		margin-bottom: 20px;
		text-align: center;
		font: 12px Arial;
	}
		.navigate .lr{
			margin-left: 10px;
			margin-right:10px;
			font: 11px Arial;
		}
		.navigate .active{
			padding-left:  2px;
			padding-right: 2px;
			padding-top:   2px;
			padding-bottom:2px;
			background-color: #0038AC;
			color: #fff;
			font: bold 12px Arial;
			text-decoration: none;
		}
		.navigate .notactive{
			padding-left:  2px;
			padding-right: 2px;
			padding-top:   2px;
			padding-bottom:2px;
			font: 12px Arial;
		}
	A.back {
		display: block;
		width: 100%;
		clear: both;
		border-top: solid 1px #DEDEDE;
		font: 12px Arial;
		margin-top: 20px;
		margin-bottom: 20px;
		padding-top: 15px;
	}

/* testimonals */
.height20px {
	clear: both;
	height: 20px;
}

/* search*/
.psearch{
	width: 100%;
	margin-bottom: 40px;
	position: relative;
}
	.psearch input {
		margin-right: 10px;
	}
	.psearch p {
		margin-top: 15px;
	}
	.psearch ol {
		margin-top: 20px;
		margin-left: 30px;
		list-style: decimal;
		list-style-position: outside;
	}
		.psearch ol li {
			margin-bottom: 15px;
		}

		.psearch ol a.parent {
			color: #777777;
		}
		.psearch ol p.pd {
			margin-top: 2px;
		}

/* sitemap */
UL.map{
	list-style-type: none;
	padding-left: 0px;
	margin-left: 0px;
	margin-top: 3px;
	width: 500px;
	margin-bottom: 10px;
}
	UL.map LI {
		padding-left: 20px;
		background: url(../i/listdisc.jpg) no-repeat 9px 6px;
		font: 13px Arial;
		margin-bottom: 5px;
		width: 500px;
	}
/* screenshots*/
DIV#allblock {
	width: 100%;
	height: 100%; 
	top: 0; left: 0; 
	position: absolute; 
	z-index: 1000;
	background: url(../i/sn.gif); 
	visibility: hidden; 
	vertical-align: bottom;
}
DIV#load{
	width: 240px; height: 200px;
	margin-left: -120px;
	position: fixed;
	border: solid 1px #DEDEDE;
	background-color: #F0F0F0;
	padding: 20px 0px 20px 20px;
	left: 50%; top: 100px;
	text-align: center;
	vertical-align: middle;
	//position: absolute;
	//top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + 100 : document.body.scrollTop + 100);
	//padding: 30px 20px 10px 20px;
}
DIV.not_loader{
	background: url(../i/loader.gif) no-repeat 50% 50%;
}
DIV.loader{
	background: none;
}
IMG#photo{
	display: none;
	margin-top: 15px;
}
#empty{
	border: 0;
	clip: 0;
	width: 0;
	display: none;
	margin-left:-1000px;
}
SPAN#navigatescr{
	position: absolute;
	margin: auto;
	width: 100px;
	left: 50%;
	top: 10px;
	margin-left: -50px;
}
	SPAN#prevscr{
		position: relative;
		display: block;
		width: 15px; height: 19px;
		float: left;
		text-align: left;
		cursor: hand;
	}
	SPAN.previmg{
		background: url(../i/wfleft.gif) no-repeat 0px 3px;
	}
	SPAN.noprevimg{
		background: none;
	}
	SPAN#nextscr{
		position: relative;
		display: block;
		width: 15px; height: 19px;
		float: left;
		text-align: right;
		cursor: hand;
	}
	SPAN.nextimg{
		background: url(../i/wfright.gif) no-repeat 4px 3px;
	}
	SPAN.nonextimg{
		background: none;
	}
	SPAN#scrinfo{
		position: relative;
		display: block;
		width: 70px; height: 19px;
		float: left;
		text-align: center;
	}
DIV.exitimage{
	position: absolute;
	right: 5px; top: 4px;
	cursor: hand;
	width: 13px;
	height: 15px;
	background: url(../i/wclose.gif) no-repeat 0 0;
	float: right;	
}

/* Downloads */
TABLE.d_files{
	position: relative:
}
	.d_files .trhead{
		background-color: #F0F0F0;
		height: 30px;
		font: bold 11px Arial;
		color: #787878;
	}
		.d_files .trhead TD{
			padding: 3px;
		}
	.d_files .head_line{
		height: 0px;
		border-top:    solid 1px #fff; 
		border-bottom: solid 1px #E0E0E0;
	}
	.d_files .d_tr TD{
		padding: 10px 3px;
		font: 11px Arial;
		color: #343434;
	}
		.d_files .d_tr TD A{
			font: bold 13px Arial;
		}
	.d_files .d_tr TD.size{
		font: 12px Arial;
		color: #343434;
	}
	.d_files .razdel{
		
	}
	.d_files .razdel P.rline{
		width: 100%;
		font-size: 0em; 
		height: 4px;
		padding: 0;
		margin: 0;
		display: block;
		background: url(../i/razdel.jpg) no-repeat 0 1px;
	}