/*-------------- type selector---------------------------------
*/
body{
  font-family: Helvetica, Verdana, Arial, sans-serif; /*Font default*/
  font-size: 6px;   /*Dimensione Font nel body */
  color:#ffffff;
  margin: 0px;                                        /*Spazio esterno*/
  padding:0px;                                        /*Spazio interno*/
  /*sfondo*/
  background-image: url("../immagini/bg.png");        /*Immagine di sfondo*/
  background-repeat: repeat;                          /*ripete sfondo in Y e X*/
  /*background-repeat: repeat-y;  */                      /*usare "no-repeat;" per sfondo non ripetuto*/
  /*background-attachment: fixed; */                      /*commentare questa riga per avere sfondo ripetuto*/
  /*background-position: top center;*/                    /*sfondo posizionato in alto e in centro*/
}

li{
   margin:0 0 10px 0; /*spaziatura interlinea elenco puntato*/
}

img { 
   border:0px solid black; /*nessun bordo a tutte le immagini*/
}

ul{ 
  list-style-type: disc; /*tipo elenco puntato*/
}

/*-------------- class Selector -------------------------------
Es:  .mytitle */

/*Titoli : colore + grandezza + effetto ombra */
p.titoli {
    font-size: 26px;
    color:#e35719;                      /*colore titoli*/
    /*text-shadow: -2px 0px #000000;*/  /*effetto ombra*/
    font-weight:bold;                   /* grassetto*/
    margin:0px;
    padding:0px;
    text-align: center;
    
} 

p.titoli_arancio {
    font-size: 26px;
    color:#e35719;                      /*colore titoli*/
    /*text-shadow: -2px 0px #000000;*/  /*effetto ombra*/
    font-weight:bold;                   /* grassetto*/
    margin:0px;
    padding:0px;
    text-align: center;
    
} 

/*Titoli SECONDARI: colore + grandezza.*/
p.sottotitoli {
    font-size: 20px;
    color:#e35719;    /*colore*/
    font-weight:regular; /* no grassetto*/
    margin:0px;
    padding:0px;
    text-align: center;  
} 

/*Titoli SECONDARI: colore + grandezza. */
span.pulitovincente {
    font-size: 18px;
    color:#e35719;    /*colore*/
    font-weight:bold; /* grassetto*/
    margin:0px;
    padding:0px;
} 

/*DIV Section */
div.section {
    border:0px solid red;           /*bordi del divide. Impostato a 1 è utile per VEDERE se il DIV è graficamente corretto*/
    overflow: hidden;               /*scroll sempre nascosti*/
    font-size: 16px;                /*Dimensione font nel DIV. Il tipo di font è ereditato dal body*/
    margin:0px auto;                /*centra orizz. questo il DIV nel DIV container*/
    /*width:600px;                    definisce larghezza*/ /* la larghezza è determinata dal padding di BOX_SX*/
    text-align: justify;
    /*background-color: white; */   /*definisce colore sfondo*/
    /*effetto:*/
    /*border-width: 0px; */
    /*border-style: solid; */
    /*border-color: #DDDDDD; */
    /*border-radius: 20px;  /*bordi arrotondati*/
    /*box-shadow: 7px 7px 20px -5px;*/  /*effetto ombra*/
} 

/* Parametri per tabella sfondo grigio*/
table.tablebggray
{
  border-collapse: collapse;
  border-spacing: 0;
  border:0px solid red;
  margin: 0 auto;
  font-size: 16px;
  table-layout:fixed;/*forza la tabella a mantenere le larghezze delle colonne*/
  background-color:#6a6a6a; /*colore sfondo tabella*/
}

table.tablebggraypadd
{
  border-collapse: separate;
  border-spacing: 20px 20px;
  border:0px solid red;
  margin: 0 auto;
  font-size: 16px;
  table-layout:fixed;/*forza la tabella a mantenere le larghezze delle colonne*/
  background-color:#6a6a6a; /*colore sfondo tabella*/
}


td.tabrow
{
  text-align:left;
  vertical-align:middle;
  border:0px solid white;
}


/*-----------------ID selector --------------------------------
Es: div#menu*/

/*Div principale che contiene tutti i DIV*/
div#container {
  border:0px solid black;
  overflow: hidden;   
  width: 900px;
  margin:0px auto; /*centra il DIV nella pagina. 20px permette di staccare il DIV all'inizio della pagina*/
  background: black;
  /*effetto:*/
  border-width: 1px; 
  border-color: #000000; 
  /*border-radius: 20px; */  /*bordi arrotondati*/
  box-shadow: 7px 5px 24px 0px #a3956e, 0px 0px 40px #a3956e;  /*sfumatura*/
}

