/*********************************************\
GERAL
\*********************************************/

body{
text-align:center;	
background-color:#EEE;
}

body, h1{
margin:0;
padding:0;	
}
.margem_left{
margin-left:15px;
}
img{border:none;}
.borda_foto{
	border:1px solid #a6c9dd;
	background-color:#FFF;
	padding:10px;
	margin-right:8px;
}
a{
	cursor:pointer;
	text-decoration:none;
	color:#000;	
}

a:hover{
	text-decoration:underline;
}
.nome_empresa{
	font:bold 11px Tahoma, Arial, Verdana, sans-serif, serif;
}
.oculto{
	display:none;
}
.descricao_breve{
	margin:0 20px 20px 20px;
}
h1{
text-indent:-5555px;
overflow:hidden;
display:block;
}

.info_desc{
	font:bold 11px Tahoma, Arial, Verdana, sans-serif, serif;
	color:#FF6600;
}

ul{list-style:none;}

.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
*html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/*********************************************\
Estrutura
\*********************************************/

#site{
	width:776px;
	position:relative;
	background:url(images/fundo_site.png) left bottom no-repeat #FFF;
	text-align:left;
	margin:0 auto;
	font:11px tahoma, arial, sans-serif;
	color:#000;
}

#topo{
	width:757px;
	height:316px;
	margin:0 auto 10px;
	padding:0;
}

#conteudo{
	width:757px;
	margin:0 auto;
	padding:0 0 40px 0;
}

#rodape{
	width:776px;
	height:68px;
	margin:0;
	padding:0;
	background:url(images/rodape.png) repeat-x #73ADD3;
	font-size:13px;
	font-weight:bold;
	color:#FFF;
	clear:both;
}

.multimarcas, .formas_pgto, .financeiras{
	width:351px;
}

.destaque_veiculo{
	width:380px;
	height:380px;
	float:left;	
	margin-right:23px;
	background-color:#FFF;
}

.destaques{	
	width:354px;
	height:380px;
	float:left;
	background:url(images/degrade_laranja.png) 0 36px repeat-x #FFF;
}

.multimarcas{
	height:370px;
	margin:0 40px 0 5px;
	float:left;	
	background:url(images/degrade_azul_esc.png) 0 36px repeat-x #FFF;
}

.formas_pgto{
	height:190px;
	float:left;
	background:url(images/degrade_azul.png) 0 36px repeat-x #FFF;
}

.financeiras{
	height:220px;
	float:left;
	background:url(images/degrade_verde.png) 0 36px repeat-x #FFF;
}

/*********************************************\
TITULOS
\*********************************************/

.tit_multimarcas, .tit_formas_pgto, .tit_financeiras{
	width:351px;
	height:33px;
}

.tit_destaques{
	width:354px;
	height:33px;
	background:url(images/tit_destaques.png) no-repeat;
}

.tit_multimarcas{
	background:url(images/tit_multimarcas.png) no-repeat;
}

.tit_formas_pgto{
	background:url(images/tit_forma_pgto.png) no-repeat;
}

.tit_financeiras{
	background:url(images/tit_financeiras.png) no-repeat;
}

/*********************************************\
HOME
\*********************************************/

.destaque_veiculo img{
	display:block;
	margin:0 auto;
}	

.destaque_veiculo p{	
	font-size:13px;
	height:55px;
	border-left:10px solid #EEE;
	margin:5px 0 0 6px;
	padding:15px;
	line-height:18px;
}	

.destaques ul{
	margin:20px 0 0 30px;
	padding:0;
}

.destaques li{
	height: 80px;
	margin:5px 0 0;
	padding:0;
	clear:both;
 	display: block; 	
}

.destaques img{
	margin:0 15px 0 0;
	float:left;
}

.destaques p{
	margin:10px 0 0 0;
	float:left;
	line-height:16px;
}
.destaques hr{
	width:300px;
	height:2px;
	margin:3px 0 0;
	padding:0;
	clear:both;
	color:#ededeb;
	border:none;
	content:".";
	display
}

.multimarcas ul{
	margin:30px 0 0;
	padding:0;
}

.multimarcas li{
	float:left;	
	margin:0 2px 10px 4px;
	
}

.formas_pgto img{
	margin:10px 0 0 15px;
}

.financeiras ul{
	margin:0;
	padding:0;
	position:relative;
}

.logo_toyota{
	width:108px;
	height:59px;
	position:absolute;
	top:26px;
	left:22px;
}

.logo_santander{
	width:2px;
	height:53px;
	position:absolute;
	top:91px;
	left:190px;
}

.logo_abn{
	width:156px;
	height:37px;
	position:absolute;
	top:91px;
	left:20px;
}

.logo_itau{
	width:71px;
	height:65px;
	position:absolute;
	top:25px;
	left:229px;
}

/*********************************************\
RODAPE
\*********************************************/

#rodape p{	
	margin-top:38px;
}

.sistema{
	float:left;
	margin-left:10px;
}
.credito{
	float:right;
	margin-right:10px;	
}
#rodape a{	
	color:#FFF;
}

#rodape a:hover{	
	color:#EEE;
}

/*********************************************\
CLASSES
\*********************************************/

.valor{
	color:#fc9843;
	font-weight:bold;	
}

