/** verly: 3018 */ /* Reset */
#principal * {
	margin: 0;
	padding: 0;
	font-family: Arial;
}

#principal .alerta_msg {
	padding: 17px 0 17px 42px;
	margin: 20px 10px 10px 10px;
}

#principal .detalheMsg {
	padding: 17px 0 17px 42px;
	margin: 20px 10px 10px 10px;
}

#principal .botoes_msg {
	margin-right: 10px;
}

img {
	border: 0;
}

ul,ol {
	list-style: none;
}

/* Classes */
.float-left {
	float: left;
}

.paragrafo {
	margin: 5px 0px;
}

.clear {
	clear: both;
}

/* tags */
body {
	background-color: #012885;
	color: #012885;
	font-size: 11px;
	_margin-top:-10px;
}

body table tr td {
	color: #012885;
	font-size: 11px;
}

.spanPaginacao {
	color: #0039BA;
	font: bold 11px Arial;
	padding-left: 3px;
	text-align: left;
}

div#container {
	width: 97%;
	background-color: #D2DEFB;
	margin:20px;
	text-align:center;
}

/**
 * Principal
 */
#principal {
	text-align: left;
	width:100%;
}

/**
 * Cabecalho
 */
h1 {
	background: rgb(242, 241, 247);
	font-size: 20px;
}

#cabecalho {
	width: 97%;
	/*height:70%;*/
	margin:0px 0px 0px 14px;

}

#cabecalho .logo {
	background: #012885 url(../imagens/cabecalho/bkg_marcaCAIXA_e_iBank.jpg) center top no-repeat;
	height: 55px;
	margin-top:-10px;
}

#logo {
	background: url(../imagens/logo_caixa.gif) right top no-repeat;
	height: 48px;
	float: left;
	width: 234px;
	_margin-top:10px;
}

#acessesuaconta {
	background: url(../imagens/conta.gif) right top no-repeat;
	height: 51px;
	width: 269px;
	position:relative;
	float:left;
	margin:0px 0px 0px 110px;
	_margin:10px 0px 0px 110px;
	
	*display: block;
	*height: 51px;
	*width: 269px;
}

.acessibilidade {
	position: relative;
	float: right;
	height: 40px;
	width: 100px;
}

.acessibilidade #acessibilidade {
	background: url(../imagens/acessibilidade.gif) left top no-repeat;
	height: 37px;
	width: 32px;
	position:relative;
	float:left;
	margin-top:10px;
	_margin-top:15px;
}

.acessibilidade #tradutor {
	background: url(../imagens/tradutor.gif) right top no-repeat;
	height: 41px;
	width: 40px;
	position:relative;
	float:right;
	margin-top:10px;
	_margin-top:15px;
}

#ambienteSeguro {
	background: url('../imagens/cabecalho/imgSeguranca.gif') right center no-repeat;
	display: block;
	height: 57px;
	margin-left: auto;
	margin-right: 10px;
	width: 175px;
}

#cabecalho .divisoria {
	background: url('../imagens/cabecalho/fundo-divisoria.gif') top left
		repeat-x;
	height: 30px;
	width: 800;
}

#cabecalho .border-top {
	background: url('../imagens/cabecalho/border-top.jpg') top left repeat-x
		;
	height: 34px;
	width: 800;
}

#cabecalho .menu {
	background: url('../imagens/cabecalho/border-bottom.jpg') top left
		repeat-x;
	height: 18px;
	width: 800;
	padding: 5px;
}

#cabecalho .menu li {
	display: inline;
}

#cabecalho .menu a {
	display: block;
	float: left;
	height: 17px;
	margin-right: 10px;
}

#cabecalho .menu a.botao-menu {
	background: url('../imagens/cabecalho/botao-menu.png') top left
		no-repeat;
	width: 47px;
}

#cabecalho .menu a.botao-sair {
	background: url('../imagens/cabecalho/botao-sair.png') top left
		no-repeat;
	width: 39px;
}

#cabecalho .menu a.botao-servicos {
	background: url('../imagens/cabecalho/botao-servicos.png') top left
		no-repeat;
	width: 62px;
}

