body { overflow:hidden; padding:0; margin:0; height:100%; width:100%; min-height: 100%; font: 81.25% Arial, Helvetica, sans-serif; line-height: 1.5;}

a { color: #00a0e2; }
h1, h2, h3, #menu { font-family: "Trebuchet MS", sans-serif; }
.clear { clear: both; }
h1 { font-size: 284%; line-height: 1.22; }
h2 { font-size: 170%; }
h3 { font-size: 138%; line-height: 1.33; }
p { margin-bottom: 0.77em; color:#000;}

#bgimg { position:absolute; z-index: -1; bottom: 0%; }

#realBody{ position:absolute; z-index: 5; overflow:auto; height:100%; width:100%; }

#left { width:320px; height:100%; min-height:100%; float:left; text-align:right; }
#logo { margin:10px 10px 0px 10px; width:256px; height:105px; background:url(/public/i/logo2.png) no-repeat; }

#transparency p img { 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	filter:alpha(opacity=100); 
	-moz-opacity:1; 
	-khtml-opacity: 1; 
	opacity: 1;
	}

#transparency {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; background-color: #FFF; margin: 30px 30px 20px 0px;
	width: 650px; float:left;
}

#transparency p { padding:10px 30px; }

#title { padding: 45px 0px 0px 0px; }

#menu { padding:0px 60px 0px 0px; }
#menu li { padding-bottom: 15px; }
#menu a,
#menu a:visited { color: #000; text-decoration:underline; font-size:1.4em; }
#menu a:hover { color: #FF0; text-decoration:none; }

#ikrasivo { position:fixed; bottom:5px; right:30px; width:40px; height:40px; background:url(/public/i/ikrasivo2.png);}

.thumbnails {
margin: -3em 0 0 -2em; /* Компенсируем отступы между float-блоками, чтобы они занимали все доступное пространство */
text-align: center; /* Выравнивание по центру */
}

.thumbnail {
text-decoration: none; /* Убираем подчеркивание у элемента ins, который был использован для совместимости со старыми версиями Internet Explorer */
display: -moz-inline-box; /* Следующее правило для Firefox 2 */
display: inline-block; /* а это для остальных */
vertical-align: top;
text-align: left; /* Убираем выравнивание по центру */
margin: 3em 0 0 2em; /* Отступы между блоками */
}

.thumbnail .r {
/* Если есть необходимость, то свойства padding, border, background и position со значением relative
лучше задавать у этого элемента -- это несколько расширит количество поддерживаемых версий браузеров */
width: 14em; /* Задаем минимальную ширину по тексту */
float: left; /* Минимальная ширина в пикселях будет автоматически рассчитываться по ширине картинки */
}