﻿
/* DEFINIZIONE CARATTERI NOME */

@font-face {
    font-family: 'versatileregular';
    src: url('../App_Fonts/versatile-webfont.eot');
    src: url('../App_Fonts/versatile-webfont.eot?#iefix') format('embedded-opentype'),
         url('../App_Fonts/versatile-webfont.woff') format('woff'),
         url('../App_Fonts/versatile-webfont.woff2') format('woff2'),
         url('../App_Fonts/versatile-webfont.ttf') format('truetype'),
         url('../App_Fonts/versatile-webfont.svg#versatileregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AryaW00Triple';
    src: url('../App_Fonts/Arya W00 Triple.eot');
    src: url('../App_Fonts/Arya W00 Triple.eot?#iefix') format('embedded-opentype'),
         url('../App_Fonts/Arya W00 Triple.woff') format('woff'),
         url('../App_Fonts/Arya W00 Triple.woff2') format('woff2'),
         url('../App_Fonts/Arya W00 Triple.ttf') format('truetype'),
         url('../App_Fonts/Arya W00 Triple.svg#AryaW00Triple') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* DEFINIZIONE CARATTERE */
.CARATTERE_ARIA_TRIPLE              {font-family: 'AryaW00Triple'; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1;}
.CARATTERE_VERSATILE                {font-family: 'versatileregular'; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1;}

/**********************************************************************************************************************************************************************************************/

/* ALLINEAMENTO CARATTERE */
.ALLINEA_SINISTRA                   {text-align: left;}
.ALLINEA_DESTRA                     {text-align: right;}
.ALLINEA_CENTRO                     {text-align: center;}
.ALLINEA_GIUSTIFICATO               {text-align: justify;}
/**********************************************************************************************************************************************************************************************/

/* COLORI E STILE CARATTERE */
.CARATTERE_NO_SOTTOLINEATO          {text-decoration: none;}
.CARATTERE_BOLD                     {font-weight: bold;}
.CARATTERE_ITALIC                   {font-style: italic;}
.CARATTERE_BIANCO                   {color: white;}
.CARATTERE_NERO                     {color: black;}
.CARATTERE_ROSSO                    {color: red;}
.CARATTERE_GRIGIO_SCURO             {color: #595959;}
.CARATTERE_ARANCIONE                {color: #FF7D01;}
.CARATTERE_ROSSO_LARSEN             {color: #730400;}
/**********************************************************************************************************************************************************************************************/
/* LINK APPLE NR TELEFONO E MAIL */
.appleLinksbianco a {
    color: white;
    text-decoration: none;
}
.appleLinksbiancotel a              {color: white;}
.appleLinksnero a                   {color: black; text-decoration: none;}
.appleLinksnerotel a                {color: black;}
.appleLinksrosso a                  {color: red; text-decoration: none;}
.appleLinksrossotel a               {color: red;}
/**********************************************************************************************************************************************************************************************/

/* STRUTTURA PER PC (2048) */
@media (min-width: 1025px) and (max-width: 2048px) {

    /* DIMENSIONE CARATTERE */
    .CARATTERE_GRANDE {
        font-size: 50px
    }

    .CARATTERE_MEDIO_GRANDE {
        font-size: 30px
    }

    .CARATTERE_MEDIO {
        font-size: 20px
    }

    .CARATTERE_MEDIO_PICCOLO {
        font-size: 15px
    }

    .CARATTERE_PICCOLO {
        font-size: 10px
    }
}

/* STRUTTURA PER PC (1680) */
@media (min-width: 1025px) and (max-width: 1680px) {

    /* DIMENSIONE CARATTERE */
    .CARATTERE_GRANDE {
        font-size: 50px
    }

    .CARATTERE_MEDIO_GRANDE {
        font-size: 30px
    }

    .CARATTERE_MEDIO {
        font-size: 20px
    }

    .CARATTERE_MEDIO_PICCOLO {
        font-size: 15px
    }

    .CARATTERE_PICCOLO {
        font-size: 10px
    }
}

/* STRUTTURA PER PC (1440) */
@media (min-width: 1025px) and (max-width: 1440px) {

    /* DIMENSIONE CARATTERE */
    .CARATTERE_GRANDE {
        font-size: 50px
    }

    .CARATTERE_MEDIO_GRANDE {
        font-size: 30px
    }

    .CARATTERE_MEDIO {
        font-size: 20px
    }

    .CARATTERE_MEDIO_PICCOLO {
        font-size: 15px
    }

    .CARATTERE_PICCOLO {
        font-size: 10px
    }
}

/* STRUTTURA TABLET VERTICALE */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {

    /* DIMENSIONE CARATTERE */
    .CARATTERE_GRANDE {
        font-size: 40px
    }

    .CARATTERE_MEDIO_GRANDE {
        font-size: 30px
    }

    .CARATTERE_MEDIO {
        font-size: 20px
    }

    .CARATTERE_MEDIO_PICCOLO {
        font-size: 16px
    }

    .CARATTERE_PICCOLO {
        font-size: 12px
    }
}

/* STRUTTURA TABLET ORIZZONTALE */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

    /* DIMENSIONE CARATTERE */
    .CARATTERE_GRANDE {
        font-size: 40px
    }

    .CARATTERE_MEDIO_GRANDE {
        font-size: 30px
    }

    .CARATTERE_MEDIO {
        font-size: 20px
    }

    .CARATTERE_MEDIO_PICCOLO {
        font-size: 16px
    }

    .CARATTERE_PICCOLO {
        font-size: 12px
    }
}

/* STRUTTURA SMARTPHONE VERTICALE */
@media (max-width: 767px) and (orientation: portrait) {

    /* DIMENSIONE CARATTERE */
    .CARATTERE_GRANDE {
        font-size: 40px
    }

    .CARATTERE_MEDIO_GRANDE {
        font-size: 30px
    }

    .CARATTERE_MEDIO {
        font-size: 20px
    }

    .CARATTERE_MEDIO_PICCOLO {
        font-size: 15px
    }

    .CARATTERE_PICCOLO {
        font-size: 12px
    }
}

/* STRUTTURA SMARTPHONE ORIZZONTALE */
@media (max-width: 767px) and (orientation: landscape) {

    /* DIMENSIONE CARATTERE */
    .CARATTERE_GRANDE {
        font-size: 40px
    }

    .CARATTERE_MEDIO_GRANDE {
        font-size: 30px
    }

    .CARATTERE_MEDIO {
        font-size: 20px
    }

    .CARATTERE_MEDIO_PICCOLO {
        font-size: 15px
    }

    .CARATTERE_PICCOLO {
        font-size: 12px
    }
}
