/* CSS-based Image Maps
   Author: Frank Manno
   Version: Nov. 25, 2004
----------------------------------------------- */

body {
	font-family:'Verdana';
}

/* ---------- hidden ONLY if CSS is enabled.  If disabled, image is rendered ---------- */
img.image{ display: none;
}

#LonelyMap {
	width: 432px;
	
}

dl#LonelyMap{
	margin: 0;
	padding: 0;
	background: transparent url(images/mapaok.gif) no-repeat;
	height: 224px;
	width: 432px;
	position: relative;
}

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

/* ---------- Hotspot Declarations ---------- */
dd#romaDef{ top: 59px; left: 214px; }
dd#romaDef a{ position: absolute; width: 6px; height: 6px; text-decoration: none; }
dd#romaDef a span{ display: none; }
dd#romaDef a:hover{ position: absolute; background: transparent url(images/mapaok.gif) -214px -283px no-repeat; top: 0px; left: 0px; }
dd#romaDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #66CCFF;
	font-weight: bold;
	text-align: center;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: -450%;
	margin: 0px;
	padding: 1px;
	width: 100px;
	font-size: 8px;
}

dd#nyDef{ top: 63px; left: 100px; }

dd#nyDef a{ position: absolute; width: 6px; height: 6px; text-decoration: none; }

dd#nyDef a span{ display: none; }

dd#nyDef a:hover{ position: absolute; background: transparent url(images/mapaok.gif) -100px -287px no-repeat; top: 0px; left: 0px; }

dd#nyDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #66CCFF;
	font-weight: bold;
	text-align: center;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: -450%;
	margin: 0px;
	padding: 1px;
	width: 100px;
	font-size: 8px;
}

dd#londresDef{ top: 41px; left: 197px; }
dd#londresDef a{ position: absolute; width: 6px; height: 6px; text-decoration: none; }
dd#londresDef a span{ display: none; }
dd#londresDef a:hover{ position: absolute; background: transparent url(images/mapaok.gif) -197px -265px no-repeat; top: 0px; left: 0px; }
dd#londresDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #66CCFF;
	font-weight: bold;
	text-align: center;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: -450%;
	margin: 0px;
	padding: 1px;
	width: 100px;
	font-size: 8px;
}

dd#cairoDef{ top: 80px; left: 240px; }
dd#cairoDef a{ position: absolute; width: 6px; height: 6px; text-decoration: none; }
dd#cairoDef a span{ display: none; }
dd#cairoDef a:hover{ position: absolute; background: transparent url(images/mapaok.gif) -240px -304px no-repeat; top: 0px; left: 0px; }
dd#cairoDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #66CCFF;
	font-weight: bold;
	text-align: center;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: -450%;
	margin: 0px;
	padding: 1px;
	width: 100px;
	font-size: 8px;
}

dd#atenasDef{ top: 61px; left: 229px; }
dd#atenasDef a{ position: absolute; width: 6px; height: 6px; text-decoration: none; }
dd#atenasDef a span{ display: none; }
dd#atenasDef a:hover{ position: absolute; background: transparent url(images/mapaok.gif) -229px -285px no-repeat; top: 0px; left: 0px; }
dd#atenasDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #66CCFF;
	font-weight: bold;
	text-align: center;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: -450%;
	margin: 0px;
	padding: 1px;
	width: 100px;
	font-size: 8px;
}

dd#parisDef{ top: 50px; left: 201px; }
dd#parisDef a{ position: absolute; width: 6px; height: 6px; text-decoration: none; }
dd#parisDef a span{ display: none; }
dd#parisDef a:hover{ position: absolute; background: transparent url(images/mapaok.gif) -201px -274px no-repeat; top: 0px; left: 0px; }
dd#parisDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #66CCFF;
	font-weight: bold;
	text-align: center;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: -450%;
	margin: 0px;
	padding: 1px;
	width: 100px;
	font-size: 8px;
}

