*{
	margin: 0;
	padding: 0;
}
/* http://paulirish.com/2012/box-sizing-border-box-ftw/ */
* { 
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box; *behavior: url(scripts/boxsizing.htc)
  
}
html,body{
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
}
body{
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #FFF;
	background: #0e75a3;
}
a{
	color: #fff;
	text-decoration: none;
}
li{
	margin-bottom: 10px;
	/*list-style-image: url(../images/elementos/list-type-image.png);*/
	/*list-style-position: inside;*/
	font-size: 13px;
	font-style: italic;
}
ul{
	margin-bottom: 10px;
}
p{
	margin-bottom: 15px;
}


.background{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.bg{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 0;
	opacity: 0;
}
#bg-empresa{ background: url(../images/bg/bg-empresa.jpg) top center no-repeat; background-size: cover }
#bg-portfolio{ background: url(../images/bg/bg-portfolio.jpg) top center no-repeat; background-size: cover  }
#bg-socios{ background: url(../images/bg/bg-socios.jpg) top center no-repeat; background-size: cover  }
#bg-equipe{ background: url(../images/bg/bg-equipe.jpg) top center no-repeat ; background-size: cover }
#bg-conceitos{ background: url(../images/bg/bg-conceitos.jpg) top center no-repeat; background-size: cover  }
#bg-servicos{ background: url(../images/bg/bg-servicos.jpg) top center no-repeat; background-size: cover  }
#bg-contato{ background: url(../images/bg/bg-contato.jpg) top center no-repeat; background-size: cover  }


.site{
	width: 1000px;
	height: 100%;
	margin: 0 auto;
	padding: 200px 0 0 0;
	position: relative;
	z-index: 100;
	
}
.topo{
	width: 100%;
	height: 200px;
	position: absolute;
	top: 0;
	left: 0;
}
.logo{
	width: 199px;
	height: 58px;
	margin: 70px 0px 0px 178px;
	display: block;
	text-indent: -9999px;
	background: url(../images/logo-palavra.png) no-repeat center;
}
.navegacao{
	width: 180px;
	padding-left: 15px;
	float: left;
}
.navegacao li{
	margin-bottom: 7px;
	list-style: none;
}

.nav{
	opacity: .4;
	font-size: 14px;
	font-style: italic;
}
.nav-ativo{
	font-weight: 600;
	opacity: 1;
}
.conteudo{
	
	height: 100%;
	position: relative;
	float: left
}
.page{
	width: 400px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 15px;
	opacity: 0;
	overflow: auto;
	line-height: 21px;
}
#page-conceitos,
#page-servicos{
	width: 800px;
}

#social-network img{
	width: 30px;
	height: 30px;
}