/*
 * TIPOGRAFIA
 * -------------------------------------------------------------------
 */
@font-face {
    font-family: 'Dosis';
    src: url('/static/fonts/Dosis-Bold.ttf') format('truetype'),
    url('/static/fonts/Dosis-Bold.ttf') format('truetype');
    font-weight: bold;
}

@font-face {
    font-family: 'Dosis';
    src: url('/static/fonts/Dosis-ExtraBold.ttf') format('truetype'),
    url('/static/fonts/Dosis-ExtraBold.ttf') format('truetype');
    font-weight: 800;
}

@font-face {
    font-family: 'Dosis';
    src: url('/static/fonts/Dosis-ExtraLight.ttf') format('truetype'),
    url('/static/fonts/Dosis-ExtraLight.ttf') format('truetype');
    font-weight: 200;
}

@font-face {
    font-family: 'Dosis';
    src: url('/static/fonts/Dosis-Light.ttf') format('truetype'),
    url('/static/fonts/Dosis-Light.ttf') format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: 'Dosis';
    src: url('/static/fonts/Dosis-Medium.ttf') format('truetype'),
    url('/static/fonts/Dosis-Medium.ttf') format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: 'Dosis';
    src: url('/static/fonts/Dosis-Regular.ttf') format('truetype'),
    url('/static/fonts/Dosis-Regular.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'Dosis';
    src: url('/static/fonts/Dosis-SemiBold.ttf') format('truetype'),
    url('/static/fonts/Dosis-SemiBold.ttf') format('truetype');
    font-style: normal;
    font-weight: 600;
}

@font-face {
    font-family: 'Lato-Black';
    src: url('/static/fonts/Lato-Black.ttf') format('truetype'),
    url('/static/fonts/Lato-Black.ttf') format('truetype');
    font-weight: 900;
}

@font-face {
    font-family: 'Lato-BlackItalic';
    src: url('/static/fonts/Lato-BlackItalic.ttf') format('truetype'),
    url('/static/fonts/Lato-BlackItalic.ttf') format('truetype');
    font-weight: 900;
}

@font-face {
    font-family: 'Lato-Bold';
    src: url('/static/fonts/Lato-Bold.ttf') format('truetype'),
    url('/static/fonts/Lato-Bold.ttf') format('truetype');
    font-style: normal;
    font-weight: 700;
}

@font-face {
    font-family: 'Lato-BoldItalic';
    src: url('/static/fonts/Lato-BoldItalic.ttf') format('truetype'),
    url('/static/fonts/Lato-BoldItalic.ttf') format('truetype');
    font-weight: 700;
}

@font-face {
    font-family: 'Lato-Italic';
    src: url('/static/fonts/Lato-Italic.ttf') format('truetype'),
    url('/static/fonts/Lato-Italic.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'Lato-Light';
    src: url('/static/fonts/Lato-Light.ttf') format('truetype'),
    url('/static/fonts/Lato-Light.ttf') format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: 'Lato-LightItalic';
    src: url('/static/fonts/Lato-LightItalic.ttf') format('truetype'),
    url('/static/fonts/Lato-LightItalic.ttf') format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: 'Lato-Thin';
    src: url('/static/fonts/Lato-Thin.ttf') format('truetype'),
    url('/static/fonts/Lato-Thin.ttf') format('truetype');
    font-weight: 100;
}

@font-face {
    font-family: 'Lato-ThinItalic';
    src: url('/static/fonts/Lato-ThinItalic.ttf') format('truetype'),
    url('/static/fonts/Lato-ThinItalic.ttf') format('truetype');
    font-weight: 100;
}
/*
 * CLASES TIPOGRAFICAS
 * -------------------------------------------------------------------
 */
.dosis-bold {
    font-family: Dosis, sans-serif;
    font-weight: bold;
    font-style: initial;
}

.dosis-extrabold {
    font-family: Dosis, sans-serif;
    font-weight: 800;
    font-style: initial;
}

.dosis-extralight {
    font-family: Dosis, sans-serif;
    font-weight: 200;
    font-style: initial;
}
.dosis-light {
    font-family: Dosis, sans-serif;
    font-weight: 300;
    font-style: initial;
}
.dosis-medium {
    font-family: Dosis, sans-serif;
    font-weight: 500;
    font-style: initial;
}
.dosis-regular {
    font-family: Dosis, sans-serif;
    font-weight: 400;
    font-style: initial;
}
.dosis-semibold {
    font-family: Dosis, sans-serif;
    font-weight: 600;
    font-style: initial;
}

.lato-black {
    font-family: Lato-Black, sans-serif;
    font-weight: 900;
    font-style: normal;
}

.lato-blackitalic {
    font-family: Lato-BlackItalic, sans-serif;
    font-weight: 900;
    font-style: italic;
}

.lato-bold {
    font-family: Lato-Bold, sans-serif;
    font-weight: 700;
    font-style: normal;
}

.lato-bolditalic {
    font-family: Lato-BoldItalic, sans-serif;
    font-weight: 700;
    font-style: italic;
}

.lato-italic {
    font-family: Lato-Italic, sans-serif;
    font-weight: 400;
    font-style: italic;
}

.lato-light {
    font-family: Lato-Light, sans-serif;
    font-weight: 300;
    font-style: normal;
}

.lato-lightitalic {
    font-family: Lato-LightItalic, sans-serif;
    font-weight: 300;
    font-style: italic;
}

.lato-thin {
    font-family: Lato-Thin, sans-serif;
    font-weight: 100;
    font-style: initial;
}

.lato-thinitalic {
    font-family: Lato-ThinItalic, sans-serif;
    font-weight: 100;
    font-style: italic;
}