body {
	background: url(../images/fon.png);	
	font-family: Arial, "Times New Roman", sans-serif;  
	margin: 0; 
	padding: 10px 15px 15px 15px;  
} 
 #left {	 	
	float: left;   
	padding-bottom: 10px; 
	width: 180px;	
} 
 #left ul {
	font-family: Arial, sans-serif;     
	font-size: 110%; 
	font-weight:  bold;
	padding: 0;  
	margin: 0;  
	text-align: center;	 
} 	
#left ul li {            
	list-style: none;  /* <стиль-список - нет>, т.е. убрали точку у эл-ов списка */	 	
}
#left ul li a {
	background: #b866ff; /*внутренн¤ заливка ячейки блока иолетовый*/	
	border-radius: 10px; 
	border: 1px solid #b866ff;
   color: #4c4c4c;
	display: block;  /* дисплей: блок; чтобы выгл¤дела как блочный элемент */
	font-size: 97%;  	
	margin: 2px;  
	padding: 10px 20px;  /* поля м/у словом и границей */ /* сверху-снизу  справа-слева */
	text-decoration: none;  
}
#left  ul li a:hover  {
	background-color: #cc85ff; /*серый*/	
}



#content_main { 
	margin-top: 25px; /* отступ центрального текста  сверху */
	margin-left: 220px; /*чтобы весь текст центральный не залазил на левое меню - т.е. отступ от левого блока */
	margin-right: 220px;
	padding-left: 20px; /* поле м/у левым блоком и центральным */	
}
#products { 
	margin-top: 25px; /* отступ центрального текста  сверху */
	margin-left: 220px; /*чтобы весь текст центральный не залазил на левое меню - т.е. отступ от левого блока */
	margin-right: 230px;
	padding-left: 20px; /* поле м/у левым блоком и центральным */
}
img { /*Теперь наше изображение не будет выходить за пределы родительского контейнера и будет адаптироваться в зависимости от разрешения экрана.*/
  max-width: 100%;
}
.imagepadding {
	text-align: center;
	padding-top: 20px;
}
.clear {
	clear: both;  
}
.center {	
	text-align: center;	
}
.right {  
	text-align: right;
}
.leftblue  {	
	color: #540099;
	text-align: left;	
}
.main_table {
	text-align: center;
}
.main_table a {
	color: #4c4c4c;
	font-weight: bold; 
}
.main_table img{
	height: 150px;
}
#header table { 
	width: 100%; 
}
#header img {
	border-radius: 35px;
}
#header p {
	font-style: italic; 
	margin: 0;  
}

#fiolet p {
	color: #540099; /* фиолетовый насыщенный цвет текста Copyright &copy;2016.. */
	margin: 0;  /* убрали отступы мужду строками параграфов */
}

#products .zakazfiol{
 
	color: #540099;
}

.gray {  
	color: #afaeae;
}

.imagepadding .zakazgray p{  
	color: #91aa77;
	font-weight:  bold;
}

.green {  
	color: #91aa77;
	font-weight: bold;
}
.redtextbold {  
	color: #f93159;
	font-weight:  bold;
	text-decoration: none;
}
.redtextbold span  { 
	color: #5a5959;
	font-weight: bold; 
	text-decoration: none;
}
.redtextbold  a { 
	color: #538bc9;
	font-weight: bold; 
	text-decoration: none;
}
.bluetext {  
	color: #5a5959;
	font-size: 8pt;
}

#products .darkslategray {  /* гол цвет > */
	font-weight: bold;	
	color: #2F4F4F; 
}

.darkslategray  p {  /* темно-зеленый */	
	color: #2F4F4F;
	font-weight: bold; 
}


.browntextbold {  
	color: #5a5959;
	font-weight: bold; 
}
.browntextbold span{  
	color: #5a5959; 
	font-weight: bold; 
}
.browntextbol_main {
	color: #333333;
	font-size: 120%;
	font-weight: bold; 
}


.main_table td{
	padding: 10px;
}
.main_table table {
	margin: 0 auto;	
}  

/*ГЛАВНОЕ МЕНЮ*/
#topmenu {   	
	border-radius: 10px; 	
	margin-top: 10px;

} 
 #topmenu ul {	
	margin: 0;
	padding: 0;	
 }
 #topmenu ul li {	
	float: left; 
	list-style: none; 
	
}
#topmenu ul li a { 
	background:  #b866ff; /*цвет фона кнопок меню - фиолетовый*/
	color: #424242;  /*цвет букв меню - черный	*/	
	font-size: 130%;  
	display: block;  
	padding: 10px 20px; 
	text-decoration: none;  
	border: 2px solid #b866ff;
	border-radius: 10px;
	margin: 2px;  
}

