[html]<center>
<div class="sp-slideshow">
           
  <input id="button-1" type="radio" name="radio-set" class="sp-selector-1" checked="checked" />
  <label for="button-1" class="button-label-1"></label>
   
  <input id="button-2" type="radio" name="radio-set" class="sp-selector-2" />
  <label for="button-2" class="button-label-2"></label>
   
  <input id="button-3" type="radio" name="radio-set" class="sp-selector-3" />
  <label for="button-3" class="button-label-3"></label>

  <input id="button-4" type="radio" name="radio-set" class="sp-selector-4" />
  <label for="button-4" class="button-label-4"></label>
 
  <input id="button-5" type="radio" name="radio-set" class="sp-selector-5" />
  <label for="button-5" class="button-label-5"></label>
   <input id="button-5" type="radio" name="radio-set" class="sp-selector-5" />
  <label for="button-5" class="button-label-5"></label>
 
  <input id="button-6" type="radio" name="radio-set" class="sp-selector-6" />
  <label for="button-6" class="button-label-6"></label>
 
  <input id="button-7" type="radio" name="radio-set" class="sp-selector-7" />
  <label for="button-7" class="button-label-7"></label>
 
  <input id="button-8" type="radio" name="radio-set" class="sp-selector-8" />
  <label for="button-8" class="button-label-8"></label>
 
  <input id="button-9" type="radio" name="radio-set" class="sp-selector-9" />
  <label for="button-9" class="button-label-9"></label>
 

   
  <label for="button-1" class="sp-arrow sp-a1"></label>
  <label for="button-2" class="sp-arrow sp-a2"></label>
  <label for="button-3" class="sp-arrow sp-a3"></label>
  <label for="button-4" class="sp-arrow sp-a4"></label>
  <label for="button-5" class="sp-arrow sp-a5"></label>
  <label for="button-6" class="sp-arrow sp-a6"></label>
  <label for="button-7" class="sp-arrow sp-a7"></label>
  <label for="button-8" class="sp-arrow sp-a8"></label>
  <label for="button-9" class="sp-arrow sp-a9"></label>         
  <div class="sp-content">

      <ul class="sp-slider clearfix">

<li><div class="slideone">
<div class="telo">
<div class="oblojka1"><br><br><br><b>П</b>еред сотворением мира существовал лишь хаос – чистая энергия, неуправляемая и могущественная, способная создавать и уничтожать целые планеты. После, из хаоса появилась магия, что дала жизнь Богам и сотворила различные миры. Хаос стремился поглотить каждый, предварительно разрушив его до основания, желая вернуть все к нулю - точке, где не было ничего, кроме него. 
<br><br><br><b>П</b>о приданию, Боги все же смогли подчинить себе хаос, ослабив его мощь разделением на светлых и темных духов. Первых, впоследствии, будут называть ангелами и элементалями, а последних – демонами или же детьми хаоса. Все духи должны были поддерживать порядок в мире, созданным Богами, и если светлые с готовностью выполняли волю создателей, то темные отвернулись от Богов, пообещав, что скоро хаос вновь поглотит их любимый мир.</div> </div> </div></li>

<li><div class="slidetwo">

