/* 

Projeto: Visanet - RI
Versão: 0.1
Autor: Cyro Barros
E-mail: cyro.moraes@mz-ir.com

*/

body {
	font:12px Arial, Helvetica, sans-serif
}

/* --- Class --- */

.clear {
	clear: both;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
	overlfow: hidden;
}
.first { }
.last { }
.actived { }
.content,
.section { overflow:hidden; position:relative; z-index:1 }

	/* fixed problem IE 6 overflow hidden */
	
	* html .section,
	* html .content,
	* html #services,
	* html #footer {
		overflow:visible;
		height:1%
	}

.button { 
	border:none;
	cursor:pointer;
	overflow:hidden; 
	text-indent:-9999px
}

.primary,
.secondary { 
	display:inline; /* IE6 double margin fix */
	float:left; 
	width:auto;
}
.primary {
	overflow:hidden;
}

input { border:none }
img { display:block }

/* --- Container --- */

#container {
	background:url(../images/bkg_container.png) no-repeat left top;
	margin:0 auto;
	position:relative;
	width:959px
}

/* --- Header --- */

	#header {
		height:166px;
		position:relative;
		z-index:3
	}
	
		#header * {
			color:#0078AB;
			display:inline; /* IE6 double margin fix */
			font-size:11px;
			font-weight:bold;
			text-decoration:none;
			width:auto
		}
		
		#header h1 a {
			background:url(../images/img_logo_ri.gif) no-repeat left top;
			float:right;
			height:84px;
			margin:12px 15px 0 0;
			text-indent:-9999px;
			width:98px
		}
		
		#header h2 a {
			background:url(../images/tit_relacao_investidores.gif) no-repeat left top;
			float:left;
			height:62px;
			margin:48px 9px 0 21px;
			text-indent:-9999px;
			width:249px
		}

		#header h2 a.en {
			background:url(../images/tit_relacao_investidores_en.gif) no-repeat left top;
		}
	
	/* Acesso Rápido e Menu Cosan */
	
		#quickAcess,
		#navMainInstitucional {
			background:url(../images/bkg_acesso.gif) no-repeat left top;
			float:left;
			height:23px;
			margin:84px 0 0 67px;
			padding:7px 0 0 13px;
			width:110px
		}
		
			#quickAcess:hover,
			#navMainInstitucional:hover {
				color:#97C03C
			}
	
	/* Busca */
	
		#header fieldset.search {
			background:url(../images/bkg_input.gif) no-repeat left top;
			float:left;
			height:30px;
			margin:83px 0 0 20px;
			padding-left:13px;
			width:123px
		}
			
			#header fieldset.search input {
				background:transparent;
				border:0;
				float:left;
				font-size:11px;
				margin:7px 3px 0 0;
				width:80px
			}
			
			#header fieldset.search a {
				background:url(../images/btn_seta.gif) no-repeat left top;
				float:left;
				height:30px;
				text-indent:-9999px;
				width:25px
			}
	
	/* Boxe com menu Cosan*/
	
	#boxeHeader {
		float:left;
		margin-top:10px;
		width:120px
	}
	
		#boxeHeader p {
			font-size:11px;
			padding:0 0 0 13px 
		}
		
			#boxeHeader p a:hover { text-decoration:underline }
		
		#navMainInstitucional {
			background:url(../images/bkg_menu_cosan.gif) no-repeat left top;
			margin:5px 0 0 0
		}
		
	/* Menu */

/*	menu.css */



