/* ------------------------------------------------------------------------------------------------------ */
/*		Estilo - Splice - Banco Credibel - Index 				   */
/*		Criado por: Victor Leonardo		Em: 12/07/2007			   */
/*		Contato: victor.leonardo@focusnetworks.com.br		  	   */
/*		Modificado por:	-			Em: __/__/____	    		   */
/* ------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------ */
/* 					Config. Gerais 	  		      			   */
/* ------------------------------------------------------------------------------------------------------ */

*{
	padding: 0;
	margin: 0;
}

li{
	list-style: none;
}

hr{
	display:none;
}

#img{
	border: none;
	width: 215px;
	height: 29px;
}

#top h3, #lbl_agencia, #lbl_conta, .btn_ok, #area_exp h3, .btnOk,.lnkNetBanking,
#btn_home, #btn_mapa_do_site, #btn_contato, #btn_politica_de_privacidade, #btn_imprensa, #btn_seguranca,
h1 a, #endereco strong, #grupo_splice_logo, #powered_focusnetworks, #site_seguro{
	text-indent: -999px;
	overflow: hidden;
	display: block;
}

/* ------------------------------------------------------------------------------------------------------ */
/*					Background 						   */
/* ------------------------------------------------------------------------------------------------------ */

body{
	background: url("../img/bg_geral.png") repeat-x top left;
	padding-top: 20px;
}

html{
	background: url("../img/bg_geral_2.png");
}

/* ------------------------------------------------------------------------------------------------------ */
/*					Config. Div's 						   */
/* ------------------------------------------------------------------------------------------------------ */

#geral{
	position: relative;
	width: 780px;
	margin: 0 auto;
}

#top{
    float:left;
    background: url("../img/top.gif") no-repeat right 5px;
    width: 780px; 
    height: 90px;
    
}

#top fieldset{
    float: left;
    border: none;
    margin-top: 5px;
}

#top fieldset ul li{
    float: left;
}

#left, #left_jurid{
    float: left;
    background-color: #fff;
    margin: -20px 0 0 4px;
    padding-top: 15px;
}

#left_jurid{
    background-color: #f1f1f1;
}

#right{
    background-color: #fff;
    width: 517px;
    min-height: 669px;
    float: left;
    margin: -20px 0 0 0;
}

#menu, #menu_juridico, #menu_bcc{
    width: 260px; height: 481px; margin-bottom:9px;
    margin-left: -1px;
}

#menu_fisica a{
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid #B5B8B1;
}

#menu_juridica a{
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid #B5B8B1;
}

#menu_credibel a{
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid #B5B8B1;
}

#menu_juridico{
    background: url("../img/menu_lateral_juridica.jpg") no-repeat 1px -1px;
}

#area_exp{
    background: url("../img/bg_experimente.png") no-repeat right 5px;
    width: 235px; height: 158px;
    margin: 5px 0 10px 20px;
    position: relative;
}

#area_jurid{
    width: 235px; height: 158px;
    margin: 5px 0 10px 20px;
    position: relative;
}

#cotacao_acoes{
    border: 1px solid #c0c0c0;
    width: 480px; height: 15px;
    position: relative;
    margin: 10px auto;
}

#cotacao_bolsa{
    margin: 5px 0 0 10px;
    float: left;
}

.tags{
    background: url("../img/bg_tag_cloud.png") no-repeat;
    clear: both;
    width: 505px;
    margin: 10px 0 0 5px;
    float: left;
}

.tag_cloud{
    clear: both;
    border: 1px solid #c0c0c0;
    width: 445px; min-height: 75px;
    margin: 5px 0 2px 20px; padding: 10px;
    float: left;
    background-color: #f4f4f4;
}

.tag_cloud a:hover{
    text-decoration: underline !important;
    margin: 5px;
    padding: 0 2px 0 2px;
}
.tag_cloud a{
    margin: 5px;
    padding: 0 2px 0 2px;
}

html:first-child > body .tag_cloud{min-height: 77px;}

#bot, #bot_jurid{
    background: url("../img/bot.gif") no-repeat;
    width: 777px; height: 7px;
    position: relative;
    clear: both;
    margin: 0 auto 10px 3px;
}

#bot_jurid{
    background: url("../img/bot_interna.gif") no-repeat;
}

#rodape{
	width: 780px;
	margin: 0 auto 10px auto;
	position: relative;
	display: table;
	clear: both;
}

