body {
 margin: 0; padding: 0; background: #f0f2ff; font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; color: #666666;
}
a {
 color: #135293
}
a:hover {
 text-decoration: none
}
a#actiu {
 text-decoration: underline
}
.title1 {
 margin: 0; padding: 10px 0; background: url(images/img09.gif) repeat-x left bottom; font-size: 227%; font-weight: normal; color: #135293;
}
.title2 {
 margin: 0; padding: 10px 0; background: url(images/img09.gif) repeat-x left bottom; font-size: 140%; font-weight: bold;
}
.title3 {
 margin: 0; padding: 10px 0; background: url(images/img11.gif) repeat-x left bottom; font-size: 129%; font-weight: bold; color: #fff;
}
.title4 {
 margin: 0; padding: 10px 0; background: url(images/img14.gif) repeat-x left bottom; font-size: 110%; font-variant: small-caps; font-weight: bold; font-style: italic; color: #fff;
}
.title5 {
 margin: 0; background: url(images/puntsb.gif) no-repeat left; padding-left: 0.8em; font-size: 115%; font-variant: small-caps; font-weight: bold;
}
.boxed {
 padding: 5px 30px 20px 30px
}
.boxed p, .boxed ul, .boxed ol {
 line-height: 180%
}
.taronja {
 margin: 20px 30px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; background: #ff9523 url(images/img10.gif) repeat-x; color: #fff;
}
.taronja a {
 color: #fff
}
.col-u {
 float: left; width: 300px;
}
.col-dos {
 float: right; width: 300px;
}
.blanc {
 background: #fff
}
#pagina {
 width: 980px; margin: 0 auto; background: #fff url(images/img01.gif) repeat-y;
}
#logo {
 height: 220px; background: #fff url(images/img02.gif) repeat-y right top;
}
#logo h1, #logo h2 {
 margin: 0; text-align: center; font-weight: normal; font-style: italic; color : #9c9c9c;
}
#logo h1 {
 padding: 100px 0 0 0; background: url(images/img03.gif) no-repeat center center; font-size: 36px;
}
#logo h2 {
 font-size: 12px
}
#logo a {
 color: #9c9c9c; text-decoration : none;
}
/* Menu superior */
#wrapper-menutop {
 margin: 0 auto; text-align: left;
}
#menutop {
 background: #fff; overflow: hidden; /* fixar problema FF*/
}
#menutop ul {
 margin: 0; padding-left: 2px; list-style: none; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-variant: small-caps; float: left;
}
#menutop li {
 display: inline; float: left;
}
#menutop a {
 float: left; background: url(images/menuleft.png) no-repeat left top; margin: 0; padding: 0 0 0 4px; text-decoration: none; line-height: 1.5em;
}
#menutop a span {
 background: transparent url(images/menuright.png) no-repeat right top; padding: 5px 15px 4px 6px; color: #5b8fbe; display: block; float: left; cursor: pointer; /* fixar links */
}
#menutop a:hover {
 background-position: 0% -42px
}
#menutop a:hover span {
 background-position: 100% -42px
}
/* Menu lateral */
#lateral {
 float: left; width: 240px;
}
.menu {
 padding: 20px; background: #85c329 url(images/img04.gif) repeat-x;
}
.menu ul {
 margin: 0; padding: 0; list-style: none;
}
.menu li {
 padding: 10px 0; background: url(images/img05.gif) repeat-x bottom;
}
.menu a {
 text-decoration: none; font-size: 129%; color: #fff;
}
.menu a:hover {
 font-style: italic
}
.menublau {
 padding: 20px; background: #4096ee url(images/img04.gif) repeat-x; color: #fff;
}
.menublau ul {
 margin: 0; padding: 0; list-style: none;
}
.menublau li {
 padding: 10px 0; background: url(images/img07.gif) repeat-x bottom;
}
.menublau a {
 text-decoration: none; font-size: 129%; color: #fff;
}
.menublau a:hover {
 font-style: italic
}
#contingut {
 float : right; width : 740px;
}
blockquote {
 font-style : italic; background-color : #f6f7f7; border : 1px solid #ff9523; margin : 0;
}
acronym {
 border-bottom : 1px dotted; cursor : help;
}
img {
 border : none
}
img.center {
 display : block; margin : auto; text-align : center;
}
img.dreta {
 float : right; margin-left : 1.25em; display : block;
}
img.esquerra {
 float : left; margin-right : 1.25em; display : block;
}
p.centrat {
 text-align : center; font-size : 0.85em;
}
p.enlinia {
 background : url(images/punts.gif) no-repeat left; font-family : Arial, Helvetica, sans-serif; display : inline; padding-left : 1.5em; padding-right : 1em;
}
p.mini {
 font-family : Arial, Helvetica, sans-serif; font-size : 0.7em; text-align : right;
}
p.miniesq {
 font-family : Arial, Helvetica, sans-serif; font-size : 0.7em; text-align : left;
}
.carpeta a {
 background : transparent url(images/folderoff.png) no-repeat; font-size : 0.7em; margin : 2em 1em 0 1em; padding-top : 2.5em; text-decoration : none; text-align : center; float : left; width : 100px; height : 80px;
}
.carpeta a:hover {
 background : transparent url(images/folderon.png) no-repeat; color : #ff9523; text-decoration : none; float : left; width : 100px; height : 80px;
}
strong {
 font-weight : bold
}
em {
 font-style : italic
}
#peu {
 width : 980px; height : 120px; margin : 0 auto; background : url(images/img12.gif) repeat-x;
}
#peu p {
 margin : 0; font-size : 85%;
}
#links {
 float : left; width : 220px; height : 45px; padding : 35px 0 0 20px; background : url(images/img13.gif) repeat-x;
}
#links a {
 color : #fff
}
#legal {
 float : right; width : 720px; height : 45px; padding : 35px 0 0 20px;
}