/* CSS Document */

* { margin:0; padding:0; border:0; list-style:none;}
.clear { clear:both; width:100%; height:1px; overflow:hidden;}

body { font-family:Arial, Helvetica, sans-serif; background-image:url(../images/background.gif); background-repeat:repeat-x; background-color:#D1DDE0;}
/*
h2 { width:100%; border-bottom:1px solid #CCC; font-size:20px; padding:10px 0 10px 0; margin:0 0 20px 0; float:left; font-weight:normal;}
h3 { margin-right:20px; border-bottom:1px solid #CCC; font-size:15px; padding-bottom:10px; padding-top:10px; margin-bottom:20px; float:left;}
h6 { width:100%; border-bottom:1px dotted #CCC; font-size:14px; padding:10px 0 10px 0; margin:10px 0 20px 0; float:left;}

p { margin:0 0 15px 0; line-height:18px;}
*/


#topo { width:980px; height:110px; margin:auto;}

.logo { float:left; margin-top:30px; font-size:8px;}
.logo a { width:400px; height:50px; background-image:url(../images/logo-savol.png); text-indent:-1999px; display:block;}

.savol-vw { float:right; margin-top:30px; font-size:8px;}
.savol-vw a { width:198px; height:50px; background-image:url(../images/logo-savol-vw.gif); text-indent:-1999px; display:block;}

#menu { width:980px; height:50px; margin:auto; margin-bottom:10px;}
#menu ul { list-style:none;  display:inline; float:left;}
#menu li { display:inline; float:left;}

/*#menu .inicio a { width:84px; height:50px; float:left; background-image:url(../images/menu/inicio.jpg); background-position:top; display:block;}
#menu .inicio a:hover { background-position:bottom;}*/

#menu .novos a { width:81px; height:50px; float:left; background-image:url(../images/menu/novos.jpg); background-position:top; display:block;}
#menu .novos a:hover { background-position:bottom;}

#menu .seminovos a { width:108px; height:50px; float:left; background-image:url(../images/menu/seminovos.jpg); background-position:top; display:block;}
#menu .seminovos a:hover { background-position:bottom;}

#menu .importados a { width:108px; height:50px; float:left; background-image:url(../images/menu/importados.jpg); background-position:top; display:block;}
#menu .importados a:hover { background-position:bottom;}

#menu .vendas-corporativas a { width:173px; height:50px; float:left; background-image:url(../images/menu/vendas-corporativas.jpg); background-position:top; display:block;}
#menu .vendas-corporativas a:hover { background-position:bottom;}

#menu .pecas a { width:74px; height:50px; float:left; background-image:url(../images/menu/pecas.jpg); background-position:top; display:block;}
#menu .pecas a:hover { background-position:bottom;}

#menu .servicos a { width:94px; height:50px; float:left; background-image:url(../images/menu/servicos.jpg); background-position:top; display:block;}
#menu .servicos a:hover { background-position:bottom;}

#menu .consorcio a { width:108px; height:50px; float:left; background-image:url(../images/menu/consorcio.jpg); background-position:top; display:block;}
#menu .consorcio a:hover { background-position:bottom;}

#menu .como-chegar a { width:125px; height:50px; float:left; background-image:url(../images/menu/como-chegar.jpg); background-position:top; display:block;}
#menu .como-chegar a:hover { background-position:bottom;}

#menu .faleconosco a { width:109px; height:50px; float:left; background-image:url(../images/menu/contato.jpg); background-position:top; display:block;}
#menu .faleconosco a:hover { background-position:bottom;}




#geral { width:980px; padding:0 0 20px 0; margin:auto;}

#banner-home { width:710px; height:250px; float:left; margin-bottom:10px;}

#coluna-direita { width:260px; float:right;}

#coluna-seminovos { width:250px; background-color:#F8C100; float:left; position:relative; padding-top:50px; padding-left:10px;}
.coluna-seminovos-titulo { position:absolute; top:10px; left:10px;}
#coluna-seminovos ul { list-style:none;}
#coluna-seminovos li { display:block; width:240px; height:60px; background-color:#FAD100; margin-bottom:10px; float:left;}
#coluna-seminovos img { float:left; margin-right:10px;}
#coluna-seminovos a { font-size:11px; display:block; padding-top:13px; color:#000; text-decoration:none; }
#coluna-seminovos a:hover { text-decoration:underline;}
#coluna-seminovos span { font-size:13px; display:block; padding-top:3px; font-weight:bold;}

#topicos-home { width:710px; height:170px; background-image:url(../images/topicos-home.gif); float:left; margin-right:10px; margin-bottom:10px;}
#topicos-home ul { list-style:none;}
#topicos-home li { width:210px; float:left; margin:20px 0 0 20px;}
#topicos-home h5 { font-size:14px; color:#007ED8;}
#topicos-home img { margin:15px 0 5px;}
#topicos-home a { font-size:11px; text-decoration:none; color:#333; float:left;}
#topicos-home a:hover { color:#666;}

#links-uteis { width:170px; height:105px; padding-top:45px; background-image:url(../images/links-uteis.gif); float:left; margin-right:10px; margin-bottom:10px;}
#links-uteis ul { list-style:none;}
#links-uteis li a { color:#FFF; font-size:11px; text-decoration:none; padding-left:20px; width:130px; float:left; margin-bottom:5px;}
#links-uteis li a:hover { color:#FF0;}

#boletins { width:270px; height:110px; padding-top:40px; background-image:url(../images/boletins.gif); float:left; margin-right:10px; margin-bottom:10px;}

#boletins fieldset { width:270px; margin-left:20px; border:0; }
#boletins legend { font-size:11px; color:#FFF; margin-bottom:10px; }
/*#boletins label { display:block; padding-top:10px; position:relative; font-size:11px; float:left; width:260px; }
#boletins label input { width:90px; border:1px solid #CCC; padding:5px; font-size:11px; display:block; }
#boletins label span { font-size:10px; float:right;  color:#999; padding-right:40px; }
#boletins label select { width:150px; border:1px solid #CCC; padding:5px; font-size:11px; display:block; }*/
.button_enviar { background-image:url(../images/botao-enviar.gif); color:#FFF; margin:10px 15px 0; cursor:pointer; border:0; width:58px; height:22px; float:right; }
.boletins-nome { background-image:url(../images/boletins-nome.gif); width:70px; padding-left:40px; height:18px; border:0; font-size:11px; padding-top:4px; margin-right:15px; float:left;}

#ultimo-segundo { width:200px; height:360px; float:right; margin-right:10px;}

#coluna-novos { width:240px; height:230px; border:#FFF solid 10px; background-color:#80B300; float:left; position:relative; margin:0 0 10px; text-align:center;}
.coluna-seminovos-titulo2 { position:absolute; top:0px; left:0px;}
.coluna-novos-carro { margin-top:40px; display:block;}
#coluna-novos a { color:#FFF; font-size:13px;} #coluna-novos a:hover { color:#FF0;}
#coluna-novos span { display:block; }
#coluna-novos h5 { display:block; font-size:14px; }
.imagem-carro { margin-top:40px; margin-bottom:10px;}

#conteudo-paginas { width:700px; float:left; font-size:12px; color:#333;}
#conteudo-paginas p { margin:0 0 15px 0; line-height:18px;}
#conteudo-paginas h4 { width:700px; margin-right:20px; border-bottom:1px solid #CCC; font-size:13px; padding-bottom:10px; padding-top:10px; margin-bottom:20px; float:left; color:#06C;}

#conteudo-paginas ul { list-style:none;}
.galeria ul { list-style:none;}
.galeria li { width:160px; height:120px; background-image:url(../images/moldura_foto.gif); margin:0 15px 10px 0; float:left;}
.galeria img { margin-top:5px; margin-left:5px; border:0;}


#conteudo-paginas-seminovos { width:980px; float:left;}
#conteudo-paginas-seminovos h2 { width:980px; margin-right:20px; border-bottom:1px solid #CCC; font-size:25px; padding-bottom:10px; padding-top:10px; margin-bottom:20px; float:left;}
#conteudo-paginas-seminovos p { width:980px; margin-right:20px; font-size:11px; margin-bottom:15px;}
#conteudo-paginas-seminovos h4 { width:980px; margin-right:20px; border-bottom:1px solid #CCC; font-size:13px; padding-bottom:10px; padding-top:10px; margin-bottom:20px; float:left; color:#06C;}
#conteudo-paginas-seminovos ul { list-style:none;}
#conteudo-paginas-seminovos li { width:132px; height:155px; padding:20px; float:left; background-image:url(../images/moldura-seminovos.gif); margin:0 0 20px 20px; text-align:center; font-size:11px;}
#conteudo-paginas-seminovos img { float:left; margin:0 0 10px 0;}
#conteudo-paginas-seminovos .preco { width:132px; float:left; margin:5px 0 0 0; font-size:15px; font-weight:bold; color:#1D4384;}

#conteudo-paginas-980 { width:980px; float:left;}
#conteudo-paginas-980 h2 { width:100%; border-bottom:1px solid #CCC; font-size:20px; padding:10px 0 10px 0; margin:0 0 20px 0; float:left; font-weight:normal;}
#conteudo-paginas-980 h3 { margin-right:20px; border-bottom:1px solid #CCC; font-size:15px; padding-bottom:10px; padding-top:10px; margin-bottom:20px; float:left;}
#conteudo-paginas-980 h6 { width:100%; border-bottom:1px dotted #CCC; font-size:14px; padding:10px 0 10px 0; margin:10px 0 20px 0; float:left;}
#conteudo-paginas-980 p { margin:0 0 15px 0; line-height:18px;}



.showroom { float:left;}
.showroom li { margin:20px 0 10px 0; float:left;}

/*#rodape { width:100%; height:110px; margin:auto; background-color:#000020;}
#rodape-centro { width:980px; margin:auto;}
#rodape-centro address { color:#fff; font-size:14px; font-style:normal; float:left; margin-top:10px;}
.copyright { color:#808090; font-size:11px; font-style:normal; float:left; margin-top:10px;}
.copyright a { color:#808090; text-decoration:none;} .copyright a:hover { color:#FFF;}
#rodape-centro ul { list-style:none; width:980px;}
#rodape-centro li a { background-color:#161633; display:inline-block; float:left; font-size:11px; color:#FFF; padding:8px; margin-right:1px; text-decoration:none;}
#rodape-centro li a:hover { color:#808090;}*/

.rodape { width:100%; height:110px; background:url(../images/bg-rodape.gif) top repeat-x #0F2253; color:#fff;}
.rodape-centro { width:980px; margin:auto;}
.rodape-centro ul { width:960px; height:28px; background:url(../images/bg-rodape2.gif); float:left; list-style:none; padding:0 0 0 20px;}
.rodape-centro li { color:#FFF; font-size:11px; height:22px; border-right:1px solid #173466;  margin:0 20px 0 0; padding:6px 20px 0 0; float:left; text-decoration:none;}
.rodape-centro a { color:#fff; text-decoration:none;}
.rodape-centro a:hover { color:#9CF;}
.rodape-centro address { font:normal 15px "Segoe UI", Arial; width:700px; float:left; padding:20px 0 5px;}
.rodape-centro .copyright { color:#999; width:700px; float:left; font-size:11px;}

.conteudo2 { width:550px; margin:0 0 20px; font-size:12px; float:left;}
.conteudo2 h2 { width:100%; border-bottom:1px solid #CCC; font-size:20px; padding:10px 0 10px 0; margin:0 0 20px 0; float:left; font-weight:normal;}
.conteudo2 h3 { margin-right:20px; border-bottom:1px solid #CCC; font-size:15px; padding-bottom:10px; padding-top:10px; margin-bottom:20px; float:left;}
.conteudo2 h6 { width:100%; border-bottom:1px dotted #CCC; font-size:14px; padding:10px 0 10px 0; margin:10px 0 20px 0; float:left;}
.conteudo2 p { margin:0 0 15px 0; line-height:18px;}

.formulario { background:url(../images/envelope.gif) right top no-repeat; float:left;}
.formulario label { width:550px; padding:0 0 10px; float:left;}
.formulario input, select { padding:5px; margin:3px 0 0; border:#ccc solid 1px; font-size:12px; color:#666; left:50px; font-family:Arial, Helvetica, sans-serif;}
.formulario textarea { padding:5px; margin:3px 0 0; border:#ccc solid 1px; font-size:12px; color:#666; left:50px; font-family:Arial, Helvetica, sans-serif;}

.formulario .enviar { width:90px; height:50px; background:url(../images/botao-enviar2.gif); border:0; cursor:pointer;}
.formulario strong { color:#1D4384; font-size:11px;}

.coluna-direita2 { width:410px; margin:0 0 20px 20px; float:left; font-size:13px;}
.coluna-direita2 h2 { width:100%; border-bottom:1px solid #CCC; font-size:20px; padding:10px 0 10px 0; margin:0 0 20px 0; float:left; font-weight:normal;}
.coluna-direita2 li { float:left; width:170px; margin:0 0 20px 20px; text-align:center; font-size:11px; font-weight:700;}
.coluna-direita2 img { float:left; margin:0 0 5px 0; padding:0;}









.conteudo-seminovos { width:550px; margin:0 0 20px 0; font-size:12px; float:left;}
.conteudo-seminovos p { width:300px; float:left;}
.seminovos-nome { width:300px; font-size:20px; margin:0 0 5px 0; float:left;}
.seminovos-preco { width:300px; font-size:18px; color:#0D6DA7; margin:0 0 10px 0; float:left;}
.conteudo-mais { width:230px; font-size:11px; color:#666; float:left;}


.galeria-seminovos { width:300px; height:240px; background:url(../images/moldura-galeria-seminovos.gif); margin:15px 0 0 0; float:left;}
.galeria-seminovos li { margin:20px 0 0 20px; float:left;}
.galeria-seminovos img { border:0; float:left;}

.seminovos-detalhes { width:230px; font-size:15px; padding:10px 0 5px 0; color:#0E6EA8; font-weight:bold; float:right;}
.conteudo-opcionais { width:230px; float:right;}
.conteudo-opcionais li { width:225px; font-size:11px; padding:0 0 0 15px; margin:0 0 3px; background:url(../images/seta.gif) no-repeat left center; float:left;}

.busca { width:350px; height:40px; padding:0 0 0 60px; background:url(../images/bg-menu.gif); float:right;}
.busca select { width:143px; padding:0; margin:10px 10px 0 0; border:#777700 solid 1px; padding:1px; font-size:11px; float:left;}
.busca .botao-ok { width:30px; height:20px; margin:10px 0 0 0; background:url(../images/botao-ok.gif) top; cursor:pointer;}
.busca .botao-ok:hover { width:30px; height:20px; margin:10px 0 0 0; background:url(../images/botao-ok.gif) bottom; cursor:pointer;}
.titulo-550 { width:550px; border-bottom:1px solid #CCC; font-size:20px; padding:8px 0 8px 0; margin:0 0 20px 0; font-weight:normal; float:left;}

.mais-ofertas { width:410px; float:right;}
.mais-ofertas li { width:410px; height:80px; margin:10px 0 0 0; background:url(../images/moldura_ofertas.gif);}

/* PROPOSTA */
.proposta { width:370px; height:305px; background:url(../images/bg-proposta.gif) right top no-repeat; margin:20px 0 0 0; padding:20px; float:left;}
.proposta label { width:370px; padding:0 0 10px; float:left;}
.proposta input,select,textarea { padding:2px; margin:3px 0 0; border:#ccc solid 1px; font-size:12px; color:#666; left:50px;}
.proposta h5 { width:370px; color:#1D4384; border-bottom:1px dotted #CCC; font-size:14px; margin:0 0 10px 0; padding:0 0 10px 0; float:left;}
.proposta .enviar { width:80px; height:30px; background:url(../images/botao-enviar3.gif); border:0; cursor:pointer;}
.proposta strong { color:#1D4384; font-size:11px;}

/* --- */

.coluna-direita3 { width:410px; margin:0 0 20px 20px; float:left; font-size:13px;}
.coluna-direita3 li { float:left; width:170px; margin:0 0 20px 20px; text-align:center; font-size:11px; font-weight:700;}
.coluna-direita3 img { float:left; margin:0 0 5px 0; padding:0;}





#banners-porto-seguro { width:710px; height:310px; background:#fff; margin:0 0 10px 0; float:left;}

#banners-porto-seguro ul { list-style:none;}

#banners-porto-seguro li { width:170px; margin:0 7px 0 0; float:left;}
#banners-porto-seguro li .final { width:170px; float:left;}

#coluna-direita-fim { width:240px; background:#FC0; font-size:12px; text-align:center; margin:10px 0 0 0; padding:10px; float:left;}
#coluna-direita-fim a { color:#039; text-decoration:none; margin:5px 0 0 0;}
#coluna-direita-fim a:hover { color:#000;}

/* coluna novos */
.novos-home { background:url(../images/bg-novos.gif); width:260px; height:250px; text-align:center; margin:0 0 10px 0;}
.novos-home h5 { font:bold 18px "Segoe UI", Arial; color:#fff;}
.novos-home h4 { font:bold 19px "Segoe UI", Arial; color:#09C; margin:20px 0 0 0;}

/* >> conteudo paginas */
.conteudo { font:normal 12px Arial, Helvetica, sans-serif; width:980px; margin:10px 0 0 0; padding:0 0 20px 0; float:left;}
.conteudo h2 { font:bold 18px "Segoe UI", Arial; color:#1D4384; border-bottom:1px solid #09C; padding:0 0 13px 0; margin:0 0 20px 0;}
.conteudo h2 strong { border-bottom:3px solid #09C; padding:0 0 10px 0;}
.conteudo h5 { font:bold 15px "Segoe UI", Arial; color:#1D4384; margin:0 0 20px 0;}
.conteudo p { margin:0 0 20px 0; line-height:16px;}

/* >> formulario novo */
.formulario-novo { width:350px; float:left;}
.formulario-novo label { width:350px; margin:0 0 10px 0; float:left;}
.formulario-novo span { width:80px; padding:5px 0 0 0; float:left;}
.formulario-novo input, .formulario-novo textarea { font:normal 12px Arial, Helvetica, sans-serif; border:1px solid #ccc; padding:5px; float:left;}
.formulario-novo .enviar { width:80px; height:30px; background:url(../images/botao-enviar3.gif); border:0; cursor:pointer;}

/* >> coluna direita */
.sidebar { width:260px; margin:0 0 0 30px; float:right;}

.sidebar .horario-atendimento { width:220px; background:url(../images/bg-input-text2.png); padding:20px; float:left;}
.sidebar .horario-atendimento h3 { font:normal 15px "Segoe UI", Arial; background:url(../images/icon-relogio.png) left no-repeat; line-height:25px; height:31px; padding:0 0 0 36px;}
.sidebar .horario-atendimento h4 { margin:10px 0 0 0;}

.coluna-vendas-corporativas { width:480px; float:right;}
.coluna-vendas-corporativas li { width:220px; margin:0 0 0 20px; float:left;}
.coluna-vendas-corporativas h2 {  font:normal 13px "Segoe UI", Arial; margin:5px 0 20px 0;}

/* >> importados */
.importados-pagina { font:normal 12px "Segoe UI", Arial; color:#666; width:950px; margin:30px 0 0 0; padding:0 0 0 30px; float:left;}
.importados-pagina h2 { font:normal 35px "Segoe UI", Arial; color:#647C9B; padding:0 0 0 0; margin:0 0 20px 0; background:none;}
.importados-pagina p { margin:0 0 10px 0; line-height:16px;}
.importados-pagina form, .importados-pagina label { font-size:14px; width:360px; margin:10px 0 0 0; float:left;}
.importados-pagina form span { width:100px; float:left;}
.importados-pagina input { font:normal 13px "Segoe UI", Arial; width:250px; padding:5px; border:0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; float:left;}
.importados-pagina textarea { font:normal 13px "Segoe UI", Arial; width:250px; height:120px; padding:5px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:0; float:left;}
.importados-pagina .enviar { font:bold 15px "Segoe UI", Arial; background:#40567F; color:#fff; width:70px; padding:10px; border:0; cursor:pointer; float:right;}
.importados-pagina .veiculos { float:right;}
.importados-pagina .ficha { background:url(../images/premium/icon-ficha.png) left no-repeat; font:bold 16px "Segoe UI", Arial; color:#647C9B; width:360px; padding:5px 0 5px 30px; margin:20px 0 20px 0; float:left;}

.importados-conteudo { background:url(../images/premium/bg-black.png) top; width:440px; padding:30px; margin:0 0 0 60px; color:#ccc; float:right;}
.titulo-carro-importados { font:bold 28px "Segoe UI", Arial; color:#036; padding:0; margin:0 0 20px 0; background:none; display:block;}
.importados-conteudo h4 { font:bold 18px "Segoe UI", Arial; color:#999; padding:0; margin:0 0 10px 0; background:none;}
.importados-conteudo cite { font:normal 10px "Segoe UI", Arial;}
.importados-conteudo .preco { color:#99CCFF; line-height:1px;}
.importados-conteudo .preco strong { font:bold 35px "Segoe UI", Arial;}
.importados-conteudo .importados-galeria { width:440px; list-style:none; margin:0 0 20px 0; float:left;}
.importados-conteudo .importados-galeria li { margin:0 10px 0 0; float:left;}

.lista-importados { background:#fff; width:940px; height:75px; margin:0; list-style:none; position:relative; padding:20px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; float:left;}
.lista-importados li { margin:0 5px 0 0; float:left;}
.lista-importados img { border:0;}