/***********************************************************************
	ESTRUTURA GERAL
************************************************************************/
* {
	margin:0;
	padding:0;
	border:0;
	list-style: none;
}
html{
	height:100%
}
body{
	height:100%;
	font: 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	background:#F3F2ED;
}
#site{
	position: relative;
	min-height: 100%;
}
#content{
	width: 760px;
	display:table;
	padding-bottom:50px;
	margin: 0 auto; /* compliant browser center */
	position:relative; /* this is necessary to make the center column run over the side ones*/
	z-index:1; /* this is necessary to make the center column run over the side ones*/
}
#content-notable{
	width: 760px;
	margin: 0 auto; /* compliant browser center */
	position:relative; /* this is necessary to make the center column run over the side ones*/
	z-index:1; /* this is necessary to make the center column run over the side ones*/
}

.column{
	width: 50%;
	position: absolute;
	z-index:0;
	top: 0;
	text-align: left;
	visibility: visible;
}

.left{left: 0;}
.right{right: 0;}

#leftcol{
	margin: 397px 380px 0 0; 
	height:48px;
	background-color:#FF4200;
}

#rightcol{
	margin: 232px 0 0 379px; 
	height:213px;
	background:url(../Imagens/bg_index.gif) 0 0 repeat-x;
}

span.hide {
	visibility: hidden;
}

.none{
	position: absolute;
	left: -9000px;
	top: 0;
	visibility: hidden;
}

/***********************************************************************
	CONTENT FONE
************************************************************************/
span#fone{
	width:97px;
	height:24px;
	background:url(../Imagens/tel.gif) 0 0 no-repeat;
	display:block;
	font-weight: bold;
	position:absolute;
	z-index:1000;
	top:56px;
	right:14px;
}
span#fone img{
	display: none
}
/***********************************************************************
	CONTENT TOPO
************************************************************************/
div#topo-index{
	width:760px;
	height:347px;
	padding-top:50px;
}
div#nav-index{
	width:159px;
	float:left;
	margin-right:-9px;
	position:relative;
	z-index:1;
}
div#logo-index{
	width:22px;
	float:left;
	height:300px;
	background:url(../Imagens/bg_faixa.gif) 0 182px repeat-x;
}
div#logo-index a{
	width:15px;
	height:49px;
	background:url(../Imagens/logo_bolt.gif) 0 0 no-repeat;
	display:block;
	margin: 268px 0 0 2px;
}
/***********************************************************************
	CONTENT TOPO/DESTAQUE
************************************************************************/
div#destaque-home{
	width:588px;
	height:346px;
	float:left;
	background:url(../Imagens/destaques/index_predio_interno.jpg) 0 -5px no-repeat;
	position:relative;
	z-index:0;
	overflow: hidden
}
div#destaque-home h2{
	width:379px;
	height:42px;
	background:url(../Imagens/tt_index.gif) 0 0 no-repeat;
	right:0;
	top:182px;
	position: absolute;
}
div#logo-banco{
	width:760px;
	height:110px;
	position: absolute;
	top:0;
	left:0;
	z-index:10;
	visibility: visible;
}
h1#logo{
	width:760px;
	height:110px;
	position: relative;
	background-image:  url(../Imagens/bg_logo.png) !important;
	background-image:  url(../Imagens/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../Imagens/bg_logo.png", sizingMethod="scale");
}

h1#logo2{
	width:760px;
	height:110px;
	position: relative;
	background-image:  url(../Imagens/bg_logo.png) !important;
	background-image:  url(../Imagens/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../Imagens/bg_logo2.png", sizingMethod="scale");
}

