:root { 
    --color1:#393183;
    --color2:#F3F3F3;
    --color4:#99AD77;
    --color5:white;
    --color6:black;
    --color7:#2B2B2B;
    --color8:#734330;
    --color9:#915C47;
    --color10:#B46A4B;
    --color11:#F3F3F3;

    --font:'Montserrat', sans-serif;
}

.GradientH { 
background: #72422f; /* Old browsers */
background: -moz-linear-gradient(left, #72422f 0%, #935d48 50%, #72422f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #72422f 0%,#935d48 50%,#72422f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #72422f 0%,#935d48 50%,#72422f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72422f', endColorstr='#72422f',GradientType=1 ); /* IE6-9 */ }

.GradientV { 
background: #72422f; /* Old browsers */
background: -moz-linear-gradient(top, #72422f 0%, #935d48 50%, #72422f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #72422f 0%,#935d48 50%,#72422f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #72422f 0%,#935d48 50%,#72422f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72422f', endColorstr='#72422f',GradientType=0 ); /* IE6-9 */ }


body { margin:0px; padding:0px; font-family: 'Montserrat', sans-serif; font-weight:normal; font-size:1em; line-height:22px;
       
}
p { margin:0.7em 0; }

.PageLayout { max-width:1600px; min-width:320px; margin-left:auto; margin-right:auto; }
.Left { float:left; }
.Right { float:right; }

ul,ul li { margin:0; padding:0; background:none; list-style:none; }
    ul li { background-image:url(/Images/li.png); background-position:left top; background-repeat:no-repeat; padding-left:2.3em; margin-bottom:0.5em; }

strong { font-weight:600; }

table.TableHalf { width:100%; }
    table.TableHalf tbody { display:flex; flex-wrap:wrap; } 
    table.TableHalf tbody tr{ display:block; width:50%; }
    table.TableHalf tbody tr td{ padding-right:10px; }

a, a:hover, a:visited { color:var(--color10); font-weight:600; }

h1 { color:var(--color1); font-size:2.7em; font-weight:700; line-height:1.3; text-transform:uppercase; margin:1.3em auto; }
h1 span,h1 .h1small { font-size:0.6em; color:#484645; display:block; font-weight:600; }
h2 { color:var(--color4); font-size:1.8em; font-weight:700; line-height:1.3; text-transform:uppercase; margin:1.3em auto; }
h3 { color:var(--color6); font-size:1.4em; font-weight:600; line-height:1.2; text-transform:uppercase; margin:1.3em auto; }

.YellowBold { color:var(--color10); font-weight:700; }
.GreenBold { color:var(--color4); font-weight:700; }

#Header { background-image:url(/Images/header.jpg); background-position:center center; background-repeat:no-repeat; background-size:cover;
          height:423px; width:100%;
}
#Header .PageLayout { position:relative; height:100%; }
#Header #Logo { position:absolute; left:0; top:2em; display:block; width:340px; height:140px; background-image:url(/Images/logo.png); background-repeat:no-repeat; background-position:left top; }
#Header #Logo #LogoText { display:block; width:100%; height:30px; line-height:30px;
                          background-color:var(--color5); color:var(--color1); text-align:center; bottom:0; position:absolute; }
#Header #Logo a{ position:absolute; left:0; top:0; display:block; width:100%; height:100%; }
#Header #ARK { position:absolute; width:100px; height:97px; display:block; overflow:hidden; background-image:url(/Images/ark.png); background-repeat:no-repeat; background-size:cover; right:0; top:2em; }
#Header #CzechMade { position:absolute; width:100px; height:97px; display:block; overflow:hidden; background-image:url(/Images/czech-made.png); background-repeat:no-repeat; background-size:cover; right:0; top:97px; margin-top:3em;  }


#Menu,#MenuMini { width:100%; position:absolute; bottom:0; display:inline-block;
        background-color: rgba(0, 0, 0, 0.5);
}
    

    #Menu ul,#MenuMini ul { margin:0; padding:0; list-style-type:none; }
    #Menu ul li,
    #MenuMini ul li{ margin:0; padding:0; list-style-type:none; background:none; width:10% }
    #Menu .ButtonMenu,
    #MenuMini .ButtonMenu{ margin:0; padding:0; float:left; position:relative;
                                 
    }
    #Menu .ButtonMenu:hover,
    #MenuMini .ButtonMenu:hover{ }    
    #Menu .ButtonMenu a,
    #MenuMini .ButtonMenu a{ margin:0; font-size:1.2em; color:var(--color5); height:3em; display:table; 
                                  display:block; text-decoration:none; text-transform:uppercase;
                                   text-align:center; font-weight:600; position:relative;
    }
    #Menu .ButtonMenu.linkUvod{ width:10%; }
    #Menu .ButtonMenu.linkNemovitosti{ width:18%; }
    #Menu .ButtonMenu.linkNovinky{ width:11%; }
    #Menu .ButtonMenu.linkOnas{ width:7%; }
    #Menu .ButtonMenu.linkPozvanka{ width:18%; }
    #Menu .ButtonMenu.linkSluzby{ width:10%; }
    #Menu .ButtonMenu.linkReference{ width:13% }
    #Menu .ButtonMenu.linkKontakty{ }
    #Menu .ButtonMenu a span{ width:auto; display:inline-block; width:auto; margin:auto; left:0; right:0; line-height:2; margin-top:0.5em; }
    #Menu .ButtonMenu a.MenuActive span { border-bottom:3px solid var(--color1); }

    .LeftSite { width:25%; float:left; margin-top:2em; }
    .RightSite { width:73%; float:right; margin-top:2em; }
    #LeftMenuItems ul,#LeftMenuItems li{ margin:0; padding:0; list-style:none; }
    #LeftMenuItems .ButtonMenu { width:100%; }
    #LeftMenuItems .ButtonMenu a{ display:block; height:2.4em; padding:0; width:calc(100% - 15px); padding-left:15px; background-color:var(--color2); color:var(--color6); 
                                  font-size:1.2em; line-height:2.4em; margin-bottom:0.1em; text-decoration:none; font-weight:500; }
    
    #LeftMenuItems .ButtonMenu.Title a { background-color:var(--color1); color:var(--color5); font-weight:600; text-transform:uppercase; }
    #LeftMenuItems .ButtonMenu.Projekty a { background-color:var(--color8); color:var(--color5); font-weight:600; text-transform:uppercase; }
    #LeftMenuItems .ButtonMenu.Novinky a { background-color:var(--color4); color:var(--color5); font-weight:600; text-transform:uppercase;
                                           background-image:url(/Images/ico-obalka.png); background-position:right 15px center; background-repeat:no-repeat;
    }

