@font-face {font-family: 'regular'; 
            src: url('fuentes/Roboto/Roboto-Regular.ttf')  format('truetype');}

@font-face {font-family: 'light'; 
            src: url('fuentes/Roboto/Roboto-Light.ttf')  format('truetype');}

@font-face {font-family: 'medium'; 
            src: url('fuentes/Roboto/Roboto-Medium.ttf')  format('truetype');}             

@font-face {font-family: 'black'; 
                  src: url('fuentes/Roboto/Roboto-Black.ttf')  format('truetype');}        

@font-face {font-family: 'bold'; 
                  src: url('fuentes/Roboto/Roboto-Bold.ttf')  format('truetype');}        

@font-face {font-family: 'semi'; 
                  src: url('fuentes/Lato/Lato-Semibold.ttf')  format('truetype');}        


@font-face {font-family: 'lato-regular'; 
            src: url('fuentes/Lato/Lato-Regular.ttf')  format('truetype');}

@font-face {font-family: 'lato-bold'; 
            src: url('fuentes/Lato/Lato-Bold.ttf')  format('truetype');}