dd#lisboaDef{ top: 61px; left: 187px; }
dd#lisboaDef a{ position: absolute; width: 6px; height: 6px; text-decoration: none; }
dd#lisboaDef a span{ display: none; }
dd#lisboaDef a:hover{ position: absolute; background: transparent url(images/mapaok.gif) -187px -285px no-repeat; top: 0px; left: 0px; }
dd#lisboaDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #66CCFF;
	font-weight: bold;
	text-align: center;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: -450%;
	margin: 0px;
	padding: 1px;
	width: 100px;
	font-size: 8px;
}

dd#marruecDef{ top: 76px; left: 195px; }
dd#marruecDef a{ position: absolute; width: 6px; height: 6px; text-decoration: none; }
dd#marruecDef a span{ display: none; }
dd#marruecDef a:hover{ position: absolute; background: transparent url(images/mapaok.gif) -195px -300px no-repeat; top: 0px; left: 0px; }
dd#marruecDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #66CCFF;
	font-weight: bold;
	text-align: center;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: -450%;
	margin: 0px;
	padding: 1px;
	width: 100px;
	font-size: 8px;
}

dd#turkDef{ top: 62px; left: 248px; }
dd#turkDef a{ position: absolute; width: 6px; height: 6px; text-decoration: none; }
dd#turkDef a span{ display: none; }
dd#turkDef a:hover{ position: absolute; background: transparent url(images/mapaok.gif) -248px -286px no-repeat; top: 0px; left: 0px; }
dd#turkDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #66CCFF;
	font-weight: bold;
	text-align: center;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: -450%;
	margin: 0px;
	padding: 1px;
	width: 100px;
	font-size: 8px;
}

dd#cubaDef{ top: 89px; left: 93px; }
dd#cubaDef a{ position: absolute; width: 6px; height: 6px; text-decoration: none; }
dd#cubaDef a span{ display: none; }
dd#cubaDef a:hover{ position: absolute; background: transparent url(images/mapaok.gif) -93px -313px no-repeat; top: 0px; left: 0px; }
dd#cubaDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #66CCFF;
	font-weight: bold;
	text-align: center;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: -450%;
	margin: 0px;
	padding: 1px;
	width: 100px;
	font-size: 8px;
}

dd#vienaDef{ top: 52px; left: 216px; }
dd#vienaDef a{ position: absolute; width: 6px; height: 6px; text-decoration: none; }
dd#vienaDef a span{ display: none; }
dd#vienaDef a:hover{ position: absolute; background: transparent url(images/mapaok.gif) -216px -276px no-repeat; top: 0px; left: 0px; }
dd#vienaDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #66CCFF;
	font-weight: bold;
	text-align: center;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: -450%;
	margin: 0px;
	padding: 1px;
	width: 100px;
	font-size: 8px;
}

dd#indiaDef{ top: 92px; left: 309px; }
dd#indiaDef a{ position: absolute; width: 6px; height: 6px; text-decoration: none; }
dd#indiaDef a span{ display: none; }
dd#indiaDef a:hover{ position: absolute; background: transparent url(images/mapaok.gif) -309px -316px no-repeat; top: 0px; left: 0px; }
dd#indiaDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #66CCFF;
	font-weight: bold;
	text-align: center;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: -450%;
	margin: 0px;
	padding: 1px;
	width: 100px;
	font-size: 8px;
}

dd#pragaDef{ top: 46px; left: 216px; }
dd#pragaDef a{ position: absolute; width: 6px; height: 6px; text-decoration: none; }
dd#pragaDef a span{ display: none; }
dd#pragaDef a:hover{ position: absolute; background: transparent url(images/mapaok.gif) -216px -270px no-repeat; top: 0px; left: 0px; }
dd#pragaDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #66CCFF;
	font-weight: bold;
	text-align: center;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: -450%;
	margin: 0px;
	padding: 1px;
	width: 100px;
	font-size: 8px;
}