#slider { margin-left:4px; }
#slider li { margin:0px; }
#slider li .item{ width:335px; display:block; overflow:hidden;  }
#slider li .item .imgWrap{ width:333px; height:220px;border:1px solid black; display:block; overflow:hidden; background-color:black; text-align:center;
                           position:relative;
}
.stitek{ position:absolute; color:white; padding:0.5em 1em; top:1em; left:0; z-index:200;
}
.stitek.green { background-color:#8da22c; color:white; }
.stitek.red { background-color:#B21D1D; color:white; }
.stitek.purple { background-color:#690D94; color:white; }
.stitek.black { background-color:#222023; color:white; }
.stitek.yellow { background-color:#dd9300; color:white; }

#slider li .item .imgWrap img{ margin-top:-13px; margin-left:-23px; min-height:233px; }
#slider li .item .captions { background-image:url(/images/sliderLista.png); background-position:right top; background-repeat:no-repeat;
                             display:block; overflow:hidden; /*background-color:#038f34;*/ margin-top:3px; height:55px; color:#d7dcd8; /*padding:13px 26px 0px 26px;*/
                             width:335px; height:72px; display:block; color:white; cursor:pointer;
}
    #slider li .item .title { display:block; padding:2px 0px 0px 5px; font-size:14px; font-weight:bold; height:41px; overflow:hidden; }
    #slider li .item .locality { display:block; padding:4px 0px 0px 1.5%; font-size:12px; line-height:14px; font-weight:normal; height:16px; margin-top:2px; overflow:hidden;
                                 width:48%; float:right;
    }
    #slider li .item .price {display:block; padding:0px 0px 0px 1.5%; font-size:16px; line-height:18px; font-weight:normal; height:18px; margin-top:4px; overflow:hidden;
                             font-weight:bold; color:#dd9300; width:48%; float:left;
    }
#slider li .item .title { 
}
#slider li .item .price { 
}

.oznameni { font-size:1.4rem; width:calc(100% - 60px); padding:30px; background-color:var(--color4); line-height:1.3; color:white;  }

#PageDefault { }
#PageDefault .Slider { width:59%; position:relative; height:30em; }
#PageDefault .Filter { width:38%; height:30em; position:relative; }
#PageDefault .Filter #filterDefault {  position:absolute; width:100%; height:100%;
}
#PageDefault .Filter #filterDefaultContent { background-image:url(/Images/filterbg.jpg); background-position:center bottom; background-repeat:no-repeat;
                                      background-size:100% auto; position:absolute; width:100%; height:76%; left:0; top:0; }
#PageDefault .Filter #filterDefaultContentContent { position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(138,140,166,0.95);
    
}
#PageDefault .Filter #fCContent { padding:2em; }
#PageDefault .Filter #fCContent .TypeOfCommission { width:49%; display:inline-block; }
#PageDefault .Filter #fCContent .TypeOfRealEstate { width:49%; display:inline-block; }
#PageDefault .Filter #fCContent .Cena{ padding-bottom:2em; }
#PageDefault .Filter #fCContent .Cena .Title{ color:white; }
#PageDefault .Filter #fCContent .Cena .Title .Content{ display:inline; }
#PageDefault .Filter #fCContent .Cena .Title .Content .Left,#PageDefault .Filter #fCContent .Cena .Title .Content .Right{ display:inline; float:none; }
#PageDefault .Filter #fCContent .Cena .Slider { width:100%; width:calc(100% - 30px); margin-left:15px; margin-top:0.5em; height:auto; }
#PageDefault .Filter #fCContent .button { font-size:1.5em; height:60px; font-weight:300;  }
#PageDefault .Filter #fCContent .PodTyp { color:white; font-size:0.9em; margin-top:2em; display:inline-block; width:100%; height:5em; overflow:hidden; }
#PageDefault .Filter #fCContent .PodTyp ul { display:inline-block; width:100%; }
#PageDefault .Filter #fCContent .PodTyp ul,#PageDefault .Filter #fCContent .PodTyp li{ margin:0; padding:0; list-style:none; background:none; }
#PageDefault .Filter #fCContent .PodTyp li{ float:left; margin-bottom:1em; display:inline-block; padding-right:0.5em; overflow:hidden; }
#PageDefault .oznameni { margin-top:0; }

