body {
  font-family: Arial, Georgia,Verdana;
  font-size: 12px;
  background: url(../imagens/fundointerna.jpg) top center no-repeat;
}

body#pg-principal {background: url(../imagens/fundohome.jpg) top center no-repeat;}

#geral {
  position: relative;
  margin: 0 auto;
  width: 900px;
}

.clear {clear: both;}

.oculto {
  display: block;
  text-indent: -10000px;
}

p {line-height: 20px;}

.alerta {
  display: block;
  background: url(../imagens/atencao.gif) 5px center no-repeat #ffffe1;
  border: 1px solid #aca899;
  padding: 5px 5px 5px 25px;
  margin: 20px;
  font-size: 10px;
  color: #000;
}

label.error {display: none !important;}

input.error,
textarea.error {
	border-color: #f00 !important;
}

#geral #conteudo {
  float: left;
  width: 750px;
}

#clientes #conteudo {width: 730px;}

#principal #troca-banner {
  position: relative;
  z-index: -10;
  top: -310px;
  margin-left: 6px;
}

/*----topo--------------------------------------------------------------------*/
#topo {
  margin: 0 auto;
  width: 900px;
  height: 310px;
}

#topo h1 {
  float: left;
  width: 420px;
  height: 40px;
  margin-top: 45px;
  background-position: 10px top;
  background-repeat: no-repeat;
}

#topo span {
  position: relative;
  z-index: 1;
  float: left;
  width: 300px;
  padding-bottom: 80px;
  background: url(../imagens/menu1.png) left top no-repeat;
}

#topo a#logo {
  display: block;
  height: 120px;
  background: url(../imagens/logo.gif) 25px 20px no-repeat;
}

#topo ul {
  position: relative;
  z-index: 10;
  float: left;
  width: 119px;
  padding: 49px 0 49px 10px;
  margin-top: -90px;
  font-family: Verdana;  
  background: url(../imagens/menu.png) right top no-repeat;
}

#topo ul li a {
  display: block;
  width: 114px;
  padding: 4px 0;
  margin-bottom: 1px;  
  line-height: 14px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}

body#pg-principal #topo ul li#menu-principal a,
body#pg-empresa #topo ul li#menu-empresa a,
body#pg-clientes #topo ul li#menu-clientes a,
body#pg-especificacoes-tecnicas #topo ul li#menu-especificacoes-tecnicas a,
body#pg-obras #topo ul li#menu-obras a,
body#pg-fale-conosco #topo ul li#menu-fale-conosco a,
#topo ul li a:hover {background: url(../imagens/menuhover.png) left center repeat;}

/*----principal---------------------------------------------------------------*/
#principal #sobre-produtos h2 {
  height: 100px;
  margin-bottom: 10px;
  background: url(../imagens/tlqualidade.png) left bottom no-repeat;
}

#principal #sobre-produtos a {float: left;}

#principal #sobre-produtos a.sobre-obra {
  float: left;
  width: 112px;
  height: 114px;
  background-position: center;
  background-repeat: no-repeat;
}

#principal #sobre-produtos a#sobre-obra1 {background-image: url(../imagens/btn1.png);}
#principal #sobre-produtos a#sobre-obra2 {background-image: url(../imagens/btn2.png);}
#principal #sobre-produtos a#sobre-obra3 {background-image: url(../imagens/btn3.png);}
#principal #sobre-produtos a#sobre-obra4 {background-image: url(../imagens/btn4.png);}
#principal #sobre-produtos a#sobre-obra5 {background-image: url(../imagens/btn5.png);}
#principal #sobre-produtos a#sobre-obra6 {background-image: url(../imagens/btn6.png);}
#principal #sobre-produtos a#sobre-obra7 {background-image: url(../imagens/btn7.png);}
#principal #sobre-produtos a#sobre-obra8 {background-image: url(../imagens/btn8.png);}

#principal #sobre-produtos a.sobre-obra:hover {background-position: center 0px;}

#principal #sobre-produtos a#botao-mais {
  width: 45px;
  height: 115px;
  background: url(../imagens/mais.jpg) bottom center no-repeat;
}

#principal #sobre-produtos a#botao-mais:hover {background: url(../imagens/mais.jpg) center 68px no-repeat;}

a#bndes {
  float: right;
  width: 160px;
  height: 95px;
  background: url(../imagens/bndes.gif) bottom right no-repeat;
}

