body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#f0f0f0;
	background-image: url(../img/fons_border_taula.gif);
	background-repeat: repeat-y;
	background-position: center;
}

#amagar{ /*capa per amagar el loading*/
	position:absolute;
	top:-200px;
}

#container{
	width:763px;
	position:absolute;
	left:50%;
	margin-left:-382px;
}

#cap_video{
	width:763px;
	height:155px;
	background-image:url(../img/capcalera_video.jpg);
}

#sota_capsalera{
	width:763px;
	height:39px;
}

#buscador{
	float:left;
	margin-left:21px;
	margin-top:5px;
}

#portada{
	float:right;
	margin-right:13px;
	text-align:right;
}

#centre{
	width:763px;
}

#netejar{
	clear:both;
	height:0px;
}
#baix{
	width:763px;
	background-image:url(../img/fons_baix.gif);
	background-repeat:repeat;
}

#baix_temes{
	float:left;
	width:188px;
	height:246px;
	background-image:url(../img/fons_temes.gif);
	background-repeat:no-repeat;
}

#baix_videos{
	float:right;
	width:575px;
	background-color:#2c2c2c;
}

#peu_pag{
	clear:both;
	width:761px;
	height:65px;
	background-image:url(../img/peu_video.gif);
	background-repeat:repeat-x;
	border: 1px solid #a6a6a6;
	margin-bottom:2px;
	margin-top:10px;
}
/******************************************* CENTRE *******************************************/
#reproductor{
	width:480px;
	height:408px;
	float:left;
}

#dades{
	width:283px;
	height:360px;
	float:right;
	background-color:#ececec;
}

#informacio{
	width:260px;
	padding-left:23px;
	padding-top:8px;
}

#linia_titol{
	padding-top:6px;
	padding-bottom:14px;
}

#linia_descripcio{
	padding-top:14px;
	padding-bottom:22px;
}

#sangria_dreta{
	padding-right:15px;
}


#info_video{
	height:104px;
	overflow-x: hidden; /* per l'scroll horitzontal */
	overflow-y: auto; /* per l'scroll vertical */
}

#videos_relacionats{
	width:259px;
	padding-left:24px;
}

#videos_relacionats_fons{
	background-color:#d0cfcf;
	border: 1px solid #9a9a9a;
}

#un_video_relacionat{
	cursor:pointer;
	margin-top:4px;
	margin-left:4px;
	height:70px;
}

#fons_titol_relacionats{
	background-color:#bcbcbc;
	width:257px;
	height:20px;
}

#titol_relacionats{
	padding-left:4px;
	padding-top:3px;
}

#altres_videos{
	width:253px;
	height:145px;
}

#foto_relacionats{
	float:left;
	width:104px;
	height:70px;
}

#dades_relacionats{
	float:right;
	width:136px;
	height:66px;
	margin-left:7px;
	margin-top:4px;
}

#separador_relacionats{
	background-color:#9a9a9a;
	width:253px;
	height:1px;
}

#espai_relacionats{
	width:257px;
	height:4px;
}

/******************************************* BAIX *******************************************/
#titol_temes{
	width:187px;
	height:23px;
}

#titol_tema{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color:#a3a2a2;
	text-decoration: none;
	padding-top:3px;
	padding-left:11px;
}

#temes{
	width:187px;
	height:222px;
	margin-top:1px;
}
	#temes div{
		padding-left:10px;
		padding-top:15px;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 12px;
		color: #FFFFFF;
		text-decoration: none;
	}

#videos_petits{
	width:571px;
	padding-top:34px;
	padding-left:4px;
	padding-bottom:20px;
	float:left;	
}

#un_video_petit{
	padding-left:3px;
	padding-top:4px;
	width:185px;
	height:76px;
	float:left;
}
	
#marc_videos_petits{
	border:1px solid #FFFFFF;
	width:183px;
	height:74px;
	cursor:pointer;
}

#videos_petits_imatges{
	width:109px;
	height:74px;
	float:left;
}

#videos_petits_text{
	width:64px;
	height:69px;
	background-color:#9e9d9d;
	float:right;
	padding-left: 6px;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 3px;
	overflow:hidden;
}

#videos_petits_durada{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color:#323232;
	text-align:right;
}

