html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif}
div#container{
background: #ebebeb;
}
p{margin:0 10px 10px}
a{display:block;color: #006;padding:10px}
div#header{
position:relative;
}
div#header h1{
  height:110px;
  line-height:110px;
  margin:5px;
  padding: 0 0 0 25px;
  background: #CCBB99;
  color: #000000;
}
div#header span{
  color: #FFFF99;
}
div#header a{
  position:absolute;
  right:0;
  top:0px
}
div#content {
background:#EEEEDD;
}
div#content p{
line-height:1.4
}
div#navigation{
  background:#99bb55;
}
div#extra{
background:#e2f1ec;
}
div#footer{
background: #333;
color: #FFF
}
div#footer p{
margin:0;
padding:5px 10px
}
div#footer a{
display:inline;
padding:0;
color: #C6D5FD
}

div#wrapper{float:right;width: 100%;margin-left: -400px}
div#content{margin-left: 400px}
div#content a.coco{
display:inline; 
background: #66cc33;
color: #c7002c;
margin:0;
padding:0;
}
div#navigation{float:right;width:200px}
div#extra{float:right;width:200px}
div#footer{clear:right;width:100%}
div#data{
background: #AABB99;
}
div#enlace{
background: #e9e3cd;
}
div#descri{
background: #fefdad;
}
div#registre{
background: #ae2691;
}
#menu { margin-left: 30px; }

#menu ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, sans-serif;
}

#menu li { margin: 0; }

#menu a
{
display: block;
color: #333;
background-color: transparent;
width: 140px;
padding: 2px 10px;
text-decoration: none;
border-top: 1px solid #427443;
border-bottom: 1px solid #427443;
border-left: 1px solid #427443;
font-size: 12px;
}

#menu a:hover
{
background-color: #fefccb;
color: #333;
border-right: 10px solid #427443;
padding: 2px 1px 2px 10px;
}

#menu ul ul
{
margin-left: 30px;
padding: 0;
list-style-type: none;
}

#menu li li a
{
display: block;
color: #333;
background-color: transparent;
width: 110px;
padding: 2px 10px;
margin: 0;
border-top: none;
border-bottom: none;
border-left: 1px solid #427443;
text-decoration: none;
font-size: 12px;
}
#menub { margin-left: 30px; }

#menub ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, sans-serif;
}

#menub li { margin: 0; }

#menub a
{
display: block;
color: #333;
background-color: transparent;
width: 140px;
padding: 2px 10px;
text-decoration: none;
border-top: 1px solid #087987;
border-bottom: 1px solid #087987;
border-left: 1px solid #087987;
font-size: 12px;
}

#menub a:hover
{
background-color: #d3f500;
color: #333;
border-right: 10px solid #087987;
padding: 2px 1px 2px 10px;
}

#menub ul ul
{
margin-left: 10px;
padding: 0;
list-style-type: none;
}

#menub li li a
{
display: block;
color: #333;
background-color: transparent;
width: 100px;
padding: 2px 5px;
margin: 0;
border-top: none;
border-bottom: none;
border-left: 1px solid #0A5AA0;
text-decoration: none;
font-size: 12px;
}
div#noticia{
background: #e4dfc8;
margin: 0px 20px 0px 20px;
padding: 10px 5px 10px 5px;
color: #000;
}
#noticia img {
padding: 10px 10px 10px 10px;
border: 10px solid #fefdad;
background-color: #fefdad;
}
#noticia img.sencilla {
padding: 0px;
border: 0px;
}
#noticia li {
padding: 5px 40px 5px 5px;
}
#noticia a {
background: #e4dfc8;
display: inline;
padding: 0px 10px 0px 10px;
}
#noticia a.afegir {
background: #cccccc;
padding: 0px 0px 0px 0px;
}
#noticia a.afegir:hover {
background: #cccccc;
padding: 0px 0px 0px 0px;
}
#noticia img.afegir {
border: 1px solid #cccccc;
padding: 0px;
border: 0px;
}
#noticia  pre {
background-color: #ffffff;
color: #000000;
font-size: 1.1em;
font-weight: bold;
padding: 10px 10px 10px 10px;
}
#noticia strong {
color: #7d6b4b;
font-weight: bold;
font-size: 1.1em;
text-decoration:underline;
margin: 1px 5px 1px 5px;
}
#noticia h3 {
margin: 10px 25px 10px 25px;
padding: 10px 50px 10px 50px;
background-color: #ffffff;
border: 10px solid #666666;
color: #990000;
}
h4{
  height:1.3em;
  line-height:1.3em;
  margin:5px;
  padding: 5 5 5 25px;
  background: #B6E657;
  color: #000000;
}