/* 

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

*/

body {
	color:#000;
	font:11px Verdana, Arial, Helvetica, sans-serif
}

/* --- Class --- */

.first { }
.last { }
.actived { }
.content,
.section { overflow:hidden; z-index:1; }

	/* fixed problem IE 6 overflow hidden */
	
	* html .section,
	* html .content,
	* html #acesso_rapido,
	* html #services {
		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
}

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

/* --- Container --- */

#container {
	margin:0 auto;
	position:relative;
	width:781px	
}

/* --- Header --- */

#header {
	border-top:1px solid #999;
	height:112px;
	z-index:99;
}

	#header * {
		color:#000;
		display:inline; /* IE6 double margin fix */
		float:left;
		text-decoration:none;
		width:auto
	}
	
	#header h1 a {
		background:url(../images/logo_cielo.gif) no-repeat left top;
		height:50px;
		margin-top:10px;
		text-indent:-9999px;
		width:143px
	}
	
	#header h2 a {
		background:url(../images/ico_bullet1.gif) no-repeat left 4px;
		color:#00AEEF;
		font-size:10px;
		margin:27px 0 0 21px;
		padding-left:7px;
		text-transform:uppercase
	}
	
	#nav {
		font-size:10px;
		margin:27px 0 23px 64px;
		text-transform:uppercase;
	}
	
		/* Alinhar corretamente no site inglês */
		
		.en-us #nav { margin-left:170px }
	
		#nav li {
			background:url(../images/ico_bullet2.gif) no-repeat left 4px;
			padding-left:6px;
			width:auto
		}
		
			#nav a { color:#000; margin-right:10px }
			#nav a:hover { text-decoration:underline }
			
			#nav li.last a,
			#segmentNav li.last a { margin-right:0 }
			
	#segmentNav {
		margin:20px 0 0 2px;
		text-transform:uppercase
	}
		
		#segmentNav li { float:left }
		
			#segmentNav a {
				margin-right:14px
			}
			
			#segmentNav a:hover,
			#segmentNav a.actived { color:#005DAB }
		
	
	#header fieldset.search,
	#quickAcess {
		border:1px solid #CCC;
		height:23px;
		margin-top:12px;
		padding-left:8px;
		width:123px
	}
	
	#quickAcess {
		background:url(../images/ico_seta.gif) no-repeat 112px 9px;
		line-height:23px;
		margin:12px 9px 0 39px
	}
	
		/* Alinhar corretamente no site inglês */
		
		.en-us #quickAcess { margin-left:85px }
	
	#header fieldset.search {
		border:1px solid #CCC;
		height:23px;
		padding-left:8px
	}
		
		#header fieldset.search input {
			border:0;
			font-size:11px;
			margin-top:4px;
			width:100px
		}
		
		#header fieldset.search a {
			background:url(../images/ico_lupa.gif) no-repeat left top;
			height:14px;
			margin:5px 0 0 3px;
			text-indent:-9999px;
			width:13px
		}

