body {background-image: url(img/back_1.png)
    ; margin: 1%;
font-size: 16px;
font-family: sans-serif;
text-decoration:none;}

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

.nombresnav {font-size: 0.85em;
}

h1 {font-size: 1.2em;
    color: #fff;
    
}

header {width: 100%;
        height: 80px;
        background: #E6A100;
    margin-top: 0;
       
        }

nav  {  font-family: arial, sans-serif;
        text-decoration: none;
        float: right;
        font-size: 12px;
        height: 25px;
        width: 800px;
        align-items: center;
        }        


nav ul{
    list-style: none;
    margin-left: 30px;
	padding:0;
    display: block;
 
   
}

nav ul li{
    width:12%;
    float: left;
    margin:1% 1% 3% 1%;
    text-align: center;
    font-size: 0.95em;
	margin-top:3%;
    text-decoration: none;
    font-family: gotham, sans-serif;
    font-weight: 600;
    
        
    
}

nav ul li a:hover {
  text-decoration:underline;
    
        }

main {width: 100%;
      height: 500px;
      background: #f0d5a1;
      margin: 2% 0% 2% 0;
      }

section {width: 50%;
         height: 460px;
         background: #f0d5a1;
         float: left;
         margin: 2% 0 2% 5%;

    
         }

aside { width: 34%;
        height: 460px;
        background: #f0d5a1;
        float: left;
        margin: 2% 0% 2% 0%;
        }
        
        

section article {width: 92%;
                 height: 420px;
                 background: #f0d5a1;
                 float:left;
                 margin: 4%;
            
                 }

aside article {width: : 25%;
               height: 420px;
               background: #454545;
               margin: 6%;
               } 

footer {width: 99%;
        height: 50px;
        background: #f0d5a1;
        
        padding-top: 5px;
        padding-left: 5px;
        padding-right: 5px;
        font-size: 0.6em;
        text-align: center;
        }




@media screen and (max-width:768px){ 
    
.article1 { width: 100%;
                float: left;
                margin: 0}
    
section {width: 96%;
         margin: 2%;
}
    
main { height: 1310px; 
}
    
aside article {width: 92%;
                float: left;
                margin: 4%;}
    
aside { width: 96%;
        margin: 2%;  

}
    
main {  height: 960px; 

}
    
nav{    width: 100%;
        margin: 0}
    
footer {width: 99%;
        height: 70px;
        background: #E6A100;
        
        padding-top: 5px;
        padding-left: 5px;
        padding-right: 5px;
        font-size: 0.6em;
        text-align: center;
        }

header {width: 100%;
        height: 130px;
        background: #E6A100
        }


}

    

header nav p {  font-family: gotham, sans-serif;
                text-decoration: none;
                }

         
    
            

.objetivo { display: block;
            font-family: gotham,sans-serif;
            font-size: 11px;
            height: 91px;
            width: 400px;
            padding: 10px;
            line-height: 1.5rem;
            }

.mapa { display: block;
        font-family: gotham, sans-serif;
        font-size: 12px;
        height: 400px;
        width: 400px;
        padding: 20px;
        line-height: 1.5rem;
        }
                     
span    { font-weight: bold;
        font-size: 12px;
        font-family: gotham, sans-serif;
        }

.article1 { display: block;
            font-family: gotham, sans-serif;
            font-size: 11px;
            background-color: #ccc;
            }

section article p  {align-content: center;
                    margin-left: 10px;
                    line-height: 1.5rem;
                    font-family: gotham, sans-serif;
                    }
                    
    
a {text-decoration: none;
    color: #454545;
}


.logodgpc { width: 12%;  
            float: left;
            margin-left: 15px;
            margin-top: 12px;}