/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - [Geral] -*/
* { margin: 0; padding: 0; }

html, body { width: 100%; height: 100%; }

body, td, th, input, select, textarea { font: 10px Arial, Verdana, Helvetica, sans-serif; color: #000; }
body {
	background-color: #073D77;
	background-image: url(pngs/bg_site.png);
	background-position:top;
	background-repeat: repeat-x;
}

a { color: #000; text-decoration: none; outline: none; }
a:hover { color: #c00; }

a img, fieldset { border: none; }

.imagemTexto { vertical-align: bottom; }

.ajaxLoading {
   background: url(gifs/ajax-loader.gif) no-repeat;
   padding-left: 17px;
}

.exemplo {
   font-size: 10px;
   color: #666666;
}

input[type=file] { font-size: 11px; }
.input-p { width: 64px; }
.input-m { width: 120px; }
.input-g { width: 258px; }

.size9 { font-size: 9px; }
.size11 { font-size: 11px; }
.size13 { font-size: 13px }
.size15 { font-size: 15px; }

.fonteLaranja { font-size:11px; color:#F60; line-height:120%; }
a.fonteLaranja:link { color:#F60; }
a.fonteLaranja:hover { color:#041D53; outline:none; }

.fonteAzul { font-size:11px; color:#041D53; line-height:120%; }
a.fonteAzul:link { color:#041D53; }
a.fonteAzul:hover { color:#F60; outline:none; }

.linkEmail { font-size:11px; color:#000; line-height:120%; }
a.linkEmail:link { color:#000; }
a.linkEmail:hover { color:#041D53; font-weight:bold; outline:none; }

.fonteBlack { font-size:10px; color:#000; line-height:120%; }
a.fonteBlack:link { color:#000; }
a.fonteBlack:hover { color:#F60; outline:none; }

.fonteCinza { font-size:10px; color:#999; line-height:120%; }
a.fonteCinza:link { color:#999; }
a.fonteCinza:hover { color:#F60; outline:none; }

.textoTachado { text-decoration: line-through; }

.alert, .alert a { color: #C00; font-weight: bold; }
.alert a:hover, a.alert:hover { color: #000; }
.clear { clear: both; height: 0; font-size: 1px; }
.floatLeft{ float:left; }
.floatRight{ float:right; }

.odd { background-color: #f2f2f2; }
.inativo { background-color: #FFE3DD; }

.fontCampo {
   font-family: Arial, Verdana, Helvetica, sans-serif;
   font-size: 11px;
   font-style: normal;
   line-height: normal;
   font-variant: normal;
   text-transform: none;
   color: #000;
}

.borderF60 { 
	border: 1px solid #F60;
}
.borderFoto {
	border-top: 3px solid #F60;
	border-right: 1px solid #041D53;
	border-bottom: 3px solid #041D53;
	border-left: 1px solid #F60;
}

/*HACKS*/
*:first-child+html input[type=file] { padding: 1px 0; }/*Fix for IE7*/
* html legend { margin-left: -7px; } /*funciona apenas no ie6 */
*+html legend { margin-left: -6px; } /*funciona apenas no ie7 */

fieldset { clear: both; border: none; }

ul { list-style-type: circle; }
hr {
   height: 0;
   border: solid #D1D7DC;
   border-width: 1px 0 0;
   font-size: 0px;
}
h1 { font-size: 200%; }

.barraAzul {
   margin-top: 17px;
   margin-left: 9px;
   margin-right: 9px;
   margin-bottom: 9px;
   background-image: url(pngs/bg_barra_azul.png);
   background-position: top;
   background-repeat: repeat-x;
   height: 16px !important;
   height: 17px;
   color: #FFF;
   text-align: left;
   padding-left: 10px;
   font-size: 0;
}
.barraLaranja {
   margin-top: 17px;
   margin-left: 9px;
   margin-right: 9px;
   margin-bottom: 9px;
   background-image: url(pngs/bg_barra_laranja.png);
   background-position: top;
   background-repeat: repeat-x;
   height: 16px !important;
   height: 17px;
   color: #FFF;
   text-align: left;
   padding-left: 10px;
   background-color: #FF840F;
   font-size: 0;
}
.listaVeiculos, .listaFabricante {
   border-style: none solid solid solid;
   border-width: 1px;
   border-color: #999999;
   text-align: left;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - [Fim Geral] -*/

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - [Centralizar Site] -*/
#content
{
	position: relative;
	width: 970px;
	visibility: visible;
	margin-left:auto;
	margin-right:auto;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - [Fim Centralizar Site] -*/

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - [Topo, Rodape e Menu Rodape] -*/
#topo {
   margin-top:5px;
   background: url(jpgs/bg_topo.jpg) no-repeat;
}
#rodape {
   margin-top:15px;
   color: #FFFFFF;
	text-align: center;
}
/*hover do logo Conexão web do rodapé*/
#rodape em {
   display: block;
   margin: 0;
   text-indent: -9999px;
}
#rodape em a {
   margin: 5px auto 5px auto;
   background: url(gifs/logo_conexao_web.gif) no-repeat;
   display: block;
   width: 81px;
   height: 18px;
}
#rodape em a:hover {
   background-position: -81px 0px;
}

#menuRodape{
	float:left;
	display:block;
	width: 922px;
	height:20px;
	text-align: center;
	padding-top: 10px;
}
#menuRodape a{
	margin: 0 10px 0 10px;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - [Fim Topo e Rodape] -*/

#linhaHorizontal {
   background-position: center top;
   background: url(gifs/linhaH.gif) repeat-x;
   width: 950px;
   display: block;
   float: left;
   height: 1px;
   margin: 10px 0 5px 0;
   font-size: 0px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - [Meio] -*/
#meio {
   padding: 10px 10px 0px 10px;
   background-color: #FFFFFF;
   position: relative;
   height: 100%;
   margin-top: 16px;
}
#meio #top, #meio #bottom {
   background: url(gifs/cornerBranco.gif) no-repeat;
   position: absolute;
   width: 970px;
   height: 6px;
   margin-left: -10px;
   z-index: -1;
	font-size:0px;
}
#meio #top {
   top: -6px;
   background-position: 0px 0px;
   left: 10px;
}
#meio #bottom {
   background-position: 0px -6px;
}

#meio #flashMeio {
   background: url(jpgs/bg_meio.jpg) no-repeat;
   margin-bottom: 2px;
   margin-top: -6px;
}
#meio #player {
   position: absolute;
   top: 4px;
   left: 679px;
   z-index: 10000;
}

#menuEstoque {
   width: 230px;
}
#ofertasDestaque {
   width: 710px;
}

#busca {
   margin: 0px 6px 6px 6px;
   text-align: left;
   background-color: #032B52;
   color: #FFF;
   padding: 5px 0px 10px 125px;
   height: 19px !important;
   height: 20px;
   background-image: url(pngs/txt_procure.png);
   background-position: 10px center;
   background-repeat: no-repeat;
   position: relative;
   z-index: 99;
}
#busca #btn {
   border-style: none;
   background: url(pngs/txt_buscar.png) no-repeat;
   width: 56px;
   height: 23px;
   cursor: pointer;
   text-indent: -9999px;
   display: block;
   text-transform: capitalize;
   position: absolute;
   top: 6px;
   right: 117px;
}
#busca #btn:hover {
   background-position: -56px 0px;
}

#secaoEstoque {
   margin: 23px 6px 6px 6px;
   text-align: left;
   background-color: #054787;
   color: #FFF;
   padding: 30px 0 0 10px;
   height: 24px !important;
   height: 25px;
   background-image: url(gifs/txt_estoque.gif);
   background-position: 10px 15px;
   background-repeat: no-repeat;
   position: relative;
/*   z-index: 98;*/
}
/*#secaoEstoque #textoEstoque {
	display:block;
	float:left;
   text-align: left;
}*/

/* - - - - - - - - - - - - - - - - [conteudoGeral] -*/
/*#conteudoGeral {
	display:block;
	width: 950px;
	
}*/
#txtConteudo {
	width: 922px;
	margin-top: 18px;
}

#listaServicos {
	margin-left: 220px;
}
#listaServicos ul {
	list-style-type: none;
	width: 500px;
}
#listaServicos .liMain { 
	line-height: 20px;
	padding: 0 0 15px 30px;
	list-style: none;
	background: #FFF url(jpgs/icon_seta.jpg) no-repeat top left;
}
#listaServicos ul li ul li .liInterno {
	padding:15px 0 50px 10px;
}

#listaFabricantes {
	float:left;
	display: block;
	width: 200px;
	margin: -450px 0 0 500px;
	_margin-left: 250px; /* apenas para IE6 */

}
#listaFabricantes ul {
	list-style-type: none;
}
#listaFabricantes .liInternoFabr {
	line-height: 20px;
}

