/*N27 EN DIFERENTES TIPOS*/


@font-face {
    font-family: n27;
    src: url('/TIPOS/N27-Light.otf')  format('opentype');
    src: url('/TIPOS/N27-Light.woff2')  format('woff2');
    font-weight: 300;
    font-style: light;
}

@font-face {
    font-family: n27;
    src: url('/TIPOS/N27-Regular.otf')  format('opentype');
    src: url('/TIPOS/N27-Regular.woff2')  format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: n27;
    src: url('/TIPOS/N27-Medium.otf')  format('opentype');
    src: url('/TIPOS/N27-Medium.woff2')  format('woff2');
    font-weight: 500;
    font-style: medium;
}

@font-face {
    font-family: n27;
    src: url('/TIPOS/N27-Bold.otf')  format('opentype');
    src: url('/TIPOS/N27-Bold.woff2')  format('woff2');
    font-weight: 700;
    font-style: bold;
}

/*BASIER*/

@font-face {
    font-family: basier;
    src: url('/TIPOS/BasierSquareMono-Bold.otf')  format('opentype');
    src: url('/TIPOS/BasierSquareMono-Bold.woff2')  format('woff2');
    font-weight: 700;
    font-style: bold;
}

/*SUPPLY*/

@font-face {
    font-family: supply;
    src: url('/TIPOS/Supply-Light.otf')  format('opentype');
    src: url('/TIPOS/Supply-Light.woff2')  format('woff2');
    font-weight: 300;
    font-style: light;
}


/* #####################   ESTILOS PREDETERMINADOS ##############*/


h1{
    font-family: basier;
    font-weight: normal;
    font-style: bold;
    font-size: 3em;
    line-height: 120%;
}

h2{
    font-family: n27;
    font-weight: 700;
    font-style: bold;
    font-size: 2.5em;
    line-height: 120%;
}

h3{
    font-family: n27;
    font-weight: 500;
    font-style: medium;
    font-size: 1.5em;
}

p{
    font-family: n27;
    font-weight: normal;
    font-style: normal;
    font-size: 1em;
}

h4{
    font-family: n27;
    font-weight: 300;
    font-style: light;
    font-size: 1em;
}

h5{
    font-family: supply;
    font-weight: 300;
    font-style: light;
    font-size: 1em;
}

h6{
    font-family: n27;
    font-weight: 500;
    font-style: medium;
    font-size: 1em;
}

/* #####################   listas  ##############*/


li{
    font-family: n27;
    font-weight: normal;
    font-style: normal;
    font-size: 1em;
}

a{
    font-family: n27;
    font-weight: normal;
    font-style: normal;
    font-size: 1em;
    text-decoration: none;
    color: black;
}

button{

    font-family: n27;
    font-weight: normal;
    font-style: normal;
    font-size: 1em;
}

label{
    font-family: n27;
    font-weight: normal;
    font-style: normal;
    font-size: 1em;
}