@charset "UTF-8";
/*Roll over*/
.showme{ 
display: none;
}
.showme2{ 
display: none;
}
.showhim:hover .showme{
display : inline-block;
}
.showhim:hover .showme2{
display : inline-block;
}
.showhim:hover .ok{
display: none;
}

.showhim {
	z-index: 2;
	position: absolute;
	left: 394px;
	top: -95px;
	width: 131px;
	height: 128px;
}
.showme {
	border-style:solid;
	border-width:1px;
	border-color:purple;
	font-family:"Verdana", Arial, sans-serif;
	font-size:small;
	background-color:#FFF;
	padding: 5px;
	bottom:50px;
	z-index:3;
	position:absolute;
	width:200px;
	font-size:0.7em;
}
.showme2 {
	border-style:solid;
	border-width:1px;
	border-color:purple;
	font-family:"Verdana", Arial, sans-serif;
	font-size:small;
	background-color:#FFF;
	padding: 5px;
	bottom:-110px;
	z-index:3;
	position:absolute;
	width:200px;
	font-size:0.7em;
}

.imagenTransparente{
	opacity:0.5;	
}
#circulo1{
	top: 116px;
	left: 4px;
}

#circulo2{
	top: 50px;
	left: 231px;
}
#circulo3{
	top: 28px;
	left: 188px;
}

#circulo4{
	top: 162px;
	left: 237px;
}
#circulo5{
	top: -185px;
	left: 263px;
}
#circulo6{
	top: 31px;
	left: 254px;
}

#circulo7{
	top: -278px;
	left: 207px;
}
#circulo8{
	top: -261px;
	left: 103px;
}
#circulo9{
	top: -187px;
	left: 39px;
}
#circulo10{
	top: -95px;
	left: 21px;
}

#circulo11{
	top: -2px;
	left: 43px;
}

#circulo12{
	top: 132px;
	left: 106px;
}
#circulo13{
	top: -162px;
	left: 237px;
}



/*Posición en capas*/
.textoHotSpot{
	width:200px;
	border-style:solid;
	border-width:1px;
	border-color:red;
	font-family:"Verdana", Arial, sans-serif;
	font-size:small;
	z-index:2;
	position:relative;
}

div { position:relative; }
#a  { z-index:1; }
#b  { z-index:2; top:-200px; }