#listaDestaques {
   margin-top: 18px;
}
/* - - - - - - - - - - - - - - - - [Box Carro] -*/
.boxCarro {
   margin: 0px 0px 0px 10px;
   border-style: solid;
   border-width: 1px 1px 4px 1px;
   border-color: #adbbc8;
   background-color: #FFF;
   background-image: url(jpgs/bg_box_carro.jpg);
   background-position: bottom;
   background-repeat: repeat-x;
   width: 168px; /*height: 176px;*/
   height: 196px;
   position: relative;
   float: left;
   padding-top: 10px;
   padding-bottom: 10px;
}
.espaco {
   margin-top: 10px;
   display: block;
}
.firstBox{
   margin-left: 0px;
}
.boxCarro .imgCarro {
   margin-left: 6px;	
}

.boxCarro .desc {
   margin: 6px 6px 0 6px;
   color: #666666;
   text-align: left;
}
.boxCarro .fontModelo {
	font-size: 11px;
	font-weight: bold;
	color: #041D53;
}
.boxCarro .preco {
   margin: 0 6px 0 6px;
   color: #000000;
   text-align: left;
   font-weight: bold;
   font-size: 12px;
}
.boxCarro .oferta {
   margin: 0 6px 0 6px;
   color: #C00;
   text-align: left;
   font-weight: bold;
   font-size: 14px;
}
.boxCarro em.ico_seta{
   position:absolute;
	bottom:7px;
	left:143px;
	display: inline;
	margin: 0;
	text-indent: -9999px;
}
.boxCarro em.ico_seta a{
	background: url(pngs/ico_doc_seta.png) no-repeat;
	display: block;
	width: 16px;
	height: 16px;
}
.boxCarro em.ico_seta a:hover{
   background-position: -16px 0;
}

