@import url(header.css); /* CSS do Header */
@import url(sidebar.css);/* CSS da Sidebar da Home */
@import url(footer.css); /* CSS do Footer */
@import url(segassist.css); /* CSS de Seguros e Assistencias */
@import url(guiabolso.css); /* CSS de Guia de Bolso */
@import url(ajuda.css); /* CSS de Ajuda */
@import url(news.css); /* CSS de News */
@import url(credicardciti.css); /* CSS de A Credicard Citi */
@import url(popup.css); /* CSS do Pop-up */
@import url(atendimento.css); /* Atendimento */
@import url(comparativo.css); /* CSS do Comparativo de Cartoes */
@import url(cartao.css); /* CSS da pagina do Cartao */
@import url(comoadquirir.css); /* CSS de Como Adquirir */
@import url(mapasite.css); /* CSS de Mapa do Site */
@import url(segurancaprivacidade.css); /* CSS de Seguranca e Privacidade */
/*
 * author: Riccardo Benetti
 * projeto: Credicard Citi - Corporate
 * data: 2008.10.06 - 10:00
 */
html {
	overflow-x: auto;
	overflow-y: scroll;
}

body 	{
	font-family: Tahoma;
}
a, img, h1, h2, h3, h4, h5, h6, p	{
	outline: none;
}
.clear	{
	clear: both;
	text-indent: -9000px;
}
.sublinhado	{
	text-decoration: underline;
}
.lnk_disclaimer	{
	margin-top: 5px;
}
.hide {
	display: none;
}
.espaco_footer {
	clear: both;
	height: 150px;
}
.espacao {
	clear: both;
	height: 200px;
}
ul.bullet_simples	{
	color: #868686;
	font-size: 11px;
	list-style: disc;
	list-style-position: inside;
}

