.tBC {
    display: inline;
    position: relative;
   /* opacity: .95;
   -moz-opacity: .95;
   filter:alpha(opacity=50);*/

  }
  .tBC:hover:after {
    /*top: 20px; cuadrado debajo*/
    bottom:26px;/* cuadrado Encima*/    
    content: attr(original-title); /* este es el texto que será mostrado */
    left: 20%;
    position: absolute;
   /*  z-index: 500;
    el formato gráfico */
   /*background: rgba(255,255,255, 0.2) ;*/
     background:#FFF;
    border-radius: 5px;
    color:#333; /* el color del texto */
    font-family:Verdana, Geneva, sans-serif;
    font-size: 12px;
    padding: 5px 15px;
    text-align: left;
   /* text-shadow: 1px 1px 1px #000;*/
    width: 400px;
	height: 340px;
	background-image:url(../images/mapa/mapa_bc.jpg);
	background-position:center; background-repeat:no-repeat; background-size:cover;
	border:#999 solid 1px;

  }
  .tBC:hover:before {
    /*top: 20px; triangulo debajo*/
    bottom:20px;/* triangulo Encima*/
    content: "";
    left: 50%;
    position: absolute;
    z-index: 500;
    /* el triángulo inferior */
    border: solid;
    /*border-color: rgba(255,255,255, 0.2) transparent;*/
 /*   border-color: orange transparent; */
    border-color: #999 transparent;
    /* border-width: 0 6px 6px 6px; Triangulo sentido arriba*/
    border-width: 6px 6px 0 6px; /* Triangulo sentido abajo*/

  }
  
  
.tPM {
    display: inline;
    position: relative;
   /* opacity: .95;
   -moz-opacity: .95;
   filter:alpha(opacity=50);*/

  }
  .tPM:hover:after {
    /*top: 20px; cuadrado debajo*/
    bottom:26px;/* cuadrado Encima*/    
    content: attr(original-title); /* este es el texto que será mostrado */
    left: 20%;
    position: absolute;
   /*  z-index: 500;
    el formato gráfico */
   /*background: rgba(255,255,255, 0.2) ;*/
    background:#FFF;
    border-radius: 5px;
    color:#333; /* el color del texto */
    font-family:Verdana, Geneva, sans-serif;
    font-size: 12px;
    padding: 5px 15px;
    text-align: left;
   /* text-shadow: 1px 1px 1px #000;*/
    width: 400px;
	height: 340px;
	background-image:url(../images/mapa/mapa_pm.jpg);
	background-position:center; background-repeat:no-repeat; background-size:cover;
	border:#999 solid 1px;

  }
  .tPM:hover:before {
    /*top: 20px; triangulo debajo*/
    bottom:20px;/* triangulo Encima*/
    content: "";
    left: 50%;
    position: absolute;
    z-index: 500;
    /* el triángulo inferior */
    border: solid;
    /*border-color: rgba(255,255,255, 0.2) transparent;*/
 /*   border-color: orange transparent; */
    border-color: #999 transparent;
    /* border-width: 0 6px 6px 6px; Triangulo sentido arriba*/
    border-width: 6px 6px 0 6px; /* Triangulo sentido abajo*/

  }
  
/* ------------------------- */  

.tH1 {
    display: inline;
    position: relative;
   /* opacity: .95;
   -moz-opacity: .95;
   filter:alpha(opacity=50);*/

  }
  .tH1:hover:after {
    /*top: 20px; cuadrado debajo*/
    bottom:26px;/* cuadrado Encima*/    
    content: attr(original-title); /* este es el texto que será mostrado */
    left: 20%;
    position: absolute;
   /*  z-index: 500;
    el formato gráfico */
   /*background: rgba(255,255,255, 0.2) ;*/
     background:#FFF;
    border-radius: 5px;
    color:#333; /* el color del texto */
    font-family:Verdana, Geneva, sans-serif;
    font-size: 12px;
    padding: 5px 15px;
    text-align: left;
   /* text-shadow: 1px 1px 1px #000;*/
    width: 400px;
	height: 340px;
	background-image:url(../images/mapa/mapa_h1.jpg);
	background-position:center; background-repeat:no-repeat; background-size:cover;
	border:#999 solid 1px;

  }
  .tH1:hover:before {
    /*top: 20px; triangulo debajo*/
    bottom:20px;/* triangulo Encima*/
    content: "";
    left: 50%;
    position: absolute;
    z-index: 500;
    /* el triángulo inferior */
    border: solid;
    /*border-color: rgba(255,255,255, 0.2) transparent;*/
 /*   border-color: orange transparent; */
    border-color: #999 transparent;
    /* border-width: 0 6px 6px 6px; Triangulo sentido arriba*/
    border-width: 6px 6px 0 6px; /* Triangulo sentido abajo*/

  }    


/* ------------------------- */  

.tSM {
    display: inline;
    position: relative;
   /* opacity: .95;
   -moz-opacity: .95;
   filter:alpha(opacity=50);*/

  }
  .tSM:hover:after {
    /*top: 20px; cuadrado debajo*/
    bottom:26px;/* cuadrado Encima*/    
    content: attr(original-title); /* este es el texto que será mostrado */
    left: 20%;
    position: absolute;
   /*  z-index: 500;
    el formato gráfico */
   /*background: rgba(255,255,255, 0.2) ;*/
     background:#FFF;
    border-radius: 5px;
    color:#333; /* el color del texto */
    font-family:Verdana, Geneva, sans-serif;
    font-size: 12px;
    padding: 5px 15px;
    text-align: left;
   /* text-shadow: 1px 1px 1px #000;*/
    width: 400px;
	height: 340px;
	background-image:url(../images/mapa/mapa_sm.jpg);
	background-position:center; background-repeat:no-repeat; background-size:cover;
	border:#999 solid 1px;

  }
  .tSM:hover:before {
    /*top: 20px; triangulo debajo*/
    bottom:20px;/* triangulo Encima*/
    content: "";
    left: 50%;
    position: absolute;
    z-index: 500;
    /* el triángulo inferior */
    border: solid;
    /*border-color: rgba(255,255,255, 0.2) transparent;*/
 /*   border-color: orange transparent; */
    border-color: #999 transparent;
    /* border-width: 0 6px 6px 6px; Triangulo sentido arriba*/
    border-width: 6px 6px 0 6px; /* Triangulo sentido abajo*/

  }    
  
 /* ------------------------- */  

