/*---------- bubble tooltip -----------*/


a.tt1{
    position:relative;
    z-index:24;
    color:425c52;
	font-weight:bold;
    text-decoration:none;
}

a.tt1 span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt1:hover{ z-index:25; color: #c6c6c6; background:;}
a.tt1:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #993300;
}
a.tt1:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(iconos/bubble.gif) no-repeat top;
}
a.tt1:hover span.middle{ /* different middle bg for stretch */
	display: block;
	font-size: 11pt;
	padding: 0 8px;
   color: #6f6f6f;
   text-align: center;
	background: url(iconos/bubble_filler.gif) repeat bottom; 
}
a.tt1:hover span.oferta{ /* oferta */
	display: block;
	padding: 0 8px;
   color: #660000;
	font-size: 12pt;
   text-align: center;
	background: url(iconos/bubble_filler.gif) repeat bottom; 
}
a.tt1:hover span.descripcion{ /* descripcion de la fiesta romana */
	display: block;
	padding: 0 12px;
	font-size: 11pt;
	text-align: left;
	background: url(iconos/bubble_filler.gif) repeat bottom; 
}
a.tt1:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(iconos/bubble.gif) no-repeat bottom;
}
/* primero tooltip */
a.tt{
    position:relative;
    z-index:24;
    color:#990000;
	font-weight:bold;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #c6c6c6; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #993300;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(iconos/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	font-size: 11pt;
	padding: 0 8px;
   color: #6f6f6f;
   text-align: center;
	background: url(iconos/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.oferta{ /* oferta */
	display: block;
	padding: 0 8px;
   color: #660000;
	font-size: 12pt;
   text-align: center;
	background: url(iconos/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.descripcion{ /* descripcion de la fiesta romana */
	display: block;
	padding: 0 12px;
	font-size: 11pt;
	text-align: left;
	background: url(iconos/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(iconos/bubble.gif) no-repeat bottom;
}

/* segundo tooltip */

a.tt:hover span.top2{
	display: block;
	padding: 30px 8px 0;
    background: url(iconos/bubble2.gif) no-repeat top;
}
a.tt:hover span.middle2{ /* different middle bg for stretch */
	display: block;
	font-size: 11pt;
	padding: 0 8px;
   color: #6f6f6f;
   text-align: center;
	background: url(iconos/bubble_filler2.gif) repeat bottom; 
}
a.tt:hover span.oferta2{ /* oferta */
	display: block;
	padding: 0 8px;
   color: #660000;
	font-size: 12pt;
   text-align: center;
	background: url(iconos/bubble_filler2.gif) repeat bottom; 
}
a.tt:hover span.descripcion2{ /* descripcion de la fiesta romana */
	display: block;
	padding: 0 12px;
	font-size: 11pt;
	text-align: left;
	background: url(iconos/bubble_filler2.gif) repeat bottom; 
}
a.tt:hover span.bottom2{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(iconos/bubble2.gif) no-repeat bottom;
}
/* tercer tooltip */
a.tt3{
    position:relative;
    z-index:24;
    color:#547b8c;
	font-weight:bold;
    text-decoration:none;
}
a.tt3 span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt3:hover{ z-index:25; color: #c6c6c6; background:;}
a.tt3:hover span.tooltip{
    display:block;
    position:absolute;
    top:-390px; left:0;
	padding: 15px 0 0 0;
	width: 200px;
	color: #993300;
}
a.tt3:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(iconos/bubble3.gif) no-repeat top;
}
a.tt3:hover span.middle{ /* different middle bg for stretch */
	display: block;
	font-size: 11pt;
	padding: 0 8px;
   color: #6f6f6f;
   text-align: center;
	background: url(iconos/bubble_filler3.gif) repeat bottom; 
}
a.tt3:hover span.oferta{ /* oferta */
	display: block;
	padding: 0 8px;
   color: #660000;
	font-size: 12pt;
   text-align: center;
	background: url(iconos/bubble_filler3.gif) repeat bottom; 
}
a.tt3:hover span.descripcion{ /* descripcion de la fiesta romana */
	display: block;
	padding: 0 12px;
	font-size: 11pt;
	text-align: left;
	background: url(iconos/bubble_filler3.gif) repeat bottom; 
}
a.tt3:hover span.bottom{
	display: block;
	padding: 53px 8px 10px;
	color: #548912;
    background: url(iconos/bubble3.gif) no-repeat bottom;
}
/* cuarto tooltip */
a.tt4{
    position:relative;
    z-index:24;
    color:#efefef;
	font-weight:bold;
    text-decoration:none;
}
a.tt4 span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt4:hover{ z-index:25; color: #c6c6c6; background:;}
a.tt4:hover span.tooltip{
    display:block;
    position:absolute;
    top:-390px; left:0;
	padding: 15px 0 0 0;
	width: 200px;
	color: #993300;
}
a.tt4:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(iconos/bubble4.gif) no-repeat top;
}
a.tt4:hover span.middle{ /* different middle bg for stretch */
	display: block;
	font-size: 11pt;
	padding: 0 8px;
   color: #6f6f6f;
   text-align: center;
	background: url(iconos/bubble_filler4.gif) repeat bottom; 
}
a.tt4:hover span.oferta{ /* oferta */
	display: block;
	padding: 0 8px;
   color: #660000;
	font-size: 12pt;
   text-align: center;
	background: url(iconos/bubble_filler4.gif) repeat bottom; 
}
a.tt4:hover span.descripcion{ /* descripcion de la fiesta romana */
	display: block;
	padding: 0 12px;
	font-size: 11pt;
	text-align: left;
	background: url(iconos/bubble_filler4.gif) repeat bottom; 
}
a.tt4:hover span.bottom{
	display: block;
	padding: 43px 8px 10px;
	color: #548912;
    background: url(iconos/bubble4.gif) no-repeat bottom;
}