/* ============================================================================================================================= */
/* Reset */
* { margin: 0; padding: 0; }
img, fieldset, button { border: none; }

/* ============================================================================================================================= */
/* Tags gerais */
body {background-color:#efefef;}
a { text-decoration: none;}
li{ list-style:none;}

/* Tipografia */
body, input, select, textarea {font-family: "Arial", Helvetica, sans-serif; font-size: 11px; color: #333;}


/* ============================================================================================================================= */
/* Div Geral */
#geral{background-color:#E3E3E3; border:1px solid #FFFFFF; margin:0 auto; width:993px;}

/* ============================================================================================================================= */
/* Div Box */
#box{margin:12px 12px 0 12px;width:967px; border:1px solid #FFFFFF; background-color:#FFFFFF;}

/* ============================================================================================================================= */
/* Div Topo */
#topo{width:967px; height:58px; position:absolute; }
#topo .logo{
	background:url(../imagens/logo.jpg) top no-repeat;
	width:105px;
	height:48px;
	display:inline-block;
	text-indent:-2000px;
	overflow:hidden;
	float:right;
	margin-right:65px;

}
/*===============================================================================================================================*/
/*Menu*/

#nav{margin: 0px 10px; display:block; float:left;}
#nav li {
  /*float para os itens de lista*/
  margin: 0;
  float: left;
  display: block;
  padding-right: 20px;
}

#nav li.off ul, #nav li.on ul { display: none;}  /*esconde o submenu*/
#nav li a {
  /*para todos os links da lista*/
  display: block;
  text-indent:-2000px;
  overflow:hidden;

/*Botões*/  
}
#nav li a#fortwo {background:url(../imagens/fortwo.gif) right no-repeat; width:96px; height:30px;}
#nav li a#fortwo:hover {background-position:left; }

#nav li a#atend {background:url(../imagens/atend.gif) right no-repeat; width:155px; height:30px;}
#nav li a#atend:hover {background-position:left;}

#nav li a#info {background:url(../imagens/info.gif) right no-repeat; width:173px; height:30px;}
#nav li a#info:hover {background-position:left;}

#nav li a#mundo {background:url(../imagens/mundo.gif) right no-repeat; width:95px; height:30px;}
#nav li a#mundo:hover {background-position:left;}

#nav li a#coupe {background:url(../imagens/coupe.gif) right no-repeat; width:107px; }
#nav li a#coupe:hover {background-position:left; }

#nav li a#cabrio {background:url(../imagens/cabrio.gif) right no-repeat; width:108px; }
#nav li a#cabrio:hover {background-position:left;}

#nav li a#brabus {background:url(../imagens/brabus.gif) right no-repeat; width:75px; }
#nav li a#brabus:hover {background-position:left;}

#nav li a#center {background:url(../imagens/center.gif) right no-repeat; width:124px;}
#nav li a#center:hover {background-position:left;}

#nav li a#reserva {background:url(../imagens/reserva.gif) right no-repeat; width:45px;}
#nav li a#reserva:hover {background-position:left;}

#nav li a#responsa {background:url(../imagens/responsa.gif) right no-repeat; width:153px;}
#nav li a#responsa:hover {background-position:left;}

#nav li a#servicos {background:url(../imagens/servicos.gif) right no-repeat; width:48px; margin-right:200px;}
#nav li a#servicos:hover {background-position:left;}

#nav li a#eventos {background:url(../imagens/eventos.gif) right no-repeat; width:45px;}
#nav li a#eventos:hover {background-position:left;}

#nav li a#blog {background:url(../imagens/blog.gif) right no-repeat; width:24px;}
#nav li a#blog:hover {background-position:left;}

#nav li a#videos {background:url(../imagens/videos.gif) right no-repeat; width:38px;}
#nav li a#videos:hover {background-position:left;}

#nav li a#collection {background:url(../imagens/collection.gif) right no-repeat; width:56px; margin-right:380px;}
#nav li a#collection:hover {background-position:left;}

.frame {margin-bottom:15px;}
.frame img {margin-bottom:5px;}
.frame p.text{
width:420px;
display:block;
text-align:left;
margin-bottom:15px;
}




/*===============================================================================================================================*
/*E-mail*/
a#mail{ font-weight:bold; color:#FF9900;}
a#mail:hover {color:#FF3300;}
.frame h4{ margin-bottom:5px;}
/*===============================================================================================================================*
/*Chamadas*/
.frame a { margin-top:10px;}
.frame a#iguatemi{
background:url(../imagens/iguatemi.gif) left no-repeat;
width:104px;
display: block;
text-indent:-2000px;
overflow:hidden;
}

.frame a#litoral:hover {background-position:right;}
.frame a#litoral{
background:url(../imagens/litoral.gif) left no-repeat;
width:104px;
display: block;
text-indent:-2000px;
overflow:hidden;
}
.frame a#iguatemi:hover {background-position:right;}

