<?xml version="1.0" encoding="utf-8" ?>

<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
xmlns:rs='urn:schemas-microsoft-com:rowset' xmlns:z='#RowsetSchema'
version="1.0">
	<xsl:output method="html" indent="yes" omit-xml-declaration="yes"/>
	<xsl:template match="/">
		<style>
 
/*******************cssMenuXslt**************************************/

div#container{
	width:150px;
	margin:0px;
	margin-left:5px;
	background: #ffffff;
	background-image:url('../ImagenesObservatorioE/bl_Navbar_Gd_Default.jpg');
	background-repeat:repeat;
	border-top: 1px solid #cccccc;

	vertical-align:middle
}
#container{
	width:100%;
	margin: 0px;
	background: #ffffff;
	background-image:url('../ImagenesObservatorioE/bl_Navbar_Gd_Default.jpg');
	background-repeat:repeat;
	border-top: 1px solid #cccccc;

	vertical-align:middle
}

h1 {
	width: 738px;
	margin: 1px;
	color: #4C1B1B;
	font: helvetica;
	font-size: 24pt;
	overflow: hidden;
	padding: 80px 0 0;
	vertical-align: middle;
	text-align: right;
}
p {
	margin: 0;
	padding:0.35em;
}
p a:active {
	font-weight: bold;
	color: #b9121b;
}
p a:hover {
	font-weight: bold;
	color: #b9121b;
}
p a:visited {
	font-weight: bold;
	color: #b9121b;
}
p a:link {
	font-weight: bold;
	color: #b9121b;
}
ul#navigation-1 {
	margin: 0;
	padding: 1px 0;
	list-style: none;
	width: 100%;
	font: normal 8pt verdana, arial, helvetica;
}
ul#navigation-1 li {
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	position: relative;
	background-image:none/*url('../ImagenesFere/bl_Navbar_Splitter.gif')*/;
	background-repeat:no-repeat;
	background-position:right top;
	width:100%;
}

ul#navigation-1 li a:visited {
	padding: 7px 0;
	display: block;
	text-align:left;
	text-decoration: none;
	background:transparent;
	color: #800000;
	font-family:Calibri;
	font-size:9pt;
	font-weight:bold;
	padding-right:10px;
	padding-left:10px;
	text-align:left;
}

ul#navigation-1 li a:link {
	padding: 7px 0;
	display: block;
	text-align:left;
	text-decoration: none;
	background:transparent;
	color: #800000;
	font-family:Calibri;
	font-size:9pt;
	font-weight:bold;
	padding-right:10px;
	padding-left:10px;
}
ul#navigation-1 li a:active {
	padding: 7px 0;
	display: block;
	text-align:left;
	text-decoration: none;
	background:transparent;
	background-image:url('../ImagenesFere/bl_Navbar_Gd_Defaulthover.jpg');
	background-position:left top;
	color: #000;
	font-family:Calibri;
	font-size:9pt;
	font-weight:bold;
	padding-right:10px;
	padding-left:10px;

}
ul#navigation-1 li a:hover {

	display: block;
	text-align:left;
	text-decoration: none;
	background:transparent;
	background-image:url('../ImagenesFere/bl_Navbar_Gd_Defaulthover.jpg');
	background-position:left top;
	color: #000;
	font-family:Calibri;
	font-size:9pt;
	font-weight:bold;
	padding-right:10px;
	padding-left:10px;

}
ul#navigation-1 li:hover a {
	display: block;
	text-align:left;
	text-decoration: none;
	background:transparent;
	background-image:url('../ImagenesFere/bl_Navbar_Gd_Defaulthover.jpg');
	background-position:left top;
	color: #000;
	font-family:Calibri;
	font-size:9pt;
	font-weight:bold;
	padding-right:10px;
	padding-left:10px;

}
li ul{
	margin: 0;
	padding: 1px 1px 0;
	list-style: none;
	display: none;
	background:transparent;
	position: absolute;
	top:0px;
	left:150px;
	border:0px solid #b9121b;
	border-top: none;
}
ul#navigation-1 li a{
	display:block;
}
li:hover ul, li.over ul
{
	display:block;
}