#topmenu ul li a:hover  {	
	background-color: #696969; /* изменение фона кнопок меню при наведении мыши - серый*/
	color: #00bfff;  /*изменение цвет букв меню при наведении мыши - серый*/	
}


/**********************************************/

 .menucenter  table{	
	width: 100%;
} 
 .menucenter  table table {		
	width: auto;
} 
.menucenter ul {
	font-family: Arial, sans-serif; 
	font-size: 100%; 
	padding: 0;  /* чтобы блок меню встал к левому краю */
	margin: 0;  /*чтобы блок меню выровнялся по верху с буквами Главная в одну линию */
	text-align: center;	 
 } 
.menucenter ul li {            
	list-style: none;  /* <стиль-список - нет>, т.е. убрали точку у эл-ов списка */	
}
.menucenter ul li a {
	border: 2px solid #4c4c4c; 
	background: #d6d6d6; /*внутренн¤ заливка ¤чейки*/	
	border-radius: 10px; 
    color: #4c4c4c;  
	display: block;  /* дисплей: блок; чтобы выгл¤дела как блочный элемент */	
	font-weight: bold;
	margin-top: 5px;  /*отступы м/у блоками меню */
	padding: 6px 10px;  /* поля м/у словом и границей */ /* сверху-снизу  справа-слева */
	text-decoration: none;  /* убираем подчеркивание у ссылок меню */ 	
}
.menucenter ul li a:hover  {	
	background-color: #696969; /* изменение фона кнопок меню при наведении мыши - серый*/
	color: #00bfff;  /*изменение цвет букв меню при наведении мыши - серый*/	
}

