body {

    padding-top: 60px;

    padding-bottom: 0px;

}



.blu_ford {

    background-color: #004185;

}



.bianco_ford {

    background-color: #e8eefa;

}



.foot_copy {

    font-size: x-small;

    color: #FFFFFF;

}



.riga_finale {

    background-color: #004185;

}



.menubar {

    color: #FFFFFF;

    background-color: #004185;

    display: inline-block;

    vertical-align: top

}



.fisso {

    position: fixed;

    left: 0px;

    top: 0px;

    height: 50px;

    width: 100%;

}



.gen_panel {

    border: black double;

    margin-right: auto;

    margin-left: auto;

    margin-bottom: 10px;

    width: auto;

    height: auto;

    display: block;

    float: left;  

}



.all_sinistra {

    text-align: left;

}



.all_centro {

    text-align: center;

    margin-right: auto;

    margin-left: auto;

}



.float_stop {

    clear: left;

}



.error_msg {

    font-weight: bold;

    text-decoration-line: underline;

    color: red;

}



.conferma {

    color: #808080;

    font-weight: bold;

    background-color: whitesmoke;

}



.avviso_forte {

    color: #ff0b21;

    text-align: center;

    font-weight: bold;

    font-family: Verdana;

    font-size: 48px;

}



.titolo_iniziale {

    color: DodgerBlue;

    text-align: center;

    font-weight: bold;

    font-family: Verdana;

    font-size: 36px;

}



.fig_int {

    /* immagine intera */

    /* immagine con cornice spessa grigia */

    /* per visualizzare un testo centrato sotto l'immagine utilizzare la classe -didascalia- */

    border: 10px #cccccc solid;

    margin: auto;

    height: auto;

}



.fig_grid {

    /* immagine all'interno di una griglia */

    /* può essere a sviluppo orizzontale o verticale in base all'utilizzo delle classi -oriz- o -vert- */

    /* immagine con cornice sottile nera e bianca */

    border: 1px black solid;

    padding: 1px;

    background-color: white;

    margin: auto;

}



.didascalia {

    /* per visualizzare la didascalia dell'immagine (classe -fig_int-) */

    /* testo corsivo bianco centrato su sfondo nero */

    background-color: black;

    color: white;

    font-style: italic;

    padding: 2px;

    text-align: center;

    font-size: 18px;

}



.grid_image {

    /* definizione di griglia AD UNA SOLA COLONNA per avere immagine e didascalia associate */

    /* utilizza anche le classi -fig_int- e -didascalia- */

    display: grid;

    grid-template-columns: auto;

    gap: 0px;

    padding: 0px;

}



.pan_presentaz {

    border: 0px;

    margin-right: 8PX;

    margin-bottom: 11px;

    width: 100%;

    height: calc(100vh - 170px);

    font-size: 40px;

    /*    height: 650px;    */

}



.pan_grid {

    border: 0px 0px 0px 0px;

    margin: 0px 0px 0px 0px;

    width: 100%;

    height: 100%;

    background-color:  burlywood;

}



.grid_menu {

    /* stile griglia menù home page*/

    display: grid;

    grid-template-columns: 150px auto auto auto;

    grid-template-rows: 500px;

    gap: 6px; /* spessore griglia */

    background-color: #cccccc; /* colore griglia */

    padding: 6px; /* spessore griglia */

    /* definizione della aree */

    grid-template-areas:

        "info       giochi     foto       foto"

        "collezione collezione collezione slot-car";

}



.grid_menu > div {

    /* stile cella della griglia menù home page*/

    background-color: #9c9c9c; /* colore interno cella*/

    padding: 0px; 

}



@media only screen and (max-width: 950px) {

    .grid_menu {

        grid-template-columns: auto;

        grid-template-areas:

            "info"

            "giochi"

            "foto"

            "collezione"

            "slot-car";

    }

}



.gridAreaXXX {

    /* stile griglia singola sezione menù pagina iniziale */

    /* permette di inserire immagine e didascalia su un'unica colonna una sopra l'altra */

    display: grid;

    grid-template-columns: auto;

    gap: 0px;

    padding: 0px;

}



.gridInfo {

    /* definisce griglia per pagina INFO */

    /* in particolare altezza righe */

    grid-area: info;

    grid-template-rows: 450px 44px;

}



.gridCollezione {

    /* definisce griglia per pagina COLLEZIONE */

    /* in particolare altezza righe */

    grid-area: collezione;

    grid-template-rows: 450px 44px;

}



.gridSlotCar {

    /* definisce griglia per pagina SLOT-CAR */

    /* in particolare altezza righe */

    grid-area: slot-car;

    grid-template-rows: 450px 44px;

}



.gridFoto {

    /* definisce griglia per pagina FOTO */

    /* in particolare altezza righe */

    grid-area: foto;

    grid-template-rows: 450px 44px;

}



.gridGiochi {

    /* definisce griglia per pagina GIOCHI */

    /* in particolare altezza righe */

    grid-area: giochi;

    grid-template-rows: 450px 44px;

}



.oriz {

    /* parametri per immagine od elemento griglia orizzontale */

    height: 100%;

    width: auto;

}



