@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'open_sanscondensed_light';
    src: url('opensans-condlight-webfont.eot');
    src: url('opensans-condlight-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-condlight-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

.body { margin:0; padding:0; background:#0F0F0F;}

a img { border:none; }

/*-- Шапка --*/

#header { width: 1024px; height:87px; margin: 0 auto; background:url(images/bg_header.png); background-repeat:repeat-x; position:relative;}


/*-- END Шапка --*/



/*-- Контейнер с меню--*/
.menubox { height:62px; width:1024px; margin-left:auto; margin-right:auto; background:url(images/bg_menu.gif); text-align:center;  }

/*-- Убираем отступы--*/	
	ul, li {
	margin:0;
	padding:0px;
	list-style-type:none;
	}
/*-- Стили основного меню--*/	
	#menu {
		font-family:"open_sanscondensed_light";
		display:block;
		position:relative;
	}
	#menu > li {
		display:inline-block;
		position:relative;
		border-right:1px solid #666;
	}
	
	#menu > li > a {
		display:inline-block;
		height:18px;
		padding-top:17px;
		padding-bottom:27px;
		padding-left:19px;
		padding-right:19px;
		background:url(images/bg_menu.gif);
		font-size:21px;
		
					
	}
	
	#menu > li:hover > a {
		color:#CCC;
		background:url(images/bg_menu_hover.gif);
	}
	
/*-- Стили выпадающего меню--*/
	
	#menu > li > ul {
		position:absolute;
		top:62px;
		left:-1px;
		display:none;	
	}
	#menu > li:hover > ul {
		display:block;	
	}
	
	#menu > li:hover > ul > li {
		display:inline-block;
	}
	#menu > li:hover > ul > li > a {
		display:inline-block;
		width:190px;
		padding:8px;
		background-color:#25272a;
		text-align:left;
        border-left:1px solid #666;
		border-right:1px solid #666;
		font-size:16px;
	}
	a {
		text-decoration:none;
		color:#CCC;
	}
	a:hover {
	color:#F60;
	}
	
	#menu > li:hover > ul > li > a:hover {
	
		background-color:#35373c;
		
	}

/*-- END Стили выпадающего меню--*/



                /*Стили для большой картинки сверху*/

#infotop_all {
	width:1024px;
	background:url(images/bg1.gif);
	height:760px;
	margin-left:auto;
	margin-right:auto;
	padding-top:18px;
}


#infotop { width:940px; height:420px; margin-left:auto; margin-right:auto;}

#image_for_ib {
	width:640px;
	height:420px;
	background:#333;
}

#text_for_ib { background:url(images/bg_text_btop.gif); width:300px; height:420px; float:right; }



/*-- Стили: Текстовая панель ротатора --*/

#text_fr {
	width:260px;
	height:320px;
	padding-left:18px;
	color:#FFF;
}

#slide_caption {font-family:"open_sanscondensed_light"; font-size:36px; padding-top:25px; color:#87B7E7; line-height:40px; }

#slide_text { color:#CCC; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height: 20px; }

/*-- Стили: END Текстовая панель ротатора --*/

#panel { width:249px; height:56px; position:absolute; top:594px; left:709px; z-index:21;}

/*--Стили кнопок индикатора панели управления ротатора =) --*/
#uvi {height:20px; width:100px; background:url(images/ind_bg.png); cursor: pointer; float:left; margin-top:20px;}
#slide_indicator { height:20px; width:100px;}

.button_rotator { font-size:16px; font-weight:bold; cursor:pointer; height:20px; width:20px; float:left; text-align:center; }
.button_rotator:hover { background:url(images/ind_hover.png); }

.button_rotator_current { background:url(images/ind_curr.png); font-size:16px; font-weight:bold; cursor:pointer; height:20px; width:20px; float:left; text-align:center; }

/*--END Стили кнопок индикатора панели управления ротатора =) --*/

/*--Стили кнопок вперёд/назад--*/

