* {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: Arial, Verdana, Sans-Serif;
	color: #FFF;
}

a:link, a:active, a:visited {
	text-decoration: none;
	font-weight: bold;
}
a:hover {text-decoration: underline;}

.linkExternal {
	padding: 0 15px 0 0;
	background: url(../_imgs/imgLinkExternal.gif) no-repeat right 2px;
}

p {line-height: 20px;}

ul, ol, dl {list-style: none;}

abbr, acronym {cursor: help;}

code.boxCode {
	width: 714px;
	display: block;
	padding: 15px;
	color: #000;
	background-color: #F0F0F0;
}

body {background-color: #1B1B1B;}

#site {
	width: 776px;
	margin: 0 auto;
}

/* ########################
HEADER
######################## */
#header {
	width: 100%;
	height: 258px;
	background: url(../_imgs/imgBackgroundHeader.jpg) no-repeat top center;
}
	#header #logo {
		width: 776px;
		height: 258px;
		margin: 0 auto;
	}
	#header #logo h1 {
		width: 310px;
		height: 102px;
		float: left;
		margin: 8px 0 0 35px;
	}
	#header #logo h1 a {
		width: 310px;
		height: 102px;
		display: block;
		text-indent: -90000em;
		overflow: hidden;
		background: url(../_imgs/imgLogo.jpg) no-repeat top left;
	}

img#logoImpressao {
	width: 314px;
	height: 105px;
	display: none;
}

/* ########################
MENU
######################## */
#menu {
	width: 622px;
	height: 35px;
	position: absolute;
	top: 258px;
	left: 50%;
	margin: 0 0 0 -311px;
}

#menu ul {}
#menu ul li {float: left;}
#menu ul li a {
	width: 121px;
	height: 35px;
	display: block;
	text-indent: -90000em;
	overflow: hidden;
}

#menu ul li a#menuAtual {background-position: 0 -45px;}

#menu ul li a.menuHome {background: url(../_imgs/imgMenuHome.jpg) no-repeat 0 -5px;}
#menu ul li a.menuPortfolio {margin: 0 3px; background: url(../_imgs/imgMenuPortfolio.jpg) no-repeat 0 -5px;}
#menu ul li a.menuWebstandards {background: url(../_imgs/imgMenuWebstandards.jpg) no-repeat 0 -5px;}
#menu ul li a.menuCurriculo {margin: 0 3px; background: url(../_imgs/imgMenuCurriculo.jpg) no-repeat 0 -5px;}
#menu ul li a.menuContato {background: url(../_imgs/imgMenuContato.jpg) no-repeat 0 -5px;}

#menu ul li a:hover {background-position: 0 -45px;}