#PageDefault .Filter #tlacitka { position:absolute; left:0; bottom:0; width:100%; height:23% }
#PageDefault .Box { width:50%; }
#filterDefaultTlacLeft { width:49.5%; left:0; position:absolute; height:100%; }
#filterDefaultTlacRight { width:49.5%; right:0; position:absolute; height:100%; }
#filterDefaultTlacLeft a,#filterDefaultTlacRight a { position:absolute; width:calc(100% - 30px); height:calc(100% - 30px); display:block; color:white;
                                                                    padding:15px;
                                                                 font-size:1.2em; font-weight:300; text-transform:uppercase; text-decoration:none;
}
#filterDefaultTlacLeft a span{ font-size:1.7em; font-weight:600; position:absolute; line-height:1; bottom:15px; left:15px;
}
#filterDefaultTlacRight a span{ font-size:1.7em; font-weight:600; position:absolute; line-height:1; bottom:15px; right:15px;
}
#filterDefaultTlacLeft a { background-color:var(--color4); text-align:left; }
#filterDefaultTlacRight a { background-color:var(--color1); text-align:right; }
#slider li, #slider2 li { width:100%; }

#Slider { position:absolute; height:100%; overflow:hidden; }
#Slider .owl-dots { position:absolute; left:1em; top:66%; display:flex; flex-wrap:nowrap; }
#Slider .owl-dots .owl-dot{ display:block; width:30px; height:30px; background-color:white;
                            -webkit-border-radius: 15px;
                            -moz-border-radius: 15px;
                            border-radius: 15px;
                            position:relative; margin:auto;margin-right:1em; 

}
#Slider .owl-dots .owl-dot.active span{ display:block; width:20px; height:20px; background-color:white; left:0; top:0; right:0; bottom:0; position:absolute; margin:auto;
                            -webkit-border-radius: 10px; 
                            -moz-border-radius: 10px;
                            border-radius: 10px; 

                            background: #72422f; /* Old browsers */
background: -moz-linear-gradient(top, #72422f 0%, #935d48 50%, #72422f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #72422f 0%,#935d48 50%,#72422f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #72422f 0%,#935d48 50%,#72422f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72422f', endColorstr='#72422f',GradientType=0 ); /* IE6-9 */

}

#Slider .owl-stage-outer { position:absolute; height:100%; }
    #Slider .item { height:30em; position:relative; }
    #Slider .item .imgWrap{ position:absolute; width:100%; height:76%; display:block; overflow:hidden; }
    #Slider .item .imgWrap img{ position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; min-height:100%; cursor:pointer; }
    #Slider .item .captions{ position:absolute; width:calc(100% - 30px); height:calc(23% - 30px); bottom:0; display:block; overflow:hidden;
                             background-color:var(--color2); padding:15px;
    }
    #Slider .item .captions .title { color:var(--color1); font-weight:600; text-transform:uppercase; font-size:1.1em; height:2.6em; display:block; width:100%; overflow:hidden;
                                     line-height:1.3;
    }
    #Slider .item .captions .locality { position:absolute; left:15px; bottom:15px; padding-left:25px; display:inline-block;
                                        background-image:url(/Images/pin.png); background-repeat:no-repeat; background-position:left center;
                                        height:25px; line-height:25px; color:var(--color6); padding-top:5px;
    }
    #Slider .item .captions .price { position:absolute; right:15px; bottom:15px; display:inline-block;
                                        color:#B46A4B; font-weight:800; font-size:1.2em;
    }
.Text { display:inline-block; width:100%; }
.Text h1{ margin-top:0; }
#PageDefault .Text h1{ margin-top:0.5em; }
#Content .Text {  }
#DefaultTop {
    display:inline-block; width:100%; float:left;
    background-image:url(/Images/defaultpagebg.png); background-position:right bottom; background-repeat:no-repeat; 
    padding-bottom:3em;
}

#FixedImage { 

    display:inline-block; width:100%; height:375px;
    background-image:url(/Images/defaultfixedimage.jpg); background-repeat:no-repeat; background-size:cover;
    position:relative; margin:0 0 3em 0;
    
}

#FixedImage #FixedImageContent {
    position:absolute; height:100%; width:100%;
}
#DefaultPage #FixedImage .Logo{ left:0; top:0; right:0; bottom:0; position:absolute; margin:auto; background-image:url(/Images/bubliny.png);
                                height:250px; width:250px; background-position:center center; background-repeat:no-repeat; background-size:contain;
                                z-index:5; margin-top:2em;
}
#DefaultPage #FixedImage .Text{ left:0; top:0; right:0; bottom:0; position:absolute; margin:auto; display:block;
                                color:white;
                                z-index:10; width:auto; height:3em; line-height:3; font-size:2.6em; text-align:center; margin-top:6em;
                                font-weight:600; text-transform:uppercase;
}
#DefaultPage #FixedImage .Text span{ 
}
#DefaultPage #FixedImage .Text .dot{ fill:white; border:none; height:0.7em; background:none;
}
#FixedImageContent .PageLayout{ position:relative; }
#FixedImageContent .Large{ font-size:3.5em; color:white; font-weight:600; line-height:1.3; text-transform:uppercase;
                           text-shadow: 2px 2px 8px black;
}
#FixedImageContent .Small{ font-size:2em; color:white; text-shadow: 2px 2px 8px black; }
#FixedImageContent .Left{ left:10em; top:5em; position:absolute; }
#FixedImageContent .Left .Small{ padding-top:0.5em;  }
#FixedImageContent .Right{ right:10em; top:12em; position:absolute;  }
#FixedImageContent .Right .Small{ padding-right:0.5em;  }

