@import url('layout-pry1_prsko.css');	

body {
	margin: 0;
	padding: 0;
	border: 0;
	background-position: top;
	background-attachment: fixed;
	background-image: url('../../bg/img_f-persoiko_mapa.jpg');
	background-color: #329902;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	cursor: default;
}
#container {
	margin: 0 auto;
	background-position: top;
	width: 2279px;
	height: 1368px
}
#capa1 {
	position: relative;
	width: 1630px;
	height: 80px;
}
#anexo {
	position: absolute;
	width: 837px;
	height: 80px;
	background-image: url('../img-persoiko/plano/estand_anexo.png');
	z-index: 1
}
.b-exit {
	right: 11px;
	top: 17px;
}
#estandartes {
	position: absolute;
	right: 0px;
	width: 740px;
	height: auto;
	z-index: 1
}
.txt-alianza {
	margin: 10px 0px;
}
#banderas {
	float: left;
	margin-left: 68px;
	width: 419px;
}
#bandera-prsko {
	position: relative;
	float: left;
	width: 226px;
}
#band {
	position: absolute;
	top: 50px;
	width: 500px;
	left: 72px;
}
#band-btn {
	position: relative;
	float: left;
	width: 57px;
	height: 180px;
	margin: 13px;
	cursor: pointer;
	z-index: 1;
}
.blk {
	position: absolute;
	left: 0px;
	top: -179px;
	width: 100%;
	height: 180px;
}

#mapa {
	position: relative;
	margin: -15px 0px;
	width: 2280px;
	height: 1140px;
}
#mapa img {
	float: left;
}
#prsko1 {
	position: absolute;
	left: -95px;
	top: 1114px;
	width: 720px;
	height: 267px;
}
p {
	position: absolute;
	right: 0px;
	bottom: 30px;
	width: 268px;
	height: 10px;
	color: #003300;
	font-size: 12px;
}

/*--------------------- Botones Estandartes ----------------------*/
	
.b-persoiko {
	position: absolute;
	left: 0px;
	margin: 11px;
	width: 75px;
	height: 200px;
	cursor: pointer;
}
.b-persoiko:hover {
	margin: 64px 17px;
	width: 226px;
	height: 186px;
	background: url('../img-persoiko/plano/estandarte_persoiko-ttl.png') bottom;
}
.b-persoiko:active {
	margin: 64px 17px;
	width: 226px;
	height: 95px;
	background: url('../img-persoiko/plano/estandarte_persoiko-ttl.png') top;
}

.b-enanos {
	position: absolute;
	top: 165px;
	width: 57px;
	height: 42px;
	background: url('../img-persoiko/plano/estandarte_enanos-ttl.png') top;
	opacity: 0
}.b-enanos:hover {
	left: -17px;
	width: 90px;
	opacity: 1
}.b-enanos:active {
	background: url('../img-persoiko/plano/estandarte_enanos-ttl.png') bottom;
}

.b-uskos {
	position: absolute;
	top: 165px;
	width: 57px;
	height: 45px;
	background: url('../img-persoiko/plano/estandarte_uskos-ttl.png') top;
	opacity: 0
}.b-uskos:hover {
	left: -10px;
	width: 76px;
	opacity: 1
}.b-uskos:active {
	background: url('../img-persoiko/plano/estandarte_uskos-ttl.png') bottom;
}

.b-hombres {
	position: absolute;
	top: 165px;
	width: 57px;
	height: 54px;
	background: url('../img-persoiko/plano/estandarte_hombres-ttl.png') top;
	opacity: 0
}.b-hombres:hover {
	left: -20px;
	width: 97px;
	opacity: 1
}.b-hombres:active {
	background: url('../img-persoiko/plano/estandarte_hombres-ttl.png') bottom;
}

.b-elfos {
	position: absolute;
	top: 165px;
	width: 57px;
	height: 59px;
	background: url('../img-persoiko/plano/estandarte_elfos-ttl.png') top;
	opacity: 0
}.b-elfos:hover {
	left: -3px;
	width: 63px;
	opacity: 1
}.b-elfos:active {
	background: url('../img-persoiko/plano/estandarte_elfos-ttl.png') bottom;
}

.b-amazonas {
	position: absolute;
	top: 165px;
	width: 57px;
	height: 41px; 
	background: url('../img-persoiko/plano/estandarte_amazonas-ttl.png') top;
	opacity: 0
}.b-amazonas:hover {
	left: -32px;
	width: 121px;
	opacity: 1
}.b-amazonas:active {
	background: url('../img-persoiko/plano/estandarte_amazonas-ttl.png') bottom;
}


