Modul seznam obrázků v řádku

.images_row

První obrázek je vždy větší s fixní výškou (.image_item_fixed_height), ostatní pak menší (.image_item_smaller).

Např. v detailu kapacity, LM/FM.

Ukázka

<div class="images_row">
  <p class="image_item image_item_fixed_height">
      <a class="fancybox image" href="http://www.ck-rekrea.cz/katalogy-data/images/mista/186/Penzionagrothermal0.JPG" rel="group">
          <img class="photo" src="http://www.ck-rekrea.cz/katalogy-data/images/mista/186/Penzionagrothermal0_s.JPG" alt="Penzion Agrothermal**" title="Penzion Agrothermal**" />
      </a>
  </p>

  <p class="image_item image_item_smaller">
      <a class="fancybox image" href="http://www.ck-rekrea.cz/katalogy-data/images/mista/186/Penzionagrothermal5.JPG" rel="group">
          <img class="photo" src="http://www.ck-rekrea.cz/katalogy-data/images/mista/186/Penzionagrothermal5_s.JPG" alt="" title="" />
      </a>
  </p>
  <p class="image_item image_item_smaller">
      <a class="fancybox image" href="http://www.ck-rekrea.cz/katalogy-data/images/mista/186/Penzionagrothermal1.JPG" rel="group">
          <img class="photo" src="http://www.ck-rekrea.cz/katalogy-data/images/mista/186/Penzionagrothermal1_s.JPG" alt="" title="" />
      </a>
  </p>
  <p class="image_item image_item_smaller">
      <a class="fancybox image" href="http://www.ck-rekrea.cz/katalogy-data/images/mista/186/Penzionagrothermal2.jpg" rel="group">
          <img class="photo" src="http://www.ck-rekrea.cz/katalogy-data/images/mista/186/Penzionagrothermal2_s.jpg" alt="" title="" />
      </a>
  </p>
  <p class="image_item image_item_smaller">
      <a class="fancybox image" href="http://www.ck-rekrea.cz/katalogy-data/images/mista/186/Penzionagrothermal3.JPG" rel="group">
          <img class="photo" src="http://www.ck-rekrea.cz/katalogy-data/images/mista/186/Penzionagrothermal3_s.JPG" alt="" title="" />
      </a>
  </p>
  <p class="image_item image_item_smaller">
      <a class="fancybox image" href="http://www.ck-rekrea.cz/katalogy-data/images/mista/186/Penzionagrothermal6.JPG" rel="group">
          <img class="photo" src="http://www.ck-rekrea.cz/katalogy-data/images/mista/186/Penzionagrothermal6_s.JPG" alt="" title="" />
      </a>
  </p>
  <p class="image_item image_item_smaller">
      <a class="fancybox image" href="http://www.ck-rekrea.cz/katalogy-data/images/mista/186/Penzionagrothermal7.jpg" rel="group">
          <img class="photo" src="http://www.ck-rekrea.cz/katalogy-data/images/mista/186/Penzionagrothermal7_s.jpg" alt="" title="" />
      </a>
  </p>
  <p class="image_item image_item_smaller">
      <a class="fancybox image" href="http://www.ck-rekrea.cz/katalogy-data/images/mista/186/Penzionagrothermal10.JPG" rel="group">
          <img class="photo" src="http://www.ck-rekrea.cz/katalogy-data/images/mista/186/Penzionagrothermal10_s.JPG" alt="" title="" />
      </a>
  </p>
  <p class="image_item image_item_smaller">
      <a class="fancybox image" href="http://www.ck-rekrea.cz/katalogy-data/images/mista/186/Penzionagrothermal11.jpg" rel="group">
          <img class="photo" src="http://www.ck-rekrea.cz/katalogy-data/images/mista/186/Penzionagrothermal11_s.jpg" alt="" title="" />
      </a>
  </p>
  <p class="image_item image_item_smaller">
      <a class="fancybox image" href="http://www.ck-rekrea.cz/katalogy-data/images/mista/186/Penzionagrothermal12.jpg" rel="group">
          <img class="photo" src="http://www.ck-rekrea.cz/katalogy-data/images/mista/186/Penzionagrothermal12_s.jpg" alt="" title="" />
      </a>
  </p>
  <p class="image_item image_item_smaller">
      <a class="fancybox image" href="http://www.ck-rekrea.cz/katalogy-data/images/mista/186/Penzionagrothermal13.JPG" rel="group">
          <img class="photo" src="http://www.ck-rekrea.cz/katalogy-data/images/mista/186/Penzionagrothermal13_s.JPG" alt="" title="" />
      </a>
  </p>
</div>

.images_row {
	.clearfix;
	margin-bottom: @base-line-height;
  margin-right: 30px;
}