@font-face {
  /*      font-family: 'arial';
        src: url('/_include/font/RobotoFlex.ttf') format('opentype');
       font-style: oblique 0deg 20deg;
        font-display: swap; */
}

*:hover {
    transition: background-color, color;
    transition-duration: 0.5s;
}

* {
    transition: background-color, color;
    transition-duration: 0.5s;
}


/* Ex Style1 */
body {
    cursor: default;
    width: 100%;
    display: block;
    padding: 0;
    margin: 0 auto;
    font-family: Arial;
    color: #444;
}
#Container { padding:0; margin:0 auto; text-align:center; width:100%;}

#Articolo img.zoom {
        -o-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }
img{ border:0;}

ul{list-style-type: none; margin:0; padding:0;}
#Articolo { position:relative; text-align:left;}
#Articolo div a:link {cursor:pointer; text-decoration:none;}
#Articolo div a:visited {text-decoration:none;}
#Articolo div a:hover {text-decoration:underline;}

#Articolo img.zoom:hover {
    cursor: pointer;
    opacity: 0.5;
}
    .labelBenvenuto
{
	font-family:Arial;
	font-size:0.9rem;
	color:#ee0000;
	/*font-weight:bold;*/
	line-height:200%;
    padding-left:0.5em;
}


.testata {
    background-image: url(../../../_Immagini/Testata/Testata_Quotidiana_1000.jpg);
    background-color: #000;
    background-attachment: scroll;
    overflow: visible;
    background-position: left top;
    background-repeat: no-repeat;
    height: 122px;
}

.lnkChiSiamo
{
	font-family:Arial;
	padding-top:3px;
	font-size:9pt;
	color:#1b4385;
}

.lnkChiSiamoOn
{
	font-family:Arial;
	padding-top:3px;
	font-size:9pt;
	color:#ff0000;
}

.testataData
{
	white-space:nowrap;
    text-align:left;
    vertical-align:bottom;
	color:White;
	font-family:georgia;
	Height:24px;
	font-weight:bold; 
	Font-Size:12pt;
	margin-top:9px;
	margin-left:2px;
	padding-bottom:0px;
	padding-right:0px;
	width: 100%;
	height: 16px;
	
}



.divHome
{ 
	text-align:center;
	vertical-align:bottom;
	margin-top:2px;
	background-repeat: repeat-x;
	background-position:bottom;
	background-color:#1b4385;
	border-left-width:0px;
	padding:0px;
	width:150px;
	height:18px;
	}


.menuHome
{
vertical-align:middle;
 background-image:url(../../../_Immagini/icone/btn_Grad_Blu.gif);
	 background-color: #1b4385;
background-position:top;
	 background-repeat:repeat-x;
     font-family:arial;
     color:white;
     font-weight:bold;
     font-size:10pt;
     text-align:center;
     text-decoration:none;
     white-space:nowrap;
     padding:0px;
     padding-bottom:0;
     width:178px;
     height:19px;
     margin:0px;
     margin-top:2px;
   margin-bottom:5px;
}


.menuHomeOn
{
	vertical-align:middle;
	 background-image:url(../../../_Immagini/icone/btn_Grad_Blu_On.gif);
	 background-color:#1b4385;
background-position:bottom;
	 background-repeat:repeat-x;
     font-family:arial;
     color:red;
     font-weight:bold;
     font-size:11pt;
     text-align:center;
     text-decoration:none;
     white-space:nowrap;
     padding:0px;
     padding-bottom:0;
     width:176px;
    height:19px;
     margin:0px;
     margin-top:2px;
     margin-bottom:5px;
	border-right:solid 2px #1b4385;
  
}

.linkmenuHome
{
     font-family:arial;
    color:white;
     font-weight:bold;
     font-size:11pt;
     text-align:center;
     text-decoration:none;
     white-space:nowrap;
}

.fondoMenuHover
{
 background-image:url(../../../_Immagini/icone/btn_Grad_blu_38.gif);
 background-position:top left;
 background-repeat:repeat-x;

 
}

#gCalendar,
.pnlRubriche {
    width: 100%;
    color: #fff;
    font-weight: 600;
    font-size: 1.0rem;
    text-align: left;
    box-sizing: border-box;
    margin: 10px 0 10px 0;
    background-color: rgba(53,88,140,1);
    border: solid 1px #999;
    border-radius: 5px;
}

#gCalendar{background-color:#fff!important; color:#1b4385!important; }
    #gCalendar > div:first-child,
    .pnlRubriche > div:first-child {
        width: 100%;
        height: 40px;
        display: flex;
        background-color: #c00;
        border-radius: 4px 4px 0 0;
        text-align: center;
        font-size: 1.1rem;
    }

        #gCalendar > div:first-child span,
        .pnlRubriche > div:first-child span {
            display: block;
            margin: auto;
            text-shadow: 1px 1px #000;
        }

    .pnlRubriche > div:nth-child(2) {
        padding: 3% 2% 3% 2%;
    }

    .pnlRubriche ul li {
        height: 30px;
    }

        .pnlRubriche ul li:last-child {
            height: 20px;
        }

    .pnlRubriche a:any-link {
        color: #fff;
        text-shadow: 1px 1px #000;
        display: block;
        width: 100%;
        height: 100%;
        text-decoration: none;
    }

    .pnlRubriche a:hover {
        text-shadow: 3px 0px 15px #fff;
    }
 
 /*
.divRubrica
{
	background-repeat:no-repeat;
	font-family: Arial;
	font-size:8pt;
	color:#cc0000;
	text-align:left;
	margin-left:0px;
	margin-top:3px;
    padding:3px;
 
}

.Rubrica
{
	
	background-color:Transparent;
	background-repeat:no-repeat;
	font-family:Arial ;
	font-weight:400;
	font-size:1.0rem;
    line-height:180%;
	color:#1B4385;
	text-align:left;
	text-decoration:none;
    

}

.RubricaOver {
    color: #cc0000;
    text-align: left;
    text-decoration: none;
    font-size: 1.0rem;
    font-weight: 400;
    line-height: 180%;
}

.clsCCIIAA
{
	 height:1px;
	 background-color:#88dddd;
	 overflow:hidden;
}

.clsCCIIAAon
{
	 background-color:#ddddff;
	 overflow:visible;
	 visibility:visible;
	 border-bottom-color:#1B4385;
	 border-bottom-width:1px;
	 border-bottom-style: outset;
	 border-left-color:#1B4385;
	 border-left-width:1px;
	 border-left-style: solid;
}
*/

.buttonSezioni
{
	cursor:hand;
	margin-top:2px;
	margin-bottom:1px;
}

.smalltext2 
{
  color:#1b4385;
  font-weight: 600;
  text-decoration:none;
  white-space:nowrap;

}

.tblMenu
{
	 border-collapse:collapse;
	 border-right: darkgray 2px groove; 
	 border-top: darkgray 2px groove;  
	 border-left: darkgray 2px groove; 
	 border-bottom: darkgray 2px groove;  
	 background-image:url('../../../_Immagini/Icone/btn_Grad_Blu_On_38.gif'); 
	 background-repeat:repeat-x;
}

.pubblicazioni
{
	 float:left;
	 background-image:url(../../../_Immagini/icone/btn_Grad_Blu.gif);
	 background-color:#1b4385;
	 background-repeat:repeat-x;
     font-family:arial;
     color:white;
     font-weight:bold;
     font-size:10pt;
     text-align:center;
     text-decoration:none;
     white-space:nowrap;
     padding:2px 8px 2px 8px;
     padding-bottom:0;
    /* width:180px;*/
     height:17px;
     margin:0px;
     margin-top:2px;
     
     
}

.pubblicazioniOn
{
	 
	 float:left;
	 background-image:url(../../../_Immagini/icone/btn_Grad_Blu_On.gif);
	 background-color:#1b4385;
	 background-repeat:repeat-x;
     font-family:arial;
     color:red;
     font-weight:bold;
     font-size:10pt;
     text-align:center;
     text-decoration:none;
     white-space:nowrap;
     padding:2px 6px 2px 6px;
  /*   width:176px;*/
     height:17px;
     margin:0px;
     margin-top:2px;
     margin-bottom:0;
	 border-left:solid  2px #1b4385;
	border-right:solid 2px #1b4385;
	
}

