/******************************************************************************

DOCUMENTO: Arquivo com as classes de template e classes específicas do projeto
CRIAÇÃO: 00/00/2009
AUTOR: Marcelo Casinha (marcelo@gadbrivia.com.br)
VERSÃO: 003
ATUALIZAÇÕES:
1) dd/mm/aaaa (autor): _____________
2) dd/mm/aaaa (autor): _____________
OBSERVAÇÕES: 

******************************************************************************/

/*****************
******************
	  BASICO
******************
******************/

@import url("_basico.css");


/*****************
******************
	TEMPLATE
******************
******************/

.pagina{
	width:1000px;
	margin:0 auto;	
	position:relative;
	/*background:url(../img/bg-internas.jpg) no-repeat;*/
}
.topo{
	width:1000px; height:51px;
	position:absolute;
	top:0; left:0;
	z-index:0;
}
.conteudo{ 
	position:relative;
	min-height:343px;
	_height:343px;
	top:177px;
	margin-bottom:177px;
	z-index:1;
	overflow:hidden;
	_overflow:visible;
}
.rodape{
	width:1000px; height:354px;
	overflow:hidden;
	background:url(../img/bg-rodape-1.jpg) no-repeat;
	position:relative;
	z-index:0;
}
.rodape-2{ background:url(../img/bg-rodape-2.jpg) no-repeat }
.rodape-3{ background:url(../img/bg-rodape-3.jpg) no-repeat }
.rodape-4{ background:url(../img/bg-rodape-4.jpg) no-repeat }

/*****************
******************
	PROJETO
******************
******************/
html{ background:url(../img/bg-site.jpg) repeat-x; height:100% }
body{
	font-family:Arial, Sans-Serif;
	background:url(../img/bg-html.jpg) repeat-x center top;
	height:100%;
	min-width:1000px	
}

body.flash-home{ background:url(../img/bg-home-body.jpg) repeat-x }
body.flash-home .pagina{
	background:url(../img/bg-home.jpg) no-repeat center top;
	height:100%;
	width:100%;
	min-height:620px
}
body.flash-home .home{ height:100% }
body.flash-home form{ height:100% }
body.flash-home .bg-menu{ background:none }
body.flash-home .home object{ float:left }

p{ line-height:160%; font-size:12px; }

/*** TITULOS ***/
.tt-promocao{ background-image:url(../img/tt-promocao.jpg); width:214px; height:101px; }
.tt-o-pior-de-nao-ter-um-carro-e{ background-image:url(../img/tt-o-pior-de-nao-ter-um-carro-e.gif); width:384px; height:30px; }
.tt-frases-selecionadas{ background-image:url(../img/tt-frases-selecionadas.gif); width:225px; height:16px; }
.tt-vote{ background-image:url(../img/tt-vote.gif); width:33px; height:12px; }
.tt-ordenar-por{ background-image:url(../img/tt-ordenar-por.gif); width:70px; height:9px; }
.veiculo-consulta h1.tt-eu-quero-meu-carro{ background-image:url(../img/tt-eu-quero-menu-carro.gif); width:252px; height:124px; right:128px; top:38px }
.tt-manifesto{ background-image:url(../img/tt-manifesto.png); width:223px; height:101px; }
.tt-nao-aguento-mais{ background-image:url(../img/tt-nao-aguento-mais.gif); width:235px; height:26px; }
.tt-ou-filtre-por{ background-image:url(../img/tt-ou-filtre-por.gif); width:156px; height:17px; }
.tt-ofertas-sinoscar{ background-image:url(../img/tt-ofertas-sinoscar.jpg); width:980px; height:138px; }

