/*1200px*/
@media all and (max-width: 75em) {
    /*#Header {background-color:red; }*/
    #MainPage { font-size:110%;}
    #HeaderContent .Email .Linka { width:4em; }
    #HeaderContent .Logo { left:1em; }
    #SeznamProjektu { width:96%; padding-left:2%; padding-right:2%; }
    #FooterContent { width:96%;  padding-left:2%; padding-right:2%; }
    .btVlozitPoptavku { background-color:rgba(249,15,42,0.9); background-image:url(/images/obalka.png); background-repeat:no-repeat; background-position:center center;
                        background-size:80% auto; height:6px; cursor:pointer;
    }
}

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

    #MainPage { font-size:110%;}
    #HeaderContent .Email { margin-left:25%; }
    #HeaderContent .Tel .Telefon { font-size:0.9em; padding-left:1em; padding-right:1em; }
    #HeaderContent .EmailContent { font-size:1.1em; }
    #HeaderContent .Logo { width:25%; height:7em; }
    #Menu { width:80%; }
    #DetailProjekt .LeftMapaAgent,#DetailNabidka .LeftMapaAgent { width:50%; }
    #DetailProjekt .ZakladniPolozkyContent { width:48%; }
    #Content { background-color:white; }
    #DetailProjekt #HorizontalStrip .PageLayout h1, #DetailNabidka #HorizontalStrip .PageLayout h1 { display:table; width:auto; }
    .DrobenkoveMenu { width:100%; }
    #Menu .ButtonMenu a { padding:0 0.8em; }
    #DetailProjekt #PodrobnePolozky .TwoColumnTable .Item { width:100%; }
    #DetailProjekt #PodrobnePolozky { width:49%; }

    
    
}


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

    #MainPage { font-size:100%;}
    #MenuButton { display:block; }
    #Menu { display:none; }
    #MiniMenu { display:block; position:absolute; background-color:#449888; right:0; color:white;
                z-index:1000; top:9em; overflow:hidden; width:0;
    }
    #MiniMenuContent { display:table; width:20em; height:auto; }
    #MiniMenu li.ButtonMenu { }
    #MiniMenu li.ButtonMenu a{ color:white; font-size:1.3em; padding:0.5em 1em; display:block; text-decoration:none; }
    #MiniMenu ul, #MiniMenu ul li { margin:0; padding:0; }
    #MiniMenu .SlideSubMenu { display:none; }
    

    #Header { position:relative; height:9em; }
    #HeaderContent .Tel { position:absolute; left:33%; margin:0; right:auto; margin-left:4em; top:4em; }
    #HeaderContent .Email { position:absolute; left:33%; margin:0; right:auto; }

    #HeaderContent .Logo { width:33%; }
    #DefaultPage .Nabidka { font-size:1.5em; }
    .devprojlist .nabidkaHolder .captions .NadpisItem .Lokalita { padding-left:5%; width:95%; }
    .devprojlist .nabidkaHolder .captions .nabidkaPopis .popisContent { height:5em; overflow:hidden; }
    #DetailProjekt .ZakladniPolozkyContent .TwoColumnTable .Left { width:7em; }
    #DetailProjekt #Makler { padding-bottom:1em; }
    #DetailProjekt .LeftMapaAgent, #DetailNabidka .LeftMapaAgent { width:45% }
    #DetailProjekt #PodrobnePolozky .TwoColumnTable { width:100% }
    #DetailNabidka #PodrobnePolozky .TwoColumnTable .Left { width:40%; }
    #DetailNabidka #PodrobnePolozky .TwoColumnTable .Right { width:52%; }
    #DetailNabidka .ZakladniPolozkyContent { max-width:50%; }

    
}

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

    #MainPage { font-size:100%;}
    #MenuButton { top:5em; }
    #Filter .PageLayout #filter .Lokalita,#Filter .PageLayout #filter .Type { width:33%; }
    #Filter .PageLayout #filter .Area { width:31%; }
    #Filter .PageLayout #filter .Price { width:31%; margin-top:0.5em; }
    #Filter .PageLayout #filter .Jednotka { width:22%; margin-top:0.5em; }
    #Filter .PageLayout #filter .Search { width:44%; margin-top:0.5em; }
    #Filter { position:static; top:0; }
    #Filter .PageLayout #filter { position:static; top:0; }
    .devprojlist .nabidkaHolder .imgHolder { width:100%; }
    .devprojlist .nabidkaHolder .captions { padding:1em 0 0 0; margin:0 0 1em 0; width:100%; float:none; }
        .devprojlist .nabidkaHolder .captions .NadpisItem { text-align:center; }
            .devprojlist .nabidkaHolder .captions .NadpisItem .Lokalita { float:none; width:auto; }
    .devprojlist .nabidkaHolder { padding-bottom:3em; margin-bottom:3em; }
        .devprojlist .nabidkaHolder .captions .nabidkaPopis .Cena { left:0; }
        .devprojlist .nabidkaHolder .captions .nabidkaPopis .Plocha { left:50%; }
    #DefaultPage .Nabidka { font-size:1.2em; }
    #DetailProjekt .LeftMapaAgent, #DetailNabidka .LeftMapaAgent { width:100%; margin-left:0; }
    .DrobenkoveMenu { margin-bottom:2em; }
    #DetailProjekt .ZakladniPolozkyContent { width:100%; }
    #DetailProjekt #PodrobnePolozky .TwoColumnTable .Item .Title { width:75%; }
    #DetailProjekt #PodrobnePolozky .TwoColumnTable .Item .Content { width:25%; }
    #DetailNabidka #DetNabDevProj .DetNabDevProjContent .Image { width:100%; }
    #DetailNabidka #DetNabDevProj .DetNabDevProjContent .Captions { width:100%; }
        #DetailNabidka #DetNabDevProj .DetNabDevProjContent .Captions .Odkaz { width:96%; }
    #DetailNabidka #DetNabDevProj .DetNabDevProjContent { padding-bottom:5em; }
    #DetailProjekt #PodrobnePolozky { width:100%; max-width:none; }
        #DetailProjekt #PodrobnePolozky .TwoColumnTable .Item { width:50%; }
    .PolozkyPodPopisem { max-width:100%; }
    
}

