/* Layout 1*/
/* Zahlavi, telo, zapati*/


body { font-family: 'Roboto', sans-serif; font-size:100%; line-height:1.5;
       background-color:white; color:#333;
       margin:0; padding:0;
}


/* OBECNE */
.PageLayout { max-width:990px; margin-left:auto; margin-right:auto; } 
.Flds,.Row { display:table; width:100%; }
.Left { display:table; width:auto; float:left; }
.Right { display:table; width:auto; float:right; }
#MainPage .textLayout { padding:0; width:100%; display:inline-block; float:left; padding-bottom:1em; }
#MainPage .textContent { font-size:110%; }
.Text { display:table; width:auto; }
.formContent { display:table; margin:10px; }
.red { color:#cc2026; }
.sipka { background-image:url(/Images/sipka.png); background-position:left top; background-repeat:no-repeat; width:11px; height:10px; display:block;  }

.padRight { padding-right:1em; }
.padLeft { padding-left:1em; }
.padLeftAndRight { padding-left:1em; padding-right:1em; }
.justify { text-align:justify; }

h1 { }
h2,.Nadpis { color:#333431; font-size:180%; line-height:1.8; margin:0; padding: 0.5em 0 0.5em 0; font-weight:normal; text-transform:uppercase; 
             /*text-shadow: 0.1em 0.1em 0.1em black;*/
}
h3 { color:#83ac28; text-transform:uppercase; font-size:140%; line-height:1.5; margin:0; padding: 0.5em 0; font-weight:bold; /*text-transform:uppercase;*/ }
h4 {  color:#21242c; font-size:120%; line-height:1.3; text-transform:none; margin:0; padding: 0.6em 0; font-weight:bold; }

ul { list-style:none; margin:0; padding:0 0 0 0.4em; }
ul li { background-image: url("/Images/li.png");
    background-position: left 0.6em;
    background-repeat: no-repeat;
    margin:0;
    padding-left:1.6em; padding-bottom:0.2em; padding-top:0.2em; }

.PaddingHorizontal25 { padding:0 25px 0 25px;
}


input[type="text"], select, textarea,.riTextBox[type="text"]  {
	/*border:1px solid white;*/
    /*box-sizing: border-box;
    -moz-box-sizing:border-box; 
    -webkit-box-sizing:border-box; 
    
    vertical-align: baseline;
    outline: 0;
    white-space: normal;
    border: 1px solid silver;
    padding: 5px;
    margin:2px;height:2.5em;
    color:#616161;*/ 
    /*box-shadow: #666666 0 0 1px;
-webkit-box-shadow: #666666 0 0 1px;
-moz-box-shadow:#666666 0 0 1px;*/
    /*-webkit-border-radius: 2px 2px 2px 2px; 
    -moz-border-radius: 2px 2px 2px 2px; 
    border-radius: 2px 2px 2px 2px;*/ font-family: 'Roboto', sans-serif;
                                      width:98%; font-size:100%; 
}
#MainPage .riTextBox[type="text"], #MainPage .RadInput_Default { font-size:inherit; font-size:100%; }
#MainPage .riTextBox[type="text"], input[type="text"] ,#MainPage textarea.riTextBox {
    border:none;
    line-height:1.5; padding-left:1em; padding-right:1em; height:2.5em; background-image:none; background-color:white; 
    color:#939598; 
     font-family:'Roboto', sans-serif; width:100%; /*width:40%;*/ color:#616161;
     line-height:2.5em;
     
}
#MainPage textarea.riTextBox { padding-top:10px; }

.button,
input[type="submit"].button,
input[type="button"].button,
input[type="submit"].btnFrom { background-color:#83ac28;  font-weight:bold; 
                                                        border:none; color:white;
                                                             text-align:center; 
                                                             height:2.5em;
                                        font-size:120%; line-height:1; text-transform:uppercase; text-decoration:none;  cursor:pointer; 
                            display: inline-block; padding:0.1em 0 0 0;
                            
                            
                        box-sizing: border-box;outline: 0 none;
                        vertical-align: baseline;
                        white-space: normal;  width:100%; font-family: 'Roboto', sans-serif;
                        /*box-shadow: #666666 0 0 1px;
                    -webkit-box-shadow: #666666 0 0 1px;
                    -moz-box-shadow:#666666 0 0 1px;*/
                    
                            
}
.button:hover,
input[type="submit"].button:hover,
input[type="button"].button:hover,
input[type="submit"].btnFrom:hover { background-color:#b5da64; 
                                    font-family: 'Roboto', sans-serif;
                                    background-image:none; font-weight:bold; 
                                    color:white; text-decoration:none;
}

.fRed { color:#cc2026; }
.fBGRed { background-color:#cc2026; }
.fDarkGrey { color:#7a899e; }
.fBGDarkGrey { background-color:#7a899e; }
.fGreen { color:#83ac28; }

.validation,.rcInvalid span { color:red; }
.validationOk { color:green; }

.w70 { width:70%;}
.w60 { width:60%;}
.w50 { width:50%;}
.w55 { width:55%;}
.w40 { width:40%;}
.w45 { width:45%;}
.w30 { width:30%;}

#MainPage .paddingTop1 { padding-top:1em; }

.Opacity10 { filter:alpha (opacity=100); opacity: 1;  }
.Opacity9 { filter:alpha (opacity=90); opacity: 0.9;  }
.Opacity8 { filter:alpha (opacity=80); opacity: 0.8;  }
.Opacity7 { filter:alpha (opacity=70); opacity: 0.7;  }
.Opacity6 { filter:alpha (opacity=60); opacity: 0.6;  }
.Opacity5 { filter:alpha (opacity=50); opacity: 0.5;  }
.Opacity4 { filter:alpha (opacity=40); opacity: 0.4;  }
.Opacity3 { filter:alpha (opacity=30); opacity: 0.3;  }
.Opacity2 { filter:alpha (opacity=20); opacity: 0.2;  }
.Opacity1 { filter:alpha (opacity=10); opacity: 0.1;  }
.Opacity0 { filter:alpha (opacity=0); opacity: 0.0;  }



/*Hlavni Layout*/
#MainPage { font-size:100%;  }


/*HEADER*/
#Header { /*margin-bottom:1em;*/ background-color:#053a35; }

#HeaderContent { height:10em; 
                  display:block; width:100%; overflow:hidden;
}
#HeaderContent .Left{ width:18%;
}
#HeaderContent .Right{ width:80%; margin-top:0;
}
#HeaderContent .Right #HeaderRightTop{ height:3em; margin-top:2em; width:74%; float:right; display:table;
}

#HeaderContent h1{ width:auto; height:auto;display:inline-block; float:left;
}
#HeaderContent .Logo{ width:100%; display:inline-block; float:left; height:auto;
                      margin:0.5em 0 0 0.5em;
}
#HeaderContent .Logo img{ width:100%; height:auto; float:left; max-width:161px;
}
#HeaderContent .Right #HeaderRightTop #TelEmail{ color:white; font-family: 'Open Sans', sans-serif; font-size:110%; min-width:6em; 
                                                 display:table; float:left; width:77%; }
