html {   
	background: 			#E1E1FF; 		/*s.siren*/
 /*background: #C0C0C0 */
 }
 
#body {
	max-width: 				1800px; 	
	min-width: 				1130px; 		 
	background-attachment: 	fixed; 
	background-repeat: 		repeat; 
	background: 			#E1E1FF; 		/*s.siren*/
	margin: 				auto; 			/* centr */	
	font-family: 			Arial, sans-serif
	}
	
/*-------------------------*/

#head {
	margin: 		0px;			/*del all otstup*/
 	background: 	#9999FF  		/*t.siren*/
	}
#head h1 {
	text-align: 	right;  
	font-size:   	36pt;
	text-shadow: 	1px 1px 2px black, 0 0 1em #C0C0C0; 	/*ten */
	line-height: 	1.2;				/*interval*/
    padding: 		0px 20px;			
  	margin:      	0px	
	}
#head h5 {
	text-align: 	right;  
	font-size:  	12pt;
    padding: 		0px 20px;		
    margin:      	0px	
	}
	
/*-----------------------*/	
	
#menu-ch  { 
	background: 	#E1E1FF;  /*s.siren*/
 	text-align:  	left; 
    margin:      	-10px 10px 0px 10px	
   }   
#menu-ch ul { 
	white-space: 	nowrap; 	/* bez perenosa */
    margin-left: 	-40px		
   }   
#menu-ch li {
	border-radius:  		5px; /* IE 9, Safari 5, Chrome */	
  	-moz-border-radius:  	5px; /* Firefox */
	-webkit-border-radius:  5px; /* Safari 4 */
   	display: 				inline-block; /* ???????-??????? ???????? */
	background: 			#9999FF; 	/*t.siren*/
    margin-right: 			1px
   }  
#menu-ch a {
    color: 			#0000FF; 	/* siniy */
    display: 		block; 		
    padding: 		5px 10px; 	
	font-size:   	18pt;
	font-weight: 	bold; 		/*p/girniy */
  	text-decoration: none 		
  	}
#menu-ch li:hover {
    background: 		#C0C0C0 	/*	pri nagatii seriy  */
   }


/*--- ВЫПАДАЮЩИЕ ПУНКТЫ ---*/
#nav ul{
	list-style:		none;
	position:		absolute;
	left:			-9999px; /* Скрываем за экраном, когда не нужно (данный метод лучше, чем display:none;) */
	opacity:		0; /* Устанавливаем начальное состояние прозрачности */
	-webkit-transition:0.25s linear opacity; /* В Webkit выпадающие пункты будут проявляться */
}

#nav ul li{			
	float:			none;
	width:   		80%; /* Ширина блока по макс.тексту*/
	margin: 	 	1px 0px 0px 120px;	/*отступ от края*/
   	background: 	#C0C0C0 	 	/*подменю серый  */
}


/*	white-space: 	normal; 	 с новой строки*/


#nav li:hover ul{ /* Выводим выпадающий пункт при наведении курсора */
	left:			0; /* Приносим его обратно на экран, когда нужно */
	opacity:		1; /* Делаем непрозрачным */
}

#nav li:hover ul a{ /* +Изменяем некоторые стили верхнего уровня при выводе выпадающего пункта */
	border-radius:  		5px; /* IE 9, Safari 5, Chrome */	
  	-moz-border-radius:  	5px; /* Firefox */
	-webkit-border-radius:  5px; /* Safari 4 */
	text-decoration:		none; 
	font-size:   			14pt; 
}

#nav li:hover ul li a:hover{ /* стиль выпадающих пунктов при наведении курсора */
	background: 		#999999;	/*темно-серый*/
}

/*-----------------------*/	

#content {
	margin:      	-10px 0px 0px 0px;			/*del all otstup*/
	background: 	#E1E1FF        /*s.siren*/
	}
