/* CSS Document */

a.tooltip1, a.tooltip2{
    position:relative; /*este es el secreto*/
    z-index:24;
	color:#006699;
    text-decoration:underline;
	/*ESTRAS*/	
	
	}

a.tooltip1:hover, a.tooltip2:hover{
z-index:25; 
text-decoration:none;
background-color:transparent;
color:#006600;
}

a.tooltip1 span, a.tooltip2 span{display: none}

a.tooltip1:hover span, a.tooltip2:hover span { /*este seria el estado "hover" cuando sale el texto*/
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:12px;
	display:block;
    position:absolute;
    top:2em; left:-1em; 
	width:200px;
	height:80px;
    background-color:transparent;
	color:#FFFFFF;
	padding:15px 10px 5px 15px;
	text-align: left;
	background-image:url(../imagenes/tooltip/globo3.png);
	background-repeat:no-repeat;
	filter: alpha(opacity=80);
	opacity: 0.80;	
	}

a.tooltip2:hover span { 
    background-image:url(../imagenes/tooltip/globo4.png);
	background-repeat:no-repeat;
		}


*html a.tooltip1:hover span, *html a.tooltip2:hover span{ /*puto ie*/
    
	width:166px;
	
	}

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

#skyline {
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	width: 450px; height: 393px;
    background:url(../imagenes/imagen_map/espana.gif);
	margin: 10px auto; padding: 0;
	margin-left:15px;
	margin-bottom:30px;
    position: relative;}
	
#content .skylinetipo {
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	}
 
  #skyline li {
    margin: 0; padding: 0; list-style: none;
    position: absolute;}
 
 
  #skyline li, #skyline a {
    height: 26px;
	display: block;
			}
	

#sansebastian {left: 225px; top:56px; width: 28px;}
#barcelona {left: 346px; top:120px; width: 26px;}
#sevilla {left: 104px; top:285px; width: 28px;}
#alicante {left: 278px; top:240px; width: 24px;}
#valencia {left: 277px; top:201px; width: 27px;}
#granada {left: 181px; top:293px; width: 27px;}
#madrid {left: 174px; top:157px; width: 25px;}
#merida {left: 99px; top:220px; width: 25px;}