﻿/* ==========================================================================================================================

Pollux - Commom Stylesheet Magic
Versão 1.0

URL do Projeto: http://www.pollux.com.br
Última atualização: 20/12/2007

INDEX:
------
	1) Globals
	2) Navigation
	3) Links
	4) Layout
	5) Sections/Pages
		5.1) Header
		5.2) Menu
		5.3) Content
		5.4) Left Column
		5.5) Right Column
		5.6) Middle Column
		5.7) Ancillary
		5.8) Footer
	6) Classes

CORES:
-----------------
	ffffff = Branco
	8c914f = Verde (Body)
	f5f6ed = Amarelo Claro (Content)
	e7e9d4 = Amarelo Médio (Aside)
	989d61 = Amarelo Escuro (Text)
	000000 = Preto (Text)
	c6c699 = Menu (Hover)
============================================================================================================================= */

/* =Globals */
/* ========================================================================================================================== */
html { min-height: 100.1%; }
body { background: #8c914f; color: #000; font: normal 12px "Trebuchet MS", Tahoma, sans-serif; }
h1 { color: #959d56; font-size: 13px; font-weight: bold; letter-spacing: 0.03em; margin: 0 0 20px 45px; }
h2 { color: #9aa25e; border-bottom: 2px solid #9aa25e; font-size: 13px; font-weight: bold; letter-spacing: 0.03em; margin-bottom: 30px; padding: 0 0 3px 45px; }
h2.portfolio { background: #abb278; border-top: 2px solid #8c914f; border-bottom: 2px solid #8c914f; color: #fff; margin-bottom: 20px; padding: 3px 0 3px 45px; }

address { font-style: normal; }

label { color: #959d56; font-weight: bold; padding: 10px 0 3px 10px; }
input, select { background: #f2f3e9; border: none; border-left: 2px solid #b1b77d; border-top: 2px solid #b1b77d; font: normal 12px "Trebuchet MS", Tahoma, sans-serif; padding-left: 5px; }
select option { padding-left: 10px; }

/* =Navigation */
/* ========================================================================================================================== */

#navigation { font-size: 11px; margin-left: 150px; }		
#navigation li { display: inline; }
#navigation li a { background: transparent url(../imgs/bg-navlinks.jpg) no-repeat right center; color: #000; font-weight: bold; float: left; height: 28px; line-height: 28px; padding: 0 18px; text-transform: uppercase; text-decoration: none; }
#navigation li a#nav-home { margin-left: 292px; }
#navigation li a.noback { background: none; }
#navigation li a:hover, #navigation li a.selected { background: transparent url(../imgs/bg-navlinks.jpg) repeat-x 0 center; color: #fff; }

#subnavigation { background: #f9faf4; border-bottom: 1px solid #c7caa0; border-left: 1px solid #c7caa0; font-size: 11px; padding-top: 3px; width: 190px; position: absolute; left: 269px; }
#subnavigation li { margin-bottom: 3px; padding-left: 18px; }
#subnavigation li a { color: #000; font-weight: bold; text-decoration: none; }
#subnavigation li a:hover, #subnavigation li a.selected { background: none; color: #8c914f; }

#navigation-aside { margin-top: 50px; }
#navigation-aside li { margin-bottom: 10px; padding-right: 10px; text-align: right; }
#navigation-aside li a { color: #000; font-weight: bold; text-decoration: none; }
#navigation-aside li a:hover, #navigation-aside li a.selected { color: #8c914f; }	

/* =Links */
/* ========================================================================================================================== */

.pdfs { background: transparent url(../imgs/icons/icon_pdf.jpg) no-repeat 0 2px; }

/* =Layout */
/* ========================================================================================================================== */

#container { margin: 30px auto 0; padding-bottom: 30px; width: 960px; }

#header { background: #f2f3e9 url(../imgs/bg-header.jpg) no-repeat right 0; height: 101px; padding-top: 75px; }
#menu { background: #e7e9d4; height: 28px; margin-top: 8px; }
#submenu { position: relative; }

#wrapper { background: #fff url(../imgs/bg-wrapper.jpg) repeat-y 0 0; overflow: hidden; zoom: 1; }
#col-aside { background: transparent url(../imgs/bg-colaside.jpg) no-repeat 0 0; display: inline; float: left; width: 158px; }
#col-content { display: inline; float: left; width: 802px; margin-top: 50px; padding-bottom: 20px; min-height: 270px; _height: 270px; }

/* =Sections/Pages */
/* ========================================================================================================================== */

/* Home Page */

body#home #lform { margin: 58px 0 0 470px; }
body#home label { background: #c6c699; border: 1px solid #a0a46b; color: #fff; display: block; font-weight: bold; height: 19px; margin-right: 3px; padding: 0 0 0 5px; }
body#home input { background: #f4f4eb; border: 1px solid #c6c699; margin-right: 3px; width: 160px; }
body#home #table-login td.label { width: 80px; }
body#home #table-login input#lform-send { background: #fff; border: 1px solid #a0a46b; border-bottom: 2px solid #a0a46b; border-right: 2px solid #a0a46b; color: #a0a46b; cursor: pointer; font-weight: bold; height: 22px; padding: 0; width: 55px; }

body#home #header { background: #fff url(../imgs/bg-homeheader.jpg) no-repeat 0 0; }
body#home #logo { background: transparent url(../imgs/logo-homepollux.jpg); margin-left: 120px; }
body#home #col-content { background: #e8e8d6 url(../imgs/bg-homecontent.jpg); display: block; float: none; min-height: 304px; _height: 304px; margin-top: 5px; padding: 0; width: 960px; }
body#home #footer { background: #fff url(../imgs/bg-homefooter.jpg); height: 131px; }

body#home p { font-size: 13px; font-style: italic; font-weight: bold; line-height: 20px; width: 380px; }
body#home p.first { margin-left: 160px; padding-top: 28px; }
body#home p.second { margin-left: 265px; }

body#home #footer p { font-size: 10px; font-style: normal; font-weight: normal; margin: 0 0 0 265px; padding-top: 40px; }

/* Header */

#logo { background: transparent url(../imgs/logo-pollux.jpg); display: block; height: 61px; margin-left: 130px; text-indent: -9999px; width: 163px; }

/* Content */

#col-content p { margin: 0 45px 15px; line-height: 18px; text-align: justify; }
span.team-names { color: #8c914f; font-size: 13px; font-weight: bold; }

#rform { padding-left: 45px; }
#rform input { vertical-align: middle; }
#rform select { width: 210px; }
#rform label.color { background: #e4e7d3; display: block; font-size: 13px; letter-spacing: 0.03em; width: 200px; }
#rform label.inline { display: -moz-inline-box; _display: inline-block; /display: inline-block; padding: 2px 0 0 10px; width: 50px; }
#rform .rform-left, #rform .rform-right { float: left; width: 220px; }
#rform .rform-right p { color: #959d56; font-size: 13px; font-weight: bold; letter-spacing: 0.03em; margin: 15px 0 3px 0; padding: 10px 0 3px 10px; }
#rform .rform-right div { margin-top: 5px; }
#rform .rform-right input { width: 138px; }
#rform input#rform-send { background: #f2f3e9; border: none; border-bottom: 2px solid #b1b77d; border-right: 2px solid #b1b77d; color: #959d56; cursor: pointer; font-weight: bold; height: 19px; margin: 30px 0 0 164px; _margin-left: 158px; /margin-left: 158px; padding: 0; width: auto; }

address.contact { display: block; float: left; margin-left: 45px; }
address.contact span { display: block; line-height: 18px; }
address.contact span.name { color: #8c914f; font-size: 13px; font-weight: bold; }
address.address { padding-left: 45px; }

.funds-container { margin: 0 0 20px 45px; overflow: hidden; zoom: 1; }
.p-container { margin-bottom: 20px; overflow: hidden; zoom: 1; }

#col-content p.left { display: inline; float: left; margin: 0 20px 0 45px; width: 340px; }
#col-content p.right { display: inline; float: left; margin: 0; width: 340px;  }

.funds-tables { background: #f5f6ed; }
.funds-tables caption { color: #959d56; font-weight: bold; font-size: 13px; font-weight: bold; letter-spacing: 0.03em; padding-bottom: 8px; }
.funds-tables th { background: #e6e8d2; border-bottom: 2px solid #8c914f; color: #8c914f; font-weight: bold; text-align: right; /*padding: 2px 12px 2px 0px;*/ padding: 2px 8px 2px 0px; }
.funds-tables th.extra-heading { background: #abb278; border-top: 2px solid #8c914f; border-bottom: 2px solid #8c914f; color: #fff; padding: 2px 8px 2px 0px; text-align: right; }
.funds-tables th.hside { background: none; border-bottom: 2px solid #dcdec3; color: #000; /*padding-left: 5px;*/ padding-left: 3px; text-align: left; width: 65px; }
#tab-braz-risk th.hside { width: 250px; }
#tab-braz-risk td { width: 231px; }
.funds-tables td { border-bottom: 2px solid #dcdec3; padding: 3px 8px 0 3px; text-align: right; }
.funds-tables tfoot tr td { border: none; font-size: 9px; text-align: left; padding: 3px 0 8px 5px; }

#tab-historical,#tab-braz-risk { margin: 0 0 20px 45px; width: 712px; }
#tab-historical caption,#tab-braz-risk caption { letter-spacing: 0.03em; font-size: 13px; margin-left: 45px; }
#tab-risk, #tab-performance, #tab-global-perf01, #tab-global-perf02 { width: 350px; }
#tab-performance th.hside  { height: auto; width: 130px; }
#tab-risk th.hside { height: auto; width: 130px; }
#tab-global-perf01 th.hside, #tab-global-perf02 th.hside { height: auto; width: 100px; }
#tab-risk { _display: inline; float: left; margin-right: 10px; }
#tab-performance { _display: inline; float: left; }
#tab-global-perf01, #tab-global-perf02 { _display: inline; float: left; margin-right: 10px; }
#tab-global-perf02 caption { text-indent: -9999px; }
.ftleft { _display: inline; float: left; margin-right: 10px; width: 350px; }
.ftleft th.hside { height: auto; width: 130px; }

.docs-tables { margin-bottom: 20px; width: 100%; }
.docs-tables th { border-bottom: 2px solid #dcdec3; font-weight: bold; padding: 2px 0; }
 { border-bottom: 2px solid #dcdec3; padding: 3px 0; }
.docs-tables a { color: #000; padding-left: 20px; text-decoration: none; }
.docs-tables a:hover { color: #8c914f; }
.docs-tables .hnames { width: 250px; }
.docs-tables .dates { color: #9aa25e; }
.docs-tables .pad { padding-left: 45px; }

#list-terms li { border-bottom: 2px solid #d9ddc1; padding: 3px 45px; overflow: hidden; zoom: 1; }
#list-terms li span { color: #9aa25e; font-weight: bold; }
#list-terms li span.left { float: left; font-size: 13px; }
#list-terms li span.right { color: #000; font-weight: normal; display: block; margin-left: 200px;  }

#list-terms li span.lft01 { width: 101px; }
#list-terms li span.rgt01 { margin-left: 101px; }

#list-terms li span.lft02 { width: 129px; }
#list-terms li span.rgt02 { margin-left: 129px; }

#list-terms li span.lft03 { width: 102px; }
#list-terms li span.rgt03 { margin-left: 102px; }

#list-terms li span.lft04 { width: 80px; }
#list-terms li span.rgt04 { margin-left: 80px; }

.list-funds { background: #f5f6ed; float: left; margin-right: 20px; padding-bottom: 10px; width: 190px; }
.list-funds li { background: #f5f6ed; border-bottom: 1px solid #dedec3; padding: 4px 4px 0 15px; }
.list-funds .title { background: #e7e9d4; border: none; color: #8c914f; font-size: 13px; font-weight: bold; letter-spacing: 0.03em; padding: 15px 0 3px 15px; }

.table-benchmarks { background: #f5f6ed; margin: 0 45px 0; width: auto; }
.table-benchmarks caption { background: #e7e9d4; color: #8c914f; font-size: 13px; font-weight: bold; letter-spacing: 0.03em; padding: 15px 0 3px 15px; width: auto; }
.table-benchmarks th { color: #8c914f; font-weight: bold; padding: 4px 3px 0px 15px; text-align: right; width: 130px; }
.table-benchmarks th.benchs { background: transparent url(../imgs/bg-tab-benchmark.jpg) repeat-x 0 bottom; border-right: 5px solid #f5f6ed; }
.table-benchmarks th.hside { border-bottom: 1px solid #dedec3; color: #000; text-align: left; width: auto; }
.table-benchmarks td { border-bottom: 1px solid #dedec3; border-right: 5px solid #f5f6ed; padding: 4px 3px 0 15px; }


/* =Classes */
/* ========================================================================================================================== */

.att { color: red; font-weight: bold; }
.box-yellow { background: #f4f4eb; margin-bottom: 15px; padding: 15px 0; overflow: hidden; zoom: 1; }
.tbottoms { border: none !important; height: 10px; }
.clearfix:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */

.sscript{ 
	vertical-align:top;
	font:bold 8px Verdana;
} 

.cellcenter{
	text-align:center;
}

#login{
	position:absolute;
	z-index:100;
	font:normal 10px Verdana;
	top: 189px;
	text-align:right;
	width:948px;
}

#login a{
	font-weight:bold;
	text-decoration:none;
	color:#666;
}

#login a:hover{
	text-decoration:underline;
	color:#f00;
}
