:root {
  --caratteri: #333333;
  --headerB: #FFFFFF;
  --headerHoverB: #00a5dd;  /*VERDE #60BE19*/
  --headerC: #666666;       /*CELESTE #00a5dd*/
  --headerHoverC: #FFFFFF;
  --menuB: #F6F6F6;         /*GRIGIO CHIARO*/
  --menuHoverB: #DDDDDD;    /*GRIGIO SCURO*/
  --borderB: #DDDDDD;    /*GRIGIO SCURO*/
  --menuC: #00a5dd;
  --menuHoverC: #DDDDDD;
  --sottomenuB: #4099FF;
  --sottomenuSelB: #E2F7FF;
  --sottomenuC: #4099FF;
  --link: #666666;
  --linkH: #00a5dd;
  --linkMenu: #00a5dd;
  --linkMenuH: #333333;
  --buttonB: #00a5dd;
  --buttonC:#FFFFFF;
  --buttonHB: #58A5F1;
  --buttonHC:#FFFFFF;
  --gridB:#EEEEEE;
  --gridC:#333333;
  --titleMenu:#60BE19;
} 

/*  -----   COLORI   -------*/
body { color: #333333 /*caratteri*/ }
h1 { color: #666666 /*headerC*/}
.intro h1 { color: #00a5dd !important /*headerHoverB*/}
a { color: #666666 /*link*/}
a:hover { color: #00a5dd /*linkH*/}
legend { color: #666666 /*headerC*/ }
.aGuida {display:inline; color:var(--linkH)}
.aGuida:hover {text-decoration:underline}

/*  -----   FINE  COLORI   -------*/

.imgTrasp { max-width:100%;}


h1{font-family:Roboto Condensed, sans-serif  !important; margin:4px 0 20px 0; font-weight:normal  !important; font-size:24px !important; color: var(--headerC); width:100%; line-height: 40px !important; border-bottom: 1px solid #eee; }

.sidebar {
    display: flex;
    flex-direction: column;
    width: 25%;
    float:left;
}

.contentSidebar {
    display: flex;
    flex-direction: column;
    width: 25%;
    float:right;
}

.mainContentSx {
    display: flex;
    flex-direction: column;
    width: 73%;
    float:left;
}

.mainContentDx {
    display: flex;
    flex-direction: column;
    width: 73%;
    float:right;
}

.pnlIntro 
{ 
    line-height:24px;
    text-align:justify;
}

.aIntro 
{
    display:inline-block !important;
    color: var(--linkH);
}

#blockrandom { min-height:1300px !important;}