/**** Geral ****/

body
{
	margin:10px 0 0 10;
	font:10px Arial, sans-serif;
	color:#004587;
	background: url(/images/bg.jpg) repeat-x #E8E8E8;
}

a {
	color: #F66013;
	font-weight: bold;
}

td
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;	
}

/*** Geral CSS Agencia ***/

.titlaranja, .titlaranja a
{
	margin-bottom:15px;
	color:#F66013;
	font-size:12px;
	font-weight:bold;
}

.titlaranja a:hover 
{
	text-decoration:none;
}

.marinho, .marinho a{
color:#003D70;
font-size:12px;
font-weight:bold;
}

.marinho a:hover
{
	text-decoration:none;
}

.bullet 
{
	padding-left:20px;
	padding-top:3px;
	padding-bottom:3px;
	background:url(/images/TI/localizador_lojas/bullet_sun.gif) no-repeat;
}

.subtitulo{
margin-top:10px;
font-size:13px;
font-weight:bold;
}

/*** Template ***/

#Principal
{
	float:center;
	width: 780px;
}

#QuadranteLogo
{
	width: 166px;
	height: 49px;
	margin:0px 13px 0px 0px;
}

#BlocoEsquerda
{
	width: 176px;
	float:left;
}

#BlocoDireita
{
	width: 601px;
	float:left;
}

#QuadranteMenuSuperior
{
	width: 576px;
	height: 49px;
	margin:0px 0px 0px 3px;
}

#QuadranteMenuLateral
{
	float:left;
	width: 166px;
	height: 406px;
	padding-left: 12px;           
	padding-right: 0px;
	padding-top: 15px;           
	margin: 0px 0px 0px 0px;
	background:url(/images/TI/template/menu_vert_bg.jpg) no-repeat ;
}

#QuadranteMegaBanner
{
	float:left;
	width: 582px;
	height: 252px;
	background:url(/images/TI/template/flasharea.gif) no-repeat ;
	margin:0px 0px 10px 0px;
	text-align: center;
}

#QuadranteBanner01
{
	float:left;
	width: 285;
	height: 252px;	
	margin:0px 0px 10px 3px;
	text-align: center;	
}

#QuadranteBanner02
{
	float:left;
	width: 285;
	height: 252px;	
	margin:0px 0px 10px 7px;
	text-align: center;	
}

#QuadranteMargemDestaque
{
	padding:0px 0px 0px 0px;
}

#QuadranteDestaque1
{
	float:left;
	width: 186px;
	height: 125px;
	margin:0px 10px 0px 0px;
}

#QuadranteDestaque2
{
	float:left;
	width: 186px;
	height: 125px;
	margin:0px 10px 0px 0px;
}

#QuadranteDestaque3
{
	float:left;
	width: 186px;
	height: 125px;
	margin:0px 0px 0px 0px;
}

#FooterQuadranteDestaque1
{
	float:left;
	margin:0px 0px 0px 0px;
}

#FooterQuadranteDestaque2
{
	float:left;
	margin:0px 10px 0px 0px;
}

#FooterQuadranteDestaque3
{
	float:left;
	margin:0px 10px 0px 0px;
}

#FooterQuadranteDestaque4
{
	float:left;
	margin:0px 10px 0px 0px;
}

#QuadranteCopyright
{
	float:center;
	text-align: center;
}

#QuadranteHeaderMioloPaginaInterna
{
	width: 580px;
	height: 4px;
	padding: 0; 
	margin: 0;
	background-repeat:repeat-x;
	background-image: url(/images/TI/template/conteudo_borda_top.jpg);
}

#QuadranteFooterMioloPaginaInterna
{
	width: 580px;
	height: 24px;
	padding: 0; 
	margin: 0;
}

#QuadranteMiolo
{
	padding: 0; 
	margin: 0;
}

#QuadranteMioloPaginaInterna
{
	padding:5px 5px 5px 5px;
	background-repeat:repeat-y;
	background-image: url(/images/TI/template/conteudo_borda_bg.gif);		
}

#QuadranteMioloPaginaInternaUL
{
	padding: 0; 
	margin: 0;
	list-style: none;
}

#QuadranteMargemMioloPaginaInterna
{
	padding:10px 25px 0px 10px;
}

#QuadranteMioloEsquerdoPaginaInterna
{
	padding:0px 0px 0px 5px;
	float:left;
	width: 320px;
}

