document.write('<div id="menu">');
document.write('<ul>');

if (opcion=='opcion_sapreco' || opcion=='opcion_satext' || opcion=='opcion_saarte' || opcion=='opcion_saplate' || opcion=='opcion_saarter' || opcion=='opcion_saartec' || opcion=='opcion_sasxx' || opcion=='opcion_safoto' || opcion=='opcion_saarteco')
{
document.write('<li><a href="#" style="background-color:#ee3a89;font-weight:bold;height:35px;text-indent:0px;padding-left:17px;" title="La Colecci&oacute;n permanente">La Colecci&oacute;n permanente</a></li>');


document.write('<div id=submenu>');
document.write('<span class="a">-</span>');
if (opcion=='opcion_sapreco')
{
document.write('<span class="b"><a href="#" style="text-decoration:underline;" title="Sala de Arte Precolombino">Sala de Arte Precolombino</a></span>');
}else{
document.write('<span class="b"><a href="cole11.shtml" title="Sala de Arte Precolombino">Sala de Arte Precolombino</a></span>');
}
document.write('<span class="a">-</span>');
if (opcion=='opcion_satext')
{
document.write('<span class="b"><a href="#" style="text-decoration:underline;" title="Sala de Textiles">Sala de Textiles</a></span>');
}else{
document.write('<span class="b"><a href="cole12.shtml" title="Sala de Textiles">Sala de Textiles</a></span>');
}
document.write('<span class="a">-</span>');
if (opcion=='opcion_saarte')
{
document.write('<span class="b"><a href="#" style="text-decoration:underline;" title="Sala de Arte Colonial">Sala de Arte Colonial</a></span>');
}else{
document.write('<span class="b"><a href="cole13.shtml" title="Sala de Arte Colonial">Sala de Arte Colonial</a></span>');
}
document.write('<span class="a">-</span>');
if (opcion=='opcion_saplate')
{
document.write('<span class="b"><a href="#" style="text-decoration:underline;" title="Sala de Plater&iacute;a">Sala de Plater&iacute;a</a></span>');
}else{
document.write('<span class="b"><a href="cole14.shtml" title="Sala de Plater&iacute;a">Sala de Plater&iacute;a</a></span>');
}
document.write('<span class="a">-</span>');
if (opcion=='opcion_saarter')
{
document.write('<span class="b"><a href="#" style="text-decoration:underline;" title="Sala Siglo XIX">Sala Siglo XIX</a></span>');
}else{
document.write('<span class="b"><a href="cole15.shtml" title="Sala Siglo XIX">Sala Siglo XIX</a></span>');
}
document.write('<span class="a">-</span>');
if (opcion=='opcion_saartec')
{
document.write('<span class="b"><a href="#" style="text-decoration:underline;" title="Sala de Dibujo y Costumbrismo">Sala de Dibujo y Costumbrismo</a></span>');
}else{
document.write('<span class="b"><a href="cole16.shtml" title="Sala de Dibujo y Costumbrismo">Sala de Dibujo y Costumbrismo</a></span>');
}
document.write('<span class="a">-</span>');
if (opcion=='opcion_sasxx')
{
document.write('<span class="b"><a href="#" style="text-decoration:underline;" title="Sala Siglo XX">Sala Siglo XX</a></span>');
}else{
document.write('<span class="b"><a href="cole17.shtml" title="Sala Siglo XX">Sala Siglo XX</a></span>');
}
document.write('<span class="a">-</span>');
if (opcion=='opcion_safoto')
{
document.write('<span class="b"><a href="#" style="text-decoration:underline;" title="Sala de Fotograf&iacute;a">Sala de Fotograf&iacute;a</a></span>');
}else{
document.write('<span class="b"><a href="cole18.shtml" title="Sala de Fotograf&iacute;a">Sala de Fotograf&iacute;a</a></span>');
}
document.write('<span class="a">-</span>');
if (opcion=='opcion_saarteco')
{
document.write('<span class="b"><a href="#" style="text-decoration:underline;" title="Sala de Arte Contempor&aacute;neo">Sala de Arte Contempor&aacute;neo</a></span>');
}else{
document.write('<span class="b"><a href="cole19.shtml" title="Sala de Arte Contempor&aacute;neo">Sala de Arte Contempor&aacute;neo</a></span>');
}

document.write('</div>');
}
else
{
document.write('<li><a href="cole11.shtml" title="La Colecci&oacute;n permanente" style="height:35px;text-indent:0px;padding-left:17px;">La Colecci&oacute;n permanente</a></li>');
}


if (opcion == 'opcion_cata')
{
document.write('<li><a href="#" style="background-color:#ee3a89;font-weight:bold;height:35px;text-indent:0px;padding-left:17px;" title="Cat&aacute;logos de la colecci&oacute;n">Cat&aacute;logos de la colecci&oacute;n</a></li>'); 
}
else
{
document.write('<li><a href="cole21.shtml" title="Cat&aacute;logos de la colecci&oacute;n" style="height:35px;text-indent:0px;padding-left:17px;">Cat&aacute;logos de la colecci&oacute;n</a></li>'); 
}

if (opcion == 'opcion_proy') 
{
document.write('<li><a href="#" style="background-color:#ee3a89;font-weight:bold;height:35px;text-indent:0px;padding-left:17px;" title="Proyectos especiales">Proyectos especiales</a></li>');
}
else
{
document.write('<li><a href="cole3.shtml" title="Proyectos especiales" style="height:35px;text-indent:0px;padding-left:17px;">Proyectos <br>especiales</a></li>');
}

document.write('</ul>');
document.write('</div>');