/*immagine Logo Top pagina*/
div#LogoTop {
  border:0px solid black;
  overflow: hidden; 
  width: 900px;
  height: 410px;
  background-image: url('../immagini/banner.png');
  background-repeat: no-repeat;
  background-position: top center;   
}  

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*DIV Menu TOP */   
div#box_menutop {  
  border:0px solid red;
  margin: 0 auto;
  overflow:hidden;
  width:900px;
  height:38px;
  background-color: #e35719; /*arancio*/
  position: relative;   /*Questa istruzione (abbinata a position:absolute) permette di inserire all'interno un altro DIV e posizionarlo dove si vuole*/
} 

/*Pulsanti social*/
div#social_mini {
    border:0px solid blue;
    width: 140px;
    height: 36px;
    position: absolute; /*Questa istruzione (abbinata a position:relative) permette posizionare questo DIV all'interno di un DIV*/
    top: 0px;           /*Definisce la posizione top*/
    right: 0px;         /*Definisce la posizione right*/
    padding:3px;        /*Inserisce 3px di spazio dal bordo verso l'interno per centrare le icone*/
}

/*email nel box_menutop centrata*/
div#social_mini2 {
    border:0px solid yellow;
    font-size: 14px; 
    width: 220px;       /* definisco la larghezza del box*/
    height: 36px;
    position: absolute; /*Questa istruzione (abbinata a position:relative) permette posizionare questo DIV all'interno di un DIV*/
    top: 0px;           /*Definisce la posizione top*/
    left: 0;          /*Definisce la posizione left*/
    margin-left:0px; /*tolgo la metà di 'width' e ottengo la centratura*/
    padding:3px;        /*Inserisce 3px di spazio dal bordo verso l'interno per centrare le icone*/
}

/*email nel menutop*/
img#chiocciola{
  vertical-align: middle; /*la centratura verticale permette di centrare anche il testo inserito di seguito.*/
}

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*DIV Menu */   
div#box_menu {  
  border:0px solid red;
  margin: 0 auto;
  overflow:hidden;
  width:900px;
  height:36px;
  background-color: #e35719; /*colore sfondo*/
} 
   
object#menu {
  border:0px ridge blue;
  width:898px;
  height:38px;
}  


/*DIV SX */
div#Box_SX {
  border:0px solid green;
  margin: 0 auto;
  overflow: hidden; 
  width: 600px;  /*630-(15x2)(padding)*/
  float:left;    /*rende il div tipo FLOAT allineato a sinistra*/
  padding: 15px;  /*margini interni*/
}

/*DIV DX */
div#Box_DX {
  border:0px solid red;
  margin: 0 auto;
  overflow: hidden; 
  width: 240px;   /*270-(15x2)(padding)*/
  float:right;    /*rende il div tipo FLOAT allineato a destra*/
  padding: 15px;  /*margini interni*/
}

object#col_dx {
  border:0px ridge blue;
  width:240px;  /*270-(15x2)(padding)*/
  height:1100px; /*definisce altezza colonna destra*/
}  

/*tasto continua a leggere*/
div#tasto {
  border:0px solid lightgrey;
  overflow: hidden; 
  width: 600px;
  height: 36px;
  margin-top: 10px; /*aggiunge spazio sopra il DIV*/
  background-image: url('../immagini/tasto.png');
  background-repeat: no-repeat;
  background-position: top center;     
}   
 
/*immagine decorazione*/
div#FooterGraph {
  border:0px solid lightgrey;
  overflow: hidden; 
  width: 900px;
  /*height: 92px;*/
  margin-top: 10px; /*aggiunge spazio sopra il DIV*/
  background-image: url('../immagini/footer.jpg');
  background-repeat: no-repeat;
  background-position: top center;     
}  
/*foto DOPPIA garanzia oro 100%*/
div#coccarda{
  border:0px solid lightgrey;
  float:left;
  overflow: hidden; 
  width: 600px;
  height: 300px;
  margin:15px;
 /*margin-top: 10px; aggiunge spazio sopra il DIV*/
  background-image: url('../immagini/coccarda.jpg');
  background-repeat: no-repeat;
  background-position: top center;  
}    

/*foto garanzia oro 100%*/
div#coccarda2{
  border:0px solid lightgrey;
  float:left;
  overflow: hidden; 
  width: 600px;
  height: 300px;
  margin:15px;
 /*margin-top: 10px; aggiunge spazio sopra il DIV*/
  background-image: url('../immagini/coccarda2.jpg');
  background-repeat: no-repeat;
  background-position: top center;     
}    

