body         { 
               color: black;
               font-size: 12px; 
               font-family: Arial,Verdana,Sans-Serif;
               margin: 20;
               left: 0;
               right: 0;
               top: 20;
               text-align: center;
               padding: 0; 
               align: center;
               scrollbar-face-color: black;
               scrollbar-arrow-color:white;
               scrollbar-track-color: white;
               scrollbar-shadow-color:white;
               scrollbar-highlight-color:white;
               scrollbar-3dlight-color:black;
               scrollbar-darkshadow-Color:black;
               }

.nav 
{
       
        
        font-size: 10px; 
        background-color: transparent;
        color: black;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
        padding-left: 15;
}
.nav a
{
        float: left;
        margin-left: 4px;
        font-size: 10px; 
        background-color: white; 
        color: black;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
        border: ridge;
        border-top-color: gray;
        border-left-color: gray;
        border-bottom-color: white;
        border-right-color: white;
        border-width: 1;
        width: 73px;
        height: 17;
        padding: 3 1 2 1;
        margin-top: 3;
       background-image: url(http://dolphinview.puertodesanblas.com/photos/metallicin.jpg);
      
   
       
   
       
       

}

.nav a:hover
{
       
        background-color: silver;
        
        color: black;
        text-decoration: underline;
        font-weight: bold;
       
        
       
}
.menubot
{
       
        
        font-size: 10px; 
        background-color: transparent;
        color: black;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
        padding-left: 15;
}
.menubot a
{
       
        margin-left: 4px;
        font-size: 10px; 
       align: center;
        color: black;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
          background-color: transparent;
        margin-top: 3;
      
      
   
       
   
       
       

}

.menubot a:hover
{
       
      
        
        color: black;
        text-decoration: underline;
        font-weight: bold;
       
        
       
}
.framed
{ 
              
               border: solid;
               border-color: black;
               border-width: 1px;
} 
 


              
h1      { 
               color: black;
               font-size: 20px; 
               font-family: Arial,Verdana,Sans-Serif;
               text-align: left;
               margin-top: 45px;
               line-height: 50%;
              }   
h2      { 
               color: black;
               font-size: 20px; 
               font-family: Arial,Verdana,Sans-Serif;
               text-align: left;
               text-indent: 30px;
               line-height: 100%;
              }                                   
                 
                  
h3      { 
               color: black;
               font-size: 18px; 
               font-family: Arial,Verdana,Sans-Serif;
               text-align: center;
              
               
              }                 
h4      { 
               color: black;
               font-size: 15px; 
               font-family: Arial,Verdana,Sans-Serif;
               text-align: center;
              
               
              }       
.boxindex { 
               color: black;
               font-size: 15px; 
               font-family: Arial,Verdana,Sans-Serif;
               font-weight: normal;
               text-align: justify;
               text-decoration: none;
               background-color: transparent;
               padding-left: 20px;
               padding-right: 25px;
               padding-top: 0px;
               line-height: 140%;
       }  
.boxlarge { 
               color: black;
               font-size: 17px; 
               font-family: Arial,Verdana,Sans-Serif;
               font-weight: normal;
               text-align: justify;
               text-decoration: none;
               background-color: transparent;
               padding-left: 20px;
               padding-right: 25px;
               padding-top: 0px;
               line-height: 120%;
       }  
.boxindexr { 
               color: black;
               font-size: 15px; 
               font-family: Arial,Verdana,Sans-Serif;
               font-weight: normal;
               text-align: justify;
               text-decoration: none;
               background-color: transparent;
               padding-left: 10px;
               padding-right: 30px;
               padding-top: 0px;
               line-height: 140%;
       }  
.boxcenter  { 
               color: black;
               font-size: 14px; 
               text-aling: center;
              font-family: narrow,Arial,Verdana,Sans-Serif;
               font-weight: normal;
               text-decoration: none;
               background-color: transparent;
              
               
       } 
.boxcenter a { 
               color: blue;
              
              
               text-decoration: none;
               background-color: transparent;
              
               
       }  
.boxcenter a:hover { 
               color: blue;
              
             
               text-decoration: underline;
               background-color: transparent;
              
               
       }  

td.links     { 
               color: black;
               font-size: 14px; 
               font-family: Arial,Verdana,Sans-Serif;
               text-align: left;
               padding-left: 100px;
               padding-right: 100px;
               text-decoration: none;
               line-height: 130%;
       }   
td.links a    { 
               color: blue;
               font-size: 14px; 
               font-family: Arial,Verdana,Sans-Serif;
               text-decoration: none;
              
       }               
            
td.links a:hover    { 
               color: blue;
               font-size: 14px; 
               font-family: Arial,Verdana,Sans-Serif;
               margin: 0;
               left: 0;
               right: 0;
               top: 0;
               text-align: justify;
               text-decoration: underline;
       }