/******************************************* capes generals *******************************************/
#directe_esquerra{
	float:left;
	width:230px;
	margin-top:10px;
	margin-left:20px;
}

#directe_dreta{
	float:right;
	width:620px;
	margin-top:10px;
}

#netejar_float{
	clear:both;
}


/******************************************* capes marcador *******************************************/
#capa_marcador{
	width:858px;
	height:40px;
	margin-top:10px;
	
}

#capa_marcador_equip{
	float:left;
	width:424px;
	height:30px;

}

#capa_marcador_escut{
	float:left;
	width:32px;
	height:40px;
	padding-left:10px;
	padding-right:10px;
}

#capa_marcador_nom{
	float:left;
	width:324px;
	height:27px;	
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	text-decoration:none;
	color: #000000;
	font-weight: bold;
	padding-left:8px;
	padding-right:8px;
	padding-top:3px;
}

#capa_marcador_gols{
	float:left;
	width:29px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 22px;
	text-decoration:none;
	color: #FFFFFF;
	font-weight: bold;
	background-color:#000000;
	text-align:center;
	height:30px;
}

#capa_marcador_part{
	width:838px;
	height:19px;
	text-align:center;
	display:block;
}

.capa_marcador_part_partit{	
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration:none;
	color: #000000;
	font-weight: bold;
	text-align:center;
	padding:4px;
}


#capa_marcador_general{
	height:73px;
	margin-top:30px;
	margin-left:20px;
	margin-right:20px;
	border: 1px solid #ababab;
	background:url(../img/fons_resultat_mpd.jpg);
}

/******************************************* capes info *******************************************/
#capa_info{
	width:858px;
	height:63px;
	margin-top:20px;
	margin-left:20px;
	background:url(../img/fons_sota_resultat_mpd.jpg);
	border: 1px solid #ababab;
}

#capa_info_esquerra{
	float:left;
	width:345px;
	text-align:left;
	padding:10px;
}

#capa_info_dreta{
	float:right;
	width:345px;
	text-align:right;
	padding:10px;
}


/******************************************* capes pista *******************************************/

#capa_pista{
	width:230px;
	height:490px;
}

#capa_pista_fons{
	background-image:url(../img/pista_marcador_on-line.gif);
	width:230px;
	height:398px;
	background-repeat: no-repeat;
}

#capa_pista_entrenadors{
	width:230px;
	/*height:30px;*/
	height:auto;
}


#capa_pista_local{
	width:230px;
	height:199px;
}

#capa_pista_visitant{
	width:230px;
	height:199px;
}

#capa_pista_dades_esquerra{
	float:left;
	padding-top:10px;
	padding-left:10px;
	text-align:left;
}

#capa_pista_dades_dreta{
	float:right;
	padding-top:10px;
	padding-right:10px;
	text-align:right;
}

#capa_separador_pista{
	height:24px;
}

#capa_separador_petit{
	height:14px;
}

#capa_separador_diminut{
	height:1px;
}

#capa_pista_porter{
	width:230px;
	height:46px;
	text-align:center;
}

#capa_pista_jugador{
	width:115px;
	height:46px;
	text-align:center;
	float:left;
	margin-bottom:19px;
}

.capa_nom_jugador{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration:none;
	color: #FFFFFF;
	background-color:#515151;
	text-align:center;
	padding-left:5px;
	padding-right:5px;
}

#capa_targetes{
	height:14px;
}

/******************************************* capa banqueta *******************************************/

#capa_fons_banqueta{
	background-color:#dfdfdd;
}

/******************************************* capa pestanyes *******************************************/

#capa_pestanyes{
	padding:1px;
	background-color:#dfdfdd;
	
}

/******************************************* capa comentaris *******************************************/

#capa_comentaris{
	width:97%;
	/*height:190px;*/ /*si hi ha el video*/
	height:450px;
	overflow:auto;
}

.linia_comentaris{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dfdfdd;
}

.fons_accions{
	background-color:#dfdfdd;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

/******************************************* capa video *******************************************/

#capa_video{
	width:320px;
	height:240px;
	margin-top:20px;
}

/******************************************* capes emparellaments *******************************************/
#capa_emparellament{
	width:730px;
	/*height:100px;*/
	margin-top:30px;
	margin-left:100px;
	overflow:hidden;
}

/******************************************* capes estadístiques *******************************************/
#capa_estadistiques_general{
	margin-left:20px;
	margin-right:20px;
	border: 1px solid #ababab;
}

#capa_estadistiques_titol{
	width:850px;
	background-color:#000000;
	padding:5px;
	margin-left:20px;
}

	#capa_estadistiques_titol div{
		text-decoration:none;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 14px;
		color: #FFFFFF;
		font-weight:bold;
	}


/******************************************* text *******************************************/
.info_directe{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration:none;
	color: #000000;
}

.gols_directe{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration:none;
	color: #000000;
	font-weight: bold;
}

.text_pista{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration:none;
	color: #000000;
}

.text_pista_blanc{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration:none;
	color: #FFFFFF;
}

.text_pestanyes{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration:none;
	color: #000000;
}

.minuts_comentaris{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration:none;
	color: #000000;
	font-weight:bold;
}

.text_torneig_info{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration:none;
	color: #000000;
}

/*************************************** 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:230px;
}
.tabberlive {
	width:230px;
	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: 230px;
	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:10px;/*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:10px;
	padding-right:15px;
}

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:230px;
 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;
}
