/*Hoja de estilo*/

/* Body */

/* celeste:#43a4c5 rojo:#d7554a amarillo:#f0b04e Textos */
body {background-color: #43a4c5}
img{width: 100%}
header { background-color:#f0b04e ; border-top-right-radius: 2rem; border-bottom-right-radius: 2rem; border-top-left-radius: 2rem; border-bottom-left-radius: 2rem;}

.nombres{color:#f0b04e;}

.barranav{padding-right: 2rem;padding-left: 2rem; color:#d7554a }

ul#navegador{ list-style-type: none; padding: 12; flex-direction: row; ; display: flex; justify-content:center;flex-wrap: wrap; }

.logo {display: flex; flex-grow: 1;  }

ul {list-style-type: none; padding: 0; flex-direction: column; text-align:left ; display: flex}

img#dgpc {flex-direction:}

a{font-style:italic; line-height:  2.5; text-decoration: none;font-size: 1rem}

h1{font-weight: 700; color: #f0b04e ;margin-left: 2rem; margin: 1,5rem}

.datos{font-size: 0,75rem ;color:#d7554a }
.descarga{display: flex; 
    flex-direction: row;
    flex-wrap: wrap;
    background-color:#f0b04e;
     padding-left: 1.5rem;
     padding-bottom: 1rem;
     padding-right: 1.5rem;
     padding-top: 1rem;
     width:inherit;
     margin-left: 1rem;
     margin-right: 1rem;
     margin-top: 2rem;
     margin-bottom: 3rem;
     border-radius: 2rem;}

main {display: flex; 
    flex-direction: column;
    background-color:#f0b04e;
     padding-left: 1.5rem;
     padding-bottom: 1rem;
     padding-right: 1.5rem;
     padding-top: 1rem;
     width:inherit;
     margin-left: 1rem;
     margin-right: 1rem;
     margin-top: 2rem;
     margin-bottom: 3rem;
     border-radius: 2rem;
    }


h2 {color: #d7554a;}

h3 {color:#f0b04e}

div#tema{margin-left: 2,5rem}

footer {background-color:#f0b04e;font-style: oblique; font-size: 12px; text-align: center; border-radius: 2rem;padding:1rem;}

@media (min-width: 50em) {
    
    .descarga{ 
        flex-wrap: nowrap;}
        
    .botondescarga{ width: 16rem; 
    
    }    
    
    body{ align-content: center; }
        
        
    }
    
    
    
    
    
}