#paginacio{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color:#a3a2a2;
	text-align:right;
	padding-right:6px;
	padding-top:10px;
}

/******************************************* FORMULARIS *******************************************/
.inputs {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	border: 1px solid #000000;
}

.boto {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #000000;
	border: 1px solid #000000;
}

/******************************************* LINKS *******************************************/
a.link_portada{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: underline;
}
	a:link.link_portada		{color:#000000}
	a:visited.link_portada	{color:#000000}
	a:hover.link_portada	{color:#a3a2a2}
	a:active.link_portada	{color:#a3a2a2}
	
a.link_video{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}
	a:link.link_video	{color:#000000}
	a:visited.link_video{color:#000000}
	a:hover.link_video	{color:#FFFFFF}
	a:active.link_video	{color:#FFFFFF}

a.link_temes{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
	a:link.link_temes	{color:#FFFFFF}
	a:visited.link_temes{color:#FFFFFF}
	a:hover.link_temes	{color:#a3a2a2}
	a:active.link_temes	{color:#a3a2a2}

a.link_tema_seleccionat{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #a3a2a2;
	text-decoration: none;
}
	a:link.link_tema_seleccionat	{color:#a3a2a2}
	a:visited.link_tema_seleccionat	{color:#a3a2a2}
	a:hover.link_tema_seleccionat	{color:#a3a2a2}
	a:active.link_tema_seleccionat	{color:#a3a2a2}

a.link_info{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
	a:link.link_info	{color:#000000}
	a:visited.link_info {color:#000000}
	a:hover.link_info	{color:#FFFFFF}
	a:active.link_info	{color:#FFFFFF}

/******************************************* LLETRA *******************************************/
.text_11{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
.text_11_gris{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #a3a2a2;
	text-decoration: none;
}
.text_12{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
.text_12_gris{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #a3a2a2;
	text-decoration: none;
}
.text_16{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	text-decoration: none;
}

/******************************************* FONS *******************************************/
.linia_negre{
	background-color:#000000;
	height:1px;
	width:260px;
}

/*************************************** PESTANYES ****************************************/
/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
	width:575px;
}
.tabberlive {
	width:575px;
	background-color:#FFFFFF;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
	margin:0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
	width: 575px;
	padding-top:4px;
	padding-right:0px;
	padding-bottom:4px;
	padding-left:0px;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{ /* aspecte general de la pestanya no marcada */
	padding: 3px 0.5em;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #515151;
	border-top: 1px solid #515151;
	text-decoration: none;
	background-color: #515151;
	background-image: url(../img/fletxa_tancada.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-left:14px;/*20px; *//*per fer les pestanyes + amples */
	padding-right:15px;/*21px;*/
}

ul.tabbernav li a:link { /*opció link de la pestanya */
	color: #FFFFFF;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
 }
ul.tabbernav li a:visited { color: #FFFFFF; }

ul.tabbernav li a:hover
{ /* quan la rata passa per sobre la pestanya no marcada*/
 background: #515151;
 border-right: 1px solid #FFFFFF;
 border-bottom: 1px solid #515151;
 border-left: 1px solid #515151;
 border-top: 1px solid #515151;
 background-color: #515151;
 background-image: url(../img/fletxa_tancada.gif);
 background-repeat: no-repeat;
 background-position: right bottom;
}

ul.tabbernav li.tabberactive a
{ /* aspecte general de la pestanya marcada */
	background-color: #2c2c2c;
	color: #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #2c2c2c;
	border-left: 1px solid #2c2c2c;
	border-top: 1px solid #2c2c2c;
	background-image:url(../img/fletxa_obert.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-left:20px;
	padding-right:21px;
}

ul.tabbernav li.tabberactive a:hover
{/* quan la rata passa per sobre la pestanya marcada*/
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 background-color:#2c2c2c;
 width:575px;
 height:222px; /* alçada fixa de la capa */
 overflow:hidden; /* no es mostri res que sigui fora d'aquesta capa */
 position:absolute; /* perquè es mogui la capa capa_tots_videos */
}

/* If desired, hide the heading since a heading is provided by the tab */
/* Oculta l'encapçalament h2 i h3, ja que aquest és la pestanya */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}