@ charset "utf-8";
/* css Document */
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700,300);

*{
margin0;
}


html{background-image: url(img/patterns.png)
     
}
body { background-color: white;
       width: 950px;
       margin: 0px auto;
       padding: 0px;
   

}

header{background-color: white;
       width:940px;
       height:150px;
       border: 5px solid blue;
}
#avatar{height: 150px;
        width:150px;
        border-right: 5px solid blue;
}
#foto{margin:18px;
}

#titulo{width:395px;
        height:150px;
        position: absolute;
        top:0px;
       
    margin-left: 175px;
}
#subtitulo{position: absolute;
    top: 75px;
    

}
h1{font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
   font-size: 28pt; 
     color: blue;
}
h2{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
   font-size: 12pt; 
     color: blue;
}
h3{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
   font-size: 17pt; 
    color: blue;
}


nav{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    font-size: 12pt;
    line-height: 32px;
    
    color: aliceblue;
    background-color: blue;
    width:380px;
    height:160px;
    position:relative;
    top:-155px;
    right:-560px;
    
    
}
nav ul{list-style: none;
    
       width:312px;
       display:inline;
       position:absolute;
       top:15px;
   
       
}
nav ul li{text-decoration: none;
       text-decoration-color: aliceblue;
}
a:link {
    color: white;
    text-decoration: none;

}
a:visited {
    color: whitesmoke;
}
a:hover{
    color:black;
}

main{background-color: white;
    position:absolute;
    width: 940px;
    height:350px;
     border-right: 5px solid blue;
     border-left:  5px solid blue;

}
#datos{font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    font-size: 11pt;
    color:blue;
    width: 440px;
    margin: 20px;
}
#portfolio{position:absolute;
    top:0px;
    left:400px;
    height: 350px;
    border-left:  5px solid blue;
    
}
#ptitle{margin: 20px;

}
#imagenes{position: absolute;
    width: 540px;
    top:90px;
        left:25px;


}

footer{background-color: white;
    position:absolute;
    top:500px;
    width:940px;
    height:70px;
    border: 5px solid blue;
}
#copy{font-family:helvetica;
      font-size: 8pt;
      text-align: center;
    color:blue;
}