/*------------------------------------------------------------------
[Typography Content Stylesheet]

Project:		Millennium BCP PT
Version:		1.0
Last change:	02/10/2008 
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[TOC]
0. STRUCTURE

1. HEADINGS

2.PARAGRAPHS

3. LISTS

4. CONTROLS

5. COLORS

6. TABLES

7. AUX

-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[Color Definitions]

Cerize (Brand color, Headings): #CD0067

Vivid Blue (Links): #3065CF

Dark Blue (Links: Hover, Focus): #2A4985

Dark grey (Main text): #4C4D4D

Mild Grey (footer headers): #999999

-------------------------------------------------------------------*/


/*------------------------------------------------------------------
[0. STRUCTURE]
*/

#conteudo {
	margin:0;
	padding:0;
	width:762px;
}

#conteudo td {
	line-height:1.3em;
}

#conteudo table {
	border-collapse:separate;
	border-spacing: none;
}

#conteudo .title {
	background:transparent url(/img/dotted_1.gif) repeat-x scroll left bottom;
	width:100%;
	text-align:left;
    padding-bottom:3px;
	margin:20px 0 0 0;
	height:20px;
}

#conteudo .transacButtons {
	background:transparent url(/img/dotted_1.gif) repeat-x scroll left top;
	width:100%;
	text-align:right;
	padding-top:5px;
	margin:25px 0 0 0;
	height:30px;
}

.searchTrading {
	width:170px;
	float:right;
	background-color:white;
	padding:0 10px 0 10px;
}

.searchTrading .searchBoxInv {
	width:130px;
	height:15px;	
}

.searchTrading .searchButton {
	margin-top:3px;
	vertical-align:-4px;	
}





/*  Divs for constructing two columns   */

.twoColumns {
	margin:15px 0 15px 0;
}

.twoColumns .leftColumn{
	width:298px;
	float:left;
	overflow:hidden;
}

.twoColumns .rightColumn {
	width:298px;
	float:right;
	margin-left:10px;
	overflow:hidden;
}

/*  Divs withLines  */

div.topDottedLine {
	background:transparent url('/img/dotted_1.gif') repeat-x scroll left top;
	padding: 6px 5px 5px 5px;
}

div.doubleDottedLine {
	background:transparent url('/img/dotted_1.gif') repeat-x scroll left top;
	padding-top:1px;
}

div.doubleDottedLine div {
	background:transparent url('/img/dotted_1.gif') repeat-x scroll left bottom;
	padding: 6px 5px 6px 5px;
}


div.topGreyLine {
	border-top: 1px solid #cccccc;
	padding:5px;
}

div.doubleGreyLine {
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding:5px;
}

div.aroundGreyLine {
	border: 1px solid #cccccc;
	padding:5px;
}

/*  Divs Warning  */

.standout_01 {
	background-color:#FFFFCC;
	border: 1px solid #cccccc;
	padding:10px;
}

.standout_02 {
	background:#FFFFCC url('/img/Checkmark.gif') no-repeat scroll 8px 10px;
	border: 1px solid #cccccc;
	padding:15px 10px 15px 40px;
}

.standout_03 {
	background:#FFFFCC url('/img/LightBulb.gif') no-repeat scroll 8px 10px;
	border: 1px solid #cccccc;
	padding:15px 10px 15px 40px;
}

.standout_04 {
	background:#FFFFCC url('/img/Warning.gif') no-repeat scroll 8px 10px;
	border: 1px solid #cccccc;
	padding:15px 10px 15px 40px;
}




/*------------------------------------------------------------------
[1. HEADINGS]
*/

h1 {
  	color:#CD0067;
	font-size:1.3em;
	background:transparent url('/img/dotted_1.gif') repeat-x scroll left bottom;
	border:none;
	margin:10px 0 22px 0;
  	padding-bottom:2px;
}

h2 {
	color:#CD0067;
	font-size:1.1em;
	margin:10px 0 22px 0;	
}

h2.setaCerizeBaixo {
	background:transparent url(/img/seta_cerize_baixo.gif) no-repeat scroll 0 2px;
	padding:0 0 0 16px;
	margin:10px 0 15px 0;
}

h2.lead {
    color:#999999;
    font-size:1.1em;
    margin:10px 0 15px 0;
}

h3 {
	margin:5px 0 10px 0;
	font-size:1em;
	color:#000000;
}

h3.I1 {
	padding:2px 0 0 15px;
	background:url("/img/bullet_1.gif") left center no-repeat ;
}

h3.I2 {
	padding:2px 0 0 15px;
	background:url("/img/bullet_2.gif") left center no-repeat ;
}

h3.I3 {
	padding:2px 0 0 15px;
	background:url("/img/bullet_3.gif") left center no-repeat ;
}

h3.I4 {
	padding:2px 0 0 15px;
	background:url("/img/bullet_4.gif") left center no-repeat ;
}