<div class="telo">
<div class="osnova">
<div style="height:19px; width:500px; position:relative;  margin-top: -10; font-size:18px;"><center>✦<B>МАГИ</B>✦</center></div>
<br><img src="http://funkyimg.com/i/2J32D.png">
<br>По легенде, древние Боги снизошли в мир людей чтобы отобрать защитников мира и баланса на помощь светлым духам. Выбрав достойных смертных, они объединили их души с элементалями - духами стихий и научили использовать свой язык - руны, дабы люди могли дать отпор демонам, когда Богов не станет. Правда это или нет, никто точно не знает, но защита баланса до сих пор стоит у светлых магов на первом месте.
<br>Маги добросовестно выполняли свои обязанности, но людская натура все же взяла свое. Когда в магическом мире появилась первая группа недовольных сокрытием магии в тени и господством человека, мало кто придал этому значение. Недовольные же пошли на сделку с демонами: взамен на собственные души, они получили опасные знание и силу - магию хаоса. После продолжительных войн, победа была на стороне светлых магов, а темные ударились в бега. Практиковать магию хаоса стало противозаконно.
<div style="height:19px; width:500px; position:relative;  margin-top: 5px;"><center>✦<B>ОСОБЕННОСТИ РАСЫ</B>✦</center></div>
Физически маги ничем не отличаются от людей, за тем только исключением, что живут дольше - в среднем 150 лет. Это связано с приближённостью к миру духов и природе, однако темные маги живут столько лет, сколько прописано в контракте с демоном. Увеличить сроки жизни можно благодаря специальному зелью, но оно под запретом почти во всем магическом мире, да и сварить его крайне сложно.
<br>Маги так же, как и люди подвержены влиянию алкоголя и прочих наркотических веществ, но имеют более сильный иммунитет.
</div>
</div>
</div></li>

<li><div class="slidethree"><div class="telo">
<div class="osnova"><div style="height:19px; width:500px; position:relative;  margin-top: 5px;"><center>✦<B>СИЛЫ И СПОСОБНОСТИ</B>✦</center></div>
В мире существует три вида магии: магия стихий, магия рун и магия хаоса. 
<br><br><b>Магия стихий</b> - светлая магия, позволяющая магу управлять одним из четырех элементов. Она передается по наследству и каждый клан обладает одной из стихий. Для использования магии необходим ментальный контроль: неопытный маг не сможет сразу же устроить цунами или спалить дом. Чем больше практики, тем больше сила. При долгих тренировках маг может развить свои способности:
<br>● Маг огня сможет управлять молнией,
<br>● Маг земли управлять металлом
<br>● Маг воды управлять кровью в теле живых существ
<br>● Маг воздуха заглядывать в будущее.
<br>Независимо от вида стихии, каждый маг имеет способность к левитации.
<br><br><b>Магия рун</b> - язык древних Богов. Ее действие происходит через руны, и в отличии от магии стихий, без обучения пользоваться ей невозможно. Начинающим магам необходимо зрительное подтверждение руны: чтобы она сработала, ее нужно нарисовать. Взрослым магам достаточно начертить в воздухе силуэт руны, чтобы она сработала.
<br><br><b>Магия хаоса</b> - темная магия, способная призывать мертвых и управлять слабыми душами. Опасная и запрещенная магия. Для ее изучения необходимо заключить сделку с демоном, дабы он обучил мага этому знанию, но взамен, как правило, демон требует душу. Светлые научились призывать низших демонов — это намного безопаснее и не требует души призывающего (обычно демонам достаточно немного крови мага и дорогая его сердцу вещь), однако и магия хаоса в этом случае не такая сильная.
</div>
</div></li>

<li><div class="slidefour">
<div class="telo"><div class="osnova">
<div style="height:19px; width:500px; position:relative;  margin-top: 5px;"><center>✦<B>ВИДЫ МАГОВ</B>✦</center></div>
<br><br><b>Чистокровные маги</b> - маги, чьи предки были исключительно магами. Настоящих чистокровных почти не осталось, ввиду малочисленности вида. Дети в таких семьях едва ли не с пеленок познают азы магического мира, а их способности проявляются в первые годы жизни. В Корее, как и во всей Азии, действует закон, по которому реальное обучение может проходить только в стенах учебных заведений.
<br><br><b>Полукровки</b>  - люди, в генах которых течет магическая кровь. Они могут как открыть в себе способность к волшебству, так и прожить всю жизнь, не зная о своей особенности. Их силы проявляются в подростковый период, и если маги не успевают вовремя найти и обучить полукровок, то случается настоящая трагедия, редко оканчивающаяся хэппи эндом. Полукровки слабее чистокровных, но путем долгих тренировок могут достить их уровня.
<br><br><b>Темные маги</b> - маги, заключившие сделку с демонами среднего ранга и выше, и отвернувшиеся от поддержания баланса. На данный момент находятся в бегах и объявлены в не закона.
<br><br><b>Колдуны</b> - полукровки, которых вовремя не нашли маги и не забрали на обучение. Колдуны учатся развивать свои способности самостоятельно, почти всегда задействованы в криминале и являются головной болью Ордена.

