/* блок диаграммы */
.diagramm{
	position: relative;
	width: 537px; height: 230px;
	text-align: center;
	/*padding-top: 15px;*/
	/*padding-bottom: 20px;*/
	font: 12px Tahoma;
	color: #ffffff;
	background: #000000 url(/i/service/spider.gif) no-repeat 0px 41px;
	margin: 20px 0px 0px 15px;
}
	*:first-child+html .diagramm {
		height: 230px;
	}

/* блок ждя затемнения картинки */
.d_img_fade_none{
	position: absolute;
	left: 182px; top: 31px; 
	width: 172px; height: 199px;
	filter:alpha(opacity: 100);
	opacity: 1;
	z-index: 45;
}
.bsi_seo{
	background: #000000 url(/i/service/bsi_seo.jpg) no-repeat 0px 0px;
}
.bsi_context{
	background: #000000 url(/i/service/bsi_context.jpg) no-repeat 0px 0px;
}
.bsi_develop{
	background: #000000 url(/i/service/bsi_develop.jpg) no-repeat 0px 0px;
}
.bsi_flash{
	background: #000000 url(/i/service/bsi_flash.jpg) no-repeat 0px 0px;
}
.bsi_firm{
	background: #000000 url(/i/service/bsi_firm.jpg) no-repeat 0px 0px;
}
.d_bigdiv{
	display: none;
	filter:alpha(opacity: 0);
	opacity: 0;
	position: absolute;
	width: 383px; height: 100%;
	//padding-top: 20px;
	//margin-top: -20px;
}
	*:first-child+html .d_bigdiv {
		padding-top: 20px;
		margin-top: -20px;
	}
/* подсвечивающаяся полоска */
.d_textline{
	position: absolute;
	width: 154px; height: 54px;
	z-index: 50;
}
/* текст элемента для  наведения*/
.d_minitext{
	position: absolute;
	width: 154px; height: 49px;
	font: 14px Arial;
	cursor: pointer;
}
.d_minitext_underline{
	display: inline-block;
	border-bottom: dashed 1px #ffffff;
}
/* подложка под полный текст */
.d_textdiv{
	position: absolute; 
	width: 229px;
	text-align: justify;
	background-color: #1e1e1e;
	z-index: 53;
}
/*полный текст*/
.d_text{
	padding: 10px 10px 10px 10px;
	margin: 0;
	text-align: justify;
	z-index: 55;
	filter:alpha(opacity: 100);
	opacity: 1;
	background: none;
	font: 11px Tahoma;
	color: #ffffff;
	line-height: 14px;
}

/* левый верхний элемент для наведения */
.d_minitext_lu{
	left: 3px; top: 5px;
	text-align: left;
	z-index: 53;
}	
/* левый верхний элемент (элементы при наведении)*/
.d_leftup{
	left: 0; top: 0;
}
	.d_leftup .d_textdiv{
		left: 154px; top: 0px;
		//top: 20px;
	}
	*:first-child+html .d_leftup .d_textdiv {
		top: 20px;
	}
	/* подсвечивающаяся полоска для левого верхнего элемента */
	.d_leftup .d_textline{
		background: url(/i/service/d_leftup.gif) no-repeat;
		left: 0px; top: 0px;
		//top: 20px;
	}	
	*:first-child+html .d_leftup .d_textline {
		top: 20px;
	}


/* правый верхний элемент для наведения */
.d_minitext_ru{
	right: 3px; top: 5px;
	text-align: right;
	z-index: 53;
}
/* правый верхний элемент (элементы при наведении)*/
.d_rightup{
	right: 0; top: 0;
}
	.d_rightup .d_textdiv{
		left: 0px; top: 0px;
		//top: 20px;
	}
	*:first-child+html .d_rightup .d_textdiv {
		top: 20px;
	}
	/* подсвечивающаяся полоска для левого верхнего элемента */
	.d_rightup .d_textline{
		right: 0px; top: 0px;
		background: url(/i/service/d_rightup.gif) no-repeat;
		//top: 20px;
	}	
	*:first-child+html .d_rightup .d_textline {
		top: 20px;
	}


/* правый нижний элемент для наведения */
.d_minitext_rd{
	right: 3px; bottom: 40px;
	text-align: right;
	z-index: 53;
}
/* правый верхний элемент (элементы при наведении)*/
.d_rightdown{
	right: 0; bottom: 0;
}
	.d_rightdown .d_textdiv{
		left: 0px; bottom: 50px;
	}
	/* подсвечивающаяся полоска для левого верхнего элемента */
	.d_rightdown .d_textline{
		right: 0px; bottom: 50px;
		background: url(/i/service/d_rightdown.gif) no-repeat;
	}	


/* правый нижний элемент для наведения */
.d_minitext_ld{
	left: 3px; bottom: 40px;
	text-align: left;
	z-index: 53;
}
/* правый верхний элемент (элементы при наведении)*/
.d_leftdown{
	left: 0; bottom: 0;
}
	.d_leftdown .d_textdiv{
		left: 154px; bottom: 50px;
	}
	/* подсвечивающаяся полоска для левого верхнего элемента */
	.d_leftdown .d_textline{
		left: 0px; bottom: 50px;
		background: url(/i/service/d_leftdown.gif) no-repeat;
	}