@charset "utf-8";

/* isntalação das fontes*/
@font-face {
    font-family: "Agency FB";
	src: url('../fontes/eot/agencyr.eot'); 
	src: local("Agency FB"), url('../fontes/ttf/agencyr.ttf') format('truetype'); 
}

/*tags gerais*/
* {  
	margin: 0;
	padding: 0;
}
body{
	font-family: "Lucida Grande";
	font-size: 10px;
	color: #7d7568;
}
li{
	list-style: none;
}
img{
	border: none;
}
h1{
	font-family: "Agency FB", Candara, sans-serif;
	font-weight: 100;
	color: #4c4c4c;
	font-size: 30px;
}
article, header, aside, section, nav{
	display: block;
}

/*configuração dos elementos*/
html{
	background: #e1e0e0 url(../img/geral/background.jpg) no-repeat fixed center center;
}

/* conteiner geral*/
#wrapper{
	width: 740px;
	height: 305px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -190px 0 0 -360px;
	background: url(../img/geral/background_conteudo.jpg) no-repeat center center;
}

header { /* logo */
	margin: -70px 0 0 -17px;
}

/* menu */ 
nav{
	margin: 9px 0 0 -13px;
}
	nav > ul {
		width: 24px;
		position: relative;
	}
		nav > ul > li{
			position: absolute;
		}
		nav > ul > li:nth-child(1){ /* home */
			z-index: 3;
		}
		nav > ul > li:nth-child(2){ /* portifolio */
			z-index: 2;
			top: 65px;
		}
		nav > ul > li:nth-child(3){ /* contato */
			z-index: 1;
			top: 150px;
		}
/*fim do menu*/

/* conteudo geral */ /* index */
article{
	width: 632px;
	height: 100%;
	margin: 0 0 0 97px;
}
	article > section:first-child{
		width: 170px;
		height: 230px;
		margin: 20px 0 0 0;
		float: left;
	}
		article > section:first-child > div{
			width: inherit;
			height: inherit;
			padding: 0 30px 0 0;
			overflow: auto;
		}
		article > section:first-child p{
			margin: 15px 0;
		} 
	article > aside:last-child{
		float: right;
		margin: -31px -20px 0 0 ;
	}
/* fim do conteudo geral */