function cargaSuper(i)
{
		newOutline2="";
		if (i=='-1')
		{
				newOutline2+="<TABLE cellpadding='0' cellspacing='0' width='100%' height='100%' border='0'  class='imagen3'>";
						newOutline2+="<TR height='2%'>";
							newOutline2+="<td valign='top' width='3%'>";
								newOutline2+="&nbsp;";
							newOutline2+="</td>";		
						newOutline2+="</TR>";
						

						newOutline2+="<TR  >";
							newOutline2+="<td valign='top' width='3%'>";
								newOutline2+="&nbsp;";
							newOutline2+="</td>";
							newOutline2+="<td align='left' valign='top' colspan='2'>";
								newOutline2+="<a href='index.html'><img style='BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px' src='./img/logo.bmp' /></a>";
							newOutline2+="</td>";			
						newOutline2+="</TR>";
						newOutline2+="<TR  >";
							newOutline2+="<td valign='top' width='3%'>";
								newOutline2+="&nbsp;";
							newOutline2+="</td>";
							newOutline2+="<td align='right' valign='top' colspan='2' class='textoGrandeBlanco'>";
								newOutline2+="ARTÍCULOS";
							newOutline2+="</td>";			
						newOutline2+="</TR>";
						
						
										

						newOutline2+="<TR height='15%'>";
							newOutline2+="<td valign='top' width='3%'>";
								newOutline2+="&nbsp;";
							newOutline2+="</td>";
							newOutline2+="<td valign='top' width='80%' align='center' class='imagen3'>";
								newOutline2+="<p>";
								newOutline2+="<div id='men' style='height: 100px'></div>";
								newOutline2+="</p>";
							newOutline2+="</td>";
						newOutline2+="</TR>";
						newOutline2+="<TR >";
							newOutline2+="<td align='center' align='center' valign='top' colspan='3' class='imagen3'>";
								newOutline2+="<OBJECT classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000'	 codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0'	 WIDTH='390' HEIGHT='320' id='articulos' ALIGN=''>";
								 newOutline2+="<PARAM NAME=movie VALUE='./flash/articulos.swf'>";
								 newOutline2+="<PARAM NAME=quality VALUE=high>";
								 newOutline2+="<PARAM NAME=bgcolor VALUE=#000000>";
								 newOutline2+="<EMBED src='./flash/articulos.swf' quality=high bgcolor=#000000   NAME='articulos' ALIGN='' TYPE='application/x-shockwave-flash' WIDTH='390' HEIGHT='320' PLUGINSPAGE='http://www.macromedia.com/go/getflashplayer'></EMBED>";
								newOutline2+="</OBJECT>";
							newOutline2+="</td>	";
						newOutline2+="</TR>";

							newOutline2+="<TR >";	
							newOutline2+="<td valign='top'  align='center' class='imagen3'  colspan='3'>";
								newOutline2+="<div id='capa2'></div>";											
							newOutline2+="</td>";
							newOutline2+="</TR>";

						newOutline2+="<TR>";
							newOutline2+="<td valign='top' align='right'  colspan='3' >";
								newOutline2+="<form name='lookfor'><input type='text' maxlength='20' size='10' name='busc' onKeyPress='presiona(event)'/>&nbsp;&nbsp;<a   href='#'  onclick='buscadores(document.forms[0].busc.value)' class='submenu' >Buscar producto</a>&nbsp;&nbsp;</form>";
							newOutline2+="</td>";
						newOutline2+="</TR>";
						newOutline2+="<TR>";
							newOutline2+="<td valign='top' align='right'  colspan='3' >";
								newOutline2+="&nbsp;";
							newOutline2+="</td>";
						newOutline2+="</TR>";
					newOutline2+="</TABLE>";
				
						
		}
		else
		{
					newOutline2+="<TABLE cellpadding='0' cellspacing='0' width='100%'  border='0'  class='imagen3'>";
						newOutline2+="<TR height='2%'>";
							newOutline2+="<td valign='top' width='3%'>";
								newOutline2+="&nbsp;"
							newOutline2+="</td>";		
						newOutline2+="</TR>";
						newOutline2+="<TR >";
							newOutline2+="<td valign='top' width='3%'>";
								newOutline2+="&nbsp;";
							newOutline2+="</td>";
							newOutline2+="<td valign='top' colspan='2' align='center'>";
								newOutline2+="<a href='index.html'><img style='BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px' src='./img/logo.bmp' /></a>";
							newOutline2+="</td>";
						newOutline2+="</TR>";
						
						newOutline2+="<TR>";
							newOutline2+="<td valign='top' width='3%'>";
								newOutline2+="&nbsp;";
							newOutline2+="</td>";
							newOutline2+="<td valign='top' colspan='2' align='center' class='textoGrandeBlanco'>";
								newOutline2+="<div id='tit' ></div>&nbsp;&nbsp;&nbsp;";
							newOutline2+="</td>";
						newOutline2+="</TR>";
					
						newOutline2+="<TR height='80%'>";
							newOutline2+="<td valign='top' width='3%'>";
								newOutline2+="&nbsp;";
							newOutline2+="</td>";

								//newOutline2+="<td valign='top' width='25%'>";
										//newOutline2+="<div id='inicial' ></div>";
								//newOutline2+="</td>	";

								newOutline2+="<td valign='top' width='80%'>";
									newOutline2+="<TABLE cellpadding='0' cellspacing='0' width='100%'  border='0' >";
										newOutline2+="<TR>";
											newOutline2+="<td valign='top'>";
												newOutline2+="&nbsp;"
												newOutline2+="<div STYLE='position:relative; top:0px; left:0px;'>";
													newOutline2+="<div id='men' STYLE='position:absolute; top:0px; left:0px;z-index:1;filter:alpha(opacity=80);float:left;-moz-opacity:.80;opacity:.80'> </div>";
												newOutline2+="</div>";
											newOutline2+="</td>	";
										newOutline2+="</TR>";
										newOutline2+="<TR>";
											newOutline2+="<td valign='top'>";
												newOutline2+="<br/><br/><br/><div id='producto' ></div>";
											newOutline2+="</td>	";
										newOutline2+="</TR>";
										
										newOutline2+="<TR >";	
										newOutline2+="<td valign='top'  align='center' class='imagen3'  colspan='3'>";
											newOutline2+="<div id='capa2'></div>";											
										newOutline2+="</td>";
										newOutline2+="</TR>";

									
									newOutline2+="</table>";
								newOutline2+="</td>	";
						
						newOutline2+="</TR>";
						
					newOutline2+="</TABLE>";
					
		}	
		//alert(newOutline2);
		document.getElementById('superCapa').innerHTML = newOutline2;
		if (i!=-1)
		{
			ponTitulo(i);
			ponProductos(i);
		}
		opcionesMenu('capa2');
		pon(-1,'','');
		//menuInicial();
		
			
}


