/* Extra large devices (large laptops and desktops, 1200px and up) */
.testimonial{ 
  width: auto;
  margin-top: 2%;
  color: white;
  border: 1px #1A173F;
  background-color: #0870d8;
  padding: 1%;
  flex-grow: 0;
}

.testimonial blockquote {
  font-style: italic;
}
@media  screen and (min-device-width: 1200px) {
body
{
  margin: 0%;
  font-family: sans-serif;
  background-color: #f0f3f7;

}
ul {
  list-style-type: none;
  margin: auto;
  padding: 0;
  overflow: hidden;
  color: #ffffff;
  background-color: #0d1623;
  width: auto;
}

li {
  float: left;
}

li a {
  display: block;
  color: #ffffff;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

/* Change the link color to #111 (black) on hover */
li a:hover {
  background-color: #121d2d;
}

.banner
{
  flex:auto; max-height: 25%; overflow: hidden;
}
#code{
  max-height: 350px;
  flex-shrink: 1000;
  margin-top: 5%;
  left: -50px;
}
.fixed-bg {
    /* The background image */
    background-image: url("M31_Spiral_Galaxy.jpg");
  
    /* Set a specified height, or the minimum height for the background image */
    min-height: 500px;
  
    /* Set background image to fixed (don't scroll along with the page) */
    background-attachment: fixed;
  
    /* Center the background image */
    background-position: center;
  
    /* Set the background image to no repeat */
    background-repeat: no-repeat;
  
    /* Scale the background image to be as large as possible */
    background-size: cover;
    opacity: 0.5;
  }
  .intro_title
  {
    font-size:55pt;
    max-width: fit-content;
    color: rgb(255, 220, 19);
    text-shadow: black 0.1em 0.1em 0.2em;
    position: absolute;
    padding-top: 20%;
    padding-left:  -1px;
    
  }
  .bloque_texto
  {
    max-width: 40%;
    margin-top: 2%;
    color: white;
    border: 1px #1A173F;
    background-color: #0870d8;
    padding: 1%;
    flex-grow: 0;
  }
  .bloque_texto_1{ 
    max-width: 40%;
    margin-top: 2%;
    color: white;
    border: 1px #1A173F;
    background-color: #0870d8;
    padding: 1%;
    flex-grow: 0;  }
  .bloque_texto_project{    
    max-width: 40%;
    margin-top: 2%;
    color: white;
    border: 1px #1A173F;
    background-color: #0870d8;
    padding: 1%;
    flex-grow: 0;
    display: flex;
  }

  .bloque_texto article{
    max-width: 30%; 
    text-align: justify; 
    margin: auto;
    
  }
  .bloque_texto_dark
  {
    margin-top: 2%;
    color: white;
    border: 1px #1A173F;
    background-color: #1e2f46;
    padding: 1%;
    padding-left: 2%;
    flex-grow: 0;
    max-width: 70%;
    margin: auto;
    margin-top: 2.5%;
  }
  .bloque_texto_dark h1
  {
    color: #00b5e2;
 
  }
  .bloque_texto_dark h3
  {
    color: #4ffff0;
    margin-top: 5%;

  }
  .bloque_texto_dark h4
  {
    color: #ca0859;
 
  }
  .bloque_texto_dark_div img
  {
    max-width: 4.5%;
    width: 4.5%;
    max-height: 4.5%;
    height: 4.5%;
    margin: 1%;

  }
  
 .cajas_asignaturas
 {
   font: 12pt, 'Calibri';
   border: 30px solid 002A87;
   margin: 15px;
   background:  #1e2f46;
   color: aliceblue;
   text-align: center;
   float: left;
   
   line-height:20px;
   /*width: 200px;
   height: 100px;*/

 }
a:visited{
  color:inherit
  }
div iframe
{
  width:800px;
  height:1550px;
  align-content: center;
}
.div_pdf
{
  max-height: 1000px;
  padding-top: 5%;
}
.mypalette
{
  background-color:#f0f3f7 ;
  color: #3B66B2;
  /*color: #1A173F ;3B66B2 ;63C6F; #1B1B59;*/
height: 2px;

}
.mypalette ul
{

    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #1e2f46;
}
.mypalette li {
  float: left;
}

.mypalette li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
.mypalette li a:hover {
  background-color: #121d2d;
}
.mypalette li a:active {
  background-color: #121d2d;
}
.mypalette h1
{
  color: #1B1B59;
}
.portada{
  margin: auto;
  display: flex;
  flex-wrap: nowrap;
  max-height: 500px;
  margin-bottom: 5.5%;
  
}
.content
{
  width: 70%;
  background-image: url('M31_Spiral_Galaxy.jpg');
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-content: center;
  align-items: flex-start;
  margin: auto;
  padding-bottom: 2%;
}
.fondo{
  background-color:#f0f3f7 ;
}
.footer {
  position: relative;
  display: flex;
  margin-top: 5%;
  margin-bottom: 0%;
  left: 0px;
  bottom: 0;
  height: 6px;
  width: 100%;
  padding-top: 2%;
  padding-bottom: 3.5%;
  background-color: #1e2f46;
  color: white;
  text-align: center;
  
  max-width: 100%;
}
.footer img
{
  padding-left: 50%;
  min-height:35px;max-height: 50px; overflow: hidden; margin-left: 5%;
}
.footer p{
  margin-left: 3%;
  margin-top: 1%;
}
.wrapper_projects
{
  margin: 1%;
  margin-top: 5%;
  margin-bottom: 5%;
 
  color:white;
  background-image: url('1371258416243.jpg');
   display: flex; align-content: space-between; 
   justify-content: space-between;
   background-size: auto; 
}
.wrapper_projects img
{
  max-width: 400px;
}
.wrapper_projects h3
{
  color: white;
}
.checked {
  color: orange;
}

.aero{
  display: flex; 
  flex-wrap: wrap; 
  align-content: flex-start; 
  justify-content: space-around; 
  align-content: flex-start; 
  background-image: url('2019-08-28_windkanal_3.0001_2000px_srgb.jpg'); 
  padding-bottom: 18%; 
  margin-top: 2%;
}
.MGTA{
  display: flex; 
  flex-wrap: wrap; 
  align-content: flex-start; 
  justify-content: space-around; 
  align-content: flex-start;
  background-image: url('webpc-passthru.php.png');
  padding-bottom:15%; margin-top: 2%; margin-left: 10%; margin-right: 10%;margin-bottom: 2%
}
.OA{
  display: flex; 
  flex-wrap: wrap; 
  align-content: flex-start; 
  justify-content: space-around; 
  align-content: flex-start; 
  background-image: url('aircraft-flight-dispatcher.jpg'); 
  background-repeat: no-repeat; 
  background-size: contain;background-position: center; 
  padding-bottom: 18%; margin-top: 2%;
}
.NACC {
  display: flex; 
  flex-wrap: wrap; 
  align-content: flex-start; 
  justify-content: space-around; 
  align-content: flex-start;
  background-image: url('fondo nacc.jpg');
  padding-bottom:15%; margin-top: 2%; margin-left: 10%; margin-right: 10%;margin-bottom: 2%
}
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media  screen and (max-device-width: 768px) { 
body
{
  margin: 0%;
  font-family: sans-serif;
  background-color: #f0f3f7;

}
ul {
  list-style-type: none;
  margin: auto;
  padding: 0;
  overflow: hidden;
  color: #ffffff;
  background-color: #0d1623;
  width: auto;
}

li {
  float: left;
}

li a {
  display: block;
  color: #ffffff;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

/* Change the link color to #111 (black) on hover */
li a:hover {
  background-color: #121d2d;
}

.banner
{
  flex:auto; max-height: 25%; overflow: hidden;
}
#code{
  max-height: 350px;
  flex-shrink: 1000;
  margin-top: 5%;
  left: -50px;
  display: none; 

}
.fixed-bg {
    /* The background image */
    background-image: url("M31_Spiral_Galaxy.jpg");
  
    /* Set a specified height, or the minimum height for the background image */
    min-height: 500px;
  
    /* Set background image to fixed (don't scroll along with the page) */
    background-attachment: fixed;
  
    /* Center the background image */
    background-position: center;
  
    /* Set the background image to no repeat */
    background-repeat: no-repeat;
  
    /* Scale the background image to be as large as possible */
    background-size: cover;
    opacity: 0.5;
  }
  .intro_title
  {
    font-size:18pt;
    max-width: fit-content;
    color: rgb(255, 220, 19);
    text-shadow: black 0.1em 0.1em 0.2em;
    position: absolute;
    padding-top: 15%;
    padding-left:  -1px;
    
  }
  .bloque_texto
  {
    max-width: 70%;
    margin-top: 2%;
    color: white;
    border: 1px #1A173F;
    background-color: #0870d8;
    padding: 1%;
    flex-grow: 0;
  }
  .bloque_texto_1
  {
    width: 100%;
    margin-top: 2%;
    color: white;
    border: 1px #1A173F;
    background-color: #0870d8;
    padding: 1%;
    flex-grow: 0;
  }
  .bloque_texto_project{
    width: 80%;
    margin-top: 2%;
    color: white;
    border: 1px #1A173F;
    background-color: #0870d8;
    padding: 1%;
    flex-grow: 0;
  }
  .bloque_texto article{
    max-width: 30%; 
    text-align: justify; 
    margin: auto;
    
  }
  
  .bloque_texto_dark
  {
    margin-top: 2%;
    color: white;
    border: 1px #1A173F;
    background-color: #1e2f46;
    padding: 1%;
    padding-left: 2%;
    flex-grow: 0;
    max-width: 70%;
    margin: auto;
    margin-top: 2.5%;
  }
  .bloque_texto_dark h1
  {
    color: #00b5e2;
 
  }
  .bloque_texto_dark h3
  {
    color: #4ffff0;
    margin-top: 5%;

  }
  .bloque_texto_dark h4
  {
    color: #ca0859;
 
  }
  .bloque_texto_dark_div img
  {
    max-width: 4.5%;
    width: 4.5%;
    max-height: 4.5%;
    height: 4.5%;
    margin: 1%;

  }
  
 .cajas_asignaturas
 {
  font: 12pt, 'Calibri';
  border: 30px solid 002A87;
  background:  #1e2f46;
  color: aliceblue;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  
   
   line-height:20px;
   /*width: 200px;
   height: 100px;*/

 }
a:visited{
  color:inherit
  }
div iframe
{
  width:800px;
  height:1550px;
  align-content: center;
}
.div_pdf
{
  max-height: 1000px;
  padding-top: 5%;
}
.mypalette
{
  background-color:#f0f3f7 ;
  color: #3B66B2;
  /*color: #1A173F ;3B66B2 ;63C6F; #1B1B59;*/
height: 2px;

}
.mypalette ul
{

    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #1e2f46;
}
.mypalette li {
  float: left;
}

.mypalette li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
.mypalette li a:hover {
  background-color: #121d2d;
}
.mypalette li a:active {
  background-color: #121d2d;
}
.mypalette h1
{
  color: #1B1B59;
}
.portada{
  margin: auto;
  display: flex;
  flex-wrap: nowrap;
  max-height: 500px;
  margin-bottom: 5.5%;
  
}
.content
{
  width: 100%;
  background-image: url('M31_Spiral_Galaxy.jpg');
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-content: center;
  align-items: flex-start;
  margin: auto;
  padding-bottom: 2%;
}
.fondo{
  background-color:#f0f3f7 ;
}º
.footer {
  position: bottom;
  display: flex;
  margin-top: 5%;
  margin-bottom: 0%;
  left: 0px;
  bottom: 0;
  height: 20%;
  width: 100%;
  padding-top: 2%;
  padding-bottom: 3.5%;
  background-color: #1e2f46;
  color: white;
  text-align: center;
  
  max-width: 100%;
}
.footer img
{
  padding-left: 50%;
  min-height:35px;max-height: 50px; overflow: hidden; margin-left: 5%;
}
.footer p{
  margin-left: 10%;
  margin-top: 5%;
}
.wrapper_projects
{
  margin: 1%;
  margin-top: 5%;
  margin-bottom: 5%;
 
  color:white;
  background-image: url('1371258416243.jpg');
  display: flex;
  flex-direction: column;
  align-items: center;
   background-size: auto; 
}
.wrapper_projects img
{
  max-width: 400px;
}
.wrapper_projects h3
{
  color: white;
}
.checked {
  color: orange;
}
.aero{
  display: flex; 
  flex-direction: column;
  flex-wrap: wrap; 
  align-content: center; 
  justify-content: space-around; 
  background-image: url('2019-08-28_windkanal_3.0001_2000px_srgb.jpg'); 
  padding-bottom: 18%; 
  margin-top: 2%;
}
.MGTA{
  flex-direction: column;
  flex-wrap: wrap; 
  align-content: center; 
  justify-content: space-around; 
  align-content: flex-start;
  background-image: url('webpc-passthru.php.png');
  padding-bottom:15%; margin-top: 2%; margin-left: 10%; margin-right: 10%;margin-bottom: 2%
}
.OA{ 
  flex-direction: column;
  flex-wrap: wrap; 
  align-content: center; 
  justify-content: space-around; 
  align-content: flex-start; 
  background-image: url('aircraft-flight-dispatcher.jpg'); 
  background-repeat: no-repeat; 
  background-size: contain;background-position: center; 
  padding-bottom: 18%; margin-top: 2%;
}
.NACC
{
  flex-direction: column;
  flex-wrap: wrap; 
  align-content: center; 
  justify-content: space-around; 
  align-content: flex-start;
  background-image: url('fondo\ nacc.jpg');
  padding-bottom:15%; margin-top: 2%; margin-left: 10%; margin-right: 10%;margin-bottom: 2%
}
}

/* Medium devices (landscape tablets, 768px and up) */
@media screen and (min-device-width: 768px) and (max-device-width: 992px) { 
body
{
  margin: 0%;
    font-family: sans-serif;
    background-color: #f0f3f7;
  
  }
  ul {
    list-style-type: none;
    margin: auto;
    padding: 0;
    overflow: hidden;
    color: #ffffff;
    background-color: #0d1623;
    width: auto;
  }
  
  li {
    float: left;
  }
  
  li a {
    display: block;
    color: #ffffff;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
  }
  
  /* Change the link color to #111 (black) on hover */
  li a:hover {
    background-color: #121d2d;
  }
  
  .banner
  {
    flex:auto; max-height: 25%; overflow: hidden;
  }
  #code{
    max-height: 350px;
    flex-shrink: 1000;
    margin-top: 5%;
    left: -50px;
    display: none; 
  
  }
  .fixed-bg {
      /* The background image */
      background-image: url("M31_Spiral_Galaxy.jpg");
    
      /* Set a specified height, or the minimum height for the background image */
      min-height: 500px;
    
      /* Set background image to fixed (don't scroll along with the page) */
      background-attachment: fixed;
    
      /* Center the background image */
      background-position: center;
    
      /* Set the background image to no repeat */
      background-repeat: no-repeat;
    
      /* Scale the background image to be as large as possible */
      background-size: cover;
      opacity: 0.5;
    }
    .intro_title
    {
      font-size:18pt;
      max-width: fit-content;
      color: rgb(255, 220, 19);
      text-shadow: black 0.1em 0.1em 0.2em;
      position: absolute;
      padding-top: 15%;
      padding-left:  -1px;
      
    }
    .bloque_texto
    {
      max-width: 70%;
      margin-top: 2%;
      color: white;
      border: 1px #1A173F;
      background-color: #0870d8;
      padding: 1%;
      flex-grow: 0;
    }
    .bloque_texto_1
    {
      width: 100%;
      margin-top: 2%;
      color: white;
      border: 1px #1A173F;
      background-color: #0870d8;
      padding: 1%;
      flex-grow: 0;
    }
    .bloque_texto_project{
      width: 80%;
      margin-top: 2%;
      color: white;
      border: 1px #1A173F;
      background-color: #0870d8;
      padding: 1%;
      flex-grow: 0;
    }
    .bloque_texto article{
      max-width: 30%; 
      text-align: justify; 
      margin: auto;
      
    }
    
    .bloque_texto_dark
    {
      margin-top: 2%;
      color: white;
      border: 1px #1A173F;
      background-color: #1e2f46;
      padding: 1%;
      padding-left: 2%;
      flex-grow: 0;
      max-width: 70%;
      margin: auto;
      margin-top: 2.5%;
    }
    .bloque_texto_dark h1
    {
      color: #00b5e2;
   
    }
    .bloque_texto_dark h3
    {
      color: #4ffff0;
      margin-top: 5%;
  
    }
    .bloque_texto_dark h4
    {
      color: #ca0859;
   
    }
    .bloque_texto_dark_div img
    {
      max-width: 4.5%;
      width: 4.5%;
      max-height: 4.5%;
      height: 4.5%;
      margin: 1%;
  
    }
    
   .cajas_asignaturas
   {
    font: 12pt, 'Calibri';
    border: 30px solid 002A87;
    background:  #1e2f46;
    color: aliceblue;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    
     
     line-height:20px;
     /*width: 200px;
     height: 100px;*/
  
   }
  a:visited{
    color:inherit
    }
  div iframe
  {
    width:800px;
    height:1550px;
    align-content: center;
  }
  .div_pdf
  {
    max-height: 1000px;
    padding-top: 5%;
  }
  .mypalette
  {
    background-color:#f0f3f7 ;
    color: #3B66B2;
    /*color: #1A173F ;3B66B2 ;63C6F; #1B1B59;*/
  height: 2px;
  
  }
  .mypalette ul
  {
  
      list-style-type: none;
      margin: 0;
      padding: 0;
      overflow: hidden;
      background-color: #1e2f46;
  }
  .mypalette li {
    float: left;
  }
  
  .mypalette li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
  }
  .mypalette li a:hover {
    background-color: #121d2d;
  }
  .mypalette li a:active {
    background-color: #121d2d;
  }
  .mypalette h1
  {
    color: #1B1B59;
  }
  .portada{
    margin: auto;
    display: flex;
    flex-wrap: nowrap;
    max-height: 500px;
    margin-bottom: 5.5%;
    
  }
  .content
  {
    width: 100%;
    background-image: url('M31_Spiral_Galaxy.jpg');
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-content: center;
    align-items: flex-start;
    margin: auto;
    padding-bottom: 2%;
  }
  .fondo{
    background-color:#f0f3f7 ;
  }
  .footer {
    position: bottom;
    display: flex;
    margin-top: 5%;
    margin-bottom: 0%;
    left: 0px;
    bottom: 0;
    height: 20%;
    width: 100%;
    padding-top: 2%;
    padding-bottom: 3.5%;
    background-color: #1e2f46;
    color: white;
    text-align: center;
    
    max-width: 100%;
  }
  .footer img
  {
    padding-left: 50%;
    min-height:35px;max-height: 50px; overflow: hidden; margin-left: 5%;
  }
  .footer p{
    margin-left: 10%;
    margin-top: 5%;
  }
  .wrapper_projects
  {
    margin: 1%;
    margin-top: 5%;
    margin-bottom: 5%;
   
    color:white;
    background-image: url('1371258416243.jpg');
    display: flex;
    flex-direction: column;
    align-items: center;
     background-size: auto; 
  }
  .wrapper_projects img
  {
    max-width: 400px;
  }
  .wrapper_projects h3
  {
    color: white;
  }
  .checked {
    color: orange;
  }
  .aero{
    display: flex; 
    flex-direction: column;
    flex-wrap: wrap; 
    align-content: center; 
    justify-content: space-around; 
    background-image: url('2019-08-28_windkanal_3.0001_2000px_srgb.jpg'); 
    padding-bottom: 18%; 
    margin-top: 2%;
  }
  .MGTA{
    flex-direction: column;
    flex-wrap: wrap; 
    align-content: center; 
    justify-content: space-around; 
    align-content: flex-start;
    background-image: url('webpc-passthru.php.png');
    padding-bottom:15%; margin-top: 2%; margin-left: 10%; margin-right: 10%;margin-bottom: 2%
  }
  .OA{ 
    flex-direction: column;
    flex-wrap: wrap; 
    align-content: center; 
    justify-content: space-around; 
    align-content: flex-start; 
    background-image: url('aircraft-flight-dispatcher.jpg'); 
    background-repeat: no-repeat; 
    background-size: contain;background-position: center; 
    padding-bottom: 18%; margin-top: 2%;
  }
