body, html {
    font-family:Arial,Helvetica,sans-serif;
    background-color:#000;
    margin:0;
    color:#FFF;
    background-repeat:no-repeat;
}

a {
    text-decoration:none;
}

a:hover {
    text-decoration:underline;
}

div.cb {
    clear:both;
}

#logo, #main, #titol {
    width:760px;
    margin:0 auto;
    background-repeat:no-repeat;
}

#main {
    min-height:570px;
}

div.fons1 {
    background-image:url('./fons1.jpg');
}

div.fons2 {
    background-image:url('./fons2.jpg');
}

div.fons3 {
    background-image:url('./fons3.jpg');
}

div.fons4 {
    background-image:url('./fons4.jpg');
}

div.fons5 {
    background-image:url('./fons5.jpg');
}

#logo {
    position:relative;
}

#logo img {
    display:block;
}

#idiomes {
    position:absolute;
    right:0;
    bottom:6px;
}

#idiomes a.primer {
    border:0;
}

#idiomes a.actiu {
    border-bottom:solid 2px #7C7C7C;
}

#idiomes a {
    border-left:solid 1px #FFF;
    padding:0 6px;
    color:#FFF;
    font-size:10px;
}

#titol {
    background-color:#404040;
    height:76px;
    position:relative;
}

#titol h2 {
    padding-left:12px;
    padding-top:40px;
    line-height:36px;
    margin:0;
}

#peu {
    background:#404040 url('./escut.gif') no-repeat 2px 2px;
    height:29px;
    line-height:29px;
    font-size:11px;
    padding-left:30px;
    width:730px;
    margin:72px auto 5px;
    color:#FFF;
}

#peu a {
    color:#FFF;
}

#peu div.avis {
    float:right;
    padding-right:10px;
}

#quadres {
    position:absolute;
    top:3px;
    right:3px;
    width:420px;
    height:30px;
}

#quadres a {
    display:block;
    width:80px;
    height:60px;
    padding-bottom:2px;
}

#quadres div.q {
    width:80px;
    float:right;
    margin-left:3px;
    text-align:center;
    font-size:10px;
}

#quadres a:hover {
    text-decoration:none;
}

#quadres a.a1 {
    background-image:url('a1.jpg');
}

#quadres a.a2 {
    background-image:url('a2.jpg');
}

#quadres a.a3 {
    background-image:url('a3.jpg');
}

#quadres a.a4 {
    background-image:url('a4.jpg');
}

#quadres a.a5 {
    background-image:url('a5.jpg');
}

#quadres a.a1actiu {
    background-image:url('a1a.jpg');
}

#quadres a.a2actiu {
    background-image:url('a2a.jpg');
}

#quadres a.a3actiu {
    background-image:url('a3a.jpg');
}

#quadres a.a4actiu {
    background-image:url('a4a.jpg');
}

#quadres a.a5actiu {
    background-image:url('a5a.jpg');
}

#menu {
    width:730px;
    margin:3px auto;
    height:30px;
}

#menu a {
    padding:0 8px;
    color:#FFF;
}

#menu span {
    padding:0 2px;
}

#menu a.actiu {
    background-color:#808080;
}

#content {
    text-align:justify;
    font-size:12px;
}

#content a {
    color:#39F;
}