.arrow_rew { color:#60C; width:40px; height:22px; text-align:center; background:url(images/butt_rew.png); cursor:pointer; border:0; float:left; margin-top:20px; margin-right:-2px;}
.arrow_rew:hover { background:url(images/butt_rew_hover.png); }

.arrow_fwd {  color:#60C; width:40px; height:22px; text-align:center; background:url(images/butt_fwd.png); cursor:pointer; border:0; float:left; margin-top:20px; }
.arrow_fwd:hover { background:url(images/butt_fwd_hover.png); }

/*--END Стили кнопок вперёд/назад--*/


             /*END Стили для большой картинки сверху*/

/*Стили для play/stop*/

#play_stop { height:56px; width:56px; float:right;}

.for_play { height:56px; width:56px; background:url(images/play.png); cursor:pointer; }
.for_play:hover { background:url(images/play_hover.png); }

.for_stop { height:56px; width:56px; background:url(images/stop.png); cursor:pointer; }
.for_stop:hover { background:url(images/stop_hover.png); }

/*END Стили для play/stop*/

/*Стили для небольших картинок снизу*/

.image_for_ib_sm { background:#666; width:300px; height:190px; }

.text_for_ib_sm { background:url(images/bg_small_slider.png); width:300px; height:70px; color:#FFF; }

.infoblock_sm {
	width:300px;
	float:right;
}

.infoblock_sm_midh {
	width:300px;
	margin-right:20px;
	margin-left:20px;
	float:right;
}

/*END Стили для небольших картинок снизу*/

/*Стили нижнего ротатора*/

#flowpanes {
	margin-bottom:15px; margin-left:auto; margin-right:auto; margin-top:20px;
	width:940px;
	height:260px;
	position:relative;
	overflow:hidden;
	clear:both;
}

#flowpanes div {
	display:block;
	float:left;

}

#flowpanes .items {
	width:20000em;
	position:absolute;
	clear:both;	
}


.nav{ margin: 5px auto;
    width:940px;
	text-align:center;
	
}

.prev{ background:url(images/bottom_prev.png); width:147px; height:20px; border:0; cursor:pointer;  
}

.prev:hover{ background:url(images/bottom_prev_hover.png);
}

.next{background:url(images/bottom_next.png); width:147px; height:20px; border:0; cursor:pointer;  
}

.next:hover{
     background:url(images/bottom_next_hover.png);
}
/*END Стили нижнего ротатора*/

/*Стили нижних блоков*/

.box_1 { width:940px; height:260px;}

.tech { font-family:Arial, Helvetica, sans-serif; font-size:16px; margin:7px; font-weight:bold; color:#87B7E7; }
.tech a { color:#87B7E7; }
.tech a:hover { color:#F60; }
.tech2 { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#CCC; text-align:left; font-weight:normal; }

.tech_2{ font-family:Arial, Helvetica, sans-serif; font-size:16px; padding:7px; font-weight:bold; color:#87B7E7; }
.tech_2 a { color:#87B7E7; }
.tech_2 a:hover { color:#F60; }

#infotop_all_2 {
	width:1024px;
	background:url(images/bg1.gif);
	margin-left:auto;
	margin-right:auto;
	padding-top:20px;
}

/*END Стили нижних блоков*/

/* Стили основного содержания */
#base_content {width:1024px; background:url(images/bg1.gif); margin:0 auto; padding-bottom:20px;}

#base_content1 {width:1024px; background:url(images/bg1.gif); margin:0 auto; padding-bottom:20px;}

#bc_box {width:940px; background:#f4f4f4; margin:0 auto;}

#bc_box1 {width:940px; background:#f4f4f4; margin:0 auto;}

.infohome_left {
	width:640px;
	padding:15px;
	text-align:justify;
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	color: #333;
}
.text1, .text1_ul {
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	line-height:24px;
	display:block;
	margin-bottom:12px;
		}
		
.text2 {
	color:#2E3035;
	font-family:Arial, Helvetica, sans-serif;
	line-height:20px;
	display:block;
		}		

.text1:first-letter, .text2:first-letter {margin-left:15px;}

.text1_ul li {margin-left:32px; list-style:disc; line-height:24px; color:#071230;}	
.text1_ul li a {color:#122FB4; text-decoration:underline;}
.text1_ul li a:hover {color:#F60;}			
.text1 a {color:#122FB4; text-decoration:underline;}
.text1 a:hover {color:#F60;}

#text1_nomargin_1:first-letter, #text1_nomargin_2:first-letter {margin-left:0px;} 
#text1_nomargin_1 {margin-left: 15px;}

.text1_nomargin_1:first-letter, .text1_nomargin_2:first-letter {margin-left:0px;} 
.text1_nomargin_1 {margin-left: 15px;}
.text1_nomargin_1 {
	font-family:Arial, Helvetica, sans-serif;
	line-height:20px;
	display:block;
	margin-bottom:12px;
		}


#infohome_right {
	width:240px;
	float:right;
	padding:15px;
}

#infohome_tech {width:910px; padding:15px; text-align:justify; font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:21px; }

#infohome_tech1 {width:910px; padding:15px; text-align:justify; font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:21px; }

/*-- боковое меню --*/
#menu_body li ul {
	display: none;
	}
#menu_body li:hover ul, #menu_body li.over ul {
	display: block;
	}
 #menu_body {
    background:#BEBEBE;
    width: 240px;
	
    }
#menu_body a {
	display: block;
	width: 225px;
	height: 40px;
	padding-right: 15px;
	line-height:40px;
	} 

#menu_body ul li {
    list-style-type: none;
    padding-left: 0px;
	text-align:right;
    } 

#menu_body ul li a {
    text-decoration: none;
		background:#BEBEBE;
		color:#333;
		font-family:"open_sanscondensed_light"; font-size:22px;
		font-size:18px;
	
    } 

#menu_body ul li a:hover {
    text-decoration: none;
	background:#ccc;
	color:#333;
    } 
/*-- выпадалки --*/

#menu_body ul li ul li {
    list-style-type: none;
    list-style-position: inside;
	height:36px;
    } 

#menu_body ul li ul li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	height:36px;
	line-height:36px;
	background:#DBDBDB;
	color:#666;
    } 
	
#menu_body ul li ul li a:hover {
	font-family:Arial, Helvetica, sans-serif;
	background-color:#E4E4E4; color:#333;
    } 	
/*-- END боковое меню --*/

/*-- боковое меню 2 --*/
#menu_body2 li ul {
	display: none;
	}