.boxVendido{
	margin-left:6px;
	display:block;
	width:156px;
	height:20px;
	position: absolute;
	top:90px;
	background:url(pngs/pixelff9900.png) repeat;
	padding: 5px 0 0 0;
	font-size:13px;
	font-weight:bolder;
	color:#FFF;
	text-align:center;
	z-index:80;
}

.boxVendidoG{
	display:block;
	width:295px;
	height:20px;
	position: absolute;
	top:180px;
	background:url(pngs/pixelff9900.png) repeat;
	padding: 5px 0 0 0;
	font-size:13px;
	font-weight:bolder;
	color:#FFF;
	text-align:center;
	z-index:80;
}

#ofertasDestaque #maisOfertas {
	display: block;
	width:710px;
	height: 25px;
	text-align: right;
}
#outrasOfertas #maisDestaques {
	display: block;
	width:230px;
	height: 25px;
	text-align: right;
}

/* - - - - - - - - - - - - - - - - [Fim Box Carro] -*/

/* - - - - - - - - - - - - - - - - [Lista] -*/
.listaVeiculos ul {
   list-style-type: none;
   /*width: 228px;*/
}
.listaVeiculos ul li {
   padding: 0px 9px 0px 9px;
   background-color: #f2f2f2;
   height: 42px;
   border-top-style: solid;
   border-top-width: 1px;
   border-top-color: #FFFFFF;
}
.listaVeiculos ul li.odd {
   background-color: #e5e5e5;
}
.listaVeiculos ul li .carrinho {
   margin: 14px 9px 0px 1px;
   float: left;
}
.listaVeiculos ul li div.dados {
   margin-top: 7px;
}
.listaVeiculos ul li .desc {
   color: #666666;
   text-align: left;
}
.listaVeiculos ul li .desc a {
   color: #666666;
}
.listaVeiculos ul li .desc a:hover {
   color: #FF6600;
}
.listaVeiculos ul li .preco {
   color: #000000;
   text-align: left;
   font-weight: bold;
   font-size: 12px;
}