#products .perechislenie table {
	width: auto;	
}
#products .perechislenie  table td {
	border-right: 1px solid #628488; 
	padding: 0px 8px;  /* пол¤ м/у словом и границей */ /* сверху-снизу  справа-слева */
}
#products .perechislenie  table a {
	color: #538bc5;
	font-size: 90%; 
}
#products .perechislenie-lab table {
	width: auto;	
}
#products .perechislenie-lab  table td {	
	padding: 0px 8px;  /* пол¤ м/у словом и границей */ /* сверху-снизу  справа-слева */
}
#products .perechislenie-lab  table a {
	color: #538bc5;
	font-size: 90%;  
} 
#products table {
	width: 100%;	/* ширина общей таблицы */	
}
#products table table {
	width: auto;
}
#products .center table {
	margin: 0 auto;	
} 
#products .center {	
	text-align: left;
}
#products .right {
	float: right;
	text-align: left;	
}
#products p {
	margin: 5px 0;
}
#products .title_razdel a {	/* Заголовок-обратная ссылка в разделах*/
    color:  #303030;
	font-size: 110%;  
	font-weight: bold; 
	text-decoration: none;  
}
#products .title_razdel p {	
    color:  #3b638f;
	font-size: 100%;  
}
#products .heading  {  /* стили для заглави¤ в самой статье в полезной информации (Форматы. Схемы склад....) */
	color: #3b638f;
	font-size: 120%;
	font-weight: bold;
	margin: 20px 0;
	text-align: center;
}
#products .heading_2  {  
	color: #3b638f;
	font-size: 100%;
	font-weight: bold;
	margin: 20px 0;
	text-align: center;
}
.text h1 {
	color: #4c4c4c;
	font-size: 115%;
	font-weight: bold;
	margin-top: 20px;
	text-align: center;	
}
.text h2 {
	color: #3b638f;
	margin-top: 3px;
	font-size: 100%;
	font-weight: bold;	
	text-align: center;	
} 
#products .zadanie {  /* блок с заданием */
	border: 1px dashed #bfd3dc;
	font-size: 80%;
	padding-left: 5px;	
	text-align: left;
	width: 300px;
}
#products .zagolovok a  {  /* стили дл¤ заголовков в полезной информации (Форматы. —хемы склад....) */
	color: #3b638f;
	font-size: 110%;
	font-weight: bold;
	text-align: center;
	text-decoration: none; 
    border-bottom: 1px dashed #000080; /* добавляем свою линию (пунктир) */ 
}
#products .engeener  {	
	margin: 0 auto; /*автоматическая подстройка таблицы меню по ширине экрана*/	
	border: 1px dashed #bfd3dc;
	font-size: 80%;
	height: 250px;
	padding-left: 5px;			
	width: auto;
	text-align: center;
}
#products .engeener  a {
	text-decoration-color: #99adb6;  /* голубой подчеркивани¤ ссылок */	
}
#products .title  {  /* стили для заголовков ячейки Abercrombie & Fitch */
	color: #3b638f;
	font-size: 110%;
	font-weight: bold;
	vertical-align: top;	
}
#products .imageeng {	
	text-align: center;	
}
#products .image div {
	border: 7px solid #e2ecf4;
}
#products .oborudovanie table {
	margin: 0 auto; /*автоматическая подстройка таблицы меню по ширине экрана*/
}
#products .oborudovanietable {
	margin: 0 auto; /*автоматическая подстройка таблицы меню по ширине экрана*/	
	border: 1px dashed #8ac8ff;
	font-size: 80%;
	height: 250px;				
	width: auto;
	text-align: center;	
}
#products .oborudovanietable  a {
	text-decoration-color: #99adb6;  /* голубой подчеркивани¤ ссылок */	
}
#products .imageeng img {
	height: 180px;
	margin-bottom: -4px;
	width: 120px;
}
#products .imaggorizonteeng  {	
	text-align: center;
}
#products .imaggorizonteeng div {
		text-align: center;
}
#products .imaggorizonteeng img {
	height: 100px;
	margin-bottom: -4px;
	width: 130px;
	text-align: center;
}
#products .cod {
	font-size: 90%;  	
}
#products .cod span {
	color: #676767; 
	text-decoration: none;  
}
 #products .price, #products .cod, #products .dowland, #products .dowlandknigi, #products .oplata  {
	font-weight: bold;
}
#products .price  {
	color: #669048; 
	font-size: 100%;  
}
#products .dowland  a {
	color: #3b638f; 	 
	font-size: 110%;  
	text-decoration: none;  
}
#products .mashinostroenie  {	
	margin: 0 auto; /*автоматическая подстройка таблицы меню по ширине экрана*/	
	border: 1px dashed #bfd3dc;
	font-size: 80%;
	height: 200px;
	padding-left: 5px;			
	width: 150px;	
}
#products .mashinostroenie  a {
	text-decoration-color: #99adb6;  
}
 #products .price, #products .cod, #products .dowland, #products .dowlandknigi, #products .oplata  {
	font-weight: bold;
}
#products .price span {
	color: #669048;
	font-size: 90%; 
}
#products .oplata span {
	color: #000080; 	 
	text-decoration: none;  /* убираем черту подчеркивани¤ ссылок */
	font-size: 95%;  
}
#products .oplata a {	
	text-decoration: none;  /* убираем черту подчеркивани¤ ссылок */
}
#products .oplata  {	
	vertical-align: bottom; 
}
#products .imageknigi {
		
	text-align: center;
}
#products .imageknigi div {
	text-align: center;
}
#products .knigi  {	
	margin: 0 auto; /*автоматическая подстройка таблицы меню по ширине экрана*/	
	border: 1px dashed #bfd3dc;
	font-size: 90%;
	height: 250px;
	padding-left: 5px;			
	width: 200px;	
	text-align: center;
}
#products .knigi a {
	text-decoration-color: #99adb6;  /* голубой подчеркивани¤ ссылок */
}
#products .mathematics {
	margin-top: 50px;
}
#products .mathematics  table td td{
	background: #d6d6d6; /*внутренн¤ заливка ¤чейки*/
	margin: 0 auto; /*автоматическая подстройка таблицы меню по ширине экрана*/	
	border: 2px solid #4c4c4c;
	border-radius: 10px;
	font-size: 100%;
	height: 70px;
	padding: 5px;			
	width: 160px;	
	text-align: center;
}
#products .prezentacy a {
	color: #4c4c4c;		
}
#products .prezentacy p {
	color: #4c4c4c;	
}
#products .prezentacy {
	margin-top: 50px;
}
#products .prezentacy  table td td{
	background: #d6d6d6; /*внутренн¤ заливка ¤чейки*/
	margin: 0 auto; /*автоматическая подстройка таблицы меню по ширине экрана*/		
	border-radius: 10px;
	font-size: 100%;
	height: 70px;
	padding: 5px;			
	width: 250px;	
	text-align: center;
}
#products .mathematics a {
	color: #ae3d75;	
	text-decoration: none;
}
#products .mathematics p {
	color: #4c4c4c;		
}
#products .nazvanie {
	text-align: center;
}
#products .titleknigi {  /* стили дл¤ заголовков ¤чейки Abercrombie & Fitch */
	color: #3b638f;
	font-size: 100%;
	font-weight: bold;	
}
#products .dowlandknigi {
	text-align: center; 
}
#products .dowlandknigi a{
	color: #3b638f; 	 
	text-decoration: none;  /* убираем черту подчеркивани¤ ссылок */
	
}
#products .zakaz {
	margin-left: 50px;	
}

}
#products .zakaz span{
	color: #91aa77;
	font-weight: bold;	
}
#products .zakazblue {  /* гол цвет > */
	font-weight: bold;	
	color: #3b638f; 
}


 .zakazblue p {  /* гол цвет > */
	font-weight: bold;	
	color: #3b638f; 
}




