a.button {
    display: block;    float: left;    position: relative;
    height: 30px;    width: 100px;    margin: 0;
    text-decoration: none;    font: 12px "Helvetica Neue", Helvetica, Arial;
    font-weight: bold;    line-height: 25px;    text-align: center;
    padding-top: 5px;
}

a.button1 {
    display: block;    float: left;    position: relative;
    height: 30px;    width: 122px;    margin: 0;
    text-decoration: none;    font: 12px "Helvetica Neue", Helvetica, Arial;
    font-weight: bold;    line-height: 25px;    text-align: center;
    padding-top: 5px;
}

a.button2 {
    display: block;    float: left;    position: relative;
    height: 30px;    width: 140px;    margin: 0;
    text-decoration: none;    font: 12px "Helvetica Neue", Helvetica, Arial;
    font-weight: bold;    line-height: 25px;    text-align: center;
    padding-top: 5px;
}
a.button3 {
    display: block;    float: left;    position: relative;
    height: 30px;    width: 180px;    margin: 0;
    text-decoration: none;    font: 12px "Helvetica Neue", Helvetica, Arial;
    font-weight: bold;    line-height: 25px;    text-align: center;
    padding-top: 5px;
}

.gray  { background: #1c1c1c; color: #ff9900; }
.gray:hover {
    color: #ffaa00;
    background: #dd7700;
}
.menu  { 
    width: 940px; /* Ширина макета */
    height: 36px;
    margin: 0 auto; /* Выравниваем по центру */
    padding-left: 20px;
    background-color: #1c1c1c;    
   }
    .menu  a:hover { background-color: #dd7700; }

   body {
    font: 15px Arial, Helvetica, sans-serif; /* Шрифт на веб-странице */
    background: url(images/lviv2.jpg) no-repeat; /* Добавляем фон */
    color: #ccc; /* Цвет текста */
    }
    a { color: #ff9900; text-decoration: none; }
    a:hover { color: #dd7700;
    }
   #container {
    width: 960px; /* Ширина макета */
    margin: 0 auto; /* Выравниваем по центру */
    background-color: rgba(5, 0, 0, 0.6); /* Цвет колонок */
    padding: 15px; 
   }
   #header { 
    font-size: 38px; /* Размер текста */
    text-align: left; /* Выравнивание  */
    padding: 5px; /* Отступы вокруг текста */
    font-family: Georgia; 
   }

  
#menup { 
    width: 900px; /* Ширина макета */
    height: 40px;
    margin: 0 auto; /* Выравниваем по центру */
     }

   #nav  {
    float: left; width: 180px; padding: 5px;
   }
   #content {
     background: #1c1c1c;
    opacity: 1; /* нерозрачный фон */
    margin: 0 190px; /* Ширина колонок */
    padding: 10px;
   }
   #aside {
    float: right;  color: #ccc; width: 180px; padding: -5px;
   }
   h2 { margin: 0 0 1em; }
   #footer { 
    clear: both; /* Отменяем действие float */
    padding: 5px; /* Отступы вокруг текста */
   }