/**
 * index.css
 * @author: Vladimir 'Vii' Varankin | 2007-10
 */

@import url("v11/reset.css");
@import url("v11/base.css");
@import url("v11/typo.css");

html{
	*font-size: 101%;
	position: relative;
	z-index: 0;
}

body{
	background: #fff;
	color: #000;
	font: normal 62.5% Verdana, Geneva, sans-serif;
	min-width: 990px;
	text-align: center;
}

.reference_i{
	line-height: 1em;
	white-space: nowrap;
}
	.reference_i img{
		padding: 0;
		margin: 0 0 0 -85px;
		position: absolute;
		vertical-align: baseline;
	}

.price{
	white-space: nowrap;
}

.section{
	padding: 2em 3em;
}
	.section h1,
	.section h2,
	.section ul,
	.section p{
		position: relative;
		_z-index: 1;
		_zoom: 1;
		left: 16%;
	}

.block-portfolio{
	margin-left: -3em;
	overflow: hidden;
	padding: .5em 0 0;
	width: 200%;
	min-height: 100px;
	_height: 100px;
	position: relative;
	z-index: 1;
	//zoom: 1;
}
	.block-portfolio .hlist{
		font-size: 0.75em;
		left: 0;
		/*width: 200%;*/
		position: absolute;
		left: auto;
		right: 10%;
		right: 20%;
		//width: 1480px;
		white-space: nowrap;
	}
		.block-portfolio .hlist li{
			font-family: Arial, Helvetica, sans-serif;
			display: table-cell;
			//display: inline;
			//float: left;
			position: relative;
			/*margin-right: 1.9%;*/
		}
			.block-portfolio .hlist li div{
				background: url(/i/i-micro-under-process.gif) no-repeat 0 0;
				margin-right: 15px;
				position: relative;
				width: 58px;
				height: 58px;
			}
				.block-portfolio .hlist li img{
					display: block;
				}
			.block-portfolio .hlist li .pf-hint{
				background: none;
				line-height: 1.4em;
				margin: 0.5em 0 .2em .5em;
				position: absolute;
				top: 100%; left: 0;
				width: 160px;
			}
				.block-portfolio .hlist li .pf-hint i{
					display: block;
				}

.section_red{
	background-color: #c04e00;
	color: #fff;
}
	.section_red h2{
		color: #000;
		font-size: 1.5em;
		font-weight: bold;
	}
	.section_red a{
		color: #9DF7FF;
	}

.section_gray{
	background-color: #ebe6e3;
}


/*
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
[ GLOBAL ]
*/
#layout{
	font-size: 1.3em;
	/*line-height: 1.4em;*/
	line-height: 1.5em;
	text-align: left;
	width: 100%;
}
	#layout .section{
	}

#layout .column{
	position: relative;
	width: 50%;
	//zoom: 1;
		/*border: solid red;
		border-width: 0 1px;*/
}

	#layout .column .reference{
		margin-top: -1em;
		position: absolute;
		left: 100%;
		margin-left: 50%;
		vertical-align: baseline;
	}


/*
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
[ HEADER / #head ]
*/
#head{
	padding: 0;
	position: relative;
}
	#head .logo{
		position: absolute;
		top: 8em;
		left: 100%;
		margin: 0 0 0 50%;
		zoom: 1;
		/*width: 50%;*/
	}
		#head .logo img{
			display: block;
			_position: relative;
			_zoom: 1;
			margin-left: -80px;
		}


/*
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
[ ABOUT / #about ]
*/
#about{
	padding-top: 0;
	padding-bottom: 0;
}


