/* estilo barra navegacion */

/** BARRA NAVEGACION ***/

#bnav {
	background-repeat:no-repeat;
	background-position:top center;
	background-image: url("../img/bck_bnav.png");
	float:left;
	height: 47px;
	position:absolute;
	margin: 0 auto; 
	top: 250px;
	width: 770px;
	}

/* BOTONES DE LA BARRA */

#btnNav {
	/*float:left;*/
	font:bold 12px 'Trebuchet MS', 'Arial';
	margin:0;
	padding:0;
	text-align:center;
	height: 47px;
}

#btnNav ul {
	/*float: left;*/
	line-height:47px;
	/*height: 47px;*/
	list-style:none;
	margin: 0 auto;
	padding:0 5px 0 65px;
	text-align:center;
	}

#btnNav li {
	display:inline;
	padding:0;
	}

#btnNav a {
	color:#FFF;
	float:left;
	padding:0 5px 0 4px;
	text-decoration:none;
	}

#btnNav a span {
	display:block;
	float:none;
	padding:0 4px 0 0;
	}

#btnNav a:hover  { 
	background: url("../img/btn_left.png") no-repeat left center;
	}

	#btnNav #activo a { 
		background: url("../img/btn_left.png") no-repeat left center;
		}
	#btnNav a:hover span { 
		background:url("../img/btn_right.png") no-repeat right center;
		}
		
	#btnNav #activo a span { 
		background:url("../img/btn_right.png") no-repeat right center;
		}
	
/*#tabs #current a {
                background-position:0% -42px;
        }
        #tabs #current a span {
                background-position:100% -42px;
				*/

#btnNav a.right { float:right; /* for help button - just add class "right" ->  <a class="right"... */ }