.tblPubblicazioni
{ 
	text-align:center;
	margin-top:2px;
	margin-bottom:0px;
	background-image:url(../../../_Immagini/icone/btn_Grad_Blu.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#1b4385;
	border-left-width:0px;
	padding:0px;
	height:23px;
  
}

.pulsante
{
	 float:left;
	 background-image:url(../../../_Immagini/icone/btn_Grad_Blu_On.gif);
	 background-color:#1b4385;
	 background-repeat:repeat-x;
     font-family:arial;
     color:white;
     font-weight:bold;
     font-size:10pt;
     text-align:center;
     text-decoration:none;
     white-space:nowrap;
     padding:2px;
     width:176px;
     height:17px;
     margin:0px;
     margin-top:2px;
     margin-bottom:0;
	 border-left:solid  2px #1b4385;
	border-right:solid 3px #1b4385;
}

.pulsanteOn
{
	 float:left;
	 background-image:url(../../../_Immagini/icone/btn_Grad_Blu.gif);
	 background-color:#1b4385;
	 background-repeat:repeat-x;
     font-family:arial;
     color:red;
     font-weight:bold;
     font-size:10pt;
     text-align:center;
     text-decoration:none;
     white-space:nowrap;
     padding:2px;
     padding-bottom:0;
     width:177px;
     height:17px;
     margin:0px;
     margin-top:2px;
     margin-left:4px;
     
}

.comandi
{
	cursor:hand;
	background-image:url(../_Immagini/icone/btn_Grad_Blu.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	color:#ffffff;
	 background-color:#1b4385;
	 border-style:outset;
	 border-bottom-width:1px;
	 text-decoration:none;
	 padding:0px;
	 font-size:8pt;
	 font-family:Arial;
	 color:#ffffff
}

.comandiOn
{
	
	cursor:hand;
	background-image:url(../_Immagini/icone/btn_Grad_Blu_On.gif);
	 background-position:top;
	background-repeat:repeat-x;
	color:#ff0000;
	background-color:#1b4385;
	border-style:outset;
	border-bottom-width:1px;
	text-decoration:none;

	
}

.comandiArticolo
{
	padding-top:3px;
	cursor:hand;
	background-image:url(../_Immagini/icone/btn_Grad_Blu.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	color:#ffffff;
	 background-color:#1b4385;
	 border-style:outset;
	 border-bottom-width:1px;
	 text-decoration:none;
	
	
	}

.comandiArticoloOn
{
	
	cursor:hand;
	padding-top:3px;
	background-image:url(../_Immagini/icone/btn_Grad_Blu_On.gif);
	 background-position:top;
	background-repeat:repeat-x;
	color:#ff0000;
	background-color:#1b4385;
	border-style:outset;
	border-bottom-width:1px;
	text-decoration:none;

	
}

.fondoMenu
{

	background-image:url(../_Immagini/icone/MenuPrincipaleTitolo.gif);
	background-color:  Transparent;
	background-repeat: no-repeat;
	background-position:top;
	font-family:arial;
    font-weight:bold;
    font-size:12pt;
	color:white;
	width:180px;
	height:26px;
	overflow:visible;
	text-align:center;
    white-space:nowrap;
    padding-top:2px;
    margin:0px;
    margin-top:5px;
    margin-bottom:0px;
   
}

.fondoMenuOn
{
	 background-image:url(../_Immagini/icone/fondoMenu3.gif);
	 background-repeat: no-repeat;
	  background-position:right;
	  background-color:Transparent;
     text-align:left;
     white-space:nowrap;
     padding:0px;
     margin:0px;
     margin-top:2px;
	height:30px;
	width:150px;
}

.btnCommenti
{
background-image:url(../_Immagini/Icone/commenti-editoriali.gif);
background-color:Transparent;
background-repeat:no-repeat;
 border-right:none;
 border-bottom:none;
height:58px;
width:115px;	
}


.PeriodoCalenderio
{
	border-top:solid 1px #28661f;
	border-bottom:solid 1px #28661f;
	 font-weight:bold;
	 color:#1b4385;
	 font-size:12pt;
	  font-family:Georgia;	 
}

.UltimiCalendario
{
	background-image:url('../_Immagini/icone/btn_Grad_Blu.gif');
	background-repeat:repeat-x;
	background-position:top;
	vertical-align:top;
	 font-family:Georgia;
	 font-size:8pt;
	 font-weight:bold;
	 color:#ffffff;
	 height:18px;
	 text-decoration:none;
	 padding-top:3px;
}


.UltimiCalendarioOn
{
	background-image:url('../_Immagini/icone/btn_Grad_Blu.gif');
	background-repeat:repeat-x;
	background-position:top;
	vertical-align:top;
	 font-family:Georgia;
	 font-size:8pt;
	 font-weight:bold;
	 color:yellow;
	 height:18px;
	 text-decoration:none;
	 padding-top:3px;
}

.divRicercaOn
{
  height:215px;
  width:100%;
}

.divRicercaOff
{
 height:70px;
  overflow:hidden;
  width:100%;
 }
 
.btnModoVistaOn
{
	background-color:#1b4385;
	background-image:url('../_Immagini/plus1.gif');
	border-width:1px;
	height:18px;
	width:19px;
}
.btnModoVistaOff
{
	background-image:url('../_Immagini/menus1.gif');
	background-position:bottom;
	background-color:#1b4385;
	border-width:1px;
	height:18px;
	width:19px;
}

.divCopertinaSez
{
	font-family:Arial;
	font-size:10pt;
	text-align:justify;
	padding:5px;
}

.tblAnteprime
{
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	border-collapse:collapse;
	border-bottom:solid 1px #dddddd;
} 

.anniPdf
{
	
	 background-image:url(../_Immagini/icone/btn_Grad_Blu.gif);
	 background-color: #1b4385;
	 background-repeat:repeat-x;
     font-family:arial;
     color:white;
     font-weight:bold;
     font-size:8pt;
     text-align:left;
     white-space:nowrap;
     padding:0px;
     margin:1px;
     padding-left:1px;
     padding-right:1px;
     padding-bottom:0px;
     margin-bottom:2px;
     margin-top:2px;
     border:solid 0px #1b4385;
      line-height:18px;
}

.anniPdfOn
{
	
	 background-image:url(../_Immagini/icone/btn_Grad_Blu_On.gif);
	 background-color:#1b4385;
	 background-repeat:repeat-y;
     font-family:arial;
     color:Red;
     font-weight:bold;
     font-size:8pt;
     text-align:left;
     white-space:nowrap;
     padding:0px;
     margin:1px;
     padding-left:1px;
     padding-right:1px;
     padding-bottom:0px;
     margin-bottom:2px;
     margin-top:2px;
     border:solid 0px #1b4385;
      line-height:18px;
}

.NumeriPdf
{
	
	 background-color: #1b4385;
	 background-repeat:repeat-y;
     font-family:verdana;
     color:white;
     font-weight:normal;
     font-size:8pt;
     text-align:left;
     white-space:nowrap;
     padding:0px;
     margin:1px;
     padding-left:1px;
     padding-right:1px;
     padding-bottom:0px;
    margin-bottom:2px;
     margin-top:2px;
     border:solid 0px #1b4385;
      line-height:18px;
}

.NumeriPdfOn
{
	
	 background-image:url(../_Immagini/icone/btn_Grad_Blu_On.gif);
	 background-color: #1b4385;
	 background-repeat:repeat-y;
     font-family:verdana;
     color:Red;
     font-weight:normal;
     font-size:8pt;
     text-align:left;
     white-space:nowrap;
     padding:0px;
     margin:1px;
     padding-left:1px;
     padding-right:1px;
     padding-bottom:0px;
     margin-bottom:2px;
     margin-top:2px;
     border:solid 0px #1b4385;
      line-height:18px;
}

.Sezioni
{
	text-align:center;
	font:arial 9pt;
}

.linkGrigio
{
	font-size:0.85rem;
    text-decoration:none;
	color:#666666;
}

.linkGrigio:hover {
    text-decoration: underline;
    color: #aaaaaa;
}

.linkGrigioOn
{
	text-decoration: underline;
	color:#aaaaaa;
} 


.allegatiInArticolo
{
	text-decoration:none;  
	font-family:Arial;
	font-weight:normal; 
	font-size:1.0rem; 
    line-height:140%;
	color:#1b4385;
}
.VediAncheElenco
{
	text-decoration:none;  
	font-family:Arial;
	font-weight: bold; 
	font-size:0.95rem; 
    line-height:140%;
	color:#1b4385;
}
.tblNellaSezioneSup
{
 width:367px;
 border:0px; 
 margin:0px; 
 padding:0px; 
 background-image:url(../_immagini/icone/fondo_NellaSezione_Sup_Blu.gif); 
 background-repeat:repeat-x; 
 background-position:bottom left;
}
.tblNellaSezioneInf
{
 width:367px;
 border:0px; 
 margin:0px; 
 padding:0px; 
 background-image:url(../_immagini/icone/fondo_NellaSezione_Inf_Blu.gif); 
 background-repeat:repeat-x; 
 background-position:top left;
}

.pnlNellaSezione
{
	 background-image:url(../_Immagini/icone/btn_Grad_blu_On.gif);
	 background-color:#1b4385;
	 background-repeat:repeat-x;
     font-family:arial;
     color:#ffffff;
     font-weight:bold;
     font-size:10pt;
     text-align:center;
     text-decoration:none;
     white-space:nowrap;
     padding:0px;
     padding-bottom:0;
     width:180px;
     height:17px;
     margin:0px;
     margin-top:0px;
}
.nellaSezioneArtAttuale
{
	 overflow:visible;
	 background-image:url(../_Immagini/icone/btn_Grad_Blu_38_Chiaro.gif);
	 background-position:top left;
	 background-color:#1b4385;
	background-repeat: repeat-x;
     font-family:arial;
     color:#cc0000;
     font-weight:bold;
     font-size:9pt;
     text-align:center;
     text-decoration:none;
     padding:0px;
     padding-bottom:0;
     width:100%;
     height:100%;
     margin:0px;
     margin-top:0px;
}


.pager
{
	color:#1b4385;
}

.pCopyright
{
     font-family:arial;
     font-weight:bold;
     font-size:9pt;
     font-style:italic;
     text-align:left;
}

/* BARRA FORMATTAZIONE CORPO ARTICOLO*/
/* RIMUOVERE*/
#FormattaCorpo {
    /**************************/
    --colPrincipale: rgba(53,88,140,1); /*BLU*/
    --colPrincipaleChiaro: rgba(116,139,175, 1);
    --colSecondario: rgba(204,0,0,1); /*ROSSO*/
    --colSecondarioChiaro: rgba(170,72,72,1);
    --colTitolo: rgba(53,88,140,1); /*BLU*/
    --colSottotitolo: rgba(116,139,175, 1); /*BLU CHIARO*/
    --colBordoGrigio: rgba(209, 209, 209, 1);
    --colBordoGrigioShadow: rgba(209, 209, 209, 0.4);
    --colHoverGrigio: rgba(225, 225, 225, 1.0);
    --colFondoBase: rgba(255,255,255,1);
    --textShadow: rgba(100, 100, 100, 1);
    /**************************/

    position: relative; /*top:30px;*/
    cursor: grab;
    min-width: 400px;
    max-width: 640px;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    /* padding: 0.5rem 0.5rem; */
    z-index: 10;
    background-color: var(--colPrincipaleChiaro) !important;
    border: solid 1px var(--colBordoGrigio) !important;
    border-radius: 10px;
    -webkit-box-shadow: 2px 3px 5px var(--colBordoGrigio);
    -moz-box-shadow: 2px 3px 5px var(--colBordoGrigio);
    box-shadow: 2px 3px 5px var(--colBordoGrigio);
}
    #FormattaCorpo * {box-sizing:border-box;}

    .TitleBar {
        background-color: var(--colPrincipale);
        height: 30px;
        border-radius: 5px 5px 0 0;
        padding: 3px 5px;
    }

#FormattaCorpo button,
#FormattaCorpo input {
    font-style: normal;
    font-weight: bold;
    margin-bottom: 0 !important;
}

#FormattaCorpo div {
    width: 100%;
}

