Image map with popup effect hotspot... HELP!

WHat page are you trying to implement the popup on? Is it this one? - http://www.jazzcafeparis.es/componentes.html ?

On another note, I don’t think there is any reason to use frames for your site - they will only cause you trouble in the long run. ( But that’s for a different post)

I know you are right about the frames… this is one of the reason I want to re-implement my site. I am having problem with the google index… my site is not recognized by Google for the moment and this is a big problem…
That is why I need to change my site!!!

What I actually want is having the same links… there will be notes for the links instead of simple words… clicking on each link, a “pop up effect” window will appear.
I think that for the comments it is not difficult…
for the “componentes one”… I could simplify it so there is no other links within this page…
My problem is “the photo link” and the “repertorio” link…
The first one, I would like to show the photos and clicking on them have the zoom effect…
For the repertorio link, I need the plug in “flash 8”… It would be cool to open a pop up effect window with it… if it is not possible, I could always add this page into the main one…
FOr the comments ("Who are we ", “What do we offer”, etc… links, I would like a fade effect.

Could you help me?

To give you an idea, I would like my new site to look like this:
http://www.jazzcafeparis.es/index0.html … clicking on the links would give the pop up effect…
It is not working but it can give you an idea of what I would like… In this example, I am using a image map…but it is too difficult… I can do the same using several links and one image (a note) for each link.

Have you removed all the files for llightbox? I can’t see anything uploaded for the 3 javascript files or the style sheet? eg: http://www.jazzcafeparis.es/js/lightbox.js gives me a page not found error.

I have not implemented it on my site (only on my PC)… I sent it only to show you what I would like… I can upload those files if you wish…

Upload them and see if it works. Chances are it’s the links you are using.

I will upload the file with everything so you can see how I am doing…
I really need advice on this!

The file “index0.html” is only an example… Nothing has been implemented because I don’t know how to do it…
I only have bits and pieces…for instance this file “lb1.html” shows only one part…
I would like to know how to implements the photos, the videos and the songs part.

You can try the “lb1.html” file… it works (more or less)… I need to add more links like that and as far as comments are concerned, I know how to do it.
What I don’t know is how to click upon on link and have a pop up effect shown with

  • galery of Photos so that clicking on one, I get a zoom effects
  • videos
  • songs (with flash)…

You can have an idea with “www.jazzcafeparos.es”… clicking on “Repertorio”… is the page I would like to have a pop up effect
Clicking on “Fotos”… I would like to have those photos shown with the zoom effect
Clicking on “Quienes somos”… is the page with more links on it… pop up effect too if possible.

Basically, I would like to get ride of the frames (I know how to do it) and get rid of the pages… I want to replace them by “pop up effect pages” using lightbox I think

If you use Office to create the site, it is going to be quite hard to implement what you want.

Among other things, there is no way that your code is going to validate. Not validating means that the browser can do its own interpretation. This implies that the page may or may not look as expected, but in terms of programming (and in this case this means JavaScript), it means that correct programming code will not work. So your Javascript can be perfect, and maybe you did implement the lightbox properly, but your code is so bad that it didn’t work.

All the fancy stuff is OK and good as long as the code is correct, else your javascript will fail.

Hello again,

First of all “MERRY CHRISTMAS” to all of you…

Well, I managed to sort out a few things … but I am having another problem now… things are working with FrontPage… but not using the browsers…
What is not working is the zoom effect on photos!!!.
Could you help me?

Here is my code… the bits that are not working are under “Fotos”…
And another strange thing…
with FrontPage, the picture “/Ensayo3_20070305.JPG” is positioned correctly… but with Explorer or Mozilla… the picture appears under the whole text!!!.. I need it to be on the right corner!!!

Help, please!!!

Actually, a lot of things seem all right with FrontPage (like the size of the popup page)… and are not right with Explorer or Mozilla…

You can have a look at my site: “www.jazzcafeparis.es”… the code is the same!


<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns="http://www.w3.org/TR/REC-html40">

<head>
<meta http-equiv="Content-Language" content="es">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<link rel="File-List" href="index_archivos/filelist.xml">

<title>Página principal del grupo de Jazz Café Paris</title>
<link rel="stylesheet" type="text/css" href="cafeParis.css" />
<style>
div#con p.pie {
    clear:both;
    font: 0.7em Aria, Verdana, Helvetica, sans-sherif;
    color: #666;
    padding: 10px 0 0 0px;
    text-align:center;
    margin:0;
 }
.black_overlay{
     display: none;
     position: absolute;
     top: 0%;
     left: 0%;
     width: 100%;
      height: 100%;
      background-color: black;
      z-index:1001;
      -moz-opacity: 0.8;
       opacity:.80;
       filter: alpha(opacity=80);
 }
