*{ margin: 0; padding: 0; }

body{ background: url(../img/bg.jpg) no-repeat right center; height: 100%; }
body.portfolio{ background: url(../img/pattern1.gif) repeat top left; }
body.job{ background: url(../img/pattern2.gif) repeat top left; }

a img{ border: none; }

#wrapper{ padding: 70px 0 0 40px; }

ul.listagem{ float: left; list-style: none; width: 840px; padding-top: 40px; padding-bottom: 80px; }
	ul.listagem li{ display: block; float: left; width: 280px; height: 185px; overflow: hidden;  }
		ul.listagem li a{ display: block; padding-top: 183px; height: 0!important; overflow: hidden; background: url(../img/s.gif) no-repeat 0 -183px; }
		ul.listagem li a:hover{ background-position:0 0; }


div.cliente{ float: left; }
	div.cliente img{ margin-top: 1px; }

div.informacoes{ padding: 30px 0; width: 720px; float:  left; }
	div.informacoes img{ margin: 0; }
		div.informacoes p img{ display: block; float: left; margin-right: 12px; }
		div.informacoes a.url{ display: block; float: left; padding-top: 13px; height: 0!important; width: auto; overflow: hidden; }
		div.informacoes a.url:hover{ background-position: 0 -13px; }
		
/* index chinelo */
a.email_home{ display: block; width: 88px; padding-top: 13px; height: 0!important; overflow: hidden; background: url(../img/jp-martini_email-home.gif) no-repeat 0 0; margin: 5px 0; }
	a.email_home:hover{ background-position: 0 -13px; }

h1 a{ display: block; width: 272px; padding-top: 93px; height: 0!important; overflow: hidden; background: url(../img/jp-martini.gif) no-repeat 0 0; }
	h1 a:hover{ background-position: 0 -93px; }

/* email rollover */
a.email{ display: block; width: 88px; padding-top: 13px; height: 0!important; overflow: hidden; background: url(../img/jp-martini_email.gif) no-repeat 0 0; margin: 5px 0; }
.job a.email{ background-position: 0 -13px; }
	a.email:hover{ background-position: 0 -26px; }
	
/* botao de voltar de cima*/
a.backtop{ display: block; width: 85px; padding-top: 23px; height: 0!important; overflow: hidden; background: url(../img/btn_back.gif) no-repeat 0 0; margin-top: 0px; }
	a.backtop:hover{ background-position: 0 -23px; }

/* botao de voltar de baixo*/
a.back{ display: block; width: 85px; padding-top: 23px; height: 0!important; overflow: hidden; background: url(../img/btn_back.gif) no-repeat 0 0; margin-top: 20px; }
	a.back:hover{ background-position: 0 -23px; }