#FormattaCorpo [id^=barraSect] {
    width: 50%;
    float: left;
    padding: 5px 5px;
}

#FormattaCorpo .txtId {
    width: 100px;
}

#FormattaCorpo .pnlLinkVediSt {
    padding: 3px 5px 5px 5px;
}

#FormattaCorpo .txtLinkVediSt {
    width: 100%;
    min-height: 5vh;
}

/*********************************************************/
/*********************************************************/

/*''''*/
/* ex Style Articolo Elenco */
#ElencoArticoli {font-family: arial; text-align:left; padding: 5px  10px 0px 5px;}

#ElencoArticoli h2, #ElencoArticoli h3, #ElencoArticoli h4 {
        margin: 0px; padding: 0px; text-align: left; font-weight: bold;  }
#ElencoArticoli h2, #ElencoArticoli h4 {color: #1b4385; }
#ElencoArticoli h2 {font-size:19pt;}
    #ElencoArticoli h4 {
        font-style: italic;
        font-size: 1.0rem;
        margin: 5px 0 5px 0;
        line-height:140%;
    }

    #ElencoArticoli a:link, #ElencoArticoli a:visited {
        text-decoration: none;
    }

    #ElencoArticoli .hypTitolo.jq-LinkBxSlider:hover,
    #CarburometroPDF a:hover,
    #ElencoArticoli a:hover {
        color: #900;
        text-shadow: 1px 1px #dadada;
        // text-decoration:underline solid;
        // text-decoration-thickness: 0.1rem;
    }

/*#ElencoArticoli hr {text-align:center; color:#cccccc; width:60%; height:2px;}*/
#ElencoArticoli .lblMese {Font-Size:12pt; color:#ff0000; font-weight:bold;}

#ElencoArticoli .pnlCtrl {position:absolute; top:-10px;  right:15px;}
#ElencoArticoli .hypTitolo {color:#1b4385;}
 
#ElencoArticoli .imgNew {float:left; margin-right:3px;  margin-top:0px;}
#ElencoArticoli .imgPromemoria {border:0px; cursor:pointer; width:17px; float:left;}
#ElencoArticoli .pnlInfo {font-size:0.9rem; color:#666666; line-height:15px; margin-bottom:5px; margin-top:1px;}
#ElencoArticoli .pnlInfoH {font-size:0.9rem; color:#666666; line-height:15px; margin-bottom:5px; margin-top:1px; position:relative;}

#ElencoArticoli .pnlArticolo {margin-left:3px; margin-bottom:2px;}
/*#ElencoArticoli .pnlSottotitolo {font-size:9pt;}*/
#ElencoArticoli .pnlCorpo {font-size:0.95rem; text-align:justify; line-height:150%;}
#ElencoArticoli .lblDidascalia {color:#cc0000; font-weight:bold; font-size:8pt; line-height:12px;}
#ElencoArticoli .pnlAllegati {padding-top:5px;}
#Articolo .pnlFotoSx,
#ElencoArticoli .pnlFotoSx {float:left;  margin:0 10px 0 0;}
#ElencoArticoli .pnlFotoDx {float:right;  margin:0 0 0 10px; }

#Articolo figure,
    #ElencoArticoli figure {
        margin: 0;
        border-radius: 2px;
        position: relative;
        max-width: 180px;
         border: 1px #cccccc solid;
        padding: 2px;
        margin: auto;
    }
 
    #ElencoArticoli figure div {
        max-width: 180px;
        max-height: 207px;
          overflow: hidden;
    }

        #Articolo figure div img,
        #ElencoArticoli figure div img {
            border-radius: 2px;
        }
    #Articolo figcaption,
    #ElencoArticoli figcaption {
        background-color: #35588c;
        border-radius: 2px;
        color: white;
        font-style: italic;
        padding: 2px;
        text-align: center;
        margin-top: 2px;
        font-size: 0.8rem;
    }

#Speciali,
#Editoriale {font-family:arial; box-sizing:border-box;	text-align:left; margin:0 0 10px 0; padding:1% 2%;  width:100%; border:solid 1px #cecece; border-radius:5px; background-color:#fafafa; overflow:visible;}

.slideSpeciali div {
    float:left;
}

#Speciali .fascia,   
#Editoriale .fascia {
        width: 100%;
        position: relative;
        height: 25px;
        margin-bottom: 5px;
        /*font-size: 10pt;*/
        font-weight: bold;
        box-shadow:none!important;
        border-top:none!important;
        /*font-style: italic;
        color: White;
        border-radius: 3px;
        background-image: url('../_Immagini/icone/FondoGlossBlu_500x100.png');
        background-position: center left;
        background-color: #1b4385;*/
    }
    #Editoriale a:link, #Editoriale a:visited {
        text-decoration: none;
    }
    #Editoriale a:hover {
        color: #900;
        text-shadow: 1px 1px #dadada;
    }

#Editoriale h2, #Editoriale h3, #Editoriale h4 {margin: 0px; padding: 0px; text-align: left; font-weight: bold;}
#Editoriale h2 {color:#1b4385;}
#Editoriale h2 {font-size:1.4rem; margin-bottom:4px;}
#Editoriale h4 {font-style:italic;font-size:0.95rem; margin-bottom:5px; color:#1b4385;}

#Editoriale .pnlInfo {font-size:8pt; color:#666666; line-height:15px; margin-bottom:5px; margin-top:1px;}

#Editoriale .hypTitolo {color:#1b4385;}
#Editoriale .pnlCorpo {font-style:italic; font-size:1rem; line-height:140%;}
#Editoriale .pnlAutore {font-size: 8px; font-style:italic; color: #666666; font-size: 8pt; line-height:15px; margin-top:5px; margin-bottom:5px;}
/*'''''''*/
/* Ex Menu */

 
 div#mnSezioni, div#mnUtenti
{     width:100%;
    height:35px;
     z-index: 300;
     position:relative;
   background-image:url(../../../_Immagini/icone/btn_Grad_Blu_On_38.gif);
     background-position:top;
     background-repeat:repeat-x;
     padding:0px 0px 0px 0px;
     margin-left:0px;
     margin-right:0px;
  	 background-color:#1b4385;
 /*    border:outset 1px #1b4385;*/
     text-align:center;
    
}

div#mnUtenti { width:40px; height:20px; float:left; z-index:400;}

div#mnSezioni img{border:0px; margin:0px; padding:0px;}
   
div#mnSezioni div, div#mnUtenti div
{
    height:32px;
    float:left;
    margin:0px;
     background-color:#1b4385;
    text-align:center;
     vertical-align:middle;
     padding-right:2px;
     padding-left:1px;
     padding-bottom:0px;
     padding-top:2px;
  	  white-space: nowrap;
     font-family:Arial;
     font-weight:normal;
     font-size:9pt;
     text-decoration:none;
}