#menu_body2 li:hover ul, #menu_body li.over ul {
	display: block;
	}
 #menu_body2 {
    background:#BEBEBE;
    width: 240px;
	
    }
#menu_body2 a {
	display: block;
	width: 225px;
	height: 40px;
	padding-right: 15px;
	line-height:40px;
	} 

#menu_body2 ul li {
    list-style-type: none;
    padding-left: 0px;
	text-align:right;
    } 

#menu_body2 ul li a {
    text-decoration: none;
		background:#BEBEBE;
		color:#333;
		font-family:"open_sanscondensed_light"; font-size:22px;
		font-size:18px;
	
    } 

#menu_body2 ul li a:hover {
    text-decoration: none;
	background:#ccc;
	color:#333;
    } 
/*-- выпадалки --*/

#menu_body2 ul li ul li {
    list-style-type: none;
    list-style-position: inside;
	height:36px;
    } 

#menu_body2 ul li ul li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	height:36px;
	line-height:36px;
	background:#DBDBDB;
	color:#666;
    } 
	
#menu_body2 ul li ul li a:hover {
	font-family:Arial, Helvetica, sans-serif;
	background-color:#E4E4E4; color:#333;
    } 	
/*-- END боковое меню 2 --*/

#lmenu_header2 {width:240px; height:40px; background:url(images/bg_menu_left_home.gif); text-align:right; 
font-family:"open_sanscondensed_light"; font-size:24px; color:#87B7E7; display:block;  }
#lmenu_header2 > p { color:#87B7E7; display:block; width:228px; height:30px; padding-top:4px; padding-bottom:17px;}

		
.vensel_1 { display:block; float:left; margin-top:13px;}
	/*---------*/
	
