img,body,ul,li,h1,h2,h3,h4,h5,p,form,fieldset{
  margin:0;  
  padding:0;
  border:0;
}

ul,li{
  list-style-type:none;
}

body {
  background:#fff;
  font-size:12px;
}

div,td,h1,h2,h3,h4,form,input,textarea{
  font:1em Arial, Verdana, sans-serif;
  color:#555;
}

br.clear{
  clear:both;
  font-size:0;
  height:0;
  line-height:0;
  display:block;
}

a{
  color:#999;
  text-decoration:none;
}


 
/* ---- Corpo ---- */






#usina_i a{
  display:block;
  width:30px;
  height:125px;
  background:url(../img/usina_i.png) no-repeat;
  position:fixed;
  left:170px;
  top:0;
}




#menu_principal {
  display:block;
  width:150px;
  height:300px;
  position:fixed;
  top:90px;
  left:50px;
  margin:0 0 0 0;
}


#menu_principal ul li a {
  display:block;
  clear:both;
  with:150px;
  height:35px;
  background:#ddd;
  text-indent:-2000px;
}

#menu_principal ul li .submenu {
  display:block;
  text-align:right;
  with:150px;
  height:15px;
  font-size:0.9em;
  background:none;
  text-indent:none;
  color:#888;
  cursor:pointer;
}


#menu_principal ul li .submenu:hover{
  background:url(../img/bg_submenu.png) no-repeat 205px 5px #8DC63F;
  color:#fff;
  width:200px;
  padding-right:15px;
  margin-left:-50px;
}

#menu_principal ul .atual .submenu:hover {
  color:#888;
  background:#fff;
}



#menu_principal ul li .a_usina {
  background:url(../img/b_a_usina.png) no-repeat 0 0;
}

#menu_principal ul li .a_usina:hover {
  background:url(../img/b_a_usina.png) no-repeat 0 -35px;
}

#menu_principal ul li .servicos {
  background:url(../img/b_servicos.png) no-repeat 0 0;
}

#menu_principal ul li .servicos:hover {
  background:url(../img/b_servicos.png) no-repeat 0 -35px;
}


#menu_principal ul li .clientes {
  background:url(../img/b_clientes.png) no-repeat 0 0;
}

#menu_principal ul li .clientes:hover {
  background:url(../img/b_clientes.png) no-repeat 0 -35px;
}


#menu_principal ul li .portifolio {
  background:url(../img/b_portifolio.png) no-repeat 0 0;
}

#menu_principal ul li .portifolio:hover {
  background:url(../img/b_portifolio.png) no-repeat 0 -35px;
}


#menu_principal ul li .contato {
  background:url(../img/b_contato.png) no-repeat 0 0;
}

#menu_principal ul li .contato:hover {
  background:url(../img/b_contato.png) no-repeat 0 -35px;
}



#logo_usina a{
  display:block;
  width:120px;
  height:45px;
  background:url(../img/logo_usina.png) no-repeat;
  position:fixed;
  bottom:20px;
  left:80px;
}



















#principal {
  display:block;
  float:left;
  width:700px;
  text-align:left;
  margin:95px 0 0 250px;
  position:absolute;
}

#conteudo {
  display:block;
  float:left;
  width:700px;
}

#conteudo p {
  width:300px;
  color:#777;
  font-size:0.9em;
  line-height:1.5em;
}

#conteudo h1 {
  color:#8DC63F;
  font-size:1.1em;
  margin:0 0 5px 0;
  font-weight:normal;
}

#conteudo .titulo {
  display:block;
  width:560px;
  height:100px;
  background:url(../img/titulo_pagina.png);
  margin:20px 0 0 0;
  text-indent:-5000px;
}














#clientes li{
  display:inline;
}

#clientes li a {
  display:block;
  float:left;
  width:120px;
  height:80px;
  background:#efefef;
  margin:0 18px 20px 0;
  border:1px solid #efefef;
}


#clientes li .moveis_armil{
  background:url(../clientes/img/moveis_armil.png) no-repeat left bottom;
}

#clientes li .moveis_armil:hover {
  background:url(../clientes/img/moveis_armil.png) no-repeat left top;
}


#clientes li .la_famille_de_gazon{
  background:url(../clientes/img/la_famille_de_gazon.png) no-repeat left bottom;
}

#clientes li .la_famille_de_gazon:hover {
  background:url(../clientes/img/la_famille_de_gazon.png) no-repeat left top;
}

#clientes li .chocofest{
  background:url(../clientes/img/chocofest.png) no-repeat left bottom;

}

#clientes li .chocofest:hover {
  background:url(../clientes/img/chocofest.png) no-repeat left top;
}

#clientes li .dimero{
  background:url(../clientes/img/dimero.png) no-repeat left bottom;

}

#clientes li .dimero:hover {
  background:url(../clientes/img/dimero.png) no-repeat left top;
}

