* { 
	margin: 0;
	padding: 0; 
}
body {
	background: url(../layout/bg_mix.jpg) repeat fixed;
}
/*---------------------------------------------
|                    TOPO                     |
---------------------------------------------*/
#site {
	width: 980px;
	background: #003;
	margin-left: auto;
	margin-right: auto;
	color: #FFF;
	font-family: "century gothic", arial;
	font-size: 12px;
}
#site #topo {
	height: 170px;
	padding: 10px;
	width: 960px;
	float: left;
	background-color: #003;
}
/***************LOGO***************/
#site #topo #logo {
	width: 230px;
	height: 145px;
	float: left;
	background: url(../layout/btn/logo.jpg) center no-repeat;
}
/*********ATENDIMENTO***********/
#site #topo #fone {
	width: 200px;
	height: 100px;
	float: left;
	padding-left: 40px;
	padding-top: 20px;
	font-family: "century gothic";
}
#site #topo #fone p {
	color: #f29900;
	text-align: justify;
}
#site #topo #fone p .tel {
	color: #fff;
	letter-spacing: 1px;
	font-size: 28px;
}
#site #topo #fone p .email a{
	color: #FFF;
	font-size: 12px;
	text-decoration: none;
}
#site #topo #fone p .email a:hover {
	color: #F90;
}

/**************BUSCA**************/
#site #topo #busca {
	float: right;
	width: 350px;
}
#site #topo #busca form label .btn_topo {
	background: #003 url(../layout/btn/btn_topo.jpg) left no-repeat;
	float: right;
	padding-top: 15px;
	margin-right: 130px;
	cursor: pointer;
	height: 39px;
	border: 0;
	width: 56px;
}
#site #topo #busca form label input {
	display: block;
	width: 150px;
	margin-top: 5px;
	float: left;
}

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/********************MENU*******************/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
#site #topo #menu {
	width: 955px;
	float: left;
	background-image: url(../layout/fnd_menu_sup.jpg);
	background-repeat: no-repeat;
	height: 22px;
	padding: 7px;
}
#site #topo #menu .nav {
	float: right;
	position: relative;
}
#site #topo #menu .nav a {
	position: relative;
	float: left;
	font: 17px Arial, Geneva, sans-serif;
	color: #FFF;
	text-align: justify;
	text-decoration: none;
	padding-left: 28px;
	padding-right: 28px;
}
#site #topo #menu .nav a:hover {
	color: #003;
}
/*---------------------------------------------
|                    BANNER                   |
---------------------------------------------*/
#site #banner {
	width: 960px;
	height: 220px;
	margin-left: auto;
	margin-right: auto;
	float: left;
	padding: 10px;
	background-color: #003;
	background-repeat: no-repeat;
}
#site #banner #rotativo {
	float: left;
	height: 220px;
	width: 535px;
	border: 1px solid #CCC;
}
#site #banner #destaque_semana {
	float: left;
	height: 220px;
	width: 410px;
	margin-left: 5px;
	border: 1px solid #CCC;
	background-image: url(../layout/fnd_destaque_semana.jpg);
	background-repeat: no-repeat;
}
#site #banner #destaque_semana .dados {
	display: block;
	float: left;
	width: 170px;
	height: 100px;
	padding-top: 120px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#site #banner #destaque_semana .dados .valor_venda {
	font-size: 24px;
	color: #003;
}
#site #banner #destaque_semana .modelo {
	float: left;
	font-size: 18px;
	width: 175px;
	margin-bottom: 5px;
	vertical-align: middle;
	margin-top: 10px;
	text-indent: 5;
	margin-left: 5px;
}
#site #banner #destaque_semana .img {
	float: left;
	height: 150px;
	width: 200px;
	margin-left: 5px;
	border: 1px solid #FFF;
}
#site #atendimento {
	background-image: url(../layout/fnd_atendimento.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 19px;
	width: 974px;
	background-color: #003;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 20px;
	padding-left: 3px;
	font-size: 13px;
}
/*---------------------------------------------
|                    CENTRO                   |
---------------------------------------------*/
#site #centro {
	background-color: #003;
	float: left;
	width: 960px;
	padding: 10px;
}

