
body                {text-indent:00px; color:black; font-family: "Comic Sans MS"; font-size:10pt; line-height:150%; margin-top:0px; background-color: #C0C0C0;}
                                                                                                                                 /* background-color: #C0C0C0; #e9fce9; */
a:link                  {color: #0000FF; text-decoration: none;}
a:visited               {color: #0000FF; text-decoration: none;}
a:hover                 {color :#0000FF; text-decoration: underline;}

a:link.discretelink     {color: black;   text-decoration: none; }
a:visited.discretelink  {color: black;   text-decoration: none; }
a:hover.discretelink    {color: blue;    text-decoration: none; }

/* a.long::first-letter         {color: #0000FF; font-size: large;} */
span.fw                      {color: #0000FF;}
a.long:link                  {color: #000000; text-decoration: none;}    /* color: #0000FF;*/
a.long:visited               {color: #000000; text-decoration: none;}
a.long:hover                 {color :#000000; text-decoration: none;}
a.long:hover span.fw         {color :#0000FF; text-decoration: underline;} 
   
hr                  {height:0; border:0; border-top:1px solid #7bea7b; }
img                 {line-height: 0;  vertical-align: top;}  /*  to remove extra space below image */

table               {border-color: #7bea7b; border-style: solid; border-width: 0px; border-spacing: 0px; padding: 0px; border-collapse: collapse; max-width:900px; margin-left: auto; margin-right: auto;}
td                  {border-color: #7bea7b; border-style: solid; margin: 0px; padding: 1px; border-width: 0px; background-color: #FFFFE0; font-family: 'Comic Sans MS'; font-size:10pt;} 
/*                                                                                                          background-color: #C0C0C0; */                                                                 
  table.wb            {border-width: 0px 0px 1px 1px;}                                                        /* table class=wb with border */
  table.wb td         {border-width: 1px 1px 0px 0px; padding: 4px; font-family:Arial; font-size:10pt;}

  /* if border-color is same as background-color the border is unvisible */
  table.mt            {margin-left: auto; margin-right: auto; max-width:1300px;
                       border-color: #FFFFE0; background-color: #FFFFE0; border-width: 0px 0px 0px 0px; border-style: solid; border-spacing: 0px; border-collapse: collapse;} 
  table.mt td         {border-color: #FFFFE0; background-color: #FFFFE0; border-width: 0px 0px 0px 0px; padding: 1px;  font-family: Verdana; font-size:9pt; color: #004d00;  
                                                                                                                       text-align: center; vertical-align: middle;}
  table.mt td.right   {padding: 0px 20px 0px  5px; text-align: right;  width: 310px; } 
  table.mt td.left    {padding: 0px  5px 0px 20px; text-align: left;   width: 310px; }
  table.mt td.img     {                            text-align: center; width: 250px; }   
  /* background-image: url(index_e/cielochiaro.jpg); */
                  
p                   {text-indent: 50px; text-align: justify; color: black; font-family: Verdana; font-size: 11pt; line-height: 180%; padding: 0px 10px 0px 10px;}
p.citato            {text-indent: 00px; text-align: justify; color: black; font-family: Verdana; font-size: 10pt; line-height: 150%; margin-top: 0px; font-style: italic;}
p.notiziaPiccola    {text-indent: 00px; text-align: center;  color: black; font-family: Verdana; font-size: 8pt;  line-height: 150%; margin-top: 0px;}
p.meta              {text-indent: 00px; text-align: center;}
                        
/* h1                  {text-align: center; color: black; font-family: Arial; font-size: 18pt; font-weight: normal; line-height: 160%;} */
/* h2                  {text-align: center; color: black; font-family: Arial; font-size: 15pt; font-weight: normal; line-height: 150%;} */ 
/* h3                  {text-align: center; color: black; font-family: Arial; font-size: 13pt; font-weight: normal; line-height: 120%;} */
h1                  {text-align: center; color: #895500; font-family: Arial; font-size: 18pt; font-weight: normal;  }
h2                  {text-align: center; color: #895500; font-family: Arial; font-size: 15pt; font-weight: normal;  } 
h3                  {text-align: center; color: #895500; font-family: Arial; font-size: 13pt; font-weight: normal;  } 

.popUp2             {position: absolute; text-align: left; font-size: 12px; font-family: "Comic Sans MS"; color: blue; border: 1px solid blue; padding: 8px;
                     background-color: lightyellow; visibility: hidden;}

.digressione        {text-indent: 50px; text-align: justify; color: black; font-family: Verdana; font-size: 10pt; line-height: 150%; margin-top: 0px;}
.digressione2       {text-indent: 00px; text-align: justify; color: black; font-family: Verdana; font-size: 10pt; line-height: 150%; margin-top: 0px; margin-left: 50px;}
.citatos            {text-indent: 00px; color:black;                       font-family: Verdana; font-size: 10pt; font-style:italic;}                       
.centro             {text-indent: 00px; text-align: center;}
.nomargb            {line-height: 120%; margin-bottom: 0px;}

img.imgLayer        {display: none; width: 0px;  height: 0px; line-height: 0;  vertical-align: top;}   /* to define with '<img src=' upper layer image and avoid links checker orphan */
   
.imgContainer {
	position:relative;
	float:left;
	}	
	
.imgDescription {
	font-size: 11px; 
	font-family: "Comic Sans MS";  
	background-color: lightyellow;  
	color: blue;  
	position:absolute;
	bottom:0;
	left:0;
	text-align:left;
	border: 0px solid blue; padding: 0px;
	/* display: inline-block; */
	}
	
.imgDescription:hover {
    opacity:0; filter:alpha(opacity=0); /* no flickering will appear as with 'visibility: hidden;'  or 'display: none;'  */
    }

/* ld long description   begin                                                    */ 
/* <div class="ldContainer">                                                      */
/*    <img ... >                                                                  */
/*    <div class="ldLnkContainer" ><a class="ldLink" href="xxxx">?</a></div>      */
/*    <button class="open_ldWnd" onclick="w_ldopen(this)">i</button>              */
/*    <div class="ldWndContainer" >                                               */
/*       ... long description HTML                                                */
/*    </div>                                                                      */
/* </div>                                                                         */
.ldContainer {
	position:relative;
	float:left;
	}

    .ldLnkContainer {
        position:absolute;
        top:0;
        left:0;
        z-index: 10;
    }
       a.ldLink {
           position:absolute; top:0; left:0;
           margin:   1px;
           padding:  2px;
           line-height: 100%;
           font-family:Arial; font-size:10pt;
           font-weight: bold;
           background-color:  WhiteSmoke ;  
       }
       a.ldLink:hover {
           opacity:0; filter:alpha(opacity=0); /* no flickering will appear as with 'visibility: hidden;'  or 'display: none;'  */
           }
        
    .ldWndContainer {
        font-size: 11px; 
        font-family: "Comic Sans MS";  
        background-color: lightyellow;  
        color: blue;  
        position: absolute;
        bottom: 0;
        left: 0;
        text-align: left;
        border: 0px solid blue; 
        padding: 0px;
        z-index: -10;
        /* display: inline-block; */
        }
           
    .open_ldWnd {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 10;
        font-family:Arial; font-size:10pt;
        background-color: WhiteSmoke;    
    }
	
    .open_ldWnd:hover {
        opacity:0; filter:alpha(opacity=0); /* no flickering will appear as with 'visibility: hidden;'  or 'display: none;'  */
    }
 /* ld long description   end   */  
 
 div.dom         {position: absolute; top: 8px; right: 8px; z-index: 5; width: fit-content; font-family: 'Comic Sans MS'; font-size:10pt;}
#img_dom        {width: 48px; height: 38px;}
#img_dom:hover  {width: 80px; height: 64px;}
                 