#Novinky { }
#Novinky .item{ width:21%; display:block; overflow:hidden; margin:2em 2% 0 2%; float:left; position:relative;
-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.4);
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.4); cursor:pointer;
}
#Novinky .item .imgWrap { width:100%; height:0; padding-bottom:60%; position:relative; display:block; overflow:hidden; }
#Novinky .item .imgWrap .stitek{ z-index:15; }
#Novinky .item .imgWrap img{ left:0; top:0; right:0; bottom:0; margin:auto; position:absolute; z-index:10; min-height:100%; max-width:110%; }
#Novinky .item .imgWrap a { position:absolute; left:0; top:0; width:100%; height:100%; }
#Novinky .item .captions { width:96%; padding:0.5em 2%; padding-bottom:2em; font-size:0.9em;  }
#Novinky .item .captions .price{ position:absolute; bottom:0.5em; right:0.5em; font-weight:700; color:#B46A4B; }

#Footer { display:inline-block; width:100%; height:400px; float:left; position:relative; font-size:0.9em; }
#Footer #FooterUp{ width:100%; height:150px;  position:absolute; left:0; top:0;
                   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+100,b1c0e4+100&0+0,0.32+87,1+100 */
background: -moz-linear-gradient(top, rgba(177,192,228,0) 0%, rgba(177,192,228,0.32) 87%, rgba(177,192,228,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(177,192,228,0) 0%,rgba(177,192,228,0.32) 87%,rgba(177,192,228,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(177,192,228,0) 0%,rgba(177,192,228,0.32) 87%,rgba(177,192,228,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b1c0e4', endColorstr='#b1c0e4',GradientType=0 ); /* IE6-9 */
position:relative;
}
#Footer #FooterUp #FooterUpContent { position:absolute; width:100%; height:100%; background-image:url(/Images/les.png); background-repeat:repeat-x; background-position:center bottom; }
#Footer #FooterContent { background-image:url(/Images/zem.jpg); background-position:top center; background-size:100% auto; background-repeat:no-repeat;
                         position:absolute; left:0; top:150px; height:calc(100% - 150px); width:100%;
}
#Footer .PageLayout { padding-top:35px; position:absolute; margin:auto; left:0; right:0; top:0;bottom:0; height:calc(100% - 35px); }
#Footer .Box { width:20%; float:left; }
#Footer .Box#LeftBox { width:25%; }
#Footer .Box,#Footer .Box a,#Footer .Autor a,#Footer .Udaje{ color:#C7C3BE; }
#Footer .Nadpis { display:block; font-size:1.5em; font-weight:700; text-transform:uppercase; margin-bottom:1em; }
#Footer a { display:block; }
#Footer .Udaje{ position:absolute; bottom:1em; left:25%; }
#Footer .TopList{ position:absolute; top:35px; right:0; display:inline-block; }
#Footer .Autor{ position:absolute; bottom:1em; right:0; }

#FormSendKontakt { width:100%; display:inline-block; position:relative;}
#FormSendKontakt .FormInterestedContent { width:32%; margin-right:1%; float:left;  }
#FormSendKontakt .FormInterestedContent.Popisek{ width:98%; margin-right:0; float:left; margin-top:1em; }
#FormSendKontakt .FormInterestedContent.Captcha{ width:50%; margin-right:1%; float:left; margin-top:1em; }
#FormSendKontakt .FormInterestedContent.Send{ width:47%; margin-right:0; float:right; bottom:1rem; right:2%; position:absolute; }
#FormSendKontakt .FormRowCaptcha div div div{ width:50%; float:left; }
#FormSendKontakt .FormRowCaptcha div div p{ width:50%; float:right; }
blockquote.Box { width:auto; display:inline-block; float:left; }
#Kontakty blockquote { width:32%; margin-right:1%; float:left; }
.Validation { color:red; }
.FormResult { width:calc(100% - 60px); display:inline-block; margin:2em 0; padding:2em 30px;  }
.FormResult.green { background-color:chartreuse; color:black; }
.FormResult.red { background-color:red; color:white; }

#DefaultTextNews { }
#DefaultTextNews .NewsItem { }
#DefaultTextNews .NewsItem .Nadpis {  }
#DefaultTextNews .NewsItem .NewsPopis a{ float:right; }

#DefaultTextNews .DrobenkoveMenu { margin-bottom:2em; }

/*FILTER SEZNAM*/
#FilterSeznamNemovitosti { background-color:var(--color4); color:white; margin-bottom:2em; font-weight:500;
                           background-image: url(/Images/filterbg.jpg);
    background-position: center bottom;
    background-repeat: repeat-x;
    background-size:auto 80%;
    display:table; width:100%;
}
#FilterSeznamNemovitostiContent { display:inline-block; float:left; width:calc(100% - 60px); padding:30px;
                                  background-color: rgba(138,140,166,0.95); 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:39%; float:left; margin-left:25px; font-size:0.9em; }
#FilterSeznamNemovitosti #Jine .Slider#Plocha { margin-left:50px; }
#FilterSeznamNemovitosti #Hledej { width:3em; 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(--color8);
}
#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; }
/*#FilterSeznamNemovitosti #Jine .Slider#Cena { margin:5%; }*/