div#mnUtenti div { height:19px;background-image:url(../../../_Immagini/icone/btn_Grad_Blu_On_38.gif);
     background-position:top;color:#ffffff;
     background-repeat:repeat-x;}
    
div#mnSezioni ul, div#mnUtenti ul
{   /*visibility:hidden;*/
    display:none;
    z-index: 300;
    position:absolute;
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-top:0px;
    float:none;
    border-left:solid 1px #1b4385; 
    border-bottom:solid 2px #1b4385; 
    border-right:solid 1px #1b4385; 
}

    div#mnUtenti:hover ul{display:block;}

    div#mnSezioni li, div#mnUtenti li {
        background-color: #1b4385;
        color: white;
        border: outset 0px #1b4385;
        margin: 0px;
        font-size: 10pt;
        padding-left: 3px;
        padding-right: 3px;
        text-align: left;
        border-bottom: dashed 1px #cccccc;
        display: block;
        height: 25px;
    }
     
div#mnSezioni li a, div#mnUtenti li a
    {
     color:white;
     margin: 0px;
    text-decoration:none;
}
   
    
  div#mnSezioni li a:hover
  {
      color:#ff0000;
     margin: 0px;
   padding-top:5px;
     padding-bottom:3px;
    
     
  }
  
  #mnUtenti li a:any-link{
      font-size:0.9rem;
      line-height:200%;
      display:block;
      width:100%;
  }

#mnUtenti li a:hover {
    font-size: 0.9rem;
    line-height: 200%;
    display: block;
    width: 100%;
    color: #ff0000;}
  
#mnSezioni .Sezione1, #Utenti .Sezione1
  {
     background-image:url(../../../_Immagini/icone/btn_Grad_Blu_On_38.gif);
     background-repeat:repeat-x;
      background-position:top;
     color:white;
     border-left:outset 1px #1b4385;
     border-right:outset 1px #1b4385;
   
}
  
#mnSezioni .Sezione1_On, #Utenti .Sezione1_On
  {
     background-image:url(../../../_Immagini/icone/btn_Grad_blu_38.gif);

  	 background-repeat:repeat-x;
  	 background-position:top;
     border-left:inset 1px #1b4385;
     border-right:inset 1px #1b4385;
  
}
 
 div#mnSezioni  a
    {
      color:white;
     margin: 0px;
      text-decoration:none;
 }
   
    
div#mnSezioni  a:hover
  {
    color:#cacaee;
   margin: 0px;
      text-decoration:none;
  }
/*'''''''*/
/* Ex Cronologia */
/*
#pnlCronologia  {border-top:solid 3px #aaaacc; border-left:solid 3px #aaaacc; border-bottom:solid 3px #1b4385; border-right:solid 3px #1b4385; margin:0px; margin-top:3px; padding:0px; text-align:left;
             font-family:Arial; font-size:9pt; font-weight:bold; width:364px;}

#pnlCronologia p {border-bottom:solid 1px #cccccc; padding:2px; margin:0px;}

#pnlCronologia  a{padding:0px; margin:0px;}
#pnlCronologia  a:link {color:#1b4385; cursor:hand; text-decoration:none;}
#pnlCronologia  a:hover {color:#333333; text-decoration:underline;}
#pnlCronologia  a:visited {color:#1b4385; cursor:hand; text-decoration:none;}
#pnlCronologia  .prome { text-align:left; cursor:hand; float:left; height:14px; border:0px;}

#pnlCronologia span {color:#cc0000;}
#pnlCronologia #fondoCronologiaSu { background-image:url(../../../_Immagini/icone/BarreTempo/freccia_su.gif);
                                     background-position:center top; background-repeat:no-repeat;}
#pnlCronologia #fondoCronologiaGiu { background-image:url(../../../_Immagini/icone/BarreTempo/freccia_giu.gif);
                                     background-position:center bottom; background-repeat:no-repeat;}
#pnlCronologia #divTitoloCronologia {background-image:url(../../../_Immagini/icone/btn_Grad_blu_On.gif);
    font-size:11pt; text-align:center;padding-top:1px; Height:20px; Width:100%;}
    */
/*''''''''*/
/* Ex StyleRiquadro*/

p {padding:2px; margin:1px;}/***************/
/*
#Riquadro{border:1px solid #1b4385; margin:0px; margin-top:3px; padding:0px; text-align:left;
             font-family:Arial; font-size:8pt; font-weight:bold; width:368px;}
#Riquadro div {width:100%; margin:0px; padding:0px; text-align:left;}

#Riquadro  a {padding:0px; margin:0px;}
#Riquadro  a:link {color:#1b4385; cursor:hand; text-decoration:none;}
#Riquadro  a:hover {color:#333333; text-decoration:underline;}
#Riquadro  a:visited {color:#1b4385; cursor:hand; text-decoration:none;}

#Riquadro #divSezione
{
    background-image:url('../_Immagini/icone/btn_Grad_Blu.gif');
	background-repeat:repeat-x;
	background-position:top;
	padding-top:4px;
}

#Riquadro #divSezione a:link {color:#ffffff; cursor:hand; text-decoration:none; background-image:url('../_Immagini/icone/btn_Grad_Blu.gif');}
#Riquadro #divSezione a:hover {color:#ff0000; text-decoration:underline;background-image:url('../_Immagini/icone/btn_Grad_Blu_On.gif');}
#Riquadro #divSezione a:visited {color:#ffffff; cursor:hand; text-decoration:none;background-image:url('../_Immagini/icone/btn_Grad_Blu.gif');}          

#Riquadro img{ border:0px; float:left;}
*/
#divArticolo { background-image:none; border-top:solid 1px #999999;text-align:left;}
#divArticolo img{vertical-align:top; float:left; height:9px; margin-right:3px;}
#divArticolo .prome { text-align:left; cursor:hand; float:left; height:14px; border:0px;}

/*'''''''*/
/* Ex Promemoria */

#clippingsMenu {margin-top:2px;	margin-bottom:2px;}
#clippingsContainer{}
#clippingsContainer A{}
#clippingControls{margin: 0px; width:100px;  padding-bottom: 5px; padding-top:5pt;  background-color:transparent; font-family: arial; font-size: 8pt; border: 0px #ffffff solid;}
#clippingControls A {  font-family:arial, tahoma, verdana, arial, helvetica, sans-serif; font-weight:bold;  font-size: 9pt; color:#ffffff; line-height : 8px;}
	
.clippingItem{	
	vertical-align:middle;
	 font-family:Arial;
	 font-size:9pt;
	 font-weight:bold;
	 color:#000000;
	 height:10px;
	 text-decoration:none;
	 line-height:13px;
		}
.clippingItem a:visited  {}
.clippingItemRead  {
	vertical-align:middle;
	 font-family:Arial;
	 font-size:8pt;
	 font-weight:bold;
	 color:#1b4385;
	 height:10px;
	 text-decoration:none; 
	 line-height:13px;
		}
	.clippingItemRead a:visited {}
.clippingItem a:hover {
}

.panelPromemoria
{
	 border-collapse:collapse;
	 border:solid 1px #28661f;
	 background-image:url(../_Immagini/Icone/fondo_rubriche_Grad_Blu.gif);
	 background-repeat: repeat-x;
	}

.titoloPromemoria
{
	width:370px; 
	font-size:10pt; 
	font-family:arial; 
	font-weight:bold; 
	color:#ff0000; 
	text-align:center; 
	background-image:url('../_Immagini/icone/btn_Grad_Blu_On.gif'); 
	background-repeat: repeat-x; 
	background-position:top left;
	background-color:  Transparent; 
	margin-top:0px; 
	padding-top:0px; 
	font-family:Arial; 
	padding-bottom:3px
}


.titoloRiquadroPromemoria
{ height:14px;
  width:365px;
  font-size:10pt;
  font-family:arial;
  font-weight:bold;
  color:#1b4385;
  text-align:center;
  background-color: transparent;
  text-decoration:none;
}

/*'''''*/
/* Ex PrimoPiano */

#divPrimoPiano4 {font-family:arial; width:623px;  padding-top:0px; padding-bottom:2px; margin-left:4px; text-align: left;  background-color:#f0f2f2; border-bottom:dotted 2px #cccccc; vertical-align: top;
  max-height:66px; 
   height: auto !important;
   height: 66px; 
   overflow:hidden;}
#divPrimoPiano4 a, #divPrimoPiano4 a:visited   { text-decoration:none; color:#1b4385; font-size:8pt; font-weight:bold; margin:0px; padding:0px;}
#divPrimoPiano4 a:hover {  text-decoration:underline; cursor:pointer;}

#divPrimoPiano4 div { float:left; width:143px;  padding:2px 3px 2px 4px; border-left:dotted 1px #cccccc;border-right:dotted 1px #cccccc; 
 max-height:59px; 
   height: auto !important;
   height: 59px; 
   overflow:hidden; }
   
 #divPrimoPiano4 span { color:#cc0000; font-size:8pt; font-weight:bold;}
  
