html, body {
margin:0px;
padding:0px;
background-color:#ffffff;
}
a:link, a:visited {
 color : #0463D0;
 font-weight:bold;
 text-decoration:none;
 border:0px;
}
a:hover {
 color:#ffffff;  
 font-weight: bold; 
 background-color:#0463D0;
 text-decoration: overline underline;
}
.div-titolo-left{
display:inline;	
min-width:80%;
min-height:150px;
float:left;
}

.div-titolo-right{
display:inline;	
min-width:20%;
min-height:150px;
vertical-align:middle;
padding-top:50px;
clear:left;
}

.titolo-page{
font-family:Arial, Helvetica, sans-serif; 
font-size: 30px;
font-weight:normal;
text-align:center;
color:gray; 
margin-top: 20px;
margin-bottom: 10px;
}
.titolo-page-sotto{
font-family:Arial, Helvetica, sans-serif; 
font-size: 26px;
font-weight:normal;
text-align: center;
color: gray; 
margin-top:0px;
margin-bottom:20px;
}
.titolo-altro{
font-family:Arial, Helvetica, sans-serif; 
font-size: 26px;
font-weight:normal;
text-align: center;
color: gray; 
margin-top:0px;
margin-bottom:8px;
}
.color-red {
color:red;
}

.Associazione{
font-family:"Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
font-size: 35px;
text-align: center;
color: gray; 
margin-top:5px;
margin-bottom:5px;
font-style:italic;
line-height:normal;
}
p{
margin-top: 0px;
margin-bottom: 7px;
font-family:Roboto, Calibri, Arial, Helvetica, sans-serif;
font-size:16px;
line-height:normal;
}
.messaggio{
font-family:Roboto, Calibri, Arial, Helvetica, sans-serif;
font-size:18px;
text-align:center;
line-height:normal;
margin:7px 0px 7px 0px;
padding:0px;
color:#000000;
font-style:italic;
}


.corpo{
font-family:Roboto, Calibri, Arial, Helvetica, sans-serif;
font-size:16px;
text-align:justify;
line-height:normal;
margin-bottom:7px;
}
.corpoC{
font-family:Roboto, Calibri, Arial, Helvetica, sans-serif;
font-size:16px;
text-align:center;
line-height:normal;
margin:0px 0px 7px 0px;
padding:0px;
color:#000000;
}

.corpoR{
font-family:Roboto, Calibri, Arial, Helvetica, sans-serif;
font-size:16px;
text-align:right;
line-height:normal;
margin-bottom:7px;
}
.corpoL{
font-family:Roboto, Calibri, Arial, Helvetica, sans-serif;
font-size:16px;
text-align:left;
line-height:normal;
margin-bottom:7px;
}

.rientro-corpo1 {
text-indent: 0.8em;
font-family:Roboto, Calibri, Arial, Helvetica, sans-serif;
font-size:16px;
text-align:justify;
line-height:normal;
margin-bottom:7px;
}


.spazio{
margin-top:0px;
margin-bottom:0px;
text-align:center;
font-size:6px;
}
ul {
font-family:Roboto, Calibri, Arial, Helvetica, sans-serif;
font-size:16px;
margin-left: 15px;
padding-left:0px;
margin-bottom:3px;
margin-bottom:0px;
}

ul li::before {
color: #213452; /* Change the color */
font-weight: bold; /* If you want it to be bold */
display: inline-block; /* Needed to add space between the bullet and the text */
}
.example ol li::before {
font-family:Calibri, Arial, Helvetica, sans-serif;
font-size:22px;
content: counter(li); color: red;
    display: inline-block; width: 1em; margin-left: -1.5em;
    margin-right: 0.5em; text-align: right; direction: rtl}

.rientro {
text-indent: 1.5em;
padding-left:0px;
margin-bottom:3px;
margin-bottom:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}

.tabella {
width:100%;
background-color: #FFFFFF;
border-collapse:separate;
}
.riga01_L {
font-family:Roboto, Calibri, Arial, Helvetica, sans-serif;
color:#000000;
font-size:13px;
text-align:left;
font-weight: bold;
background-color:#CCDBEC;
padding:5px;
}
.riga01_R {
font-family:Roboto, Calibri, Arial, Helvetica, sans-serif;
color:#000000;
font-size:13px;
text-align:right;
font-weight: bold;
background-color:#CCDBEC;
padding:5px;
}
.riga01_C {
font-family: Roboto, Calibri, Arial, Helvetica, sans-serif; 
font-size:13px;
font-weight:bold;
text-align: center;
color:#000000;
background-color:#CCDBEC;
padding:5px;
}

