/* styles.css */

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: auto;
}

#fundo{
	position: absolute;
	height:100%;
	width: 100%;
	margin: 0;
	padding: 0;
	z-index: 1;
}

#scroller {
	position:absolute; 
	width:100%; 
	height:100%; 
	top:0; 
	left:0; 
	overflow:auto; 
	z-index:2;
} 

#wrap {
    margin: 0 auto;
    width: 1000px;
	background-color:none;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	position:relative;
	top:50px;
}

p {
    color: #fff;
    font-size: 14px;
    line-height: 2;
    margin-bottom: 15px;
}

big{
	font-size:36px;
	}
h1{
	color:#fff;
	font-size:16px;
	}
	
h2{
	color:#fff;
	}

ul{
	color:#fff;
	font-size:14px;
	line-height:2;
	}

#imagem{
	background-image:url(fotos/pena.png);
	width:454px;
	height:397px;
	margin:0;
	padding:0;
	position:absolute;
	top:50px;
	right:0;
	}
	
img{
	margin:5px;
	border:none;
	}
	
a:link, a:visited{
	color:#fff;
	text-decoration:none;
	}

a:hover{
	color:#fff;
	text-decoration:underline;
	}
	
#eu{
	float:left;
	}

.clear{
	clear:both;}

/* --- Content -------------------------------------------------------------- */
#infographic-container {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	width:640px;
	text-align:justify;
}

.infographic {
    background-color:none;
}

.infographic .circle {
    float: left;
    height: 30px;
    width: 137px;
	text-align:center;
}

.infographic a#home {
	background-image:url(menu/menuoffesq-01.png);
	color:#b9a09c;
	text-decoration:none;
	padding:10px;
	font-size:20px;
}

.infographic :hover#home,
.infographic #home.active {
	color:#975c94;
	background-image:url(menu/menu.png);
	font-weight:bold;
}

.infographic a#portefolio {
    background-image:url(menu/menuoff-01.png);
	color:#b9a09c;
	text-decoration:none;
	padding:10px;
	font-size:20px;
	border-left:1px solid #975c94;
}

.infographic :hover#portefolio,
.infographic #portefolio.active {
	color:#975c94;
	background-image:url(menu/menu.png);
	font-weight:bold;
	border-left:1px solid #975c94;
}

.infographic a#sobremim {
    background-image:url(menu/menuoff-01.png);
	color:#b9a09c;
	text-decoration:none;
	padding:10px;
	font-size:20px;
	border-left:1px solid #975c94;
}

.infographic :hover#sobremim,
.infographic #sobremim.active {
	color:#975c94;
	background-image:url(menu/menu.png);
	font-weight:bold;
	border-left:1px solid #975c94;
}

.infographic a#contactos {
	background-image:url(menu/menuoffdir-01.png);
	color:#b9a09c;
	text-decoration:none;
	padding:10px;
	font-size:20px;
	border-left:1px solid #975c94;
}

.infographic :hover#contactos,
.infographic #contactos.active {
    color:#975c94;
	background-image:url(menu/menu.png);
	font-weight:bold;
	border-left:1px solid #975c94;
}

#infographic-content {
    margin-bottom: 50px;
    min-height: 115px;
	margin-top:50px;
}

#infographic-content span {
    font-weight: bold;
}

#home-content{
	margin-top:50px;
}

#portefolio-content{
	margin-top:50px;
}

#sobremim-content{
	margin-top:50px;
}

#contactos-content{
	margin-top:50px;
}

/* --- Footer --------------------------------------------------------------- */
footer {
    border-top: 1px solid #fff;
    padding: 15px 0 30px 0;
}

footer p {
    color: #fff;
    font-size: 11px;
	float:right;
}

/* --- Clearfix ------------------------------------------------------------- */
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clearfix { 
	display: inline-block; 
}

* html .clearfix { 
	height: 1%;
}

.clearfix { 
	display: block; 
}

.hide {
    display: none;
}

/* --- Form ----------------------------------------------------------------- */
.div-form{
	width:400px; 
	height:400px; 
	padding:20px; 
	border:1px solid #fff;
	}

form p{
	margin:5px 0 0 0;
	}

form{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	}

fieldset{
	border:0;
	}

input, textarea{
	border:0; 
	padding:3px; 
	background-color:#fff; 
	margin-bottom:5px; 
	border:1px solid #fff;
	}

input:focus, textarea:focus{
	border-color:#000;
	}

textarea{
	overflow:auto; 
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:12px;
	}

.width233{
	width:350px;
	}