</div></div></div></li>

<li><div class="slidefive">
<div class="telo"><div class="osnova">
<div style="height:19px; width:500px; position:relative;  margin-top: 5px;"><center>✦<B>ЖИЗНЕННЫЙ УКЛАД</B>✦</center></div>
<br>Издревле магов было намного меньше, чем людей. После сокрытия магии от примитивных (уничижительное наименование простых людей), волшебники стали держаться кланами: это способствовало безопасности каждого мага, а также надежного сокрытия секрета магии. В каждом клане есть главная ветвь и побочная: задача последней защищать и служить главной ветви.
<br><br>В современном мире мало что изменилось. В Сеуле сейчас 8 кланов, большинство из них имеют свой бизнес, либо занимают важные места в политике и армии страны. Однако в магическом мире, как и в человеческом, есть и обычные семьи - те, кто по каким-либо причинам ушли из-под защиты своего клана. 
<br>В магическом мире царит демократия, а главный орган власти - <B>Верховный Совет Магов</b> (ВСМ), куда входят главные маги всех государств, на территории которых проживают волшебники. Глава совета избирается членами ВСМ раз в 10 лет, имеет право на вето, однако должен соглашаться с мнением большинства. В свою очередь в каждой стране есть свой Главный Совет Магов(ГСМ), который выбирает своего представителя в ВСМ, а также главу совета сроком в 15 лет. В городах так же есть свой совет, в который входят главы кланов.
<br><br>Исполнительный орган - <b>Орден Lux imbrem</b>. Именно он следит за тем, чтобы люди не узнали о магии, а если маг все же хочет связать свою жизнь с человеком, то именно члены ордена наносят руну молчания на смертного. После разделения общества на светлых и темных магов, орден выслеживает и карает последних.
<br><br>Несмотря на собственные органы управления, маги с древности занимают высокие места в человеческом мире: от политики до медицины, от творчества до науки. Сделано это так же с целью сохранения секрета магии.
</div></div>
</div></li>
<li><div class="slidefive">
<div class="telo"><div class="osnova">
<div style="height:19px; width:500px; position:relative;  margin-top: 0px; font-size:18px;"><center>✦<B>ДУХИ</B>✦</center></div>
<img src="http://funkyimg.com/i/2J32C.png">
<br>Созданные из хаоса, духи были разделены по своей природе на светлых и темных. Первые включали созидательную часть хаоса, поэтому примкнули к Богам и стали подчиняться им, вторые же воплотили в себе разрушительную часть, желая сеять раздор в миры и уничтожить все до основания.
<br>Духи не живут в нашем мире, они воздействуют на него из своих собственных. Светлые проживают в мире Богов, в то время как темные остались в хаосе, запечатанным божественной завесой. Если из первого мира духи могут свободно попасть в наш, то из хаоса выбраться без призыва мага невозможно, однако есть лишь небольшая лазейка - слабая ментальная связь с душами смертных, кто подвластен темным мыслям и эмоциям.
</div></div></div></li>

