<!--HTML-->
 <style>
#main1 {
   width: 620px;
   height: 260px;
   background: #;
    letter-spacing: 1px;
    line-height: 1.5em;
    text-align: center;

}


#bord1 {
   width: 150px;
   height: 250px;
   background: #;
    margin: auto;
    border: 3px solid #211911;
    padding: 0px;
    position: relative;
    left: -190px;

  line-height: 1.5em;   

}

#bord2 {
   width: 400px;
   height: 250px;
   background-image: url(http://sh.uploads.ru/NmdEu.png);
    margin: auto;
    border: 1px solid #211911;
    padding: 2px;
    position: relative;
    left: 90px;
    top: -256px;
  line-height: 1.5em;   

}

#info {
  width: 385px;
   height: 235px;
    margin: 5px 5px 5px 5px;
    border: 1px solid #5f4727;
    padding: 2px;
    position: relative;
  line-height: 1.5em;   

}

.name {
margin-top: 10px;
font-family: Old Standard TT; 
text-align: center; 
text-transform: uppercase; 
font-size: 15px;
color: #a37627;
  line-height: 1.5em;   
}

.tales_rus {
 text-align: center;
margin-top: 5px;
font-style: normal;
text-transform: uppercase; 
font-family: Georgia ;
font-size: 8px;
line-height: 0.5em;
color: #b6a07b;
}

.text {
margin: 10px 5px 5px 5px;
font-style: normal;
font-size: 10px;
color: #93805f;
text-align: justify;
 letter-spacing: 1px;
  line-height: 1.3em;   
}

.menu {
margin: 7px 5px 5px 5px;
font-style: normal;
font-family: Old Standard TT; 
font-size: 12px;
color: #a37627;
text-align: center;
  line-height: 1.5em; 
 

}

 </style>

<div id="main1">
    <div id="bord1">
          <IMG SRC="http://sh.uploads.ru/AaFJL.png">
    </div>
    <div id="bord2">
           <div id="info">
                   <div class="name"> Золушка
                          <a href="http://skazki-grimm.ru/zolushka/" target="_blank" title="Прочитать сказку"><img src="http://funkyimg.com/i/Zk5x.png"></a>
                    </div> 
                    <div class="tales_rus"> братья гримм [золушка] </div>
                    <div class="text"> После эффектного появления на балу у Золушки осталась лишь одна туфелька, за которой так никто и не приехал. Принц быстро нашел замену рассеянной незнакомке на балу, а Золушке, похоже, предстояло до конца жизни прислуживать своей мачехе. Негодование и злость дали свои ростки в душе девушки задолго до попадания в мир людей. А попав под влияние Крысолова, главного криминального авторитета Фоллрема, от доброты и всепрощения Золушки не осталось и следа.  </div>
                    <div class="menu"> управляющая казино ● 29-35 y.o. ● Rosamund Pike</div>
           </div>
     </div>
</div>


<div id="main1">
    <div id="bord1">
          <IMG SRC="http://sh.uploads.ru/N1ISu.png">
    </div>
    <div id="bord2">
           <div id="info">
                   <div class="name"> Прекрасный Принц
                          <a href="http://skazki-grimm.ru/zolushka/" target="_blank" title="Прочитать сказку"><img src="http://funkyimg.com/i/Zk5x.png"></a>
                    </div> 
                    <div class="tales_rus"> братья гримм [золушка] </div>
                    <div class="text"> Мысль о прекрасной незнакомке, потерявшей туфельку, не давала принцу покоя до самого утра, пока он не встретил не менее прекрасную фрейлину, обронившую свой расшитый вензелями платочек. Принц никогда не врал, говоря о своей любви, но не уточнял, что любит он еще и ту даму в желтом и, возможно, ту даму в розовом.  В Фоллреме, лишившись прежних регалий и привилегий, он занимается тем, что у него получается лучше всего - очаровывает людей, разбивает сердца и продает виагру. </div>
                    <div class="menu"> мерчендайзер ● 29-36 y.o. ● Armie Hammer</div>
           </div>
     </div>
</div>


<div id="main1">
    <div id="bord1">
          <IMG SRC="http://sd.uploads.ru/WtSs2.png">
    </div>
    <div id="bord2">
           <div id="info">
                   <div class="name"> Урсула
                          <a href="https://azku.ru/andersen-gans-hristian-skazki/rusalochka.html" target="_blank" title="Прочитать сказку"><img src="http://funkyimg.com/i/Zk5x.png"></a>
                    </div> 
                    <div class="tales_rus"> г.х. андерсен [русалочка] </div>
                    <div class="text"> Дочь морского царя и обычной женщины с детства слушала песни чистокровных русалок и завидовала их голосам. Ее скрипучий голос заставлял морщиться тех, кто его слышал. Урсула пыталась обрести голос с помощью черного колдовства, но была с позором изгнана из дворца сводным братом. Много лет спустя ей выпадает шанс отомстить Тритону - она забирает голос его любимой младшей дочери. В Фоллреме Урсула исполнила свое заветное желание и стала певицей, чей голос приходят послушать сотни сказок. Но мало кто знает, какую кровавую цену она платит для поддержания своего голоса. </div>
                    <div class="menu"> певица ● 38-45 y.o. ● Gina Torres</div>
           </div>
     </div>
</div>


<div id="main1">
    <div id="bord1">
          <IMG SRC="http://s7.uploads.ru/eKsu1.png">
    </div>
    <div id="bord2">
           <div id="info">
                   <div class="name"> Гамельнский Крысолов 
                          <a href="http://hobbitaniya.ru/skazka/skazka13.php" target="_blank" title="Прочитать сказку"><img src="http://funkyimg.com/i/Zk5x.png"></a>
                    </div> 
                    <div class="tales_rus"> немецкая легенда </div>
                    <div class="text"> Покидая Гамельн и уводя за собой всех детей, Крысолов считал, что совершает правосудие над лживыми властями и неблагодарными жителями города. Система городского управления Фоллрема, которая строилась на привилегиях и неоднозначных заслугах, не внушила Крысолову ни уважения, ни покорности. Он в очередной раз убедился, что вверять свою судьбу и имущество властям - верх глупости. Не желая находиться под колпаком Глинды и ее последователей, он ушел в тень - туда, куда за ним отправились его верные союзники. </div>
                    <div class="menu"> криминальный авторитет ● 40-50 y.o. ● Aidan Gillen</div>
           </div>
     </div>
</div>


<div id="main1">
    <div id="bord1">
          <IMG SRC="http://s3.uploads.ru/wBDMc.png">
    </div>
    <div id="bord2">
           <div id="info">
                   <div class="name"> Златовласка
                          <a href="https://librolife.ru/g2811939" target="_blank" title="Прочитать сказку"><img src="http://funkyimg.com/i/Zk5x.png"></a>
                    </div> 
                    <div class="tales_rus"> английская сказка </div>
                    <div class="text"> Путь Златовласки был предопределен, когда она согласилась помочь бедной старушке вернуть одну вещь из домика трех медведей. Но выбраться невредимой не удалось. На теле девушки навсегда остался безобразный шрам. Будучи крайне злопамятной, Злотовласка после не раз обворовывала дом бедных медведей, жалеющих, что в свое время не убили пакостливую девчонку. В Фоллреме воровство оказалось прибыльным делом. Выполнить необычный заказ на кражу одной магической вещицы у самой Глинды с первой попытки не удалось, отступится ли Златовласка или попробует сорвать куш, рискнув головой?</div>
                    <div class="menu"> воровка ● 25-30 y.o. ● Margot Robbie</div>
           </div>
     </div>
</div>