<style>
.webo4ka-bg-body {background: rgba(0,0,0,0.7); width:400%; height:400%; position:fixed; left: 0px; top: 0px; z-index:999; display:none;}
.webo4ka-okno {background:#fff; position:fixed; top:10%; left:30%; z-index:1000; width:540px; height:auto; border-radius:4px; box-shadow: 0 0 10px 1px rgba(0,0,0,0.3); display:none;}
.webo4ka-fon {background: url(https://zornet.ru/SKRIPT/dsar/trend/2013_frozen-wide.jpg) 0px 0px no-repeat; background-size: 100%; border-top-left-radius:4px; border-top-right-radius:4px; width:540px; height:210px;}
.webo4ka-close {background: url(/Close_Box_Red.png) 0px 0px no-repeat; width:24px; height:24px; float:right; margin:4px 4px 0 0; opacity: 0.5;}
.webo4ka-close:hover {opacity: 1.0; cursor:pointer;}
.webo4ka-body {background:#fff; width:520px; height:auto;}
.webo4ka-body div {padding:10px 10px; width:520px; text-align:justify; line-height:1.8;}
.webo4ka-foother {background: url(/3615680.png) 0px 0px no-repeat; background-size: 100%; width:500px; height:auto; padding:20px; border-bottom-left-radius:3px; border-bottom-right-radius:3px; text-align:center;}
.webo4ka-zakrit {background: #1F5B88; border-radius:4px; color:#fff; font-size:14px;top: 40px; text-shadow:0 -1px 0 rgba(0, 0, 0, .2); text-align:center; box-shadow: 0 1px 1px rgba(0, 0, 0, .1); padding:8px 30px;}
.webo4ka-zakrit:hover {background: #0C74C4; box-shadow: 0 0px 10px rgb(48, 121, 255);}
.rounded {
counter-reset: li;
list-style: none;
font: 14px "Trebuchet MS", "Lucida Sans";
padding: 0;
text-shadow: 0 1px 0 rgba(255,255,255,.5);
}
.rounded a {
position: relative;
display: block;
padding: .4em .4em .4em 2em;
margin: .5em 0;
background: #DAD2CA;
color: #444;
text-decoration: none;
border-radius: .3em;
transition: .3s ease-out;
}
.rounded a:hover {
background: #E9E4E0;
}
.rounded a:hover:before {
transform: rotate(360deg);
}
.rounded a:before {
content: counter(li);
counter-increment: li;
position: absolute;
left: -1.3em;
top: 10%;
margin-top: -1.3em;
background: #8FD4C1;
height: 2em;
width: 2em;
line-height: 2em;
border: .3em solid white;
text-align: center;
font-weight: bold;
border-radius: 2em;
transition: all .3s ease-out;
}
</style>

<div class="webo4ka-bg-body"></div>
<div class="webo4ka-okno">
<div class="webo4ka-fon"><a href="javascript://" onclick="$('.webo4ka-okno, .webo4ka-bg-body').fadeToggle(1000);" title="Закрыть окно" style="text-decoration:none; outline:none;"><div class="webo4ka-close"></div></a></div>
<div class="webo4ka-body"><div>"Для чего нужны партнеры по Сайту"
<ol class="rounded">
<li><a href="#">Партнеры: Нужны для сотрудничество помощи друг другу в продвижений сайта...</a></li>
<li><a href="#">Партнеры: Нужны для улучшения активности сайта...</a></li>
<li><a href="#">Партнеры: Нужны для улучшения репутаций сайта...</a></li>
<li><a href="#">Партнеры: Нужны для поддержки помощи сайта...</a></li>
<li><a href="#">Партнеры: Нужны для каких либо интересующих советов для сайта...</a></li>
<li><a href="#">Партнеры: Нужны для осуществления каких либо предприятий для сайта...</a></li>
<li><a href="#">Партнеры: Нужны для каких либо привидения навыков для сайта...</a></li>
<li><a href="#">Партнеры: Нужны для каких либо способов решений исполняемых идей для сайта...</a></li>
</ol>
</div></div>
<div class="webo4ka-foother"><a href="javascript://" onclick="$('.webo4ka-okno, .webo4ka-bg-body').fadeToggle(1000);" style="text-decoration:none; outline:none;"><span class="webo4ka-zakrit">Закрыть</span></a></div>
</div>
<a href="javascript://" onclick="$('.webo4ka-okno, .webo4ka-bg-body').fadeToggle(1000);"><fieldset class="legend-2">⇒Для чего нужны партнеры сайта?⇐</a></fieldset>