#divPrimoPiano4 span { color:#cc0000; font-size:7pt; font-weight:bold; font-family: Georgia;}
#divPrimoPiano4 div.Testata { text-align:left;   padding:0px; float:none; width:598px;  border-left:dotted 1px #cccccc;border-right:dotted 1px #cccccc; border-top:dotted 2px #cccccc;  color:#cc0000; height:14px; line-height:10px;padding:0px 0px 0px 0px; }
#divPrimoPiano4 div.Titolo {letter-spacing:5px; width:145px; padding:0px 0px 0px 3px;font-size:7pt; font-weight:bold; }

#divPrimoPiano4 div a.SecondaRiga {text-decoration:none;font-size:8pt;font-weight:normal;line-height:12px;}

#divPrimoPiano4 img { float:left;margin:0px; padding-top:2px;  margin-right:2px; border-width:0px;padding:0px; }

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

#divPrimoPiano3 {font-family:arial; width:623px;  padding-top:0px; padding-bottom:2px; margin-left:4px; text-align: left;  background-color:#f0f2f2; border-bottom:dotted 2px #cccccc; vertical-align: top;
  max-height:66px; 
   height: auto !important;
   height: 66px; 
   overflow:hidden;}
#divPrimoPiano3 a, #divPrimoPiano3 a:visited   { text-decoration:none; color:#1b4385; font-size:8pt; font-weight:bold; margin:0px; padding:0px;}
    #divPrimoPiano3 a:hover {
        text-decoration: underline;
        cursor: pointer;
    }

#divPrimoPiano3 div { float:left; width:193px; padding:2px 3px 2px 4px; border-left:dotted 1px #cccccc;border-right:dotted 1px #cccccc;
   max-height:59px; 
   height: auto !important;
   height: 59px; 
   overflow:hidden; }
#divPrimoPiano3 span { color:#cc0000; font-size:8pt; font-weight:bold; font-family: Georgia;}
#divPrimoPiano3 div.Testata { text-align:left;   padding:0px; float:none; width:598px;  border-left:dotted 1px #cccccc;border-right:dotted 1px #cccccc;border-top:dotted 2px #cccccc;  color:#cc0000; height:14px; line-height:10px;padding:0px 0px 0px 0px; }
#divPrimoPiano3 div.Titolo {letter-spacing:5px; width:145px; padding:0px 0px 0px 3px;font-size:7pt; font-weight:bold; }

#divPrimoPiano3 div a.SecondaRiga {text-decoration:none;font-size:8pt;font-weight:normal;}

#divPrimoPiano3 img { float:left;margin:0px;  margin-right:3px;padding:0px; padding-top:2px;  border-width:0px; }

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

#divPrimoPiano2 {font-family:arial; width:600px;  padding-top:0px; padding-bottom:2px; margin-left:4px; text-align: left;  background-color:#f0f2f2; border-bottom:dotted 2px #cccccc; vertical-align: top;
  max-height:66px; 
   height: auto !important;
   height: 66px; 
   overflow:hidden;}
#divPrimoPiano2 a, #divPrimoPiano2 a:visited   { text-decoration:none; color:#1b4385; font-size:9pt; font-weight:bold; margin:0px; padding:0px; }
#divPrimoPiano2 a:hover { text-decoration:underline;  cursor:hand;}

#divPrimoPiano2 div { float:left; width:291px; padding:2px 3px 1px 4px; border-left:dotted 1px #cccccc;border-right:dotted 1px #cccccc; 
   max-height:60px; 
   height: auto !important;
   height: 60px; 
   overflow:hidden;}
#divPrimoPiano2 span { color:#cc0000; font-size:8pt; font-weight:bold; font-family: Georgia;}
#divPrimoPiano2 div.Testata { text-align:left;   padding:0px; float:none; width:598px;  border-left:dotted 1px #cccccc;border-right:dotted 1px #cccccc; border-top:dotted 2px #cccccc;  color:#cc0000; height:14px; line-height:10px;padding:0px 0px 0px 0px; }
#divPrimoPiano2 div.Titolo {letter-spacing:5px; width:145px; padding:0px 0px 0px 3px;font-size:7pt; font-weight:bold; }

#divPrimoPiano2 div a.SecondaRiga {text-decoration:none; font-size:9pt;font-weight:normal;}
#divPrimoPiano2 div a.TerzaRiga {text-decoration:none; font-size:8pt;font-weight:normal; color:#000000;}

#divPrimoPiano2 img { float:left; padding-top:2px;  margin-right:3px; border-width:0px; }

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

#divPrimoPiano1 {font-family:arial; width:600px;   background-color:#f0f2f2;  padding-top:0px; padding-bottom:2px; margin-left:4px; text-align: left; border-bottom:dotted 2px #cccccc; vertical-align: top;
  max-height:70px; 
   height: auto !important;
   height: 70px; 
   overflow:hidden;}
#divPrimoPiano1 a, #divPrimoPiano1 a:visited   { text-decoration:none; color:#1b4385;  font-size:10pt; font-weight:bold; margin:0px; padding:0px; }
    #divPrimoPiano1 a:hover {
        text-decoration: underline;
        cursor: pointer;
    }

#divPrimoPiano1 div {  float:left; width:600px;padding:2px 3px 2px 4px;  border-left:dotted 1px #cccccc;border-right:dotted 1px #cccccc; 
   max-height:55px; 
   height: auto !important;
   height: 55px; 
   overflow:hidden;}
#divPrimoPiano1 span { color:#cc0000; font-size:8pt; font-weight:bold; font-family: Georgia;}
#divPrimoPiano1 div.Testata { text-align:left;   padding:0px; float:none; width:623px;  border-left:dotted 1px #cccccc;border-right:dotted 1px #cccccc;border-top:dotted 1px #cccccc;   color:#cc0000; height:14px; line-height:10px;padding:0px 0px 0px 0px; }
#divPrimoPiano1 div.Titolo {/*letter-spacing:5px;*/ width:623px; padding:0px 0px 0px 3px;font-size:7pt; font-weight:bold; }
#divPrimoPiano1 div a.SecondaRiga {color:#1b5385; text-decoration:none; font-size:8pt;font-weight:normal;}
#divPrimoPiano1 div a.TerzaRiga {text-decoration:none; font-size:8pt;font-weight:normal; color:#000000;}

#divPrimoPiano1 img { float:left;margin:0px; margin-right:3px; border-width:0px;padding:0px; }

/*'''''''''''*/
/* ctrl Strumenti */
div.ctrlStrumenti {float: right; border: solid 1px #dfdfdf; border-radius: 3px; position: absolute; top: 5px; right: 0;
                    height: 15px; width: 70px; text-align: right; font-size: 0.9rem; font-weight: normal; background-color: #eee;
                    z-index: 150; position: absolute; padding: 5px; border: solid 1px #1b4385;

}

.ctrlStrumenti > div { display: none; text-align: left; float: none;  margin-top: 10px;
}

.ctrlStrumenti .pnlPosizione {  margin-top: 10px;}

.ctrlStrumenti .pnlZona {}

    .ctrlStrumenti .pnlZona input {background-color: transparent; height: 20px; Width: 140px }

.ctrlStrumenti a {display: block; float: left; margin: 3px; padding:3px; font-size: 0.7rem;}

.ctrlStrumenti input[type="submit"] { margin: 3px;}

.ctrlStrumenti img { width: 15px; height: 15px;}


/*
#ctrlStrumenti{position:relative; width:100%;}
#ctrlStrumenti div{font-size: 9pt; font-weight:normal; visibility:hidden; filter:alpha(opacity=90); -moz-opacity:.9;
                     vertical-align: middle; background-color: #ffff55;  z-index: 150; position:absolute; 
                     font-family: arial;  padding:5px; width:110px; overflow-y:show;
                     border:solid 1px #1b4385;}
 #ctrlStrumenti .pnlPosizione{left:0px; top:22px;}                    
#ctrlStrumenti .pnlZona{left:150px; top:22px;}
#ctrlStrumenti .pnlZona input { background-color:transparent; height:20px; Width:120px}
#ctrlStrumenti a {padding:2px; border:1px; height:12px;}
*/
#tickers {font-family:Arial; color:#1b4385;}
#tickers p {font-size:12pt;}
#tickers h4 {font-size:10pt; font-weight:normal; text-align:left;}


.log{width: 100%;height:30px; color:Black; text-shadow:1px 1px #ccc;
     /*background-image:url('../_Immagini/Icone/btn_Grad_blu_38_Chiaro.gif'); background-position:top left; background-repeat:repeat-x;*/
         }

/*********************/

.fcResContLati {position: fixed; top:0;  float:left; width:660px; height:600px;  text-align:left; margin: 0 auto; padding:0; background-color: transparent;}
.fcResContSX {right:50%;}
.fcResContDX {left:50%;}    
.fcResZonaLati{position:absolute; right:510px; width:120px; height:600px; background-color:transparent; overflow:visible}      
.fcResZonaSX{position:absolute; width:120px;  background-color:transparent;}
.fcResZonaDX{left:510px;}     
#fcResLeft img {display:block; position:absolute;right:0px;}
/*#bnrLeft a { z-index:4; }*/


