<center>
<style type="text/css">
.siri {width: 500px; height: 165px; background-image: url(http://sh.uploads.ru/6g9TG.png)}
.see {height: 600px; background-image: url(http://s1.uploads.ru/JKpF0.png); color: white}
.cas {width: 440px; height: 380px; padding: 30px; background-image: url(http://sh.uploads.ru/B6wNn.png); color: black;  font-family: monospace; font-size: 10.5px; text-align: justify; margin-bottom: 100px; border-bottom: 0px solid #9f8660; overflow: auto}
.cas2 {width: 440px; height: 170px; padding: 30px; color: black;  font-family: tahoma; font-size: 10.5px; text-align: justify; margin-bottom: 100px; border-bottom: 0px solid #9f8660; overflow: auto}
.dar {color: #9DA2A2; background-image: url(http://s1.uploads.ru/JKpF0.png);  font-family: initial;   height: 18px;}
.cas::-webkit-scrollbar { width: 5px; background: black} .abs::-webkit-scrollbar-thumb { background: black; } .abs::-webkit-scrollbar-corner { background: white; }
.cas2::-webkit-scrollbar { width: 5px; background: black} .abs::-webkit-scrollbar-thumb { background: black; } .abs::-webkit-scrollbar-corner { background: white; }
</style>

<div class="dar">
</div>
<div class="see"><div class="siri"></div><div class="cas"><center>
<table>
<tr>
<td>
<div style="font-family: 'Garamond'; font-size: 20px; text-align: center; line-height: 50%; text-transform: lowercase; letter-spacing: -2px; color: #47485a; 

">фамилии</div>
</td>
<td>
<div style="font-family: 'Garamond'; font-size: 20px; text-align: center; line-height: 50%; text-transform: lowercase; letter-spacing: -2px; color: #47485a; 

">имена</div>
</td>
</tr>
</table>

<table>
<tr>
<td><div class="cas2">
<b>b</b>utler</br>
<b>k</b>incaid</br>
<b>t</b>wombly</br>

</div>
</td>
<td><div class="cas2">
<b>с</b>lyde</br>
<b>e</b>lsa</br>
<b>t</b>heodore</br>

</div>
</td>
</tr>
</table>
</center></div>

</div>
<div class="dar">.</div></center>

<b>ф</b>амилия

<b>и</b>мя