.tSP {
    display: inline;
    position: relative;
   /* opacity: .95;
   -moz-opacity: .95;
   filter:alpha(opacity=50);*/

  }
  .tSP:hover:after {
    /*top: 20px; cuadrado debajo*/
    bottom:26px;/* cuadrado Encima*/    
    content: attr(original-title); /* este es el texto que será mostrado */
    left: 20%;
    position: absolute;
   /*  z-index: 500;
    el formato gráfico */
   /*background: rgba(255,255,255, 0.2) ;*/
     background:#FFF;
    border-radius: 5px;
    color:#333; /* el color del texto */
    font-family:Verdana, Geneva, sans-serif;
    font-size: 12px;
    padding: 5px 15px;
    text-align: left;
   /* text-shadow: 1px 1px 1px #000;*/
    width: 400px;
	height: 340px;
	background-image:url(../images/mapa/mapa_sp.jpg);
	background-position:center; background-repeat:no-repeat; background-size:cover;
	border:#999 solid 1px;

  }
  .tSP:hover:before {
    /*top: 20px; triangulo debajo*/
    bottom:20px;/* triangulo Encima*/
    content: "";
    left: 50%;
    position: absolute;
    z-index: 500;
    /* el triángulo inferior */
    border: solid;
    /*border-color: rgba(255,255,255, 0.2) transparent;*/
 /*   border-color: orange transparent; */
    border-color: #999 transparent;
    /* border-width: 0 6px 6px 6px; Triangulo sentido arriba*/
    border-width: 6px 6px 0 6px; /* Triangulo sentido abajo*/

  }    
  
/* ------------------------- */  

.tVIP {
    display: inline;
    position: relative;
   /* opacity: .95;
   -moz-opacity: .95;
   filter:alpha(opacity=50);*/

  }
  .tVIP:hover:after {
    /*top: 20px; cuadrado debajo*/
    bottom:26px;/* cuadrado Encima*/    
    content: attr(original-title); /* este es el texto que será mostrado */
    left: 20%;
    position: absolute;
   /*  z-index: 500;
    el formato gráfico */
   /*background: rgba(255,255,255, 0.2) ;*/
     background:#FFF;
    border-radius: 5px;
    color:#333; /* el color del texto */
    font-family:Verdana, Geneva, sans-serif;
    font-size: 12px;
    padding: 5px 15px;
    text-align: left;
   /* text-shadow: 1px 1px 1px #000;*/
    width: 400px;
	height: 340px;
	background-image:url(../images/mapa/mapa_vip.jpg);
	background-position:center; background-repeat:no-repeat; background-size:cover;
	border:#999 solid 1px;

  }
  .tVIP:hover:before {
    /*top: 20px; triangulo debajo*/
    bottom:20px;/* triangulo Encima*/
    content: "";
    left: 50%;
    position: absolute;
    z-index: 500;
    /* el triángulo inferior */
    border: solid;
    /*border-color: rgba(255,255,255, 0.2) transparent;*/
 /*   border-color: orange transparent; */
    border-color: #999 transparent;
    /* border-width: 0 6px 6px 6px; Triangulo sentido arriba*/
    border-width: 6px 6px 0 6px; /* Triangulo sentido abajo*/

  }    
  
/* ------------------------- */  

.tC1 {
    display: inline;
    position: relative;
   /* opacity: .95;
   -moz-opacity: .95;
   filter:alpha(opacity=50);*/

  }
  .tC1:hover:after {
    /*top: 20px; cuadrado debajo*/
    bottom:26px;/* cuadrado Encima*/    
    content: attr(original-title); /* este es el texto que será mostrado */
    left: 20%;
    position: absolute;
   /*  z-index: 500;
    el formato gráfico */
   /*background: rgba(255,255,255, 0.2) ;*/
     background:#FFF;
    border-radius: 5px;
    color:#333; /* el color del texto */
    font-family:Verdana, Geneva, sans-serif;
    font-size: 12px;
    padding: 5px 15px;
    text-align: left;
   /* text-shadow: 1px 1px 1px #000;*/
    width: 400px;
	height: 340px;
	background-image:url(../images/mapa/mapa_c1.jpg);
	background-position:center; background-repeat:no-repeat; background-size:cover;
	border:#999 solid 1px;

  }
  .tC1:hover:before {
    /*top: 20px; triangulo debajo*/
    bottom:20px;/* triangulo Encima*/
    content: "";
    left: 50%;
    position: absolute;
    z-index: 500;
    /* el triángulo inferior */
    border: solid;
    /*border-color: rgba(255,255,255, 0.2) transparent;*/
 /*   border-color: orange transparent; */
    border-color: #999 transparent;
    /* border-width: 0 6px 6px 6px; Triangulo sentido arriba*/
    border-width: 6px 6px 0 6px; /* Triangulo sentido abajo*/

  }      
    
/* ------------------------- */  

.tC2 {
    display: inline;
    position: relative;
   /* opacity: .95;
   -moz-opacity: .95;
   filter:alpha(opacity=50);*/

  }
  .tC2:hover:after {
    /*top: 20px; cuadrado debajo*/
    bottom:26px;/* cuadrado Encima*/    
    content: attr(original-title); /* este es el texto que será mostrado */
    left: 20%;
    position: absolute;
   /*  z-index: 500;
    el formato gráfico */
   /*background: rgba(255,255,255, 0.2) ;*/
     background:#FFF;
    border-radius: 5px;
    color:#333; /* el color del texto */
    font-family:Verdana, Geneva, sans-serif;
    font-size: 12px;
    padding: 5px 15px;
    text-align: left;
   /* text-shadow: 1px 1px 1px #000;*/
    width: 400px;
	height: 340px;
	background-image:url(../images/mapa/mapa_c2.jpg);
	background-position:center; background-repeat:no-repeat; background-size:cover;
	border:#999 solid 1px;

  }
  .tC2:hover:before {
    /*top: 20px; triangulo debajo*/
    bottom:20px;/* triangulo Encima*/
    content: "";
    left: 50%;
    position: absolute;
    z-index: 500;
    /* el triángulo inferior */
    border: solid;
    /*border-color: rgba(255,255,255, 0.2) transparent;*/
 /*   border-color: orange transparent; */
    border-color: #999 transparent;
    /* border-width: 0 6px 6px 6px; Triangulo sentido arriba*/
    border-width: 6px 6px 0 6px; /* Triangulo sentido abajo*/

  }
  
/* ------------------------- */  

.tC3 {
    display: inline;
    position: relative;
   /* opacity: .95;
   -moz-opacity: .95;
   filter:alpha(opacity=50);*/

  }
  .tC3:hover:after {
    /*top: 20px; cuadrado debajo*/
    bottom:26px;/* cuadrado Encima*/    
    content: attr(original-title); /* este es el texto que será mostrado */
    left: 20%;
    position: absolute;
   /*  z-index: 500;
    el formato gráfico */
   /*background: rgba(255,255,255, 0.2) ;*/
     background:#FFF;
    border-radius: 5px;
    color:#333; /* el color del texto */
    font-family:Verdana, Geneva, sans-serif;
    font-size: 12px;
    padding: 5px 15px;
    text-align: left;
   /* text-shadow: 1px 1px 1px #000;*/
    width: 400px;
	height: 340px;
	background-image:url(../images/mapa/mapa_c3.jpg);
	background-position:center; background-repeat:no-repeat; background-size:cover;
	border:#999 solid 1px;

  }
  .tC3:hover:before {
    /*top: 20px; triangulo debajo*/
    bottom:20px;/* triangulo Encima*/
    content: "";
    left: 50%;
    position: absolute;
    z-index: 500;
    /* el triángulo inferior */
    border: solid;
    /*border-color: rgba(255,255,255, 0.2) transparent;*/
 /*   border-color: orange transparent; */
    border-color: #999 transparent;
    /* border-width: 0 6px 6px 6px; Triangulo sentido arriba*/
    border-width: 6px 6px 0 6px; /* Triangulo sentido abajo*/

  }      

