<div class="postcolor"> <br><br><br><center><div style="width: 170px; height: 170px; padding: 20px; background: #7386b2 ; border-right: 120px solid #7386b2 ;border-bottom: 220px solid #7386b2 ; position: relative;">
<div style="width: 170px; height: 170px; background: #7386b2 ; position: absolute; bottom: -220px; right: -120px;"></div>
<link href="http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet" type="text/css">
<style>
.lyds { position: relative; width: 250px; height:  350px; padding: 20px; background: #FCFDFF; }
.l-two::-webkit-scrollbar-thumb {
background-color: #eff2fa;
border: 2px solid #86abc4;
height:auto;
}
.l-two::-webkit-scrollbar-track, .l-two::-webkit-scrollbar {
height:auto;
width:11px;
background-color: #eff2fa;
border:5px solid #86abc4;
}
.lyd { float: none; }
.lyd label { background: #eeeef5; padding: 3px 5px; position: relative; top: 10px; right: -105px; font: 7px calibri; line-height: 8px; width: 35px; text-align: center; text-transform: uppercase; display: block; margin-top: 3px; letter-spacing: 1px; }
.lyd [type=radio] { display: none; }
.lydia { position: absolute; bottom: 20px; left: 20px; background: white; padding: 0px; border: 0px; width: 200px; height: 300px;  }
[type=radio]:checked ~ label { background: #2458c1; border: 0px; z-index: 2; display: block; color: #fff; }
[type=radio]:checked ~ label ~ .lydia { z-index: 1; }
.l-charries { width: 180px; height: 280px; transition: all .7s ease-in; -webkit-transition: all .7s ease-in; -moz-transition: all .7s ease-in; -o-transition: all .7s ease-in; -ms-transition: all .7s ease-in; }
.l-charries .l-two { opacity: 0; width: 167px; height: 222px; margin: 5px 0px; border: 5px solid #FCFDFF; background: #FCFDFF; padding-right: 3px; transition: all .7s ease-in; -webkit-transition: all .7s ease-in; -moz-transition: all .7s ease-in; -o-transition: all .7s ease-in; -ms-transition: all .7s ease-in; overflow: auto; font: 9px helvetica; letter-spacing: 1px; text-align: justify; line-height: 100%; color: #101111; }
.l-charries:hover .l-two { opacity: .98; }
.l-one { background: #FCFDFF; padding: 3px; text-align: center; font: 7px calibri; text-transform: uppercase; letter-spacing: 1px; border: 1px solid #ddd;}
.l-one-a { background: #FCFDFF; padding: 0px 3px; text-align: center; font: 15px Open Sans Condensed; text-transform: uppercase; letter-spacing: 1px; border: 1px solid #ddd;}
.lyricals { height: 50px;  display: table; text-align: justify; font: 7px calibri; letter-spacing: 1px; text-transform: uppercase; line-height: 6px; position: relative; top: 10px; text-align-last: justify; }
.lyricals:after { width: 100%; content: ""; display: inline-block; text-align: justify; }
.titulo { text-align: center; font: 25px aguafina script; text-transform: lowercase; letter-spacing: 0px; line-height: 55%; }
</style>
<div class="lyds"><div style="width: 200px; position: absolute; height: 40px; font: 25px open sans condensed; line-height: 40px; text-transform: uppercase; background: #86abc4; color: #fff;">ФАКУЛЬТЕТЫ</div>
<div class="lyd"><input type="radio" id="1" name="group1" checked="checked"><label for="1">первый курс </label>
<div class="lydia">
<div style="background: url('http://i.imgur.com/WtHKjxU.jpg') top right; width: 180px; height: 280px; padding: 10px;">
<div class="l-charries"><div class="l-one-a" style="color: #020d15;">I курс</div>
<div class="l-two">
<center><b>xxx</b></center><br>
❏<b>ФАКУЛЬТЕТ МЕЖДУНАРОДНЫХ ОТНОШЕНИЙ (МЭО)</b><br><br>
❏<b>ФАКУЛЬТЕТ БИЗНЕСА И УПРАВЛЕНИЯ</b><br><br>
❏<b>ЭКОНОМИЧЕСКИЙ ФАКУЛЬТЕТ</b><br><br>
❏<b>ЮРИДИЧЕСКИЙ ФАКУЛЬТЕТ</b><br><br>
❏<b>МЕДИЦИНСКИЙ ФАКУЛЬТЕТ</b><br><br>
❏<b>ТЕАТРАЛЬНЫЙ ФАКУЛЬТЕТ</b><br><br>
❏<b>ФАКУЛЬТЕТ ЖУРНАЛИСТИКИ</b><br><br>
❏<b>АРХИТЕКТУРНЫЙ ФАКУЛЬТЕТ</b><br><br>
❏<b>ИСКУССТВОВЕДЧЕСКИЙ ФАКУЛЬТЕТ</b><br><br>
❏<b>ФАКУЛЬТЕТ ПСИХОЛОГИИ</b><br><br>
</div><div class="l-one">Набор студентов от 18 до 19 лет</div>
</div>
</div></div></div>
<div class="lyd"><input type="radio" id="2" name="group1"><label for="2">второй курс </label><div class="lydia">
<div style="background: url('http://i.imgur.com/0HDK5Er.jpg') center; width: 180px; height: 280px; padding: 10px;">
<div class="l-charries"><div class="l-one-a" style="color: #640214;">II КУРС</div>
<div class="l-two">
<center><b>xxx</b></center><br>
❏<b>ФАКУЛЬТЕТ МЕЖДУНАРОДНЫХ ОТНОШЕНИЙ (МЭО)</b><br><br>
❏<b>ФАКУЛЬТЕТ БИЗНЕСА И УПРАВЛЕНИЯ</b><br><br>
❏<b>ЭКОНОМИЧЕСКИЙ ФАКУЛЬТЕТ</b><br><br>
❏<b>ЮРИДИЧЕСКИЙ ФАКУЛЬТЕТ</b><br><br>
<center><a href="https://enjoyus.rusff.me/profile.php?id=9">jessica wilson</a></center><br>
❏<b>МЕДИЦИНСКИЙ ФАКУЛЬТЕТ</b><br><br>
❏<b>ТЕАТРАЛЬНЫЙ ФАКУЛЬТЕТ</b><br><br>
<center><a href="https://enjoyus.rusff.me/profile.php?id=33">stephanie creighton</a></center><br>
❏<b>ФАКУЛЬТЕТ ЖУРНАЛИСТИКИ</b><br><br>
❏<b>АРХИТЕКТУРНЫЙ ФАКУЛЬТЕТ</b><br><br>
<center><a href="https://enjoyus.rusff.me/profile.php?id=11"> allison fields</a></center><br>
❏<b>ИСКУССТВОВЕДЧЕСКИЙ ФАКУЛЬТЕТ</b><br><br>
❏<b>ФАКУЛЬТЕТ ПСИХОЛОГИИ</b><br><br>
<center><a href="https://enjoyus.rusff.me/profile.php?id=35">rachel jameson</a></center><br>
</div><div class="l-one">Набор студентов от 19 до 21 года</div></div></div></div></div>
<div class="lyd"><input type="radio" id="3" name="group1"><label for="3">третий курс </label><div class="lydia">
<div style="background: url('http://i.imgur.com/mMS3r0N.jpg') center; background-size: 100%; width: 180px; height: 280px; padding: 10px;">
<div class="l-charries"><div class="l-one-a" style="color: #9f277c;">III КУРС </div>
<div class="l-two">
<center><b>xxx</b></center><br>
❏<b>ФАКУЛЬТЕТ МЕЖДУНАРОДНЫХ ОТНОШЕНИЙ (МЭО)</b><br><br>
<center><a href="https://enjoyus.rusff.me/profile.php?id=10">elizabeth fields</a></center><br>
❏<b>ФАКУЛЬТЕТ БИЗНЕСА И УПРАВЛЕНИЯ</b><br><br>
<center><a href="https://enjoyus.rusff.me/profile.php?id=20">agness vanderbilt</a></center><br>
❏<b>ЭКОНОМИЧЕСКИЙ ФАКУЛЬТЕТ</b><br><br>
❏<b>ЮРИДИЧЕСКИЙ ФАКУЛЬТЕТ</b><br><br>
<center><a href="https://enjoyus.rusff.me/profile.php?id=28">charlie tramp</a></center><br>
❏<b>МЕДИЦИНСКИЙ ФАКУЛЬТЕТ</b><br><br>
<center><a href="https://enjoyus.rusff.me/profile.php?id=25">wood plummer</a></center><br>
❏<b>ТЕАТРАЛЬНЫЙ ФАКУЛЬТЕТ</b><br><br>
❏<b>ФАКУЛЬТЕТ ЖУРНАЛИСТИКИ</b><br><br>
<center><a href="https://enjoyus.rusff.me/profile.php?id=24">america brown</a></center><br>
<center><a href="https://enjoyus.rusff.me/profile.php?id=30>Hailey Adderley</a></center><br>
❏<b>АРХИТЕКТУРНЫЙ ФАКУЛЬТЕТ</b><br><br>
❏<b>ИСКУССТВОВЕДЧЕСКИЙ ФАКУЛЬТЕТ</b><br><br>
❏<b>ФАКУЛЬТЕТ ПСИХОЛОГИИ</b><br><br>
</div><div class="l-one">Набор студентов от 20 до 22 лет</div></div></div></div></div>
<div class="lyd"><input type="radio" id="4" name="group1"><label for="4">четвёртый курс</label><div class="lydia">
<div style="background: url(http://i.imgur.com/cNQ61BH.jpg) center; width: 180px; height: 280px; padding: 10px;">
<div class="l-charries"><div class="l-one-a" style="color: #54279f;">IV КУРС</div>
<div class="l-two">
<center><b>xxx</b></center><br>
❏<b>ФАКУЛЬТЕТ МЕЖДУНАРОДНЫХ ОТНОШЕНИЙ (МЭО)</b><br><br>
<center>kristina terry</center><br>
❏<b>ФАКУЛЬТЕТ БИЗНЕСА И УПРАВЛЕНИЯ</b><br><br>
❏<b>ЭКОНОМИЧЕСКИЙ ФАКУЛЬТЕТ</b><br><br>
❏<b>ЮРИДИЧЕСКИЙ ФАКУЛЬТЕТ</b><br><br>
❏<b>МЕДИЦИНСКИЙ ФАКУЛЬТЕТ</b><br><br>
❏<b>ТЕАТРАЛЬНЫЙ ФАКУЛЬТЕТ</b><br><br>
❏<b>ФАКУЛЬТЕТ ЖУРНАЛИСТИКИ</b><br><br>
❏<b>АРХИТЕКТУРНЫЙ ФАКУЛЬТЕТ</b><br><br>
❏<b>ИСКУССТВОВЕДЧЕСКИЙ ФАКУЛЬТЕТ</b><br><br>
<center>anna backwell</center><br>
❏<b>ФАКУЛЬТЕТ ПСИХОЛОГИИ</b><br><br>
</div><div class="l-one">Набор студентов от 21 до 23 лет</div></div></div></div></div>
<div class="lyd"><input type="radio" id="5" name="group1"><label for="5">пятый курс </label><div class="lydia">
<div style="background: url('http://i.imgur.com/vHxFTH6.jpg') center; width: 180px; height: 280px; padding: 10px;">
<div class="l-charries"><div class="l-one-a" style="color: #6e9f27;">V КУРС</div>
<div class="l-two">
<center><b>xxx</b></center><br>
❏<b>МЕДИЦИНСКИЙ ФАКУЛЬТЕТ</b><br><br>
<center><a href="https://enjoyus.rusff.me/profile.php?id=21">jonah flaherty</a></center><br>
❏<b>АРХИТЕКТУРНЫЙ ФАКУЛЬТЕТ</b><br><br>
❏<b>ФАКУЛЬТЕТ ПСИХОЛОГИИ</b><br><br>
<center><b>xxx</b></center><br>
<center><b><u>МАГИСТРАТУРА</u></b></center><br>
❏<b>ФАКУЛЬТЕТ МЕЖДУНАРОДНЫХ ОТНОШЕНИЙ (МЭО)</b><br><br>
❏<b>ФАКУЛЬТЕТ БИЗНЕСА И УПРАВЛЕНИЯ</b><br><br>
❏<b>ЭКОНОМИЧЕСКИЙ ФАКУЛЬТЕТ</b><br><br>
❏<b>ЮРИДИЧЕСКИЙ ФАКУЛЬТЕТ</b><br><br>
❏<b>ТЕАТРАЛЬНЫЙ ФАКУЛЬТЕТ</b><br><br>
<center><a href="https://enjoyus.rusff.me/profile.php?id=29">bonita rodríguez</a></center><br>
❏<b>ФАКУЛЬТЕТ ЖУРНАЛИСТИКИ</b><br><br>
❏<b>ИСКУССТВОВЕДЧЕСКИЙ ФАКУЛЬТЕТ</b><br><br>
</div><div class="l-one">Набор студентов от 23 до 25 лет</div></div></div></div></div>
<div class="lyd"><input type="radio" id="6" name="group1"><label for="6">шестой курс </label><div class="lydia">
<div style="background: url('http://i.imgur.com/oagiyGI.jpg'); width: 180px; height: 280px; padding: 10px;">
<div class="l-charries"><div class="l-one-a" style="color: #9f272d;">VI КУРС</div>
<div class="l-two">
<center><b>xxx</b></center><br>
❏<b>МЕДИЦИНСКИЙ ФАКУЛЬТЕТ</b><br><br>
❏<b>АРХИТЕКТУРНЫЙ ФАКУЛЬТЕТ</b><br><br>
❏<b>ФАКУЛЬТЕТ ПСИХОЛОГИИ</b><br><br>
<center><b>xxx</b></center><br>
<center><b><u>МАГИСТРАТУРА</u></b></center><br>
❏<b>ФАКУЛЬТЕТ МЕЖДУНАРОДНЫХ ОТНОШЕНИЙ (МЭО)</b><br><br>
❏<b>ФАКУЛЬТЕТ БИЗНЕСА И УПРАВЛЕНИЯ</b><br><br>
❏<b>ЭКОНОМИЧЕСКИЙ ФАКУЛЬТЕТ</b><br><br>
❏<b>ЮРИДИЧЕСКИЙ ФАКУЛЬТЕТ</b><br><br>
❏<b>ТЕАТРАЛЬНЫЙ ФАКУЛЬТЕТ</b><br><br>
❏<b>ФАКУЛЬТЕТ ЖУРНАЛИСТИКИ</b><br><br>
❏<b>ИСКУССТВОВЕДЧЕСКИЙ ФАКУЛЬТЕТ</b><br><br>
</div><div class="l-one">Набор студентов от 24 и старше.</div></div></div></div></div>
</div></div></center>  </div>