#cabecalho .metadados {
	color: gray;
	float: right;
	margin-right: 10px;
}

/* Menu global */
#navegacao {
	background: url('../imagens/fundo_barra_degradee.gif') left top repeat-x;
	height: 23px;
	width:100%;
	font-size:14px; 
	font-weight: bold;
	text-align: left;
	line-height:23px;
}

#navegacao ul{
	width:100%;
}

#navegacao li {
	display: inline;
}

#navegacao li a {
	display: block;
	float: left;
	height: 23px;
	background-position: left top;
	background-repeat: no-repeat;
	margin-right: 1px;
}

#navegacao #atendimento {
	background: url('../imagens/menu/rede-atendimento.jpg');
	width: 161px;
}

#navegacao #sobre {
	background: url('../imagens/menu/sobre.jpg');
	width: 126px;
}

#navegacao #cultural {
	background: url('../imagens/menu/caixa-cultural.jpg');
	width: 131px;
}

#navegacao #downloads {
	background: url('../imagens/menu/downloads.jpg');
	width: 118px;
}

#navegacao #ouvidoria {
	background: url('../imagens/menu/ouvidoria.jpg');
	width: 109px;
}

#navegacao #faleconosco {
	background: url('../imagens/menu/fale-conosco.jpg');
	margin-right: 0px;
	width: 126px;
}

#ajustefont {
	background: url('../imagens/fundo-abaixo-menu.jpg') rgb(242, 241, 247)
		top left repeat-x;
	padding: 10px 10px 0px 10px;
	text-align: right;
}

#ajustefont img {
	vertical-align: middle;
}

#tamanhodafont {
	margin-left: 20px;
}

/**
 * Corpo
 */
#corpo {
	background: rgb(209, 223, 252);
	width: 800;
}

#corpo form {
	border: 0;
}

#corpo form fieldset {
	background: rgb(244, 247, 254);
	border: solid 1px rgb(193, 204, 224);
	border-top: 0;
	position: relative;
	overflow: hidden;
}

#corpo form fieldset legend {
	display: block;
}

#corpo form fieldset legend span {
	background: url('../imagens/formulario/fundo-legend.png') top left repeat-x;
	border-top: solid 1px rgb(193, 204, 224);
	display: block;
	left: -1px;
	position: absolute;
	right: 0px;
	top: 0px;
	_width: 105%;
}

#corpo form fieldset ul {
	margin: 10px;
	margin-top: 45px;
}

#corpo form fieldset ul li {
	margin-bottom: 10px;
}

#corpo form fieldset label {
	color: rgb(102, 101, 106);
	display: block;
	font-weight: bold;
}

#corpo form fieldset small {
	color: rgb(102, 101, 106);
}

#corpo form fieldset.submit {
	_border-top: solid 1px rgb(244, 247, 254);
	border-bottom: solid 1px rgb(193, 204, 224);
	padding: 5px;
	padding-top: 0px;
}

#corpo form fieldset.submit legend {
	display: none;
}

/**
 * Corpo Lista
 */
#corpoLs {
	background: rgb(209, 223, 252);
	width: 800px;
}

#corpoLs form {
	border: 0;
}

#corpoLs form fieldset {
	background: rgb(244, 247, 254);
	border: solid 1px rgb(193, 204, 224);
	border-bottom: 0;
	border-top: 0;
	position: relative;
	overflow: hidden;
}

#corpoLs form fieldset legend {
	display: block;
}

#corpoLs form fieldset legend span {
	background: url('../imagens/formulario/fundo-legend.png') top left
		repeat-x;
	border-top: solid 1px rgb(193, 204, 224);
	display: block;
	left: -1px;
	position: absolute;
	right: 0px;
	top: 0px;
	_width: 105%;
}

#corpoLs form fieldset ul {
	margin: 10px;
	margin-top: 35px;
}

#corpoLs form fieldset ul li {
	margin-bottom: 10px;
	width: 690px;
}

#corpoLs form fieldset label {
	color: rgb(102, 101, 106);
	display: block;
	font-weight: bold;
}

#corpoLs form fieldset small {
	color: rgb(102, 101, 106);
}