.fcRes {
    margin: 3px 0 3px 0;
   
}
.fcRes img{max-width:100%; border: solid 1px #cacaca; border-radius:3px;}
.floatSX{float:left;}
.floatDX{float:right;}


/*********************/
/******Gare **********/

.gare {font-size:0.8rem; width:100%;background-color:rgba(238,238,238,0.8); border-collapse:collapse;}
.gare { margin:25px 0px 5px 0px;}
    .gare td {color:#666; padding-top:0.3em; padding-bottom:0.3em;
        border: solid 5px #fff;
        border-radius: 4px;
        width: 23%;
        height: 26px;
    }
    .gare td.etichette {
        background-color: rgba(89,140,197,0.8); color:#fff;
        font-weight: bold;
        width: 10%;
    }
.gare .importo{font-weight:bold; color:#1b4385; text-align:right; padding-right:0.5em;}
    .gare .scadenza {
        font-weight: bold;
        color: rgba(180,0,0,1);
        text-align: center;
    }
.gare .giustificato {text-align:justify;}
a.regioni:link,  a.regioni:visited {color:#666666; font-size:9pt; text-decoration:underline;}
a.regioni:hover { color:#aaaaaa;}
/*.regioni a:visited {color:#666666;}*/
a.regioneattiva{font-weight:bold; color:#1b4385; font-size:9pt;}

/************Registrazione********************/
.registrazione
{
    color:#1b4385;
    font-size:10pt;
    }
    
    /************* APPS*****************/
/*    
#apps { text-align:center;}

#apps h1 { color:#c00; line-height:110%;}
    #apps h2 {color: #c00; line-height: 250%; font-weight:600; text-align:left;
    }
    #apps h3 {
        color: #1b4385;
        line-height: 110%;
        font-weight: 600;
        margin: 0 auto;
        padding: 0;
    } 

#apps div{box-sizing:border-box; width:48%; float:left; margin:10px 1%; padding:2%}
    #apps div.larghezza33 {
        width: 31%;
    }
#apps div.larghezza40{
    width: 38%;
   }
    #apps div.larghezza60 {
        width: 58%;
     }

#apps img {
    width: 100%;
    border-radius:10px;
}
    */
/********************/

#apps2 {
    padding: 60px 1%;
}

#apps2 div {
    box-sizing:border-box;
}

#apps2 div.larghezza40 {
    width: 38%;
    float: left;
    margin: 45px 1%;
    padding: 2%
}

#apps2 div.larghezza60 {
    width: 58%;
    float: left;
    margin: 10px 1%;
    padding: 2%
}


    #apps2 h1 {
        color: #c00;
        line-height: 120%;
    }

    #apps2 h3 {
        color: #1b4385;
        line-height: 110%;
        font-weight: 600;
        margin: 0 auto;
        padding: 0;
    }

#apps2 #screenshoot {
    width: 100%;
    margin-bottom:45px;
}
    #apps2 #screenshoot img {
        cursor:pointer;
        width: 15%;
        border-radius: 10px;
        margin: 0 1%;
    }
    #apps2 #screenshoot:first-child {
        margin-left: 0 !important;
    }
    #app2 #screenshoot:last-child {
        margin-right: 0 !important;
    }
#apps2 #AppStore{
    width:100%;
}
#apps2 #AppStore div {
    float: left;
    width: 50%;
}
    #apps2 #AppStore img{
        width:100%;
    }
    /*****************************************************************************/
    /*****************************NUOVO STILE**************************************/
    sup, sub {
        vertical-align: baseline;
        position: relative;
        top: -0.4em;
    }
sub {top: 0.1em;}

.nowrap {
    white-space: nowrap;
}
.testo p {
    line-height: 140%;
    font-size: 0.90rem;
}
/*Blu Staffetta*/
.color1 {
    color: #1b4382;
}
/*Bianco*/
.color2 {
    color: rgb(255,255,255);
}
/*Grigio #666666*/
.color3 {
    color: rgb(102,102,102);
}

.color4 {
    color: rgb(220, 0, 0);
}



.bgcolor1 {
    background-color: rgb(0, 45, 114);
   /* rgba(53,88,140,1);*/
}
/*Blue Staffetta*/
.bgcolor2 {
    background-color: rgb(0, 45, 114);
}
/*Grigio #666666*/
.bgcolor4 {
    background-color: rgba(220,220,220,1);
}

.allineaSX {
    text-align: left;
}

.allineaDX {
    text-align: right;
}

.nascondi{display:none;}

.footer {
    background-color: rgba(220, 220, 220, 0.8);
    border: solid 1px rgba(200,200,200,0.8);
    border-radius:3px;
    color: rgb(89,140,197);
    color: rgba(89,140,197,1);
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
}


/****************************************/

.bordoGrafici {
    border-radius: 10px;
    position: relative;
    box-sizing: border-box;
    border: solid #D1CFD1 1px;
    -webkit-box-shadow: -1px 0 17px rgba(209, 207, 209, 1);
    -moz-box-shadow: -1px 0 17px rgba(209, 207, 209, 1);
    box-shadow: -1px 0 17px rgba(209, 207, 209, 1);
  }

/********** TOOLTIP *********/
.tooltip {
    position: relative;
    display: inline-block;
}


    .tooltip .tooltiptext {
        visibility: hidden;
        /* width: 140px; */
        background-color: #555;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px;
        position: absolute;
        z-index: 1;
        bottom: 150%;
        left: 50%;
        margin-left: -75px;
        opacity: 0;
        transition: opacity 0.3s;
        white-space: nowrap;
    }

        .tooltip .tooltiptext::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #555 transparent transparent transparent;
        }

    .tooltip:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
    }

/****************************/


/************MODAL***************/
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 10000; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100vh; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
.modal #btnPrev,
.modal #btnNext{
    font-size:2rem;
    font-weight:bolder;
    color:#1b4385;
    width:60px;
    height:60px;
    border-radius:60px;
    border:solid 2px rgba(204,0,0,1);
    position:absolute;
    top:calc(50% - 23px);
}
    .modal #btnPrev{
        left:5%;
    }
        .modal #btnNext{
            right:5%;
        }

        /* Modal Content/Box */
        .modal-content {
            position: relative;
            background-color: #fefefe;
            margin: 40px auto; /* 15% from the top and centered */
            padding: 40px 20px 20px 20px;
            border: 1px solid #888;
            width: 80%; /*Could be more or less, depending on screen size */
        }

/* The Close Button */
.modal-close {
    display:block;
    position:absolute;
    top:10px;
    right:10px;
    color: #aaa;
    float: right;
    font-size: 35px;
    font-weight: bold;
}

    .modal-close:hover,
    .modal-close:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }

.modal-open{
    display:block;
    position:absolute;
    bottom:10px;
    right:10px;
}
.modal-content .modal-open{display:none;}
.modal-note{width:100%; text-align:center; margin:10px 5px 5px 5px;}

#modalPhotoGallery img{border-radius:10px;}
/******************************/
/****** MENU SEZIONI************/
#menu-sezioni {
    width: 998px;
    height: 40px;
    display: flex;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    border: solid 1px rgb(0, 45, 114);
    background-color: rgba(53,88,140,1);
}

    #menu-sezioni div {position: relative; float: left; box-sizing: border-box; height: 100%; margin: auto;    
        padding: 0 0.2em; text-align: center; flex: auto;
    }

        #menu-sezioni div:hover {
            background-color: #c00; /* rgba(135, 00, 00, 1); */
        }

            #menu-sezioni div:hover ul, #menu-sezioni div.hover ul {
                display: block;
            }

    #menu-sezioni a {
        display: block;
        height: 100%;
        margin: auto;
        display: flex;
        color: #fff;
        align-items: center;
        padding: 0;
        font-size: 0.75rem;
        text-decoration: none;
    }

    #menu-sezioni ul {
        display: none;
        z-index: 1000;
        margin: 0;
        padding: 0;
        border: solid 1px rgb(0, 45, 114);
        border-radius: 0px 0px 7px 7px;
        position: absolute;
        left: 0;
        background-color: rgba(53,88,140,1);
        box-shadow: 1px 5px 10px #666;
    }

        #menu-sezioni ul li {display: block; margin: 0; padding: 0; border-bottom: 1px inset #aaa;}

            #menu-sezioni ul li:hover {background-color: #c00;}

            #menu-sezioni ul li a {text-align: left; width: 250px; height: 30px;  font-size: 1rem; padding: 2px 3px;}

