/* EVERYTHING CSS SPRITE MAINNAV ENGLISH ---------------------------------------------------------------------------------------------------------------------------------------------------- */

ul#mainnav 		{ float: left; margin: 16px 0 0 70px; padding: 0; list-style: none; }
#mainnav li 	{ display: inline; float: left; margin: 0 5px 0 0; overflow: hidden; text-indent: -9999px; }
#mainnav li a 	{ background: url(../img/common/sprite.png) no-repeat; display: block; height: 100%; width: 100%; }
	
	
/* Home Button */
#mainnav li.home_en_us 		         { height: 22px; width: 72px; }
#mainnav li.home_en_us a 		     { background-position: 0 -90px; }
#mainnav li.home_en_us a:hover       { background-position: 0 -49px; }
#mainnav li.home_en_us a.selected    { background-position: 0 -49px; }


/* Search Button */
#mainnav li.suite_en_us 			 { height: 22px; width: 72px; }
#mainnav li.suite_en_us a 		     { background-position: -77px -90px; }
#mainnav li.suite_en_us a:hover 	 { background-position: -77px -49px; }
#mainnav li.suite_en_us a.selected  { background-position: -77px -49px; }


/* Club Button */
#mainnav li.club_en_us 			     { height: 22px; width: 72px; }
#mainnav li.club_en_us a 		     { background-position: -154px -90px; }
#mainnav li.club_en_us a:hover 	     { background-position: -154px -49px; }
#mainnav li.club_en_us a.selected    { background-position: -154px -49px; }


/* Travel Button */
#mainnav li.viajes_en_us 			 { height: 22px; width: 72px; }
#mainnav li.viajes_en_us a 			 { background-position: -231px -90px; }
#mainnav li.viajes_en_us a:hover 	 { background-position: -231px -49px; } 
#mainnav li.viajes_en_us a.selected  { background-position: -231px -49px; }


/* Blog Button */
#mainnav li.blog_en_us			     { height:	22px; width: 72px; }
#mainnav li.blog_en_us a 			 { background-position: -308px -90px; }
#mainnav li.blog_en_us a:hover 	     { background-position: -308px -49px; }
#mainnav li.blog_en_us a.selected    { background-position: -308px -49px; }

		
/* About Button */
#mainnav li.about_en_us			     { height: 22px; width: 72px; }
#mainnav li.about_en_us a			 { background-position: -385px -90px; }
#mainnav li.about_en_us a:hover      { background-position: -385px -49px; }
#mainnav li.about_en_us a.selected   { background-position: -385px -49px; }


/* Contact Button */
#mainnav li.contact_en_us            { height:	22px; width: 72px; }
#mainnav li.contact_en_us a          { background-position: -462px -90px; }
#mainnav li.contact_en_us a:hover    { background-position: -462px -49px; }
#mainnav li.contact_en_us a.selected { background-position: -462px -49px; }



/* SUBNAV ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#subnav {
	float:		left;
	height:		auto;
	width:		250px;	
}

#subnav ul {
	float:		none;
	margin:		10px 0 0 20px;
}

#subnav ul li {
	background:url(../img/common/ccs_bck_separadorlistas.gif) repeat-x bottom left;
	float:		none;
	font-weight:bold;
	margin:		0;
	padding:	10px 0 15px 0;
}

#subnav ul li ul {
	margin:		10px 0 0 10px;
}

#subnav ul li ul li {
	background: none;
	float:		none;
	font-weight:normal;
	margin:		0 0 5px 0;
	padding:	0;
}

#subnav ul li ul li a {
	background: url(../img/common/sprite.png) 0 -749px no-repeat;
	color: 		#909090;
	padding:	0 0 0 8px;
}

#subnav ul li ul li a:hover {
	color: 		#272727;
}

.subnav-active {
	background: url(../img/common/sprite.png) 0 -749px no-repeat!important;
	font-weight:normal!important;
	color: 		#272727!important;
	padding:	0 0 0 8px!important;
}



/* EVERYTHING CSS SPRITE MAINNAV SPANISH ---------------------------------------------------------------------------------------------------------------------------------------------------- */
	
/* Home Button */
#mainnav li.home_es_es 		         { height: 22px; width: 72px; }
#mainnav li.home_es_es a 		     { background-position: 0 -1252px; }
#mainnav li.home_es_es a:hover       { background-position: 0 -1211px; }
#mainnav li.home_es_es a.selected    { background-position: 0 -1211px; }


/* Búsqueda Button */
#mainnav li.search_es_es 		     { height: 22px; width: 72px; }
#mainnav li.search_es_es a 		     { background-position: -77px -1252px; }
#mainnav li.search_es_es a:hover 	 { background-position: -77px -1211px; }
#mainnav li.search_es_es a.selected  { background-position: -77px -1211px; }


/* Club Button */
#mainnav li.club_es_es 			     { height: 22px; width: 72px; }
#mainnav li.club_es_es a 		     { background-position: -154px -1252px; }
#mainnav li.club_es_es a:hover 	     { background-position: -154px -1211px; }
#mainnav li.club_es_es a.selected    { background-position: -154px -1211px; }


/* Viajes Button */
#mainnav li.viajes_es_es		     { height: 22px; width: 72px; }
#mainnav li.viajes_es_es a 		     { background-position: -231px -1252px; }
#mainnav li.viajes_es_es a:hover 	 { background-position: -231px -1211px; }
#mainnav li.viajes_es_es a.selected  { background-position: -231px -1211px; }


/* Blog Button */
#mainnav li.blog_es_es		         { height: 22px; width: 72px; }
#mainnav li.blog_es_es a 		     { background-position: -308px -1252px; }
#mainnav li.blog_es_es a:hover 	     { background-position: -308px -1211px; }
#mainnav li.blog_es_es a.selected    { background-position: -308px -1211px; }

		
/* Nosotros Button */
#mainnav li.about_es_es			     { height: 22px; width: 72px; }
#mainnav li.about_es_es a			 { background-position: -385px -1252px; }
#mainnav li.about_es_es a:hover      { background-position: -385px -1211px; }
#mainnav li.about_es_es a.selected   { background-position: -385px -1211px; }


/* Contacto Button */
#mainnav li.contact_es_es            { height: 22px; width: 72px; }
#mainnav li.contact_es_es a          { background-position: -462px -1252px; }
#mainnav li.contact_es_es a:hover    { background-position: -462px -1211px; }
#mainnav li.contact_es_es a.selected { background-position: -462px -1211px; }