/*
Cliente: Citroen
Projeto: Concessionarias
*/
* { 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 #grenoble { padding: 28px 0 30px 10px; font-size: 100%; background: url(../imagens/conteudo_bg.png) top left no-repeat; }

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

/* classes gerais */
.centro { text-align: center; }
.direita { float: right; }
.esquerda { float: left; }

/* Destaques - flash */
#grenoble .destaques { float: left; }
#grenoble .destaques h3 { margin: 0 0 25px; font: 1.33em Arial, sans-serif; color: #666666; font-weight: bold; text-transform: uppercase; }
#grenoble .destaques .flash { width: 495px; height: 295px; /* background: url(../imagens/flash_fake.jpg) no-repeat; */ }
 
/* Dados da concessionaria */
#grenoble dl.dados_concessionaria { float: left; width: 246px; margin-left: 10px; }
#grenoble .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; }
#grenoble .dados_concessionaria dd { margin-top: -1px; padding: 10px 6px 5px; margin-bottom: 10px; background: url(../imagens/dados_conteudo_bg.png) bottom no-repeat; }
* html #grenoble .dados_concessionaria dd { margin-bottom: 5px; }
#grenoble .dados_concessionaria .tipo { float: left; width: 104px; }
  #grenoble .dados_concessionaria dd .tipo.telefone { width: 115px; margin-right: 10px; border-right: 1px #dcdcdc solid; }
#grenoble .dados_concessionaria .tipo h5 { margin-bottom: 3px; font: bold 12px Arial, sans-serif; color: #cc0000; }
#grenoble .dados_concessionaria .tipo ul { list-style: none; margin-right: 5px; }
#grenoble .dados_concessionaria .tipo ul li { color: #666666; font: 10px Arial, sans-serif; } 
#grenoble .dados_concessionaria p { font: 11px Arial, sans-serif; color: #666666; margin-bottom: 5px; }
  #grenoble .dados_concessionaria p.centro { margin: 0; }
#grenoble .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; }
#grenoble .dados_concessionaria .botao.vermelho strong { line-height: 20px; padding: 3px 5px 3px 0; background: url(../imagens/botao_vermelho_direita.png) right no-repeat;  }

/* Apresentacao do funcionario */
#grenoble .funcionarios .funcionarios { clear: both; position: relative; }
#grenoble .funcionarios .apresentacao { clear: both; }
#grenoble .funcionarios .apresentacao .foto { float: left; padding-left: 37px; width: 243px; height: 240px; }
#grenoble .funcionarios .apresentacao .foto img { width: 210px; height: 240px; }
#grenoble .funcionarios .apresentacao .texto { padding: 25px 20px 0 0; margin-left: 280px; position: relative; zoom: 1; }
#grenoble .funcionarios .apresentacao .texto p { margin-bottom: 17px; }
#grenoble .funcionarios .relacao { clear: both; padding-top: 23px; width: 748px; height: 120px; background: url(../imagens/funcionarios_relacao_bg.png) no-repeat;  }
* html #grenoble .funcionarios .relacao { width: 758px; } 
#grenoble .funcionarios .relacao ul { list-style: none; }
#grenoble .funcionarios .relacao ul li { float: left; margin-left: 10px; width: 166px; }
/* thumbs */ 
#grenoble .funcionarios .relacao ul li .foto { float: left; position: relative; }
#grenoble .funcionarios .relacao ul li .foto .mascara { position: absolute; width: 76px; height: 74px; background: url(../imagens/mascara_imagem.png) top no-repeat;  }
  * html #grenoble .funcionarios .relacao ul li .foto .mascara { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='../imagens/mascara_imagem.png',sizingMethod='crop'); }
#grenoble .funcionarios .relacao ul li .foto img { margin: 0 0 0 5px; width: 64px; height: 73px; border: 0; }
#grenoble .funcionarios .relacao ul li .cargo h5 { margin-top: 6px; padding: 6px 0 0 10px; height: 24px; width: 76px; background: url(../imagens/funcionarios_relacao_titulo.png) top left no-repeat;  text-transform: uppercase; font: 11px Arial, sans-serif; color: #535353; text-align: left; }
* html #grenoble .funcionarios .relacao ul li .cargo h5 { width: 88px; padding: 6px 0 0 5px; zoom: 1; }
#grenoble .funcionarios .relacao ul li .cargo h5 a { color: #535353; text-decoration: none; }
html > body #grenoble .funcionarios .relacao ul li h5 { margin: 6px 0 0 76px; }
#grenoble .funcionarios .relacao ul li ul { margin: 5px 0 0 85px; } 
#grenoble .funcionarios .relacao ul li ul li { float: none; margin: 0 0 3px 0; width: auto; font-size: 11px; }
/* ativo */
#grenoble .funcionarios .relacao ul li.ativo .foto .mascara { background-position: left -84px;  }
#grenoble .funcionarios .relacao ul li.ativo h5 { background-position: left -35px; }
#grenoble .funcionarios .relacao ul li.ativo h5 a {color: #fff; text-decoration: none; }
#grenoble .funcionarios .relacao ul li.ativo ul li { color: #c80b15; }