/* --- Section --- */

	/* --- Aside/Barra Lateral --- */
	
	#aside {
		float:left;
		width:186px
	}
	
		/* Menu */
	
		#mainNav {
			border-bottom:1px solid #CCC;
			border-top:1px solid #CCC;
			float:left;
			margin-bottom:15px;
			padding:3px 0 8px;
			position:relative
		}
	
			#mainNav li {
				float:left;
				font-size:10px;
				font-weight:bold;
				position:relative;
				text-transform:uppercase;
				width:186px
			}
			
				#mainNav a {
					color:#00AEEF;
					display:block;
					height:28px;
					line-height:28px;
					text-decoration:none
				}
				
				#mainNav li ul {
					background:#E8E8E8 url(../images/bkg_submenu.jpg) no-repeat left top;
					width:280px;
					position:absolute;
					top:10px;
					margin-top:-10px;
					left:178px;
					padding:0 0 4px 0;
					visibility:hidden
				}
				
				#mainNav li ul li {
					width:280px
				}
				
				#mainNav li ul li a {
					color:#000;
					font-size:10px;
					font-weight:bold;
					height:21px;
					line-height:21px;
					padding:0 5px 0 12px;
					text-transform:none;
				}
				
				#mainNav li ul li a:hover {
					color: #00AEEF;
					position: relative; /* IE8 bug - sem isto os sublinks somem ao passar o mouse */
				}
					
		
		#services {
			background:url(../images/bg_servicos.gif) no-repeat left 6px;
			overflow:hidden;
			margin:12px 0;
			padding-bottom:6px;
			clear:left
		}
			
			#services h3 {
				color:#00AEEF;
				text-align:center;
				text-transform:uppercase
			}
			
			#services ul {
				padding:14px 0 0 11px;
				float:left
			}
			
				#services li { float:left }
				
					#services a { 
						display:block;
						height:16px;
						margin:0 21px 14px 0;
						text-indent:-9999px;
						width:15px
					}
					
						#services li.last a { margin:0 }
					
						#services li.presentation a { background:url(../images/ico_apresentacao.gif) no-repeat center center }
						#services li.cvm a { background:url(../images/ico_cvm.gif) no-repeat center center }
						#services li.calendar a { background:url(../images/ico_calendario.gif) no-repeat center center }
						#services li.quotes a { background:url(../images/ico_cotacao.gif) no-repeat center center }
						#services li.faq a { background:url(../images/ico_perguntas.gif) no-repeat center center }
			
			#services p { 
				clear:both;
				text-align:center
			}
	
	#banners {
	}
	
		#banners li { display:inline; font-weight:bold }
		
			#banners li a {
				color:#000;
				display:block;
				height:39px;
				padding:9px 0 3px 51px;
				text-decoration:none
			}
				#banners li.resul a { background:url(../images/visanet_BN_agenda.gif) no-repeat center center }
				#banners li.cast a { background:url(../images/visanet_BN_WEB.gif) no-repeat center center }
				#banners li.pdf a { background:url(../images/bg_banner_pdf.gif) no-repeat center center }
				#banners li.pdf2 a { background:url(../images/bg_banner_pdf2.gif) no-repeat center center }
				#banners li.mp3 a { background:url(../images/bg_banner_mp3.gif) no-repeat center center }
				#banners li.mailing a { background:url(../images/bg_banner_mail.gif) no-repeat center center }
				#banners li.twitter a { background:url(../images/Cielo_Twitter.gif) no-repeat center center }
			
	/* --- Content/Conteudo --- */

	#content { float:right }
	
		#content .primary { width:386px; position: relative; }
		#content .secondary { margin-left:36px; width:151px; overflow:hidden; }
		#content .institucional { width:395px }
		
	#flash { margin-bottom:16px }
	
		/* tabs/abas */
		
		.tabs {
			z-index:1;
		}
		
			.tabNavigation {
				border-bottom:1px solid #999;
				height:17px;
				margin-bottom:17px
			}
			
				.tabNavigation li { 
					float:left;
					font-size:10px;
					font-weight:bold;
					text-transform:uppercase
				}
				
					.tabNavigation a {
						background:url(../images/ico_separador.gif) no-repeat right center;
						color:#000; 
						display:block;
						padding-right:12px;
						margin-right:12px;
						text-decoration:none
					}
						
						.tabNavigation a:hover,
						.tabNavigation a.selected { color:#005DAB }
						
						.tabNavigation li.last a { background:none }
	
		/* primary */
		
		#news { margin-left:3px }
		
			#news p {
				background:url(../images/ico_bullet3.gif) no-repeat left center;
				color:#00AEEF;
				font-weight:bold;
				margin-bottom:9px;
				padding-left:10px
			}
			
			#news h5 {
				font-weight:normal;
				margin-bottom:9px;
				padding-left:10px;
			}
			
				#news h5 a { color:#000; text-decoration:none }
	
					#news h5 a:hover { text-decoration:underline }
			
			#quotes, #graficos { margin:3px }
			
		/* secondary */	
		
		.home .secondary h3 {
			background:url(../images/bg_tit.gif) no-repeat left bottom;
			color:#00AEEF;
			font-size:10px;
			font-weight:bold;
			margin-top:17px;
			padding-bottom:9px;
			text-transform:uppercase
		}
		
			.home .secondary h3.first { margin-top:0 }
		
		.home .secondary ul { margin:9px 0 0 6px }
		
			.home .secondary ul li { display:inline }
			
				.home .secondary li a {
					background:url(../images/ico_bullet4.gif) no-repeat left 4px;
					color:#000;
					display:block;
					margin-bottom:10px;
					padding-left:12px;
					text-decoration:none
				}
				
					.home .secondary li a:hover { text-decoration:underline }
					
		/* Institucional */	
		
		#tools { float:left; width:175px; }
		#cvm { float:left; width:180px; margin:0 0 0 30px; display:inline }
		
		#tools h3,
		#cvm h3 {
			background:url(../images/bg_tit2.gif) no-repeat left bottom;
			color:#00AEEF;
			font-size:10px;
			font-weight:bold;
			padding-bottom:9px;
			text-transform:uppercase
		}
		
		#tools ul { margin:9px 0 0 0 }
		
			#tools ul li { display:inline; }
			
				#tools li a {
					background:url(../images/ico_bullet4.gif) no-repeat left 4px;
					color:#000;
					display:block;
					margin-bottom:10px;
					padding:0 0 7px 12px;
					text-decoration:none;
					border-bottom:1px solid #CCCCCC
				}
				
				#tools li a.ultimo { border:none }
				
					#tools li a:hover { text-decoration:underline }	

		#cvm ul { margin:9px 0 0 0 }
		
			#cvm ul li { display:inline; }
			
				#cvm li a {
					color:#000;
					display:block;
					margin-bottom:10px;
					padding:0 0 7px 24px;
					text-decoration:none;
					border-bottom:1px solid #CCCCCC;
					font-size:10px
				}
				
				#cvm li a span.data { font-weight:bold; font-size:11px }
				
				#cvm li a.pdf { background:url(../images/ico_pdf.gif) no-repeat left 4px; }
				#cvm li a.html { background:url(../images/ico_html.gif) no-repeat left 4px; }
				#cvm li a.xls { background:url(../images/ico_xls.gif) no-repeat left 4px; }
				
				#cvm li a.ultimo { border:none }
				
					#cvm li a:hover { text-decoration:underline }

