/*
 * Nome: copyright-single-line-defaul.css
 * Desenvolvido por: Webee E-marketing
 * Data da Criação: 10-02-2009
 * Última modificação: 06-04-2009
 * Copyright (c) 2009 Webee E-marketing (http://www.webee.com.br)
 * Versão: 3.0.0
 */

/********************** Tipografia, cores e fundos / Reset */
/*html { overflow: -moz-scrollbars-vertical; } rolagem firefox */
* { margin:0; padding:0; list-style-type:none;}
body { margin: 0; background-color:#000000; font-family: Arial; font-size: 13px; width: 100%; height: auto; display:
 inline;}
* html body { display: inline;}

h1 {}
h2 {}
h3 {}
h4 {}
h5 { margin: 5px 20px;}
ul {}
p {}
em {}
button { border: none;}
a { font-family: Arial; font-size: 14px; color: #FFFFFF; text-decoration: none;}
img { border: none;}
a img { border:none; }
select option { max-width: 70px; width: 70px; min-width: 70px;}

/* Elementos de formulário */

/* Links */

/* Formato para os campos redondos */

/* Botões de todo o site */

/* ******************** Layout */
#tudo { width: 998px; height: auto; margin: auto; background-color: #000; display: block;}

/* Cabeçalho */
#cabecalho { width: 998px; height: 80px; background-color: #000; display: inline;}

* html #cabecalho { display: inline;}

 #cabecalho a img { margin: 18px 0 0 0; float: left}
 #cabecalho div.menu_pblopes_1 { width: 195px; float: right; margin: 0;}

/* Menu */
.menu_pblopes { width: 998px; height:auto; margin: auto; float: left; display: block; background: url(../img/fundo_menu.jpg) top left no-repeat;}

* html .menu_pblopes { height: 40px;}

	.menu_pblopes li { display: inline; float: left; width: auto; height: auto; margin: 10px 22px; margin-right: 6px;}
	
	.destaques { width: 90px; height: 40px;}

	.menu_pblopes li a{ font-weight:bold;}
	.menu_pblopes li a span { display: inline;}

/* Imagem dos menus */

/* Conteúdo */
#corpo { width: auto; max-width: 980px; min-width: 980px; height: auto; margin: 0 0 20px 0;}

* html #corpo { width: 980px; margin: 0 0 20px 0;}
	
	#lateral_esq { width: 200px; height: 500px; margin: 20px 0; float: left;}
	
		* html #lateral_esq {}
		
		#lateral_esq h1{ font-family: Arial; color:#FFF; margin: 10px 0 0 10px; clear: both;}
		
		* html #lateral_esq h1 { font-size: 28px;}
		
		#lateral_esq h2 { font-family: Arial; font-size: 16px; color:#FFF; margin: 10px 0 0 10px; clear: both;}
		
		#busca { color:#FFF;}
		
		#buscar_por { margin: 20px 0 0 10px;}
		
		#buscar_por ul li { margin: 0 0 5px 0;}
		
		#buscar_por ul li label { float: left; display: inline; clear: both;}
		
		#buscar_por ul li select { float: right; display: inline; margin: 0 0 5px 0; font-family: Arial; font-size:11px;}
		#buscar_por ul li input { width: 100px; height: auto; float: right; display: inline;}
		
		
		.busca_2 { position: relative; width: auto; max-width: 250px; height: auto; width: auto; max-width: 230px; margin: 50px 0 0 0;}
		.busca_2 h2 { font-family: Arial; color:#FFF; margin: 10px 0 0 10px; clear: both; font-size: 16px;}
		
		
		#buscar_por_1 { margin: 20px 0 0 0;}
		
		#buscar_por_1 ul li { margin: 0 0 5px 0;}
		
		#buscar_por_1 ul li label { padding-left: 10px;}
		
		#buscar_por_1 ul li select { margin: 0 0 5px 0; font-family: Arial; font-size:11px;}
		#buscar_por_1 ul li input { width: 100px; height: auto; float: right;}
		
		.box_botoes { width: auto; height: auto; clear: both; margin-left: 40px; padding-top: 10px; text-align: right;}
		
		.botao_busca { background: url(../img/bt_buscar.jpg) top left no-repeat; width: 73px; height: 22px; cursor: pointer;}
		
		.botao_busca span { display: none;}
	
	
	
	#conteudo { width: 750px; height: auto; float: right; margin: 20px -15px 20px -10px;}
	
		* html #conteudo {}
		
		#conteudo h1 { min-width: 100px; width: 270px; height: 30px; font-family: Arial; color: #FFF; font-weight: bold; margin: 20px 0 0 0;}
		
		#conteudo h2 { color: #A6A6A8; font-size: 18px;}
		#conteudo h2 strong { color: #A6A6A8; float: right;}
		
		
		* html #conteudo h1 { font-size: 28px;}
	
		#coluna_1 { width: 340px; height: auto; float: left; margin: 50px 0 0 0; background-color:#1E1E1E; color: #B5B3B7; font-family: Arial; font-weight: bold; padding-bottom: 5px;}
		
		#coluna_1 table tbody { width: 300px; padding-left: 5px;}
		
		#coluna_1 h3 { margin: 10px 0 0 10px; display: inline; float: left;}
		
		#coluna_1 h2 { width: 300px; margin: 3px auto;}
		
		#coluna_1 span { margin: -20px 10px 0 200px; float: left; display: inline; width: auto; height: auto;}
		
		#coluna_1 p { width: 300px; font-size: 12px; font-weight: lighter; color: #C8CABC; font-family: Arial; float: right; margin: auto;}
		
		* html #coluna_1 p { float: left; display: inline; margin-left: 90px;}
		
		#coluna_1 ul { font-size: 12px; font-family: Arial; font-weight: lighter; color: #FFF; width: 250px; height: auto; clear: both; margin: 0 0 0 10px; padding: 20px 0 0 0;}
		
		
		#img_detalhes {}
		
		
		#coluna_2 { background-color:#1E1E1E; padding-bottom: 5px; width: 400px; float: left; margin: 50px 0 0 10px; color: #B5B3B7; font-family: Arial; font-size: 18px; font-weight: bold;}
		
		#coluna_2 h3 { margin: 10px 0 0 10px; display: inline; float: left;}
		
		#coluna_2 h2 { width: 370px; margin: 3px auto;}
		
		#coluna_2 span { margin: -20px 10px 0 200px; float: left; display: inline; width: auto; height: auto;}
		
		#coluna_2 small { width: 320px; font-size: 12px; font-weight: lighter; color: #C8CABC; font-family: Arial; clear: both; float: right; margin: 5px 25px 0 0;}
		
		.corpo_tabela { width: 250px;}
		
		.esquerda { width: 250px;}
		
		* html #coluna_2 small { display: inline; float: left; margin-left: 80px; width: 230px; height: auto;}
		
		#coluna_2 ul { font-size: 12px; font-family: Arial; font-weight: lighter; color: #FFF; width: 250px; height: auto; clear: both; margin: 0 0 0 10px; padding: 20px 0 0 0;}
		
		.obs_detalhes { font-size: 12px; font-family: Arial; font-weight: lighter; color: #FFF; margin: 20px 0 0 10px; display: inline;}
				
		.observacao { font-size: 12px; text-align: left; padding: 10px 17px; font-weight: lighter;}
		.observacao strong { color: #FFFFFF; font-weight: bolder;}
		
		.detalhes_modelos{ font-weight: bolder;}
		
		.box_botoes_2 { padding-right: 15px; width: 325px; float: right;}
		
		.box_botoes_2 button { width: 99px; height: 22px; background:url(../img/bt_envia_email.jpg) no-repeat left top; float: right; cursor: pointer;}
		
		.box_botoes_2 button span{ display: none;}
		
		.box_botoes_2 span { display: none;}
		
		.botao_enviar_problema { color: #FFF; width: 99px; height: 21px;}
		
		.botao_enviar_problema span { width: 99px; height: 21px; margin-left: -50px; padding: 0;}
		
		.enviar_email_contato { background:url(../img/bt_enviar.jpg) top left no-repeat; width: 59px; height: 21px; cursor: pointer;}
		.enviar_email_contato span { width: 99px; height: 21px; margin-left: -50px; padding: 0; border: 1px solid #FFFFFF #FFFFFF;}
			
		.limpar { background: url(../img/bt_limpar.jpg) top left no-repeat; width: 59px; height: 21px; cursor: pointer;}
		.limpar span { display: none;}
		
		
/* Rodapé */
#rodape { width: 998px; padding-top: 20px; height: 33px; clear: both; background: url(../img/fundo_rodape.jpg) no-repeat top center; margin: auto; padding-bottom: none; text-align: center;}
	
	#rodape address { margin: 0 auto; font-size: 11px; color: #FFF; width: 700px; height: 20px;}

/********************** Titulos de todo o site */

/********************** Fale Conosco */

/********************** Index */

/********************** Detalhes */

#FotosVeiculos { width: 340px; height: 230px; position: relative;}

#menuAbas{ width: 600px; height: auto; display:inline; float:left; position: relative; margin: 0;}
* html #menuAbas{ padding-left:50px;}
#menuAbas li{ display:inline; float:left; margin: 0; width: 90px; height: 81px;}
#Aba_0{ padding-left:0; cursor:pointer;}
#Aba_1{ cursor:pointer;}
#Aba_2{ cursor:pointer;}
#Aba_3{ cursor:pointer;}
#conteudoAbas{ width: 335px; height:auto;}
* html #conteudoAbas{ margin-top:-15px; margin-left:24px; width:513px;}

/********************** Listagem */

#coluna_listagem { width: auto; height: auto; float: left; display: inline; margin: 70px 0 0 0; color: #B5B3B7; font-family: Arial; font-size: 18px; font-weight: bold;}

.titulo_listagem { background-color: #0F0; display: inline; float: right; width: 540px; height: auto; font-size: 18px; margin-left: 200px; padding-bottom: 10px; position: absolute;}
		
#campo_descricao_detalhes_1 { width: 740px; height: 81px; background-color: #1E1E1E; position: relative; margin: 10px 0 0 0;}

#campo_descricao_detalhes_1 span { margin: 60px 0 0 120px; width: 330px; height: auto; color: #C8CABC; position: absolute; font-size: 15px; font-weight: lighter;}

#campo_descricao_detalhes_1 strong { position: absolute; margin: 5px 0 0 120px; font-size: 15px; }

#campo_descricao_detalhes_1 img { position: absolute;}

#campo_descricao_detalhes_2 { width: 740px; height: 81px; position: relative; margin: 10px 0 0 0;}

#campo_descricao_detalhes_2 span { margin: 60px 0 0 120px; width: 330px; height: auto; color: #C8CABC; position: absolute; font-size: 15px; font-weight: lighter;}

#campo_descricao_detalhes_2 strong { position: absolute; margin: 5px 0 0 120px; font-size: 15px; }

#campo_descricao_detalhes_2 img { position: absolute;}

.descricao_veiculos { position: absolute; display: inline; float: left; padding-left: 200px; font-size: 15px; width:600px;}

.descricao_veiculos li { display: inline; margin: 5px 0 0 0; float: left; padding-right: 90px; padding-left: -80px; color: #B5B3B7;}

.campo_formulario input { width: 380px;}

.campo_formulario select { width: 380px;}

.voltar { border: none; cursor: pointer; background: url(../img/bt_voltar.jpg) no-repeat top left; width: 59px; height: 21px; float: right;}
.voltar span { display: none;}


/* contato - OK */

#coluna_contato_ok { width: 600px; height: 338px; float: left; display: inline; margin: 70px 0 0 0; margin-bottom: 20px; background-color:#1E1E1E; color: #FFFFFF; font-family: Arial; font-size: 20px; font-weight: bold;}

#coluna_contato_ok h3 { margin: 10px 0 0 10px; display: inline; float: left;}


/* UNIDADES */

.nossas_unidades { width: 710px; height: 199px; display: inline; margin: 10px auto; float: left; background-color: #1F1F1F;}


.unidades_imagem { display: inline; display: inline; float: left;}
.end_unidade { font-size: 12px; margin: 5px 0 0 20px; float: left; display: inline; width: 380px; height: 188px;}
.end_unidade p{ margin: 5px 0 0 0;}
.end_unidade span { font-size: 18px; color: #FFFFFF; display: inline;}
.end_unidade a { float: right; margin: 95px 0 0 0;}


/********************** Complementos */
/* Mensagem de aviso */
.msg-sucesso { color: #3d6611; }
.msg-erro { color: #df280a; }
.msg-aviso { padding: 5px 10px; margin: 0; font-weight: normal; text-align: center; color: #e26703; }
.msg-sucesso, .msg-erro { padding: 5px 10px; margin: 0; font-weight: bold; text-align: center; }

.ano { width: 46px; max-width: 46px; min-width: 46px;}


/** tabelas **/

/* general styles */

table { width: 732px; height: auto; text-align: left; font-size: 16px; background-color: #FFF;}

table thead tr th { padding-left: 0; text-align: left;}
table tr td { color: #B5B3B7; font-size: 13px; text-align: left; padding-top: 2px;}

td img { float: left;}

/* tablecloth styles */

.img_veiculo { text-align: left;}


.table_detalhe_1 { text-align: left; background-color: #1E1E1E; width: 600px; height: 85px; margin: 20px 0; border: #FFFFFF 1px solid;}
* html .table_detalhe_1 { height: 40px; margin: 0 0;}
.table_detalhe_1 tfoot tr td {}
.table_detalhe_1 thead {}
.table_detalhe_1 thead tr th {}
.table_detalhe_1 tbody tr td {}
.table_detalhe_1 tbody {}


.img_listagem { max-width: 114px; width: 114px;}


.ver_detalhes { background: url(../img/bt_ver_detalhes.jpg) no-repeat top left; margin-right: 17px; margin-bottom: -5px; width: 99px; height: 21px; float: right; cursor: pointer;}

.ver_detalhes span { display: none;}

/** .listagem_detalhes_1 { width: 740px; height: 100px; margin-bottom: 5px; background-color: #1E1E1E; border: 1px solid #FFF;}

.listagem_detalhes_2 { width: 740px; height: auto; margin-bottom: 5px; background-color: #000000; border: 1px solid #FFF;} **/


/** TABELA DETALHES VEICULOS **/
.table_detalhe_veiculos { width: 732px; border: none; clear: both; margin-top: 20px; margin-bottom: 20px; border: none;}
.table_detalhe_veiculos tfoot tr td { border: none;}
.table_detalhe_veiculos thead { border: none;}
.table_detalhe_veiculos thead tr th { font-size: 13px; border: none; width: 70px;}
.table_detalhe_veiculos tbody tr td { text-align: left; border: none; font-size: 13px;}
.table_detalhe_veiculos tbody { width: 732px;}



.table_detalhe_veiculos { text-align: left; padding: none; background-color: #1E1E1E; width: 80%; height: auto; color: #B5B3B7; padding: 0 .5em; font-size: 13px;}

.table_detalhe_veiculos thead th { background-color: #1E1E1E; color: #B5B3B7; text-align: left;}

.preco { float: right;}
.detalhes { font-size: 12px; text-align: left; padding: 10px 17px; font-weight: lighter;}
.detalhes strong { color: #FFFFFF; font-weight: bolder;}
.esquerda { float: left; padding: 0 0 0 .5em; text-align: left;}
.strong_tabela { color: #FFF; padding: 0 .5em 0 0; font-weight: bolder; text-align: left; width: 50px;}









/**PRODUTO GALERIA**/
/**ids**/
#produto_foto { position: relative; width: 335px; height: 251px; margin: auto; background-color: #000000;}
#produto_foto img { border: none; height: 251px;}

/* Sample 6*/

#box6{ position:relative; width: 335px; height: 251px; margin: auto; padding: 0;}
#box6 a { display: block; height: 251px; position:relative;}
#handles6_1{ float: left; width: 335px; text-align: center; margin: auto;}
.mask6{ position: relative; width: 335px; height: 251px; overflow:hidden;}

/*#produto_foto .sample6 .mask6 #box6 a .link_foto { display: none;}*/
#produto_foto:hover #ampliar { width: 78px; height: 46px; position: absolute; bottom: 20px; right: 20px; z-index: 100; background: url(../img/ampliar.png) no-repeat;}
* html #produto_foto:hover #ampliar { background: url(../img/ampliar.gif) no-repeat;}



/**classes**/
/* Imagens pequenas */
.sample6{ width: auto; height:251px;}
.thumbs{ width: 327px; height: auto; margin: auto; background-color: #000000;}
.thumbs div{ display: inline; width: 109px; margin-right: 2px; margin-bottom: 2px; float: left; cursor:pointer;}
.thumbs div img{ width:109px; height: 81px;}