* { margin:0; padding:0 }

/*body { 
	margin-top:50px;
	background:#000 url(img/bgbody.jpg) no-repeat 0 50px }*/

body { background:#000 url(img/bgbody.jpg) no-repeat  0 42px}

body iframe.radio {
	position:absolute;
	top:0; left:0 }

a {
	color:#FF9900;
	outline:none }

a:hover { color:#FFF }

#all {
	background:url(img/bgfooter.jpg) no-repeat bottom left;
	width:100%;
	float:left;
	position:relative }

#all img.random {
	position:absolute;
	left:665px;
	top:0 }

#header {
	position:relative;
	height:185px }

#header h1 a {
	text-indent:-1000000px;
	display:block;
	width:170px;
	height:170px;
	position:absolute;
	left:23px;
	top:10px }

#menu {
	color:#FFF;
	float:left;
	margin-right:15px;
	padding:0 15px;
	width:185px }
	
#menu img { margin-bottom:10px }
	
#menu h2,
#boxes h2 {
	cursor:pointer;
	color:#FF9900;
	border-left:3px solid #FF9900;
	margin-bottom:3px;
	padding-left:4px;
	letter-spacing:-1px;
	font:bold 15px Georgia }
	
#menu h2 { margin-top:15px }
#boxes h2 { margin-bottom:5px }
	
#menu ul { list-style:none }
	
#menu ul li { display:inline }
#menu ul li.last { border:0}
	
#menu ul li.destaque a {
	font-weight:bold;
	color:#FFF }
	
#menu ul li a {
	font:11px Tahoma;
	color:#999;
	display:block;
	border-bottom:1px solid #222; 
	text-decoration:none;
	padding:4px 8px }
	
#menu ul li a:hover {
	color:#FF9900;
	background:#241100 }
	
#menu ul li img { margin:0 }
	
#menu .submenu { display:none }
	
#content {
	margin-right:35px;
	position:relative;
	float:left;
	color:#AAA;
	width:510px;
	font:12px Verdana }
	
h2, h3 { clear:both }

#content h2 {
	color:#666;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #666;
	letter-spacing:-1px;
	font:italic 28px Georgia }
	
#content h3 {
	color:#FFF;
	border-left:3px solid #FFF;
	padding-left:5px;
	margin-bottom:10px;
	font:italic 18px Georgia }
	
#content p {
	line-height:17px;
	margin-bottom:15px }
	
#content p strong { color:#FFF }
	
#content ul { margin:0 0 15px 30px }
#content ul li { margin-bottom:10px }

/* BANNERS --------------------------------------------------- */	
#content .banner { margin-bottom:10px }

a.button {
	text-indent:-1000000px;
	margin-bottom:10px;
	display:block;
	width:185px }
	
a.register {	background:url(img/btn-register.gif); height:75px }
a.register:hover { background:url(img/btn-register.gif) 0 -78px }

a.download {	background:url(img/btn-download.gif); height:50px }
a.download:hover { background:url(img/btn-download.gif) 0 -50px }

a.painel {	background:url(img/btn-painel.gif); height:50px }
a.painel:hover { background:url(img/btn-painel.gif) 0 -50px }

a.forum {	background:url(img/btn-forum.gif); height:35px }
a.forum:hover { background:url(img/btn-forum.gif) 0 -35px }

/* NOTÍCIAS - HALL DA VERGONHA --------------------------------------------------- */	
#news ul{
	float:left;
	width:100%;
	margin:0 0 20px;
	list-style:none }
	
#news ul li {
	width:100%;
	float:left;
	margin:0;
	padding:5px 0;
	border-bottom:1px dotted #222 }
	
#news ul li .tipo {
	padding:3px;
	color:#FFF;
	width:65px;
	text-transform:uppercase;
	font-size:8px;
	float:left }
	
#news ul li .noticia 	{ color:#CC0000 }
#news ul li .promocao 	{ color:#00CCDD }
#news ul li .evento 	{ color:#66FF00 }

#news ul li .titulo  {
	font-size:13px;
	letter-spacing:normal;
	padding:0 }

#news .data,
#hall ul li .data {
	color:#444 }

#news .data,
#hall ul li { font-size:11px }

#news .titulo {
	padding:5px 0 10px;
	color:#FF9900;
	letter-spacing:-1px;
	font-size:24px}
	
#news .by {
	color:#FFF;
	font-size:11px }
	
#news .corpo { margin-bottom:50px }

#hall {
	position:relative;
	margin-bottom:15px }
	
#hall ul#widget {
	margin:0 0 20px;
	list-style:none;
	overflow:hidden;
	height:235px; /* You should adjust this height for your project. */
	position:relative;
	-moz-border-radius-bottomright:10px }
	
