body{
    font-family: 'Ubuntu', sans-serif;

}
#header{
  width:1000px;
  height:80px;
  margin:0 auto 10px auto;
}
#logo{
  margin-top:10px;
  width:199px;
  height:60px;
  background-image: url("./img/logo.png");
}
#logo a{
  display:block;
  width:199px;
  height:60px
}
#book{
  height: 510px;
  background-image: url("./img/bg2.jpg");
}
#info{
  margin:0 auto;
  width:1000px;
}
#info img{
  float:left;
    margin-right: 30px;
    margin-top:10px;
}
#desc{
  padding-top:20px;
  margin-left:460px;
}
h1{
  font-family: 'Ubuntu', sans-serif;
  font-size:57px;
  color: #333333;
  margin:0;
}
p{
  font-family: 'Ubuntu', sans-serif;
  font-size:16px;
  color: #333333;
  margin-top:10px;
  margin-bottom: 0;
}
.clear{
  clear:both;
}
#buy{
  width: 1000px;
  margin:0 auto;
  padding:10px 0;
}
#buy h1{
  font-size: 36px;
}
.panel-collapse{
  overflow: hidden;
}
.forma{
  margin-top:15px;
  border-radius:10px;
  background-color: #eee;
  border:none;
}
.forma h1{
  margin-bottom: 10px;
}
.forma p{
  margin-bottom: 10px;
  margin-top:0;
}
#line{
  border-top: 1px solid #CCC;
}
#social{
  width:1000px;
  margin:0 auto;
  padding:10px 0;
  text-align: center;
}
#icons{
  width: 175px;
  margin:5px auto;
}
#social #icon{
  float:left;
  margin-right:10px;
  height: 48px;
  width:48px;
}
#social #icon a{
  display:block;
  height: 48px;
  width:48px;
}
#social .vk{
  background-image: url(./img/vkontakte.png);
}
#social .fb{
  background-image: url(./img/facebook.png);
}
#social .od{
  background-image: url(./img/odnoklassniki.png);
}

#footer{
  background-color: #333333;
  height:50px;
  font-family: 'Ubuntu', sans-serif;
  font-size:16px;
  color: #cccccc;
  padding-top:5px;
  text-align:center;
}
#footer a{
  font-family: 'Ubuntu', sans-serif;
  font-size:16px;
  color: #cccccc;
}
.btn{
  margin-top:10px;
}