
/* Layout 1*/
/* Zahlavi, telo, zapati*/


body { font-family:Verdana; font-size:12px; line-height:18px;
       background-color: white; color:#000000;
       margin:0px; padding:0px;
}


/* OBECNE */
.PageLayout { display:table; width:950px; 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; }
.Text { display:table; width:auto; }
.formContent { display:table; margin:10px; }

h1 { }
h2,.Nadpis { color:black; font-size:16px; font-family:Arial; line-height:18px; margin:0px; padding:15px 0px 15px 0px; font-weight:bold; text-transform:uppercase; }
h3 { color:black; font-size:14px; font-family:Arial; line-height:18px; margin:0px; padding:15px 0px 15px 0px; font-weight:normal; text-transform:uppercase; }
h4 {  color:#a7a7a7; font-size:16px; line-height:20px; margin:0px; padding:10px 0px 10px 0px; font-weight:bold; }

input[type="submit"].button,input[type="submit"].btnFrom { background-color:#e78f38;  font-weight:normal; /*background-image:url(/images/button.png); background-position:left top; background-repeat:no-repeat;*/
                                                             text-align:center; padding:2px 6px 2px 6px; /*padding:0px 45px 0px 45px;*/ height:23px;
           font-size:12px; line-height:20px; text-transform:uppercase; color:white; cursor:pointer; border:none;
                            -webkit-border-radius: 5px 5px 5px 5px; 
                             -moz-border-radius: 5px 5px 5px 5px;
                              border-radius: 5px 5px 5px 5px;
                            /*font-weight:bold;*/ 
                            /*-webkit-border-radius: 5px 5px 5px 5px; 
                             -moz-border-radius: 5px 5px 5px 5px;
                              border-radius: 5px 5px 5px 5px;*/
}

.validation { color:red; }

#MainPage { /*border:1px solid #666666;*/ }

/* HEADER */
#Header { display:none; width:100%; height:174px; background-image:url(/images/HeaderBG.jpg);
          
}
#Header .Text { margin-top:10px; }
    #HeaderTop { display:table; width:100%;   }
    #HeaderTop .LogoHeaderTop{ display:block; margin-top:30px; margin-left:30px; width:300px; height:93px; cursor:pointer;  }
    #HeaderTop .HeaderTopRightFlds { display:table; width:100%; height:30px;  }
    #HeaderTop .HeaderTopRightFldsLeft { display:block; width:400px; height:30px; overflow:hidden;
    }
    #HeaderTop .HeaderTopRightFldsRight { display:table; width:50px;
    }
        #HeaderTop .HeaderTopRightFldsRight ul{ margin:0px; padding:0px; list-style-type:none;}
           #HeaderTop .HeaderTopRightFldsRight li{ float:left;}
            #HeaderTop .HeaderTopRightFldsRight li .active{ display:none;}
            #HeaderTop .HeaderTopRightFldsRight li a{ display:block; cursor:pointer; width:40px; height:20px; background-repeat:no-repeat;
                                                        border:1px solid white; margin-top:4px; margin-right:25px;
                                                      -webkit-border-radius: 2px 2px 2px 2px;
                                                     -moz-border-radius: 2px 2px 2px 2px;
                                                      border-radius: 2px 2px 2px 2px;
            }
            #HeaderTop .HeaderTopRightFldsRight li .cs{ background-image:url(/images/cs.jpg); }
            #HeaderTop .HeaderTopRightFldsRight li .en{ background-image:url(/images/en.jpg); }
            #HeaderTop .HeaderTopRightFldsLeft { color:white; font-size:16px; line-height:25px; }
            #HeaderTop .HeaderTopRightFldsLeft .facebook{ border:1px solid white;
                                                    -webkit-border-radius: 2px 2px 2px 2px;
                                                     -moz-border-radius: 2px 2px 2px 2px;
                                                      border-radius: 2px 2px 2px 2px;
            }

    /* TOP MENU */
    #Menu { display:none; width:100%; /*background-color:#016aa0;*/ height:30px; background-image:url(/images/menubg.jpg); background-repeat:no-repeat;
            border-bottom:1px solid #666666; border-top:1px solid #666666;
    }
    #TopMenu { display:table; width:auto; /*margin-left:auto; margin-right:auto;*/  }
    #TopMenu ul { margin:0px; padding:0px; list-style-type:none; }
    #TopMenu .ButtonMenu { margin:0px; padding:0px; float:left; background-image:url(/images/buttonsipka.png); background-position:15px center; background-repeat:no-repeat; 
                                 
    }

    #TopMenu .ButtonMenu:hover { }    
    #TopMenu .ButtonMenu a{ margin:0px; display:block; height:30px; width:150px; text-decoration:none; color:black; font-weight:bold; text-transform:none;
                                   font-size:13px; text-align:center; line-height:15px;
    }
    #TopMenu .ButtonMenu a span{ margin:0px; padding:0px; 
                                  display:block; padding-top:7px;
    }
    #TopMenu .ButtonMenu.Reference { margin-left:15px; }
    #TopMenu .ButtonMenu a:hover span{  text-decoration:underline; }
    #TopMenu .ButtonMenuFirst { /*margin-right:45px; margin-left:75px;*/ background-position:left center;  }
    #TopMenu .ButtonMenuFirst a{ width:190px;  }
    
    #TopMenu .ButtonMenuLast { /*margin-left:35px;*/ background-position:left center; }
    #TopMenu .ButtonMenuLast a{ width:160px; }
    #TopMenu .ButtonMenuLast:hover {  }
    #TopMenu .MenuActive{ }
    #TopMenu .MenuActive a span {  }