/*seznam nemovitosti*/
#SeznamNemovitosti #Seznam .nabidkaHolder { cursor:pointer; }
#SeznamNemovitosti #Seznam .nabidkaHolder .imgHolder{ position:absolute; left:0; top:0; width:35%; height:100%; display:block; overflow:hidden;  }
#SeznamNemovitosti #Seznam .nabidkaHolder .imgHolder img { /*height:95px;*/ display:block; min-height:100%; max-height:120%; max-width:120%; }
#SeznamNemovitosti #Seznam .nabidkaHolder .imgHolder .stitek { font-size:1em; padding:0.5em 0.5em; }
#SeznamNemovitosti #Seznam .nabidkaHolder .estateList { }
#SeznamNemovitosti #Seznam .estateList tr.AlternatingItem .nabidkaHolder {  }
#SeznamNemovitosti #Seznam .estateList tr {  width:50%; float:left; height:14em; position:relative; }
#SeznamNemovitosti #Seznam .estateList tr .nabidkaHolder{ background-color:#F3F3F3; position:absolute; width:calc(100% - 15px); height:calc(100% - 15px); left:0; right:0; top:0; bottom:0;
                                                          margin:auto; cursor:pointer;
}
#SeznamNemovitosti #Seznam .nabidkaHolder .Popisky { position:absolute; right:15px; top:15px; width:calc(65% - 30px); height:calc(100% - 30px); display:block; overflow:hidden; }
#SeznamNemovitosti #Seznam .nabidkaHolder .Popisky .novinkaNadpis {  }
#SeznamNemovitosti #Seznam .nabidkaHolder .Popisky .novinkaNadpis h3 { margin:0px; padding:0px;}
#SeznamNemovitosti #Seznam .nabidkaHolder .Popisky .novinkaNadpis h3 a{font-size:0.8em; line-height:1.2; font-weight:700; color:var(--color1); margin-bottom:0.2em;
                                                                       display:inline-block; width:100%; text-decoration:none; overflow:hidden;
}
    #SeznamNemovitosti #Seznam .nabidkaHolder .Popisky .nabidkaPopis { font-size:0.9em; line-height:1.2; }
    #SeznamNemovitosti #Seznam .nabidkaHolder .Popisky .Cena { color:var(--color10); font-weight:700;
                                                               position:absolute; left:0; bottom:0;
    }
    #SeznamNemovitosti #Seznam .nabidkaHolder .Popisky .Link a { color:var(--color10);  font-weight:700; display:block;
                                                               position:absolute; right:0; bottom:0;
                                                               width:2em; height:2em; background-image:url(/Images/lupaseznam.png);
                                                               background-repeat:no-repeat; background-position:center center;
                                                               background-size:70%;
    }




#Razeni { position:relative; width:100%; display:inline-block; height:4em; margin-bottom:0.8em; }
#Razeni .Left { padding-top:13px; }
#Razeni .dle { position:absolute; right:12%; top:0; width:20%; }
#Razeni .dle .SortInfo { width:95px; text-align:right; padding-right:5px; padding-top:13px; float:left; display:table; }
#Razeni .dle .dlecontent { width:calc(100% - 100px); display:table; float:right;  }
#Razeni .ceho { position:absolute; right:0; top:0; width:10%; }

#SeznamNemovitosti #Seznam .estateList tr.paginating { width:100%; height:auto; padding-top:1.5em; }
    .paginating td { text-align:right; width:100%; }
.paginating a,.paginating span{ display:block; float:left; background-color:gray;color:white; text-decoration:none; width:2.5em; height:2.5em; text-align:center; margin-right:4px;
                                line-height:2.5;
}
    .paginating span { background-color:#dfe0d3; color:black; }

.paginating a { background-color:var(--color1); color:var(--color5); }


#HlavniFoto, #DetailNemovitosti #Popis,#MapaForm #Mapa { width:55%; float:left; margin-right:3%; }
#HlavniFoto { position:relative; }
#HlavniFoto #slider { margin-left:0;  }
#HlavniFoto #slider #ovl{ position:absolute; right:1em; bottom:1em; max-width:84px; max-height:3em; z-index:90;  }
#HlavniFoto #slider #ovl a{ position:relative; left:0; bottom:0; width:40px; height:40px; display:block; background-color:var(--color1); margin-left:2px;
                            line-height:40px; text-align:center; 
}
#HlavniFoto #slider #ovl a i { color:var(--color2); }
#HlavniFoto #slider #ovl a img{ max-width:40%; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; }
#HlavniFoto #slider #ovl a.prev{ float:left;  }
#HlavniFoto #slider #ovl a.next{ float:right; }
#HlavniFoto #slider #ovl a.prev #SliderLeftButt { fill:#F9F9F9; }
#HlavniFoto #slider #ovl a.prev #SliderLeftArrow { fill:#222222; }
#HlavniFoto #slider #ovl a.next #SliderRightButt { fill:#E36927; }
#HlavniFoto #slider #ovl a.next #SliderRightArrow { fill:white; }
#HlavniFoto #carousel .slides li { background:none; }
#HlavniFoto #carousel .slides li img { opacity:0.7; cursor:pointer; }
#HlavniFoto #carousel .slides li.flex-active-slide img { opacity:1; }
#HlavniFoto #slider li { height:auto; }

