*{margin:0;padding:0;}

body{ font-family: sans-serif;background:#fff;background: #b1d9bd;}

.contenedor{max-width:960px;margin:0 auto 0 auto;}

.contenedorpropuesta{max-width:1020px;margin:0 auto 0 auto;}

a{text-decoration:none;color: #0a0a0a;padding:20px;font-size: 15px;background: #f2eded;}

nav{width:960px;height:50px;margin-top:20px;}

nav ul{list-style-type:none;}

nav ul li{ display:inline;}

ul li{color:#0a0a0a;font-size: 12px;}



main{background:#fff;}

.foto{height:480px;}

section ul li{margin-left:11px;}

.perfil{width: 40%;height: 280px;position: relative;float: left;padding-top:20px;padding-left:20px;}

.epigrafe{color: #0a0a0a;font-size:12px;padding-right:15px;}

.materias{position: relative;float: right;width:50%;padding-top:20px;}

.titulo1{color: #a264b1;font-weight: bold;font-size: 30px;}

.titulo{color: #0a0a0a;font-weight: bold;}

.subtitulos{color: #0a0a0a; font-weight: bold;margin-top:18px;margin-bottom:7px;}

footer{color:#0a0a0a;font-size: 10px;text-align:center;padding-top:12px;float:none}


/* RESPONSIVE 800PX */

@media screen and (max-width:800px ) {
    
footer{padding:12px;}
    


/* RESPONSIVE 480PX */

@media screen and (max-width:480px ) {


.imag{width: 100%;}
.titulo{font-size: 0.95rem;}

.subtitulos{font-size: 0.85rem;}



.epigrafe{font-size:0.7rem;}
    
}

/* RESPONSIVE 320PX */

@media screen and (max-width:320px ) {


    .epigrafe{font-size:0.6rem;float: none;}
    
.foto{height: 750px;}
    
    .perfil{width: 90%;}
    
.materias{width:100%;padding:auto;margin-top: 5px;}
    }
    
    
}