header H1 {
           font-family: 'Roboto', sans-serif;
           font-weight: 500;
           font-size: 30px;
           background-color: rgba(131, 219, 182, 0.77); 
           margin-left: 20rem; 
           margin-right: 8rem; 
           padding-left: 2rem;
           padding-top: 2rem;
           padding-bottom: 1rem;
           color: #000;
           text-align: left; 
           width: 60%;
        }

div img {width: 20%;
padding-right: rem;
float: right;
border-radius: 15px}

article {margin-left: 20rem;}



ul { list-style: none;
     color: #000}

ul li a {
         list-style: none;
         text-decoration: none;
         list-style: none; 
         margin: 2px; 
         padding: px;
         float: left;
         color: #000;
         hover: #fff;
         clear: both;
         padding-bottom: 0.5rem;
         }

nav     {margin-left: rem;
         background-color: rgba(131, 219, 182, 0.77);
         color: 000;
         font-family: 'Roboto', sans-serif;
         font-weight: 600;
         border-radius: 15px;
         padding-top: 1.5rem;
         padding-right: 2rem;
         float: left;
         padding-bottom: 1.9rem;}
div { 
      font-family: 'Roboto', sans-serif;;
      font-size: 21px;
      padding-left: 2rem;
      display:block;
      padding-bottom: 5rem;
      float:left;}   



p#bajadatp {font-size: 10px;}

 main { clear:both;
        display:block;}

body {background-color: #f5f7e9;}

nav ul li a:hover {color: #f5f7e9;}

footer ul li a:hover {color: rgba(131, 219, 182, 0.77);}

p#datoscomision {font-size: 17px;}

p#destacado {font-weight: 700;
            font-size: 25px;}

p#niveles {font-weight: 600;}

p#mat { font-size: 15px;}

footer { font-family: 'Roboto', sans-serif;
         margin-left: rem;
         float: left;
         margin-left: 20rem;
         width: 62%;}

footer p { text-align: center}