.frame a#test{
background:url(../imagens/test.gif) left no-repeat;
width:147px;
display: block;
text-indent:-2000px;
overflow:hidden;
}
/*.frame a#test:hover {background-position:right;}*/

.frame a#center2{
background:url(../imagens/center2.gif) left no-repeat;
width:137px;
display: block;
text-indent:-2000px;
overflow:hidden;
}
.frame a#center2:hover {background-position:right;}

.frame a#design{
background:url(../imagens/design.gif) left no-repeat;
width:48px;
display: block;
text-indent:-2000px;
overflow:hidden;

}
.frame a#design:hover {background-position:right;}

.frame a#eventos2{
background:url(../imagens/eventos2.gif) left no-repeat;
width:55px;
display: block;
text-indent:-2000px;
overflow:hidden;
}
.frame a#eventos2:hover {background-position:right;}

.frame a#equipamentos{
background:url(../imagens/equipamentos.gif) left no-repeat;
width:88px;
display: block;
text-indent:-2000px;
overflow:hidden;
}
.frame a#equipamentos:hover {background-position:right;}

.frame a#be{
background:url(../imagens/be.gif) left no-repeat;
width:63px;
display: block;
text-indent:-2000px;
overflow:hidden;
}
.frame a#be:hover {background-position:right;}
.frame a#link_be:link{color:#000000};

.frame a#oficina{
background:url(../imagens/oficina.gif) left no-repeat;
width:54px;
display: block;
text-indent:-2000px;
overflow:hidden;
}

.frame a#dados{
background:url(../imagens/dados.gif) left no-repeat;
width:108px;
display: block;
text-indent:-2000px;
overflow:hidden;
}
.frame a#dados:hover {background-position:right;}


.frame a#lancamento{
background:url(../imagens/lanca.gif) left no-repeat;
width:158px;
display: block;
text-indent:-2000px;
overflow:hidden;
}
.frame a#lancamento:hover {background-position:right;}

.frame a#inaugura{
background:url(../imagens/inaugura.gif) left no-repeat;
width:202px;
display: block;
text-indent:-2000px;
overflow:hidden;
}
.frame a#inaugura:hover {background-position:right;}

#nav li.off ul, #nav li.on ul {
  display: none;
  position: absolute;
  top: 25px;
  height: 100px;
  left: 0;
  margin-left:10px;
}

#nav li.on ul {display: block;}/*ativa a lista do submenu*/

#nav li.on ul a, #nav li.off ul a {
  float: left;
  width: auto;
  margin-right: 15px;
  display:block;
}

#nav li.on ul { display: block;}
/*mostra o link atual*/

#nav li.off:hover ul{display: block; z-index: 6000; }
#nav li.off.over ul { display: block;  z-index: 6000; }/*.over para o IE6*/


/* ============================================================================================================================= */
/* Div Conteúdo */
#conteudo{ background-color:#FFFFFF; width:967px; height:480px; }
#conteudo object{margin-top:63px; display:block;}
/*Menu Base*/
#conteudo .menuBase{width:190px; height:100px; float:left; display:inline; margin-left:14px;}

/*Conteudo a baixo do flash*/
#conteudo .frame{width:713px; display:block; float:right; margin-left:50px; padding-bottom:10px; }
#conteudo .frame ul li{width:200px; float:left; margin-right:24px; }

/* ============================================================================================================================= */
/* Div Rodape */
#rodape{ height:20px; width:969px; background-color:#e3e3e3; clear:both; margin:0px 0px -1px -1px;}

/*para todos os botoes so rodape*/
#rodape ul li{ height:10px; float:left; margin-left:10px;}

/* Rodape menu Esquerdo*/
#rodape ul#esq { float:left; margin:3px;}
#rodape ul#esq li a{ display:block; text-indent:-2000px; overflow:hidden; background:right no-repeat;}

#rodape ul#esq li a#rodapeHome{ background-image:url(../imagens/home.gif); width:28px;}
#rodape ul#esq li a#mapa{ background-image:url(../imagens/mapa.gif); width:64px;}
#rodape ul#esq li a#recomendar{ background-image:url(../imagens/recomendar.gif); width:64px;}


/* Rodape menu Direito*/
#rodape ul#dir { float:right; margin:3px 10px 3px 3px; display:inline;}

#rodape ul#dir li a{ display:block; text-indent:-2000px; overflow:hidden; background:right no-repeat;}

#rodape ul#dir li a#protecao{ background-image:url(../imagens/protecao.gif); width:94px;}
#rodape ul#dir li a#fornecedor{ background-image:url(../imagens/fornecedor.gif); width:61px;}
#rodape ul#dir li a#avisos{ background-image:url(../imagens/avisos.gif); width:67px;}

/* Todos os botões do rodape ao passar o mouse*/
#rodape ul#dir li a:hover, #rodape ul#esq li a:hover{ background-position:left;}

