*{
  margin: 0;
  padding: 0;
}

.title {
	text-align: center;
	font-size: 200%;
}
.text {
	text-indent: 20px;
	font-size: 110%;
}
body{
	background: url(backgr.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; /*задаем высоту*/

    }
    li > a {
      text-decoration: none; /*убираем подчеркивание текста ссылок*/
      color:#4F81FF; /*меняем цвет ссылок*/
      padding:0px 50px; /*добавляем отступ*/
      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;

    }
    li > a:hover {
      color:#002f55;
    }
    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; /*Убираем горизонтальное позиционирование*/
    }

    p > a{
      text-decoration: none;
      font-size: 20px;
      margin: 0;
       line-height: 4;
      padding: 10px;
      color:#0000FF;
    }
    p > a:hover{
      color:#FE2EF7;
    }
    .avtory > p{
      margin: 0px;
      padding:20px;
    }
    
    .avtory1 > p{
      margin-top: 120px;
      margin-bottom:-95px;
    }
    .avtory2 > p{
      margin-top: 43px;
    }

    .avtory3 > p{
      margin-top: 30px;
      margin-bottom:42px;
    }
    .download >p >a{
      text-decoration: none;
      color:#0000FF;

    }
    .download >p >a:hover{
      color:#FE2EF7;
    }
    .download >p{
      font-size: 18px;
      margin:-30px
    }
    
    .active > a{
      color: #002f55;
    }
    .active > li > a{
     color: #002f55; 
    }
     li > a:active {
      color:#002f55;
    }

   .stihi {
    font-size:17px;
   }
   .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;
  }
    .center > div > p{
    text-indent:260px;  
  }



#Uppod{
    margin-left:235px;
    margin-top:144px;
}

.blue-button {
display:block;
width: 120px;
height: 20px;
padding: 21px 0;
background-color:#c5d0e6;
border-radius:10px;
margin-bottom: 2em;
margin-right: 2em;
float: left;
text-align:center;
  margin-left:100px;
    margin-top:430px;
    text-decoration:none;
    font-size:1.3em;
    color:#4F81FF;
} 

.blue-button:hover{
background-color:#5a626e;
}
.blue-button:active {
background:#000;
padding-top: 22px;
 color:#FE2EF7;} 
#content{
  margin-top: 85px;
}
.vremenagoda{
  margin-left: 283px;
}
.Uppod{
margin-left:90%;
margin-top: -237%;
float: left;
    }
.left > p > a{
font-size:16px;
}
 .right > a{
      text-decoration:none;
   font-size:16px;
  }
  
  
  
button {
	background-color: #BCD6E3;
	border: none;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	border-radius: 50%;
	margin-top: 1em;
}

.textmusic {
	margin-left: 100px;
	margin-top: -35px;
	font-size:1.5em;
}

.images:hover {
	opacity: .5;
}



.bottommusic {
	margin-bottom: 2em;
}

.main{
    margin-left:5%;
    margin-top:1em;
}

h1{
margin-top:1.7em;
text-align:center;
}