body {
  margin:0;
  padding:0;
  text-align:center;
  background: #fff;
}

#containner {
  position:relative;
  text-align:left;
  width:800px;
  margin:0 auto;
  padding:0;
  background: #fff;
}
#logotipo{
width:135px;
height:132px;
background: url("../img/logogqj.png") no-repeat left;
float:left;
}
#banner_menu{
position: relative;
width:665px;
height:132px;
margin-left:135px;
}
#banner{
width:665px;
height:107px;
text-align: right;
}
#social{
position: relative;
width:800px;
height:30px;
vertical-align: top;
margin:5px;
}
 #facebook {
position: relative;
float:left;
width:30px;
height:30px;
background: url("../img/facebook.jpg") no-repeat;
vertical-align: top;
}
 a:hover  #facebook {
opacity:0.4;
filter:alpha(opacity=40);
}

#conteudo{
position: relative;
width:800px;
height:auto;
vertical-align: top;
}
#footer{
position: relative;	
width:800px;
height:40px;
float: left;
}
  #footer_img {
    width: 800px; height: 40px;
    background: url(../img/footer.png);
    margin: 0px; padding: 0px;
    position: relative;}
  #footer_img li {
     margin: 0px; padding: 0px; list-style: none;
    position: absolute; top: 0px;}
  #footer_img li, #footer_img a {height: 40px; display: block;}

  #footer_img_1 {left: 10px; width: 32px;}
  #footer_img_2 {left: 51px; width: 42px;}
  #footer_img_3 {left: 100px; width: 42px;}
  #footer_img_1 a:hover {background: transparent url(../img/footer.png) -10px -40px no-repeat;}
  #footer_img_2 a:hover {background: transparent url(../img/footer.png) -51px -40px no-repeat;}
  #footer_img_3 a:hover {background: transparent url(../img/footer.png) -100px -40px no-repeat;}

img {border: 0px}

#menu{
width:665px;
height:25px;
}
  #menu_img {
    width: 665px; height: 25px;
    background: url(../img/menu.png);
    margin: 0px; padding: 0px;
    position: relative;}
  #menu_img li {
     margin: 0px; padding: 0px; list-style: none;
    position: absolute; top: 0px;}
  #menu_img li, #menu_img a {height: 25px; display: block;}

  #menu_img_1 {left: 0px; width: 70px;}
  #menu_img_2 {left: 70px; width: 72px;}
  #menu_img_3 {left: 142px; width: 85px;}
  #menu_img_4 {left: 227px; width: 82px;}
  #menu_img_5 {left: 309px; width: 74px;}
  #menu_img_6 {left: 383px; width: 80px;}
  #menu_img_7 {left: 463px; width: 61px;}
  #menu_img_8 {left: 524px; width: 53px;}
  #menu_img_9 {left: 576px; width: 89px;}
  
  #menu_img_1 a:hover {background: transparent url(../img/menu.png) 0 -26px no-repeat;}
  #menu_img_2 a:hover {background: transparent url(../img/menu.png) -70px -26px no-repeat;}
  #menu_img_3 a:hover {background: transparent url(../img/menu.png) -142px -26px no-repeat;}
  #menu_img_4 a:hover {background: transparent url(../img/menu.png) -227px -26px no-repeat;}
  #menu_img_5 a:hover {background: transparent url(../img/menu.png) -309px -26px no-repeat;}
  #menu_img_6 a:hover {background: transparent url(../img/menu.png) -383px -26px no-repeat;}
  #menu_img_7 a:hover {background: transparent url(../img/menu.png) -463px -26px no-repeat;}
  #menu_img_8 a:hover {background: transparent url(../img/menu.png) -524px -26px no-repeat;}
  #menu_img_9 a:hover {background: transparent url(../img/menu.png) -576px -26px no-repeat;}

