body        {margin: 0;
            background-image: url(imagenes/CU0Ma3o.png);
}

.todito     {max-width: 1020px;
            margin: 0 auto;
            }

.article1   {width: 95%;
            background: #efefef;
            margin: 5%;
            float: left;
          
            }

body        {font-size: 16px;
            }



h1          {font-family: arial, sans-serif;
            font-size: 1.9em;
            font-weight: normal;
           
            color: #8bff6f;
            padding: 10px 0px 10px 20px;
            }

h2          {font-family: arial, sans-serif;
            font-size: 1.1em;
            font-weight: normal;
            }

.nombreheader{font-size: 2em;
            font-weight: bold;
            color: #8bff6f;
        
            }





header      {background: #000;
            opacity: 0.7;
            height: 150px;
            width: 99%;
            padding-top: 10px;
            padding-left: 10px;
            position: relative;
            }

nav         {background: #e3e4e6;
            height: 50px;
            width: 998px;
            float: left;
            position: absolute;
            }
    

ul li {
  display: inline-block;
  padding-left: 10px;

}

 ul li a {
  width: 90%; 
  color: #ff6c00;
  font-family: arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase; 
  text-decoration: none;
  font-size: 12px;
  padding: 86px; 
}


main        {   
            width: 100%;
            float: left;
            margin: 5% 0 5% 0;
            }

section     {background: #efefef;
            width: 90%;
            float: left;
            height: 370px;
            margin: 5%;
            }

aside       {background: #d08337;
            width: 15%;
            float: left;
            height: 370px;
            margin: 5% 5% 5% 0;
            }

article     {
            height: 300px;
        
            }

footer      {background: #2d2657;
            width: 100%;
            float:left;
            height: 50px;
            margin: 5% 0 0 0;
            }

@media screen and (max-width: 768px){
    
        aside       {width: 90%;
                    float: left;
                    margin: 5%;
                    }
    
        .article1   {width: 90%;
                    float: left;}
    
        .article2   {width: 90%;
                    float: left;
                    margin: 0 5% 5% 5%;}
    
        section     {width: 100%;
                    height: 800px;
                    margin: 5% auto 5% auto}
            
        }

@media screen and (max-width: 400px){
        
        .article1   {width: 100%;
                    float:left;
                    margin: 5% 0 5% 0;
                    background: #603a60;
                    }
    
        .article2   {width: 100%;
                    float:left;
                    margin: 5% 0 5% 0;
                    background: #603a60;
                    }
    
    
                
        }