body { margin: 2%;
       font-size: 16px;
       background-image: url(img/fondo_back.png);
        
}

.pagina { max-width: 960px;
          margin: 0 auto;
}



header { width: 100%;
          height: 100px;
 }


main { margin: 2% 0; 
    width: 100%;
    height: 660px;
}

footer { width: 100%;
         height: 50px;
         background:#696969;
         margin; 5% 0 5% 0;
        text-align: center;
        padding-top: 10px;
}
     
section { width: 96%;
          height: 400px;
          background: #8a9196;
          margin: 2%;
          float: left;
}

aside { width: 96%;
          height: 200px;
          background: rgba(194, 195, 201, 0.16);
          margin: 0 2% 2% 2%;
          float: left;
}

.article1 {width: 58%;
           height: 360px;
           background: #e3e3e3;
           float:left;
           margin: 2%;
        padding-left: 2%;
}

.article2 {width: 34%;
           height: 360px;
           background: #e3e3e3;
           float:left;
           margin: 2% 2% 2% 0;
}

aside article { width: 30%;
                height: 160px;
                background: #e3e3e3;
                float: left;
                margin: 2% 1% 2% 2%;
                text-align: center;
}

@media screen and (max-width:768px){
    
    .article1 {width: 94%;
               float: left;
               margin: 2%;
               background: #e3e3e3 ;
               
    }
    
    .article2 {width: 96%;
               float: left;
               margin: 0 2% 2% 2%;
               background: #e3e3e3;
    }
    
    footer { 
         height: 100px;
    }
        
    
    section {height: 745px;
        
    }
    
    main { height: 1310px;
        
    }
    
    aside article {width: 96%;
                   float: left;
                   margin:  1,5% 2% 1% 2%
    }
    
    aside { height: 535px;
    
    }
    
  
    

  
    
    
}
    

h2 {font-family: Verdana, sans-serif;
    color: #fff;
    font-size: 1.7em;
    margin: 0.5em;
    padding: 0.3em;

}



.article2 {font-size: 1em}

.italica_light {font-weight: 100;
                font-style: italic;
}

.interlineado1 { line-height: 1em;
    
}

h3 { font-family: Verdana, sans-serif;
    color: #fff;
    font-size: 2.5em;
     margin: 0.4em;
    padding: 0.4em;
}


}
    

p   {font-family: Verdana, sans-serif;
    color: #fff;
    font-size: 0.7em;
    
}

.texto_footer {
 
    text-align: center;      
    font-family: Verdana, sans-serif;
                color: #fff;
                font-size: 0.7em;

                
}

    

.texto_article_2 { text-align: left;
                    text-shadow: 0.05em 0.05em #6a6a6a;
}
    

.texto_article_1 {text-align: left;
               font-family: Verdana, sans-serif;
                color: #0081ba;
                margin-left: 10px;
                 padding-top: 10px;
               

}

.texto_aside_1 {text-align: center;
               font-family: Verdana, sans-serif;
               color: #626262;
               text-shadow: 0.05em 0.05em #08b1fd;
               font-size: 2.5em;
               
    
}

.logo_dgpc {margin: 0% 0% 0% 40%;
    
    
}   


.logofadu {margin: 10% 0;
    


}


.roldan {margin: 15% 0;
    


}

.ocampo{margin: 19% 0;
    
    
}