ul.navigation{
margin: 0;
padding: 0;


}


ul.navigation li {
display:block;
float:left;
list-style-type:none;
}

ul.navigation li a {
display:block;
height:34px; width:99px;
background:transparent url(images/botones.png) no-repeat 0 0;
text-indent:-9009px;
}

ul li#home a {
width:97px;
background-position: 0 0;
}

ul li#noticias a {
width:61px;
background-position: -97px 0;
}

ul li#torneos a {
width:64px;
background-position: -158px 0;
}

ul li#surf a {
width:83px;
background-position: -222px 0;
}

ul li#beach a {
width:94px;
background-position: -305px 0;
}

ul li#coach a {
width:79px;
background-position: -399px 0;
}
ul li#musica a {
width:78px;
background-position: -478px 0;
}

ul li#fotos a {
width:90px;
background-position: -556px 0;
}
ul li#archivos a {
width:87px;
background-position: -646px 0;
}


/*     la magia de los hovers   */  
ul li a:hover {
background-position: 0 -55px;
}

ul li#home a:hover, body#nosotros ul li#nosotros a{
background-position: 0 -33px;   /* left-right    top-bottom*/
}  

ul li#noticias a:hover, body#servicios ul li#servicios a  {
background-position: -97px -33px;
}  

ul li#torneos a:hover, body#portafolio ul li#portafolio a {
background-position: -158px -33px;
}  

ul li#surf a:hover, body#links ul li#links a {
background-position: -222px -33px;
}  

ul li#beach a:hover, body#ocio ul li#ocio a {
background-position: -305px -33px;
}  

ul li#coach a:hover, body#contacto ul li#contacto a {
background-position: -399px -33px;
}  

ul li#musica a:hover, body#contacto ul li#contacto a {
background-position: -478px -33px;
} 

ul li#fotos a:hover, body#contacto ul li#contacto a {
background-position: -556px -33px;
} 

ul li#archivos a:hover, body#contacto ul li#contacto a {
background-position: -646px -33px;
} 




/*  DROP DOWN STUFF   */

.navigation {
font-family: arial, sans-serif; 
width:749px;
 height:30px;
  position:relative;
   margin:0;
    font-size:12px;
	 margin:20px 0 60px 0; 
	 position:relative;
	  z-index:100;}
	  
.navigation ul {padding:0; margin:0; list-style-type: none;}

.navigation ul li {float:left; width:60px;} /* 106 */

.navigation ul li a, .navigation ul li a:visited {display:block; width:101px; text-decoration:none; padding:0 0 0 5px; height:30px; line-height:25px; color:#fff; background:#000}

.navigation table {border-collapse:collapse; margin:0; padding:0; font-size:1em;}

ul.navigation li ul {visibility:hidden; position:absolute; top:30px; left:23px;}   /*   se queda  */

ul.navigation li:hover ul,
ul.navigation li a:hover ul {visibility:visible; width:200px; color:#fff;}  /* se queda */ 

ul.navigation li#home ul li a {text-indent: 0} /* se queda */
ul.navigation li#home ul li a:hover {color: #FF0066 }   /* cambio de color de los links del dropdown*/