/* BODY */

.contenedor{width:100%;
             max-width: 60rem;
             margin:auto;}

body{background-color: white; font-family:sans-serif;}

/* NAVEGACION */

nav{width:100%;
max-width: 60rem;
margin:auto;}

ul{ right: auto;}

nav ul {
    margin-top: 0;
    list-style-type: none;
    background-color: black;}

nav ul li{
    float:right;
    display: block;}

nav ul li a{
    text-decoration: none;
    font-family: sans-serif;
    font-size: 0.7rem;
    margin-right: 0.8rem;
    padding: 0.1rem;
    color: white;
    font-weight: bold; 
    line-height: 4rem;}

.clear {clear:both;}

.foto{ position: relative;
        top:-04rem;
        left:3rem;
        margin:0rem;
        padding:0rem}
.logo{ 
    font-weight: normal;
    line-height: 64px;
    font-family: sans-serif;
    background-color: black;
    font-size: 1.6rem;
    color: white;
    margin-bottom: 5%;
    text-align: center;}

h1{color: black;font-size: 2rem;
font-family: sans-serif;padding-top: 3rem; margin-top: 0rem;text-align: left;padding-left:14.5rem;}




.contenedor-informacion{
            background-color: #dbdbdb;
            width:100%;
            max-width: 60rem;
            margin:auto;
            height: 50rem;}

.materias{position: relative;
            top:-13.4rem;
            left: 14.5rem;
            text-align: left;
            font-size:1rem;
            margin:0rem;
            padding:0rem;
            width: 31%;}

.cuestionario{position: relative;
            top:0rem;
            left: 6rem;
            text-align: left;
            font-size:1rem;
            margin:0rem;
            padding:0rem;
            width: 70%;
            float: left;
}

.preguntas {
   font-size: 1rem;
   color: dimgray;
   font-family: sans-serif;
   font-weight:bold;
    margin-top: 2rem;
    position: relative;
    
  }

.materias-uno
 {position: relative;
  width:21%;
  float:left;
  top: -30rem;
  left: 29rem;}
          
.materias-dos {position:relative;
left: 14.5rem;
text-align: left;
top: -24.5rem;
width: 22%;}

.titulopropuesta{
color: black;
font-size: 2rem;
font-family: sans-serif; 
margin-top: 0rem;
text-align: left;
padding-left:6rem;
}

p{color: dimgrey; font-size: 0.9rem; line-height: 1.1rem;}

.respuesta {color: dimgray; font-size: 0.9rem; line-height: 1.1rem;}

.aplicacion{
    font-size: 1.3rem;
    color: lightsalmon;
    font-family: sans-serif;
    font-weight:bold;
    margin-top: 0rem;
    margin-bottom: 0rem;
    position: relative;}
h2{
    font-size: 1.3rem;
    color: lightsalmon;
    font-family: sans-serif;
    font-weight:bold;
    margin-bottom: 2rem;
    position: relative;
  }


h3{
   font-size: 1rem;
   color: dimgray;
   font-family: sans-serif;
   font-weight:bold;
    margin-top: 2rem;
    position: relative;
    
  }




/* FOOTER */

.destacado{font-size: 0.7rem;
color: black;
text-align: center;}

.footer{font-size: 0.7rem;
text-align: center;
color: black;
line-height:1.5;}

footer{background-color:lightgrey;
margin-top:1rem;
margin-bottom: 2rem;
padding:1rem 3rem;}