/* © teKiLLa, 2007 */

/**************************************************************** 
	Год:	2007
	Автор: 	teKiLLa
	
	Поддержка: 
   
		1. Браузеры:	Mozilla Firefox
						Internet Explorer 6.*
						Internet Explorer 7.*
						Opera
	
		2. Разрешения:	1024x768 и выше

	Необходимые комментарии: 
   
		1. Знаки подчёркивания ("_"), двойной слэш ("//") 
		   используются для корректного отображения в Internet Explorer
	
		2. Не рекомендуется изменять данный файл
	
*****************************************************************/

.clear {
	clear: both; display: block;
	font-size: 0; line-height: 0;}

.moz-png {
	_display: none;
}

.ie-png {
	display: none;_display: static;
}

.f0 {
	font-size: 0; line-height: 0;
}


/* general block */

body {
	background: #296998;
}

.general_bg {
	width: 100%; height: 100%; position: absolute; left: 0; top: 0; overflow: hidden;
	background: #296998;
}


.general, .bottom {
	width: 100%; min-width: 995px;
	_width: expression((documentElement.clientWidth || document.body.clientWidth) < 970 ? 970 : '100%');
	position: relative; margin: 0 auto;
	font: 1em Arial; color: #262525;
	text-align: center;
}

.general {
	_height: 100%; min-height: 100%; float: left;
	background: #FFFFFF;
}

.center {
	width: 100%; min-width: 995px; max-width: 1156px;
	_width: expression((documentElement.clientWidth || document.body.clientWidth) > 1156 ? 1156 : ((documentElement.clientWidth || document.body.clientWidth) < 970 ? 970 : '100%'));
	position: relative;
	margin: 0 auto; text-align: left;
}

	.left_shadow {
		width: 26px; height: 100%; position: absolute; left: -26px; top: 0;
		background: url(../images/left_shadow.png) repeat-y;_background: none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://server.titansoft.ru/elektro/templates/default/images/left_shadow.png', sizingMethod='scale');
	}

	.right_shadow {
		width: 26px; height: 100%; position: absolute; right: -26px; top: 0;
		background: url(../images/right_shadow.png) repeat-y;_background: none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://server.titansoft.ru/elektro/templates/default/images/right_shadow.png', sizingMethod='scale');
	}


	.general_bg .center {
		height: 100%;
	}

	.content_bg {
		width: 100%; height: 100%; position: absolute;
		background: #296998 url(../images/general_bg.gif) 0 302px repeat-x;
	}

	.lc_delim {
		width: 15px; height: 422px; position: absolute; left: 234px; top: 342px;
		background: url(../images/lc_delim.jpg);
	}

	.rc_delim {
		width: 15px; height: 422px; position: absolute; right: 232px; top: 342px;
		background: url(../images/lc_delim.jpg);
	}



.general_margin_bottom {
	width: 100%; height: 106px; position: relative; float: left;
}


.top_block {
	width: 100%; height: 283px; position: relative;
	background: url(../images/top_img.jpg) center no-repeat;
}

	.top_l_shadow {
		width: 365px; height: 100%; position: absolute; left: 0; top: 0;
		background: url(../images/top_l_shadow.png) repeat-y;_background: none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://server.titansoft.ru/elektro/templates/default/images/top_l_shadow.png', sizingMethod='scale');
	}

	.top_r_shadow {
		width: 365px; height: 100%; position: absolute; right: 0; top: 0;
		background: url(../images/top_r_shadow.png) repeat-y;_background: none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://server.titansoft.ru/elektro/templates/default/images/top_r_shadow.png', sizingMethod='scale');
	}

	.logo_elektro {
		width: 180px; height: 170px; position: absolute; left: 15px; top: 80px;
		background: url(../images/logo_elektro.png) repeat-y;_background: none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://server.titansoft.ru/elektro/templates/default/images/logo_elektro.png', sizingMethod='scale');
	}

	.logo_rti {
		width: 140px; height: 170px; position: absolute; right: 25px; top: 80px;
		background: url(../images/logo_rti.png) repeat-y;_background: none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://server.titansoft.ru/elektro/templates/default/images/logo_rti.png', sizingMethod='scale');
	}

	.services {
		position: absolute; left: 0; top: 0; 
	}

	.services b {
		display: block; width: 39px; height: 28px; position: relative; float: left;
		background: url(../images/service_delim.gif) right top no-repeat; text-align: center;
	}

	.services b a {
		position: relative; top: 16px;
	}

	.qicksearch {
		position: absolute; right: 15px; top: 15px;
	}

	.qicksearch input {
		width: 135px; display: block; float: left; min-height: 21px;_height: 22px; padding: 0 5px; margin: 0 3px;
		border: solid 1px #0093DD; font-size: 1.2em; line-height: 1.8em;//line-height: 1.2em; color: #7A7A7A;
	}

	.qicksearch input.form-submit {
		width: auto; //height: 23px;_height: 22px;//padding: 0 5px; _padding: 0 0; color: #000;
	}