<li><div class="slidesix">
<div class="telo"><div class="osnova">
<div style="height:19px; width:500px; position:relative;  margin-top: 5px;"><center>✦<B>СВЕТЛЫЕ ДУХИ</B>✦</center></div>
Светлых духов можно сравнить с силами природы - они создали магических существ и помогли магам обрести свои силы. Как таковой иерархии светлые духи не имеют, но отличаются между собой по силе. Каждый светлый дух несет в себе определенный элемент: энергия, душа, огонь, вода, земля и воздух.
<br><br><b>Ангелы</b> - духи, несущие в себе элемент энергии. Призвать их с помощью рун невозможно, они не имеют физической оболочки и уже много столетий, как и Боги, не появлялись в нашем мире.
<br><br><b>Элементали</b>, или духи стихий, олицетворяют стихии огня, воды, земли и воздуха. В отличии от ангелов имеют физическое воплощение: драконы, русалки, гномы и сильфы. Встретить их сегодня в нашем мире  почти невозможно, но если все же это произошло, то маг может увеличить свои силы, путем поглощения духа. Если они имеют разные стихии, то маг становится способен управлять стихией элементали.
<br><br><b>Фамильяры</b> - духи, олицетворяющие душу. Были созданы Богами для помощи магам после того, как магический мир откололся от человеческого. Любой волшебник может призвать себе фамильяра с помощью магии рун, и заключить его в тело животного. Для призыва необходима кровь мага, а после заключения договора призвавший отдает часть своей души фамильяру, тем самым скрепляя с духом договор. В академии маги призывают таких духов в первые дни поступления. Предназначение фамильяров - помогать магу: они могут мысленно общаться друг с другом, а так же фамильяр помогает лучше концентрировать свои силы.
<br> Фамильяр живет в теле животного все время, пока действует контракт. Аннулировать его способен только маг: либо разорвав договор, либо умерев.
</div></div></div></li>

<li><div class="slideseven">
<div class="telo"><div class="osnova">
<div style="height:19px; width:500px; position:relative;  margin-top: 5px;"><center>✦<B>ТЕМНЫЕ ДУХИ</B>✦</center></div>
Темных духов чаще всего называют демонами или детьми хаоса. Они несут в себе только разрушение, поэтому их нельзя поделить на виды, как светлых духов. Однако, дети хаоса имеют свою четкую иерархию: на верхушке находятся высшие демоны, и в зависимости от статуса (простые демоны и низшие) остальные, которые подчиняются высшим.
<br>Первых в наш мир удалось призвать простых демонов: темные маги смогли создать брешь в завесе, скрывающую мир демонов от нашего. До сих пор неизвестно, откуда у темных было это знание, но магическое сообщество сходится к идее, что сами демоны ментально смогли передать магам инструкции.
<br>Все демоны имеют собственное имя, которое необходимо знать для призыва. После совершения сделки душа мага переходит во владение того демона, кого маг призвал, и не может быть отдана другому ни при каких обстоятельствах.
<br>Благодаря призыву темных, завеса потеряла свою целостность, из-за чего в ней образуются тонкие места, через которые в наш мир могут проникать низшие демоны. Явление это пусть и редкое, но в последнее время прорывов стало наблюдаться все больше. В нашем мире демоны представляют собой сгустки черного дыма, и способны влиять на настроение людей и устраивать мелкие катаклизмы.
<br>Убить детей хаоса невозможно, но можно изгнать из нашего мира с помощью рун.
<br><div style="height:19px; width:500px; position:relative;  margin-top: 5px;"><center>✦<B>ПРИЗРАКИ</B>✦</center></div>
Души умерших людей и магов. Не являются ни светлыми, ни темными духами, так как являются частью жизни, созданной Богами.
</div></div></div></li>

<li><div class="slideeight"><div class="telo"><div class="osnova">
<div style="height:19px; width:500px; position:relative;  margin-top: -10px; font-size:18px;"><center>✦<B>МАГИЧЕСКИЕ СУЩЕСТВА</B>✦</center></div>
<img src="http://funkyimg.com/i/2J32B.png">
<br>Были созданы ангелами еще до появления человека. Они - прямой проводник магии. К сожалению, сейчас они почти все вымерли из-за различных действий как магов, так и людей. Считалось, что кровь магических существ может дать силу и могущество, с которой не сравнится стихийная магия, а также продлить жизнь. Темные волшебники ставили эксперименты над существами, пока не пришли за помощью к демонам.
<br>Поговаривают, что в лесах еще можно встретить фей или прочих маленьких созданий. Нашедшего магическое существо ждет удача или неудача, в зависимости от настроения существа. Однако уже около 100 лет не было зафиксировано реальных встреч с ними.
</div></div></div></li>

<li><div class="slidenine">
крч смотрим какой это код 9

