@charset "utf-8";
#fly {
display:block;
height:80px;
position:absolute;
background-color:transparent;
right: 0px;
top: 0;
}
/* headers */
h1, h2, h3 {
font-family: Tahoma, Verdana, 'Trebuchet MS', Sans-serif;
font-weight: Bold;
}
h1 {
font-size: 120%;
}
h2 {
font-size: 110%;
text-transform: uppercase;
color: #e48e23;
}
h3 {
font-size: 110%;
color: #e48e23;
}
h1, h2, h3, p {
padding: 10px;
margin: 0;
}
ul, ol {
margin: 5px 20px;
padding: 0 20px;
color: #88ac0b;
}
ul span, ol span {
color: #666666;
}
#menu {
clear: both;
position:absolute;
margin: -43px 0 0 76px; padding: 0 40px 0 0;
background: url(../images/menugradient.png) repeat-x;
font: bold 12px/26px Verdana, Arial, Tahoma, Sans-serif;
height:36px;
width:840px;
border-top: #666 solid 6px;
}
#menu ul {
list-style: none;
}
#menu ul li {
display: inline;
}
#menu ul li a {
float: left;
padding: 0 8px;
margin-left:10px;
color: #333;
text-decoration: none;
background:url(../images/button.png) repeat-x;
border: #aaaaaa 1px solid;
}
#menu ul li a:hover {
background:url(../images/button_orange.png) repeat-x;
color: #333;
border: #aaaaaa 1px solid;
}
#menu ul li#current a {
background:url(../images/button_orange.png) repeat-x;
color: #333;
border: #aaaaaa 1px solid;
}
/* Sidebar */
#sidebar {
float: left;
width: 26.5%;
padding: 0; margin: 20px 0 0 0;
}
#sidebar h1 {
margin-top: -6px;
padding: 7px 0 5px 50px;
font: Arial, 'Trebuchet MS', Sans-serif;
font-size: 10px;
color: #fff;
background: #EEF0F1 url(../images/sidebutton.png) no-repeat left bottom;
border: 1px solid #EFF0F1;
}
#sidebar .left-box {
border: 1px solid #EFF0F1;
margin: 0 0 5px 0;
}
#sidebar ul.sidemenu {
list-style: none;
text-align: left;
margin: 3px 0 8px 0; padding: 0;
text-decoration: none;
}
#sidebar ul.sidemenu li {
border-bottom: 1px solid #EFF0F1;
padding: 2px 0 2px 5px;
margin: 0 2px;
background: url(../images/menubuttonbg.png) no-repeat;
}
#sidebar ul.sidemenu a {
font-weight: bolder;
text-decoration: none;
}
label{
float: left;
width: 120px;
font-weight: bold;
margin-top: 2px;
}
a.green {color: #0C0}
a.red {color: #F00}
input, textarea{
margin-bottom: 5px;
}
input [type=file] {
width: 200px;
}
.sub{
margin-left: 120px;
margin-top: 5px;
width: 90px;
}
.bar {
font-weight: bold;
margin-top: 5px;
margin-left: 10px;
font-size: 12px;
}
.toolbar {
padding: 10px;
border: 1px solid silver;
font-weight: bold;
margin-bottom: 15px;
}
.highlight:hover {
background-color: lightyellow;
padding: 3px;
}
.newsTitle {
padding: 5px;
font-size: 14px;
font-weight: bold;
border-bottom: 1px solid silver;
}
.newsBody {
white-space: normal;
}
.newsFooter {
padding-left: 5px;
font-size: 10px;
width: 90%;
}
.news {
margin-bottom: 15px;
}
.readArchive {
text-align: center;
font-weight: bold;
}
.viewComments {
padding-left: 5px;
font-family: tahoma;
}
.comment {
margin-bottom: 10px;
border: 1px solid silver;
padding: 5px;
}
.commentBody {
margin-bottom: 5px;
padding-bottom: 5px;
border-bottom: 1px dotted silver;
}
.commentFooter {
font-family: tahoma;
font-size: 12px;
}
.leftBoard {
float: left;
width: 64%;
}
.rightBoard {
float: left;
}
.forumBoard {
padding: 3px;
margin-bottom: 5px;
border-top: 1px dotted silver;
}
.boardTitle {
font-weight: bold;
font-size: 13px;
font-family: tahoma;
}
.boardDescription {
padding: 4px;
float: left;
}
.boardStatus {
float: left;
width: 50px;
}
.boardInformation {
padding: 5px;
border: 1px dashed silver;
margin-bottom: 15px;
}
.boardInformationTitle {
font-weight: bold;
font-size: 13px;
font-family: tahoma;
}
.boardInformationDescription {
padding: 4px;
}
.boardInformationModerators {
font-family: arial;
font-size: 11px;
}
.threadTable {
margin-bottom: 10px;
padding: 3px;
}
.threadStatus {
float: left;
width: 30px;
}
.threadLeft {
float: left;
width: 70%; 
} 

.threadTitle { 
    font-weight: bold; 
} 

.boardPages { 
    text-align: center; 
} 

.threadTable { 
    padding: 3px; 
    border-top: 1px dotted silver; 
    padding-top: 5px; 
    margin-top: 20px; 
} 

.forumPost { 
    padding: 5px; 
    margin-bottom: 10px; 
    border-bottom: 1px solid silver; 
} 

.forumPostDate { 
    font-family: tahoma; 
    padding: 2px; 
} 

.forumPostLeft { 
padding: 5px; 
valign: top; 
border-right: 1px solid silver; 
} 

.forumPostAuthor { 
    font-weigh: bold;
    text-align: center;
} 

.forumPostRight { 
    valign: top; 
    padding-left: 10px; 
} 

.forumHistory { 
    font-weight: bold; 
    padding: 3px; 
} 

.forumPostText { 
    border-bottom: 1px dotted silver; 
} 

.postToolBar form { 
    background: none; 
    text-align: right; 
    padding-top: 5px; 
    bordr: none; 
    margin: 0px; 
} 

quote { 
    padding: 4px; 
    border: 1px solid silver; 
} 

.moderatingPanel { 
    border: 1px solid silver; 
    padding: 5px; 
    font-weight: bold; 
    margin-bottom: 5px; 
} 

.postTitle { 
    font-weight: bold; 
    margin-left: 20%; 
    border-bottom: 1px dotted silver; 
} 

.bugtrackerProgressBar { 
    width: 100px; 
    height: 8px; 
    border: 1px solid silver; 
} 

.bugtrackerProgress { 
    float: left; 
    height: 8px; 
    background: lightgreen; 
} 

.bugtrackerRow { 
    font-family: tahoma; 
} 

.bugtrackerBugTable { 
    padding: 5px; 
    border: 1px solid silver; 
     
} 

.bugtrackerTitle { 
    font-size: 15px; 
    font-weight: bold; 
    margin-bottom: 10px; 
} 

.bugtrackerAttr { 
     
}  

.video_comment {
	padding: 5px;
	border: 1px dashed silver;
	margin-top: 4px;
}

.video_search {
	padding: 5px;
	text-align: center;
	border: 1px dotted silver;
	margin-bottom: 5px;
	font-weight: bold;
}

.video_search input[type=text] {
width: 250px;
}

.video_search input[type=submit] {
margin-left: 5px;
}

.houses_list_box {
	border: 1px dotted silver;
	margin-bottom: 20px;
}

.house_title {
	font-weight: bold;
	border-bottom: 1px dotted silver;
	padding: 5px;
}

.house_content {
	padding: 5px;
}


.message .title {
	background-image: url(../images/bar_bg.png);
	height: 30px; 
	padding-top: 8px;
	padding-left: 15px;
	font-weight: bold;
	background-repeat: repeat-x;
}

.message .content {
	padding: 5px 0px 7px 7px;
}

.message .bar {
	border-top: 1px solid silver;
	padding: 5px;
	margin-left: 0px;
	background-color: #e9edee;
}

.messageAdd {
	border-left: 1px solid silver;
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
	padding: 5px;
	float: right;
	background-color: #e9edee;
}

.avatar {
	padding: 1px;
	border: 1px groove silver;
	width: 90px;
	height: 90px;
}

.friend {
	float: left; 
	width: 100px;
	text-align: center;
}

.friend img {
	padding: 1px;
	border: 1px groove silver;
	width: 90px;
	height: 90px;
}

.loader {
margin-left: 10px;
display: none;
}


.table { background:#333; }
.table ul { float:left; margin:0; padding:0;  color: #000;}
.table ul li { list-style:none; padding:5px 10px; height: 30px }
.table ul li.title { font-weight:bold; background:#333; color:#fff; }
.table ul li.even { background:#fff }
.table ul li.odd { background:#DFDFDF }
.table input {margin: 0}

#poll {overflow:hidden;}
#poll label {width: 100%}
#poll input.button {margin: 0; float: none; display: block}
#poll h2 {margin:5px; padding:0;}
#poll ul, #poll ul li {margin:0; padding:0; list-style: none}
#poll ul {padding: 10px; overflow: auto;}

/* ===================================================================
   LAYOUT PRINCIPAL - Grid responsivo
   Substitui o posicionamento absoluto antigo, que quebrava em telas
   de tamanhos diferentes e sobrepunha os blocos.
   =================================================================== */

body {
	background-color: #C0DEED;
	margin: 0;
	padding: 0;
	font-family: Tahoma, Verdana, sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }

.page {
	background-image: url(../images/img/background.jpg?v=6);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	min-height: 100%;
	width: 100%;
	padding-bottom: 30px;
	overflow-x: hidden;
}

.mainbody {
	width: 100%;
	max-width: 1180px;
	margin: 0 auto;
	padding: 0 10px;
}

/* ---------- Logo ---------- */
.header {
	height: 150px;
	width: 100%;
	background-image: url(../images/img/logo.png?v=5);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-top: 20px;
	display: block;
}

.dex {
	height: 130px;
	width: 130px;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: contain;
	float: right;
	margin: 0 10px 4px 0;
}

/* ---------- Navegacao superior ---------- */
.navbar {
	background-image: url(../images/img/nav_bg.png?v=5);
	background-repeat: repeat-x;
	background-size: auto 100%;
	border-radius: 10px;
	box-shadow: 1px 0px 3px #000000;
	padding: 7px 10px;
	margin: 10px 0 14px 0;
	overflow: hidden;
}

.navbar_link {
	font-family: Tahoma;
	font-size: 12px;
	color: #FFFFFF;
	float: left;
	margin: 0 12px 0 0;
	line-height: 18px;
	white-space: nowrap;
}

a:link { text-decoration: none; color: #565656; }
a:visited { text-decoration: none; color: #565656; }
a:active { text-decoration: none; color: #565656; }
a:hover { text-decoration: none; color: #87CEFA; }
.navbar a:link, .navbar a:visited { color: #FFFFFF; }
.navbar a:hover { color: #9EE7FF; }

/* ---------- Grade de 3 colunas ---------- */
.layout {
	display: grid;
	grid-template-columns: 210px minmax(0, 1fr) 210px;
	gap: 14px;
	align-items: start;
}

.col { min-width: 0; }

.col-main { min-width: 0; }

/* ---------- Banner ---------- */
.slider_bg {
	background-color: #161616;
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 12px;
	line-height: 0;
}

#featured { opacity: 1 !important; filter: none !important; background: #161616; }

#featured img {
	width: 100%;
	height: auto;
	min-height: 90px;
	display: block;
}

/* ---------- Caixa de conteudo ---------- */
.newscont {
	background-color: #FFFFFF;
	border-radius: 20px;
	box-shadow: 1px 0px 10px #000000;
	padding: 14px;
	margin-bottom: 20px;
	font-family: Tahoma;
	font-size: 12px;
	color: #333333;
	overflow: hidden;
}

/* ---------- Paineis laterais ---------- */
.panel {
	background-color: #FFFFFF;
	border-radius: 20px;
	box-shadow: 1px 0px 10px #000000;
	padding: 12px;
	margin-bottom: 14px;
	overflow: hidden;
}

.panel-dex {
	height: 64px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	margin-bottom: 4px;
}

.panel-title {
	background: linear-gradient(180deg, #4aa8d8 0%, #1d6f9e 55%, #0d4e73 100%);
	color: #FFFFFF;
	font-family: Tahoma;
	font-size: 14px;
	font-weight: bold;
	padding: 9px 10px;
	margin-bottom: 8px;
	border-radius: 8px;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.55);
}

.panel-links {
	font-family: Tahoma;
	font-size: 13px;
	color: #333333;
}

.panel-links a {
	display: block;
	padding: 3px 0;
	line-height: 18px;
}

.mundo_links {
	font-family: Tahoma;
	font-size: 13px;
	color: #333333;
	padding: 2px 0;
}

.status-online { color: #1c8a2b; font-weight: bold; }
.status-offline { color: #b32a2a; font-weight: bold; }

/* ---------- Formulario de login ---------- */
.loginform { text-align: center; }

.menu_nav input.input,
.loginform input.input {
	background-color: transparent;
	border-radius: 10px;
	height: 31px;
	width: 100%;
	margin: 3px 0;
	color: #000000;
	font-family: Tahoma;
	text-align: center;
	border: 2px solid #00BFFF;
	font-size: 14px;
	box-sizing: border-box;
}

.menu_nav input.loginbutton,
.loginform input.loginbutton {
	background-color: transparent;
	background-image: url(../images/img/playnowbutton.png?v=5);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	height: 36px;
	width: 100%;
	border: none;
	cursor: pointer;
	margin-top: 5px;
}

.menu_nav input.loginbutton:hover,
.loginform input.loginbutton:hover {
	background-image: url(../images/img/playnowbutton_hover.png?v=5);
}

/* ---------- Copyright ---------- */
.copyrights {
	color: #9B9B9B;
	border: 1px dotted #9B9B9B;
	border-radius: 12px;
	padding: 10px;
	margin-top: 18px;
	text-align: center;
}

/* ---------- Regras antigas mantidas para o conteudo interno ---------- */
.newscont .newsTitle {
	background-color: #3B3B3B;
	color: #9B9B9B;
	border: 1px solid black;
	padding: 7px;
	box-shadow: inset 0 1px 1px #4E4E4E;
}

.newscont .newsFooter {
	border: 1px dotted gray;
	padding: 2px;
}

.newscont .bar { border-left: 1px solid silver; border-right: 1px solid silver; }

.menu_nav hr { border: 1px solid #2c2c2c; }

.captchaImage { position: relative; right: -26px; top: -10px; }

/* ---------- Telas medias: 2 colunas (conteudo + lateral) ---------- */
@media (max-width: 1000px) {
	.layout {
		grid-template-columns: minmax(0, 1fr) 200px;
	}
	.col-left { grid-column: 1 / -1; }
	.col-left .panel { max-width: 420px; }
	.navbar_link { font-size: 11px; margin: 0 8px 0 0; }
}

/* ---------- Celular ---------- */
@media (max-width: 720px) {
	.mainbody { padding: 0 8px; }
	.layout {
		grid-template-columns: minmax(0, 1fr);
	}
	.header { height: 110px; background-size: contain; }
	.dex { height: 90px; width: 90px; }
	.navbar {
		display: flex;
		flex-wrap: wrap;
		overflow: visible;
	}
	.navbar_link {
		float: none;
		margin: 0 10px 2px 0;
		font-size: 12px;
		line-height: 20px;
	}
	.panel-title { font-size: 13px; }
	.newscont { padding: 10px; border-radius: 14px; }
	.col-left .panel { max-width: none; }
}


.pTable {
	width: 100%;
	border-width: 0px;
	border-spacing: 2px;
	border-style: outset;
	border-collapse: collapse;
	float:left;
	font-size: 12px;
}

.pTable tr td {
	padding:5px 10px;
}

.pTitle {
	background:#333;
	font-weight: bold;
}

.logTwitter {
	background-image: url(../images/twitter_1.png);
	height:24px;
	width:151px;
}

.logTwitter:hover {
	cursor:pointer
}

.b1 {
	background:#fff
}

.b2 {
	background:#DFDFDF
}

.b3 {
	background:#FFFFFF
}

.rulesUl li {
	color: black;
	font-size: 80%;
}

.check_icon {
	position: relative;
	right: 26px;
	top: -5px;
}

/* Thickbox */

#TB_window {font: 12px Arial, Helvetica, sans-serif; color: #333333; z-index: 99;}
#TB_secondLine {font: 10px Arial, Helvetica, sans-serif; color:#666666;}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
#TB_caption{height:25px; padding:7px 30px 10px 25px; float:left;}
#TB_closeWindow{height:25px; padding:11px 25px 10px 0; float:right;}
#TB_closeAjaxWindow{padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right;}
#TB_ajaxWindowTitle{float:left; padding:7px 0 5px 10px;	margin-bottom:1px;}
#TB_title{background-color:#e8e8e8; height:27px;}
#TB_ajaxContent{clear:both;	padding:2px 15px 15px 15px;	overflow:auto; text-align:left;	line-height:1.4em;}
#TB_ajaxContent.TB_modal{padding:15px;}
#TB_ajaxContent p{padding:5px 0px 5px 0px;}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}

#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { 
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window {
	position: absolute; 
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px;
}

* html #TB_load { 
	position: absolute;
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { 
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}