#nav { 
	position: relative;
	top: 10px;
	height: 30px;
	width: 800px;
	margin: 0;
	padding: 0;
	float: left;
	}
#nav li ul, #nav li ul {
	margin: 0;
	padding: 0;
	}
#nav a {
	text-decoration: none;
	font-size: 10pt;
	font-weight: normal
	}
#nav li { /*acomoda horizontal la lista menu raiz*/
	margin: 0;
	float: left;
	padding: 0;
	display: block;
	}
#nav li ul {
	display: none;
	}
#nav li.off1 ul, #nav li.off3 ul, #nav li.on ul  { /*pone el submenu debajo*/
	position: absolute;
	top: 30px;
	left: 0;
	padding-top: 10px;
	background: #02c9f0;
	height: 46px;
	width: 632px;
	padding-left: 18px;
	}
#nav li.off2 ul, #nav li.off4 ul, #nav li.off5 ul {
	position: absolute;
	top: 30px;
	left: 0;
	padding-top: 10px;
	background: #02c9f0;
	height: 46px;
	width: 632px;
	padding-left: 18px;
	}
#nav li.on ul { color: white; background: url(../media/img/bgsubmenu5.gif); }
#nav li.off1 ul { color: white; background: url(../media/img/bgsubmenu1.gif); }
#nav li.off2 ul { color: white; background: url(../media/img/bgsubmenu3.gif); }
#nav li.off3 ul { color: white; background: url(../media/img/bgsubmenu2.gif); }
#nav li.off4 ul { color: white; background: url(../media/img/bgsubmenu4.gif); }
#nav li.off5 ul { color: white; background: url(../media/img/bgsubmenu5.gif); }
#nav li.on:hover ul, #nav li.on:over ul { /*para ie*/
	color: white; background: url(../media/img/bgsubmenu5.gif); }
#nav li a { color: #02c9f0; font-weight: bold; background-color: transparent; display: block; padding: 0; }
#nav li.on a { color: #02c9f0; background-color: transparent; }
#nav li.on ul a, #nav li.off1 ul a, #nav li.off2 ul a, #nav li.off3 ul a, #nav li.off4 ul a, #nav li.off5 ul a { border: 0; float: left; color: #02c9f0; background-color: white; width: auto; margin-right: 20px; }
#nav li.on:hover ul a, #nav li.over ul li a { background-repeat: repeat; background-attachment: scroll; background-position: 0 0; /*para ie - es necesario especificar*/
	 }
#nav li.on ul {
	display: block;
	}
#nav li.off1:hover ul, #nav li.off2:hover ul, #nav li.off3:hover ul, #nav li.off4:hover ul, #nav li.off5:hover ul, #nav li.over ul {
	display: block;
	z-index: 6000;
	}
#nav li.off1 a:hover, #nav li.off2 a:hover, #nav li.off3 a:hover, #nav li.off4 a:hover, #nav li.off4 a:hover, #nav li.on a:hover { color: #1b4873; background-color: transparent; }
	/*hacer el remplazo de imagenes*/
#nav li span {
	position: absolute;
	left: -9384px;
	}
#liRenaissance a, #liArtNouveau a, #liModern a, #liPostModern a, #liDigital a, #liAgradece a {
	display: block;
	position: relative;
	height: 30px;
	}
/*coloca el estado inicial del menu raiz*/
#liRenaissance a {
	background: url(../media/keys/1a.gif) no-repeat;
	width: 155px;
	}
#liArtNouveau a {
	background: url(../media/keys/2a.gif) no-repeat;
	width: 141px;
	}
#liModern a {
	background: url(../media/keys/3a.gif) no-repeat;
	width: 90px;
	}
#liPostModern a {
	background: url(../media/keys/4a.gif) no-repeat;
	width: 140px;
	}
#liDigital a {
	background: url(../media/keys/5b.gif) no-repeat;
	width: 124px;
	}
#liAgradece a {
	background: url(../media/keys/6a.gif) no-repeat;
	width: 150px;
	}
/*area activa*/
#liDigital.on a { background: url(../media/keys/5b.gif) no-repeat; width: 124px; }
/*define la accion cuando el raton este encima del boton*/
#liRenaissance a:hover, #liRenaissance:hover a, #liRenaissance.over a {
	background: url(../media/keys/1b.gif) no-repeat;
	width: 155px;
	}
#liArtNouveau a:hover, #liArtNouveau:hover a, #liArtNouveau.over a { background: url(../media/keys/2b.gif) no-repeat; width: 141px; }
#liModern a:hover, #liModern:hover a, #liModern.over a {
	background: url(../media/keys/3b.gif) no-repeat;
	width: 90px;
	}
#liPostModern a:hover, #liPostModern:hover a, #liPostModern.over a {
	background: url(../media/keys/4b.gif) no-repeat;
	width: 140px;
	}
#liDigital a:hover, #liDigital:hover a, #liDigital.over a {
	background: url(../media/keys/5b.gif) no-repeat;
	width: 124px;
	}
#liAgradece a:hover, #liAgradece:hover a, #liAgradece.over a {
	background: url(../media/keys/6b.gif) no-repeat;
	width: 150px;
	}

/*fix over submenu ie*/
#fix a:hover, #fix:hover a, #fix.over a {
	background: transparent;
	width: auto;
	}
	
/*formato de submenu*/
#nav li.on ul a, #nav li.off1 ul a, #nav li.off2 ul a, #nav li.off3 ul a, #nav li.off4 ul a {
	display: block;
	background: transparent;
	color: #fff;
	font-family: arial, verdana, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	letter-spacing: -0.01em;
	margin-right: 9px;
	}