/*******************************/
/* sekce */
/*******************************/

.wrapSectionTiles
{
    justify-content: center;
}

    .boxSectionTiles
    {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }

        .boxSectionTiles h2, .boxSectionTiles h3, .boxSectionTiles h4, .boxSectionTiles h5, .boxSectionTiles h6
        {
            width: 100%;
        }
    
        
        
/*******************************/
/* střídání dlaždic */
/*******************************/    

.tileLeft { min-height: 320px; }

.wrapSectionTiles:nth-of-type(odd) .tileLeft { order: 1; }
.wrapSectionTiles:nth-of-type(odd) .tileRight { order: 2; }    

.wrapSectionTiles:nth-of-type(even) .tileLeft { order: 2; }
.wrapSectionTiles:nth-of-type(even) .tileRight { order: 1; }    



/*******************************/
/* [nadpis-text] */
/*******************************/    

.tileTitleText
{
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    
    padding: 48px;
    background: #F7FEFE;
}

.wrapSectionTiles:nth-of-type(even) .tileText { background: #e2e2e2; }

    .tileTitleText h2, .tileTitleText h3, .tileTitleText h4, .tileTitleText h5, .tileTitleText h6,
    .wrapSection .tileTitleText h2, .wrapSection .tileTitleText h3, .wrapSection .tileTitleText h4, .wrapSection .tileTitleText h5, .wrapSection .tileTitleText h6
    {
        text-align: left;
    }
    
    .tileTitleText ul
    {
        margin: 0;
    }
    
    .tileTitleText ul li
    {
        background-position-x: 0;
        padding-lef: 24px;
    }    



/*******************************/
/* [nadpis-text]-[foto] */
/*******************************/    

.wrapTile-TitleText-Image
{
    align-items: stretch;
}

    .wrapTile-TitleText-Image .tileImage
    {
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }



/*******************************/
/* [nadpis]-[text] */
/*******************************/    

.tileTitle, .tileText
{
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    
    padding: 48px;    
}

.tileText
{
    background: #f2f2f2;   
}

    .tileText > ul
    {
        margin: 0;
    }

    .tileText > ul li
    {
        padding: 2px 0 0 24px;
        background-position: 0 5px;
    }



/*******************************/
/* [nadpis-perex]-[text] */
/*******************************/    

.tileTitle, .tileText
{
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    
    padding: 48px;    
}

.tileText
{
    background: #f2f2f2;   
}

    .tileTitle h2, .tileTitle h3, .perexInTile,
    .wrapSection .tileTitle h2, .wrapSection .tileTitle h3, .wrapSection  .perexInTile
    {
        margin-bottom: 0;
        text-align: left;
    }
    
    .perexInTile
    {
        color: #969696;
    }