@charset "utf-8";
/* CSS Document */
<!-- 
.thrColLiqHdr #container table tr td div {
	text-align: center;
}
body  {
	margin: 0; /* рекомендуется использовать нулевое значение поля и отступа элемента body, чтобы учесть различные настройки по умолчанию для браузеров. */
	padding: 0;
	text-align: center; /* выравнивает контейнер по центру в браузерах Internet Explorer 5*. Затем для текста задается по умолчанию выравнивание по левому краю в селекторе #container. */
	color: #000000;
	font-family: "Times New Roman", Times, serif;
	font-size: 100%;
	background-color: #499C94;
	background-image: url(images/proba/fon5.jpg);
}
.thrColLiqHdr #container {
	width: 1180px;  /* будет создан контейнер размером 80% от ширины окна браузера. */
	background: #FFFFFF;
	margin: 0 auto; /* автоматические поля (совместно с шириной) выравнивают страницу по центру. */
	border: 1px solid #000000;
	text-align: left; /* переопределяет свойство text-align: выравнивание элемента body по центру. */
} 
.thrColLiqHdr #header { 
	background: #DDDDDD; 
	padding: 0 0px;  /* это значение отступа соответствует выравниванию по левому краю элементов в блоках div, расположенных под ним. Если в элементе #header вместо текста используется изображение, отступ можно удалить. */
} 
.thrColLiqHdr #header h1 {
	margin: 0; /* нулевое значение поля последнего элемента в #header div позволит избежать сжатия полей, то есть появления необъяснимого пространства между элементами div. Если вокруг элемента div есть граница, нет необходимости устанавливать это значение, поскольку граница также предотвращает сжатие полей. */
	padding: 0px 0; /* использование отступа вместо поля позволит сохранить расстояние между элементом и границами div. */
}

/* Советы по боковым панелям:
1. Поскольку значения устанавливаются в процентах, не рекомендуется использовать боковой отступ для боковых панелей. Он будет добавлен к ширине для совместимых со стандартами браузеров, создавая таким образом неизвестную действительную ширину. 
2. Пространство между краем блока div и элементами внутри него можно создать путем добавления правого и левого полей к этим элементам, как показано в правиле ".thrColLiqHdr #sidebar1 p".
3. Так как браузер Internet Explorer вычисляет значения ширины после воспроизведения родительского элемента, при использовании колонок, ширина которых задана в процентах, иногда могут возникать необъяснимые ошибки. Чтобы получить более предсказуемые результаты, можно использовать колонки с пиксельными размерами.
*/
.thrColLiqHdr #sidebar1 {
	float: left; /* в исходном порядке данный элемент должен предшествовать элементу, рядом с которым его нужно расположить. */
	width: 22%; /* цвет фона будет отображаться только на отрезке содержимого в колонке, но не дальше. */
	padding: 0px 0; /* верхний и нижний отступы создают визуальное пространство в этом элементе div.  */
	background-color: #66F;
	text-align: left;
	
}
.thrColLiqHdr #sidebar2 {
	float: right; /* в исходном порядке данный элемент должен предшествовать элементу, рядом с которым его нужно расположить. */
	width: 23%; /* поскольку этот элемент является обтекаемым, необходимо задать ширину. */
	background: #66F; /* цвет фона будет отображаться только на отрезке содержимого в колонке, но не дальше. */
	padding: 0px 0; /* верхний и нижний отступы создают визуальное пространство в этом элементе div. */
	color: #FFF;
	
}
.thrColLiqHdr #sidebar1 p, .thrColLiqHdr #sidebar1 h3, .thrColLiqHdr #sidebar2 p, .thrColLiqHdr #sidebar2 h3 {
	margin-left: 10px; /* левое и правое поля нужно задать для каждого элемента, который будет помещен в боковые колонки. */
	margin-right: 10px;
	color: #FFF;
	font-size: 24px;
	font-weight: bold;
}

/* Советы по элементу mainContent:
1. Пространство между элементом mainContent и боковыми панелями создается путем добавления левого и правого полей к элементу mainContent div.
2. Чтобы избежать выпадения потока при поддерживаемом минимальном разрешении 800 x 600, размер элементов в mainContent div не должен превышать 300 пикселов (это относится и к изображениям).
3. В условном комментарии к Internet Explorer ниже свойство zoom используется для присвоения элементу mainContent значения "hasLayout". Это позволяет предотвратить несколько специфичных для Internet Explorer ошибок.
*/
.thrColLiqHdr #mainContent {
	margin: 0 24% 0 23.5%; /* правое и левое поля данного элемента div создают две внешние колонки по бокам страницы. Пространство этих колонок сохранится, несмотря на объем содержимого элементов sidebar div. Это поле можно удалить, чтобы текст элемента #mainContent div заполнял пространство боковой панели, когда заканчивается содержимое в каждой боковой панели. */
	text-align: left;
}

.thrColLiqHdr #footer { 
	padding: 0 0px; /* это значение отступа соответствует выравниванию по левому краю элементов в блоках div, расположенных над ним. */
	background:#DDDDDD;
} 
.thrColLiqHdr #footer p {
	margin: 0; /* нулевые поля первого элемента в нижнем колонтитуле позволят избежать возможного сжатия полей, то есть появления пространства между элементами div. */
	padding: 0px 0; /* добавление отступа к данному элементу создаст пробел (так, как он был бы создан с помощью поля), не вызывая при этом проблемы сжатия полей. */
}

/* Прочие классы для повторного использования */
.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;
}
.thrColLiqHdr #container #sidebar1 tr td table tr td a {
	font-size: 24px;
}
.thrColLiqHdr #container #sidebar1 tr td table tr td a {
	font-size: 18px;
}
.thrColLiqHdr #container table tr td div {
	color: #00F;
}
.thrColLiqHdr #container table tr td div {
	font-weight: bold;
}
.thrColLiqHdr #container table tr td div {
	font-size: 24%;
}
.thrColLiqHdr #container table tr td div {
	font-size: 24px;
}
.thrColLiqHdr #container #mainContent table {
	text-align: left;
}
-->