/* --- Section --- */

	/* --- Content/Conteudo --- */
			
		#flash { padding-bottom:16px }
	
		#content { float:right; width:auto }
		
		.interna #content {
			height:490px;
			margin-bottom:15px;
			margin-top:35px;
			position:relative;
			width:629px;
		}
		
			#content .primary { width:472px }
			#content .secondary { margin-left:32px; width:189px }
	 	
			/* Conteudo */
				
				/* Header */
				
					#content .header { margin-bottom:15px }
					
						#content .header h1 {
							color:#0078AB;
							font-size:30px
						}
				
				/* Section */
				
					.interna #content img { 
						display:block;
						margin:0 auto 10px
					}
				
					.interna #content p { 
						margin:0 0 10px 0;
						text-align:justify;
					}
			
					.interna #content p,
					.interna #content ul li,
					.interna #content ol li,
					.interna #content table {
						color:#A19E8F;
						line-height:16px
					}
					
						.interna #content p a,
						.interna #content ul li a,
						.interna #content table a { 
							color:#008FCC; 
							text-decoration:underline 
						}
					
							.interna #content p a:hover,
							.interna #content ul li a:hover,
							.interna #content table a:hover { text-decoration:none }
								
								.interna #content li.txt_mapa a { text-decoration:none }
								
									.interna #content li.txt_mapa a:hover { text-decoration:underline }
					
					.interna #content h2 {
						clear:both;
						color:#008FCC;
						font-size:20px;
						margin:0 0 10px 0
					}
					
					.interna #content ul { clear:both; margin-left:10px }
					
					.interna #content ul.linktop { 
						float:left;
						margin-bottom:10px;
						margin-left:0;
						width:98%
					}
					
						.interna #content ul li { 
							margin:0 0 10px 0; 
							background:url(../images/ico_bullet4.gif) no-repeat left 6px; 
							padding:0 0 0 10px 
						}
						.interna #content ol {
							margin-left:30px;
						}
						.interna #content ol li { 
							margin:0 0 10px 0;
							color:#A19E8F; 
							list-style:decimal;
							padding:0px
						}
												
						.interna #content ul.linktop li {
							background:url(../images/ico_bullet2.gif) no-repeat left 5px; 
							font-size:13px;
							font-weight:bold;
							float:left;
							line-height:15px;
							margin-bottom:4px;
							padding:0 0 0 10px;
							width:95%
						}
					
							.interna #content ul.linktop li a {
								color:#BAB8AD;
								text-decoration:none
							}
					
								.interna #content ul.linktop li a:hover { text-decoration:underline }
					
					.interna #content table { 
						clear:both; 
						margin:0 0 10px 0; 
						width:98% 
					}	
					
					.interna #content .tabelatt {
						color:#008FCC;
						font-weight:bold;
						padding:5px;
						border-bottom:1px solid #000;
						border-top:1px solid #000;
					}
					
					.interna #content .tabelatx {
						font-size:13px;
						color:#6C6C6C;
						padding:5px;
						border-bottom:1px solid #CCCCCC;
					}
			
				/* Footer/update */
				
					#content .update { padding:0 10px 0 0 }
	
					#content .update p {
						background:url(../images/ico_bullet3.gif) no-repeat left 5px;
						color:#D1D1C9; 
						font-size:11px;
						font-weight:bold;
						padding-left:8px
					}
					
					#content p.linkTopo a,
					#content a.linkTopo {
						background:url(../images/bg_topo.gif) no-repeat left 2px;
						color:#D1D1C9;
						float:right;
						font-size:12px;
						height:14px;
						overflow:hidden;
						padding-left:30px;
						text-decoration:none;
						width:91px;
					}
					
						#content p.linkTopo { 
							height:20px
						}
						
							#content p.linkTopo a:hover,
							#content a.linkTopo:hover { color:#97C03C }
				
				/* Content/Arquivos */

					#periodo {
						width:100%;
						height:35px;
						float:left;
						margin-top:10px
					}
					
					.interna #periodo h4 {
						float:left;
						display:inline;
						font-size:12px;
						font-weight:bold;
						color:#008FCC
					}
					
					#periodo label {
						float:right;
					}
					
					#periodo label span.campo {
						font-size:11px;
						font-weight:bold;
						color:#008FCC;
						margin:0 9px 0 0
					}
					
					#periodo label select {
						width:66px;
						font-size:11px;
						color:#999;
						border:1px solid #CCC;
						padding:1px 1px 1px 2px;
					}
					
					.arquivos {
						clear:both;
						margin:0 0 0 0
					}
					
					.arquivos h3 {
						font-size:20px;
						margin-bottom:20px;
						color:#008FCC
					}
					
					.arquivos table {
						margin:0 0 10px 0;
					}
					
					.arquivos .data,
					.arquivos .icone,
					.arquivos .link,
					.arquivos .tamanho {
						color:#A19E8F;
						vertical-align:top;
					}
					
					.arquivos .data {
						color:#A19E8F;
						padding:0 0 8px 10px;
						width:64px
					}
					
					.arquivos .icone {
						width:50px;
						padding-right:5px
					}
					
					.arquivos .link {
						width:443px;
						padding-right:7px
					}
					
					#content .arquivos .link a {
						color:#A19E8F;
						text-decoration:none
					}
					
					#content .arquivos .link a:hover {
						text-decoration:underline;
					}
					
					.arquivos .tamanho { text-align:right }

		/* Breadcrump */
		
			#breadcrump {
				height:20px;
				padding-left:21px;
				width:90%;
			}
			
			.interna #breadcrump {
				left:0;
				position:absolute;
				top:0;
				padding-left:20px;
				z-index:1
			}

				#breadcrump li,
				.interna #content #breadcrump li {
					background:url(../images/ico_bullet6.gif) no-repeat left 5px;
					color:#B0AEA3;
					display:inline;
					float:left;
					font-size:11px;
					margin-right:8px;
					padding-left:10px
				}
				
					#breadcrump li.first { background:none; padding:0 }
					
					#breadcrump li a,
					.interna #content #breadcrump li a { 
						color:#B0AEA3; 
						display:block;
						text-decoration:none
					}
						
						#breadcrump li a:hover,
						.interna #content #breadcrump li a:hover { text-decoration:underline }
		
		
		/* primary */
			
			.primary h3 {
				background:url(../images/ico_bullet10.gif) no-repeat left center;
				margin-bottom:7px;
				padding-left:15px
			}
		
			/* news/Notícias */
			
				/* item RSS e Leia Mais */
				
					#newsNav { float:right }
				
					#news #newsNav li {
						border-bottom:none;
						display:inline; 
						float:left; 
						padding:0; 
						margin-bottom:0
					}
					
						#newsNav li a { 
							display:block; 
							height:23px;
							text-indent:-9999px
						}
						
							#newsNav li.leiaMais a { 
								padding-top:8px;
								margin-right:3px;
								text-indent:0
							}
							
							#newsNav li.rss a { background:url(../images/ico_rss.gif) no-repeat left top; width:23px  }
							
				#news li {
					border-bottom:1px solid #CCC;
					font-size:11px;
					padding:0 0 8px 15px;
					margin-bottom:8px
				}
				
					#news li p {
						color:#333;
						font-weight:bold;
						margin-bottom:3px
					}
					
					#news h5 a {
						background:url(../images/ico_bullet5.gif) no-repeat left 5px;
						color:#333;
						font-weight:normal;
						padding-left:8px;
						text-decoration:none
					}
						
						#news h5 a:hover { text-decoration:underline }
						
			/* quotes/Cotações */
			
				#quotes img,
				#quotes table,
				#quotes iframe { margin-left:15px }
				
				#quotes h3 img { margin-left:0 }
				
		/* secondary */
		
			.secondary h3 {
				margin-bottom:10px
			}
			
			.secondary ul { margin-bottom:10px }
			
				.secondary li {
					background:url(../images/ico_bullet2.gif) no-repeat left 7px;
					line-height:20px;
					padding-left:10px;
					overflow:hidden;
				}
				
					.secondary a {
						color:#333;
						text-decoration:none
					}
					
						.secondary a:hover {
							text-decoration:underline
						}
				
				.secondary .list2 li {
					background:url(../images/ico_bullet3.gif) no-repeat left 7px;
					color:#666
				}
				
					.secondary .list2 a { color:#666 }
				
					.secondary .list2 strong { color:#0078AB }
					
				.secondary .banners { 
					position: relative;
				}
					
				.secondary .banners li { 
					padding:0
				}
				
	/* --- Aside/Barra Lateral --- */
	
		#aside { 
			float:left;
			margin-left:21px;
			width:228px;
			display:inline /* IE6 double margin fix */
		}
		
		.interna #aside { margin-top:35px; display:inline }
		
			#aside h3 { margin-bottom:7px }
		
			/* Services */
			
			#services {
				height:140px
			}
			
				#services li { 
					float:left;
					font-size:9px;
					height:25px;
					margin-bottom:10px;
					padding:3px 0 0 33px;
					text-transform:uppercase;
					width:80px
				}
					
					/* Icones */
					
						#services li.calendario { background:url(../images/ico_calendario.gif) no-repeat left top }
						#services li.mapa { background:url(../images/ico_mapa.gif) no-repeat left top }
						#services li.email { background:url(../images/ico_mail.gif) no-repeat left top }
						#services li.downloads { background:url(../images/ico_download.gif) no-repeat left top }
						#services li.planilhas { background:url(../images/ico_planilha.gif) no-repeat left top }
						#services li.fale { 
							background:url(../images/ico_fale.gif) no-repeat left top;
							height:20px;
							padding-top:8px
						}
					
					/* Fim Icones */
					
						#services li a {
							color:#999;
							text-decoration:none
						}
						
							#services li a:hover {
								color:#97C03C
							}
		
			#aside .banners li {
				height:auto;
				display:inline
			}
			
				#aside .banners a { 
					display:block;
					margin-bottom:9px
				}
				
					#aside .banners li.none a { margin-bottom:0 }
					
