Код:
<!--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>