#rodape_esquerdo, #rodape_esquerdo a{
	float: left;
	font-family: Arial; font-size: 11px; font-style: normal; color: #fff;
	text-decoration: none;
}

#rodape_esquerdo{
	margin-left: 10px;
}

#rodape_direito{
	font-family: Arial; font-size: 11px; font-style: normal; color: #fff;
	float: right;
	margin-right: 10px;
	text-align: right;
	width: 315px;
	padding-right: 80px;
	position: relative;
}

/* ------------------------------------------------------------------------------------------------------ */
/*						Botoes 						   */
/* ------------------------------------------------------------------------------------------------------ */

h1 a{
	background: url("../img/logo_credibel.png") no-repeat;
	width: 263px; height: 85px;
	float: left;
}

#btn_home{
	background: url("../img/btn_home.gif") no-repeat;
	width: 29px; height: 5px;
}

/*#btn_mapa_do_site{
	background: url("../img/btn_mapa_do_site.gif") no-repeat;
	width: 71px; height: 7px;
}*/

#btn_mapa_do_site{
	background: url("../img/topo_02.gif") no-repeat;
	width: 85px; 
	height: 16px;
}

#btn_contato{
	background: url("../img/btn_contato.gif") no-repeat;
	width: 48px; height: 7px;
}

/*#btn_politica_de_privacidade{
	background: url("../img/politicadeprivacidade.gif") no-repeat;
	width: 197px; 
	height: 8px; 
	margin-top: -2px;
}*/
		
#btn_politica_de_privacidade{
	background: url("../img/topo_04.gif") no-repeat;
	width: 208px; 
	height: 16px; 
}

#btn_imprensa{
	background: url("../img/btn_imprensa.gif") no-repeat;
	width: 49px; height: 7px;
}
#btn_seguranca{
	background: url("../img/btn_seguranca.gif") no-repeat;
	width: 63px; height: 7px; margin-top: -1px;
}

.btn_ok{
	background: url("../img/btn_ok.gif") no-repeat;
	width: 20px; height: 13px; word-spacing: 999px;
	border: none!important; margin: 4px 0 0 5px;
	cursor: pointer;
}

html:first-child > body .btn_ok{padding-top: 90px;}

.btnOk{
	background: url("../img/btn_ok.gif") no-repeat;
	width: 20px !important; height: 13px !important;
	margin: 0 0 0 0 !important;
	top: 11px; left: 5px;
	position: relative;
	float: none !important;
	border: none !important;
	cursor: pointer;
	text-indent: -9999px;
    word-spacing: 999px;
}

html:first-child > body .btnOk{padding-top: 90px; margin-left: 5px !important;}

#tag_list_tagCloud a{
    text-decoration: none;
    font-family: Arial; color: #666; 
}

#grupo_splice_logo{
	background: url("../img/logo_splice_sm.gif") no-repeat;
	width: 69px; height: 12px; text-indent: 999px !important;
	float: right;
	position: relative;
	margin: -12px 1px 0 0;
}

html:first-child > body #grupo_splice_logo{margin: 0 0 0 -67px;}

#powered_focusnetworks{
	background: url("../img/pwr_focus.gif") no-repeat;
	width: 141px; height: 5px; text-indent: 999px !important;
	clear: both; float: right;
	margin: 6px -75px 0 0;
	position: relative;
}

#site_seguro{
	background: url("../img/rod_site_seguro.gif") no-repeat;
	width: 75px; height: 24px;
	font-size: 999px; word-spacing: 1000px;
	position: absolute;
	top: 3px; right: 0;
}

.lnkNetBanking{
	background: url("../img/internetbanking.gif") no-repeat;
	width: 240px;
	height: 13px;
	float: right;
	margin: 20px 10px 0 0;
}

/* ------------------------------------------------------------------------------------------------------ */
/*						Menus 						   */
/* ------------------------------------------------------------------------------------------------------ */

.menu_superior{
	float:right;
	margin:-15px 0 6px 0;
}

.menu_superior li{
	float:right;
	padding:0 6px 0 0;
}

#menu_top{
    margin: 25px 0 0 5px;
    float: left;
    position:relative;
    
}

#menu_top li{
    float: left;
    padding: 0 5px 0 5px;
}

#area_exp ul{
    margin: 3px 0 0 20px;
    display: block;
}

#lst_selos{
    width: 485px;
    margin-left: 20px !important;
    float: left;
    margin-top:10px;
}

