/* š */
/* -------------------------------
 experimetnal form jquery mobile
 http://api.jquerymobile.com/grid-layout/
 http://api.jquerymobile.com/responsive-grid/
*/
.grid {
    /*overflow: auto;*/
}
.grid:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
}

body#tinymce .grid {
    border:1px dashed #BBBBBB;
    padding:3px;
}

.grid .block1,
.grid .block2,
.grid .block3,
.grid .block4,
.grid .block5 {
    border:0 none;
    float:left;
    margin:0;
    min-height:1px;
    padding:0;
}

.grid > :first-child {
    background:none;
}

.grid-solo .block1,
.grid.c1 .block1 {
    display:block;
    float:none;
}
.grid.c2 .block1,
.grid.c2 .block2 {
    width:49.95%;
}

.grid.c2 > *:nth-child(n) {
    margin-right:-0.5px;
    width:49.995%;
}
.grid.c2 .block1 {
    clear:left;
}
.grid.c3 .block1,
.grid.c3 .block2,
.grid.c3 .block3 {
    width:33.25%;
}

.grid.c3 > *:nth-child(n) {
    margin-right:-0.5px;
    width:33.333%;
}
.grid.c3 .block1 {
    clear:left;
}

.grid.c3 .block1.two,
.grid.c3 .block2.two {
    width:66.666%;
}

.grid.c4 .block1,
.grid.c4 .block2,
.grid.c4 .block3,
.grid.c4 .block4 {
    width:24.925%;
}
.grid.c4 > *:nth-child(n) {
    margin-right:-0.5px;
    width:25%;
}
.grid.c4 .block1 {
    clear:left;
}

.grid.c4 .block1.two,
.grid.c4 .block2.two,
.grid.c4 .block3.two {
    width:49.95%;
}

.grid.c4 .block1.three,
.grid.c4 .block2.three {
    width:75%;
}

.grid.c5 .block1,
.grid.c5 .block2,
.grid.c5 .block3,
.grid.c5 .block4,
.grid.c5 .block5 {
    width:19.925%;
}
.grid.c5 > *:nth-child(n) {
    width:20%;
}
.grid.c5 .block1 {
    clear:left;
}

.grid.c5 .block1.two,
.grid.c5 .block2.two,
.grid.c5 .block3.two,
.grid.c5 .block4.two {
    width:40%;
}

.grid.c5 .block1.three,
.grid.c5 .block2.three,
.grid.c5 .block3.three {
    width:60%;
}

.grid.c5 .block1.four,
.grid.c5 .block2.four {
    width:80%;
}

/* ------------------------------- */
/* ------------------------------- */

.grid .block2,
.grid .block3,
.grid .block4,
.grid .block5 {
    /*background:transparent url(:./../../_zdroje/temp/imgs/bck.png) repeat-y top left;*/

}

.grid .bbody,
.grid .bbody .bck,
.grid .bbody.bck,
.grid .bbody .block_zvyraz_text,
.grid .block1 > .act,
.grid .block2 > .act,
.grid .block3 > .act,
.grid .block4 > .act,
.grid .block5 > .act {
    margin:0.2em 0.6em;
}

.grid.c4 .bbody,
.grid.c4 .bbody .bck,
.grid.c4 .bbody.bck,
.grid.c4 .block1 > .act,
.grid.c4 .block2 > .act,
.grid.c4 .block3 > .act,
.grid.c4 .block4 > .act,
.grid.c4 .block5 > .act {
    margin-left:0.4em;
    margin-right:0.8em;
}

.grid.c4 .block3 .bbody,
.grid.c4 .block3 .bbody .bck,
.grid.c4 .block3 .bbody.bck,
.grid.c4 .block3 > .act {
    margin-left:0.8em;
    margin-right:0.4em;
}

/* Slozeniny v c4 nejde oznacit prostredni v kombinaci  1-1-2 */
.grid.c4.merged .bbody,
.grid.c4.merged .bbody .bck,
.grid.c4.merged .bbody.bck,
.grid.c4.merged .block1 > .act,
.grid.c4.merged .block2 > .act,
.grid.c4.merged .block3 > .act,
.grid.c4.merged .block4 > .act,
.grid.c4.merged .block5 > .act {
    margin-left:0.6em;
    margin-right:0.6em;
}

.grid.c5 .bbody,
.grid.c5 .bbody .bck,
.grid.c5 .bbody.bck,
.grid.c5 .bbody .block_zvyraz_text,
.grid.c5 .block1 > .act,
.grid.c5 .block2 > .act,
.grid.c5 .block3 > .act,
.grid.c5 .block4 > .act,
.grid.c5 .block5 > .act {
    margin-left:0.3em;
    margin-right:0.9em;
}

.grid.c5 .block4 .bbody,
.grid.c5 .block4 .bbody .bck,
.grid.c5 .block4 .bbody.bck,
.grid.c5 .block4 .bbody .block_zvyraz_text,
.grid.c5 .block4 > .act {
    margin-left:0.9em;
    margin-right:0.3em;
}