#hall ul#widget li {
	font-size:10px;
	overflow:hidden;
	position:relative;
	top:0;
	width:100%;
	float:left;
	letter-spacing:-1px;
	margin:0;
	padding:5px 0;
	border-bottom:1px dotted #222 }

#hall ul#widget li strong { color:#FF9900 }

#hall ul li strong { letter-spacing:normal }

#hall ul li .data { float:right }

#news.detail .corpo ul li { padding:8px 0 }
#news.detail .corpo ul li strong { color:#FFF }

#aboutgame .video { float:right; margin:0 0 10px 10px }
#aboutgame   { margin-bottom:15px }

.diagrama { 
	border-bottom:2px dotted #333; 
	margin-bottom:15px }
	
.diagrama img { margin:15px 0 }

#news.detail .diagrama ul,
#news.detail .diagrama ol {
	width:auto;
	float:none;
	padding:0;
	margin:0 0 15px 35px }
	
#news.detail .diagrama ul { list-style:square }

#news.detail .diagrama li { 
	width:auto;
	float:none;
	padding:5px 0;
	margin:0;
	border:0 }

.detail li { line-height:17px }
.detail strong { color:#FFF }

.detail table{ border-top:1px solid #333; margin-bottom:15px }
.detail table tr td {
	background:#111;
	border-bottom:1px solid #333;
	padding:10px; }

/* BOXES RIGHT --------------------------------------------------- */	
#boxes {
	float:left;
	position:relative;
	padding-top:150px;
	font:11px Tahoma;
	width:210px }
	
#boxes div { margin-bottom:20px }
	
#boxes #rank,
#boxes #svcfg,
#boxes #enquete,
#boxes #status {
	color:#FFF;
	padding:15px;
	background-image:url(img/bgbox-rank.png) !important;
	background-image:none;
	filter:none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=url(img/bgbox-rank.png), sizingMethod='scale') }

/*
#boxes #enquete {
	color:#FFF;
	padding:15px;
	background-image:url(img/bgbox-svcfg.png) !important;
	background-image:none;
	filter:none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=url(img/bgbox-svcfg.png), sizingMethod='scale') }*/
	
#boxes #svcfg ul,
#boxes #status ul {
	margin-left:20px;
	margin-bottom:10px;
	list-style:square }
	
#boxes a.btn {
	border:1px solid #FF9900;
	font-weight:bold;
	text-decoration:none;
	background:#CC7A00;
	color:#000;
	display:block;
	margin-bottom:5px;
	padding:3px 5px }
	
#boxes a.btn:hover {
	border:1px solid #FF9900;
	background:#FF9900 }
	
#enquete{ color:#FFF }

#enquete .pergunta { 
	font-weight:bold; 
	margin-bottom:10px }
	
#enquete label { 
	display:block;
	clear:both;
	border-bottom:1px solid #111;
	padding:5px 0 }
	
#enquete .radio { 
	float:left;
	margin-right:5px }
	
#enquete .button { 
	clear:both;
	margin-top:10px }
	
#enquete table tr td { background:#080808; padding:5px 8px; border-bottom:2px solid #000 }
#enquete table tr td strong{ color:#FF9900 }
#enquete table tr td img{ height:5px; margin-top:3px}
	
/* REGISTRO --------------------------------------------------- */	
#registro #termos {
	margin-bottom:20px;
	font:12px Courier New;
	overflow:auto;
	height:400px;
	padding:10px;
	background:#050505 }
	
/* FORMS --------------------------------------------------- */
input.submit { 
	background:#FF9900;
	color:#000;
	padding:3px;
	font:bold 11px Tahoma }

form table tr td.label { 
	width:110px; 
	padding-top:8px;
	color:#FF9900;
	text-align:right; 
	vertical-align:top }
	
#fale form table#campos tr td.label { 
	width:88px }
	
form table tr td { padding:5px }
#donate form table tr td { padding:10px 5px }
form table tr td small { color:#FFF }

form input.text ,
form select ,
form textarea { 
	background:#222;
	border:1px solid #666;
	font:13px Verdana;
	color:#FFF;
	margin-bottom:3px;
	padding:2px }
	
form input.button { 
	font:bold 13px Verdana;
	padding:2px }
	
table#campos {
	padding:10px;
	margin:10px 0;
	background:#111;
	border:2px solid #222 }
	
#comprova #msg {
	color:red;
	padding:15px 10px }
	
#comprova #msg strong{ color:red }
	
/* RODAPÉ --------------------------------------------------- */	
#footer {	
	clear:both;
	font:11px Tahoma;
	background:url(img/logofooter.gif) no-repeat 15px 15px;
	color:#333;
	padding:25px 30px 25px 70px }

#footer a { color:#999 }
#footer a:hover { color:#FFF }