/*--------------------- Localizaciones de Mapa --------------------------*/

#btns-loc {
	position: absolute;
	left: 0px;
	top: 0px;
	margin: 165px;
	width: 1900px;
	height: 1230px;
}
#btns-loc a {
	position: absolute;
}
.neustad {
	width: 214px;
	height: 100px;
	background:url('../img-persoiko/plano/localizaciones/cap_neustad.png')
}.neustad:hover {
	background:url('../img-persoiko/plano/localizaciones/cap_neustad.png') bottom
}
.meredor {
	width: 234px;
	height: 155px;
	background:url('../img-persoiko/plano/localizaciones/cap_meredor.png')
}.meredor:hover {
	background:url('../img-persoiko/plano/localizaciones/cap_meredor.png') bottom
}
.sur-alduin {
	width: 276px;
	height: 97px;
	background:url('../img-persoiko/plano/localizaciones/cap_sur-alduin.png')
}.sur-alduin:hover {
	background:url('../img-persoiko/plano/localizaciones/cap_sur-alduin.png') bottom
}
.lindaudorn {
	width: 304px;
	height: 155px;
	background:url('../img-persoiko/plano/localizaciones/cap_lindaudorn.png')
}.lindaudorn:hover {
	background:url('../img-persoiko/plano/localizaciones/cap_lindaudorn.png') bottom
}
.persoiko {
	width: 194px;
	height: 132px;
	background:url('../img-persoiko/plano/localizaciones/1c_persoiko.png')
}.persoiko:hover {
	background:url('../img-persoiko/plano/localizaciones/1c_persoiko.png') bottom
}
.hintiant {
	width: 138px;
	height: 68px;
	background:url('../img-persoiko/plano/localizaciones/c_hintiant.png')
}.hintiant:hover {
	background:url('../img-persoiko/plano/localizaciones/c_hintiant.png') bottom
}
.dal-avek {
	width: 182px;
	height: 87px;
	background:url('../img-persoiko/plano/localizaciones/c_dal-avek.png')
}.dal-avek:hover {
	background:url('../img-persoiko/plano/localizaciones/c_dal-avek.png') bottom
}
.falasedain {
	width: 267px;
	height: 85px;
	background:url('../img-persoiko/plano/localizaciones/c_falasedain.png')
}.falasedain:hover {
	background:url('../img-persoiko/plano/localizaciones/c_falasedain.png') bottom
}
.dragolom {
	width: 174px;
	height: 92px;
	background:url('../img-persoiko/plano/localizaciones/c_dragolom.png')
}.dragolom:hover {
	background:url('../img-persoiko/plano/localizaciones/c_dragolom.png') bottom
}
.fort-araudorn {
	width: 174px;
	height: 104px;
	background:url('../img-persoiko/plano/localizaciones/c_fortaleza-de-araudorn.png')
}.fort-araudorn:hover {
	background:url('../img-persoiko/plano/localizaciones/c_fortaleza-de-araudorn.png') bottom
}
.mar_serenidad {
	width: 151px;
	height: 59px;
	background:url('../img-persoiko/plano/localizaciones/r_mar-dla-serenidad.png')
}.mar_serenidad:hover {
	background:url('../img-persoiko/plano/localizaciones/r_mar-dla-serenidad.png') bottom
}
.limite-inundaciones {
	width: 196px;
	height: 78px;
	background:url('../img-persoiko/plano/localizaciones/r_limite-dlas-inundaciones.png')
}.limite-inundaciones:hover {
	background:url('../img-persoiko/plano/localizaciones/r_limite-dlas-inundaciones.png') bottom
}
.r_quennevos {
	width: 243px;
	height: 75px;
	background:url('../img-persoiko/plano/localizaciones/rio_quennevos.png')
}.r_quennevos:hover {
	background:url('../img-persoiko/plano/localizaciones/rio_quennevos.png') bottom
}
.volcan-nair {
	width: 130px;
	height: 112px;
	background:url('../img-persoiko/plano/localizaciones/rt_volcan-nair.png')
}.volcan-nair:hover {
	background:url('../img-persoiko/plano/localizaciones/rt_volcan-nair.png') right
}
.r_gwadhuin {
	width: 130px;
	height: 83px;
	background:url('../img-persoiko/plano/localizaciones/rio_gwadhuin.png')
}.r_gwadhuin:hover {
	background:url('../img-persoiko/plano/localizaciones/rio_gwadhuin.png') bottom
}
.r_agrats {
	width: 113px;
	height: 48px;
	background:url('../img-persoiko/plano/localizaciones/rio_agrats.png')
}.r_agrats:hover {
	background:url('../img-persoiko/plano/localizaciones/rio_agrats.png') bottom
}
.r_enan {
	width: 111px;
	height: 46px;
	background:url('../img-persoiko/plano/localizaciones/rio_enan.png')
}.r_enan:hover {
	background:url('../img-persoiko/plano/localizaciones/rio_enan.png') bottom
}
.r_groloborg {
	width: 136px;
	height: 74px;
	background:url('../img-persoiko/plano/localizaciones/rio_groloborg.png')
}.r_groloborg:hover {
	background:url('../img-persoiko/plano/localizaciones/rio_groloborg.png') bottom
}
.pantano_girithdur {
	width: 133px;
	height: 78px;
	background:url('../img-persoiko/plano/localizaciones/r_pantano-girithdur.png')
}.pantano_girithdur:hover {
	background:url('../img-persoiko/plano/localizaciones/r_pantano-girithdur.png') bottom
}
.r_gremmar {
	width: 131px;
	height: 61px;
	background:url('../img-persoiko/plano/localizaciones/rio_gremmar.png')
}.r_gremmar:hover {
	background:url('../img-persoiko/plano/localizaciones/rio_gremmar.png') bottom
}
.r_ingol {
	width: 88px;
	height: 55px;
	background:url('../img-persoiko/plano/localizaciones/rio_ingol.png')
}.r_ingol:hover {
	background:url('../img-persoiko/plano/localizaciones/rio_ingol.png') bottom
}
.bahia-fuego {
	width: 158px;
	height: 98px;
	background:url('../img-persoiko/plano/localizaciones/r_gran-bahia-del-fuego.png')
}.bahia-fuego:hover {
	background:url('../img-persoiko/plano/localizaciones/r_gran-bahia-del-fuego.png') bottom
}
.draco-gard {
	width: 122px;
	height: 123px;
	background:url('../img-persoiko/plano/localizaciones/r_draco-gard.png')
}.draco-gard:hover {
	background:url('../img-persoiko/plano/localizaciones/r_draco-gard.png') right
}
.berth-gard {
	width: 52px;
	height: 115px;
	z-index: 2;
	background:url('../img-persoiko/plano/localizaciones/r_berth-gard.png')
}.berth-gard:hover {
	background:url('../img-persoiko/plano/localizaciones/r_berth-gard.png') right
}
.belfort {
	width: 85px;
	height: 59px;
	background:url('../img-persoiko/plano/localizaciones/p_belfort.png')
}.belfort:hover {
	background:url('../img-persoiko/plano/localizaciones/p_belfort.png') bottom
}
.makna {
	width: 104px;
	height: 44px;
	background:url('../img-persoiko/plano/localizaciones/p_makna.png')
}.makna:hover {
	background:url('../img-persoiko/plano/localizaciones/p_makna.png') bottom
}
.dwibenfeld {
	width: 137px;
	height: 60px;
	background:url('../img-persoiko/plano/localizaciones/p_dwibenfeld.png')
}.dwibenfeld:hover {
	background:url('../img-persoiko/plano/localizaciones/p_dwibenfeld.png') bottom
}
.nadrum {
	width: 102px;
	height: 50px;
	background:url('../img-persoiko/plano/localizaciones/p_nadrum.png')
}.nadrum:hover {
	background:url('../img-persoiko/plano/localizaciones/p_nadrum.png') bottom
}
.garen {
	width: 87px;
	height: 46px;
	background:url('../img-persoiko/plano/localizaciones/p_garen.png')
}.garen:hover {
	background:url('../img-persoiko/plano/localizaciones/p_garen.png') bottom
}
.amergau {
	width: 114px;
	height: 55px;
	background:url('../img-persoiko/plano/localizaciones/p_amergau.png')
}.amergau:hover {
	background:url('../img-persoiko/plano/localizaciones/p_amergau.png') bottom
}
.gooncloh {
	width: 164px;
	height: 104px;
	background:url('../img-persoiko/plano/localizaciones/p_deljassrel-o-gooncloh.png')
}.gooncloh:hover {
	background:url('../img-persoiko/plano/localizaciones/p_deljassrel-o-gooncloh.png') bottom
}
.uren-duin {
	width: 151px;
	height: 68px;
	background:url('../img-persoiko/plano/localizaciones/p_uren-duin.png')
}.uren-duin:hover {
	background:url('../img-persoiko/plano/localizaciones/p_uren-duin.png') bottom
}
.uren-avek {
	width: 155px;
	height: 57px;
	background:url('../img-persoiko/plano/localizaciones/p_uren-avek.png')
}.uren-avek:hover {
	background:url('../img-persoiko/plano/localizaciones/p_uren-avek.png') bottom
}
.kalgaladh {
	width: 120px;
	height: 66px;
	background:url('../img-persoiko/plano/localizaciones/p_kalgaladh.png')
}.kalgaladh:hover {
	background:url('../img-persoiko/plano/localizaciones/p_kalgaladh.png') bottom
}
.amonbar {
	width: 119px;
	height: 49px;
	background:url('../img-persoiko/plano/localizaciones/p_amonbar.png')
}.amonbar:hover {
	background:url('../img-persoiko/plano/localizaciones/p_amonbar.png') bottom
}
.amonbar {
	width: 119px;
	height: 49px;
	background:url('../img-persoiko/plano/localizaciones/p_amonbar.png')
}.amonbar:hover {
	background:url('../img-persoiko/plano/localizaciones/p_amonbar.png') bottom
}
.carfu {
	width: 72px;
	height: 63px;
	background:url('../img-persoiko/plano/localizaciones/p_carfu.png')
}.carfu:hover {
	background:url('../img-persoiko/plano/localizaciones/p_carfu.png') bottom
}
.gorofek {
	width: 106px;
	height: 64px;
	background:url('../img-persoiko/plano/localizaciones/p_gorofek.png')
}.gorofek:hover {
	background:url('../img-persoiko/plano/localizaciones/p_gorofek.png') bottom
}
.guldor {
	width: 111px;
	height: 63px;
	background:url('../img-persoiko/plano/localizaciones/p_guldor.png')
}.guldor:hover {
	background:url('../img-persoiko/plano/localizaciones/p_guldor.png') bottom
}
.tol-carach {
	width: 141px;
	height: 61px;
	background:url('../img-persoiko/plano/localizaciones/p_tol-carach.png')
}.tol-carach:hover {
	background:url('../img-persoiko/plano/localizaciones/p_tol-carach.png') bottom
}
.falashirgul {
	width: 123px;
	height: 59px;
	background:url('../img-persoiko/plano/localizaciones/p_falashirgul.png')
}.falashirgul:hover {
	background:url('../img-persoiko/plano/localizaciones/p_falashirgul.png') bottom
}
.gruboc {
	width: 90px;
	height: 62px;
	background:url('../img-persoiko/plano/localizaciones/p_gruboc.png')
}.gruboc:hover {
	background:url('../img-persoiko/plano/localizaciones/p_gruboc.png') bottom
}
.lodunvel {
	width: 99px;
	height: 57px;
	background:url('../img-persoiko/plano/localizaciones/p_lodunvel.png')
}.lodunvel:hover {
	background:url('../img-persoiko/plano/localizaciones/p_lodunvel.png') bottom
}
.gonnord {
	width: 103px;
	height: 47px;
	background:url('../img-persoiko/plano/localizaciones/p_gonnord.png')
}.gonnord:hover {
	background:url('../img-persoiko/plano/localizaciones/p_gonnord.png') bottom
}
.fort-orcowelk {
	width: 143px;
	height: 80px;
	background:url('../img-persoiko/plano/localizaciones/p_fort-orcowelk.png')
}.fort-orcowelk:hover {
	background:url('../img-persoiko/plano/localizaciones/p_fort-orcowelk.png') bottom
}
.paso-norte {
	width: 149px;
	height: 55px;
	background:url('../img-persoiko/plano/localizaciones/q_paso-del-norte.png')
}.paso-norte:hover {
	background:url('../img-persoiko/plano/localizaciones/q_paso-del-norte.png') bottom
}
.paso-oeste {
	width: 144px;
	height: 57px;
	background:url('../img-persoiko/plano/localizaciones/q_paso-del-oeste.png')
}.paso-oeste:hover {
	background:url('../img-persoiko/plano/localizaciones/q_paso-del-oeste.png') bottom
}
.paso-sur {
	width: 82px;
	height: 42px;
	background:url('../img-persoiko/plano/localizaciones/q_paso-del-sur.png')
}.paso-sur:hover {
	background:url('../img-persoiko/plano/localizaciones/q_paso-del-sur.png') bottom
}
.tierra-ignota {
	width: 223px;
	height: 63px;
	background:url('../img-persoiko/plano/localizaciones/t_tierra-ignota.png')
}.tierra-ignota:hover {
	background:url('../img-persoiko/plano/localizaciones/t_tierra-ignota.png') bottom
}
.cuered {
	width: 71px;
	height: 34px;
	background:url('../img-persoiko/plano/localizaciones/t_cuered.png')
}.cuered:hover {
	background:url('../img-persoiko/plano/localizaciones/t_cuered.png') bottom
}
.bosque-itayo {
	width: 157px;
	height: 54px;
	background:url('../img-persoiko/plano/localizaciones/t_bosque-de-itayo.png')
}.bosque-itayo:hover {
	background:url('../img-persoiko/plano/localizaciones/t_bosque-de-itayo.png') bottom
}
.bosque-nur {
	width: 106px;
	height: 55px;
	background:url('../img-persoiko/plano/localizaciones/t_bosque-de-nur.png')
}.bosque-nur:hover {
	background:url('../img-persoiko/plano/localizaciones/t_bosque-de-nur.png') bottom
}
.bosque-helgol {
	width: 73px;
	height: 87px;
	background:url('../img-persoiko/plano/localizaciones/t_bosque-helgol.png')
}.bosque-helgol:hover {
	background:url('../img-persoiko/plano/localizaciones/t_bosque-helgol.png') right
}
.nan-erendyrn {
	width: 181px;
	height: 43px;
	background:url('../img-persoiko/plano/localizaciones/t_nan-erendyrn.png')
}.nan-erendyrn:hover {
	background:url('../img-persoiko/plano/localizaciones/t_nan-erendyrn.png') bottom
}
.taurbarynr {
	width: 128px;
	height: 41px;
	background:url('../img-persoiko/plano/localizaciones/t_taurbarynr.png')
}.taurbarynr:hover {
	background:url('../img-persoiko/plano/localizaciones/t_taurbarynr.png') bottom
}
.valle-andunie {
	width: 130px;
	height: 56px;
	background:url('../img-persoiko/plano/localizaciones/t_valle-de-andunie.png')
}.valle-andunie:hover {
	background:url('../img-persoiko/plano/localizaciones/t_valle-de-andunie.png') bottom
}
.valle-araudorn {
	width: 128px;
	height: 59px;
	background:url('../img-persoiko/plano/localizaciones/t_valle-de-araudorn.png')
}.valle-araudorn:hover {
	background:url('../img-persoiko/plano/localizaciones/t_valle-de-araudorn.png') bottom
}
.monte-helgoland {
	width: 137px;
	height: 82px;
	background:url('../img-persoiko/plano/localizaciones/t_monte-helgoland.png')
}.monte-helgoland:hover {
	background:url('../img-persoiko/plano/localizaciones/t_monte-helgoland.png') bottom
}
.arch-dragica {
	width: 139px;
	height: 84px;
	background:url('../img-persoiko/plano/localizaciones/t_archipielago-dragica.png')
}.arch-dragica:hover {
	background:url('../img-persoiko/plano/localizaciones/t_archipielago-dragica.png') bottom
}
.desierto-amarth {
	width: 213px;
	height: 60px;
	background:url('../img-persoiko/plano/localizaciones/t_desierto-de-amarth.png')
}.desierto-amarth:hover {
	background:url('../img-persoiko/plano/localizaciones/t_desierto-de-amarth.png') bottom
}

.norte {
	width: 103px;
	height: 98px;
	background:url('../img-persoiko/plano/xbrujula_norte.png');
	opacity: 0
}.norte:hover {
	opacity: 1
}
.sur {
	width: 103px;
	height: 88px;
	background:url('../img-persoiko/plano/xbrujula_sur.png');
	opacity: 0
}.sur:hover {
	opacity: 1
}
.este {
	width: 94px;
	height: 105px;
	background:url('../img-persoiko/plano/xbrujula_este.png');
	opacity: 0
}.este:hover {
	opacity: 1
}
.oeste {
	width: 94px;
	height: 105px;
	background:url('../img-persoiko/plano/xbrujula_oeste.png');
	opacity: 0
}.oeste:hover {
	opacity: 1
}
.firma {
	width: 78px;
	height: 75px;
	background:url('../img-persoiko/plano/sojo_firma.png');
	opacity: 0
}.firma:hover {
	opacity: 1
}