/* ------------------------- */  

.tC4 {
    display: inline;
    position: relative;
   /* opacity: .95;
   -moz-opacity: .95;
   filter:alpha(opacity=50);*/

  }
  .tC4:hover:after {
    /*top: 20px; cuadrado debajo*/
    bottom:26px;/* cuadrado Encima*/    
    content: attr(original-title); /* este es el texto que será mostrado */
    left: 20%;
    position: absolute;
   /*  z-index: 500;
    el formato gráfico */
   /*background: rgba(255,255,255, 0.2) ;*/
     background:#FFF;
    border-radius: 5px;
    color:#333; /* el color del texto */
    font-family:Verdana, Geneva, sans-serif;
    font-size: 12px;
    padding: 5px 15px;
    text-align: left;
   /* text-shadow: 1px 1px 1px #000;*/
    width: 400px;
	height: 340px;
	background-image:url(../images/mapa/mapa_c4.jpg);
	background-position:center; background-repeat:no-repeat; background-size:cover;
	border:#999 solid 1px;

  }
  .tC4:hover:before {
    /*top: 20px; triangulo debajo*/
    bottom:20px;/* triangulo Encima*/
    content: "";
    left: 50%;
    position: absolute;
    z-index: 500;
    /* el triángulo inferior */
    border: solid;
    /*border-color: rgba(255,255,255, 0.2) transparent;*/
 /*   border-color: orange transparent; */
    border-color: #999 transparent;
    /* border-width: 0 6px 6px 6px; Triangulo sentido arriba*/
    border-width: 6px 6px 0 6px; /* Triangulo sentido abajo*/

  }    
  
 /* ------------------------- */  

.tC5 {
    display: inline;
    position: relative;
   /* opacity: .95;
   -moz-opacity: .95;
   filter:alpha(opacity=50);*/

  }
  .tC5:hover:after {
    /*top: 20px; cuadrado debajo*/
    bottom:26px;/* cuadrado Encima*/    
    content: attr(original-title); /* este es el texto que será mostrado */
    left: 20%;
    position: absolute;
   /*  z-index: 500;
    el formato gráfico */
   /*background: rgba(255,255,255, 0.2) ;*/
     background:#FFF;
    border-radius: 5px;
    color:#333; /* el color del texto */
    font-family:Verdana, Geneva, sans-serif;
    font-size: 12px;
    padding: 5px 15px;
    text-align: left;
   /* text-shadow: 1px 1px 1px #000;*/
    width: 400px;
	height: 340px;
	background-image:url(../images/mapa/mapa_c5.jpg);
	background-position:center; background-repeat:no-repeat; background-size:cover;
	border:#999 solid 1px;

  }
  .tC5:hover:before {
    /*top: 20px; triangulo debajo*/
    bottom:20px;/* triangulo Encima*/
    content: "";
    left: 50%;
    position: absolute;
    z-index: 500;
    /* el triángulo inferior */
    border: solid;
    /*border-color: rgba(255,255,255, 0.2) transparent;*/
 /*   border-color: orange transparent; */
    border-color: #999 transparent;
    /* border-width: 0 6px 6px 6px; Triangulo sentido arriba*/
    border-width: 6px 6px 0 6px; /* Triangulo sentido abajo*/

  }       
  
/* ------------------------- */  

.tC6 {
    display: inline;
    position: relative;
   /* opacity: .95;
   -moz-opacity: .95;
   filter:alpha(opacity=50);*/

  }
  .tC6:hover:after {
    /*top: 20px; cuadrado debajo*/
    bottom:26px;/* cuadrado Encima*/    
    content: attr(original-title); /* este es el texto que será mostrado */
    left: 20%;
    position: absolute;
   /*  z-index: 500;
    el formato gráfico */
   /*background: rgba(255,255,255, 0.2) ;*/
     background:#FFF;
    border-radius: 5px;
    color:#333; /* el color del texto */
    font-family:Verdana, Geneva, sans-serif;
    font-size: 12px;
    padding: 5px 15px;
    text-align: left;
   /* text-shadow: 1px 1px 1px #000;*/
    width: 400px;
	height: 340px;
	background-image:url(../images/mapa/mapa_c6.jpg);
	background-position:center; background-repeat:no-repeat; background-size:cover;
	border:#999 solid 1px;

  }
  .tC6:hover:before {
    /*top: 20px; triangulo debajo*/
    bottom:20px;/* triangulo Encima*/
    content: "";
    left: 50%;
    position: absolute;
    z-index: 500;
    /* el triángulo inferior */
    border: solid;
    /*border-color: rgba(255,255,255, 0.2) transparent;*/
 /*   border-color: orange transparent; */
    border-color: #999 transparent;
    /* border-width: 0 6px 6px 6px; Triangulo sentido arriba*/
    border-width: 6px 6px 0 6px; /* Triangulo sentido abajo*/

  }        
  
 /* ------------------------- */  

.tC7 {
    display: inline;
    position: relative;
   /* opacity: .95;
   -moz-opacity: .95;
   filter:alpha(opacity=50);*/

  }
  .tC7:hover:after {
    /*top: 20px; cuadrado debajo*/
    bottom:26px;/* cuadrado Encima*/    
    content: attr(original-title); /* este es el texto que será mostrado */
    left: 20%;
    position: absolute;
   /*  z-index: 500;
    el formato gráfico */
   /*background: rgba(255,255,255, 0.2) ;*/
     background:#FFF;
    border-radius: 5px;
    color:#333; /* el color del texto */
    font-family:Verdana, Geneva, sans-serif;
    font-size: 12px;
    padding: 5px 15px;
    text-align: left;
   /* text-shadow: 1px 1px 1px #000;*/
    width: 400px;
	height: 340px;
	background-image:url(../images/mapa/mapa_c7.jpg);
	background-position:center; background-repeat:no-repeat; background-size:cover;
	border:#999 solid 1px;

  }
  .tC7:hover:before {
    /*top: 20px; triangulo debajo*/
    bottom:20px;/* triangulo Encima*/
    content: "";
    left: 50%;
    position: absolute;
    z-index: 500;
    /* el triángulo inferior */
    border: solid;
    /*border-color: rgba(255,255,255, 0.2) transparent;*/
 /*   border-color: orange transparent; */
    border-color: #999 transparent;
    /* border-width: 0 6px 6px 6px; Triangulo sentido arriba*/
    border-width: 6px 6px 0 6px; /* Triangulo sentido abajo*/

  }         
