/*
	WEBROOM - Soluções Interativas 
	Endereço: Rua Carmo Gifoni, 481 - Bairro Martins - CEP 38400-358 - Uberlândia - MG 
	Site: www.webroom.com.br - E-mail: webroom@webroom.com.br
	Tel.: (34) 3237-1253
	Projeto: Autoscar
	Data: Janeiro 2010
	Autor: Jean Souza
*/

/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0}
table {border-collapse:collapse; border-spacing:0}
fieldset,img {border:0}
address,caption,cite,code,dfn,b,i,em,strong,th,var {font-style:normal; font-weight:normal}
ol,ul {list-style:none}
caption,th {text-align:left}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal}
q:before,q:after {content:''}
abbr,acronym {border:0}
strong {font-weight:700}
em {font-style:italic}

/* Geral */
a {color:#1A3C8E}
a:hover {text-decoration:none}
p {}

.hidden {display:none}
.visible {display:block}

.yellow {color:#ffe600}

.txtfield {border:1px solid #e2e3ea; border-left-color:#333; border-top-color:#333; border-left-color:#abadb3; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -khtml-border-radius:2px; padding:1px 0; font-family:Arial, Helvetica, sans-serif; font-size:14px}

span.txtfield {border:none}

.error {border:1px #900 solid; color:#900;  font-weight:700}{border:1px solid #e2e3ea; border-left-color:#333; border-top-color:#333; border-left-color:#abadb3; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -khtml-border-radius:2px; padding:1px 0; font-family:Arial, Helvetica, sans-serif; font-size:14px}

.title {font-size:24px; margin-left:15px; margin-bottom:15px}

.titleh2, .titleh3 {font-size:18px; margin-left:15px; margin-bottom:5px; margin-top:15px}

.titleh3 {font-size:14px; font-weight:700}

.table caption {font-size:18px; margin-left:15px; margin-bottom:5px; margin-top:15px}
.table {width:100%; margin-left:15px}
.table th, .table td{background:#555; color:#FFF; border:1px solid #FFF; padding:4px 6px; text-align:left}
.table th {font-weight:700}
.table td {background:#d4d4d4; color:#333}

.twoColumns .title, .twoColumns .titleh2, .twoColumns .titleh3, .twoColumns .table, .table caption {margin-left:0} 

/* Estrutura */

html {background:#FFF url(../imagens2/bg.png) center 33px}

body {background:url(../imagens2/bg_top.png) repeat-x center 33px; font-size:12px; font-family:Arial, Helvetica, sans-serif}

.wrap {width:981px; margin:0 auto 0; padding-top:32px; position:relative}

.box {width:981px; float:left; overflow:hidden; position:relative; background:url(../imagens2/bg_content.png) repeat-y; background-position:0 0}
.twoColumns .box {background:url(../imagens2/bg_content_twocolumn.gif) repeat-y}

#header {width:981px; float:left; background:url(../imagens2/header.jpg) no-repeat; height:200px; color:#FFF}

#footer {width:100%; background:url(../imagens2/bg_rodape.png) bottom center repeat-x; clear:both}

.content {float:left; width:641px; margin-left:140px; display:inline; padding-bottom:15px}
.twoColumns .content {float:left; width:824px; padding-left:15px; display:inline}

#left_column {float:left; width:120px; padding:10px 10px 11px; display:inline; margin-left:-781px; background:url(../imagens2/sprite.png) no-repeat -207px -106px}
.twoColumns #left_column {margin-left:-979px; _margin-left:-984px}

#right_column {float:right; display:inline; height:806px; position:relative; right:0; width:180px; padding:9px 9px 11px; margin-right:1px}

/* login */

.login {width:981px; float:left; margin-top:-35px; *margin-top:-33px; padding-bottom:36px; position:relative; z-index:1; background:url(../imagens2/login_bg.gif) repeat-x bottom}
.login .loginOp {position:absolute; height:36px; width:90px; bottom:0; right:0; z-index:2} 
.login .loginOp a {display:block; position:relative; height:36px; width:90px; background:url(../imagens2/login.png); overflow:hidden; text-indent:-9999px} 

.login .opcoes {float:left; width:100%; padding:15px 0 15px 0; display:none}
.login .cadastrar {float:left; margin:0 15px 0 204px; display:inline; height:140px; width:279px; background:#ccc url(../imagens2/abas_sprite.png) -280px 129px no-repeat; font-size:10}
.login .entrar {float:left; margin:0 0 0 15px; display:inline; color:#FFF; height:140px; width:280px; background:#1a3c8e url(../imagens2/abas_sprite.png) 0 130px no-repeat}
.login .entrar h3, .login .cadastrar h3 {font-size:22px; font-weight:700; background:url(../imagens2/abas_sprite.png) 0 -25px no-repeat; padding:10px 15px 12px} 

.login .cadastrar h3 {background-position:-280px -26px}
.login .cadastrar p {margin:0 15px 10px; font-size:13px; line-height:22px}

.login .entrar ol {float:left; margin:0 15px; display:inline; width:250px; position:relative}
.login .entrar ol li {float:left; width:50%}
.login .entrar ol li label {display:block; font-size:13px; margin-bottom:5px}
.login .entrar ol li .txtfield {width:113px; margin-bottom:8px}
.login .entrar ol li .error {width:113px; border:1px #900 solid; background:#FFECEC; color:#900;  font-weight:700; margin-bottom:8px}
.login .entrar ol li .pass {width:120px}
.login .entrar ol li a {color:#9baacd; font-size:11px; line-height:21px}
.login .entrar ol li.esqueci_senha {width:150px}
.login .entrar .message_error span {float:left; display:none; position:absolute; width:130px; text-align:center; top:20px; left:255px; border:1px #900 solid; background:#FFECEC; color:#900; padding:1% 2px}

.login .cadastrar .cadastro_bt, .login .entrar .entrar_bt {float:right; width:71px; height:21px; margin-bottom:0}
.login .cadastrar .cadastro_bt a, .login .entrar .entrar_bt input {display:block; width:71px; border:none; height:22px; background:url(../imagens2/sprite.png) -139px -40px; text-indent:-9999px; overflow:hidden; line-height:0px; font-size:0px}
.login .entrar .entrar_bt input {width:57px; background-position:-139px -62px; float:right; cursor:pointer}

.logado {float:right; overflow:hidden; width:111px; padding-left:15px;  margin:-22px 0 0 0; text-align:right}
.logado p {font-size:11px}
.logado p strong {font-size:12px}
.logado p {float:left; width:100%}
.logado p.acoesUser a {margin-top:3px; background:url("../imagens2/sprite.png") -27px -58px; width:111px; height:17px; text-indent:9999px; overflow:hidden; float:left}
.logado p.acoesUser .dados_doPainel {background-position:-27px -76px}
.logado p.acoesUser .sair_doSitema {background-position:-27px -94px}

/* header */
.video_voador { width:281px; height:150px; background:url("../imagens2/bg_video_voador.png"); position:absolute; z-index:999999; top:115px; left:530px; color:#FFF}
.video_voador .drag, .video_voador .fechar { padding:5px 5px 0 5px}
.video_voador .fechar img { cursor:pointer; float:right}
.video_voador .drag { cursor:move; float:left; width:210px}
.geral_top_banner {position:relative; float:left; margin:-22px 0 15px 126px; background:url("../imagens2/bg_banner.gif") no-repeat 0 0; display:inline; width:728px; z-index:2}
.top_banner {overflow:hidden; height:90px}
.top_banner_hover {height:400px; margin-bottom:-315px}
.geral_top_banner  object, .geral_top_banner embed {float:left}

#header .name, .name a {float:left; width:200px; height:83px}
#header .name {margin:29px 0 37px 39px; display:inline; position:relative; z-index:1}
#header .name a {text-indent:-9999px; overflow:hidden}

#header .busca {float:left; width:98%; padding:0 1%}
#header .busca p {margin-bottom:7px}
#header .busca ol li {float:left; padding-right:20px; height:20px; margin-right:10px; display:inline; background:url('../imagens2/sep.png') right 0 no-repeat}
#header .txtfield {height:18px; font-size:11px; color:#1a3c8e; border:1px solid #e2e3ea; border-right-color:#dbdfe6; border-top-color:#abadb3; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -khtml-border-radius:2px}
#header .busca select {position:relative; z-index:1}
#header .tipo_veiculo .txtfield {width:109px; margin-right:5px}
#header .tipo_veiculo .txtfield2 {width:130px; margin-right:0}
#header .loja_busca .txtfield {width:122px}

#header .busca ol li.busca_avancada {background:none}

#header .busca_avancada a {color:#FFF}

/* navigation */

.navigation {float:left; margin:15px 0 15px 9px; position:relative}
.navigation li { float:left; background:url("../imagens2/separador.gif") no-repeat right; height:32px; padding:0 7px; overflow:hidden}
.navigation li.servicos {background:none}
.navigation li a { display:block; line-height:32px; font-size:15px; color:#000; width:auto !important; height:auto !important; float:left; text-decoration:none; font-weight:700; }
.navigation li.vender a {text-transform:uppercase; color:#1a3c8e}

/*.navigation li a:hover, .navigation li.vender a:hover {color:#FFF; background:#1A3C8E;}
.navigation li .bg_left, .navigation li .bg_right { width:4px; height:32px; visibility:hidden}
.navigation a:hover .bg_left, .navigation a:hover .bg_right { visibility:visible; background:url(../imagens2/sprite_bg_menu_hover.png); width:4px; height:32px; position:relative; z-index:1}
.navigation span { float:left; cursor:pointer}
.navigation .bg_left { background-position:left center}
.navigation .bg_right { background-position:right center!important}
*/


/* Content */

.content .list .mais_detalhes, .content .list .mais_detalhes a{float:left; overflow:hidden; height:175px; padding:9px; width:100px; margin:-9px -9px -184px -9px; display:inline; position:relative}
.content .list .mais_detalhes  a {z-index:1; text-indent:-999px; margin-bottom:-9px}

.content .list .combustivelTooltip {bottom:-1px; left:9px}
.content .list .combustivelTooltip, .content .list .combustivelTooltip a{float:left; height:20px; width:100px; position:absolute; z-index:2}
.content .list .combustivelTooltip  a {z-index:2; position:relative; height:13px; width:80px; text-indent:-999px; overflow:hidden}
.content .list .combustivelTooltip .detalhes_otimizada {display:none; background:#333; padding:1px 5px; color:#FFF; font-weight:700; font-size:11px; border:1px solid #666; position:absolute; bottom:4px; left:13px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px}

.content .list .img_anuncio {float:left}
.content .list {float:left; width:616px; margin:0 0 0 14px; display:inline}
.content .list .iten {float:left; overflow:hidden; background:#fff url(../imagens2/bg_lista_carro.gif) repeat-x bottom; margin:0 2px 3px 1px; display:inline; position:relative; z-index:2; border:1px solid #ccc; height:175px; width:100px; padding:9px}
.content .list .iten img {border:1px solid #ccc; border-bottom:1px solid #e2e2e2; width:100px; height:75px}
.content .list .preco, .content .list .combustivel {position:absolute; display:block; bottom:5px; right:9px; z-index:1}
.content .list .combustivel {background:url(../imagens2/sprite.png); left:9px; height:13px; width:13px; text-indent:-9999px; overflow:hidden}

.content .list .Gasolina {background-position:-191px -16px}
.content .list .Flex {background-position:-178px -16px}
.content .list .Diesel {background-position:-165px -16px}
.content .list .Alcool {background-position:-152px -16px}

.content .list .modelo {font-size:16px; font-weight:700; float:left; width:100%}
.content .list .modelo a {text-decoration:none}
.content .list .versao {font-size:11px; color:#333}
.content .list .ano {font-size:11px; color:#1a3c8e}
.content .list .cor {font-size:10px; color:#666}

.content .list .banner {padding:10px 71px; display:inline; width:468px; float:left}
.content .list .banner span {width:468px}

/* detalhe do produto */

.content .carro {float:left; width:829px; height:624px; background:#1a3c8e url(../imagens2/infobottom.gif) bottom right no-repeat; color:#FFF; position:relative}
.content .carro h1 {float:left; font-size:21px; font-weight:700; width:506px; height:40px; padding:10px 0 0 10px; display:inline; background:url(../imagens2/titletop.gif) no-repeat}
.content .carro h1 span {font-weight:100; font-size:18px}
.content .carro .preco {background:#000 url(../imagens2/preco_detalhe.gif) top no-repeat; margin-top:10px; display:inline; float:left; line-height:40px; height:40px; width:136px; font-size:17px; font-weight:700; text-align:center}
.content .carro .imagemVeiculo {width:640px; height:480px}
.content .carro  #imagem {margin:0 10px 5px 10px; height:480px; width:640px; border:1px solid #000; display:inline; float:left; overflow:hidden}
.content .carro .galeria {float:left; position:relative; margin-bottom:-15px; margin-right:10px; padding-left:4px; display:inline; text-align:center; background:url(../imagens2/galeria_thumb.gif) bottom left no-repeat; padding-bottom:25px; width:652px}
.content .carro .galeria li {float:left; margin-left:6px; display:inline; height:77px; width:102px; line-height:75px; font-size:18px}
.content .carro .galeria li img {width:100px; height:75px; border:1px solid #000; color:#FFF; line-height:75px; text-align:center}
.content .carro .galeria li.marca img {height:77px; width:102px; border:none}
.content .carro .info {float:right; width:163px; font-size:11px; background:url(../imagens2/inftop.gif) right top no-repeat; margin-top:-537px; height:614px; padding-bottom:10px; overflow:auto}
.content .carro .dados, .content .carro .opcionais {width:133px; padding-right:10px; float:left; display:inline; color:#FFF}
.content .carro .dados span, .content .carro .opcionais span {color:#c9d3ed}
.content .carro .dados li, .content .carro .opcionais li{margin-bottom:2px}
.content .carro .dados {padding-top:10px}
.content .carro h2.opcionais {color:#c9d3ed; text-transform:uppercase; margin:10px 0; font-weight:700}
.content .carro .observacao { margin:0 1px 0 0; }

.content .loja {float:left; margin:15px 13px 0 0; width:447px; height:132px; display:inline; padding:10px; background:#1a3c8e url(../imagens2/loja_cantos.png) -24px 0 no-repeat; color:#FFF; position:relative}
.content .loja .imagem_vendedor {float:left; margin-right:10px; border:1px solid #000; height:168px; height:128px; overflow:hidden}
.content .loja ul {float:left; font-size:11px; position:absolute; width:262px; height:132px; margin:-10px 0; padding:10px 25px 10px 0; right:-15px; _right:-16px; background:url(../imagens2/loja_cantos.png) 263px 0 no-repeat}
.content .loja ul span {color:#c9d3ed}
.content .loja ul li {line-height:18px}
.content .loja #li_nome_cadastro {font-size:13px; text-transform:uppercase; font-weight:700}

.acoes {width:342px; overflow:hidden; float:right; margin-left:1px}
.acoes .acao {width:342px; float:left; height:29px; font-size:13px; margin-top:15px; text-transform:uppercase}
.acoes .acao li {height:29px; float:left; padding-right:1px; display:inline}
.acoes .acao li a {background:#e6e6e6; height:29px; text-decoration:none; font-weight:700; float:left; display:inline; padding:0 10px; line-height:29px; color:#333}
.acoes .acao li a:hover, .acoes .acao li.ativado a {background:#ccc; color:#000}

.acoes fieldset {background:#ccc url(../imagens2/proposta_bottom.png) bottom no-repeat; width:322px; float:left; padding:10px}
.proposta textarea, .tweet textarea {float:left; width:317px; height:87px}
.tweet textarea{margin-bottom:5px}
.acoes .message_error {float:left; width:313px; display:none; text-align:center; border:1px #900 solid; margin-bottom:5px; background:#FFECEC; color:#900; padding:1% 2px}
.acoes .sucesso {float:left; width:100%; display:none; text-align:center; border:1px #090 solid; margin-bottom:5px; background:#DFF9E3; color:#090; padding:1% 2px}
.acoes ol li .error {border:1px #900 solid; background:#fff}
.proposta li.nome, .proposta li.tel {float:left; width:50%}
.proposta li.mail {float:left; width:213px}
.proposta li.mail .txtfield {width:203px}
.proposta li.send {float:left; width:105px}
.proposta li label{float:left; margin-top:5px}
.proposta li.send input {border:none; margin:17px 0 0; float:right; background:url(../imagens2/sprite.png) -139px -84px; line-height:0; text-indent:-9999px; height:21px; width:103px; cursor:pointer}
.indique_veiculo ol li {margin-bottom:5px; float:left; width:322px}
.indique_veiculo ol {float:left}
.indique_veiculo ol li .txtfield {width:317px}
.indique_veiculo ol li .error {width:317px; margin-bottom:5px}
.indique_veiculo ol li.send {margin-bottom:0}
.indique_veiculo ol li.send input {border:none; float:right; margin:5px 0 0; background:url(../imagens2/sprite.png) -208px 0; line-height:0; text-indent:-9999px; height:21px; width:119px; cursor:pointer}
.tweet .message_error {margin-bottom:5px}
.tweet ol li.send input {border:none; margin:5px 0 0; background:url(../imagens2/sprite.png) -211px -22px; line-height:0; float:right; text-indent:-9999px; height:21px; width:80px; cursor:pointer}
.tweet .caracteres {text-align:right}
.tweet .caracteres input {text-align:right; background:none; border:none; width:25px; padding-right:2px}
.indique_veiculo, .tweet {display:none}

.banner_detalhe {float:left; margin:10px 0; width:468px; height:60px; background:url(../imagens2/banner_detalhe.png)}

.aviso {clear:both; color:#333; font-size:11px}
.aviso h4, .aviso ol li span {color:#1a3c8e; text-transform:uppercase; margin-bottom:5px; font-weight:700}
.aviso ol li {line-height:20px}

/* Garagem */

.lojaInfo {float:left; width:612px; height:185px; margin-left:15px; display:inline; overflow:hidden; position:relative; background:#1a3c8e url(../imagens2/inftop.gif) right 0 no-repeat; color:#FFF}
.lojaInfo .imagem_vendedor {width:174px; height:131px; float:left; padding:0 9px 14px; display:inline; background:url(../imagens2/galeria_thumb.gif) 0 135px no-repeat}
.lojaInfo .imagem_vendedor img {width:173px; height:130px; border:1px solid #000}
.lojaInfo h1 {font-size:22px; width:592px; display:inline; display:inline; background:url(../imagens2/titletop.gif) 0 0 no-repeat; padding:10px 10px 5px; float:left}
.lojaInfo ul {float:right; width:419px; height:145px; display:inline; background:url(../imagens2/infobottom.gif) bottom right no-repeat}
.lojaInfo ul li {font-size:13px}
.lojaInfo ul li span {color:#c9d3ed}

#banner_concessionaria {float:left; margin:10px 14px; width:468px; display:inline; height:60px; padding:0 72px; background:url(../imagens2/banner_detalhe.png) center no-repeat}

.filtro {margin:15px; float:left; height:22px}

/* form */

.form {margin:0 15px}

.form li, #form_contato li {margin-bottom:20px; float:left; width:100%}
.form li label, #form_contato label {display:block; margin-bottom:3px; font-weight:700}
.form li .textfield {margin-bottom:5px}

.tipo_pessoa {float:left; margin:10px 0; width:50%}
.tipo_pessoa li {float:left; width:50%; margin:0; height:22px}

.form .obrigatorio, #form_contato .obrigatorio {font-weight:700; color:#F00}
.form .observacao {text-transform:uppercase; margin-bottom:10px; display:block}
.form .checkbox, .form li label.checkbox {float:left; height:22px; margin-right:5px; line-height:22px}

.form li ol { float:left}
.form li ol li { float:left; width:200px}
.form li ol li.senha { width:600px}
/*.form li .error {}*/
.tipoPlano {width:280px}

.form .message_error {float:left; width:96.5%; margin-top:5px; display:none; text-align:left; border:1px #900 solid; background:#FFECEC; color:#900; padding:1%}

.form h2, .form h3 {font-size:18px; text-transform:uppercase; margin-top:20px; margin-bottom:10px}

.form h3 {font-size:16px}

.form p {margin-bottom:10px}

.form .button {float:left; height:21px; width:57px; background:url(../imagens2/sprite.png) -197px -62px; border:none; line-height:0; font-size:0; text-indent:-9999px}

#form_contato .message_error, #form_esqueci .message_error_final, #form_esqueci .message_error, .message_error_final {background:#FFECEC; display:none; border:1px solid #990000; color:#990000; float:left; margin-top:5px; padding:1%; text-align:left; width:96.5%}
 {float:left; width:96.5%; margin:5px 0; text-align:left; border:1px #900 solid; background:#FFECEC; color:#900; padding:1%}
.message_sucess {float:left; width:100%; display:none; text-align:center; border:1px #090 solid; margin-bottom:5px; background:#DFF9E3; color:#090; padding:1% 2px}

.buttonOk {height:21px; width:31px; margin:0 0 0 2px; position:relative; top:-5px; background:url(../imagens2/sprite.png) -383px -66px; border:none; line-height:0; font-size:0; text-indent:-9999px}

#form_contato .message_error, #form_esqueci .message_error_final, #form_esqueci .message_error {float:left; width:96.5%; margin-top:5px; text-align:left; border:1px #900 solid; background:#FFECEC; color:#900; padding:1%}
.botoes_selecionar { text-indent:-99999px; text-align:right; font-size:0; background:url("../imagens2/bt_selecionar.png") no-repeat; width:103px; height:21px; cursor:pointer; float:right; *float:none; margin-right:40px; border:0}
.form_busca { clear:both; float:left; margin-bottom:10px}
.form_busca .form { margin:0}
.form_busca .busca_rapida { padding-bottom:8px}
.form_busca .busca_rapida li { float:left!important; width:50%}

.form_busca .busca_avancada, .form_busca .busca_rapida, .form_busca .filtro_busca { background-color:#dbdbdb}
.form_busca .filtro_busca, .form_busca .busca_opcionais, .form_busca .busca_rapida, .form_busca .busca_avancada { padding:0 10px}
#modelo, #garagem, #marca, #versao, .busca_avancada select { width:96%}

.form_busca .tipo { margin-top:20px; padding-bottom:15px; height:15px}
.form_busca .busca_opcionais { clear:both; background:}
.form_busca .bt_busca_avancada { font-size:0; color:#011340; text-indent:0; text-align:right; background:url("../imagens2/sprite.png") -26px -39px no-repeat; width:108px; height:19px; margin:3px 0 10px 0; border:0; cursor:pointer; margin-left:10px}
.form_busca .input_left select { margin:0 5px; width:107px}
.form_busca {clear:both; float:left; margin-bottom:10px}
.form_busca .form li {float:none}
.form_busca .form {margin:0}
.form_busca .tipo {margin-top:20px; padding-bottom:15px; height:15px}
.form_busca .radiobuttom {float:left; margin-right:3px; display:inline; height:22px}
.form_busca .tipo li {float:left; width:295px; line-height:22px}
.form_busca .busca_opcionais {clear:both}
.busca_opcionais li { float:left; width:190px;}
.form_busca .busca_avancada li{float:left; width:50%}
.form_busca .input_left li {float:left!important; width:285px; margin-bottom:0}
.form_busca .input_left label {display:inline; float:left}
.form_busca .form .busca_opcionais li { float:left; width:33,3%}
.button {cursor:pointer}



/* cadastro */

.pessoa_juridica {display:none}

/* Painel de úsuário */

.botoes_painel {width:100%; display:block; height:31px}
.botoes_painel li {float:left; height:21px; width:170px; margin-right:10px; display:inline}
.botoes_painel li a {float:left; height:21px; width:170px; background:url(../imagens2/sprite.png) -292px -22px; border:none; text-indent:-9999px}
.botoes_painel li.sair a {background-position:-255px -44px}

.user {margin-bottom:10px; font-size:16px}

.passo_passo {float:left; margin-bottom:20px; _padding-left:9px}
.passo_passo li {background:url(../imagens2/steps.png) -172px -36px; font-size:11px; line-height:11px; float:left; height:36px; width:172px; margin-left:-9px; display:inline}
.passo_passo li.ativo {background:url(../imagens2/steps.png) -172px 0; font-size:11px; line-height:11px; float:left; height:36px; width:172px; margin-left:-9px}
.passo_passo li:first-child {background-position:0 -36px; float:left; margin-left:0}
.passo_passo li:last-child {background-position:-344px -36px}
.passo_passo li.ativo:first-child {background-position:0 0}
.passo_passo li.ativo:last-child {background-position:-344px 0}
.passo_passo li a {padding:6px 30px 0; display:inline; height:30px; float:left; text-decoration:none; width:110px; color:#333; display:inline}
.passo_passo li.ativo a {color:#FFF}
.passo_passo li span {float:left; font-size:25px; display:inline; height:26px; line-height:25px; padding-right:5px}

#div_principal, #div_manutencao, #meus_planos, #sem_planos, .resultados_pesquisa {float:left; display:inline}

.info_painel {width:803px; float:left; padding:10px; background:#d4d4d4 repeat-x; border:1px solid #fff; margin-bottom:5px}
.info_painel p {margin:0 0 10px 0}

.meus_planos .buttonAction {float:left; height:21px; width:127px; margin-bottom:1px; background:url(../imagens2/sprite.png) -463px -22px; overflow:hidden; text-indent:-9999px}
.meus_planos .ver {background-position:-255px -66px}
.meus_planos .renovar {background-position:-426px -44px}
.meus_planos .pagar {background-position:-463px 0}

.status_pendente {color:#F00}
.status_ok {color:#090}

.anuncio_cadastrado h3 {font-size:16px; font-weight:700; margin-top:5px}
.anuncio_cadastrado {border-bottom:2px solid #333; float:left; margin-bottom:20px}
.anuncio_cadastrado .sobreAnuncio, .tipodeVeiculoCadastro  {margin:10px 0; float:left; width:100%}
.anuncio_cadastrado .sobreAnuncio li {padding:4px 0; display:block; width:823px; border-bottom:1px dotted #333}
.anuncio_cadastrado .acoesAnuncio, .tipodeVeiculoCadastro {margin:0 0 5px; float:left; width:100%}
.anuncio_cadastrado .acoesAnuncio li, .tipodeVeiculoCadastro li {float:left; padding:8px 13px; background:#1a3c90; margin-left:5px}
.anuncio_cadastrado .acoesAnuncio li a,  .tipodeVeiculoCadastro li a {color:#fff}

.buttonAvacar {float:right; height:21px; margin-left:500px; cursor:pointer; width:175px; background:url(../imagens2/sprite.png) -591px 0; border:none; line-height:0; font-size:0; text-indent:-9999px}

.listagem_veiculo li {border-bottom:1px dotted #000; margin-bottom:5px; padding-bottom:5px}
.imagens_veiculo li {display:inline}
.imagens_veiculo li img {margin-left:5px; border:1px solid #000}

.gerar_boleto {float:left; height:21px; cursor:pointer; width:103px; background:url(../imagens2/sprite.png) -547px -88px; overflow:hidden; text-indent:-9999px}

.pagamento p {margin-bottom:12px}

/* painel upload */

#fieldset_upload {float:left; width:100%; margin-top:10px}
#fieldset_upload  li {float:left; width:100%; border-bottom:1px #333 dotted; padding:5px 0}
#fieldset_upload  li img {border:1px solid #000}
#fieldset_upload .btn_alterar_foto { width:79px; margin-bottom:1px; background:url(../imagens2/sprite.png) -591px -22px; }
#fieldset_upload .btn_alterar_foto a {height:21px; display:block; overflow:hidden; text-indent:-9999px}

.atualizar {float:left; margin-top:20px; height:21px; width:67px; cursor:pointer; background:url(../imagens2/sprite.png) -577px -66px; border:none; line-height:0; font-size:0; text-indent:-9999px}

.opcionais_lista td {padding:5px; white-space:nowrap}

.opcionais_lista table {width:100%; margin-bottom:30px}

.form .imagem_concessionaria li {text-align:center; float:left; width:170px; margin-right:15px; height:145px; display:inline}

.form .imagem_concessionaria li img {text-align:center; float:left; width:170px; height:130px; border:1px solid #000; margin-bottom:5px}

/* Estatistica */

.estatistica {width:823px}
.estatistica tr td, .estatistica tr th {text-align:center}
.estatistica caption {font-size:16px; text-transform:uppercase; margin-top:20px; margin-bottom:10px}

/* Formas pagamento */

.dados_pessoa {float:left; width:100%; margin:0 0 15px}
.dados_pessoa li {border-bottom:1px dotted #333; padding:2px 0; float:left; width:823px}
.dados_pessoa strong {float:left; text-align:right; width:150px; margin-right:5px}

.contrato {height:130px; overflow:auto; float:left; width:785px; padding:10px; background:#FFF url(../imagens2/termos_bg.png) repeat-x; border:1px solid #333; margin-bottom:5px}
.contrato p {margin-bottom:12px}

.aceitar {float:left; width:100%; margin-bottom:15px}

.forma_pagamento {float:left; width:100%; margin:10px 0}
.forma_pagamento li {float:left; overflow:hidden; text-align:center; line-height:85px; margin-right:10px; white-space:nowrap}
.forma_pagamento li  img {float:left; margin:0 10px 0 0 0}

#confirmar_pagamento {float:left; height:21px; width:134px; cursor:pointer; background:url(../imagens2/sprite.png) -328px 0; border:none; line-height:0; font-size:0; text-indent:-9999px}

/* paginacao */

.paginacao {float:right; height:22px; margin:15px; display:inline}
.paginacao li {display:inline; margin-right:1px; display:inline; font-size:13px; line-height:22px}
.paginacao a, .paginacao span {float:left; display:inline; height:22px; padding:0 8px; margin:0 1px; color:#1a3c8e}
.paginacao a:hover, .paginacao span {color:#FFF; background:#1a3c8e}

/* classifiedBox */

#classifiedBox .form{background:#CCC; width:611px; padding:10px 0; margin:0; float:left}
.twoColumns #classifiedBox .form {width:803px}
#classifiedBox .nav li {height:30px; float:left; display:inline; margin:2px 1px 0 0}

#classifiedBox .nav li a {background:#EEE; height:30px; text-transform:uppercase; font-size:12px; text-decoration:none; font-weight:700; color:#333; white-space:nowrap; line-height:30px; float:left; display:inline; padding:0 15px}

#classifiedBox .nav li.ativo  a{background:#CCC}

#classifiedBox .subtitulo {clear:both}

/* Column left */

#left_column .twitter, #left_column .anuncie {float:left; height:75px; width:120px; margin-bottom:10px}
#left_column .twitter a, #left_column .anuncie a {float:left; height:75px; width:120px; text-indent:-999px; overflow:hidden}
#left_column .anuncie a {background:url(../imagens2/twiiterAnuncie.png)}
#left_column .twitter a, #left_column .twitter {background:url(../imagens2/twiiterAnuncie.png) bottom; height:88px}

#left_column h3 {width:137px; float:left; margin:0 -10px 10px; display:inline; background:url(../imagens2/sprite.png) no-repeat -348px -108px; height:8px; text-indent:-999px; overflow:hidden; color:#FFF}
#left_column ul {float:left; margin-bottom:5px}
#left_column ul li {margin:0 0 5px; float:left}

/* Column right */

#right_column h3 {width:198px; float:left; margin:-9px -9px 5px; display:inline; background:#F00 url(../imagens2/sprite.png) no-repeat -348px -101px; height:15px; text-indent:-999px; overflow:hidden; color:#FFF}
#right_column ul { margin-top:1px; float:left}
#right_column ul li {margin:0 0 10px; height:150px; float:left}

/* bottom banner */
.bottom_columns {padding-top:20px; background:url(../imagens2/rodape_menu.png) no-repeat; position:relative; margin-top:-11px; z-index:1; float:left; width:981px}
.twoColumns .bottom_columns {background:url(../imagens2/rodape_menu_twocolumn.gif) no-repeat 0 0}
.bottom_banner {background:#1a3c8e url(../imagens2/sprite.png) 971px -30px no-repeat; clear:both; height:86px; width:981px; margin-bottom:15px}
.bottom_banner h3 {background:url(../imagens2/sprite.png) -11px -30px; overflow:hidden; text-indent:-9999px; float:left; width:15px; height:86px; margin-right:5px; display:inline}
.bottom_banner ul li {float:left; border:3px solid #FFF; margin:10px 11px 0 0; display:inline; padding:0; height:60px; width:120px}
.bottom_banner ul #tb_rodape_7 {margin-right:0}

/* footer */

#footer .nav, #footer .foot {width:981px; margin:0 auto 0}

#footer .nav {height:190px}
#footer .nav h4 {float:left; padding:10px 16px 0; margin-bottom:30px; position:relative; font-weight:700; text-transform:uppercase; font-size:11px; width:284px}
#footer .nav ul {float:left; padding:33px 0 0 16px; background:url(../imagens2/listagem_rodape.png); margin-left:-316px; margin-right:16px; display:inline; width:300px; height:100px}
#footer .nav ul.last {margin-right:0}
#footer .nav ul li {font-size:13px; float:left; margin-bottom:2px; width:149px}
#footer .nav ul li a {text-decoration:none}
#footer .nav ul li a:hover {text-decoration:underline}

#footer .foot {color:#FFF; padding:35px 0 35px; font-size:11px}
#footer .foot .autoscar {float:left; width:110px}
#footer .foot .autoscar .logo {float:left; width:70px; text-align:center; height:30px; margin:0 20px 5px; display:inline; text-indent:-999px; overflow:hidden; background:url(../imagens2/sprite.png)}
#footer .foot .autoscar span {color:#999}
#footer .foot .mascot {float:left; width:81px; height:39px; margin-right:15px; display:inline}
#footer .foot .mascot a {display:block; width:81px; height:39px; text-indent:-999px; overflow:hidden; background:url(../imagens2/sprite.png) -70px 0}
#footer .foot .copyright {color:#999; margin:10px 0 1px 0}
#footer .foot .warn {color:#666}
#footer .foot .webroom {float:right; height:14px; width:56px; margin-top:-20px}
#footer .foot .webroom a {display:block; background:url(../imagens2/sprite.png) -151px 0; text-indent:-999px; overflow:hidden}

/* Page Lojas e concessionarias */
.main .tabela .subtitulo, .main .servicos .subtitulo {padding-bottom:5px; font-size:16px; border:0}
.main .tabela td {padding:15px 0; border-bottom:1px dotted #CCC}
.main .tabela address {padding-bottom:5px}

/* Page Servicos */
dl.servicos {padding:15px 0; float:left; width:100%; clear:both; border-bottom:1px dotted #CCC}
dl.servicos a img {float:left; margin-right:15px; border:3px solid #CCC}
dl.servicos a {text-decoration:none}
dl.servicos dd a {color:#333}
dl.servicos a:hover {text-decoration:underline}

/* Paginas institucionais */
.institucional .content, .main .content {width:611px; padding:0 15px}
.institucional .title, .institucional .subtitulo, .main .title, .main .subtitulo {color:#1A3C8E}
.institucional .title, .main .title {margin:0 0 15px 0}
.institucional .content p, .main .content p {padding:5px 0}
.institucional .red {color:#C00}
.institucional .subtitulo, .main .subtitulo {padding:10px 0 5px 0; font-size:16px; border-bottom:1px dotted #CCC}
.institucional h4 {padding:10px 0 0 0; font-size:12px; font-weight:bold}
.institucional .lista li {padding:5px 0}
.institucional .img_anunciar {text-align:center; margin:5px 0}

/* Vender */
#vender .lista_vender li {background:url(../imagens2/arrow.gif) no-repeat left 5px; padding-left:15px}
#vender .preco {color:#FFFFFF; font-family:Georgia; font-size:16px; font-weight:bold; margin:30px 0 -5px; text-align:center}
#vender .subtitulo {font-family:Georgia; font-size:28px; margin-top:0; text-align:left; padding-left:130px}
#vender .informacoes_plano {float:left}
#vender .preco_planoall {float:left; background:url(../imagens2/bg_preco.gif) no-repeat; float:left; height:130px; margin:0 15px 0 0; width:126px}

/* Detran */
#mapa {text-align:center}

/* Esqueci senha */
#form_esqueci li {margin-bottom:8px}

/* Page veiculos particulares */
#veiculos_particulares .list {margin:0}

/* Page Upload */
body.page_upload {background-position:0 0}
.upload  {width:600px; padding:200px 0; margin:0 auto}
.upload .bt {text-indent:-9999px; background:url(../imagens2/sprite.png) -414px -65px; width:105px; height:23px; border:0; cursor:pointer}

/* Resultado da busca */
.resultados_pesquisa {width:611px; overflow:hidden; padding-top:9px}
.twoColumns .resultados_pesquisa {width:823px}
.anuncio {background:#ccc url(../imagens2/bg_result_busca.png) repeat-x; width:609px; height:98px; margin-bottom:10px; border:1px solid #CCC}
.anuncio .list {width:600px; height:98px; margin-left:9px; position:relative}
.anuncio .list .img_anuncio {margin-top:12px; float:none}
.anuncio .img_anuncio .carro_preco {font-size:16px; font-weight:bold; color:#1A3C8E; text-decoration:none}
.anuncio .img_anuncio .carro_preco img {float:left; margin-right:10px; *margin-right:-5px/*IE*/; border:1px solid #ccc; border-bottom:1px solid #ededed}
.anuncio .img_anuncio .price {font-weight:bold; font-size:11px; padding-left:5px}
.anuncio .opcionais_veiculo {padding:0 3px}
.anuncio .opt_veiculo {position:absolute; height:107px; _height:112px; overflow:hidden; min-height:35px; width:auto; top:-7px; background:#333 url(../imagens2/opt_list_bg.gif) repeat-x; color:#FFF; border:#666 1px solid; padding:1px 5px; z-index:4; left:-5px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; width:590px}
.anuncio .opt_veiculo li ul, .anuncio .opt_veiculo li {float:left}
.anuncio .opt_veiculo ul li {display:block; float:none; white-space:nowrap; padding:2px 16px 2px 1px; font-size:11px; text-decoration:none}
.anuncio .opt_veiculo ul li a {cursor:default}
.anuncio .list .versao  {color:#333; font-size:12px}
.anuncio .list .combustivel {margin-top:10px; position:relative; right:0; left:0}
.anuncio .list .combustivelTooltip {left:113px}
.anuncio .loja_anuncio {float:right; margin-right:10px; *margin-top:-20px/*IE*/}
.anuncio .opcionais {background-color:#FFF; position:absolute; z-index:4; float:left}

/* Page Vender */
.planos {width:611px; float:left; margin:10px 0 30px 0; clear:left}
#vender .informacoes_plano {padding-top:15px}
#vender .lista_vender {float:left; width:470px}
#vender .lista_vender li {background:url(../imagens2/arrow.gif) no-repeat left 5px; padding:0 0 3px 15px}
#vender .preco {color:#FFFFFF; font-family:Georgia; font-size:17px; font-weight:bold; margin:30px 0 -5px; text-align:center}
#vender h5 {color:#FFFFFF; font-family:Georgia; font-size:28px; margin-top:0; text-align:center}
#vender .preco_plano_03, #vender .preco_plano_03_plus {background:url(../imagens2/bg_preco.gif) no-repeat; height:130px; float:left; margin:0 15px 0 0; width:126px}