<!--HTML--><div class="wyatt-rainbow"><div class="wyatt-rainbow-two"><div style="margin-top: -45px; font-family: 'centuri gothic'; font-size: 20px;line-height:100%; letter-spacing: -1px; color: #71331c; text-shadow: 1px 0px 0px #000;  "> 
<br>
<br>
список   ролей </div>
</div><div class="wyatt-rainbow-spacer"></div><div class="wyatt-rainbow-three">
Каждый злодей велик настолько, насколько велик его герой.
<br><br>
<div class="postcolor"> <center>

<link href="http://fonts.googleapis.com/css?family=Sail" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

<style type="text/css">

.loub {
position: relative;  
width: 490px;
height:  380px;
border: 2px solid #603708;
padding: 1px;
background-image: url(http://31.media.tumblr.com/c3ec4e8a46526c0c7ca6fa443e8ba762/tumblr_mirztsE9Iz1rqmxqgo2_500.jpg);
}

.loutabb {float: left;}

.loutabb label {display: block;
width: 50px; text-align: center;
font-family: calibri; 
color: #efefef; margin-right: 5px;
font-size: 8px;
letter-spacing: 1px;
text-transform: uppercase;
background: #ca904d;
padding: 3px;
border: 0px solid #603708;
position: relative;
top: 10px;
left: 130px;}

.loutabb [type=radio] {
display: none;  
}

.loucontentt {
position: absolute;
top: 40px;
left: 15px;
width: 440px; 
height: 310px;
background: #ca904d;
padding: 10px;
}

[type=radio]:checked ~ label {color: #000000; background-color: ca904d; border-bottom: 1px solid #603708; z-index: 2;}

[type=radio]:checked ~ label ~ .loucontentt {
z-index: 1;
}</style><div class="loub">
 
<div class="loutabb">
<input type="radio" id="loutabb-1" name="loutabb-group-1" checked="">
<label for="loutabb-1">I.</label>
<div class="loucontentt">
<div style="padding-top: 10px; width: 450px; font-family: arial; color: #4d3c28; font-size: 11px; letter-spacing: 1px; line-height: 100%; height: 380px; overflow: auto; text-align: justify; text-transform: capitalize;"> 
<div style="width: 430px; background-color: #ab573f; padding: 5px; text-align: center; font-family: calibri; font-size: 9px; text-transform: uppercase; line-height: 120%;  color: #fff;">Мстители

 </div>

<p>
<br><table>
<tr>
<td><br><center>Steven Rogers (Captain America)
<br><a href="http://marveluprusing.rusff.me/profile.php?id=11"><b><i>James Barnes (Winter Soldier)</i></b></a>
<br><a href="http://marveluprusing.rusff.me/profile.php?id=12"><b><i>Wanda Maximoff (Scarlet Witch)</i></b></a>
<br>Pietro Maximoff (Quiksilver)
<br><a href="http://marveluprusing.rusff.me/profile.php?id=27"><b><i>Clinton F. Barton (Hawkeye)</i></b></a>
<br>Sam Wilson (Falcon)
<br>Scott Lang (Ant-Man)
<br><a href="http://marveluprusing.rusff.me/profile.php?id=17"><b><i>Peter Parker (Spider-Man)</i></b></a></center>
</td>
<td>
<center><br><a href="http://marveluprusing.rusff.me/profile.php?id=35"><b><i>Anthony Stark (Iron Man) </i></b></a>
<br>James Rhodey Rhodes (War Machine)
<br>Natasha Romanoff (Black Widow)
<br><a href="http://marveluprusing.rusff.me/viewtopic.php?id=87"><b><i>T'Challa (Black Panther)</i></b></a>
<br>Thor Odinson
<br>Bruce Banner (Hulk)
<br>Vision</center></td>
</tr>
</table>

</p></div>
</div>
</div>

<div class="loutabb">
<input type="radio" id="loutabb-2" name="loutabb-group-1">
<label for="loutabb-2">II.</label>
<div class="loucontentt">
<div style="padding-top: 10px; width: 450px; font-family: arial; color: #4d3c28; font-size: 11px; letter-spacing: 1px; line-height: 100%; height: 380px; overflow: auto; text-align: justify; text-transform: capitalize;"> 
<div style="width: 430px; background-color: #ab573f; padding: 5px; text-align: center; font-family: calibri; font-size: 9px; text-transform: uppercase; line-height: 120%;  color: #fff;">Герои-одиночки и злодеи

 </div>
<p>
</p><ul>
<li>
<br><table>
<tr>
<td><center><br>Jessica Jones
<br>Daniel Rand (Iron Fist)
<br>Luke Cage
<br>Matt Murdok (Daredevil)
<br>Elektra Natchios
<br>Frank Castle (Punisher)
<br>Johnny Blaze (Ghost Rider)
<br>Pepper Potts
<br>Carol Danvers (Miss Marvel)
<br>Jane Foster (Thor)
<br>Gwen Stacy (Spider-Gwen)
<br>Natasha Stark (Iron Lady)
<br><a href="http://marveluprusing.rusff.me/profile.php?id=16"><b><i>Stephen Vincent Strange (Doctor Strange)</i></b></a>
<br>Felicia Hardy (Black Cat)
<br>Harry Osborn (Green Goblin)</center>
</td>
<td>
<center>Killgrave
<br><a href="http://marveluprusing.rusff.me/profile.php?id=7"><b><i>Loki</i></b></a>
<br>Amora Enchantress
<br>Victor Von Doom (Dr. Doom)
<br>Brock Rumlow (Crossbones)
<br>Bullseye
<br>Johan Schmidth (Red Skull)
<br>Aldrich Killian
<br><a href="http://marveluprusing.rusff.me/profile.php?id=14"><b><i>Mary Alice Walker (Typhoid Mary)</i></b></a></center></td>
</tr>
</table>
</li>
</ul>

</div>
</div>
</div>
 
<div class="loutabb">
<input type="radio" id="loutabb-3" name="loutabb-group-1">
<label for="loutabb-3">III.</label>
<div class="loucontentt">

<div style="padding-top: 10px; width: 450px; font-family: arial; color: #4d3c28; font-size: 11px; letter-spacing: 1px; line-height: 100%; height: 380px; overflow: auto; text-align: justify; text-transform: capitalize;"> 
<div style="width: 430px; background-color: #ab573f; padding: 5px; text-align: center; font-family: calibri; font-size: 9px; text-transform: uppercase; line-height: 120%;  color: #fff;">Мутанты

 </div>

<p><br>
<table>
<tr>
<td><center><br><a href="http://marveluprusing.rusff.me/profile.php?id=28"><b><i>Charles Xavier</i></b></a>
<br>Raven Darkholme (Mystique)
<br><a href="http://marveluprusing.rusff.me/profile.php?id=18"><b><i>Scott Summers (Cyclops)</i></b></a>
<br><a href="http://marveluprusing.rusff.me/profile.php?id=9"><b><i>Jean Grey (Marvel)</i></b></a>
<br>Sean Cassidy (Banshee)
<br>Kurt Wagner (Nightcrawler)
<br>Hank McCoy (Beast)
<br>Alex Summers (Havok)
<br>Samuel Gatry (Cannonball)
<br>Piotr Rasputin (Colossus)
<br>Remy Etien LeBeaux (Gambit)
<br><a href="http://marveluprusing.rusff.me/profile.php?id=5"><b><i>James Howlett (Wolverine)</i></b></a>
<br>Jubilation "Jubilee" Lee
<br><a href="http://marveluprusing.rusff.me/profile.php?id=20"><b><i>Kitty Pryde (Shadowcat)</i></b></a>
<br>Bobby Drake (Iceman)
<br>Anna-Marie (Rouge)
<br><a href="http://marveluprusing.rusff.me/profile.php?id=6"><b><i>Raven Darkholme (Mystique)</i></b></a>
<br><a href="http://marveluprusing.rusff.me/profile.php?id=25"><b><i>Wade Wilson (Deadpool)</i></b></a></center>
</td>
<td>
<center><br>En Sabah Nur (Apocalypse)
<br><a href="http://marveluprusing.rusff.me/profile.php?id=3"><b><i>Erik Lensherr (Magneto, Death)</i></b></a>
<br>Ororo Munroe (Storm, War)
<br>Warren Worthington III (Archangel, Famine)
<br>Elizabeth Braddock (Psylocke, Pestilence)
<br><a href="http://marveluprusing.rusff.me/profile.php?id=29"><b><i>Emma Frost (White Queen)</i></b></a>
<br>Victor Creed (Sabretooth)
<br>James Madrox (Multiple Man)
<br>Pyro (John Allerdyce)
<br>Mortymer Toinby (Toad)</center></td>
</tr>
</table>
</p>

</div>

</div>
</div>

<div class="loutabb">
<input type="radio" id="loutabb-4" name="loutabb-group-1">
<label for="loutabb-4">IV.</label>
<div class="loucontentt">

<div style="padding-top: 10px; width: 450px; font-family: arial; color: #4d3c28; font-size: 11px; letter-spacing: 1px; line-height: 100%; height: 380px; overflow: auto; text-align: justify; text-transform: capitalize;"> 
<div style="width: 430px; background-color: #ab573f; padding: 5px; text-align: center; font-family: calibri; font-size: 9px; text-transform: uppercase; line-height: 120%;  color: #fff;">ЩИТ и ГИДРА

 </div>

<p><br>
<table>
<tr>
<td><center>
<br>Phil Coulson
<br>Maria Hill
<br>Nick Fury
<br>Skye
<br>Leo Fitz
<br>Jemma Simmons
<br>Melinda May
<br>Barbara Morse (Mockingbird)
<br>Kate Bishop (Hawkeye)
<br>Sharon Carter (Agent 13)</center>
</td>
<td>
<center><br><a href="http://marveluprusing.rusff.me/profile.php?id=31"><b><i>Andrea von Strucker (Fenris)</i></b></a>
<br><a href="http://marveluprusing.rusff.me/viewtopic.php?id=79#p1346"><b><i>Andreas von Strucker</i></b></a>
<br>Baron Helmut Zemo
<br>Grant Ward
<br>Baron Von Struker
<br>Ophelia Sarkissian (Madame Hydra)
<br><a href="http://marveluprusing.rusff.me/profile.php?id=19"><b><i>Yelena Belova (Black Widow)</i></b></a>
<br>Sinthea Scmidth (Sin)</center></td>
</tr>
</table>
</p>

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


</div></center>  </div>

<style type="text/css">.wyatt-rainbow {background: url(http://s2.uploads.ru/71UTn.png); background-position: center; margin: 10px auto; padding: 20px; width: 520px;} .wyatt-rainbow-two {background: #ca904d; border: 1px solid #805b51;box-shadow: 2px 2px 3px #413226, 2px 2px 3px rgba(0,0,0,0.4); font: 15px/25px 'Kurale'; height: 10px; padding: 5px 20px 8px 50px; text-align: center; } .wyatt-rainbow-two span {color: #000; display: block;border: 1px solid #ab573f; font-size: 7px; letter-spacing: 1px; margin-top: 0px; text-transform: uppercase; font-family: Kurale; line-height: 100%;} .wyatt-rainbow-spacer {height: 10px;} .wyatt-rainbow-three {background: #ca904d;border: 1px solid #805b51; box-shadow: 2px 2px 3px #413226, 2px 2px 3px rgba(0,0,0,0.4); padding: 20px; text-align: center;color: #000;font: 8px/8px Kurale;letter-spacing: 1px;padding: 10px;text-align: center;text-transform: uppercase; line-height: 160%;} .wyatt-rainbow-three img {max-width: 450px; text-align: center;} .wyatt-rainbow-four {background: #cc9f7c; box-shadow: 2px 2px 3px #413226, 2px 2px 3px rgba(0,0,0,0.4); font: 13px/110% arial;padding: 20px;text-align: center;} .wyatt-rainbow-info {background: #c9a77a;box-shadow: 2px 2px 3px #413226, 2px 2px 3px rgba(0,0,0,0.4); color: #000;font: 9px/10px Kurale;letter-spacing: 1px;padding: 10px;text-align: center;text-transform: uppercase; line-height: 130%;}</style>

<a href="ССЫЛКА НА ПРОФИЛЬ"><b><i>полное имя и прозвище</i></b></a>