#HeaderContent .Right #HeaderRightTop #TelEmail div{ width:40%; float:left; }
#HeaderContent .Right #HeaderRightTop #TelEmail #Tel{ background-image:url(/Images/headertel.png); background-position:left center; 
                                                      padding-left:10%; background-repeat:no-repeat; }
#HeaderContent .Right #HeaderRightTop #TelEmail #Email{  background-image:url(/Images/headeremail.png); background-position:left center; 
                                                         padding-left:10%; background-repeat:no-repeat; float:right; }
#HeaderContent .Right #HeaderRightTop #TelEmail #Email a { color:white; font-weight:normal; text-decoration:none; }


#HeaderContent .Right #HeaderRightTop #lang{ margin:0; padding:0.2em 0; width:16%; display:table; float:left; margin-right:0; margin-left:7%;
                                             
}
#HeaderContent .Right #HeaderRightTop #lang li{  float:left; margin:0; padding:0; margin-right:0.5em;
}
#HeaderContent .Right #HeaderRightTop #lang a{ width:24px; height:24px; display:block; 
                                               -webkit-border-radius: 10px 10px 10px 10px; 
                                                -moz-border-radius: 10px 10px 10px 10px;
                                                border-radius: 10px 10px 10px 10px;
}
#HeaderContent .Right #HeaderRightTop #lang .cs{ background-image:url(/Images/cz_enable.png); background-position:-2px center;
}
#HeaderContent .Right #HeaderRightTop #lang .cs.active{ background-image:url(/Images/cz_disable.png);
}
#HeaderContent .Right #HeaderRightTop #lang .en{ background-image:url(/Images/en_enable.png);
                                                  background-position:-7px center;
}
#HeaderContent .Right #HeaderRightTop #lang .en.active{ background-image:url(/Images/en_disable.png);
}

