body                   {
                        font-size: 120%
                       }

a                      {
                        text-decoration: none;
                        color: #71714a
                       }
        

h1                     {
                        line-height: 100%;
                        margin-top: 3%;
                        font: 1.6em Arial,Verdana;
                        font-variant: small-caps;
                        color: #71714A;
                        letter-spacing: 0.4vw; 
                        font-weight: bold; 
                        text-align: left      
                       }


h2                     {
                        line-height: 150%;
                        margin-bottom: 8%;
                        font: 1em Arial,Verdana;
                        font-weight: normal; 
                        text-align: justify;
                        color: #000000
                       }





/*----------------------------------------------- div Notizie, Eventi, Novità, Bacheca ---------------------------------------------*/

        
.notizie               {
                        width: 90%;
                        margin: 0 5% 4% 5%
                       }


.eventi,
.novita,
.bacheca               {
                        width: 90%;
                        padding: 2% 5%;
                        font-family: Arial, Verdana;
                        font-size: 16px;
                        color: #000000;
                        text-align:justify
                       }     


.notizie img,
.novita img            {
                        height: 30%
                       }
                       
                       
.eventi img,
.bacheca img          {
                       height: 10%                                             
                      }                       


.titolonotizie,
.titoloeventi,
.titolonovita,
.titolobacheca        {
                       width: 89%;
                       height: 40px;
                       line-height: 40px;
                       padding: 1% 3%;
                       margin: 8% 2% 4% 2%;
                       border: 1px solid #71714A;
                       border-radius: 10px;
                       box-shadow: 4px 4px 15px #71714A;
                       background-color: #CCFFCC;
                       font-family: Arial, Verdana;
                       font-size: 16px;
                       color: #71714A;
                       vertical-align: middle;
                       font-weight: bold
                      }

.titolonotizie img,
.titoloeventi img,
.titolonovita img,
.titolobacheca img    {
                       float: left;
                       display: inline;
                       padding-right: 2%
                      }


/*----------------------------------------------- div Sezioni IF Aziende ---------------------------------------------*/


#SezioniIFAZIENDE      { width: 90%;
                         height: auto;
                         line-height: 130%;
                         font-family: Arial, Verdana;
                         font-size: 1.2em;
                         letter-spacing: 0.7vw;
                         text-align: center;
                         color: white;
                         font-weight: bold;
                         text-shadow: 3px 3px 10px #71714A, 0 0 20px #71714A, 0 0 20px #71714A;
                         padding: 5%;
                         margin: 6% 0;
                         border-radius: 25px;
                         background-color: #CCFFCC
                       }

#SezioniIFAZIENDE a    { line-height: 180%;
                         font-family: Arial, Verdana;
                         font-size: 1em;
                         font-weight: normal;
                         letter-spacing: normal;
                         color: #71714A;
                         text-shadow: 0px 0px;
                         text-align: left
                       } 



/*----------------------------------------------- div Fondo pagina ---------------------------------------------*/
    

     .infosx  {
               width: 36%
              }
  
     .infocen { 
               width: 36%
              }

     .infodx  { 
               width: 21%
              }
    
     .infosx,  
     .infocen,
     .infodx  {
               display: inline-block;
               float: left;
               height: 150px;
               line-height: 150%;
               margin: 0;
               padding: 5% 1%;
               border-top: 2px solid #71714A;			
               background-color: #FFFFEC;
               font: 13px/2.2em Arial,Verdana;
               text-align: left;
               color: #FF66CC
              }

/*======================================================================================================================*/

  

@media screen and (min-width: 900px) {

/*----------------------------------------------- div Testa = Navigazione + LogoIF ---------------------------------------------*/

      
.testa                 {
                        width: 100%;
                        border-bottom: 1px dotted #71714A;
                        display: flex;
                        flex-wrap: nowrap
                       }
  
      
.navigazione           { 
                        width: 50%;
                        height: 50px;
                        line-height: 50px;
                        float: left;
                        padding: 20px 0 0 2%;
                        margin-left: 2%;
                        text-align: left;
                        vertical-align: middle
                       }

.navigazione img       {
                        width: 30px 
                       }
                       
.logoIF                { 
                        width: 50%;
                        height: 50px;
                        line-height: 50px;
                        float: left;
                        padding: 1% 2%;
                        margin-right: 2%;
                        text-align: right;
                        vertical-align: middle           
                       }

.logoIF a              {
                        font-family: Arial, Verdana;
                        font-size: 1em;
                        color: #71714A
                       }

.logoIF img            {
                        width: 50px;
                        height: 50px;
                        float: right;
                        display: inline
                       }


/*----------------------------------------------- div Titolo pagina ---------------------------------------------*/


.titolopagina          {
                        width: 100%;
                        margin: 2% 0;
                        text-align: center;
                       }

.titolopagina img      {
                        width: 80%                        
                       }


.sottotitolopagina     {
                        width: 100%;
                        margin: 2% 0 8% 0;
                        border-bottom: 1px dotted #71714A;
                        text-align: center
                       }

.sottotitolopagina img {
                        width: 10%;
                        padding-bottom: 3%
                       }


/*----------------------------------------------- div Notizie, Eventi, Novità, Bacheca ---------------------------------------------*/


.notizie img,
.eventi img,
.novita img,
.bacheca img           {
                        padding-right: 5%;
                        float: left;
                        display: inline
                       }

.notizie img           {
                        padding-bottom: 3%
                       }



}

