@font-face {
    font-family: "NombreFont";
    src: url(../template/fonts/archivofont.ttf) format("truetype");
}



body
{
    font-family:Roboto,Verdana;
}
header{
    border-radius:7px;
    border:solid 3px #ddd0ee;
    padding:20px 3px 20px 40px; 
    background:linear-gradient(#d6d0d0,#fff);   
}
section{
    margin-left:40px;
}
h1{
    font-family:Roboto;
    font-size:40px;
    color:#00a4ff;
    
}
h2{
    color:#00a4ff;
    border:solid thin #00a4ff;
    padding:3px 3px;
    border-radius:5px;
    background:linear-gradient(to right,#fff,#d6d0d0);
    
}
h3{
    color:#00a4ff;
}
article{
    margin: 0px auto;
    width:1024px;
}
section{
    margin-left:10px;
}
blockquote{
    padding:10px 10px;
    border:solid thin #808080;
    border-radius:5px;
}

footer{
    background:linear-gradient(#fff,#d6d0d0);
    margin:10px auto;
    padding:10px;
    width:1024px;
    border:solid 3px #ddd0ee;
    border-radius:7px;
}
footer p{
    text-align:right;
}
.contenedorimagenes{
    display : -webkit-flex;
    display:flexbox;
    flex-wrap:wrap;
}

.contenedorimagenes img{
    flex-wrap:wrap;
    width:100px;
}