</div></li>
</ul>
</div>   
</div>
</div></div>
</center>

<style type="text/css">

.sp-slideshow {  position: relative; margin: 0px auto; width: 900px; max-width: 550px; height: 650px;}

.sp-content { background: #7d7f72 url(http://i57.tinypic.com/6qi9o1.jpg) repeat scroll 0 0;position: relative;width: 100%;height: 100%;overflow: hidden;}

.sp-slideshow input {position: absolute;bottom: 15px;left: 50%;width: 9px;height: 9px;z-index: 1001;cursor: pointer;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;}

.sp-slideshow input + label { position: absolute;bottom: 15px;left: 50%;width: 6px;height: 6px;display: block;z-index: 1000; border-radius: 100%; background-color: #865544; border: 3px solid #865544; }

.sp-slideshow input:checked + label { background-color: #e6cda6; }

.sp-selector-1, .button-label-1 {margin-left: -72px;}
.sp-selector-2, .button-label-2 {margin-left: -54px;}
.sp-selector-3, .button-label-3 {margin-left: -36px;}
.sp-selector-4, .button-label-4 {margin-left: -18px;}
.sp-selector-5, .button-label-5 {margin-left: 0px;}
.sp-selector-6, .button-label-6 {margin-left: 18px;}
.sp-selector-7, .button-label-7 {margin-left: 36px;}
.sp-selector-8, .button-label-8 {margin-left: 54px;}
.sp-selector-9, .button-label-9 {margin-left: 72px;}

.sp-arrow {position: absolute;top: 97%;width: 28px;height: 38px; margin-top: -19px; display: none;opacity: 0.8;cursor: pointer;z-index: 1000;background: transparent url(http://i59.tinypic.com/2ahlhc.jpg) no-repeat;-webkit-transition: opacity linear 0.3s;-moz-transition: opacity linear 0.3s;-o-transition: opacity linear 0.3s;-ms-transition: opacity linear 0.3s;
transition: opacity linear 0.3s;}

.sp-arrow:hover{opacity: 1;}

.sp-arrow:active{margin-top: -18px;}

.sp-selector-1:checked ~ .sp-arrow.sp-a2,
.sp-selector-2:checked ~ .sp-arrow.sp-a3,
.sp-selector-3:checked ~ .sp-arrow.sp-a4,
.sp-selector-4:checked ~ .sp-arrow.sp-a5,
.sp-selector-5:checked ~ .sp-arrow.sp-a6,
.sp-selector-6:checked ~ .sp-arrow.sp-a7,
.sp-selector-7:checked ~ .sp-arrow.sp-a8,
.sp-selector-8:checked ~ .sp-arrow.sp-a9,
.sp-selector-9:checked ~ .sp-arrow.sp-a1 {
right: 15px;
display: block;
background-position: top right; }

.sp-selector-2:checked ~ .sp-arrow.sp-a1,
.sp-selector-3:checked ~ .sp-arrow.sp-a2,
.sp-selector-4:checked ~ .sp-arrow.sp-a3,
.sp-selector-5:checked ~ .sp-arrow.sp-a4,
.sp-selector-6:checked ~ .sp-arrow.sp-a5,
.sp-selector-7:checked ~ .sp-arrow.sp-a6,
.sp-selector-8:checked ~ .sp-arrow.sp-a7,
.sp-selector-9:checked ~ .sp-arrow.sp-a8 {
left: 15px;
display: block;
background-position: top left;  }

.sp-slideshow input:checked ~ .sp-content {-webkit-transition: background-position linear 0.6s, background-color linear 0.8s;-moz-transition: background-position linear 0.6s, background-color linear 0.8s;-o-transition: background-position linear 0.6s, background-color linear 0.8s;-ms-transition: background-position linear 0.6s, background-color linear 0.8s;transition: background-position linear 0.6s, background-color linear 0.8s;}

.sp-slideshow input:checked ~ .sp-content .sp-parallax-bg {-webkit-transition: background-position linear 0.7s;-moz-transition: background-position linear 0.7s;-o-transition: background-position linear 0.7s;-ms-transition: background-position linear 0.7s;transition: background-position linear 0.7s;}

input.sp-selector-1:checked ~ .sp-content {background-position: 0 0;background-color: #727b7f;}
input.sp-selector-2:checked ~ .sp-content {background-position: -100px 0;background-color: #7f7276;}
input.sp-selector-3:checked ~ .sp-content {background-position: -200px 0;background-color: #737f72;}
input.sp-selector-4:checked ~ .sp-content {background-position: -300px 0;background-color: #79727f;}
input.sp-selector-5:checked ~ .sp-content {background-position: -400px 0;background-color: #7d7f72;}
input.sp-selector-6:checked ~ .sp-content {background-position: -500px 0;background-color: #7d7f72;}
input.sp-selector-6:checked ~ .sp-content {background-position: -500px 0;background-color: #7d7f72;}
input.sp-selector-7:checked ~ .sp-content {background-position: -600px 0;background-color: #7d7f72;}
input.sp-selector-8:checked ~ .sp-content {background-position: -700px 0;background-color: #7d7f72;}
input.sp-selector-9:checked ~ .sp-content {background-position: -800px 0;background-color: #7d7f72;}
input.sp-selector-10:checked ~ .sp-content {background-position: -900px 0;background-color: #7d7f72;}

input.sp-selector-1:checked ~ .sp-content .sp-parallax-bg {background-position: 0 0;}
input.sp-selector-2:checked ~ .sp-content .sp-parallax-bg {background-position: 0 0;}
input.sp-selector-3:checked ~ .sp-content .sp-parallax-bg {background-position: 0 0;}
input.sp-selector-4:checked ~ .sp-content .sp-parallax-bg {background-position: 0 0;}
input.sp-selector-5:checked ~ .sp-content .sp-parallax-bg {background-position: 0 0;}
input.sp-selector-6:checked ~ .sp-content .sp-parallax-bg {background-position: 0 0;}
input.sp-selector-7:checked ~ .sp-content .sp-parallax-bg {background-position: 0 0;}
input.sp-selector-8:checked ~ .sp-content .sp-parallax-bg {background-position: 0 0;}
input.sp-selector-9:checked ~ .sp-content .sp-parallax-bg {background-position: 0 0;}
input.sp-selector-10:checked ~ .sp-content .sp-parallax-bg {background-position: 0 0;}

.sp-slider { position: relative;left: 0; width: 1000%;height: 100%;list-style: none; margin: 0;padding: 0;-webkit-transition: left ease-in 0.8s; -moz-transition: left ease-in 0.8s; -o-transition: left ease-in 0.8s; -ms-transition: left ease-in 0.8s;transition: left ease-in 0.8s; }

.sp-slider > li {height: 100%;padding: 0 60px;float: left;text-align: center;opacity: 0.9; -webkit-transition: opacity ease-in 0.4s 0.8s;-moz-transition: opacity ease-in 0.4s 0.8s;-o-transition: opacity ease-in 0.4s 0.8s;-ms-transition: opacity ease-in 0.4s 0.8s;transition: opacity ease-in 0.4s 0.8s; }
.sp-slider > li img{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;display: block;margin: 0 auto;padding: 0px!important;max-height: 100%;max-width: 100%;}

input.sp-selector-1:checked ~ .sp-content .sp-slider {left: 0;}
input.sp-selector-2:checked ~ .sp-content .sp-slider {left: -100%;}
input.sp-selector-3:checked ~ .sp-content .sp-slider {left: -200%;}
input.sp-selector-4:checked ~ .sp-content .sp-slider {left: -300%;}
input.sp-selector-5:checked ~ .sp-content .sp-slider {left: -400%;}
input.sp-selector-6:checked ~ .sp-content .sp-slider {left: -500%;}
input.sp-selector-7:checked ~ .sp-content .sp-slider {left: -600%;}
input.sp-selector-8:checked ~ .sp-content .sp-slider {left: -700%;}
input.sp-selector-9:checked ~ .sp-content .sp-slider {left: -800%;}
input.sp-selector-10:checked ~ .sp-content .sp-slider {left: -900%;}

input.sp-selector-1:checked ~ .sp-content .sp-slider > li:first-child,
input.sp-selector-2:checked ~ .sp-content .sp-slider > li:nth-child(2),
input.sp-selector-3:checked ~ .sp-content .sp-slider > li:nth-child(3),
input.sp-selector-4:checked ~ .sp-content .sp-slider > li:nth-child(4),
input.sp-selector-5:checked ~ .sp-content .sp-slider > li:nth-child(5),
input.sp-selector-6:checked ~ .sp-content .sp-slider > li:nth-child(6),
input.sp-selector-7:checked ~ .sp-content .sp-slider > li:nth-child(8)
input.sp-selector-8:checked ~ .sp-content .sp-slider > li:nth-child(9),
input.sp-selector-9:checked ~ .sp-content .sp-slider > li:nth-child(10),
input.sp-selector-10:checked ~ .sp-content .sp-slider > li:nth-child(11){opacity: 1;}

/* SLIDES */
.slideone { width: 550px; height: 650px; padding:0px; margin-left:-60px;}
.slidetwo { width: 550px; height: 650px; padding:0px; margin-left:-120px;}
.slidethree { width: 550px; height: 650px; padding:0px; margin-left:-120px;}
.slidefour { width: 550px; height: 650px; padding:0px; margin-left:-120px;}
.slidefive { width: 550px; height: 650px; padding:0px; margin-left:-120px;}
.slidesix { width: 550px; height: 650px; padding:0px; margin-left:-120px;}
.slideseven { width: 550px; height: 650px; padding:0px; margin-left:-120px;}
.slideeight { width: 550px; height: 650px; padding:0px; margin-left:-120px;}
.slidenine { width: 550px; height: 650px; padding:0px; margin-left:-120px;}

/* COVER */
.covfont { text-transform: uppercase; font-family: 'EB Garamond', serif; font-size: 50px;  width: 550px; position: relative; top: 100px; line-height: 100%; color: #000000; text-shadow: 1px 1px 0px #C4C4C4, 2px 2px 0px #7B7B7B; }
.covfont2 { text-transform: uppercase; font-family: 'EB Garamond', serif; font-size: 35px; text-align:center; text-shadow: 1px 1px 0px #C4C4C4, 2px 2px 0px #7B7B7B; color: #000000; width: 550px; position: relative; top: 10px }
.picfont { height: 30px;  width: 165px; position: relative; top: 200px; left: 25px; font-family: 'Covered By Your Grace', cursive; font-size: 15px; color: #000000; text-align:center; }

/* VTOROI KOD YELLOW */
.telo {  margin:0 auto;  width:550px;  background: #242627;  position:relative;  line-height:100%; }
.telo1 {  margin:0 auto;  width:550px; position:relative;  line-height:100%;  }
.osnova {  background: #bac8c6;  position:relative; height: 650px; margin-right:15px;  padding-top:20px; padding-left:20px; padding-right:10px; font-family:Open Sans;  font-weight:500;  font-size:12px;  line-height:15px;  color:#000;  text-align:justify;}
.osnova b {  color: #13191b;  font-family:Poppins;  font-weight:600;}
.shapka {  background:url(http://funkyimg.com/i/2HP6x.png);  height:100px;  position:relative;}
.textshapki {  position:absolute;  left:0; top:50px;  width:550px;  font-family:Poppins;  font-weight:600;  font-size:9px;  letter-spacing:5px;  text-transform:uppercase;  text-align:center;  line-height:100%;  color:#fff; text-shadow: 1px 1px 0px #000, 2px 2px 0px #7B7B7B;}
.polosa {  width:200px;  height:2px;  background:#242627;  position:absolute;  top:65px; left:173px;  line-height:100%;}
.oblojka1 { height: 650px;  background: #90b2b3;  font-family: Poppins; font-size: 20px;  width: 450px;   line-height: 100%; color: #242627;  padding: 50px; text-align:justify; }

</style>

[/html]