.menu {
	width: 100%; position: relative; z-index: 2; padding-bottom: 11px;
	background: #0694DC url(../images/menu_b.gif) bottom repeat-x;
}

	.menu table {
		width: 100%; position: relative;
	}

	.menu_mh {
		width: 8px; height: 35px; font-size: 0;
	}

	.menu td {
		position: relative; z-index: 2; vertical-align: middle; text-align: center;
		background: #0393DB url(../images/menu_td.gif) center repeat-x;
	}
	.menu td.over {
		z-index: 2; background: #005EAD url(../images/menu_td_over.gif) center repeat-x;
	}

	.menu td a, .menu td a:visited {
		padding: 0 8px; font: bold 1.18em Arial; color: #fff; text-transform: uppercase; text-decoration: none;
	}

	.menu_lr {
		width: 2px;
	}

	.menu_lr i {
		display: block; width: 2px; height: 24px; position: relative; _top: 50%; _margin-top: -12px;
		background: url(../images/menu_td_lr.gif) repeat-y; font-size: 0;
	}


/*------------*/
	.menu td div {
		display: table; width: 100%; height: 35px;//height: auto; position: relative;//position: static; z-index: 2;
	}

		.menu td div a, .menu td div a:visited {
			display: table-cell;//display: static; height: 100%;//height: auto; padding: 0 8px;
			vertical-align: middle;
			font: bold 1.18em Arial; color: #fff; text-transform: uppercase; text-decoration: none;
		}
		.menu td.over div a, .menu td.over div a:visited {
			
		}

	.menu td p {
		display: none;
	}

	.menu td.over p {
		display: block; width: 100%; position: relative;//position: static; z-index: 2; left: 0; float: left;
		text-align: left;
	}

	.menu td.over span {
		display: block; min-width: 100%;_width: 100%; min-height: 4px;_height: 4px; position: absolute; z-index: 2; left: 0; //top: 100%; padding-top: 8px;
		background: #00538f; border-top: solid 1px #1a4462;
	}

	.menu td.over span b {
		display: block; padding: 6px 12px; border-bottom: dashed 2px #115e96;
	}

	.menu td.over span a, .menu td.over span a:visited {
		font: 1em Arial; color: #fff; text-decoration: none; text-transform: none;
	}

	.menu td.over span a:hover {
		text-decoration: underline;
	}

	.menu_sheet_left {
		width: 230px; height: 7px; left: 0; margin-bottom: -11px; margin-top: 4px;
		background: url(../images/left_block_img.jpg) left top no-repeat; font-size: 0;
	}





.alpha_href {
	position: relative; float: right; right: 5px; margin: 5px 0 5px 5px;
}

	.alpha_href i {
		display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0;
		background: #fff; filter: alpha(opacity=55); -moz-opacity: 0.55; KHTMLopacity: 0.55; opacity: 0.55;
	}

	.alpha_href a, .alpha_href a:visited {
		display: block; position: relative; padding: 3px 10px;
		color: #0D004C; text-decoration: none;
	}
	.alpha_href a:hover {
		text-decoration: underline;
	}