#products .zakazgray {  /* гол цвет > */
	font-weight: bold;	
	color:  #000000; 
}
 .zakazgray p {  /* серый цвет > */
	font-weight: bold;	
	color: #000000; 
}
 .chertezh {  
	color: 251D1D; 

}	
.chertezh p {
	color: #4c4c4c;	
	font-weight: bold;
}

#products .text_r {
	color: #3b638f;
	font-weight: bold; 	
	padding-bottom: 10px;
	text-align: center; 
}
#products .text_knigi {
	padding-bottom: 10px;
}

#products .maps a {  
	color: 	#181818;	
	text-decoration: none;
}
#products .mapstitle  a  {   /* Заголовки: Инженерная графика, Начертательна¤ геом. */
	color: #3b638f; /* синий цвет*/
	font-weight: bold;
} 
#products .mapstitle li   {   
	list-style: none;	
}
 #left .reklamabanner  {
	color: 	#181818;
}
.gosts  p {
	color: #616161; /* синий цвет*/
	font-size: 100%;
	font-weight: bold;	
}
.gosts  a {
	color: #3b638f; /* синий цвет*/
	font-size: 90%;
	font-weight: bold;	
}


#pagination table {
	background-color: #e2ecf4; 
	padding: 8px;
	width: 100%;
}
#pagination .left, #pagination .right {
	width: 20%; /* чтобы  кнопки Previous и Next занимали по 20% от общей ширины */ 
}
#pagination table a {
	background-color: #06080a; 
background-color: 4px solid #000;
	display: inline-bloсk; /* чтобы во всех браузерах цифры страниц находились по центру в том блоке в котором они наход¤тс¤ */
	padding: 10px 20px;
	text-decoration: none;  
}
#pagination td.active a  {
	background-color: #000; /*синий*/
	
}

#pagination td.link a {
	text-decoration: none;
	color: #e22b2b;		/*красный*/
}

#pagination table td .active_cery {
	background-color: 4px solid #000;
	
}

#zakazfiol p {
	color: #540099; /* фиолетовый насыщенный цвет текста Copyright &copy;2016.. */
	margin: 0;  /* убрали отступы мужду строками параграфов */
}

