Код:
<!--HTML-->
<style type="text/css">
div.foon { width: 700px; height: 472px; margin-left: 0px; display: block; background: url(http://funkyimg.com/i/2fMuL.png); padding-top: 0px; padding-bottom: 0px; }
div.bg { width: 300px; height: 200px; margin-left: -300px; display: block; background: transpanent; padding-top: 0px; padding-bottom: 0px;}
div.qt{
padding: 0 0 0 0;
color: #ffffff;
font-size: 11px;
letter-spacing: 2px;
bottom: 9px;
position: relative;
z-index: 2;
font-style: normal;
font-weight: 900;
font-family: 'Calibri';
}
.korpus > div, .korpus > input { display: none; }
.korpus {text-align: center;}
.korpus label {
width: 35px;
display: inline-block;
background: transpanent;
color: transpanent;
border-color: transpanent;
}
.korpus label:hover {
}
.korpus input[type="radio"]:checked + label {
font-weight: italic;
}
.korpus > input:nth-of-type(1):checked ~ div:nth-of-type(1),
.korpus > input:nth-of-type(2):checked ~ div:nth-of-type(2),
.korpus > input:nth-of-type(3):checked ~ div:nth-of-type(3),
.korpus > input:nth-of-type(4):checked ~ div:nth-of-type(4),
.korpus > input:nth-of-type(5):checked ~ div:nth-of-type(5)
{ display: block; margin-top: 10px; text-align: justify;}
#steck {width:260px; box-sizing:border-box; border:#ccc solid 1px; margin: 0 auto; font-size:12px; color:rgba(30, 32, 35, .8); font-family: 'Roboto';}/*<br />
*/ .steck-td {height:100px; overflow:auto; margin-left: -25px; margin-top: 10px; box-sizing: content-box; color:rgba(30, 32, 35, .8); font-family: 'Cuprum'; text-align:center;}/*<br />
</style>
<center><div class="foon">
<div class="bg">
<br><br><br><br><br><br><br><br>
<div style="padding: 10px 0 50px 0; width: 240px; text-align: justify; font-size: 11px; margin-left: 350px; margin-top: 100px; "><br>
<div class="korpus">
<input type="radio" name="odin" checked="checked" id="vkl1"><label for="vkl1"><img src="http://funkyimg.com/i/2frvR.png"></label>
<input type="radio" name="odin" id="vkl2"><label for="vkl2"><img src="http://funkyimg.com/i/2frvS.png" title=""></label>
<input type="radio" name="odin" id="vkl3"><label for="vkl3"><img src="http://funkyimg.com/i/2frvT.png"></label>
<input type="radio" name="odin" id="vkl4"><label for="vkl4"><img src="http://funkyimg.com/i/2frvU.png"></label>
<input type="radio" name="odin" id="vkl5"><label for="vkl5"><img src="http://funkyimg.com/i/2frvV.png"></label>
<div><span style="display: inline; letter-spacing: 0px; font-size:12px; color:rgba(30, 32, 35, .8); font-family: 'cuprum' ; color: #f2de8e; padding: 0px;"><br>Собственно говоря, на MAKE IT MONEY все не как у людей. Если вы надеялись, что мы предложим вам уже всем приевшуюся систему оплаты постов и других достижений, то вы ошибаетесь!
Итак, мы представляем вам совершенно новую банковскую систему.<br>
</span>
</div>
<div>
<table><tbody><tr><td width="258px""><div class="steck-td">
<img src="http://funkyimg.com/i/2frxk.png"><br>
<img src="http://funkyimg.com/i/2frxk.png"><br>
<img src="http://funkyimg.com/i/2frxk.png"><br>
</div> </td><tr></tbody></table>
</div>
<div>
<table><tbody><tr><td width="258px""><div class="steck-td">
<img src="http://havepic.ru/87102127.png">
<img src="http://havepic.ru/78498650.png">
<img src="http://havepic.ru/50291745.png">
<img src="http://havepic.ru/16551446.png"><br>
<img src="http://havepic.ru/23239345.png">
<img src="http://havepic.ru/54309984.png">
<img src="http://havepic.ru/82060517.png">
<img src="http://havepic.ru/70211882.png"><br>
<img src="http://havepic.ru/87102127.png">
<img src="http://havepic.ru/78498650.png">
<img src="http://havepic.ru/50291745.png">
<img src="http://havepic.ru/16551446.png"><br>
</div> </td><tr></tbody></table>
</div>
<div>
<table><tbody><tr><td width="258px""><div class="steck-td">
<img src="http://havepic.ru/53092311.png">
</div> </td><tr></tbody></table>
</div>
<div>
<table><tbody><tr><td width="258px""><div class="steck-td">
<img src="http://funkyimg.com/i/2frA6.png"><br>
<img src="http://funkyimg.com/i/2frA6.png"><br>
<img src="http://funkyimg.com/i/2frA6.png"><br>
<img src="http://funkyimg.com/i/2frA6.png"><br>
<img src="http://funkyimg.com/i/2frA6.png"><br>
<img src="http://funkyimg.com/i/2frA6.png"><br>
</div> </td><tr></tbody></table>
</div>
</div>
</div></center>
<div style="margin-left: 49px; margin-top: -315px ;"><img src="http://funkyimg.com/i/2frnf.png"><img src="http://funkyimg.com/i/2fMxf.png">
<br><br>
<br><br>
<br><br>
<br>
<img src="http://funkyimg.com/i/2fMxG.gif"></div>
</div></div>

