@charset "utf-8";

/*-----------------------------------------------------------------------------
Folha de estilos - Cycosa

version:	1.0
Autor:		Plus! Estúdio Web
Data:		23-07-2008
Email:		contato@plusestudioweb.com.br
Website:	http://www.plusestudioweb.com.br

Revisao-1: dd-mm-aaaa
Alterações: ---  
-----------------------------------------------------------------------------*/
/* DATEPIKER */
@import url("jquery-ui-1.8.4.custom.css");
/* FORMULARIO */
@import url("formulario.css");

/*----------------------------------------------------------------------------
	Geral
-----------------------------------------------------------------------------*/
/* Elementos Estruturais - Zerando o valor padrão */
*, html, body { margin: 0; padding: 0; list-style: none;}

html{ background:url(../../_IMG/layout/bg_topo_geral.jpg) left top repeat-x;}

/* Body - Definindo as propriedade dos elementos */
body { margin: 0; padding: 0; font: 13px/110% Lucida, "Lucida Grande", "Lucida Sans", Arial, Verdana, sans-serif; text-align: center; text-decoration: none; color: #333366; voice-family: "\"}\""; voice-family:inherit;}

/* Listas Ordenadas e Não Ordenadas - Zerando o valor padrão */
ul, ol, dl { margin: 0; padding: 0; }
li, dt, dd { margin: 0; padding: 0; }
li *, dt *, dd * { margin: 0; padding: 0;}

/* Imagens - Retirando borda */
img { border: none; margin: 0; padding: 0;}
img a { border: none; }

.clear { clear: both; }

/* Links - Definindo cor padrão(preto) e retirando sublinhado */
a:link, a:visited, a:hover, a:focus, a:active { color: #333366; }

/* Abreviaturas - Definindo o cursor e a borda 
(Estilização para o ABBR não funciona no IE) */
abbr, acronym { border: none; cursor: help; }


/*----------------------------------------------------------------------------
	Estrutura
-----------------------------------------------------------------------------*/
/* Container que engloba toda a estrutura */
#global { width: 997px; margin: 0 auto 0 auto; padding:0;}

/* --- TOPO --- */
/* Container com o topo */
#topo{ width:904px; height:115px; margin:0 auto 0 auto; padding:0; clear:both;}

#selo { float: right; margin-top: 10px; margin-right: 15px; }

/* Logomarca - Logotipo */
.topo_logo { margin:0; padding:33px 0 0 0; text-align:left;}
.topo_logo a{ border:none; background:none;}

/* --- MENU --- */
/* Menu principal - Container para o menu principal */
#menu { width:876px; height:42px; margin: 0 auto 0 auto; padding: 0; clear: both;}

/* Container vazio com o background separando o fim do menu do inicio do conteudo */
#menu_bottom{ width:904px; height:6px; margin:0 auto 0 auto; padding:0; background:url(../../_IMG/layout/bg_menu_bottom.gif) left top no-repeat; clear:both;}

/* --- CONTEUDO --- */
/* Container Pai do Conteudo box */
#conteudo{ width:866px; margin:0 auto 0 auto; padding:19px 19px 19px 19px; text-align:left; background:url(../../_IMG/layout/bg_conteudo.gif) left top repeat-y; clear:both;}

/* Box com o conteudo principal */
#conteudo_box{ text-align:left; float:none; display:table;}

/* Box com o conteudo interno */
.conteudo_box_interno{ margin:0; padding:0 30px 0 30px; text-align:left; float:none; display:table;}
.conteudo_box_interno p{ margin:0 0 15px 0; line-height:1.3em;}

/* Container vazio com o background separando o fim do conteudo do inicio do rodape  */
#conteudo_bottom{ width:904px; height:8px; margin:0 auto 0 auto; padding:0; background:url(../../_IMG/layout/bg_conteudo_bottom.gif) left top no-repeat; clear:both;}

/* --- RODAPE --- */
/* Container com o rodape */
#rodape{ width:874px; margin:0 auto 0 auto; padding:28px 15px 28px 15px; text-align:left;}


/*----------------------------------------------------------------------------
	Estrutura -> Conteúdo
-----------------------------------------------------------------------------*/
/* --- HOME --- */
/* Colunas */
.home_esq{ width:500px; margin:0; padding:0; text-align:left; float:left;}
.home_dir{ width:336px; margin:0 0 0 27px; padding:0; text-align:left; float:left;}

/* Banner promocional */
.banner_promocional{ width:500px; height:180px; margin:0; padding:0; clear:both;}
.banner_promocional a img{ border:none;}

/* Destaques - Premios, Peças e Serviços */
.home-destaques{ width:500px; height:120px; margin:30px 0 0 0; padding:0; text-align:left; clear:both;}

/* Coluna Home Esq - Destaques - Lista inline com os premios e as Peças e serviços */
.home-destaques ul{ width:500px; height:120px; margin:0; padding:0; list-style-type:none;}
.home-destaques ul li{ width:230px; height:120px; margin:0; padding:0; overflow:hidden; float:left;}
.home-destaques ul li.maior{ width:245px; height:120px; margin:0; padding:0; overflow:hidden; float:left;}
.home-destaques ul li.separador{ width:1px; height:120px; margin:0 12px 0 12px; *margin:0 10px 0 10px; _margin:0 10px 0 10px; background:url(../../_IMG/outros/tracejado_vertical.gif) center top repeat-y; float:left;}
.home-destaques ul li span{ margin:0 8px 0 0; padding:0; height:120px; float: left;}
.home-destaques ul li p{ margin:6px 0 0 0; padding:0; text-align:left; font-size: 12px}
.home-destaques ul li a { text-decoration:none;}
.home-destaques ul li a:hover { text-decoration:underline;}
.home-destaques ul li p a.saiba{ margin:0; padding:0; color:#333366; font-weight:bold; text-decoration:none;}
.home-destaques ul li p a.saiba:hover{ text-decoration:underline;}

/* Coluna Home Dir - Lista com o Slider e Secoes destaque */
.home_dir ul{ width:320px; margin:0; padding:0; list-style-type:none;}
.home_dir ul li{ width:320px; margin:0; padding:0; overflow:hidden; float:left;}
.home_dir ul li.separador{ width:320px; height:1px; margin:0; padding:10px 0 10px 0; background:url(../../_IMG/outros/tracejado_horizontal.gif) center top repeat-x; float:left;}
.home_dir ul li p { padding:0; text-align:center; }
.home_dir ul li .pad { margin-left: 20px; padding-top: 10px; }
.home_dir ul li .logo { float: left; }
.home_dir ul li.twitter { width:140px; padding-top: 24px; float:left; }
.home_dir ul li.flickr { width:180px; padding-top: 24px; float:left; }
.home_dir ul li.twitter a { outline:none; }
.home_dir ul li.flickr a { outline:none; }
.home_dir ul li p img a{ margin:0; padding:0; border:none;}

ul#lista_botoes li.twitter { float:left; width:140px; }
ul#lista_botoes li.trabalhe { float:left; width:110px; }

/* --- RODAPE --- */
/* Lista nao ordenada com os dados do rodape */
#rodape ul{ width:874px; height:28px; margin:0; padding:0; list-style-type:none;}
#rodape ul li.esq{ width:437px; height:28px; margin:0; padding:0; text-align:left; background:url(../../_IMG/layout/rodape_endereco.gif) left top no-repeat; float:left;}
#rodape ul li.dir{ width:437px; height:28px; margin:0; padding:0; text-align:right; float:left;}
#rodape ul li.dir a{ border:none;}


/*----------------------------------------------------------------------------
	Formulários
-----------------------------------------------------------------------------*/

/* Formulário - Estilizando os ítens */
#endereco { float: left; width:348px; margin-left: 50px; }
#endereco_dois { float: left; width:280px; margin-left: 50px; }

form.formulario { margin: 0; padding: 0; font: inherit; color: #333366; float: left; width: 400px; }
form.formulario ul { list-style-type: none; margin: 0; padding: 0; }
form.formulario ul li { margin-top: 4px;}
form.formulario ul li ul { list-style-type: none; margin: 0; padding: 0; width: 100%; }
form.formulario ul li ul li { float: left; width: 180px; }
form.formulario ul li ul li.estado {width:72px !important;}
form.formulario ul li ul li.estado_civil {width:164px !important;}
form.formulario ul li ul li ul.data {margin-top:14px !important}
form.formulario ul li.botaoForm { margin-top: 15px; }
form.formulario .botaoForm { width: 68px; padding: 6px; margin: 0; font: inherit; border: 1px outset #666666; background: #333366; font-size: 1.3em; letter-spacing: -1px; font-weight: bold; clear: both; }
form.formulario .botaoForm a { color: white; text-decoration: none; }
form.formulario .botaoForm a:hover { text-decoration: underline; }
form.formulario input, textarea { width: 100%; padding: 4px; font: inherit; color: #333366; border: 1px solid #dedede; background: none;}
form.formulario input.menor{ width: 150px; padding: 4px; font: inherit; color: #333366; border: 1px solid #dedede; background: none;}		
form.formulario input.mini{ width: 25%; padding: 4px; font: inherit; color: #333366; border: 1px solid #dedede; background: none;}
form.formulario select { margin: 0; padding: 3px; font: inherit; color: #333366; border: 1px solid #dedede; background: none;}	
form.formulario label { margin: 8px 0 4px 0; font: inherit; line-height: 14px; display: block;}
form.formulario label em { font: inherit; color: #ff0000;}
form.formulario fieldset { margin: 8px 0 17px 0; padding: 6px 6px 6px 6px; border: 0; color: #333366}
.alert { margin: 0; padding: 5px 10px 5px 16px; font: inherit; border: 1px solid #ebebeb; background: #fffcd8; font-weight: bold; margin-bottom: 20px; }
.msg_sucesso { width:330px; float:left; min-height:300px; }

/*----------------------------------------------------------------------------
	Menu
-----------------------------------------------------------------------------*/
/* Menu principal */
#menu ul { width: 100%; margin: 0; padding: 0; list-style-type: none; float: none;}
#menu ul li { padding: 0; float: left;}
#menu #menu_box {width:876px; height:42px; line-height:normal; float:left;}
#menu #menu_box ul { height:42px; margin:0; padding:0 10px 0 0; list-style:none;}
#menu #menu_box li.separador { height:42px; margin:0; padding:0 5px 0 0; background:none !important;}
#menu #menu_box li.quemsomos { width:134px; height:42px; margin:0; padding:0; background:url(../../_IMG/layout/menu_quemsomos.gif) no-repeat left top; float:left;}
#menu #menu_box li.veiculos_novos { width:145px; height:42px; margin:0; padding:0; background:url(../../_IMG/layout/menu_veiculos_novos.gif) no-repeat left top; float:left;}
#menu #menu_box li.veiculos_seminovos { width:181px; height:42px; margin:0; padding:0; background:url(../../_IMG/layout/menu_veiculos_seminovos.gif) no-repeat left top; float:left;}
#menu #menu_box li.pecas_servicos { width:160px; height:42px; margin:0; padding:0; background:url(../../_IMG/layout/menu_pecas_servicos.gif) no-repeat left top; float:left;}
#menu #menu_box li.premios { width:94px; height:42px; margin:0; padding:0; background:url(../../_IMG/layout/menu_premios.gif) no-repeat left top; float:left;}
#menu #menu_box li.fale_conosco { width:137px; height:42px; margin:0; padding:0; background:url(../../_IMG/layout/menu_fale_conosco.gif) no-repeat left top; float:left;}
#menu #menu_box a { padding:10px 15px 32px 6px; display:block; float:left;}
/* Hack IE6 - Mac \*/
#menu #menu_box a { float:none;}
#menu #menu_box a:hover { color:#ff0000;}


/*----------------------------------------------------------------------------
	Títulos
-----------------------------------------------------------------------------*/
h1 { font-size: 28px; letter-spacing: -2px; margin-bottom: 15px; color: #E10915;}
h2 { margin-bottom: 15px; letter-spacing: -1px; line-height: 110%; }

/* Titulo conteudo interno */
h1.interno { margin:0 0 25px 30px; padding:0;}

/* Titulo H1 para uso com imagens */
h1.img { margin:0 0 10px 0; padding:0;}
h1.img-centro { margin:0 0 10px 0; text-align:center; padding:0;}

/* Título das Seções - Container para o título das seções */
.titulo_secoes { width: 100%; height: auto; margin: 0; padding: 0; clear: both;}

/*----------------------------------------------------------------------------
	Listagem de Veículos
-----------------------------------------------------------------------------*/

.listagem_veiculos {
  width: 806px;
}

.listagem_veiculos .veiculo {
  background-color: #eee;
  float: left;
  height: 170px;
  margin-bottom: 10px;
  margin-right: 10px;
  padding: 4px 5px;
  text-align: center;
  width: 138px;
}

.listagem_veiculos .veiculo img {
  background-color: #ccc;
  display: block;
  height: 104px;
  margin: 4px auto;
  width: 138px;
}

.listagem_veiculos .veiculo a {
  text-decoration: none;
}

.listagem_veiculos .veiculo h3 a {
  color: #000;
  font-size: 14px;
  font-weight: normal;
  padding: 4px 0;
}
.listagem_veiculos .veiculo h2 a {
  font-size: 16px;
  font-weight: bold;
}

ul.galeria_veiculo {
  float: left;
  width: 344px;
}
ul.galeria_veiculo li {
  float: left;
  margin: 2px;
}

.voltar_listagem {
	float: right;
	font-size: 14px;
	font-weight: bold;
}

.informacoes_veiculo {
  float: left;
  padding-left: 20px;
}

.informacoes_veiculo .dados {
   font-weight: bold; 
   float: left;
   width: 200px;
}
.informacoes_veiculo .dados dl dt {
}

.informacoes_veiculo .dados dl dd {
  color: #68a5c9;
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 10px;
}

.informacoes_veiculo .opcionais {
  float: left;
  width: 200px;
}

.informacoes_veiculo .opcionais li {
  padding: 2px;  
}

.informacoes_veiculo .opcionais .tem {
  font-weight: bold;
}
.informacoes_veiculo .opcionais .nao_tem {
  color: #ccc;
  text-decoration: line-through;
}

.paginacao {
  display: block;
  float: left;
  margin: 20px 0;
}
.paginacao p {
  padding-right: 20px;
  text-align: left;
}
.paginacao ul {
  list-style-type:  none;
}
.paginacao ul li {
  display: inline;
  color: black;
  display: inline;
  font-weight: bold;
  float: left;
  margin: 0 3px;
}
.paginacao ul li a {
  color: #3d558a;
  display: block;
  border: 1px solid #ddd;
  padding: 5px;
  margin: 5px 0;
  text-decoration: none; 
}
.paginacao ul li a:hover {
  background-color: #3d558a;
  color: white;
}
.paginacao ul li.atual a {
  background-color: #3d558a;
  color: white;
  padding: 10px;
  margin: 0;
}



/*----------------------------------------------------------------------------
	Outros
-----------------------------------------------------------------------------*/
/* Imagens - Definindo alinhamento */
.img_esq { float: left; margin-right: 15px;}
.img_dir { float: right; margin-left: 15px;}
.img_esq_sm { float: left;}
.img_dir_sm { float: right; }

/* Regua */
hr { border: 1px solid #ebebc7; margin-top: 6px; margin-bottom: 6px; background: #ebebc7; color: #ebebc7; border: none; height:1px; clear: both;}



/*===================================
AGENDAMENTO E CONTATO LISTA DE ERROS
===================================*/
form ul.contato,
form ul.agendamento {
margin-top:10px;	
}
form ul.contato li,
form ul.agendamento li {
	font-size:12px !important;
}