* html, * html body { background-attachment: fixed; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, form, label, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font-style: normal; text-decoration: none; }
body {
background-color: #0c0c0c;
background-image:
repeating-linear-gradient(0deg, rgba(25,25,25,0.6) 0px, rgba(25,25,25,0.6) 1px, transparent 1px, transparent 3px),
repeating-linear-gradient(90deg, rgba(20,20,20,0.4) 0px, rgba(20,20,20,0.4) 1px, transparent 1px, transparent 5px),
repeating-linear-gradient(135deg, rgba(15,15,15,0.3) 0px, rgba(15,15,15,0.3) 1px, transparent 1px, transparent 7px);
}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
input { font-size: 11px; }
body { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; line-height: 1.5; color: #bbbbbb; }
select, input, button, textarea { font: 100% Verdana, Tahoma, Arial, sans-serif; }
a:link, a:visited, a:hover, a:active { font-family: Verdana, Tahoma, Arial, sans-serif; text-decoration: none; outline: none; }
a { color: #ccaa55; }
a:hover { color: #ffffff; }
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0px; height: 0px; }
.clearfix:after { content: "\0020"; display: block; height: 0; clear: both; }
.clearfix { _zoom: 1; }
* + html .clearfix { overflow: hidden; }
.red { color: #cc0000; }
.green { color: #555555; }
.orange { color: #ccaa55; }
b.segmentation { margin: 0 5px; display: inline-block; width: 1px; height: 11px; position: relative; top: 2px; background: #444; }
.close_select { -moz-user-select: none; -khtml-user-select: none; }
/* ---- TOPO BAR ---- */
.header { background: linear-gradient(180deg, #1a1a1a 0%, #0d0d0d 100%); border-bottom: 1px solid #333; height: 26px; min-width: 960px; position: relative; z-index: 15; }
.header a { color: #888; font-size: 10px; }
.header a:hover { color: #ccaa55; }
/* ---- BANNER ---- */
.top { background-color: #0a0a0a; border-bottom: 3px solid #6b0000; border-top: 1px solid #222; width: 100%; }
.top_logo { background: #0a0a0a; text-align: center; overflow: hidden; }
.top_logo img { display: block; margin: 0 auto; }
/* ---- NAVEGACAO ---- */
.nav { clear: both; width: 960px; margin: 0 auto; padding: 0; background: linear-gradient(180deg, #2a2a2a 0%, #111 100%); border-top: 1px solid #444; border-bottom: 1px solid #000; }
.nav ul { text-align: center; }
.nav ul li { display: inline-block; height: 30px; line-height: 30px; padding: 0; margin: 0; }
.nav ul li a { display: inline-block; padding: 0 16px; color: #ccaa55; font-size: 10px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; border-right: 1px solid #444; line-height: 30px; }
.nav ul li a:hover { color: #fff; background-color: #1a1a1a; }
.nav ul li:last-child a { border-right: none; }
.nav ul li.orange { float: right; }
.nav ul li.orange a { background: linear-gradient(180deg, #6b0000 0%, #3a0000 100%); border-right: none; border-left: 1px solid #aa0000; color: #fff; }
.nav ul li.orange a:hover { background: linear-gradient(180deg, #8b0000 0%, #5a0000 100%); }
.nav ul li.orange em { display: none; }
.nav ul li.select a { background: linear-gradient(180deg, #333 0%, #1a1a1a 100%); color: #fff; }
/* ---- WRAPPER ---- */
.center { color: #999; margin: 0 auto; width: 960px; background-color: #111; border-left: 1px solid #1a1a1a; border-right: 1px solid #1a1a1a; }
.c_main strong { color: #ccc; font-size: 11px; font-weight: bold; }
.c_main a:hover { color: #fff; text-decoration: underline; }
.c_main .at_but:hover { color: #fff; text-decoration: none; }
.mt10 { margin-top: 0; }
.center_left { float: left; width: 180px; padding: 10px 0 10px 10px; }
.center_right { float: left; min-height: 180px; width: 740px; padding: 10px; }
.ml10 { margin-left: 10px; }
.mb10 { margin-bottom: 10px; }
a.mr10 { margin-right: 10px; }
a.mb_10 { margin-bottom: 10px; }
.fr { float: right; }
.cBlack { color: #ccaa55; font-weight: bold; }
.loveyTip { background-color: #1a1a1a; border: 1px solid #333; color: #999; overflow: hidden; padding: 7px 10px 7px 20px; }
/* ---- INFO BOX ---- */
.basicInfo { background: linear-gradient(180deg, #1a1a1a 0%, #111 100%); border: 1px solid #333; height: 300px; position: relative; }
.basicInfo_1 { background: linear-gradient(180deg, #1a1a1a 0%, #111 100%); border: 1px solid #333; height: 150px; position: relative; }
.basicInfo_content { color: #999; float: left; padding: 20px 0 0 30px; width: 400px; }
.basicInfo_currency { border-left: 1px solid #333; float: left; height: 145px; width: 280px; margin: 22px 0 0 10px; }
.basicInfo_currency ul { border: 1px solid #333; margin-left: 25px; border-bottom-style: none; }
.basicInfo_currency ul.curr_btn { border-top: 0; }
.basicInfo_currency ul li { border-bottom: 1px solid #222; font-weight: bold; height: 35px; line-height: 35px; padding-left: 8px; font-size: 11px; }
.basicInfo_content p, .ui_tabs p { height: 30px; line-height: 30px; vertical-align: middle; }
.basicInfor-content-shadow { height: 8px; background: linear-gradient(180deg, #0d0d0d 0%, transparent 100%); }
/* ---- BOXES ---- */
.mybox { background-color: #111; border: 1px solid #333; padding: 0; }
.mybox .mytit { background: linear-gradient(180deg, #2a2a2a 0%, #1a1a1a 100%); border-bottom: 2px solid #6b0000; color: #ccaa55; font-family: Impact, 'Arial Black', Arial, sans-serif; font-size: 13px; font-weight: bold; text-transform: uppercase; text-shadow: 1px 1px 0 #000; height: 30px; line-height: 29px; overflow: hidden; padding: 0 12px; letter-spacing: 1px; }
.mybox .myinfo_con { color: #bbb; padding: 8px; }
.mybox .con { color: #bbb; padding: 12px; }
/* ---- FOOTER ---- */
.footer { background: linear-gradient(180deg, #1a1a1a 0%, #111 100%); border-top: 2px solid #6b0000; margin-top: 0; }
.footer_con { color: #555; line-height: 28px; padding: 15px 0 20px; text-align: center; margin: 0 auto; width: 960px; font-size: 10px; }
/* ---- BOTOES ---- */
.at_but { background: linear-gradient(180deg, #6b0000 0%, #3a0000 100%); border: 1px solid #aa0000; color: #fff; cursor: pointer; display: inline-block; font-family: Verdana, Arial, sans-serif; font-size: 11px; font-weight: bold; height: 26px; line-height: 26px; margin: 0; overflow: hidden; padding: 0 18px; text-decoration: none; }
.at_but:hover { background: linear-gradient(180deg, #8b0000 0%, #5a0000 100%); color: #fff; }
.at_but u { display: none; }
.bt_but { background: linear-gradient(180deg, #2a2a2a 0%, #1a1a1a 100%); border: 1px solid #444; color: #ccaa55; cursor: pointer; display: inline-block; font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; height: 22px; line-height: 22px; margin: 0; overflow: hidden; padding: 0 12px; text-decoration: none; }
.bt_but:hover { background: linear-gradient(180deg, #333 0%, #222 100%); color: #fff; text-decoration: none; }
.bt_but u { display: none; }
a.c_1_g { background: linear-gradient(180deg, #2a2a2a 0%, #1a1a1a 100%); color: #ccaa55; border: 1px solid #444; }
a.c_1_g:hover { background: linear-gradient(180deg, #333 0%, #222 100%); color: #fff; text-decoration: none; }
/* ---- DEF_MAIN (conteudo inline) ---- */
.def_main { background-color: #111; padding: 10px; border: 1px solid #222; }
/* =====================================================================
VISUAL POLISH (apenas refinamento estetico via cascata)
Nao altera estrutura, IDs ou nomes de classe existentes.
===================================================================== */
/* Transicoes suaves em elementos interativos */
a, .nav ul li a, .at_but, .bt_but, a.c_1_g, .mybox, .nav ul li.orange a {
transition: color .18s ease, background-color .18s ease,
background .18s ease, box-shadow .2s ease,
transform .12s ease, border-color .18s ease;
}
/* Profundidade no fundo: vinheta + leve brilho dourado no topo */
body::before {
content: "";
position: fixed;
inset: 0;
pointer-events: none;
z-index: 0;
background:
radial-gradient(120% 60% at 50% 0%, rgba(140,30,30,0.12) 0%, transparent 55%),
radial-gradient(100% 100% at 50% 100%, rgba(0,0,0,0.55) 0%, transparent 60%);
}
.header, .top, .nav, .center, .footer { position: relative; z-index: 1; }
/* Banner: brilho sutil na borda inferior vermelha */
.top { box-shadow: 0 4px 18px rgba(0,0,0,0.6), inset 0 -1px 0 rgba(170,0,0,0.4); }
.top_logo img { max-height: 220px; }
/* Navegacao: mais "viva" com brilho no hover */
.nav {
border-radius: 0 0 4px 4px;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 3px 10px rgba(0,0,0,0.5);
}
.nav ul li a:hover {
text-shadow: 0 0 8px rgba(204,170,85,0.6);
box-shadow: inset 0 -2px 0 rgba(204,170,85,0.5);
}
.nav ul li.orange a {
box-shadow: inset 0 1px 0 rgba(255,120,120,0.25);
text-shadow: 0 1px 1px rgba(0,0,0,0.6);
}
.nav ul li.orange a:hover {
box-shadow: inset 0 1px 0 rgba(255,150,150,0.35), 0 0 12px rgba(170,0,0,0.6);
}
.nav ul li.select a { text-shadow: 0 0 8px rgba(204,170,85,0.5); }
/* Wrapper central com profundidade */
.center {
box-shadow: 0 0 30px rgba(0,0,0,0.7);
border-radius: 0 0 6px 6px;
}
/* Caixas e conteudo com cantos suaves e sombra */
.mybox, .def_main, .basicInfo, .basicInfo_1, .loveyTip {
border-radius: 5px;
box-shadow: 0 2px 8px rgba(0,0,0,0.45);
}
.mybox { overflow: hidden; }
.mybox:hover { box-shadow: 0 4px 16px rgba(0,0,0,0.6), 0 0 0 1px rgba(107,0,0,0.4); }
.mybox .mytit { border-radius: 4px 4px 0 0; }
/* Botoes: relevo, brilho e leve elevacao no hover */
.at_but, .bt_but, a.c_1_g {
border-radius: 4px;
box-shadow: 0 2px 5px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.12);
}
.at_but:hover {
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(170,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.2);
}
.bt_but:hover, a.c_1_g:hover {
transform: translateY(-1px);
box-shadow: 0 4px 10px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.15);
}
.at_but:active, .bt_but:active, a.c_1_g:active { transform: translateY(0); }
/* Titulos com brilho dourado sutil */
.cBlack, .c_main strong { text-shadow: 0 0 6px rgba(204,170,85,0.25); }
/* Footer mais elegante */
.footer { box-shadow: inset 0 2px 8px rgba(0,0,0,0.5); }
.footer_con { letter-spacing: .5px; }
/* Selecao de texto no tema */
::selection { background: rgba(170,0,0,0.55); color: #fff; }
::-moz-selection { background: rgba(170,0,0,0.55); color: #fff; }
/* Barra de rolagem combinando com o tema escuro */
* { scrollbar-width: thin; scrollbar-color: #6b0000 #111; }
::-webkit-scrollbar { width: 11px; height: 11px; }
::-webkit-scrollbar-track { background: #0d0d0d; }
::-webkit-scrollbar-thumb {
background: linear-gradient(180deg, #6b0000 0%, #3a0000 100%);
border: 2px solid #0d0d0d;
border-radius: 6px;
}
::-webkit-scrollbar-thumb:hover { background: linear-gradient(180deg, #8b0000 0%, #5a0000 100%); }