#jobchem {
width:150px;
height:150px;
}
  #jobchem_img1 {
    width: 150px; height: 75px;
    background:  transparent  url(../img/jobchem1.png) no-repeat;
    margin: 0px; padding: 0px;
    position: relative;}
  #jobchem_img1 li {
     margin: 0px; padding: 0px; list-style: none;
    position: absolute; top: 0px;}
  #jobchem_img1 li, #jobchem_img1 a {height: 75px; display: block;}

  #jobchem_img1 {left:5px; width: 150px}
  
 
  #jobchem_img1 a:hover {background: transparent url(../img/jobchem1.png) 0 -76px no-repeat;}

  #jobchem_img2 {
    width: 150px; height: 75px;
    background:  transparent url(../img/jobchem2.png) no-repeat;
    margin: 0px; padding-left:5px; padding: 0px;
    position: relative;}
  #jobchem_img2 li {
     margin: 0px;padding-left:5px;; padding: 0px; list-style: none;
    position: absolute; top: 0px;}
  #jobchem_img2 li, #jobchem_img2 a {height: 75px; display: block;}

  #jobchem_img2 {left:5px; width: 150px}
  
 
  #jobchem_img2 a:hover {background: transparent url(../img/jobchem2.png) 0 -76px no-repeat;}


.t360 {font-family:Arial; width: 280px; font-size: 11px; color: #fff; letter-spacing: 1px; line-height: 14px; padding-right: 5px; padding-left: 5px; text-align: left; font-weight:bold; background-color: #00746B}
.t85{font-family:Arial; width: 85px; font-size: 11px; color: #fff; letter-spacing: 1px; line-height: 14px; padding-right: 5px; padding-left: 5px; text-align: left; font-weight:bold; background-color: #00746B}
.t15{font-family:Arial; width: 15px; font-size: 11px; color: #fff; letter-spacing: 1px; line-height: 14px; padding-right: 5px; padding-left: 5px; text-align: left; font-weight:bold; background-color: #00746B}
 
.tx360 {font-family:Arial; width: 280px; font-size: 11px; color: #00746B; letter-spacing: 1px; line-height: 14px; padding-right: 5px; padding-left: 5px; text-align: left; font-weight:bold; }
.tx85{font-family:Arial; width: 85px; font-size: 11px; color: #00746B; letter-spacing: 1px; line-height: 14px; padding-right: 5px; padding-left: 5px; text-align: left; font-weight:bold; }
.tx15{font-family:Arial; width: 15px; font-size: 11px; color: #00746B; letter-spacing: 1px; line-height: 14px; padding-right: 5px; padding-left: 5px; text-align: left; font-weight:bold;}
.tx360:hover {font-family:Arial; width: 280px; font-size: 11px; color: #00746B; letter-spacing: 1px; line-height: 14px; padding-right: 5px; padding-left: 5px; text-align: left; font-weight:bold; background-color: #02484C}
.tx85:hover {font-family:Arial; width: 85px; font-size: 11px; color: #00746B; letter-spacing: 1px; line-height: 14px; padding-right: 5px; padding-left: 5px; text-align: left; font-weight:bold; background-color: #02484C }
.tx15:hover {font-family:Arial; width: 15px; font-size: 11px; color: #00746B; letter-spacing: 1px; line-height: 14px; padding-right: 5px; padding-left: 5px; text-align: left; font-weight:bold; background-color: #02484C}
  
small { color: black}
 
  #chemba_img1 {
    width: 473px; height: 149px;
    background: url(../img/chemba.jpg);
    margin: 0px; padding: 0px;
    position: relative;}
  #chemba_img1 li {
     margin: 0px; padding: 0px; list-style: none;
    position: absolute; top: 0px;}
  #chemba_img1 li, #chemba_img1 a {height: 149px; display: block;}

  #chemba_img1 {left:0px; width: 473px}
  
 
  #chemba_img1 a:hover {background: transparent url(../img/chemba.jpg) 0 -149px no-repeat;}


td#lateral {
    width: 200px; height: auto; margin: 0px; padding:0px;
	vertical-align: top;
   }
td#lateral_fundo {
    margin: 0px; padding:0px;
    height: 5px}
td#lateral_cima {
    margin: 0px; padding:0px;
     height: 5px}

td#conteudo_home {
    width: 600px; height: auto; text-align: left; vertical-align: top;}
	
td#lateral_home { margin: 0px; padding:0px; 
    width: 200px; height: auto; vertical-align: top;}
td#lateral_jobchem { margin: 0px; padding:0px; 
    width: 200px; height: auto;}	
	
	
td#lateral_home_baixo{
    width: 200px; height: 5px; margin: 0px; padding:0px;
   }	

