/*
Cliente: Citroen
Projeto: Concessionarias
*/

/*
  --------------
    PALETA DE CORES
  --------------
  
  #000    - Titulos principais / texto icones principais
  #6b6b6b - Links / textos
  #cf191a - Mouse over links / destaques
  #ff7621 - Telefone Central de Vendas
  #474646 - Fontes botoes
  #f63 - Laranja para destaque
  
*/

/*
  --------------
    ELEMENTOS e CLASSES
  --------------
*/

* { margin: 0; padding: 0; }
html body { width: 783px; padding-right: 8px; font: 0.75em Verdana, sans-serif; color: #000000; /* background: url(../imagens/body_bg.png) #fff repeat-y; */ }
html body #concessionaria { width: 766px; padding: 20px 0 0 10px; font-size: 100%; background: url(../imagens/conteudo_bg.png) top left repeat-x; }

.direita { float: right; }
.esquerda { float: left; }
p.direita, p.esquerda { float: none; }
p.direita { text-align: right; }
p.esquerda { text-align: left; }
.centro { text-align: center; }

/* contendo float */
html body #concessionaria .contemfloat:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
html body #concessionaria .contemfloat { display: inline-block; }
/* Hides from IE-mac \*/
* html body #concessionaria .contemfloat { height: 1%; }
html body #concessionaria .contemfloat { display: block; }
/* End hide from IE-mac */

/* Destaques - flash */
#concessionaria #coluna1 { float: left; }
#concessionaria #coluna1 h3 { margin: 0 0 10px; font: 1.33em Arial, sans-serif; color: #666666; font-weight: bold; text-transform: uppercase; }
#concessionaria #coluna1 h3 em { font-style: normal; color: #cc0000; }
#concessionaria #coluna1 .flash { margin-bottom: 25px; }
#concessionaria #coluna0 h3 { margin: 0 0 10px; font: 1.33em Arial, sans-serif; color: #666666; font-weight: bold; text-transform: uppercase; }
#concessionaria #coluna0 h3 em { font-style: normal; color: #cc0000; }

/* Dados da concessionaria */
#concessionaria dl.dados_concessionaria { float: left; width: 246px; margin-left: 10px; }
#concessionaria .dados_concessionaria dt { height: 19px; width: 246px; padding: 8px 0 14px; color: #fff; font: bold 12px Arial, sans-serif; background: url(../imagens/dados_titulo_bg.png) top no-repeat; text-align: center; text-transform: uppercase; }
#concessionaria .dados_concessionaria dd { margin-top: -1px; padding: 10px 6px 5px; margin-bottom: 10px; background: url(../imagens/dados_conteudo_bg.png) bottom no-repeat; }
* html #concessionaria .dados_concessionaria dd { margin-bottom: 5px; }
#concessionaria .dados_concessionaria .tipo { float: left; width: 104px; }
  #concessionaria .dados_concessionaria dd .tipo.telefone { width: 115px; margin-right: 10px; border-right: 1px #dcdcdc solid; }
#concessionaria .dados_concessionaria .tipo h5 { margin-bottom: 3px; font: bold 12px Arial, sans-serif; color: #cc0000; }
#concessionaria .dados_concessionaria .tipo ul { list-style: none; margin-right: 5px; }
#concessionaria .dados_concessionaria .tipo ul li { color: #666666; font: 10px Arial, sans-serif; } 
#concessionaria .dados_concessionaria p { font: 11px Arial, sans-serif; color: #666666; margin-bottom: 5px; }
#concessionaria .dados_concessionaria .botao.vermelho { clear: both; display: inline; line-height: 20px; padding: 3px 0 3px 5px; background: url(../imagens/botao_vermelho_esquerda.png) left no-repeat; color: #fff; text-decoration: none; font-size: 10px; }
#concessionaria .dados_concessionaria .botao.vermelho strong { line-height: 20px; padding: 3px 5px 3px 0; background: url(../imagens/botao_vermelho_direita.png) right no-repeat;  }

#concessionaria .dados_concessionaria .titulobox { color: #666666; font: 12px Arial, sans-serif; font-weight:bold; text-transform:uppercase;text-align:center;margin-bottom:6px; }

.botaovermelho { clear: both; display: inline; line-height: 20px; padding: 3px 0 3px 5px; background: url(../imagens/botao_vermelho_esquerda.png) left no-repeat; color: #fff; text-decoration: none; font-size: 10px; }
.botaovermelho strong { line-height: 20px; padding: 3px 5px 3px 0; background: url(../imagens/botao_vermelho_direita.png) right no-repeat;  }


/* Equipe */
#concessionaria #coluna2 { padding-top: 30px; }
#concessionaria #coluna2 .equipe { padding: 10px 10px 5px; }
#concessionaria #coluna2 .equipe .apresentacao p { margin-bottom: 10px; }
#concessionaria #coluna2 .equipe img.foto { float: right; margin: 0 10px 10px; border: 1px #cccccc solid; }
#concessionaria #coluna2 .equipe h5 { margin-bottom: 5px; font-size: 1em; color: #cc0000; }
#concessionaria #coluna2 .equipe ul { clear: both; margin: 12px 0 4px; height: 55px; list-style: none; }
#concessionaria #coluna2 .equipe ul li { float: left; position: relative; width: 37px; height: 52px; margin-left: 20px; border: 1px solid #CCCCCC; text-align: center; }
#concessionaria #coluna2 .equipe ul li:hover { border: 1px #C80702 solid; }
#concessionaria #coluna2 .equipe ul li.primeiro { margin-left: 0; }
#concessionaria #coluna2 .equipe ul li a { display: block; position: relative; }
#concessionaria #coluna2 .equipe ul li a img { border: 0; }
#concessionaria #coluna2 .equipe p.titulacao { display: block; height: 19px; padding-top: 5px; background: url(../imagens/titulacao_bg.gif) no-repeat; text-align: center; color: #000; }