body,div,svg,class,ul,id,iframe,img,figure,figcaption,form,input,textarea,p

     /*BODY*/   /*margin:0 auto ->centra o body*/                 
        body {max-width:1024px;height:100%;margin:0 auto;background-color:#336600;font-family:Verdana,serif;}

    /* div TOPO */  
                                    
       .topo  {width:100%;height:auto;padding:5px 0px 5px 0px ;}        
                 /*img PARA:TOPO,LATERAL1 E LATERAL2 EM public.html*/
        img    {width:100%;height:97%float:left;padding: 10px 5px 10px 0px;} 

                /* PARTE DO SITE  para reserva: COMEÇO*/
                
                
               /* PARTE DO SITE  para reserva:    FIM*/

     /* FORM */
                input   {width:auto;height:35px;font-family:serif,serif;font-size:20px;
                font-weight:bold;color:#33FF66;text-align:center;line-height:50%;}
                 
    /*CONTAINER: div onde estão sections: lateral1 e lateral2 */
        .container {height:auto;margin:0 auto;padding:5px;} 
        .container ul {}
        .container ul li  {list-style:none;font-size:25px;}
        .container ul li a{font-family:serif;color: #33ff66 ;text-decoration:none;background:#33c000;}
               
    /* BARRA DE NAVEGAÇÃO*/ 
        #paper0  { width:100%;height:auto;margin: 30 auto;margin-top:5px;}/**/
        svg.naveg {width:100%; height:130px; }
     /*rectangulos SVG*/
        #r01 {fill:#33ff66;} 
        #r1,#r2,#r3,#r4 {fill:#33c000;}
        #r5,#r6 {} 
 
     /* Google Map*/
       #frame     {width:100%;height:494px;}/*float:left;}*/
                
                 
     /* SERVIÇOS*/ 
     #paper  { width:100%;height:auto; margin: 0 auto;}
     svg.serv {width:100%;min-height:500px; }
    
     #paper1,#paper2 {width:45%; height:auto; margin:auto; border:1.5px solid #33FF66;
                      padding:10px 10px 10px 10px;}
     #paper1 {float:left;}
     #paper2 {float:right;} 
     svg.home {width:100%;min-height:500px;}
         /*  !!!!fill:none; NÃO PODE SER USADO COM IMAGENS EM PATTERN*/       
     ellipse {} 
   
     #circo{stroke:none;} 
     #circ1 {fill:none;stroke:#33ff66;stroke-width:2;}
    
    
      
     #rect0        {width:1024px;height:100px;fill:#33c000;
                    stroke:#33ff66;stroke-width:5px;}
         
    text  {font-family:Verdana,serif;font-size:24px;font-weight:bold;fill:#009900;}  
  
   
    polyline       {fill:#33ff66;stroke:none;}
    #poly         {font-size:60px;}
   
      /* ADOPÇÃO*/   /* ADOPÇÃO*/    
      .lateral1, .lateral2, .lateral01{width:42%;height:auto;margin:auto;
                                        border:1.5px solid #33FF66; padding:0px 5px 10px 5px;}
  
      .lateral1 {float:left;}
     
      .lateral2  {float:right;}
      .lateral01 {float:left;}
   h1, h2, h3  {font-family:serif,serif; color:#33FF66;font-weight:bold;
                     text-align:center;line-height:70%;}
   h1     {font-size:200%;}
   h2     {font-size:150%;}
      
   figure.figuras{width:250px;height:250px;margin:30px;border:2px solid blue;float:left;}
 
   img.gal{width:230px;height:200px;margin:auto;padding:0px;}  
          
  
 /*@media screen and (max-width:1200px)
  {
     .nave ul{width:1100px;background-color:#4E9258; } width:800px;height:40px; 
           ul li {line-height:auto;font-size:20px;}          line-height:20px;font-size:20px;
           ul li a.uk:before{content:url(fotos/gb2.png);margin-left:2px;display:block;} 
         
  }

 @media screen and (max-width:800px)
  {
     .nave ul{width:800px;background-color:#347235; }
           ul li {line-height:auto;font-size:18px;}
           ul li a.uk:before{content:url(fotos/gb3.png);margin-left:2px;display:block;}
  }

 */