@media all and (max-width: 38em) {
    #HeaderContent .Email .Linka { display:none; }
    #HeaderContent .Box { display:none; }
    #HeaderContent .Email { right:1em; left:auto;  }
    #HeaderContent .Tel { top:5.8em; }
    #Filter .PageLayout #filter .Lokalita { width:49%; margin-right:1%; }
    #Filter .PageLayout #filter .Type { width:49%; margin-left:1%; margin-right:0; }
    #Filter .PageLayout #filter .Area { width:49%; margin-right:1%; margin-top:0.5em; }
    #Filter .PageLayout #filter .Price { width:49%; margin-left:1%; margin-top:0.5em; margin-right:0; }
    #Filter .PageLayout #filter .Jednotka { width:49%; margin-right:1%; }
    #Filter .PageLayout #filter .Search { width:49%; margin-left:1%; margin-right:0;  }
    #DefaultPage .Nabidka { font-size:0.9em; }
    .PolozkyPodPopisem { max-width:none; }
    #DetailProjekt #NemovitostiProjekt { position:relative; display:block; overflow:scroll; width:430px; }
    #DetailProjekt #NemovitostiProjekt table { width:600px; display:block; position:static; }
    #DetailProjekt #HorizontalStrip .PageLayout h1, #DetailNabidka #HorizontalStrip .PageLayout h1 { font-size:1.4em; }
    #Footer .ContentUserText { line-height:1.5; width:70%; }
    #DetailNabidka .ZakladniPolozkyContent { max-width:70%; }
    #DetailNabidka #PodrobnePolozky {  }
    #DetailNabidka #PodrobnePolozky .TwoColumnTable .Row { width:100%; }
    #Kontakty .TextPage #ContactForm { width:100%; }
    .clientForm #Klient { width:100%; }
    .clientForm #Nabidka { width:100%; margin-top:1em; }
    .clientForm #Captcha { width:100%; }
    .clientForm #Send { width:100%; position:static; margin-top:1em; }
    
    
    
}
@media all and (max-width: 33em) {

   

    
    
}

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

     #HeaderContent .EmailContent { display:none; }
    #HeaderContent .Tel .Telefon { display:none; }
    #HeaderContent .Logo { width:73%; }
    #HeaderContent .Logo { border:none; }
    #MapaList { display:none; }
    #DetailProjekt #NemovitostiProjekt { width:335px; }
    #DetailProjekt .ZakladniPolozkyContent .TwoColumnTable .Left { width:25%; }
    #DetailProjekt .ZakladniPolozkyContent .TwoColumnTable .Right { width:75%; }
    #DetailProjekt #PodrobnePolozky .TwoColumnTable .Item { width:100%; }
    #DetailProjekt #PodrobnePolozky .TwoColumnTable .Item .Title { width:65%; }
    #DetailProjekt #PodrobnePolozky .TwoColumnTable .Item .Content { width:35%; }
    #DetailNabidka .ZakladniPolozkyContent { max-width:none; }
    .devprojlist .nabidkaHolder .captions .nabidkaPopis .Plocha { left:0; bottom:0; }
    .devprojlist .nabidkaHolder .captions .nabidkaPopis .Cena { bottom:2em; }
    #galleryWrap a { width:100%; height:15em; margin-left:0; margin-right:0; }

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

    

    
    
}