/* CSS Document */

* { margin:0; 
padding:0; 
list-style:none;}

body {background-image: url(../img/filete.jpg);background-repeat:repeat-x; }

/**geral**/
#geral {width:770px; background-image: url(../img/filete4.jpg); background-repeat:repeat-y;  
}

h1 a {display:block;
width:275px; 
height:154px; 
background:url(../img/logo2.jpg); background-repeat:no-repeat; margin-top:0; 
text-indent:-1500px; 
overflow: hidden; }  
   
div#esquerda {width:275px; height:154px; float:left;  }

#direita {width:495px; height:154px; background-image:url(../img/top.jpg); background-repeat:no-repeat; background-position:top; background-color:#FFFFFF; float: left; }

#menu a.home {float:right; width:83px; height:29px; background: url(../img/home.jpg); background-repeat:no-repeat; background-position:top; text-indent:-1999px; }  

#menu a.mapa {
float:right;
width:140px;
height:29px;
background: url(../img/mapa.jpg); background-repeat:no-repeat; background-position:top; text-indent:-1999px; }  

#menu a.contato {
float:right;
width:109px;
height:29px;
background: url(../img/contato.jpg); background-repeat:no-repeat; background-position:top; text-indent:-1999px; }  

#menu{ clear:both; width:770px; height:33px; background-image:url(../img/menu3.jpg); background-repeat:no-repeat; padding-top:1px; }
  
#esq{width:115px; margin-left:10px;}
#esq ul {  height:auto;    }
#esq ul li a { text-transform:uppercase; text-decoration:none; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;  color: #ffffff;  font-size:9px;  padding-botton:8px;    }

#esq ul li a:visited { text-transform:uppercase; text-decoration:none;   font-family:Verdana, Arial, Helvetica, sans-serif; color:#F8F8F8 ;      }

#esq ul li a:hover {  text-transform:uppercase;  font-family:Verdana, Arial, Helvetica, sans-serif;  color: #0033CC;     }

#esq ul li a:active { text-transform:uppercase; text-decoration:none;   font-family:Verdana, Arial, Helvetica, sans-serif; color: #E0E0E0;    }  

#direita h2 { padding-top:10px; padding-bottom:29px; margin-right:15px; padding-left:125px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color: #999999;}

div#esq, div#dir {
width:150px; /* Faz os divs DIRETA e ESQUERDA ficarem com a largura de 150px */
}

div#esq {
float:left; margin-top:0px; /* Faz a coluna da esquerda flutuar para esquerda */
}
div#dir { 
float:right; margin-top:20px; /* Faz a coluna da direita flutuar para direita */
}
div#meio { margin:0 200px; margin-top:20px;  padding-left:15px;
  /* Define uma margem lateral para o div#meio */
}
div#dir2 { width:150px;
float:right;  margin-left:30px; margin-top:57px; margin-bottom:30px; height:auto; /* Faz a coluna da direita flutuar para direita */
}

div#dir4 { width:autopx;
float:right;  margin-left:30px; margin-top:57px; margin-bottom:30px; height:auto; /* Faz a coluna da direita flutuar para direita */
}

div#meio2 { width:400px; float:left; margin-left:10px; margin-bottom:15px; margin-top:30px;

}


#rodape{width:770px; height:20px; clear:both; background-color:#cccccc; padding-top:3px;}
#rodape ul{height:20px;  }
#rodape ul li {display:inline;   text-decoration:none;   font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color: #666666; padding-left:2px; padding-right:2px; padding-top:3px;      }
#rodape ul li a {    text-decoration:none;   font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color: #666666; padding-left:2px; padding-right:2px; padding-top:3px;   }
#rodape ul li a:visited {   text-decoration:none;   font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color: #FFFFFF;   padding-left:2px; padding-right:2px;  padding-top:3px;
  }
#rodape ul li a:hover { text-decoration:none;   font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color: #6699FF; padding-left:2px; padding-right:2px;  padding-top:3px;
  }
#rodape ul li a:active {  text-decoration:none;   font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color: #999999; padding-left:2px; padding-right:2px; padding-top:3px;
  }  
  
   
#conteudo { float:left; width:456px; background-color:#FFFFFF; margin-bottom:20px; background-image: url(img/laterial1.jpg); background-repeat:no-repeat;  }

#meio2 ul {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#666666; list-style-type:disc;     margin-left:20px; padding-left:10px;     }
#meio2 ul li {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#666666;  }


p { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#666666; }
p a{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; text-decoration:none; color: #0066CC; }


h4 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#666666; padding-left:10px; padding-top:5px; padding-right:165px; padding-bottom:10px; font-weight:bold;}

h3 { font-family: Arial, Helvetica, sans-serif; text-transform:uppercase;  font-size:11px; font-weight:bold; padding-bottom:15px; color:#4c5797;}


h2 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#333333;  padding-top:5px; padding-right:5px;}

.p { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#666666; }

#esq a.index {
float:right;
width:200px;
height:115px;
background: url(img/img_index1.jpg); background-repeat:no-repeat; background-position:top; text-indent:-1999px; padding-bottom:10px; }  

#meio a.index2 {
float:right;
width:200px;
height:115px;
background: url(../img/img_index3.jpg); background-repeat:no-repeat; background-position:top; text-indent:-1999px; padding-bottom:10px; }  

#dir a.index3 {
float:right;
width:200px;
height:115px;
background: url(../img/img_index2.jpg); background-repeat:no-repeat; background-position:top; text-indent:-1999px; padding-bottom:10px; }  

#meio2 a.alcan {
float:right;
width:100px;
height:100px;
background: url(../img/clientes/alcan.jpg); background-repeat:no-repeat; background-position:top; text-indent:-1999px; }  
#meio2 a.alcoa {
float:right;
width:100px;
height:100px;
background: url(../img/clientes/alcoa.jpg); background-repeat:no-repeat; background-position:top; text-indent:-1999px; }  
#meio2 a.carrefour {
float:right;
width:100px;
height:100px;
background: url(../img/clientes/carrefour.jpg); background-repeat:no-repeat; background-position:top; text-indent:-1999px; }  
#meio2 a.falcao_bauer {
float:right;
width:100px;
height:100px;
background: url(../img/clientes/falcao_bauer.jpg); background-repeat:no-repeat; background-position:top; text-indent:-1999px; }  
#meio2 a.hosp_anarosa {
float:right;
width:100px;
height:100px;
background: url(../img/clientes/hosp_anarosa.jpg); background-repeat:no-repeat; background-position:top; text-indent:-1999px; }  
#meio2 a.hosp_cruzazul {
float:right;
width:100px;
height:100px;
background: url(../img/clientes/hosp_cruzazul.jpg); background-repeat:no-repeat; background-position:top; text-indent:-1999px; }  
#meio2 a.imbrafiltro {
float:right;
width:100px;
height:100px;
background: url(../img/clientes/imbrafiltro.jpg); background-repeat:no-repeat; background-position:top; text-indent:-1999px; } 
#meio2 a.itaesbra {
float:right;
width:100px;
height:100px;
background: url(../img/clientes/itaesbra.jpg); background-repeat:no-repeat; background-position:top; text-indent:-1999px; }   
#meio2 a.itw {
float:right;
width:100px;
height:100px;
background: url(../img/clientes/itw.jpg); background-repeat:no-repeat; background-position:top; text-indent:-1999px; }   
#meio2 a.protege {
float:right;
width:100px;
height:100px;
background: url(../img/clientes/protege.jpg); background-repeat:no-repeat; background-position:top; text-indent:-1999px; }   
#meio2 a.saint_goubain {
float:right;
width:100px;
height:100px;
background: url(../img/clientes/saint_goubain.jpg); background-repeat:no-repeat; background-position:top; text-indent:-1999px; }   
#meio2 a.santander {
float:right;
width:100px;
height:100px;
background: url(../img/clientes/santander.jpg); background-repeat:no-repeat; background-position:top; text-indent:-1999px; }   
#meio2 a.thyssen {
float:right;
width:100px;
height:100px;
background: url(../img/clientes/thyssen.jpg); background-repeat:no-repeat; background-position:top; text-indent:-1999px; }   
#meio2 a.trw {
float:right;
width:100px;
height:100px;
background: url(../img/clientes/trw.jpg); background-repeat:no-repeat; background-position:top; text-indent:-1999px; }   
#meio2 a.uci {
float:right;
width:100px;
height:100px;
background: url(../img/clientes/uci.jpg); background-repeat:no-repeat; background-position:top; text-indent:-1999px; }   
#meio2 a.weg {
float:right;
width:100px;
height:100px;
background: url(../img/clientes/weg.jpg); background-repeat:no-repeat; background-position:top; text-indent:-1999px; }   

#meio2 a.manu {display:block; float:left; 
width:150px; 
height:104px; 
background:url(../img/manutencao1.jpg) no-repeat; margin-right:14px;  margin-botton:5px; margin-top:5px;
text-indent:-1999px; 
overflow: hidden;  }

#meio2 a.manu2 {display:block; float:left; 
width:150px; 
height:104px; 
background:url(../img/manutencao2.jpg) no-repeat; margin-right:14px; margin-bottom:10px; margin-top:5px;
text-indent:-1999px; 
overflow: hidden;  }

#meio2 a.manu3 {display:block; float:left; 
width:150px; 
height:104px; 
background:url(../img/manutencao4.jpg) no-repeat; margin-right:14px; margin-bottom:10px; margin-top:8px;
text-indent:-1999px; 
overflow: hidden;  }

#meio2 a.inst {display:block; float:left; 
width:150px; 
height:104px; 
background:url(../img/instalacao2.jpg) no-repeat; margin-right:14px; margin-bottom:10px; margin-top:8px;
text-indent:-1999px; 
overflow: hidden;  }

#meio2 a.inst2 {display:block; float:left; 
width:150px; 
height:104px; 
background:url(../img/instalacao3.jpg) no-repeat; margin-right:14px;  margin-botton:3px; margin-top:8px;
text-indent:-1999px; 
overflow: hidden;  }

#meio2 a.inst3 {display:block; float:left; 
width:150px; 
height:104px; 
background:url(../img/instalacao4.jpg) no-repeat; margin-right:14px;  margin-botton:3px; margin-top:8px;
text-indent:-1999px; 
overflow: hidden;  }

#meio2 a.inst4 {display:block; float:right; 
width:150px; 
height:104px; 
background:url(../img/instalacao6.jpg) no-repeat; margin-left:14px;  margin-botton:3px; margin-top:18px;
text-indent:-1999px; 
overflow: hidden;  }