body, html {
    background: none repeat scroll 0 0 #fff;
    font-family: "Times New Roman",Georgia,Serif;
    background: url("../img/fon.png") top left repeat;
    font-size: 18px;
    color: #8d4346;
    padding: 0;
    margin: 0;
    width: 100%;
}

h2 {
    font-weight: bold;
    font-size: 24px;
}

.header {
    margin: 0;
    padding: 0;
    width: 100%; height: 150px;
    background: url("../img/ornament.png") top left repeat-x;
}

.logo {
    width: 100%; height: 111px; padding-top: 50px;
    text-align: center;
}
.container {
    margin-left: auto;
    margin-right: auto;
    width: 947px;
    padding: 0;
/*    min-height: 900px;*/
}

.shelf {
    width: 947px; height: 335px;
    background: url("../img/shelf.png") bottom left no-repeat;
}

.item {
    float: left;
    width: 454px; height: 335px;
}

.book {
    width: 415px; height: 315px;
    margin-left: 20px;
    background: url("../img/book.png") bottom left no-repeat;
    padding-left: 55px;
}

.book .title {
    padding-top: 25px;
    height: 44px;
}

.book .image {
    padding-left: 12px;
    float: left;
    padding-top: 20px;
}


.book .right {
    width: 230px;
    float: left;
    padding-left: 30px;
}
.book .right .description {
    line-height: 18px;
    height: 108px;
    overflow: hidden;
    white-space: pre-wrap;
    margin-bottom: 4px;
}

.book .right .description2 {
    line-height: 18px;
    height: 126px;
    overflow: hidden;
    white-space: pre-wrap;
}

.book .right .buttons {
    width: 150px;
}

.book .right .buttons img {
    padding-bottom: 3px;
}

.like-button {text-align: center;}
.fb-like-box {background: #fff}

@media (max-width:900px){
    .container {width: 560px;}
    .shelf {width: 550px; height: auto; background: none;}
    .item { width: 550px; background: url("../img/shelf1.png") bottom left no-repeat;}
    .book {width: 480px}
    .book .right {width: 260px}
/*    .book .right .buttons {width: 300px; float:left;}
    .book .right .buttons a { margin-right: 10px}
    .book .right .description {height: 120px}*/
}

/*@media (max-width:550px){
    .container {width: 100%;}
    .shelf {width: 100%; height: auto; background: none; height: auto}
    .item { 
        width: 100%; 
           background: url("../img/shelf1.png")  no-repeat; 
           background-size: 100%;
           background-position: bottom;
           padding-left: 10px;
    }
    .book {width: 100%; margin-left: 0; padding-left: 0;
    background: url("../img/book2.png") bottom left no-repeat;}
    .book .right {width: 100px;}
    .book .image { padding-left: 0}
}*/

/*div.container {
General
transform: scale( 0.8, 0.8);
Firefox
-moz-transform: scale( 0.8, 0.8);
Microsoft Internet Explorer
-ms-transform: scale( 0.8, 0.8);
Chrome, Safari
-webkit-transform: scale( 0.8, 0.8);
Opera
-o-transform: scale( 0.8, 0.8);
}*/