/* Footer */

#footer {
	border-top:1px solid #999;
	padding-top:15px
}

	#footer p {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#000000;
		margin:0 0 16px 3px;
		float:left
	}

		#footer p a {
			text-decoration:none;
			color:#999999
		}			
			
			#footer p a:hover {
				text-decoration:underline;
			}		

	#footer ul {
		float:right;
		margin:0 0px 0 0
	}

		#footer ul li {
			display:inline;
			float:left;
			margin:0 0 0 0px
		}
		
/* inetrna */

#interna { width:580px }

#top_interna { float:left; width:100% }

#top_interna p.tit {
	color:#00AEEF;
	font-size:10px;
	font-weight:bold;
	margin:0 0 6px 0;
	text-transform:uppercase
}

#top_interna p.breadcrumb {
	color:#00AEEF;
	font-size:10px;
	font-weight:bold;
	margin:0 0 10px 0;
}

#tit_interna { float:left; width:auto }

#ico_links {
	float:right;
	width:45px;
	margin:10px 0 0 0
}

#ico_links .icos { float:right; margin:0 0 0 6px }

#interna .img_left { float:left; margin:0 10px 10px 10px }


#interna p { margin:0 0 10px 0; text-align:justify }

#interna p,
#interna ul li { line-height:16px; text-align:justify }

#interna p a,
#interna ul li a,
#interna table a { color:#00AEEF; text-decoration:underline }

#interna p a:hover,
#interna ul li a:hover,
#interna table a:hover { text-decoration:none }

#interna h4 { margin:0 0 10px 0; color:#84A4CA; font-weight:bold }
#interna h4 a { color:#84A4CA; text-decoration:none }
#interna h4 a:hover { text-decoration:underline }

#interna h2 { margin:0 0 10px 0; color:#00AEEF; font-weight:bold }

#interna ul { clear:both; margin-left:10px }

#interna ul.linktop { 
	float:left;
	margin-bottom:10px;
	margin-left:0;
	width:100%
}

#interna ul li { margin:0 0 10px 0; background:url(../images/ico_bullet5.gif) no-repeat left 5px; padding:0 0 0 12px }	

#interna ul li.linktop {
	font-size:11px;
	font-weight:bold;
	float:left;
	line-height:15px;
	margin-bottom:4px;
	background:url(../images/ico_bullet4.gif) no-repeat left 5px;
	padding:0 0 0 12px;
	width:95%
}

#interna ul li.linktop a {
	color:#000;
	text-decoration:none
}

#interna ul li.linktop a:hover { text-decoration:underline }

#interna table { clear:both; margin:0 0 10px 0; width:98% }	

#interna .tabelatt {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#00AEEF;
	font-weight:bold;
	padding:5px;
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
}

#interna .tabelatx {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	padding:5px;
	border-bottom:1px solid #CCCCCC;
}

#interna #update { height:25px }

#interna #update h5 {
	background:url(../images/ico_bullet4.gif) no-repeat left 4px;
	padding:0 0 0 12px;
	float:left;
	width:auto
}

#interna #update .btn_topo { float:right; width:auto; margin-top:1px}

#interna .btn_topo { text-align:right; width:100%; margin:0 0 10px 0 }

#interna #update .btn_topo,
#interna .btn_topo {
	font-weight:bold;
	font-size:10px
}