dd#mexicoDef{ top: 88px; left: 59px; }
dd#mexicoDef a{ position: absolute; width: 6px; height: 6px; text-decoration: none; }
dd#mexicoDef a span{ display: none; }
dd#mexicoDef a:hover{ position: absolute; background: transparent url(images/mapaok.gif) -59px -312px no-repeat; top: 0px; left: 0px; }
dd#mexicoDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #66CCFF;
	font-weight: bold;
	text-align: center;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: -450%;
	margin: 0px;
	padding: 1px;
	width: 100px;
	font-size: 8px;
}

dd#berlinDef{ top: 42px; left: 211px; }
dd#berlinDef a{ position: absolute; width: 6px; height: 6px; text-decoration: none; }
dd#berlinDef a span{ display: none; }
dd#berlinDef a:hover{ position: absolute; background: transparent url(images/mapaok.gif) -211px -266px no-repeat; top: 0px; left: 0px; }
dd#berlinDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #66CCFF;
	font-weight: bold;
	text-align: center;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: -450%;
	margin: 0px;
	padding: 1px;
	width: 100px;
	font-size: 8px;
}

dd#brasilDef{ top: 140px; left: 130px; }
dd#brasilDef a{ position: absolute; width: 6px; height: 6px; text-decoration: none; }
dd#brasilDef a span{ display: none; }
dd#brasilDef a:hover{ position: absolute; background: transparent url(images/mapaok.gif) -130px -364px no-repeat; top: 0px; left: 0px; }
dd#brasilDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #66CCFF;
	font-weight: bold;
	text-align: center;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: -450%;
	margin: 0px;
	padding: 1px;
	width: 100px;
	font-size: 8px;
}

dd#bairesDef{ top: 187px; left: 123px; }
dd#bairesDef a{ position: absolute; width: 6px; height: 6px; text-decoration: none; }
dd#bairesDef a span{ display: none; }
dd#bairesDef a:hover{ position: absolute; background: transparent url(images/mapaok.gif) -123px -411px no-repeat; top: 0px; left: 0px; }
dd#bairesDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #66CCFF;
	font-weight: bold;
	text-align: center;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: -450%;
	margin: 0px;
	padding: 1px;
	width: 100px;
	font-size: 8px;
}

dd#amsterdamDef{ top: 41px; left: 204px; }
dd#amsterdamDef a{ position: absolute; width: 6px; height: 6px; text-decoration: none; }
dd#amsterdamDef a span{ display: none; }
dd#amsterdamDef a:hover{ position: absolute; background: transparent url(images/mapaok.gif) -204px -265px no-repeat; top: 0px; left: 0px; }
dd#amsterdamDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #66CCFF;
	font-weight: bold;
	text-align: center;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: -450%;
	margin: 0px;
	padding: 1px;
	width: 100px;
	font-size: 8px;
}

dd#chinaDef{ top: 66px; left: 348px; }
dd#chinaDef a{ position: absolute; width: 6px; height: 6px; text-decoration: none; }
dd#chinaDef a span{ display: none; }
dd#chinaDef a:hover{ position: absolute; background: transparent url(images/mapaok.gif) -348px -290px no-repeat; top: 0px; left: 0px; }
dd#chinaDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #66CCFF;
	font-weight: bold;
	text-align: center;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: -450%;
	left: -50px;
	margin: 0px;
	padding: 1px;
	width: 100px;
	font-size: 8px;
}


dd#taiDef{ top: 101px; left: 343px; }
dd#taiDef a{ position: absolute; width: 6px; height: 6px; text-decoration: none; }
dd#taiDef a span{ display: none; }
dd#taiDef a:hover{ position: absolute; background: transparent url(images/mapaok.gif) -343px -325px no-repeat; top: 0px; left: 0px; }
dd#taiDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #66CCFF;
	font-weight: bold;
	text-align: center;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: -450%;
	left: -50px;
	margin: 0px;
	padding: 1px;
	width: 100px;
	font-size: 8px;
}