.grid.c5 .block3 .bbody,
.grid.c5 .block3 .bbody .bck,
.grid.c5 .block3 .bbody.bck,
.grid.c5 .block3 .bbody .block_zvyraz_text,
.grid.c5 .block3 > .act {
    margin-left:0.6em;
    margin-right:0.6em;
}


.grid.bck .bbody,
.grid .bbody .bck,
.grid .bbody.bck,
.grid .bbody .block_zvyraz_text,
.grid .block1 > .act,
.grid .block2 > .act,
.grid .block3 > .act,
.grid .block4 > .act,
.grid .block5 > .act {
    padding:1em;
}

.grid .bbody .block_zvyraz_text,
.grid .bbody .bck {
    margin:0;
}

.grid .bbody > .block_zvyraz_text {
    margin-bottom:4px;
}

.grid .bbody p.act + .bck,
.grid .bbody p.act + .block_zvyraz_text {
    margin-top:1em;
}

.grid .bbody.bck,
.grid .bbody .bck,
.grid.bck .bbody  {
    background:#E8E8E8;
    border:1px solid #D8D9D7;
    border-radius:4px;
    color: #353738;
}

.grid.c4.merged.bck .block2 .bbody {
    margin-right:1.2em;
}

.grid.c4.merged .block1.two + .block2 .bbody,
.grid.c4.merged .block2.two .bbody {
    margin-right:0.6em;
}

.grid.c4.merged.bck .block3.two .bbody {
    margin-left:0.6em;
}

/* 1. v radce je vzdy block1 */
.grid .block1 .bbody,
.grid .block1 .bbody.bck,
.grid .block1 > .act,
.grid.merged .block1 .bbody,
.grid.merged .block1 .bbody.bck,
.grid.merged .block1 > .act {
    margin-left:0em;
    margin-right:1.2em;
}

/* je to vlastne automaticky :rowlast - posledni v radce */
.grid.c2 .block2 .bbody, /* c2: 1 2 */
.grid.c3 .block3 .bbody,                /* c3: 1 2 3  */
.grid.c3 .block1.two + .block2 .bbody,  /* c3: 1two 2 */
.grid.c3 .block2.two .bbody,            /* c3: 1two 2 */
.grid.c4 .block4 .bbody,                        /* c4: 1 2 3 4   */
.grid.c4 .block1.three + .block2 .bbody,        /* c4: 1three 2  */
.grid.c4 .block1 + .block2.three .bbody,        /* c4: 1 2three  */
.grid.c4 .block1.two + .block2 + .block3 .bbody,/* c4: 1two 2 3  */
.grid.c4 .block2.two + .block3 .bbody,          /* c4: 1 2two 3  */
.grid.c4 .block3.two .bbody,                    /* c4: 1 2 3two  */
.grid.c4 .block1.two + .block2.two .bbody,      /* c4: 1two 2two */
.grid.c5 .block5 .bbody,                            /* c5: 1 2 3 4 5 */
.grid.c5 .block1.four + .block2 .bbody,             /* c5: 1four 2 */
.grid.c5 .block2.four .bbody,                       /* c5: 1 2four */
.grid.c5 .block1.three + .block2 + .block3 .bbody,  /* c5: 1three 2 3 */
.grid.c5 .block1.three + .block2.two .bbody,        /* c5: 1three 2two */
.grid.c5 .block2.three + .block3 .bbody,            /* c5: 1 2three 3 */
.grid.c5 .block2.tree .bbody,                       /* c5: 1 2 3three, 1two 3 three */
.grid.c5 .block1.two + .block2.two + .block3 .bbody,/* c5: 1two 2two 3 */
.grid.c5 .block3.two .bbody                         /* c5: 1two 2 3two, 1 2two 3two */
{
    margin-right:0;
    margin-left:1.2em;
}

.grid.c4.merged .block1.three .bbody {
    margin-right:0.6em;
}
.grid.c4.merged .block2.three .bbody,
.grid.c4.merged .block1.two + .block2.two .bbody      /* c4: 1two 2two */
{
    margin-left:0.6em;
}

body#tinymce .grid .bbody {
    border:1px dashed #BBBBBB;
    margin:2px;
    padding:3px;
}

.grid {
    padding:5px 0;
}

.grid.maxh-small {
    max-height:150px;
}

.grid.maxh-big {
    max-height:300px;
}

.grid .bbody.bck .act,
.grid .bbody .bck .act,
.grid.bck .bbody .act {
    padding-bottom:1em;
}

.grid .bbody h2,
.grid .bbody h3,
.grid .bbody h4,
.grid .bbody .format_nadpis2,
.grid .bbody .format_nadpis3,
.grid .bbody .format_nadpis4 {
    padding:10px 0 5px 0;
}

.grid .bbody.bck h2,
.grid .bbody.bck .format_nadpis2,
.grid .bbody.block_zvyraz_text h2,
.grid .bbody.block_zvyraz_text .format_nadpis2,
.grid .bbody.bck h3,
.grid .bbody.bck .format_nadpis3,
.grid .bbody.block_zvyraz_text h3,
.grid .bbody.block_zvyraz_text .format_nadpis3 {
    /*border-bottom:1px solid #0C61A0;*/
}

