body {
  background: url(../images/fundo.jpg) top center no-repeat #1F1A17;
  padding: 0;
  margin: 0;
  font-family: Trebuchet MS;
}

#capa {
  margin: 0 auto;
  position: relative;
  width: 913px;
}

h1.topo {
  background: url(../images/logo.png) no-repeat top left;
  width:480px;
  height:158px;
  text-indent:-100000px;
  margin:30px auto 0;
}

h2 {
  font-size: 30px;
  line-height: 37px;
  margin: 0 0 0 7px;
  padding: 0;
  color: #2e2722;
}

h3 {
  font-size: 30px;
  line-height: 37px;
  margin: 70px 0 0 7px;
  padding: 0;
  color: #fff;
}

p {
  font-size: 14px;
  color: #fff;
  line-height: 18px;
  margin: 0 0 18px 0;
}

div#menu {
  margin: 10px auto;
  width: 490px;
  height: 46px;
  display: block;
}

ul.menu li{
  margin: 0;
  padding: 0;
  line-height: 0;
  display: inline;
}

ul.menu li a{
  text-indent:-100000px;
  padding: 0;
  background-position: top;
  float: left;
  margin: 0;
  padding: 0;
  outline: none; 
}

ul.menu li a.quemsomos{
  background: url(../images/btquemsomos.png);
  display: block;
  width: 116px;
  height: 46px; 
}

ul.menu li a.orcamento{
  background: url(../images/btorcamento.png);
  display: block;
  width: 96px;
  height: 46px; 
}

ul.menu li a.projetos{
  background: url(../images/btprojetos.png);
  display: block;
  width: 78px;
  height: 46px; 
}

ul.menu li a.contato{
  background: url(../images/btcontato.png);
  display: block;
  width: 122px;
  height: 46px; 
}

ul.menu li a.quemsomos:hover,
ul.menu li a.projetos:hover,
ul.menu li a.orcamento:hover,
ul.menu li a.contato:hover {
  background-position: bottom;
}

div#centro {
  margin: 0 auto;
  width: auto;
  padding: 0;
}

div#rodape {
  width: 704px;
  height: 50px;
  text-align: center;
  margin: 0 auto;
  background: url(../images/rodape.jpg) no-repeat;
  clear: both;
}

p.rodape {
  line-height: 70px;
  font-size: 12px;
  color: #554841;
  clear: both;
}

div#contato {
  width: 412px;
  height: 350px;    
  margin: 0 auto;
  background: url(../images/contato.png) top center no-repeat;
}

label {
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  width: 70px;
  float:left;
  display: block;
  text-align: right;
  margin: 0 5px 0 15px;
  line-height: 16px;
  padding-top: 7px;
}

input, textarea {
  border-top: 2px solid #14100F;
  border-left: 2px solid #14100F;
  width: 300px;
  margin: 4px 0;
}

input.botao {
  background: none;
  border: none;
  font-size: 30px;
  margin: 0 15px 0 0;
  padding: 0;
  line-height: 30px;
  color: #52463f;
  font-weight: bold;
  float: right;
  width: 100px;
  cursor: pointer;
}

input.botao:hover, a.mail:hover {
  color: #fff;
}

a.mail {
  color: #52463f; 
  font-size: 20px;
  float: right;
  margin: 0 7px 0 0;
  text-decoration: none;
  font-weight: bold;
}

div#orcamento {
  width: 412px;
  height: 350px;    
  margin: 0 auto;
  background: url(../images/orcamento.png) top center no-repeat;
}

div#quem {
  width: 412px;
  height: 86px;    
  margin: 0 auto;
  background: url(../images/quemsomos.png) top center no-repeat;
}

div#somos {
  margin: 10px auto 0;
  width: 712px;
  padding: 10px;
}

img.quemsomos {
  float: left;
  margin: 0 10px 0 0;
  display: block;
}

img.fotos {
  float: right;
  margin: 0 0 0 10px;
  display: block;
}

/************* QUEM SOMOS **********/

div#myController2 {
}

#myController2 span.jFlowControl2{
  margin: 0 14px;
  _margin: 0 7px;
  color:#110e0c;
  cursor:pointer;
  font-size:28px;
  display:block;
  height:24px;
  float:left;
}

.jFlowControl2 span{
  display:block;
  float:left;
  padding:3px 10px 0 10px;
  _padding:3px 10px 0 10px;
  font-weight:bold;
}

#myController2 span.jFlowSelected2 {
  margin: 0 14px;
  _margin: 0 7px;
  color:#fff;
  cursor:pointer;
  font-size:28px;
  display:block;
  float:left;
}

#myController2 span.jFlowSelected2 span{
  background:url(../images/submenu_left.gif) no-repeat top left;
  display:block;
  float:left;
  font-weight:bold;
}

.jFlowPrev2{
  cursor:pointer;
  color:#065901;
  font-size:10px;
  font-weight:bold;
}

.jFlowNext2{
  cursor:pointer;
  float:right;
  color:#065901;
  font-size:10px;
  font-weight:bold;
}
/************* fim - QUEM SOMOS **********/

div#projetos {
  width: 412px;
  height: 430px;    
  margin: 0 auto;
  background: url(../images/fundoprojetos.png) top center no-repeat;
}

#txt_cont {
  width: 380px;
  height: 330px;
  overflow:hidden;
  margin: 8px 0;
}

#txt_cont div#gallery a{
  text-decoration: none;
  padding: 0 0 5px 0;
  border: none;
}

#txt_cont div#gallery a img:hover{
  border: 3px solid #fff;
}

#txt_cont div#gallery a img{
  border: 3px solid #000;
  height: 80px;
  width: 80px;
}

a.up {
  display: block;
  background: url(../images/up.png) center center no-repeat;
  width: 201px;
  height: 15px; 
}

a.down {
  display: block;
  background: url(../images/down.png) center center no-repeat;
  width: 201px;
  height: 15px; 
}

div.grupos a {
  display: block;
  padding: 5px 10px;
  font-size: 24px;
  text-decoration: none;
  height: 85px;
  line-height: 80px;
  color: #110E0C;
  font-weight: bold;
}

div.grupos a:hover {
  color: #FFF;
}

div.grupos a img {
  float: left;
  margin-right: 20px;
  border: 2px solid #110E0C;
}

div.grupos a:hover img {
  border: 2px solid #FFF;
}