@charset "UTF-8";
/* CSS Document 
Arancione: FF6F00
*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
	
}


h1, h2, h3, h4, h5, h6 {font-weight:normal;}

a { text-decoration:none;}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

img { margin:0; padding:0;}

blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
 
/* remember to define focus styles! */
:focus {
    outline: 0;
}
 
/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
 
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}



/* FASCE e DIMENSIONE BASE FASCE */
.n_cont_fascia { display: block; position: relative; width: 100%;    }
.n_cont_cent { display: block; position: relative; width: 90%; margin: 0 auto; }
.n_cont_dim { max-width: 1000px; padding: 100px 0 100px 0;  }

/* CLEAR */
.n_clear, .clear  { display: block; clear: both;}

/* BLOCK - NONE */
.n_block { display: block;} /* BLOCK DI DEFAULT */
.n_none { display: none;}

/* VARIE */
.n_cento  { display: block; width: 100%; }

/* NXN 12 COLONNE PERCENTUALI */
.n_c12_pc { display: block; box-sizing: border-box; position: relative; width: 100%; }
.n_c11_pc { display: block; box-sizing: border-box; position: relative; float: left; width: 91.66%; }
.n_c10_pc { display: block; box-sizing: border-box; position: relative; float: left; width: 83.33%; }
.n_c9_pc { display: block; box-sizing: border-box; position: relative; float: left; width: 75%; }
.n_c8_pc { display: block; box-sizing: border-box; position: relative; float: left; width: 66.66%; }
.n_c7_pc { display: block; box-sizing: border-box; position: relative; float: left; width: 58.33%; }
.n_c6_pc { display: block; box-sizing: border-box; position: relative; float: left; width: 50%; }
.n_c5_pc { display: block; box-sizing: border-box; position: relative; float: left; width: 41.66%; }
.n_c4_pc { display: block; box-sizing: border-box; position: relative; float: left; width: 33.33%; }
.n_c3_pc { display: block; box-sizing: border-box; position: relative; float: left; width: 25%; }
.n_c2_pc { display: block; box-sizing: border-box; position: relative; float: left; width: 16.66%; }
.n_c1_pc { display: block; box-sizing: border-box; position: relative; float: left; width: 8.33%; }

.n_c_dim { padding: 0 2%;  }


/* NXN TABELLE */
.n_table { display: table; }
.n_table_row { display: table-row; }
.n_table_cell { display: table-cell; }

 /* FRAME */ 
.n_c_dist { padding: 0 1.8%;  }
.n_cont_data { width: 87%; max-width: 1000px; padding: 90px 0 90px 0;  }  


/* SOCIAL */
.n_m0a { margin:  0 auto;}
.n_sn { display: block; width: 35px; margin: 0 5px;}
.n_sn:hover { opacity: 0.6;}

.n_sn img { display: block; width:100%;  }
#fill {fill:#ffc200; }


/* NXN COLONNE DESCKTOP -non usate */
.n_col_sx { display: block; float: left; width: 47%;   }
.n_col_dx { display: block; float: right; width: 47%;   }
.n_col_cx { display: block; float: right; width: 100%;   }


/* FORM */
.n_form { padding: 30px 0 0 0;}

label { /* Stili per la label */
    margin: 18px 0 0 0; /* Margini */
    display: block; /* Impostiamo la label come elemento blocco */
    font-size: 1em;
}