h1#logo_index{
	width:760px;
	height:110px;
	position: relative;
	background-image:  url(../Imagens/bg_logo.png) !important;
	background-image:  url(../Imagens/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../Imagens/bg_logo.png", sizingMethod="scale");
}
a#logo-home{
	width:216px;
	height:70px;
	display:block;
	cursor:pointer;
	position: absolute;
	top:0;
	left:0;
	margin:13px 0 0 21px;
	visibility: visible;
}
legend{
	display:none;
}
/**********************************
	CONTENT TOPO / MENU
***********************************/
ul#menu-index{
	margin:60px 0 8px 0;
	position:relative;
	z-index:1;
	float:left;
}
ul#menu-index li{
	float:left;
	margin-bottom:4px;
}
ul#menu-index li a{
	display:block;
	width:159px;
	height:18px;
	text-transform: uppercase;
	float
}
ul#menu-index li a img{
	display:none;
}
li#mnHome a{
	background:url(../Imagens/menu/mn_home.gif) 0 0 no-repeat !important;
}
li#mnHome a:hover{
	background:url(../Imagens/menu/mn_home.gif) 0 -18px no-repeat !important;
}
li#mnPerfil a{
	background:url(../Imagens/menu/mn_perfil.gif) 0 0 no-repeat !important;
}
li#mnPerfil a:hover{
	background:url(../Imagens/menu/mn_perfil.gif) 0 -18px no-repeat !important;
}
li#mnProdutos a{
	background:url(../Imagens/menu/mn_produtos.gif) 0 0 no-repeat !important;
}
li#mnProdutos a:hover{
	background:url(../Imagens/menu/mn_produtos.gif) 0 -18px no-repeat !important;
}
li#mnAutenticidade a{
	background:url(../Imagens/menu/mn_autenticidade.gif) 0 0 no-repeat !important;
}
li#mnAutenticidade a:hover{
	background:url(../Imagens/menu/mn_autenticidade.gif) 0 -18px no-repeat !important;
}
li#mnFicha a{
	background:url(../Imagens/menu/mn_ficha.gif) 0 0 no-repeat !important;
}
li#mnFicha a:hover{
	background:url(../Imagens/menu/mn_ficha.gif) 0 -18px no-repeat !important;
}
li#mnAtendimento a{
	background:url(../Imagens/menu/mn_atendimento.gif) 0 0 no-repeat !important;
}
li#mnAtendimento a:hover{
	background:url(../Imagens/menu/mn_atendimento.gif) 0 -18px no-repeat !important;
}
li#mnOuvidoria a{
	background:url(../Imagens/menu/mn_ouvidoria.gif) 0 0 no-repeat !important;
}
li#mnOuvidoria a:hover{
	background:url(../Imagens/menu/mn_ouvidoria.gif) 0 -18px no-repeat !important;
}
li#mnLocalidades a{
	background:url(../Imagens/menu/mn_localidades.gif) 0 0 no-repeat !important;
}
li#mnLocalidades a:hover{
	background:url(../Imagens/menu/mn_localidades.gif) 0 -18px no-repeat !important;
}
li#mnTarifas a{
	background:url(../Imagens/menu/mn_tarifas.gif) 0 0 no-repeat !important;
}
li#mnTarifas a:hover{
	background:url(../Imagens/menu/mn_tarifas.gif) 0 -18px no-repeat !important;
}
li#mnModificar a{
	background:url(../Imagens/menu/mn_modificar_senha.gif) 0 0 no-repeat !important;
}
li#mnModificar a:hover{
	background:url(../Imagens/menu/mn_modificar_senha.gif) 0 -18px no-repeat !important;
}
li#mnSolicitar a{
	background:url(../Imagens/menu/mn_solicitar_nova_carta.gif) 0 0 no-repeat !important;
}
li#mnSolicitar a:hover{
	background:url(../Imagens/menu/mn_solicitar_nova_carta.gif) 0 -18px no-repeat !important;
}
li#mnContratos a{
	background:url(../Imagens/menu/mn_visualizar_contratos.gif) 0 0 no-repeat !important;
}
li#mnContratos a:hover{
	background:url(../Imagens/menu/mn_visualizar_contratos.gif) 0 -18px no-repeat !important;
}
li#mnCartas a{
	background:url(../Imagens/menu/mn_visualizar_cartas.gif) 0 0 no-repeat !important;
}
li#mnCartas a:hover{
	background:url(../Imagens/menu/mn_visualizar_cartas.gif) 0 -18px no-repeat !important;
}
li#mnBoletos a{
	background:url(../Imagens/menu/mn_visualizar_boletos.gif) 0 0 no-repeat !important;
}
li#mnBoletos a:hover{
	background:url(../Imagens/menu/mn_visualizar_boletos.gif) 0 -18px no-repeat !important;
}
li#mnSair a{
	background:url(../Imagens/menu/mn_sair.gif) 0 0 no-repeat !important;
}
li#mnSair a:hover{
	background:url(../Imagens/menu/mn_sair.gif) 0 -18px no-repeat !important;
}
/**********************************
	CONTENT TOPO / AREA RESTRITA
***********************************/
div#area-restrita{
	width:150px;
	margin-top:8px;
	float:left;
	clear: left;
	display: inline
}
div#area-restrita h3{
	float:right;
	width:150px;
	height:13px;
	background:url(../Imagens/tt_area.gif) 0 0 no-repeat;
	margin-bottom:1px;
}
div#area-restrita fieldset{
	width:150px;
	height:75px;
	background:#fff;
	float:left;
	padding-top:6px;
}
div#area-restrita ol li{
	margin: 0 0 2px;
	display:inline;
	float: left;
	width: 140px;
}
div#area-restrita input{
	border: 1px solid #b0b0b0;
	width:95px;
	height:16px;
	font: 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#797976;
}
div#area-restrita label#lblogin{
	width:28px;
	float:left;
	height:5px;
	background:url(../Imagens/lb_login.gif) 0 0 no-repeat;
	display:block;
	margin:5px 10px 3px 5px;
}
div#area-restrita label#lbcnpj{
	width:28px;
	float:left;
	height:5px;
	background:url(../Imagens/lb_cnpj.gif) 0 0 no-repeat;
	display:block;
	margin:5px 10px 3px 5px;
	display:inline;
}

