/* CSS Document */
html,body {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
/*	line-height:1.5em;*/
color: #8F601F;
background:#EFE0C9 url(/imgbr/fondo.jpg) no-repeat center;
margin:0px;
padding:0px;
height:100%;
width:100%;
overflow:hidden;
}

h1{
font-size:25px;
font-weight:400;
color: #E3B97B;
margin:0px;
}

h2{
font-size:13px;
font-weight:bold;
display:inline;
margin:0px;
}

#contenedor {
 position:absolute;
 top:50%;
 margin-top:-205px;
 left:50%;
 margin-left:-280px;
 width:580px;
 height:410px;
 background:red;
}

#continguts{
 position:absolute;
 background: url(/imgbr/continguts.jpg) top left no-repeat;
 top:50%;
 margin-top:-93px;
 left:50%;
 margin-left:-284px;
 width:580px;
 height:291px;
 z-index:100;
}

#cami{
 position:absolute;
 background:none;
 top:50%;
 margin-top:-83px;
 left:50%;
 margin-left:-264px;
 width:540px;
 height:30px;
 z-index:1000;
}

#footer{
 position:absolute;
 background:none;
 top:50%;
 margin-top:198px;
 left:50%;
 margin-left:-276px;
 width:560px;
 height:20px;
 z-index:1000;
 font-size:10px;
 text-align:right;
}

#footer a{
text-decoration:underline;
color:#8f601f;
}

.vScroller {
float:left;
width:315px;
line-height:1.18em;
height:210px;
position:relative;
overflow:hidden;
margin:0; padding:0;
overflow-y:hidden;
overflow:hidden;
 margin-top:49px;
 margin-left:20px;
}

.vScroller a{
text-decoration:none;
color:#8F601F;
}

.vScrollee {
position:absolute;
width:310px; /* to get this number, subtract scrollee's padding from scroller's width */
left:0px; 
top:0px;
margin:0px; 
padding:0px;
overflow:hidden;
overflow-y:hidden;
}

.btn3 {
overflow:hidden;
width:2em;
text-align:center;
cursor:default;
padding-top:6px;
 margin-top:48px;
}

.btn4 {
margin-top:175px;
overflow:hidden;
width:2em; height:1.5em;
text-align:center;
}

.lscroll{
background-repeat:repeat-y; 
background-position:center;
}



#imatges{
 position:absolute;
 top:50%;
 margin-top:-40px;
 left:50%;
 margin-left:80px;
 width:200px;
 height:188px;
}
/*---*/


#header{
 position:absolute;
 top:50%;
 margin-top:-191px;
 left:50%;
 margin-left:-284px;
 width:580px;
 height:92px;
 background:none;
}

#logo{
 position:relative;
 height:92px;
 width:168px;
 background:none;
 float:left;
}

#logo a img{
 border:none;
}

#missatge{
 position:relative;
 width:400px;
 background:none;
 text-align:right;
 float:left;
 margin-top:24px;
}

#missatge p{
  font-size:10px;
 color:#9C8058;
 margin-right:10px;
margin-top:0px;
}

#missatge a{
 font-size:16px;
 color:#BFAA8D;
 text-decoration:none;
}

#missatge a img{
 position:relative;
 border:none;
 vertical-align:middle;
 margin-left:3px;
}

#menu{
 position:absolute;
 top:50%;
 margin-top:-117px;
 left:50%;
 margin-left:-118px;
 width:411px;
 height:25px;
 background:none;
}

#menu ul{
 margin:0px;
 left:0px;
 top:0px;
 display:inline;
 list-style:none;
}

#menu li{
 background:none;
 display:inline;
 float:left;
 margin-left:2px;
 list-style:none;
 width:78px;
 height:25px;
 font-family: Arial, Helvetica, sans-serif;
 font-size:11px;
 color:#fff;
 text-align:center;
 font-weight:bold;
}

#menu li a{
 background:url('/imgbr/fonsmenu.jpg') no-repeat;
 text-decoration:none;
 font-family: Arial, Helvetica, sans-serif;
 width:78px;
 height:25px;
 font-size:11px;
 color:#fff;
 display:block;
 padding-top:5px;
 vertical-align:top;
}

#menu li a:hover{
 background:url('/imgbr/fonsmenuov.jpg') no-repeat;
 text-decoration:none;
 font-family: Arial, Helvetica, sans-serif;
 width:78px;
 height:25px;
 font-size:11px;
 color:#fff;
 display:block;
 padding-top:5px;
 vertical-align:top;
}

#menu li.fosc a{
 background:url('/imgbr/fosc.jpg') no-repeat;
 text-decoration:none;
 font-family: Arial, Helvetica, sans-serif;
 width:78px;
 height:25px;
 font-size:11px;
 color:#fff;
 display:block;
padding-top:5px;
}

#menu li.fosc a:hover{
 background:url('/imgbr/foscov.jpg') no-repeat;
 text-decoration:none;
 font-family: Arial, Helvetica, sans-serif;
 width:78px;
 height:25px;
 font-size:11px;
 color:#fff;
 display:block;
padding-top:5px;
}