#content h1 {
	text-align:  	center; 
	font-size:   	24pt;
	margin:      	0px;	
	padding: 		2px;  
 	background: 	#9999FF;  	/*t.siren*/
	text-shadow: 	1px 1px 1px black, 0 0 1em #C0C0C0 /* ser */
	}
#content h2 {
	text-align:  	left;
	font-size:   	18pt;
	margin:      	10px;	
	padding: 		5px;  
 	background: 	#C0C0C0  	/*ser*/
	}
	
/*-----------------------*/	
	
#foot { 
	background: 		#999999;	
	margin:     		10px 0px	
   }
#foot p{ 
 	text-align:		center;
   	color:      	#FFFFFF; 	
	padding: 		10px;
	font-size: 		12px
	} 
	
/*-----------------------*/	

#menu-frame  { 
 /*	background: 	#E1E1FF; s.siren*/
 	margin: 		20px 15px -18px 10px	
   }   
#menu-frame ul { 
	white-space: 	nowrap; 	/* bez perenosa */
    margin-left: 	-45px		
   }   
#menu-frame li
    {
   	display: 			inline-block;
	background: 		#E1E1FF;  /*s.siren*/
/*	background: 		#FFFFFF;*/
    border-radius: 		0px 15px 0px 0px; /* Радиус скругления */
  	border: 			2px solid transparent; /*  Невидимая рамка */   
    margin-right: 		-5px; 			
    padding: 			0px  	
   }
#menu-frame li:hover /*pri nagatii seriy  */
	{
	border:			2px solid #C0C0C0;     
/* 	background: 	#C0C0C0 	seriy  */
  	}
#menu-frame a {
    color: 			#0000FF; 	/* siniy */
    display: 		block; 		
    padding: 		5px 10px; 	
	font-size:   	14pt;
	font-weight: 	bold; 		/*p/girniy */
  	text-decoration: none 		
  	}
#menu-frame a:active {
    background-color: #C0C0C0
        
}
	
#frame-tab
	{
 	align:  		left; 
 	margin: 		0px 15px 0px 5px	
	}
	
/*-----------------------*/	
			
.tab {
 	margin: 		auto;		/* centr */	
	border-spacing: 0px; 	
	border: 		0px;
	padding: 		0px 10px  
	}	

h1, h2,	h3, h4, h5 {
	font-weight: 	bold; 		
	color:       	#0000FF
	}

.main {
	vertical-align:		top;		
	valign:				top;
    line-height: 		1.2;		
	color:				#000000; 	/*black*/
	font-size:   		14pt;
	text-align:  		left; 
	margin:      		10px	
	}

/*-----------------------*/	

#img-map
	{
	vertical-align:	top;		
	valign:			top;
	text-align:  	center;	
	padding: 		20px
	}
	
/*-----------------------*/	
 
.img_products {
	vertical-align:	top;		
	valign:			top;
	text-align: 	right;  
	padding: 		55px 20px 20px 15px
	}	
.img-products-main {							
	width: 			210px;
	height: 		310px;
	text-align: 	center; 		
	float:			left;			
    border: 		1px solid #333; /* ????????? ????? */
    padding: 		5px; 			
    margin: 		10px 5px; 		
 	background: 	#C0C0C0;  	/*ser*/
	color:			#000000		/*black*/
   	}
.img-products-main figcaption  {
    margin: 		2px; 		
	font-size:   	12pt
   	}	
.img-products-main a {
	color:			#000000		/*black*/
   	}
   	
/*-----------------------*/	
	
.img-doc-main {							
	width: 			520px;

	text-align: 	center; 	
	float:			left;			
    border: 		1px solid #333; 
    padding: 		5px; 			
    margin: 		10px 5px; 		
 	background: 	#FFFFFF;	/*#C0C0C0;  	ser*/
	color:			#000000		/*black*/
   	}
.img-doc-main figcaption {
    margin: 		2px; 		
	font-size:   	12pt
   	}	
.img-doc-main a {
	color:			#000000		/*black*/
   	}