/*foto logo */
div#logo_eb{
  border:0px solid lightgrey;
  float:left;
  overflow: hidden; 
  width: 600px;
  height: 235px;
  margin:15px;
 /*margin-top: 10px; aggiunge spazio sopra il DIV*/
  background-image: url('../immagini/logo_eb.jpg');
  background-repeat: no-repeat;
  background-position: top center;     
}    

/*foto garanzia oro 100%*/
div#carta{
  border:0px solid lightgrey;
  float:left;
  overflow: hidden; 
  width: 600px;
  height: 500px;
  margin:15px;
 /*margin-top: 10px; aggiunge spazio sopra il DIV*/
  background-image: url('../immagini/carta.png');
  background-repeat: no-repeat;
  background-position: top center;     
}    

/*foto cover manuale grande*/
div#manuale_grande{
  border:0px solid lightgrey;
  float:left;
  overflow: hidden; 
  width: 600px;
  height: 493px;
  margin:15px;
 /*margin-top: 10px; aggiunge spazio sopra il DIV*/
  background-image: url('../immagini/manuale_cover.jpg');
  background-repeat: no-repeat;
  background-position: top center;     
}    

/*foto colori*/
div#foto{
  border:0px solid lightgrey;
  float:left;
  overflow: hidden; 
  width: 300px;
  height: 366px;
  margin:15px;
 /*margin-top: 10px; aggiunge spazio sopra il DIV*/
  background-image: url('../immagini/foto.png');
  background-repeat: no-repeat;
  background-position: top center;     
}   

/*foto frecce blu*/
div#frecce_blu{
  border:0px solid lightgrey;
  float:left;
  overflow: hidden; 
  width: 600px;
  height: 125px;
  margin:5px;
 /*margin-top: 10px; aggiunge spazio sopra il DIV*/
  background-image: url('../immagini/frecce_blu.png');
  background-repeat: no-repeat;
  background-position: top center;     
}    

/*foto frecce blu bis*/
div#frecce_blu_bis{
  border:0px solid lightgrey;
  float:left;
  overflow: hidden; 
  width: 600px;
  height: 125px;
  margin:5px;
 /*margin-top: 10px; aggiunge spazio sopra il DIV*/
  background-image: url('../immagini/frecce_blu_bis.png');
  background-repeat: no-repeat;
  background-position: top center;     
}    

/*foto smartphone*/
div#smartphone{
  border:0px solid lightgrey;
  float:left;
  overflow: hidden; 
  width: 600px;
  height: 600px;
  margin:5px;
 /*margin-top: 10px; aggiunge spazio sopra il DIV*/
  background-image: url('../immagini/smartphone.jpg');
  background-repeat: no-repeat;
  background-position: top center;     
}    

/*Piè di pagina*/
div#Footer {
  overflow: hidden;   
  text-align: center;
  font-size: 10px;
  /*background: lightgrey;*/
}



/*fascia */
div.fascia {
  }

/*Paragrafo con testo giustificato*/
p.testogiustificato {
  text-align: justify;
}

/*Paragrafo con testo centrato*/
p#testocentrato {
  text-align: center;
}

/* stile dei link */
.titolo a:link {color: #72756B; text-decoration: none; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.4);}
.titolo a:active {color: #72756B; text-decoration: none; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.4);}
.titolo a:visited {color: #72756B; text-decoration: none; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.4);}
.titolo a:hover {color: #869239; text-decoration: none; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.4);}
/* intestazioni */
h1 {
	font-size: 20px;
	font-weight: normal;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.4);
}
/* stili assortiti */
p {padding: 0 0 8px;}
.clear {clear: both;}
.simboli {font-size: 12px;}
.simboli, .separa {color: #B2AAB0; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);}
/* struttura */
#contenitore {
	width: 700px;
	padding: 0 0 30px;
	margin: 0 auto;
}

/* Parametri per tabella */
table#tabella
{
  width:600px;
  border-collapse: collapse; 
  border-spacing: 0;
  border:0px solid white;
  margin: 0 auto;
  table-layout:fixed;/*forza la tabella a mantenere le larghezze delle colonne*/
}

td.tabrowcenter
{
  text-align:center;
  vertical-align:top;
  border:0px solid black;
}

/*testo sotto i video e foto*/
p.testo_descrizioni
{
  font-size: 14px;
  word-spacing: 0;
  text-indent: 0;
  line-height: 100%;
  margin: 0;
  text-align:center;
}
/* FINE - Parametri per tabella */