/*
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
[ CALC / #calc ]
*/
#calc{
	padding-top: 1em;
}
	#calc .b-price{
		background: no-repeat 0 0;
		color: #000;
		font-size: 1.5em;
		position: absolute;
		margin-top: -1.5em;
		margin-left: -50%;
		left: 200%;
		padding: 86px 0 0 145px;
		//height: 86px;
	}
		#calc .b-price .price{
			/*margin: -15px 0 0 -30px;*/
			margin: -15px -70px 0 0;
			position: absolute;
			right: 0;
		}
	#calc .b-price_1{
		background-image: url(../i/light_1.jpg);
	}
	#calc .b-price_2{
		background-image: url(../i/light_2.jpg);
	}
	#calc .b-price_3{
		background-image: url(../i/light_3.jpg);
	}

	#calc .calc{
		margin: 2.15em 0 0 -1em;
		width: 100%;
	}
		#calc .calc .col1,
		#calc .calc .col2{
			float: left;
			margin-right: -100%;
			position: relative;
		}
		#calc .calc .col1{
			width: 50%;
		}
			#calc .calc .col1 dt{
				/*padding-right: 5em;*/
			}
			#calc .calc .col1 dd{
			}
		#calc .calc .col2{
			left: 50%;
			margin-left: 1em;
			width: 100%;
		}
			#calc .calc .col2 .list-items{
				min-width: 430px;
				margin-right: 10%;
				padding: 0 0 0 25px;
			}
			#calc .calc .col2 .hint{
				color: #fcffa6;
				display: block;
				position: absolute;
				left: 100%; top: 0;
				width: 50%;
				margin-left: -2%;
				/*margin-top: 4em;*/
			}

		#calc .calc .list-items{ }
			#calc .calc .list-items dt{
				color: #000;
				margin: 0 1.5em .9em 0;
			}
			#calc .calc .list-items label{
				cursor: pointer;
				color: #fff;
				float: left;
				height: 30px;
				line-height: 30px;
				margin: 0 0 0 20px;
				margin-right: -100%;
				white-space: nowrap;
				width: 100%;
			}
				#calc .calc .list-items label input{
					position: absolute;
					margin: .7em 0 0;
				}
				#calc .calc .list-items label span{
					border-bottom: 1px dotted;
					cursor: pointer;
					line-height: 30px;
					//line-height: 1.1em;
					//position: relative;
					//top: .5em;
				}
			#calc .calc .list-items dd.checked label.pseudo{
				background: url(../i/i_vlist.png) no-repeat 0 -89px;
				margin-left: 0px;
				padding-left: 20px;
			}

			#calc .calc .list-items dd{
				position: relative;
				//zoom: 1;
				padding-left: 5px;
				margin-left: -5px;
				min-width: 19em;
				//zoom: 1;
				/*height: 30px;*/
				height: 2.3em;
				clear: left;
			}
				#calc .calc .list-items dd input{
					margin: .5em 0 0 -1.5em;
					/*left: -999px;*/
				}

			#calc .calc .col2 .list-items dd{
				padding-right: 26px;
				position: relative;
				//zoom: 1;
			}
				#calc .calc .col2 .list-items dt div,
				#calc .calc .col2 .list-items dd label{
					margin-right: -100%;
					z-index: 2;
				}
				#calc .calc .col2 .list-items dd label{
					cursor: pointer;
					display: inline-block;
					//display: inline;
					//position: relative;
					//zoom: 1;
				}
					#calc .calc .col2 .list-items dd label span{
					}

				#calc .calc .col2 .list-items dt .last-of,
				#calc .calc .col2 .list-items dd .price,
					#calc .calc .col2 .list-items .tfoot .price{
					clear: right;
					float: right;
					line-height: 30px;
					/*//margin-top: -30px;*/
				}

			#calc .calc .list-items dd.checked{
				background: url(../i/i_vlist.png) no-repeat 0 0;
				padding-right: 12px;
				margin-right: 14px;
			}
				#calc .calc .col1 .list-items dd.checked{
					background-position: 100% 0;
					margin-right: 0;
				}
			#calc .calc .col2 .list-items dd.hover{
				background: url(../i/i_vlist.png) no-repeat 100% -33px;
				padding-right: 26px;
				margin-right: 0;
			}
				#calc .calc .col2 .list-items dd.hover .title{
					display: block;
				}

			#calc .calc .list-items dt.head{
				overflow: hidden;
				position: relative;
				//zoom: 1;
			}
				#calc .calc .list-items dt.head div{
					float: left;
					width: 75%;
				}
				#calc .calc .list-items dt.head .last-of{
					margin: 0.2em .5em 0 0 !important;
					line-height: 1.1em;
					float: none;
					position: absolute;
					right: 0;
					width: auto;
				}
					#calc .calc .list-items dt.head .rur{}
						#calc .calc .list-items dt.head .rur span{
							margin-top: .2em;
						}

			#calc .calc .col2 .list-items .tfoot{
				_height: 45px;
				white-space: nowrap;
			}
			#calc .calc .col2 .list-items .tfoot div,
			#calc .calc .col2 .list-items .tfoot .price{
				_padding-top: 20px;
				line-height: 45px !important;
			}
			#calc .calc .col2 .list-items .tfoot div{
				text-align: right;
				width: 100%;
			}
			#calc .calc .col2 .list-items .tfoot .price{
				float: none;
				text-align: left;
				margin: 0 -1.8ex 0 1em;
				width: auto;
			}
				#calc .calc .col2 .list-items .tfoot .price ins{
					margin: 0 .8ex 0 0;
				}
				#calc .calc .col2 .list-items .tfoot .rur{
					height: 1em;
					line-height: 1em;
					//position: relative;
					z-index: 2;
				}
				#calc .calc .col2 .list-items .tfoot .rur span{
					margin-top: 1.4em;
					line-height: 100%;
				}


