@import url("../../home.css");
@import url("cercador.css");


#divNav {			/*div*/
	margin: 0;
	padding: 0;
	height: 80px;
	width: 1000px;
}

#nav {				/*ul*/
	position: relative;
	top:10px;
	height: 80px;
	width: 1000px;

	margin-bottom: 0;
	margin-top: -10px;
	margin-left: 0;
	margin-right: 0;

	padding:0;

}

#nav li ul, #nav li ul {
	margin: 0;
	padding: 0;
}

#nav a {
	text-decoration: none;
}

#nav li { /*float the main list items*/
	margin: 0;
	float: left;
	display: block;
}

#nav li ul {
	display: none;
}

#nav li.off ul, #nav li.on ul  { /*put the subnav below*/
	position: absolute;
	top: 18px;
	left: 0;
	padding-top: 15px;
	height: 27px;
	background-image:url(../img/submenu.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	width: 985px;
}

#nav li.on ul {
/*	background: #f90;*/
}

#nav li.on:hover ul, #nav li.over ul { /*for ie*/
/*	background: #000000;*/
}

/* estadard */
#nav li a {
	color: #224d6f;
	font-weight: bold;
	display: block;
	width: 200px;
	padding: 0;
}

#nav li a.cero {
	color: #224d6f;
	font-weight: bold;
	display: block;
	width: 45px;
	padding: 0;
}
#nav li a.uno {
	color: #224d6f;
	font-weight: bold;
	display: block;
	width: 180px;
	padding: 0;
}

#nav li a.dos {
	color: #224d6f;
	font-weight: bold;
	display: block;
	width: 133px;
	padding: 0;
}

#nav li a.tres {
	color: #224d6f;
	font-weight: bold;
	display: block;
	width: 129px;
	padding: 0;
}

#nav li a.cuatro {
	color: #224d6f;
	font-weight: bold;
	display: block;
	width: 133px;
	padding: 0;
}

#nav li a.cinco {			/*espacio en blanco*/
	color: #224d6f;
	font-weight: bold;
	display: block;
	width: 82px; /*tu deies 97*/
	padding: 0;
}

#nav li a.seis {			/*qui som*/
	color: #224d6f;
	font-weight: bold;
	display: block;
	width: 55px;
	padding: 0;
}

#nav li a.siete {			/*que li afecta*/
	color: #224d6f;
	font-weight: bold;
	display: block;
	width: 87px;
	padding: 0;
}

#nav li a.ocho {			/*faqs*/
	color: #224d6f;
	font-weight: bold;
	display: block;
	width: 141px;
	padding: 0;
	margin: 0;
}

#nav li a.nueve {
	color: #224d6f;
	font-weight: bold;
	display: block;
	width: 10px;
	padding: 0;
}

#nav li.on a {
	color: #999999;
}

#nav li.on ul a, #nav li.off ul a {
	border: 0;
	float: left;		/*ie doesn't inherit the float*/
	color: #999999;
	width: auto;
	height: 24px;
	_height:34px;
	padding-top: 10px;
/*	padding-right:4px;
	padding-left:5px;
	*/
	padding-right:3px;
	padding-left:4px;

	margin-top:-7px;
}

#nav li.on:hover ul a, #nav li.over ul li a { /*for ie - the specificity is necessary*/
/*	background: #000000;*/
}

#nav li.on ul {
	display: block;
}

#nav li.off:hover ul, #nav li.over ul {
	display: block;
	z-index: 6000;
}

#nav li.off a:hover, #nav li.on a:hover {
	color: #999999;
}

/*do the image replacement*/

#nav li span {
	position: absolute;
	left: -9384px;
}

#liHome a,#liRenaissance a, #liArtNouveau a, #liModern a, #liPostModern a, #liDigital a, #liQuisom a, #liQueliafecta a, #liFaqs a{
	display: block;
	position: relative;
	height: 26px;
/*	background: url(../img/menu/navegacion3.gif) no-repeat;*/ /*contains all hover states*/
	background-image:url(../img/menu/navegacion3.gif);
	background-repeat:no-repeat;
/*	border:1px solid red;*/
}

/*first, put the initial states in place*/

#liHome a {
	background-position: 0 0;
}
#liRenaissance a {
	background-position: -45px 0;
}
#euno1{
	background-position: -45px 0;
}

