body { margin:0;
       padding:0;
       font-family: Arial, Verdana, San-Serif;
      /* background: url(bg_fon.jpg);*/
       }

.fon { position:absolute;
       width: 100%;
       height: 100%;
       top:0;
       left:0;
       z-index: 1;
        }
.fon1 { position:absolute;
       top:0;
       left:25%;
       z-index: 5;
        }
#thumbnails
{
/* Компенсируем отступы между float-блоками, чтобы они занимали все доступное пространство */
margin: -20px 0 0 -20px;

/* Выравнивание по центру */
text-align: center;

}
h1   { margin: 30px 0 0 0;
        color:#fff;
         }
h3    { 
        color:#fff;
         }
.blocktop {position:relative;
           margin: 20px 0 0 20px;
           background: url(bg_fon.jpg);
           z-index: 10;
           }
.thumbnail
{
/* Убираем подчеркивание у элемента ins,
который был использован для совместимости со старыми версиями Internet Explorer */
text-decoration: none;

/* Следующее правило для Firefox 2 */
display: -moz-inline-box;

/* а это для остальных */
display: inline-block;

vertical-align: top;

/* Убираем выравнивание по центру */
/*text-align: left;*/

 margin: 20px 0 0 20px;

}
#thmarg {
/* Отступы между блоками */
margin: 3em 0 0 3em;
}

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

/* Задаем минимальную ширину по тексту */
/*width: 14em;

/* Минимальная ширина в пикселях будет автоматически рассчитываться по ширине картинки */
float: left;
z-index: 21;
}
a {text-decoration: none;}
img {border:0;}
.slogan {color:#1c2475;font-size:70%; }
.copyright {font-size:80%;
             color:#fff;}