@font-face {
    font-family: OpenSans-Reg;
    src: url(../fuentes/Open_Sans/OpenSans-Regular.ttf);
}


@font-face {
    font-family: OpenSans-Bold;
    src: url(../fuentes/Open_Sans/OpenSans-Bold.ttf);
}

@font-face {
    font-family: OpenSans-Semibold;
    src: url(../fuentes/Open_Sans/OpenSans-Semibold.ttf);
}

@font-face {
    font-family: OpenSans-Light;
    src: url(../fuentes/Open_Sans/OpenSans-Light.ttf);
}








header{
    
    margin: 0px;
    align-content: center;
    text-align: center;
    text-align: center;
    background-image: url("../img/degradado.png");
    background-repeat: no-repeat;
    padding-bottom: 3%;
    border-bottom: solid;
    border-bottom-width: 70px;
    border-bottom-color: #3eacf2;
}


#dgpclogo{
    float: inherit;
    width: 70px;
    
}


ul{
    list-style: none;
    padding-bottom: 2%;
    padding-top: 5%;
    margin: 1%;
    padding-left: 0px;
    padding-right: 0px;
    display: flex;
    justify-content: space-around;
    text-align: center;
    border-bottom: solid;
    border-bottom-width: thin;
    border-bottom-color: darkslategrey;
}



a {
    list-style: none;
    color:darkslategrey;
    text-decoration: none;
    font-family: OpenSans-Light;
    
}


.sitiogrupal{
    
    font-family: OpenSans-Bold;
    font-size: 120%;
   
}


.titulo{
    text-align: center;
    background-color: none;
    color:darkslategrey;
    padding-bottom: 0.15%;
    padding-top: 5%;
    margin-bottom: 15%;
    margin-left: 25%;
    margin-right: 25%;
    font-family: OpenSans-Reg;
    font-size: 120%;
    font-weight: lighter;
    border-bottom: solid;
    border-bottom-color: darkslategrey;
    border-bottom-width: thin;
    
    
}
  




main{
    
    background-color: #757575;
    margin: 0px;
    text-align: center;
    color: white;
    padding-bottom: 3%;
    padding-top: 3%;
    }

.mision{
    border-bottom: solid;
    border-bottom-color: white;
    border-bottom-width: thin;
    margin-left: 25%;
    margin-right: 25%;
    padding-top: 2%;
    padding-bottom: 4%;
}

.mision h2 {
    padding: 1%;
    font-family: OpenSans-Reg;
   
}


.mision p {
    font-family: OpenSans-Light;
}



.vision{
    
    border-bottom: solid;
    border-bottom-color: white;
    border-bottom-width: thin;
    margin-left: 25%;
    margin-right: 25%;
    padding-top: 2%;
    padding-bottom: 4%;
}

.vision h2 {
    padding: 1%;
    font-family: OpenSans-Reg;
   
}


.vision p {
    font-family: OpenSans-Light;
}



.proyecto{
    
    border-bottom: solid;
    border-bottom-color: white;
    border-bottom-width: thin;
    margin-left: 25%;
    margin-right: 25%;
    padding-top: 2%;
    padding-bottom: 4%;;
}

.proyecto h2 {
    padding: 1%;
    font-family: OpenSans-Reg;
   
}


.proyecto p {
    font-family: OpenSans-Light;
    justify-content: center;
    
}



footer{
    text-align: center;
    background-color: #515151;
    color: white;
    font-size: 80%;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 2%;
    padding-right: 2%;
    bottom: 0px;
    padding-top: 3%;
    padding-bottom: 2%;
    font-family: OpenSans-Light;
}