@import url("reset.css"); /* css reset */

li, a {font:0.96em Trebuchet MS, arial;}

.replacement {
text-indent:-9000em;
overflow:hidden;
}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}

h1.title {
height:25px;
margin-left:6px;
}

h1.semi-novos {background:url(../pics/tt-busca.gif) no-repeat;}

h1.contato {background:url(../pics/tt-contato.gif) no-repeat;}
h1.conheca {background:url(../pics/tt-conheca.gif) no-repeat;}
h1.curriculum {background:url(../pics/tt-curriculum.gif) no-repeat;}
h1.testedrive {background:url(../pics/tt-teste.gif) no-repeat;}
h1.eventos {background:url(../pics/tt-eventos.gif) no-repeat;}
h1.showroom {background:url(../pics/tt-showroom.gif) no-repeat;}
h1.localizacao {background:url(../pics/tt-localizacao.gif) no-repeat;}
h1.equipe {background:url(../pics/tt-equipe.gif) no-repeat;}
h1.revisao {background:url(../pics/tt-revisao.gif) no-repeat;}
h1.vendas_diretas {background:url(../pics/tt-vendas_diretas.gif) no-repeat;}
h1.obrigado {background:url(../pics/tt-obrigado.gif) no-repeat;}

/********************************** MENU COM CARROS *********************************/

ul#nav {
margin-bottom:13px;
width:1003px;
}
html>body ul#nav {margin-bottom:57px;}
html>body ul#nav {*margin-bottom:13px !important;} /* problema que só consegui resolver assim. caso tenha uma solução melhor, mande-me um e-mail (eracton@gmail.com) */

#nav li{
float:left;
display:inline;
margin-left:42px;
}
#nav li a {
display: block;
color:#fff;
}
#nav li ul{
position: absolute;
display:none;
background-color:#fff;
border: 1px solid #ccc;
z-index:10;
}
#nav li ul li{
margin:3px 5px;
border-bottom:1px solid #ccc;
clear:left;
white-space:nowrap;
}
#nav li ul li.last {border-bottom:none;}

#nav li ul li.subp {
padding:0 3px 5px 3px;
font-size:13px;
width:210px;
background:url(../pics/seta02.gif) no-repeat 74px 8px;
}
#nav li ul li a {
padding:0 3px 5px 3px;
line-height: 18px;
color:#000 !important;
}
#nav li#sub01 ul li a {width:140px;}
#nav li#sub03 ul li a {width:210px;}
#nav li ul li a:hover {font-weight:bold;}
#nav li#sub01 ul li a:hover {background:url(../pics/seta.gif) no-repeat 136px 5px;}
#nav li#sub03 ul li a:hover {background:url(../pics/seta.gif) no-repeat 206px 5px;}
#nav li a.item {
text-indent:-9000em;
overflow:hidden;
height:17px;
}
#nav li a#home {width:27px; background:url(../pics/bt-menu08.gif) no-repeat;}
#nav li a#veiculos {width:99px; background:url(../pics/bt-menu01.gif) no-repeat;}
#nav li a#semi-novos {width:58px; background:url(../pics/bt-menu02.gif) no-repeat;}
#nav li a#pecas_servicos {width:166px; background:url(../pics/bt-menu03.gif) no-repeat;}
#nav li a#conheca {width:67px; background:url(../pics/bt-menu04.gif) no-repeat;}
#nav li a#vendas_online {width:77px; background:url(../pics/bt-menu10.gif) no-repeat; cursor:pointer;}
#nav li a#vendas_diretas {width:77px; background:url(../pics/bt-menu09.gif) no-repeat;}
#nav li a#contato {width:42px; background:url(../pics/bt-menu07.gif) no-repeat;}
ul#nav li:hover ul, ul#nav li.over ul{display: block;}

/********************************** NOVIDADES *********************************/

#novidades.home {
margin-top:10px;
float:left;
clear:left;
}
#novidades a.img img {margin:5px 0 0 5px;}

#novidades div.box {
position:relative;
width:177px;
height:202px;
background:url(../pics/bg-novidades.gif) no-repeat;
}
#novidades.home div.box {
float:left;
display:inline;
margin-left:23px;
}
div.box p {padding:6px 8px !important;}

div.box span {
font-size:1.1em;
color:#497899;
display:block;
}
div.box a.saiba {
position:absolute;
width:166px;
height:26px;
background:url(../pics/bt-saibamais.jpg) no-repeat;
left:6px;
bottom:6px;
}

/********************************** TABLE *********************************/

table {margin: 10px 0;}

#seminovos {width: 700px;}

table#seminovos table {width:100%;}

table.tableBg {background-color:#E3EFFA;}

table.tableBg img {border:1px solid #333;}

#form {/*margin:0 auto;*/ width: 220px;}

caption {
padding: 15px 0 0 0;
width: 700px;	 
font: 0.9em Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
text-align: left;
}
tr.par {background-color:#e3effa;}

tr.top th {border-bottom:3px solid #fff;}
th {
font:bold 0.9em Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
color:#fff;
text-align:left;
letter-spacing:1px;
padding:6px;
background-color:#036;
white-space:nowrap;
}
th.sub {
background-color:#bfcedd;
color:#000;
}
td {
font:0.95em Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
padding:6px;
color:#000;
}
.title{color:#369;}
td.titleRight{
color:#369;
text-align:right;
}


/********************************** TABLE *********************************/

ul.thumbs {margin:0 0 10px 50px;}
ul.right {float:right;}
ul.thumbs li {margin:8px 40px 25px 0;}
ul.thumbs li img {
border:1px solid #ccc;
display:block;
padding:6px;
}

/********************************** SHOWROOM *********************************/

ul.showroom {
margin-left:-5px;
margin-bottom:40px;
}

ul.showroom img {
border:2px solid #CCCCCC;
}

ul.showroom li {
float:left;
margin-left:8px;
}

/********************************** IMG FOTOS *********************************/

#album-fotos img {
padding:5px;
border:1px solid #ccc;
}


/********************************** RICHMEDIA *********************************/

#richmedia {
position:absolute;
left:300px;
top:20px;
width:387px;
height:550px;
z-index:6;
}

/****************************** EQUIPE COMERCIAL ******************************/
ul.equipe_comer{

}
ul.equipe_comer li{

	background: url(../pics/seta.gif) no-repeat left center;
	
}

ul.equipe_comer li a{
color:#0000CC;
}


/****************************** EQUIPE COMERCIAL 2 ******************************/

ul.equipe_comer2{
	margin: 20px 0 10px 0;

}

div.conheca-fotos{
	float: left;
	margin: 30px 0 0 50px;
}
div.conheca-fotos h3{
	text-align: center;
	margin-bottom: 20px;
}


p.menu-mapas{
	clear: both;
	text-align: center!important;

}