/******** CRONOLOGIA *******  RIQUADRO *******/
#pnlCronologia, .riquadro {
    border: solid 1px rgb(220, 220, 220);
    border-radius:3px;
    margin-top: 3px;
    text-align: left;
}

    #pnlCronologia #divTitoloCronologia, .riquadro th {
        border-radius: 3px;
        text-align: center;
        font-size: 1.05rem;
    }

    #pnlCronologia p, .riquadro p {
        padding: 2px;
        margin: 0px;
    }

    #pnlCronologia a, .riquadro a:any-link {
        padding: 0px;
        margin: 0px;
        display:block;
        width:100%;
    }

    #pnlCronologia .prome {
        text-align: left;
        float: left;
        height: 14px;
        border: 0px;
    }

    #pnlCronologia span {
        font-weight: bold;
    }

    #pnlCronologia h2, #pnlCronologia h3 {
        font-size: 0.95rem;
        margin-bottom: 0.7rem;
    }

    #pnlCronologia h2, #pnlCronologia h3 {
        font-weight: 500;
        padding: 0;
        margin: 0;
    }

    .riquadro h3 {
        font-size: 0.95rem;
        margin:0 0 0.7rem 0;
        font-weight: 500;
        padding: 0;
    }
        #pnlCronologia a, .riquadro a {
        color: inherit;
        text-decoration: inherit;
    }

        #pnlCronologia a:hover, .riquadro a:hover {
            opacity: 0.7;
        }
    /*****************************/
    .testataPagina{text-align:center; margin:15px auto 25px auto;}
    .testataPagina span{font-weight:bold; font-size:1.7rem;}

    /*****************************/
    /******** BUTTON - classi********/

    .button {
    box-sizing:border-box;
    font-weight: 600;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(100, 100, 100, 1);
    text-decoration: none;
    border-radius: 3px;
    font-size: 0.8rem;
    min-height: 23px;
    color: rgb(255,255,255);
   /* background: rgb(53,88,140); */
    background-color: rgba(53,88,140,1);
    border: solid 1px rgb(0, 45, 114);
    margin: 0 0px 10px 0px;
    
}

    .button:hover {
        background-color: #c00; /*rgba(220, 220, 220, 0.8);*/
        border:solid 1px #900;
       
        /*color:*rgba(89,140,197,1);
        text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);*/
    }

#colDestra .button {
    letter-spacing: 0.06rem;
}

.altezza1 {
    height: 40px;
    font-size: 1.0rem;
    line-height: 260%;
}

.larghezza100 {
    width: 100%;
}
.larghezza50 {
    width: 49.3%; float:left; margin-right:0.7%;
}
    .larghezza50 + .larghezza50{margin-left:0.7%; margin-right:0;}


    .larghezza50.altezza1 {
        font-size: 0.8em;
        line-height: 290%;
    }
.block {
    display: block;
}
/*********************/
#divRegistrazione a {
    width: 250px;
    height: 25px;
    position: absolute;
    top:0;
    right:0;
    text-align: center;
    font-weight: bold;
    font-size: 10pt;
    font-family: arial;
    text-decoration:none;
    line-height:200%;
}
    #divRegistrazione a:hover {
        color:#c00;
        text-shadow:1px 1px #666;
    }
    /*****************************/
#menuPubb {
    position: relative;
    width: 100%;
    height: 25px;
    
}
#menuPubb div {float:left; height:100%;}

    #menuPubb div:first-child{
        width:60%;
    }
    #menuPubb div:last-child{
        width:40%;    
    }
    #menuPubb .linkPubb {
        text-align: center;
        display: block;
        margin: 0 auto;
        font-weight: bold;
        font-size: 10pt;
        text-decoration:none;
        font-family: arial;
        float:left;
        height:100%;
        line-height:200%;
    }
        #menuPubb1 .linkPubb:hover {
            background-color: #2f3b6f;
            color: #fff;
        }
        #menuPubb #menuPubb1 .linkPubb {
            width: 33%;
        }

   
 

    #menuPubblicazioni {
        padding-top:1px;
        width: 100%;
        height: 25px;
        position: relative;
        text-align: center;
        font-weight: bold;
        font-size: 10pt;
        font-family: arial;
    }
#menuPubblicazioni div {width:166px; padding-bottom:1px; height:25px;float:left;z-index:1000;position:relative;overflow:visible;line-height:150%;}

   

.linkMenu div div {
    visibility: hidden;
}