.bold{
	font-weight:bold;	
}

.borda_foto_g, .borda_foto_p{
	border:1px solid #a6c9dd;
	background-color:#FFF;
}

.borda_foto_g{
	padding:10px;
}

.borda_foto_p{
	padding:3px;
	width:90px;
	height:67px;
}


.multimarcas .toyota{
	width:166px;
}

/*********************************************\
DETALHE VEÍCULOS
\*********************************************/
.valor_detalhe{
	font:bold 12px Tahoma, Arial, Verdana, sans-serif, serif;
	color:#FF0000;
	margin-bottom:20px;
}
.bt_voltar{
	margin-top:10px;
}
.nome_veiculo,.titulo_pagina{
	font:bold 18px Tahoma, Arial, Verdana, sans-serif, serif;
	color:#FF3300;
	text-indent:0px;
	display:block; 
	background-color:#f4f4f4; 
	padding:4px 10px; 
	border-left:3px solid #ccc; 
	margin: 5px 0 15px 5px;
}
#detalhes_veiculo{	
	width:215px;
	float:left;
	margin:0 0 0 15px;
	padding:0;
}
#detalhes_veiculo p{
	margin:0;
	padding:3px;
}
#fotos_veiculo{
	margin:15px;
	width:435px;
	float:right;
	text-align:right;
}
#fotos_veiculo ul{
	margin:0;
}

iframe{
	float:left; 
	margin-right:10px;
}
/*********************************************\
ACESSÓRIOS
\*********************************************/
#acessorios{
	clear:both;
	width:726px;
	margin:15px 15px 15px 35px;
}
#acessorios h1{
	font:bold 18px Tahoma, Arial, Verdana, sans-serif, serif;
	color:#FF3300;
	text-indent:0px;
	display:block; 
	background-color:#f4f4f4; 
	padding:4px 10px; 
	border-left:3px solid #ccc; 
	margin-bottom:5px;
}
#acessorios ul{
	list-style:square;
}
#acessorios ul li{
	width:210px;
	margin:3px;
	float:left;
	padding:3px;
	list-style-image:url(images/ok.gif);
}
/*********************************************\
NOSSA EMPRESA
\*********************************************/
.foto_empresa{
	border:1px solid #a6c9dd;
	background-color:#FFF;
	padding:10px;
	float:left;
	width:365px;
	height:280px;
	margin-right:8px;
}
.texto_empresa{
	width:350px;
	padding:4px;
	float:right;
	text-align:justify;
}
/*********************************************\
FALE CONOSCO
\*********************************************/
#end_tel{
	float:left;
	width:350px;
	height:350px;
	margin-left:10px;
	border-right:3px #f4f4f4 solid;
}
#end_tel h3{
	margin:15px 0 0 0; padding:0;
	color:#FF3300;
	font:bold 11px Tahoma, Arial, Verdana, sans-serif, serif;
}
#end_tel p{
	margin:0; padding:0;
}
fieldset{
	margin-right:20px;
	width:320px;
	float:right;
	border:none;
}
fieldset p{
	margin:8px 0 0 0; padding:0;
}
fieldset p strong{
	color:#069;	
}
legend{ 
	display:none;
}
.nome_form,.email_form,.telefone_form,.celular_form,.mensagem_form,.combustivel{
	border:1px solid #ccc;
	height:16px;
	font:11px Tahoma, Arial, Verdana, sans-serif, serif;
	background-color:#f4f4f4;
}
.nome_form,.email_form{
	width:220px;
}
.telefone_form,.celular_form,.combustivel{
	width:130px;
}

.mensagem_form{
	width:265px;
	height:90px;
}
.bt_enviar{
	display:block;
	width:80px;
	height:20px;
	background-color:#0099CC;
	border:none;
	color:#fff;
	font:bold 11px Tahoma, Arial, Verdana, sans-serif, serif;
	padding:3px;
}
/*********************************************\
AVALIE SEU VEÍCULO
\*********************************************/
#dados_proprietario,#dados_veiculo{
	margin-right:20px;
	width:320px;
	border:none;
}
#dados_proprietario{
	float:left;
	margin-left:10px;
	border-right:3px solid #f4f4f4;
}
.legend_form{
	display:inline;
	color:#FF3300;
	font:bold 14px Tahoma, Arial, Verdana, sans-serif, serif;
	margin:0; padding:0;
}
#dados_veiculo{
	float:right;
}
/*********************************************\
LINKS ÚTEIS
\*********************************************/
#links_uteis li{
	float:left;
	display: block;
	height:100px;
	text-align:center;
}

/*********************************************\
FORMAS DE PAGAMENTO
\*********************************************/
.destaque{
	display:inline;
	color:#FF3300;
	font:bold 14px Tahoma, Arial, Verdana, sans-serif, serif;
	margin-left:40px;
}
#formas_pgto{
	float:left;
	margin-left:15px;
	border-right:3px #f4f4f4 solid;
	width:300px;
}
#formas_pgto{
	line-height:30px;
}
#formas_pgto ul li img {
	margin-right:7px;
}
#financeiras{
	float:right;
	margin-right:20px;
	width:400px;
}
#financeiras ul li{
	float:left;
	display: block;
	height:63px;
}
