.button{text-decoration:none; text-align:center; 
 padding:2px 35px; 
 border:solid 2px #6c818a; 
 -webkit-border-radius:4px;
 -moz-border-radius:4px; 
 border-radius: 4px; 
 font:16px Arial, Helvetica, sans-serif; 
 font-weight:bold; 
 color:#28686e; 
 background-color:#aad1b5; 
 background-image: -moz-linear-gradient(top, #aad1b5 0%, #d5e6a1 100%); 
 background-image: -webkit-linear-gradient(top, #aad1b5 0%, #d5e6a1 100%); 
 background-image: -o-linear-gradient(top, #aad1b5 0%, #d5e6a1 100%); 
 background-image: -ms-linear-gradient(top, #aad1b5 0% ,#d5e6a1 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5e6a1', endColorstr='#d5e6a1',GradientType=0 ); 
 background-image: linear-gradient(top, #aad1b5 0% ,#d5e6a1 100%);   
 -webkit-box-shadow:3px 3px 2px #bababa, inset 0px 0px 1px #b09797; 
 -moz-box-shadow: 3px 3px 2px #bababa,  inset 0px 0px 1px #b09797;  
 box-shadow:3px 3px 2px #bababa, inset 0px 0px 1px #b09797;  
 opacity:0.9; 
 -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); 
 filter: alpha(opacity=90); 
   -webkit-transition: background 0.05s linear;
 -moz-transition:  background 0.05s linear;
 -o-transition:  background 0.05s linear;
 transition:  background 0.05s linear;}
  
  
  .news2 {
    position:relative; /* Создаем контекст для позиционирования элементов */
      margin: 6px 0px 6px 0em; /* Даем каждому элементу списка отступ слева, что бы освободить пространство для нумерации */
      padding:4px 8px 8px 8px;
      /*border-top:2px solid #666;*/
      /*background:#FFE6AE;*/
      box-shadow: 7px 7px 7px -8px #BFB096 ;
      opacity:0.9;
      background: url('../image/bg35.png') repeat;
      height: 900px;
      /*width: 100%;*/
      display:table;
      
  } 
  
  .news1   {
      position:relative; /* Создаем контекст для позиционирования элементов */
      margin:0 0 6px 0em; /* Даем каждому элементу списка отступ слева, что бы освободить пространство для нумерации */
      padding:4px 8px 8px 8px;
      /*border-top:2px solid #666;*/
      background:#FFE6AE;
      box-shadow: 7px 7px 7px -8px #BFB096 ;
      opacity:0.8;
      
      }
    .news  h2 {
        font-size:25px; 
        }
        
  .news {
    //counter-reset:li; /* Инициализируем счетчик */
    padding:0; /* Удаляем  установленное по умолчанию левое поле*/
    list-style:none; /* Отменяем нумерацию установленную по умолчанию */
    font-size:18px;  
    /*box-shadow: 7px 7px 7px -8px #BFB096 ;*/
    margin: 8px;
    line-height: 120%;
  }
  
  .news  li {
      position:relative; /* Создаем контекст для позиционирования элементов */
      margin:0 0 6px 0em; /* Даем каждому элементу списка отступ слева, что бы освободить пространство для нумерации */
      padding:4px 8px 8px 8px;
      border-top:2px solid #666;
      background:#f6f6f6;
      box-shadow: 7px 7px 7px -8px #BFB096 ;
      opacity:0.8;
      }
    .news .date{
        font-size:12px;  
        }
  #news  li:before {
      //content:counter(li); /* В качестве данных используем счетчик */
      //counter-increment:li; /* Увеличиваем значение счетчика на 1 */
      /* Позиционируем и оформляем цифры */
      position:absolute;
      top:-2px;
      left:-2em;
      width:2em;
      padding:4px 0;
      border-top:2px solid #666;
      color:#fff;
      background:#666;
      font-weight:bold;
      font-family:"Helvetica Neue", Arial, sans-serif;
      text-align:center;
      }
html, body{
      background-image:url(../../i/img/bg.gif);
      height: 100%;
      }