#liArtNouveau a {
	background-position: -225px 0;
}

#liModern a {
	background-position: -358px 0;
}

#liPostModern a {
	background-position: -487px 0;
}

#liDigital a {
	background-position: -620px 0;
}

#liQuisom a {
	background-position: -717px 0;

}

#liQueliafecta a {
	background-position: -772px 0;
}

#liFaqs a {
	background-position: -859px 0;

}


/*active area - for this demo - the code could be based on a body class, and probably work better.*/

 #liModern.on a {
	background-position: -358px -37px;
 } /*add selectors for the other li's and background-positions*/

/*hover states*/

#liRenaissance a:hover, #liRenaissance:hover a, #liRenaissance.over a {
	background-position: -45px -45px;
}
#liHome a:hover, #liHome:hover a, #liHome.over a {
	background-position: 0 -45px;
}


#liArtNouveau a:hover, #liArtNouveau:hover a, #liArtNouveau.over a {
	background-position: -225px -45px;
}

#liModern a:hover, #liModern:hover a, #liModern.over a {
	background-position: -358px -45px;
}

#liPostModern a:hover, #liPostModern:hover a, #liPostModern.over a {
	background-position: -487px -45px;
}

#liDigital a:hover, #liDigital:hover a, #liDigital.over a {		/*espacio en blanco*/
	background-position: -620px -45px;
}

#liQuisom a:hover, #liQuisom:hover a, #liQuisom.over a {
	background-position: -717px -45px;
}

#liQueliafecta a:hover, #liQueliafecta:hover a, #liQueliafecta.over a {
	background-position: -772px -45px;
}

#liFaqs a:hover, #liFaqs:hover a, #liFaqs.over a {
	background-position: -859px -45px;
}

/*subnav formatting*/

#nav li.off ul a, #nav li.on ul a {
	display: block;
	background: #FFFFFF;
	background-image:url(../img/submenu.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	color:#666666;
	font-family:small fonts, Helvetica;
	font-size: 9px;
	font-weight:normal;
	text-transform: uppercase;
}

#nav li.off ul a:hover, #nav li.on ul a:hover {
	background-color:#f2f2f2;
	height:24px;
	_height:34px;
	background-image:url(../img/menu/azul_fondo_menu.gif);
	background-repeat:repeat;
	color: #336699;
}

#nav li.off ul a.marcado, #nav li.on ul a.marcado {
	background-color:#f2f2f2;
	height:24px;
	background-image:url(../img/menu/azul_fondo_menu.gif);
	background-repeat:repeat;
	color: #336699;
}



#minimo.in{
	position: absolute;
	top:20px;
	margin-left:-311px;
	width:983px;
	height:18px;
}


#minimo0.in{
	position: absolute;
	top:20px;
	margin-left:-311px;
	width:983px;
	height:18px;
}

.out{
	position: absolute;
	top:26px;
	margin-left:-311px;/*311*/
	width:986px;
	height:40px;
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#f2f2f2;
}



#minimo2.in2{
	position: absolute;
	top:20px;
	margin-left:-699px;
	width:983px;
	height:18px;
	display:none;
}

.out2{
	position: absolute;
	top:26px;
	margin-left:-702px;/*699*/
	width:986px;
	height:40px;
	background-color:#f2f2f2;
	background-repeat:repeat-x;
	background-position:bottom;
}


#minimo3.in3{
	position: absolute;
	top:20px;
	margin-left:-762px;
	width:983px;
	height:18px;
	display:none;
}

.out3{
	position: absolute;
	top:26px;
	margin-left:-757px;/*762*/
	width:986px;
	height:40px;
	background-color:#f2f2f2;
	background-repeat:repeat-x;
	background-position:bottom;
}

#minimo4.in4{
	position: absolute;
	top:20px;
	margin-left:-849px;
	width:983px;
	height:18px;
	display:none;
}

.out4{
	position: absolute;
	top:26px;
	margin-left:-844px;/*849*/
	width:986px;
	height:40px;
	background-color:#f2f2f2;
	background-repeat:repeat-x;
	background-position:bottom;
}

#minimo5.in5{
	position: absolute;
	top:27px;
	margin-left:-985px;
	background-color:#f2f2f2;
	width:985px;
	height:35px;
	display:none;
}