/*****************************************
conauto.css
******************************************/
body, h1, h2, h3, h4, h5, h6, form, dl, ul, ol, dt, dd, p, address {margin:0px;padding:0px;}

body {
	background:;
	text-align: left;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-left:10px;
	margin-top:10px;
}

.caixa_01 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #AB0404;
		border-top-width: 0px;
		border-right-width: 0px;
		border-bottom-width: 0px;
		border-left-width: 0px;
		border-top-style: solid;
		border-right-style: solid;
		border-bottom-style: solid;
		border-left-style: solid;
		}
		
.texto {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #000000;
		}
		
		.caixa_02 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #AB0404;
		border-top-width: 1px;
		border-right-width: 1px;
		border-bottom-width: 1px;
		border-left-width: 1px;
		border-top-style: solid;
		border-right-style: solid;
		border-bottom-style: solid;
		border-left-style: solid;
		}

img {border:0px;}

h1 {margin: 10px 0;}
h2 {font: normal bold 12px verdana, Arial, Tahoma, Helvetica, Sans-Serif;color: #6495ED;margin:10px;text-align: left;}
h3 {font: normal bold 12px verdana, Arial, Tahoma, Helvetica, Sans-Serif;color: #6495ED;text-align: center;}
p {font: normal 11px verdana, Arial, Tahoma, Helvetica, Sans-Serif;color: Gray;margin:0;text-align: left;}
#geral {	width:776px;height: auto;margin:0;padding:0;border:1px solid #FFA500;background-color: White;text-align: right;}

/************
posiciona o topo usando uma figura de fundo
*************/
#topo {width: 776px;margin: 0;padding:0;border:px;background: url(imagem/topoconauto.jpg) no-repeat top;height: auto;}
/********
logotipo posicionado na esquerda, por cima da figura topoconauto.jpg ***/

#logotipo {text-align: left; margin:0; padding:0 10px; border:0; }

/******
posicionar o endereço no topo - direita com fonte verdana 9 */
address {
	float: right;font: normal 9px Verdana, Geneva, Arial, Helvetica, sans-serif;	color: #000;
	margin: 0px;padding: 65px 5px 10px 10px;	text-align: right;
}

.style3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.branco {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.style4 {
	color: #BB0C13;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.style6 {color: #06458C; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
.style7 {
	color: #68B53D;
	font-weight: bold;
}
.style9 {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; }

/*** 
menu - vertical     */
#menu {width:776px; margin:0; padding:0;border:0;background-color: #FFD700; text-align: right;}
#menu ul {margin:0; padding:0 10px 0 0;}
#menu li {margin: 0;padding:0 5px;display:inline;font: 10px Verdana, Arial, Tahoma, Helvetica, Sans-Serif;}
#menu a {width:auto;height:15px; text-decoration:none; margin:0; padding:0 5px;color:#000;}
#menu a:hover {background-color: #000;color: #FFF;}

.inputCaixa {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	border: 1px solid #999999;
	height:15px;
}

/****************
área abaixo do topo com os quadro e area de navegação*/
#conteudo {
	height: auto;width: 776px;	margin: 0;text-align: left;}

/***************
área lateral esquerda,  onde consta as informações */

#lado {float: left;margin: 0;	padding: 0;	width: 230px;	color: #000;text-align: left;	background-color: #FFF;}
#lado label {display: block; padding: 8px 0 0 10px;	font: normal 10px Verdana, Arial, Helvetica, Sans-Serif; color:#000;}
#lado h1 {display: block; padding: 3px 0 0 11px;	font: bold 10px Verdana, Arial, Helvetica, Sans-Serif; color:#000;}
#lado p {display: block; padding: 3px 0 0 11px;	font: normal 9px Verdana, Arial, Helvetica, Sans-Serif; color:#000;}

#pesquisa {margin:10px 0;padding:25px 0 0 0;border-top: 1px solid #E39818;border-right: 1px solid #E39818;border-bottom: 1px solid #E39818;background: #FFD700 url(imagem/t_pesquisa.gif) no-repeat top;	width: 220px;	height: auto;	text-align: center;}
.veiculo {border: 0; padding: 0; width:150px;font: normal 10px Verdana, Arial, Helvetica, Sans-Serif; color:#000;}
.modelo {border: 0; padding: 0; width:142px;font: normal 10px Verdana, Arial, Helvetica, Sans-Serif; color:#000;}
.preco {border: 0; padding: 0; width:157px;font: normal 10px Verdana, Arial, Helvetica, Sans-Serif; color:#000;}
.ano {border: 0; padding: 0; width:103px;font: normal 10px Verdana, Arial, Helvetica, Sans-Serif; color:#000;}

#newsletter {margin: 10px 0;padding:25px 0 0 0;border-top: 1px solid #E39818;border-right: 1px solid #E39818;border-bottom: 1px solid #E39818;border-bottom: 1px solid #E39818;background: #FFD700 url(imagem/t_new.gif) no-repeat top;width: 220px;height: auto;}
.newsnome , .newsemail {border: 0; padding: 0px; width:140px;	font: normal 10px Verdana, Arial, Helvetica, Sans-Serif; color:#000;}

#indicar {margin: 10px 0;padding:25px 0 0 0;border-top: 1px solid #E39818;border-right: 1px solid #E39818;border-bottom: 1px solid #E39818;border-bottom: 1px solid #E39818; background: #FFD700 url(imagem/t_indicar.gif) no-repeat top;width: 220px;	height: auto;}

#navegua {float:right;margin:0;padding:0px;width: 540px;text-align: center; background-color: white;}

#navegua p {font: normal 11px Verdana, Arial, Tahoma, Helvetica, Sans-Serif; padding: 5px 10px;text-align: left; color: gray;}
#navegua label{display: block;font: normal 11px Verdana, Arial, Tahoma, Helvetica, Sans-Serif; padding: 5px 10px;text-align: left; color: gray;}
#navegua input , #navegua textarea {display:block;border: 1px solid #FFD700;font: normal 10px Verdana, Arial, Helvetica, Sans-Serif; color:#000;}

.banner {margin:5px;padding:10px auto;}

#rodape {
	clear: both;
	width: 776px;
	background: url(imagem/rodape.gif) no-repeat bottom;
}
#rodape p {
		font: normal 9px Verdana, Geneva, Arial, Helvetica, sans-serif;	color: #000;
		padding: 30px 0 10px 0;
		text-align: center;
}

#hometopo {margin: 25px 0;}

form {margin:0; border:0; padding:0; text-align: left;}
fieldset {margin:0 10px;padding:20px;border:1px solid #FFD700;}
legend {font: normal bold 18px Verdana, Arial, Geneva; color: #FFD700;}

/**************************
 define todos os botoes de formulários do site */

.botao {
	font: normal 11px font-family: Arial, Helvetica, sans-serif;
	color: #A9A9A9;
	text-align: center;	
	background-image:url(image/btnSair.jpg)
}

.botao_fundo {
	
	font-family: normal bold Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #e4e4f5;
	background-image: url('image/templateBotao.gif');
	border: medium none;
	width:108px;
	height:25px;
	cursor: hand;	 
}

.botao_vei {
	float: left;
	margin: 5px;
	background-color: #FFF;
	font: normal bold 10px Verdana, Arial, Tahoma, Helvetica, Sans-Serif;
	color: #A9A9A9;
	text-align: center;
}
/****************************************
posiciona Fotos e descrição dos veículos          */
dl.fotos {
width: 528px;
height: 160px;
border: 1px solid #FFD700;
margin: 10px 0px;
text-align: left;
}

.fotos dt img {float: left; margin-right: 15px; width:214px; height:160px; }

/*** .fotos dd {text-align: left;} */
.titudo_dd{ font: normal bold 14px Arial, Verdana, Tahoma, Helvetica, Sans-Serif;color: Gray;padding-top: 10px;}
.modelo_dd{	font: normal bold 14px Arial, Verdana, Tahoma, Helvetica, Sans-Serif;	color: #6495ED;}
.ano_dd { font: normal 11px Arial, Verdana, Tahoma, Helvetica, Sans-Serif;	color: Gray;}
.valor_dd{font: normal bold 14px Arial, Verdana, Tahoma, Helvetica, Sans-Serif;color: #6495ED;padding: 5px 0;}
.acesso_dd{	font: normal 11px Arial, Verdana, Tahoma, Helvetica, Sans-Serif;	color: #000;}

/**************************************
Foto maior acompanhada de mais 2 fotos */

dl.fotosdetalhes {
width: 528px;
height: auto;
border:0;
margin: 10px 0px;
text-align: center;
}

.fotosdetalhes dt img {width:333px; height:250px; border: 1px solid #000; }
/****************************************
Posiciona foto e descrição dos empregados     */

dl.empregado {
width: 528px;
text-align: left;
margin: 10px 0px; 
}

.empregado dt img {float: left; margin: 0 20px; padding: 20px; border: 1px solid #ccc; width:100px; height:150x; }
.empregados dd {text-align: left;}
.nome_empregado { font: normal bold 14px Arial, Verdana, Tahoma, Helvetica, Sans-Serif;color: Gray;padding-top: 10px;}
.desc_empregado { font: normal 11px Arial, Verdana, Tahoma, Helvetica, Sans-Serif;	color: Gray;}

/************ meu logotipo */
#autor {
	margin: 300px 0 0  20px;
	text-align: left;
}

a:link ,a:visited, a:active {color: #BB0C13;	text-decoration: none;}
a:hover {color: #BB0C13;}
a {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}