div#area-restrita label#lbSenha{
	width:29px;
	float:left;
	height:5px;
	background:url(../Imagens/lb_senha.gif) 0 0 no-repeat;
	display:block;
  margin:5px 9px 3px 5px;
}
div#area-restrita a{
	color:#b0b0b0;
	text-decoration:underline;
	font-size:10px;
	margin: 0 0 0 6px;
	float: left;
	display: block;
	width: 90px;
}
div#area-restrita a:hover{
	text-decoration:none;
}
div#area-restrita button{
	width:16px;
	height:13px;
	background:url(../Imagens/bt_ok.gif) 0 0 no-repeat;
	cursor:pointer;
	float: right;
	margin: 2px 0 0 0
}
/**********************************
	CONTENT TOPO / INFO INDEX
***********************************/
div#info-index{
	width:760px;
	background:url(../Imagens/bg_infoindex.gif) 0 0 repeat-x;
	float:left;
	position:relative;
}
/**********************************
	CONTENT TOPO / TICKETS
***********************************/
div.tickets{
	font-weight:bold;
	color:#2A6DA6;
	padding-top:32px;
	float:left;
	margin-right:20px;
	visibility: hidden
}
div.tickets span{
	color:#D10000;
}
div.tickets h4{
	width:34px;
	height:11px;
	display:block;
	margin-bottom:12px;
}
div.tickets h4.ttcambio{
	background:url(../Imagens/cambio.gif) 0 0 no-repeat;
	
}
div.tickets h4.ttbolsas{
	background:url(../Imagens/bolsas.gif) 0 0 no-repeat;
	
}
div.tickets td{
	border-bottom: 1px solid #94B6D2;
}
td.lrg1{
	width:120px;
	height:20px;

}
td.lrg2{
	width:30px;
	height:20px;
}
td.lrg3{
	width:115px;
	height:20px;

}
td.lrg4{
	width:35px;
	height:20px;
}
/***********************************************************************
	DESTAQUES
************************************************************************/
/* ALTERADO LEIDIVAL 19/04/2011 */
div.destaque-sub{
	float:left;
	width:183px;
	margin:20px 0 0 7px;
	z-index:1;
	position:relative;
	display:inline;
}
div.destaque-sub img{
	border: 3px solid #F3F2ED;
}
div.destaque-sub h3{
	color:#ff4200;
	font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
div.destaque-sub p{
	font-size:11px;
	margin: 0 0 0 12px;
	line-height:13px;
}
div.destaque-sub p a{
	color:#797976;
	text-decoration:none;
}
div.destaque-sub p a:hover{
	color:#797976;
	text-decoration:underline;
}
div.destaque-sub a.saiba{
	width:40px;
	height:9px;
	background:url(../Imagens/bt_saiba.gif) 0 0 no-repeat;
	display:block;
	margin: 8px 0 0 12px;
	
}
div.destaque-sub.video{
	float:left;
	margin:26px 141px 0 0;
}
	div.destaque-sub.video h3{
		color:#fff;
		font-size:18px;
		margin-bottom:3px;
		width:219px;
	}
	div.destaque-sub.video img{border:4px solid #fff}
/***********************************************************************
	FOOTER
************************************************************************/
div#footer{
	position: relative;
	margin-top: -24px;
	height: 24px;
	background:url(../Imagens/bg/bg_rodape.png) 0 0 repeat-x;
	z-index:10;
}
div#footer #contentfooter{
	width:760px;
	height: 24px;
	margin:0 auto;
	background-color:#fff;
}
div#footer #contentfooter address{
	font: 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#707070;
	float:left;
	background:url(../Imagens/ico_tt.gif) 5px 0 no-repeat;
	padding: 0 0 0 29px;
	margin-top:5px;
}

