/*                            LEGGETE LE INDICAZIONI IN BASSO!!!                                                           */

/*    CSS DA UTILIZZARE PER IL DISEGNO DELLA FASE LUNARE SU UN'IMMAGINE                                                    */
/*    questo css è configurato per un'immagine lunare di 200x200pixel                                                      */
/*    se utilizzate un'immagine di dimensioni differenti modificate i codici evidenziati con MODIFICATE QUESTO PARAMETRO   */



  #div_luna{
    background-color: black;
    width:192px;                     /*    1) MODIFICATE QUESTO PARAMETRO con le dimensioni in pixel della vostra immagine */
    border: 1px solid white;
    padding:10px;
    position: absolute;
     }

  #div_luna a{
    color:white;
    margin-top: 40px;
    text-align: center;
  }

  #div_luna h3{
    color:white;
    margin-top: 4px;
    margin-bottom: 5px;
    text-align: center;
  }

  #luna{
    background-image: url(Luna.png);  /*    2) MODIFICATE QUESTO PARAMETRO con il nome del vostro file immagine png o jpg            */
    background-repeat: no-repeat;
    width: 192px;                             /*    3) MODIFICATE QUESTO PARAMETRO con le dimensioni in pixel della vostra immagine */
    height:192px;                             /*    4) MODIFICATE QUESTO PARAMETRO con le dimensioni in pixel della vostra immagine */
    float: left;  }


  #luna img{position: absolute; }

  #testi_luna{ width:190px;  border: 1px dashed gray;   clear: left;  margin-top: 20px; }

  #testi_luna p{  font-family: Arial; font-size:8pt; color:white; padding-left:2px; text-align: center; }

  #testi_luna h3{
    font-family: Verdana,Arial;
    font-size: 10pt;
    color:white;
    padding-left:2px;
    font-style: oblique;
    text-align: center; }


  /*                          PER L'EMISFERO SUD                                                                                 */

  #lunas{
    background-image: url(Lunas.png);         /*    2) MODIFICATE QUESTO PARAMETRO con il nome del vostro file immagine png o jpg            */
    background-repeat: no-repeat;
    width: 192px;                             /*    3) MODIFICATE QUESTO PARAMETRO con le dimensioni in pixel della vostra immagine */
    height:192px;                             /*    4) MODIFICATE QUESTO PARAMETRO con le dimensioni in pixel della vostra immagine */
    float: left;  }


  #lunas img{position: absolute; }

   #luna_gal{
    background-image: url(galileo.png);  /*    2) MODIFICATE QUESTO PARAMETRO con il nome del vostro file immagine png o jpg            */
    background-repeat: no-repeat;
    width: 192px;                             /*    3) MODIFICATE QUESTO PARAMETRO con le dimensioni in pixel della vostra immagine */
    height:192px;                             /*    4) MODIFICATE QUESTO PARAMETRO con le dimensioni in pixel della vostra immagine */
    float: left;  }

   #luna_gal img{position: absolute; }

    #luna_hev{
    background-image: url(Hevelius.png);  /*    2) MODIFICATE QUESTO PARAMETRO con il nome del vostro file immagine png o jpg            */
    background-repeat: no-repeat;
    width: 364px;                             /*    3) MODIFICATE QUESTO PARAMETRO con le dimensioni in pixel della vostra immagine */
    height:364px;                             /*    4) MODIFICATE QUESTO PARAMETRO con le dimensioni in pixel della vostra immagine */
    float: left;  }

   #luna_hev img{position: absolute; }

    #luna_big{
    background-image: url(luna686.png);  /*    2) MODIFICATE QUESTO PARAMETRO con il nome del vostro file immagine png o jpg            */
    background-repeat: no-repeat;
    width: 686px;                             /*    3) MODIFICATE QUESTO PARAMETRO con le dimensioni in pixel della vostra immagine */
    height:686px;                             /*    4) MODIFICATE QUESTO PARAMETRO con le dimensioni in pixel della vostra immagine */
    float: left;  }

   #luna_big img{position: absolute; }


   #luna_verne{
    background-image: url(verne.png);  /*    2) MODIFICATE QUESTO PARAMETRO con il nome del vostro file immagine png o jpg            */
    background-repeat: no-repeat;
    width: 192px;                             /*    3) MODIFICATE QUESTO PARAMETRO con le dimensioni in pixel della vostra immagine */
    height:192px;                             /*    4) MODIFICATE QUESTO PARAMETRO con le dimensioni in pixel della vostra immagine */
    float: left;  }

   #luna_verne img{position: absolute; }

   /*                                   css fasi lunari del mese corrente                                            inizio             */


   #luna_fase1{
    background-image: url(Luna1.png);
    background-position: left;
    background-repeat: no-repeat;
    width: 195px;
    height:55px;
    float: left; }

   #luna_fase2{
    background-image: url(Luna2.png);
    background-position: left;
    background-repeat: no-repeat;
    width: 180px;
    height:55px;

    float: left; }

   #luna_fase3{
    background-image: url(Luna3.png);
    background-position: left;
    background-repeat: no-repeat;
    width: 180px;
    height:55px;
    float: left; }

   #luna_fase4{
    background-image: url(Luna4.png);
    background-position: left;
    background-repeat: no-repeat;
    width: 180px;
    height:55px;
    float: left; }

   .testo_fasi{
     color: white;
     padding-left: 5px;
     font-family: Arial;
     font-size:8pt;
     text-align: center;
     border: 1px dashed gray;
     width: 130px;
     margin-left: 55px;
   }

   .testo_fuso{
     color: white;
     padding-left: 5px;
     font-family: Arial;
     font-size:8pt;
     text-align: left;
     margin-left: -4px;
     margin-top: 20px;
   }

  .testo_g{
     color: blue;
     padding-left: 5px;
     font-family: Arial;
     font-size:8pt;
     text-align: left;
     margin-left: -4px;
     margin-top: 20px;
   }

a{  text-align: center;  padding-left: 30px;}


   /*                                   css fasi lunari del mese corrente                                            fine               */


 /* ---------------------------------------------------------------------------------------------------------------------------- */
 /* ---------------------------------------------------------------------------------------------------------------------------- */
 /* ---------------------------------------------------------------------------------------------------------------------------- */
 /* ------------------------------------------------------------- END/FINE DISEGNO FASE LUNARE   ------------------------------- */
 /* ---------------------------------------------------------------------------------------------------------------------------- */
 /* ---------------------------------------------------------------------------------------------------------------------------- */
 /* ---------------------------------------------------------------------------------------------------------------------------- */

  #pianeta{
    background-image: url(fvenere.png);  /*    2) MODIFICATE QUESTO PARAMETRO con il nome del vostro file immagine png o jpg            */
    background-repeat: no-repeat;
    width: 192px;                             /*    3) MODIFICATE QUESTO PARAMETRO con le dimensioni in pixel della vostra immagine */
    height:192px;                             /*    4) MODIFICATE QUESTO PARAMETRO con le dimensioni in pixel della vostra immagine */
    float: left;  }

   #pianeta img{position: absolute; }