body {
	margin: 0px;
	background-image: url(../imatges/fons.jpg);
	background-repeat: repeat-x;
	background-color: white;
}
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: #69A2D7; 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: #9B999A; }

input, textarea { font: 11px Arial, Helvetica, sans-serif; }
input[type=submit] { background-color: #444343; color: white; font-weight: bold; }
.error { 
	background-color: red;
	padding: 20px;
	font-weight:bold;
	color: white;
}
.required { color: red; font-weight:bold; }

/*
 *	GENERICS
 */

.wrapper {
	width: 811px;
	margin: auto;
	/* background-image: url(../imatges/fons-contingut.jpg); */
	background-image: url(../imatges/fons-contingut.png);
	background-repeat: repeat-y;
	/* padding-bottom: 20px; */
}

.content {

}

.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 #9B999A; padding: 2px; margin: 4px; }

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

.enllacos {
	position: absolute;
	left: 16px;
	top: 177px;

	width: 780px;
	text-align: center;
	color: #323232;
	font-size: 14px;
}


.enllacos a {
	color: #323232;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}


.enllacos a:hover {
	text-decoration: underline;
}

/*
 *	MAINNAV
 */

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

.mainnav-top {
	background-image: url(../imatges/mig-top.jpg);
	background-repeat: no-repeat;
	width: 428px;
	height: 37px;
	text-align: left;
	margin: auto;
	z-index: 1;
}

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

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


.mainnav p {
	margin: 0px;
	padding: 0px;
	text-align: justify;
}

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

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

.centre {
	position: absolute;
	left: 198px;
	top: 0px;

	text-align: center;
	width: 428px;
}

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

/* modul */
.modul-header {
	background-image: url(../imatges/esq-top.jpg); background-repeat: no-repeat;
	width: 173px;
	height:37px;
	margin:auto;
}
.modul-mig {
	background-image: url(../imatges/esq-mig.jpg); background-repeat: repeat-y;
	width: 163px; padding-left: 10px;
	margin:auto;
	line-height: 25px;

	font-size: 12px;
	font-weight:bold;
	color: #333333;
}

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

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

.modul-footer {
	background-image: url(../imatges/esq-bottom.jpg);
	background-repeat: no-repeat;
	width: 173px;
	height:10px;
	margin:auto;
}


/* modul */
.modul-dret-header {
	background-image: url(../imatges/dret-top.jpg);
	background-repeat: no-repeat;
	width: 162px;
	height: 37px;
	margin:auto;
}
.modul-dret-mig {
	background-image: url(../imatges/dret-mig.jpg); background-repeat: repeat-y;
	width: 152px; 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/dret-bottom.jpg); background-repeat: no-repeat;
	width: 162px;
	height: 8px;
	margin:auto;
}

.credits { padding-top: 30px; text-align: center; font: 13px sans-serif;  padding-right: 22px; }
.credits a { font: 13px sans-serif; }

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


a.botomenu {
	display:block;
	height: 30px;
	width: 110px;
	padding-top: 10px;
	padding-left: 40px;
	background-repeat: no-repeat;
	background-position: left center;

	text-decoration: none;
	color: #2B3B55;
	font-size: 13px;
	font-weight:bold;

	margin-bottom: 5px;
}

a.botomenu:hover { text-decoration: none; }

/*
 *	TAULA DE DADES
 */
 
table.dades { margin: auto; border-right: 1px solid #484848; }
table.dades * { font-size: 12px; font-family:sans-serif; }
table.dades tr th { padding: 4px 4px; font-size: 12px; font-weight:bold; background-color:#484848; color: white; }
table.dades tr td { padding: 3px 4px; border-bottom: 1px solid #484848; border-left: 1px solid #484848; }
table.dades tr.parell td { background-color:white; }
table.dades tr.imparell td { background-color:#D8DCE7; }

table.dades tr th.right { border-right: 1px solid #484848; }
table.dades tr td.right { border-right: 1px solid #686868; }



/* modul */
.modulgran-header {
	background-image: url(../imatges/headergran.jpg); 
	background-repeat: no-repeat;
	width: 765px;
	height:48px;
	margin:auto;
}

.modulgran-header-padding {
	padding: 13px 16px 0;
	margin:auto;
}

.modulgran-mig {
	background-image: url(../imatges/miggran.jpg); 
	background-repeat: repeat-y;
	width: 765px; 
	margin:auto;
	
	line-height: 25px;
	font-size: 12px;
	font-weight:bold;
	color: #333333;
}

.modulgran-mig-padding {
	padding: 0px 5px;
}


.modulgran-footer {
	background-image: url(../imatges/footergran.jpg); 
	background-repeat: no-repeat;
	width: 765px;
	height: 9px;
	margin:auto;
}


.ui-datepicker-trigger { cursor: pointer; }


.presentacio h2 {
	margin-bottom: 10px; 
	font-size:14px; 
	text-align: left;
	line-height: 17px;
}

.presentacio p {
	padding: 5px 0px;
	line-height: 17px;
}