#clientes li .marta_silvia {
  background:url(../clientes/img/marta_silvia.png) no-repeat left bottom;

}

#clientes li .marta_silvia:hover {
  background:url(../clientes/img/marta_silvia.png) no-repeat left top;
}

#clientes li .pevetec {
  background:url(../clientes/img/pevetec.png) no-repeat left bottom;

}

#clientes li .pevetec:hover {
  background:url(../clientes/img/pevetec.png) no-repeat left top;
}

#clientes li .prefeitura_gramado{
  background:url(../clientes/img/prefeitura_gramado.png) no-repeat left bottom;

}

#clientes li .prefeitura_gramado:hover {
  background:url(../clientes/img/prefeitura_gramado.png) no-repeat left top;
}

#clientes li .sindicato_igrejinha{
  background:url(../clientes/img/sindicato_igrejinha.png) no-repeat left bottom;

}

#clientes li .sindicato_igrejinha:hover {
  background:url(../clientes/img/sindicato_igrejinha.png) no-repeat left top;
}

#clientes li .sociedade_recreio_gramadense{
  background:url(../clientes/img/sociedade_recreio_gramadense.png) no-repeat left bottom;

}

#clientes li .sociedade_recreio_gramadense:hover {
  background:url(../clientes/img/sociedade_recreio_gramadense.png) no-repeat left top;
}


#clientes li .tagliarini {
  background:url(../clientes/img/tagliarini.png) no-repeat left bottom;

}

#clientes li .tagliarini:hover {
  background:url(../clientes/img/tagliarini.png) no-repeat left top;
}


#clientes li .terra_turismo{
  background:url(../clientes/img/terra_turismo.png) no-repeat left bottom;

}

#clientes li .terra_turismo:hover {
  background:url(../clientes/img/terra_turismo.png) no-repeat left top;
}


#clientes li .toca_bruxa{
  background:url(../clientes/img/toca_bruxa.png) no-repeat left bottom;

}

#clientes li .toca_bruxa:hover {
  background:url(../clientes/img/toca_bruxa.png) no-repeat left top;
}












.botoes {
  display:block;
  float:left;
  height:370px;
  position:relative;
  top:-370px;
  margin:0 0 -370px 0;
  z-index:10;
}

.botoes ul li{
   display:inline;
}

.botoes ul li a {
  display:block;
  float:left;
  width:350px;
  height:370px;
}



.botoes ul li .avancar:hover {
  background:url(../img/b_avanca.png) no-repeat;
}


.botoes ul li .voltar:hover {
  background:url(../img/b_volta.png) no-repeat;
}


#paginacao {
  display:block;
  float:left;
  width:700px;
  margin:10px 0 0 0;
}

#paginacao ul li{
  display:inline;
}


#paginacao ul li a {
  display:block;
  float:left;
  color:#fff;
  padding:3px 5px;
  font-size:0.9em;
  margin:0 5px 0 0;
  background:#8DC63F;
}

#paginacao ul li a:hover {
  background:#000;
}

#paginacao ul li .atual {
  background:#B0D779;
}





#portifolio h2 {
  display:block;
  width:700px;
  float:left;
  font-size:1em;
  font-weight:bold;
  color:#555;
  margin:15px 0 3px 0;
}

#portifolio p {
  font-size:0.9em;
  line-height:1.5em;
}


form{
  margin:20px 0 0 0;
}


form label{
  display:block;
  clear:both;
  width:295px;
  font-size:0.9em;
  color:#999;
}

form input{
  display:block;
  float:left;
  width:295px;
  margin:3px 0 10px 0;
  padding:3px 3px;
  border:1px solid #dedede;
}

form input:hover, form input:focus{
  border:1px solid #8DC63F;
  background:#fff;
}


form .cod_fone {
  width:30px;
}

form .fone {
  width:120px;
  margin-left:10px;
}

form .coluna_1  {
  display:block;
  float:left;
  width:300px;
}

form .coluna_2  {
  display:block;
  float:left;
  width:300px;
  margin-left:30px;
}

form textArea {
  border:1px solid #dedede;
  display:block;
  float:left;
  width:295px;
  height:140px;
  margin:3px 0 10px 0;
}

form textArea:hover, form textArea:focus{
  border:1px solid #8DC63F;
  background:#fff;
}


form .botao {
  display:block;
  width:75px;
  height:25px;
  background:url(../img/b_enviar.png) no-repeat;
  text-indent:-10000px;
  margin:0 0 0 222px;
  border:0;
  cursor:pointer;
}

form .botao:hover, form .botao:focus {
  background:url(../img/b_enviar.png) no-repeat left bottom;
  border:none;
}

/* Menu: opção atual */
#menu_principal ul .agencia .submenu {
  font-weight:bold;
}

#menu_principal ul .equipe .submenu {
  font-weight:bold;
}

#menu_principal ul .pq .submenu {
  font-weight:bold;
}

#menu_principal ul .inteligente .submenu {
  font-weight:bold;
}