/* ------------------------- */  

.tC8 {
    display: inline;
    position: relative;
   /* opacity: .95;
   -moz-opacity: .95;
   filter:alpha(opacity=50);*/

  }
  .tC8:hover:after {
    /*top: 20px; cuadrado debajo*/
    bottom:26px;/* cuadrado Encima*/    
    content: attr(original-title); /* este es el texto que será mostrado */
    left: 20%;
    position: absolute;
   /*  z-index: 500;
    el formato gráfico */
   /*background: rgba(255,255,255, 0.2) ;*/
     background:#FFF;
    border-radius: 5px;
    color:#333; /* el color del texto */
    font-family:Verdana, Geneva, sans-serif;
    font-size: 12px;
    padding: 5px 15px;
    text-align: left;
   /* text-shadow: 1px 1px 1px #000;*/
    width: 400px;
	height: 340px;
	background-image:url(../images/mapa/mapa_c8.jpg);
	background-position:center; background-repeat:no-repeat; background-size:cover;
	border:#999 solid 1px;

  }
  .tC8:hover:before {
    /*top: 20px; triangulo debajo*/
    bottom:20px;/* triangulo Encima*/
    content: "";
    left: 50%;
    position: absolute;
    z-index: 500;
    /* el triángulo inferior */
    border: solid;
    /*border-color: rgba(255,255,255, 0.2) transparent;*/
 /*   border-color: orange transparent; */
    border-color: #999 transparent;
    /* border-width: 0 6px 6px 6px; Triangulo sentido arriba*/
    border-width: 6px 6px 0 6px; /* Triangulo sentido abajo*/

  }      

/* ------------------------- */  

.tC9 {
    display: inline;
    position: relative;
   /* opacity: .95;
   -moz-opacity: .95;
   filter:alpha(opacity=50);*/

  }
  .tC9:hover:after {
    /*top: 20px; cuadrado debajo*/
    bottom:26px;/* cuadrado Encima*/    
    content: attr(original-title); /* este es el texto que será mostrado */
    left: 20%;
    position: absolute;
   /*  z-index: 500;
    el formato gráfico */
   /*background: rgba(255,255,255, 0.2) ;*/
     background:#FFF;
    border-radius: 5px;
    color:#333; /* el color del texto */
    font-family:Verdana, Geneva, sans-serif;
    font-size: 12px;
    padding: 5px 15px;
    text-align: left;
   /* text-shadow: 1px 1px 1px #000;*/
    width: 400px;
	height: 340px;
	background-image:url(../images/mapa/mapa_c9.jpg);
	background-position:center; background-repeat:no-repeat; background-size:cover;
	border:#999 solid 1px;

  }
  .tC9:hover:before {
    /*top: 20px; triangulo debajo*/
    bottom:20px;/* triangulo Encima*/
    content: "";
    left: 50%;
    position: absolute;
    z-index: 500;
    /* el triángulo inferior */
    border: solid;
    /*border-color: rgba(255,255,255, 0.2) transparent;*/
 /*   border-color: orange transparent; */
    border-color: #999 transparent;
    /* border-width: 0 6px 6px 6px; Triangulo sentido arriba*/
    border-width: 6px 6px 0 6px; /* Triangulo sentido abajo*/

  }      
  
  
/* ------------------------- */  

.tC12 {
    display: inline;
    position: relative;
   /* opacity: .95;
   -moz-opacity: .95;
   filter:alpha(opacity=50);*/

  }
  .tC12:hover:after {
    /*top: 20px; cuadrado debajo*/
    bottom:26px;/* cuadrado Encima*/    
    content: attr(original-title); /* este es el texto que será mostrado */
    left: 20%;
    position: absolute;
   /*  z-index: 500;
    el formato gráfico */
   /*background: rgba(255,255,255, 0.2) ;*/
     background:#FFF;
    border-radius: 5px;
    color:#333; /* el color del texto */
    font-family:Verdana, Geneva, sans-serif;
    font-size: 12px;
    padding: 5px 15px;
    text-align: left;
   /* text-shadow: 1px 1px 1px #000;*/
    width: 400px;
	height: 340px;
	background-image:url(../images/mapa/mapa_c12.jpg);
	background-position:center; background-repeat:no-repeat; background-size:cover;
	border:#999 solid 1px;

  }
  .tC12:hover:before {
    /*top: 20px; triangulo debajo*/
    bottom:20px;/* triangulo Encima*/
    content: "";
    left: 50%;
    position: absolute;
    z-index: 500;
    /* el triángulo inferior */
    border: solid;
    /*border-color: rgba(255,255,255, 0.2) transparent;*/
 /*   border-color: orange transparent; */
    border-color: #999 transparent;
    /* border-width: 0 6px 6px 6px; Triangulo sentido arriba*/
    border-width: 6px 6px 0 6px; /* Triangulo sentido abajo*/

  }      
  
  /* ------------------------- */  

.tC34 {
    display: inline;
    position: relative;
   /* opacity: .95;
   -moz-opacity: .95;
   filter:alpha(opacity=50);*/

  }
  .tC34:hover:after {
    /*top: 20px; cuadrado debajo*/
    bottom:26px;/* cuadrado Encima*/    
    content: attr(original-title); /* este es el texto que será mostrado */
    left: 20%;
    position: absolute;
   /*  z-index: 500;
    el formato gráfico */
   /*background: rgba(255,255,255, 0.2) ;*/
     background:#FFF;
    border-radius: 5px;
    color:#333; /* el color del texto */
    font-family:Verdana, Geneva, sans-serif;
    font-size: 12px;
    padding: 5px 15px;
    text-align: left;
   /* text-shadow: 1px 1px 1px #000;*/
    width: 400px;
	height: 340px;
	background-image:url(../images/mapa/mapa_c34.jpg);
	background-position:center; background-repeat:no-repeat; background-size:cover;
	border:#999 solid 1px;

  }
  .tC34:hover:before {
    /*top: 20px; triangulo debajo*/
    bottom:20px;/* triangulo Encima*/
    content: "";
    left: 50%;
    position: absolute;
    z-index: 500;
    /* el triángulo inferior */
    border: solid;
    /*border-color: rgba(255,255,255, 0.2) transparent;*/
 /*   border-color: orange transparent; */
    border-color: #999 transparent;
    /* border-width: 0 6px 6px 6px; Triangulo sentido arriba*/
    border-width: 6px 6px 0 6px; /* Triangulo sentido abajo*/

  }      

/* ------------------------- */  