.listaFabricante .fabricante {
   display: block;
   padding: 0px 9px 0px 9px;
   background-color: #f2f2f2;
   height: 30px;
   border-top-style: solid;
   border-top-width: 1px;
   border-top-color: #FFFFFF;
   width: 210px;
}
.listaFabricante .fabricante.odd {
   background-color: #e5e5e5;
}
.listaFabricante .fabricante .carrinho {
   margin: 9px 9px 0px 1px;
   float: left;
}
.listaFabricante .fabricante div.dados {
   margin-top: 7px;
	font-size: 13px;
	font-weight: bold;
	color: #041D53;
}
.listaFabricante .fabricante .desc {
   color: #041D53;
   text-align: left;
}
.listaFabricante .fabricante .desc a {
   color: #041D53;
}
.listaFabricante .fabricante .desc a:hover {
   color: #FF6600;
}
.listaFabricante .modelos {
   list-style-type: none;
   width: 228px;
}
.listaFabricante .modelos .modelo {
   margin-top: 1px;
   padding-left: 50px;
	height: 20px;
   background-color: #e6e6e6;
}
.listaFabricante .modelos .modelo div.dados {
   font-size: 11px;
   font-weight: bold;
   color: #FF6600;
   padding-top: 3px;
}
.listaFabricante .modelos .modelo div.dados .desc {
   color: #FF6600;
   text-align: left;
}
.listaFabricante .modelos .modelo .desc a {
   color: #FF6600;
}
.listaFabricante .modelos .modelo .desc a:hover {
   color: #041D53;
}


/* - - - - - - - - - - - - - - - - [Lista] -*/

#meio #conteudoGeral #txtConteudo #contato p {
   margin-bottom: 5px;
}
form #enviar {
   background: url(pngs/txt_enviar.png) no-repeat;
   border: none;
   width: 56px;
   height: 23px;
   cursor: pointer;
   text-indent: -9999px;
   display: block;
}
form #enviar:hover {
   background-position: -56px 0px;
}

#meio #conteudoGeral #txtConteudo .linha {
   background-position: center top;
   background: url(gifs/linhaV.gif) repeat-y;
   width: 1px;
   display: block;
   float: left;
   height: 300px;
   margin-right: 8px;
   margin-left: 9px;
}

