a,a:active,a:visited {
	color: #09c;
}

a:hover {
	color: #0cf;
}

h1 {
	font-size: 3em;
	color: #FFCC00;
}

.footer {
	background-color: #000;
	padding: 0.5em;
}

.leightbox {
	color: #333;
	display: none;
	position: absolute;
	top: 40px;
	left: 15%;
	width: 885px;
	height: 585px;
	padding: 1em;
	border: 1em solid #B8B8B8;
	background-color: white;
	text-align: left;
	z-index:1001;
	overflow: auto;	
}

.leightboxb {
	color: #333;
	display: none;
	position: relative;
	top: -600px;
	left: -50px;
	width: 885px;
	height: 585px;
	padding: 1em;
	border: 1em solid #B8B8B8;
	background-color: white;
	text-align: left;
	z-index:1001;
	overflow: auto;	
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1000;
	background-color:#333;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

.lightbox[id]{ /* IE6 and below Can't See This */    position:fixed;    }#overlay[id]{ /* IE6 and below Can't See This */    position:fixed;    }

img.image{ display: none; }

dl#Map{
	margin: 0;
	padding: 0;
	background: transparent url(../images/mapa.jpg) top left no-repeat;
	height: 436px;
	width: 883px;
	position: relative;
}

dt{ margin: 0; padding: 0; position: absolute; font-size: 85%; display: none; }
dd{ margin: 0; padding: 0; position: absolute;  font-size: 85%; }

/* ---------- Hotspot Declarations ---------- */
dd#mapablue01{ top: 253px; left: 30px; }
dd#mapablue01 a{ position: absolute; width: 29px; height: 29px; text-decoration: none; }
dd#mapablue01 a span{ display: none; }
dd#mapablue01 a:hover{ position: absolute; background: transparent url(../images/mapa.jpg) -22px -688px no-repeat; }
dd#mapablue01 a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 40%;
	margin: 0;
	padding: 5px;
	width: 500%;
	left:30px;
}

dd#mapablue02{ top: 306px; left: 20px; }
dd#mapablue02 a{ position: absolute; width: 29px; height: 30px; text-decoration: none; }
dd#mapablue02 a span{ display: none; }
dd#mapablue02 a:hover{ background: transparent url(../images/mapa.jpg) -17px -739px no-repeat; }
dd#mapablue02 a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 20%;
	margin: 0;
	padding: 5px;
	width: 400%;
	left:30px;
}

dd#mapayell01{ top: 78px; left: 795px; }
dd#mapayell01 a{ position: absolute; width: 29px; height: 29px; text-decoration: none;	}
dd#mapayell01 a span{ display: none; }
dd#mapayell01 a:hover{ background: transparent url(../images/mapa.jpg) -793px -510px no-repeat; }
dd#mapayell01 a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	margin: 0;
	padding: 5px;
	width: 400%;
	left:-40px;
}

dd#mapayell02{ top: 245px; left: 273px; }
dd#mapayell02 a{ position: absolute; width: 29px; height: 29px; text-decoration: none; }
dd#mapayell02 a span{ display: none; }
dd#mapayell02 a:hover{ background: transparent url(../images/mapa.jpg) -273px -677px no-repeat; }
dd#mapayell02 a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	margin: 0;
	padding: 5px;
	width: 220%;  }


dd#mapayell03{ top: 361px; left: 721px; }
dd#mapayell03 a{ position: absolute; width: 29px; height: 29px; text-decoration: none; }
dd#mapayell03 a span{ display: none; }
dd#mapayell03 a:hover{ background: transparent url(../images/mapa.jpg) -720px -792px no-repeat; }
dd#mapayell03 a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	left: 1px;
	margin: 0;
	padding: 5px;
	width: 400%;
}

dd#mapayell04{ top: 49px; left:510px; }
dd#mapayell04 a{ position: absolute; width: 29px; height: 27px; text-decoration: none; }
dd#mapayell04 a span{ display: none; }
dd#mapayell04 a:hover{ background: transparent url(../images/mapa.jpg) -508px -483px no-repeat; }
dd#mapayell04 a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 5%;
	left: 1px;
	margin: 0;
	padding: 5px;
	width: 200%;
	left: 28px;
	}
	
dd#mapayell05{ top: 57px; left:537px; }
dd#mapayell05 a{ position: absolute; width: 29px; height: 27px; text-decoration: none; }
dd#mapayell05 a span{ display: none; }
dd#mapayell05 a:hover{ background: transparent url(../images/mapa.jpg) -536px -491px no-repeat; }
dd#mapayell05 a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 5%;
	left: 1px;
	margin: 0;
	padding: 5px;
	width: 300%;
	left: 28px;
	}
	
dd#mapayell06{ top: 268px; left:590px; }
dd#mapayell06 a{ position: absolute; width: 29px; height: 27px; text-decoration: none; }
dd#mapayell06 a span{ display: none; }
dd#mapayell06 a:hover{ background: transparent url(../images/mapa.jpg) -590px -700px no-repeat; }
dd#mapayell06 a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 5%;
	left: 1px;
	margin: 0;
	padding: 5px;
	width: 350%;
	left: 28px;
	}
	