#corpoLs form fieldset.submit {
	_border-top: solid 1px rgb(244, 247, 254);
	border-bottom: solid 1px rgb(193, 204, 224);
	padding: 5px;
	padding-top: 0px;
}

#corpoLs form fieldset.submit legend {
	display: none;
}

.erro {
	color: rgb(102, 101, 106);
	font-family: Arial;
	color: #FF0000
}

.border-bottom {
	background: url('../imagens/index/border-bottom-corpo.png') top left
		repeat-x;
	height: 8px;
	width: 800;
}

/*
Pesquisa
*/
#pesquisa {
	background: rgb(209, 223, 252);
	width: 800;
}

#pesquisa form {
	border: 0;
}

#pesquisa form fieldset {
	background: rgb(244, 247, 254);
	border: solid 1px rgb(193, 204, 224);
	border-bottom: 0;
	border-top: 0;
	position: relative;
	overflow: hidden;
}

#pesquisa form fieldset legend {
	display: block;
}

#pesquisa form fieldset legend span {
	background: url('../imagens/formulario/fundo-legend.png') top left
		repeat-x;
	border-top: solid 1px rgb(193, 204, 224);
	display: block;
	left: -1px;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 105%;
}

#pesquisa form fieldset ul {
	margin: 0px;
	margin-top: 0px;
	padding-left: 0px;
}

#pesquisa form fieldset ul li {
	margin-bottom: 0px;
}

#pesquisa form fieldset label {
	color: rgb(102, 101, 106);
	display: block;
	font-weight: bold;
}

#pesquisa form fieldset small {
	color: rgb(102, 101, 106);
}

#pesquisa form fieldset.submit {
	border-top: solid 1px rgb(244, 247, 254);
	border-bottom: solid 1px rgb(193, 204, 224);
	padding: 5px;
	padding-top: 0px;
}

#pesquisa form fieldset.submit legend {
	display: none;
}

.sepPaginacao {
	color: #666666;
	font: bold 11px Arial;
	padding-left: 4px;
	text-align: left;
}

/**
 * Rodape
 */
#rodape {
	clear: both;
	padding: 10px;
	text-align: right;
	width: 800;
}

#rodape a {
	color: white;
	text-decoration: none;
}

#rodape a:hover {
	text-decoration: underline;
}

#rodape .politica {
	margin-left: 20px;
}

#rodape .politica a {
	color: #5E86B7;
}

/**
 * Telas especificas
 */ /** index */
#index #corpo {
	height: 450px;
	width: 800px;
}

#index #corpo form {
	margin-left: 235px;
	padding: 10px;
}

/*#index .border-bottom { background: url('../imagens/index/border-bottom-corpo.png') top left repeat-x; height: 8px; }*/
#index .ambienteSeguro {
	background: white;
	border-right: solid 1px rgb(196, 201, 220);
	float: left;
	height: 450px;
	width: 187px;
}

#index #rodape {
	color: white;
	text-align: left;
	padding: 0px;
	width: 800px;
}

#index #voceProcura {
	padding: 10px;
}

#index #voceProcura .titulo {
	font-weight: bold;
	margin-bottom: 10px;
	margin-left: 5px;
}

#index #produtosServicos {
	background: #2C4FA0 /*rgb(44, 79, 160);*/;
	border-bottom: solid 1px #5E86B7;
	border-top: solid 1px #5E86B7;
	height: 110px;
	padding: 10px;
	position: relative;
}

#index #produtosServicos ul {
	list-style-image: url('../imagens/index/seta.gif');
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 10px;
	vertical-align: middle;
}

#index #produtosServicos ul li {
	font-weight: bold;
	line-height: 20px;
}

#index #produtosServicos ul li b {
	color: #9cb3da;
}

#index #produtosServicos .busca {
	margin-top: 70px;
	margin-left: 450px;
}

#index #produtosServicos .busca fieldset {
	border: 0;
}

#index #produtosServicos .busca legend {
	display: none;
}

#index #produtosServicos .busca label {
	margin-right: 10px;
}

#index #produtosServicos .busca input {
	margin-right: 5px;
}

#index #produtosServicos .acessSuaConta {
	background: url('../imagens/index/background-voce-cliente.png');
	top: -1px;
	right: -1px;
	position: absolute;
}