.tC78 {
    display: inline;
    position: relative;
   /* opacity: .95;
   -moz-opacity: .95;
   filter:alpha(opacity=50);*/

  }
  .tC78:hover:after {
    /*top: 20px; cuadrado debajo*/
    bottom:26px;/* cuadrado Encima*/    
    content: attr(original-title); /* este es el texto que será mostrado */
    left: 20%;
    position: absolute;
   /*  z-index: 500;
    el formato gráfico */
   /*background: rgba(255,255,255, 0.2) ;*/
     background:#FFF;
    border-radius: 5px;
    color:#333; /* el color del texto */
    font-family:Verdana, Geneva, sans-serif;
    font-size: 12px;
    padding: 5px 15px;
    text-align: left;
   /* text-shadow: 1px 1px 1px #000;*/
    width: 400px;
	height: 340px;
	background-image:url(../images/mapa/mapa_c78.jpg);
	background-position:center; background-repeat:no-repeat; background-size:cover;
	border:#999 solid 1px;

  }
  .tC78:hover:before {
    /*top: 20px; triangulo debajo*/
    bottom:20px;/* triangulo Encima*/
    content: "";
    left: 50%;
    position: absolute;
    z-index: 500;
    /* el triángulo inferior */
    border: solid;
    /*border-color: rgba(255,255,255, 0.2) transparent;*/
 /*   border-color: orange transparent; */
    border-color: #999 transparent;
    /* border-width: 0 6px 6px 6px; Triangulo sentido arriba*/
    border-width: 6px 6px 0 6px; /* Triangulo sentido abajo*/

  }      

/* ------------------------- */  

.tC789 {
    display: inline;
    position: relative;
   /* opacity: .95;
   -moz-opacity: .95;
   filter:alpha(opacity=50);*/

  }
  .tC789:hover:after {
    /*top: 20px; cuadrado debajo*/
    bottom:26px;/* cuadrado Encima*/    
    content: attr(original-title); /* este es el texto que será mostrado */
    left: 20%;
    position: absolute;
   /*  z-index: 500;
    el formato gráfico */
   /*background: rgba(255,255,255, 0.2) ;*/
     background:#FFF;
    border-radius: 5px;
    color:#333; /* el color del texto */
    font-family:Verdana, Geneva, sans-serif;
    font-size: 12px;
    padding: 5px 15px;
    text-align: left;
   /* text-shadow: 1px 1px 1px #000;*/
    width: 400px;
	height: 340px;
	background-image:url(../images/mapa/mapa_c789.jpg);
	background-position:center; background-repeat:no-repeat; background-size:cover;
	border:#999 solid 1px;

  }
  .tC789:hover:before {
    /*top: 20px; triangulo debajo*/
    bottom:20px;/* triangulo Encima*/
    content: "";
    left: 50%;
    position: absolute;
    z-index: 500;
    /* el triángulo inferior */
    border: solid;
    /*border-color: rgba(255,255,255, 0.2) transparent;*/
 /*   border-color: orange transparent; */
    border-color: #999 transparent;
    /* border-width: 0 6px 6px 6px; Triangulo sentido arriba*/
    border-width: 6px 6px 0 6px; /* Triangulo sentido abajo*/

  }      
    
  
  /* ------------------------- */  

.tGS {
    display: inline;
    position: relative;
   /* opacity: .95;
   -moz-opacity: .95;
   filter:alpha(opacity=50);*/

  }
  .tGS:hover:after {
    /*top: 20px; cuadrado debajo*/
    bottom:26px;/* cuadrado Encima*/    
    content: attr(original-title); /* este es el texto que será mostrado */
    left: 20%;
    position: absolute;
   /*  z-index: 500;
    el formato gráfico */
   /*background: rgba(255,255,255, 0.2) ;*/
     background:#FFF;
    border-radius: 5px;
    color:#333; /* el color del texto */
    font-family:Verdana, Geneva, sans-serif;
    font-size: 12px;
    padding: 5px 15px;
    text-align: left;
   /* text-shadow: 1px 1px 1px #000;*/
    width: 400px;
	height: 340px;
	background-image:url(../images/mapa/mapa_gs.jpg);
	background-position:center; background-repeat:no-repeat; background-size:cover;
	border:#999 solid 1px;

  }
  .tGS:hover:before {
    /*top: 20px; triangulo debajo*/
    bottom:20px;/* triangulo Encima*/
    content: "";
    left: 50%;
    position: absolute;
    z-index: 500;
    /* el triángulo inferior */
    border: solid;
    /*border-color: rgba(255,255,255, 0.2) transparent;*/
 /*   border-color: orange transparent; */
    border-color: #999 transparent;
    /* border-width: 0 6px 6px 6px; Triangulo sentido arriba*/
    border-width: 6px 6px 0 6px; /* Triangulo sentido abajo*/

  }      
  
/* ------------------------- */  

.tS1 {
    display: inline;
    position: relative;
   /* opacity: .95;
   -moz-opacity: .95;
   filter:alpha(opacity=50);*/

  }
  .tS1:hover:after {
    /*top: 20px; cuadrado debajo*/
    bottom:26px;/* cuadrado Encima*/    
    content: attr(original-title); /* este es el texto que será mostrado */
    left: 20%;
    position: absolute;
   /*  z-index: 500;
    el formato gráfico */
   /*background: rgba(255,255,255, 0.2) ;*/
     background:#FFF;
    border-radius: 5px;
    color:#333; /* el color del texto */
    font-family:Verdana, Geneva, sans-serif;
    font-size: 12px;
    padding: 5px 15px;
    text-align: left;
   /* text-shadow: 1px 1px 1px #000;*/
    width: 400px;
	height: 340px;
	background-image:url(../images/mapa/mapa_s1.jpg);
	background-position:center; background-repeat:no-repeat; background-size:cover;
	border:#999 solid 1px;

  }
  .tS1:hover:before {
    /*top: 20px; triangulo debajo*/
    bottom:20px;/* triangulo Encima*/
    content: "";
    left: 50%;
    position: absolute;
    z-index: 500;
    /* el triángulo inferior */
    border: solid;
    /*border-color: rgba(255,255,255, 0.2) transparent;*/
 /*   border-color: orange transparent; */
    border-color: #999 transparent;
    /* border-width: 0 6px 6px 6px; Triangulo sentido arriba*/
    border-width: 6px 6px 0 6px; /* Triangulo sentido abajo*/

  }        
  
  /* ------------------------- */  

