/* Compta fins a tres */


/* Fulla d'estils per a la home */

#columna-dreta {
    width: 700px;
}


/* Que fem */

    #bloc-contingut .quefem {
        width: 100%;
        overflow: hidden;
        margin-bottom: 30px;
    }

    #bloc-contingut .quefem .vinyeta {
        float: right;
        margin-left: 30px;
    }

    #bloc-contingut .quefem h2 {
        color: #db3032;
        font-size: 24px;
        font-weight: 600;
        margin: 0 0 20px 0;
    }

    #bloc-contingut .quefem p {
        font-size: 18px;
        font-weight: 300;
    }


/* Banners */

    #bloc-contingut .banners {
        color: #333;
        margin-left: -30px;
        margin-right: -30px;
    }

    #bloc-contingut .banners .banners-wrapper {
        display: table;
        border-spacing: 30px 0;
        width: 100%;
    }

    #bloc-contingut .banners .banners-wrapper > * {
        display: table-cell;
    }

    #bloc-contingut .banners a {
        color: inherit;
        display: block;
        text-decoration: none;
    }

    #bloc-contingut .banners .premis {
        background: #fde8b4 url("../images/banner-premis.png") no-repeat right center;
        padding: 20px;
        width:  72.5%;
        position: relative;
    }

    #bloc-contingut .banners .premis .date {
        display: block;
        font-size: 13px;
        margin: 0 0 5px 0;
    }

    #bloc-contingut .banners .premis .title {
        display: block;
        font-size: 20px;
        margin: 0 0 25px 0;
    }

    #bloc-contingut .banners .premis .button {
        background: #F9B206;
        box-shadow: 1px 1px 1px rgba(0,0,0,0.25);
        display: inline-block;
        font-size: 15px;
        font-weight: 600;
        padding: 5px 15px;
    }


    #bloc-contingut .banners .adhereixte {
        border: 1px solid #ddd;
        font-size: 14px;
        padding: 15px;
        text-align: center;
        vertical-align: middle;
        width:  27.5%;
    }

    #bloc-contingut .banners .adhereixte img {
        display: block;
        margin: 0 auto 5px auto;
    }


/* Destacats */

    #bloc-contingut .highlights {
        border-top: 1px dashed #ccc;
        margin-top: 35px;
        padding-top: 25px;
    }

    #bloc-contingut .highlights h2 {
        color: #db3032;
        font-size: 18px;
        font-weight: 600;
        margin: 0 0 10px 0;
    }

    #bloc-contingut .highlights ul li {
        font-size: 14px;
    }

    #bloc-contingut .highlights ul li a {
        color: inherit;
        text-decoration: underline;
    }