.white_content {
      display: none;
      position: absolute;
      top: 25%;
       left: 25%;
      width: 50%;
      height: 40%;
      padding: 16px;
      border: 16px solid grey;
      background-color: white;
      z-index:1002;
      overflow: auto;
}
.white_content1 {
      display: none;
      position: absolute;
      top: 5%;
      left: 5%;
      width: 90%;
      height: 90%;
      padding: 16px;
      border: 16px solid grey;
      background-color: white;
      z-index:1002;
      overflow: auto;
}
.white_content2 {
      display: none;
      position: absolute;
      top: 25%;
      left: 25%;
      width: 50%;
      height: 30%;
      padding: 16px;
      border: 16px solid grey;
      background-color: white;
      z-index:1002;
      overflow: auto;
}

.white_content3 {
      display: none;
      position: absolute;
      top: 5%;
      left: 10%;
      width: 70%;
      height: 90%;
      padding: 16px;
      border: 16px solid grey;
      background-color: white;
      z-index:1002;
      overflow: auto;
}

.white_content4 {
      display: none;
      position: absolute;
      top: 2%;
      left: 5%;
      width: 90%;
      height: 95%;
      padding: 16px;
      border: 16px solid grey;
      background-color: #99CCCC;
      z-index:1002;
      overflow: auto;
}
.white_content5 {
      display: none;
      position: absolute;
      top: 25%;
       left: 25%;
      width: 50%;
      height: 40%;
      padding: 16px;
      border: 16px solid grey;
      background-color: #99CCCC;;
      z-index:1002;
      overflow: auto;
}


li.MsoNormal
	{mso-style-parent:"";
	margin-bottom:.0001pt;
	font-size:12.0pt;
	font-family:"Times New Roman";
	margin-left:0cm; margin-right:0cm; margin-top:0cm}

