@import url(https://fonts.googleapis.com/css?family=Oswald:400,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700);


body {
    max-width: 960px; 
    margin: 0 auto;
    background-color: #333333;
 }


header{

    background-color: #003399;
    

}

nav {
    
    border: 3px solid #00FF99 ;
    float: right;
    margin-top: 50px;
    margin-bottom: 30px;

 }


nav ul li {

    color:#00FF99;
    font-size: 13px;
    display: inline-block;
    padding: 0em 3em 0em 1em;
    font-family: "Open+Sans+Condensed", sans-serif;
    letter-spacing: 0.2em;
    font-weight: 700;
}

li a{

color:#00FF99;
text-decoration: none;
}
    
    
h1 {
    font-family: "Oswald", Arial, sans-serif;
    font-weight: 300;
    font-size: 21px;
    letter-spacing: 0.1em;
    color:#00FF99 ;
    margin-left: auto;
    clear: both;
   

}
  
#fotomar{
    margin-top: 2rem;
    margin-bottom: 1.5rem;
    margin-left:-2.7rem;
}


p {
font-family:"Open Sans Condensed", Arial, sans-serif; 
font-weight: 300;
    font-size: 16px;
color: #FFCCCC;  
    float: right;
    width: 24rem;
    margin-top: -14rem;
    margin-right: 20rem;
    margin-bottom: 2rem;
    
    
}

#secuencia {
    float: left;
    margin-top: 3rem;
    margin-bottom: 5rem;
    
   
}


 #materiasaprobadas {
     
     float: left;
     margin-left: 2.5rem;
     margin-right: 1rem;
     margin-top: 2rem;
    height: -2rem;
    
     
  
}


#materiasaprobadas h3{
    
font-family:  "Open+Sans+Condensed",sans-serif;
 font-size: 15px;
 color:#00FF99; 

   
}


#aprobadaslista{
    
font-family:  "Open+Sans+Condensed",sans-serif;
list-style: none;
color: #FFCCCC;
font-size: 12px;
float: left;
margin-top: 6rem;
margin-left: -15rem;
list-style: ins;
}


#materiasencurso {
    
    float:right;
    margin-left: 5rem;
    margin-top: -18rem;
  
}


#materiasencurso h3 {
    
 font-family:  "Open+Sans+Condensed",sans-serif;
 font-size: 15px;
 color:#00FF99; 
margin-top: 21rem;

   
}


#encursolista ul {
font-family: "Open+Sans+Condensed",sans-serif;
list-style: none;
color:#FFCCCC;
font-size: 12px;
margin-left: 18px;
margin-top: -16rem;
clear: both;
float: right;
margin-right:-50px;
list-style:inside

}



footer p{
font-family: "Open+Sans+Condensed",sans-serif;
color: #999999;
font-size: 11px;  
margin-top: -5em;

 
}