/*FILTER*/

/*hlavni strana*/
#filter { margin-top:0px; margin-bottom:10px; 
            -webkit-border-radius: 8px 8px 8px 8px;
            -moz-border-radius: 8px 8px 8px 8px;
            border-radius:  8px 8px 8px 8px; background-color:#e6e6e6; border:1px solid gray; padding:15px;
}
#filter th{ text-align:left; font-weight:normal;  }
#filter .TypNemovitosti{ width:140px; }
#filter .TypZakazky{ width:90px; }
#filter .Okres{ width:167px; }
#filter .CenaDo{ width:110px; }
#filter .button { margin-top:3px; margin-left:5px; }
#filter .filterInput { margin-right:15px; }


/*novinky*/
#novinky { display:table; width:690px; margin-left:auto; margin-right:auto; margin-bottom:30px; }
#novinky .item{ background-color:white; display:table; width:150px; float:left; margin:10px;
                            -webkit-border-radius: 0px 0px 5px 5px;
                             -moz-border-radius: 0px 0px 5px 5px;
                              border-radius: 0px 0px 5px 5px; cursor:pointer;  }
#novinky .captions{  }
#novinky .captions .title{ width:100%; height:20px; display:block; overflow:hidden; text-align:center; color:black; font-weight:bold; }
#novinky .imgWrap { text-align:center; /*margin-top:8px;*/ display:block; overflow:hidden; width:150px;height:100px;  }
#novinky .imgWrap img{ min-height:100px; margin-left:-5px; margin-top:-5px; }
#novinky .captions .lokalita{ width:100%; height:20px; display:block; overflow:hidden; text-align:center; color:#868584; font-weight:normal; }
#novinky .captions .price{ width:100%; height:20px; display:block; overflow:hidden; text-align:center; color:white; background-color:#7ab71a; 
                           font-weight:bold; height:25px; padding-top:5px;
                           -webkit-border-radius: 0px 0px 5px 5px;
                             -moz-border-radius: 0px 0px 5px 5px;
                              border-radius: 0px 0px 5px 5px;
                           background-image:url(/images/sipkaNovinky.png); background-position:right top; background-repeat:no-repeat;
}

#novinky .alterItem .captions .price{  }

