<div class="col-2">
    <div class="content content-last">
        <div class="content-bg">
            <div class="content-bg-bottom">
                <h2><?PHP echo $serverSettings['titel']; ?> - Reinos</h2>
                <div class="about-inner-content">
                    <ul class="tabs-nav tabs3">
                        <li id="tab1"><a href="index.php?s=thegame">El Juego </a></li>
                        <li id="tab2"><a href="index.php?s=characterclasses">Clases de Personajes </a></li>
                        <li id="tab3" class="selected"><a href="index.php?s=empires">Reino</a><a href="index.php?s=empires"></a></li>
                    </ul>
					<div class="empires-map">
						<div id="empire-img" class="empire-1"></div>
						<img src="../img/1pixel-bg.png" width="481" height="341" border="1" alt="map" usemap="#empiresMap" />
						<map name="empiresMap" id="empiresMap">
                            <area shape="poly" coords="70,207,102,207,120,217,138,219,149,214,169,216,180,219,193,210,204,211,219,216,226,206,240,200,252,201,259,209,257,215,260,222,258,232,260,250,268,245,290,255,298,256,315,262,332,264,339,270,339,281,334,287,334,293,329,297,318,304,310,306,305,311,293,317,285,314,282,317,274,314,267,318,244,317,229,308,214,308,192,315,185,316,178,313,169,314,160,315,144,313,125,300,123,294,115,290,113,283,115,280,106,276,87,272,73,266,64,263,64,254,50,241,48,232,47,224,60,219,67,215" href="javascript:void(0)" alt="Imperiul Shinsoo" title="Reino Shinsoo" onmouseover="showEmpire(1)"/>
                            <area shape="poly" coords="65,26,79,21,93,19,117,18,133,25,147,26,159,38,180,42,193,42,197,50,189,59,193,64,190,71,197,83,194,89,192,96,180,104,175,116,174,127,169,131,164,132,159,142,158,149,139,149,135,152,125,153,107,153,96,159,79,155,60,158,51,140,37,133,28,119,18,113,20,97,17,89,22,84,17,71,26,60,27,51,37,38,48,31" href="javascript:void(0)" alt="Imperiul Chunjo" title="Reino Chunjo" onmouseover="showEmpire(2)" />
                            <area shape="poly" coords="302,49,311,39,323,40,327,47,373,55,380,60,393,53,413,56,436,62,434,68,453,70,456,77,451,85,456,91,457,97,463,102,460,111,463,121,455,128,452,134,444,135,445,147,431,163,441,167,444,179,445,186,455,198,452,205,451,211,441,217,417,219,385,211,374,205,353,211,347,192,352,183,343,170,329,167,320,164,312,153,315,148,302,138,304,122,311,115,322,114,335,106,329,96,314,83,315,76,309,74,303,67" href="javascript:void(0)" alt="Imperiul Jinno" title="Reino Jinno" onmouseover="showEmpire(3)"/>
						</map>
					</div>
					<br class="clearfloat" />
                    <div class="empirebox empirebox-1">
						<div class="empire-crest"></div>
                        <h4>Reino Shinsoo</h4>
                        <p>El reino Shinsoo est&aacute; situado en la&nbsp;<strong>parte meridional</strong>del continente. La actividad principal de su poblaci&oacute;n es el&nbsp;<strong>comercio</strong>.<br />
                          <br />
                          Bajo el liderazgo de Yoon-Yoing, el comercio con el este tras la ca&iacute;da del imperio llev&oacute; r&aacute;pidamente a Shinsoo a su actual esplendor. Por el contrario, la discordia reina entre los habitantes de Shinsoo y el reino occidental y se han cancelado las rutas comerciales. En vista del peligro que corr&iacute;an sus negocios por culpa de las Piedras Metin, los mercaderes comenzaron a armarse.<br />
                          <br />
                        Su intenci&oacute;n es defenderse de los&nbsp;<strong>ataques provenientes del oeste</strong>, reabrir las ruta de comercio y reunificar el anterior imperio bajo su control.</p>
                    </div>
                    <div class="empirebox empirebox-2">
						<div class="empire-crest"></div>
                        <h4>Reino Chunjo</h4>
                        <p>El reino Chunjo est&aacute; situado en la&nbsp;<strong>parte occidental</strong>del continente. Es un&nbsp;<strong>reino teocr&aacute;tico</strong>&nbsp;y est&aacute; controlado por sus l&iacute;deres espirituales.<br />
                          <br />
                          Fue fundado por Yoon-Young, un primo del anterior emperador. En un primer momento, utiliz&oacute; los extensos poderes m&aacute;gicos de su mujer para ayudar a descubrir la amenaza de las Piedras Metin. Varias veces recomend&oacute; tomar medidas en contra de las Piedras Metin, pero fue ignorado. Por ello dirigi&oacute; a sus seguidores en una rebeli&oacute;n contra el anterior imperio. Despu&eacute;s de la desintegraci&oacute;n del anterior imperio, Chunjo est&aacute; a&uacute;n ocupado en una&nbsp;<strong>guerra abierta</strong>contra los reinos oriental y meridional.<br />
                          <br />
                        Su meta es asumir el control de todo el continente y terminar con el creciente poder de las Piedras Metin.</p>
                    </div>
                    <div class="empirebox empirebox-3">
						<div class="empire-crest"></div>
                        <h4>Reino Jinno</h4>
                        <p>El reino Jinno est&aacute; situado en la&nbsp;<strong>parte oriental</strong>&nbsp;del continente. Este reino se basa en el poder&iacute;o militar y su poblaci&oacute;n es&nbsp;<strong>agresiva y belicosa</strong>.<br />
                          <br />
                          El l&iacute;der del reino Jinno es Ee-Ryoong, el hijo del &uacute;ltimo emperador. Cree que puede reunificar el imperio anterior a trav&eacute;s de su armada.<br />
                          <br />
                        Los temores acerca del significado y los efectos de las Piedras Metin son ignorados oficialmente, pero Ee-Ryoong intenta encontrar en secreto un modo de usar el poder mortal de las Piedras Metin para fines militares.</p>
                    </div>
                    <div class="box-foot"></div>
                </div>
            </div>
        </div>
    </div>
    <div class="shadow">&nbsp;</div>
</div>

<script type="text/javascript">
function showEmpire(target) {
	$('#empire-img').removeClass();
	$('#empire-img').addClass('empire-'+target);
	$('.empirebox').css({display: 'none'});
	$('.empirebox-'+target).css({display: 'block'});
}
</script>