html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}

:focus { outline: 0;} 
a, a:link, a:visited, a:hover, a:active{text-decoration:none}

table { border-collapse: separate;border-spacing: 0;}
th, td {text-align: left; font-weight: normal;}

img, iframe {border: none; text-decoration:none;}


ol, ul {list-style: none;}

input, textarea, select, button {font-size: 100%;font-family: inherit;}
select {margin: inherit;}

hr {margin: 0;padding: 0;border: 0;color: #000;background-color: #000;height: 1px}

/*************************************************************/

body { background:#F6F6F0 url(../_imagens/bg_top.jpg) repeat-x top left;}
#wrap {
	width:1023px;
	margin:0 auto;
	padding:70px 0;
}
h1 a {
	background:url(../_imagens/h1_petrini.gif) no-repeat top left;
	width:341px;
	height:57px;
	display:block;
	text-indent:-999em;
	margin-bottom:8px;
	border:0;
}
h2 {
	background:url(../_imagens/h2_interactive_art_director.gif) no-repeat top left;
	width:341px;
	height:18px;
	text-indent:-999em;
}
ul.nav { float:right; width:215px; margin-top:-20px;}
	ul.nav li { display:inline;}
	ul.nav .about {
		background: url(../_imagens/mnu_about.gif) no-repeat top left;
		width:75px;
		height:23px;
		text-indent:-999em;
		display:block;
		float:left;
	}
	ul.nav .contact {
		background: url(../_imagens/mnu_contact.gif) no-repeat top left;
		width:88px;
		height:24px;
		text-indent:-999em;
		display:block;
		float:right;
	}
h3 {
	background:url(../_imagens/h3_work.gif) no-repeat top left;
	width:140px;
	height:18px;
	text-indent:-999em;
	margin:50px 0 14px 0;
}
hr {
	background:url(../_imagens/hr.gif) repeat-x top left;
	height:3px;
	margin:50px 0 20px 0;
	width:1023px;
	clear:both;
	float:left;
}
.job {
	width:1023px;
	margin-bottom:50px;
	display:block;
}
	.job .trampo {
		float:left;
		background:url(../_imagens/carregando.gif) no-repeat top center;
	}
	.job .info {
		width:211px;
		float:right;
	}
#about {
	width:1023px;
	clear:both;
	margin-top:60px;
	float:left;
}
	#about p {
		background:url(../_imagens/about_petrini.gif) no-repeat top left;
		width:798px;
		height:162px;
		float:left;
		clear:both;
		text-indent:-999em;
	}
#contact {
	width:788px;
	float:left;
	clear:both;
	margin:20px 0 0 10px;
	padding-bottom:40px;
}
	#contact .personal {
		width:280px;
		float:left;
	}
		#contact .facebook {
			background:url(../_imagens/facebook.gif) no-repeat top left;
			width:156px;
			height:29px;
			text-indent:-999em;
			display:block;
			margin-bottom:23px;
		}
		#contact .mail {
			background:url(../_imagens/mail.gif) no-repeat top left;
			width:265px;
			height:29px;
			text-indent:-999em;
			display:block;
			margin-bottom:23px;
		}
		#contact .twitter {
			background:url(../_imagens/twitter.gif) no-repeat top left;
			width:112px;
			height:29px;
			text-indent:-999em;
			display:block;
			margin-bottom:23px;
		}
		#contact .phone {
			background:url(../_imagens/phone.gif) no-repeat top left;
			width:189px;
			height:29px;
			text-indent:-999em;
			display:block;
			margin-bottom:23px;
		}
	#contact #contato {
		width:320px;
		float:right;
	}
		#contact #contato input, 
		#contact #contato textarea {
			float:right;
			width:205px;
			padding-left:8px;
			color:#fff;
			font:15px Georgia, "Times New Roman", Times, serif;
			border:none;
		}
		#contact #contato input {
			background: url(../_imagens/bg_campo.gif) no-repeat top left;
			height:28px;
			margin-bottom:14px;
		}
		#contact #contato .botaoEnviar {
			background:url(../_imagens/send.gif) no-repeat top left;
			width:103px;
			height:28px;
			float:right;
			clear:both;
		}
		#contact #contato textarea {
			background: url(../_imagens/campo_grande.gif) no-repeat top left;
			height:68px;
			margin-bottom:14px;
		}
		#contact #contato .lab_nome {
			background:url(../_imagens/name.gif) no-repeat top left;
			width:55px;
			height:15px;
			text-indent:-999em;
			float:left;
			margin:7px 0 22px 43px;
		}
		#contact #contato .lab_email {
			background: url(../_imagens/email.gif) no-repeat top left;
			width:61px;
			height:15px;
			text-indent:-999em;
			float:left;
			margin:7px 0 16px 37px;
		}
		#contact #contato .lab_msg {
			background: url(../_imagens/message.gif) no-repeat top left;
			width:83px;
			height:19px;
			text-indent:-999em;
			float:left;
			margin:7px 0 7px 15px;
		}
.interna { text-align:center;}
	.interna img {
		margin-bottom:25px;
		text-align:center;
		border: 2px solid #FFFFFF;
		-moz-box-shadow: 0 0 2px #888;
		-webkit-box-shadow: 0 0 2px#888;
		box-shadow: 0 0 2px #888;
} 
	
h4 {
	font-family: 'Rokkitt', serif;
	font-weight:700;
	font-size:35px;
	color:#113766;
	margin:50px 0 10px;
}
.description {
	font-family: 'Rokkitt', serif;
	font-weight:400;
	font-size:13px;
	color:#7c7c7c;
	margin:0 0 30px;
}
	.description strong { font-weight:700; color:#9a4441;}
	.description a { color:#83d1d5;}
	.description span { margin-left:40px;}
.yahoo {	background-color:#edf0f3;}
.yahoo img { border:0; box-shadow: 0; margin:0;}
#miniaturas {
	width:1023px;
/*3 linhas	height:710px; */
	height:470px;
}