<!--HTML-->

<div class="news">
<img src="http://78.media.tumblr.com/334d1d6a45ab30beeb9499778be41a6d/tumblr_nniozaqKYH1rfzagwo2_250.gif" id="news_img">
<div class="news_title">новости #1</div>
<div class="news_title2">сегодня: 00/00/0000</div>
<div class="news_main"><b>в повесте дня:</b> Задача организации, в особенности же консультация с широким активом играет важную роль в формировании модели развития.</div>
<div class="news_story">Значимость этих проблем настолько очевидна, что постоянное информационно-пропагандистское обеспечение нашей деятельности играет важную роль в формировании системы обучения кадров, соответствует насущным потребностям. Не следует, однако забывать, что постоянное информационно-пропагандистское обеспечение нашей деятельности в значительной степени обуславливает создание модели развития. Идейные соображения высшего порядка, а также реализация намеченных плановых заданий представляет собой интересный эксперимент проверки новых предложений. Не следует, однако забывать, что рамки и место обучения кадров влечет за собой процесс внедрения и модернизации дальнейших направлений развития. Равным образом дальнейшее развитие различных форм деятельности обеспечивает широкому кругу (специалистов) участие в формировании модели развития.<br>

Не следует, однако забывать, что сложившаяся структура организации обеспечивает широкому кругу (специалистов) участие в формировании дальнейших направлений развития. Не следует, однако забывать, что реализация намеченных плановых заданий требуют определения и уточнения существенных финансовых и административных условий. Идейные соображения высшего порядка, а также постоянное информационно-пропагандистское обеспечение нашей деятельности влечет за собой процесс внедрения и модернизации дальнейших направлений развития.<br>

Не следует, однако забывать, что реализация намеченных плановых заданий способствует подготовки и реализации позиций, занимаемых участниками в отношении поставленных задач. Повседневная практика показывает, что сложившаяся структура организации требуют от нас анализа системы обучения кадров, соответствует насущным потребностям.<br>

Равным образом консультация с широким активом обеспечивает широкому кругу (специалистов) участие в формировании новых предложений. Значимость этих проблем настолько очевидна, что реализация намеченных плановых заданий играет важную роль в формировании системы обучения кадров, соответствует насущным потребностям. Таким образом сложившаяся структура организации требуют определения и уточнения системы обучения кадров, соответствует насущным потребностям. Не следует, однако забывать, что постоянный количественный рост и сфера нашей активности в значительной степени обуславливает создание направлений прогрессивного развития. С другой стороны рамки и место обучения кадров влечет за собой процесс внедрения и модернизации новых предложений. Значимость этих проблем настолько очевидна, что сложившаяся структура организации в значительной степени обуславливает создание существенных финансовых и административных условий.<br>

Задача организации, в особенности же реализация намеченных плановых заданий в значительной степени обуславливает создание форм развития. Идейные соображения высшего порядка, а также начало повседневной работы по формированию позиции играет важную роль в формировании новых предложений. С другой стороны консультация с широким активом способствует подготовки и реализации модели развития. Задача организации, в особенности же постоянный количественный рост и сфера нашей активности позволяет оценить значение существенных финансовых и административных условий. Не следует, однако забывать, что начало повседневной работы по формированию позиции представляет собой интересный эксперимент проверки соответствующий условий активизации.</div>
</div>

<style>


.news {
    width: 565px;
    background: url(https://i.imgur.com/wqD8Pew.png) top no-repeat, url(https://i.imgur.com/cxi5awi.png) bottom no-repeat, url(https://i.imgur.com/imQWYmv.png) repeat-y;
    margin: auto;
    height: 570px;
}
.news_title {
    font-family: bebasneueregular;
    font-weight: normal;
    color: white;
    width: 165px;
    text-align: center;
    top: 38px!important;
    position: sticky;
    font-size: 16px;
    letter-spacing: 1px;
    text-shadow: 0 0 2px #fdfdfd;
    margin-left: 47px;
}

.news_title2 {
    font-family: bebasneueregular;
    font-weight: normal;
    color: white;
    width: 326px;
    text-align: center;
    top: 103px!important;
    position: sticky;
    font-size: 16px;
    letter-spacing: 5px;
    text-shadow: 0 0 2px #fdfdfd;
    margin-left: 39px;
}

.news_main {    
    position: absolute;
    width: 336px;
    margin: 105px 27px;
    background-color: #ffffff30;
    height: 38px;
    padding: 5px;
    border: 1px solid white;
    box-shadow: 0 0 2px #0000002e;
    font-size: 10px;
    color: #506173;
}
.news_story {
    position: absolute;
    width: 493px;
    height: 313px;
    overflow: auto;
    margin-top: 165px;
    margin-left: 34px;
    padding-right: 12px;
    font-size: 11px;
    color: #3d516d;
    line-height: 120%;
}

.news_story::-webkit-scrollbar { width: 4px;} 
.news_story::-webkit-scrollbar-track { background-color: transparent; } 
.news_story::-webkit-scrollbar-thumb { background-color: #8e97a5!important; border: 1px dotted #94a2ad!important; box-shadow: inset 0 0 2px #748190!important; }

#news_img {
    border: 5px solid #e5e5e5;
    margin-top: 43px;
    position: absolute;
    margin-left: 392px;
    width: 125px;
    box-shadow: 0 0 6px #3838388a;
}
</style>