h3.I5 {
	padding:2px 0 0 15px;
	background:url("/img/bullet_5.gif") left center no-repeat ;
}

h3.I6 {
	padding:2px 0 0 15px;
	background:url("/img/bullet_6.gif") left center no-repeat ;
}

h3.I7 {
	padding:2px 0 0 15px;
	background:url("/img/bullet_7.gif") left center no-repeat ;
}

h3.I8 {
	padding:2px 0 0 15px;
	background:url("/img/bullet_8.gif") left center no-repeat ;
}


h3.action {
	padding:2px 0 0 15px;
	background:url("/img/bullet_red_2.gif") left center no-repeat ;
}


/*------------------------------------------------------------------
[2. PARAGRAPHS]
*/

p {
	font-size:1em;
	margin:5px 0 10px 0;
	line-height:1.3em;
}


/*------------------------------------------------------------------
[3. LISTS]
*/


/*   Default List   */

#conteudo ul{
	padding:15px 0 20px 20px;
	margin:0;
}

#conteudo ul li{
	background:transparent url('../img/bulletDefault.gif') no-repeat scroll left 4px;
	margin-bottom:8px;
	padding:0 0 0 12px;
	line-height:1.3em;
}


/*    Normal List 1   */
#conteudo ul.normalList {
	padding:15px 0 20px 5px;
	margin:0;
}

/*    Normal List with margin-left:15px;   */
#conteudo ul.normalList_15 {
	padding:15px 0 20px 15px;
	margin:0;
}

#conteudo ul.normalList li, #conteudo ul.normalList_15 li {
	background:transparent url(/img/bulletNormalList.gif) no-repeat scroll 0 4px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-bottom:8px;
	padding:0 0 0 12px;
}

#conteudo ul.normalList li.noBullet, #conteudo ul.normalList_15 li.noBullet {
	background: none;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	margin-top:0;
	padding:0 0 0 8px;
}


#conteudo ul.normalList ul, #conteudo ul.normalList_15 ul {
	padding:5px 0 10px 25px;
	margin:0;
}

/*    Normal List 2   */
#conteudo ul.normalList2 {
	padding:15px 0 20px 5px;
	margin:0;
}

#conteudo ul.normalList2 li {
	background:transparent url(/img/bullet_red_sq.gif) no-repeat scroll 0 5px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-bottom:8px;
	padding:0 0 0 12px;
	line-height:1.3em;
}

#conteudo ul.normalList2 li.noBullet {
	background: none;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-bottom:8px;
	padding:0 0 0 8px;
}


#conteudo ul.normalList2 ul {
	padding:15px 0 5px 25px;
	margin:0;
}


#conteudo ul.normalList3 {
	padding:15px 0 20px 5px;
	margin:0;	
}

#conteudo ul.normalList3 li{
	background:transparent url('/img/arrow_2.gif') no-repeat scroll left 4px;
	margin-bottom:8px;
	padding:0 0 0 12px;
	line-height:1.3em;
}


#conteudo ul.normalList4 {
	padding:15px 0 20px 5px;
	margin:0;	
}

#conteudo ul.normalList4 li{
	background:transparent url('/img/arrowObliqueGrey.gif') no-repeat scroll left 5px;
	margin-bottom:8px;
	padding:0 0 0 12px;
	line-height:1.3em;
}

#conteudo ul.normalList5 {
	padding:15px 0 20px 5px;
	margin:0;	
}

#conteudo ul.normalList5 li{
	background:transparent url('/img/arrowObliqueCerize.gif') no-repeat scroll left 5px;
	margin-bottom:8px;
	padding:0 0 0 12px;
	line-height:1.3em;
}


ol {
	margin:10px 0 10px 0;
	padding:0;
	list-style-position:inside;
}

ol li {
	list-style-type:decimal;
	margin-bottom:8px;
	padding:0 0 0 12px;
	line-height:1.3em;
}


/*------------------------------------------------------------------
[4. CONTROLS]
*/

.contentButtons {
	background:transparent url(/img/dotted_1.gif) repeat-x scroll left top;
	width:100%;
	text-align:right;
	padding:8px 5px 0 0;
	margin:25px 0 0 0;
	height:30px;
}

.contentButtons input {
	padding:0px;
	margin:0px;
	margin-left:5px;
}

.contentButtons img {
	padding:0px;
	margin:0px;
	margin-left:5px;
	vertical-align:middle;
}


.goTop {
	font-size:1em;
	margin:10px 0;
	padding-right:5px;
	text-align:right;
}

.goTop a {
	background:transparent url(/img/arrowUp.gif) no-repeat scroll right center;
	padding-right:10px;
}



/*------------------------------------------------------------------
[5. COLORS]
*/
.positive {
	color:#759A00;
	padding:0;
}

.negative {
	color:#ff0000;
	padding:0;
}

.mildGrey {
	color:#999999;
}

.mildGrey:hover {
	color:#4C4D4D;
}