.vert {

    /* parametri per immagine od elemento griglia orizzontale */

    height: auto ;

    width: 100%;

}



.grid_Testo {

    /* parametri per testo (con link alla pagina) all'interno della griglia menù */

    padding: 2px;

    text-align: center;

    font-size: 40px;

}



.grid_Testo:hover {

    /* cambio di stato del testo al momento del passaggio del mouse */

    text-shadow: 4px 4px 8px #7d7d7d;

    text-shadow: 6px 6px 12px #5e5e5e;

}



.telefono_contatti {

    /* classe per image button nella pagina Coming Soon che punta alla pagina Contatti */

    width: auto;

    height: auto;

}



.grid_CS {

    /* griglia per avere affiancate immagine e testo Coming Soon */

    display: grid;

    grid-template-columns: auto auto ;

    gap: 0px;

    padding: 0px;

}



@media only screen and (max-width: 950px) {

    .grid_CS {

        grid-template-columns: auto;

    }

}



.stringa_CS_1 {

    color: #959595;

    font-weight: bold;

    font-style: italic;

    font-size: 30px;

    text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;

}



.stringa_CS_2 {

    background-color: yellow ;

    text-decoration-line: underline overline;

}



.grid_thumb_img {

    /* griglia per visualizzazione foto dinamica da directory*/

    /* utilizza anche le classi -fig_int- e -didascalia- */

    display: grid;

    grid-template-columns: auto auto;

    grid-template-rows: auto;

    grid-gap: 12px 24px; /* spessore griglia tra colonne (1^ valore) e tra righe (2^ valore) */

    background-color: NavajoWhite; /* colore griglia */

    border: 1px #343536 solid;

    padding: 5px;

    border-radius: 5px;

    margin-left: 120px;

}



    .grid_thumb_img > div {

        /* stile cella della griglia visualizzazione foto*/

        background-color: NavajoWhite; /* colore interno cella */

        padding: 0px;

    }



@media only screen and (max-width: 1400px) {

    .grid_thumb_img {

        grid-template-columns: auto  ;

    }

}



.grid_singolo {

    /* stile griglia singola sezione pagina visualizzazione foto */

    /* permette di inserire immagine, didascalia e dati EXIF su un'unica colonna una sopra l'altra */

    display: grid;

    grid-template-columns: auto;

    grid-template-rows: auto auto auto;

    gap: 3px;

    padding: 3px;

}



    .grid_singolo > div {

        /* stile cella della griglia menù home page */

        background-color: NavajoWhite; /* colore interno cella (tema crema) */

        padding: 3px;

    }



.gridImmagine {

    /* definisce griglia per immagine dentro cella immagine */

    grid-area: immagine;

}



.gridDidascalia {

    /* definisce griglia per didascalia dentro cella immagine */

    grid-area: didascalia;

}



.gridExif {

    /* definisce griglia per dati exif dentro cella immagine */

    /* formattazione cella per visualizzazione dati EXIF della foto */

    border: 1px black solid;

    padding: 1px;

    background-color: #ebebeb;

    margin: auto;

    margin-top: auto;

    margin-bottom: auto;

    font-size: 12px;

}



.panel_nav_dir {

    margin: auto;

    width: 400px;

    font-size: 24px;

    text-align : Center;

}



.panel_nav_coll {

    margin: auto;

    width: 600px;

    font-size: 36px;

    text-align: Center;

}



.grid_nav_coll_rapid {

    /* griglia per pannello navigazione collezione automodelli e scelta rapida */

    display: grid;

    grid-template-columns: 400px auto 400px;

    grid-template-rows: auto;

    grid-gap: 2px 2px; /* spessore griglia tra colonne (1^ valore) e tra righe (2^ valore) */

    padding: 2px;

    border-radius: 1px;

}



@media only screen and (max-width: 1600px) {

    .grid_nav_coll_rapid {

        grid-template-columns: 400px auto;

    }

}



@media only screen and (max-width: 1000px) {

    .grid_nav_coll_rapid {

        grid-template-columns: auto ;

    }

}



.lbl_sel_rap {

    /* Formattazione label per selezione rapida modello da ListBox in pagina COLLEZIONE AUTOMODELLI*/

    /* e label titolo post in pagina SLOT CAR */

    font-weight: bold;

    writing-mode : horizontal-tb;

}



.grid_nav_coll {

    /* griglia per pannello navigazione collezione automodelli */

    display: grid;

    grid-template-columns: auto auto auto;

    grid-template-rows: auto;

    grid-gap: 2px 2px; /* spessore griglia tra colonne (1^ valore) e tra righe (2^ valore) */

    padding: 2px;

    border-radius: 1px;

}



.btn_nav_dir {

    /* Formattazione pulsanti del pannello di navigazione FOTO e COLLEZIONE */

    font-size: xx-large;

}



.map_site {

    /* Formattazione titoli Mappa Sito */

    color: MediumBlue;

}



.tit_coll {

    /* Formattazione titolo pagina Collezione */

    color: DarkOrange;

}



.mod_coll {

    /* Formattazione descrizione modello auto in pagina collezione */

    color: #959595;

    font-weight: bold;

    font-style: italic;

    text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;

}



