
  inicio2= new Image(152,60);
  inicio2.src="dibujos/inicio_aviso.png";
  
  inicio1= new Image(152,60);
  inicio1.src="dibujos/inicio_aviso1.png";


  catalogo2= new Image(152,60);
  catalogo2.src="dibujos/catalogo_aviso.png";
  
  catalogo1= new Image(152,60);
  catalogo1.src="dibujos/catalogo_aviso1.png";



  gotica2= new Image(152,60);
  gotica2.src="dibujos/ropa_aviso.png";
  
  gotica1= new Image(152,60);
  gotica1.src="dibujos/ropa_aviso1.png";





  complementos2= new Image(152,60);
  complementos2.src="dibujos/complementos_aviso.png";
  
  complementos1= new Image(152,60);
  complementos1.src="dibujos/complementos_aviso1.png";



  maquillaje2= new Image(152,60);
  maquillaje2.src="dibujos/maquillaje_aviso.png";
  
  maquillaje1= new Image(152,60);
  maquillaje1.src="dibujos/maquillaje_aviso1.png";


  alternativa2= new Image(152,60);
  alternativa2.src="dibujos/stock_aviso.png";
  
  alternativa1= new Image(152,60);
  alternativa1.src="dibujos/stock_aviso1.png";





  
  inicio4= new Image(152,60);
  inicio4.src="dibujos/inicio_aviso.png";
  
  inicio3= new Image(152,60);
  inicio3.src="dibujos/inicio_aviso1.png";



  catalogo4= new Image(152,60);
  catalogo4.src="dibujos/catalogo_aviso.png";
  
  catalogo3= new Image(152,60);
  catalogo3.src="dibujos/catalogo_aviso1.png";


  gotica4= new Image(152,60);
  gotica4.src="dibujos/ropa_aviso.png";
  
  gotica3= new Image(152,60);
  gotica3.src="dibujos/ropa_aviso1.png";




  complementos4= new Image(152,60);
  complementos4.src="dibujos/complementos_aviso.png";
  
  complementos3= new Image(152,60);
  complementos3.src="dibujos/complementos_aviso1.png";



  maquillaje4= new Image(152,60);
  maquillaje4.src="dibujos/maquillaje_aviso.png";
  
  maquillaje3= new Image(152,60);
  maquillaje3.src="dibujos/maquillaje_aviso1.png";


  alternativa4= new Image(152,60);
  alternativa4.src="dibujos/stock_aviso.png";
  
  alternativa3= new Image(152,60);
  alternativa3.src="dibujos/stock_aviso1.png";




  



document.write(' <!--  Cabecera  --> ');



document.write('    <DIV id="Layer1" style="position:absolute; left:0px; top:0px; width:150px; height:150px; z-index:1">');

document.write('       <A href="inicio.html"> <img src="logotipo/logotipobn150pix.png" width="150" height="150" border="0" alt="Logotipo Arcania" /> ');

document.write('    </DIV> ');


document.write('    <DIV id="Layer1" style="position:absolute; left:16%; top:30px; width:70px; height:150px; z-index:1"> ');

document.write('       <A href="inicio.html"> <A href="inicio.html"> <img src="animated/antorcha1.gif" width="71" height="81" align="left" border="0" alt="Antorcha1"  /> ');

document.write('    </DIV> ');



document.write('     <DIV id="Layer1" style="position:absolute; left:24%; top:30px; width:85%; height:150px; z-index:1"> ');

document.write('       <A href="inicio.html"> <img src="banners/arcania1.gif" width="75%" height="120" align="left" border="0" alt="Arcania Gothic"  /> ');

document.write('    </DIV> ');



document.write('    <DIV id="Layer1" style="position:absolute; left:90%; top:30px; width:70px; height:150px; z-index:1"> ');

document.write('        <A href="inicio.html"> <img src="animated/antorcha2.gif" width="71" height="81" align="left" border="0" alt="Antorcha2"  /> ');

document.write('    </DIV> ');




document.write(' <!--  Menú izquierdo  --> ');
   




document.write('    <DIV id="Layer1" style="position:absolute; left:0px; top:100px; width:158px; height:360px; z-index:1"> ');

document.write('        &nbsp ');

document.write('    </DIV> ');


document.write('    <DIV id="Layer2" style="position:absolute; left:0px; top:150px; width:152px; height:60px; z-index:2">');

document.write('     <A href="inicio.html"  onmouseover="window.document[\'inicio\'].src=inicio1.src"' 
                     + ' onmouseout="window.document[\'inicio\'].src=inicio2.src" >' 
                     + '<img src="dibujos/inicio_aviso.png" width="152" height="60" align="left" border="0" name="inicio" alt="inicio"  /> </a> ');

document.write('    </DIV> ');



document.write('    <DIV id="Layer2" style="position:absolute; left:0px; top:210px; width:152px; height:60px; z-index:2">');

document.write('     <A href="catalogo.html"  onmouseover="window.document[\'catalogo\'].src=catalogo1.src"' 
                     + ' onmouseout="window.document[\'catalogo\'].src=catalogo2.src" >' 
                     + '<img src="dibujos/catalogo_aviso.png" width="152" height="60" align="left" border="0" name="catalogo" alt="catalogo"  /> </a> ');

document.write('    </DIV> ');



document.write('    <DIV id="Layer2" style="position:absolute; left:0px; top:270px; width:152px; height:60px; z-index:2">');