#paginacao {
   position: absolute;
   background: url(gifs/paginacaoBg.gif) repeat-x;
   line-height: 22px;
   height: 22px;
   display: block;
   color: #FFFFFF;
   font-size: 11px;
   margin-top: 10px;
   right: 0px;
   max-width: 430px;
   min-width: 190px;
}
#paginacao #center {
   position: absolute;
   left: 8px;
   display: block;
}
#paginacao #center ul {
   padding: 0px;
   margin: 0px;
   list-style-type: none;
}
#paginacao #center ul li {
   padding: 0px;
   margin: 0px;
   display: inline;
   float:left;
}
#paginacao #center ul .separador {
   width: 1px;
   display: inline-block;
   height: 22px;
   background: url(gifs/paginacaoSeparador.gif);
   background-repeat: no-repeat;
}
#paginacao #center ul .first {
   margin-left: 5px;
}
#paginacao #center ul li a {
   padding: 0px;
   color: #FFFFFF;
   width: 22px;
   text-align: center;
   text-decoration: none;
   display: block;
}
#paginacao #center ul li .texto, #paginacao #center ul li .texto:hover {
   padding: 0px 5px 0px 5px;
   width: auto;
}
#paginacao #center ul li .disabled, #paginacao #center ul li .disabled:hover {
   color: #808080;
   background-image: none;
   cursor: text;
}
#paginacao #center ul li a:hover, #paginacao #center ul .selected {
   background: url(gifs/paginacaoBgCar.gif);
   height: 22px;
   color: #000000;
   text-decoration: none;
   background-repeat: repeat-x;
   text-align: center;
   display: block;
}
#paginacao #center ul .selected {
   padding: 0px 9px 0px 9px;
   font-weight: bold;
}
#paginacao #left {
   background: url(gifs/paginacaoL.gif) no-repeat;
   height: 22px;
   width: 8px;
   display: block;
   position: absolute;
   top: 0px;
   left: 0px;
   background-color: #FFFFFF;
}
#paginacao #right {
   background: url(gifs/paginacaoR.gif) no-repeat;
   height: 22px;
   width: 8px;
   display: block;
   position: absolute;
   top: 0px;
   right: 0px;
   background-color: #FFFFFF;
}

#conteudoDetalhes {
   padding-top: 10px;
}
#conteudoDetalhes #fotos {
   width: 297px;
   float: left;
   display: block;
   position: relative;
}
#conteudoDetalhes #selos {
   padding: 3px;
   position: absolute;
   width: 295px;
   z-index: 30;
   top: 0px;
}
#conteudoDetalhes #selos img {
   float: left;
   margin-right: 3px;
}
#conteudoDetalhes #selos #divObs {
   margin: 1px 0px 0px 0px;
   font-size: 11px;
   height: 13px;
   border: 2px solid #FFFFFF;
   position: absolute;
   background-color: #FFFFFF;
}
#conteudoDetalhes #selos #divObs #complement {
   border-style: none solid none solid;
   height: 6px;
   position: absolute;
   border-right-width: 2px;
   border-left-width: 2px;
   border-right-color: #FFFFFF;
   border-left-color: #FFFFFF;
   width: 18px;
   background-color: #FFFFFF;
   top: -6px;
   left: -2px;
   font-size: 0;
}
#conteudoDetalhes #selos #divObs p {
   padding: 0px 5px 0px 5px;
   color: #FFFFFF;
   line-height: 13px;
   height: 13px;
}
#conteudoDetalhes #fotos #fotoG{
   width: 295px;
   height: 221px;
}
#conteudoDetalhes #fotos #fotoG img{
   width: 295px;
   height: 221px;
}
#conteudoDetalhes #fotos #fotoG.loading {
   background: url(gifs/ajax-loader.gif) no-repeat center center;
}
#conteudoDetalhes #fotos #mini {
   margin-top: 7px;
}
#conteudoDetalhes #fotos #mini img {
   margin-top: 2px;
   margin-right: 2px;
   cursor: pointer;
}
#conteudoDetalhes #fotos #form {
   padding-top: 5px;
}
#conteudoDetalhes #fotos #form #proposta label {
   width: 82px;
   text-align: left;
   float: left;
   display: block;
   position: relative;
   top: -5px;
   font-size: 12px;
   padding-top: 5px;
}
#conteudoDetalhes #fotos #form #proposta input {
   padding: 0px;
   margin: 0px;
   float: left;
}
#conteudoDetalhes #fotos #form #proposta .check { 
   width: 13px;
   height: 13px;
   margin-left: 82px;
   vertical-align: bottom;
   position: relative;
   top: -1px;
   *overflow: hidden; margin-top: 5px; margin-right: 5px;
}
#conteudoDetalhes #detalhes {
   padding: 0px 10px 10px 13px;
   float: left;
   display: block;
   background-color: #F2F2F2;
   margin-left: 10px;
   width: 620px;
}
#conteudoDetalhes #detalhes .tableDetalhes {
   background-color: #FFFFFF;
   border-collapse: collapse;
   border: 1px solid #F2F2F2;
}
#conteudoDetalhes #detalhes .tableDetalhes tr td {
   border: 1px solid #F2F2F2;
   font-size: 14px;
   line-height: 30px;
   padding-left: 20px;
   height: 30px;
}
#conteudoDetalhes #detalhes .tableDetalhes tr td div.preco {
   font-size: 12px;
   color: #FFFFFF;
   background: url(gifs/detalhePreco.gif) no-repeat;
   height: 19px;
   width: 175px;
   display: block;
   background-color: #FFFFFF;
   text-align: center;
   line-height: 19px;
   margin-right: auto;
   margin-left: auto;
   font-weight: bold;
   cursor: default;
}
#conteudoDetalhes #detalhes .tableDetalhes tr td div.oferta {
   font-size: 12px;
   color: #FFFFFF;
   background: url(gifs/detalhePrecoD.gif) no-repeat;
   height: 19px;
   width: 175px;
   display: block;
   background-color: #FFFFFF;
   text-align: center;
   line-height: 19px;
   margin-right: auto;
   margin-left: auto;
   font-weight: bold;
   cursor: default;
}