/*------------------------------------------------------------------
[6. TABLES]
*/

.table01 {
	width:100%;
	border-collapse: collapse;
	margin:15px 0 10px 0;
}

.table01 th {
	font-weight:bold;
	color: #CD0067;
	text-align:left;
	padding:5px 3px 1px 3px;
}

.table01 th.alignCenter {
	text-align:Center;
}


.table01 td {
	padding:5px 3px 5px 3px;
}

.table01 td, .table01 th {
	background:transparent url('/img/dotted_1.gif') repeat-x scroll left bottom;
}


.table02 {
	width:100%;
	border-collapse: collapse;
	margin:15px 0 10px 0;
}

.table02 th {
	font-weight:bold;
	color: #4C4D4D;
	text-align:center;
	padding:5px 3px 3px 3px;
	background-color:#CDDAF4;
	border-right:1px solid #ffffff;
}

.table02 td {
	padding:5px 3px 5px 3px;
}

.table02 td {
	background:transparent url('/img/dotted_1.gif') repeat-x scroll left bottom;
}


/*------------------------------------------------------------------
[7. AUX]
*/

.more2 {
	background:url('/img/doubleArrow.gif') no-repeat right 50%;
	padding:3px 10px 3px 3px;
}


.smallText {
	font-size:0.9em;
}

.setaCerizeBaixo {
	background:transparent url(/img/seta_cerize_baixo.gif) no-repeat scroll 0 2px;
	padding:0 0 0 16px;
	margin:5px 0 5px 0;
	font-weight:bold;
}

.arrowObliqueCerize {
	background:transparent url('/img/arrowObliqueCerize.gif') no-repeat scroll left 5px;
	padding:0 0 0 10px;
	margin:5px 0 5px 0;
}

.arrowObliqueGrey {
	background:transparent url('/img/arrowObliqueGrey.gif') no-repeat scroll left 5px;
	padding:0 0 0 10px;
	margin:5px 0 5px 0;
}


img {
	border:0;
}

.twoCols .colL {
	width:290px;
	float:left;
	overflow:hidden;
}

.twoCols .colR {
	width:290px;
	float:right;
	overflow:hidden;
}

.alignRight {
	text-align:right;
}

.alignLeft {
	text-align:left;
}

.alignCenter {
	text-align:center;
}

/* Styles to hide and show elements */

.show {
	display:block !important;
}

.hide {
	display:none !important;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

.clear {
	display:inline-block;
}

.clear:after {
	display:block; 
	visibility:hidden; 
	clear:both; 
	height:0; 
	content: "."; 
}


/* Margins */

.marginTop_0 {
	margin-top:0;
}


.marginTop_5 {
	margin-top:5px;
}

.marginTop_10 {
	margin-top:10px;
}

.marginTop_15 {
	margin-top:15px;
}

.marginTop_20 {
	margin-top:20px;
}

.marginTop_25 {
	margin-top:25px;
}

.marginTop_50 {
	margin-top:50px;
}

.marginBottom_0 {
	margin-bottom:0px;
}

.marginBottom_5 {
	margin-bottom:5px;
}

.marginBottom_10 {
	margin-bottom:10px;
}

.marginBottom_15 {
	margin-bottom:15px;
}

.marginBottom_20 {
	margin-bottom:20px;
}

.marginBottom_25 {
	margin-bottom:25px;
}

.marginBottom_50 {
	margin-bottom:50px;
}

.ident_5 {
	margin-left:5px;
}

.ident_10 {
	margin-left:10px;
}

.ident_15 {
	margin-left:15px;
}

.ident_20 {
	margin-left:20px;
}

.ident_25 {
	margin-left:25px;
}

.ident_50 {
	margin-left:50px;
}


/* For mobile image in list  */

ul.servicesList {
	margin:15px 0 20px 15px;
	padding:0;
}

ul.servicesList li.image {
	background:transparent url(/img/bulletNormalList.gif) no-repeat scroll 0 3px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-bottom:5px;
	padding:0 0 0 12px;
}

ul.servicesList li.noImage {
	background:transparent url(/img/bulletNormalList.gif) no-repeat scroll 0 3px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-bottom:5px;
	padding:0 0 0 12px;
}

ul.servicesList li.image a.ltip {
	text-decoration:none;
	margin-left:5px;
}

ul.servicesList li.image a.ltip img{
	vertical-align:middle;
}

ul.servicesList li.image a.ltip span{
	margin-left:5px;
	padding:2px 2px 2px 3px;
	display:none;
	text-decoration:none;
	visibility:hidden;
}

ul.servicesList li.image a.ltip:hover span{
	display:inline;
	background-color:#99CC00;
	color:#ffffff;
	width:160px;
	visibility:visible;
}


#lateral ul li{
	background:transparent none repeat scroll 0% 0%;

    margin-bottom:0;
	padding:0;
	line-height:1.3em;
}





/*------------------------------------------------------------------
[EOF
*/