div#galeria h2
{
 padding:0;
font-size: 14px;
text-transform:uppercase;
font-weight:bold;
color:#f33600;
margin:0 0 2px 0;
}

div#galeria {
	border:1px solid #b5b4b4;
	background: #F0F0F0;
	width:608px;
	height:320px;
}


div.main_image {
	width: 405px; 
	height: 320px;
	float: right;
	position: relative;
	overflow: hidden;
	color: #fff;
	text-align:left;
}

.main_image   img  { 
	width: 405px; 
	height: 320px;
	}
	
	

.image_thumb { float: left;
	width:193px;
	text-align:left;}
	
.image_thumb img { float:left; }


.image_thumb ul li{
	margin: 0;
	background:#fff url(../img/nav_a.gif) 0 bottom repeat-x;
	width: 187px;
	height:43px;
	float: left;
	border: 1px solid #ccc;
	border-top:none;
	border-left:none;
	padding:15px 5px 5px 10px;
}

.image_thumb ul li.ultim{
	border-bottom:none;
}

.image_thumb ul li.hover {
	background: #edeff6;
	cursor: pointer;
}
.image_thumb ul li.active {
	background: #edeff6;
	cursor: default;
}


.active  ul li div.block {

}


.image_thumb ul li.hover    { background: #edeff6 repeat-x bottom; cursor: pointer;}
.image_thumb ul li.active   { background:#edeff6 repeat-x bottom; cursor: default;}
.image_thumb ul li .block   { float: right;display:none;}

.image_thumb ul li p    { padding: 0.1em 0 0 !important; color:#666666; font-size:1em; word-wrap:break-word; width:100%; }
.image_thumb ul li p a  { color:#7d7d7d; font-weight:bold; text-decoration:underline; }
.image_thumb ul li p a:hover    { color:#000; font-weight:bold; text-decoration:none; }
.image_thumb ul li div.act          { float: none; position: relative; visibility: visible; width:105%; height:100%;} /*position: absolute;*/
.image_thumb ul li.active div.act   { float: none; z-index:1; position: relative;  visibility: visible; background: url(../img/act.gif) no-repeat right 50%; width:108%; height:100%; }

.image_thumb ul li div.block          { visibility: hidden;} /*position: absolute;*/

.caj-carr { overflow:hidden;  text-align: left; width:100%; height: 320px;}


.image_thumb ul li p{}

.main_image p   { padding: 0; margin: 0;color:#fff;}
.main_image a   { text-decoration:none;color:#fff;}
.main_image a:hover     { text-decoration:none;}
.main_image a p             {margin-top:.3em;font-size:13px;line-height:18px;}
.main_image h3  strong  { color:#C4D900;font-size: 19px; line-height: 1em;padding: 0.6em 0;}
.main_image .desc   { position: absolute; bottom:0em; left:0; width: 99.9%; display:none;cursor: pointer; filter:alpha(opacity=85);
 -moz-opacity:0.85;
 opacity: 0.85;
}


.main_image .block  { padding: 1em 2em 1.6em 1.5em; background:#000; line-height: 1.2em; width:auto;}

.main_image .block:hover  { background:#000;}


.main_image a.collapse {
 background: url(../img/btn_collapse.gif) no-repeat left top; 
 height:27px; width:93px; text-indent:-99999px; position:absolute; top:-27px; right:20px;border:1px solid red !important; }





/*********************** 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
{
background:#c5da01;
padding:2px 0 0 0;
}

div.formacio div.formacio
{
padding-left:10px;
background:red url(../img/punt-blau.gif) 10px 50px no-repeat;
}

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

}


div.formacio h2
{
color:#001D81;
width:80px;
float:left;
padding:1px 0 1px 10px;
}

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:160px;
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.formacio div.formacio
{
padding-left:10px;
padding-top:5px;
background:#F6F7EE url(../img/fletxa-formacio.gif) 10px 0px no-repeat;
}

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

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

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

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

div.gran div.requadre
{
height:386px!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 ******************************************************/

div.login h2
{
color:#DE390C;
background:url(../img/privada.gif) no-repeat 2px 0px;
}

div.bloc div.login
{
background:#F9F1EF;
}

div.bloc div.login input.camp
{
border:1px solid #D1D0D0;
padding:2px;
font-family: Arial, Verdana, Helvetica, sans-serif;
width:97%;
}

div.bloc div.login label.l4
{
float:left;
width:100%;
}

div.bloc div.login label.l3
{
text-align:center;
padding:0 40px 0 40px;
}

div.bloc div.login   input.boto
{
margin:5px auto 0 auto;
cursor:pointer;
width:74px;
height:20px;
background: url(../img/cerca-vermell.gif);
border:none;
font-size:11px;
font-weight:bold;
color:#fff;
padding:0;
text-align:center;
}

div.oblidat
{
font-size:10px;
text-align:center;
}

div.oblidat a
{
text-decoration:underline;
}

div.error
{
margin:5px 0 0 0;
font-size:11px;
text-align:center;
text-transform:uppercase;
font-weight:bold;
color:#DE390C;
}