/* ===== IMPOSTAZIONE CORPO */
body {
margin-left:0px; margin-right:0px; margin-top:10px; margin-bottom:0px;
}


/* ===== FONT STANDARD */
p  {
font-family: Arial;
font-size:14px;
font-weight: normal; 
margin: 0px;
line-height: 24px;
color: #333333;
}


/* ===== COLORE FONT */ 
.Colore_Carattere_Sessioni { color: #000066; }
.Colore_Carattere_Corpo { color: #333333; }


/* ===== Colore_Carattere ICONE */ 
.material-icons.size { font-size: 36px;    margin: 0px;}
.material-icons.color { color: #000066; }


/* ===== BOX MENU ALTO */
.Box_Menu_Alto {
width:90%;
margin: 10px 5% 40px 5%;
// border-bottom:#003399 1px solid; 
// border-top:#003399 1px solid; 
/* background:#f9f9f9; */
text-align:center;
/* padding: 10px 0px 10px 0px; */
/* background:url('../Immagini_Base/Sfondo_Menu.png') no-repeat center bottom ; background-size:100% 30px; */
}


/* ===== IMMAGINE LOGO ALTO */
img#Immagine_Logo_Alto {
width: 20%;
margin: 10px 40% 10px 40%;
}


/* ===== Box_Corpo 	*/	
.Box_Corpo{
width:70%;	
float:left; 
// min-width: 1000px;
margin: 0px 15% 0px 15%;
// background:#f9f9f9;
} 



/* ===== Box_Due_Divisioni */		
.Box_Due_Divisioni{
width:46%;	
float:left; 
margin: 0px 2% 0px 2%;
// background:#f9f9f9;
}



/* ===== BOX TITOLI */		
.Box_Titoli{
width:100%;	
background:#E5E5E5;
margin : 50px 0% 30px 0%;
padding : 10px 0% 10px 0%;
text-align: center;

 box-shadow:        5px 5px 10px rgba(50, 50, 50, 0.75); 
-moz-box-shadow:    5px 5px 10px rgba(50, 50, 50, 0.75);
-webkit-box-shadow: 5px 5px 10px rgba(50, 50, 50, 0.75); 
}


/* ===== Box_Foto_La_Tua_Card */
.Box_Foto_La_Tua_Card {
width:30%;	
float:left;
margin: 5px 35% 20px 35%;

padding: 5px;

border: 1px solid rgb(204, 204, 204); 

border-radius: 3px; 
-moz-border-radius: 3px;
-webkit-border-radius: 3px; 

-webkit-box-shadow: 5px 5px 10px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    5px 5px 10px rgba(50, 50, 50, 0.75);
box-shadow:         5px 5px 10px rgba(50, 50, 50, 0.75);

}

/* ===== Box_Icone_La_Tua_Card E ACCESSO RISERVATO */
.Box_Icone_La_Tua_Card {
width: 5%;
float:left; 
background-color:#E5E5E5; 

margin: 10px 0% 10px 2%;
padding: 40px 2% 0px 2%;

text-align: center;

box-shadow:         5px 5px 10px rgba(50, 50, 50, 0.75); 
-moz-box-shadow:    5px 5px 10px rgba(50, 50, 50, 0.75);
-webkit-box-shadow: 5px 5px 10px rgba(50, 50, 50, 0.75); 

height: 72px;
}

/* ===== Box_Testo_La_Tua_Card usato anche per ACCESSO RISERVATO */

.Box_Testo_La_Tua_Card {
width:33%;
float:left; 

margin: 10px 2% 10px 0%;
padding: 20px 2% 20px 2%;

box-shadow:         5px 5px 10px rgba(50, 50, 50, 0.75); 
-moz-box-shadow:    5px 5px 10px rgba(50, 50, 50, 0.75);
-webkit-box-shadow: 5px 5px 10px rgba(50, 50, 50, 0.75); 

overflow:hidden;

height: 72px;
}



/* ===== Box_Testo_Descrizione_La_Tua_Card  */

.Box_Testo_Descrizione_La_Tua_Card {
width:83%;
// min-height : 67px;
float:left; 
// background-color:#E5E5E5; 
//line-height: 24px;
margin: 10px 2% 10px 0%;
padding: 20px 2% 20px 2%;

box-shadow:         5px 5px 10px rgba(50, 50, 50, 0.75); 
-moz-box-shadow:    5px 5px 10px rgba(50, 50, 50, 0.75);
-webkit-box-shadow: 5px 5px 10px rgba(50, 50, 50, 0.75);


//overflow:hidden;

height: 72px;
}


/* ===== Box_Centrale_Descrizione_La_Tua_Card USATO PER IL MIO PROFILO E I MIEI DATI FISCALI */		

.Box_Centrale_Descrizione_La_Tua_Card {
width:60%;	
float:left; 
margin: 20px 18% 0px 18%;
padding: 20px 2% 20px 2%;

box-shadow:         5px 5px 10px rgba(50, 50, 50, 0.75); 
-moz-box-shadow:    5px 5px 10px rgba(50, 50, 50, 0.75);
-webkit-box-shadow: 5px 5px 10px rgba(50, 50, 50, 0.75);
}


/* ===== Box_Icone_La_Tua_Card */
.Box_Icone_I_Miei_Link_Pubblici_La_Tua_Card {
width: 5%;
float:left; 
background-color:#E5E5E5; 

padding: 40px 2%  0px 2%;
margin: 10px 0% 10px 2%;

text-align: center;

box-shadow:         5px 5px 10px rgba(50, 50, 50, 0.75); 
-moz-box-shadow:    5px 5px 10px rgba(50, 50, 50, 0.75);
-webkit-box-shadow: 5px 5px 10px rgba(50, 50, 50, 0.75); 

height: 400px;
}

/* ===== Box_Testo_La_Tua_Card  */

.Box_Testo_I_Miei_Link_Pubblici_La_Tua_Card {
width:83%;
float:left; 

margin: 10px 2% 10px 0%;
padding: 20px 2% 20px 2%;

box-shadow:         5px 5px 10px rgba(50, 50, 50, 0.75); 
-moz-box-shadow:    5px 5px 10px rgba(50, 50, 50, 0.75);
-webkit-box-shadow: 5px 5px 10px rgba(50, 50, 50, 0.75); 


height: 400px;
}


/* ======================================================== FONT CENTRATURA */

 
#Centrato { text-align:center; }

/* ======================================================== FONT GIUSTIFICATO */

 
#Giustificato { text-align:justify; }

/* ======================================================== FONT LINK */

a  {
   font-family: Verdana;
   font-size: 14px;
   color: #29166F;
   text-decoration: none;
   }

a:hover   { color:#00923F; }



/* ======================================================== BOX MENU BASSO */

.Box_Menu_Basso {
width:90%;
float:left;
margin: 40px 5% 0px 5%;
// border-bottom:#003399 1px solid; 
// border-top:#003399 1px solid; 
/*  background:#f9f9f9;*/
/* padding: 10px 0px 10px 0px;*/

font-family: Arial;
font-size:13px;
font-weight: normal; 
color:#003399;
text-align:center;
}




/* ======================================================== BOTTONE OMBREGGIATO */
 
.cta.button {
width: 50%;
background:#000066;
margin : 60px 0% 30px 0%;
padding : 5px 10px 5px 10px;

border: 0px solid;

 box-shadow:        5px 5px 10px rgba(50, 50, 50, 0.75); 
-moz-box-shadow:    5px 5px 10px rgba(50, 50, 50, 0.75);
-webkit-box-shadow: 5px 5px 10px rgba(50, 50, 50, 0.75); 

font-family: Arial;
font-size:14px;
font-weight: normal; 
text-align: center;
line-height: 24px;
color: #ffffff; 

cursor:pointer;
}


/* ======================================================== BOTTONE OMBREGGIATO */
 
.cta2.button2 {
width: 30%;
background:#000066;
margin : 0px 0% 30px 0%;
padding : 5px 10px 5px 10px;

border: 0px solid;

 box-shadow:        5px 5px 10px rgba(50, 50, 50, 0.75); 
-moz-box-shadow:    5px 5px 10px rgba(50, 50, 50, 0.75);
-webkit-box-shadow: 5px 5px 10px rgba(50, 50, 50, 0.75); 

font-family: Arial;
font-size:14px;
font-weight: normal; 
text-align: center;
line-height: 24px;
color: #ffffff; 

cursor:pointer;
}



/* ======================================================== TESTO DI IMMISSIONE TEXT STANDARD */

input[type='Nome_Pubblico_Accesso'],
input[type='Password'],

input[type='Nome_Utente_Nuovo'],
input[type='Password_Nuovo'],
input[type='Scadenza_Contratto_Nuovo'],


input[type='Nominativo'],
input[type='Azienda_Professione'],
input[type='Descrizione'],

input[type='Cellulare'],
input[type='Telefono'],
input[type='Email_Ordinaria'],
input[type='Email_PEC'],

input[type='Sito_Internet'],
input[type='Indirizzo'],
input[type='Citta_Provincia'],

input[type='Contatto_WhatsApp'],
input[type='Contatto_Telegram'],
input[type='Contatto_Skype'],

input[type='Pagina_Facebook'],
input[type='Gruppo_Facebook'],
input[type='Profilo_Facebook'],

input[type='Account_Instagram'],
input[type='Canale_YouTube'],
input[type='Canale_Twitch'],

input[type='Pagina_Linkedin'],
input[type='Gruppo_Linkedin'],
input[type='Account_Linkedin'],
input[type='Profilo_TikTok'],

input[type='Canale_Telegram'],
input[type='Gruppo_Telegram'],

input[type='Ragione_sociale'],
input[type='Indirizzo_Fiscale'],
input[type='Partita_Iva'],
input[type='Codice_Fiscale'],
input[type='Codice_univoco'],
input[type='Email_PEC_Fiscale'],
input[type='Iban']


 {
	
width: 100%;
 
font-family: Arial;
font-size:14px;
font-weight: normal; 
color:#666666;

border-top: 1px solid rgb(255, 255, 255); 
border-bottom: 1px solid rgb(204, 204, 204); 
border-left: 0px solid rgb(204, 204, 204); 
border-right: 0px solid rgb(204, 204, 204); 
}



/* ======================================================== TESTO DI IMMISSIONE SFOGLIA */

input[type='file'] {

width: 100%;
 
font-family: Arial;
font-size:14px;
font-weight: normal; 
color:#666666;
padding: 3px;

cursor:pointer;

margin-top: 5px;
}




/* ======================================================== TESTO DI IMMISSIONE TEXTAREA 


TextArea{

width: 100%;
 
font-family: Arial;
font-size:14px;
font-weight: normal; 
color:#666666;

border-top: 1px solid rgb(255, 255, 255); 
border-bottom: 1px solid rgb(204, 204, 204); 
border-left: 0px solid rgb(204, 204, 204); 
border-right: 0px solid rgb(204, 204, 204); 

overflow:auto;
overflow:hidden;
resize:none;

}

*/

/* ======================================================== RADIO */

input[type='radio']
 {
height: 14px;
width: 14px;
}


/* ======================================================== checkbox */

input[type='checkbox'] {
width: 14px;
height: 14px;
}

/* ======================================================== Box_Colori */

.Box_Colori {
width:23%;
float:left;
margin: 2px 1% 0px 1%;
/* border-bottom:#003399 1px solid; */
/* border-top:#003399 1px solid; */
/*  background:#f9f9f9;*/
/* padding: 10px 0px 10px 0px;*/

text-align:center;
}




/* ====================================================================================================================================================== TAB e CELLULARE */




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


.Box_Menu_Alto {
width:100%;
margin: 10px 0% 40px 0%;
}


/* ===== IMMAGINE LOGO ALTO */
img#Immagine_Logo_Alto {
width: 70%;
margin: 10px 15% 10px 15%;
}


/* ===== Box_Corpo */		
.Box_Corpo{
width:90%;	
min-width: 90%;
margin: 0px 5% 0px 5%;
}


/* ===== Box_Due_Divisioni */		
.Box_Due_Divisioni{
width:100%;	
margin: 0px 0% 0px 0%;
}



/* ===== BOX TITOLI */		
.Box_Titoli{
margin : 30px 0% 30px 0%;
padding : 5px 0% 5px 0%;
}


/* ===== Box_Foto_La_Tua_Card */
.Box_Foto_La_Tua_Card {
width:60%;	
margin: 5px 15% 20px 15%;
}


/* ===== Box_Icone_La_Tua_Card E ACCESSO RISERVATO */
.Box_Icone_La_Tua_Card {
width: 12%;
margin: 10px 0% 10px 2%;
padding: 40px 2% 0px 2%;
}


/* ===== Box_Testo_La_Tua_Card usato anche per ACCESSO RISERVATO */
.Box_Testo_La_Tua_Card {
width:72%;
margin: 10px 2% 10px 0%;
padding: 20px 4% 20px 4%;
}



/* ===== Box_Testo_Descrizione_La_Tua_Card  */
.Box_Testo_Descrizione_La_Tua_Card {
width:72%;
margin: 10px 2% 10px 0%;
padding: 20px 4% 20px 4%;
}



/* ===== Box_Centrale_Descrizione_La_Tua_Card USATO PER IL MIO PROFILO E I MIEI DATI FISCALI */		
.Box_Centrale_Descrizione_La_Tua_Card {
width:88%;	
margin: 20px 2% 0px 2%;
padding: 20px 4% 20px 4%;
}


/* ===== Box_Icone_La_Tua_Card */
.Box_Icone_I_Miei_Link_Pubblici_La_Tua_Card {
width: 12%;
margin: 10px 0% 10px 2%;
padding: 40px 2% 0px 2%;
}


/* ===== Box_Testo_La_Tua_Card  */
.Box_Testo_I_Miei_Link_Pubblici_La_Tua_Card {
width:72%;
margin: 10px 2% 10px 0%;
padding: 20px 4% 20px 4%;
}







/* ======================================================== BOX MENU BASSO */

.Box_Menu_Basso {
width:100%;
margin: 40px 0% 0px 0%;
}




/* ======================================================== BOTTONE OMBREGGIATO */
 
.cta.button {
width: 60%;
}


/* ======================================================== BOTTONE OMBREGGIATO */
 
.cta2.button2 {
width: 60%;
}



}