#DefaultFilter #DefaultFilterContent { padding:0; }
#DefaultFilter #DefaultFilterContent .Row .ItemName { float:left; width:100%; text-align:left; padding-bottom:0.3em; }
#DefaultFilter #DefaultFilterContent .Row .ItemContent { float:left; width:100%; padding-bottom:0.3em; }
#DefaultFilter #DefaultFilterContent .Row { margin-bottom:0.3em; }



/*MENU*/
#Menu {  display:block; overflow:hidden; width:100%; float:left; font-size:100%; margin:auto 0 0 auto;
        
}
#MenuContent {  width:auto; float:right; margin-top:1.5em; }

#Menu ul,
#Menu li { margin:0; padding:0; list-style:none; background-image:none;
    }
#Menu .ButtonMenu { float:left; list-style:none; color:#b3b3ad; 
    }
    #Menu .ButtonMenu a { color:white; font-weight:400; text-transform:uppercase; display:block; padding:1em 2em; 
                          text-decoration:none;  background-color:#124944;
    }
    #Menu .ButtonMenu a:hover { color:white; background-color:#83ac28; 
    }
    #Menu .ButtonMenu.ButtonMenuFirst a { 
    }

    #Menu .ButtonMenu a.MenuActive { color:#022925; background-color:white; font-weight:bold;
    }
    #Menu .ButtonMenu a.MenuActive span{  
    }


    /*TELO*/
#Content {  }
#ContentHeaderBG { width:100%; /*max-width:1739px;*/ height:35em; overflow:hidden; display:block; margin-left:auto; margin-right:auto;
                   background-image:url(/Images/defaultbg2.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover;
}
/*#ContentHeaderBG img { width:100%; float:left; }*/
.TextPage { display:table; width:100%; height:auto; border-bottom:1px solid #d9ae70; margin-left:auto; margin-right:auto; }
.TextContent { padding: 2em 0; } 



/*Default page*/
#Rodinka { background-color:#dcded6; border-top:2px solid #c7c9c1; height:auto; max-height:411px; display:block; overflow:hidden; }
#Rodinka h2 { padding-top:1em; padding-bottom:0; }
#Rodinka .PageLayout { background-image:url(/Images/toprodinka.png); background-position:right top; background-repeat:no-repeat; }
#Rodinka #RodinkaUserText {  font-size:100%;
                            width:72%; padding-bottom:1em;
}
#Rodinka #RodinkaUserText p{ margin-top:1em; }

#DefaultFilter { position:absolute; z-index:100; display:block; width:100%; height:auto; top:10em;
                  max-width:990px; margin-left:auto; margin-right:auto; left:0; right:0; overflow:hidden;
                  background-image:url(/Images/bgfilter.png); background-position:center top; background-repeat:repeat-y;
}
#DefaultFilter #DefaultFilterContent { padding:2em; }

#DefaultFilter #DefaultFilterContent .Row .ItemName{ float:left; font-size:120%; font-weight:bold; width:18%; text-align:right; padding-right:2%; }
#DefaultFilter #DefaultFilterContent .Row .ItemContent{ float:left;font-size:90%; width:79%; }
#DefaultFilter #DefaultFilterContent .Row .ItemContent td{ padding-right:0.5em; padding-top:0.4em; width:9.5em;  }
#DefaultFilter #DefaultFilterContent .Row .ItemContent td label{ margin-left:0.2em; font-weight:bold; }
#DefaultFilter #DefaultFilterContent .Row.Location .ItemContent td{   }
#DefaultFilter #DefaultFilterContent .Row.Disposition .ItemContent table{   }
#DefaultFilter #DefaultFilterContent .Row.Disposition .ItemContent td{  }
#DefaultFilter #DefaultFilterContent .Row.Location .ItemContent {  }
#DefaultFilter #DefaultFilterContent .Row .ItemContent ul,#DefaultFilter #DefaultFilterContent .Row .ItemContent ul li { padding:0; margin:0; background:none; }
#DefaultFilter #DefaultFilterContent .Row .ItemContent ul { display: -webkit-flex; /* Safari */
  -webkit-flex-wrap: wrap; /* Safari 6.1+ */
  display: flex;  
  flex-wrap: wrap; }
