html{/*здесь задается высота, т.к. чтобы растянуть на всё окно блок внутри макета, нужно, чобы все родительские блоки тоже были растянуты, начиная с .html*/
    height: 100%;
	min-height: 100%;
    margin: 0;
    padding: 0;
}


body {
    height: 100%;
			/*шрифты всего сайта*/
	font-family: tahoma;
	font-size: 12pt; /* Размер основного шрифта в пунктах  */
			/*отступы сайта от краев экрана*/
	margin-top: 0px; /* Отступ сверху в пикселах */
	margin-left: 65px; /* Отступ слева в пикселах */
	margin-right: 70px; /* Отступ слева в пикселах */
			/*цвет фона и текста всего сайта*/
	background-color: white;
	color: black;
	
}


h1 {
	margin-top: 0; /*xnj,s полоска с названием сайта не опускалась*/
	font-size: 20pt; /*размер шрифта названия сайта, размер остальных заголовков задается отдельно*/
	margin-left: 5px;  /*ООО КНР отступает от левого края шапки на 5 пикселей.*/
	font-weight: normal; /* Иначе все заголовки жирные*/
	/*word-break: break-all; принудительный перенос всех слов в заголовке*/
	margin-bottom: 0px; /*влияет только на то, насколько опущены вниз телефоныне омера*/
}


p {
	margin-left: 5px;  /*Меню, как и название, должно отступать от края на 5 пикселей*/
}


table a { /*параметры ссылок*/
	/*font-family: "Times New Roman";*/
    color: #0c5ca5;
	vertical-align: top;
	padding: 0; /* Есть 2 вида рамочек. Паддинг -- рамочка свободжного места вокруг текста или картинки, потом идет рамка и потом идет отступ вокруг рамки, "maggin"*/
	margin: 0px;
	line-height: 1em; /*промежуток между строкамия, em -- единица измерения, привязанная к рамеру шрифта*/
}


table a  p{ 
    margin-top: 0.4em; /* вот эти две вещи нужны чтобы промежуток между пунктами меню был меньше */	
	margin-bottom: 0.4em;
}

table p{ 
   /* margin-top: 0.6em; /* уменьшается промежуток между абзацами в таблице */	
	/*margin-bottom: 0.6em; */
}


.Goods p{
   margin-top: 0.2em; /* в таблице описания товаров между позициями нет межабзацевого промежутка */	
	margin-bottom: 0em;
}



a:visited{
	/*color: #0c5ca5; /* цвет посещенной ссылки такой же, как у непосещенной*/
}


a:hover {
	text-decoration: none; /* при наведении на ссылку курсора исчезает подчеркивание */
	color: #90bfec; /* Цвет ссылки при наведении на нее курсора мыши */  
}


.restriction { /*весь сайт находится в диве(рамке) restriction, единственное предназначение которой -- чтобы сайт не растягивался больше определенного кол-ва пикселей*/
	
    margin: 0px auto; /*чтобы сайт был посередине экрана*/
	max-width: 1600px; /*вот этого кол-ва*/
	height: 100%;
}


.spring { /*внутри рамки restriction находится рамка spring, целью которой является то, что сайт растянут на ширину экрана*/

    margin: 0px auto; /*чтобы сайт был посередине экрана*/
	margin: 0px auto;
	width: 100%;
	height: 100%;
}


.topDiv70px {/*отступ шапки сверху. Называется 70px по истоирческим пирчинам, потом отступ было решено уменьшить*/

	height:40px;
}


.header { /*рамка, содержащая заголовок ООО КНР-Импэкс на синем фоне*/
	
	text-align: left;
	padding-top: 0;
    /*background: #90bfec; /*Цвет фона */
	margin-top: 0px; 
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	min-width: 600px;/*минимальаня ширина верхней синей фигни с названием*/
}

.header h1{ /*размер надписи OOO "КНР-ИМПЭКС"*/
	font-size: 24pt;
}


.telephone { /*рамка, содержащая адрес сайта и телефон на голубом фоне*/
    background: #b8dbfa;/*Цвет фона */
	text-align: right;
	padding-right: 5px;/*телефон отступает от края на 5 пикселей*/
	padding-bottom: 2px;
	min-width: 595px;
}   


.menue {
	text-align: left;
	padding-top: 15px; /* Отступ пунктов меню, чтобы выровнять его с текстом справа */	
	margin-top: 30px; /*отступ пунктов меню, чтобы общий отступ от шапки был 50*/
}

.menue2 {
	text-align: left;
	margin-left: 10px; /*отступ пунктов меню, чтобы общий отступ от шапки был 50*/
}

/*.menue2 a  p{ 
    margin-top: 0.5em; /* вот эти две вещи нужны чтобы промежуток между пунктами меню был меньше */	
	margin-bottom: 0.5em; 
}

/*.menue2 a { 
	/*color: #90bfec; /*цвет посещенной ссылки такой же, как у непосещенной*/
   /* margin-top: 0.5em; /* вот эти две вещи нужны чтобы промежуток между пунктами меню был меньше */	
	/*margin-bottom: 0.5em; */
}

/*.menue2 a:visited{
	/*color: #90bfec; /*цвет посещенной ссылки такой же, как у непосещенной*/
}

/*.menue2 a:hover {
	text-decoration: none; /* при наведении на ссылку курсора исчезает подчеркивание */
	/*color: #90bfec; /* Цвет ссылки при наведении на нее курсора мыши */  
}
 

table {
margin: 0 auto;
	text-align: left;
	vertical-align: top;
	/* border-style: none;*/
	width: 100%;
	margin-top: 10px; /*добавляет немного отступа контента от шапки*/
}

table.product_table{/*форматирование таблиц с спецификацией продуктов*/
border-collapse: collapse; 
border: 1px solid black;
text-align: center;
vertical-align: middle;
}
table.product_table tr{
border-collapse: collapse; 
border: 1px solid black;
text-align: center;
vertical-align: middle;
}
table.product_table td{
border-collapse: collapse; 
border: 1px solid black;
text-align: center;
vertical-align: middle;
}


table h1{
	text-align: left;
	margin-top: 0.67em;/*отступ для р1 по умолчанию. Его нужно прописать здесь, т.к. в .h1 отступы бли убраны, чтобы полоска с названием не опускалась*/
	vertical-align: top;
	font-size: 20pt; /*hfpvth заголовков в тексте*/
	padding-top: 30px; /*отступ между разными объявлениями*/
}


TD {
	text-align: left; 
	vertical-align: top;
    vertical-align: top;
	padding: 0;
	border-style: none;
}


.footer { /*синяя полоса внизу*/
    width: 100%;
    background: #b8dbfa; /* Цвет фона */
	min-width: 400px;
	vertical-align: bottom;
}