#QuadranteMioloDireitoPaginaInterna
{
	padding:0px 0px 0px 5px;
	float:left;
	width: 220px;
}

#QuadranteMioloPaginaInternaSeguros
{
	padding:15px 30px 10px 15px;
	color:#999999;
}

/**** Menu Superior ****/

.MenuSuperior {
	height: 37px;
	background: url(/images/TI/menu/superior/menu_horizon.gif); 
}
	
.MenuSuperior li {
	text-align: center;
}

.MenuSuperior a {
	display: block;
	color: #000000;
	font-size: .9em;
	text-decoration: none;
	border-right: 0px solid #888;  /* makes the dividers between the top nav links */
	padding: 7px 0px 7px 0px;	
}

.MenuSuperior a:hover {
	color:#F66013
}

.MenuSuperior ul
{
	padding: 0; 
	margin: 0;
	list-style: none;
	width: 100%;
	height: 100%;
}
	
.MenuSuperior ul ul a {
  color: #004782;
  background: #E8E8E8;
  border-right: 0; /* negates right border for dropdowns and flyouts */
  border-bottom: 1px solid #888;  /* borders the bottoms of the dropdown and flyout links */
}

/** 1º Nivel **/


.MenuSuperior1n {
	height: 35px;
	float: left;
	display:inline;
	width: 80px;
  	vertical-align: middle;
}

.MenuSuperior1n a
{
	color: #FFFFFF;
}

.MenuSuperior1nDiv {
	position: relative;
	height:35px;
}

/* this parent div does not provide "sticky hovering", but instead fixes a 
strange bug in Op7. When an element serves as a hovered popup "parent" element, 
that element must not also be floated or all heck breaks loose in Opera 7. 
To prevent this, we have floated the top level list items, while nesting 
hoverable parent divs inside that are then hovered to generate the dropdowns. 
Thus the ugly (but interesting) Op7 bug is defeated. */

.MenuSuperior1nDiv ul {
	background: #004782;
}	
	
/** 2º Nivel **/

.MenuSuperior2n
{
	vertical-align: middle;
	background: #E8E8E8;
}

.MenuSuperior2nDiv { /* rules for dropdown div */
	width: 200px;
	position: absolute;		
	left: -3000px;
	top: 36px; /* puts dropdowns directly under top nav */
	text-align: left; /* needed because IE misapplies text centering to boxes */	
	background: url(/images/bgfix.gif);
}
	
.MenuSuperior2nDiv div {
	width: 200px;
	position: absolute;		
	left: -3000px;
	top: 0;  
	background: url(/images/bgfix.gif);
	text-align: left; /* needed because IE misapplies text centering to boxes */
	}
	
.MenuSuperior2nDiv ul { 
  list-style: none;
  width: 105px; /* tweaked so that dropdowns appear to "line up" with top links */
  margin: 0 0px 0px 30px; /* creates "sticky hovering" zones for dropdowns */
  border: 1px solid #888; 
  border-width: 1px 1px 0; 
  }
	
.MenuSuperior2nDiv div ul {margin: 30px 30px 30px 0;} /* creates "sticky hovering" zones for flyouts */
	
.MenuSuperior2nDiv li {
  	position: relative; 
  	vertical-align: bottom; /* IE5/win bugfix */
}

.MenuSuperior1n:hover div.MenuSuperior2nDiv {left: -31px;} /* hover rule for dropdowns */ 
/* extra pixel makes dropdowns "line up" with top links */ 

.floatfix {margin-right: -3px;}

.MenuSuperior2nDiv li:hover div { /* hover rule for flyouts */
	left: 180px; /* this value controls the amount of flyout "overlap" */
	top: -26px; /* this value controls the amount of flyout vertical offset */
}
	