ul#navigation-1 li ul.navigation-2 li {
	width: 106px;
	clear: left;
	background-image:none;

}
ul.navigation-2 li {

}

ul#navigation-1 li ul.navigation-2 li a:visited {
	clear: left;
	background: #9e676f;
	padding: 4px 5px 2px 5px;
	width:180px;
	border: none;
	border-bottom: 1px solid #ffffff;
	position: relative;
	z-index: 1000;
	height:12px;
	color:#ffffff;
	text-align:left;
	font-family:Tahoma;
	text-transform:none;
	font-size:8pt;
	font-weight:normal;
}

ul#navigation-1 li ul.navigation-2 li a:link {
	clear: left;
	background: #9e676f;
	padding: 4px 5px 2px 5px;
	width:180px;
	border: none;
	border-bottom: 1px solid #ffffff;
	position: relative;
	z-index: 1000;
	left:0px;
	text-align:left;
	color:#ffffff;
	font-family:Tahoma;
	text-transform:none;
	font-size:8pt;
	font-weight:normal;
}
ul#navigation-1 li ul.navigation-2 li a:hover {
	clear: left;
	background: #800000;
	padding: 4px 5px 2px 5px;
	width:180px;
	border: none;
	border-bottom: 1px solid #ffffff;
	position: relative;
	z-index: 1000;

	text-align:left;
	color:#ffffff;
	font-family:Tahoma;
	text-transform:none;
	font-size:8pt;
	font-weight:normal;
}
ul#navigation-1 li ul.navigation-2 li a:active {
	clear: left;
	background: #800000;
	padding: 4px 5px 2px 5px;
	width:180px;
	border: none;
	border-bottom: 1px solid #ffffff;
	position: relative;
	z-index: 1000;

	text-align:left;
	color:#ffffff;
	font-family:Tahoma;
	text-transform:none;
	font-size:8pt;
	font-weight:normal;
}
ul#navigation-1 li ul.navigation-2 li:hover a {
	clear: left;
	background: #800000;
	padding: 4px 5px 2px 5px;
	width:180px;
	border: none;
	border-bottom: 1px solid #ffffff;
	position: relative;
	z-index: 1000;

	text-align:left;
	color:#ffffff;
	font-family:Tahoma;
	text-transform:none;
	font-size:8pt;
	font-weight:normal;
}
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 {
	display: none;
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	left: 145px;
	top: -2px;
	padding: 1px 1px 0 1px;
	background: #ffffff;
	z-index: 900;
}
ul#navigation-1 li ul.navigation-2 li:hover ul.navigation-3 {
	display: block;
}
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited {
	background: #b9121b;
}
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link {
	background: #b9121b;
}
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active {
	background: #9e676f;
}
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover {
	background: #9e676f;
}
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a {
	background: #9e676f;
}
ul#navigation-1 li ul.navigation-2 li a span {
	position: absolute;
	top: 0;
	left: 132px;
	font-size: 12pt;
	color: #fe676f;
}
ul#navigation-1 li ul.navigation-2 li a:hover span {
	position: absolute;
	top: 0;
	left: 132px;
	font-size: 12pt;
	color: #ffffff;
}


ul#navigation-1 li ul.navigation-2 li:hover a span {
	position: absolute;
	top: 0;
	left: 132px;
	font-size: 12pt;
	color: #ffffff;
}
.leftNavSpacer{
background-image:url('../ImagenesObservatorioE/nps-leftNavSpacer.jpg');
background-repeat:no-repeat;
background-position:left bottom;
height:100%;
}


