/*
Cliente: Grupo SHC - Frankfurt Ceasa
Projeto: Landing page
*/

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

  /* ------- GERAL ------- */
  * { margin: 0; padding: 0; z-index: 1; } /* reseta todas as margens, paddings e define o nível das camadas do site */
  html { font-size: 100%; font-family: Arial, sans-serif; }
  html body { /*font-size: 0.68em; */ }
  html body #conteudo { width: 730px; padding:55px 0 0 20px; }
  
  .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 */
  .contemfloat:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
  .contemfloat { display: inline-block; }
  /* Hides from IE-mac \*/
  * .contemfloat { height: 1%; }
  .contemfloat { display: block; }
  /* End hide from IE-mac */
   
   ul, ol { list-style: none; }
   a img { border: 0; }
  
  /* titulos */
  #conteudo h1 { margin-bottom: 30px; font-size: 1.63em; text-transform: uppercase; color: #0f2f4d; }
  #conteudo h3 { margin-bottom: 10px; color: #2f7aae; font-size: 1.45em; text-transform: uppercase; }
  
  
  /*--- COLUNA1 ---*/
  #conteudo .coluna1 { float: left; }
  #conteudo .coluna1 { float: left; width: 430px; }
  #conteudo .coluna1 .flash_carros { width: 430px; height: 305px; margin-bottom: 15px; }
  
  /* concessionaria */
  #conteudo .coluna1 .concessionarias { margin-top: 20px; }
  #conteudo .coluna1 .concessionarias h3 { margin-left: 20px; background-position: left -22px; }
  
  /*--- COLUNA2 ---*/
  #conteudo .coluna2 { margin-left: 455px; }
  #conteudo .box { width: 272px; padding-top: 18px; background: url(../_img/box_topo.png) left top no-repeat; color: #00497d; }
  #conteudo .box .base { display: block; width: 272px; padding-top: 10px; background: url(../_img/box_base.png) left bottom no-repeat; color: #00497d; }
  #conteudo .coluna2 .box h3 { margin-left: 15px; }
  #conteudo .coluna2 .box h5 { padding-left: 10px; font-size: 1.09em; background: url(../_img/seta_preta.png) left center no-repeat; }
  #conteudo .coluna2 .box .botao_cinza { display: block; width: 100px; height: 17px; line-height: 18px; background: url(../_img/botao_cinza.png) no-repeat; text-align: center; text-transform: uppercase; text-decoration: none; font-size: 10px; color: #fff; }
  #conteudo .coluna2 .box .foto { border: 1px #ccc solid; }
  #conteudo .coluna2 .box .foto img { vertical-align: bottom; width:121px; height:162px; }
  /* equipe */ 
  #conteudo .coluna2 .equipe { margin-bottom: 20px; }
  #conteudo .coluna2 .equipe .texto { width: 240px; margin: 0 auto; overflow: auto; }
  #conteudo .coluna2 .equipe .texto p { width: 111px; margin-right: 5px; line-height: 1.4em; /*height:170px; overflow:hidden;*/ }
  #conteudo .coluna2 .equipe .texto h3 { margin-left: 0; }
  #conteudo .coluna2 .equipe ul { width: 245px; margin: 10px auto 0; padding: 10px 0 0 10px; background: url(../_img/equipe_lista_bg.png) top repeat-x; overflow: hidden; }
  #conteudo .coluna2 .equipe ul li { display: inline; margin-right: 15px; }
  #conteudo .coluna2 .equipe ul li.ultimo { margin: 0; }
  #conteudo .coluna2 .equipe ul li a { display: inline-block; border: 1px #ccc solid; vertical-align: bottom; }
  #conteudo .coluna2 .equipe ul li a img { vertical-align: bottom; width:37px; height:50px; }
  #conteudo .coluna2 .equipe ul li a:hover { border: 1px #adadad solid; }
  
  /* atendimento */
  #conteudo .coluna2 .atendimento { margin-bottom: 15px; }
  #conteudo .coluna2 .atendimento ul { margin-left: 15px; }
  #conteudo .coluna2 .atendimento ul li ul { margin-left: 10px; }
  #conteudo .coluna2 .atendimento ul li.telefone { margin-bottom: 5px; padding-bottom: 5px; background: url(../_img/equipe_lista_bg.png) bottom repeat-x; }
  #conteudo .coluna2 .atendimento ul li p { margin-left: 12px; }
  #conteudo .coluna2 .atendimento .botao_cinza { margin: 10px 0 0 15px; }
  
  /* endereco */
  #conteudo .coluna2 .endereco { margin-bottom: 15px; }
  #conteudo .coluna2 .endereco p { margin-left: 15px; padding-left: 10px; background: url(../_img/seta_preta.png) left center no-repeat; }
  #conteudo .coluna2 .endereco .botao_cinza { margin: 10px 0 0 15px; }
  
  /* trabalhe */
  #conteudo .coluna2 .trabalhe { margin-bottom: 15px; }
  #conteudo .coluna2 .trabalhe p { margin-left: 15px; }
  #conteudo .coluna2 .trabalhe .botao_cinza { width: 120px; margin: 10px 0 0 15px; background: url(../_img/botao_cinza_maior.png) no-repeat; }
  
   
  /* endereco e trabalhe
  #conteudo .box.endereco, #conteudo .box.trabalhe { height: 105px; padding: 15px 10px; background: url(../_img/box_azul.png) no-repeat; }
  #conteudo .box.endereco h3 { background-position: left -69px; }
  #conteudo .box.trabalhe h3 { background-position: left -92px; }
  #conteudo .box.trabalhe p { width: 150px; line-height: 1em; }
   */