@charset "utf-8";
@import url("reset.css");
@import url("ads.css");
@import url("calendar.css");
@import url("shoutbox.css");
@import url("ranking-list.css");
@import url("blog-list.css");

/* default font settings */
html {
	font-size: 100.01%; /* 16px */
}
body {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 75%; /* 12px */
	background: #c00 url(../img/bg-black-fade.png) repeat-x left top;
	color: #666;
}

/* headings */
h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #c00; }
/* 3em -> 2.5em */
h1 { font-size: 2.5em; line-height: 1; margin-bottom: 0.4em; font-weight: bold; }
h2 { font-size: 1.5em; margin-bottom: 0.6em; }
h3 { font-size: 1em; line-height: 1; margin-bottom: 0.8em; }
h4 { font-size: 0.7em; line-height: 1.25; margin-bottom: 1em; }
h5 { font-size: 0.5em; font-weight: bold; margin-bottom: 1.25em; }
h6 { font-size: 0.5em; font-weight: bold; }

h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
	margin: 0;
}

/* text elements */
p           { margin: 0 0 1.5em; font-size: 0.9em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus,
a:hover     { color: #f00; text-decoration: underline; }
a           { color: #c00; text-decoration: none; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em, dfn     { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr,
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre         { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em "Andale Mono", "Lucida Console", monospace; line-height: 1.5; }

/* lists */
li ul,
li ol       { margin: 0; }
ul, ol      { margin: 0 1.5em 1.5em 0; padding-left: 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em; }

/* tables */
table       { margin-bottom: 1.4em; width: 100%; border-spacing: 1px; }
th          { background: #c00; color: #fff; text-align: center; }
thead th    { background: #c00; }
th,caption  { padding: 5px 10px; }
td          { background: #eee; color: #333; padding: 5px; text-align: center; }
tr.even td  { background: #ddd; }
tfoot       { font-style: italic; }
caption     { background: #eee; }
td img      { vertical-align: middle; }

table.form                   { width: auto; }
table.form td, table.form th { text-align: left; background: none; }
table.form th                { color: #333; font-weight: bold; }

/* helper classes */
.small      { font-size: 0.8em; margin-bottom: 1.875em; line-height: 1.55em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

/* other */
.newsimg{
	width: 120px;
	height: 120px;
	border: 1px solid #999;
}

h3.grey {
	color: #999;
}

hr {
	border-style: none;
	background-color: #999;
	height: 2px;
	margin: 5px 0;
}

hr.light {
	height: 1px;
	background-color: #e4e4e4;
}

input, textarea {
	border: 1px solid #ccc;
}

fieldset {
	border-style: none;
	margin: 0;
	padding: 0;
}

#top {
	margin-top: -8px;
	width: 100%;
	height: 136px;
	background-image: url(../img/bar-topo-red.png);
	background-repeat: repeat-x;
	z-index: 2;
	position: absolute;
}

.top960 {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

.logo {
	position: absolute;
}

.advertising {
	width: 738px;
	height: 90px;
	background: #fff;
	border: 1px solid #ccc;
	background-image: url(../img/advertising_text.jpg);
	background-repeat: no-repeat;
	background-position: center left;
	float: right;
	margin-top: 23px;
}

#menu {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 125px;
}

.lista_menu {
	margin: 0 auto;
	height: 37px;
	width: 830px;
	padding-left: 130px;

	background-color: #ffb20c;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffc916), to(#ff9a00));
	background: -moz-linear-gradient(top, #ffc916, #ff9a00);

	-webkit-border-bottom-left-radius: 7px;
	-khtml-border-bottom-left-radius: 7px;
	-moz-border-radius-bottomleft: 7px;
	border-bottom-left-radius: 7px;

	-webkit-border-bottom-right-radius: 7px;
	-khtml-border-bottom-right-radius: 7px;
	-moz-border-radius-bottomright: 7px;
	border-bottom-right-radius: 7px;
}

.lista_menu ul {
	height: 37px;
	margin: 0;
	padding: 0;
	list-style: none;
	border-left: 1px solid #ffc80c;
}

.lista_menu li {
	float: left;
	height: 37px;
	font-weight: bold;
	border-left: 1px solid #ff8f05;
	border-right: 1px solid #ffc80c;
}

.lista_menu li a {
	display: block;
	padding: 10px;
	color: #333;
	text-decoration: none;
}

.lista_menu li:hover {
	background-color: #ff9a00;
}

.lista_menu .last-separator {
	height: 37px;
	border-right: 0 none;
}

.clareador {
	clear: both;
}

#bar-top {
	height: 35px;
	line-height: 35px;
	padding: 0 10px;
	margin-bottom: 10px;
	border: 1px solid #d6d6d6;
	color: #676767;

	background-color: #eee;
	background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#d6d6d6));
	background: -moz-linear-gradient(top, #fefefe, #d6d6d6);

	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

#user-control-panel {
	float: right;
}

.button-orange {
	display: inline-block;
	height: 25px;
	line-height: 25px;
	padding: 0 10px;
	color: #970100;

	background-color: #ffce1a;
	background: -webkit-gradient(linear, left top, left bottom, from(#ff3), to(#ff9d02));
	background: -moz-linear-gradient(top, #ff3, #ff9d02);

	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.button-orange:hover {
	text-decoration: underline;

	background: -webkit-gradient(linear, left top, left bottom, from(#ff9d02), to(#ff3));
	background: -moz-linear-gradient(top, #ff9d02, #ff3);
}

.button-red {
	display: inline-block;
	height: 25px;
	line-height: 25px;
	padding: 0 10px;
	color: #fff;
	border: 0 none;
	cursor: pointer;

	background-color: #900;
	background: -webkit-gradient(linear, left top, left bottom, from(#dc0e0e), to(#500));
	background: -moz-linear-gradient(top, #dc0e0e, #500);

	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.button-red:hover {
	text-decoration: underline;

	background: -webkit-gradient(linear, left top, left bottom, from(#500), to(#dc0e0e));
	background: -moz-linear-gradient(top, #500, #dc0e0e);
}

#content {
	width:940px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	background-color:#FFFFFF;
	-moz-border-radius-topleft: 7px;
	-webkit-border-top-left-radius: 7px;
	-khtml-border-top-left-radius: 7px;
	-moz-border-radius-topright: 7px;
	-webkit-border-top-right-radius: 7px;
	-khtml-border-top-right-radius: 7px;
	padding: 10px;
}

#breadcrumb {
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	color: #666666;
	padding-right: 12px;
	padding-bottom: 10px;
}

#breadcrumb a {
	color: #006600;
}

#breadcrumb a:hover {
	color: #00CC00;
}

#breadcrumb_bar {
	color: #999999;
	background: #f9f9f9 url(../img/bg_box_cinza_analise.png) repeat-x bottom;
	border: 1px solid #CCCCCC;
	height: 27px;
    line-height: 27px;
	padding-right: 10px;
	padding-left: 10px;
	float: left;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
}

#breadcrumb_bar a {
	display: block;
	color: #999999;
	float: left;
	background: url(../img/div_bread.png) right top no-repeat;
	padding-right: 15px;
	margin-right: 10px;
	height: 27px;
    line-height: 27px;
	text-decoration:none;
}

#breadcrumb_bar a:hover {
	color: #666666;
}

.home_ico {
	margin-right: 5px;
	padding-top:4px;
	float: left;
}

#bar-left { width: 442px; margin-right: 10px; float: left; }
#bar-center { width: 238px; margin-right: 10px; float: left; }
#bar-right { width: 240px; float: left; }

.hr-salas { border: 0px; background-color: #ccc; height: 1px; margin: 5px 0px 5px 0px; }

.salas-gold { background-image: url(../img/star.png); background-position: center right; background-repeat:no-repeat; }
.salas-gray { background-image: url(../img/star-gray.png); background-position: center right; background-repeat:no-repeat; }
.salas img { float:left; margin-right: 5px; }
.salas-gold img { float:left; margin-right: 5px; }
.salas-gray img { float:left; margin-right: 5px; }

.rankborder {
	border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #ccc;
	background: url(../img/bg-menu.png) repeat-x top;
	margin: 0 0 5px 0;
	padding:2px;
}

.rankresult {
	padding: 5px;
	border: 1px solid #333;
	background:#333333;
	border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align: center;
	color: #fff;
}

#footer {
	background-color: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000));
	background: -moz-linear-gradient(top, #333, #000);
}

#footer-content {
	width: 790px;
	height: 38px;
	line-height: 38px;
	margin: 0 auto;
	padding: 31px 20px 31px 150px;

	background-image: url(/img/logo-footer-trans.png);
	background-repeat: no-repeat;
	background-position-x: 10px;

	color: #656565;
}

#footer-bar {
	float: right;
	height: 36px;
	line-height: 36px;
	border: 1px solid #781112;
	background-color: #c40001;
	color: #fff;

	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

#footer-bar a {
	padding: 0 10px;
	color: #fff;
}

.box-orange {
	padding: 5px;
	margin-bottom: 10px;
	border: 1px solid #ccc;
	background-color: #eee;

	-webkit-border-top-left-radius: 9px;
	-khtml-border-top-left-radius: 9px;
	-moz-border-radius-topleft: 9px;
	border-top-left-radius: 9px;

	-webkit-border-top-right-radius: 9px;
	-khtml-border-top-right-radius: 9px;
	-moz-border-radius-topright: 9px;
	border-top-right-radius: 9px;
}

.box-orange h1 {
	height: 35px;
	line-height: 35px;
	padding: 0 15px;
	color: #333;
	font-size: 1.2em;

	border: 1px solid #fe9900;
	margin: -6px -6px 5px;

	background-color: #fe9900;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff001), to(#fe9900));
	background: -moz-linear-gradient(top, #fff001, #fe9900);

	-webkit-border-radius: 9px;
	-khtml-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
}

.box-red {
	padding: 5px;
	margin-bottom: 10px;
	border: 1px solid #ccc;
	background-color: #eee;

	-webkit-border-top-left-radius: 9px;
	-khtml-border-top-left-radius: 9px;
	-moz-border-radius-topleft: 9px;
	border-top-left-radius: 9px;

	-webkit-border-top-right-radius: 9px;
	-khtml-border-top-right-radius: 9px;
	-moz-border-radius-topright: 9px;
	border-top-right-radius: 9px;
}

.box-red h1 {
	height: 35px;
	line-height: 35px;
	padding: 0 15px;
	color: #fff;
	font-size: 1.2em;

	border: 1px solid #900;
	margin: -6px -6px 5px;

	background: #900;
	background: -webkit-gradient(linear, left top, left bottom, from(#f00001), to(#900));
	background: -moz-linear-gradient(top, #f00001, #900);

	-webkit-border-radius: 9px;
	-khtml-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
}

.box-orange-filled {
	padding: 5px;
	margin-bottom: 10px;
	border: 1px solid #fe9900;
	background-color: #fe9900;

	-webkit-border-radius: 9px;
	-khtml-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
}

.box-orange-filled h1 {
	height: 35px;
	line-height: 35px;
	padding: 0 15px;
	color: #333;
	font-size: 1.2em;

	border: 1px solid #fe9900;
	margin: -6px -6px 5px;

	background: -webkit-gradient(linear, left top, left bottom, from(#fff001), to(#fe9900));
	background: -moz-linear-gradient(top, #fff001, #fe9900);

	-webkit-border-top-left-radius: 9px;
	-khtml-border-top-left-radius: 9px;
	-moz-border-radius-topleft: 9px;
	border-top-left-radius: 9px;

	-webkit-border-top-right-radius: 9px;
	-khtml-border-top-right-radius: 9px;
	-moz-border-radius-topright: 9px;
	border-top-right-radius: 9px;
}

.error-box {
	margin: 10px 0;
	padding: 10px;

	background-color: #ecd5d8;
	color: #bc2a4d;

	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.success-box {
	margin: 10px 0;
	padding: 10px;

	background-color: #cfdfcb;
	color: #146600;

	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.error-box ul, .success-box ul {
	margin: 0;
	padding-left: 20px;
}

.table {
	display: table;
}

.table-row {
	display: table-row;
}

.table-cell {
	display: table-cell;
}

#content-left {
	float: left;
	margin-right: 285px;
	width: 655px;
}

#content-right {
	float: left;
	width: 275px;
	margin-left: -275px;
}