/* 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,
h3 {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

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

#topMenu { /* menu superior */
	height:20px;
	font-size:10px;
	background:#999;
}
#topMenu a {
	display:block;
	height:20px;
	width:120px;
	float:left;
	text-align:center;
	border-right:1px solid #000;
	background: #eee;
	color:#000;
}
#topMenu a:hover{
	background:#aaa;
}
#topMenu .first {
	border-left:1px solid #000;
}
#topMenu .userName {
	float:left;
	font-weight:bold;
	width:120px;
	text-align:center;
}

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

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

.categories_center {
	background: url('../img/quadre_center.jpg') repeat-y;
	width: 180px;
}
.categories_center a {
	display:block;
	height:34px; 
	padding-left: 10px;	
	border:0;
}
.categories_center a.seleccionada {
	background: url(../img/quadre_center_sel.jpg);
}
.categories_center a p {
	vertical-align:middle;
	padding-top:10px;
	margin:0px; border:0px;
}
.categories_center a img {
	border:0;
	margin-right:10px;
	float:left;
}
.categories_center a:hover {
	background: url(../img/quadre_center_up.jpg) repeat-y;	
}
.categories_center a.seleccionada:hover {
	background: url(../img/quadre_center_up.jpg);
}

.cela_titol_class {
	background-color: #fff;
}

.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 a {
	display:block;
	height: 41px;
	font-size: 12px;
	float:left;
	width:100px;
	text-align:center;
	background-image: none;
	color: #fff;
}
.menuBar a:hover {
	background: url('../img/bg_menubar.gif') repeat-x 0px -41px;
	color: #000;
}
.menuBar a p {
	vertical-align: middle;
}

/* 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: #aaa;	
}

/* 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_desc {
	position:relative;
	width:180px;
	height:60px;
	vertical-align:middle;
	text-align:left;
	top:3px;
	left:14px;
	float:left;	
}

.fitxa_joc_down,
.fitxa_joc_up {
	cursor:pointer;
	width:320px;
	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_img {
	position:relative;
	width:100px;
	height:70px;
	top:11px;
	left:7px;
	border:2px;
	float:left;
}

.fitxa_joc_title{
	position:relative;
	width:195px;
	height:30px;
	top:11px;
	left:10px;
	float:left;
	text-align:center;
}

.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:#AAA;
}

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

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

.link_row_up {
	background-color:#ddd;
}

/* barra lateral */
.left_column {
	vertical-align:top;
	float:left;
	width:300px;
}

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

/* Jocs aleatoris */
.random_table{
	width:300px;
	height:375px;
	border:1px solid #9D1961;
	margin-bottom:5px;
	background: #E6E6E6;
}

.random_table_title {
	border:1px solid #fff;
	background-color:#9D1961;
	color:#fff;
	margin-bottom:5px;
}

.random_game {
	padding: 5px 15px 0px 15px;
	width:120px;
	height:105px;
	text-align:center;
	float:left;
}

.random_game_img {
	width:100px; height:75px;
	border: 1px solid #333;
}