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: trnsparent;
        color: black;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
        padding-left: 15px;
}
.nav a
{
        float: left;
        margin-left: 4px;
        font-size: 12px; 
        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: 111px;
        height: 11;
        padding: 3 3 3 3;
        margin-top: 2;
       background-image: url(http://dolphinview.puertodesanblas.com/photos/metallicin.jpg);
      
   
       
   
       
       

}

.nav a:hover
{
       
        background-color: silver;
        
        color: black;
        text-decoration: underline;
        font-weight: bold;
       
        
       
}

.framed
{ 
               
               border: solid;
               border-color: black;
               border-width: 1px;
			  
} 
 


              
h1      { 
               color: black;
               font-size: 22px; 
               font-family: Arial,Verdana,Sans-Serif;
               text-align: left;
               margin-top: 33px;
               line-height: 50%;
              }   
h2      { 
               color: black;
               font-size: 16px; 
               font-family: Arial,Verdana,Sans-Serif;
               text-align: left;
               text-indent: 0px;
               line-height: 150%;
              }                                   
                 
                  
h3      { 
               color: black;
               font-size: 15px; 
               font-family: Arial,Verdana,Sans-Serif;
               text-align: center;
                line-height: 120%;
				 margin-left: 20px;
                margin-right: 20px;
				
				
              }                 
.colorx { 
               color: black;
         }  
.colorx a { 
               color: blue;
         }  

.boxindex { 
               color: black;
               font-size: 15px; 
               font-family: narrow,Arial,Verdana,Sans-Serif;
               font-weight: normal;
               text-align: justify;
               text-decoration: none;
               background-color: transparent;
               padding-left: 20px;
               padding-right: 20px;
               padding-top: 0px;
               line-height: 130%;
       }  

.boxsmall { 
               color: black;
			 
               font-size: 12px; 
               font-family: narrow,Arial,Verdana,Sans-Serif;
               font-weight: normal;
               text-align: justify;
               text-decoration: none;
               background-color: lightyellow;
               padding-left: 10px;
               padding-right: 10px;
               padding-top: 0px;
               line-height: 120%;
       }  
.boxsmall a { 
               color: blue;
            font-size: 13px; 
               font-family: narrow,Arial,Verdana,Sans-Serif;
               font-weight: normal;
               text-align: justify;
               text-decoration: none;
               background-color: transparent;
               padding-left: 10px;
               padding-right: 10px;
               padding-top: 0px;
               line-height: 120%;
       }  
.boxsmall a:hover { 
               color: blue;
              font-size: 13px; 
               font-family: narrow,Arial,Verdana,Sans-Serif;
               font-weight: normal;
               text-align: justify;
               text-decoration: none;
               background-color: transparent;
               padding-left: 10px;
               padding-right: 10px;
               padding-top: 0px;
			   text-decoration: underline;
               line-height: 120%;
			   
       }  


td.links     { 
               color: black;
               font-size: 14px; 
               font-family: Arial,Verdana,Sans-Serif;
               text-align: left;
               padding-left: 35px;
               padding-right: 20px;
               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;
       }