label span { color:#999; }
 
input[type=text], textarea { /* Stili per il campo di testo e per la textarea */
    margin: 10px 0 0 0; /* Margini */
    box-sizing: border-box;
    background: #F7F7F7; /* Colore di sfondo */
    border: 1px solid #EDEDED; /* Bordo */
    font-size: 1em;
    color: #333; /* Colore del testo */
    width: 100%; /* Larghezza */
    padding: 13px 7px; /* Padding */
}

input[type=text]:hover, textarea:hover  { background: #FFF; border: 1px solid #DDD; /* Sfondo - Bordo */  }


textarea { /* Stili specifici per la teaxtarea */
    height: 190px;
    overflow: hidden; /* disabilitare la scrollbar in IE */
}

input[type=submit] { display:block; float: left; background: #444; color: #FFF; padding: 10px 18px 10px 18px; margin: 12px 0 0 0; width: auto; text-transform: uppercase; border: none; font-size: 1em; }
input[type=submit]:hover { background: #000; }

.n_obbligatorio { display: block; float: left; padding: 20px 0 0 10px; color:#999; }
.n_antispam { display: block; width: 100%; max-width: 210px; padding: 14px 0 0 0; }

.n_tab_tb { display: table; width: 100%; padding: 20px 0 0 0; }
.n_tab_ro { display: table-row; width: 100%; }
.n_tab_ck { display: table-cell; width: 25px; vertical-align: middle; }
.n_tab_lb { display: table-cell; width: auto; vertical-align: middle; }
.n_tab_lb label { font-size: 0.9em; padding: 8px 0 8px 0; margin: 0; }
.n_tab_lb label a { color: #333; }
.n_tab_lb label a:hover { opacity: 0.6;  }


/* RESPONSIVE INDICATOR */
#n_fascia_responsive { display: block; position: fixed; right: 2px; bottom: 2px; width:auto; font-size: 0.9em; color: #FFF; }

.n_responsive_pc { display: block; background: blue; padding: 4px 6px 4px 6px; }
.n_responsive_tl { display: none; padding: 4px 6px 4px 6px; }
.n_responsive_tp { display: none; padding: 4px 6px 4px 6px; }
.n_responsive_sl { display: none; padding: 4px 6px 4px 6px; }
.n_responsive_sc { display: none; padding: 4px 6px 4px 6px; }




/* -----------------------------------
AUTO A CAPO PC - PL Phone Landscape
------------------------------------ */
@media only screen and (max-width: 568px)  {


/* AUTO A CAPO PR COLONNE NON MODIFICATE */
.n_c12_pc { display: block; box-sizing: border-box; position: relative; width: 100%; float: none; }
.n_c11_pc { display: block; box-sizing: border-box; position: relative; width: 100%; float: none; }
.n_c10_pc { display: block; box-sizing: border-box; position: relative; width: 100%; float: none; }
.n_c9_pc { display: block; box-sizing: border-box; position: relative; width: 100%; float: none; }
.n_c8_pc { display: block; box-sizing: border-box; position: relative; width: 100%; float: none; }
.n_c7_pc { display: block; box-sizing: border-box; position: relative; width: 100%; float: none; }
.n_c6_pc { display: block; box-sizing: border-box; position: relative; width: 100%; float: none; }
.n_c5_pc { display: block; box-sizing: border-box; position: relative; width: 100%; float: none; }
.n_c4_pc { display: block; box-sizing: border-box; position: relative; width: 100%; float: none; }
.n_c3_pc { display: block; box-sizing: border-box; position: relative; width: 100%; float: none; }
.n_c2_pc { display: block; box-sizing: border-box; position: relative; width: 100%; float: none; }
.n_c1_pc { display: block; box-sizing: border-box; position: relative; width: 100%; float: none; }

    
    
}


/* -----------------------------------
COMPIUTER MEDIA GRANDEZZA
------------------------------------ */
@media only screen and (max-width: 1300px) {

.n_responsive_pc { background-color: cadetblue; }


}



/* -----------------------------------
IPAD LANDSCAPE
------------------------------------ */
@media only screen and (max-width: 1024px) {

 /* FRAME */ 
.n_c_dist {  }
.n_cont_data {  padding: 80px 0 80px 0;  }  
    
/* BLOCK - NONE */
.n_block_tl { display: block;}
    
/* NXN 12 COLONNE LEFT & - TABLET LANDSCAPE */
.n_c12_tl { display: block; box-sizing: border-box; position: relative; width: 100%; }
.n_c11_tl { display: block; box-sizing: border-box; position: relative; float: left; width: 91.66%; }
.n_c10_tl { display: block; box-sizing: border-box; position: relative; float: left; width: 83.33%; }
.n_c9_tl { display: block; box-sizing: border-box; position: relative; float: left; width: 75%; }
.n_c8_tl { display: block; box-sizing: border-box; position: relative; float: left; width: 66.66%; }
.n_c7_tl { display: block; box-sizing: border-box; position: relative; float: left; width: 58.33%; }
.n_c6_tl { display: block; box-sizing: border-box; position: relative; float: left; width: 50%; }
.n_c5_tl { display: block; box-sizing: border-box; position: relative; float: left; width: 41.66%; }
.n_c4_tl { display: block; box-sizing: border-box; position: relative; float: left; width: 33.33%; }
.n_c3_tl { display: block; box-sizing: border-box; position: relative; float: left; width: 25%; }
.n_c2_tl { display: block; box-sizing: border-box; position: relative; float: left; width: 16.66%; }
.n_c1_tl { display: block; box-sizing: border-box; position: relative; float: left; width: 8.33%; }
.n_cx_tl { display: none;}
    
/* CLEAR e NASCONDI  */
.n_clear_tl  { display: block; clear: both;}
.n_none_tl { display: none;}

/* RESPONSIVE INDICATOR */
.n_responsive_pc { display: none; }
.n_responsive_tl { display: block; background-color: mediumvioletred; }
.n_responsive_tp { display: none; }
.n_responsive_sl { display: none; }
.n_responsive_sc { display: none; } 
    
}


/* -----------------------------------
IPAD PORTRAIT
------------------------------------ */
@media only screen and (max-width: 768px)  {

/* FRAME */ 
.n_c_dist { padding: 0 1.5%;  }
.n_cont_data { width: 90%; max-width: 1000px; padding: 70px 0 70px 0;  }  

/* BLOCK - NONE */
.n_block_tp { display: block;}

    
/* NXN 12 COLONNE LEFT % - IPAD PORTRAIT */
.n_c12_tp { display: block; box-sizing: border-box; position: relative; width: 100%; }
.n_c11_tp { display: block; box-sizing: border-box; position: relative; float: left; width: 91.66%; }
.n_c10_tp { display: block; box-sizing: border-box; position: relative; float: left; width: 83.33%; }
.n_c9_tp { display: block; box-sizing: border-box; position: relative; float: left; width: 75%; }
.n_c8_tp { display: block; box-sizing: border-box; position: relative; float: left; width: 66.66%; }
.n_c7_tp { display: block; box-sizing: border-box; position: relative; float: left; width: 58.33%; }
.n_c6_tp { display: block; box-sizing: border-box; position: relative; float: left; width: 50%; }
.n_c5_tp { display: block; box-sizing: border-box; position: relative; float: left; width: 41.66%; }
.n_c4_tp { display: block; box-sizing: border-box; position: relative; float: left; width: 33.33%; }
.n_c3_tp { display: block; box-sizing: border-box; position: relative; float: left; width: 25%; }
.n_c2_tp { display: block; box-sizing: border-box; position: relative; float: left; width: 16.66%; }
.n_c1_tp { display: block; box-sizing: border-box; position: relative; float: left; width: 8.33%; }
.n_cx_tp { display: none;}  

/* CLEAR e NASCONDI  */
.n_clear_tp  { display: block; clear: both;}
.n_none_tp { display: none;}   
 
    
/* RESPONSIVE INDICATOR */
.n_responsive_pc { display: none; }
.n_responsive_tl { display: none; }
.n_responsive_tp { display: block; background-color: coral; }
.n_responsive_sl { display: none; }
.n_responsive_sc { display: none; } 
    
}


/* -----------------------------------
SMARTPHONE - LANDSCAPE
------------------------------------ */
@media only screen and (max-width: 568px)  {

/* BLOCK - NONE */
.n_block_sl { display: block;}
    
/* NXN 12 COLONNE LEFT % - SMARTPHONE LANDSCAPE */
.n_c12_sl { display: block; box-sizing: border-box; position: relative; width: 100%; float: none; }
.n_c11_sl { display: block; box-sizing: border-box; position: relative; float: left; width: 91.66%; }
.n_c10_sl { display: block; box-sizing: border-box; position: relative; float: left; width: 83.33%; }
.n_c9_sl { display: block; box-sizing: border-box; position: relative; float: left; width: 75%; }
.n_c8_sl { display: block; box-sizing: border-box; position: relative; float: left; width: 66.66%; }
.n_c7_sl { display: block; box-sizing: border-box; position: relative; float: left; width: 58.33%; }
.n_c6_sl { display: block; box-sizing: border-box; position: relative; float: left; width: 50%; }
.n_c5_sl { display: block; box-sizing: border-box; position: relative; float: left; width: 41.66%; }
.n_c4_sl { display: block; box-sizing: border-box; position: relative; float: left; width: 33.33%; }
.n_c3_sl { display: block; box-sizing: border-box; position: relative; float: left; width: 25%; }
.n_c2_sl { display: block; box-sizing: border-box; position: relative; float: left; width: 16.66%; }
.n_c1_sl { display: block; box-sizing: border-box; position: relative; float: left; width: 8.33%; }
.n_cx_sl { display: none;}
    
/* CLEAR e NASCONDI  */
.n_clear_sl  { display: block; clear: both;}
.n_none_sl { display: none;}

    
/* RESPONSIVE INDICATOR */
.n_responsive_pc { display: none; }
.n_responsive_tl { display: none; }
.n_responsive_tp { display: none; }
.n_responsive_sl { display: block; background: forestgreen; }
.n_responsive_sc { display: none; } 
    
    
}



/* -----------------------------------
SMARTPHONE - PORTRAIT
------------------------------------ */
@media only screen and (max-width: 488px)  {

/* BLOCK - NONE */
.n_block_sp { display: block;}
    
/* NXN 12 COLONNE LEFT % - SMARTPHONE PORTRAIT */
.n_c12_sp { display: block; box-sizing: border-box; position: relative; width: 100%; }
.n_c11_sp { display: block; box-sizing: border-box; position: relative; float: left; width: 91.66%; }
.n_c10_sp { display: block; box-sizing: border-box; position: relative; float: left; width: 83.33%; }
.n_c9_sp { display: block; box-sizing: border-box; position: relative; float: left; width: 75%; }
.n_c8_sp { display: block; box-sizing: border-box; position: relative; float: left; width: 66.66%; }
.n_c7_sp { display: block; box-sizing: border-box; position: relative; float: left; width: 58.33%; }
.n_c6_sp { display: block; box-sizing: border-box; position: relative; float: left; width: 50%; }
.n_c5_sp { display: block; box-sizing: border-box; position: relative; float: left; width: 41.66%; }
.n_c4_sp { display: block; box-sizing: border-box; position: relative; float: left; width: 33.33%; }
.n_c3_sp { display: block; box-sizing: border-box; position: relative; float: left; width: 25%; }
.n_c2_sp { display: block; box-sizing: border-box; position: relative; float: left; width: 16.66%; }
.n_c1_sp { display: block; box-sizing: border-box; position: relative; float: left; width: 8.33%; }
.n_cx_sp { display: none;}
    
/* CLEAR e NASCONDI  */
.n_clear_sp  { display: block; clear: both;}
.n_none_sp { display: none;}
    
    
/* RESPONSIVE INDICATOR */
.n_responsive_pc { display: none; }
.n_responsive_tl { display: none; }
.n_responsive_tp { display: none; }
.n_responsive_sl { display: none;  }
.n_responsive_sc {  display: block; background-color: darkturquoise; } 
    
}