/* --- main navigation --- */

#mainmenu { width:608px; height:34px; display: inline; float:left; }
	#mainmenu ul { width:608px; height: 34px; margin: 0; padding: 0; list-style: none; background: url(../images/bodega-navi.gif) no-repeat; }
	#mainmenu li { margin: 0; padding: 0; text-indent:-9999px; font-size:0px; float:left;}
	#mainmenu li a { display: block; height: 34px; text-decoration: none; }

#home-button { width: 89px;  }
#home-button a:hover { width: 89px; background: url(../images/bodega-navi.gif) 0px -34px; }
#home-button.on, #home-button.on a:hover{ width: 89px; background: url(../images/bodega-navi.gif) 0px -34px;}

#about_esmirada-button { width: 158px;  }
#about_esmirada-button a:hover { width: 158px; background: url(../images/bodega-navi.gif) -89px -34px; }
#about_esmirada-button.on, #about_esmirada-button.on a:hover{ width: 158px; background: url(../images/bodega-navi.gif) -89px -34px;}

#media-button { width: 91px;  }
#media-button a:hover { width: 91px; background: url(../images/bodega-navi.gif) -247px -34px; }
#media-button.on, #media-button.on a:hover{ width: 91px; background: url(../images/bodega-navi.gif) -247px -34px;}

#reservation-button { width: 137px;  }
#reservation-button a:hover { width: 137px; background: url(../images/bodega-navi.gif) -338px -34px; }
#reservation-button.on, #reservation-button.on a:hover{ width: 137px; background: url(../images/bodega-navi.gif) -338px -34px;}

#contact_us-button { width: 114px;  }
#contact_us-button a:hover { width: 114px; background: url(../images/bodega-navi.gif) -475px -34px; }
#contact_us-button.on, #contact_us-button.on a:hover{ width: 114px; background: url(../images/bodega-navi.gif) -475px -34px;}

	

/* --- newsletter --- */

#newsletter { width: 137px; height: 32px; display: inline; float: left; }
	#newsletter ul { width:137px; height: 32px; margin: 0; padding: 0; list-style: none; background: url(../images/newsletter-button.gif) no-repeat; }
	#newsletter li { margin: 0; padding: 0; text-indent:-9999px; font-size:0px; float:left; }
	#newsletter li a { display: block; height: 32px; text-decoration: none; }
	
#newsletter-button { width: 137px;  }
#newsletter-button a:hover { width: 137px; background: url(../images/newsletter-button.gif) 0px -32px; }
#newsletter-button.on, #newsletter-button.on a:hover{ width: 137px; background: url(../images/newsletter-button.gif) 0px -32px;}