body { margin:5px 0; padding:0; font: 74% Arial, Sans-Serif; color:#000; line-height: 1.4em; background : #F0F0F0;}
.

#content,#header,#main,#footer
{background: #C9C9C9 url(Images/background.png) repeat-y center;}

#toph {background: url(Images/top.png) no-repeat center top; height: 19px; padding: 0;}

#header {padding:0 1.45% 0 15px; _padding:0 0 0 15px;}

#content { color: #505050; margin: 0 auto; padding: 0; width: 1011px; background: #FFFFFF url(Images/background.png) repeat-y center; }

#main {width: 961px !important; float: none; margin: 2.45%; margin: 24px !ie7; _margin: 13px;}

#footer {background: url(Images/down.png) no-repeat; color: #a0a0a0; height: 43px; text-align: center; font-size: 90%; clear: both; padding: 0px; margin: 0;}
#footer a:link {text-decoration:none; color: #a0a0a0; font-weight:lighter;}
#footer a:visited {text-decoration:none; color: #a0a0a0;font-weight:lighter;}
#footer a:hover {text-decoration:none; border-bottom:dotted #a0a0a0; color: #a0a0a0;font-weight:lighter;}

#addDocsCursCell {color:#663300; text-align:center;}

.iniciDreta {
	width: 280px;
	float: right;
	margin-top: 20px !ie7; _margin-top: 20px;
	margin-right: 2.45%; margin-right: 30px !ie7; _margin-right: 13px;
}

.iniciDreta .title {
	margin-bottom: 0px;
}

.iniciDreta .title h2 {
	padding: 7px 7px 0 7px;
	color: #FFFFFF;
	font-style: italic;
	font: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 0px;
	background: url(Images/imgtopsmall.gif) no-repeat right top;
}

.iniciDreta .entry {
	margin-top: 0px;
	padding: 0px 7px 0px 7px;
	background: url(Images/imgbgsmall.gif) repeat-y;
}

.iniciDreta .bottom {
	margin: 0;
	padding: 0 30px 0 30px;
	height: 8px;
	background: url(Images/imgbottomsmall.gif) no-repeat left bottom;
}

.titol {color: #FFFFFF; font-style:italic ; font:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold;}
.titolGestio {color: #333366; font-style:italic ; font:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold;}

.data {font-style:italic; font-size:10px; color:#999999}

.iniciEsquerra {
	width: 665px;
	float: left;
	margin-top: 20px !ie7; _margin-top: 20px;
	margin-left: 2.45%; margin-left: 24px !ie7; _margin-left: 13px;
}

.iniciEsquerra .title {
	margin-bottom: 0px;
}

.iniciEsquerra .titlelittle {
	margin: 0;
	height: 8px;
	background: url(Images/imgtopmedium.gif) no-repeat right top;
}

.iniciEsquerra .title h2 {
	padding: 7px 7px 0 7px;
	color: #FFFFFF;
	font-style: italic;
	font: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 0px;
	background: url(Images/imgtopmedium.gif) no-repeat right top;
}

.iniciEsquerra .entry {
	margin-top: 0px;
	padding: 0px 7px 0px 7px;
	background: url(Images/imgbgmedium.gif) repeat-y;
}

.iniciEsquerra .bottom {
	margin: 0;
	padding: 0 30px 0 30px;
	height: 8px;
	background: url(Images/imgbottommedium.gif) no-repeat left bottom;
}

.llistaItems {background-color:#F4F4F4; color:#333; font-size:14px; padding:5px;border: 1px solid #000000;}
	.llistaItems .tipus{color:#5050bb; font-size:10px}
	.llistaItems p{padding-left:inherit; margin-top:2px; font-size:12px; color:#000;}
	.llistaItems .titol {color: #666666; font-style:italic ; font:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold }
	.llistaItems .data{font-style:italic; font-size:10px; color:#999999}
	.llistaItems b{color: #440000; font-style:italic ; font:Arial, Helvetica, sans-serif; font-weight:bold;}
    .llistaItems img{border-width: 0px;}

.llistaLinks {background-color:#F4F4F4; color:#333; font-size:12px; font-weight:bold; margin: auto; padding:5px; border: 1px solid #000000;}
	.llistaLinks .tipus{color:#993300; font-size:10px}
	.llistaLinks b{color: #440000; font-style:italic ; font:Arial, Helvetica, sans-serif; font-weight:bold;}
	.llistaLinks p{padding-left:inherit; margin-top:2px; margin-bottom:3px}
        .llistaLinks a:link{font-weight:none}
        .llistaLinks a:visited{font-weight:none}
        .llistaLinks a:hover{font-weight:none}

.llistaAP {background-color:#F4F4F4; width:450px; color:#333; font-size:14px; padding: 5px; border: 1px solid #663300; float: left;}
	.llistaAP .tipus{color:#993300; font-size:10px}
	.llistaAP p{padding-left:inherit; margin-top:2px; font-size:12px; color:#000;}
	.llistaAP .titol {color: #666666; font-style:italic ; font:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold }
	.llistaAP .data{font-style:italic; font-size:10px; color:#999999}
	.llistaAP b{color: #440000; font-style:italic ; font:Arial, Helvetica, sans-serif; font-weight:bold;}

.llistaItemsAP {background-color:#F4F4F4; width:450px; color:#333; font-size:12px; padding: 5px; border: 1px solid #663300; float: right;}
	.llistaItemsAP .tipus{color:#993300; font-size:10px}
	.llistaItemsAP b{color: #440000; font-style:italic ; font-size:14px; font:Arial, Helvetica, sans-serif; font-weight:bold;}
	.llistaItemsAP p{padding-left:inherit; margin-top:2px; margin-bottom:3px}
        .llistaItemsAP a:link{font-weight:none}
        .llistaItemsAP a:visited{font-weight:none}
        .llistaItemsAP a:hover{font-weight:none}

a:link{text-decoration:none;color:#26264c;font-weight:bold}
a:visited{text-decoration:none;color:#26264c;font-weight:bold}
a:hover{text-decoration:none;color:#5a5aaa;font-weight:bold}

.quadreCerca {background-color:#F4F4F4; height: 45px; color:#333; font-size:12px; font-weight:bold; margin: auto; padding: 5px; border: 1px solid #000000;}

.curs {
	width: 947px;
	margin: auto;
	margin-top: 20px;
	background: url(Images/img05.gif) repeat-x;
}

.curs .title {
	background: url(Images/img07.gif) no-repeat right top;
}

.curs .title h2 {
	padding: 7px 7px 0 7px;
	background: url(Images/img06.gif) no-repeat;
	color: #FFFFFF;
	font-style: italic;
	font: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 0px;
}

.curs .entry {
	margin-top: 0px;
	padding: 5px 7px 0 7px;
	background: url(Images/imgbgbig.gif) repeat-y;
}

.curs .bottom {
	margin: 0;
	padding: 0 30px 0 30px;
	height: 8px;
	background: url(Images/imgbottombig.gif) no-repeat left bottom;
}
	
.document {
	width: 947px;
	margin: auto;
	margin-top: 20px;
}
	.document .camp {color: #666666; font-size:12px; font-weight:bold; font-style:normal}
	.document .info_mostra {width:921px; margin-bottom:10px; border:#996633; border-width:thin; border-style:outset; padding: 5px; font-style:italic; font-size:12px; color:#003399; background:#E7EDF0}
	.document .info_ocult {display: none;}
	.document a:link{text-decoration:none;color:#003399; background-color:#E7EDF0; font-size:10px}
	.document a:visited{text-decoration:none;color:#003399; background-color:#E7EDF0; font-size:10px}
	.document a:hover{text-decoration:none;color:#000000; background-color:#E7EDF0; font-size:10px}

.document .title {
	margin-bottom: 0px;
}

.document .title h2 {
	padding: 7px 7px 0 7px;
	color: #FFFFFF;
	font-style: italic;
	font: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 0px;
	background: url(Images/imgtopbig.gif) no-repeat right top;
}

.document .entry {
	margin-top: 0px;
	padding: 5px 7px 0 7px;
	background: url(Images/imgbgbig.gif) repeat-y;
}

.document .bottom {
	margin: 0;
	padding: 0 30px 0 30px;
	height: 8px;
	background: url(Images/imgbottombig.gif) no-repeat left bottom;
}
	
.ocult { display: none; }

.visible { display: inline; }

.quadreGran {
	width: 947px;
	margin: auto;
	margin-top: 20px;
	background: url(Images/img05.gif) repeat-x;
}

.quadreGran .title {
	background: url(Images/img07.gif) no-repeat right top;
}

.quadreGran .title h2 {
	padding: 7px 7px 0 7px;
	background: url(Images/img06.gif) no-repeat;
	color: #FFFFFF;
	font-style: italic;
	font: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 0px;
}

.quadreGran .entry {
	margin-top: 0px;
	padding: 5px 7px 0 7px;
	background: url(Images/imgbgbig.gif) repeat-y;
}

.quadreGran .bottom {
	margin: 0;
	padding: 0 30px 0 30px;
	height: 8px;
	background: url(Images/imgbottombig.gif) no-repeat left bottom;
}

.menuGestio {background-color:#f4f4f4; width:250px; float:left; margin-left: 40px; margin-left:3% !ie7; _margin-left:1.3%; margin-top:20px; border: 1px solid #666666; padding: 5px}

.quadreGestio {
	width: 280px;
	float: left;
	margin-top: 20px !ie7; _margin-top: 20px;
	margin-left:370px; margin-left:370px !ie7; _margin-left:18.5%;
	margin-bottom:20px;
}

.quadreGestio .title {
	margin-bottom: 0px;
}

.quadreGestio .title h2 {
	padding: 7px 7px 0 7px;
	color: #FFFFFF;
	font-style: italic;
	font: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 0px;
	background: url(Images/imgtopsmall.gif) no-repeat right top;
}

.quadreGestio .entry {
	margin-top: 0px;
	padding: 5px 7px 0 7px;
	background: url(Images/imgbgsmall.gif) repeat-y;
}

.quadreGestio .bottom {
	margin: 0;
	padding: 0 30px 0 30px;
	height: 8px;
	background: url(Images/imgbottomsmall.gif) no-repeat left bottom;
}


.gestioDreta {background-color:#f4f4f4; float:right; width:630px; margin-right:40px; margin-right: 3% !ie7; _margin-right: 1.3%; margin-bottom:20px; margin-top:20px; padding:10px; border: 1px solid #666666}

.gestioDretaBD {
	width: 665px;
	float: right;
	margin-top: 20px !ie7; _margin-top: 20px;
	margin-right:30px; margin-right: 3% !ie7; _margin-right: 1.3%;
	margin-bottom:20px;
}

.gestioDretaBD .title {
	margin-bottom: 0px;
}

.gestioDretaBD .title h2 {
	padding: 7px 7px 0 7px;
	color: #FFFFFF;
	font-style: italic;
	font: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 0px;
	background: url(Images/imgtopmedium.gif) no-repeat right top;
}

.gestioDretaBD .entry {
	margin-top: 0px;
	padding: 5px 7px 0 7px;
	background: url(Images/imgbgmedium.gif) repeat-y;
}

.gestioDretaBD .bottom {
	margin: 0;
	padding: 0 30px 0 30px;
	height: 8px;
	background: url(Images/imgbottommedium.gif) no-repeat left bottom;
}

#quiSom {background:#F4F4F4; padding:5px; color:#333; border: 1px solid #000000;}

.img {background: #FFF; float: left; padding: 1px; margin: 5px 8px 5px 0; color: #333; border: 1px solid #e0e0e0; }

.box {background: #E7EDF0; padding: 5px; border: 1px solid #999; color: #333; }

#paginacio {font-size:14px; padding:5px; text-decoration:none; color: #f4f4f4; font-weight:bold;}
#paginacio a:link {background-color:none; text-decoration:none; color: #5050bb}
#paginacio a:visited {background-color:none; text-decoration:none; color: #5050bb}
#paginacio a:hover {background-color:#f4f4f4; text-decoration:none; color: #333366}