.html {
	height: 100%;
}
body  {
	margin: 0; /* рекомендуется использовать нулевое значение поля и отступа элемента body, чтобы учесть различные настройки по умолчанию для браузеров. */
	padding: 0;
	text-align: center; /* выравнивает контейнер по центру в браузерах Internet Explorer 5*. Затем для текста задается по умолчанию выравнивание по левому краю в селекторе #container. */
	color: #000000;
	width: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	height: 100%;
}
.twoColLiqLtHdr #container {
	width: 1020px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	height: 100%;
} 
.twoColLiqLtHdr #header {
	background-color: #FFF;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	margin-top: 20px;
} 

/* Советы по элементу sidebar1:
1. Поскольку значения устанавливаются в процентах, не рекомендуется использовать отступ для боковой панели. Он будет добавлен к ширине для совместимых со стандартами браузеров, создавая таким образом неизвестную действительную ширину. 
2. Пространство между краем блока div и элементами внутри него можно создать путем добавления правого и левого полей к этим элементам, как показано в правиле ".twoColLiqLtHdr #sidebar1 p".
3. Так как браузер Internet Explorer вычисляет значения ширины после воспроизведения родительского элемента, при использовании колонок, ширина которых задана в процентах, иногда могут возникать необъяснимые ошибки. Чтобы получить более предсказуемые результаты, можно использовать колонки с пиксельными размерами.
*/
.twoColLiqLtHdr #sidebar1 {
	float: left;
	width: 300px; /* верхний и нижний отступы создают визуальное пространство в этом элементе div.  */
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 10;
}
.twoColLiqLtHdr #sidebar1 h3, .twoColLiqLtHdr #sidebar1 p {
	margin-left: 10px; /* левое и правое поля нужно задать для каждого элемента, который будет помещен в боковые колонки. */
	margin-right: 10px;
}

/* Советы по элементу mainContent:
1. Пространство между элементами mainContent и sidebar1 создается путем добавления левого поля к элементу mainContent div. Пространство этой колонки сохранится, несмотря на объем содержимого элемента sidebar1 div. Это левое поле можно удалить, чтобы текст элемента #mainContent div заполнял пространство #sidebar1, если содержимое элемента #sidebar1 закончится.
2. Чтобы избежать выпадения потока при поддерживаемом минимальном разрешении 800 x 600, размер элементов в блоке mainContent div не должен превышать 430 пикселов (это относится и к изображениям).
3. В условном комментарии к Internet Explorer ниже свойство zoom используется для присвоения элементу mainContent значения "hasLayout". Это позволяет предотвратить несколько специфичных для Internet Explorer ошибок.
*/
.twoColLiqLtHdr #mainContent {
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 300px;
	padding-right: 10px;
	text-align: justify;
} 
.twoColLiqLtHdr #footer {
	background-image: url(fonniz.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	height: 305px;
	width: auto;
	padding-top: -305;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	position: static;
	left: 0px;
	bottom: 0px;
	clip: rect(auto,auto,0px,0px);
	margin-top: -305px;
} 

/* Прочие классы для повторного использования */
.fltrt { /* этот класс можно использовать для обтекания элемента справа на странице. Обтекаемый элемент должен предшествовать элементу, рядом с которым он должен размещаться на странице. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* этот класс можно использовать для обтекания элемента слева на странице. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* этот класс нужно применять к элементу div или break; он должен быть последним элементом перед концом контейнера, который должен полностью вмещать поток. */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.galion {
	font-size: 10px;
	font-weight: normal;
}
.kontakt {
	font-size: 14px;
	font-weight: bold;
	color: #000;
	text-align: right;
	background-color: #F60;
	padding: 3px;
}
.kod {
	font-size: 12px;
	font-weight: bold;
	color: #999;
}
.tel {
	font-size: 24px;
	font-weight: bold;
	color: #000;
}
.menuVerx {
	background-image: url(fonoranj.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-right: 25px;
	padding-bottom: 0px;
	padding-left: 25px;
}
.kompani {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 2px;
	margin: 0px;
	padding-left: 10px;
}
.postavshiki {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 0px;
}
.steklopaket {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-align: right;
	padding-top: 2px;
	padding-bottom: 5px;
	margin: 0px;
	padding-right: 10px;
}
li {
	list-style-image: url(disk.jpg);
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: -10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -15px;
}
ul {
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 0px;
}
.rtext {
	font-size: 12px;
	font-weight: bolder;
}
.menuLeftD {
	background-image: url(dostavka.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 82px;
	text-align: right;
	font-size: 12px;
	font-weight: bold;
	padding-right: 20px;
}
.menuLeftT {
	background-image: url(tel.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 82px;
	text-align: right;
	font-size: 12px;
	font-weight: bold;
	padding-right: 20px;
}
.menuLeft {
	background-image: url(fonzel.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 82px;
	text-align: right;
	font-size: 12px;
	font-weight: bold;
	padding-right: 20px;
}

h3 {
	font-size: 12px;
	font-weight: bold;
	color: #F60;
}
#sidebar1 ul {
	font-size: 12px;
	font-weight: bold;
	color: #F60;
}
.menuLeft1 {
	padding-left: 20px;
}
h1 {
	font-size: 120%;
	color: #000;
	font-weight: bold;
}
.radost {
	font-weight: normal;
	color: #060;
	font-style: italic;
}
h2 {
	font-size: 100%;
	color: #000;
}
.Lev {
	font-size: 12px;
	font-weight: bold;
	color: #F60;
	text-align: left;
	padding-right: 10px;
	padding-left: 10px;
}
a {
	color: #000;
	text-decoration: none;
}
a:vizited {
}
[if IE]> <style type="text/css">  /* поместите в этом условном комментарии исправления CSS для всех версий браузера Internet Explorer. */ .twoColLiqLtHdr #sidebar1 { padding-top: 30px; } <![endif]
.floatsteklo {
	font-size: 12px;
	color: #019342;
}
.floatsteklo {
	font-size: 12px;
	color: #333;
}

