@media (max-width: 990px) {

/* hlava -------------------------------------------------------------------- */

div.header {
    background-image: url(rimg/bg-header-new.png);
    width: auto;
    height: auto;
    max-width: 640px;
    smargin: 0 auto;
}

.kosiknahled, .loginarea {
    display: none;
}

div.header .logo {
    left: 15px;
}

div.menu {
    width: auto;
    height: auto;
    margin: 0 5px;
    margin-top: 90px;
    position: initial;
    top: initial;
    left: initial;
}

div.menu a, div.menu span {
    float: none;
    height: 25px;
    line-height: 33px;
    display: inline-block;
    vertical-align: bottom;
}

div#hledej {
    display: block;
    margin-bottom: 15px;
}

/* root + kategorie --------------------------------------------------------- */

img.tpage {
    width: 100%;
    height: auto;
    margin: 15px 0;
}

.mstredni > a img {
    width: 100%;
    height: auto;
    margin-top: 15px !important;
}

img.mstredni a {
    width: 100%;
    height: auto;
    margin: 15px 0;
}

h2.tpage {
    line-height: 40px;
}

p.firsttxt {
    width: auto;
}

p.tpage {
    width: auto;
}

p.stitxt {
    width: auto;
    font-size: 14px;
}

div.esfolderpages p.cislastranek {
    width: auto;
}

ul.stitxt-navod {
    margin: 13px 0 13px -10px;
}

h1.detail {
    width: auto;
}

table.main {
    width: auto;
    sclear: both;
    margin: 0 auto;
    max-width: 660px;
}

table.main td {
    display: block;
    padding: 10px 10px;
}

td.mstredni {
    width: auto;
    max-width: 640px;
}

div.item10 h3 {
    font-size: small;
}

td.mlevy, td.mpravy, div.box-postovne, div#postovne-text p {
    width: auto;
}

div#samolepky {
    background-image: url(rimg/h-samolepky.png);
    margin-bottom: 11px;
}

div#search {
    background-image: url(rimg/h-search.png);
    font-size: 100%;
    margin-top: 25px;
}

div.boxik {
    width: auto;
    max-width: 600px;
    border-radius: 5px;
    padding: 44px 16px 16px 23px;
    font-size: 14px;
}

div.boxikbottom, div.box-postovne-bottom {
    display: none;
}

div#postovne-text {
    font-size: 100%;
}

div.box-postovne {
    padding: 44px 16px 30px 16px;
    border-radius: 5px;
    background-image: url(rimg/h-postovne-top.png);
    max-width: fit-content;
}

.boxik > div {
    display: inline-block;
}

div#samolepky a {
    font-size: 100%;
}

p.tpage, p.firsttxt {
    font-size: 14px;
}

.mpravy .boxik {
    margin-bottom: 35px;
}

div#search input.text {
    width: 80%;
}

div.ccard {
    display: none;
}

div.ccard-resp {
    display: block;
    width: auto;
    margin: 0 auto;
    margin-top: -8px;
    margin-bottom: 15px;
}

/* pata --------------------------------------------------------------------- */

div.footer, div.footer2, div.footer3, div.footer4 {
    width: auto;
    background-image: none;
    text-align: center;
    font-size: 100%;
}

div.footer3 {
    margin-bottom: 10px;
}

div.footer4 {
    padding-top: 15px;
}

div.footer .right, .left {
    float: none;
}

div.footer .right {
    float: none;
}

div.footer div, div.sfooter a {
    line-height: 1.5em;
}

div.footer2 {
    margin-top: 45px;
}

img.s-icons {
    margin-top: 13px;
    padding-left: 10px;
}


/* detail ------------------------------------------------------------------- */

div.d-dekor {
    float: none;
    margin: 0 auto;
    left: initial;
    width: auto;
    max-width: 320px;
    border: 1px solid #cadee5;
    border-radius: 6px;
    background-color: #eef2f6;
}

p.whereiam {
    font-size: 100%;
    margin-bottom: 10px;
}

.over-top {
    display: none !important;
}

div.d-krok1, div.d-krok2, div.d-krok3, div.d-krok4, div.d-nakup {
    float: none;
    margin: 0 auto;
    width: auto;
    max-width: 322px;
    margin-bottom: 10px;
}

div.d-dekor div.telo {
    width: auto;
    max-width: 300px;
    border: none;
    margin: 0 auto;
}

div.d-dekor img  {
    width: 100%;
    height: auto;
    sborder: 1px solid #cadee5;
    sborder-radius: 5px;
    padding-bottom: 10px;
}

div.d-dekor div.bottom {
    display: none;
}


.popis {
    display: none;
}

form.dokosiku span.ks {
    margin-right: 15px;
}

td.sec1TAB {
    width: auto;
}