#DetailNemovitosti .Nadpis{ width:100%; display:inline-block; margin-bottom:2em; position:relative; }
#DetailNemovitosti .Nadpis h1{ margin:0; margin-bottom:0; font-size:2.3em; }
#DetailNemovitosti .Nadpis a{ position:absolute; right:0;bottom:-1.5em; }

#DetailNemovitosti #Makler, #DetailNemovitosti #ZakladniInfo,#DetailNemovitosti #DalsiPolozky,#MapaForm #Zajem { width:42%; }

#DetailNemovitosti #ZakladniInfo,#DetailNemovitosti #DalsiPolozky { float:right; background-color:#f0f0ef;  overflow:hidden; display:block;  }
#DetailNemovitosti #ZakladniInfo .Row,#DetailNemovitosti #DalsiPolozky .Row { width:calc(100% - 20px); padding:10px; display:inline-block; float:left; border-bottom:1px solid white; }
#DetailNemovitosti #ZakladniInfo .Row .Left{ }
#DetailNemovitosti #ZakladniInfo .Row .Right{ }
#DetailNemovitosti h3 { margin:1em 0; display:inline-block; }
#DetailNemovitosti #Makler { display:inline-block;  }
#DetailNemovitosti #Makler .Photo {  }
#DetailNemovitosti #Makler .Photo img{ margin-right:1em; }
#DetailNemovitosti #Makler .Polozky {  }
#DetailNemovitosti #Makler .Polozky .Left{ width:5em; }
#DetailNemovitosti #Makler .Polozky .Right{ float:left; }
#DetailNemovitosti .buttons { width:100%; display:inline-block; position:relative; margin-top:2em; }
#DetailNemovitosti .buttons #filterDefaultTlacLeft{ position:relative; float:left; width:49%; height:6em;  }
#DetailNemovitosti .buttons #filterDefaultTlacRight{ position:relative; float:right; width:49%; height:6em;  }
#DetailNemovitosti .buttons a{ position:absolute; cursor:pointer; }
#DetailNemovitosti #Popis {  display:inline-block; text-align:justify; margin-top:0.5em; margin-bottom:2em; }
#MapaForm { width:100%; display:inline-block; position:relative; }
#MapaForm #Mapa{ position:absolute; height:100%; margin-right:0; }
#MapaForm #Mapa #MapyCzHolder { width:100%; height:100%; }
#MapaForm #Zajem {  }


.Form { background-color:var(--color2); display:inline-block; width:calc(100% - 60px); padding:0 30px 30px 30px; }
#MainPage .Form .riTextBox[type="text"], #MainPage .Form input[type="text"], #MainPage .Form textarea.riTextBox{ background-color:white; }
.Form#EstateFormInterested { background-color:white; padding:0; width:100%; }
.Form#FormSendEstateContentInfo,.Form#FormSendKontakt { width:100%; padding:0; background-color:white; }
.Form#FormSendEstate { margin-top:2em; }
.Form .FormInterestedContent { width:100%; margin-bottom:0.2em; }
.Form .FormRowCaptcha div div div{ width:50%; float:left; }
.Form .FormRowCaptcha div div p{ width:50%; float:right; }
.Form .FormRowCaptcha div div p input{ float:right; width:100%; margin:0;  }
.Form .FormSend { display:inline-block; width:100%; margin:0; margin-top:1.5em;  }

body .Form .RadDropDownList .rddlInner { border-radius:0; }
.Form .FormRowRightContent { width:100%; margin-bottom:0.2em; }
#MainPage .Form .FormRowRightContent .Popisek{ height:175px; }
.Form #FormSendEstateContentInfo,.Form #FormSendEstateContentKontakt,.Form #FormSendDemandContentInfo,.Form #FormSendDemandContentKontakt { width:48%; }
#FormSendKontakt #FormSendEstateContentKontakt { width:100%; }
/*#FormSendKontakt .FormInterestedContent.Captcha { margin-top:0; }*/
.Form .FormRowCaptcha { display:inline-block; }
.Form a { font-weight:normal; }
#Prihlaseni .FormRowItem{ display:inline-block; float:left; margin-right:0.2em; width:15em; }
#Prihlaseni .FormRowItem .FormRowRightContent { width:100%; }
#Prihlaseni .FormRowItem.Prihlaseni{ width:50%; float:none; margin-top:2em; }
.MenuPermanentZN { margin-bottom:2em; display:inline-block; width:100%; }
.MenuPermanentZN .ButtonMenu{ width:24%; float:left;  }
.MenuPermanentZN li.ButtonMenu,.MenuPermanentZN ul li{ margin:0; padding:0; }
.MenuPermanentZN li.ButtonMenu{ margin:0; padding:0; background:none; list-style:none; position:relative; height:3em;margin-right:1%;}
.MenuPermanentZN li.ButtonMenu a{ position:absolute; left:0; top:0; text-align:center; width:100%; height:100%; color:white; background-color:var(--color1); text-decoration:none;
                                  text-transform:uppercase; line-height:3em;
}
.MenuPermanentZN li.ButtonMenu a.MenuActive { background-color:var(--color2); color:gray; }
#UzivatelskeNastaveni { }
#UzivatelskeNastaveni #RegistraceForm { }
#UzivatelskeNastaveni #RegistraceForm .FormRowItem { width:100%; display:inline-block; float:left; margin-bottom:1em; }
#UzivatelskeNastaveni #RegistraceForm .FormRowItem .FormRowLeftTitle{ width:100%; display:inline-block; }
#UzivatelskeNastaveni #RegistraceForm .FormRowItem .FormRowRightContent{width:100%; display:inline-block; }

