/***********************************************************************
	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
************************************************************************/
div.destaque-sub{
	float:left;
	width:183px;
	margin:20px 0 0 21px;
	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 82px;
}
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;
}
