/* Zobrazení obsahu vytvořeného editorem SunEditor na veřejném webu.
   Editor obaluje obrázky do <div class="se-component ..."><figure><img></figure></div>
   a zarovnání řídí třídami __se__float-*. Tato pravidla je učí i šablonu webu
   (v editoru samotném je řeší jeho vlastní stylesheet). */

.se-component {
    display: block;
    margin: 0 0 10px;
    max-width: 100%;
}

/* Obtékání textu kolem obrázku */
.se-component.__se__float-left {
    float: left;
    margin: 4px 16px 8px 0;
}
.se-component.__se__float-right {
    float: right;
    margin: 4px 0 8px 16px;
}
.se-component.__se__float-center figure {
    margin-left: auto;
    margin-right: auto;
}

/* Prohlížeče dávají <figure> velké výchozí okraje - vynulovat */
.se-component figure {
    margin: 0;
    max-width: 100%;
}
.se-component figure img,
.se-component figure video,
.se-component figure iframe {
    max-width: 100%;
    height: auto;
}

/* Popisek pod obrázkem (pokud ho v editoru vyplníš) */
.se-component figcaption {
    font-size: 0.88em;
    color: #666;
    padding: 4px 0;
    text-align: center;
}