/*** LINKS ***/
.lk-sinoscar{ background-image:url(../img/lk-sinoscar.gif); height:64px; width:283px }
.lk-bv{ background-image:url(../img/lk-bv.gif); width:28px; height:37px; }
.lk-ganhadores{ background-image:url(../img/lk-ganhadores.gif); width:126px; height:22px; }
.lk-quero-participar{ background-image:url(../img/lk-quero-participar.gif); width:165px; height:31px; }
.lk-regulamento{ background-image:url(../img/lk-regulamento.gif); width:131px; height:17px; }
.lk-seta-esquerda{ background-image:url(../img/lk-seta-esquerda.gif); width:41px; height:39px; }
.lk-seta-direita{ background-image:url(../img/lk-seta-direita.gif); width:41px; height:39px; }
.lk-voltar-p-a-lista{ background-image:url(../img/lk-voltar-p-a-lista.gif); width:137px; height:52px; }
.lk-indique-este-carro-p-alguem{ background-image:url(../img/lk-indique-este-carro-p-alguem.gif); width:264px; height:30px; }
.lk-faca-sua-proposta{ background-image:url(../img/lk-faca-sua-proposta.jpg); width:286px; height:63px; }
.lk-solicite-contato{ background-image:url(../img/lk-solicite-contato.jpg); width:313px; height:69px; }
.lk-envie-sua-frase-agora{ background-image:url(../img/lk-envie-sua-frase-agora.gif); width:320px; height:69px; }
.lk-mais-votadas{ background-image:url(../img/lk-mais-votadas.gif); width:101px; height:60px; }
.lk-menos-votadas{ background-image:url(../img/lk-menos-votadas.gif); width:111px; height:60px; }
.lk-data{ background-image:url(../img/lk-data.gif); width:51px; height:60px; }
.lk-encontre-um-carro-para-voce{ background-image:url(../img/lk-encontre-um-carro-para-voce.png); width:206px; height:53px; }
.lk-participe-da-promocao-e-concorra{ background-image:url(../img/lk-participe-da-promocao-e-concorra.png); width:202px; height:57px; }

/*** BOTOES ***/
.bt-filtrar{
	background-image:url(../img/bt-filtrar.gif); 
	width:140px; 
	height:58px;
	border:0px solid red
}

/*** SELOS ***/
.selo-siga{ background-image:url(../img/selo-siga.gif); width:146px; height:37px; }
.selo-youtube{ background-image:url(../img/selo-youtube.gif); width:66px; height:27px; }

/*** LOGO ***/
h1.logo{
	width:266px; 
	height:210px;
	position:absolute;
	left:18px; 
	top:-28px;
	z-index:2;
}

/*** MENU GLOBAL ***/
.menu-global{
	height:17px;
	position:absolute;
	right:4px; top:6px;
}
.menu-global li{
	float:left;
	padding-left:23px;
	margin-right:20px;
	background:url(../img/spacer-menu-global.gif) no-repeat 0 4px;
	_display:inline;
}
.menu-global li.primeiro{ background:none; }
.menu-global .lk-manifesto{ background-image:url(../img/lk-manifesto.gif); width:69px; }
.menu-global .lk-promocao{ background-image:url(../img/lk-promocao.gif); width:68px; }
.menu-global .lk-quero-meu-carro{ background-image:url(../img/lk-quero-meu-carro.gif); width:118px; }
.menu-global .lk-blog{ background-image:url(../img/lk-blog.gif); width:32px; }
.bg-menu{
	width:50%; height:46px;
	display:block;
	position:absolute;
	right:0; top:0;
	z-index:-1;
	background:url(../img/bg-menu-global.gif) repeat-x;
}

/*** RODAPE ***/
.rodape .apoio{
	padding:244px 23px 0 18px;
	float:left;
	font-size:10px;
}
.rodape .apoio small{ display:block; }
.rodape .gadbrivia{
	position:absolute;
	right:24px; bottom:35px;
	font-size:9px;
	color:#999;
	text-decoration:none;
}