/* LEFT MENU */
    #LeftMenu { margin-top:25px; margin-bottom:25px; display:none; width:202px; background-image:url(/images/LeftMenuBG.png); background-position:left top; background-repeat:no-repeat;
                height:408px;
    }
    #LeftMenu ul{ margin:10px 0px 0px 0px; padding:0px; list-style-type:none; }
    #LeftMenu li{ }
    #LeftMenu li a{ text-decoration:none; width:192px; height:21px; display:block; cursor:pointer; color:black;
                     padding:4px 0px 0px 10px; font-weight:normal;
    }
    #LeftMenu .tlacitko a:hover{ /*background-color:#b7cdec;*/ text-decoration:underline;
    }
    #LeftMenu .tlacitko.Uvod { margin-bottom:5px; }
    #LeftMenu .Prodej{ margin-bottom:5px;/*-webkit-border-radius: 0px 10px 10px 0px;
                             -moz-border-radius: 0px 10px 10px 0px;
                              border-radius: 0px 10px 10px 0px;*/ background-color:white;}
    #LeftMenu .Prodej a,#LeftMenu .Pronajem a{ text-transform:uppercase; width:192px; }
    #LeftMenu .Prodej a:hover,#LeftMenu .Pronajem a:hover{ text-decoration:underline; }
    #LeftMenu .Pronajem{ margin-bottom:5px; margin-top:5px; /*-webkit-border-radius: 0px 10px 10px 0px;
                             -moz-border-radius: 0px 10px 10px 0px;
                              border-radius: 0px 10px 10px 0px;*/ background-color:white;}
    #LeftMenu .Konec { height:10px; width:100%; display:block; 
    }
    .Zalozka {  margin-bottom:15px;-webkit-border-radius: 0px 10px 10px 0px;
                             -moz-border-radius: 0px 10px 10px 0px;background-color:white;
                              border-radius: 0px 10px 10px 0px; text-transform:uppercase; 
                              height:21px; display:block; color:black;
                     padding:4px 0px 0px 10px; margin-bottom: 15px; margin-top: 15px;
    }
    .EditLeftMenu { display:inline-block; width:157px; overflow:hidden; margin-left:10px; }
.textBannery { display:table; width:100%; overflow:hidden; height:100%; }

/*PRAVE MENU*/
#RightMenu { width:155px; margin-right:5px; }

/* CONTENT */
#ContentPage { /*margin-top:2px;*/ display:table; width:100%;/*background-image:url(/images/contentbg.jpg); background-repeat:repeat-x; background-position:left top;*/ background-color:white; }
#Content { width:700px; margin-left:25px;
           
}
#Content .PageLayout { background-color:white;}
#ContentText { display:table; padding-top:25px; padding-bottom:10px; width:100%; }
#ContentText hr{ display:none; }
#ContentText ul{ list-style-position:outside; list-style-image:url(/images/liorange.png);  }
#ContentText li{ margin:10px auto 5px 10px;   }




/*seznam nemovitosti*/