.riga01_L2 {
font-family:Roboto, Calibri, Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:13px;
text-align:left;
font-weight: bold;
background-color:#213452;
padding:5px;
}
.riga01_R2 {
font-family:Roboto, Calibri, Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:13px;
text-align:right;
font-weight: bold;
background-color:#213452;
padding:5px;
}
.riga01_C2 {
font-family: Roboto, Calibri, Arial, Helvetica, sans-serif; 
font-size:15px;
font-weight:bold;
text-align: center;
color: #ffffff; 
background-color:#213452;
padding:5px;
}

.riga02_C {
font-family:Roboto, Calibri, Arial, Helvetica, sans-serif;
font-size:13px;
color:#000000;
text-align:center;
background-color:#ffffff;
padding:5px;
border-bottom: 1px solid  #cccccc;
}
.riga02_L {
font-family:Roboto, Calibri, Arial, Helvetica, sans-serif;
font-size:13px;
color:#000000;
text-align:left;
background-color:#ffffff;
padding:5px;
border-bottom: 1px solid  #cccccc;
}
.riga02_R {
font-family:Roboto, Calibri, Arial, Helvetica, sans-serif;
font-size:13px;
color:#000000;
text-align:right;
background-color:#ffffff;
padding:5px;
border-bottom: 1px solid  #cccccc;
}


.riga02_C2 {
font-family:Roboto, Calibri, Arial, Helvetica, sans-serif;
font-size:13px;
color:#000000;
text-align:center;
background-color:#ffffff;
padding:5px;
border-bottom: 1px solid  #cccccc;
}
.riga02_L2 {
font-family:Roboto, Calibri, Arial, Helvetica, sans-serif;
font-size:13px;
color:#000000;
text-align:left;
background-color:#ffffff;
padding:5px;
border-bottom: 1px solid  #cccccc;
}
.riga02_R2 {
font-family:Roboto, Calibri, Arial, Helvetica, sans-serif;
font-size:1px;
color:#000000;
text-align:right;
background-color:#ffffff;
padding:5px;
border-bottom: 1px solid  #cccccc;

}


.img-right {
text-decoration:none;
border:0px;
float:right;
padding-left:20px;
padding-bottom:5px;
}
.img-left {
text-decoration:none;
border:0px;
float:left;
padding-right:20px;
padding-bottom:5px;
}

.div-tabelle {
	width:100%;
	padding:0px;
	margin:0px;
	text-align:center;
	box-sizing:content-box;
	overflow:auto;
}

.no-display {
	margin:0px;
	display:none;
}

/* Reset base */
* {
  box-sizing: border-box;
  font-family: Roboto, Calibri, Arial, Helvetica, sans-serif;
}

/* Container opzionale */
.input-group {
  position: relative;
  margin: 20px 0;
}

/* Input moderno */
.input-modern {
  width: 100%;
  padding: 3px 0px;
  font-size: 14px;
  border-radius: 8px;
  border: 2px solid transparent;
  outline: none;
  background: #f5f7fa;
  color: #1a1a1a;
  transition: all 0.25s ease;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

/* Placeholder */
.input-modern::placeholder {
  color: #9aa4b2;
  transition: opacity 0.2s ease;
}

/* Hover */
.input-modern:hover {
  background: #eef1f6;
}

/* Focus */
.input-modern:focus {
  background: #ffffff;
  border-color: #6366f1;
  box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.15);
}

/* Dark mode automatico */
@media (prefers-color-scheme: dark) {
  .input-modern {
    background: #1f2937;
    color: #f9fafb;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  }

  .input-modern:hover {
    background: #273244;
  }

  .input-modern:focus {
    background: #111827;
    border-color: #818cf8;
    box-shadow: 0 0 0 4px rgba(129, 140, 248, 0.25);
  }

  .input-modern::placeholder {
    color: #6b7280;
  }
}