@charset "utf-8";
/* CSS Document */

#navbar {
	position: absolute;
	bottom: 5px;
	left: 29px;
	font-size: 14px;
	padding: 15px 0;
}
#navbar ul {
	list-style: none;
	list-style-position: inside;
	list-style-type: none;
	line-height: 47px;
}
#navbar ul li {
	display: inline;
	padding: 15px 0;
	background: url(../images/menu-bg1.gif) no-repeat top left;
	position: relative;
}
#navbar ul li h2 {
	display: inline;
	font-size: 14px;
	font-weight: normal;
}
#navbar ul li a {
	margin-top: -15px;
	padding: 15px 30px;
	background: url(../images/menu-bg2.gif) no-repeat top right;
	color: #999;
	text-decoration: none;
	font-weight: normal;
}
#navbar ul li a:hover {
	color: #FFF;
}
#navbar ul li.rojo:hover, #navbar ul li.rojo.menu-sel  {
	background: url(../images/menu-bg1-rojo.gif) no-repeat top left;
}
#navbar ul li.rojo a:hover, #navbar ul li.rojo.menu-sel a {
	background: url(../images/menu-bg2-rojo.gif) no-repeat top right;
}
#navbar ul li.azul:hover, #navbar ul li.azul.menu-sel {
	background: transparent url(../images/menu-bg1-azul.gif) no-repeat scroll left top;
}
#navbar ul li.azul a:hover, #navbar ul li.azul.menu-sel a {
	background: url(../images/menu-bg2-azul.gif) no-repeat top right;
}
#navbar ul li.verde:hover, #navbar ul li.verde.menu-sel {
	background: url(../images/menu-bg1-verde.gif) no-repeat top left;
}
#navbar ul li.verde a:hover, #navbar ul li.verde.menu-sel a {
	background: url(../images/menu-bg2-verde.gif) no-repeat top right;
}
#navbar ul li.amarillo:hover, #navbar ul li.amarillo.menu-sel {
	background: url(../images/menu-bg1-amarillo.gif) no-repeat top left;
}
#navbar ul li.amarillo a:hover, #navbar ul li.amarillo.menu-sel a {
	background: url(../images/menu-bg2-amarillo.gif) no-repeat top right;
}
#navbar ul li.naranja:hover, #navbar ul li.naranja.menu-sel {
	background: url(../images/menu-bg1-naranja.gif) no-repeat top left;
}
#navbar ul li.naranja a:hover, #navbar ul li.naranja.menu-sel a {
	background: url(../images/menu-bg2-naranja.gif) no-repeat top right;
}
#navbar ul li.lila:hover, #navbar ul li.lila.menu-sel {
	background: url(../images/menu-bg1-lila.gif) no-repeat top left;
}
#navbar ul li.lila a:hover, #navbar ul li.lila.menu-sel a {
	background: url(../images/menu-bg2-lila.gif) no-repeat top right;
}
#navbar ul li.celeste:hover, #navbar ul li.celeste.menu-sel {
	background: url(../images/menu-bg1-celeste.gif) no-repeat top left;
}
#navbar ul li.celeste a:hover, #navbar ul li.celeste.menu-sel a {
	background: url(../images/menu-bg2-celeste.gif) no-repeat top right;
}