/*
 * Custom style goes here.
 * A template should always ship with an empty custom.css
 */
 .valoraciones .overall-rating-stars-red {
    background: url(../../../../../img/grey-red.png) no-repeat;
    height: 24px;
    max-width: 150px;
}
.valoraciones .overall-rating-stars-red-fill {
    background: url(../../../../../img/yellow-red.png) no-repeat;
    height: 24px;
    max-width: 150px;
}
#valora_footer_after {
    width: 230px;
    /*position: fixed;*/
    top: 0px;
    cursor: pointer;
    z-index: 10000;
}
#valora_footer_after .star-rating-section {
    position: relative;
}
#valora_footer_after .centered {
    width: 75%;
}
#valora_footer_after .rating.rating-value {
    position: absolute;
    top: 5px;
    right: 15px;
}
#valora_footer_after .average.current, #valora_footer_after .best {
    font-weight: bold;

}

@media only screen and (min-width: 1200px) {
    #valora_footer_after {
        position: relative;
        top: -20px;
    }

}

/* Mobile */
@media only screen and (max-width: 767px) {
    #valora_footer_after {
        width: 100%;
        display: inline-block;
        height: 50px;
        padding: 15px;
    }
    #valora_footer_after .centered {
        width: 75%;
        float: right;
    }
}