document.write('     <A href="gotica.html"  onmouseover="window.document[\'gotica\'].src=gotica1.src"' 
                     + ' onmouseout="window.document[\'gotica\'].src=gotica2.src" >' 
                     + '<img src="dibujos/ropa_aviso.png" width="152" height="60" align="left" border="0" name="gotica" alt="gotica"  /> </a> ');

document.write('    </DIV> ');




document.write('    <DIV id="Layer2" style="position:absolute; left:0px; top:330px; width:152px; height:60px; z-index:2">');

document.write('     <A href="complementos.html"  onmouseover="window.document[\'complementos\'].src=complementos1.src"' 
                     + ' onmouseout="window.document[\'complementos\'].src=complementos2.src" >' 
                     + '<img src="dibujos/complementos_aviso.png" width="152" height="60" align="left" border="0" name="complementos" alt="complementos"  /> </a> ');

document.write('    </DIV> ');





document.write('    <DIV id="Layer2" style="position:absolute; left:0px; top:390px; width:152px; height:60px; z-index:2">');

document.write('     <A href="cosmeticos.html"  onmouseover="window.document[\'maquillaje\'].src=maquillaje1.src"' 
                     + ' onmouseout="window.document[\'maquillaje\'].src=maquillaje2.src" >' 
                     + '<img src="dibujos/maquillaje_aviso.png" width="152" height="60" align="left" border="0" name="maquillaje" alt="maquillaje"  /> </a> ');

document.write('    </DIV> ');



document.write('    <DIV id="Layer2" style="position:absolute; left:0px; top:450px; width:152px; height:60px; z-index:2">');

document.write('     <A href="alternativa.html"  onmouseover="window.document[\'alternativa\'].src=alternativa1.src"' 
                     + ' onmouseout="window.document[\'alternativa\'].src=alternativa2.src" >' 
                     + '<img src="dibujos/stock_aviso.png" width="152" height="60" align="left" border="0" name="alternativa" alt="alternativa"  /> </a> ');

document.write('    </DIV> ');





document.write('<!--  Menú Derecho  -->');
   



document.write('    <DIV id="Layer1" style="position:absolute; left:85%; top:100px; width:152px; height:60px; z-index:2"> ');

document.write('        &nbsp ');

document.write('    </DIV>');



document.write('    <DIV id="Layer2" style="position:absolute; left:85%; top:150px; width:152px; height:60px; z-index:2"> ');

document.write('     <A href="inicio.html"  onmouseover="window.document[\'inicio5\'].src=inicio3.src"' 
                     + ' onmouseout="window.document[\'inicio5\'].src=inicio4.src" >' 
                     + '<img src="dibujos/inicio_aviso.png" width="152" height="60" align="left" border="0" name="inicio5" alt="inicio6"  /> </a> ');

document.write('    </DIV> ');



document.write('    <DIV id="Layer2" style="position:absolute; left:85%; top:210px; width:152px; height:60px; z-index:2"> ');

document.write('     <A href="catalogo.html"  onmouseover="window.document[\'catalogo5\'].src=catalogo3.src"' 
                     + ' onmouseout="window.document[\'catalogo5\'].src=catalogo4.src" >' 
                     + '<img src="dibujos/catalogo_aviso.png" width="152" height="60" align="left" border="0" name="catalogo5" alt="catalogo6"  /> </a> ');

document.write('    </DIV> ');



document.write('    <DIV id="Layer2" style="position:absolute; left:85%; top:270px; width:152px; height:60px; z-index:2"> ');

document.write('     <A href="gotica.html"  onmouseover="window.document[\'gotica5\'].src=gotica3.src"' 
                     + ' onmouseout="window.document[\'gotica5\'].src=gotica4.src" >' 
                     + '<img src="dibujos/ropa_aviso.png" width="152" height="60" align="left" border="0" name="gotica5" alt="gotica6"  /> </a> ');

document.write('    </DIV> ');




document.write('    <DIV id="Layer2" style="position:absolute; left:85%; top:330px; width:152px; height:60px; z-index:2"> ');

document.write('     <A href="complementos.html"  onmouseover="window.document[\'complementos5\'].src=complementos3.src"' 
                     + ' onmouseout="window.document[\'complementos5\'].src=complementos4.src" >' 
                     + '<img src="dibujos/complementos_aviso.png" width="152" height="60" align="left" border="0" name="complementos5" alt="complementos5"  /> </a> ');

document.write('    </DIV> ');




document.write('    <DIV id="Layer2" style="position:absolute; left:85%; top:390px; width:152px; height:60px; z-index:2"> ');

document.write('     <A href="cosmeticos.html"  onmouseover="window.document[\'maquillaje5\'].src=maquillaje3.src"' 
                     + ' onmouseout="window.document[\'maquillaje5\'].src=maquillaje4.src" >' 
                     + '<img src="dibujos/maquillaje_aviso.png" width="152" height="60" align="left" border="0" name="maquillaje5" alt="maquillaje5"  /> </a> ');

document.write('    </DIV> ');



document.write('    <DIV id="Layer2" style="position:absolute; left:85%; top:450px; width:152px; height:60px; z-index:2"> ');

document.write('     <A href="alternativa.html"  onmouseover="window.document[\'alternativa5\'].src=alternativa3.src"' 
                     + ' onmouseout="window.document[\'alternativa5\'].src=alternativa4.src" >' 
                     + '<img src="dibujos/stock_aviso.png" width="152" height="60" align="left" border="0" name="alternativa5" alt="alternativa5"  /> </a> ');

document.write('    </DIV> ');









