html, body {
  font: normal normal 11px/1.3 Helvetica, Arial, sans-serif;
  background-color: #e6e6e6;
}
body { padding: 20px; }
body, td, th, h1, h2, h3, h4 { color: #777777; }
:focus { outline: none; }
p {
  margin-bottom: 0.8em;
  font-size: 12px;
}
a {
  color: #777777;
  text-decoration: none;
}
a:hover { color: #000000; }
a.ativo { color: #000000; }
#container {
  width: 850px;
  margin: 0;
  position: relative;
}
#container div#menu {
  width: 255px;
  margin: 0px;
  float: left;
  display: table;
  height: 100%;
  min-height: 10em;
  position: fixed;
  font-size: 13px;
}
#container div#menu h1 { margin-bottom: 10px; }
#container div#menu h1 a {
  display: block;
  width: 171px;
  height: 70px;
  background: transparent url("../imgs/logo-joao.gif") no-repeat scroll left top;
}
#container div#menu h1 a span { display: none; }
#container div#menu ul#menu_ul {
  margin: 40px 0 0 20px;
  position: relative;
}
#container div#menu ul#menu_ul li {
  display: block;
  margin: 0 0 5px 0;
}
#container div#menu ul#menu_ul li a:hover { color: #000000; }
#container div#menu ul#menu_ul li a.ativo {
  color: #000000;
  background: #e6e6e6 url('../imgs/bullet.gif') no-repeat scroll center left;
}
#container div#menu ul#menu_ul li ul#trabalhos {
  display: none;
  margin: 18px 0 20px 12px;
}
#container div#menu ul#menu_ul li ul#trabalhos li { margin: 0 0 5px 0; }
#container div#menu ul#menu_ul li ul#trabalhos li a { color: #7d6563; }
#container div#menu ul#menu_ul li ul#trabalhos li a:hover { color: #ababab; }
#container div#menu ul#menu_ul li ul#trabalhos li a.ativo {
  color: #ababab;
  background: none;
  padding-left: 0px;
}
#container div#menu ul#menu_ul li.ativo { list-style-type: none; }
#container #conteudo {
  float: left;
  font-size: 13px;
  margin: 56px 0 0 280px;
  padding-bottom: 50px;
  width: 490px;
  letter-spacing: 0.03em;
}
#container #conteudo h2 {
  font-size: 14px;
  color: #7d6563;
  font-weight: normal;
  margin: 0 0 15px 0;
  clear: both;
}
#container #conteudo #exibir_thumbs {
  float: left;
  margin: 0 10px 10px 0;
  width: 9px;
  height: 9px;
}
#container #conteudo #exibir_thumbs a {
  display: block;
  background: url('../imgs/thumbs.gif') no-repeat scroll top left;
  width: 9px;
  height: 9px;
  text-indent: -9999em;
}
#container #conteudo #exibir_thumbs a:hover { background-position: 0px -10px; }
#container #conteudo #exibir_thumbs .thumbsAtivo { background-position: 0px -10px; }
#container #conteudo #thumbs {
  display: none;
  float: left;
  width: 490px;
  margin: 0 0 40px 0;
  clear: both;
}
#container #conteudo #thumbs a {
  margin: 0 5px 5px 0;
  padding: 0;
  float: left;
  display: block;
}
#container #conteudo #desc { width: 420px; }
#container #conteudo #visualizar {
  width: 15px;
  height: 7px;
  margin-top: 1px;
  float: left;
}
#container #conteudo #visualizar a {
  display: block;
  background: url('../imgs/seta.gif') no-repeat scroll top left;
  width: 15px;
  height: 7px;
  text-indent: -9999em;
}
#container #conteudo #visualizar a:hover { background-position: 0px -8px; }
#container #conteudo.contatos h2 { font-size: 24px; }
#container #conteudo.contatos h3 {
  font-size: 18px;
  margin: 40px 0 20px 0;
  font-weight: normal;
  color: #7d6563;
}
#container #conteudo.contatos a {
  color: #7d6563;
  font-size: 13px;
}
#container #conteudo.contatos a:hover { color: #ababab; }
#container #conteudo.contatos p { font-size: 13px; }
#container #conteudo.contatos .galeria { margin: 20px 0 40px 0; }
#container #conteudo.cv { line-height: 1.4em; }
#container #conteudo.cv h2 {
  font-size: 24px;
  background: transparent url('../imgs/cv.gif') no-repeat scroll top left;
  text-indent: -9999em;
  margin: 0 0 15px;
}
#container #conteudo.cv h3 {
  font-size: 14px;
  text-transform: uppercase;
  margin: 40px 0 20px 0;
  font-weight: normal;
  color: #7d6563;
}
#container #conteudo.cv a {
  color: #7d6563;
  font-size: 13px;
}
#container #conteudo.cv a:hover { color: #ababab; }
#container #conteudo.cv p { font-size: 11px; }
#container #conteudo.cv p.nome {
  font-size: 14px;
  margin: 0;
  color: #7d6563;
}
#container #conteudo.cv p.subnome {
  color: #7d6563;
  font-size: 12px;
}
#container #conteudo.cv ul { padding-left: 15px; }
#container #conteudo.cv ul li { font-size: 11px; }
#container #conteudo.cv h4 {
  color: #7d6563;
  padding-left: 15px;
  margin-top: 20px;
  font-size: 11px;
  font-weight: normal;
}
#container #conteudo.imprensa h2 {
  font-size: 24px;
  background: transparent url('../imgs/cv.gif') no-repeat scroll top left;
  text-indent: -9999em;
  margin: 0 0 15px;
}
#container #conteudo.imprensa #thumbs { width: 650px; }
div#idioma h1 {
  display: block;
  width: 171px;
  height: 70px;
  background: transparent url("../imgs/logo-joao.gif") no-repeat scroll left top;
}
div#idioma h1 span { display: none; }
div#idioma ul {
  margin-top: 15px;
  list-style: none outside none;
}
div#idioma ul li { display: inline; }
div#idioma ul li a { font-size: 12px; }
div#idioma ul li a:hover { color: #7d6563; }
#sb-counter {
  color: #7d6563;
  font-size: 11px;
}
#sb-loading-inner span { text-indent: -9999em; }
.ie6 #container div#menu { float: right; }
.ie7 #container div#menu { float: right; }
.ie6 #container #conteudo {
  float: right;
  width: 570px;
}
.ie7 #container #conteudo {
  float: right;
  width: 570px;
}