/*----empresa-----------------------------------------------------------------*/
#empresa p {
  padding: 0 10px;
  text-align: right;
}

#empresa h2 {
  height: 105px;
  margin-bottom: 40px;
  background: url(../imagens/slogan.gif) 90% bottom no-repeat;
}

/*----clientes---------------------------------------------------------------*/
#clientes {padding-left: 170px;}

#clientes h3 {
  float: left;
  width: 180px;
  height: 150px;
  padding: 0 0 0 0;
  background: url(../imagens/formalogo.png) right center no-repeat;
}

#clientes h3 a {
  position: relative;
  z-index: 11;
  display: block;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  text-indent: -10000px;
}

#clientes h3 a#cliente-1 {background-image: url(../imagens/clientes/cravil.jpg);}
#clientes h3 a#cliente-2 {background-image: url(../imagens/clientes/klabin.jpg);}
#clientes h3 a#cliente-3 {background-image: url(../imagens/clientes/voith.jpg);}
#clientes h3 a#cliente-4 {background-image: url(../imagens/clientes/camargocorrea.jpg);}
#clientes h3 a#cliente-5 {background-image: url(../imagens/clientes/pamplona.jpg);}
#clientes h3 a#cliente-6 {background-image: url(../imagens/clientes/rd.jpg);}
#clientes h3 a#cliente-7 {background-image: url(../imagens/clientes/sesc.jpg);}
#clientes h3 a#cliente-8 {background-image: url(../imagens/clientes/devant.jpg);}

/*----obras-------------------------------------------------------------------*/
#obras h2 {
  position: relative;
  z-index: 15;
  float: right;
  width: 630px;
  height: 56px;
  padding: 9px 0 0 30px;
  background: url(../imagens/categoria.png) bottom center no-repeat;
}

#obras h2 span#left {
  float: left;
  padding-top: 13px;
}

#obras h2 span#right {
  float: right;
  text-align: right;
  width: 305px;
  font-size: 22px;
  padding-right: 25px;
}

/*lista-oculta*/
#lista-opcoes a,
a#link-de-opcoes {
  display: block;
  text-decoration: none;
}

#link-de-opcoes {
  width: 253px;
  padding: 5px;
  color: #000;
  background: url(../imagens/combo.gif) 244px center no-repeat #fff;
}

#lista-opcoes {
  display: none;
  position: absolute;
  z-index: 100;
  width: 263px;
  padding: 0;
  background: #fff;
  border-top: 0px;
}

#lista-opcoes a {
  padding: 2px 5px 4px 8px;
  color: #000;
  font-weight: normal;
  border: 1px solid #fff;
}

#lista-opcoes a:hover {background: #ddd;}

#obras #foto-grande {
  position: relative;
  float: left;
  width: 386px;
  height: 294px;
  padding: 10px 5px 0 10px;
  margin-left: 120px;
  background: url(../imagens/formafoto.png) top center no-repeat;
}

#obras #foto-grande span {
  display: block;
  width: 380px;
  height: 282px;
}

#obras #foto-grande span p {
  position: absolute;
  bottom: 0px;
  width: 370px;
  font-size: 11px;
  font-weight: bold;
  line-height: 12px;
  padding: 3px 5px 7px 5px;
  margin-bottom: 10px;
  background: url(../imagens/fundobranco.png) center repeat;
}

#obras h3 {padding-bottom: 2px;} 

#obras ul#descricao-produto {
  float: right;
  width: 370px;
  font-size: 12px;
  margin: 5px 0 0 5px;
  line-height: 16px;
}

#obras ul#descricao-produto li {display: inline;}

#obras ul#descricao-produto li a {
  float: left;
  width: 112px;
  height: 75px;
  margin: 0 2px 2px 0;
  border: 2px solid #000;
}

#obras ul#lista-mini-fotos {
  float: left;
  width: 518px;
}

#obras ul#lista-mini-fotos span {
  float: left;
  width: 120px;
  height: 45px;
  padding: 15px 6px 0 0;
  font-weight: bold;
  text-align: right;
}

#obras ul#lista-mini-fotos li {display: inline;}

#obras ul#lista-mini-fotos li a.mais-fotos {
  float: left;
  width: 50px;
  height: 38px;
  margin: 0 2px 2px 0;
  border: 2px solid #000;
}

