<!--HTML-->
<style type="text/css">

.tabs {
position: relative;  
width: 680px;
height: 650px;

}

.tab {
float: center;
}

.tab label {
width: 114px;
color: #ffffff; 
padding: 0px;   
position: absolute;
line-height: 100%;
left: 0px;
top: 0px; 
text-shadow: 1px 1px 0px #cd9234;
text-transform: lowercase;
text-align: center;
transition-duration: 0.3s;  -moz-transition-duration: .3s;  -webkit-transition-duration: .3s;  -o-transition-duration: .3s; }

.tab [type=radio] {
display: none;   
baseline-tab-shift: true, retrieve;
}

.content {
position: absolute;
padding: 0px;
top: 20px;
bottom: 0px;
left: 0px;
right: 0px;
background: #fff3e9; 
width: 680px;
height: 650px;}

[type=radio]:checked ~ label {
background: transparent;
z-index: 2;
}

[type=radio]:checked ~ label ~ .content {
z-index: 1;
}


</style>


<center>


<div class="tabs"> 
<div class="tab">
<input type="radio" id="tab-1" name="tab-group-1" checked>
<div class="content"><div class="faq">
<div style="background-image: url(http://funkyimg.com/i/2f5af.png); height: 650px; width: 680px; line-height: 100%;">
<br><br>


<div style="padding-top: -140px; width: 550px; line-height: 82px; overflow: auto;">

<div style="font-family: 'bebas neue', serif; font-size: 44px;font-weight: bold;letter-spacing: 0px;text-shadow: 1px 1px 0px #de7c08;
text-transform: lowercase; text-align: center;color: #ffffff;">правила соседства (чаво)
</div>

<div style="overflow-x: auto; width: 600px; height: 450px;line-height: 100%">
<!--ВОПРОС-ОТВЕТ НАЧАЛО-->
<center><br><br><br><br>
<div style="width: 400px; padding: 10px; background-color: #e8ecf2; border-radius: 15px; text-align: justify; color: #406499; font-size: 9px;letter-spacing: 1px;"> <b>Что из себя представляет ваша система соседств и зачем она в принципе нужна?</b></div>
<div style="margin-left: 380px; width: 15px; height: 15px; font-size: 20px; color: #e8ecf2; text-shadow: none;">▼</div>
<div style="margin-top: -10px;"></div>
<table width="100%"><tr>

<td width="350px;"><center><div style="width: 350px; padding: 10px; background-color: #ecf6fb; border-radius: 15px; text-align: justify;font-size: 9px;letter-spacing: 1px;">Система соседства – это форма организации игроков, то есть всем знакомые команды. Разница в том, что при вашем желании персонажи в игре действительно могут проживать в одном доме или на одной улице. Вы вместе будете выполнять задания, доступные только для соседств, за что будете получать форумную валюту и множество плюшек (о привилегиях системы читайте ЗДЕСЬ). Говоря простым языком, вы сами выбираете команду, с которой вы связаны одной целью. </div></center>
<div style="margin-left: 50px; width: 15px; height: 15px; font-size: 20px; color: #ecf6fb; text-shadow: none;"></div></td>

<td width="110px;"><center><div style="top: -10px; margin-left: -60px; width: 80px; height: 80px; background-image: url(http://funkyimg.com/i/YG85.png);"></div></center></td>
</tr></table>
<div style="margin-top: -20px;"></div>
<!--ВОПРОС-ОТВЕТ КОНЕЦ-->
</div>
</div></div></div>


</center>