/*======================================================================================================================*/


@media screen and (min-width: 690px) and (max-width: 899px) {


/*----------------------------------------------- div Testa = Navigazione + LogoIF ---------------------------------------------*/

      
.testa                 {
                        width: 100%;
                        border-bottom: 1px dotted #71714A;
                        display: flex;
                        flex-wrap: nowrap
                       }
  
      
.navigazione           { 
                        width: 50%;
                        height: 25px;
                        line-height: 25px;
                        float: left;
                        padding: 12px 0 0 2%;
                        margin-left: 2%;
                        text-align: left;
                        vertical-align: middle
                       }

.navigazione img       {
                        width: 25px 
                       }


.logoIF                { 
                        width: 50%;
                        height: 40px;
                        line-height: 40px;
                        float: left;
                        padding: 0.5% 2% 1% 2%;
                        margin-right: 2%;
                        text-align: right;
                        vertical-align: middle           
                       }

.logoIF a              {
                        font-family: Arial, Verdana;
                        font-size: 0.8em;
                        color: #71714A
                       }

.logoIF img            {
                        width: 40px;
                        height: 40px;
                        float: right;
                        display: inline
                       }


/*----------------------------------------------- div Titolo pagina ---------------------------------------------*/


.titolopagina          {
                        width: 100%;
                        margin: 3% 0;
                        text-align: center
                       }

.titolopagina img      {
                        width: 90%
                       }


.sottotitolopagina     {
                        width: 100%;
                        margin: 2% 0 8% 0;
                        border-bottom: 1px dotted #71714A;
                        text-align: center
                       }

.sottotitolopagina img {
                        width: 15%;
                        padding-bottom: 3%
                       }


/*----------------------------------------------- div Notizie, Eventi, Novità, Bacheca ---------------------------------------------*/


.notizie img,
.eventi img,
.novita img,
.bacheca img           {
                        padding-right: 5%;
                        float: left;
                        display: inline
                       }

.notizie img           {
                        padding-bottom: 3%
                       }



/*----------------------------------------------- div Fondo pagina ---------------------------------------------*/
 
    .infosx,  
    .infocen,
    .infodx   {
               display: inline-block
              }




}

/*======================================================================================================================*/


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



/*----------------------------------------------- div Testa = Navigazione + LogoIF ---------------------------------------------*/

      
.testa                 {
                        width: 100%;
                        border-bottom: 1px dotted #71714A;
                        display: flex;
                        flex-wrap: nowrap
                       }
  
      
.navigazione           { 
                        width: 50%;
                        height: 20px;
                        line-height: 20px;
                        float: left;
                        padding: 7px 0 0 2%;
                        margin-left: 2%;
                        text-align: left;
                        vertical-align: middle
                       }

.navigazione img       {
                        width: 20px 
                       }


.logoIF                { 
                        width: 50%;
                        height: 30px;
                        line-height: 30px;
                        float: left;
                        padding: 0.5% 2% 1% 2%;
                        margin-right: 2%;
                        text-align: right;
                        vertical-align: middle           
                       }

.logoIF a              {
                        font-family: Arial, Verdana;
                        font-size: 0.8em;
                        color: #71714A
                       }

.logoIF img            {
                        width: 30px;
                        height: 30px;
                        float: right;
                        display: inline
                       }


/*----------------------------------------------- div Titolo pagina ---------------------------------------------*/


.titolopagina          {
                        width: 100%;
                        margin: 4% 0;
                        text-align: center
                       }

.titolopagina img      {
                        width: 100%
                       }


.sottotitolopagina     {
                        width: 100%;
                        margin: 2% 0 8% 0;
                        border-bottom: 1px dotted #71714A;
                        text-align: center
                       }

.sottotitolopagina img {
                        width: 18%;
                        padding-bottom: 3%
                       }


/*----------------------------------------------- div Notizie, Eventi, Novità, Bacheca ---------------------------------------------*/


.notizie img,
.novita img            {
                        width: 100%;
                        padding-right: 5%;
                        margin-bottom: 3%
                       }
                       
.notizie img           {
                        padding-bottom: 3%
                       }
                       

.eventi img,
.bacheca img           {
                        float: left;
                        padding-right: 5%;
                        margin-bottom: 3%

                       }

/*------------------------------------- Fondo pagina ---------------------------------------------*/

    .infosx {
             width: 98%
            }  
    
    .infocen,
    .infodx {
             display: none
            }
}