#jucatori { 
	padding:0;
	font-weight: bold;
	z-index:100; 
	height:auto; 
	height:20px; 
	float:left;
	padding-left:20px;
	padding-bottom:5px;
}

#jucatori a{
	display: block;
	margin: 3px 3px 6px 3px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	background: #FFF;
}
.menujucatori a{
	display: block;
	margin: 3px 3px 6px 3px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #435d98;
	background: url('h1bg3.png') no-repeat;
	height: 26px;
	line-height: 26px;
	text-align: left;
	margin-bottom: 14px;
	padding-left: 10px;
}
#jucatori a:hover {
	text-decoration: none;
}
#jucatori a.selected {
	color: #000;
}

.gen {
	padding-left:20px;
	padding-right:20px;
	padding-top:2px;
	padding-bottom:2px;
	text-decoration: none;
	font-weight: bold;
}

.jucatori {
	width: 510px;
}
.jucatori td a{
   display: block;
   text-decoration: none;
}
.jucatori table
{
	table-layout:auto;
}
.jucatori td {
	font-size: 10px;
	background: #506793;
	border: 2px solid #FFF;
	text-align: center;
	vertical-align: middle;
	color: #FFF;
	height: 20px;
	padding: 2px;
	width:39.2px;
}

.jucatori2 {
	width: 510px;
}
.jucatori2 td a{
   display: block;
   text-decoration: none;
}
.jucatori2 table
{
	table-layout:auto;
}
.jucatori2 td {
	font-weight: bold;
	font-size: 12px;
	text-align: left;
	vertical-align: middle;
	color: #FFFFFF;
	padding: 8px;
	width:170px;
}
/* default link style - needed to make the :active work correctly in IE */
a, a:visited, a:hover, a:active {
color:#000;
}
/* style the outer cntaining div to fit the landscape, portrait and buttons */
#album {
width:180px; 
height:310px; 
border:0px solid #aaa;
margin:5px 10px 20px auto;
float:right;
}
/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
.gallery {
padding:0; 
margin:0px 0 0 0; 
list-style-type:none; 
position:relative;
width:-320px;
}
/* remove the default image border */
.gallery img {
border:0;
}
/* make the list horizontal */
.gallery li {
float:right;
}

/* style the link text to be central in a surrounding box */
.gallery li a, .gallery li a:visited {
font-size:11px;
font-weight: bold;
float:right; 
text-decoration: none; 
color:#000; 
text-align:center; 
width:26px; 
height:26px; 
line-height:24px; 
border:1px solid #506793;
margin:2px;
}
/* position the images using an absolute position and hide them from view */
.gallery li a img {
position:absolute;
top:-320px;
right:0px;
visibility:hidden;
}

/* fix the top position for the landscape images */
.gallery li a img.landscape {
top:40px;
right:0px;
}
.gallery li a:hover img.landscape {
top:40px;
right:0px;
}

/* style the hover background color for the text boxes */
.gallery li a:hover {
}
/* style the active/focus colors for the text boxes (required for IE) */
.gallery li a:active, .gallery li a:focus {
background:#506793; 
color:#fff;
}
/* make the images visible on active/focus */
.gallery li a:active img, .gallery li a:focus img {
max-width:180px; 
height:auto; 
visibility:visible;
}