

h1
{
font-size:13px;
color:#001D81;
margin:0 0 5px 0;
background:url(../img/punts.gif) no-repeat 0 5px;
padding:0 0 0 25px;
width:270px;
float:left;
}


ul.resultat
{
list-style:none;
line-height:18px;
}

ul.resultat li
{

margin:5px 0 5px 0;
padding:5px 5px 5px 20px;
background-repeat:no-repeat!important;
background-position:5px 10px!important;
}

ul.resultat li.a1
{
background:#fff;
}

ul.resultat li.a2
{
background:#F8F8F9;
}

ul.resultat li.verd
{

background-image: url(../img/fletxa-verda.gif);

}

ul.resultat li.blau
{

background-image: url(../img/fletxa-blava.gif);
}

ul.resultat li.taronja
{

background-image:url(../img/fletxa-taronja.gif);
}


ul.resultat li span
{
color:#F33600;
font-weight:bold;
}

ul.resultat li.verd span
{
color:#9DAF00;
font-weight:bold;
}
ul.resultat li.blau span
{
color:#001D81;
font-weight:bold;
}
ul.resultat li.taronja span
{
color:#F33600;
font-weight:bold;
}



ul.resultat li span.data
{
font-size:10px;
font-weight:normal;
}



ul.resultat li a
{
text-decoration:none;
display:block;
}

ul.resultat li a:hover
{
text-decoration:underline;
}

/****************** AGENDA *******************************/

#agenda {height: 150px;}
			
.agenda .jScrollPaneTrack {background: url(../img/scroll/pimec_track.gif) repeat-y;}
.agenda .jScrollPaneDrag {background: url(../img/scroll/pimec_drag_middle.gif) repeat-y;}
.agenda .jScrollPaneDragTop {background: url(../img/scroll/pimec_drag_top.gif) no-repeat;height: 6px;}
.agenda .jScrollPaneDragBottom {background: url(../img/scroll/pimec_drag_bottom.gif) no-repeat;height: 7px;}
.agenda a.jScrollArrowUp {height: 24px;background: url(../img/scroll/pimec_arrow_up.png) no-repeat 0 -30px;}
.agenda a.jScrollArrowUp:hover {background-position: 0 0;}
.agenda a.jScrollArrowDown {height: 24px;background: url(../img/scroll/pimec_arrow_down.png) no-repeat 0 -30px;}
.agenda a.jScrollArrowDown:hover {background-position: 0 0;}
.left .jScrollPaneTrack {left: 0;right: auto;}
.left a.jScrollArrowUp {left: 0;right: auto;}
.left a.jScrollArrowDown {left: 0;right: auto;}
* html .agenda .jScrollPaneDragBottom {bottom: -1px;}


/********************* SCROLL *************************************/

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
	background: #fff;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #fff;
}
.jScrollPaneDrag {
	position: absolute;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 9px;
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 9px;
}


/*****************************************BLOCS ************************************************************/



div.destaquem h2
{
color:#F33600;
width:80px;
float:left;
background:url(../img/punt-taronja.gif) 10px 7px no-repeat;
}

div.agenda h2
{
color:#F33600;
width:80px;
float:left;
background:url(../img/punt-taronja.gif) 10px 7px no-repeat;
}

div.nuvol h2
{
color:#001D81;
background:url(../img/punt-blau.gif) 10px 7px no-repeat;
}

div.destaquem ul li
{
background:url(../img/fletxa-taronja.gif) no-repeat 0 3px;
}
div.agenda ul 
{
font-size:10px;
padding:0!important;
}

div.agenda ul li, div.agenda p
{
padding:0;
margin:0;
padding:5px;
width:330px;
}

div.agenda p
{
font-weight:bold;
}

div.agenda ul li a
{
display:block;
padding:3px 0 3px 0;

}

div.agenda ul li.a1
{
background:#fff;
}

div.agenda ul li.a2
{
background:#F8F8F9;
}

div.agenda ul li span
{
font-size:11px;
}



div.bloc div.nuvol
{
background:#fff;
}

div.bloc div.destaquem
{
background:#F8F8F9;
height:200px!important;
}

div.bloc div.agenda
{
background:#F8F8F9;
padding:0!important;
}



/*****************************************  INICI NUVOL DE TAGS ******************************************************/

div.requadre ul.nuvol li
{
display:inline;
background:none;
padding:2px!important;
}

div.requadre ul.nuvol 
{
line-height:20px;
padding:0 3px 0 3px!important;
}

li.n1 a
{
font-size:11px;
}
li.n2 a
{
font-size:13px;
}
li.n3 a
{
font-size:15px;
}
li.n4 a
{
font-size:18px;
}



/*****************************************  FINAL NUVOL DE TAGS ******************************************************/