#DefaultFilter #DefaultFilterContent .Row .ItemContent ul li{ padding-left:2em; width:8em; padding-bottom:1em; font-weight:bold; }
#DefaultFilter #DefaultFilterContent .Row.Price .ItemContent input[type="text"] { font-size:90%; 
                                                                                  margin-top:0.2em; width:80%; 
                                                                                  -webkit-border-radius: 4px 4px 4px 4px;
                                                                                -moz-border-radius: 4px 4px 4px 4px;
                                                                                border-radius: 4px 4px 4px 4px; border:1px solid gray;
}
#DefaultFilter #DefaultFilterContent .Row.Price .ItemContent .Kurz { display:block; float:right; padding-top:0.5em;
}
#DefaultFilter #DefaultFilterContent .Row.Price .ItemContent { padding-left:1em; padding-bottom:1em; width:10em; }
#DefaultFilter #DefaultFilterContent .Row.Disposition .ItemContent {  }
#DefaultFilter #DefaultFilterContent .Row.Search .button{ width:20%; margin-left:auto; margin-right:auto; margin-top:2em; display:block; }

#FormInsertEstate { background-color:#124944; margin-bottom:2em; }
#FormInsertEstate .Contacts{ width:49%; padding:3%; float:left; display:table;  }
#FormInsertEstate .Contacts .riTextBox[type="text"]{ margin-bottom:0.5em; }

#FormInsertEstate .Estate{  width:29%; padding:3%; float:right; display:table;  }
#FormInsertEstate .Estate{  width:29%; padding:3%; float:right; display:table;  }
#FormInsertEstate .Estate .dropdown{ margin-bottom:0.5em; height:2.5em; line-height:2.5em; }

#FormInsertEstate.FormSend .FormSendContent { padding-bottom:2em; color:white; }
#FormInsertEstate.FormSend .FormSendContent .Item.Popis { width:94%; margin-left:auto; margin-right:auto; }
#FormInsertEstate.FormSend .FormSendContent .Item.Popis textarea.riTextBox{ height:6em; }
#FormInsertEstate.FormSend .FormSendContent .Item.Captcha{ width:62%; float:left; margin:0 0 0 3%; }
#FormInsertEstate.FormSend .FormSendContent .Item.Send{ width:32%; margin:0; float:right; margin-right:3%; }
#FormInsertEstate.FormSend .FormSendContent .Item.Send .button{ width:100%; }
#FormInsertEstate.FormSend .FormSendContent .ItemValidation { color:red; }
#FormInsertEstate.FormSend .FormSendContent .RadCaptcha_Default .CaCss div{ width:auto; float:left; }
#FormInsertEstate.FormSend .FormSendContent .RadCaptcha_Default .CaCss .CaImg{ height:2.5em; }
#FormInsertEstate.FormSend .FormSendContent .RadCaptcha_Default .CaCss p{ float:left; display:block; margin-top:0; }
#FormInsertEstate.FormSend .FormSendContent .RadCaptcha_Default .CaCss p input[type="text"]{ width:200px; }
#FormInsertEstate.FormSend .FormSendContent .RadCaptcha_Default .CaCss p .CaTextBoxLabelDec{ margin-left:1em; width:100%; display:block;}
#FormInsertEstate.FormSend .FormSendContent .Item.Send .button{ margin-top:1.5em; height:2.5em; }
.ValidationMessage { text-align:right; }