/* Container */
#container {
	display: block;
	width: 910px;
	height: auto;
	margin: 0px auto;
	padding: 0px 25px;
	background-color: #ededed;
}
#container.home	{
	width: 939px;
	padding: 0px 12px 0px 9px;
}
#container #content	{
	float: left;
	width: 650px;
	height: auto;
	margin: 10px 0px;
	padding: 0px;
	font-family: Tahoma;
}
	#content #box_flash	{
		width: 100%;
		height: 100%;
	}
	#content h2.tit_internas	{
		background: url('../images/barra_titulo.png') left 6px no-repeat;
		display: block;
		padding-left: 10px;
		margin-bottom: 10px;
		font-size: 22px;
		color: #19167d;
	}
	#content p {
		font-size: 11px;
		color: #868686;
	}
	#content p a {
		font-size: 11px;
		color: #868686;
	}
	#content p a:hover {
		font-size: 11px;
		color: #868686;
		text-decoration: underline;
	}
	#content ul.lista_geral li	{
		font-size: 11px;
		color: #868686;
		list-style: disc;
		list-style-position: outside;
		margin: 5px 0 5px 15px;
	}
	
	#content .lnk_voltar_topo	{
		display: block;
		margin: 10px 0px 10px 490px;
		background: url('../images/seta_direita.gif') left center no-repeat;
		padding-left: 11px;
		font-size: 11px;
		color: #868686;
	}
	#content .lnk_voltar_topo.outras	{
		margin: 10px 0px 10px 560px;
	}
	#content .lnk_voltar_topo.cartoes_topo	{
		margin: 20px 0px 20px 550px;
	}
	#content .left {
		float: left;
		margin-right: 10px;
	}
	#content .right {
		float: right;
	}
	#content .top {
		margin-top: 10px;
	}
	#content #box_compmoedas {
		float: left;
		width: 298px;
		margin-top: 27px;
	}
		#content #box_compmoedas #tbl_cotacao {
			width: 298px;
			border: 0;
			padding: 0;
			margin: 0;
		}
			#tbl_cotacao .titulo {
				font-size: 1px;
				height: 25px;
			}
			#tbl_cotacao .empty {
				width: 101px;
				padding: 4px 0 3px 13px;
			}
			#tbl_cotacao .compra {
				width: 60px;
				text-align: center;
				padding: 4px 0 3px 0;
			}
			#tbl_cotacao .venda {
				width: 54px;
				text-align: center;
				padding: 4px 0 3px 0;
			}
			#tbl_cotacao .variacao {
				width: 70px;
				text-align: center;
				padding: 4px 0 3px 0;
			}
			#tbl_cotacao tbody {
				background-color: #FFF;
				font: normal 11px tahoma;
				color: #868686;
			}
				#tbl_cotacao tbody .divisor_h {
					font-size: 1px;
					height: 1px;
				}
				#tbl_cotacao tbody .negativo {
					color: #ff0000;
				}
				#tbl_cotacao tbody .fundo {
					font-size: 1px;
					padding-top: 1px;
				}
			#tbl_cotacao .tbl_bottom {
				font-size: 1px;
				background: url('../images/bg_bottom_tblcotacao.png') no-repeat;
				height: 29px;
				width: 298px;
				padding-left: 12px;
			}
	#content .divisoria_home {
		float: left;
		background: url('../images/divisoria_v_home.png') 24px 0 no-repeat;
		height: 159px;
		width: 49px;
		margin-top: 28px;
	}
	#content #box_indicafinanceiros {
		float: left;
		width: 298px;
		margin-top: 27px;
	}
		#content #box_indicafinanceiros .abas_tbl_indfin {
			float: left;
			width: 298px;
			list-style: none;
		}
			#content #box_indicafinanceiros .abas_tbl_indfin li{
				float: left;
				text-indent: -9000px;
				overflow: none;
				height: 21px;
				margin-right: 2px;
				background-repeat: no-repeat;
			}
				#content #box_indicafinanceiros .abas_tbl_indfin li.bolsas {
					width: 52px;
					background-image: url('../images/bt_bolsas.png');
				}
				#content #box_indicafinanceiros .abas_tbl_indfin li.indicadores {
					width: 71px;
					background: url('../images/bt_indicadores.png') no-repeat;
				}
				#content #box_indicafinanceiros .abas_tbl_indfin li.on {
					background-position: 0 0;
				}
				#content #box_indicafinanceiros .abas_tbl_indfin li.off {
					background-position: 0 -32px;
				}
		#content #box_indicafinanceiros .box_tbl {
			float: left;
			width: 298px;
		}
		#content #box_indicafinanceiros .box_tbl .tbl_indfin {
			width: 298px;
			border: 0;
			padding: 0;
			margin: 0;
		}
			.tbl_indfin .tbl_top {
				font-size: 1px;
				height: 11px;
			}
			.tbl_indfin .titulo {
				background-color: #f4f4f4;
				height: 21px;
			}
			.tbl_indfin .centro {
				text-align: center;
			}
			.tbl_indfin .left {
				padding-left: 14px;
			}
			.tbl_indfin .indice {
				width: 97px;
			}
			.tbl_indfin .pontos {
				width: 66px;
			}
			.tbl_indfin .valor {
				width: 67px;
			}
			.tbl_indfin .data {
				width: 54px;
			}
			.tbl_indfin tbody {
				background-color: #FFF;
				font: normal 11px tahoma;
				color: #868686;
			}
			.tbl_indfin tbody .first_line {
				padding-top: 9px;
				padding-bottom: 2px;
			}
			.tbl_indfin tbody .line {
				padding-top: 3px;
				padding-bottom: 2px;
			}
			.tbl_indfin tbody .divisor_h {
				font-size: 1px;
				height: 1px;
			}
			.tbl_indfin tbody .negativo {
				color: #ff0000;
			}
			.tbl_indfin tbody .positivo {
				color: #0048ff;
			}
			.tbl_indfin .tbl_bottom {
				font-size: 1px;
				height: 8px;
			}
	#content .clear	{
		clear: both;
	}
	
/* Box de Disclaimer */
#content #box_disclaimer	{
	float: left;
	display: block;
	width: 610px;
	border: 1px solid #DCDCDC;
	margin: 0px;
	padding: 10px;
}
#content #box_disclaimer p.txt_disclaimers,
#content #box_disclaimer p.txt_disclaimers a	{
	font-family: Tahoma;
	font-size: 9px;
}

/* campo informando erros */
#content .show_erros	{
	float: left;
	display: block;
	width: 610px;
	border: 1px solid #DCDCDC;
	margin: 10px 0px 0px 0px;
	padding: 5px 5px 2px 5px;
	text-align: center;
}
	#content .show_erros p	{
		font-size: 11px;
		font-weight: bold;
		color: #e40000;
		background: url('../images/ico_erro.gif') 140px top no-repeat;
		padding: 2px 0 0 25px;
		height: 20px;
	}
#content .mostra_erros	{
	display: block;
	width: 610px;
	border: 1px solid #DCDCDC;
	margin: 10px 0px 0px 0px;
	padding: 5px 5px 2px 5px;
	text-align: center;
}
	#content .mostra_erros p	{
		font-size: 11px;
		font-weight: bold;
		color: #e40000;
		background: url('../images/ico_erro.gif') 140px top no-repeat;
		padding: 2px 0 0 25px;
		height: 20px;
	}
#content .hide_erros	{
	display: block;
	height: 41px;
}
#content .some	{
	display: none;
}