.llibre {
    background-color:#FFF;
    float:left;
    width:445px;
    border:2px solid #e9eaee;
    height:150px;
    margin:5px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-family: Gotham;
    position: relative;
    overflow: hidden;
}

.llibre:hover {
    border:2px solid #e9eaee;
    box-shadow: 2px 2px 8px #000;
    -webkit-box-shadow: 2px 2px 8px #000;
    -moz-box-shadow: 2px 2px 8px #000;
}

.llibre .imatge {
    float:left;
    height:150px;
    width:150px;
    border-right:1px solid #e9eaee;
    margin: 0px;
    margin-right: 10px;
    overflow: hidden;
}

.llibre .imatge img {
    margin-top:-25%;
    min-width: 150px;
}

.llibre .titol {
    font-family: Gotham;
    font-size:24px;
    margin-top:5px;
    margin-bottom:8px;
}

.llibre .autor {
    color:#999;
}

.llibre .format {
    position: absolute;
    top: 85px;
    left: 160px;

}

.llibre .idioma {
    position: absolute;
    top: 85px;
    left: 210px;
}

.llibre .botons {
    position: absolute;
    bottom:-5px;
    right:5px;
}

.llibre .botons input{
    margin-left: 10px;
}

.detallLlibre {
    width: 100%;
    font-family: Gotham;
}

.detallLlibre .titol {
    font-size: 30px;
    padding-bottom: 5px;
}
.detallLlibre .autor {
    font-size: 20px;
    padding-bottom: 20px;
    font-style: italic;
    font-weight: bold;
    opacity: 0.8;
}
.detallLlibre .imatge {
    width: 200px;
    float: left;
    border: 1px solid #707070;
    margin-right: 10px;
}

.detallLlibre .descripcio {
    font-weight: normal;
    font-size: 0.9em;
    text-align: justify;
    margin-bottom: 20px;
    margin-top: 20px;
    margin-right:10px;
    width: 100%;
}

.detallLlibre .format {
    margin-bottom: 20px;
}

.detallLlibre .botons {
    float: right;
    position: relative;
}