/* CSS Document */
body { font-family:Arial, Helvetica, sans-serif; background:#fff; color:#666;}
a { text-decoration:none;}
br.clear {font-size: 1px; line-height: 1px; font-weight: normal; clear:both; height:1px;}


/* LAYOUT */
#marc { width:954px; margin:0 auto}
	#utils { height:42px; padding:4px 8px 0 18px}
	#idiomes { height:42px; padding:4px 0 0 18px; float: right}
	#video { width:928px; height:389px; padding:14px 13px 0 13px; background: url(../img/skin/bg_video.gif) no-repeat; } 
		#mascota {  width:300px; height:365px; padding:5px; float:right;}
		#videoFlash { width:608px; height:341px; margin-left:1px; background: #E6E6E6;}
		#menuPrincipal { margin-top:4px} 
	#continguts { margin: 2px 0 0 0}
		#central { width: 635px; float:left;}
		#dreta { width: 316px; float:left; padding-left:3px;}
		#destacats { clear:both; width:100%}
	#peu { clear:both; margin:10px 0 8px 0; padding:4px 0 0 18px; font-size:12px}		


/* UTILS */
#utils ul { float: left; font-size:12px; color:#FF0000; width: 700px}
#utils ul#idiomes { float:right; padding-right: 3px; margin-top:-2px; width: auto}
#utils li { margin:0; padding:0 7px 0 0; display:inline; }
#utils a { color:#666; text-decoration:underline}
#utils a:hover { color:#000; background:#FFFF00; text-decoration:none}
#utils li.separacio { margin:0; padding:0 7px 0 10px; background: url(../img/skin/bg_utils.gif) left 3px no-repeat;}
#utils strong { color:#666; font-weight:bold;}
#utils input { vertical-align:middle}
#utils input.text { font-size:11px; color:#666; margin:0 10px; padding:1px 6px;}	


/* VIDEO */
/* menu Principal */
#menuPrincipal ul li { display: inline;}
#menuPrincipal ul li a { font-size:12px; color:#666; font-weight:bold; width:130px; height:21px;margin-right:3px; padding:5px 10px; float: left; background: url(../img/skin/bt_menu.gif) no-repeat }
#menuPrincipal ul li a:hover { color:#000; background: url(../img/skin/bt_menu_over.gif) no-repeat;}
#menuPrincipal ul li.actiu a, #menuPrincipal ul li.actiu a:hover { color:#666; background: url(../img/skin/bt_menu_a.gif) no-repeat }
/* mascota */
#mascota h1 { display:none}
#mascota #mascotaText { padding: 247px 0 0 13px;}
#mascota h2 { font-size:11px; font-weight:normal; margin-bottom:3px}
#mascota h3 { font-size:16px; font-weight:normal; line-height:18px}
#mascota #logoFutura { text-align:right}
#mascota strong { font-weight:bold}
#mascota a { color:#666; text-decoration:underline}
#mascota a:hover { color:#000; background: #FFFF00; text-decoration:none}
#mascota p { text-align:left}
.mascota_1 { background:url(../img/mascota_1.jpg) no-repeat}
.mascota_2 { background:url(../img/mascota_2.jpg) no-repeat}
.mascota_3 { background:url(../img/mascota_3.jpg) no-repeat}
.mascota_4 { background:url(../img/mascota_4.jpg) no-repeat}


/* PEU */
#peu p {margin-bottom:5px; line-height:15px}
#peu strong { color:#000; font-weight:normal; display:block}
#peu ul { font-size:11px; color:#666;}
#peu li { margin:0; padding:0 7px 0 0; display:inline}
#peu a { color:#666; text-decoration:underline }
#peu a:hover { color:#000; background:#FFFF00; text-decoration:none}
#peu li.separacio { margin:0; padding:0 7px 0 10px; background: url(../img/skin/bg_utils.gif) left no-repeat;}


/* CONTINGUT */
.modul { margin-bottom:2px}
.modul .modulTitol { height:29px; padding: 10px 25px 0 14px}
.modul .modulImg { padding: 0 8px 1px 6px;}
.modul .modulText { padding: 0 8px 1px 6px}
.modul .modulPeu { height:31px; padding: 10px 25px 0 15px}
.modul .titol { float:left; font-size:14px; padding-left:15px; background:url(../img/skin/icon_plus.gif) left 6px no-repeat; line-height:22px}
.modul .titol strong { font-size:18px; font-weight:bold;}


/* contingut CENTRAL */
#central .modul .modulTitol { width:596px; background: url(../img/skin/bg_modul01_titol.gif) no-repeat}
#central .modul .modulText { width:621px; background: url(../img/skin/bg_modul01_text.gif) repeat-y}
#central .modul .modulImg { width:621px; background: url(../img/skin/bg_modul01_text.gif) repeat-y}
#central .modul .modulPeu { width:595px; background: url(../img/skin/bg_modul01_peu.gif) no-repeat}
/* general */
#central .modul .modulText #tags_portfolio{ padding: 8px 0 14px 14px; border-top: 1px solid #D9D9D9; margin-bottom: 2px;}
#central .modul .modulText #tags_portfolio a{ text-decoration:none; color:#999999;}
#central .modul .modulText #tags_portfolio a:hover{ text-decoration:none; color:#CCCCCC; }
#central .modul .modulText #tags_portfolio h3 { font-size:11px; font-weight:normal; padding:0 0 6px 0}
#central .modul .modulTitol .titol strong { font-size:18px; font-weight:bold}
#central .modul .modulText .text { padding: 13px 17px;} 
#central .modul .modulText .gris { background-color:#F2F2F2}
#central .modul .modulText img.ilustra { padding: 10px 0 0 0;} 
#central .back { float:right; font-size:11px; padding: 0 0 0 0}
#central .modul .modulTitol .back { float:right; font-size:11px; padding-top: 8px}
#central .back a { color:#666;  padding-left: 9px; background:url(../img/skin/icon_back.gif) 1px 5px no-repeat; text-decoration: underline}
#central .back a:hover { color:#000; text-decoration:none; background: url(../img/skin/icon_back_a.gif) 1px 5px no-repeat #FFFF00}
#central h2 { font-size:24px; font-weight:bold; color:#000;}
#central h3 { font-size:18px; font-weight:normal; color:#666; padding-top:3px}
#central h4 { font-size:13px;  margin-bottom:3px}
#central h4 a { color:#666; text-decoration:underline; }
#central h4 a:hover{color:#000; background:#FFFF00; text-decoration:none}

#central p { font-size:14px; color:#666; padding-top:16px; line-height: 17px; text-align:justify}
#central p.subTitol { font-size:14px; color:#666; padding-top:3px; line-height: 17px}
#central p a { color:#666; text-decoration:underline}
#central p a:hover { color:#000; background: #FFFF00; text-decoration:none }
#central strong { font-weight:bold}
/* llistats */
#central .modulText ul.llistat li { position:relative; background: #FFF; border: 1px solid #D9D9D9; padding-right: 15px; margin-bottom: 2px; height:142px; overflow:hidden}
#central .modulText ul.llistat li h4 { font-size:18px; font-weight:bold; background:url(../img/skin/icon_punt.gif) 1px 9px no-repeat; padding:1px 0 0 10px}
#central .modulText ul.llistat li h4 span { font-size: 16px; font-weight:normal; color:#666; padding:0 1px; margin-left:4px}
#central .modulText ul.llistat li h4 span a { font-size: 16px; font-weight:normal; color:#666; text-decoration:underline;}
#central .modulText ul.llistat li h3 { font-size:11px;  margin-bottom:3px}
#central .modulText ul.llistat li h3 a {; color:#666; text-decoration:underline; }
#central .modulText ul.llistat li h3 a:hover{color:#000; background:#FFFF00; text-decoration:none}
#central .modulText ul.llistat li h4 a:hover { color:#000; background:#FFFF00; text-decoration:none}
#central .modulText ul.llistat li p { font-size: 12px; font-weight:normal; line-height: 13px; margin:0; padding:6px 0 0 0; text-align:justify}
#central .modulText ul.llistat li p a { color:#666; text-decoration:underline; background:url(../img/skin/icon_more.gif) 1px 3px no-repeat; padding-left: 17px}
#central .modulText ul.llistat li p a:hover { color:#000; text-decoration:none; background:url(../img/skin/icon_more_a.gif) 1px 3px no-repeat #FFFF00;}
#central .modulText ul.llistat li div.textLlistat {  position:relative; padding: 6px 0 0 5px; width:352px; float: right}
#central .modulText ul.llistat li.novetat { background:url(../img/skin/icon_new.gif) 582px 4px no-repeat}
#central .modulText ul.llistat li div.imatgeLlistat { padding: 8px 0 8px 14px;}
#central .modulText ul.llistat li div.ampliarInfo, #central .modulText ul.llistat li div.afegirProjecte { position: absolute; top: 115px; z-index:1;}
#central .modulText ul.llistat li div.ampliarInfo a { font-size:11px; font-weight:bold; color:#FFF; background:url(../img/skin/bt_ampliar.gif) no-repeat; width:36px; height:14px; display:block; padding:2px 0 0 22px}
#central .modulText ul.llistat li div.ampliarInfo a:hover { color:#666;  background:url(../img/skin/bt_ampliar_a.gif) no-repeat;}
#central .modulText ul.llistat li div.afegirProjecte { font-size:11px; color:#FF0000; font-weight:bold}
#central .modulText ul.llistat li div.afegirProjecte a { font-size:11px; font-weight:bold; color:#FFF; background:url(../img/skin/bt_afegir.gif) no-repeat; width:106px; height:14px; display:block; padding:2px 0 0 7px}
#central .modulText ul.llistat li div.afegirProjecte a:hover { color:#666;  background:url(../img/skin/bt_afegir_a.gif) no-repeat;}
#central .modulText ul.llistat li div.trans { position:absolute; background:#666; top:8px; left:14px; width:223px; height:126px; z-index:2;filter:alpha(opacity=34);-moz-opacity:.34;opacity:.34}
#central .modulText ul.llistat li.seleccionat { background-color:#CBCBCB!important}

/* mosaic */
#central .modulText ul.llistatMosaic li { position:relative; display:inline; float:left; margin-left:1px}
#central .modulText ul.llistatMosaic li.novetat div.textLlistat { background:url(../img/skin/icon_new.gif) 118px 86px no-repeat;}
#central .modulText ul.llistatMosaic li div.textLlistat { float:left; position:relative; width:147px; height:147px; margin:0 1px 3px 0; padding:3px 2px 0 2px; border: 1px solid #D9D9D9; overflow:hidden}
#central .modulText ul.llistatMosaic li img { width:147px}
#central .modulText ul.llistatMosaic li h3 { font-size:11px; font-weight:bold; margin: 2px 0 2px 3px;}
#central .modulText ul.llistatMosaic li h4 { font-size: 11px; font-weight:normal; color:#666; margin: 2px 0 0 2px; padding:0 1px;}
#central .modulText ul.llistatMosaic li div.afegirProjecte { position:absolute; top:130px; left:4px; font-size:11px; color:#FF0000; font-weight:bold}
#central .modulText ul.llistatMosaic li div.afegirProjecte a { font-size:11px; font-weight:bold; color:#FFF; background:url(../img/skin/bt_afegir.gif) no-repeat; width:106px; height:14px; display:block; padding:2px 0 0 7px}
#central .modulText ul.llistatMosaic li div.afegirProjecte a:hover { color:#666;  background:url(../img/skin/bt_afegir_a.gif) no-repeat;}
#central .modulText ul.llistatMosaic li div.trans { position:absolute; background:#666; top:3px; left:3px; width:147px; height:83px; z-index:2;filter:alpha(opacity=34);-moz-opacity:.34;opacity:.34}
#central .modulText ul.llistatMosaic li.seleccionat div { background-color:#CBCBCB!important}

/* galeria */
#central .modulText ul.galeria { padding:10px 0 20px 3px}
#central .modulText ul.galeria li { display: inline; margin:0 2px}
#central .modulText ul.galeria li img { padding:3px 0;}
/* paginacio */
#central .paginacio { float:right; font-size:11px; padding: 0}
#central .modul .modulTitol .paginacio { float:right; font-size:11px; margin-top: 8px}
#central .paginacio li { display:inline; padding:0 0 0 6px; color:#FF0000}
#central .paginacio li a { color:#666; text-decoration:underline}
#central .paginacio li a:hover { background:#FFFF00; color:#000; text-decoration:none}
#central .paginacio li.anterior a { padding-left: 9px; background:url(../img/skin/icon_back.gif) 1px 5px no-repeat}
#central .paginacio li.anterior a:hover { background:url(../img/skin/icon_back_a.gif) 1px 5px no-repeat #FFFF00}
#central .paginacio li.seguent a { padding-right: 7px; background:url(../img/skin/icon_next.gif) right 5px no-repeat}
#central .paginacio li.seguent a:hover { background:url(../img/skin/icon_next_a.gif) right 5px no-repeat #FFFF00}
/* utilitats */
#central .modul .modulTitol { position:relative}
#central .modul .modulTitol .titol { position: absolute; z-index:1}
#central .modul .modulTitol .utilitats {
	position: absolute;
	font-size:11px;
	margin: 0;
	left: 210px;
	z-index:2
}
#central .modul .modulTitol .utilitats li { display:inline; margin:0 10px 0 0; padding:0 0 0 16px; color:#FF0000}
#central .modul .modulTitol .utilitats li a { color:#666;}
#central .modul .modulTitol .utilitats li a:hover { color:#000; background:#FFFF00}
#central .modul .modulTitol .utilitats li.llistat { background:url(../img/skin/icon_llistat.gif) left 2px no-repeat}
#central .modul .modulTitol .utilitats li.mosaic { background:url(../img/skin/icon_mosaic.gif) left 2px no-repeat}
#central .modul .modulTitol .utilitats li select { font-size:11px; color:#666; background:#F2F2F2; margin-top:2px}