#Novinky #newsContent { display:table; width:99%; height:auto; margin-left:1%; }
#Novinky { background-color:#eff0eb; padding:2em 0; }
#Novinky .PageLayout {  width:100%; display:table; }
#Novinky .item{ width:32%; float:left; height:auto; margin-right:1%; background-color:white; border-top:1px solid silver; display:block; float:left;
                margin-bottom:1%; cursor:pointer;
}
#Novinky .item:hover .Title{ background-color:#83ac28; color:white; 
}
#Novinky .item:hover .Title .TitleItem,#Novinky .item:hover .Title .Lokalita{  color:white; 
}
#Novinky .item .Title{  }
#Novinky .item .Title .TitleItem{ width:100%; display:table; font-size:110%; color:#83ac28; text-transform:uppercase; text-align:center; padding-top:0.5em; }
#Novinky .item .Title .Lokalita{ width:100%;  display:table; font-size:100%; color:#9a9a9a; text-transform:none; text-align:center; padding-top:0.1em; padding-bottom:0.5em; }
#Novinky .item .imgWrap{ width:100%; display:block; height:0; padding-top:56.25%; position:relative; overflow:hidden; text-align:center; }
#Novinky .item .imgWrap img{ margin:auto; left:0; top:0; right:0; bottom:0; position:absolute; max-width:130%; max-height:130%; min-height:100%; }
#Novinky #news { width:auto; display:table; }
#Novinky .item .icons { color:silver; }
#Novinky .item .icons div {  width:40%;display:block; height:3em; line-height:3em; float:left; background-repeat:no-repeat; padding-left:10%; background-position:0.5em center; }
#Novinky .item .icons .Plocha{ background-image:url(/Images/icoarea.png); width:36%; margin-left:4%; }
#Novinky .item .icons .Disposition{ background-image:url(/Images/icodisposition.png); }
#Novinky .item .Price{ border-top:1px solid silver; }
#Novinky .item .Price .PriceText{ float:left; display:block; height:2.5em; line-height:2.5em; width:65%; padding-left:5%; overflow:hidden; }
#Novinky .item .Price .Detail{ float:left; width:30%; height:auto; display:block;  }
#Novinky .item .Price .Detail .button{ line-height:2.5em; height:2.5em; display:block; font-size:100%; font-weight:bold; }



/*Drobenkove menu*/
#DrobenkoveMenu { background-color:#f1f1f1; }
#DrobenkoveMenuContent { padding:1em 0; font-size:110%; color:#21242c; }


/*NABIDKA*/
#StreetView {  }
#StreetView .StreetWindow #mapaDivHolder { height:400px; width:96%; margin:2%; }
    #StreetView .StreetPagination { font-size:110%;  }
    #StreetView .StreetPagination li{ float:left; margin:0 1em 1em 1em; padding:0; }
    #StreetView .StreetPagination li a{ padding:0.5em 1em; display:block; background-color:#60ad2e; color:white; text-decoration:none;
                                        -webkit-border-radius: 10px 10px 10px 10px; 
    -moz-border-radius: 10px 10px 10px 10px; 
    border-radius: 10px 10px 10px 10px;
    }

#PhotoPosition { background-color:#f1f1f1; width:95%; float:left; }
#PhotoPosition #hlPhoto { float:left; width:100%; }
#PhotoPosition #hlPhoto a { width:100%; height:auto; display:block; margin:2%; width:96%; max-height:23em; overflow:hidden; text-align:center; }
#PhotoPosition #hlPhoto img{ max-width:100%;  }

#PhotoPosition #Switch{ width:5%; float:left; }
#PhotoPosition #Switch a{ width:100%; background-color:#60ad2e; color:white; text-decoration:none; display:block; height:auto;
                          margin-top:1em; display:table;
}
#PhotoPosition #Switch a.MenuActive{ background-color:#88c77e;
}
#PhotoPosition #Switch a img{ margin-left:0.5em; margin-top:0.5em; margin-bottom:0.5em; float:left;
}



#DetNabidka { }
#DetNabidka .LevySloupec { width:65%; float:left; display:table; }
#DetNabidka .PravySloupec { width:35%; float:left; display:table; }
    #DetNabidka .Dodatecne .PravySloupec { width:35%; float:right; display:table; }
    #DetNabidka .Dodatecne .LevySloupec { width:65%; float:left; display:table; }
#DetNabidka .TwoColumnTable { }
#DetNabidka .TwoColumnTable .Left{ width:50%; font-weight:bold;  }
#DetNabidka .TwoColumnTable .Right{ float:left; width:50%; }

#DetNabidka #ZakladniUdaje { width:100%; margin-right:0; margin-left:auto; }
#DetNabidka #Popis { margin:2em 0 1em 0; }
#DetNabidka .mapsIframe { border:0; width:100%; }

#DetNabidka #Makler { display:table; width:90%; float:right; }
#DetNabidka #Makler #maklerFoto { float:left; margin-right:1em; }
#DetNabidka #Makler #maklerFoto img { max-width:100px; max-height:100%; }
#DetNabidka #Makler #maklerPolozky { float:left; width:100%;  }
#DetNabidka #Makler #maklerPolozky .TwoColumnTable .Left{ width:25%; font-weight:bold; float:left; }
#DetNabidka #Makler #maklerPolozky .TwoColumnTable .Right{ width:75%; float:left; }

