.title {
  text-align: center;
  font-size: 200%;
}
.text {
  text-indent: 20px;
  font-size: 110%;
}
body{
  background: url(background.jpg);
  margin-right: 15%;
  margin-left: 15%;
  font:Arial, Tahoma, sans-serif;
}
.stih {
  margin-left: 33%
}
.content {
margin-top:10%;
}
    ul {
      list-style: none; /*убираем маркеры списка*/
      margin: 0; /*убираем отступы*/
      padding-left: 0; /*убираем отступы*/
      margin-top:25px; /*делаем отступ сверху*/
      height: 50px; /*задаем высоту*/

    }
    a {
      text-decoration: none; /*убираем подчеркивание текста ссылок*/
      color:#fff; /*меняем цвет ссылок*/
      padding:0px 30px; /*добавляем отступ*/
      font-family: arial; /*меняем шрифт*/
      display: block;
      font-size: 150%;
      line-height:50px; /*ровняем меню по вертикали*/
      -moz-transition: all 0.3s 0.01s ease; /*делаем плавный переход*/
      -o-transition: all 0.3s 0.01s ease;
      -webkit-transition: all 0.3s 0.01s ease;

    }
    a:hover {
      color:#4F81FF;
    }
    href:active {
     color:#002f55;   
   }
   
    li {
      float:left; /*Размещаем список горизонтально для реализации меню*/
      position:relative; /*задаем позицию для позиционирования*/

    }
     
         /*Стили для скрытого выпадающего меню*/
    li > ul {
        position:absolute;
        top:25px;
        display:none;
        font-size: 75%;

    }
     
    /*Делаем скрытую часть видимой*/
    li:hover > ul {
        display:block; 
        width:250px;  /*Задаем ширину выпадающего меню*/      
    }
   li:hover > ul > li {
        float:none; /*Убираем горизонтальное позиционирование*/
    }
    .player{
margin-left: 89%;
margin-top: -50px;
}
.title{
  color: #000;
}
.active > a{
      color: #002f55;
    }
    .active > li > a{
     color: #002f55; 
    }
      .navigation > a{
margin: 20px

   }
      footer{
    color: #424242;
    width: 100%
    min-height:50px;
    border-top: 2px;
    margin-top: 10px;
    padding-bottom: 2%;
    position:relative;
  }
  .palka{
    color: #000;
     }
  .left{float: left;}
  .right{float: right;}
.center{float:left;text-indent: 200px;}
 .center > a{
      text-decoration:none;
      float:left;text-indent: 235px;
  }
  .center > a:hover{
      color:#FE2EF7;
  }