.linkMenu a {display:block; width:100%; height:100%;  white-space:nowrap; text-decoration:none;}
.linkMenu a:hover  {background-color:#2f3b6f; color:#fff;}   
.linkMenu div ul {display:block; background-color:#eee;
                  -moz-box-shadow:  4px  4px 15px #333;
                    -webkit-box-shadow:  4px  4px 15px #333;
                    box-shadow: 4px  4px 15px #333 ;           
                    /* For IE 8  
                    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color=#333)"; */   
                    /* For IE 5.5 - 7     */
                    filter: progid:DXImageTransform.Microsoft.Shadow(color=#444444,direction=135,strength=5);}
.linkMenu div ul li a{ background-color:transparent; color:#2f3b6f;}
.linkMenu div ul li a:hover{background-color:#2f3b6f; color:#f00;} 

.separatoreMenu {border-bottom:2px inset #ccc;}     
                     
.coloreQuot{ color:#2f3b6f;}
.coloreH2o{ color:#598cc5;} /*223d80*/
.coloreAlt{ color:#82a18f;} /*22661f*/
.coloreGpl{ color:#2e558e;} /*005f9f*/
.coloreCarb{ color:#c8804e;} /*8f3f15*/
.coloreRif { color: rgb(243, 116, 43); }/*Arancio scuro*/
.coloreNews{ color:#000;} /*404040*/
.coloreSelezioneSQ{background-color:#2f3b6f; color:#fff;}
.coloreXSelezione{background-color:#2f3b6f; color:#fff;}

/**/

/* Menu Calendario */
#CalendarioSezioni {position:absolute;left:38px; width:550px;height:20px; float:left;z-index:300; overflow:hidden;font-family:Georgia;font-weight:bold;  text-align:center;  font-size:10pt;}
#CalendarioSezioni div{background-color:#2f3b6f;}
#CalendarioSezioni div div { position:relative; display: table-cell;  width:50px;height:20px;line-height:150%;}
#CalendarioSezioni div div ul {position:absolute; visibility:hidden; width:100px; text-align:left; border-top:1px inset #999;  border-left:1px inset #999; border-right:1px outset #efefef;border-bottom:1px outset #efefef;}
#CalendarioSezioni div div ul li {line-height:130%; word-spacing:-0.10em; }

.divAnno {color:#fff;}
.divAnnoOn {color:#f00;}
.divAnno a, .divAnno a:link { font-family:Georgia; color:#fff;}
.divAnno a:hover{font-family:Georgia; color:#f00;} 

.lblPeriodoCalenderio{border-top:solid 1px #1b4385; font-weight:bold; color:#1b4385; font-size:12pt; font-family:Georgia;} 


/* ULTIMI 5 NUMERI */
.calendario{background-color:#2f3b6f; font-family:Georgia;  height:20px; color:white; font-weight:bold; font-size:10pt; text-align:center; text-decoration:none;
            white-space:nowrap; padding:0px 1px 0px 1px; margin:1px;
	/* background-image:url(../_Immagini/icone/btn_Grad_Blu.gif);
	 background-repeat:repeat-x; */}
.calendario a:hover {color:#cc0000;}
.calendarioOn {color:#cc0000;}
/* ------------------- */


/* TODAY @ */
#riqTodayAt 
{
    position:relative;
    width:370px;
    border:1px solid #cecece;
    font-size:0.78em;
    color:#1b4385;
    background-color:#fcfcfc;
    margin: 10px 0 10px 0;
    
}

#riqTodayAt p {text-align:left; text-indent:10px; letter-spacing:0.4px;}

#riqTodayAt img {
    border:none;
}

#TodayAtFoto  {
    border:solid 1px #ccc;
    margin-right:3px;
    background-image:url(../_Immagini/Icone/sfondoPDF.png);
    background-position:top left;
}
#riqTodayAt a, #riqTodayAt a:link { text-decoration:none; color:#1b4385; font-weight:bold;}
#riqTodayAt a:hover{text-decoration:underline; color:#2b5aa7;} 

#TodayAtTitolo { text-align:left;}
#TodayAtTitolo a, #TodayAtTitolo a:link{font-size:2.3em; font-weight:bold; text-decoration:none; color:#1b4385;}
#TodayAtTitolo  a:hover{text-decoration:underline;} 

#TodayAtHeader
{
    width:100%;
    height:60px;
 /*  background-image:url(../_Immagini/Testata/TodayAt_370.gif);*/
    
}

#ctl00_CPH1_ctrlTodayAt_TodayAtCorpo, #TodayAtData, #TodayAtFooter
{
  /*  background-color:#cfcfcf;*/
}

#TodayAtData, #TodayAtFooter
{ 
    text-align:right;
    width:100%;
    position:relative;
    /*right:3px;*/
    padding-top:5px;
    font-size:0.8em;
    color: #9b9b9e;
    border-top:1px solid #eeeeee;
}

#TodayAtData
{
    /*top:5px;*/
    margin-bottom:5px;
    }
    
    #TodayAtFooter
{
    margin-top:5px;
    bottom:5px;
    }

/***************STATISTICHE********************/
    #CHiMiHaLetto {font-size:100%; font-family:Calibri; width: 100%; }
        #CHiMiHaLetto h1 {
            color: #1b4385;
            text-align: left;
        }
    #CHiMiHaLetto h2 span {color:#c00; font-size:1.7em;}
        #CHiMiHaLetto #DatiGenerali {
            padding: 0 20px 10px 20px;
            position: relative;
            height: 150px;
            text-align: left;
        }
    #CHiMiHaLetto #DatiGenerali #divVisite {padding:0; margin:0; position: absolute; left: 300px; top: 65px;}
                #CHiMiHaLetto #DatiGenerali #divVisite p {font-weight:bold; font-size:1.2em;}
                #CHiMiHaLetto #DatiGenerali #divVisite span {
                    color: #c00;
                    font-size: 1.4em;
                }
 
        #CHiMiHaLetto #divDate {width: 90%;height: 30px;position: relative;}
        #CHiMiHaLetto #divDate h4 {position:absolute; top:0; color:#4075c8;}
        #CHiMiHaLetto #divDate .destra { right:5px;}

        #CHiMiHaLetto #graficoSettori {
            position: relative;
            margin-top: 30px;
        }
            #CHiMiHaLetto #graficoSettori #Button{ z-index:100; position:absolute; top:15px; right:300px;}
            #CHiMiHaLetto #graficoSettori canvas {
                position: relative;
                left: 0;
                top: 0;
            }
            /***********************************************/
            /************PRIVACY**********************/
            #Privacy {
                font-size: 16px;
                text-align: left;
                padding: 0 5px 0 5px;
            }
   #Privacy p {text-align:justify;}
   #Privacy h1, #Privacy h2,  #Privacy h3, #Privacy h4 {color:#1b4385; display:block; width:100%}
   #Privacy h1, #Privacy h2 {text-align:center;}
   #Privacy h3, #Privacy h4 {margin:10px 0 5px 5px;} 
   #Privacy h2 { font-size:0.85em;}
   #Privacy ul { list-style-type:square; list-style-position:inside; display:block; margin:10px 0 10px 0;}
  
  /*****************************************/
    
    
    /******Versione PDF**********/

#titoloPaginaPDF {box-sizing:border-box; position:relative; display:block; width:100%; height:10px; text-align:center;}
/*690px;*/
.Avviso {display:none; position:absolute; top:20px; background-color:#fff; box-sizing:border-box; margin:40px 10px 30px 30px; text-align:center; padding:2vw; color:#1b4385; font-weight:bold; width:66%;
                    -webkit-border-radius:8px; 
                    -moz-border-radius:8px; 
                     border-radius:8px;
                     box-shadow:0px 0px 25px 6px rgba(0,0,0,0.30); 
                     }
                     
     .Avviso span {color:#cc0000;}                
                     
.hypArretrati{display:block; width:180px; margin:30px 30px 10px 30px; position:absolute; top:160px; padding:0;}
    
    #UltimiPDF {box-sizing:border-box; float:left; position:relative; top:200px;}
    #archivioPDF {box-sizing:border-box; width:750px; float:left; position:relative; top:200px;}
    #archivioPDF div{float:left;}
    
    #navArchivioPDF {box-sizing:border-box; width:240px; margin-top:240px; padding:10px 10px 10px 10px; float:left; position:relative; text-align:left;
                    -webkit-border-radius:8px; 
                    -moz-border-radius:8px; 
                     border-radius:8px;
                     box-shadow:0px 0px 25px 6px rgba(0,0,0,0.30);
                        }
   
      #navArchivioPDF a:link,
      #navArchivioPDF a:visited,
      #navArchivioPDF a:hover {box-sizing:border-box;  text-decoration:none; border-radius:4px; padding-left:0.1em; display: inline-block; width:46%; margin:5px 2px; font-size:0.9em; background-color:#f5f6ff;
                            -webkit-box-shadow: 0px 0px 1px 2px rgba(27,67,133,1);
                            -moz-box-shadow: 0px 0px 1px 2px rgba(27,67,133,1);
                             box-shadow: 0px 0px 1px 2px rgba(27,67,133,1);  }
      #navArchivioPDF a:hover{color:#c00;}

    .anteprimaPDF{box-sizing:border-box; width:100%; min-height:2000px; padding:0px 10px 10px 30px; position:relative;}
    
   .anteprimaPDF div {float:left; margin:20px 15px 0 0; position:relative; width:220px; height:380px;}
   .anteprimaPDF .paper   { width:210px; height:300px; position:relative; border-top:solid 1px #ccc; border-left:solid 1px #ddd;}
   .anteprimaPDF .paper > a {display:block; position:relative;  width:210px; height:300px;}
   .anteprimaPDF div > img  {position:relative;   width:210px; height:300px;}
 #UltimiPDF .statistiche, #archivioPDF .statistiche {
    filter: alpha(opacity=70);
   opacity: .7;
    display: block;
    position: absolute !important;
    top: 5px;
    left: -15px;
    width: 40px;
    height: 40px;
    z-index: 100;
}
    #UltimiPDF .statistiche:hover, #archivioPDF .statistiche:hover {
        filter: alpha(opacity=95);
        opacity: .95;
    }


    .anteprimaPDF .didascalia {
        width: 90%;
        height: 30px;
        text-decoration: none;
        margin-left: 10px;
        display: block;
        position: relative;
        line-height: 180%;
        width: 90%;
        height: 30px;
        text-align: center;
        color: #fff;
        font-weight: bold;
        text-shadow: 0 2px 0 #000;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        background-image: linear-gradient(#1b4385, #444);
    }
 .anteprimaPDF .didascalia  a:link,
  .anteprimaPDF .didascalia a:visited ,
   .anteprimaPDF .didascalia a:hover {text-decoration:none; display:block; position:relative; line-height:180%; width:100%;  height:100%; text-align:center; color:#fff; font-weight:bold;}
   .anteprimaPDF .didascalia a:hover{ text-shadow: 0px 1px 5px #999;}
    

       
.paper {
  background-color: #fff;
  /* Need position to allow stacking of pseudo-elements */
  position: relative;
  /* Padding for demo purposes */
  padding: 0px;
}
.paper,
.paper::before,
.paper::after {
  /* Add shadow to distinguish sheets from one another */
  box-shadow: 2px 1px 1px rgba(0,0,0,0.15);
}

.paper::before, .paper::after {content: ""; position: absolute; width: 100%; height: 100%; background-color: #eee;}

/* Second sheet of paper */
.paper::before {left: 3px; top: 3px; z-index: -1;}

/* Third sheet of paper */
.paper::after {left: 5px; top: 5px; z-index: -2;} 
    /********************************/

    /******BANNER PDF*****************/
#BannerPDF {margin:10px 0; position:relative; width:370px; height:228px; background-image:url(../_Immagini/Sezioni/banner-pdf.gif); background-position:10px 0px;}
#BannerPDF a:link, #BannerPDF a:visited, #BannerPDF a:{position:absolute; display:block; text-decoration:none; color:#cc0000;}
#BannerPDF .bannerPDFsfondo {width:100%; height:100%;}
#BannerPDF .bannerPDFimg{position:absolute; width:140px; height:210px; top:8px; left:48px;}
#BannerPDF .bannerPDFtext{width:40%; height:160px; display:block; padding-top:15px; position:absolute; top:50px; background-color:#fff; left:55%; text-align:center; font-style:italic; font-weight:600;  text-decoration:none; font-size:1.7rem; line-height:160%;}
    #BannerPDF .bannerPDFtext span {
        display: block;
        margin-top: 30px;
        font-style:normal;
        font-size: 0.75rem;
        color: #cc0000;
    }
    /***********************************/
/******SPECIALI***********************/
.clear{clear:both;}

.fascia {
    width: 100%;
    color: #888;
    position: relative;
    height: 15px;
    padding: 0 0px 0 0px;
    font-size: 1rem;
    font-weight: bold;
    font-style: italic;
    border-bottom: solid 1px #aaa;
    border-top: solid 1px #aaa;
    -webkit-box-shadow: 0 10px 10px -8px #000;
    -moz-box-shadow: 0 10px 10px -8px #000;
    box-shadow: 0 10px 10px -8px #000;
}

/*#Speciali{position:relative;width:100%; margin:10px 0 10px 0; height:220px; overflow:auto;} */

    /***********************************/
    @media screen and (max-width:650px) {
        .Avviso {
  /*    top: 300px;
        width: 600px;
        padding: 2px; */
    }

    @media screen and (max-width: 480px) {
        /*   @-ms-viewport {
            width: device-width;
        }
   #menuPubblicazioni { height:50px;}
    #menuPubblicazioni a::before {
    content: "QUOTIDIANA";
    font-size:2em;}*/
        .anteprimaPDF .didascalia,
        .anteprimaPDF .didascalia a:link,
        .anteprimaPDF .didascalia a:visited,
        .anteprimaPDF .didascalia a:hover {
            height: 60px;
            line-height: 360%;
        }

        .Avviso {
          /*  top: 60px;
             width: 320px;
            padding: 2px;
            position: -ms-device-fixed;*/
        }

        /*  #contBannerSX, #contBannerDX { display: none; } */
        #fcResSX, #fcResDX {
            display: none;
        }
    }
}