<!--HTML-->

<style>
.htmldemo{position:relative}

.putevod {width: 600px; height: 600px;}
.putevod1 {width: 600px; height: 600px; position: absolute; background-image: url(http://i.imgur.com/GE6bgcy.png);}
#click1, #click2, #click3 {/* background-color: rgba(0, 0, 0, 0.8); */ display: none;    position: absolute;  z-index: 99999; top: 0; right: 0;bottom: 0;left: 0;}
#glav1, #glav2, #glav3 {max-width: 600px; width: 70%;    margin: 5% auto;    position: relative;font-family: refugemedium;   font-size: 23px; color: #3F9C1E; text-shadow: 1px 1px 1px #fff;}

/* кнопка закрытия */
.close {background-color: #dcf6ad ;border: 2px solid #3F9C1E; height: 24px; line-height: 24px;position: absolute; right: 4px;cursor: pointer;text-align: center;text-decoration: none;color: rgba(255, 255, 255, 0.9); font-size: 14px; font-family: helvetica, arial;text-shadow: 0 -1px rgba(0, 0, 0, 0.9); top: -15px; width: 24px;-webkit-border-radius: 15px; -moz-border-radius: 15px;-ms-border-radius: 15px;-o-border-radius: 15px;border-radius: 15px;-moz-box-shadow: 1px 1px 3px #000;-webkit-box-shadow: 1px 1px 3px #000;box-shadow: 1px 1px 3px #000;}

.wiki {color: #239249; font-family: Arial; font-size: 11px; width: 570px;}
.wiki1 {height: 435px;width: 600px;margin-top: 54px; margin-left: -90px;}
.wiki2 {height: 435px;width: 600px;margin-top: 50px; margin-left: -92px;}

</style>

<div class="putevod"><div class="putevod1">

<!--  ПОГОДА --!>

<div id="click1"><div id="glav1"><center>
<div style="background-image: url(http://i.imgur.com/2G9AR5n.png);" class="wiki1"><br>
<div class="wiki">Лето продолжительное и дождливое, влажное и жаркое, зима сравнительно холодная, но короткая и переменчивая. Средняя суточная температура июля — 23,3 °C, января — −4,6 °C.</div>
</center>
<a class="close" title="Закрыть" onclick="document.getElementById('click1').style.display='none';">X</a></div></div>
<a href="javascript:void(0)" onclick="document.getElementById('click1').style.display='block';">
<span class="tooltip tooltip-turnleft"><img src="http://i.imgur.com/FZw1aNG.png" style="width: 159px; ;margin-top: 52px;position: absolute;"></span></span></a></div></div></div>

<!--  СПОРТ --!>

<div id="click2"><div id="glav2"><center>
<div style="background-image: url(http://i.imgur.com/2G9AR5n.png);" class="wiki2"><br>
<div class="wiki">Чикаго - один из самых "спортивных" городов США. В "Городе ветров" есть несколько выступающих в высших лигах самых популярных в Соединенных Штатах Америки видов спорта команд, в том числе две бейсбольных - "Чикаго Кабс" (Chicago Cubs) и "Чикаго Уайт Сокс" (Chicago White Sox), баскетбольная "Чикаго Буллз" (Chicago Bulls), хоккейная "Чикаго Блэкхокс" (Chicago Blackhawks) и футбольная (имеется в виду американский футбол) "Чикаго Беарз" (Chicago Bears).</div>
</center>
<a class="close" title="Закрыть" onclick="document.getElementById('click2').style.display='none';">X</a></div></div>
<a href="javascript:void(0)" onclick="document.getElementById('click2').style.display='block';">
<span class="tooltip tooltip-turnleft"><img src="http://i.imgur.com/v3Msrls.png" style="width: 148px; margin-left: 2px; margin-top: -422px; position: absolute;"></span></span></a></div></div></div>


<!--  ОБЩЕЕ --!>

<div id="click3"><div id="glav3"><center>
<div style="background-image: url(http://i.imgur.com/2G9AR5n.png);" class="wiki1"><br>
<div class="wiki">Чикаго - крупнейший город на Среднем Западе США. Он располагается на побережье озера Мичиган в северо-восточной части штата Иллинойс. Через Чикаго протекают реки Калумет и Чикаго-Ривер, а рядом находится канал, который соединяет Миссисипи с Великими озерами.
Население насчитывает около 2 700 000 человек. Свое название Чикаго получил от индейского слова «shikaakwa», которое переводится как «дикая лилия». Символично, не правда ли?
Чикаго издавна называют «городом небоскребов», что совсем неудивительно. Именно здесь было возведено первое в мире высотное здание. 
Еще одной достопримечательностью Чикаго являются его великолепные парки, самыми известными среди них считаются Парк Гранта с Букингемским фонтаном и Миллениум Парк, где находится скульптура «Клауд-Гейт». Также в Чикаго находится один из лучших зоопарков на территории США - Линкольн Парк, где обитает более 1100 млекопитающих, рептилий и птиц.
Расовый состав населения Чикаго:
Белые - 45%
Черные (афроамериканцы) - 32,9%
Азиаты - 5,5%
Коренные американцы (индейцы или эскимосы Аляски) - 0,5%
Прочие расы - 13,4%
Две или более рас - 2,7%
Испаноязычные или латиноамериканцы (любой расы) - 28,9%
Крупнейшие этнические (национальные) группы среди жителей города: мексиканцы (21,4%), ирландцы (6,6%), немцы (6,5%), поляки (5,3%), пуэрториканцы (3,8%), итальянцы (3,5%), ассирийцы (3,5%), англичане (2%), филиппинцы (1%), русские (1%), шведы (0,9%), французы (0,9%).</div>
</center>
<a class="close" title="Закрыть" onclick="document.getElementById('click3').style.display='none';">X</a></div></div>
<a href="javascript:void(0)" onclick="document.getElementById('click3').style.display='block';">
<span class="tooltip tooltip-turnleft"><img src="http://i.imgur.com/zRf2UdM.png" style="width: 125px; margin-left: 12px; margin-top: -206px; position: absolute;"></span></span></a></div></div></div>