/* ########################
CONTEÚDO
######################## */
#conteudo {margin: 40px 0 0;}

	/* BOX G */
	.boxG {
		width: 746px;
		float: left;
		padding: 30px 15px;
		margin: 0 0 5px;
		background: url(../_imgs/imgDiv.gif) no-repeat bottom center;
	}
	.boxGLast {background: none;}

	h3 {
		font-size: 22px;
		font-weight: normal;
		line-height: 30px;
		letter-spacing: 10px;
		text-transform: uppercase;
	}
	h4 {
		margin: 25px 0 0;
		font-size: 16px;
		font-weight: bold;
	}

	.boxG p {margin: 15px 0;}

	.boxG ul {
		list-style: disc outside;
		margin: 0 0 0 30px;
	}
	
	.boxG dl dt {font-weight: bold;}
	.boxG dl dd {margin: 5px 0 10px 30px;}

	/* BOX M */
	.boxM {
		width: 340px;
		float: left;
	}
	.boxMRight {float: right;}

	.boxInterno {
		padding: 1px 10px;
		background-color: #505050;
	}

	/* THUMBS LIST */
	.thumbsList {
		width: 746px;
		float: left;
	}
		.thumbsList ul {
			width: 791px;
			list-style: none;
			margin: 0;
		}
			.thumbsList ul li {
				width: 65px;
				height: 65px;
				float: left;
				display: inline;
				margin: 7px 10px 7px 0;
			}
				.thumbsList ul li a {
					width: 59px;
					height: 59px;
					display: block;
					text-indent: -90000em;
					overflow: hidden;
					border: 3px solid #FFF;
					background-repeat: no-repeat;
					background-position: 0 0;
				}
				.thumbsList ul li a#thumbGlasurit {border: 3px solid #ef720e; background: url(../_imgs/Portfolio/imgThumbGlasurit.jpg);}
				.thumbsList ul li a#thumbAgroBasf {background: url(../_imgs/Portfolio/imgThumbBasfAgro.jpg);}
				.thumbsList ul li a#thumbAgape {background: url(../_imgs/Portfolio/imgThumbAgape.jpg);}
				.thumbsList ul li a#thumbControlParking {background: url(../_imgs/Portfolio/imgThumbControlParking.jpg);}
				.thumbsList ul li a#thumbUvLine {background-image: url(../_imgs/Portfolio/imgThumbUvLine.jpg);}
				.thumbsList ul li a#thumbCasa10 {background-image: url(../_imgs/Portfolio/imgThumbCasa10.jpg);}
				.thumbsList ul li a#thumbSpga {background-image: url(../_imgs/Portfolio/imgThumbSpga.jpg);}
				.thumbsList ul li a#thumbSuvinil {background-image: url(../_imgs/Portfolio/imgThumbSuvinil.jpg);}

				/* E-MAILS */
				.thumbsList ul li a.emailLifeIsaLoop {background-image: url(../_imgs/Portfolio/imgThumbLifeIsALoop.jpg);}
				.thumbsList ul li a.emailTheGraces {background-image: url(../_imgs/Portfolio/imgThumbTheGraces.jpg);}
				.thumbsList ul li a.emailBloqueioNao {background-image: url(../_imgs/Portfolio/imgThumbBloqueioNao.jpg);}
				.thumbsList ul li a.emailAzeiteAndorinha {background-image: url(../_imgs/Portfolio/imgThumbAzeiteAndorinha.jpg);}
				.thumbsList ul li a.emailSuvinil {background-image: url(../_imgs/Portfolio/imgThumbSuvinil.jpg);}

				.thumbsList ul li a:hover {border: 3px solid #EF720E !important;}

	/* BOX CLIENTE */
	.boxCliente {
		width: 746px;
		float: left;
	}
		.boxCliente img {
			width: 744px;
			height: 262px;
			margin: 7px 0 0;
			border: 1px solid #FFF;
		}

	/* PORTFÓLIO */
	.thumbsListPortfolio {width: 305px;}
		.thumbsListPortfolio ul {width: 305px;}

	.boxMRightPortfolio {width: 435px;}

	/* BOX NAVEGAÇÃO PORTFOLIO */
	.navPortfolio {
		width: 776px;
		height: 50px;
		padding: 20px 0 0;
		clear: both;
	}

	.navPortfolio ul {}
		.navPortfolio ul li {
			width: 388px;
			height: 34px;
			float: left;
		}
			.navPortfolio ul li a {
				width: 43px;
				height: 34px;
				display: block;
				text-indent: -90000em;
				overflow: hidden;
			}

	#btVoltar {
		float: left;
		background: url(../_imgs/imgSetaLeft.gif) no-repeat 0 0;
	}
	#btAvancar {
		float: right;
		background: url(../_imgs/imgSetaRight.gif) no-repeat 0 0;
	}

	/* CURRÍCULO */
	.boxContato .boxMRight {
		width: 287px;
		height: 215px;
		display: inline;
		margin: 15px 50px 0;
	}
		.boxContato .boxMRight img {width: 287px; height: 215px;}

	/* CONTATO */
	form#formContato {width: 387px; margin: 30px 0;}
	fieldset {border: 0;}
	legend {display: none;}

	form label {
		height: 32px;
		float: left;
		clear: both;
		margin: 15px 0 0 0;
		font-size: 12px;
	}

	form input, form textarea {
		float: left;
		clear: both;
		padding: 8px;
		font-size: 12px;
		border: 0;
		position: relative;
		z-index: 999;
	}

	form input.inputText {
		width: 371px;
		height: 14px;
		background: url(../_imgs/Contato/imgInputText.gif) no-repeat top center;
	}

	form textarea.textarea {
		width: 371px;
		height: 195px;
		overflow: auto;
		background: url(../_imgs/Contato/imgTextarea.gif) no-repeat top left;
	}

	form input#Enviar {
		width: 161px;
		height: 32px;
		margin: 0 0 0 225px;
		padding: 3px 0 8px 0;
		font-size: 20px;
		cursor: pointer;
		background: url(../_imgs/Contato/imgInputSubmit.gif) no-repeat top left;
	}

	form #formMsg {
		float: left;
		clear: both;
		text-indent: 10px;
		line-height: 25px;
		color: #FFF;
		background-color: #EF720E;
	}

/* ########################
FOOTER
######################## */
#footer {
	width: 100%;
	height: 25px;
	clear: both;
	margin: 0 0 10px;
	background-color: #2B2B2B;
}
	.footerInt {
		width: 776px;
		height: 17px;
		margin: 0 auto;
		padding: 8px 0 0;
	}
	.footerInt address {
		width: 170px;
		margin: 0 auto;
		font-size: 10px;
		font-style: normal;
		color: #D6D6D6;
	}