html {background: #473f37}
*{padding: 0; margin: 0;}

.contendor {min-width: 960px; margin: 0 auto 0 auto}

body {width: 100%;
    margin: 0px;
    position: relative;}

header {background:#fffffa;
        font-size: 10px;
        font-family: 'Open Sans', sans-serif;
        color:#FFFFFA;
        padding: 1px;
        text-align: left;
        width: 100%;
        text-decoration:none;}

header nav {color: #FFF;
            padding: 3px;
            text-decoration: none;}

header nav ul {list-style-type: none;
                text-align: right;
                padding: 3px;
                margin: 3px;}

header nav ul li {display: inline;}

header nav ul li a {font-family: 'Montserrat', sans-serif;
                    text-decoration: none;
                    text-align: center;
                    color: #e04a4a;
                    font-size: 16px;
                    margin: 20px;}

main {background:#fffffa;
    width: 960px;
    font-family: 'Montserrat', sans-serif;
    color: #037e8c;
    position: relative;
    height: 800px;
    margin: 0 auto 0 auto;}

 #perfil {width: 35%;
            height: auto;
    position: relative; float: left;
    margin: 0 auto 0 30px;}

 #materias {width: 50%;
            height: auto;
            position: relative; float: right;
            margin: 0 30px 0 0;}

h1 {width: 100%; 
    text-align: left;
    font-size: 32px;
    color:#e04a4a;
    padding: 25px;}
h2 {text-align: center;
        padding: 30px;}
h3 {text-align: center;
    color: #e04a4a}
p {padding: 13px;
    text-align: right}

.separador{width: 960px; clear: both;}

footer {font-size: 12px;
            text-align: center;
            font-family: 'Open Sans', sans-serif;
            color: #fffffa}
 #footer {text-align: center}