/******************************************* INICI DESTACATS ************************************************************/



/* 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
{
background:#F2F2F2;padding:8px;margin:-5px 0 0 0;
}

div#requadre div
{
line-height:17px;
font-size:12px;
}

div#requadre a
{
color:#1A2968;
}


div#requadre img
{
width:586px;
border:1px solid #1A2968;
}

div#requadre h1
{
font-size:12px;
color:#A9BA2A;
margin:5px 0 5px 0;
}


.ui-tabs { padding:0;}
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: 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; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { 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; } 
.ui-tabs .ui-tabs-panel { padding: 3px; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }



/* Interaction states
----------------------------------*/

.ui-state-active span {background:url(../img/destacats-on.gif) 50% bottom  no-repeat;display:block;padding:3px 7px 12px 7px;}
.ui-state-default span {display:block;padding:3px 5px 12px 5px;margin-right:3px;}

.ui-state-default, .ui-widget-content .ui-state-default { background: #7C86B1 url(../img/destacats-inactiu.gif);font-weight: normal; color: #001D81; outline: none;}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color:#fff; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { font-weight: normal; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover {  color: #C2D62E/*{fcHover}*/; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active {background: #1A2968 url(../img/destacats-actiu.gif); font-weight: normal; color: #fff; outline: none;}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #fff/*{fcActive}*/; outline: none; text-decoration: none; }
/******************************************* FINAL DESTACATS ************************************************************/


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

#agenda {height: 120px;font-size:11px;}
			
.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: 7px;background: url(../img/scroll/pimec_arrow_up.png) no-repeat 0 -30px;}
.agenda a.jScrollArrowUp:hover {background-position: 0 0;}
.agenda a.jScrollArrowDown {height: 7px;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;
}


div.agenda ul 
{

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 span
{
color:#A9BA2A;
font-weight:normal;
}



div.agenda ul li a
{
display:block;
font-weight:bold;
margin:0 0 5px 0;
}