div#footer ul#menu-bottom{
	float:left;
	margin: 5px 0 0 52px;
}
div#footer ul#menu-bottom li{
	float:left;
}
div#footer ul#menu-bottom li a{
	color:#ff4200;
	font-weight:bold;
	text-decoration:none;
}
div#footer ul#menu-bottom li a:hover{
	text-decoration:underline;
}
div#footer ul#menu-bottom span{
	margin: 0 3px 0 3px;
	font-size:11px;
	color:#858585;
}

.message-alert
{
    font-size:13px;
    line-height:20px;
}

#midias-sociais {
	position: absolute;
	z-index: 99;
	right: 15px;
	top: 20px;
}
#midias-sociais li {
	float: left;
	margin-left: 5px;
}
#midias-sociais a {
	background-image:url(../Imagens/sprite-midias-sociais.png);
	display: block;
	height: 20px;
	text-indent: -9999px;
	width: 20px;
}
#a-facebook:hover { background-position: 0 -20px; }
#a-linkedin { background-position: -20px 0; }
	#a-linkedin:hover { background-position: -20px -20px; }
#a-formspring { background-position: -40px 0; }
	#a-formspring:hover { background-position: -40px -20px; }
a#a-twitter { background-position: -60px 0; width: 19px; }
	a#a-twitter:hover { background-position: -60px -20px; }
a#a-youtube { background-position: -79px 0; width: 19px }
	a#a-youtube:hover { background-position: -79px -20px; }
	
/* Estilos da janela de confirmação de geração de segunda via de boleto */
.janela-confirma
{
    width:160px;
    height:80px;
    border:solid 5px #999;
    background:#FFF;
    position:absolute;
    left:50%;
    margin-top:-50px;
    margin-left:-85px;
    color: #000;
    padding:5px;
    font-size:12px;
    z-index:1001;
}

.janela-confirma input[type=text]
{
    position:absolute;
    border:1px solid #999;
    margin-top:5px;
    width:93%;
}

.janela-confirma input[type=submit]
{
    background:#999;
    float:right;
    margin-top:40px;
    cursor:pointer;
    margin-left:5px;
    width:75px;
}

.input-novo
{
    background:#999;
    cursor:pointer;
    margin-left:5px;
    min-width:75px;
    padding-left:10px;
    padding-right:10px;
}

.lista-links li
{
    list-style-type:disc !important;
    margin-left: 10px;    
}

.lista-links li a
{
    color:#797976 !important;
    text-decoration:underline;
}

.protecao-tela
{
    z-index:1000;
    position:relative;
    background:url(../Imagens/background-opacity.png);
}

.tela-confirmacao
{
    width:780px;
    height:80px;
    padding:10px;
    border:5px solid #FF4200;
    background:#FFF;
    position:absolute;
    left:50%;
    margin-left:-400px;
    z-index:1002;
    top:370px;    
    font-size:14px !important;
    text-align:left;
}

.tela-confirmacao input[type=submit]
{
    border:1px solid #FF4200;
    background:#FFF !important;
    height:20px !important;
    min-width:90px;
    margin-top:20px;
    cursor:pointer;
    font-size:12px !important;
    padding-top:0 !important;
    /*padding-bottom:0 !important;
    padding-left:20 !important;
    padding-right:20 !important;*/
    float:left;
    margin-left:10px;
}

.clear
{
    clear:both;
}