/** PAGINACAO ***/
.paginacao{
	width:941px;
	padding:40px 0 0;
	overflow:hidden;
	text-align:center;
	background:url(../img/bg-paginacao.gif) no-repeat;
	font-size:12px;
}
.paginacao a{
	color:#000;
	text-decoration:none;
	border-right:1px solid #000;
	padding:0 8px 0 3px;
}
.paginacao a.atual{ font-weight:bold; }
.paginacao span span:last-child a{ border:none; padding:0; }


/*******************
 PROMOÇÃO
*******************/
.promocao h1{ position:absolute; right:148px; top:51px; }

/*** INSTRUCOES ***/
.promocao .instrucoes{
	width:974px; height:201px;
	overflow:hidden;
	background:url(../img/bg-promocao-instrucoes.gif) no-repeat 0 20px;
	margin:0 0 32px 6px;
	position:relative;
}
.promocao .instrucoes h2{ margin:0 0 16px 48px; }
.promocao .instrucoes .texto{
	width:629px;
	float:left;
	padding:40px 0 0 25px;
}
.promocao .instrucoes .texto p{ padding:0 90px; }
.promocao .instrucoes .links{ float:left; padding:19px 0 0 40px; }
.promocao .instrucoes .links a{ margin-bottom:25px; }
.promocao .instrucoes a.lk-envie-sua-frase-agora{
	position:absolute;
	bottom:0; right:18px;
}
	
/*** FRASES-SELECIONADAS ***/
.promocao .frases-selecionadas{
	width:942px;
	margin:0 0 0 23px;
	background:url(../img/bg-frases-selecionadas.gif) no-repeat 0 28px;
}
.promocao .frases-selecionadas .titulo-ordenar{ overflow:hidden; width:100%; }
.promocao .frases-selecionadas h2{ float:left; margin:12px 0 0; }

/** ordenar **/
.promocao .frases-selecionadas .ordenar{
	width:389px; height:60px;
	float:right;
	overflow:hidden;
}
.promocao .frases-selecionadas .ordenar small{ float:left; margin:24px 13px 0 0; }
.promocao .frases-selecionadas .ordenar a{ float:left; margin:0 15px 0 0; }
.promocao .frases-selecionadas .ordenar a.lk-data{ margin:0; }
.promocao .frases-selecionadas .ordenar a.ativo{ background-position:0 bottom; }

/** lista frases **/
.promocao .frases-selecionadas .lista-frases{
	margin:24px 0 0 14px;
	overflow:hidden;
	width:879px;
}
.promocao .frases-selecionadas .lista-frases li{
	padding-bottom:35px;
	margin-bottom:32px;
	width:100%;
	overflow:hidden;
	background:url(../img/spacer-lista-frases.gif) no-repeat 0 bottom;
}
.promocao .frases-selecionadas .lista-frases .frase{
	float:right;
	width:623px;
	padding-right:15px;
}
.promocao .frases-selecionadas .lista-frases .frase cite,
.promocao .frases-selecionadas .lista-frases .frase strong{
	font-style:normal;
	font-size:12px;
	line-height:160%;
}
.promocao .frases-selecionadas .lista-frases .votar{ width:224px; float:left; }
.promocao .frases-selecionadas .lista-frases .votar small{ float:left; margin:0 18px 0 0; }
.promocao .frases-selecionadas .lista-frases .votar a{
	display:block;
	height:33px;
	overflow:hidden;
	margin:8px 0 0;
}
.promocao .frases-selecionadas .lista-frases .votar span.estrela{
	float:left;
	width:30px; height:33px;
	cursor:pointer;
	padding:0 4px 0 0;
	overflow:hidden;
	display:block;
	background:url(../img/bg-estrela.jpg) no-repeat;
}
.promocao .frases-selecionadas .lista-frases .votar span.ativo{ background-position:0 bottom; }
.promocao .frases-selecionadas .lista-frases .votar .sucesso{
	font-size:10px;
	color:#FF0000;
	float:right;
	padding:10px 27px 0 0;
	
}