dd#mapayell07{ top: 245px; left:769px; }
dd#mapayell07 a{ position: absolute; width: 29px; height: 29px; text-decoration: none; }
dd#mapayell07 a span{ display: none; }
dd#mapayell07 a:hover{ background: transparent url(../images/mapa.jpg) -769px -677px no-repeat; }
dd#mapayell07 a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 90%;
	left: 1px;
	margin: 0;
	padding: 5px;
	width: 450%;
	left:-30;
	}

dd#mapacafe01{ top: 157px; left:670px; }
dd#mapacafe01 a{ position: absolute; width: 29px; height: 29px; text-decoration: none; }
dd#mapacafe01 a span{ display: none; }
dd#mapacafe01 a:hover{ background: transparent url(../images/mapa.jpg) -670px -586px no-repeat; }
dd#mapacafe01 a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 90%;
	left: 1px;
	margin: 0;
	padding: 5px;
	width: 550%;
	left:-30;
	}
	
dd#mapacafe02{ top: 84px; left:670px; }
dd#mapacafe02 a{ position: absolute; width: 29px; height: 29px; text-decoration: none; }
dd#mapacafe02 a span{ display: none; }
dd#mapacafe02 a:hover{ background: transparent url(../images/mapa.jpg) -670px -516px no-repeat; }
dd#mapacafe02 a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 5%;
	left: 1px;
	margin: 0;
	padding: 5px;
	width: 550%;
	left:28;
	}
	
dd#mapacafe03{ top: 86px; left:641px; }
dd#mapacafe03 a{ position: absolute; width: 29px; height: 29px; text-decoration: none; }
dd#mapacafe03 a span{ display: none; }
dd#mapacafe03 a:hover{ background: transparent url(../images/mapa.jpg) -641px -518px no-repeat; }
dd#mapacafe03 a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 1%;
	left: 1px;
	margin: 0;
	padding: 5px;
	width: 550%;
	left:-172;
	}
	
dd#mapacafe04{ top: 72px; left:688px; }
dd#mapacafe04 a{ position: absolute; width: 29px; height: 29px; text-decoration: none; }
dd#mapacafe04 a span{ display: none; }
dd#mapacafe04 a:hover{ background: transparent url(../images/mapa.jpg) -685px -505px no-repeat; }
dd#mapacafe04 a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 1%;
	left: 1px;
	margin: 0;
	padding: 5px;
	width: 550%;
	left:30;
	}
	
dd#mapacafe05{ top: 113px; left:672px; }
dd#mapacafe05 a{ position: absolute; width: 29px; height: 29px; text-decoration: none; }
dd#mapacafe05 a span{ display: none; }
dd#mapacafe05 a:hover{ background: transparent url(../images/mapa.jpg) -672px -545px no-repeat; }
dd#mapacafe05 a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 1%;
	left: 1px;
	margin: 0;
	padding: 5px;
	width: 550%;
	left:30;
	}
	
dd#mapacafe06{ top: 367px; left:374px; }
dd#mapacafe06 a{ position: absolute; width: 29px; height: 29px; text-decoration: none; }
dd#mapacafe06 a span{ display: none; }
dd#mapacafe06 a:hover{ background: transparent url(../images/mapa.jpg) -375px -798px no-repeat; }
dd#mapacafe06 a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 1%;
	left: 1px;
	margin: 0;
	padding: 5px;
	width: 550%;
	left:30;
	}
	
dd#mapaverde01{ top: 336px; left:436px; }
dd#mapaverde01 a{ position: absolute; width: 29px; height: 29px; text-decoration: none; }
dd#mapaverde01 a span{ display: none; }
dd#mapaverde01 a:hover{ background: transparent url(../images/mapa.jpg) -436px -767px no-repeat; }
dd#mapaverde01 a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 1%;
	left: 1px;
	margin: 0;
	padding: 5px;
	width: 550%;
	left:30;
	}
	
dd#mapaverde02{ top: 350px; left:432px; }
dd#mapaverde02 a{ position: absolute; width: 29px; height: 29px; text-decoration: none; }
dd#mapaverde02 a span{ display: none; }
dd#mapaverde02 a:hover{ background: transparent url(../images/mapa.jpg) -427px -788px no-repeat; }
dd#mapaverde02 a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 1%;
	left: 1px;
	margin: 0;
	padding: 5px;
	width: 550%;
	left:30;
	}
	
dd#mapaverde03{ top: 202px; left:672px; }
dd#mapaverde03 a{ position: absolute; width: 29px; height: 29px; text-decoration: none; }
dd#mapaverde03 a span{ display: none; }
dd#mapaverde03 a:hover{ background: transparent url(../images/mapa.jpg) -672px -633px no-repeat; }
dd#mapaverde03 a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 1%;
	left: 1px;
	margin: 0;
	padding: 5px;
	width: 550%;
	left:30;
	}
	
dd#mapastar{ top: 241px; left:575px; }
dd#mapastar a{ position: absolute; width: 33px; height: 33px; text-decoration: none; }
dd#mapastar a span{ display: none; }
dd#mapastar a:hover{ background: transparent url(../images/mapa.jpg) -569px -673px no-repeat; }
dd#mapastar a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 550%;
	left:30;
	}