body {

    /* background: url('../images/jaque_logo_reco.png');*/
    background-color: #B5D8FF;
     
       }
       
       nav {
         position:relative; 
         top: 0px;
        /* width: 80%;*/
         margin-left: 50px;
         margin-right: 50px;
         text-align: center;
         background-color: #62E0CC;
         border: white 5px double;
         font-family: 'Courier New', Courier, monospace;
         font-size: 1em;
       }
       
       nav a{
         color: white;
         text-decoration: none;
       }
       
       nav li{
       display: inline;
         padding-left: 5px;  
       }
       
       nav li a:hover{
         border-bottom: 2px solid black;
         background-color: black;
         font-size: 1.5em;
         
       }
      
       header {
         background-color: #B5D8FF;
         padding-top: 1%;
         padding-bottom: 1%;
         
         
       }
       header h1{
         font-size: 3em;
         color: rebeccapurple;
         text-align: center;
         letter-spacing: 25px
       }
       #contenido{
        text-align: center;
         border-radius: 5%;
         background-color:#FFE2B5;
        
         overflow: auto;
        display: inline-flex;
        padding: 5%;
        background: url('../images/jaque_logo_reco.png');
        margin-left: 20%;
        margin-right: 20%;
         
       }
       
      
       #Trap {
         text-align: justify;
        /* background-color: #4D4D4D;*/
         padding: 10px;
         margin-top: 10px;
         margin-bottom: 20px;
         margin-right: 5%;
         margin-left: 1%;
         /*-webkit-border-radius: 30px 30px 30px 30px ;  /* Safari  */
        /* -moz-border-radius: 30px 30px 30px 30px ;     /* Firefox */
       /*  border-radius: 30px 30px 30px 30px ;     /* Firefox */
         overflow: auto;
         border: 1px dashed black;
         background-color: white;
  
         
       
       }
       #Trap h2{
         color: black;
         font-size: 2em;
         text-align: center;
         background-color: white;
         text-shadow: 0 0 2px red;
  
       
       }
      .image1 img {
         margin: 10%;
         width: 80%;
         border-radius: 5%;
      }
     
     #Pop {
       /*  position: absolute;
         top: 30%;
         left: 50%;
  */
       text-align: justify;
      /* background-color: #4D4D4D;*/
       padding: 10px;
       margin-top: 10px;
       margin-bottom: 20px;
       margin-right: 5%;
       margin-left: 1%;
       /*-webkit-border-radius: 30px 30px 30px 30px ;  /* Safari  */
      /* -moz-border-radius: 30px 30px 30px 30px ;     /* Firefox */
     /*  border-radius: 30px 30px 30px 30px ;     /* Firefox */
       overflow: auto;
       border: 1px dashed black;
       background-color: white;
       
       
     }
     #Pop h2{
  
         color: black;
         font-size: 2em;
         text-align: center;
         background-color: white;
         text-shadow: 0 0 2px red;
       
       }
       .imagen_pop img {
         margin: 10%;
         width: 80%;
         border-radius: 5%;
      }
     #Rega {
         text-align: justify;
        /* background-color: #4D4D4D;*/
         padding: 10px;
         margin-top: 10px;
         margin-bottom: 20px;
         margin-right: 5%;
         margin-left: 1%;
         /*-webkit-border-radius: 30px 30px 30px 30px ;  /* Safari  */
        /* -moz-border-radius: 30px 30px 30px 30px ;     /* Firefox */
       /*  border-radius: 30px 30px 30px 30px ;     /* Firefox */
         overflow: auto;
         border: 1px dashed black;
         background-color: white;
       
       }
       #Rega h2{
  
         color: black;
         font-size: 2em;
         text-align: center;
         background-color: white;
         text-shadow: 0 0 2px red;
       
       }
       .imagen_rega img {
         margin: 10%;
         width: 80%;
         border-radius: 5%;
      }
       aside{
         text-align: center;
         
           color: #AEC0B1;
           background-color: none;
           
         }
         
         aside li{
             display: inline;
             padding-left: 5px;
           color: #AEC0B1;
           list-style:none; 
         }
         
         aside img:hover{
           color: #AEC0B1;
           list-style:none; 
           
           margin-bottom: 5px;
         
         }
         footer{
            text-align: center;
         }

         @media (max-width: 500px){
         
         }