/* --- footer/Rodape --- */

	#footer {
		border-bottom:1px solid #D1D1C9;
		border-top:1px solid #D1D1C9;
		overflow:hidden;
		padding:5px 0 5px 10px
	}
	
		#footer .logo { float:right }
	
		#footer .logo li {
			display:inline;
			float:left;
			text-indent:-9999px
		}
		
			#footer .logo a { 
				display:block;
				height:24px;
				margin-right:14px
			}
					
				/* Logos */
				
					#footer li.novoMercado a { background:url(../images/logo_novo_mercado.gif) no-repeat left center; width:35px }
					#footer li.ibovespa a { background:url(../images/logo_ibovespa.jpg) no-repeat left center; width:60px }
					#footer li.itag a { background:url(../images/logo_itag.gif) no-repeat left center; width:71px }
					#footer li.igc a { background:url(../images/logo_igc.gif) no-repeat left center; width:74px }
					#footer li.ibrx a { background:url(../images/logo_ibrx.gif) no-repeat left center; width:75px }
					#footer li.ivbx a { background:url(../images/logo_ivbx.gif) no-repeat left center; width:68px }
					#footer li.msct a { background:url(../images/logo_msct.gif) no-repeat left center; width:56px }	
					#footer li.igct a { background:url(../images/logo_IGCT.jpg) no-repeat left center; width:68px }				
				
				/* Fim logos */
		
		#footerNav { }
		
			#footerNav li { 
				float:left;
				font-size:11px
			}
			
				#footerNav a {
					color:#999999;
					display:block;
					margin-right:10px;
					text-decoration:none
				}
				
					#footerNav a:hover { text-decoration:underline }
		
		#footer p {
			float:left;
			color:#999;
			font:10px Tahoma, Arial, Helvetica, sans-serif;
			margin:5px 0 0;
			width:48%
		}
		
			#footer p a {
				color:#999;
				text-decoration:none
			}
			
				#footer a:hover { text-decoration:underline }
				