#UzivatelskeNastaveni #RegistraceForm .FormRowItem.Jmeno { width:31%; margin-right:2%; display:inline-block; }
#UzivatelskeNastaveni #RegistraceForm .FormRowItem.Prijmeni { width:31%; margin-right:2%; display:inline-block; }
#UzivatelskeNastaveni #RegistraceForm .FormRowItem.Spolecnost { width:33%; margin-right:0; display:inline-block; }

#UzivatelskeNastaveni #RegistraceForm .FormRowItem.Email { width:50%; margin-right:2%; display:inline-block; }
#UzivatelskeNastaveni #RegistraceForm .FormRowItem.Telefon { width:48%; margin-right:0; display:inline-block; }
#UzivatelskeNastaveni #RegistraceForm .FormRowItem.Heslo { width:50%; margin-right:2%; display:inline-block; }
#UzivatelskeNastaveni #RegistraceForm .FormRowItem.HesloZopakuj { width:48%; margin-right:0; display:inline-block; }
#UzivatelskeNastaveni #RegistraceForm .FormRowItem.buttonRegistration { width:50%; }
#UzivatelskeNastaveni #RegistraceForm .FormRowItem.Captcha { width:100%; }
#UzivatelskeNastaveni #RegistraceForm .FormRowItem.Captcha div div div{ width:50%; margin-right:2%; float:left; }
#UzivatelskeNastaveni #RegistraceForm .FormRowItem.Captcha div div p{ width:48%; float:right; }
#UzivatelskeNastaveni #RegistraceForm .FormRowItem.Captcha div div p input[type="text"]{ width:100%; }

#FormDemand { margin-top:2em; }
#FormDemand .DItem{ display:inline-block; float:left; margin-bottom:1em; }
#FormDemand .DItem.TypZakazky{ width:100%; }
#FormDemand .DItem.TypZakazky .DItemContent{ width:30%; }
#FormDemand .DItem.TypNemovitosti{ width:100%; }
#FormDemand .DItem.TypNemovitosti .DItemContent{ width:30%; }
#FormDemand .DItem.Podtyp{ width:calc(100% - 60px); padding:30px; background-color:var(--color2) }
#FormDemand .DItem.Podtyp .DItemName { margin-bottom:1em; }
#FormDemand .DItem.Podtyp ul,#FormDemand .DItem.Podtyp ul li { margin:0; padding:0; background:none; }
#FormDemand .DItem.Podtyp ul li { float:left; padding-right:2em; margin-bottom:0.8em; }
#FormDemand .DItem.Kraj{ width:100%; }
#FormDemand .DItem.Kraj .DItemContent{ width:30%; }
#FormDemand .DItem.Okres{ width:calc(100% - 60px); padding:30px; background-color:var(--color2) }
#FormDemand .DItem.Okres .DItemName { margin-bottom:1em; }
#FormDemand .DItem.Okres ul,#FormDemand .DItem.Okres ul li { margin:0; padding:0; background:none; }
#FormDemand .DItem.Okres ul li { float:left; padding-right:2em; margin-bottom:0.8em; }
#FormDemand .TwoRow { width:50%; float:left; }
#FormDemand .TwoRow .One{ width:50%; }
#FormDemand .TwoRow .Two{ width:50%; }
#FormDemand .TwoRow .DItem{ width:98%; margin-right:2%; }
#FormDemand .TwoRow .Two .DItem{ width:100%; margin-right:0; }
#FormDemand .DItem.Popisek { width:100%; }

#ListDemands { margin-top:2em; }
#ListDemands .NewsItem { width:calc(100% - 60px); display:inline-block; padding:30px; background-color:var(--color2); }
#ListDemands .NewsItem div.Odstranit { display:inline-block; width:100%; }
#ListDemands .NewsItem div.Odstranit a{ display:inline-block; margin-top:1em; }

#OneEstateBannerContent { }
#OneEstateBannerContent .NewsOneItem{ width:100%; height:20em; display:block; overflow:hidden; margin:0; margin-top:2em; float:left; position:relative;
                                        cursor:pointer; background-color:var(--color2);
}
#OneEstateBannerContent .NewsOneItem .Photo { width:100%; height:0; padding-bottom:60%; position:relative; display:block; overflow:hidden; }
#OneEstateBannerContent .NewsOneItem .Photo #novinka{ z-index:15; left:0; width:auto; bottom:0; height:auto; min-width:0; min-height:0; right:auto; top:auto; }
#OneEstateBannerContent .NewsOneItem .Photo img{ left:0; top:0; right:0; bottom:0; margin:auto; position:absolute; z-index:10; min-height:100%; max-width:110%; }
#OneEstateBannerContent .NewsOneItem .Fields { width:96%; padding:0.5em 2%; font-size:0.9em;  }
#OneEstateBannerContent .NewsOneItem .Fields a{ color:black; font-weight:normal; text-decoration:none; }
    #OneEstateBannerContent .NewsOneItem .Fields .Price { position: absolute; bottom: 0.5em; right: 0.5em; font-weight: 700; color: #B46A4B; }