.grid .bbody h2 img.obrazek_doleva,
.grid .bbody h3 img.obrazek_doleva {
    margin:0 10px 0 0;
}

.grid .bbody img {
    height: auto;
    max-width: 100%;
}

.grid .bbody.bck {
    padding-bottom:0em;
}

.grid .act,
.grid .act.alignL
{
    text-align:left;
/*    margin-bottom:-0.4em;*/
}

.grid .bbody.bck .forms_base2 {
/*    padding:1.4em;*/
}

.grid .act.right,
.grid .act.alingR
{
    text-align:right;
}

.grid .act.center,
.grid .act.alignC {
    text-align:center;
}
.grid .act.justify,
.grid .act.alignJ {
    text-align:justify;
}

.grid .bbody.bck,
body#tinymce .grid .act {
    margin-bottom:1em;
}

.grid.actbot .bbody {
    position:relative;
    padding-bottom:4em;
}

.grid.actbot .bbody .act {
    position:absolute;
    bottom:0;
}


body#tinymce .grid.actbot .bbody .act {
    position:static;
}

.grid.actbot .bbody > .act.right {
    right:1.2em;
}

.grid .bbody > :first-child {
    padding-top:0.3em;
}

.grid .bbody.bck > :first-child {
    padding-top:0.3em;
}



/* responsive veci */
@media all and (max-width: 650px) {
    .grid.responsive .block1,
    .grid.responsive .block2,
    .grid.responsive .block3,
    .grid.responsive .block4,
    .grid.responsive .block5 {
        width: 100% !important;
        float:none;
        background:none;
    }

    .grid.responsive .block1 .bbody,
    .grid.responsive .block2 .bbody,
    .grid.responsive .block3 .bbody,
    .grid.responsive .block4 .bbody,
    .grid.responsive .block5 .bbody {
        padding-left:0;
        padding-right:0;
        margin-left:0;
        margin-right:0;
        width:100%;
    }

}

.grid .bbody .respWidth {
    max-width: 100%;
    /*max-height: 100%;*/
    height: auto;
}

@media only screen and (max-width: 800px){
    .responsive .grid .block1, .responsive .grid .block2, .responsive .grid .block3,
    .responsive .grid .block4, .responsive .grid .block5, .responsive .grid .block6 {
        float:none;
        width:100% !important;
        height:auto !important;
        margin:0 0 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .responsive .grid .bbody {
        height:auto !important;
        margin: 0 !important;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
}

/* ----------------------------------- */
/* zobrazeni vsech ikon v test obsahu  */
/* ----------------------------------- */
#mainWrap .list-iconwrap {padding-left: 0 !important}
#mainWrap .list-iconwrap li {
    font-size: 12px;
    width: 12.5%;
}
#mainWrap .list-iconwrap li {
    background:none;
    background-color: #F9F9F9;
    border: 1px solid #FFFFFF;
    float: left;
    font-size: 10px;
    height: 100px;
    line-height: 1.4;
    padding: 10px;
    text-align: center;
    list-style-type: none;
    /*width: 25%;*/
}

#mainWrap .list-iconwrap .name-icon-text {
    font-size: 14px;
    display: block;
    text-align: center;
    word-wrap: break-word;
}

#mainWrap .list-iconwrap [class^="ant-icon-"],
#mainWrap .list-iconwrap [class*=" ant-icon-"] {
    font-size: 28px;
    margin-bottom: 10px;
    margin-top: 10px;

    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    position: relative;
    top: 1px;
}

#mainWrap .list-iconwrap li:hover {
    background-color: #353738;
    color: #FFF;
}
/* ----------------------------------- */
/* ----------------------------------- */




/* --------------------------------------------------------- */
/* spolecne indiv. CSS styly pro ikony pomoci ttp://fontastic.me  */
/* --------------------------------------------------------- */
.mceContentBody ul.ant-iconStyle,
.std ul.ant-iconStyle {
    padding-left: 0px;
    padding-top:1%;
}

.mceContentBody ul.ant-iconStyle > li,
#mainWrap ul.ant-iconStyle > li {
    list-style-type: none;
    padding-bottom: 2%;
    background: none;
    padding-left: 0;
}

.mceContentBody .ant-iconStyle,
.ant-iconStyle {
    display:inline-block;
    vertical-align: middle;
}

[class^="ant-icon-"],
[class*=" ant-icon-"] {
    font-size:27px;
    vertical-align: middle;
    text-decoration: none;
    display: inline-block;
}

[class^="ant-icon-"].small,
[class*=" ant-icon-"].small {
    font-size:12px;
    white-space: nowrap;
    vertical-align: inherit;
    display: inline-block;
    text-decoration: inherit;
}

[class^="ant-icon-"].large,
[class*=" ant-icon-"].large {
    font-size: 300%;
    width:100%;
    padding-bottom:2%
}

.btn [class^="ant-icon-"],
.btn [class*=" ant-icon-"] {
    font-size:150%;
}
/* --------------------------------------------------------- */