/* --- RSS --- */

	#pop {
		background:#FFF;
		display:none;
		position:absolute;
		left:275px;
		top:100px	
	}
	
	#pop-rss {
		background:#018ECC;
		padding:10px;
		width:420px
	}
	
	#rss-meio {
		background:#FFF;
		padding:10px;
	}
	
	#rss-meio div#rss-dir { float:right }
	
	#news #rss-meio p {
		background:none;
		color:#666;
		display:block;
		float:none;
		font:11px Tahoma;
		line-height:15px;
		margin:0 0 10px;
	}
	
	#news #rss-meio p a{
		background:none;
		color:#8F9391;
		display:inline;
		margin:0
	}
	
	#news #rss-meio a.close {
		background:none;
		display:block;
		height:23px;
		margin-bottom:6px;
		text-align:right;
		width:100%
	}
	
	#news #rss-meio a.close img { float:right }
	
	#news #rss-meio p a:hover{
		text-decoration:none;
	}
	
/* --- Acesso Rápido --- */

	#header .box-nav {
		background:#FFF url(../images/bkg_acesso_top.gif) no-repeat left top;
		width:442px;
		float:left;
		position:absolute;
		right:215px;
		top:32px;
		padding:10px 0 0;
		display:none;
		z-index:6
	}
	
	#header #boxAcesso {
		right:168px;
		top:85px
	}
	
	#header .box-nav .box-nav-inner{
		background:url(../images/bkg_acesso_bot.gif) no-repeat left bottom;
		padding-bottom:10px;
		float:left;
	}
	
	#header .box-nav .box-nav-mid{
		background:url(../images/bkg_acesso_mid.gif) repeat-y left top;
		float:left;
		width:422px;
		padding:0 10px
	}
	
	#header .box-nav .box-nav-mid .nav-mid {
		float:left;
		width:208px
	}
	
	#header .box-nav .box-nav-mid h4,
	#header .box-nav .box-nav-mid h4 a {
		color:#0078AB;
		display:block;
		font-size:11px;
		margin-bottom:5px;
		font-weight:bold
	}
	
	#header .box-nav .box-nav-mid h4 a {
		font-weight:bold;
		text-decoration:none;
		padding:0 0 0 0;
	}
	
	#header .box-nav .box-nav-mid h4 a:hover { text-decoration:underline }
	#header .box-nav .box-nav-mid ul { 
		margin:0 0 0 5px;
		padding-bottom:5px;
		float:left
	}
	
	#header .box-nav .box-nav-mid ul li {
		font-size:11px;
		background:url(../images/ico_bullet3.gif) no-repeat left 6px;
		padding:2px 0 2px 8px;
		float:left;
		width:190px
	}
	
	#header .box-nav .box-nav-mid ul li a {
		color:#999;
		display:block;
		text-decoration:none
	}
	
	#header .box-nav .box-nav-mid ul li a:hover { text-decoration:underline }
	
	.limitador { width:610px; float:left } 

/* --- Submenu sustentabilidade --- */

	.projSust {
		background-image: url(../images/img_proj_sust_s.gif);
		background-repeat: no-repeat;
		background-position: left top;
		padding-top: 10px;
		z-index: 1;
		display: none;
	}
	.projSust .i {
		background-image: url(../images/img_proj_sust_i.gif);
		background-repeat: no-repeat;
		background-position: left top;
		padding-bottom: 10px;	
	}
	.projSust ul {
		margin: 0px;
		clear: both;
		display: block;
	}

#footer_txt p {
font-family:Arial, Helvetica, sans-serif, Tahoma;
font-size:12px!important;
font-weight:normal!important;
color:#A19E8F!important;
text-align:justify!important;
background:none!important;
}