div.tabIFbottTXT {
    font-size: 0.9em;
    padding: 10px 8px;
}

div.d-krok1 div.telo {
    width: auto;
    max-width: 320px;
    border: none;
    padding: 12px 0 7px 6px;
}

div.d-krok1 div.telo p {
    width: auto;
    height: 39px;
    line-height: 112%;
    font-size: 100%;
    float: none;
}

div.d-krok1 div.bottom, div.d-krok2 div.bottom, div.d-krok3 div.bottom, div.d-krok4 div.bottom {
    width: auto;
    max-width: 322px;
}

table.tabIF {
    font-size: 100%;
}

table.main td {
    padding: 2px 10px;
}

div.d-krok1 div.bottom, div.d-krok2 div.bottom {
    display: none;
}

div.d-krok1, div.d-krok2, div.d-krok3, div.d-krok4, div.d-nakup {
    border: 1px solid #cadee5;
    border-radius: 5px;
    margin-top: 20px;
}

div.d-krok2 div.sirtelo {
    border: none;
}

div.d-krok2 div.sirtelo label {
    font-size: 13px;
}

div.d-krok2 div.telo {
    width: auto;
    border: none;
    font-size: 90%;
}

div.d-krok2 div.telo p span.beznacena {
    width: auto;
}

div.float_vlastni {
    width: 198px;
    width: auto;
    padding: 7px 17px;
}

div.d-krok2 div.sirtelo {
    width: auto;
}

div.labIF {
    padding: 15px 0px 15px 19px;
}

p#p_vlastni span.maxvel {
    font-size: 13px;
}

p#p_vlastni input.text {
    width: 60px;
}

div.d-krok2 div.telo p label {
    word-spacing: -2px;
}

div.d-krok2 div.telo input.radio {
    left: -3px;
}

div.d-krok2 div.telo label {
    width: 80px;
}


div.d-krok3 div.sirtelo {
    border: none;
    font-size: 100%;
    width: auto;
}

div.d-krok3 div.telo {
    border: none;
    font-size: 100%;
    width: auto;
    padding: 15px 12px 9px 12px;
}



table.main td {
    clear: both;
}

div.d-krok3 div.bottom {
    display: none;
}

div.d-krok4 div.sirtelo {
    width: auto;
    border: none;
    font-size: 100%;
}

div.d-krok4 div.telo {
    padding: 9px 12px 12px 12px;
    font-size: 100%;
    border: none;
    width: auto;
}

div.d-krok4 div.bottom {
    display: none;
}

.d-nakup  {
    border: none !important;
}

form.dokosiku div.pocet {
    border: 1px solid #cadee5;
    border-radius: 5px;
    background-color: #eef2f6;
    background-image: none;
    width: 57px;
}

form.dokosiku div.pocet input.text {
    width: 37px;
}

form.dokosiku {
    sborder-bottom: 1px solid #505050;
    padding-bottom: 86px;
    margin-bottom: -32px;
}

div.d-krok4 div.telo input.text {
    width: 80% !important;
}

.labIF-resp, .tabIF-resp, .tabIFbott-resp, .popis-resp {
    display: block;
}

.termin {display: none}

.informace {display: block; max-width: 322px; margin: 0 auto; margin-top: 20px;} 
.labIF-resp {font-weight: bold; color: #005991; border-bottom: 1px dotted #005991; padding: 10px 0 5px 12px;}
.tabIF-resp {background-color: #f7f8fc; font-color: #005991; width: 100%; padding: 4px 0px; padding-top: 7px;}
.tabIF-resp .sec1TAB {margin-top: -6px}
.tabIFbott-resp {background-color: #005991; margin-bottom: 15px;}
.tabIFbottTXT-resp {color: #FFF; padding: 12px 12px;}

.popis-resp {margin-top: 45px; border-bottom: 1px dashed #505050; padding-bottom: 46px; margin-bottom: -31px; border-top: 1px dashed #505050; padding-top: 40px;}
.popis-resp .help {margin-top: 10px;}

.popis-resp label {color: #005991; font-weight: bold; font-size: 14px;}

/* clanky ------------------------------------------------------------------- */

.article p {
    font-size: 14px;
}

.article ul li {
    margin-left: 20px;
    margin-top: 5px;
    font-size: 14px;
}

.article a img, .article img {
    width: 100%;
    height: auto;
}

}


/* upravy ------------------------------------------------------------------- */


@media (max-width: 350px) {

table.main td {
    padding: 2px 5px;
}

div.d-krok2 div.telo label {
    width: 75px;
}

div.d-krok2 div.telo p label {
    width: 77px;
}

div.d-krok2 div.telo p span.beznacena {
    margin-left: 0;
    word-spacing: -.7px;
        width: 100px;
}



}