#lmenu_header {width:240px; height:40px; background:url(images/bg_menu_left_home.gif); text-align:right; 
font-family:"open_sanscondensed_light"; font-size:24px; color:#87B7E7; cursor:pointer; display:block;  }
#lmenu_header > a { color:#87B7E7; display:block; width:228px; height:30px; padding-top:4px; padding-bottom:17px;}
#lmenu_header > a:hover { color:#F60;}



#headline_1 {
	width:640px;
	height:40px;
	background:url(images/headline_1.png);
	margin-bottom:12px;
	line-height:40px;
	font-family:"open_sanscondensed_light";
	font-size:26px;
	color:#333;
}

#headline_2 { width:910px; height:40px; background:url(images/headline_2.png); margin-bottom:12px; line-height:40px; font-family:"open_sanscondensed_light"; font-size:26px; color:#333;}

#headline_1_text {
	margin-left:62px;
	margin-top:0;
	margin-bottom:0;
	color: #666;
}

h2 { font-family:"open_sanscondensed_light"; font-size:26px; color:#356083; margin-bottom:8px; margin-top:14px; }
h1 { font-family:"open_sanscondensed_light"; font-size:26px; color:#333;}
h3 { font-family:"open_sanscondensed_light"; font-size:26px; color:#F60; }

/*-- кнопка подробнее --*/

.morebt {font-family:Arial, Helvetica, sans-serif; font-size:15px; height:36px; width:89px; background:url(images/more_bt.png); margin-top:12px; }

.morebt > a { display:block; height:36px; width:89px; color:#CCC; text-align:center; line-height:36px;}
.morebt > a:hover {background:url(images/more_bt_hover.png); color:#FFF;}

#footer { width:1024px; height:87px; margin:0 auto; background:url(images/bg_footer.png); }

/*-- кнопка вверх --*/
    .scrollTop{  
        background:url(images/arrows2.png) 0 0 no-repeat;  
        display:block; width:50px; height:50px;  
        position:fixed; bottom:51px; right: 21px;  
        z-index:2000;  
    }  
    .scrollTop:hover{ background-position:0 -58px; }  
	
/* header */
#hcaption_1 { font-family:"open_sanscondensed_light"; font-size:16px; color:#333; margin-right:10px; }
#logotext { position:absolute; left:110px; top:11px;}


.hcaption_2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#666;
	margin-right:30px;
	line-height: 25px;
}
.hcaption_3 {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:18px;
	color:#032256;
	margin-right:30px;
}
.hcaption_4 {
	color: #666;
	font-size: 15px;
	font-weight: normal;
	text-shadow:none;
	font-style: normal;
}



/*-- Стили основного меню (внизу) --*/	
	#menu1 {
		font-family:"open_sanscondensed_light";
		display:block;
		position:relative;
	}
	#menu1 > li {
		display:inline-block;
		position:relative;
		border-right:1px solid #666;
	}
	
	#menu1 > li > a {
		display:inline-block;
		height:18px;
		padding-top:17px;
		padding-bottom:27px;
		padding-left:27px;
		padding-right:27px;
		background:url(images/bg_menu.gif);
		font-size:21px;
		
					
	}
	
	#menu1 > li:hover > a {
		color:#CCC;
		background:url(images/bg_menu_hover.gif);
	}
	
