/*1200px*/
@media all and (max-width: 75em) {

    #MainMaster { font-size:1.15em; }
    #TextPresObr { margin:0.5em auto; }
    #TextPresObr p { margin:0.5em 0; }
    #TextPresObr #Podpis { margin-top:1.5em; }
    #Footer { background-position:right top; }
    #Footer .FooterLogo { right:19px; }
}

/*1088px*/
@media all and (max-width: 68em) {

    #MainMaster { font-size:1em; }
    #Footer table { width:87%; }
    #HorizontalImgBG { height:600px; }
    #slideshow img,#slideshow img.active { max-width:none; height:100%; }
    #TextPresObr { margin:2em auto; }
    #TextPresObr .Large { font-size:2em; }
    #SeznamNemovitosti .TopOvlLista .Razeni { width:50%; }
    
}

@media all and (max-width:54em) {
    #Footer { font-size:1em; }
    #Footer table { width:84%; margin-top:1em; }
    #Footer table td { float:left; width:48%; padding-right:2%; }
    #DetailNabidky #DalsiUdajeNabidky { width:100%; }
    #DetailNabidky #OstatniPolozky { width:100%; }
    #ContactPage .ContactForm .Item.Captcha .RadCaptcha div p .CaTextBoxDec,.clientForm_Demand input[type="text"] { height:48px; }
    

    

}


@media all and (max-width:48em) { 

    #ButtonTopMenu { display:block;}
    #TopMenu { margin:0; width:100%; overflow:hidden; height:0;display:inline-block; background-color:#0B71B5;
               position:static;
    }
    #TopMenu .MenuActive { background-color:#1188D7;}
    #TopMenu li{ display:block; width:100%; }
    #TopMenu li.linkUvod{ display:block; width:100%; }
    #TopMenu li.linkSluzby{ display:block; width:100%; }
    #TopMenu li.linkVlozNabidku{ display:block; width:100%; }
    #TopMenu li.linkVlozPoptavku{ display:block; width:100%; }
    #TopMenu li.linkOdhad{ display:block; width:100%; }
    #TopMenu li.linkBlog{ display:block; width:100%; }
    #TopMenu li.linkNasTym{ display:block; width:100%; }
    #TopMenu li.linkKancelar{ display:block; width:100%; }
    #TopMenu ul { display: inline-block;
                    width: 100%; padding-top:6em; }
    #Logo { float:left; right:auto; left:0.5em; max-width:38%; }
    #Logo h1 a { background-position:left center; }
    #Header .PageLayout { height:auto; min-height:6em; }
    #TopMenu .ButtonMenu a { width:96%; padding:0 2%; text-align:left; color:white; }
    #ZadaniPoptavky .Text { width:100%; }
    #ZadaniPoptavky #Formular { float:left; width:100%; }
    #ContactPage .UserText { width:100%; }
    #ContactPage .ContactForm { width:100%; }
    #SeznamNemovitosti .TopOvlLista .Razeni { width:60%; }
    #DetailNabidky #makler { width:100%; }
    #DetailNabidky #mapa { float:left; width:100%; }
    
}

@media all and (max-width:45em) {

    #Footer { font-size:0.9em; }
    #SeznamNemovitosti .imgHolder { display:table; margin:auto; width:50%; float:none; }
    #SeznamNemovitosti .Popisky { float:none; width:100%; }
    #SeznamNemovitosti .TopOvlLista .Pocitadlo{ width:100%; margin-bottom:0.5em; }
    #SeznamNemovitosti .TopOvlLista .Razeni{ width:100%; }
    #DetailNabidky .HlFoto { width:100%; }
    #DetailNabidky #ZakladniPolozky { width:100%; }
    

}

@media all and (max-width:36em) {
    #slideshow img{ max-width:100%; max-height:20em; }
    #slideshow { height:auto; }
    #HorizontalImgBG { height:auto; display:table; }
    #HorizontalImgBG .PageLayout { position:static; }
    #TextPresObr { position:static; width:100%; color:black;
                   padding-top:15em;
    }
    #TextPresObr .Large { font-size:1.5em; }
    #Footer table { width:96%; margin-bottom:1em; font-size:1em; line-height:1.5; margin:0 2%; }
    #Footer table td { width:100%; padding-right:0; text-align:center; }
    #Footer { height:auto; }
    
}

@media all and (max-width:27em) {

    #SeznamNemovitosti .imgHolder { width:70%; }
    #SeznamNemovitosti .Popisky .OtherTitles .vice { width:100%; padding-top:1em; padding-bottom:1em; }

}