a:link, a:visited {text-decoration:none,font-weight: normal,color=#999999;}
a:hover{text-decoration: underline;font-weight:normal;color:#CCCCCC,}

</style>
<!--[if !mso]>
<style>
v\\:*         { behavior: url(#default#VML) }
o\\:*         { behavior: url(#default#VML) }
.shape       { behavior: url(#default#VML) }
</style>
<![endif]--><!--[if gte mso 9]>
<xml><o:shapedefaults v:ext="edit" spidmax="1027"/>
</xml><![endif]-->
</head>

<body background="images/main_background.png">

<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;

<a href = "javascript:void(0)" onclick = "document.getElementById('themes').style.display='block';document.getElementById('fade').style.display='block'">Repertorio</a> </p>
        <div id="themes" class="white_content3">

<script type="text/javascript" src="flash_v0/swfobject.js"></script>
	<p></p>	<p><p><p>
<div id="flashPlayer">
  	<p>This text will be replaced by the flash music player.
</div>

<script type="text/javascript">
   var so = new SWFObject("flash_v0/playerMultipleList.swf", "mymovie", "295", "145", "7", "#FFFFFF");
   so.addVariable("autoPlay","no")
   so.addVariable("playlistPath","playlist.xml")
   so.write("flashPlayer");
</script>
<p><font face="Bookman Old Style size=2">Algunos temas que podrá escuchar cuando nos
vea...le ofrecemos 3 canciones.</font></p>
<ul style="margin-top: 0cm; margin-bottom: 0cm">
	<li class="MsoNormal"><font face="Bookman Old Style" size="2">It's only Paper moon</font></li>
	<li class="MsoNormal"><font face="Bookman Old Style" size="2">Misty</font></li>
	<li class="MsoNormal"><font face="Bookman Old Style" size="2">Over the rainbow </font></li>
	<li class="MsoNormal"><font face="Bookman Old Style" size="2">Wave</font></li>
	<li class="MsoNormal"><font face="Bookman Old Style" size="2">Smoke gets in your eyes </font></li>
	<li class="MsoNormal"><font face="Bookman Old Style" size="2">Chega de saudage</font></li>
	<li class="MsoNormal"><font face="Bookman Old Style" size="2">Just one of those things </font></li>
	<li class="MsoNormal"><font face="Bookman Old Style" size="2">La vie en Rose </font></li>
	<li class="MsoNormal"><font face="Bookman Old Style" size="2">Autum Leaves</font></li>
	<li class="MsoNormal"><font face="Bookman Old Style" size="2">A night in Tunisia</font></li>
	<li class="MsoNormal"><font face="Bookman Old Style" size="2">Cocovado</font></li>
	<li class="MsoNormal"><font face="Bookman Old Style" size="2">My funny valentine</font></li>
	<li class="MsoNormal"><font face="Bookman Old Style" size="2">Mahna de Carnaval</font></li>
	<li class="MsoNormal"><font face="Bookman Old Style" size="2">Dream a little dream of me</font></li>
	<li class="MsoNormal"><font face="Bookman Old Style" size="2">Lullaby of birdland </font></li>
	<li class="MsoNormal"><font face="Bookman Old Style" size="2">Night and day</font></li>
	<li class="MsoNormal"><font face="Bookman Old Style" size="2">Summertimes</font></li>
	<li class="MsoNormal"><font face="Bookman Old Style" size="2">Route 66</font></li>
	<li class="MsoNormal"><font face="Bookman Old Style" size="2">Y muchos mas.....</font></li>
</ul>
Para ver esta pantalla es necesario plug-in de Flash 8 como mínimo, si no lo tiene <a href="http://www.macromedia.com/go/getflashplayer" target="_blank">
descárguelo gratuitamente aquí.</a>.

<p class="pie">© 2008 CaféParis.

	 <a href = "javascript:void(0)" onclick = "document.getElementById('themes').style.display='none';document.getElementById('fade').style.display='none'">Cerrar ventana</a></div></p>
        <div id="fade" class="black_overlay"></div>




<table border="0" width="46%" id="table1" align="left">

	<tr>
		<td><!--[if gte vml 1]><v:shapetype id="_x0000_t136"
 coordsize="21600,21600" o:spt="136" adj="10800" path="m@7,l@8,m@5,21600l@6,21600e">
 <v:formulas>
  <v:f eqn="sum #0 0 10800"/>
  <v:f eqn="prod #0 2 1"/>
  <v:f eqn="sum 21600 0 @1"/>
  <v:f eqn="sum 0 0 @2"/>
  <v:f eqn="sum 21600 0 @3"/>
  <v:f eqn="if @0 @3 0"/>
  <v:f eqn="if @0 21600 @1"/>
  <v:f eqn="if @0 0 @2"/>
  <v:f eqn="if @0 @4 21600"/>
  <v:f eqn="mid @5 @6"/>
  <v:f eqn="mid @8 @5"/>
  <v:f eqn="mid @7 @8"/>
  <v:f eqn="mid @6 @7"/>
  <v:f eqn="sum @6 0 @5"/>
 </v:formulas>
 <v:path textpathok="t" o:connecttype="custom" o:connectlocs="@9,0;@10,10800;@11,21600;@12,10800"
  o:connectangles="270,180,90,0"/>
 <v:textpath on="t" fitshape="t"/>
 <v:handles>
  <v:h position="#0,bottomRight" xrange="6629,14971"/>
 </v:handles>
 <o:lock v:ext="edit" text="t" shapetype="t"/>
</v:shapetype><v:shape id="_x0000_s1030" type="#_x0000_t136" style='width:272.25pt;
 height:51pt;float:left' fillcolor="#9400ed" strokecolor="#eaeaea"
 strokeweight="1pt">
 <v:fill color2="blue" angle="-90" colors="0 #a603ab;13763f #0819fb;22938f #1a8d48;34079f yellow;47841f #ee3f17;57672f #e81766;1 #a603ab"
  method="none" type="gradient"/>
 <v:shadow on="t" type="perspective" color="silver" opacity="52429f" origin="-.5,.5"
  matrix=",46340f,,.5,,-4768371582e-16"/>
 <v:textpath style='font-family:"Arial Black";v-text-kern:t' trim="t"
  fitpath="t" string="Café Paris"/>
</v:shape><![endif]--><![if !vml]><img border=0 width=391 height=72
src="index64_archivos/image001.gif" align=left alt="Café Paris" v:shapes="_x0000_s1030"><![endif]></td>
	</tr>
	<tr>
		<td><!--[if gte vml 1]><v:shapetype
 id="_x0000_t175" coordsize="21600,21600" o:spt="175" adj="3086" path="m,qy10800@0,21600,m0@1qy10800,21600,21600@1e">
 <v:formulas>
  <v:f eqn="val #0"/>
  <v:f eqn="sum 21600 0 #0"/>
  <v:f eqn="prod @1 1 2"/>
  <v:f eqn="sum @2 10800 0"/>
 </v:formulas>
 <v:path textpathok="t" o:connecttype="custom" o:connectlocs="10800,@0;0,@2;10800,21600;21600,@2"
  o:connectangles="270,180,90,0"/>
 <v:textpath on="t" fitshape="t"/>
 <v:handles>
  <v:h position="center,#0" yrange="0,7200"/>
 </v:handles>
 <o:lock v:ext="edit" text="t" shapetype="t"/>
</v:shapetype><v:shape id="_x0000_s1029" type="#_x0000_t175" style='width:417.75pt;
 height:40.5pt' adj="7200" fillcolor="black">
 <v:shadow color="#868686"/>
 <v:textpath style='font-family:"Times New Roman";font-size:24pt;v-text-kern:t'
  trim="t" fitpath="t" string="¡Bienvenido al café de los amantes del Jazz!"/>
</v:shape><![endif]--><![if !vml]><img border=0 width=559 height=47
src="index64_archivos/image002.gif"
alt="¡Bienvenido al café de los amantes del Jazz!" v:shapes="_x0000_s1029"><![endif]>&nbsp;</td>
	</tr>
</table>

<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;


<a href = "javascript:void(0)" onclick = "document.getElementById('bio').style.display='block';document.getElementById('fade').style.display='block'">Biografía</a>&nbsp; </p>
        <div id="bio" class="white_content1"><span style="width:1170px;"><p></p>
<ul>
	<li>
	<p align="left"><font face="Bookman Old Style"><b>Elisabeth Bachler - Voz</b><br>
	Se formó en el conservatorio de Marignane (Marsella) y comenzó su actividad en los clubes de Grenoble. Ha actuado además en diversos locales y festivales de
	Aix-en-Provence, Marsella y Albi.</font></p></li>
	<li>
	<p align="left"><font face="Bookman Old Style"><b>Marina Fainytska - Piano & Acordeón </b><br>
	Estudió en la Escuela de Música Moderna de Kiev (Ucrania). Tocó con el grupo “FUNKSEPT” en Ucrania. Durante 5 años trabajó en la orquesta del Teatro Nacional de Mímica
	 y Gesto de Ucrania, realizando giras por Ucrania y en el extranjero.&nbsp; Reside en España desde 1996. Aquí formó parte del grupo “Malyarenko sexteto” y “Yellow Blue
	 Bus”. Tocó junto con Jimmy Castro, Norman Hogue, Amparo Plá, Sergio Lasarte, Rosana Gea, Carlos Aroyo, Laura Toro, Enrique  Rubio, Ignacio Buenavida etc. </font></p></li>
	<li>
	<p align="left"><font face="Bookman Old Style"><b>Andriy Malyarenko - compositor, bajista & arreglista</b><br>
	Estudió en la Escuela de Música Moderna de Kiev y el Conservatorio Estatal de Kiev en la especialidad de música moderna.
    Formó parte del grupo ucraniano de Jazz “49 y ½”, con la que actuó en el Festival Internacional “Otoño de Kiev” en Ucrania. Durante 5 años trabajó en la
    orquesta del Teatro Nacional de Mímica y Gesto de Ucrania, realizando giras por Ucrania y en el extranjero. &nbsp;Reside en España desde 1996. Toca en varias
    formaciones musicales y formó su grupo “Malyarenko sexteto” y posteriormente “Yellow Blue Bus” y “Majalasna Sky Rose”.&nbsp; Compartió escenario con Jimmy
    (Miguel) Castro, Rafa Pérez, Sergio Lasarte, Rosana Gea, Laura Toro, Andrés Olaegui, Carlos Aroyo, Enrique Rubio, Ignacio Buenavida etc..
    <p>
    Junto con Marina Fainytska han actuado en dos ediciones del Festival de Música “Festidrete” en Alpedrete en 1999 y 2000.
    <br>Participaron en “Ciclo de Jazz” organizado por el Patronato de Cultura de Pozuelo de Alarcón en 2001, junto con los emblemáticos grupos de Jazz como
     “Modern Sax Quartet Pedro Iturralde” y “Larry Martín Band”. Tocaron conciertos en la Casa de Cultura de Alpedrete,Guadarrama y Madrid. Participaron en el Festival Intercultural en Hoyo de Manzanares,
    Festival de Música Internacional en el Teatro “Pradillo”, Festival “Músicos por la tolerancia”, organizado por el Ayuntamiento de Madrid.
    Han tocado en muchos locales madrileños de jazz como “El Despertar”, “El Juglar”, “El Reciclaje”, “La Campana”, “Stop
    </p>
    </font></p></li>
	<li>
	<p align="left"><font face="Bookman Old Style"><b>Oscar Mangas - Batería & percusión</b><br>
	Empezó sus estudios de música con 10 años. A los 16 años se inició con los estudios de batería.
Su experiencia pasa por orquestas de baile, grupos de pop, rock, flamenco fusión, jazz etc., como son: J.A.N., El síndrome
de Peter Pan y Sex Wax, Lian,entre otros.Ha grabado 4 discos con diferentes formaciones y estilos de música..</font></p></li>
	
</span>
</a><p>
 <a href = "javascript:void(0)" onclick = "document.getElementById('bio').style.display='none';document.getElementById('fade').style.display='none'">Cerrar ventana</a></div>
        <div id="fade" class="black_overlay"></div></p>



<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;


<a href = "javascript:void(0)" onclick = "document.getElementById('offers').style.display='block';document.getElementById('fade').style.display='block'">¿Que ofrecemos?</a> </p>
        <div id="offers" class="white_content"><ul>
	<li>
	<p align="left"><font face="Bookman Old Style">Amenización
	<b>para tus fiestas,</b> reuniones sociales y de empresas, coktailes, etc.
	donde necesites un toque de clase y distinción&nbsp; </font></li>
</ul>
<p align="left">
<ul>
	<li>
	<p align="left"><font face="Bookman Old Style">Amenización <b>en locales</b>. Si tienes
	un bar, un local, un hotel, un restaurante y buscas crear un ambiente
	diferente. llámanos</font></li>
</ul>
<p align="left">
<ul>
	<li>
	<p align="left">&nbsp;<font face="Bookman Old Style"><b>Conciertos. </b>Si eres
	responsable de cultura en un ayuntamiento o centro cultural, no dejes pasar
	esta oportunidad de llevar el mundo del jazz a tu comunidad.</font></li>
</ul>
 <a href = "javascript:void(0)" onclick = "document.getElementById('offers').style.display='none';document.getElementById('fade').style.display='none'">Cerrar ventana</a></div>
        <div id="fade" class="black_overlay"></div>




<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href = "javascript:void(0)" onclick = "document.getElementById('contact').style.display='block';document.getElementById('fade').style.display='block'">Contactos</a> </p>
        <div id="contact" class="white_content2">

<span style="width:500px;"><p><p>© 2007 CaféParis.</p>
<p><font face="Bookman Old Style">Si desea contactar con nosotros, por favor envíenos un mensaje a</font>
&quot;<font size="4"><b>jazzcafeparis@yahoo.es&quot;
</b></font><font face="Bookman Old Style">o llamenos al <b>609.173.370.</b></font></p>

</span><br><p></p>

	 <a href = "javascript:void(0)" onclick = "document.getElementById('contact').style.display='none';document.getElementById('fade').style.display='none'">Cerrar ventana</a></div></p>
        <div id="fade" class="black_overlay"></div>



<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<a href = "javascript:void(0)" onclick = "document.getElementById('videos').style.display='block';document.getElementById('fade').style.display='block'">Vídeos</a> </p>
        <div id="videos" class="white_content5">
        La calidad no es nada del otro mundo... pero por lo menos os dara una idea....
        Estamos trabajando en ello.... Esperamos que dentro de poco tengamos videos de mejor calidad...<p></p>
        <br>
       <a href = "http://www.dailymotion.com/video/x5geri_1-summertime_music">Summertime</a><br>
       <a href="http://www.dailymotion.com/fainytska/video/x5gryr_5-all-the-things-you-are_music">All the things you are</a><br>
       <a href ="http://www.dailymotion.com/fainytska/video/x5gh54_6-i-wish-you-love_music">I wish you love</a><br>
       <a href="http://www.dailymotion.com/fainytska/video/x5gsqz_15-french-popurri_music">Pop pourri frances"</a><br>
       <a href="http://www.dailymotion.com/fainytska/video/x5gthh_13-route-66_music">Route 66</a><br><p><p></p></p>

	 <a href = "javascript:void(0)" onclick = "document.getElementById('videos').style.display='none';document.getElementById('fade').style.display='none'">Cerrar ventana</a></div></p>
        <div id="fade" class="black_overlay"></div>




<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</p>
<p><!--[if gte vml 1]><v:shapetype
 id="_x0000_t202" coordsize="21600,21600" o:spt="202" path="m,l,21600r21600,l21600,xe">
 <v:stroke joinstyle="miter"/>
 <v:path gradientshapeok="t" o:connecttype="rect"/>
</v:shapetype><v:shape id="_x0000_s1028" type="#_x0000_t202" style='position:absolute;
 left:258.75pt;top:198.75pt;width:315.75pt;height:315pt;z-index:2' stroked="f">
 <v:fill opacity="0"/>
 <v:textbox>
<table height="100%" cellSpacing="0" cellPadding="0" width="100%" id="table2">
	<tr>
		<td align="middle">
		<p class="MsoNormal" align="left"><font face="Bookman Old Style">
		<span lang="ES"><b>Café París</b> es un grupo multinacional que se
		instala ahora en Madrid para trasladarnos a la atmósfera bohemia y&nbsp;
		alocada del mejor París de las boites de jazz&nbsp; tras la guerra. </span>
		</font></p>
		<p class="MsoNormal" align="left"><span lang="ES">
		<font face="Bookman Old Style">El Jazz de Ella Fitzgerald, Sarah
		Vaughan, &nbsp;Duke Ellington y tantos otros, se mezcla con las canciones más
		desgarradas de Edith Piaf y las más sensuales de la música brasileña de
		Carlos Jobim para crear un ambiente único: el ambiente de la noche y del
		amor.</font></span><br>
		<br>
		<i>Últimante se les ha podido ver : &quot;la Cave&quot; (El Molar), el 23 Festival
		de Jazz de Madrid (2007), la casa de cultura de Guadarrama, la casa de
		cultura &quot;Jose Espronceda&quot; (Madrid), la Reine Bruja (Madrid), el casino
		de Madrid, en el Galapajazz 2008, el 24 Festival de Jazz de Madrid
		(2008)...y en multitud de fiestas privadas, cócteles, bodas y eventos de
		empresas.</i></td>
	</tr>
</table>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>
<p>&nbsp;</td>
</tr>
</table>
 </v:textbox>
</v:shape><![endif]--><![if !vml]><span style='mso-ignore:vglayout;position:
absolute;z-index:2;left:345px;top:265px;width:425px;height:424px'><img
width=425 height=424 src="index64_archivos/image003.gif"
alt="Cuadro de texto: Café París es un grupo multinacional que se instala ahora en Madrid para trasladarnos a la atmósfera bohemia y&nbsp; alocada del mejor París de las boites de jazz&nbsp; tras la guerra. &#13;&#10;El Jazz de Ella Fitzgerald, Sarah Vaughan, &nbsp;Duke Ellington y tantos otros, se mezcla con las canciones más desgarradas de Edith Piaf y las más sensuales de la música brasileña de Carlos Jobim para crear un ambiente único: el ambiente de la noche y del amor.&#13;&#10;&#13;&#10;Últimante se les ha podido ver : &quot;la Cave&quot; (El Molar), el 23 Festival de Jazz de Madrid (2007), la casa de cultura de Guadarrama, la casa de cultura &quot;Jose Espronceda&quot; (Madrid), la Reine Bruja (Madrid), el casino de Madrid, en el Galapajazz 2008, el 24 Festival de Jazz de Madrid (2008)...y en multitud de fiestas privadas, cócteles, bodas y eventos de empresas.&#13;&#10;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&#13;&#10;&#13;&#10;&nbsp; &#13;&#10;"
v:shapes="_x0000_s1028"></span><![endif]>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;


<a href = "javascript:void(0)" onclick = "document.getElementById('photos').style.display='block';document.getElementById('fade').style.display='block'">Fotos</a> </p>
        <div id="photos" class="white_content4">
        <div id="pic">
        <table border="0" width="47%" id="table1">
	
	<tr>
		<td width="134">
		<a rel="nofollow" class="p1" href="#" title="Concierto en casa de cultura de Guadarrama"><img border="0" src="photos/DSCF2961.JPG" width="135" height="90">
		 <img  src="photos/DSCF2961.JPG" alt="Enlarged view of image" class="large" title="Concierto en casa de cultura de Guadarrama" /></a></td>
		<td>
		<a rel="nofollow" class="p1" href="#" title="Concierto en casa de cultura de Guadarrama"><img border="0" src="photos/DSCF2955.JPG" width="135" height="90">
		 <img  src="photos/DSCF2955.JPG" alt="Concierto en casa de cultura de Guadarrama"  class="large" title="Concierto en casa de cultura de Guadarrama" /></a></td>
		<td width="194">
	    <a rel="nofollow" class="p1" href="#" title="Fiesta de Empresa en La Bruja (Madrid)"><img border="0" src="photos/DSCF3098.JPG" width="135" height="90">
		 <img  src="photos/DSCF3098.JPG" alt="Fiesta de Empresa en La Bruja (Madrid)"  class="large" title="Fiesta de Empresa en La Bruja (Madrid)" /></a></td>
	</tr>
	<tr>
		<td width="134">
		<a rel="nofollow" class="p1" href="#" title="Fiesta de Empresa en La Bruja (Madrid)"><img border="0" src="photos/DSCF3100.JPG" width="135" height="90">
		 <img  src="photos/DSCF3100.JPG" alt="Fiesta de Empresa en La Bruja (Madrid)"  class="large" title="Fiesta de Empresa en La Bruja (Madrid)" /></a></td>
		<td>
		<a rel="nofollow" class="p1" href="#" title="Amenización para las cocinas De Dietrich"><img border="0" src="photos/img_0973.jpg" width="135" height="90">
		 <img  src="photos/img_0973.jpg" alt="Amenización para las cocinas De Dietrich"  class="large" title="Amenización para las cocinas De Dietrich" /></a></td>
		<td width="194">
		<a rel="nofollow" class="p1" href="#" title="Fiesta de Empresa"><img border="0" src="photos/IMG_0984.JPG" width="135" height="90">
		 <img  src="photos/IMG_0984.JPG" alt="Fiesta de Empresa"  class="large" title="Fiesta de Empresa" /></a></td>
	</tr>
	<tr>
		<td width="134">
		<a rel="nofollow" class="p1" href="#" title="Evento de Empresa en el casino de Madrid"><img border="0" src="photos/IMG_1106.JPG" width="135" height="90">
		 <img  src="photos/IMG_1106.JPG" alt="Evento de Empresa en el casino de Madrid"  class="large" title="Evento de Empresa en el casino de Madrid" /></a></td>
		<td>
		<a rel="nofollow" class="p1" href="#" title="Galapajazz 2008 - Con el grupo Earch Wind and Fire"><img border="0" src="photos/DSCF3669.JPG" width="135" height="90">
		 <img  src="photos/DSCF3669.JPG" alt="Galapajazz 2008 - Con el grupo Earch Wind and Fire"  class="large" title="Galapajazz 2008 - Con el grupo Earch Wind and Fire" /></a></td>
		<td width="194">
		<a rel="nofollow" class="p1" href="#" title="Galapajazz 2008 - Telonero de Earch Wind and Fire"><img border="0" src="photos/DSCF3650.jpg" width="135" height="90">
		 <img  src="photos/DSCF3650.jpg" alt="Galapajazz 2008 - Telonero de Earch Wind and Fire"  class="large" title="Galapajazz 2008 - Telonero de Earch Wind and Fire" /></a></td></td>
	</tr>
	<tr>
		<td width="134">
		<a rel="nofollow" class="p1" href="#" title="Galapajazz 2008 - Telonero de Earch Wind and Fire"><img border="0" src="photos/DSCF3642.JPG" width="135" height="90">
		 <img  src="photos/DSCF3642.JPG" alt="Galapajazz 2008 - Telonero de Earch Wind and Fire"  class="large" title="Galapajazz 2008 - Telonero de Earch Wind and Fire" /></a></td>
		</td>
		<td>
		<a rel="nofollow" class="p1" href="#" title="Galapajazz 2008 - Telonero de Earch Wind and Fire"><img border="0" src="photos/DSCF3645.JPG" width="135" height="90">
		 <img  src="photos/DSCF3645.JPG" alt="Galapajazz 2008 - Telonero de Earch Wind and Fire"  class="large" title="Galapajazz 2008 - Telonero de Earch Wind and Fire" /></a></td>
		<td width="194">
		<a rel="nofollow" class="p1" href="#" title="Galapajazz 2008 - Telonero de Earch Wind and Fire"><img border="0" src="photos/Galapajazz_fin.jpg" width="135" height="90">
		 <img  src="photos/Galapajazz_fin.jpg" alt="Galapajazz 2008 - Telonero de Earch Wind and Fire"  class="large" title="Galapajazz 2008 - Telonero de Earch Wind and Fire" /></a></td>
		</td>
	</tr>
	<tr>
		<td width="134">
		<a rel="nofollow" class="p1" href="#" title="Festival Jazz Madrid 2008 - El plaza"><img border="0" src="photos/el_plaza044.JPG" width="135" height="90">
		 <img  src="photos/el_plaza044.JPG" alt=" Festival Jazz Madrid 2008 - El plaza"  class="large" title=" Festival Jazz Madrid 2008 - El plaza" /></a></td>
		</td>
		<td>
		<a rel="nofollow" class="p1" href="#" title="Festival Jazz Madrid 2008 - El plaza)"><img border="0" src="photos/Andrei_El_Plaza.JPG" width="135" height="90">
		 <img  src="photos/Andrei_El_Plaza.JPG" alt="Festival Jazz Madrid 2008 - El plaza"  class="large" title="Festival Jazz Madrid 2008 - El plaza" /></a></td>
		<td width="194">
		-</a></td>
		</td>	
	</tr>
</table>
</div>




 <a href = "javascript:void(0)" onclick = "document.getElementById('photos').style.display='none';document.getElementById('fade').style.display='none'">Cerrar ventana</a></div></p>
 <div id="fade" class="black_overlay"></div>



<img height="425" src="images/logo.jpg" width="319" align="left" border="0" ></p>
<p>&nbsp;</p>

<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;


<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </p>

<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img border="0" src="photos/Ensayo3_20070305.JPG" width="200" height="155"></p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </p>
</p>
<p>© 2008 Café Paris. <a href="javascript: avisolegal ()">Aviso legal</a>.
Necesario plug-in de Flash 8 si no lo tiene
<a target="_blank" href="http://www.macromedia.com/go/getflashplayer">
descarguelo aquí</a>.</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </p>
</body>

</html>


Welcome to the delights of web design!

Still, let me insist on the fact that you are doing your work harder than it should.

WYSIWYG (What-You-See-Is-What-You-Get) editors like Frontpage are only good when they are configured properly and in order to do a proper configuration you need to know what you are doing (meaning that you need at least to know your HTML and CSS really well)

I know that this can be frustrating for you, but if you don’t follow the basics, you are risking yourself to a much more frustration and things not working properly.

Among other things, WYSIWYG editors have their own rendering engine and therefore when you check the results in a real browser you may find yourself that things don’t look as expected. (DreamWeaver CS4 uses WebKit rendering engine, the one used by Safari, so that’s an exception)

You may think that what you want is not that much work and that it should be done easily and your question but things are never that simple. Your page shows 247 errors and 4 warnings according to the validator: check it yourself here

247 errors… that means that if something works is sheer luck!

So let’s go first to some of your HTML errors and see how they impact your Javascript code.

1.- No DOCTYPE

A DOCTYPE tells the browser which markup language you are using and how the page should be rendered. No DOCTYPE means that you leave the browser to decide by itself how to show the page and free to do whatever it wants to do.

As an analogy, imagine that you write an aticle in Spanish and you send it to an English newspaper without telling them that it has been written in Spanish. Because you never told them, you left your English team to decide what they have to do (the article needs to be published anyway). Things that can happen:

  • Standards Mode: They recognize that the article is in Spanish and have a Spanish-English dictionary (or know enough Spanish, or have a good translator) and they can translate it. Everybody happy. Nobody notices anything

  • Quasi-Standars Mode: They have a bit of knowledge of Spanish, and they can translate it. The translation is not perfect, but good enough to be understood.

  • Quirks Mode: They don’t have a clue about what the article says, and they don’t have anyway to translate it, so they just make it up. Things can go berseck and you will be lucky if someone can make anything of it.

The DOCTYPE fires the type of mode that the browser will use. No DOCTYPE means that it will fire the Quirks Mode. Triggering the Quirks mode means, among other things:

  • Your site is going to look different in different browser
  • Your CSS will affect differently to the same element, depending on the browser
  • The attributes for a specific element will be different, depeding on the DOCTYPE chosen. As an example, properties like CELLPADDING or CELLSPACING are not valid when you use a STRICT DOCTYPE.
  • In terms of Javascript coding, it is up to the browser to decide which DOM to use (and no, the XHML, HTLM or XML’s DOMs are not equal, they don’t have the same fucntions or properties, and they don’t work the same, even if they are similar)

In summary, you want to use a DOCTYPE and not just any DOCTYPE, but the right one. This will make the browser to behave as a good kid and then you will be able to know what to expect.

2.- <link rel=“File-List” href=“index_archivos/filelist.xml”>
This is created by Microsoft FP2000 or when you save a page from MSOffice as a web page. Not only is useless code, but sheer rubbish and no browser will able to understand it. You can feel free of getting rid of it.

I will not make any reference to the stylesheet, cafeParis.css, because I think that you will have it in the future.

3.- Some of your tags are not properly opened/closed. That is, there are some <p>s with no corresponding </p>s

4.- Check your spelling: It is not Aria, but Arial. Just a letter makes all the difference :smiley: (Same thing with the names of the bands, “Earth, Wind and Fire” and not “Earch Wind and Fire” ;))

You have a few of those, like writing 7 when you obviously wanted to open quotes (") and similar stuff.

5.- Because you are using Microsoft to do this, you are adding rubbish code that can only be recognized in a Microsoft (Office) enviroment. Properties like xmlns:v=“urn:schemas-microsoft-com:vml” xmlns:o=“urn:schemas-microsoft-com:office:office” or v:shapes=“_x0000_s1030” have no meaning in a web world.

6.- nbsp; are not good to create white space, and neither <br>s for that matter.

Other errors come from the fact that there is no DOCTYPE, so they probably go.

Summary: Good, clean code = it is worth to look at the programming side
because Maybe your Javascript is perfect but if the Document Tree is not properly built, it will never find the right element and you’ll be lucky if it works.

PS: Clean your code first, and then go to the fancy programming.

Wouaw!!! Thank you so much for all those inputs… I didn’t know my code was so awful!!!
Ok! I will get rid of the DOCTYPE thing, will correct the errors… try to validate it …and hopefully, the page will be better…

You are suggesting I should use DreamWeaver?..

Thanks for the comments… I will try to put into practice what you said and will come back to you later on… if you don’t mind…

WHich DOCTYPE should I use then?

Sure. The only way that we can help is when your code is clean. Else, any try would have been wasted

As DOCTYPE, for new pages I like to use any strict type, probably

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
            "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    ...
    </head>
    <body>
    ...
    </body>
    </html>


Strict simply means that you will separate appearance from structure (that is, that you will only use structure HTML tags such as p, or div, or ul but no others like font, and that your CSS and Javascript will be located in external files)

To validate, you can use http://validator.w3c.org

OK… I have cleaned my code now… I have 6 errors due to the hosting… and one error about “target=_blanK”… I should put it in ccs but I don’t know how…

Anyway, if you have any advice about how to improve my site… I will be happy to here them…

I have one question… how to put a video in my web page…
For the moment, clicking on “Videos” will display a page with several links to Youtube… but I don’t want that… I have the video (.avi) and would like that one the user clicks on the video link, the video appears in a popup effect page.
Is it possible to do it?
Many, many thanks

OK… I think my code is clean now… I have just solved the “target=_blank” thing

You still one error due to misspelling but that’s OK. I will have a look at your problem and see how it can be solved. I will not be able to answer today though. You know, this time of the year, the family and all that… nd lots of last minute things :lol:

Good job. Keep it up :smiley:

No problem I understand perfectly…thank you so much!!!

I have added some new meta tags too… the last one (verify) was given to me by the google webmaster tool… when I tried to verify my site…
Another problem that I am having is that is does not appear in Google…It is useless to have a web site if Google does not even recognize it!!! That’s why I added the verify tag… I am trying to have my page indexed.!!

Running the markup validator, it gives another error due to the verify tag, that’s all. I hope it is not important and I hope that the tags I have added are good.


<meta name="revisit-after" content="30 days">
<meta name="classification" content="Music">
<meta name="robots" content="ALL">
<meta name="distribution" content="GLOBAL">
<meta name="rating" content="SAFE FOR KIDS">
<meta name="author" content=" OnLine">
<meta http-equiv="reply-to" content="e-mail">
<meta name="language" content="es">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="resource-type" content="document">
<meta name="page-topic" content="jazz group musical information">
<meta name="content-x" content="corporate site">
<meta name="internal" content="line Public Web Site">
<meta name="basis" content="FLASH, HTML">
<meta name="audience" content="Public">
<meta name="practice" content="Online information">
<meta name="description" content="Caf&eacute; Paris Grupo Jazz Amenizacion" >
<meta name="keywords" lang="sp" content="festival, grupo, jazz, Caf&eacute; Paris, amenizacion, evento, empresa, fiesta, cumpleaños, cocteles, musica, Cole Porter, standard" >
<meta name="keywords" lang="en" content="festival, group, jazz, Caf&eacute; Paris, event, party, birthday, cocktail, music, Cole Porter, standard" >
<meta name="verify-v1" content="BDJ7UpnnIuyOqS0zohLJcDeXNlezYhAnQBfKBesukZ8=" />