/* parrafo con enlace para volver a la pagina principal --------- */

p.volver    {  font-family: tahoma;
               font-size: 12pt;
               text-align: center;
               font-weight: bold;
               letter-spacing: 2;
               color: #460046;
            }




/* La parte de arriba que abarca en todo lo ancho */  
           
div.frente  { position: absolute;
              left: 0px;
              top: 0px;
              width: 800px;
              height: 80px;
              border-right-width: 1px;
              border-right-color: red;
              border-right-style: solid;
              background-image: url('q1.jpg');
               }
               
/* ------------------------------------------------ */

/* donde quedan los botones ----------------------------------- */

div.boton1   { position: absolute;
               
               top: 81px;
               width: 120px;
               height: 20px;
               left: 0px;
               font-family: tahoma;
               font-size: 9pt;
               text-align: center;
               font-weight: bold;
               letter-spacing: 2;
               color: #460046;
               line-height:1.5;
               /*   vertical-align: 10%;   */
               background-image: url('q2.jpg');}
               
div.boton2   { position: absolute;
              
               top: 81px;
               width: 169px;
               height: 20px;
               left: 121px;
               font-family: tahoma;
               font-size: 9pt;
               text-align: center;
               font-weight: bold;
               letter-spacing: 2;
               color:#460046;
               line-height:1.5;
               background-image: url('q4.jpg');}
               
div.boton3   { position: absolute;

               top: 81px;
               
               width: 169px;
               height: 20px;
               left: 291px;
               font-family: tahoma;
               font-size: 9pt;
               text-align: center;
               font-weight: bold;
               letter-spacing: 2;
               color: #460046;
               line-height:1.5;
               background-image: url('q5.jpg');}
               
div.boton4   { position: absolute;

               top:81px;
               width: 169px;
               height: 20px;
               left: 461px;
               font-family: tahoma;
               font-size: 9pt;
               text-align: center;
               font-weight: bold;
               letter-spacing: 2;
               color: #460046; 
               line-height:1.5;
               background-image: url('q6.jpg');} 
               
div.boton5   { position: absolute;

               top: 81px;
               width: 169px;
               height: 20px;
               left: 631px;
               font-family: tahoma;
               font-size: 9pt;
               text-align: center;
               font-weight: bold;
               letter-spacing: 2;
               color: #460046;
               line-height:1.5;
               border-right-width: 1px;
               border-right-color: red;
               border-right-style: solid;
               background-image: url('q7.jpg');}
               
/* aqui se terminan los botones ------------------------------- */
              

              
div.faja_izq { position: absolute;
              
              width:   120px;
              height: 1000px;
              top: 102px;
              left: 0px;
              background-image: url('q3.jpg');
              background-repeat: no-repeat;
              padding: 10px;
              
              font-family: tahoma;
              font-size: 8pt;
              text-align: left;
              /* font-weight: bold; */
              /* letter-spacing: 2; */
              color: #460046;
             } 
              
h3            { position: absolute; left: 15px; top: 15px; }
p.primer     { position: absolute; top:40px; left: 10px; }
p.segundo    { position: absolute; top:70px; left: 10px }
p.tercero    { position: absolute; top:100px; left: 10px}
p.cuarto     { position: absolute; top:130px; left: 10px}
p.quinto     { position: absolute; top:160px; left: 10px}
p.sexto      { position: absolute; top:190px; left: 10px}
p.septimo    { position: absolute; top:220px; left: 10px}


              
div.faja_der { position: absolute;
              /*  background-color: pink; */
               width:   250px;
               height: 2900px;
               left: 550px;
               top: 102px;
               /*  padding-top: 20px;  */
               border-right-width: 1px;
               border-right-color: red;
               border-right-style: solid;
               border-left-width: 1px;
               border-left-color: red;
               border-left-style: solid;
               z-index: +1;
               
               font-family: verdana;
               font-size: 9pt;
               text-align: center;
               font-weight: normal;
               letter-spacing: 1.5;
               color: #460046;
              
               /* line-height: 0; */
               /* font-style: italic; */
              } 
               
div.central { position: absolute;
              background-image: url('q-centro.jpg');
              background-repeat: no-repeat;
              top: 102px;
              left: 121px;
              width: 680px;
              height: 1000px;
              text-align: left;
                                          

              }
              
p.centro       {
               font-family: verdana;
               font-size: 9pt;
               text-align: left;
               font-weight: normal;
               /* letter-spacing: 1.5; */
               color: #460046;
               }
     
               

               
