*{ margin: 0;
          padding: 0;
}

body{
          background:#000080;
          color: #000000;
          font-size: 20px;

          }
    .rrr{
              width: 25%;
               height: 35%;
               display: block;
               margin-left: auto;
                 margin-right: auto;

          } 

    .yyy{
               width: 35%;
               height: 40%;
               display: block;
               margin-left: auto;
                 margin-right: auto;
        }
          


  .zzz{
    text-align: center;
    font-size: 35px;
    color: #000000;
    }
            
    .iii{
          margin: 0;
          padding: 30;
   text-align: center;
    font-size: 23px;
    color: #000000;
        font-family: gamaro;
        text-align: justify;
        text-justify: inter-word;
    }

.logo{
       
    margin-right: auto;
    width: 8.2%;
 height: 17%;

    
    }


      .rod{
          text-align: center;
          color: #FFFFF0;
          font-size: 25px;
          }

      .rod2{
          text-align: center;
          color: #FFFFF0;
          font-size: 19px;
          }

     .menu1{
         background: #000000;
         }
         



.body1{
          background:#7B68EE;
        
        }

.body2{
          background:#CD853F;
        
          }

 .body3{
          background:#9ACD32;
          

          }
.body4{
    background:#DAA520;
    }

.body5{
    background:#CD0000;
    }

.body6{
    background:#778899;
    }

.body7{
    background:#FFA500;
    }

 
        .menu ul{
              list-style: none;/*tirar os pontinhos*/
              position: absolute;/*para usar fixed ou absolute*/
              
        }
       .menu ul li{ width: 150px;
             float: left;
                   

        }

     .menu li a{
        padding: 25px;
        display: block;
        text-decoration: none;/* tira a linha do link*/
        text-align: center; /*alinha no centro do bloco*/
        background-color: #4F4F4F;
        color: white;
        height: 50px;
        
         }/* formatar o bloco do link no menu*/

       .menu ul li:hover{  /* deixar visivel o sub menu quando passar o mouse*/
             visibility: visible;
           }
        .menu a:hover {
             background-color: azure;
            color: black;
            
          
            }

      .menu ul li:hover ul{
          height: center;
          max-height: 420px;

          }
         
    
    .menu{
         width: 35%;
         height: 100px;
         background-color: white;
         font-size: 20px;
         margin-left: 150px;
    }