/* Estils generals - SMARTY VERSION */
body {
	background-color: #666666;
	margin: 0px;
}

form {
	margin-top: 0px;
	margin-bottom: 0px;	
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#div_body {
	margin-left:auto;
	margin-right:auto;
	width:890px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}

.categoria,
.categoria_down,
.categoria_up,
.categoria_sel_down,
.categoria_sel_up {
	vertical-align:middle; 
	height:34px; 
	width:100%; 
	cursor: pointer;
}

.categoria_up {
	background-image: url(../img/quadre_center_up.jpg);	
}

.categoria_sel_down {
	background-image: url(../img/quadre_center_sel.jpg);
}

.categoria_sel_up {
	background-image: url(../img/quadre_center_up.jpg);
}

.cela_titol_class {
	background-color: #000;
}

.cela_menu_class {
    background-image: url(/img/menu_bg.png);
	background-repeat: repeat-x;
}

.cela_boto_class {
    background-image: url(/img/bg_boto_negre.gif);
}

.centrat {
	margin-left: auto;
	margin-right: auto;
}

.formulari {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 10px;
	background-color: #eee;
	border: 1px groove #999;
}

.formulari_boto_down,
.formulari_boto_up {
	cursor:pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	width: 75px;
	border: 1px groove #999;
} 

.formulari_boto_down {
	background-color: #eee;
}

.formulari_boto_up {
	background-color: #aaa;
		
}

.normal {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	text-align: justify;
}

.resaltat {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 11px;
	text-align: left;
}

a:link, 
a:hover, 
a:visited,
a:active {font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: normal;color: #666666;text-decoration: none;}

a.lnkjoc:link,
a.lnkjoc:visited,
a.lnkjoc:active {font-family:Arial, Helvetica, sans-serif;font-size: 12px;font-weight: normal;color: #CCCCCC;text-decoration: none;}
a.lnkjoc:hover {font-family:Arial, Helvetica, sans-serif;font-size: 12px;font-weight: normal;color: #CCCCCC;text-decoration: underline;}

a.lnklis:link {font-family:Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 10px; FONT-WEIGHT: normal; TEXT-DECORATION: none}
a.lnklis:visited {font-family:Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 10px; FONT-WEIGHT: normal; TEXT-DECORATION: none}
a.lnklis:active	 {font-family:Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 10px; FONT-WEIGHT: bold; TEXT-DECORATION: none}
a.lnklis:hover	{font-family:Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 10px; FONT-WEIGHT: bold; TEXT-DECORATION: none}


a.lnkmenu:link {font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 11px; FONT-WEIGHT: normal; TEXT-DECORATION: none}
a.lnkmenu:visited {font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 11px; FONT-WEIGHT: normal; TEXT-DECORATION: none}
a.lnkmenu:active {font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 11px; FONT-WEIGHT: bolder; TEXT-DECORATION: none}
a.lnkmenu:hover	{font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 11px; FONT-WEIGHT: bolder; TEXT-DECORATION: none}

.taula_index {
	border: 1px solid #999999;
}

.taula_header {
	padding: 0px;
	border: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #CCCCCC;
	text-decoration: none;
	height: 16px;
	vertical-align: middle;
	background-color: #000000;
	background-image: url(img/bg_titol_seccions_negre.gif);
	background-repeat: repeat-x;	
}

.taula_content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	text-align: justify;
	background-color: #AAAAAA;
}

.blanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}

.textTitol {
    color: #ffffff;
}

/* Menu */
.menuBar {
	background-image: url('../img/bg_menubar.gif');
	background-repeat: repeat-x;
	height: 41px;
}

.menuBar_button_down,
.menuBar_button_up {
	cursor: pointer;
	height: 41px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	float:left;
	width:100px;
	text-align:center;
}

.menuBar_button_down {
	background-image: none;
	color: #fff;
}

.menuBar_button_up {
	background-image: url('../img/bg_menubar.gif');
	background-repeat: repeat-x;
	background-position: 0px -41px;
	color: #000;
}

/* Títol de la categoria */
.barraTitol_nw,
.barraTitol_ne,
.barraTitol_se,
.barraTitol_sw {
	background-image: url('../img/barra_titol_cant.gif');
	background-repeat: no-repeat;
	width: 9px;
	height: 9px;	
}

.barraTitol_nw {
	background-position: 0px 0px;
}

.barraTitol_n {
	background-image: url('../img/barra_titol_n.gif');
	background-repeat: repeat-x;
	height: 9px;
}

.barraTitol_ne {
	background-position: 0px -9px;	
}

.barraTitol_se {
	background-position: 0px -18px;	
}

.barraTitol_sw {
	background-position: 0px -27px;	
}

.barraTitol_s {
	background-image: url('../img/barra_titol_s.gif');
	background-repeat: repeat-x;
	height: 9px;	
}

.barraTitol_e {
	background-image: url('../img/barra_titol_e.gif');
	background-repeat: repeat-y;
	width: 9px;
}

.barraTitol_w {
	background-image: url('../img/barra_titol_w.gif');
	background-repeat: repeat-y;
	width: 9px;
}

.barraTitol_c {
	background-color: #aaaaaa;	
}

/* Quadre de categories */
.quadre_top_blau,
.quadre_top_vermell,
.quadre_top_verd,
.quadre_bottom {
	background-repeat: no-repeat;
	width: 180px;
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	color: #ffffff;
	text-align: center;	
	vertical-align: top;
	background-image: url('../img/fons_quadre.jpg');
}

.quadre_top_blau {
	background-position: 0px 0px;
}

.quadre_top_vermell {
	background-position: 0px -60px;
}

.quadre_top_verd {
	background-position: 0px -30px;
}

.quadre_center {
	background-image: url('../img/quadre_center.jpg');
	background-repeat: repeat-y;
	width: 180px;
}

.quadre_bottom {
	background-position: 0px -120px;
}

.quadre2_top_negre {
	background-repeat: no-repeat;
	width: 180px;
	height: 30px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	color: #ffffff;
	
	text-align: center;	
	vertical-align: top;	
}

.quadre2_top_negre {
	background-image: url('../img/quadre2_top_negre.jpg');
}

.quadre2_center {
	background-image: url('../img/quadre2_center.jpg');
	background-repeat: repeat-y;
	width: 180px;
}

.quadre2_bottom {
	background-image: url('../img/quadre2_bottom.jpg');
	background-repeat: no-repeat;
	width: 180px;
	height: 30px;
}
/* joc */
.fitxa_joc_down,
.fitxa_joc_up {
	cursor:pointer;
	width:290px;
	height:96px;
	background-image: url('../img/fitxa_joc.jpg');
	background-repeat: no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
    padding:0px;
	border-collapse:collapse;
	margin-left:auto;
	margin-right:auto;	
}

.fitxa_joc_up {
	background-position: 0px -96px;
}

.fitxa_joc_nodesc_down,
.fitxa_joc_nodesc_up {
	height:90px;
	width:120px;
	padding:0px;
	border-collapse:collapse;
	margin-left:auto;
	margin-right:auto;
	cursor:pointer;
}

.fitxa_joc_nodesc_down {
	background-color:transparent;
}

.fitxa_joc_nodesc_up {
	background-color:#ddd;
}

/* Estadístiques */
.barra_estadistiques {
	width:265px;
	height:40px;
	float:right;
	background-image: url('../img/barra_estadistiques_bg.gif');
	background-repeat: no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
}

/* Links */
.link_row_down {
	background-color: transparent;
}

.link_row_up {
	background-color:#ddd;
}

/* Barra de login */
.login_cell {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color:#999;
}