.tS2 {
    display: inline;
    position: relative;
   /* opacity: .95;
   -moz-opacity: .95;
   filter:alpha(opacity=50);*/

  }
  .tS2:hover:after {
    /*top: 20px; cuadrado debajo*/
    bottom:26px;/* cuadrado Encima*/    
    content: attr(original-title); /* este es el texto que será mostrado */
    left: 20%;
    position: absolute;
   /*  z-index: 500;
    el formato gráfico */
   /*background: rgba(255,255,255, 0.2) ;*/
     background:#FFF;
    border-radius: 5px;
    color:#333; /* el color del texto */
    font-family:Verdana, Geneva, sans-serif;
    font-size: 12px;
    padding: 5px 15px;
    text-align: left;
   /* text-shadow: 1px 1px 1px #000;*/
    width: 400px;
	height: 340px;
	background-image:url(../images/mapa/mapa_s2.jpg);
	background-position:center; background-repeat:no-repeat; background-size:cover;
	border:#999 solid 1px;

  }
  .tS2:hover:before {
    /*top: 20px; triangulo debajo*/
    bottom:20px;/* triangulo Encima*/
    content: "";
    left: 50%;
    position: absolute;
    z-index: 500;
    /* el triángulo inferior */
    border: solid;
    /*border-color: rgba(255,255,255, 0.2) transparent;*/
 /*   border-color: orange transparent; */
    border-color: #999 transparent;
    /* border-width: 0 6px 6px 6px; Triangulo sentido arriba*/
    border-width: 6px 6px 0 6px; /* Triangulo sentido abajo*/

  }        
  
 /* ------------------------- */  

.tS3 {
    display: inline;
    position: relative;
   /* opacity: .95;
   -moz-opacity: .95;
   filter:alpha(opacity=50);*/

  }
  .tS3:hover:after {
    /*top: 20px; cuadrado debajo*/
    bottom:26px;/* cuadrado Encima*/    
    content: attr(original-title); /* este es el texto que será mostrado */
    left: 20%;
    position: absolute;
   /*  z-index: 500;
    el formato gráfico */
   /*background: rgba(255,255,255, 0.2) ;*/
     background:#FFF;
    border-radius: 5px;
    color:#333; /* el color del texto */
    font-family:Verdana, Geneva, sans-serif;
    font-size: 12px;
    padding: 5px 15px;
    text-align: left;
   /* text-shadow: 1px 1px 1px #000;*/
    width: 400px;
	height: 340px;
	background-image:url(../images/mapa/mapa_s3.jpg);
	background-position:center; background-repeat:no-repeat; background-size:cover;
	border:#999 solid 1px;

  }
  .tS3:hover:before {
    /*top: 20px; triangulo debajo*/
    bottom:20px;/* triangulo Encima*/
    content: "";
    left: 50%;
    position: absolute;
    z-index: 500;
    /* el triángulo inferior */
    border: solid;
    /*border-color: rgba(255,255,255, 0.2) transparent;*/
 /*   border-color: orange transparent; */
    border-color: #999 transparent;
    /* border-width: 0 6px 6px 6px; Triangulo sentido arriba*/
    border-width: 6px 6px 0 6px; /* Triangulo sentido abajo*/

  }        
   
/* ------------------------- */  

.tS4 {
    display: inline;
    position: relative;
   /* opacity: .95;
   -moz-opacity: .95;
   filter:alpha(opacity=50);*/

  }
  .tS4:hover:after {
    /*top: 20px; cuadrado debajo*/
    bottom:26px;/* cuadrado Encima*/    
    content: attr(original-title); /* este es el texto que será mostrado */
    left: 20%;
    position: absolute;
   /*  z-index: 500;
    el formato gráfico */
   /*background: rgba(255,255,255, 0.2) ;*/
     background:#FFF;
    border-radius: 5px;
    color:#333; /* el color del texto */
    font-family:Verdana, Geneva, sans-serif;
    font-size: 12px;
    padding: 5px 15px;
    text-align: left;
   /* text-shadow: 1px 1px 1px #000;*/
    width: 400px;
	height: 340px;
	background-image:url(../images/mapa/mapa_s4.jpg);
	background-position:center; background-repeat:no-repeat; background-size:cover;
	border:#999 solid 1px;

  }
  .tS4:hover:before {
    /*top: 20px; triangulo debajo*/
    bottom:20px;/* triangulo Encima*/
    content: "";
    left: 50%;
    position: absolute;
    z-index: 500;
    /* el triángulo inferior */
    border: solid;
    /*border-color: rgba(255,255,255, 0.2) transparent;*/
 /*   border-color: orange transparent; */
    border-color: #999 transparent;
    /* border-width: 0 6px 6px 6px; Triangulo sentido arriba*/
    border-width: 6px 6px 0 6px; /* Triangulo sentido abajo*/

  }        
    
 /* ------------------------- */  

.tS5 {
    display: inline;
    position: relative;
   /* opacity: .95;
   -moz-opacity: .95;
   filter:alpha(opacity=50);*/

  }
  .tS5:hover:after {
    /*top: 20px; cuadrado debajo*/
    bottom:26px;/* cuadrado Encima*/    
    content: attr(original-title); /* este es el texto que será mostrado */
    left: 20%;
    position: absolute;
   /*  z-index: 500;
    el formato gráfico */
   /*background: rgba(255,255,255, 0.2) ;*/
     background:#FFF;
    border-radius: 5px;
    color:#333; /* el color del texto */
    font-family:Verdana, Geneva, sans-serif;
    font-size: 12px;
    padding: 5px 15px;
    text-align: left;
   /* text-shadow: 1px 1px 1px #000;*/
    width: 400px;
	height: 340px;
	background-image:url(../images/mapa/mapa_s5.jpg);
	background-position:center; background-repeat:no-repeat; background-size:cover;
	border:#999 solid 1px;

  }
  .tS5:hover:before {
    /*top: 20px; triangulo debajo*/
    bottom:20px;/* triangulo Encima*/
    content: "";
    left: 50%;
    position: absolute;
    z-index: 500;
    /* el triángulo inferior */
    border: solid;
    /*border-color: rgba(255,255,255, 0.2) transparent;*/
 /*   border-color: orange transparent; */
    border-color: #999 transparent;
    /* border-width: 0 6px 6px 6px; Triangulo sentido arriba*/
    border-width: 6px 6px 0 6px; /* Triangulo sentido abajo*/

  }        
 
  /* ------------------------- */  

.tS6 {
    display: inline;
    position: relative;
   /* opacity: .95;
   -moz-opacity: .95;
   filter:alpha(opacity=50);*/

  }
  .tS6:hover:after {
    /*top: 20px; cuadrado debajo*/
    bottom:26px;/* cuadrado Encima*/    
    content: attr(original-title); /* este es el texto que será mostrado */
    left: 20%;
    position: absolute;
   /*  z-index: 500;
    el formato gráfico */
   /*background: rgba(255,255,255, 0.2) ;*/
     background:#FFF;
    border-radius: 5px;
    color:#333; /* el color del texto */
    font-family:Verdana, Geneva, sans-serif;
    font-size: 12px;
    padding: 5px 15px;
    text-align: left;
   /* text-shadow: 1px 1px 1px #000;*/
    width: 400px;
	height: 340px;
	background-image:url(../images/mapa/mapa_s6.jpg);
	background-position:center; background-repeat:no-repeat; background-size:cover;
	border:#999 solid 1px;

  }
  .tS6:hover:before {
    /*top: 20px; triangulo debajo*/
    bottom:20px;/* triangulo Encima*/
    content: "";
    left: 50%;
    position: absolute;
    z-index: 500;
    /* el triángulo inferior */
    border: solid;
    /*border-color: rgba(255,255,255, 0.2) transparent;*/
 /*   border-color: orange transparent; */
    border-color: #999 transparent;
    /* border-width: 0 6px 6px 6px; Triangulo sentido arriba*/
    border-width: 6px 6px 0 6px; /* Triangulo sentido abajo*/

  }        
   
 
 
 /* ------------------------- */  

