body {
	font: 12px solid arial,helvetica,sans-serif;
	line-height: 1.1em; 
	margin: 0;
	background: #111 url(main_bg.png) repeat-x top left;
	color: #fff;
}
a {color: #f90; border: none;}
a img {border: none;}
#container {
	width: 980px;
	margin: 0 auto;

	}

#hd {
	margin: 0;
	width: 980px;
	height: 160px;
	position: relative;
	background: transparent url(hd_bg.png) left bottom no-repeat;
}

#random_head_games {position: absolute; bottom:55px; right: 0;}
#random_head_games img {margin-left: 15px; width:65px; height: 65px; border: 1px solid #ccc;}

#bd {
	width: 978px;
	margin: 0 auto 10px;
	background-color: #262626;
	border: 1px solid #333;
}

#ft {
	width: 980px;
	/*height: 150px; */
	margin: 0;
	clear: left;
}


#hd #logo {
	width: 120px;
	height: 120px;
	position: absolute;
	bottom: 31px;
	left: 34px;
	background: transparent url(logo_120_trns.png) no-repeat top left;
}
#hd #logo_text {
	width: 421px;
	height: 51px;
	position: absolute;
	top: 63px;
	left: 190px;
	background: transparent url(logo_text.png) no-repeat top left;
}
#hd .menu {
	width: 980px;
	height: 39px;
	position: absolute;
	bottom: 0px; right: 0;
	border-top: 2px solid #f00;
}
.menu a {
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	line-height: 15px;
	display: block;
	text-transform: lowercase;
	padding: 5px 0;
}
.menu td {text-align: center;}
.menu td.on { }

.menu td.on a { background-color: #fff; color: #900; }







#maintable {width: 960px; margin: 0 auto 0;}


#bd_head {position: relative; height: 45px; margin: -1px -1px 10px; background: transparent url(bd_head_bg.png) no-repeat top left;}

#rss_buttom {position: absolute; top: 7px; right: 238px;}


#searchForm {width: 210px; height: 22px; display: block; margin: 0; padding: 0; position: absolute; top: 7px; right: 10px; background: transparent url(searck_box_bg.png) no-repeat top left;}

#searchForm #q {border: none; display: block; float: left; padding: 3px 5px; height: 16px; margin: 0; background-color: transparent; width: 135px;}

.gutter {width: 10px;}

	

h3 {display: block; margin: 0 0 10px; padding: 0 0 0 10px; height: 25px; font-size: 16px; line-height: 25px; color: #fff;}

h2 {font-size: 24px; line-height: 26px; padding: 5px 20px 0; margin: 0 0 10px; color: #fff; }

ul.gamelist {list-style: none; margin:15px 0 0; padding: 0; display: block;}
.box475 ul.gamelist {margin: 15px 0 0 5px;}

.gamelist li {margin:0 5px; padding:0; position: relative; width: 150px; float: left;  display: block; height: 150px; overflow: hidden;}
.box475 .gamelist li {margin: 0 5px 0 0;}
.gamelist li .desc {display: none; width: 120px; height: 100px; line-height: 15px; position: absolute; top: 11px; left: 15px; color: #ccc;}


.icon {display: block; width: 16px; height: 16px; background-position: top left; background-repeat: no-repeat;}
.icon-recommended {background-image: url(icons/star.png);}
.icon-scores {background-image: url(icons/medal_gold_1.png);}

.gamelist li .thumb {background-color: #333; width: 130px; height: 110px; display: block; margin: 1px auto 0; }
.gamelist li .thumb img {display: block; width: 130px; height: 110px; border: none;}
.gamelist li strong {display: block; font-size: 12px; text-align: center; line-height: 15px; white-space: nowrap;height: 30px; width:140px; position: absolute; top: 0; left: 0; padding: 118px 5px 0; background: transparent url(thumb_frame.png) no-repeat center top;}
.gamelist li a {text-decoration: none; color: #ccc;}

.gamelist li .icon {display:none;}
.gamelist li .icon-recommended {position: absolute; top: 90px; left: 16px; }
.gamelist li .icon-scores {position: absolute; top: 90px; right: 16px; }

.gamelist li:hover .icon {display: block;}
.gamelist li:hover .desc {display: block;}
.gamelist li:hover strong {background-image: url(thumb_frame_over.png);}

/*
.box540 .gamelist li {}
.box950 .gamelist li {width: 146px;}
.box760 .gamelist li {width: 143px;}
.box180 .gamelist li {width: 90px; min-height: 62px; height: 62px; padding-left: 70px; margin-bottom: 9px;}
.box210 .gamelist li {width: 120px; min-height: 62px; height: 62px; padding-left: 70px; margin-bottom: 10px;}

.box310 .gamelist li {width: 100px; height: 100px; padding: 0; margin: 0;}
.box310 .gamelist li strong {display: none;}
.box310 .gamelist li .desc {display: none;}

.box310 .gamelist li img {width: 90px; height: 90px; margin: 0; top: 0; left: 8px; position: absolute;}



.box180 .gamelist li img, .box210 .gamelist li img {width: 60px; height: 60px;}



.box {padding: 10px 0 0; background-color: #eee; margin-bottom: 10px;}

*/

.gamelist li, .box, h3 {background-color: transparent;}



.gamelistbox{
	position: relative;
	padding: 0 0 10px;
	background-color: #ccc;
	margin-bottom: 10px;
}
#catfeatbox {
	height: 195px;
	background: transparent url(box_bgs/640_feat.png) no-repeat top left;
}
#home_cats {
	width: 640px;
	background: transparent url(box_bgs/640.png) no-repeat top left;

}

#rightcol_links {
	margin: 35px 10px 0;
	padding: 0;
	list-style: none;
}

#rightcol_links li {
	display: block; 
	padding: 3px 0;
	margin: 0;
}


#menu950_bg {
	
	width: 600px;
	height: 25px;
	margin: 0 auto 10px;
	position: relative;
	padding-top: 1px;
}


#menu950_bg .menu {
	width: 600px;
	
	height: 23px;
	}
