/* 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;
}

#karpinMap {
	width: 100%;
	
}

dl#karpinMap{
	margin: 0;
	padding: 0;
	background: transparent url(http://www.karpinabentura.com/css/images/mapaok.jpg) no-repeat;
	height: 350px;
	width: 100%;
	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#animaliaDef{ top: 0px; left: 0px; }
dd#animaliaDef a{ position: absolute; width: 683px; height: 350px; text-decoration: none; }
dd#animaliaDef a span{ display: none; }
dd#animaliaDef a:hover{ position: absolute; background: transparent url(http://www.karpinabentura.com/css/images/mapaok.jpg) 0px -350px no-repeat; top: 0px; left: 0px; }
dd#animaliaDef 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: 75%;
	margin: 0px;
	padding: 5px;
	width: 25%;
	font-size: 11px;
}

dd#terraDef{ top: 150px; left: 436px; }
dd#terraDef a{ position: absolute; width: 300px; height: 100px; text-decoration: none; }
dd#terraDef a span{ display: none; }
dd#terraDef a:hover{ background: transparent url(http://www.karpinabentura.com/css/images/mapaok.jpg) -436px -850px no-repeat; }
dd#terraDef 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: 100%;
	font-size: 11px;
}

dd#gastorDef{ top: 187px; left: 638px; }
dd#gastorDef a{ position: absolute; width: 105px; height: 60px; text-decoration: none;	}
dd#gastorDef a span{ display: none; }
dd#gastorDef a:hover{ background: transparent url(http://www.karpinabentura.com/css/images/mapaok.jpg) -638px -1237px no-repeat; }
dd#gastorDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-cbolor: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	margin: 0;
	padding: 5px;
	width: 100%;
	font-size: 11px;
	background-color: #F4F4F4;
}

dd#chavarriDef{ top: 210px; left: 415px; }
dd#chavarriDef a{ position: absolute; width: 65px; height: 60px; text-decoration: none;	}
dd#chavarriDef a span{ display: none; }
dd#chavarriDef a:hover{ background: transparent url(http://www.karpinabentura.com/css/images/mapaok.jpg) -415px -1260px no-repeat; }
dd#chavarriDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-cbolor: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	margin: 0;
	padding: 5px;
	width: 100%;
	font-size: 11px;
	background-color: #F4F4F4;
}

dd#dinoDef{ top: 170px; left: 375px; }
dd#dinoDef a{ position: absolute; width: 61px; height: 85px; text-decoration: none;	}
dd#dinoDef a span{ display: none; }
dd#dinoDef a:hover{ background: transparent url(http://www.karpinabentura.com/css/images/mapaok.jpg) -375px -870px no-repeat; }
dd#dinoDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-cbolor: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	margin: 0;
	padding: 5px;
	width: 110%;
	font-size: 11px;
	background-color: #F4F4F4;
}

dd#expoDef{ top: 133px; left: 169px; }
dd#expoDef a{ position: absolute; width: 90px; height: 50px; text-decoration: none;	}
dd#expoDef a span{ display: none; }
dd#expoDef a:hover{ background: transparent url(http://www.karpinabentura.com/css/images/mapaok.jpg) -169px -833px no-repeat; }
dd#expoDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-cbolor: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	margin: 0;
	padding: 5px;
	width: 110%;
	font-size: 11px;
	background-color: #F4F4F4;
}