*{margin:0;padding:0;transition: 0.3s;}

html{font-size:100%}
body{font-family:'Open Sans', sans-serif;font-size:12px; width: 100%; background: #E9E9E9;}
.pagina {max-width: 960; margin: 100px auto auto auto; padding: 15px;}


.img_cabecera {width: 960px; align-content: center; margin-left: auto; margin-right: auto;}

.foto_header {width: 100%;}


.nav_propuesta { width: 960px; list-style-type: none; background: #0E6C64; margin-left: auto; margin-right: auto; height: 25px; margin-top: 0px;}

.nav_propuesta ul {margin-left: 10%;}

.nav_propuesta ul li {display: inline; margin-left: auto; margin-right: auto; font-family: 'Open Sans', sans-serif;}

.nav_propuesta ul li a { text-decoration: none; color: #fff;margin-left:10%; font-family: 'Open Sans', sans-serif; font-size: 0.8rem; line-height: 25px; }


.propuesta_ind { width: 960px; background: #F2F2F2; box-sizing: border-box; margin-left: auto; margin-right: auto;}

.pie_propuesta {width: 70%; margin-left: auto; margin-right: auto; text-align: center;}


.descripcion { width: 20%; min-height: 500px; box-sizing: border-box; margin-right: 0px; position: relative; float: left;
    
    background: -webkit-linear-gradient(red 10%, green 85%, blue 90%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgba(10,81,72,.9), rgba(19,167,155,.9), rgba(121,196,119,.9)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgba(10,81,72,.9), rgba(19,167,155,.9), rgba(121,196,119,.9)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(rgba(10,81,72,.9), rgba(19,167,155,.9), rgba(121,196,119,.9)); /* Standard syntax (must be last) */

}

.img_yo { margin-left:15%;}

.yo {width: 85%;}

.nombre {margin-left: auto; margin-right: auto;  width:  80%; border-top: 1px solid rgba(255,248,213,.9); border-bottom: 1px solid rgba(255,248,213,.9);}

.titulo_ok {font-family:'Open Sans', sans-serif; font-size: 1rem; color: #FFF8D5; box-sizing: border-box; padding-top: 5px; padding-bottom: 5px; text-align: center;}


.nacimiento { width: 85%; margin-left: auto; margin-right: auto; margin-top: 15px; padding-top: 15px; padding-bottom: 15px; margin-bottom: 50px;}

.icn_nac {width: 30%; position: relative; float: left;}

.txt_nac { width: 70%; position: relative; float: left;}

.titulo1 {font-family:'Open Sans', sans-serif; font-size: 0.8rem; color: #084C44; box-sizing: border-box; font-style: italic; font-weight: 800;  }

.titulo1_linea {font-family:'Open Sans', sans-serif; font-size: 0.8rem; color: #084C44; box-sizing: border-box; font-style: italic; font-weight: 800; border-bottom: 1px solid rgba(8,76,68,.9); }

.subtitulo1 {font-family:'Open Sans', sans-serif; font-size: 0.8rem; color: #084C44; box-sizing: border-box;margin-bottom: 5px;  border-bottom: 1px solid rgba(8,76,68,.9); }

.bajada {font-family:'Open Sans', sans-serif; font-size: 0.8rem; color: #084C44; box-sizing: border-box;margin-bottom: 5px; font-style: italic; font-weight: 300; }


.contenido { width: 60%; position: relative; float:left; background: #F2F2F2; box-sizing: border-box;margin-left: 30px; min-height: 500px; margin-bottom: 0px;}


nav ul {list-style-type: none; background: #0E6C64;}
nav ul li {display: inline; margin-left: auto; margin-right: auto;}

nav ul li a { text-decoration: none; color: #fff;margin-left:15%;}

.titulo_materias {width: 20%; font-family:'Open Sans', sans-serif; font-size: 1rem; background: #084C44; color: #fff; box-sizing: border-box; font-style: italic; font-weight: 600; text-align: center; margin-top: 20px; margin-left: auto; margin-right: auto;}

.materias { margin-left: 20px; margin-bottom: 50px;}

.nivel_uno { width: 30%; position: relative; float: left; margin-top: 20px; margin-left: 20px;}

.nivel_dos { width: 30%; position: relative; float: left;margin-top: 20px;}

.nivel_tres { width: 30%; position: relative; float: left;margin-top: 20px; margin-bottom: 20px;}

h3 {font-family:'Open Sans', sans-serif; font-size: 1rem; color: #084C44; box-sizing: border-box;margin-bottom: 5px; font-style: italic; font-weight: 600; }

ul li {list-style-type: none; font-family:'Open Sans', sans-serif;font-size: 0.7rem; }

.separador {clear: both;}

.info_secundaria { width: 100%; margin-left: 30px;}

.propuesta {position: relative; float: left; width: 60%; box-sizing: border-box;margin-left: 20px; padding: 10px;}

p {font-family:'Open Sans', sans-serif; font-size: 0.7rem; color: #6D6E70; box-sizing: border-box;margin-bottom: 5px; margin-top: 10px; }

.info2 {position: relative; float: left; width: 25%; box-sizing: border-box;margin-left: 20px;padding: 10px; border-left: 1px solid rgba(14,108,100,.9); padding-top: 15px;}

.titulo_info2 {width: 100px; font-family:'Open Sans', sans-serif; font-size: 1rem; background: #084C44; color: #fff; box-sizing: border-box; font-style: italic; font-weight: 600; text-align: center; margin-top: 20px; margin-left: auto; margin-right: auto; margin-bottom: 10px,}

.prof {text-align: center; margin-top: 10px;}

footer {margin-bottom: 0px;}

.pie {width: 80%; margin-left: auto; margin-right: auto; text-align: center;}




@media screen and (max-width:800px ) {
    
    .pagina {max-width: 800;  margin: 50px auto auto auto; margin-left: 50px;}
    
    .titulo_materias {font-size: 0.8rem; width: 30%}
    
    .titulo_info2 {font-size: 0.8rem;width: 100px;}
    
    .info2 {min-height: 200px;}
    
    p {font-size: 0.6rem; }
    
    nav ul li a { text-decoration: none; color: #fff;margin-left:10%;}
    
    .pie {font-size: 0.6rem;}

    h3 {font-size: 0.8rem;}
    
    .descripcion {  min-height: 500px;}
    
    ul li {font-size: 0.6rem; }
    
    .nivel_uno { padding-right: 10px;}
}



@media screen and (max-width:480px ) {
    
     .pagina {max-width: 480;  margin: 50px auto auto auto; margin-left: 50px;}
    
    .descripcion { width: 100%; height: 200px; margin-right: 0px; position: relative; float: none; padding-bottom: 10px; }

    .img_yo { margin-left:20%;}
    
    .yo {width: 70%;}
    
    
    .contenido { width: 100%; position: relative; float:none; margin-left: 0px; min-height: 500px; margin-bottom: 0px; margin-top: 20px;}

    .titulo_materias {width: 40%;}
    
    .titulo_info2 {width: 70px; font-size: 0.8rem; background: #084C44; }
    
    
}


@media screen and (max-width:320px ) { 
    
    .pagina {max-width: 320;  margin: 50px auto auto auto; }
    
    .contenido { width: 100%; position: relative; float:none; }
    
    
    nav ul {list-style-type: none;width: 100%; line-height:20px; }
    
    nav ul li {display: inline-block; text-align: center; margin-left: 5px;}
    
    .nivel_uno { width: 80%; float: none; align-content: center; margin-left: auto; margin-right: auto; }
    
    .nivel_dos { width: 80%; float: none; align-content: center; margin-left: auto; margin-right: auto; }
    
    .nivel_tres { width: 80%; float: none; align-content: center; margin-left: auto; margin-right: auto; }
    
    .info_secundaria { width: 90%; margin-left: 30px; margin-top: 0px;}
    
    .propuesta {position: relative; float: none; width: 90%; box-sizing: border-box; margin-left: 0px; }
    
    p { margin-left: 0px; padding-left: 0px;}
    
    .info2 {position: relative; float: none; width: 90%; box-sizing: border-box;border-left: none;margin-left: 0px; margin-top: 0px; }
    
    .prof { font-size: 0.65rem; text-align: center; margin-top: 10px;}
    
}