/******************************************************/
/*Abrir_x0020_en_x0020_otra_x0020_*/
</style>
		<script type="text/javascript" src="/Estilos/drop_down.js">
		</script>
		<div  id="container" style="position:relative; z-index:100;">
			<ul id="navigation-1">
				<xsl:for-each select="./data/row">
					<xsl:sort select="./Area">
					</xsl:sort>
					<xsl:sort select="./position">
					</xsl:sort>
					<xsl:variable name="Area" select="./Title"></xsl:variable>
					<xsl:choose>
						<xsl:when test="./Area = 'Cabecera'">
							<li>
								<xsl:choose>
									<xsl:when test="substring-before(ImagenCabecera,',')=''">
										<a href="#">
										<xsl:attribute name="src"><xsl:value-of select="FileRef"/></xsl:attribute>
											<xsl:if test="Abrir_x0020_en_x0020_otra_x0020_='True'">
												<xsl:attribute name="target">_blank</xsl:attribute>
											</xsl:if>
											<xsl:if test="count(//row[Area=$Area])&lt;1">
												<xsl:attribute name="href"><xsl:value-of select="FileRef" /></xsl:attribute>
											</xsl:if>
											<xsl:value-of select="Title" />
										</a>
										<xsl:call-template name="Submenu">
											<xsl:with-param name="Area"><xsl:value-of select="./Title"></xsl:value-of></xsl:with-param>
										</xsl:call-template>
									</xsl:when>
									<xsl:otherwise>
										<a style="padding:0px;height:32px; width:32px; float:left;">
											<xsl:attribute name="href">
						<xsl:if test="Abrir_x0020_en_x0020_otra_x0020_='True'">
						<xsl:attribute name="target">_blank</xsl:attribute>
						</xsl:if>
						<xsl:value-of select="FileRef"/></xsl:attribute>
											<img style="border:0px; vertical-align:top; ">
												<xsl:attribute name="src"><xsl:value-of select="substring-before(ImagenCabecera,',')"/></xsl:attribute>
											</img>
										</a>
										<a href="{@FileRef}">
											<xsl:if test="Abrir_x0020_en_x0020_otra_x0020_='True'">
												<xsl:attribute name="target">_blank</xsl:attribute>
											</xsl:if>
											<xsl:if test="count(//row[Area=$Area])&lt;1">
												<xsl:attribute name="href"><xsl:value-of select="FileRef" /></xsl:attribute>
											</xsl:if>
											<xsl:value-of select="Title" />
										</a>
										<xsl:call-template name="Submenu">
											<xsl:with-param name="Area"><xsl:value-of select="./Title"></xsl:value-of></xsl:with-param>
										</xsl:call-template>
									</xsl:otherwise>
								</xsl:choose>
							</li>
						</xsl:when>
						<xsl:otherwise>
						</xsl:otherwise>
					</xsl:choose>
				</xsl:for-each>
			</ul>
		</div>
	</xsl:template>
	<xsl:template name="Submenu">
		<xsl:param name="Area"></xsl:param>
		<ul class="navigation-2" id="navigation-2">
			<xsl:for-each select="/data/row">
				<xsl:sort select="./Area">
				</xsl:sort>
				<xsl:sort select="./position">
				</xsl:sort>
				<xsl:if test="$Area=./Area">
					<li>
						<a>
							<xsl:if test="Abrir_x0020_en_x0020_otra_x0020_='True'">
								<xsl:attribute name="target">_blank</xsl:attribute>
							</xsl:if>
							<xsl:attribute name="href"><xsl:value-of select="FileRef"/></xsl:attribute>
							<xsl:value-of select="Title"/>
						</a>
						<xsl:call-template name="Submenu2">
							<xsl:with-param name="Area"><xsl:value-of select="./Title"></xsl:value-of></xsl:with-param>
						</xsl:call-template>
					</li>
				</xsl:if>
			</xsl:for-each>
		</ul>
	</xsl:template>
	<xsl:template name="Submenu2">
		<xsl:param name="Area"></xsl:param>
		<ul class="navigation-3" id="navigation-3">
			<xsl:for-each select="/data/row">
				<xsl:sort select="./Area">
				</xsl:sort>
				<xsl:sort select="./position">
				</xsl:sort>
				<xsl:if test="$Area=./Area">
					<li>
						<a>
							<xsl:if test="Abrir_x0020_en_x0020_otra_x0020_='True'">
								<xsl:attribute name="target">_blank</xsl:attribute>
							</xsl:if>
							<xsl:attribute name="href"><xsl:value-of select="FileRef"/></xsl:attribute>
							<xsl:value-of select="Title"/>
						</a>
					</li>
				</xsl:if>
			</xsl:for-each>
		</ul>
	</xsl:template>
</xsl:stylesheet>