#index #produtosServicos .acessSuaConta .borda {
	background: url('../imagens/index/produtosServicos-divisoria.gif') top
		left no-repeat;
	float: left;
	height: 30px;
	width: 135px;
}

#index #produtosServicos .acessSuaConta .botao {
	background: url('../imagens/index/acesse-sua-conta.jpg') top left
		no-repeat;
	float: left;
	height: 30px;
	width: 137px;
}

#index #produtosServicos .acessSuaConta .botao:hover {
	text-decoration: none;
}

#index #rodape a {
	color: white;
	text-decoration: none;
}

#index #rodape a:hover {
	text-decoration: underline;
}

#index #rodape .rodape {
	border-top: solid 1px #5E86B7;
	padding: 10px;
	width: 800;
}

#index #rodape .rodape div {
	display: inline;
}

#index #rodape .rodape .politica {
	color: #5E86B7;
	margin-left: 20px;
}

#index #rodape .rodape .politica a {
	color: #5E86B7;
}

#index #rodape .rodape .menu {
	font-weight: bold;
	margin-left: 150px;
}

/** login */
#selecionarEmpresa #cabecalho h1 {
	margin-top: 40px;
	white-space: nowrap;
}

#selecionarEmpresa #corpo {
	padding: 20px 20px 0px 20px;
	width: 800px;
}

#selecionarEmpresa #corpo .selecionarEmpresa {
	border: solid 1px #C0CBE9;
	border-bottom: 0;
	height: 300px;
	text-align: center;
}

#selecionarEmpresa #corpo .selecionarEmpresa form {
	background: white;
	margin: auto;
	margin-top: 125px;
	padding: 10px;
	text-align: left;
	width: 480px;
}

#selecionarEmpresa #corpo .selecionarEmpresa form li {
	margin-top: 5px;
}

#selecionarEmpresa #corpo .selecionarEmpresa form #empresa {
	width: 400px;
}

#selecionarEmpresa #corpo .selecionarEmpresa form .cancelar {
	background: url('../imagens/formulario/btn_cancelar.gif') top left
		no-repeat;
	display: block;
	float: left;
	height: 17px;
	margin-right: 10px;
	width: 71px;
}

/** sisgr */
#sisgr #cabecalho h1 {
	margin-top: 40px;
}

#sisgr #corpo {
	padding: 10px 10px 0px 10px;
	height: 320px;
}

#sisgr #corpo div {
	border: solid 1px #C0CBE9;
}

#sisgr #corpo #menuSisgr {
	float: left;
	height: 320px;
}

#sisgr #corpo #menuSisgr.oculto {
	display: none;
}

#sisgr #corpo #area {
	height: 430px;
	width: 100%;
}

#sisgr #corpo #areaSistema {
	height: 320px;
	width: 454px;
	_width: 451px;
	border: solid 2px red;
}

#sisgr #corpo #areaSistema.grande {
	width: 100%;
}

#sisgr #rodape {
	padding: 1px
}

/* menusisgr */ /*estava comentado*/
#menusisgr {
	background-color: rgb(209, 223, 252);
	max-height: 100%;
	min-width: 200px;
	width: 100%;
}

#menusisgr h2 {
	background:
		url('../imagens/menuSisgr/sistemasautorizados_background.gif') top
		left repeat-x;
	position: relative;
	height: 56px;
}

#menusisgr h2 img {
	margin-left: 24px;
	margin-right: 37px;
}

#menusisgr h2 .esquerdo {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 24px;
	height: 56px;
	background:
		url('../imagens/menuSisgr/sistemas_autorizados_esquerda.gif') top
		right no-repeat;
}

#menusisgr h2 .direito {
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	width: 37px;
	height: 56px;
	background: url('../imagens/menuSisgr/sistemas_autorizados_direita.gif')
		top right no-repeat;
}

/*estava comentado*/
#menusisgr #rodape {
	position: relative;
	background: url('../imagens/menuSisgr/footer_background.gif') bottom
		left repeat-x;
	width: 100% px;
	height: 21px;
}