#site #centro .form-laranja  {
	display: block;
	word-spacing: 1px;
	color: #FFF;
	margin-top: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #F29900;
	padding: 5%;
	float: left;
	width: 90%;
}


#site #centro .form-laranja h1  {
	font-weight: bold;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 10px;
	color: #003;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
}
#site #centro .form-laranja p {
	padding-top: 10px;
}
#site #centro .form-laranja form label {
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
}
#site #centro .form-laranja form label input, textarea, select{
	width: 100%;
	color: #999;
	font-size: 11px;	
}

#site #centro .form-laranja form label .bt{
	width: auto;
}

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/


/**************COLUNA ESQUERDA**************/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
#site #centro #col-left {
	width: 200px;
	float: left;
	border: 1px solid #666;
	padding: 5px;
}
/***************MARCAS****************/
#site #centro #col-left #marcas #btn_marcas {
	background: url(../layout/btn/marcas.jpg) center no-repeat;
	width: 197px;
	height: 58px;
}
#site #centro #col-left #marcas #fabricantes {
	margin-top: 10px;
} 
#site #centro #col-left #marcas #fabricantes ul li {
	padding-top: 2px;
	list-style: none;
	margin: 0px;
}
#site #centro #col-left #marcas #fabricantes ul li a {
	display: block;
	text-decoration: none;
	color: #FFF;
	font-family: verdana;
	font-size: 12px;
	float: left;
	width: 96%;
	margin-bottom: 5px;
	padding-top: 1%;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-left: 3%;
}
#site #centro #col-left #marcas #fabricantes ul li a:hover {
	background-color: #F90;
}
/**************FICHA ONLINE***************/
#site #centro #col-left #ficha_bt {
	height: 130px;
	padding-top: 20px;
	margin-top: 20px;
	border: 1px solid #CCC;
	float: left;
	width: 100%;
}
#site #centro #col-left #ficha_bt img {
	border: 0;
}


/******************CONTEUDO*****************/
#site #centro #conteudo {
	width: 720px;
	padding-bottom: 20px;
	float: left;
	margin-left: 10px;
}

#site #centro #conteudo h1 {
	font-size: 26px;
	font-weight: normal;
	color: #FFF;
}
#site #centro #conteudo h2 {
	font-size: 16px;
	font-style: italic;
	color: #F90;
}
#site #centro #conteudo p {
	font-size: 12px;
	font-family: verdana;
}
#site #centro #conteudo #col1 {
	float: left;
	width: 500px;
}
/**************DESTAQUE***************/
#site #centro #conteudo #col1 #destaques {
	color: #FFF;
	float: left;
	width: 500px;
}


