body, html {
    background-color:#FFFFFF;
    margin:0px;
    padding:0px;
    font-family:Verdana,Arial,Helvetica,Sans-Serif;
    font-size:11px;
}

img {
    display:block;
    border:0px;
}

.inline {
    display:inline;
}

.fl {
    float:left;
}

.cl {
    clear:left;
}

#banner {
    height:78px;
    background-color:#66CCFF;
}

div.minwidth {
    width:825px;
}

div.cap div {
    position:absolute;
    bottom:3px;
    right:4px;
    text-align:right;
    font-size:12px;
    color:#FFFFFF;
}

div.cap {
    position:relative;
    float:left;
    height:78px;
    width:108px;
}

#separador {
    width:75px;
    float:left;
    height:300px;
    background-image:url('../img/c1.jpg');
    background-position:top left;
    background-repeat:no-repeat;
}

#content {
    width:505px;
    float:left;
    font-size: 11px;
}

#capitol {
    height:75px;
    position:relative;
}

#menu {
    width:200px;
    background-color:#66CCFF;
    float:left;
}

#menu a {
    text-align:right;
    display:block;
}

a.b {
    background-color:#000099;
    color:#FFFFFF;
    font-size:12px;
    font-weight:bold;
    padding-top:6px;
    padding-bottom:4px;
    margin-bottom:5px;
    padding-right:15px;
}

a.s {
    padding-top:1px;
    padding-bottom:1px;
    padding-right:15px;
}

a.mpeu {
    padding-top:1px;
    padding-bottom:7px;
    padding-right:15px;
    background-image:url('../img/barrapunts.gif');
    background-position:bottom left;
    background-repeat:no-repeat;
}

a.sb {
    padding-top:1px;
    padding-bottom:1px;
    padding-right:25px;
}

a.sbpeu {
    padding-top:1px;
    padding-bottom:7px;
    background-image:url('../img/barrapunts.gif');
    background-position:bottom left;
    background-repeat:no-repeat;
    padding-right:25px;
}

a {
    text-decoration:none;
    color:black;
}

a.w {
    color:#FFFFFF;
}

#menu a:hover {
    color:#808080;
    /*font-weight:bold*/
}

h1 {
    position:absolute;
    left:0px;
    top:-8px;
    color:#01CCFF;
    font-size:42px;
    margin:0px;
    padding:0px;
    font-weight:normal;
    width:700px;
}

h2 {
    position:absolute;
    left:25px;
    top:36px;
    font-size:26px;
    margin:0px;
    padding:0px;
    font-weight:normal;
}

.bold {
    font-weight:bold;
}

p {
    margin-top:2em;
}

div.txt {
    margin-left:10px;
    float:left;
}

html, body {
    background-image:url('../img/fons.gif');
    background-position:top left;
    background-repeat:repeat-y;
    height:100%;
}

#main {
    width:825px;
}

.base {
    height:15px;
    clear:both;
}

#all {
    width:100%;
    min-height:100%;
    position:relative;
}

* html #all {
    height:100%;
}

#peu {
    font-size:10px;
    color:#FFFFFF;
    background-color:#66CCFF;
    text-align:right;
    position:relative;
    /*bottom:76px;*/
    margin-top:-76px;
    width:184px;
    padding-right:16px;
    padding-bottom:16px;
}

#content a, #content a:hover {
    color:#0000FF;
    text-decoration:underline;
    font-weight:normal;
}

#banner a {
    color:#FFFFFF;
}