#interna #update .btn_topo a,
#interna .btn_topo a {
	color:#00AEEF;
	text-decoration:none
}

#interna #update .btn_topo a:hover,
#interna .btn_topo a:hover {
	text-decoration:underline
}

/* ------- PAGINA DE ARQUIVOS ------- */

#periodo {
	clear:both;
	width:100%;
	height:35px
}

#periodo h4 {
	float:left;
	display:inline;
	font-size:11px;
	font-weight:bold;
	color:#5E5F5A;
	margin-top:3px
}

#periodo label {
	float:right;
}

#periodo label span.campo {
	font-size:11px;
	font-weight:bold;
	color:#5E5F5A;
	margin:0 9px 0 0
}

#periodo label select {
	width:66px;
	font-size:11px;
	color:#000;
	border:1px solid #CCC;
	padding:1px 1px 1px 2px;
}

.arquivos {
	clear:both;
	margin:0
}

.arquivos h3 {
	font-size:14px;
	margin-bottom:20px;
	color:#000
}

.arquivos table {
	margin:0 0 10px 0;
}

.arquivos .data,
.arquivos .icone,
.arquivos .link,
.arquivos .tamanho {
	padding-bottom:8px;
	vertical-align:top;
	color:#ADBFDC
}

.arquivos .data {
	width:76px;
	padding:0 0 8px 0;
	color:#666
}

.arquivos .icone {
	width:36px;
	padding-left:10px
}

.arquivos .link {
	width:443px;
	padding-right:7px
}

#conteudo .arquivos .link a {
	text-decoration:underline;
	color:#00AEEF;
}

#conteudo .arquivos .link a:hover {
	text-decoration:none;
}

/* acesso rápido */

#acesso_rapido {
	display:none;
	background:#FFF;
	border:1px solid #CCC;
	overflow:hidden;
	position:absolute;
	right:144px;
	top:99px;
	width:445px;
	z-index:99;
}

#acesso_rapido #mid {
	float:left;
	width:443px
}

#acesso_rapido .coluna {
	float:left;
	width:40%;
	margin:10px 0 0 20px
}

#acesso_rapido h4 {
	margin:0 0 5px 0;
	height:20px;
	font-size:11px;
	font-weight:bold;
	color:#00AEEF;
	font-family:Tahoma, Helvetica, sans-serif;
	text-transform:uppercase
}

#acesso_rapido h4 a { color:#00AEEF; text-decoration:underline }
#acesso_rapido h4 a:hover { text-decoration:none }

#acesso_rapido ul {
	margin:0 0 15px 0;
}

#acesso_rapido ul li {
	background:url(../images/ico_bullet6.gif) no-repeat left 4px;
	margin:0 0 5px 0;
	padding:0 0 2px 12px;
	float:left;
	width:180px;
	font-family:Tahoma, Helvetica, sans-serif;
	font-size:10px;
	color:#999
}

#acesso_rapido ul li a {
	text-decoration:none;
	color:#000;
	display:block;
	width:180px
}

#acesso_rapido ul li a:hover {
	text-decoration:underline;
}


#rss {
	position: absolute;
	top: 0;
	right: 0;
	height: 16px;
	line-height: 15px;
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	color: #F59328;
	font-weight: bold;
	font-size: 11px;
	text-align: right;
	padding: 0 22px 0 0;
	background:url(../images/ico_rss.gif) no-repeat right 0;
	text-decoration: none;
}
a#rss:hover { text-decoration: underline; }



/*-- INICIO POP RSS --*/
.popup {
	position: absolute;
	display: none;
	background-color:#FFFFFF;
	border:5px solid #06AAF9;
	padding: 12px 12px 6px 12px;
}
#popup_rss {
	top:27px;
	left:0;
	position: absolute;
	z-index: 10;
	width: 500px;
}
#pop_rss {}
#rss_meio {}

#rss_meio p { 
	font-size:11px;
	line-height:16px;
	margin-bottom:12px;
	clear:both;
	width:100%;
}
#rss_meio p a {
	color:#666666;
	text-decoration:none
}

#rss_meio p a:hover {
	text-decoration:underline
}
.popup .close {
	text-indent: -9999px!important;
	float:right!important;
	margin: -8px -8px 0 0!important;
	display: block!important;
	height: 15px!important;
	width: 15px!important;
	background:  url(../images/ico_close.gif) no-repeat 0 0!important;
	overflow: hidden!important;
	cursor: pointer!important;
}
.popup a.close:hover {
	background-position: 0 -15px!important;
}