.tS56 {
    display: inline;
    position: relative;
   /* opacity: .95;
   -moz-opacity: .95;
   filter:alpha(opacity=50);*/

  }
  .tS56:hover:after {
    /*top: 20px; cuadrado debajo*/
    bottom:26px;/* cuadrado Encima*/    
    content: attr(original-title); /* este es el texto que será mostrado */
    left: 20%;
    position: absolute;
   /*  z-index: 500;
    el formato gráfico */
   /*background: rgba(255,255,255, 0.2) ;*/
     background:#FFF;
    border-radius: 5px;
    color:#333; /* el color del texto */
    font-family:Verdana, Geneva, sans-serif;
    font-size: 12px;
    padding: 5px 15px;
    text-align: left;
   /* text-shadow: 1px 1px 1px #000;*/
    width: 400px;
	height: 340px;
	background-image:url(../images/mapa/mapa_s56.jpg);
	background-position:center; background-repeat:no-repeat; background-size:cover;
	border:#999 solid 1px;

  }
  .tS56:hover:before {
    /*top: 20px; triangulo debajo*/
    bottom:20px;/* triangulo Encima*/
    content: "";
    left: 50%;
    position: absolute;
    z-index: 500;
    /* el triángulo inferior */
    border: solid;
    /*border-color: rgba(255,255,255, 0.2) transparent;*/
 /*   border-color: orange transparent; */
    border-color: #999 transparent;
    /* border-width: 0 6px 6px 6px; Triangulo sentido arriba*/
    border-width: 6px 6px 0 6px; /* Triangulo sentido abajo*/

  }
  

 /* ------------------------- */  

.tS12 {
    display: inline;
    position: relative;
   /* opacity: .95;
   -moz-opacity: .95;
   filter:alpha(opacity=50);*/

  }
  .tS12:hover:after {
    /*top: 20px; cuadrado debajo*/
    bottom:26px;/* cuadrado Encima*/    
    content: attr(original-title); /* este es el texto que será mostrado */
    left: 20%;
    position: absolute;
   /*  z-index: 500;
    el formato gráfico */
   /*background: rgba(255,255,255, 0.2) ;*/
     background:#FFF;
    border-radius: 5px;
    color:#333; /* el color del texto */
    font-family:Verdana, Geneva, sans-serif;
    font-size: 12px;
    padding: 5px 15px;
    text-align: left;
   /* text-shadow: 1px 1px 1px #000;*/
    width: 400px;
	height: 340px;
	background-image:url(../images/mapa/mapa_s12.jpg);
	background-position:center; background-repeat:no-repeat; background-size:cover;
	border:#999 solid 1px;

  }
  .tS12:hover:before {
    /*top: 20px; triangulo debajo*/
    bottom:20px;/* triangulo Encima*/
    content: "";
    left: 50%;
    position: absolute;
    z-index: 500;
    /* el triángulo inferior */
    border: solid;
    /*border-color: rgba(255,255,255, 0.2) transparent;*/
 /*   border-color: orange transparent; */
    border-color: #999 transparent;
    /* border-width: 0 6px 6px 6px; Triangulo sentido arriba*/
    border-width: 6px 6px 0 6px; /* Triangulo sentido abajo*/

  }
  

 /* ------------------------- */  
   
   


.tCM {
    display: inline;
    position: relative;
   /* opacity: .95;
   -moz-opacity: .95;
   filter:alpha(opacity=50);*/

  }
  .tCM:hover:after {
    /*top: 20px; cuadrado debajo*/
    bottom:26px;/* cuadrado Encima*/    
    content: attr(original-title); /* este es el texto que será mostrado */
    left: 20%;
    position: absolute;
   /*  z-index: 500;
    el formato gráfico */
   /*background: rgba(255,255,255, 0.2) ;*/
     background:#FFF;
    border-radius: 5px;
    color:#333; /* el color del texto */
    font-family:Verdana, Geneva, sans-serif;
    font-size: 12px;
    padding: 5px 15px;
    text-align: left;
   /* text-shadow: 1px 1px 1px #000;*/
    width: 400px;
	height: 340px;
	background-image:url(../images/mapa/mapa_cm.jpg);
	background-position:center; background-repeat:no-repeat; background-size:cover;
	border:#999 solid 1px;

  }
  .tCM:hover:before {
    /*top: 20px; triangulo debajo*/
    bottom:20px;/* triangulo Encima*/
    content: "";
    left: 50%;
    position: absolute;
    z-index: 500;
    /* el triángulo inferior */
    border: solid;
    /*border-color: rgba(255,255,255, 0.2) transparent;*/
 /*   border-color: orange transparent; */
    border-color: #999 transparent;
    /* border-width: 0 6px 6px 6px; Triangulo sentido arriba*/
    border-width: 6px 6px 0 6px; /* Triangulo sentido abajo*/

  }
  

 /* ------------------------- */  

   
   
  .tMcolor {
    display: inline;
    position: relative;
   /* opacity: .95;
   -moz-opacity: .95;
   filter:alpha(opacity=50);*/

  }
  .tMcolor:hover:after {
    /*top: 20px; cuadrado debajo*/
    bottom:26px;/* cuadrado Encima*/    
    content: attr(original-title); /* este es el texto que será mostrado */
    left: 20%;
    position: absolute;
   /*  z-index: 500;
    el formato gráfico */
   /*background: rgba(255,255,255, 0.2) ;*/
     background:#FFF;
    border-radius: 5px;
    color:#333; /* el color del texto */
    font-family:Verdana, Geneva, sans-serif;
    font-size: 12px;
    padding: 5px 15px;
    text-align: left;
   /* text-shadow: 1px 1px 1px #000;*/
    width: 400px;
	height: 340px;
	background-image:url(../images/mapa/mapa_color.jpg);
	background-position:center; background-repeat:no-repeat; background-size:cover;
	border:#999 solid 1px;

  }
  .tMcolor:hover:before {
    /*top: 20px; triangulo debajo*/
    bottom:20px;/* triangulo Encima*/
    content: "";
    left: 50%;
    position: absolute;
    z-index: 500;
    /* el triángulo inferior */
    border: solid;
    /*border-color: rgba(255,255,255, 0.2) transparent;*/
 /*   border-color: orange transparent; */
    border-color: #999 transparent;
    /* border-width: 0 6px 6px 6px; Triangulo sentido arriba*/
    border-width: 6px 6px 0 6px; /* Triangulo sentido abajo*/

  }                
 
 /* ------------------------- */  
   
  .tMmoravia {
    display: inline;
    position: relative;
   /* opacity: .95;
   -moz-opacity: .95;
   filter:alpha(opacity=50);*/

  }
  .tMmoravia:hover:after {
    /*top: 20px; cuadrado debajo*/
    bottom:26px;/* cuadrado Encima*/    
    content: attr(original-title); /* este es el texto que será mostrado */
    left: 20%;
    position: absolute;
   /*  z-index: 500;
    el formato gráfico */
   /*background: rgba(255,255,255, 0.2) ;*/
     background:#FFF;
    border-radius: 5px;
    color:#333; /* el color del texto */
    font-family:Verdana, Geneva, sans-serif;
    font-size: 12px;
    padding: 5px 15px;
    text-align: left;
   /* text-shadow: 1px 1px 1px #000;*/
    width: 400px;
	height: 340px;
	background-image:url(../images/mapa/mapa_moravia.jpg);
	background-position:center; background-repeat:no-repeat; background-size:cover;
	border:#999 solid 1px;

  }
  .tMmoravia:hover:before {
    /*top: 20px; triangulo debajo*/
    bottom:20px;/* triangulo Encima*/
    content: "";
    left: 50%;
    position: absolute;
    z-index: 500;
    /* el triángulo inferior */
    border: solid;
    /*border-color: rgba(255,255,255, 0.2) transparent;*/
 /*   border-color: orange transparent; */
    border-color: #999 transparent;
    /* border-width: 0 6px 6px 6px; Triangulo sentido arriba*/
    border-width: 6px 6px 0 6px; /* Triangulo sentido abajo*/

  } 
 
 /* ------------------------- */  
   
  .tMmemoria {
    display: inline;
    position: relative;
   /* opacity: .95;
   -moz-opacity: .95;
   filter:alpha(opacity=50);*/

  }
  .tMmemoria:hover:after {
    /*top: 20px; cuadrado debajo*/
    bottom:26px;/* cuadrado Encima*/    
    content: attr(original-title); /* este es el texto que será mostrado */
    left: 20%;
    position: absolute;
   /*  z-index: 500;
    el formato gráfico */
   /*background: rgba(255,255,255, 0.2) ;*/
     background:#FFF;
    border-radius: 5px;
    color:#333; /* el color del texto */
    font-family:Verdana, Geneva, sans-serif;
    font-size: 12px;
    padding: 5px 15px;
    text-align: left;
   /* text-shadow: 1px 1px 1px #000;*/
    width: 400px;
	height: 340px;
	background-image:url(../images/mapa/mapa_casa_museo.jpg);
	background-position:center; background-repeat:no-repeat; background-size:cover;
	border:#999 solid 1px;

  }
  .tMmemoria:hover:before {
    /*top: 20px; triangulo debajo*/
    bottom:20px;/* triangulo Encima*/
    content: "";
    left: 50%;
    position: absolute;
    z-index: 500;
    /* el triángulo inferior */
    border: solid;
    /*border-color: rgba(255,255,255, 0.2) transparent;*/
 /*   border-color: orange transparent; */
    border-color: #999 transparent;
    /* border-width: 0 6px 6px 6px; Triangulo sentido arriba*/
    border-width: 6px 6px 0 6px; /* Triangulo sentido abajo*/

  } 