/* contingut DRETA */
#dreta .modul .modulTitol, .modulTitolPlaylist { width:277px; background: url(../img/skin/bg_modul02_titol.gif) no-repeat}
#dreta .modul .modulText { width:302px; background: url(../img/skin/bg_modul02_text.gif) repeat-y}
#dreta .modul .modulPeu { padding: 3px 15px 0 15px; height:38px; width:286px; background: url(../img/skin/bg_modul02_peu.gif) no-repeat}
/* llistat */
#dreta ul.llistat {  text-indent:10px; font-size:14px; line-height:17px; padding:5px}
#dreta ul.llistat li{ padding-bottom: 3px; background:url(../img/skin/icon_punt.gif) 1px 8px no-repeat; }
#dreta ul.llistat a { color:#666; text-decoration:underline;}
#dreta ul.llistat a:hover { background:#FFFF00; color:#000000; text-decoration:none}
/* playlist */
.modul .modulTitolPlaylist { padding: 10px 15px 0 7px; width:294px; height:29px;}
.modul .modulTitolPlaylist .titol { float:left; font-size:14px; padding:0 0 0 22px; background:url(../img/skin/icon_plus.gif) 7px 6px no-repeat}
.modul .modulTitolPlaylist .titol strong { font-size:18px; font-weight:bold; margin-right:0}
div.eliminar { margin-top:4px; float:right; font-size:11px; color:#FF0000; font-weight:bold}
div.eliminar a { font-size:11px; font-weight:bold; color:#FFF; background:url(../img/skin/bt_eliminarPlaylist.gif) no-repeat; width:108px; height:14px; display:block; padding:2px 0 0 7px}
div.eliminar a:hover { color:#666;  background:url(../img/skin/bt_eliminarPlaylist_a.gif) no-repeat;}
#dreta .paginacio { float:right; font-size:11px; margin-top: 8px}
#dreta .paginacio a { color:#666; text-decoration:underline}
#dreta .paginacio a:hover { color:#000; background:#FFFF00; text-decoration:none}
/* Relacionats */
#dreta .modulTextRelacionats {width:302px; background: url(../img/skin/bg_modul02_text.gif) repeat-y; padding: 0 8px 0 6px}
#dreta .modulTextRelacionats .gris  {background-color:#F2F2F2; padding: 15px 8px 15px 10px}
#dreta .modulTextRelacionats h5 {font-size: 13px; font-weight:normal; line-height:11px;  color:#000}
#dreta .modulTextRelacionats h6 {font-size: 13px; font-weight:normal; line-height: 14px; margin:0; padding:2px 0 0 0;padding-top:14px;}
#dreta .modulTextRelacionats h6 strong {font-weight:bold;}
#dreta .modulTextRelacionats ul { padding:8px 0 0 10px}
#dreta .modulTextRelacionats h6.primer { padding-top:0}

#playlist li { position:relative; background: #FFF; border: 1px solid #D9D9D9; padding-right: 5px; margin-bottom: 2px; height:81px; overflow:hidden}
#playlist div.textPlaylist { position:relative; padding: 6px 0 0 5px; width:141px; float: right}
#playlist div.novetat { background:url(../img/skin/icon_new.gif) right 2px no-repeat}
#playlist h4 { font-size: 11px; font-weight:bold; color:#FF0000; line-height:11px}
#playlist h5 { font-size: 18px; font-weight:bold; line-height:18px}
#playlist p { font-size: 14px; font-weight:normal; line-height: 16px; margin:0; padding:2px 0 0 0}
#playlist h3 { font-size: 11px; font-weight:bold; line-height:11px}
#playlist h6 { font-size: 13px; font-weight:normal; line-height: 14px; margin:0; padding:2px 0 0 0}
#playlist div.textPlaylist div.treureProjecte { position: absolute; top: 60px; z-index:1; font-size:11px; color:#FF0000; font-weight:bold}
#playlist div.textPlaylist div.treureProjecte a { font-size:11px; font-weight:bold; color:#FFF; background:url(../img/skin/bt_treure.gif) no-repeat; width:118px; height:14px; display:block; padding:2px 0 0 7px}
#playlist div.textPlaylist div.treureProjecte a:hover { color:#666;  background:url(../img/skin/bt_treure_a.gif) no-repeat;}
/*#playlist div.trans { position:absolute; background:#666; top:0; left:0; width:300px; height:81px; z-index:2;filter:alpha(opacity=34);-moz-opacity:.34;opacity:.34}*/
#playlist div.trans { position:absolute; background:#666; top:0; left:0; width:143px; height:81px; z-index:2;filter:alpha(opacity=34);-moz-opacity:.34;opacity:.34}
#playlist li.noVisible {background:#CBCBCB;}
/* menu Playlist */
#menuPlaylist { text-align:right; font-size:11px; padding-top: 6px}
#menuPlaylist ul { line-height:15px}
#menuPlaylist li { margin:0; padding:0; display:inline; font-size:11px; color:#FF0000;}
#menuPlaylist a { color:#666; text-decoration:underline}
#menuPlaylist a:hover { color:#000; background:#FFFF00; text-decoration:none}
#menuPlaylist li.separacio { margin:0; padding:0 0 0 5px; background: url(../img/skin/bg_utils.gif) left 3px no-repeat;}

/* DESTACATS */
#destacats li { display:inline;} 
#destacats li div.destacat { float:left; margin-left:2px; padding:16px 0 0 6px; width:231px; height:196px; background:url(../img/skin/bg_destacat.gif) no-repeat}
#destacats li div.novetat { background:url(../img/skin/icon_new.gif) 190px 1px no-repeat}
#destacats li.primer div { margin-left:0px;}
#destacats h4, #destacats h5, #destacats a { margin:4px 0 0 8px; padding:0}
#destacats h4 { font-size:14px; font-weight:bold; color:#666; line-height:13px}
#destacats h5 { font-size:13px; font-weight:normal; color:#666; line-height:12px}
#destacats a { width:105px; height:14px; display:block; margin-top:5px; padding:2px 0 0 8px; font-size:11px; color:#FFF; font-weight:bold; background:url(../img/skin/bt_afegir.gif) top left no-repeat;}
#destacats a:hover { color:#666; background:url(../img/skin/bg_destacat_a.gif) top left no-repeat} 


/* contingut HOME */
.modul .modulText #home { padding:10px 0 0 16px; margin:0}
#home h3 {font-size:11px; font-weight:bold; padding:0}
#home h2 {font-size:22px; font-weight:normal; padding:5px 0 5px 0}
#home p { padding:0 0 20px 0; font-size:16px; margin:0 20px 20px 0; border-bottom:1px solid #D9D9D9}
#home p.ultim { border-bottom:none; margin-bottom:0}


/* PAGINA BLANCA (localitzacio i contacte) */
#capsal { width:928px; height:62px; padding:14px 13px 0 13px; background: url(../img/skin/bg_capsal.gif) no-repeat; }
#dretaCapsal {  width:300px; padding:5px; float:right;}
#dretaCapsal h1 { display:none}
#dretaCapsal #logoFutura { text-align:right}
#capsal #menuPrincipal { padding-top:8px}

#centralPaginaBlanca {  }
#centralPaginaBlanca .modul .modulTitol {  background: url(../img/skin/bg_paginaBlanca_titol.gif) no-repeat}
#centralPaginaBlanca .modul .modulText { background: url(../img/skin/bg_paginaBlanca_text.gif) repeat-y}
#centralPaginaBlanca .modul .modulPeu { background: url(../img/skin/bg_paginaBlanca_peu.gif) no-repeat}

#centralPaginaBlanca .modul .modulText .text { padding: 13px 17px;} 
#centralPaginaBlanca .modul .modulText .gris { background-color:#F2F2F2}
#centralPaginaBlanca h3 { font-size:18px; font-weight:normal; color:#666; padding-top:3px}

#centralPaginaBlanca form { font-size:14px}
#centralPaginaBlanca form input, #centralPaginaBlanca form textarea { margin:3px}
#centralPaginaBlanca form input { vertical-align:middle}
#centralPaginaBlanca form input.enviar { width:100px}
#centralPaginaBlanca #dades { float:left; width:280px; height:350px; padding-left:5px }
#centralPaginaBlanca #dades p.groc {  font-weight:bold; padding-bottom:8px}

/* EFECTE PLAYLIST */
.ui-effects-transfer { border: 1px solid #CCC; background: #FFF }

/* NEW modul BAANER */
.modulBanner { margin:3px 0 3px 6px; background:url(../img/skin/bg_modulBanner.gif) repeat-x #F4F4F4; width:302px}
.modulBanner p { font-size:12px; color:#666666; padding: 6px 20px 20px 20px; line-height:14px }
.modulBanner a { color:#666; text-decoration:underline;}
.modulBanner a:hover { background:#FFFF00; color:#000000; text-decoration:none}


.vermell{
	color:#FF0000;
}

/* ALTRES */
a.tags{ text-decoration:none; color:#999999;}
a.tags:hover{ text-decoration:none; color:#CCCCCC; }

/* sharethis */
#sharethis_0 span.stbuttontext { color:#666; text-decoration:underline; font-size: 12px}
#sharethis_0 a:hover span.stbuttontext { color:#000; background:#FFFF00; text-decoration:none}