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

position:absolute;
}

/****************** 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.bloc h2 span
{
font-size:10px;
}


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

div.formacio div.veure-totes
{
width:55px!important;
}

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

}

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

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

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

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



div.formacio ul li
{
background:url(../img/fletxa-verda.gif) no-repeat 0 3px;
}
div.destaquem ul li
{
background:url(../img/fletxa-taronja.gif) no-repeat 0 3px;
}

div.dades 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.formacio
{
background:#EFF2FB;
}

div.bloc div.cursos ul
{
font-size:10px;
}

div.bloc div.cursos span
{
font-size:12px;
}

div.bloc div.dades
{
background:#F6F7EE;
line-height:22px;
}

div.bloc div.dades a
{
text-decoration:underline;
}

div.bloc div.video
{
background:#C1C4CB;
padding:0!important;
}

div#mapa
{

height:400px;
font-size:11px;
}

div#mapa img 
{
margin:0 0 10px 0;
}


div.bloc div.destaquem
{
background:#F8F8F9;
}

div.bloc div.benvinguda
{

background:#fff!important;
/*height:225px!important;*/
padding:0!important;
border:none!important;
}

div.bloc div.benvinguda img
{
border:1px solid #C0D72F;
width:344px;
}

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


div.documents-rel h2
{
color:#001D81;
background:url(../img/punt-blau.gif) 10px 7px no-repeat;
width:210px;
float:left;
}

div.bloc div.documents-rel
{
background:#fff;
}

div.documents-rel ul li
{
padding:0;
}

div.documents-rel ul li a
{
background:url(../img/pdf.gif) no-repeat 0 3px!important;
padding:3px 0 3px 25px;
}




/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */





/* Tabs
----------------------------------*/
div#requadre
{

border:1px solid #C7C7C7;border-top:none;background:#F8F8F9;padding:10px;color:#001D81;line-height:18px;
}

div#requadre p 
{
margin:0 0 15px 0;
}

div#requadre ul li
{
background:url(../img/punt-taronja.gif) no-repeat 0 8px;
padding:0 0 0 10px;
margin:12px 0 12px 0;
}

div#requadre ul 
{
list-style:none!important;
}

div#requadre img{
float:left;
margin:0 10px 10px 0;
}

.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: 0 0 0 200px;width:410px!important;margin:0 0 0 0;}
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 0 -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: 2px 10px 2px 10px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 3px; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }


/* Component containers
----------------------------------*/



.ui-widget-content a { color: #001D81/*{fcContent}*/; }
.ui-widget-header { border-bottom: 1px solid #aaaaaa;}
.ui-widget-header a { color: #001D81/*{fcHeader}*/; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #C7C7C7;background: #fff;font-weight: normal; color: #001D81; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color:#001D81; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #C7C7C7; background: #F8F8F9; font-weight: normal; color: #001D81; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #001D81/*{fcHover}*/; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #C7C7C7/*{borderColorActive}*/; background: #F8F8F9; font-weight: normal; color: #001D81; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #001D81/*{fcActive}*/; outline: none; text-decoration: none; }




img.mini
{
margin-top:10px;
border:1px solid #ece8e3;
width:75px;
}


div.formacio
{
background:#c5da01;
padding:2px 0 0 0;
}

div.formacio div.formacio
{
padding-left:10px;
padding-top:5px;
background:#F6F7EE url(../img/fletxa-formacio.gif) 10px 0px no-repeat;
}

div.formacio div.veure-totes
{
padding-right:5px;

}


div.formacio h2
{
color:#001D81;
width:160px;
float:left;
padding:1px 0 1px 10px;
background-image:none;
}


div.formacio ul li
{
background:url(../img/fletxa-verda.gif) no-repeat 0 3px;
padding-right:5px;
}
div.formacio ul li span
{
font-size:12px;
}




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


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


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


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 ******************************************************/