body { 
	margin: 0px;  
	background-image: url(../imatges/fons.jpg); 
	background-repeat: repeat;  
}
p,li,div,td { font: 12px Arial; color: #444243; margin: 0px; padding: 0px; }

h1 { font: 18px Arial; color: #254168; margin: 0px; padding: 0px; }
h2 { font: bold 13px Arial; color: #444343; margin: 0px; padding: 0px; }
h3 { font: 13px Arial; color: #444343; padding-left: 12px; margin: 0px; padding: 0px; }
h3 { font: bold 12px Arial; color: #444343; margin: 0px; padding: 0px; }

h1.h1modul { margin: 0px; padding: 0px; font: 20px Arial, Helvetica, sans-serif; color: #404040; padding-top: 12px; padding-left: 14px; }

/*
 *	links
 */
a  { font: 12px Arial, Helvetica, sans-serif; color: #444243; }
a:hover { text-decoration: none; } 
a.titol { font: 13px Arial; font-weight:bold; color: #406901; text-decoration: none; }
a.titol:hover { text-decoration: underline; }
a.resum { font: 12px Arial, Helvetica, sans-serif; color: #444243; text-decoration: none; }
a.resum:hover { text-decoration: underline; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.data  { font: 10px sans-serif; color: #779F09; }
input, textarea { font: 11px Arial, Helvetica, sans-serif; }
input[type=submit] { background-color: #444343; color: white; font-weight: bold; }

/*
 *	GENERICS
 */
 
.wrapper {		
	width: 830px; 
	margin: auto;
	margin-top:-0px;
	background-image: url(../imatges/fons-contingut.jpg); 
	background-repeat: repeat-y; 
}
.content { 
	padding-top: 23px;
}
.content-bottom { 
	width: 698px; 
	margin: auto;
	background-image: url(../imatges/fons-contingut-bottom.jpg); 
	background-repeat: no-repeat; 
}
.clear { clear:both; }
.foto img { border: 1px solid #779F09; padding: 2px; margin: 4px 0px; }

.header { 
	background-image: url(../imatges/header.jpg); background-repeat: no-repeat;
	position: relative;
	margin: auto;
	width: 785px;
	height: 222px;
}

.header a.menugran { 
	position: absolute; 
	top: 0px;
	display: block;
	width: 137px;
	height: 175px;
	text-decoration: none;
}

.header a.menu { 
	position: absolute; top: 150px;
	display: block;
	width: 110px;
	height: 22px;
	text-decoration: none;
}

.enllacos {
	position: absolute;
	left: 8px;
	top: 188px;
	
	width: 780px;
	text-align: center;
	color: white;
	font-size: 14px;
}

span.menu-separador {
    display: block;
    float: left;
    width: 18px;
    height: 20px;
    background-image: url('../imatges/punto.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.enllacos a {
    display: block;
    float: left;
    height: 19px;
    text-indent: -99999px;
    background-image: url('../imatges/botons-menu.png');
    background-repeat: no-repeat;
}

.enllacos a:hover,
.enllacos a.active { 
    
}


.menu-inici { background-position: 0px 0px; width: 36px; }
.menu-inici:hover, .menu-inici.actiu { background-position: -250px 0px;  }

.menu-noticies { background-position: 0px -19px; width: 69px; }
.menu-noticies:hover, .menu-noticies.actiu { background-position: -251px -19px;  }
 
.menu-canjornet { background-position: 0px -38px; width: 92px; }
.menu-canjornet:hover, .menu-canjornet.actiu { background-position: -251px -38px;  }

.menu-collabora { background-position: 0px -59px; width: 141px; }
.menu-collabora:hover, .menu-collabora.actiu { background-position: -250px -59px;  }

.menu-serveis { background-position: 0px -81px; width: 62px; }
.menu-serveis:hover, .menu-serveis.actiu { background-position: -250px -81px;  }

.menu-enllacos { background-position: 0px -100px; width: 69px; height: 24px !important; }
.menu-enllacos:hover, .menu-enllacos.actiu { background-position: -250px -100px;  }

.menu-contacte { background-position: 0px -124px; width: 191px;  }
.menu-contacte:hover, .menu-contacte.actiu { background-position: -251px -124px;  }

/*
 *	MAINNAV
 */

.content-relative { position: relative; height: 520px; }

.mainnav-top { 
	background-image: url(../imatges/mainnav-header.jpg); 
	background-repeat: no-repeat;
	width: 422px;
	height: 46px;
	text-align: left;
	margin: auto;
	z-index: 1;
}
.mainnav-top-gran { 
    background-image: url(../imatges/mainnav-header-gran.jpg); 
	background-repeat: no-repeat;
	width: 586px;
	height: 46px;
	text-align: left;
	margin: auto;
	z-index: 1;
}

.mainnav { 
	background-image: url(../imatges/mainnav-mig.jpg); 
	background-repeat: repeat-y;
	width: 417px; padding-right: 5px;
	text-align: left;
	margin: auto;
	height: 462px;
	z-index: 1;
}

.mainnav-gran { 
	background-image: url(../imatges/mainnav-mig-gran.jpg) !important; 
	background-repeat: repeat-y;
	width: 581px  !important;
        padding-right: 5px;
	text-align: left;
	margin: auto;
	height: 462px;
	z-index: 1;
}

.mainnav-scroll { 
	padding: 5px 12px 0px 10px;
	margin-left: 5px;
	height: 457px;
	overflow: auto;
	text-align: justify;
}

.scroll { 
	SCROLLBAR-FACE-COLOR:#9ACE09;
	SCROLLBAR-HIGHLIGHT-COLOR: #9ACE09;
	SCROLLBAR-SHADOW-COLOR: #9ACE09;
	SCROLLBAR-3DLIGHT-COLOR: #FFFFFF;
	SCROLLBAR-ARROW-COLOR: #FFFFFF;
	SCROLLBAR-TRACK-COLOR: #FFFFFF;
	SCROLLBAR-DARKSHADOW-COLOR: #416C00;
}

.mainnav p { 
	margin: 0px; 
	padding: 0px; 
}

.mainnav-bottom { 
	background-image: url(../imatges/mainnav-footer.jpg); 
	background-repeat: no-repeat;
	width: 422px;
	height: 12px;
	margin: auto;
	z-index: 0;
}

.mainnav-bottom-gran { 
	background-image: url(../imatges/mainnav-footer-gran.jpg) !important; 
	background-repeat: no-repeat;
	width: 586px  !important;
	height: 12px;
	margin: auto;
	z-index: 0;
}

/* sidebar */
.sidebar-esq
{
	position: absolute;
	left: 21px;
	top: 0px;
	
	width: 195px;
}

.centre { 
	position: absolute;
	left: 216px;
	top: 0px;
	
	text-align: center; 
	width: 422px; 
}

.sidebar-dret
{
	position: absolute;
	left: 638px;
	top: 0px;
	
	width: 172px;
}

/* modul */
.modul-header {
	background-image: url(../imatges/modul-header.jpg); background-repeat: no-repeat;
	width: 194px;
	height:44px;
	margin:auto;
}
.modul-mig {
	background-image: url(../imatges/modul-mig.jpg); background-repeat: repeat-y;
	width: 184px; padding-left: 10px;
	margin:auto;
	line-height: 25px;
	
	font-size: 13px;
	font-weight:bold;
	color: #333333;
}

.modul-mig a {
	font-size: 13px;
	font-weight:bold;
	color: #333333;
	text-decoration: none;
}

.modul-mig a:hover {
	text-decoration: underline;
}

.modul-footer {
	background-image: url(../imatges/modul-footer.jpg); background-repeat: no-repeat;
	width: 194px;
	height:8px;
	margin:auto;
}


/* modul */
.modul-dret-header {
	background-image: url(../imatges/modul-dret-header.jpg); background-repeat: no-repeat;
	width: 172px;
	height:44px;
	margin:auto;
}
.modul-dret-mig {
	background-image: url(../imatges/modul-dret-mig.jpg); background-repeat: repeat-y;
	width: 164px; padding: 0px 4px 0px 6px;
	margin:auto;
	
}
.modul-dret-mig a.noticia {
	text-decoration: none;
}
.modul-dret-mig a.noticia:hover {
	text-decoration: underline;
	
}

.modul-dret-footer {
	background-image: url(../imatges/modul-dret-footer.jpg); background-repeat: no-repeat;
	width: 172px;
	height: 9px;
	margin:auto;
}

.credits { text-align: right; padding-right: 22px; }
.credits a { font: 10px sans-serif; }

.volver a {
color:#406901;
font-size:11px;
font-weight:bold;
}

.footer {
	background-image: url(../imatges/footer.jpg); background-repeat: no-repeat;
	width: 789px;
	height: 67px;
	margin:auto;
	position: relative;
}