h2.style {
	display: block; padding: 0 11px; margin: 5px 0;
	font-size: 1.65em; color: #fff; text-transform: uppercase;
	background: url(../images/h2_line.gif) center repeat-x;
}

	h2.style b {
		padding: 0 9px; background: #3589C5;
	}


.middle_block {
	width: 100%; position: relative; z-index: 1;
}


.left_block {
	width: 230px; height: 528px; position: relative; z-index: 1; float: left; left: 0; margin-right: 10px; margin-top: -7px;
	background: url(../images/left_block_img.jpg) left top no-repeat;
}

	.ishop {
		width: 203px; height: 260px; position: absolute; left: 14px; top: 0;
	}

	.ishop_text {
		position: absolute; left: 0; bottom: 0;
	}

	.ishop_info {
		width: 100%;_height: 0; position: relative; float: left;
	}

	.ishop_info_bg {
		width: 100%; height: 100%; position: absolute; left: 0; top: 0;
	}

	.ishop_info img.moz-png {
		width: 100%; height: 100%; position: absolute; left: 0; top: 0;
	}
	.ishop_info img.ie-png {
		width: 100%; height: 100%; position: absolute; left: 0; top: 0;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://server.titansoft.ru/elektro/templates/default/images/ishop_info_bg.png', sizingMethod='scale');
	}

	.ishop_info p {
		position: relative; padding: 6px 14px; color: #EAECF2;
	}


	.price {
		width: 203px; height: 155px; position: absolute; left: 14px; top: 270px;
	}

	.price .alpha_href {
		position: absolute; right: 0; bottom: 36px;
	}




.right_block {
	width: 185px; position: relative; z-index: 1; float: right; right: 27px;
}

	.news_item_t_hide {
		height: 4px; position: relative; margin-bottom: -4px; background: #3589C5;
	}

	.news_item {
		padding: 8px 0 17px 0; color: #fff; background: url(../images/news_item_t.gif) top repeat-x;
	}

	.news_date {
		padding: 4px 0;color: #005996; font-weight: bold; font-size: 1.1em;
	}

	.news_date a, .news_date a:visited {
		color: #005996; text-decoration: none;
	}
	.news_date a:hover {
		color: #fff;
	}

	.news_item p a, .news_item p a:visited {
		color: #fff; text-decoration: none;
	}
	.news_item p a:hover {
		text-decoration: underline;
	}

	.right_block .alpha_href {
		right: -12px;
	}

	.right_block .alpha_href a {
		padding-left: 15px; padding-right: 15px;
	}



.center_block {
	_width: 100%; position: relative; z-index: 1; margin: 0 262px;
}

	.in {
		width: 100%; position: relative; z-index: 1; float: left;
		color: #fff;
	}



.bottom {
	position: relative; z-index: 1; float: left; clear: both; margin-top: -106px;
}

	.bottom .center {
		min-height: 106px; _height: 106px; background: url(../images/bottom_bg.jpg) right bottom no-repeat;
	}

	.bottom_t {
		height: 2px; position: relative; margin: 0 35px;
		background: url(../images/bottom_t.gif) repeat;
	}

	.bottom_logo {
		width: 65px; height: 51px; position: absolute; left: 20px; top: 30px;
		background: url(../images/bottom_logo.gif);
	}

	.ts_logo, .ts_logo:hover {
		position: absolute; right: 52px; top: 45px;
		text-align: center; text-decoration: none; color: #fff;
	}

	.ts_logo img {
		display: block;
	}

	.info {
		position: relative; float: left; left: 95px; margin: 23px 110px 10px 0;
		color: #fff;
	}

	.counters {
		position: relative; float: left; margin: 23px 110px 10px 20px;
		color: #fff;
	}

		.counter {
			position: relative; float: left; margin: 5px 5px;
		}

	.info p.copy {
		display: block; padding: 0 0 5px 0; margin: 0 0 5px 0;
		border-bottom: solid 3px #52A1DB;
	}