#footer {
	margin-top: 60px;
	font-size: 90%;
}
#footer table {
	width: 100%;	
}
#footer table td { /* выравнивание всех ¤чеек всех таблиц футера по верхнему краю */
	vertical-align: top;
}
#footer table table {
	float: right; /* сдвинули таблицу <Home>/<About Amostras>... вправо */
	width: auto; /* чтобы таблица не раст¤гивалась, а выровн¤лась автоматически */
}
#footer p {
	color: #540099; /* фиолетовый насыщенный цвет текста Copyright &copy;2016.. */
	margin: 0;  /* убрали отступы мужду строками параграфов */
}
#footer a {
	color: #b866ff; /* цвет слова-ссылки Dellustrations */
	text-decoration: none;
}
#footer table table a {
	color: #628488; 
}
#footer table table td {
	border-right: 1px solid #628488;
	padding: 0 5px; /* пол¤ у ¤чеек */
}
#footer .last { 
	border: none; /* убрали рамку у последней ¤чейки */
	padding-right: 0; /* убрали у последней ¤чейки отступ справа */	
}
.banner_for-miss img {
	width: 140px;
}
.plotnost table {
	border: 2px solid #3366FF;
	border-radius: 3px;
	text-align: center;
	width: 80%;
}
.plotnost table  td{
	border: 1px solid #80a6ff;	
}
.lefttable table {
	border: 2px solid #3366FF;
	border-radius: 3px;
	text-align: left;	
}
.lefttable table  td{
	border: 1px solid #80a6ff;	
}
.table_spilka table {
	border: 2px solid #3366FF;
	border-radius: 3px;
	text-align: center;	
}
.table_spilka table  td{
	border: 1px solid #80a6ff;		
}
.vertical-text p {
	text-align:center;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.vertical-text p {
	margin:0 -100%;
}
 .text .center p {
	text-align: center;
}
 .metrika table {/*метрика-таблица*/
	width: 100%;
} 
 .metrika td {
	padding: 5px 10px;
}
.separator { 
	border-top: 1px dashed #9dadb7;
	height: 1px;
	margin: 17px 0; /* 17px сверху-снизу, 0 справа-слева*/
	width: 100%;
}
.knopka  a { 
	background-color: #b866ff;
	color: #1c1c1c;
	font-size: 110%;
	font-weight: bold;
	padding: 15px 18px;	
	margin: 0 auto;	
	font-weight: bold;
	border: 2px solid #b866ff;
	border-radius: 20px;
	display: inline-block;  /* дисплей: блок; чтобы выгл¤дела как блочный элемент */
	text-decoration: none; 
	width: 125px;
	height: 25px; 
	text-align: center;
	margin-top: 15px;
}



.vk_zakaz  {
	font-size: 100%;
	padding-top: 10px;
 } 
 .vk_zakaz a {	
	text-decoration: none;
 }
 
 #vk { 
	background-color: #bbbbbb;
	border: 2px solid  #33ccff; 
	border-radius: 10px; 		
	padding: 3px 10px 2px ;
	border-radius: 10px;	
	margin: 0 auto;	
	width: 140px;
	height: 450px; 
	margin-top: 15px;
	} 
 
#vk a {
	color: #3468DE;
	font-weight: bold;
	text-decoration: none; 
 }
 #vk .bluetext {
	color: #36281d;
	font-weight: bold;
	text-decoration: none; 
 }
 #vk .bluetext p{

 }
 
 
 
 .menu_shpilka  {
	padding-top: 20px;
	
}
.menu_shpilka  a{
	color: #c53333;
	font-size: 90%;
	padding-top: 40px;
	text-decoration: none;  
}
.rekl_adaptiv {
	text-align: center;
} 
.rekl-down {
	text-align: center;
	padding-top: 10px;
} 


/* страницы инж.графики 1-2-3*/
.pagination table {
	background-color:  #fff;
	padding: 8px;
	width: 100%;
}
.pagination .left, #pagination .right {
	width: 20%;
}	
.pagination table a {
	background-color: #4c4c4c;
	
	color: #fff;
	display: inline-block;
	padding: 10px 20px;
	text-decoration: none;
}
.pagination td.active a, .pagination td a:hover {
	background-color: #ca5991;   /*розовый*/
}
.pagination #pages {
	margin: 0 auto;
	width: auto;
}
.pagination #pages a {
	background-color: #00bfff;
	border: 2px solid  #aaaaaa; 
}
.pagination #pages td.active, .pagination #pages td a:hover {
	background-color: #727272;	
}	
.pagination #pages td.visited {
	background-color: #727272;    /*серый*/
	font-weight:  bold;
}	

.pagination #pages td.link a {
	background-color: #ca5991;    /*розовый*/
}	
.pagination td.link table a  {
	color: #ca5991;   /*розовый*/
}
/*----------------------*/

.centercod {
	text-align: center;
}

 
#youtube { 
background-color: #bbbbbb;
	border: 2px solid  #aaaaaa; 
	border-radius: 10px; 		
	padding: 3px 10px 2px ;
	border-radius: 10px;	
	margin: 0 auto;	
	width: 140px;
	height: 300px; 
	margin-top: 15px;
} 
#youtube p {	
	margin: 10px; 
}  
#youtube a {
	
	font-weight: bold;
	text-decoration: none; 
 }
 #products .rekl_adaptiv-fid {
	text-align: center;

} 
#products .shpilechnoe table {
	margin: 0 auto; /*автоматическая подстройка таблицы меню по ширине экрана*/
}
#products .shpilechnoetable {
	margin: 0 auto; /*автоматическая подстройка таблицы меню по ширине экрана*/	
	border: 1px dashed #8ac8ff;
	font-size: 80%;
	height: 100px;				
	width: auto;
	text-align: center;	
}
#products .shpilechnoe  a {
	text-decoration-color: #99adb6;  /* голубой подчеркивани¤ ссылок */	
}
#products .dowland span {
	color: #3b83bd;
}