﻿.block_container {
    text-align: left;
    background-color: inherit;
/*    margin-bottom: 100px;*/
    display: inline;
}

.imgsablonaleft {
    float: left;
    margin: 0 10px 0 2px;
    max-width: 100%;
}

.imgsablonaright {
    float: right;
    margin: 0 2px 0 10px;
    max-width: 100%;
}

.clanekbox {
   /* border: 0.1em solid;*/
    text-align: justify;
    background-color: inherit;
    padding: 10px;
}

/* Druhá verze*/
/*    .clanekcontainer {
        display: flex;
        width: 100%;
        background-color: coral;
        grid-template-columns: 1fr 1fr;
    }*/

/*.clanekside {
        flex: 1;
        padding: 4px;
        background-color: aqua;
    }

    .clanekside-content-center {*/
/*display: flex*/
/*align-items: center;
        background-color: palegoldenrod;
        padding: 4px;
    }*/

/* GRID*/
.grid-container-element {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1px;
    border: 0px solid silver;
    width: 100%;
    border:none;
}

.grid-child-element {
    margin: 4px;
    border: 0px solid red;
    text-align: justify;
    float: left;
}

/* FOTO*/
.clanekrowimage::after {
    content: "";
    clear: both;
    display: table;
}

* {
    box-sizing: border-box;
}

.clanekcolumn {
    float: left;
    width: 33.33%;
    padding: 5px;
    text-align: center;
}

@media screen and (max-width: 500px) {
    .clanekcolumn {
        width: 100%;
    }

    .grid-container-element {
        grid-template-columns: 1fr;
    }
}


/* články full*/
.divClankyP {
    margin-left: 2px;
    padding: 0px;
    background-color: red;
    border: none;
    width: 74.8%;
}

.myItemStyleClanky {
    font-family: Arial;
    font-style: normal;
    font-weight: 400;
    /* word-wrap:break-word;
       word-break:normal; */
    /*  width: 100%;*/
    background-color: inherit;
    padding: 2px;
    margin: 0px;
/*    background-color: white;*/
    border: none;
}

.myFieldsetStyleClanky {
/*    background-color: inherit;*/
    background-color: #FFFFCB; /* zahradkari*/
    border: 1px solid silver;
    padding: 2px;
    margin: 0px 0px 4px 2px;
}

.divgrdTitulClanky {
    /*background-color: blanchedalmond;*/
    /*background-color: #F7F7C5;*/ /* zahradkari*/
    background-color: inherit;
    margin: 2px;
    padding: 0px;
    font-size: 16pt;
}

.divgrdlevyClanky {
    float: left;
    padding: 2px;
    border: none;
    padding: 0px;
    margin: 2px 10px 2px 2px;
    font-size: 11pt;
}

.divgrdPravyClanky {
    padding: 2px;
    border: none;
    /*background-color: #F5F4F0;*/
    background-color: #FFFFCB; /* zahradkari*/
    min-height: 133px;
    margin: 0px;
    width: 100%;
    text-align: justify;
    vertical-align: text-top;
    font-size: 11pt;
    /*content: "";*/
    /*clear: both;*/
    /* display:contents;*/
}

.divgrdPravyClankyNoheader {
    padding: 2px;
    border: none;
    background-color: inherit;
    min-height: 104px;
    margin: 0px;
    width: 100%;
    text-align: justify;
    vertical-align: text-top;
    font-size: 11pt;
    /*content: "";*/
    /*clear: both;*/
    /* display:contents;*/
}

.CssInfoClanky {
    font-size: 10pt;
    margin: 0px;
    padding: 2px 4px 2px 0px;
    text-align: right;
    font-style: italic;
    color: silver;
    /*background-color: #F5F4F0;*/
    /*background-color: #F7F7C5; */
    background-color:inherit;
}


/* články test*/
.divxxxxx {
background-color:red;
height:200px;
width:400px;
}