#conteudoDetalhes #detalhes .tableOpcionais {
   background-color: #FFFFFF;
}
#conteudoDetalhes #detalhes .tableOpcionais tr td {
   font-size: 11px;
   line-height: 22px;
   height: 22px;
   width: 301px;
   padding-left: 5px;
}
#conteudoDetalhes #detalhes .tableOpcionais tr td img {
   vertical-align: middle;
}
#conteudoDetalhes #detalhes .tableOpcionais tr td.meio {
   padding-left: 0px;
   background-position: center top;
   background: url(gifs/linhaV.gif) repeat-y;
   width: 1px;
   display: block;
   height: 22px;
   margin-right: 8px;
   margin-left: 9px;
}
#conteudoDetalhes #detalhes .tableOpcionais tr td.meio {
   padding-left: 0px;
   background-position: center top;
   background: url(gifs/linhaV.gif) repeat-y;
   width: 1px;
   display: block;
   height: 22px;
   margin-right: 8px;
   margin-left: 9px;
}
#conteudoDetalhes #detalhes .veiculoDetalhe {
   padding:10px 10px 0 10px;
	background-color:#FFF;
}
#voltar {
   background: url(pngs/txt_voltar.png) no-repeat;
   border: none;
   width: 56px;
   height: 23px;
   cursor: pointer;
   text-indent: -9999px;
   display: block;
}
#voltar:hover {
   background-position: -56px 0px;
}
#tracar {
   background: url(pngs/txt_tracar.png) no-repeat;
   border: none;
   width: 82px;
   height: 23px;
   cursor: pointer;
   text-indent: -9999px;
   display: block;
}
#tracar:hover {
   background-position: -82px 0px;
}
#clear {
   background: url(pngs/txt_limpar.png) no-repeat;
   border: none;
   width: 82px;
   height: 23px;
   cursor: pointer;
   text-indent: -9999px;
   display: block;
}
#clear:hover {
   background-position: -82px 0px;
}

.zero {
   position: absolute;
   z-index: 30;
   top: 12px;
	left: 8px;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - [Fim Meio] -*/