h1, h2, p.centro {
               font-family: times;
               text-align: left;
               /* font-weight: bold;  */
               letter-spacing: 2;
               color: #460046;
               width: 350px;
               margin-left: 30px;
               }
               
h1             {
               font-size: 15pt;
               margin-top: 30px
               }
               
h2             {
               font-size: 11pt;
               }
               
h3             {
               font-size: 10pt;
               }
               

               
/*  para ubicar los cuadros y las leyendas en la faja de la derecha  */

img.musicos    { position: absolute;
                 top: 20px;
                 left: 30px; }
                 
p.musicos      { position: absolute;
                  top: 183px;
                  left: 95px;
                  margin: 0px;
                  }
                  
img.metamorfose    { position: absolute;
                 top: 213px;
                 left: 30px; }
                 
p.metamorfose      { position: absolute;
                  top: 376px;
                  left: 85px;
                  margin: 0px; }
                  
img.colheita_de_cafe    { position: absolute;
                 top: 406px;
                 left: 30px; }
                 
p.colheita_de_cafe      { position: absolute;
                  top: 569px;
                  left: 70px;
                  margin: 0px; }
                  
img.lampiao    { position: absolute;
                 top: 599px;
                 left: 10px;
                  }
                 
p.lampiao      { position: absolute;
                  top: 762px;
                  left: 12px;
                  margin: 0px; }
                  
img.violeiro    { position: absolute;
                 top: 792px;
                 left: 60px; }
                 
p.violeiro      { position: absolute;
                  top: 955px;
                  left: 97px;
                  margin: 0px; }
                  
img.agricultor_andino    { position: absolute;
                 top: 985px;
                 left: 55px; }
                 
p.agricultor_andino      { position: absolute;
                           top: 1148px;
                           left: 63px;
                           margin: 0px; }
                  
img.pilao    { position: absolute;
                 top: 1178px;
                 left: 57px; }
                 
p.pilao      { position: absolute;
                  top: 1341px;
                  left: 110px;
                  margin: 0px; }
                  
img.naturaleza_muerta_12    { position: absolute;
                                  top: 1371px;
                                  left: 30px; }
                 
p.naturaleza_muerta_12      { position: absolute;
                                  top: 1526px;
                                  left: 50px;
                                  margin: 0px; }
                                  
img.cena_andina    { position: absolute;
                                  top: 1560px;
                                  left: 25px; }
                 
p.cena_andina      { position: absolute;
                                  top: 1719px;
                                  left: 75px;
                                  margin: 0px; }
                                  
/* separacion del proximo cuadro ---------------------------------- */

img.alfarera    { position: absolute;
                                  top: 1751px;
                                  left: 31px; }
                 
p.alfarera      { position: absolute;
                                  top: 1908px;
                                  left: 95px;
                                  margin: 0px; }
                                  
/* separacion del proximo cuadro ---------------------------------- */

img.cardumen    { position: absolute;
                                  top: 1942px;
                                  left: 11px; }
                 
p.cardumen      { position: absolute;
                                  top: 2099px;
                                  left: 80px;
                                  margin: 0px; }
                                  
/* separacion del proximo cuadro ---------------------------------- */

img.guitarrista    { position: absolute;
                                  top: 2133px;
                                  left: 60px; }
                 
p.guitarrista      { position: absolute;
                                  top: 2290px;
                                  left: 85px;
                                  margin: 0px; }
                                  
/* separacion del proximo cuadro ---------------------------------- */

img.lavanderas    { position: absolute;
                                  top: 2324px;
                                  left: 30px; }
                 
p.lavanderas      { position: absolute;
                                  top: 2481px;
                                  left: 80px;
                                  margin: 0px; }
                                  
/* separacion del proximo cuadro ---------------------------------- */

img.musico_21    { position: absolute;
                                  top: 2515px;
                                  left: 65px; }
                 
p.musico_21      { position: absolute;
                                  top: 2672px;
                                  left: 89px;
                                  margin: 0px; }
                                  
/* separacion del proximo cuadro ---------------------------------- */

img.nino_con_canasto_de_peces    { position: absolute;
                                  top: 2706px;
                                  left: 64px; }
                 
p.nino_con_canasto_de_peces      { position: absolute;
                                  top: 2863px;
                                  left: 28px;
                                  margin: 0px; }
                                  
/* separacion del proximo cuadro ---------------------------------- */


                                  
                                 
/* Solamente para mirar los enlaces ----------------------------------- */

A:link          {color: #0000bb; }
A:visited       {color: #7700bb}
A:hover         {color: red; background-color: white;}

/* aqui se terminan los enlaces --------------------------------------- */