/*********************** GALERIA DESTACATS ********************************/

#galeria-destacats { visibility: hidden;border:1px solid #333!important;}
#galeria-destacats h1 { font-size:15px;padding:5px;color:#C5DA01;}
#galeria-destacats p { font-size:12px;padding:0 0 0 5px;}

.gallery {  }
.loader { background: url(../img/loader.gif) center center no-repeat #ddd; }
.panel {}
.panel .panel-overlay,
.panel .overlay-background { padding: 0 1em; }
.panel .overlay-background { background: #222; }
.panel .panel-overlay { color: white; font-size: 0.7em; }
.panel .panel-overlay a { color: white; text-decoration: underline; font-weight: bold; }
.filmstrip { margin: 5px;}
.frame {}
.frame .img_wrap { border: 1px solid #aaa; }
.frame.current .img_wrap { border-color: #000; }
.frame img { border: none; }
.frame .caption { font-size: 11px; text-align: center; color: #888; }
.frame.current .caption { color: #000; }
.pointer {border-color: #000;}

/****************** 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.formacio h2
{
color:#001D81;
background:url(../img/punt-blau.gif) 10px 7px no-repeat;
width:80px;
float:left;
}

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

}

div.destaquem h2
{
color:#F33600;
width:130px;
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.formacio ul li
{
background:url(../img/fletxa-verda.gif) no-repeat 0 3px;
font-size:10px;
}
div.formacio ul li span
{
font-size:12px;
}
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.formacio
{
background:#F6F7EE;
}

div.bloc div.video
{
border:none;
padding:0!important;
}

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

/*div#ultim-video
{
padding:0;
margin:0;
background:#F8F8F9;
}

*/

/* styling of the container. */ /*
a.myPlayer { 
    display:block; 
    width: 100%; 
    height:240px;  
	text-align:center;
    float:left; 
    border:1px solid #CBCBCB; 
} */
 
/* play button */ /*
a.myPlayer img { 
    margin-top:70px; 
    border:0px; 
} 
 
*/

/*****************************************  FINAL VIDEO ******************************************************/

/*****************************************  INICI VIDEO ******************************************************/

div#ultim-video
{
padding:5px;
margin:0 auto 0 auto;
width:270px;
height:263px;
}


div.video-fons
{
background:#000;
height:273px;
}
div.video-text
{
font-size:11px;
height:28px;
color:#183152;
padding:3px 5px 3px 5px;
}

/*****************************************  FINAL VIDEO ******************************************************/


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