.fons-gris-fosc {
    width:223px;
    overflow:hidden;
    background-color:#585552;
    padding:12px;
}

.fons-blau-mari {
    width:223px;
    overflow:hidden;
    background-color:#0067B2;
    padding:12px;
}

.fons-vermell {
    width:223px;
    overflow:hidden;
    background-color:#F64D00;
    padding:12px;
}

.fons-verd-fosc {
    width:223px;
    overflow:hidden;
    background-color:#369B00;
    padding:12px;
}

.fons-groc {
    width:223px;
    overflow:hidden;
    background-color:#FFFB00;
    padding:12px;
}

.fons-taronja {
    width:223px;
    overflow:hidden;
    background-color:#F48D00;
    padding:12px;
}

.fons-negre{
    width:223px;
    overflow:hidden;
    background-color:#1B0E01;
    padding:12px;
}

.fons-gris-clar {
    width:223px;
    overflow:hidden;
    background-color:#A7A7A7;
    padding:12px;
}

.fons-blau-clar {
    width:223px;
    overflow:hidden;
    background-color:#A7C4EB;
    padding:12px;
}

.fons-salmo {
    width:223px;
    overflow:hidden;
    background-color:#FED4B8;
    padding:12px;
}

.fons-verd-clar{
    width:223px;
    overflow:hidden;
    background-color:#C9DBBA;
    padding:12px;
}

.fons-ocre{
    width:223px;
    overflow:hidden;
    background-color:#F7F0B4;
    width:223px;
    padding:12px;
}

.fons-taronja-clar {
    width:223px;
    overflow:hidden;
    background-color:#FCE1B1;
    padding:12px;
}

.fons-blanc{
    width:223px;
    overflow:hidden;
    background-color:#FFF;
    padding:12px;
}


.gris-fosc {
    color:#585552;
}

.blau-mari {
    color:#0067B2;
}

.vermell {
    color:#F64D00;
}

.verd-fosc {
    color:#369B00;
}

.groc {
    color:#FFFB00;
}

.taronja {
    color:#F48D00;
}

.negre{
    color:#1B0E01;
}

.gris-clar {
    color:#A7A7A7;
}

.blau-clar {
    color:#A7C4EB;
}

.salmo {
    color:#FED4B8;
}

.verd-clar{
    color:#C9DBBA;
}

.ocre{
    color:#F7F0B4;
}

.taronja-clar {
    color:#FCE1B1;
}

.blanc{
    color:#FFF;
}


.fons-rosa {
    width:223px;
    overflow:hidden;
    background-color:#EA6EA3;
    padding:12px;
}

.fons-lila {
    width:223px;
    overflow:hidden;
    background-color:#BD69FF;
    padding:12px;
}

.fons-vermell-2 {
    width:223px;
    overflow:hidden;
    background-color:#E2001A;
    padding:12px;
}

.rosa {
    color:#EA6EA3;
}

.lila {
    color:#BD69FF;
}

.vermell-2 {
    color:#E2001A;
}