/* C2.15 */
.punbb div.icon {
  border-style: solid;
  border-width: 0.6em 0.6em 0.6em 0.6em;
  height: 0;
  line-height: 0.0;
  margin-top: 0.1em;
  width: 0;
  }

/* C2.16 */
.punbb  table div.icon {
  font-size: 1.05em;
  position: absolute;
  margin-left: -2.2em;
  }

/* D3.2 */
#pun-navlinks .container {
  padding: 0.7em 1em;
  text-align: center;
  font-size: 12px; /* размер текста в меню навигации */
  font-family: Calibri;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: -270px; /* высота меню навигации */
  margin-left: -60px; /* отступ влево */
  text-align: right;
  }

/* D.3 */
#pun-navlinks li {
  display: inline;
  padding-right: 1em;
  }

/* D3.4 */
#pun-navlinks li a {
  font-size: 1.1em;
  }

<!-- КОМАНДНЫЙ ЗАЧЁТ -->
<div style="margin-left: 85px;">
<!-- Мартеллы -->
<div style="position: absolute; width: 65px; height: 75px; margin-top: 120px; margin-left: 5px; color: #e8e8e8; font-family: Lora; text-align: center;">
<img src="https://i.imgur.com/TmDKrHs.jpg"><br>89
</div>

<!-- Таргариены -->
<div style="position: absolute; width: 65px; height: 75px; margin-top: 120px; margin-left: 80px; color: #e8e8e8; font-family: Lora; text-align: center;">
<img src="https://i.imgur.com/SCPs0fH.jpg"><br>74,5
</div>

<!-- Ланнистеры -->
<div style="position: absolute; width: 65px; height: 75px; margin-top: 120px; margin-left: 155px; color: #e8e8e8; font-family: Lora; text-align: center;">
<img src="https://i.imgur.com/ybZOtxM.jpg"><br>0
</div>

<!-- Баратеоны -->
<div style="position: absolute; width: 65px; height: 75px; margin-top: 120px; margin-left: 230px; color: #e8e8e8; font-family: Lora; text-align: center;">
<img src="https://i.imgur.com/gAbiVyz.jpg"><br>21
</div>

<!-- Старки -->
<div style="position: absolute; width: 65px; height: 75px; margin-top: 120px; margin-left: 305px; color: #e8e8e8; font-family: Lora; text-align: center;">
<img src="https://i.imgur.com/BvMxinK.jpg"><br>59
</div>

<!-- Болтоны -->
<div style="position: absolute; width: 65px; height: 75px; margin-top: 120px; margin-left: 380px; color: #e8e8e8; font-family: Lora; text-align: center;">
<img src="https://i.imgur.com/Nf5UZSH.jpg"><br>43
</div>

<!-- Грейджои -->
<div style="position: absolute; width: 65px; height: 75px; margin-top: 120px; margin-left: 455px; color: #e8e8e8; font-family: Lora; text-align: center;">
<img src="https://i.imgur.com/77mEJyL.jpg"><br>0
</div>

<!-- Тиреллы -->
<div style="position: absolute; width: 65px; height: 75px; margin-top: 120px; margin-left: 530px; color: #e8e8e8; font-family: Lora; text-align: center;">
<img src="https://i.imgur.com/y2MTlq5.jpg"><br>40,5
</div>

<!-- Талли -->
<div style="position: absolute; width: 65px; height: 75px; margin-top: 120px; margin-left: 605px; color: #e8e8e8; font-family: Lora; text-align: center;">
<img src="https://i.imgur.com/Tt4ikJp.jpg"><br>0
</div>

<!-- Аррены -->
<div style="position: absolute; width: 65px; height: 75px; margin-top: 120px; margin-left: 680px; color: #e8e8e8; font-family: Lora; text-align: center;">
<img src="https://i.imgur.com/AGVmPnA.jpg"><br>8
</div>

</div>

<!-- КОНЕЦ БЛОКА С КОМАНДНЫМ ЗАЧЁТОМ -->


<!-- БЛОК С ТЕКСТОМ СПРАВА В ШАПКЕ -->

<div style="position: absolute; margin-top: 25px; margin-left: 470px; width: 528px; height: 83px; padding-left: 5px; padding-right: 4px; overflow-x: hidden; color: #e8e8e8; font-family: Lora;">

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras massa urna, posuere id sagittis in, porta sed arcu. Nullam lectus massa, iaculis ac libero et, hendrerit elementum urna. Aenean bibendum ultricies mi aliquam convallis. Aliquam nec efficitur tellus. Nulla ut ante nibh. Vestibulum convallis arcu orci. Praesent non mi finibus, eleifend enim vitae, mollis metus. Nam risus nibh, ornare id tincidunt ut, molestie eget metus. Morbi interdum, felis a lacinia fermentum, tellus lorem hendrerit dui, non posuere nunc nisi vitae libero. Suspendisse a tellus mauris. Morbi vel tincidunt sapien, vel feugiat ante.
<br><br>
Mauris ultrices libero lectus, vel tincidunt mi molestie in. Nam sed porta lacus, vel finibus mauris. Etiam bibendum nisl urna, vehicula luctus erat tincidunt eu. Sed porta odio a fermentum commodo. Sed a justo at tortor imperdiet pulvinar. Interdum et malesuada fames ac ante ipsum primis in faucibus. Curabitur sollicitudin eleifend neque, et luctus ante condimentum at. Sed feugiat est quis nisi feugiat dapibus. Quisque risus ipsum, dictum nec blandit efficitur, venenatis eget sapien. Nullam nec nunc ligula. Nunc fermentum magna a diam maximus, lacinia bibendum erat posuere. Vivamus rhoncus mauris justo, nec egestas metus finibus nec.

</div>

<!-- КОНЕЦ БЛОКА С ТЕКСТОМ В ШАПКЕ -->