/*******************
 VEICULO DETALHE
*******************/
.veiculo h1{ position:absolute; right:128px; top:51px; }
.veiculo .conteudo{
	margin-bottom:120px;
	padding:0 0 80px
}

/*** VISUALIZAR ***/
.veiculo .veiculo-visualizar{
	background:url(../img/bg-veiculo-detalhe.gif) no-repeat 8px 5px;
	float:left;
	position:relative
}
.veiculo .veiculo-visualizar .lkk-voltar-p-a-lista{ margin-left:3px; }
.veiculo .veiculo-visualizar h2{
	font-size:13px;
	padding:0 0 10px 46px;
}
.veiculo .veiculo-visualizar .galeria{
	background:url(../img/bg-galeria.gif) no-repeat 1px bottom;
	overflow:hidden;
	padding-bottom:16px;
	margin-bottom:9px;
}
.veiculo .veiculo-visualizar .galeria .foto{
	width:350px; height:253px;
	overflow:hidden;
	background:url(../img/loader-02.gif) no-repeat center #FFF;
	border:5px solid #000;
	margin:0 0 4px 21px;
}
.veiculo .veiculo-visualizar .galeria .thumbs{ padding-left:21px; overflow:hidden; }
.veiculo .veiculo-visualizar .galeria .thumbs li{
	float:left;
	padding:0 3px 0 0;
	height:63px;
	overflow:hidden;
	border:3px solid #000;
	margin:0 4px 0 0;
	border-bottom:0
}
.veiculo .veiculo-visualizar .galeria .thumbs li img{
	border:5px solid #000;
	border-bottom:none;
}
.veiculo .veiculo-visualizar .galeria .lk-indique-este-carro-p-alguem{
	clear:both;
	margin:4px 0 0 54px;
}

/*** DETALHE ***/
.veiculo .veiculo-detalhe{
	float:left;
	padding:24px 0 0 12px;
	width:585px;
}
.veiculo .veiculo-detalhe .info-links-obs{
	float:left;
	overflow:hidden;
	width:337px;
}
.veiculo .veiculo-detalhe .equipamentos-selos{
	float:right;
	padding:6px 0 0 0;
	overflow:hidden;
	width:230px;
}
.veiculo .veiculo-detalhe dl{
	margin-left:12px;
	float:left;
	width:325px;
	overflow:hidden;
	font-size:12px;
	line-height:25px;
	_display:inline;
}
.veiculo .veiculo-detalhe dt{
	float:left;
	width:106px; height:25px;
	background:url(../img/spacer-veiculo-detalhe.gif) no-repeat right bottom;
	text-align:right;
	overflow:hidden;
	margin-right:11px;
}
.veiculo .veiculo-detalhe dd{
	float:left;
	width:190px;
	height:auto;
	background:url(../img/spacer-veiculo-detalhe-02.gif) no-repeat 0 bottom;
}
.veiculo .veiculo-detalhe .preco{ font-size:14px; }

/** links **/
.veiculo .veiculo-detalhe .links{ float:left; width:325px;}

/** observacoes **/
small.obs{
	clear:both;
	display:block;
	padding:15px 0 0 33px;
	width:265px;
	font-size:10px; color:#666;
	line-height:118%;
}
small.obs-veiculo-consulta{ width:auto }