#site #centro #conteudo #col1 #destaques h1 {
	padding-left: 10px;
	padding-top: 30px;
	font-style: italic;
	color: #fff;
	clear: both;
	font-family: "century gothic", arial;
	font-size: 20px;
}
#site #centro #conteudo #col1 #destaques .destaque {
	width: 200px;
	height: 270px;
	border: 1px solid #999;
	float: left;
	color: #F29900;
	font-family: "century gothic", arial;
	font-size: 11px;
	padding: 15px;
	margin: 5px;
	text-align: right;
}
#site #centro #conteudo #col1 #destaques .destaque h1 {
	font-style: italic;
	color: #FFF;
	font-family: "century gothic", arial;
	font-size: 22px;
	text-align: center;
	display: block;
	width: 100%;
	float: left;
	padding: 0px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
}
#site #centro #conteudo #col1 #destaques .destaque .ano {
	font-size: 10px;
	color: #FFF;
}
#site #centro #conteudo #col1 #destaques .destaque .valor_venda {
	font-size: 28px;
	color: #FFF;
}

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/**************COLUNA DIREITA***************/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
#site #centro #conteudo #col2 {
	float: left;
	width: 200px;
	padding: 5px;
	border: 1px solid #666;
	margin-left: 5px;
}
/**************DICAS***************/
#site #centro #conteudo #col2 #dicas {
	width: 200px;
	float: left;
	padding-top: 70px;
	background-color: #003;
	background-image: url(../layout/btn/dicas.jpg);
	background-repeat: no-repeat;
	margin-bottom: 10px;
}
#site #centro #conteudo #col2 #dicas a {
	width: 200px;
	float: left;
	padding-top: 2px;
	margin-bottom: 10px;
	color: #FFF;
	text-decoration: none;
	display: block;
	font-family: arial;
	font-size: 12px;
}
#site #centro #conteudo #col2 #dicas a:hover {
	color: #F90;
}

/**************ADMINISTRADOR***************/
#site #centro #conteudo #col2 #adm {
	margin-top: 10px;
	border: 1px solid #CCC;
	float: left;
	width: 180px;
	padding: 10px;
}
#site #centro #conteudo #col2 #adm h1{
	color: #f29900;
	padding-top: 10px;
	font-family: Arial, Gadget, sans-serif;
	font-size: 16px;
}
#site #centro #conteudo #col2 #adm form label {
	display: block;
	padding-top: 5px;
	padding-bottom: 2px;
}
#site #centro #conteudo #col2 #adm form .btn_adm {
	background: #003 url(../layout/btn/enviar_conteudo.jpg) center no-repeat;
	width: 61px;
	height: 43px;
	float: right;
	border: 0;
	margin-top: 10px;
	margin-right: 10px;
	display: block;
	cursor: pointer;
}
#site #centro #conteudo #col2 #adm form label input {
	width: 100px;
}
/*---------------------------------------------
|                    RODAPÉ                   |
---------------------------------------------*/
#site #rodape {
	height: 170px;
	width: 960px;
	float: left;
	background-image: url(../layout/btn/rodape.jpg);
	background-color: #003;
	padding: 10px;
}
#site #rodape #ende {
	font: 11px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #003;
	padding-left: 20px;
	padding-top: 10px;
}
#site #rodape #ende h1 {
	font: 30px "century gothic", arial, verdana;
	font-style: italic;
}
#site #rodape #ende .rdp {
	font: 12px arial;
	color: #003;
	padding-top: 10px;
	padding-bottom: 5px;
}
#site #eweb {
	float: left;
	width: 96%;
	background-color: #F29900;
	text-align: right;
	padding-top: 5px;
	padding-right: 2%;
	padding-bottom: 5px;
	padding-left: 2%;
}
#eweb {
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#eweb a {
	display: block;
	float: left;
	height: 20px;
	width: 80px;
}
#eweb a.selo-eweb {
	background-image: url(../layout/selos/selo-eweb-otimizado-mono.png);
	background-repeat: no-repeat;
}

#eweb a.selo-xhtml {
	background-image: url(../layout/selos/selo-eweb-w3c-xhtml-mono.png);
	background-repeat: no-repeat;
}
#eweb a.selo-css {
	background-image: url(../layout/selos/selo-eweb-w3c-css-mono.png);
	background-repeat: no-repeat;
}
#eweb a.selo-eweb:hover {
	background-image: url(../layout/selos/selo-eweb-otimizado-color.png);
	background-repeat: no-repeat;
}
#eweb a.selo-xhtml:hover {
	background-image: url(../layout/selos/selo-eweb-w3c-xhtml-color.png);
	background-repeat: no-repeat;
}
#eweb a.selo-css:hover {
	background-image: url(../layout/selos/selo-eweb-w3c-css-color.png);
	background-repeat: no-repeat;
}