.MenuSuperior2nDiv li:hover {background: #E8E8E8;} /* hover color effect on dropdown links */

.MenuSuperior2nDiv div li:hover {background: #E8E8E8;} /* hover color effect on flyout links */


/*XX Special fixes XX*/

/* This is to hide the following from IE/Mac. \*/
* html .MenuSuperior1n .MenuSuperior2nDiv li {
height: 1%;
margin-left: -16px;
margin-left: 0;
}
/* */

* html .MenuSuperior a
 {height: 1%;}

/* The first 2 rules above fix "bullet region" problems in IE5.x/win, 
and the 2nd is to make all links fully clickable. */    

.brclear { /* Use a break with this class to clear float containers */
clear:both;
height:0;
margin:0;
font-size: 1px;
line-height: 0;
}

/*** Menu Lateral ***/

.MenuLateral, .MenuLateral ul {
	width: 139px;
	border: 0px solid #000000;
  	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding-left: 0px;           
	padding-right: 0px;
	padding-top: 0px;           
}

.MenuLateral li a { 
	color: #004587; 
	width: 100%; 
	text-decoration: none; 
}

.MenuLateral li a:hover {
	color: #F66013; 
}

.SeparadorMenuLateral
{
	background-repeat:repeat-x;
	background-image: url(/images/TI/menu/lateral/dotted_horizon.gif);
	background-position: center center;	
	height:16px;
}


/*** Miolo Pagina Interna ***/

#MioloPaginaInternaTexto
{
	padding:0px 0px 0px 0px;
}

#MargemBoxPecajaoSeu
{
	padding: 2px 8px 8px 8px;
}

#SubTituloPaginaInterna
{
	padding:0px 0px 0px 0px;
	font:12px Arial, sans-serif;
	font-weight: bold;
}

#MioloPaginaInternaSeparador
{
	height:20px;
}

/*** Destaque Peça já o seu ***/

#BoxPecajaoSeu
{
	width: 216px;
	padding: 0; 
	margin: 0;
}

#BoxPecajaoSeu ul
{
	padding: 0; 
	margin: 0;
	list-style-type: none;
}

#MioloBoxPecajaoSeu
{
	padding: 0;
	margin: 0;
	background-repeat:repeat-y;
	background-image: url(/images/TI/destaque/boxmini_bg.gif);
	background-position: center center;	
	width: 216px;
}

#TopBoxPecajaoSeu
{
	background-repeat:no-repeat;
	background-image: url(/images/TI/destaque/boxmini_top.gif);
	background-position: center center;	
	height:23px;
	padding: 0; 
	margin: 0;
	font:11px Arial, sans-serif;
	font-weight: bold;
}

#BottomBoxPecajaoSeu
{
	height:8px;
  	vertical-align: top;
	padding: 0; 
	margin: 0;
}

/*** Busca de Lojas ***/

.ListaBuscaLojas
{
	list-style-image: url(/images/TI/localizador_lojas/bullet_sun.gif);
  	vertical-align: middle;
}

.ComboBuscaLojas
{
	width:250px;
}

.BotaoBuscaLojas
{
	list-style-type: none;
	align: center;
}

/*** Fale Conosco ***/
.FaleConoscoFininvest
{	
	width:330px;
	_height:235px;	
	min-height:235px;
}

.FaleConoscoFininvest ul
{
	padding: 0px 0px 0px 0px;	
	margin: 0px 0px 0px -5px;
	_margin: 0px 0px 0px 0px;
	list-style-type: none;
	font:9px Arial, sans-serif;
}

.FaleConoscoFininvest li
{
	padding: 0px 0px 0px 0px;
}

.FloatLeft
{
	float: left;
}

.ListaHorizontal li
{
	padding: 0; 
	margin: 0;
	list-style-type: none;
	font:9px Arial, sans-serif;
	display:inline;
}

/************Fale Conosco**************/
.fcHint
{
	position: absolute;
	top: -165px;
	left: 235px;
	background-color: #f57b3c;
	border: solid 2px #CCC;
	width: 170px;
	padding: 5px 5px 5px 5px;
	font-size: 11px;
	color: #FFF;
	visibility: hidden;
}
#fclblImgCod
{		
	margin:0px 0px 0px 0px; 
	width:100px;	
}
#fcTxtImgCodAux
{		
	width:75px; 
	margin:-18px 0px 0px 102px;
}
#fcTxtImgCod
{	
	width:75px;
}
#divFrmImgCod
{	
	border:2px solid black; 
	width:110px; 
	margin:-28px 0px 0px 210px
}
.fcLinhahoriz
{
	background-image:url(/images/TI/faleconosco/linhahoriz.gif);
	background-repeat:repeat-x;
	width: 100%;
	height: 20px;
	margin: 0px 0px 0px 0px;
}
#divBotoes
{
	width:330px;	
}