a {
	color					: #b7be07;
	text-decoration			: none;
	padding					: 2px;
	margin					: -2px;
}

a:hover {
	background				: #b7be07;
	color					: #000000;
}

/*******************
 ***  bottomNAV  ***
 *******************/
.bottomNav div {
	overflow				: hidden;
	float					: left;
	margin					: 13px;
	filter					: alpha(opacity=30);
	-moz-opacity			: .30;
	opacity					: .30;
}

div.bottomNav div:hover {
	filter					: alpha(opacity=100);
	-moz-opacity			: 1.0;
	opacity					: 1.0;
	cursor					: pointer;
}

/**********************
 ***   header nav   ***
 **********************/
#header {
	margin					: 20px auto;
	width					: 900px;
}

#header .nav {
	float					: left;
	display					: block;
	height					: 29px;
}

* html #header .nav {
	margin-right			: 1px;
}

#header .inici {
	width					: 56px;
	background				: url('../images/menu/inici.png') no-repeat;
}
#header .inici:hover,  #header .iniciSelected {
	background				: url('../images/menu/iniciHOVER.png') no-repeat;
}

#header .programacio {
	width					: 139px;
	background				: url('../images/menu/programacio.png') no-repeat;
}
#header .programacio:hover, #header .programacioSelected {
	width					: 139px;
	background				: url('../images/menu/programacioHOVER.png') no-repeat;
}

#header .fotos {
	width					: 67px;
	background				: url('../images/menu/fotos.png') no-repeat;
}
#header .fotos:hover, #header .fotosSelected {
	width					: 67px;
	background				: url('../images/menu/fotosHOVER.png') no-repeat;
}

#header .menjar {
	width					: 193px;
	background				: url('../images/menu/menjar.png') no-repeat;
}
#header .menjar:hover, #header .menjarSelected {
	width					: 193px;
	background				: url('../images/menu/menjarHOVER.png') no-repeat;
}

#header .suggeriments {
	width					: 160px;
	background				: url('../images/menu/suggeriments.png') no-repeat;
}
#header .suggeriments:hover, #header .suggerimentsSelected {
	width					: 160px;
	background				: url('../images/menu/suggerimentsHOVER.png') no-repeat;
}

#header .contactans {
	width					: 125px;
	background				: url('../images/menu/contactans.png') no-repeat;
}
#header .contactans:hover, #header .contactansSelected {
	width					: 125px;
	background				: url('../images/menu/contactansHOVER.png') no-repeat;
}

#header .end {
	background				: #8a8e06;
	width					: 77px;
	height					: 25px;
	float					: left;
	margin					: 0px;
}

#header .left {
	margin-right			: 5px;
}

#header .right {
	margin-left				: 1px;
}