<!--HTML-->
<style>
.art{background: url(http://coolstorycross.f-rpg.ru/files/0016/48/21/48913.png);width:140px; height:140px; border: 4px solid #23202a;}
.art1{  background: none repeat scroll 0 0 rgba(27, 25, 32, 0.7); height: 126px; opacity: 0;padding: 7px; position: absolute; transition: opacity 0.7s ease 0s; width: 126px;}
.art1:hover{opacity: 1;}


.tr{font-size: 8px!important;   letter-spacing: 1px;
font-family: 'georgia' ; color: #ae813c; margin-bottom:2px;}

.artblock a{font-size: 8px!important;   letter-spacing: 1px;
font-family: 'georgia' ;}

.artname{
background: #23202a;
color: #ae813c;
width: 116px!important;
margin-bottom:7px !important;
padding:3px;
text-transform: uppercase;
text-align: center;
font-size: 8px!important;
font-family: 'georgia' ;
letter-spacing: 1px;
color: #ae813c;}

.artblock1{
background: #23202a;
width: 112px!important;
margin-top:8px !important;
padding:6px;
 text-align: left;
font-size: 10px!important;
font-family: 'arial' !important;
line-height: 0.9em;
height:68px !important;
}

.artfin {height:68px !important; overflow-y: auto;}


</style>
<center><div class="zag" style="margin-bottom:15px;">ЗАГОЛОВОК</div>
<div class="art">
<div class="art1">
<div class="artname"><a href="">тесеракт</a></div> 
<div class="artname">стоимость</div>
<div class="artblock1"><div class="artfin">Привет, человек, не хочешь заключить сделку? Тогда почитай условия контракта, хотя погоди, зачем он вообще нужен? Лучше задай свои вопросы здесь, забронируй роль, может я тебе и отвечу. А может возьму ответственность на себя и выберу роль для тебя сам, если хочешь. А правила... Правила для дураков, лучше скупай золото и беги скорее сюда!</div></div>
</div>
</div>


</CENTER>