#rodape #cdi{ background:url(../imagens/cdi.jpg) no-repeat; width:25px; height:13px; display:block; text-indent:-2000px; margin:25px 0 10px 0; float:right; overflow:hidden;}

/* ============================================================================================================================= */
/* Flash  */
#flash{
margin-top:63px;
}
/* ============================================================================================================================= */
/* Pop Ups */

.caixa{
	width:646px;
	background-color:#e3e3e3;
	border:1px solid #FFFFFF;
	padding:12px 0px;;
}
.caixa .centro{
	width:624px;
	background-color:#fff;
	margin:auto;
}
.caixa .centro #log{
	background:url(../imagens/logo.jpg) top no-repeat;
	width:105px;
	height:48px;
	display:inline-block;
	text-indent:-2000px;
	overflow:hidden;
	float:right;
}

/* ============================================================================================================================= */
/* Pop Up Textos */

.caixa .centro .top{
	width:564px;
	height:128px;
	background-color:#cc3300;
	background:url(../imagens/pop_top.jpg) bottom center no-repeat;
	margin:auto;
}

.caixa .centro #tito{
	background:url(../imagens/tit_protecao.gif) no-repeat;
	width:287px;
	height:29px;
	display:block;
	text-indent:-2000px;
	overflow:hidden;
	float:left;
	margin:50px 0px 0px 30px;
}

.caixa .centro #tito2{
	background:url(../imagens/tit_fornecedor.gif) no-repeat;
	width:196px;
	height:29px;
	display:block;
	text-indent:-2000px;
	overflow:hidden;
	float:left;
	margin:50px 0px 0px 30px;
}
.caixa .centro #tito3{
	background:url(../imagens/tit_avisos.gif) no-repeat;
	width:214px;
	height:29px;
	display:block;
	text-indent:-2000px;
	overflow:hidden;
	float:left;
	margin:50px 0px 0px 30px;
}
.caixa .centro #tito4{
	background:url(../imagens/tit_fornecedor.gif) no-repeat;
	width:196px;
	height:29px;
	display:block;
	text-indent:-2000px;
	overflow:hidden;
	float:left;
	margin:50px 0px 0px 30px;
}
.caixa .centro #tito5{
	background:url(../imagens/tit_protecao.gif) no-repeat;
	width:287px;
	height:29px;
	display:block;
	text-indent:-2000px;
	overflow:hidden;
	float:left;
	margin:50px 0px 0px 30px;
}
.caixa .centro #cont{
	background:url(../imagens/bg_cont.jpg) repeat-y;
	width:504px;
	margin:auto;
	padding:0px 30px;
}
.caixa .centro #cont h4{padding:10px 0px;}
.caixa .centro #foot{
	background:url(../imagens/bg_cont_botton.jpg) no-repeat;
	width:564px;
	height:75px;
	margin:auto;
}

/* ============================================================================================================================= */
/* Pop Up formularios */

.caixa .centro .top_form{
	width:564px;
	height:128px;
	margin:auto;
}
.caixa .centro #cont_form{
	width:504px;
	margin:auto;
	padding:0px 30px;
}
.caixa .centro #tit_agenda{
	background:url(../imagens/tit_agendamento.gif) no-repeat;
	width:214px;
	height:29px;
	display:block;
	text-indent:-2000px;
	overflow:hidden;
	float:left;
	margin:50px 0px 0px 30px;
}
.caixa .centro #cont_form .hor{
	background-color:#00FF00;
	width:100px;
}
	
/* ============================================================================================================================= */
/* Submenu Flash */

.menuSub {
display:block;
width:300px;
height:50px;
margin:-270px 0px 0px 10px;
position:absolute;
}
.menuSub ul li {
padding-bottom:2px;
}
.menuSub ul li ul {
margin-left:15px;
}

/* ============================================================================================================================= */
/* Tecnologia */

#tecno{
width:500px;
height:300px;
position:absolute;
margin:-240px 0px 0px 450px;
}
#tecno li{
float:left;
width:190px;
margin-left:35px;
}
#tecno li #motorizacao{
background:url(../imagens/ss_motorizacao.gif);
width:84px;
height:14px;
display:block;
text-indent:-2000px;
overflow:hidden;
margin:7px 0px 2px 0px;
}
#tecno li #marchas{
background:url(../imagens/ss_marchas.gif);
width:109px;
height:14px;
display:block;
text-indent:-2000px;
overflow:hidden;
margin:7px 0px 2px 0px;
}

.frame #catalogo{
display:block;
margin-top:15px;
}

/*Pop Up*/

div#popBox{ width:496px; height:496px; border:1px solid #CCC; margin:50px 200px; display:block;  position:absolute; background-color:#FFF;}
div#popBox a{ background:url(../imagens/fechar.jpg) no-repeat top; width:61px; height:29px; overflow:hidden; text-indent:-2000px; display:block; margin-left:416px;}