.sub1
{
    background: url(     'lletres/A1.jpg' );
    width: 41px;
    height: 41px;
    margin: 1px 1px 1px 1px;
}
.sub1 a
{
    display: block;
    width: 41px;
    height: 41px;
    float: left;
}
.sub1 a:hover
{
    background: url(     'lletres/A2.jpg' );
}
.sub2
{
    background: url(     'lletres/B1.jpg' );
    width: 41px;
    height: 41px;
    margin: 1px 1px 1px 1px;
    float: left;
}

.sub2 a
{
    display: block;
    width: 41px;
    height: 41px;
}
.sub2 a:hover
{
    background: url(     'lletres/B2.jpg' );
}
.sub3
{
    background: url(     'lletres/C1.jpg' );
    width: 41px;
    height: 41px;
    margin: 1px 1px 1px 1px;
    float: left;
}

.sub3 a
{
    display: block;
    width: 41px;
    height: 41px;
}
.sub3 a:hover
{
    background: url(     'lletres/C2.jpg' );
}

.sub4
{
    background: url(     'lletres/D1.jpg' );
    width: 41px;
    height: 41px;
    margin: 1px 1px 1px 1px;
    float: left;
}

.sub4 a
{
    display: block;
    width: 41px;
    height: 41px;
}
.sub4 a:hover
{
    background: url(     'lletres/D2.jpg' );
}

.sub5
{
    background: url(     'lletres/E1.jpg' );
    width: 41px;
    height: 41px;
    margin: 1px 1px 1px 1px;
    float: left;
}

.sub5 a
{
    display: block;
    width: 41px;
    height: 41px;
}
.sub5 a:hover
{
    background: url(     'lletres/E2.jpg' );
}

.sub6
{
    background: url(     'lletres/F1.jpg' );
    width: 41px;
    height: 41px;
    margin: 1px 1px 1px 1px;
    float: left;
}

.sub6 a
{
    display: block;
    width: 41px;
    height: 41px;
}
.sub6 a:hover
{
    background: url(     'lletres/F2.jpg' );
}
.sub7
{
    background: url(     'lletres/G1.jpg' );
    width: 41px;
    height: 41px;
    margin: 1px 1px 1px 1px;
    float: left;
}

.sub7 a
{
    display: block;
    width: 41px;
    height: 41px;
}
.sub7 a:hover
{
    background: url(     'lletres/G2.jpg' );
}

.sub8
{
    background: url(     'lletres/H1.jpg' );
    width: 41px;
    height: 41px;
    margin: 1px 1px 1px 1px;
    float: left;
}

.sub8 a
{
    display: block;
    width: 41px;
    height: 41px;
}
.sub8 a:hover
{
    background: url(     'lletres/H2.jpg' );
}



/* LLETRES SEL·LECCIONADES*/

.submenubuttons1 .sub1
{
    background: url(     'lletres/A3.jpg' );
}

.submenubuttons2 .sub2
{
    background: url(     'lletres/B3.jpg' );
}
.submenubuttons3 .sub3
{
    background: url(     'lletres/C3.jpg' );
}
.submenubuttons4 .sub4
{
    background: url(     'lletres/D3.jpg' );
}
.submenubuttons5 .sub5
{
    background: url(     'lletres/E3.jpg' );
}
.submenubuttons6 .sub6
{
    background: url(     'lletres/F3.jpg' );
}
.submenubuttons7 .sub7
{
    background: url(     'lletres/G3.jpg' );
}
.submenubuttons8 .sub8
{
    background: url(     'lletres/h3.jpg' );
}