#menu950_bg .menu td a {padding: 4px 0;}
#menu950_bg .menu td.on {  }
#menu950_bg .menu td.on a { background-color: #f00; color: #fff;}



.banner728 {width: 728px; height: 90px;}
/*
.box180 {background: transparent url(col_bg/180.png) no-repeat left top;}
.box210 {background: transparent url(col_bg/210.png) no-repeat left top;}
.box310 {background: transparent url(col_bg/310.png) no-repeat left top;}
.box540 {background: transparent url(col_bg/540.png) no-repeat left top;}
.box760 {background: transparent url(col_bg/760.png) no-repeat left top;}
.box950 {background: transparent url(col_bg/950.png) no-repeat left top;}
*/
#game_embed {border: 2px solid #fff; margin: 0 auto;}

#game_info {padding: 0 10px;}
#game_info img {width: 100px; height: 100px; border: 1px solid #444; float: left; margin: 0 10px 5px 0;}
#game_info strong {line-height: 1.5em;}
#game_info p {margin: 0 0 10px;}

.box475 {background: transparent url(box_bgs/475.png) no-repeat left top;}


/************ paginador ************/
.paginador {padding: 1px 0 0 10px;	margin: 0 15px; height: 28px; width: 604px; background: transparent url(pager_bg.png) no-repeat top left;}

.paginador a, .paginador strong, .paginador span.puntos{
	text-align: center; text-decoration: none;
	display:block;	float:left; color:#999;  margin: 0; overflow:hidden;
	
	font: bold 16px/24px arial, helvetica, sans-serif; width:40px; height:24px; background: transparent url(sprites_paginador.png) no-repeat 0 0;}

.paginador span.puntos{text-indent: 200px; background-position: 0 -80px;}
.paginador a.arrowRight{text-indent: 200px; background-position: 0 -120px;}
.paginador a.arrowLeft{text-indent: 200px; background-position: 0 -160px;}

.paginador a.actual, .paginador strong.actual {color: #fff;border-color: #000;background-position: 0 -40px;} 
.paginador a:hover {color:#fff;}