#DetNabidka #OstatniPolozky { display:table; width:100%;  }
#DetNabidka #Mapa { margin-top:1.5em; }
#DetNabidka #Mapa .Left{ width:5%; float:left; background-color:#60ad2e; height:356px; padding-top:2%; padding-bottom:2%;  }
#DetNabidka #Mapa .Left img{ margin-top:0.5em; margin-left:0.5em; }
#DetNabidka #Mapa .Right{ width:95%; float:left; background-color:#f1f1f1; }
#DetNabidka #Mapa .MapaContent{ width:96%; margin:2%; float:left; }
#DetNabidka #Mapa .MapaContent .mapsIframe{ float:left; }
#DetNabidka #estatePhotos { margin-top:2em; width:100%; height:auto; display:table; }
#DetNabidka #estatePhotos .photoContent {
    width:32%; margin-right:1%; margin-bottom:1%; display:table; overflow:hidden; float:left; background-color:#f1f1f1;
                             text-align:center;
}
#DetNabidka #estatePhotos a{ width:100%; display:block; height:0; padding-top:56.25%; position:relative;
                             
}
#DetNabidka #estatePhotos a img { max-width:130%; max-height:130%; margin:auto; left:0; top:0; right:0; bottom:0; position:absolute; }


/*SEZNAM NABIDEK*/
#ListEstate #newsContent { display:table; width:99%; height:auto; margin-left:1%; }
#ListEstate { background-color:#eff0eb; }
#ListEstate .PageLayout {  width:100%; display:table; }
#ListEstate .item{ width:32%; float:left; height:auto; margin-right:1%; background-color:white; border-top:1px solid silver; display:block; float:left;
                margin-bottom:1%; cursor:pointer;
}
#ListEstate .item:hover .Title{ background-color:#83ac28; color:white; 
}
#ListEstate .item:hover .Title .TitleItem,#ListEstate .item:hover .Title .Lokalita{  color:white; 
}
#ListEstate .item .Title{  }
#ListEstate .item .Title .TitleItem{ width:100%; display:table; font-size:110%; color:#83ac28; text-transform:uppercase; text-align:center; padding-top:0.5em; }
#ListEstate .item .Title .Lokalita{ width:100%;  display:table; font-size:100%; color:#9a9a9a; text-transform:none; text-align:center; padding-top:0.1em; padding-bottom:0.5em; }
#ListEstate .item .imgWrap{ width:100%; display:block; height:0; padding-top:56.25%; position:relative; overflow:hidden; text-align:center; }
#ListEstate .item .imgWrap img{ margin:auto; left:0; top:0; right:0; bottom:0; position:absolute; max-width:130%; max-height:130%; min-height:100%; }
#ListEstate #news { width:auto; display:table; }
#ListEstate .item .icons { color:silver; }
#ListEstate .item .icons div {  width:40%;display:block; height:3em; line-height:3em; float:left; background-repeat:no-repeat; padding-left:10%; background-position:0.5em center; }
#ListEstate .item .icons .Plocha{ background-image:url(/Images/icoarea.png); width:36%; margin-left:4%; }
#ListEstate .item .icons .Disposition{ background-image:url(/Images/icodisposition.png); }
#ListEstate .item .Price{ border-top:1px solid silver; }
#ListEstate .item .Price .PriceText{ float:left; display:block; height:2.5em; line-height:2.5em; width:65%; padding-left:5%; overflow:hidden; }
#ListEstate .item .Price .Detail{ float:left; width:30%; height:auto; display:block;  }
#ListEstate .item .Price .Detail .button{ line-height:2.5em; height:2.5em; display:block; font-size:100%; font-weight:bold; }
#ListEstate .Pagination {  }
#ListEstate .Pagination #paginating { width:auto; display:table; margin:2em auto;  }
#ListEstate .Pagination #paginating a, #ListEstate .Pagination #paginating span{ display:block;padding:0.7em 1.2em; margin:0.5em; float:left; }
#ListEstate .Pagination #paginating a { background-color:#83ac28; color:white; text-decoration:none; }
#ListEstate .Pagination #paginating span { color:gray; }




/*Footer*/
#Footer { background-color:#171815; display:table; width:100%; color:white;  }
#Footer .PageLayout{ display:table; width:100%; }
#Footer h2 { padding-top:1em; color:white; }
#Footer .riTextBox[type="text"],#Footer textarea.riTextBox { background-color:#1e1f1c; border:none; border-bottom:1px solid #616161; margin-bottom:0.5em; }
#Footer textarea.riTextBox { height:6em; }
#Footer #FooterContent #FooterForm{ margin-bottom:1em; }
#Footer #FooterContent #FooterForm .ItemValidation{ color:red; }
#Footer #FooterContent { width:100%; display:table; }
#Footer #FooterContent #FooterUserText{ width:48%; float:left;  }
#Footer #FooterContent #FooterForm{ width:48%; float:right;  }