/** equipamentos **/
.veiculo .veiculo-detalhe .equipamentos h3{ font-size:14px; margin-bottom:5px; }
.veiculo .veiculo-detalhe .equipamentos p{ line-height:120%; margin-bottom:15px; }
.veiculo .veiculo-detalhe .selos{
	font-size:10px; color:#666;
	line-height:97%;
	padding-top:25px;
	float:left;
}
.veiculo .veiculo-detalhe .selos .youtube{
	height:92px;
	overflow:hidden;
	background:url(../img/selo-youtube.gif) no-repeat left bottom;
	margin-bottom:30px;
}
.veiculo .veiculo-detalhe .selos .youtube img{
	float:right;
	border:1px solid #000;
	display:block;
}
.veiculo .veiculo-detalhe .selos .youtube small{
	float:left;
	font:bold 10px/97% arial, sans-serif;
	color:#666;
	width:75px;
}
.veiculo .veiculo-detalhe .selos .siga small{
	font:10px/100% arial, sans-serif;
	display:block;
	color:#666;
}
.veiculo .veiculo-detalhe .selos .siga a{ margin:7px 0 0 31px; }


/*******************
 MANIFESTO
*******************/
.manifesto h1{ position:absolute; right:128px; top:51px; }
.manifesto .conteudo{ background:url(../img/bg-manifesto-top.gif) no-repeat 9px 27px; margin-left:50px; }
.manifesto h2{ margin-left:45px; }
.manifesto .seta{
	width:51px; height:42px;
	display:block;
	background:url(../img/bg-seta.gif) no-repeat;
	position:absolute;
	top:183px; left:0;
}

/*** TEXTO ***/
.manifesto .manifesto-texto{
	background:url(../img/bg-manifesto.gif) repeat-y;
	margin:70px 0 0 22px;
	overflow:hidden;
	width:662px;
	padding:0 95px;
}
.manifesto .manifesto-texto p{ margin-bottom:20px; }
.manifesto .manifesto-texto h3{ margin:0 0 20px }

/*** LINKS ***/
.manifesto .links{
	width:895px; height:260px;
	background:url(../img/bg-manifesto-bottom.jpg) no-repeat;
	overflow:hidden;
}
.manifesto .links a{ float:left; }
.manifesto .links .lk-encontre-um-carro-para-voce{ margin:200px 147px 0 78px; }
.manifesto .links .lk-participe-da-promocao-e-concorra{ margin-top:200px; }


/*******************
 VEICULO CONSULTA
*******************/
.veiculo-consulta h1{ position:absolute; right:128px; top:51px; }
.veiculo-consulta .filtro-quadrante{
	float:left;
	width:604px;
	padding-left:30px;
}
.veiculo-consulta .filtro-avancado{
	width:360px;
	overflow:hidden;
	float:right;
}
.veiculo-consulta .filtro-avancado h2{ margin-bottom:15px; }
.veiculo-consulta .filtro-avancado fieldset{
	height:250px;
	padding:15px 0 0 18px;
	overflow:hidden;
	background:url(../img/bg-filtro.gif) no-repeat;
	position:relative;
}
.veiculo-consulta .filtro-avancado fieldset li{ float:left; padding:0 14px 15px 0; }
.veiculo-consulta .filtro-avancado fieldset li.li-primeiro{ clear:left }
.veiculo-consulta .filtro-avancado fieldset li.no-pad{ padding-right:0; width:201px; }
.veiculo-consulta .filtro-avancado fieldset label{
	display:block;
	font:bold 12px Arial, Tahoma, Helvetica;
}
.veiculo-consulta .filtro-avancado fieldset li input,
.veiculo-consulta .filtro-avancado fieldset li select{ float:left; }
.veiculo-consulta .filtro-avancado fieldset li input{ height:15px; width:86px; _height:18px; }
.veiculo-consulta .filtro-avancado fieldset li select{ width:124px; height:19px; }
.veiculo-consulta .filtro-avancado fieldset li input.margin{ margin-right:15px; }
.veiculo-consulta .filtro-avancado fieldset .bt-filtrar{	
	clear:both;	
	float:right;
	margin: 22px 2px 0;
	_margin-top:13px;
}