td#lateral_home_cima{
    width: 200px; height: 5px; margin: 0px; padding:0px;
    }
    
#iframe {width:800px; border:0px; margin: 0px; padding:0px}  
  
h1 {font-family:Arial; font-size: 14px; color: #00746B; font-weight: bold; font-variant: small-caps; letter-spacing: 1px; line-height: 15px; padding: 6px; text-align: left; background: transparent url(../img/fundo.png) no-repeat;}
h2 {font-family:Arial; font-size: 14px; color: #02484C; font-weight: bold; font-variant: small-caps; letter-spacing: 1px; line-height: 15px; padding: 6px; text-align: left}
h3 {font-family:Arial; font-size: 12px; color: #02484C; font-weight: bold; letter-spacing: 1px; line-height: 12px; padding-right: 8px; padding-left: 8px; text-align: center; font-weight:normal}
h4 {font-family:Arial; font-size: 12px; color: #00746B; letter-spacing: 1px; line-height: 15px; padding-right: 8px; padding-left: 8px; text-align: left; font-weight:normal} 
h5{font-family:Arial; font-size: 12px; color: #02484C; font-weight: bold; letter-spacing: 1px; line-height: 10px; padding-right: 10px; padding-left: 20px; text-align: left; font-weight:bold}

hr  { height:1px; border:0px; background: #00746B; color: #fff;} 

a {font-family:Arial; color: #02484C; text-align: left; font-weight: bold; text-decoration: none} 
a:hover {font-family:Arial; color: #00746B; text-align: left}   

li { list-style-type: square; }


.h3p {font-weight: normal; font-family: Arial;font-size: 13px; color: #00746B; line-height: 15px; letter-spacing: 0px; font-stretch: semi-expanded; text-align: left;font-variant: small-caps;  padding-right: 5px; padding-left: 5px;}
a.h3p {font-weight: normal; font-family: Arial;font-size: 13px; color: #00746B; line-height: 15px; letter-spacing: 0px; font-stretch: semi-expanded; text-align: left; font-variant: small-caps;}
a.h3p:hover {font-weight: normal; font-family: Arial;font-size: 13px; color: #00746B; line-height: 15px; letter-spacing: 0px; font-stretch: semi-expanded; text-align: left; text-decoration: underline; font-variant: small-caps;}
.h3b {font-weight: bold; font-family: Arial;font-size: 13px; color: #00746B; line-height: 15px; letter-spacing: 0px; font-stretch: semi-expanded; text-align: left;font-variant: small-caps;}
a.h3b {font-weight: bold; font-family: Arial;font-size: 13px; color: #00746B; line-height: 15px; letter-spacing: 0px; font-stretch: semi-expanded; text-align: left; font-variant: small-caps;}
a.h3b:hover {font-weight: bold; font-family: Arial;font-size: 13px; color: #00746B; line-height: 15px; letter-spacing: 0px; font-stretch: semi-expanded; text-align: left; text-decoration: underline; font-variant: small-caps;}
.h3n {font-weight: normal; font-family: Arial;font-size: 13px; color: #049AA2; line-height: 19px; letter-spacing: 1px; font-stretch: semi-expanded; text-align: left;font-variant: small-caps; padding-right: 5px; padding-left: 5px;}
a.h3n {font-weight: normal; font-family: Arial;font-size: 13px; color: #049AA2; line-height: 19px; letter-spacing: 1px; font-stretch: semi-expanded; text-align: left; font-variant: small-caps;}
a.h3n:hover {font-weight: normal; font-family: Arial;font-size: 13px; color: #049AA2; line-height: 19px; letter-spacing: 1px; font-stretch: semi-expanded; text-align: left; text-decoration: underline; font-variant: small-caps; }

  