#menusisgr #rodape .esquerdo {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 37px;
	height: 41px;
	background: url('../imagens/menuSisgr/footer_esquerdo.gif') top right
		no-repeat;
}

#menusisgr #rodape .direito {
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	width: 37px;
	height: 41px;
	background: url('../imagens/menuSisgr/footer_direito.gif') top right
		no-repeat;
}

#menusisgr {
	background: #CBDAEB;
	padding: 10px 0px;
}

#menusisgr #sistemas {
	position: relative;
	padding-left: 15px;
	height: 100%;
}
	
	/* background: url('../imagens/menuSisgr/sistemas_esquerdo.gif') #CBDAEB top left repeat-y; */
#menusisgr #sistemas a {
	font-family: verdana;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	cursor: hand;
}

#menusisgr #sistemas a:hover {
	text-decoration: underline;
}

#menusisgr #sistemas ul {
	padding: 0 15px;
	text-transform: uppecase;
}

#menusisgr #sistemas ul.listagemSistemas {
	
}
	
	/* background: url('../imagens/menuSisgr/sistemas_direito.gif') center right repeat-y; */
#menusisgr #sistemas ul li {
	list-style-image: url('../imagens/menuSisgr/item.gif');
	overflow: wrap;
}

#menusisgr #sistemas ul li.aberto {
	list-style-image: url('../imagens/menuSisgr/menos.gif');
}

#menusisgr #sistemas ul li.fechado {
	list-style-image: url('../imagens/menuSisgr/mais.gif');
}

#menusisgr #sistemas>ul>li>a {
	font-weight: bold;
}

.tabelaManuais tr td {
	background-color: white;
	text-align: center;
	vertical-align: middle;
}

.tituloManual {
	font-size: 14px;
	font-weight: bold;
}

.tabelaManuaisTitulo tr td {
	background-color: #F7F7FF;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
}

.divlinhaTabela {
	width: 100%;
	overflow-y: hidden;
	overflow-x: auto;
	padding-left: 1px;
}

#erroAmbiente {
	display: block;
	background: url(../imagens/erro.gif) no-repeat top left;
	width: 360px;
	font: bold 14px arial;
	color: #333;
	text-align: left;
	border: 0px;
	padding: 9px 0 9px 42px;
	margin: 30px 100px 30px 30px;
	clear: both;
	overflow: auto;
	overflow-x: hidden;
}

.separarAssuntos {
	background-color: #F2F1F7;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #000;
	padding: 0px 0 20px 10px;
	margin: 25px 0px 0px 0px;
}

#novo_rodape_busca #novo_rodape_botao_ok {
	width: 27px;
	height: 24px;
	background: url(../imagens/index/ok.png) no-repeat;
	display: block;
	/*float: left;*/
	margin-left: 203px;
	margin-top: -20px;
}

#novo_rodape_busca_rodape { 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
	color:#999; 
	padding:1px 0 2px 0 
}


/* classes para acerto do rodape */

#internet_banking h3{ 
	*line-height: 12px;
}

#rodape_links UL{
	*position:relative;
	*float:left;
}

#rodape_links UL LI{
	*width:20%;
	*position:relative;
	*float:left;
	*margin-left:20px;
}

#rodape_links UL LI h3{
	*margin-left:20px;
}

#rodape_links UL LI UL{
	*width:100%;
	*position:relative;
	*float:left;
}

#rodape_links UL LI UL LI{
	*width:100%;
	*position:relative;
	*float:left;
}


#rodape_links UL LI .caixa_nas_redes {
	*width:100%;
	*position:relative;
	*float:left;
}

#rodape_links UL LI .caixa_nas_redes UL{
	*width:100%;
	*tex-align:left;
	
}

#rodape_links .caixa_nas_redes UL LI{
	*tex-align:left;
	*margin-left: -30px;
	*width: 70px;	
}

#rodape_links .caixa_nas_redes UL LI A{
	*width:10%;
	*position:relative;
	*float:left;
}

#rodape_banner{
	*position:relative;
	*float:left;
	*height:0px;
	*padding:0px;
	*margin:-80px;
}

.banner_transparencia{
	*margin: -120px 120px 0px 0px;	
	*height:0px;
}