.NACC {
  flex-direction: column;
    flex-wrap: wrap; 
    align-content: center; 
    justify-content: space-around; 
    align-content: flex-start;
    background-image: url('https://sia.org/wp-content/uploads/2019/11/home-slider_new.jpg');
    padding-bottom:15%; margin-top: 2%; margin-left: 10%; margin-right: 10%;margin-bottom: 2%
}
  }
/* Large devices (laptops/desktops, 992px and up) */
@media screen and (min-device-width: 992px) and (max-device-width: 1200px){
body
{
  margin: 0%;
    font-family: sans-serif;
    background-color: #f0f3f7;
  
  }
  ul {
    list-style-type: none;
    margin: auto;
    padding: 0;
    overflow: hidden;
    color: #ffffff;
    background-color: #0d1623;
    width: auto;
  }
  
  li {
    float: left;
  }
  
  li a {
    display: block;
    color: #ffffff;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
  }
  
  /* Change the link color to #111 (black) on hover */
  li a:hover {
    background-color: #121d2d;
  }
  
  .banner
  {
    flex:auto; max-height: 25%; overflow: hidden;
  }
  #code{
    max-height: 350px;
    flex-shrink: 1000;
    margin-top: 5%;
    left: -50px;
  }
  .fixed-bg {
      /* The background image */
      background-image: url("M31_Spiral_Galaxy.jpg");
    
      /* Set a specified height, or the minimum height for the background image */
      min-height: 500px;
    
      /* Set background image to fixed (don't scroll along with the page) */
      background-attachment: fixed;
    
      /* Center the background image */
      background-position: center;
    
      /* Set the background image to no repeat */
      background-repeat: no-repeat;
    
      /* Scale the background image to be as large as possible */
      background-size: cover;
      opacity: 0.5;
    }
    .intro_title
    {
      font-size:55pt;
      max-width: fit-content;
      color: rgb(255, 220, 19);
      text-shadow: black 0.1em 0.1em 0.2em;
      position: absolute;
      padding-top: 20%;
      padding-left:  -1px;
      
    }
    .bloque_texto
    {
      max-width: 40%;
      margin-top: 2%;
      color: white;
      border: 1px #1A173F;
      background-color: #0870d8;
      padding: 1%;
      flex-grow: 0;
    }
    .bloque_texto_1{ 
      max-width: 40%;
      margin-top: 2%;
      color: white;
      border: 1px #1A173F;
      background-color: #0870d8;
      padding: 1%;
      flex-grow: 0;  }
    .bloque_texto_project{    
      max-width: 40%;
      margin-top: 2%;
      color: white;
      border: 1px #1A173F;
      background-color: #0870d8;
      padding: 1%;
      flex-grow: 0;
      display: flex;
    }
  
    .bloque_texto article{
      max-width: 30%; 
      text-align: justify; 
      margin: auto;
      
    }
    .bloque_texto_dark
    {
      margin-top: 2%;
      color: white;
      border: 1px #1A173F;
      background-color: #1e2f46;
      padding: 1%;
      padding-left: 2%;
      flex-grow: 0;
      max-width: 70%;
      margin: auto;
      margin-top: 2.5%;
    }
    .bloque_texto_dark h1
    {
      color: #00b5e2;
   
    }
    .bloque_texto_dark h3
    {
      color: #4ffff0;
      margin-top: 5%;
  
    }
    .bloque_texto_dark h4
    {
      color: #ca0859;
   
    }
    .bloque_texto_dark_div img
    {
      max-width: 4.5%;
      width: 4.5%;
      max-height: 4.5%;
      height: 4.5%;
      margin: 1%;
  
    }
    
   .cajas_asignaturas
   {
     font: 12pt, 'Calibri';
     border: 30px solid 002A87;
     margin: 15px;
     background:  #1e2f46;
     color: aliceblue;
     text-align: center;
     float: left;
     
     line-height:20px;
     /*width: 200px;
     height: 100px;*/
  
   }
  a:visited{
    color:inherit
    }
  div iframe
  {
    width:800px;
    height:1550px;
    align-content: center;
  }
  .div_pdf
  {
    max-height: 1000px;
    padding-top: 5%;
  }
  .mypalette
  {
    background-color:#f0f3f7 ;
    color: #3B66B2;
    /*color: #1A173F ;3B66B2 ;63C6F; #1B1B59;*/
  height: 2px;
  
  }
  .mypalette ul
  {
  
      list-style-type: none;
      margin: 0;
      padding: 0;
      overflow: hidden;
      background-color: #1e2f46;
  }
  .mypalette li {
    float: left;
  }
  
  .mypalette li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
  }
  .mypalette li a:hover {
    background-color: #121d2d;
  }
  .mypalette li a:active {
    background-color: #121d2d;
  }
  .mypalette h1
  {
    color: #1B1B59;
  }
  .portada{
    margin: auto;
    display: flex;
    flex-wrap: nowrap;
    max-height: 500px;
    margin-bottom: 5.5%;
    
  }
  .content
  {
    width: 70%;
    background-image: url('M31_Spiral_Galaxy.jpg');
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-content: center;
    align-items: flex-start;
    margin: auto;
    padding-bottom: 2%;
  }
  .fondo{
    background-color:#f0f3f7 ;
  }
  .footer {
    position: relative;
    display: flex;
    margin-top: 5%;
    margin-bottom: 0%;
    left: 0px;
    bottom: 0;
    height: 6px;
    width: 100%;
    padding-top: 2%;
    padding-bottom: 3.5%;
    background-color: #1e2f46;
    color: white;
    text-align: center;
    
    max-width: 100%;
  }
  .footer img
  {
    padding-left: 50%;
    min-height:35px;max-height: 50px; overflow: hidden; margin-left: 5%;
  }
  .footer p{
    margin-left: 3%;
    margin-top: 1%;
  }
  .wrapper_projects
  {
    margin: 1%;
    margin-top: 5%;
    margin-bottom: 5%;
   
    color:white;
    background-image: url('1371258416243.jpg');
     display: flex; align-content: space-between; 
     justify-content: space-between;
     background-size: auto; 
  }
  .wrapper_projects img
  {
    max-width: 400px;
  }
  .wrapper_projects h3
  {
    color: white;
  }
  .checked {
    color: orange;
  }
  
  .aero{
    display: flex; 
    flex-wrap: wrap; 
    align-content: flex-start; 
    justify-content: space-around; 
    align-content: flex-start; 
    background-image: url('2019-08-28_windkanal_3.0001_2000px_srgb.jpg'); 
    padding-bottom: 18%; 
    margin-top: 2%;
  }
  .MGTA{
    display: flex; 
    flex-wrap: wrap; 
    align-content: flex-start; 
    justify-content: space-around; 
    align-content: flex-start;
    background-image: url('webpc-passthru.php.png');
    padding-bottom:15%; margin-top: 2%; margin-left: 10%; margin-right: 10%;margin-bottom: 2%
  }
  .OA{
    display: flex; 
    flex-wrap: wrap; 
    align-content: flex-start; 
    justify-content: space-around; 
    align-content: flex-start; 
    background-image: url('aircraft-flight-dispatcher.jpg'); 
    background-repeat: no-repeat; 
    background-size: contain;background-position: center; 
    padding-bottom: 18%; margin-top: 2%;
  }
  .NACC {
    flex-direction: column;
      flex-wrap: wrap; 
      align-content: center; 
      justify-content: space-around; 
      align-content: flex-start;
      background-image: url('https://sia.org/wp-content/uploads/2019/11/home-slider_new.jpg');
      padding-bottom:15%; margin-top: 2%; margin-left: 10%; margin-right: 10%;margin-bottom: 2%
  }
  }