#FooterPata { background-color:#171815; display:table; width:100%;  }
#FooterPata .PageLayout { border-top:1px solid #2d2f2a; font-size:80%;  }
#FooterPata #Realko { margin:1em; }

#MenuButton { display:none; width:48px; height:48px; position:absolute; right:1em; background-color:var(--dark-header);
                  z-index:200; cursor:pointer; top:0.8em;
    }
#MenuButton .butt{ display:block; width:48px; height:48px; position:absolute; right:0; left:0; margin:auto; 
                       background-image:url(/Images/menu-button.svg); background-size:contain; top:0;
                       }
.flex { display:flex; width:100%; flex-wrap:nowrap; }
#FooterPata .copy{ width:25%; }
#FooterPata .links{ width:75%; text-align:right; padding-top:1.25em; }
#FooterPata .links a{ padding:0 0 1.25em 1.25em; }
#osobni-udaje ul,#osobni-udaje ul li{ background:none; list-style:none; }
.approval { padding:0.5rem 0 1rem 1rem; }



#DetailPhoto { position:relative;
               width: 100%;
    height: 0;
    padding-bottom: 36%;
}
#EstateBackground { position:absolute; top:0; height:100%; }
#EstateBackground .owl-stage-outer{ height:100%; }
#EstateBackground .owl-stage-outer .owl-stage{ height:100%; }
#EstateBackground .owl-stage-outer .owl-stage .owl-item{ height:100%; }
#EstateBackground .Item { background-position:center center; background-size:cover; background-repeat:no-repeat; height:100%; position:relative; }
#EstateBackground .Item a{ position:absolute; width:100%; height:100%; display:block; top:0; left:0; }



.photostwolayer { margin-top:4px; }
.photostwolayer .photostwolayercontent { position:relative; }

.photostwolayer .bigphoto {  }
    .photostwolayer .bigphoto .bigphotocontent{  }
    .photostwolayer .bigphoto a{ 
    }
    .photostwolayer .bigphoto a img{ 
    }