/*-- Стили выпадающего меню--*/
	
	#menu1 > li > ul {
		position:absolute;
		bottom:62px;
		left:-1px;
		display:none;	
	}
	#menu1 > li:hover > ul {
		display:block;	
	}
	
	#menu1 > li:hover > ul > li {
		display:inline-block;
	}
	#menu1 > li:hover > ul > li > a {
		display:inline-block;
		width:190px;
		padding:8px;
		background-color:#25272a;
		text-align:left;
        border-left:1px solid #666;
		border-right:1px solid #666;
		font-size:16px;
	}
	
	#menu1 > li:hover > ul > li > a:hover {
	
		background-color:#35373c;
		
	}
	
	/* стили картинок-образцов  */
	
	.obraz {width:440px; float:left; margin-bottom:16px;}
	.obraz_big {width:440px; margin-bottom: 4px;}
	.obraz_descrpt {width:440px; padding-top:7px;}
	
	.ul_1 > ul > li {list-style:disc inside; margin-left:20px;}
		

	
	#ar_1 {margin-bottom:-3px; margin-right:5px;}

/* footer */
	
.footer_text_1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #CCC;
	color:#87B7E7;
}
.footer_text_2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#999;
}

.footer_a { font-family: Arial, Helvetica, sans-serif;
	        font-size: 15px;
			text-decoration:underline;
}

.footer_a:hover { font-family: Arial, Helvetica, sans-serif;
	        font-size: 15px;
			text-decoration:underline;
}

/* price */

.price_tab td {border: 1px dotted #BFBFBF; height: 20px; font-family:Arial, Helvetica, sans-serif; padding:4px;}
.price_last_tab td {font-size: 12px;}

.pages {
	width:910px;
	height:36px;
	margin-bottom:8px;
	text-align:left;
	font-size:20px;
	color:#999;
	line-height:36px;
	font-family:"open_sanscondensed_light";
}

.pages a {display:inline-block; color:#356083; font-weight:bold; margin-left:4px; margin-right:4px; height:24px; width:24px; background:url(images/pages1.png); text-align:center; line-height:24px; font-size:18px; text-decoration:none; 
}
.pages a:hover {color:#F60;}
.pages_cur {color:#609;}

.head_information {position:absolute; top: 28px; left: 653px; text-align:right;}
.head_phone {color:#F60; font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size:26px;
text-shadow: #333 1px 0px, #333 1px 1px, #333 0px 1px, #333 -1px 1px, #333 -1px 0px, #333 -1px -1px, #333 0px -1px, #333 1px -1px;
white-space: nowrap;}

.head_phone a {color:#F60;}

.head_text1 { 
     font-family:"open_sanscondensed_light";
	 color:#FFF;
	 font-size:16px;
}
.head_text_mail {
	 font-family: Arial, Helvetica, sans-serif;
	 font-weight:bold;
	 color:#87B7E7;
	 font-size:18px;
	 text-shadow: #000 1px 0px, #000  1px 1px, #000 0px 1px, #000 -1px 1px, #000 -1px 0px, #000 -1px -1px, #000 0px -1px, #000 1px -1px;
}

.head_text_mail a { color:#87B7E7; }
.head_text_mail a:hover { color:#9ccf1a; }

.text3, .text3_ul {
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	line-height:16px;
	display:block;
	margin-bottom:10px;
	font-size:12px;
		}
		
.text3:first-letter {margin-left:12px;}

.text3_ul li {margin-left:32px; list-style:disc; line-height:16px; color:#283755;}				
.text3 a {color:#122FB4; text-decoration:underline;}
.text3 a:hover {color:#F60;}

.zakaz_mail_link {font-family: Arial, Helvetica, sans-serif; margin-left: 14px; font-weight: 400;}
.zakaz_mail_link a {color:#356083;}
.zakaz_mail_link a:hover {color:#F60;}

.menua_back {width: 100%; height: 100%;background-image: url(images/bg_amenu.jpg); overflow: auto; padding-top: 10px; padding-bottom: 5px; text-align: center; margin: 0 auto; background-size: cover; display: none;}
	.menua_element {display: inline-block; margin: 2px;}
	.menua_element_emp {width: 316px; height: 0px; display: inline-block; margin: 2px;}
	body {margin:0px;}




.sample_text {background: #B5B5B5; border: #6e7073 solid 1px; padding: 10px; font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"; font-size: 1.1em; color: #32363a; margin-bottom: 5px;}