@font-face {
    font-family: 'robotoregular';
    src: url('roboto-regular-webfont.woff2') format('woff2'),
         url('roboto-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotobold';
    src: url('roboto-bold-webfont.woff2') format('woff2'),
         url('roboto-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

*{
    font-family:'robotoregular';
    
}
 

body { padding: 10px;
margin: 30px;
    background-image: url('../img/textura.jpg');
     background-attachment: fixed;
    background-repeat: repeat;
}

a {font-family:'robotoregular';
color:black;
padding: 13px;
    font-size: 12px;
        text-decoration: none;
    border: 1pt solid black;
   
}

a:hover { background-color: #f4f0ea;
font-size: 15px;
font-family: 'robotobold';}


h1 { font-family:'robotobold';
    margin-top: 50px;
    margin-left: -40px
        
}

img { border: 5pt solid grey}

.nivel {font-family:'robotoregular';
    border: 1pt solid black;
padding: 5px;
margin-right:90%;}

.tp {margin-left:-50px;} 

h3{ font-family: 'robotobold';
color:#5f5f5f;
    padding:5px}

p {font-family: 'robotoregular';
color:#5a5959;
font-size: 20}

h2 { font-family:sans-serif;
}

nav ul li { font-family: 'robotoregular';
font-size: 12px;
color:#5f5f5f; }

footer { background-color:#5f5f5f; 
    border:2pt solid black;
padding:5px;
}

.titulo {font-family: 'robotobold';
    background-color: #5f5f5f;
color:#d8d1c7;
text-align: center;


}

.copete {font-size:15px;


}

.trabajos{
display: flex;
flex-direction: row; 
flex-wrap: nowrap;
justify-content:left;
}

.item1{
display: block;
}

.item1 figure img{
padding-left: 0em;
padding-right: 0em;
}

.datos {background-color: #5f5f5f;
color:#d8d1c7;
font font-family: 'robotoregular';
text-align: center;
font-size: 8pt;
margin-top: -10px;
    
        
}

.obl{
    font-size: 0.5em;
    text-align: center;
    background-color: #5f5f5f;
    color: white;
}