function opcionesMenuSel(opcion)
{
	newOutline2="";
	newOutline2+="<a href='#'><img style='BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px' src='./img/qs1.gif' /></a>";
	document.getElementById(opcion).innerHTML = newOutline2;
}

function opcionesMenu(opcion)
{
	newOutline2="";
	newOutline2+="<TABLE cellpadding='0' cellspacing='0' border='0' width='100%'>";
													newOutline2+="<tr>";
														newOutline2+="<td valign='top' align='center'>";
															newOutline2+="<a href='qs.html' class='menu'>Quienes somos</a>";
														newOutline2+="</td>";
														newOutline2+="<td valign='top' align='center' >";
															newOutline2+="<a href='dondeEstamos.html' class='menu'>Dónde estamos</a>";
														newOutline2+="</td>";
														newOutline2+="<td valign='top' align='center' >";
															newOutline2+="<a href='productos.html' class='menu'>Artículos</a>";
														newOutline2+="</td>";
														newOutline2+="<td valign='top' align='center' >";
															newOutline2+="<a href='comoComprar.html' class='menu'>Cómo comprar</a>";
														newOutline2+="</td>";
													newOutline2+="</tr>";
													
												newOutline2+="</TABLE>";
	document.getElementById(opcion).innerHTML = newOutline2;
}