/* ------- definicoes gerais ------- */
* { margin: 0; padding: 0; }
html, body { height: 100%; font: 11px Arial, sans-serif; }
#limites { min-height: 100%; height: auto; margin: 0 auto -137px; background: url(../imagens/conteudo_bg.gif) center 0 repeat-y; }
* html #limites { height: 100%; }
address { display: block; height: 120px; margin: 0 auto; padding-top: 17px; background: url(../imagens/rodape_bg.gif) center no-repeat; font-style: normal; text-align: center; color: #676767; }
address .fn { display: none; }

  /* ------ classes gerais ------- */
  .esquerda { float: left; }
  .direita { float: right; }
  
  /* contendo float */
  .contemfloat:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
  .contemfloat { display: inline-block; }
  /* Hides from IE-mac \*/
  * html .contemfloat { height: 1%; }
  .contemfloat { display: block; }
  /* End hide from IE-mac */
  
  /* ------- elementos gerais ------- */
  h1 { padding-bottom: 36px; font-size: 1.3em; text-transform: uppercase; }
  p { padding-bottom: 18px; line-height: 1.5; }
  form fieldset, img { border: 0; }
  form ol { list-style: none; }
  form input, form textarea, form select { font: 1em Arial, sans-serif; border-color: 1px solid #ccc; }
  form label { color: #666; }
  a { color: #000; }

/* ------- topo ------- */
#topo { background: #fff; padding-top: 46px; } 
#topo h2 { float: left; width: 426px; height: 73px; background: url(../imagens/topo_logo.jpg) no-repeat; }
#topo h2 a { display: block; height: 100%; text-indent: -9999em; overflow: hidden; }
#topo ul { float: right; height: 20px; margin-top: 51px; list-style: none; }
#topo ul li { float: left; margin: 0 15px; }
#topo ul li a { display: block; height: 14px; text-indent: -999em; overflow: hidden; background-position: 0 bottom; background-repeat: no-repeat; }
#historico #topo ul li#menu_historico a, #perfil #topo ul li#menu_perfil a, #pessoas #topo ul li#menu_pessoas a, 
#sede #topo ul li#menu_sede a, #noticias #topo ul li#menu_noticias a, 
#blog #topo ul li#menu_blog a, #contato #topo ul li#menu_contato a, #topo ul li a:hover { background-position: right bottom; }
#topo ul li#menu_historico a { width: 61px; background-image: url(../imagens/menu_historico.gif); }
#topo ul li#menu_perfil a { width: 39px; background-image: url(../imagens/menu_perfil.gif); }
#topo ul li#menu_pessoas a { width: 51px; background-image: url(../imagens/menu_pessoas.gif); }
#topo ul li#menu_sede a { width: 29px; background-image: url(../imagens/menu_sede.gif); }
#topo ul li#menu_noticias a { width: 52px; background-image: url(../imagens/menu_noticias.gif); }
#topo ul li#menu_blog a { width: 29px; background-image: url(../imagens/menu_blog.gif); }
#topo ul li#menu_contato a { width: 51px; background-image: url(../imagens/menu_contato.gif); }
#topo #flashtopo { clear: both; height: 80px; }

/* ------- conteudo ------- */
#conteudo { width: 707px; margin: 0 auto; padding: 0 185px 130px 108px; color: #666; }

#conteudo #titulo { position: absolute; width: 11px; /* height: 132px; */ height: 40px; margin-left: -107px; background: url(../imagens/titulos.gif) no-repeat; text-indent: -9999em; overflow: hidden; }
/* #historico #conteudo #titulo { background-position: -12px 0; }
#perfil #conteudo #titulo { background-position: -24px 0; }
#pessoas #conteudo #titulo { background-position: -36px 0; }
#sede #conteudo #titulo { background-position: -48px 0; }
#noticias #conteudo #titulo { background-position: -60px 0; }
#blog #conteudo #titulo { background-position: -72px 0; }
#contato #conteudo #titulo { background-position: -84px 0; } */

#conteudo h3, #conteudo h4 { margin-bottom: 11px; }
#conteudo h3 { font-size: 1.4em; }
#conteudo h4 { font-size: 1.1em; }
#conteudo ul { margin: 0 0 15px 13px; }

  /* ------- sede ------- */
  #sede #conteudo ul#galeria { margin-top: -15px; margin-left: 0; padding-bottom: 2em; list-style: none; }
  #sede #conteudo ul#galeria li { position: relative; float: left; margin-right: 20px; }
  #sede #conteudo ul#galeria li a { display: block; width: 209px; height: 15px; padding-top: 190px; background-repeat: no-repeat; font-weight: bold; color: #ccc; text-decoration: none; overflow: hidden; }
  #sede #conteudo ul#galeria li a:hover { background-position: -210px top; color: #666; }
  #sede #conteudo ul#galeria li a#foto1 { background-image: url(../imagens/sede_foto1.jpg); }
  #sede #conteudo ul#galeria li a#foto2 { background-image: url(../imagens/sede_foto2.jpg); }
  #sede #conteudo ul#galeria li a#foto3 { background-image: url(../imagens/sede_foto3.jpg); }
  #sede #conteudo ul#galeria li a { cursor: arrow; }
  
  /* ------- contato -------- */
  #contato #conteudo form { width: 427px; margin: 2em auto; }
  #contato #conteudo form ol li { clear: left; padding-bottom: 22px; }
  #contato #conteudo form ol li.esquerda { clear: none; margin-right: 11px; }
  #contato #conteudo form label { display: block; color: #666; }
  #contato #conteudo form ol li input { width: 196px; }
  #contato #conteudo form ol li select { width: 200px; }
  #contato #conteudo form ol li textarea { width: 404px; height: 47px; overflow: auto; }
  #contato #conteudo form button { float: right; margin-right: 15px; background: #fff; border: 0; color: #666; font-size: .9em;   text-transform: uppercase; }


  /* ------- pessoas ------- */
  #pessoas #conteudo ul#equipe { width: 708px; margin-left: 0; list-style: none; }
  #pessoas #conteudo ul#equipe li { position: relative; float: left; width: 24%; margin-bottom: 2em; }
  #pessoas #conteudo ul#equipe li span { display: block; }
  #pessoas #conteudo ul#equipe li:hover .photo, #pessoas #conteudo ul#equipe li .dados, #pessoas #conteudo ul#equipe li .photo.on { display: none; }
  #pessoas #conteudo ul#equipe li:hover .photo.on, #pessoas #conteudo ul#equipe li:hover .dados { display: block; }
  #pessoas #conteudo ul#equipe li .org { display: none; }
  #pessoas #conteudo ul#equipe li .dados { position: absolute; width: 164px; }
  #pessoas #conteudo ul#equipe li .fn, #pessoas #conteudo ul#equipe li .title { font-weight: bold; }
  #pessoas #conteudo ul#equipe li .fn, #pessoas #conteudo ul#equipe li .email a { text-decoration: none; color: #666; }
  #pessoas #conteudo ul#equipe li .fn { text-transform: uppercase; }
  #pessoas #conteudo ul#equipe li .title { color: #ccc; }
  #pessoas #conteudo ul#equipe li.equipe1 img, #pessoas #conteudo ul#equipe li.equipe3 img { float: left; margin-right: 6px; }
  #pessoas #conteudo ul#equipe li.equipe2 img, #pessoas #conteudo ul#equipe li.equipe4 img { float: right; margin-left: 6px; }
  #pessoas #conteudo ul#equipe li.equipe1 .dados, #pessoas #conteudo ul#equipe li.equipe3 .dados { left: 89px; }
  #pessoas #conteudo ul#equipe li.equipe1 .dados, #pessoas #conteudo ul#equipe li.equipe4 .dados { bottom: 0; }
  #pessoas #conteudo ul#equipe li.equipe2 .dados, #pessoas #conteudo ul#equipe li.equipe4 .dados { text-align: right; right: 89px; }
  #pessoas #conteudo ul#equipe li.equipe2 { margin-right: 4%; } 

  /*------- cases -------*/
  #home.cases #conteudo { width: 100%; height: 99%; padding: 0; }
  #home.cases address { display: none; background: 0; }
  #home.cases .flash_movies { width: 100%; height: 100%; }

  /* ------- noticias ------- */
  #noticias #conteudo .noticia { margin-bottom: 2em; padding: 1em 0; border-bottom: 1px solid #ccc; }
  #noticias #conteudo .noticia.ultimo { border: 0; }