#lst_selos li{
    float: left;
    width: 210px;
}

#lst_selos li img{
    width: 218px;
    height: 110px;
}

.destaque_img{
    border: none;
}

.lst_tipos{
    display: table;
    width: 250px;
    padding-top: 10px;
}

.lst_tipos li{
    float: none !important;
    display: table;
    padding: 0 0 0 20px;
}

.selo_direita{
    padding-left: 22px;
    margin-left: 22px;
    border-left: 1px solid #f2f2f2;
}

/* ------------------------------------------------------------------------------------------------------ */
/*						Links 						   */
/* ------------------------------------------------------------------------------------------------------ */

#area_exp ul li a, .lst_tipos li a{
    text-decoration: none;
    font-size: 12px; color: #4F82AF; font-family: "Trebuchet MS", Verdana;
    background: url("../img/marcadores.gif") no-repeat center left;
    padding-left: 10px;
}

#area_exp ul li a:hover, .lst_tipos li a:hover{
    text-decoration: underline;
}

/* ------------------------------------------------------------------------------------------------------ */
/*						Titulos 						   */
/* ------------------------------------------------------------------------------------------------------ */

#lbl_agencia{
    background: url("../img/tit_agencia.gif") no-repeat;
	width: 38px; height: 11px; float: left; margin-top: 7px; margin-right: 5px;
}

#lbl_conta{
    background: url("../img/tit_conta.gif") no-repeat;
	width: 27px; height: 11px; float: left; margin-top: 7px; margin-right: 5px;
}

.agora{
    font-family: "Trebuchet MS", Verdana; font-size: 12px; color: #4F82AF;
    float: right;
    margin: 15px 10px 0 0;
    *clear: both;
    display: block;
    width: 270px;
}

#area_exp h3{
    background: url("../img/tit_exp_credibel.gif") no-repeat;
	width: 178px; height: 20px; float: left; margin: 20px 0 0 20px;
}

.tags h2{
    float: left;
    font-family: Arial; font-size: 12px; color: #333;
    margin: 10px 0 0 20px;
}

#lst_selos strong, .lst_noticias a{
    color: #209BE8;
    text-transform: uppercase;
    font-family: "Trebuchet MS";
    font-size: 13px;
    display: block;
    margin-bottom: 10px;
}

/* ------------------------------------------------------------------------------------------------------ */
/*						Inputs 						   */
/* ------------------------------------------------------------------------------------------------------ */

.input_agencia{
    width: 60px; height: 13px;
    border: 1px solid #c0c0c0; margin-right: 10px;
    font-family: "Trebuchet MS", Arial; color: #333; font-size: 11px;
}

.input_conta{
    width: 65px; height: 13px;
    border: 1px solid #c0c0c0;
    font-family: "Trebuchet MS", Arial; color: #333; font-size: 11px;
}

.input_conta_digitos{
    width: 20px; height: 13px;
    border: 1px solid #c0c0c0; padding-bottom: 0px;
    font-family: "Trebuchet MS", Arial; color: #333; font-size: 11px;
}

#tag_list_upTags input{
    border: 1px solid #a0a0a0;
    width: 210px; height: 13px;
    margin: 10px 0 0 10px;
    float: left; overflow: hidden;
    font-family: Arial; font-size: 10px; color: #333;
}

html:first-child > body #tag_list_upTags input{margin-right: 5px;}

/* ------------------------------------------------------------------------------------------------------ */
/*						Blocos de texto 						   */
/* ------------------------------------------------------------------------------------------------------ */

#area_exp p{
    clear: both;
    width: 180px;
    display: block;
    text-align: justify;
    font-family: "Trebuchet MS", Verdana; font-size: 11px;
    color: #666;
    padding: 5px 0 0 20px;
}

#lst_selos li p{
    font-family: Arial; color: #666; font-size: 11px;
    display: block;
    width: 220px;
}
#lst_selos li a:hover p{
    text-decoration: underline;
}

#rodape_direito span{
	margin-right: 73px;
}

/* ------------------------------------------------------------------------------------------------------ */
/*						Config. de Banner 						   */
/* ------------------------------------------------------------------------------------------------------ */

.banner{
    display: block;
    margin-left: 10px; margin-top: 10px;
    float: left;
}

.banner img{
    border: none;
    width: 497px;
    height:77px;
}

.img_integra_normal{
    width: 180px;
}

.img_integra{
    width: 180px;
    height: 80px;
    border: none !important; 
}