@charset "utf-8";

* {
    margin: .5em;
    padding: 0;
    box-sizing: content-box;
    text-align: left; 
    }


/*colores: #f4b856, #47b89a, #2e398b, #e7f1fa */


img {
    max-width: 100%;
    height: auto; }

body {
    margin: 1em;
    background-color: #e7f1fa;
    font-family: sans-serif;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    
}
 

header {
    background-color: white;
    border-radius: .25em ;
    
}

header #logo {
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
    align-items: center; 
   flex-wrap: wrap;
}

#logo> img {
    width: 100px;
    height: auto;   
}

header nav ul {
    list-style: none;
    display: flex;
    flex-wrap: nowrap;
    text-decoration: none;
    justify-content: flex-end;
}


header nav ul li a {
    margin: 0;
    background-color: #f4b856;
    border-radius: .25em ;
    color: white;
    font-weight: bold;
    padding: 0.3em 0.3em;
    text-align: center;
    font-size: 9pt;
    text-decoration: none;
    min-width: 0;
    display: block;
}

header nav ul li a:hover {
    background-color: #f1a5c9;
    color: white;
}

h1 {
    font-size:20pt;
    margin: 1em 0 1em 0;
    padding: 0;
    text-align: center;
}

main > #PRESENTACION > #acumar {
    display: flex;
}


main > #PRESENTACION > #acumar > a >img {
    width: 1000px;
    margin: auto;
}



main > #PRESENTACION > #recorridos > h2 {
    text-align: center;
    margin: 1em 0 1em 0;
    padding: 0;
}

body main li {
    list-style: none;
}

body main {
    font-size: 10pt;
}  


.INFO {background-color:#b1f8e6;
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center; 
    max-width: 100%;
}

section ul{
    max-width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
   flex-wrap: wrap;
    
} 

aside {
    font-size: 8pt;
    color: black;
    flex-direction: column;
    max-width: 100%;
}

#equipoVM42>h2{
    padding-right: 11em;
    text-align: center;
}


#equipoVM42 h2{
    display: flex;
    flex-direction: row;
    justify-content: center;  
    margin-left: 12em;
    max-width: 100%; 
    flex-wrap: wrap; 
}


#equipoVM42>ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 100%; 
}


#img1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    
    
}


#img1 > img {
    width: 170px; 
    height: auto;
    max-width: 100%;
}

    
#img2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
 
}

#img2 > img {
    width: 178px; 
    height: auto;
}

#img3 {
    display: flex;
    flex-direction: column;
}
#img3 > img {
    width: 160px; 
    height: auto;
}


#equipoVM42> ul li a {
    color:  black;
    text-decoration: none;
    font-weight: bold;
    font-size: 10pt; 
    text-align: center;
}


#Plan > h3 {
    margin: 1em 0 1em 0;
    padding: 0;
}

#Plan  > ul > li {
   list-style: square;   
}


#persona {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

#persona > img {
    max-height: 45%;
    max-width:45%;
}

#producto {
   max-height: 45%;
    max-width:45%; 
}


#mapa {
    display: block;
    text-align: center;
    justify-content: center;
    
}

div h2 {
    display: flex;
    justify-content: center;
}
#interaccion{
     display: block;
    text-align: center;
    justify-content: center;
}

#estructura{
     display: block;
    text-align: center;
    justify-content: center;
}


footer  {
    margin: 0 auto;
    font-size: 10pt; 
    background-color: white;
    border-radius: .25em ;
    }
footer > .logos {
    margin: auto;
    padding: 0;
    display: flex;
    justify-content: space-around;
    align-content: center;
}
footer img {
    width: 100%;
    height: auto;
}
.logos #dgpc {
    width: 10%;
    margin: 0;
    padding: 0;
}
.logos #acumar {
    width: 20%;
    margin: 0;
    padding: 0;
}
.logos #fadu {
    width: 25%;
    margin: 0;
    padding: 0;
}
footer p {
    margin:0 0 0 4;
}