/*#nabidkyCenter { }
#nabidkyCenter .nabidkaHolder{ display:table; width:100%; background-color:#d9e7ee; margin-bottom:5px; cursor:pointer; }
#nabidkyCenter .nabidkaHolder .imgHolder{ display:block; width:160px; height:115px; overflow:hidden; text-align:center; float:left; margin-right:10px; }
#nabidkyCenter .nabidkaHolder .novinkaNadpis{ display:block; height:20px; overflow:hidden; padding-right:5px; margin-top:5px; }
#nabidkyCenter .nabidkaHolder .nabidkaPopis{ padding-right:5px; padding-top:8px;}
#nabidkyCenter .nabidkaHolder .nabidkaPopis span{ float:right; font-weight:bold; color:#016AA0; font-size:14px; padding-top: 6px;}
#nabidkyCenter .nabidkaHolder .vice{ float:right; }

#nabidkyCenter .Alter .nabidkaHolder{ display:table; background-color:#eaf3f8; }
#nabidkyCenter .Alter .nabidkaHolder .imgHolder{ }
#nabidkyCenter .Alter .nabidkaHolder .novinkaNadpis{ }
#nabidkyCenter .Alter .nabidkaHolder .nabidkaPopis{ }
#nabidkyCenter .Pocitadlo { width:220px; }
#nabidkyCenter .Razeni { width:300px; margin-top:8px;  }*/
#paginating { margin-top:10px; }
#paginating span,#paginating a{ font-size:14px; background-color:#DEF6BA; display:block; float:left; padding:5px 10px 5px 10px; margin:2px; }
#paginating span { background-color:#dedede; }

    /*SEZNAM*/
    #nabidkyCenter #Zahlavi{ display:table; width:100%;}
    #nabidkyCenter h2{ width:auto; display:table; float:left; }
    #nabidkyCenter #pageSize{ width:auto; display:table; float:right; margin-top:24px; }
    
    
    .estateList{ width:100%; float:none; border-top:1px solid black; border-bottom:1px solid black;}
    .estateList .ListItemLupa { background-image:url(/images/lupa.png); display:block; width:23px; height:23px; cursor:pointer; }
    .estateList img { max-height:40px; max-width:53px; border:1px solid gray; margin:2px;}
    .estateList td{ vertical-align:middle; padding:2px;}
    .estateList .estateListItem,.estateList .estateListAlterItem{ border-left:1px solid black; border-right:1px solid black; /*border-bottom:1px solid black;*/}
    .estateList .estateListItem a,.estateList .estateListAlterItem a{ text-decoration:underline;}
    .estateList .estateListItem:hover,.estateList .estateListAlterItem:hover{ background-color:#ffe6cd;}
    .estateList .estateListItem{ background-color:#FFFFFF;}
    .estateList .estateListAlterItem{ background-color:#EEEEEE;}
    .estateListHeader{ border:none;border-bottom:1px solid black; height:30px; background-color:#7ab71a; color:White;border-left:1px solid #6d0909; border-right:1px solid #6d0909; }
    .estateListHeader a{ color:White; }
    #paginating{ text-align:right; margin-top:15px;}
    #drobenkoveMenu { margin-right:0px; margin-left:auto; display:none;}
    #drobenkoveMenu #print{ float:left;}
    #drobenkoveMenu #zpetSeznam{ float:right;}


/*footer*/
#Footer { display:none; width:100%; background-color:#def6ba; }
#Footer .filter{ color:#e0e0e0; margin-left:30px; margin-right:auto; margin-top:25px; margin-bottom:35px; }
#Footer .filter th{ font-weight:normal; text-align:left; }
#Footer .filter td{ padding-right:15px; }
#Footer .filter .filterInput { width:130px; }
#Footer .filter input[type="submit"].button { background-image:url(/Images/bgButton2.png); border-color:#212121; color:#212121;  }
#Footer .FooterContent { display:table; width:615px; float:left; padding:10px;  }
#Footer .FooterPaticka {  display:table; width:auto; float:right; padding:10px; }
#Footer .PageLayout { background-color:#f8f8f8; }



/*Detail nabidky*/

/*Nabidka*/
/*#Nabidka { display:table; width:528px; background-color:white; padding-right:5px;}
#HlPhoto { width:275px; height:183px; text-align:center; display:block; overflow:hidden; margin-top:25px; }
#HlPhoto img{ height:193px; }
#Nabidka .detailHlavni { width:250px; }
#Nabidka .detailHlavni th{ width:120px; text-align:left; }
#Nabidka .detail th{ width:135px; text-align:left; }
#Nabidka #Rozsirujici { width:250px; }
#Makler { width:250px; }
#Makler .detail th{ width:50px; }
#maklerFoto { display:block; width:75px; height:100px; float:left; margin-right:5px; }*/

    #mainTitle{ text-align:left;}
    #levySloupec{ width:330px; display:table; float:left;}
    #estatePhotos{ display:none; margin-bottom:25px;}
    #galleryWrap a{ float:left; display:block; width:112px; margin:4px; height:84px; overflow:hidden;}
    #galleryWrap img{ max-width:112px; max-height:84px;}
    #hlPhoto img{ margin-left:4px; max-width:320px; max-height:400px;}
    #mapa{ display:table; margin-left:4px;}
    #mapa .mapsIframe{ border:1px solid gray;}
    #makler{ display:table; width:320px; border:1px solid gray; background-color:#EEEEEE; margin-left:4px; margin-top:5px;}
    #makler #maklerPolozky ul{ list-style-type:none;}
    
    #pravySloupec{ float:right; display:table; width:350px; line-height:20px;}
    #pravySloupec ul{ list-style-type:none; margin-left:0px;}
    #pravySloupec li strong { display:inline-block;  width:140px;}
    #pravySloupec li{ margin:0px;}

    /*DETAIL NABIDKY*/
    /*#mainTitle{ text-align:center;}
    #levySloupec{ width:360px; display:table; float:left;}
    #estatePhotos{ display:table;}
    #galleryWrap a{ float:left; display:block; width:112px; margin:4px; height:84px; overflow:hidden;}
    #galleryWrap img{ max-width:112px; max-height:84px;}
    #hlPhoto img{ margin-left:4px;}
    #mapa{ display:table; margin-left:4px;}
    #mapa .mapsIframe{ border:1px solid gray;}
    #makler{ display:table; width:350px; border:1px solid gray; background-color:#EEEEEE; margin-left:4px; margin-top:25px;}
    #makler #maklerPolozky ul{ list-style-type:none; list-style:none;}
    #makler #maklerFoto { display:table; float:left; }
    #makler #maklerFoto img{ max-width:100px; margin-right:4px; }
    #pravySloupec{ float:right; display:table; width:470px; line-height:20px;}
    #pravySloupec ul{ list-style-type:none; list-style:none; margin-left:0px;}
    #pravySloupec li { margin:0px; margin-bottom:3px; }
    #pravySloupec li strong { display:inline-block;  width:140px;}
    #DetailNabidky h2 { text-align:left; }*/

/*#DetailNabidky { display:table; margin-bottom:25px; width:100%; }
#DetailNabidky #mainTitle{ text-align:left; padding-bottom:15px; border-bottom: 1px solid #CCCCCC;}
#DetailNabidky #DalsiUdajeNabidky { display:table; width:100%; border-top: 2px solid #F6F6F6; padding-top:15px; }
#DetailNabidky #levySloupec{ width:570px; display:table; float:left;}
#DetailNabidky #estatePhotos{ display:table; width:100%; background-color:white; padding-top:6px; padding-bottom:6px;margin-bottom:10px;}
#DetailNabidky #estatePhotos #galleryWrap { display:table; width:100%; margin-left:auto; margin-right:auto;}
#DetailNabidky #galleryWrap a{ float:left; display:block; width:112px; margin:2px; height:84px; overflow:hidden; text-align:center;}
#DetailNabidky #galleryWrap img{ height:84px;}
#DetailNabidky #hlPhoto { text-align:center; margin-bottom:6px; background-color:white; padding-top:6px; }
#DetailNabidky #hlPhoto img{ margin-left:auto; margin-right:auto;}
#DetailNabidky #mapa{ display:table; margin-left:4px;}
#DetailNabidky #mapa .mapsIframe{ border:1px solid gray;}
#DetailNabidky #makler{ display:table; width:100%; background-color:white; 
                        
}
#DetailNabidky #makler #maklerFoto { float:left; display:block; width:74px; height:100px; overflow:hidden; margin:10px; margin-left:0px;  }
#DetailNabidky #makler #maklerPolozky { display:table; float:left; margin-top:10px; }
#DetailNabidky #makler #maklerPolozky th { text-align:left; font-weight:normal; width:70px; }
#DetailNabidky #formular { border-top: 2px solid #F6F6F6; }
#DetailNabidky #formular th {  text-align:right; padding-top:6px; padding-right:2px; }
#DetailNabidky #formular .buttontd { text-align:right; }
#DetailNabidky #formular .tbFormMultiLine { width:333px; height:83px; }
#DetailNabidky #formular .Name { width:155px; }
#DetailNabidky #formular .RadCaptcha_Default div{ display:table; width:auto; }
#DetailNabidky #formular .RadCaptcha_Default #ctl00_ContentPlaceHolder1_wucClientForm_EstateInfo_RadCaptcha1_ctl01 { float:left; }
#DetailNabidky #formular .RadCaptcha_Default #ctl00_ContentPlaceHolder1_wucClientForm_EstateInfo_RadCaptcha1_SpamProtectorPanel { width:100%; }
#DetailNabidky #formular .RadCaptcha_Default p { float:right; margin-right:15px; }
#DetailNabidky #pravySloupec{ float:right; display:table; width:340px; line-height:20px;}
#DetailNabidky #pravySloupec ul{ list-style-type:none; margin-left:0px;}
#DetailNabidky #pravySloupec li strong { display:inline-block;  width:180px;}
#DetailNabidky #ZadostProhlidka { background-color:white; padding-bottom:15px; margin-bottom:25px;
                                  -webkit-border-radius: 5px 5px 0px 0px;
                                     -moz-border-radius: 5px 5px 0px 0px;
                                      border-radius: 5px 5px 0px 0px; }
#DetailNabidky #ZadostProhlidka th{ text-align:left; }
#DetailNabidky #DalsiUdajeNabidky { border-bottom: 1px solid #CCCCCC; padding-bottom:25px; }
#DetailNabidky #DalsiUdajeNabidky .detail th { text-align:left; font-weight:normal; width:180px; }
#DetailNabidky #DalsiUdajeNabidky .detail { width:100%; }
#DetailNabidky #estatePhotos {border-top: 2px solid #F6F6F6; }
#DetailNabidky .mapsIframe {border: 1px solid #CCCCCC; }
#DetailNabidky #MaklerMapa {border-bottom: 1px solid #CCCCCC; }
#DetailNabidky #MaklerMapa .RightFld{ padding:15px 0px; }*/

.Topitko {width:100%; height:20px; display:block; overflow:hidden; text-align:center; color:white; background-color:#da251d; 
                           font-weight:bold; height:25px; padding-top:5px;
                           -webkit-border-radius: 5px 5px 0px 0px;
                             -moz-border-radius: 5px 5px 0px 0px;
                              border-radius: 5px 5px 0px 0px;
                           background-image:url(/images/sipkaNovinky.png); background-position:15px top; background-repeat:no-repeat; }


.clientForm_Estate { margin-top:10px; margin-bottom:10px; }
.clientForm_Demand { margin-top:10px; margin-bottom:10px; }
.clientForm_Contact { margin-top:10px; margin-bottom:10px; }
.clientForm_Estate th { color:gray; padding:4px; text-align:left; }
.clientForm_Demand th { color:gray; padding:4px; text-align:left; }
.clientForm_Contact th { color:gray; padding:4px; text-align:left; }
.clientForm_Contact .tbFormMultiLine { width:250px; }

#ContactForm { background-color:white; display:table; }


/*KONTAKTY*/
#Kontakty { width:600px; }
#KontaktyText { display:table; width:100%; }
#KontaktyMakleri { display:table; margin-top:50px; width:100%; }
#Mapa { display:table; }
#Mapa #map_canvas_rk { width:308px; height:304px; border:1px solid #CCCCCC;  }

/*MAKLERI*/
#KontaktyMakleri #team{ display:table; width:100%; }
#KontaktyMakleri #team .item{ display:block; overflow:hidden; width:250px; height:120px; margin-right:10px;}
#KontaktyMakleri #team .item .imgHolder{ display:block; width:105px; height:105px; float:left; }
#KontaktyMakleri #team .item .textHolder{ display:block; width:105px; height:105px; float:left; }





/*POPTAVKA*/
#ZadaniPoptavky { }
#ZadaniPoptavky .Text{ width:100%; border-bottom: 1px solid #CCCCCC; }
#ZadaniPoptavky #Formular{ border-top: 2px solid #F6F6F6; padding-top:10px;  }
#ZadaniPoptavky .RightFld{ width:500px;  }
#ZadaniPoptavky .clientForm_Estate { width:100%; }
#ZadaniPoptavky .clientForm_Estate th{ text-align:left; padding-right:6px; width:100px; }
#ZadaniPoptavky .clientForm_Estate th table td{  padding-right:15px; }
#ZadaniPoptavky .trCaptcha span{ color:red; }

#HypoCalc {  display:none; width:320px; height:540px; overflow:hidden;margin-left:4px; margin-top:25px; margin-left:auto; margin-right:auto;}
#HypoCalc object{ display:block; width:320px; height:600px; overflow:hidden;  }




