<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<!-- Stránkování -->
<ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
</ol>

<!-- Bloky s obrázky -->
<div class="carousel-inner" role="listbox">

<div class="item active">
<img src="/obrazek/3/motiv1-jpg/" alt="Motiv1">
<div class="carousel-caption">
<h3>Nadpis prvního obrázku</h3>             
<p>Text prvního obrázku</p>
</div>
</div>

<div class="item">
<img src="/obrazek/3/motiv2-jpg/" alt="Motiv2">
<div class="carousel-caption">
<h3>Nadpis druhého obrázku</h3>             
<p>Text druhého obrázku</p>
</div>
</div>

</div>

<!-- Šipky -->
<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>

/* vypne motiv v detailu*/
.article-detail #motive {display: none;} 

/* vypne motiv rubriky*/
.rubric #motive {display: none;}
/* vypnout motiv u zbozi */
#eshop #motive { display: none } 
#article-298782 #motive { display: none }
#article-298784 #motive { display: none }
#article-298785 #motive { display: none }
#category-18610 #motive { display: none }
#category-18611 #motive { display: none }
#category-18612 #motive { display: none }
#category-18613 #motive { display: none }
#category-18614 #motive { display: none }
#category-18615 #motive { display: none }
#category-18616 #motive { display: none }
#category-18906 #motive { display: none }