/*** LISTAGEM ***/
.veiculo-consulta .lista-veiculos{
	clear:both;
	width:975px;
	overflow:hidden;
	padding:20px 0 0;
}
.veiculo-consulta .lista-veiculos h3{ margin-bottom:15px; }
.veiculo-consulta .lista-veiculos ul{ overflow:hidden; width:1004px; padding-left:20px; }
.veiculo-consulta .lista-veiculos li{
	width:191px;
	padding:0 60px 43px 0;
	overflow:hidden;
	float:left;
}
.veiculo-consulta .lista-veiculos li.quebra2{ width:100%; height:0; padding:0; font-size:0; }
.veiculo-consulta .lista-veiculos a{
	text-decoration:none;
	overflow:hidden;
	display:block;
	width:100%;
}
.veiculo-consulta .lista-veiculos .bg{
	display:block;
	width:160px; height:120px;
	overflow:hidden;
	padding:20px 17px 17px 14px;
	background:url(../img/bg-thumb-veiculo.gif) no-repeat;
}
.veiculo-consulta .lista-veiculos h2{
	font-size:12px;
	line-height:120%;
	padding:0 0 5px 9px;
	width:183px;
	color:#000;
}
.veiculo-consulta .lista-veiculos .cor{
	display:block;
	font-size:12px; color:#666;
	font-weight:bold;
	width:100px;
	padding:0 0 0 12px
}
.veiculo-consulta .lista-veiculos .km{
	float:right;
	font-size:12px; color:#666;
	padding:0 12px 0 0;
	display:none
}
.veiculo-consulta .lista-veiculos strong{
	font-size:14px;
	float:left;
	clear:left;
	padding:6px 0 0 12px;
	color:#000
}
.veiculo-consulta .lista-veiculos strong del{ text-decoration:none }
.veiculo-consulta .lista-veiculos a.detalhes{
	width:150px; height:22px;
	background:url(../img/bl-detalhes.gif) no-repeat;
	display:block;
	text-align:right;
	padding:0 23px 0 0;
	margin-top:20px;
	font-size:10px;
	line-height:28px;
	color:#000;
}

/** alerta  loader **/
.veiculo-consulta .lista-veiculos .alerta{
	font-size:14px;
	font-weight:bold;
	padding:70px 0;
	margin:0 auto;
	width:595px;
}
.loader{
	background:#FFFFFF none repeat scroll 0 0;
	height:100px;
	left:50%;
	position:fixed;
	top:50%;
	width:300px;
	margin:-50px 0 0 -110px;
	z-index:1500;
}
.loader img{
	left:0; 
	top:0;
	margin:0;
	position:absolute;
}
.mensagem-vazio{
	font:bold 14px Arial, Tahoma, Verdana;
	display:block;
	text-align:center;
	padding:40px 0
}
.tx-preciso-carro{
	display:block;
	clear:both;
	background:url(../img/tt-preciso-carro.gif) no-repeat right top;
	width:auto;
	height:25px;
	margin:40px 0 60px
}

.veiculo .veiculo-visualizar .parcelas{
	position:absolute;
	background:url(../img/bg-3-parcelas.jpg) no-repeat;	
	bottom:-110px;
	height:189px;
	left:150px;
	width:282px
}
.lg-twitter{
	background:url(../img/lg-twitter.jpg) no-repeat;
	width:86px;
	height:21px;
	float:left;
	margin:267px 0 0
}

/*******************
 AGUARDE
*******************/
body#aguarde{background:url(../img/bg-body-aguarde.jpg) no-repeat;}
body#aguarde #contato-aguarde
{
	width:180px; 
	height:60px; 	
	margin:0 0 0 760px;
	padding:220px 0 0 0; 
}
body#aguarde ul li{float:left; margin:0 0 10px 0}
body#aguarde ul li label{font:11px Tahoma,sans-serif; color:#DB7104; float:left; width:35px;}
body#aguarde ul li input {background:url(../img/bg-input-contato-aguarde.gif) no-repeat; width:132px; height:15px; border:none;}
body#aguarde .bt-enviar{float:right; margin:0 12px 0 0;}