Код:
<!--HTML--><div class="htmldemo"><center>
<div class="gostevaya" style="background-image: url(http://funkyimg.com/i/2P6ug.png); height: 529px!important; width: 944px!important; MARGIN-LEFT: -20PX; ">
<div class="TEXT1"><B>Город:</B> Monterey, California (Монтерей).<BR>
<B>Население:</B> 28 639.<BR>
<B>Год основания:</B> 1770г.<BR>
<B>Районы:</B> Pacific grove, Pebble beach, Carmel.</div>
<div class="TEXT2">Монтерей - небольшой калифорнийский город на берегу залива Монтерей, который вплоть до середины 19 века являлся столицей Калифорнии и славился рыбной промышленностью. Сейчас же это уютный туристический город у моря с малоэтажной застройкой из небольших белёных домиков. Но притом - с лучшим в стране аквариумом, джазовым фестивалем и чуть ли не лучшим заливом с морским каньоном. Попросту говоря - один из самых красивых прибрежных городов Калифорнии, который славится серфингом, каяками, дайвингом, яхтами, лавандовыми побережьями и хвойными лесами. Администрация города проводит многочисленные развлекательные мероприятия, благодаря чему, у местных уже сложились свои праздничные даты и традиции. К примеру, на рождество обязательно заливают каток (то еще зрелище - пальмы, кактусы, в 50-ти метрах плещется тихий океан, а в центре всего этого - каток).<BR>
Территориально город расположен в 290 км от Сан-Франциско и примерно в 600 км от Лос-Анджелеса.</div>
<div class="TEXT3">Монтерей славится умеренно теплыми климатическими условиями. Средняя температура зимой 7-16°C, летом 19-24°C. В год выпадает около 424 мм осадков, большая часть которых приходится преимущественно на зимний сезон.</div>
<div class="TEXT4">Город является домом для многих видов морских млекопитающих, среди которых выдра, тюлени, афалины и морские слоны, которые плавают вдоль берега и постоянно греются на пляжах и сваях причалов, а через залив Монтерей проходит миграционный путь серых и горбатых китов.
Некоторые разновидности водорослей растущих в бухте, становятся такими же высокими, как деревья, образуя так называемый ламинариев лес, в котором помимо рыбы, обитают морские черепахи.</div>
<div class="TEXT5"><div class="VOP1">Места для посещения: </div>
<B>1.</B> Аквариум Монтерей Бей <BR>
<B>2.</B> Подводный каньон Монтерей <BR>
<B>3.</B> Побережье (лавандовое побережье)<BR>
<B>4.</B> Китовое сафари <BR>
<B>5.</B> Винные туры и дегустации <BR>
<B>6.</B> Университет Монтерея</div>
<div class="TEXT6"><div class="VOP1">Значимые даты</div>
<B>15 число месяца</B> - фестиваль культуры(турецкаой, испанской и т.д.)<BR>
<B>20.05.</B> - день города<BR>
<B>последний понедельник мая<B> - день памяти<BR>
<B>04.07.</B> - день независимости<BR>
<B>21.09. - 23.09.</B> - джазовый фестиваль<BR>
<B>31.10. - 01.11.</B> - хэллоуин<BR>
<B>4-й четверг ноября </B> - день благодарения<BR>
<B>25.12. </B> - рождество</div>
<br><br><br><style>
</style></a></div>
<style type="text/css">
.VOP1 {background: radial-gradient(at center, #a88443, #81571d, #672b00);
padding: 2px 30px;
font-size: 12px;
line-height: 13px;
font-family: bebas neue;
font-weight: 500;
margin-bottom: 10px;
margin-top: 10px;
color: white;
WIDTH: 130PX;
letter-spacing: 1px;
}
.VOP2 { background: radial-gradient(at center, #2c522e, #132813, #001000);
padding: 2px 25px;
font-size: 12px;
line-height: 13px;
font-family: bebas neue;
font-weight: 500;
margin-bottom: 3px;
margin-top: 10px;
color: white;
WIDTH: 60PX;
letter-spacing: 1px;
}
.TEXT1 {font-family: TAHOMA;
letter-spacing: px;
font-size: 14px;
color: #ffffff;
line-height: 90%;
position: absolute;
width: 470px;
height: 40px;
text-align: justify;
margin-top: 51px!important;
margin-left: 150px!important;
text-shadow: -1px -1px #977031;
}
.TEXT2 { font-family: TAHOMA;
letter-spacing: px;
font-size: 11px;
color: #ffffff;
line-height: 92%;
position: absolute;
width: 405px;
height: 40px;
text-align: justify;
margin-top: 172px!important;
margin-left: 502px!important;
}
.TEXT3 {OVERFLOW: auto;
font-family: TAHOMA;
letter-spacing: px;
font-size: 11px;
color: #ffffff;
line-height: 95%;
position: absolute;
width: 305px;
height: 85px;
text-align: justify;
margin-top: 150px!important;
margin-left: 40px!important;
}
.TEXT4 {OVERFLOW: auto;
font-family: verdana;
letter-spacing: px;
font-size: 11px;
color: #ffffff;
line-height: 95%;
position: absolute;
width: 400px;
height: 120px;
text-align: justify;
margin-top: 280px!important;
MARGIN-LEFT: 50PX;
}
.TEXT5 { font-family: verdana;
letter-spacing: px;
font-size: 10px;
color: #ffffff;
line-height: 95%;
position: absolute;
width: 180px;
height: 40px;
text-align: justify;
margin-top: 385px!important;
margin-left: 488px!important;
}
.TEXT6 { OVERFLOW: auto;
font-family: verdana;
letter-spacing: px;
font-size: 10px;
color: #ffffff;
line-height: 90%;
position: absolute;
width: 210px;
height: 100px;
text-align: LEFT;
margin-top: 385px!important;
margin-left: 705px!important;
}
</style>





