Код:
<!--HTML-->

<div class="u_theme">    <div class="u_title">город с открыток</div>
    <div class="u_body">
  Добро пожаловать на главную улицу Санкт-Петербурга - Невский проспект. <br>
Именно с Невского проспекта каждый начнёт свою историю в культурной столице России. Именно здесь в вашем сердце местом жительства окажется Петербург. Город - куда приезжают по любви. Город - где не боятся дождей. Город - где белые ночи принимают в свои объятия. Город - нищих поэтов, мостов и каналов. <br>
<br>

Для вашего удобства и комфортной жизни мы предоставим вам небольшой путеводитель, который поможет вам лучше сориентироваться и не пропустить развод мостов. А если такое и случится, то вы легко найдёте уютное местечко, где встретите рассвет до открытия метро.  <br>

<img src="https://vk.com/images/emoji/D83DDCAC.png"> Благодарим сайт <a href="https://atlas.meduza.io/atlas/stpetersburg">Meduza</a> за предоставленную информацию.<br>
</div></div>
Код:
<!--HTML--><table>
<table>
<tbody>
<tr>
<td><style>#redo {width: 240px; padding: 10px; border: 4px solid #3d3a43; background-color: #f7f7f7;;}
.redo-image2 {width: 240px; height: 300px; background-image: url(http://funkyimg.com/i/2LoH4.jpg); background-repeat: no-repeat; border: 0px dotted #121212; position: relative; overflow: hidden;}
#redo .redo-two {background-color: #3d3a43; position: absolute; padding: 5px; font-family: pathway gothic, roboto, arial; color: #fff; font-size: 7px; text-transform: uppercase; left: 20px; top: 200px; width: 200px; letter-spacing: 1px; transition: all 1.0s ease-in-out; -moz-transition: all 1.0s ease-in-out; -webkit-transition: all 1.0s ease-in-out; -ms-transition: all 1.0s ease-in-out; -o-transition: all 1.0s ease-in-out; transition-delay: 0.5s; -moz-transition-delay: 0.5s; -webkit-transition-delay: 0.5s; -ms-transition-delay: 0.5s; -o-transition-delay: 0.5s;}
#redo:hover .redo-two {top: -50px; transition-delay: 0.0s; -moz-transition-delay: 0.0s; -webkit-transition-delay: 0.0s; -ms-transition-delay: 0.0s; -o-transition-delay: 0.0s;}
#redo .redo-three {padding: 10px; left: 10px; position: absolute; top: 300px; transition: all 1.2s ease-in-out; -moz-transition: all 1.2s ease-in-out; -webkit-transition: all 1.2s ease-in-out; -ms-transition: all 1.2s ease-in-out; -o-transition: all 1.2s ease-in-out; width: 200px; height: 255px; background-color: #fff; border: 1px solid #e0e0e0; transition-delay: 0.2s; -moz-transition-delay: 0.2s; -webkit-transition-delay: 0.2s; -ms-transition-delay: 0.2s; -o-transition-delay: 0.2s;}
#redo:hover .redo-three {top: 10px; transition-delay: 0.0s; -moz-transition-delay: 0.0s; -webkit-transition-delay: 0.0s; -ms-transition-delay: 0.0s; -o-transition-delay: 0.0s;}
.redo-write {color: #222; font-family: arial; font-size: 11px; text-align: justify; line-height: 90%; overflow: auto; padding-right: 7px; height: 250px;}
.redo-write b {color: #3d3a43; font-size: 13px;}
</style>

<div id="redo"><div class="redo-image2"><div class="redo-two"><center>Культурная столица Музеи, театры и кино
</center></div><div class="redo-three"><div class="redo-write"><p>

В событиях из области высокого искусства в Петербурге недостатка нет: культурную программу можно спланировать так, чтобы ни один день не прошел без выставки, и ни один вечер без спектакля. Имейте в виду, что у вас будут конкуренты: в главные музеи порой выстраиваются очереди (на зимних каникулах два часа в эрмитажном дворе при –20°C считаются нормой) , а билеты на стоящие представления надо покупать заранее, и лучше в интернете. <br>
Эрмитаж<br>
Русский Музей<br>
Александрийский Театр<br>
Эрарта<br>
Мраморный Дворец<br>
МДТ, БДТ<br>
Новая Голландия<br>
Мариинский Театр<br>
<P> 

</div></div></div></div></td>
<td><style>#redo {width: 240px; padding: 10px; border: 4px solid #3d3a43; background-color: #f7f7f7;;}
.redo-image3 {width: 240px; height: 300px; background-image: url(http://funkyimg.com/i/2LoGD.jpg); background-repeat: no-repeat; border: 0px dotted #121212; position: relative; overflow: hidden;}
#redo .redo-two {background-color: #3d3a43; position: absolute; padding: 5px; font-family: pathway gothic, roboto, arial; color: #fff; font-size: 7px; text-transform: uppercase; left: 20px; top: 200px; width: 200px; letter-spacing: 1px; transition: all 1.0s ease-in-out; -moz-transition: all 1.0s ease-in-out; -webkit-transition: all 1.0s ease-in-out; -ms-transition: all 1.0s ease-in-out; -o-transition: all 1.0s ease-in-out; transition-delay: 0.5s; -moz-transition-delay: 0.5s; -webkit-transition-delay: 0.5s; -ms-transition-delay: 0.5s; -o-transition-delay: 0.5s;}
#redo:hover .redo-two {top: -50px; transition-delay: 0.0s; -moz-transition-delay: 0.0s; -webkit-transition-delay: 0.0s; -ms-transition-delay: 0.0s; -o-transition-delay: 0.0s;}
#redo .redo-three {padding: 10px; left: 10px; position: absolute; top: 300px; transition: all 1.2s ease-in-out; -moz-transition: all 1.2s ease-in-out; -webkit-transition: all 1.2s ease-in-out; -ms-transition: all 1.2s ease-in-out; -o-transition: all 1.2s ease-in-out; width: 200px; height: 255px; background-color: #fff; border: 1px solid #e0e0e0; transition-delay: 0.2s; -moz-transition-delay: 0.2s; -webkit-transition-delay: 0.2s; -ms-transition-delay: 0.2s; -o-transition-delay: 0.2s;}
#redo:hover .redo-three {top: 10px; transition-delay: 0.0s; -moz-transition-delay: 0.0s; -webkit-transition-delay: 0.0s; -ms-transition-delay: 0.0s; -o-transition-delay: 0.0s;}
.redo-write {color: #222; font-family: arial; font-size: 11px; text-align: justify; line-height: 90%; overflow: auto; padding-right: 7px; height: 250px;}
.redo-write b {color: #3d3a43; font-size: 13px;}
</style>

<div id="redo"><div class="redo-image3"><div class="redo-two"><center>Кофе и завтраки Капучино, круассан, омлет и вайфай
</center></div><div class="redo-three"><div class="redo-write"><p>

С кофе в городе проблем нет: мест, где молятся на правильную обжарку и жонглируют стеклянными колбами для капельной заварки, с каждым месяцем становится все больше. С завтраками хуже: петербуржцы встают поздно, а там уже и обед. И все же заведения, в которых человек, сошедший с поезда, может получить законный омлет и овсянку с ягодами, существуют; вот несколько проверенных адресов.<br>
Coffee 22 <br>
Shengen<br>
Beirut<br>
Mad Espresso Team<br>
Go-op Garage <br>
Рубинштейн<br>
Cake & Breakfast <br>

<P> 

</div></div></div></div></td>
</tr>
<tr>
<td><style>#redo {width: 240px; padding: 10px; border: 4px solid #3d3a43; background-color: #f7f7f7;;}
.redo-image4 {width: 240px; height: 300px; background-image: url(http://funkyimg.com/i/2LoGE.jpg); background-repeat: no-repeat; border: 0px dotted #121212; position: relative; overflow: hidden;}
#redo .redo-two {background-color: #3d3a43; position: absolute; padding: 5px; font-family: pathway gothic, roboto, arial; color: #fff; font-size: 7px; text-transform: uppercase; left: 20px; top: 200px; width: 200px; letter-spacing: 1px; transition: all 1.0s ease-in-out; -moz-transition: all 1.0s ease-in-out; -webkit-transition: all 1.0s ease-in-out; -ms-transition: all 1.0s ease-in-out; -o-transition: all 1.0s ease-in-out; transition-delay: 0.5s; -moz-transition-delay: 0.5s; -webkit-transition-delay: 0.5s; -ms-transition-delay: 0.5s; -o-transition-delay: 0.5s;}
#redo:hover .redo-two {top: -50px; transition-delay: 0.0s; -moz-transition-delay: 0.0s; -webkit-transition-delay: 0.0s; -ms-transition-delay: 0.0s; -o-transition-delay: 0.0s;}
#redo .redo-three {padding: 10px; left: 10px; position: absolute; top: 300px; transition: all 1.2s ease-in-out; -moz-transition: all 1.2s ease-in-out; -webkit-transition: all 1.2s ease-in-out; -ms-transition: all 1.2s ease-in-out; -o-transition: all 1.2s ease-in-out; width: 200px; height: 255px; background-color: #fff; border: 1px solid #e0e0e0; transition-delay: 0.2s; -moz-transition-delay: 0.2s; -webkit-transition-delay: 0.2s; -ms-transition-delay: 0.2s; -o-transition-delay: 0.2s;}
#redo:hover .redo-three {top: 10px; transition-delay: 0.0s; -moz-transition-delay: 0.0s; -webkit-transition-delay: 0.0s; -ms-transition-delay: 0.0s; -o-transition-delay: 0.0s;}
.redo-write {color: #222; font-family: arial; font-size: 11px; text-align: justify; line-height: 90%; overflow: auto; padding-right: 7px; height: 250px;}
.redo-write b {color: #3d3a43; font-size: 13px;}
</style>

<div id="redo"><div class="redo-image4"><div class="redo-two"><center>Рестораны От советской пышечной до авторской кухни
</center></div><div class="redo-three"><div class="redo-write"><p>

Пару лет назад в Петербурге наконец-то появилась живая ресторанная сцена: молодые предприниматели открывают места по нью-йоркским и лондонским образцам, амбициозные повара не без успеха готовят израильскую уличную еду и российские морепродукты. При этом подход к организации дела у них демократичный: гуманные цены и минимум пафоса.
Kazbegi<br>
Бекицир<br>
Duo<br>
Тан Жен<br>
Peninaro<br>
Camorra<br>
Русская рюмочная №1<br>
Винный шкаф<br><P> 

</div></div></div></div></td>
<td><style>#redo {width: 240px; padding: 10px; border: 4px solid #3d3a43; background-color: #f7f7f7;;}
.redo-image5 {width: 240px; height: 300px; background-image: url(http://funkyimg.com/i/2LoGX.jpg); background-repeat: no-repeat; border: 0px dotted #121212; position: relative; overflow: hidden;}
#redo .redo-two {background-color: #3d3a43; position: absolute; padding: 5px; font-family: pathway gothic, roboto, arial; color: #fff; font-size: 7px; text-transform: uppercase; left: 20px; top: 200px; width: 200px; letter-spacing: 1px; transition: all 1.0s ease-in-out; -moz-transition: all 1.0s ease-in-out; -webkit-transition: all 1.0s ease-in-out; -ms-transition: all 1.0s ease-in-out; -o-transition: all 1.0s ease-in-out; transition-delay: 0.5s; -moz-transition-delay: 0.5s; -webkit-transition-delay: 0.5s; -ms-transition-delay: 0.5s; -o-transition-delay: 0.5s;}
#redo:hover .redo-two {top: -50px; transition-delay: 0.0s; -moz-transition-delay: 0.0s; -webkit-transition-delay: 0.0s; -ms-transition-delay: 0.0s; -o-transition-delay: 0.0s;}
#redo .redo-three {padding: 10px; left: 10px; position: absolute; top: 300px; transition: all 1.2s ease-in-out; -moz-transition: all 1.2s ease-in-out; -webkit-transition: all 1.2s ease-in-out; -ms-transition: all 1.2s ease-in-out; -o-transition: all 1.2s ease-in-out; width: 200px; height: 255px; background-color: #fff; border: 1px solid #e0e0e0; transition-delay: 0.2s; -moz-transition-delay: 0.2s; -webkit-transition-delay: 0.2s; -ms-transition-delay: 0.2s; -o-transition-delay: 0.2s;}
#redo:hover .redo-three {top: 10px; transition-delay: 0.0s; -moz-transition-delay: 0.0s; -webkit-transition-delay: 0.0s; -ms-transition-delay: 0.0s; -o-transition-delay: 0.0s;}
.redo-write {color: #222; font-family: arial; font-size: 11px; text-align: justify; line-height: 90%; overflow: auto; padding-right: 7px; height: 250px;}
.redo-write b {color: #3d3a43; font-size: 13px;}
</style>

<div id="redo"><div class="redo-image5"><div class="redo-two"><center>Кораблики и катера: прогулки по рекам и каналам
</center></div><div class="redo-three"><div class="redo-write"><p>

Туристическая забава, которой хотя бы раз в год предаются и сами петербуржцы. Несмотря на обилие воды (она занимает около 10% территории города), рейсовых корабликов в Петербурге нет. Самый простой способ увидеть дворцы и соборы в особом ракурсе, с палубы, — сесть на один из десятков прогулочных теплоходов и катеров, в сезон поджидающих вас повсюду, включая пристани у Эрмитажа и Медного всадника и набережные Мойки, Фонтанки и канала Грибоедова рядом с Невским проспектом. Маршрут более-менее стандартный и обычно включает выход на просторы Невы из лабиринта малых рек и каналов. Отдельный жанр — ночная прогулка под разводящимися мостами.<P> 


</div></div></div></div></td>
</tr>
<tr>
<td><style>#redo {width: 240px; padding: 10px; border: 4px solid #3d3a43; background-color: #f7f7f7;;}
.redo-image6 {width: 240px; height: 300px; background-image: url(http://funkyimg.com/i/2LoGJ.png); background-repeat: no-repeat; border: 0px dotted #121212; position: relative; overflow: hidden;}
#redo .redo-two {background-color: #3d3a43; position: absolute; padding: 5px; font-family: pathway gothic, roboto, arial; color: #fff; font-size: 7px; text-transform: uppercase; left: 20px; top: 200px; width: 200px; letter-spacing: 1px; transition: all 1.0s ease-in-out; -moz-transition: all 1.0s ease-in-out; -webkit-transition: all 1.0s ease-in-out; -ms-transition: all 1.0s ease-in-out; -o-transition: all 1.0s ease-in-out; transition-delay: 0.5s; -moz-transition-delay: 0.5s; -webkit-transition-delay: 0.5s; -ms-transition-delay: 0.5s; -o-transition-delay: 0.5s;}
#redo:hover .redo-two {top: -50px; transition-delay: 0.0s; -moz-transition-delay: 0.0s; -webkit-transition-delay: 0.0s; -ms-transition-delay: 0.0s; -o-transition-delay: 0.0s;}
#redo .redo-three {padding: 10px; left: 10px; position: absolute; top: 300px; transition: all 1.2s ease-in-out; -moz-transition: all 1.2s ease-in-out; -webkit-transition: all 1.2s ease-in-out; -ms-transition: all 1.2s ease-in-out; -o-transition: all 1.2s ease-in-out; width: 200px; height: 255px; background-color: #fff; border: 1px solid #e0e0e0; transition-delay: 0.2s; -moz-transition-delay: 0.2s; -webkit-transition-delay: 0.2s; -ms-transition-delay: 0.2s; -o-transition-delay: 0.2s;}
#redo:hover .redo-three {top: 10px; transition-delay: 0.0s; -moz-transition-delay: 0.0s; -webkit-transition-delay: 0.0s; -ms-transition-delay: 0.0s; -o-transition-delay: 0.0s;}
.redo-write {color: #222; font-family: arial; font-size: 11px; text-align: justify; line-height: 90%; overflow: auto; padding-right: 7px; height: 250px;}
.redo-write b {color: #3d3a43; font-size: 13px;}
</style>

<div id="redo"><div class="redo-image6"><div class="redo-two"><center>Корабли, белки, мороженое
</center></div><div class="redo-three"><div class="redo-write"><p>

Разведенные мосты, прогулки на катере, крепостные бастионы и парковые фонтаны доступны всем возрастам, так что специальных развлечений для детей в Петербурге выдумывать не придется — по крайней мере, в приличную погоду летом. На случай ноябрьской или мартовской слякоти всегда есть музеи, в том числе на крейсере и на ледоколе, а также огромный макет Петербурга XVIII века. В зоопарк, который ютится за Петропавловской крепостью, ходить не стоит: от вида его тесных клеток можно разрыдаться.<br>
Крейсер "Аврора"<br>
Центральный парк культуры и отдыха <br>
Петропавловская крепость<br>
Зоологический музей<br>
Пулковская обсерватория<br>
Петровская акватория<br>
Кунсткамера<br>
Ледокол "Красин"<br>
<P> 

</div></div></div></div></td>
<td><style>#redo {width: 240px; padding: 10px; border: 4px solid #3d3a43; background-color: #f7f7f7;;}
.redo-image7 {width: 240px; height: 300px; background-image: url(http://funkyimg.com/i/2LoGG.jpg); background-repeat: no-repeat; border: 0px dotted #121212; position: relative; overflow: hidden;}
#redo .redo-two {background-color: #3d3a43; position: absolute; padding: 5px; font-family: pathway gothic, roboto, arial; color: #fff; font-size: 7px; text-transform: uppercase; left: 20px; top: 200px; width: 200px; letter-spacing: 1px; transition: all 1.0s ease-in-out; -moz-transition: all 1.0s ease-in-out; -webkit-transition: all 1.0s ease-in-out; -ms-transition: all 1.0s ease-in-out; -o-transition: all 1.0s ease-in-out; transition-delay: 0.5s; -moz-transition-delay: 0.5s; -webkit-transition-delay: 0.5s; -ms-transition-delay: 0.5s; -o-transition-delay: 0.5s;}
#redo:hover .redo-two {top: -50px; transition-delay: 0.0s; -moz-transition-delay: 0.0s; -webkit-transition-delay: 0.0s; -ms-transition-delay: 0.0s; -o-transition-delay: 0.0s;}
#redo .redo-three {padding: 10px; left: 10px; position: absolute; top: 300px; transition: all 1.2s ease-in-out; -moz-transition: all 1.2s ease-in-out; -webkit-transition: all 1.2s ease-in-out; -ms-transition: all 1.2s ease-in-out; -o-transition: all 1.2s ease-in-out; width: 200px; height: 255px; background-color: #fff; border: 1px solid #e0e0e0; transition-delay: 0.2s; -moz-transition-delay: 0.2s; -webkit-transition-delay: 0.2s; -ms-transition-delay: 0.2s; -o-transition-delay: 0.2s;}
#redo:hover .redo-three {top: 10px; transition-delay: 0.0s; -moz-transition-delay: 0.0s; -webkit-transition-delay: 0.0s; -ms-transition-delay: 0.0s; -o-transition-delay: 0.0s;}
.redo-write {color: #222; font-family: arial; font-size: 11px; text-align: justify; line-height: 90%; overflow: auto; padding-right: 7px; height: 250px;}
.redo-write b {color: #3d3a43; font-size: 13px;}
</style>

<div id="redo"><div class="redo-image7"><div class="redo-two"><center>Бары и клубы В Питере — пить
</center></div><div class="redo-three"><div class="redo-write"><p>

Хотя достойные питейные заведения теперь встречаются и на Петроградской стороне, и на Васильевском острове, из-за мостов, которые отрезают острова от центра в самый разгар веселья, ночная жизнь Петербурга по большей части происходит на южном берегу Невы. Бары концентрируются на улицах Некрасова, Рубинштейна и Белинского, клубы с танцами скрываются во дворах Конюшенной площади. Если кто-нибудь попытается увлечь вас на Думскую улицу, сопротивляйтесь: она пришла в упадок еще пять лет тому назад.<br>
Пиф-Паф<br>
Продукты<br>
The Hat<br>
Terminal<br>
Хроники<br>
Фарш & Бочка<br>
Stackenschneider<br><P> 

</div></div></div></div></td>
</tr>
<tr>
<td><style>#redo {width: 240px; padding: 10px; border: 4px solid #3d3a43; background-color: #f7f7f7;;}
.redo-image8 {width: 240px; height: 300px; background-image: url(http://funkyimg.com/i/2LoH3.jpg); background-repeat: no-repeat; border: 0px dotted #121212; position: relative; overflow: hidden;}
#redo .redo-two {background-color: #3d3a43; position: absolute; padding: 5px; font-family: pathway gothic, roboto, arial; color: #fff; font-size: 7px; text-transform: uppercase; left: 20px; top: 200px; width: 200px; letter-spacing: 1px; transition: all 1.0s ease-in-out; -moz-transition: all 1.0s ease-in-out; -webkit-transition: all 1.0s ease-in-out; -ms-transition: all 1.0s ease-in-out; -o-transition: all 1.0s ease-in-out; transition-delay: 0.5s; -moz-transition-delay: 0.5s; -webkit-transition-delay: 0.5s; -ms-transition-delay: 0.5s; -o-transition-delay: 0.5s;}
#redo:hover .redo-two {top: -50px; transition-delay: 0.0s; -moz-transition-delay: 0.0s; -webkit-transition-delay: 0.0s; -ms-transition-delay: 0.0s; -o-transition-delay: 0.0s;}
#redo .redo-three {padding: 10px; left: 10px; position: absolute; top: 300px; transition: all 1.2s ease-in-out; -moz-transition: all 1.2s ease-in-out; -webkit-transition: all 1.2s ease-in-out; -ms-transition: all 1.2s ease-in-out; -o-transition: all 1.2s ease-in-out; width: 200px; height: 255px; background-color: #fff; border: 1px solid #e0e0e0; transition-delay: 0.2s; -moz-transition-delay: 0.2s; -webkit-transition-delay: 0.2s; -ms-transition-delay: 0.2s; -o-transition-delay: 0.2s;}
#redo:hover .redo-three {top: 10px; transition-delay: 0.0s; -moz-transition-delay: 0.0s; -webkit-transition-delay: 0.0s; -ms-transition-delay: 0.0s; -o-transition-delay: 0.0s;}
.redo-write {color: #222; font-family: arial; font-size: 11px; text-align: justify; line-height: 90%; overflow: auto; padding-right: 7px; height: 250px;}
.redo-write b {color: #3d3a43; font-size: 13px;}
</style>

<div id="redo"><div class="redo-image8"><div class="redo-two"><center>Без туристов Потайные места и необычные достопримечательности
</center></div><div class="redo-three"><div class="redo-write"><p>

Петербург — это не только Эрмитаж и Мариинка, но и странные, необычные, непроходные места, о которых не всегда знают даже местные жители. Прямо под носом у толп можно найти запущенные особняки, где собираются на авангардные концерты читатели закрытых групп в соцсетях, в окрестностях порта — пейзажи из киберпанковских антиутопий, на окраинах — гнезда буддистов и звездочетов. Побывав хотя бы в нескольких местах из этого списка, вы приблизитесь к званию настоящего знатока города.<br>
Музей уличного искусства <br>
Академия Штиглица<br>
Блошиный рынок на Удельной<br>
Витебский вокзал<br>
Голицын Лофт<br>
Улица Рубинштейна<br>
Анненкирхе <br><P> 

</div></div></div></div></td>
<td><style>#redo {width: 240px; padding: 10px; border: 4px solid #3d3a43; background-color: #f7f7f7;;}
.redo-image9 {width: 240px; height: 300px; background-image: url(http://funkyimg.com/i/2LoH2.jpg); background-repeat: no-repeat; border: 0px dotted #121212; position: relative; overflow: hidden;}
#redo .redo-two {background-color: #3d3a43; position: absolute; padding: 5px; font-family: pathway gothic, roboto, arial; color: #fff; font-size: 7px; text-transform: uppercase; left: 20px; top: 200px; width: 200px; letter-spacing: 1px; transition: all 1.0s ease-in-out; -moz-transition: all 1.0s ease-in-out; -webkit-transition: all 1.0s ease-in-out; -ms-transition: all 1.0s ease-in-out; -o-transition: all 1.0s ease-in-out; transition-delay: 0.5s; -moz-transition-delay: 0.5s; -webkit-transition-delay: 0.5s; -ms-transition-delay: 0.5s; -o-transition-delay: 0.5s;}
#redo:hover .redo-two {top: -50px; transition-delay: 0.0s; -moz-transition-delay: 0.0s; -webkit-transition-delay: 0.0s; -ms-transition-delay: 0.0s; -o-transition-delay: 0.0s;}
#redo .redo-three {padding: 10px; left: 10px; position: absolute; top: 300px; transition: all 1.2s ease-in-out; -moz-transition: all 1.2s ease-in-out; -webkit-transition: all 1.2s ease-in-out; -ms-transition: all 1.2s ease-in-out; -o-transition: all 1.2s ease-in-out; width: 200px; height: 255px; background-color: #fff; border: 1px solid #e0e0e0; transition-delay: 0.2s; -moz-transition-delay: 0.2s; -webkit-transition-delay: 0.2s; -ms-transition-delay: 0.2s; -o-transition-delay: 0.2s;}
#redo:hover .redo-three {top: 10px; transition-delay: 0.0s; -moz-transition-delay: 0.0s; -webkit-transition-delay: 0.0s; -ms-transition-delay: 0.0s; -o-transition-delay: 0.0s;}
.redo-write {color: #222; font-family: arial; font-size: 11px; text-align: justify; line-height: 90%; overflow: auto; padding-right: 7px; height: 250px;}
.redo-write b {color: #3d3a43; font-size: 13px;}
</style>

<div id="redo"><div class="redo-image9"><div class="redo-two"><center>Окрестности Петербурга: куда съездить за город
</center></div><div class="redo-three"><div class="redo-write"><p>

Российские императоры не меньше, чем нынешние дачники, любили проводить короткое петербургское лето на природе, но быт свой обустраивали гораздо интереснее. В южных окрестностях бывшей столицы от них осталось несколько впечатляющих резиденций, похожих и не похожих друг на друга. К северу от города между Финским заливом и Ладожским озером лежит Карельский перешеек, куда ездят гулять по приморским дюнам и по сосновым лесам среди гранитных валунов. Притом даже в случае с Выборгом, от которого уже рукой подать до Финляндии, вполне реально обернуться за один день.<br>
Петергоф<br>
Царское Село <br>
Павловск<br>
Гатчина<br>
Побережье Финского залива<br>
Кронштадт <br>
Выборг <br><P> 

</div></div></div></div></td>
</tr>
</tbody>
</table>