#obras ul#lista-mini-fotos li a:hover {border: 2px solid #909090;}

#obras ul#descricao-produto li a:hover {border: 2px solid #909090;}


/*----fale-conosco------------------------------------------------------------*/
#fale-conosco {
  padding-left: 150px;
  background: url(../imagens/estruturacontato.jpg) left bottom no-repeat;
}

#fale-conosco #contato {
  float: left;
  width: 405px;
  padding: 20px 15px 50px 0;
  text-align: right;
  background: url(../imagens/divcontato.png) right top no-repeat;
}

#fale-conosco #contato p {line-height: 16px;}

#fale-conosco #contato #endereco {
  height: 180px;
  padding: 50px 50px 0 0;
  background: url(../imagens/informacoes.jpg) right 20px no-repeat;
}

#fale-conosco #contato #endereco div,
#fale-conosco #contato #endereco a {
  display: block;
  font-size: 14px;
  font-weight: bold;
  color: #000;
}

#fale-conosco #contato #endereco div {padding: 0 15px 40px 0;}

#fale-conosco #contato #endereco a {
  position: relative;
  z-index: 15;
  padding: 0 43px 37px 0;
}

#fale-conosco #contato #endereco address {
  font-style: normal;
  font-size: 11px;
  padding-right: 15px;
}

#fale-conosco form {
  position: relative;
  z-index: 15;
  float: left;
  width: 314px;
  padding: 20px 8px 20px 8px;
  margin-bottom: -20px;
}

#fale-conosco form * {
  font-family: arial;
  font-size: 11px;
  width: 301px;
  border: 1px solid #bbb;
}

#fale-conosco form p {
  width: 100%;
  font-weight: bold;
  text-align: center;
  line-height: 14px;
  padding-bottom: 5px;
  border: none;
}

#fale-conosco form input {
  height: 20px;
  padding: 3px 6px 2px 6px;
  *padding: 5px 6px 0px 6px;
  margin-bottom: 10px;
}

#fale-conosco form textarea {
  height: 70px;
  padding: 5px 6px 0 6px;
  margin: 0 0 10px 0;
}

#fale-conosco form input#botao {
  position: relative;
  left: -8px;
  *left: -9px;
  width: 189px;
  height: 49px;
  cursor: pointer;
  padding: 0;
  margin: 0;
  border: 0;
  background: url(../imagens/enviar.png) top center no-repeat;
}

#fale-conosco form input#botao:hover {background: url(../imagens/enviar.png) bottom center no-repeat;}

#fale-conosco form .sucesso {
  float: left;
  width: 282px;
  height: auto;
  background:url(../imagens/sucesso.gif) 5px center no-repeat #ffffe1;
  border: 1px solid #aca899;
  padding: 5px 5px 5px 25px;
  margin: 5px 0;
  font-size: 10px;
  color: #000;
}

/*----especificacoes-tecnicas-------------------------------------------------*/
#especificacoes-tecnicas p {padding-left: 210px;}

#especificacoes-tecnicas .listas {
  float: right;
  width: 320px;
  padding-top: 16px;
  padding-left: 85px;
  font-size: 11px;
  line-height: 14px;
}

#especificacoes-tecnicas .listas strong {
  display: block;
  padding-bottom: 10px;
}

#especificacoes-tecnicas ul li {list-style-type: disc;}

#especificacoes-tecnicas #lista2 ul li {margin-left: 15px;}

#especificacoes-tecnicas ul li {margin-left: 25px;}

/*----rodape------------------------------------------------------------------*/
#rodape {
  float: left;
  width: 100%;
  padding: 5px 0 20px 0;
  font-size: 11px;
  border-top: 1px solid #000;
}

#rodape a {padding-bottom: 2px;}

#rodape div {
  float: left;
  font-weight: bold;
}

#rodape div a {
  color: #000;
  padding: 0 5px 0 14px;
  background: url(../imagens/icoemail.gif) left 70% no-repeat;
}

#rodape div i {
  font-style: normal;
  padding: 0 5px 0 14px;
  background: url(../imagens/icotelefone.gif) left 70% no-repeat;
}

#rodape a#link-arealocal {
  float: right;
  text-decoration: none;
  color: #909090;
}

#rodape a#link-arealocal:hover u {color: #000;}