body {background-color:#000000}

 
  #tela {min-height: 600px;min-width: 500px;width: 100%;
        height: auto;position: fixed;top: 0px;left: 0;z-index:0;}
    
  #roll {min-height: 600px; min-width: 500px;width: 100%;height: auto;position: fixed;top: 0px;left: 0;z-index:0;overflow:hidden}
       
  #trama {min-height: 600px;min-width: 500px;width: 100%;height: auto;position: fixed;top: 0px;left: 0;z-index:1;}
     
  #menu {position:relative;top: 0px;left: 0;z-index:4}
   
   .bmain {width:500px;background-color:Black;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6;opacity: 0.6;
     -moz-border-radius: 0em 2em 2em 0em; border-radius: 0em 2em 2em 0em;height:50px;vertical-align:middle;cursor:pointer;
      text-align:left;z-index:15; position:absolute}

  .b_Q{  font-family:"Candara",Arial,serif; font-size:18px;font-weight: bold;letter-spacing:2px;
    	 color:#f0bb60;text-indent:16px;text-shadow: 0px 2px 3px #0000cc; 
    	 vertical-align:middle;text-align:right; margin-right:10px}

       #b_Q1 {top:250px;left:-300px;}
       
       #b_Q2 {top:350px;left:-200px}
       
       #b_Q3 {top:450px;left:-100px}     
      
  #info {position:absolute;width:50%;background-color:Black;-moz-border-radius: 1em 10em 1em 4em;
        border-radius: 1em 10em 1em 4em;height:0px;top: 150px;left: 100px;z-index:6;display:none}
       
 #textinfo { position:relative; width:70%; height:300px;color:Blue;top:-10px; left:120px;}
 
 #extrapagina {position:absolute;width:90%;background-color:Black;-moz-border-radius: 1em 1em 1em 1em;
        border-radius: 1em 1em 1em 1em;height:90%;top: 100px;left: 50px;z-index:20;display:none}
 #paginfo{position:relative;width:90%;height:90%;top:2px;left:0px;z-index:20;display:block}
 #fechapag{display:block;width:50px ; height:50px;position:relative;top:0px;left:95%;z-index:20}
       
  .b_info{position:absolute;top:100px;width:150px;height:40px;z-index:5; cursor:pointer}
           
  .b_Q2{  font-family:"Candara",Arial,serif; font-size:18px;font-weight: bold;letter-spacing:2px;
    	 color:#f0bb60;text-indent:16px;text-shadow: 0px 2px 3px #0000cc; 
    	 vertical-align:middle;text-align:center; margin-right:10px;}
    	 
   #quem{ left:400px}
   #equipa{ left:500px}
   #contato{ left:600px}
 
      
     #quemsomos {display:block; overflow:hidden}
     #tequipa {display:none;overflow:hidden}
     #tcontatos {display:none; overflow:hidden}
       
        #clube {display:none;width: 50%;height:400px;position:absolute;top: 10px;left:50px;z-index:10}
        #tabclube {display:none;width: 450px;height:300px;position:absolute;top: 100px;left:60%;z-index:4}
         .rmerg{ width:150px ; height:100px}
         .imgtab{ width:100px ; height:100px}
         
        #pagina {display:block;width:100%;height:100%;position:relative;top: 5px;left:5px;z-index:10}
      
        
        .imgtab{position:relative;top:0px;width:150px;height:80px;z-index:3; cursor:pointer;
         background-color:Black;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6;opacity: 0.6;
     -moz-border-radius: 2em 2em 2em 2em; border-radius: 2em 2em 2em 2em;
               background-repeat:no-repeat;
               background-position:midle center;           
               }
          
          #descobrir{background-image:url('../botoes/iniciar.png');} 
          #comecar{background-image:url('../botoes/comecar.png');}
          #especialidades{background-image:url('../botoes/garrafas.png');}
          #avancado{background-image:url('../botoes/master.png');}
          #reciclagem{background-image:url('../botoes/reciclar.png');}     
          #socorrismo{background-image:url('../botoes/socorro.png');}               
          #recuperador{background-image:url('../botoes/rescue.png');}
          #divemaster{background-image:url('../botoes/divemaster.png');}
      .activ{  font-family:"Candara",Arial,serif; font-size:16px;font-weight: bold;letter-spacing:2px;
    	 color:#f0bb60;text-indent:16px;text-shadow: 0px 2px 3px #ef3b3b; 
    	 vertical-align:middle;text-align:center; margin-right:10px;}
    	 
    	 
    	 
        .req{width:83px ; height:100px}
        
       #tabeqimg{ position:relative;left:80px;top:20px; width:246;height:280px}
    	  
  	   .equit{  font-family:"Candara",Arial,serif; font-size:14px;font-weight: bold;letter-spacing:2px;
    	 color:#00c6ff;text-indent:16px;text-shadow: 0px 2px 3px #000000; 
    	 vertical-align:text-bottom;text-align:center; margin-right:10px;margin-bottom:90px;}
    	  
      .imgtab2{position:relative;top:0px;width:82px;height:100px;z-index:3; cursor:pointer;
         background-color:Black;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6;opacity: 0.6;
     -moz-border-radius: 2em 2em 2em 2em; border-radius: 2em 2em 2em 2em;
               background-repeat:no-repeat;
               background-position:midle center;           
               }
    	 
       #rp{background-image:url('../imgstaf/rp.jpg');}
       #rf{background-image:url('../imgstaf/rpf.jpg');}
       #an{background-image:url('../imgstaf/anunes.jpg');}
       #as{background-image:url('../imgstaf/asampaio.jpg');}
       #tm{background-image:url('../imgstaf/tm.jpg');}
       #mp{background-image:url('../imgstaf/mp.jpg');}
       #nu{background-image:url('../imgstaf/nucha.jpg');}
    	 
       #quem{ left:400px}
       #equipa{ left:500px}
       #contato{ left:600px}
          
    /* TEXTP */
    
    h2#hs
    {  font-family: "Candara",Arial,serif;color:#ff0000;font-variant: small-caps;font-size:30px;font-weight:800;
       margin-bottom:0;text-shadow: 0px 2px 3px #fffff}
    
    p#hs{font-family: "Candara", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
        font-size:14px;margin-top: .2em; color:  #e0be84;text-indent:2em;}
        
     span{ font-family:Candara;font-size: 1.0em;font-weight: bold;text-transform:uppercase;letter-spacing:2px;}
      h2#ht{ font-family: Gill Sans, Verdana, serif;color:#ff0000;font-variant: small-caps;font-size:30px;font-weight:800;
       margin-bottom:0;text-shadow: 0px 2px 3px #ffffff}
    
    p#ht{font-family: "Candara", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
        font-size: 14px;margin-top: .5em; color: #ad8033;text-indent:2em;letter-spacing:1px; font-style:italic;text-indent:1em;
        font-weight:600;text-transform:uppercase; text-align:justify}
     p#autor{font-family:  "Lucida", Helvetica, Arial, Verdana, sans-serif; text-decoration:underline;text-indent:0.1em;
        font-size: 12px;margin-top: .2em; color: #a2491d;text-indent:2em;letter-spacing:5px; font-style:italic; font-weight:600}
        
     span#ht{font-family:"Candara",Arial,serif;font-size:1em;font-weight: bold;text-transform:uppercase;
    	 letter-spacing:5px;color:#f0bb60; text-indent:.2em;}
     
      .bann{ z-index:3;position:relative;vertical-align:top;top:00px;left:0%;
         width:150px;height:100px;filter:alpha(opacity=100); -moz-opacity:1.0;
        -khtml-opacity: 1.0;opacity: 1.0;display:inline-block;z-index:2;
         -moz-border-radius: 1em 10em 1em 4em;border-radius: 1em 10em 1em 4em}


   #overlay {background-image:url(../imagens/papel.png);color:#efefef;height:80%;}
	
	/* container for external content. uses vertical scrollbar, if needed */
	div.contentWrap {
		height:60%;
	  z-index:10;
		overflow-y:auto;
	}
    
    /* the overlayed element */
   .apple_overlay {
	
	/* initially overlay is hidden */
	     display:none;
	
	/* growing background image */
       	background-image:url(../scripts/overlay/white.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
      	width:80%;
        
       
	
      	/* some padding to layout nested elements nicely  */
       	padding:35px;

	/* a little styling */	
	       font-size:11px;
       }

/* default close button positioned on upper right corner */
.apple_overlay .close {
	background-image:url(../scripts/overlay/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}

      a   {
            color: #000000;
            font-family:Calibri;
            font-style:oblique;
            font-weight:600;
            font-size:10;
          
                      
            }
            
#divlink{ top:100px;left:50px; display:table; position:absolute; z-index:10}
            
#divlink .tablink {width: 150px;top:100px}
#divlink     td tr { width:60px; height:60px}
        
 #divlink   img {width:40px; height:40px}