.ver_coll {

    /* Formattazione descrizione versione auto in pagina collezione */

    color: black;

    font-weight: bold;

    font-size: 66%;

    font-style: normal ;

    text-shadow: 0 0 0, 0 0 0, 0 0 0, 0 0 0;

}



.grid_thumb_coll {

    /* griglia per visualizzazione immagini modelli dinamiche da directory*/

    /* utilizza anche le classi -fig_int- e -didascalia- */

    display: grid;

    grid-template-columns: auto auto;

    grid-template-rows: auto;

    grid-gap: 12px 24px; /* spessore griglia tra colonne (1^ valore) e tra righe (2^ valore) */

    background-color: OldLace; /* colore griglia */

    border: 1px #343536 solid;

    padding: 5px;

    border-radius: 5px;

    margin-left : 120px;

}



    .grid_thumb_coll > div {

        /* stile cella della griglia visualizzazione foto*/

        background-color: OldLace; /* colore interno cella */

        padding: 0px;

    }



@media only screen and (max-width: 1400px) {

    .grid_thumb_coll {

        grid-template-columns: auto;

    }

}



.grid_singolo_mod {

    /* stile griglia singola sezione pagina visualizzazione modelli auto */

    /* permette di inserire immagine e didascalia (produttore e codice modello) su un'unica colonna una sopra l'altra */

    display: grid;

    grid-template-columns: auto;

    grid-template-rows: auto auto ;

    gap: 3px;

    padding: 3px;

}



    .grid_singolo_mod > div {

        /* stile cella della griglia menù home page */

        background-color: OldLace; /* colore interno cella (tema crema) */

        padding: 3px;

    }



.pan_doc_modello {

    border: 0px;

    margin-right: 8PX;

    margin-bottom: 11px;

    width: 800px;

    height: 600px;

}



.libro_panel {

    border: black double;

    padding: 5px;

    border-radius: 5px;

    width: 100px;

    height: auto;

    margin-right: 0px;

    display: block;

    background-color: #CCFFFF;

    float: left;

    position: fixed;

}



@media only screen and (max-width: 950px) {

    .libro_panel {

        position: static;

    }

}



.lbl_libro_3D {

    color: #ff0b21;

    text-align: center;

    font-weight: bold;

    font-family: Verdana;

    font-size: 24px;

    writing-mode: vertical-rl;

    margin-left: auto;

    margin-right: auto;

    margin-bottom: 5px;

    margin-top: 5px;

    animation: lamp_CS_libro_3D 2s infinite;

}



@keyframes lamp_CS_libro_3D {

    from {

        color: #ff0b21;

    }



    to {

        color: #CCFFFF;

    }

}



.tema_foto_panel {

    border: black double;

    padding: 5px;

    border-radius: 5px;

    width: 100px;

    height: auto;

    margin-right: 0px;

    display: block;

    background-color: #f9d57b;

    float: left;

    position: fixed;

}



@media only screen and (max-width: 950px) {

    .tema_foto_panel {

        position: static;

    }

}



.tit_raccolte {

    /* Formattazione titolo pannello raccolte tematiche Foto */

    color: black;

    /*    color: whitesmoke;    colore testo label *PRINA* di inserire animazione */

    text-align: center;

    font-weight: bold;

    font-size: larger;

    animation: lamp_tit-racc 5s infinite;

    animation-delay: 2s;

}



@keyframes lamp_tit-racc {

    from {

        color: black;

    }



    to {

        color: #f9d57b;

    }

}



.sep_elem_blog {

    /* separatore elementi blog SLOT CAR */

    background-color: grey; /* colore riga superiore a titolo elemento */

}



.blog1 {

    height: 775px;  /* 75 pixel in più rispetto all'altezza dell'iframe ("frame.blogx") */

}



.frame_blog {

    /* formattazione elemento iframe contenente il documento del post nel blog SLOT CAR */

    border: 0px;

    margin-right: 8px;

    margin-bottom: 11px;

    width: 100%;

}



.panel_nav_blog {

    /* Formattazione pannello navigazione pagine blog SLOT CAR */

    border-style: solid;

    border-radius: 5px;   

    border-color: DarkKhaki;

    margin-left: 0px;

    margin-right: 0px;

    width: 200px;

    text-align: center;

}



.btn_nav_dir {

    /* Formattazione pulsanti del pannello di navigazione blog SLOT CAR */

    border-color: #ebde3d;

    font-size: xx-large;

}



.btn_nav_post_pre {

    /* Formattazione pulsante *POST PRECEDENTI* del pannello di navigazione blog SLOT CAR */

    margin-left: 0px;

}



.btn_nav_post_succ {

    /* Formattazione pulsante *POST SUCCESSIVI* del pannello di navigazione blog SLOT CAR */

    margin-right : 0px;

}



.lbl_pad {

    /* Formattazione label pannello navigazione blog SLOT CAR (serve solo a distanziare i pulsanti) */

    color: DarkKhaki;

    text-align: center;

}



.test_htm {

    /* test lettura file .htm senza iframe */

    font-size: xx-large  ;

    border : double;

}