.otherphoto {
    width: 100%;
    height: 0;
    padding-bottom: 28.6%;
    position: relative;
}
.repphotos {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 4px;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.repphotos .item {
  overflow: hidden;
  
}

.repphotos .item a {
  display: block;
  width: 100%;
  height: 100%;
  cursor:pointer;
  position:relative;
}

.repphotos .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.repphotos .plus { display:none; }
.repphotos .item:nth-child(5) .plus {
  display:block;
  position: absolute;
  top:auto;
  right:16px;
  bottom: 16px;
  left: auto;
  margin:auto;
  font-size: 1em;
  font-weight:bold;
  color: white;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 10px 20px;
  border-radius: 16px;
  height:32px;
  line-height:24px;
  pointer-events: none; /* aby šel stále kliknout obrázek */
  padding:4px 15px;
  box-sizing:border-box;
}
.repphotos .item:nth-child(5) .plus img {
    max-width:20px; float:left;
    object-fit:none;
    margin-right:10px;
}


/* první obrázek vlevo přes dvě řady */
.repphotos .item:nth-child(1) {
  grid-column: 1 / 2;
  grid-row: 1 / 3;
}

/* ostatní čtyři obrázky vpravo */
.repphotos .item:nth-child(2) { grid-column: 2; grid-row: 1; }
.repphotos .item:nth-child(3) { grid-column: 3; grid-row: 1; }
.repphotos .item:nth-child(4) { grid-column: 2; grid-row: 2; }
.repphotos .item:nth-child(5) { grid-column: 3; grid-row: 2; }

/* === POPUP === */
    .popup {
      position: fixed;
  top: 0; left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(255, 255, 255, 1);
  z-index: 9999;
  display: none;
  flex-direction: column;
  overflow: hidden; /* zabrání scrollu popupu jako celku */
  display: none; 
    }

    .popup-header {
      display: flex;
      justify-content: flex-end;
      padding: 10px 0 0 5px;
    }

    .popup-close {
      font-size: 30px;
      color: white;
      cursor: pointer;
      width: 30px;
        height: 30px;
    
    background-color:rgba(0,0,0,0.6);
    border-radius: 15px;
    text-align:center; line-height:30px;
    position:fixed;
    top:10px; right:10px;
    z-index:10;
    }

    .popup-content {
      overflow-y: auto; /* umožní scroll jen uvnitř obsahu */
  padding: 30px;
  flex: 1; /* vyplní zbytek popupu */
  height: 100%;
  box-sizing: border-box;
    scrollbar-width: thin; /* Firefox */
    }

    body.popup-open {
  overflow: hidden !important;
  position: fixed;  /* Důležité pro Firefox — kompletní blokace scrollu */
  width: 100%;
}

    .popup-content img {
      width: 100%;
      height: auto;
      /*border-radius: 15px;*/
    }

    .repphotosPopup { 
    flex: 1;
      
      padding-top: 20px;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 16px;
      transition: all 0.2s ease;
    }
    .repphotosPopup.expanded {
        grid-template-columns: repeat(1, 1fr);
    }

    .repphotosPopup .item{ display:inline-flex; }
    .repphotosPopup .item img{ 
    cursor: pointer;
  transition: transform 0.2s ease;

    }
    .repphotosPopup.expanded img {
  /*transform: scale(1.02);*/
  max-height:100vh;
  max-width:100%;
  object-fit: contain;
  margin: 0 auto;
  justify-self: center;
}

    #DetailPhoto { display:none; }

    #EstateBackground .owl-nav button{ position:absolute; top:calc(50% - 20px); margin:auto; width:32px; height:32px; display:block;
                                          background-position:center center; background-repeat:no-repeat; background-size:auto 60%; z-index:20;
                                          background-color:rgba(0,0,0,0.5);
}
#EstateBackground .owl-nav button span{ display:none; }
#EstateBackground .owl-nav button.owl-prev{ left:0; background-image:url(/Images/sliderarrowleft.svg);
                                            -webkit-border-radius: 0 16px 16px 0;
                                                    -moz-border-radius: 0 16px 16px 0;
                                                    border-radius:  0 16px 16px 0;
}
#EstateBackground .owl-nav button.owl-next{ right:0; background-image:url(/Images/sliderarrowright.svg);
                                            -webkit-border-radius: 16px 0 0 16px;
                                                    -moz-border-radius: 16px 0 0 16px;
                                                    border-radius: 16px 0 0 16px;
}
#EstateBackground .owl-dots { position:absolute; bottom:110px; justify-content:center;
                                              display:flex; flex-wrap:wrap;
                                              left:0; right:0; margin:auto; top:auto;
                                              z-index:20; display:none;
}
#EstateBackground .owl-dots button{ display:block; width:10px; height:10px; margin:3px; background-color:gray;
                                                    -webkit-border-radius: 5px;
                                                    -moz-border-radius: 5px;
                                                    border-radius: 5px;
}
#EstateBackground .owl-dots button.active { background-color:white; }

@media all and (max-width:68em) {
    .repphotos .item:nth-child(5) .plus { 
        /*font-size:0.8rem;*/
    }
    
}

@media all and (max-width:959px) {

    .photostwolayer { display:none; }

    #DetailPhoto { display:block;
                   margin-top:10px;
                   
    }

    .popup-content img { border-radius:0; }
    .popup-content { padding:30px 0; }
}

@media all and (max-width:767px) {

    
    .popup-content { padding:0; }
    .repphotosPopup { padding-top:0; }
    #DetailPhoto { 
                   padding-bottom:75%;
    }
    .repphotosPopup { 
        flex: 1;
        grid-template-columns: repeat(1, 1fr);
        gap:2px;
    }
    
}

@media all and (max-width:54em) {
    
    .repphotos .item:nth-child(5) .plus { 
        /*font-size:0.7rem;*/
    }
}

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




    /*.photostwolayer .repphotos .item{   }
    .photostwolayer .repphotos .item a{ width:100%; display:block; height:0; overflow:hidden;
                                 padding-top:78.65%; position:relative; color:white; }
    .photostwolayer .repphotos .item a img{ position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
                                     min-height:100%; min-width:100%; max-height:110%; }
    .photostwolayer .repphotos .item a .plus { position:absolute; margin:auto; left:0; top:0; bottom:0; right:0;
                                               z-index:2; color:var(--color10); font-size:1.6em; font-weight:bold;
                                               display:none; justify-content:center; align-items:center;
    }
    .photostwolayer .repphotos .item a .plus.photo8 { display:flex; }*/