#ButtonTopMenu { 
                position:absolute; right:1em; top:1em; width:48px; height:48px; background-color:var(--color1);
                 cursor:pointer;
                background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAUCAYAAACeXl35AAABgWlDQ1BzUkdCIElFQzYxOTY2LTIuMQAAKJF1kb9LQlEUxz+aUZRikENDg0Q1aVSC1NJglAXVoAZZLfryR+CPx3tKRGvQKhRELf0a6i+oNWgOgqIIImhrLmopeZ2nghF5Lueez/3eew73ngvWSEbJ6rZByOYKWigYcC9EF90tL9hw4cAHMUVXZ8OTERra5z0WM956zVqNz/1r7SsJXQFLq/CYomoF4SnhmbWCavKOsEtJx1aEz4Q9mlxQ+M7U41V+NTlV5W+TtUhoHKwdwu7UL47/YiWtZYXl5fRmM0Wldh/zJfZEbj4ssUe8G50QQQK4mWaCcfwMMSqzHy/DDMiKBvmDlfw58pKryKyyjsYqKdIU8IhalOoJiUnREzIyrJv9/9tXPekbrla3B6D52TDe+6BlG8olw/g6MozyMTQ9wWWunp8/hJEP0Ut1rfcAnJtwflXX4rtwsQVdj2pMi1WkJnFrMglvp+CIQucNtC1Ve1bb5+QBIhvyVdewtw/9ct65/ANKvmfZaltGIQAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAEBJREFUSInt0zEBACAQw8A88vALpioCJgQwfKfGwE0pSQuYeNol6ZgwAIYTe+A2ek4rNVX5sAPMh+mrfNgCWj+8tBcc+Uz4wXAAAAAASUVORK5CYII=');
                background-position:center center;
                background-repeat:no-repeat; display:none;

}
#ButtonFooterTop { position:fixed; right:1em; bottom:1em; width:3em; height:3em; background-color:var(--color1);
                 cursor:pointer;
                background-image:url(/Images/arrowtop.png); background-size:15px;
                background-position:center center;
                background-repeat:no-repeat; z-index:500; opacity:0.8; }
#levybutton { position:absolute; left:0; top:20.75em; width:2em; height:3em; display:block; background-color:var(--color1);
              display:none; 
              -webkit-border-radius: 0 5px 5px 0;
                -moz-border-radius: 0 5px 5px 0;
                border-radius:0 5px 5px 0;
}

.Img100 { max-width:100%; }
.Img50 { max-width:50%; }

#MenuMini { display:none; }
body .RadWindow .rwContent,body .RadWindow { border:none; }
body .RadWindow .rwContent { background-color:white; }
    
body.PopupBody #MainPage { width:400px; display:table; }
body.PopupBody #SendEstateInfo { width:calc(100% - 60px); padding:0 30px; display:table; }
#SendEstateInfo .Text{ padding:30px; width:calc(100% - 60px);  }

.ResultForm {  }
.ResultForm .ResultMessage{ width:calc(100% - 60px); display:table; padding:15px; margin:2rem 15px; }
.ResultForm .ResultMessage p { text-align:center; }
.ResultForm .ResultMessage.IsOK{ background-color:#dbffb7; }
.ResultForm .ResultMessage.IsOK p{ color:black; }
.ResultForm .ResultMessage.IsFail{ background-color:#ff4646; }
.ResultForm .ResultMessage.IsFail p{ color:white; }

#Registrace { }
#Registrace #RegistraceForm{ display:flex; width:100%; flex-wrap:wrap; }
#Registrace .FormRowItem { width:48%; margin-right:2%; }
#Registrace .FormRowItem .FormRowLeftTitle { width:100%; }
#Registrace .FormRowItem.buttonRegistration { position:relative; }
#Registrace .FormRowItem.buttonRegistration .button{ position:absolute; right:0; bottom:1.5em; }

body .rddlPopup .rddlItem:first-letter,body .RadDropDownList .rddlFakeInput:first-letter { text-transform:uppercase; }

.flex { display:flex; width:100%; flex-wrap:wrap; }
.progressbar { position:fixed; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.5); z-index:2000; }
.progressbar_img{position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; width:100%; height:100%; }
.progressbar_img img{ position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;  }

.paginating { display:flex; justify-content:center; flex-wrap:wrap; margin:2em; }
.paginating a, .paginating span { width:35px; height:35px; line-height:35px; text-align:center; background-color:var(--color1); color:var(--color2); }
.paginating span { background-color:var(--color11); color:black; }

#Banners { display:table; width:100%; padding:2rem 0; }
#Banners .flex{ flex-wrap:nowrap; }
#Banners .flex .banner a{ width:98%; display:block; }
#Banners .flex .banner.b1 a { margin:auto; margin-left:0; }
#Banners .flex .banner.b2 a { margin:auto; margin-right:0; }
#Banners .flex .banner img{ max-width:100%; }
#Banners .banner { width:50%; }
.oznameni { display:inline-block; width:100%; margin-top:2rem; box-sizing:border-box; }
.bannerkvilda { display:table; max-width:40%; margin-right:2rem; float:left; }
.bannerkvilda img{ max-width:100%; }

.nemovitost { }
.nemovitost h3{ color:var(--color1); font-size:1.8rem; }
.nemovitost .item{ width:calc(25% - 5px); margin-right:5px; }
.nemovitost a {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%; /* poměr stran 16:9 */
    display: block;
    overflow: hidden; /* aby obrázek nepřetékal */
}

.nemovitost a img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;   /* vyplní celý prostor, zachová poměr */
    object-position: center; /* vystředí horizontálně i vertikálně */
}