/* ------------------------- */  

   
  .tTryp {
    display: inline;
    position: relative;
   /* opacity: .95;
   -moz-opacity: .95;
   filter:alpha(opacity=50);*/

  }
  .tTryp:hover:after {
    /*top: 20px; cuadrado debajo*/
    bottom:26px;/* cuadrado Encima*/    
    content: attr(original-title); /* este es el texto que será mostrado */
    left: 20%;
    position: absolute;
   /*  z-index: 500;
    el formato gráfico */
   /*background: rgba(255,255,255, 0.2) ;*/
     background:#FFF;
    border-radius: 5px;
    color:#333; /* el color del texto */
    font-family:Verdana, Geneva, sans-serif;
    font-size: 12px;
    padding: 5px 15px;
    text-align: left;
   /* text-shadow: 1px 1px 1px #000;*/
    width: 400px;
	height: 340px;
	background-image:url(../images/mapa/mapa_tryp.jpg);
	background-position:center; background-repeat:no-repeat; background-size:cover;
	border:#999 solid 1px;

  }
  .tTryp:hover:before {
    /*top: 20px; triangulo debajo*/
    bottom:20px;/* triangulo Encima*/
    content: "";
    left: 50%;
    position: absolute;
    z-index: 500;
    /* el triángulo inferior */
    border: solid;
    /*border-color: rgba(255,255,255, 0.2) transparent;*/
 /*   border-color: orange transparent; */
    border-color: #999 transparent;
    /* border-width: 0 6px 6px 6px; Triangulo sentido arriba*/
    border-width: 6px 6px 0 6px; /* Triangulo sentido abajo*/

  } 

/* ------------------------- */  

 
 
link_mapa:link {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #36C;
	font-weight: normal;
	text-decoration: none;
	line-height: normal;
	text-transform: none;
}
link_mapa:visited {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #36C;
	font-weight: normal;
	text-decoration: none;
}
link_mapa:hover {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	font-weight: normal;
	text-decoration: none;
}

/* ------------------------- */  

 
 

/* ------------------------- */  

   
  .tayudamisactiv {
    display: inline;
    position: relative;
   /* opacity: .95;
   -moz-opacity: .95;
   filter:alpha(opacity=50);*/

  }
  .tayudamisactiv:hover:after {
    top: 20px; /*cuadrado debajo*/
   /* bottom:26px; cuadrado Encima*/    
    content: attr(original-title); /* este es el texto que será mostrado */
   /* left: 20%;*/
	right:-20%; 
    position: absolute;
   /*  z-index: 500;
    el formato gráfico */
   /*background: rgba(255,255,255, 0.2) ;*/
     background:#FFF;
    border-radius: 5px;
    color:#333; /* el color del texto */
    font-family:Verdana, Geneva, sans-serif;
    font-size: 12px;
    padding: 5px 15px;
    text-align: left;
   /* text-shadow: 1px 1px 1px #000;*/
    width: 400px;
	height: 340px;
	background-image:url(../images/mapa/ayuda_mis_actividades.jpg);
	background-position:center; background-repeat:no-repeat; background-size:cover;
	border:#999 solid 1px;

  }
  .tayudamisactiv:hover:before {
    top: 15px; /*triangulo debajo*/
   /* bottom:20px; triangulo Encima*/
    content: "";
    left: 50%;
    position: absolute;
    z-index: 500;
    /* el triángulo inferior */
    border: solid;
    /*border-color: rgba(255,255,255, 0.2) transparent;*/
 /*   border-color: orange transparent; */
    border-color: #999 transparent;
     border-width: 0 6px 6px 6px; /*Triangulo sentido arriba*/
   /* border-width: 6px 6px 0 6px;  Triangulo sentido abajo*/

  } 

/* ------------------------- */