/*
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
[ RESULT / #result ]
*/
#result{
	padding-bottom: 2.5em;
}
	#result h2{
		margin-top: 0;
	}
	#result .result{
		color: #c04e00;
		font-size: 1.5em;
		position: relative;
		left: 16%;
		word-spacing: .1em;
	}
		#result .result .price,
		#result .result .value{
			color: #000;
			word-spacing: -0.1ex;
		}
		#result .result .rur{}
			#result .result .rur span{
				margin-top: 0.1em;
				margin-left: -0.7em;
			}
		#result .result em{
			font-size: .75em;
			font-style: normal;
			position: absolute;
			top: 1.5em;
		}

	#result .column .result{
		float: left;
		margin-right: -100%
	}
	#result .column .reference{
		position: relative;
		margin: 0;
		width: 100%;
	}
		#result .column .reference p{
			left: 0;
			margin: -.3em 1% 0 17%;
			padding: 0;
			width: auto;
		}


/*
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
[ ORDER / #order ]
*/
#order{}
	#order h2{
		margin-top: 0;
	}
	#order .column{
		_margin-right: -100%;
	}
		#order .column form{
			position: relative;
			width: 150%;
		}
		#order .column .tel{
			margin-top: 0;
			_margin-left: -12em;
			padding: 0.5em 0 0.7em;
			white-space: nowrap;
		}
			#order .column .tel .value{
				font-size: 1.5em;
				margin: .5em 0 0;
			}



/*
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
[ FOOTER / #footer ]
*/
#footer{
	font-size: 0.9em;
	line-height: 1.6em;
	padding-bottom: 40px;
	padding-top: 15px;
}
	#footer .logo{
		float: right;
		padding: 1.7em 0 0;
	}
	*+html #footer .logo{
		//padding-top: 1.2em;
	}
	#footer .copy{
		float: left;
		padding: 1.1em 0 0;
		//margin-right: -22em;
	}
	#footer .contacts{
		border-top: 1px solid #D2D2D2;
		padding: 1.1em 0 0 22em;
		width: 40%;
	}
		#footer .contacts p{
			margin-right: -8em;
		}
		#footer .contacts p a{
			//position: relative;
			//z-index: 1;
		}

	#footer .teletype{
		padding: 0 0 0 65px;
		position: relative;
	}
		#footer .teletype img{
			position: absolute;
			top: 0;left: 0;
		}

	#footer p{
		position: static;
		left: 0;
		margin: 0;
		padding: 0;
	}
		#footer .adr{
			white-space: nowrap;
		}
		#footer p img{
			padding: 0;
			margin: 0;
		}


/*
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
[ STARTPAGE / body.index ]
*/
body.index{}