@import url('/components/estates/estatelist/wucestatelistcomplex.css');

#EstateList { margin-top:0; padding-top:200px; }

.EmptyList { text-align:center; margin:60px 0; }
.estate-cards .item { width:calc(25% - 42px); }
.estate-cards-list { display:block; }
.estate-cards { justify-content:center; }

/*FILTER SEZNAM*/
#FilterSeznamNemovitosti { color:var(--color11); margin-bottom:0; font-weight:500;
    
    display:table; width:100%;


    /*-webkit-box-shadow: -19px 0px 17px -2px rgba(0,0,0,0.10), 19px 0px 17px -2px rgba(0,0,0,0.10); 
box-shadow: -19px 0px 17px -2px rgba(0,0,0,0.10), 19px 0px 17px -2px rgba(0,0,0,0.10);
margin:20px 0; background-color:var(--color10);*/
    border:1px solid var(--color5); background-color:var(--color3);
}
#FilterSeznamNemovitostiContent { display:inline-block; float:left; width:calc(100% - 60px); padding:30px;
                                   position:relative;
}

#SeznamNemovitosti .TextSeznamNemovitosti { padding:30px; background-color:var(--color2); margin-bottom:2em; }
/*#FilterSeznamNemovitosti .Title{ padding-left:2px; font-size:14px; line-height:12pt; font-weight:700; text-transform:uppercase; padding-bottom:5px; }*/
/*#FilterSeznamNemovitosti input[type="text"], #FilterSeznamNemovitosti select { font-size:12px; }*/
#FilterSeznamNemovitosti .Field { height:48px; width:16%; }
#FilterSeznamNemovitosti #TypNemovitosti { }
#FilterSeznamNemovitosti #TypZakazky { margin-left:2%; width:15%; }
#FilterSeznamNemovitosti #Lokalita { margin-left:2%; }
/*#FilterSeznamNemovitosti #TypZakazky table{ margin-top:10px; }*/
/*#FilterSeznamNemovitosti #TypZakazky input[type="radio"] { margin-top:7px; }*/

#FilterSeznamNemovitosti #Podtyp { margin-top:10px; width:60%; }
#FilterSeznamNemovitosti #Podtyp table{ width:100%; }
/*#FilterSeznamNemovitosti #Cena input[type="text"] { width:60px; }*/
#FilterSeznamNemovitosti #Cena .dlouhy { display:block; float:left; width:60px; padding-top:2px; padding-right:4px; text-align:right; }
#FilterSeznamNemovitosti #Cena .kratky { display:block; float:left; width:20px; padding-top:2px; text-align:center; }
#FilterSeznamNemovitosti #Cena .koncovka { display:block; float:right; width:20px; padding-top:2px; text-align:left; padding-left:4px; }
/*#FilterSeznamNemovitosti #Plocha input[type="text"] { width:60px; }*/
#FilterSeznamNemovitosti #Plocha .dlouhy { display:block; float:left; width:60px; padding-top:2px; padding-right:4px; text-align:right; }
#FilterSeznamNemovitosti #Plocha .kratky { display:block; float:left; width:20px; padding-top:2px; text-align:center; }
#FilterSeznamNemovitosti #Plocha .koncovka { display:block; float:right; width:20px; padding-top:2px; text-align:left; padding-left:4px; }
#FilterSeznamNemovitosti #Lokalita {  }
    #FilterSeznamNemovitosti #Lokalita select { width:144px; }
#FilterSeznamNemovitosti #Hledej input[type="submit"]{ float:right; margin-right:26px; margin-top:5px; }
#FilterSeznamNemovitosti #Jine { width:calc(50% - 60px); right:30px; top:30px; position:absolute; }
#FilterSeznamNemovitosti #Jine .Slider { width:calc(95% - 75px); float:left; margin-left:25px; font-size:0.9em; }
#FilterSeznamNemovitosti #Jine .Slider#Plocha { margin-left:50px; }
#FilterSeznamNemovitosti #Hledej { width:50px; float:right; }
#FilterSeznamNemovitosti #Hledej .button{ background-image:url(/images/lupaseznam.png); background-repeat:no-repeat; background-position:center center; background-size:60%;
                                          background-color:var(--color1);
}
#FilterSeznamNemovitosti #Podtyp ul,#FilterSeznamNemovitosti #Podtyp li{ margin:0; padding:0; background:none; display:flex; flex-wrap:wrap; }
#FilterSeznamNemovitosti #Podtyp li { margin-top:1em; }
#FilterSeznamNemovitosti #Podtyp .Byty li { width:14%; float:left; }
#FilterSeznamNemovitosti #Podtyp .Domy li { width:33.3%; float:left; }
#FilterSeznamNemovitosti #Podtyp .Komercni li { width:33.3%; float:left; }
#FilterSeznamNemovitosti #Podtyp .Pozemky li { width:33.3%; float:left; }
#FilterSeznamNemovitosti #Podtyp .Ostatni li { width:33.3%; float:left; }
#paginating { display:flex; justify-content:center; flex-wrap:nowrap; margin-bottom:30px; }
#paginating span,#paginating a{ margin:5px; width:40px; height:40px; display:flex; justify-content:center; align-items:center; }
#paginating span { background-color:var(--color5); }
#paginating a { background-color:var(--color1); color:var(--color10); text-decoration:none; }


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

.estate-cards .item { width:calc(33.333% - 42px); }
    
}

@media all and (max-width: 68em) {
    #EstateList { padding-top:80px; }
}

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

    #EstateList { padding-top:100px; }
    #FilterSeznamNemovitostiContent { display:flex; flex-wrap:wrap; }
    #FilterSeznamNemovitostiContent .Row { display:block; }
    #FilterSeznamNemovitostiContent .Row:first-child{ width:100%; }
    #FilterSeznamNemovitostiContent .Row:last-child{ width:100%; }
    #FilterSeznamNemovitosti #Jine { position:static; width:100%; margin-top:15px; }
    #FilterSeznamNemovitosti .Field,#FilterSeznamNemovitosti #TypZakazky { width:32%; }
     .estate-cards .item {
        width: calc(50% - 42px);
    }
}

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

    #EstateList .subfilter { flex-wrap:wrap; }
    #EstateList .subfilter a { padding-left:15px; padding-right:15px; width:calc(33.333% - 30px); text-align:center; }
    
}

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

    .estate-cards .item { width:calc(100% - 42px); }
    
}

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

    #FilterSeznamNemovitosti .Field, #FilterSeznamNemovitosti #TypZakazky,#FilterSeznamNemovitosti #Lokalita { width:100%; margin:0; margin-bottom:10px; }
    
    
}