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


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


/* OBECNE */
.PageLayout { max-width:1080px; 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; }
.textLayout {  }
.textContent { font-size:110%; }
.Text { display:table; width:auto; }
.formContent { display:table; margin:10px; }
.blue { color:#05609c; }
.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:black; font-size:240%; line-height:1.8; margin:0; padding: 0.5em 0 0.5em 0; font-weight:700; text-transform:uppercase; 
             /*text-shadow: 0.1em 0.1em 0.1em black;*/
}
h3 { color:black; text-transform:uppercase; font-size:180%; line-height:1.5; margin:0; padding: 0.5em 0; font-weight:bold; /*text-transform:uppercase;*/ }
h4 {  color:black; font-size:120%; line-height:1.3; margin:0; padding: 0.6em 0; font-weight:bold; }

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

.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; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
    
    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 Condensed', sans-serif; 
                                      width:98%; font-size:100%; 
}
#MainPage .riTextBox[type="text"], #MainPage .RadInput_Default { font-size:inherit; font-size:100%; }
#MainPage .riTextBox[type="text"], #MainPage textarea.riTextBox {
    border: 1px solid white;
	padding:5px; padding-left:10px;
    margin:2px; vertical-align:top; border: 1px solid silver;
     height:2.5em; font-size:100%;
     font-family:'Roboto Condensed', sans-serif; width:98%; /*width:40%;*/ color:#616161;  }
#MainPage textarea.riTextBox { padding-top:10px; }

.button,input[type="submit"].button,input[type="button"].button,input[type="submit"].btnFrom { background-color:#ff9900;  font-weight:normal; 
                                                        border:none; color:white;
                                                             text-align:center; padding:0 18px 0 18px;
                                                             height:2.5em;
                                        font-size:100%; line-height:1; text-transform:uppercase; text-decoration:none;  cursor:pointer; 
                            display: inline-block; padding:0.2em 0 0 0;
                            margin:2px;
                            -webkit-border-radius: 4px 4px 4px 4px; 
                            -moz-border-radius: 4px 4px 4px 4px; 
                            border-radius: 4px 4px 4px 4px;
                        box-sizing: border-box;outline: 0 none;
                        vertical-align: baseline;
                        white-space: normal;  width:98%; 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:#f9be67; 
                                                                                                                       font-family: 'Roboto', sans-serif; 
                                                                                                                       background-image:none; font-weight:bold; 
                                                                                                                       color:#1f1a17; text-decoration:none;
}

.fOrange { color:#ff9900; }
.fBlack { color:black; }
.fBGBlack { color:#2a2a28; }
.fGray { color:#4a4a49; }

.bgOrange { background-color:#ff9900; }
.bgBlack { background-color:black; }
.bgBGBlack { background-color:#2a2a28; }
.bgGray { background-color:#4a4a49; }

.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%; }

.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:80%;  }
#PageDefault { padding-bottom:5px; }
#PageDefault h2{ padding-top:0; padding-bottom:0; }



/*HEADER*/
#Header { position:relative; z-index:100; }
#HeaderContent { }
#HeaderContent .Logo{ width:80%; display:block;  /*background-image:url(/Images/logo.png); background-position:left top; background-repeat:no-repeat;*/
                      margin:0;
}
#HeaderContent .Logo img{ width:50%; 
}
#HeaderContent .Left{ width:50%;
}
#HeaderContent .Right{ width:50%; margin-top:2em; display:none;
}
#Header .Fixni {top:0.2em; left:51%; position:absolute; }
#Header .hGarance { width:127px; height:123px; display:none; overflow:hidden; z-index:110; }
#Header .hGarance img{ width:100%; }
#Header .hChciProdat { width:5.5em; display:none; overflow:hidden; z-index:120; font-size:210%; color:black; 
                       text-transform:uppercase; text-decoration:none; margin-left:4.7em; margin-top:0.5em; }
#Header .hChciProdat span{ color:#ff9900; }
#Header .hFransiza { width:199px; height:97px; display:none; overflow:hidden; z-index:115; left:51%; margin-left:19em; margin-top:4em; }
#Header .hFransiza img{ width:100%; }

/*#Header .hGarance { width:127px; height:123px; }*/


/*MENU*/
#Menu { background-image:url(/Images/BGmenu.png); background-position:left top; background-repeat:repeat-x; max-height:62px; max-width:100%; display:none;
        
}
#MenuContent { background-color:#ff9900; }

#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:bold; font-size:140%; text-transform:uppercase; display:block; padding:0.6em 0.85em 0.6em 1.2em; text-decoration:none;
    }
    #Menu .ButtonMenu a:hover { color:#2a2927;
    }
    #Menu .ButtonMenu.ButtonMenuFirst a { 
    }
    #Menu .ButtonMenu.ButtonMenuLast a { padding-right:0;
    }
    #Menu .ButtonMenu a.MenuActive { color:white; 
    }
    #Menu .ButtonMenu a.MenuActive span{ background-image:url(/Images/menupodtrh.png); background-position:left bottom; background-repeat:repeat-x; padding-bottom:0.2em;
    }





/*CONTENT*/
#Content { min-height:400px;  /*padding-bottom:35px;*/ }
.TwoLayers70{ display:inline-block; background-image:url(/Images/bgTwoLayersBorder.png); background-repeat:repeat-y; background-position:73% top; /*margin:2em 0;*/ margin:0; }
.TwoLayers70 #praveMenu{ width:26%; }

#praveMenu { display:block; overflow:hidden; }
#praveMenu img{ max-width:100%; }


/*DEFAULT PAGE*/
.BGContent { background-image:url(/Images/bgcontent.jpg); background-position:center top; background-repeat:no-repeat; height:470px; }
#DefaultPage .TwoLayers{ background-image:url(/Images/bgTwoLayersBorder.png); background-repeat:repeat-y; background-position:56.2% top; margin:2em 0; }

#DefaultPageText { padding-right:5%; }
#DefaultPageText,#DefaultPageText p { text-align:justify; }
.LeftMapa { width:55%; }
#FilterMapa { /*padding-top:80px;*/ display:block; position:relative; z-index:100; /*width:390px;*/float:left; 
              background-image:url(/Images/mapa/mapa.png); background-position:left top; background-repeat:no-repeat;
              /*margin-left: 13.7614678899%;
                margin-top: 8.148936%;*/ 
}
#FilterDefaultNadpis { padding-left:15em; /*position:relative; z-index:250; width:49.54128440367%; float:left; right:0; top:0; display:block; margin-left:-9.991%;*/

}

#FilterDefaultNadpis h3 { padding-top:0;
}
#FilterControls { float:right; display:inline-block; width:26%; margin-right:5%; }

#FilterDefault { width:100%;
     
}

#FilterDefaultContent { 
                        /*padding-left: 5%;
                        padding-top:19.149%;*/ padding:0; 
}
#FilterDefaultContent .itemField { width:98%; min-width:105px; float:left; margin-right:4%; margin-bottom:4%;
    }
    #FilterDefaultContent .itemField input[type="text"],#FilterDefaultContent .itemField select, #FilterDefaultContent .itemField .riTextBox[type="text"], #FilterDefaultContent .button{ 
        width:100%;
        
    }
    #FilterDefaultContent .button { margin-top:2em; }
        /*#FilterDefaultContent .itemField input[type="text"], #FilterDefaultContent .itemField select, #FilterDefaultContent .itemField .riTextBox[type="text"] {
        background-color:#0068ac; color:white; border:none; box-shadow:none; 
        }*/

/*KONTAKTY*/
#KontaktyMapa { margin-top:1.5em; height:19em; }

/*SLIDER*/
#slider { width:100%;}
#slider .item { width:100%; }
#slider .jcarousel-wrapper {
    
    position: relative;
    width:100%;
}
#slider .jcarousel-wrapper ul,.jcarousel-wrapper ul li{ margin:0; padding:0; background:none; float:left;
    
}

#slidercontent {
    position: relative;
    overflow: hidden;
    width: 100%;
    
}

#slidercontent ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0; background:none;
    padding: 0;
}

#slidercontent li {
    width: 100%;
    float: left;
    
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0; background:none;
    padding: 0;
}

#slidercontent img {
    display: block;
    max-width: 100%;
    height: auto !important;
}



#slider .jcarousel-control-prev{
float:left;
    width:4.5%;
    background-image:url(/Images/sliderarrowleft.png); background-position:center center; background-repeat:no-repeat; 
    padding:0.5em 0;
}
#slider .jcarousel-control-next {
    float:right;
    width:4.5%;
    background-image:url(/Images/sliderarrowright.png); background-position:center center; background-repeat:no-repeat; 
    padding:0.5em 0;
    
}





#slider .jcarousel-slider-pagination {
    bottom: 20px;
    left: 90%;
    margin: 0;
    position: absolute;
    transform: translate(-50%, 0px);
    width:11em;
}

#slider .jcarousel-slider-pagination a {
    -webkit-border-radius: 20px 20px 20px 20px;
                   -moz-border-radius: 20px 20px 20px 20px;
                     border-radius: 20px 20px 20px 20px; height:35px; width:35px; background-color:white; display:block; text-align:center; color:white;
                        border:solid 2px #2a2a28; margin-left:0.5em;
                        float:left;
}

#slider .jcarousel-slider-pagination a.active {
    background-color:#fad645; color:#fad645;
}



/*NOVINKY*/
#Novinky { background-color: #2a2a28; height:14em;
    border-bottom: 3px solid #ff9900;
    border-top: 3px solid #ff9900; }
#news { font-size:100%; margin-left:auto; margin-right:auto; display:block; overflow:hidden; }
#news .buttonSlider { width:5%; display:block; margin-top:0.5em; }

#news .prev{ float:left; background-image:url(/Images/sliderarrowleft.png); background-position:center center; background-repeat:no-repeat; }
#news .next{ float:right; background-image:url(/Images/sliderarrowright.png); background-position:center center; background-repeat:no-repeat; }
#news ul, #news ul li { padding:0; margin:0; background:none; }
#news ul li { width:11em; display:block; overflow:hidden; padding:0.5em; }
#news .item { display:block; overflow:hidden; float:left; width:100%; background-color:white;
              /*-webkit-border-radius: 0.3em 0.3em 0.3em 0.3em;
                   -moz-border-radius: 0.3em 0.3em 0.3em 0.3em;
                     border-radius: 0.3em 0.3em 0.3em 0.3em;*/ border:solid 0.2em #4a4a49; cursor:pointer; 
}
#news .item a{ height:8em; max-width:100%; margin-left:auto; margin-right:auto; overflow:hidden; display:block; border-bottom:solid 2px #4a4a49; }
#news .item img{ max-height:270px; max-width:100%; margin-left:auto; margin-right:auto; }
#news .item .captions { width:90%; margin-left:auto; margin-right:auto;  }
#Novinky .heightSlider { height:12.5em; }
#news #newsContent { width:90%; float:left; }
#news #slides_control { width:90%; }
#news .item .Photo { width:100%; }
#news .item .captions .title { height:1.5em; font-weight:bold; color:#ff9900; text-transform:uppercase; display:block; width:100%; }
#news .item .captions .lokalita { height:1.4em; font-weight:normal; text-transform:none; display:block; width:100%; font-size:80%; }
#news .item .captions .price { height:1.5em; font-weight:bold; text-transform:none; display:block; width:100%; font-size:100%; }

/*NEWS NEW*/
#news { width:91%; float:left;}
.jcarousel-wrapper {
    
    position: relative;
    width:100%;
}
.jcarousel-wrapper ul,.jcarousel-wrapper ul li{ margin:0; padding:0; background:none; float:left;
    
}

.jcarousel {
    position: relative;
    overflow: hidden;
    width: 100%;
    
}

.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel li {
    width: 200px;
    float: left;
    /*border: 1px solid #fff;*/
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.jcarousel img {
    display: block;
    max-width: 100%;
    height: auto !important;
}



.jcarousel-control-prev{
float:left;
    width:4.5%;
    background-image:url(/Images/sliderarrowleft.png); background-position:center center; background-repeat:no-repeat; 
    padding:0.5em 0;
}
.jcarousel-control-next {
    float:right;
    width:4.5%;
    background-image:url(/Images/sliderarrowright.png); background-position:center center; background-repeat:no-repeat; 
    padding:0.5em 0;
    /*position: absolute;
    top: 50%;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    text-align: center;
    background: #4E443C;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 24px/27px Arial, sans-serif;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-box-shadow: 0 0 4px #F0EFE7;
    -moz-box-shadow: 0 0 4px #F0EFE7;
    box-shadow: 0 0 4px #F0EFE7;*/
}





.jcarousel-pagination {
    position: absolute;
    bottom: -40px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin: 0;
}

.jcarousel-pagination a {
    text-decoration: none;
    display: inline-block;

    font-size: 11px;
    height: 10px;
    width: 10px;
    line-height: 10px;

    background: #fff;
    color: #4E443C;
    border-radius: 10px;
    text-indent: -9999px;

    margin-right: 7px;


    -webkit-box-shadow: 0 0 2px #4E443C;
    -moz-box-shadow: 0 0 2px #4E443C;
    box-shadow: 0 0 2px #4E443C;
}

.jcarousel-pagination a.active {
    background: #4E443C;
    color: #fff;
    opacity: 1;

    -webkit-box-shadow: 0 0 2px #F0EFE7;
    -moz-box-shadow: 0 0 2px #F0EFE7;
    box-shadow: 0 0 2px #F0EFE7;
}




/*filtr homepage*/
#FiltrHomePage { width:200px; }
.filter input[type="text"],.filter select,.filter textarea{ width:100%; border:solid 1px white; }
.filter .NameField { font-size:100%; padding-top:10px; }
.filter .button { float:right; margin-top:15px; }
.filter .filterItem { float:left; width:14%; min-width:120px; }




/*Seznam nemovitosti*/
#zpet { text-align:right; }
#SeznamNemovitosti .estateList { width:100%; }
#SeznamNemovitosti { border-top:1px solid #e9e9e9; font-size:90%; }
#SeznamNemovitosti #filter{ margin-top:0; margin-bottom:10px; }
#SeznamNemovitosti .nabidkaHolder{ background-color:#ededed; margin:5px 0 5px 0;
                                   /*-webkit-border-radius: 5px 0px 0px 5px;
                             -moz-border-radius: 5px 0px 0px 5px;
                              border-radius:5px 0px 0px 5px;*/ 
}
/*#SeznamNemovitosti .Rozliseni{  display:block; width:20px; height:120px; background-color:#da251d;
                                -webkit-border-radius: 5px 0px 0px 5px;
                             -moz-border-radius: 5px 0px 0px 5px;
                              border-radius:5px 0px 0px 5px; background-image:url(/images/sipkaSeznam.png); background-position:left top;
                               background-repeat:no-repeat;
}*/
#SeznamNemovitosti .AlternatingItem .nabidkaHolder{ background-color:white;
}
#SeznamNemovitosti .imgHolder{ height:100px; width:153px; margin:10px; display:block; overflow:hidden; }
#SeznamNemovitosti .imgHolder img{ height:100px; }
#SeznamNemovitosti .Popisky { width:625px; margin-right:20px; }
#SeznamNemovitosti .Popisky .novinkaNadpis{ width:100%; height:18px; line-height:17px; display:block; overflow:hidden;margin:10px 0px 5px 0px; }
#SeznamNemovitosti .Popisky .nabidkaPopis{  width:100%; line-height:16px; height:45px; display:block; overflow:hidden;margin:0px 0px 10px 0px; }
#SeznamNemovitosti .Popisky .novinkaNadpis a{  color:black; }
#SeznamNemovitosti .Popisky .Cena{ font-weight:bold; color:#5e5a58;  font-size:100%;  }
#SeznamNemovitosti .Popisky .Link{ margin-right:10px; }
#SeznamNemovitosti #paginating { text-align:center; margin:25px auto 25px auto; display:table; float:none; }
#SeznamNemovitosti .TopOvlLista { margin:15px 0; }
    #SeznamNemovitosti .TopOvlLista .Razeni { width:auto; display:table; }
    #SeznamNemovitosti .TopOvlLista .raditPodle { width:auto; display:table; float:left; }
    #SeznamNemovitosti .TopOvlLista .raditPodle select{ width:140px;  }
    #SeznamNemovitosti .TopOvlLista .raditSmerem { width:auto; display:table; float:left; width:90px; }
    
#paginating { text-align:center; margin:25px auto 25px auto; display:table; }
#paginating span,#paginating a{ font-size:95%; background-color:#ff9900; /*border:1px solid #ff8000;*/ color:white; display:block; float:left; padding:5px 13px 5px 13px; margin:2px; text-decoration:none; }
#paginating span:hover, #paginating a:hover { text-decoration:none; background-color:#ff9900; }
#paginating .imp,#paginating .imp:hover { background-color:#cccccc; color:gray; /*border:1px solid #ff8000;*/ }


#RozFilter { /*background-color:black;*/ background-color:#2a2a28; color:#cac9c9; border-bottom: 3px solid #ff9900; }
#RozFilter textarea.riTextBox, #RozFilter .riTextBox[type="text"],#RozFilter select{ background-color:#1c1b1b; color:#cac9c9; border: 2px solid #4a4a49; }
#filter { font-size:110%; width:96%; margin:1em 2%; display:inline-block; }
#filter .Zakladni { width:60%; float:left; }
#filter .Ostatni { width:40%; float:right; }
/*#filter .Typ{ width:60%; float:left; }
#filter .Podtyp{ width:60%; float:left; }
#filter .Lokalita{ width:60%; float:left; }
#filter .Ostatni{ width:40%; float:right; }*/

#filter .fItem{ width:100%; }
#filter .fNameItem{  }
#filter .fContentItem{ width:100%; font-size:92%; }

#filter #TypZakazky { float:right; width:50%; font-size:110%; }
#filter #TypZakazky table{ width:100%; }
#filter #TypZakazky table td{ text-align:center; padding-top:0.5em; }
#filter #TypZakazky table td label{ text-align:center; padding-left:0.3em; }
#filter #TypNemovitosti { float:left; width:50%; }

#filter #PodTyp { width:98%; margin-left:2px; margin-right:auto; background-color:#3a3a36; margin-top: 0.5em; margin-bottom:0.5em;}
#filter #PodTyp .fContentItem { width:98%; margin-left:1%; margin-right:1%; }
#filter #PodTyp table{ width:100%; }
#filter #PodTyp table td{ text-align:left; padding-top:0.3em; padding-bottom:0.3em; }
#filter #PodTyp table td label{ text-align:center; padding-left:0.3em; }

#filter #Lokalita { width:99%; margin-left:1%; }
#filter #Lokalita table{ width:100%; }
#filter #Lokalita table td{ text-align:left; padding-top:0.5em; }
#filter #Lokalita table td label{ text-align:center; padding-left:0.3em; }

#filter #Lokalita .LokalitaEx{ width:98%; padding:0.5em 0 0.5em 2%; background-color:#3a3a36; margin-top:0.5em;}
#filter #Lokalita .LokalitaEx table{ width:100%; }
#filter #Lokalita .LokalitaEx table td{ text-align:left; padding-top:0.3em; padding-bottom:0.3em; }
#filter #Lokalita .LokalitaEx table td label{ text-align:center; padding-left:0.3em; }

    #filter #Cena { margin-bottom:0.5em; display:inline-block; }
    #filter #Cena #CenaOd{ float:left; width:48%; }
    #filter #Cena #CenaDo{ float:right; width:48%; }

    #filter #Plocha { margin-bottom:0.5em; display:inline-block; }
    #filter #Plocha #PlochaOd{ float:left; width:48%; }
    #filter #Plocha #PlochaDo{ float:right; width:48%; }

    #filter #EvCisloSearch { margin-bottom:0.5em; display:inline-block; }
    #filter #EvCisloSearch #EvCislo{ float:left; width:48%; }
    #filter #EvCisloSearch #Search{ float:right; width:48%; }
    


/*Detail nabidky*/
#DetailNabidky { /*width:99%; margin-left:auto; margin-right:auto; margin-top:25px; font-size:130%;*/ }
#DetailNabidky .Menu{ min-width:14.5em; display:none; }
#DetailNabidky .NazevNemovitosti h2{ padding-top:0; font-size:130%; }
#DetailNabidky .ObsahNemovitosti { }
#DetailNabidky .Fotografie { padding-bottom:2em; }
#DetailNabidky h3,#DetailNabidky .Price{ font-size:130%; }

#DetailNabidky .RightLayout { width:55%; }
#DetailNabidky .LeftLayout { width:40%; }

#DetailNabidky .PrvniFoto{ width:50%; }
#DetailNabidky .PrvniFoto a{ display:block; width:99%; padding:1%; text-align:left; }
#DetailNabidky .PrvniFoto img{ width:96%; max-height:30em; margin-right:0; margin-left:auto; }
#DetailNabidky .HlavniPolozky { margin-bottom:0; }
#DetailNabidky .Popis { text-align:justify; margin-top:2em; width:40%; float:left; }
#DetailNabidky .Makler { }
#DetailNabidky .DoplnujiciPolozky { float:right; width:55%; margin-top:1em; }
#DetailNabidky .DoplnujiciPolozky h3{ display:none; }
#DetailNabidky .Mapa { display:none; }

#DetailNabidky .DetailItems{ width:100%; }
#DetailNabidky .DetailItems .NameField{ min-width:9em; width:45%; font-weight:bold; /*border-bottom:solid 1px #f0f0f0;*/ }
#DetailNabidky .DetailItems .ContentField{ min-width:9em; width:54%; padding-left:1%; /*border-bottom:solid 1px #f0f0f0;*/ }
#DetailNabidky #makler { width:100%; }
#DetailNabidky #makler .DetailItems .NameField{ min-width:3.5em; width:14%; }
#DetailNabidky #makler #maklerFoto { float:none; width:100%;  }
#DetailNabidky #makler #maklerFoto img { margin-right:10%; max-width:95%; }
#DetailNabidky #makler .DetailItems { width:100%; display:inline-block; }
#DetailNabidky #makler #maklerHl {  }
#DetailNabidky #MapaContent { width:100%; }
#DetailNabidky #MapaContent .mapsIframe{ width:99%; 
                                         border:solid 3px white;
                                  -webkit-box-shadow: 0 0 4px gray;
                                -moz-box-shadow: 0 0 4px gray;
                                box-shadow: 0 0 4px gray;}
#DetailNabidky #Fotografie{ display:inline-block; background-color:white; }
#DetailNabidky .Price { font-weight:bold; font-size:150%; border:none; color:black; }

/*slider detail naidky*/
#DetailNabidky #FotoVelka { margin:1%; display:block; width:98%; max-height:27em; height:auto; overflow:hidden; /*background-color:#f0f0ef;*/ }
#DetailNabidky #FotoVelka a{ display:inline-block; width:100%; height:auto; }
#DetailNabidky #FotoVelka img{ max-width:100%; max-height:27em; }

#FotoGallerie{ margin:1%; width:98%; display:none; }
#photoGallery { width:89%; display:block; float:left; overflow:hidden; max-height:5em; }
.heightSlider { height:4em; }
#FotoGallerie .jcarousel-wrapper {
    
    position: relative;
    width:100%;
}
#FotoGallerie .jcarousel-wrapper ul,.jcarousel-wrapper ul li{ margin:0; padding:0; background:none; float:left;

    
}
#FotoGallerie .jcarousel-wrapper ul li a{ display:block; width:98%; height:auto; margin:0.15em auto; text-align:center;
   
}
#FotoGallerie .jcarousel-wrapper ul li a img{ max-width:100%; height:auto; max-height:5.5em; margin-left:auto; margin-right:auto;
   
}

#FotoGallerie .jcarousel {
    position: relative;
    overflow: hidden;
    width: 100%;
    
}

#FotoGallerie .jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

#FotoGallerie .jcarousel li {
    width: 30.1%;
    /*margin:0.1%;*/
    float: left;
    /*border: 1px solid #fff;*/
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#FotoGallerie .jcarousel img {
    display: block;
    max-width: 100%;
    height: auto !important;
}



#FotoGallerie .jcarousel-control-prev{
float:left;
display:block;
    width:5.5%;
    background-image:url(/Images/sliderarrowleft.png); background-position:center center; background-repeat:no-repeat; 
    padding:0.5em 0;
}
#FotoGallerie .jcarousel-control-next {
    float:right;
    width:5.5%;
    background-image:url(/Images/sliderarrowright.png); background-position:center center; background-repeat:no-repeat; 
    padding:0.5em 0;
    
}





#FotoGallerie .jcarousel-pagination {
    position: absolute;
    bottom: -40px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin: 0;
}

#FotoGallerie .jcarousel-pagination a {
    text-decoration: none;
    display: inline-block;

    font-size: 11px;
    height: 10px;
    width: 10px;
    line-height: 10px;

    background: #fff;
    color: #4E443C;
    border-radius: 10px;
    text-indent: -9999px;

    margin-right: 7px;


    -webkit-box-shadow: 0 0 2px #4E443C;
    -moz-box-shadow: 0 0 2px #4E443C;
    box-shadow: 0 0 2px #4E443C;
}

#FotoGallerie .jcarousel-pagination a.active {
    background: #4E443C;
    color: #fff;
    opacity: 1;

    -webkit-box-shadow: 0 0 2px #F0EFE7;
    -moz-box-shadow: 0 0 2px #F0EFE7;
    box-shadow: 0 0 2px #F0EFE7;
}

/*podobné nabídky*/
#PodobneNabidky #newsWraper { width:100%; height:auto; display:inline-block; }
#PodobneNabidky #newsWraper #paginating{ display:none; }
#PodobneNabidky  { margin-bottom:2em; display:none; }
#PodobneNabidky  .item{ display:inline-block; width:22%; margin:1%; float:left;
                            background-color:white;
                            border:solid 3px white;
                            /*-webkit-border-radius: 5px 5px 5px 5px;
                             -moz-border-radius: 5px 5px 5px 5px;
                              border-radius: 5px 5px 5px 5px;*/ 

                              -webkit-box-shadow: 0 0 4px gray;
                                -moz-box-shadow: 0 0 4px gray;
                                box-shadow: 0 0 4px gray;
                              
                              cursor:pointer;  }
#PodobneNabidky  .item:hover{ 
                            /*-webkit-border-radius: 0px 0px 5px 5px;
                             -moz-border-radius: 0px 0px 5px 5px;
                              border-radius: 0px 0px 5px 5px;*/ cursor:pointer;  }
#PodobneNabidky  .captions{  }
#PodobneNabidky  h2{  }
#PodobneNabidky  .imgWrap { max-width:100%; height:9em; display:block; overflow:hidden; }
#PodobneNabidky  .imgWrap a{ width:100%; height:auto; display:inline-block;  }
#PodobneNabidky  .imgWrap img{ max-height:20em; max-width:100%; }
#PodobneNabidky  .captions { width:98%; margin-left:auto; margin-right:auto; overflow:hidden; height:4em; }
#PodobneNabidky .item .captions .title { height:1.5em; font-weight:bold; color:#ff9900; text-transform:uppercase; display:block; width:100%; }
#PodobneNabidky .item .captions .lokalita { height:1.4em; font-weight:normal; text-transform:none; display:block; width:100%; font-size:80%; }
#PodobneNabidky .item .captions .price { height:1.5em; font-weight:bold; text-transform:none; display:block; width:100%; font-size:100%; }
/*#PodobneNabidky  .captions .title{ width:100%; text-align:left; height:37px; display:block; overflow:hidden; margin-top:10px; margin-bottom:5px; }
#PodobneNabidky  .captions .popis{ width:100%; height:92px; display:block; overflow:hidden; text-align:left; color:#868584; font-weight:normal; font-size:11px; line-height:15px; }
#PodobneNabidky  .captions .price{ height:20px; display:block; overflow:hidden; text-align:center; color:#fb7c23; 
                           font-weight:bold; height:25px; padding-top:15px; font-size:20px; font-weight:bold;}*/
/*#PodobneNabidky  .captions .lupa { width:20px; height:20px; background-image:url(/images/lupa.png); background-position:left top; background-repeat:no-repeat; display:block;
                           margin-top:15px; margin-right:5px;
}*/




/*Formulare*/
.ClientForm { }
.ClientForm h2{ }
.ClientForm .FormItems { }
.ClientForm .FormItems .NameField{ width:20%; padding-top:0.5em; font-weight:bold; }
.ClientForm .FormItems .ContentField{ width:80%; }
.ClientForm .FormItems.Popis .ContentField{ width:100%; }
.ClientForm .FormItems.Popis .ContentField textarea { width:99%; height:6.25em; }
/*.ClientForm .FormItems .ContentField input[type="text"],.ClientForm .FormItems .ContentField textarea { width:100%; }*/

.ClientForm .RadCaptcha label { padding-left:0.5em; }
.ClientForm .RadCaptcha_Default { width:50%; }

#FormDemand.ClientForm .Kontakty{ width:40%; }
#FormDemand.ClientForm .Popis{ width:100%; }
#FormDemand #trCaptcha { width:50%; }
#FormDemand .Send { width:50%; }
#FormDemand .Send .button { margin-top:7.2em; }

#FormEstate .Send { width:50%; }
#FormEstate .Send .button { margin-top:7.2em; }

#FransizaContactForm .Popis .ContentField{ width:99%; }
#FransizaContactForm .Popis .ContentField textarea{ height:8em; }
#FransizaContactForm .button{ margin-top:7em; }

/*Form Estate Info*/
/*#FormEstateInfo.ClientForm .w50 { width:55%; }*/
#FormEstateInfo.ClientForm .tbFormMultiLine { height:7.9em; }
#FormEstateInfo.ClientForm .Popis { margin-top:0; }
#FormEstateInfo.ClientForm .Popis .ContentField{ width:100%;}
#FormEstateInfo.ClientForm .Send .button{ margin-top:7em; width:100%; }

#FormEstatePurchase { width:98%; }
#FormEstatePurchase.ClientForm .FormItems .NameField { width:30%; }
#FormEstatePurchase.ClientForm .FormItems .ContentField { width:70%; }
#FormEstatePurchase .Lokalita{ }
#FormEstatePurchase .Lokalita.FormItems .ContentField { width:100%; }
#FormEstatePurchase .Lokalita.FormItems .ContentField textarea{ height:3.2em; }
#FormEstatePurchase .Send{ width:31%; }
#FormEstatePurchase .Send .button{ margin-top:7em; }


/*Aktuality*/
.RightNovinky h2 { display:none; }
#Aktuality { }
#Aktuality #Aktualita{ width:72%; }

/*Partneri*/
#Partneri { width:72%; }
#Partneri .pNazev{ font-size:120%; font-weight:bold; }
#Partneri .pTelefon{ margin-right:1em; }
#Partneri .Pobocka { background-color: #f1f1f1; margin-bottom:1em; }
#Partneri .Pobocka .PobockaContent{ width:96%; margin:1em 3%; }

/*Partner*/
#Partner { width:72%; }
#Partner .pAdresa{ width:100%; }
#Partner .pKontakty{ width:100%; margin-top:1em; }
#Partner .Mapa{ width:45%; height:14em; display:block; margin-left:1%; }
#Partner #map_canvas_rk{ width:100%; height:100%; display:block; }
#Partner .ObecneKontakty { width:54%; margin-bottom:1em; }



/*#DetailNabidky .popis { text-align:justify; }
#DetailNabidky td { padding:2px;
    }

#DetailNabidky #Zahlavi {  }
#DetailNabidky #makler { width:100%; display:table;

    }
#DetailNabidky #Mapa { width:100%; display:block;

    }
#DetailNabidky #maklerFoto { float:left;
    }
#DetailNabidky #maklerFoto img{ margin-right:10px;
    }
.rwTitleRow ul, .rwTitleRow li { background:none;
    }
#DetailNabidky #Zahlavi h2{  }
#DetailNabidky #LevaStrana { width:545px; }
#DetailNabidky #PravaStrana { width:375px; padding:10px 20px 20px 20px; background-color:white; font-size:90%; line-height:21px; margin-bottom:25px; }
#DetailNabidky .NameField { width:140px; font-weight:bold; }
#DetailNabidky .NameFieldAgent { width:70px; font-weight:bold; }
#DetailNabidky .Price { font-size:110%; font-weight:bold; }
#DetailNabidky #Popis { margin-top:15px; text-align:justify; width:540px; }
#DetailNabidky #HlavniFoto { max-width:540px; max-height:358px; display:block; overflow:hidden; }
#DetailNabidky .mapsIframe { margin-top:18px; border:1px solid gray; display:block; width:100%; height:350px; overflow:hidden; }
    #mainTitle{ text-align:left; width:900px; }
    
    #estatePhotos{ display:table; margin-bottom:25px;}
    #galleryWrap a{ float:left; display:block; width:112px; margin:4px; height:84px; overflow:hidden;border:3px solid white; text-align:center; background-color:white;}
    #galleryWrap img{ height:80px; }
    #hlPhoto img{ margin-left:4px; }
    #mapa{ display:table; margin-left:4px;}
    #mapa .mapsIframe{ border:1px solid gray;}
    
    #makler #maklerPolozky ul{ list-style-type:none;}*/
    
    


.clientForm_EstateInfo th{ padding-top:5px; text-align:right; padding-right:5px; width:70px; }

#ViceInformaci input[type="text"], select, textarea { margin:2px; }
/*#Content .riSingle .riTextBox[type="text"] { border: 1px solid white;
    border-radius: 2px;}*/
/*#Content .riSingle .riTextBox[type="text"],#Content .button { height:34px; margin:2px; }*/

/*NEWS*/
#textNews { /*padding-top:25px;*/  }
#textNewsContent {font-size:110%; text-align:justify; }
#textNews .textNewDate { font-weight:bold; }
#textNews .textNewMore { margin-left:1em; float:right; }
#DefaultPage #textNews h3{ padding-top:0; }
#textNews .textNew { margin-bottom:2em; }


/*FOoTER*/
#Footer { background-color:black; display:none; width:100%;  color:#cac9c9;  }
#FooterPata { display:none; }
#Footer #FooterContent { min-height:320px;  }
#FooterLinks { border-bottom:solid 0.3em #1c1b1b; }
#FooterLinks ul,#FooterLinks li { margin:0; padding:0; list-style:none; background-image:none;
    }
#FooterLinks .ButtonMenu { float:left; list-style:none; color:#b3b3ad; 
    }
    #FooterLinks .ButtonMenu a { color:white; font-weight:bold; font-size:140%; text-transform:uppercase; display:block; padding:0.6em 0.85em 0.6em 1.2em; text-decoration:none;
    }
    #FooterLinks .ButtonMenu a:hover { color:#cac9c9;
    }
    #FooterLinks .ButtonMenu.ButtonMenuFirst a { 
    }
    #FooterLinks .ButtonMenu.ButtonMenuLast a { padding-right:0;
    }
    #FooterLinks .ButtonMenu a.MenuActive { 
    }
    #FooterLinks .ButtonMenu a.MenuActive span{ 
    }

#Footer #FooterContentAndForm { margin-top:2em; }

#Footer #FooterPata { margin-top:2em; margin-bottom:1em;

}
#FooterForm textarea.riTextBox,#FooterForm .riTextBox[type="text"] { color:#cac9c9; border:2px solid #4a4a49; background-color:#1c1b1b;  }
 

#FooterForm .ContentField{ width:100%; }
#FooterForm .button{ float:right; margin-right:0.5em;  }
#FooterForm #UINameContent { height:4.2em; }
#FooterForm #UIKontaktContent { height:4.2em; }
#FooterForm #UIPopisContent textarea.riTextBox { height:6.7em; }




#EstateList {

}

#EstateList #UnderHeader{
    background-image:url(/Images/pulenamodra.png); background-position:center center; background-repeat:repeat-x; padding:5px 0;
}

#nabidkyCenter { width:72%;
}
#nabidkyCenter .item{ width:100%; margin-bottom:30px; height:7.7em; background-color:#f1f1f1;
                      /*box-shadow: #666666 0 1px 2px;
                -webkit-box-shadow: #666666 0 1px 2px;
                -moz-box-shadow:#666666 0 1px 2px;*/
                 font-size:120%; cursor:pointer; display:block; overflow:hidden;
                            /*-webkit-border-radius: 2px 2px 2px 2px; 
                             -moz-border-radius: 2px 2px 2px 2px; 
                              border-radius: 2px 2px 2px 2px;*/

}

#nabidkyCenter .item .imgWrap { width:29%; display:block; overflow:hidden; float:left; text-align:center; height:160px;
    }

#nabidkyCenter .item .imgWrap img{                       
                                /*-webkit-border-radius: 2px 2px 0 0; 
                             -moz-border-radius: 2px 2px 0 0; 
                              border-radius: 2px 2px 0 0;*/
                              /*position:relative; margin:auto 0 0 auto;*/ max-width:100%; min-height:150px; display:block; margin:0 auto 0 auto;

}
#nabidkyCenter .item .captions { width:69%; float:right; padding:2px 1%; background-color:#f1f1f1; height:5em;
    }
#nabidkyCenter .item .captions .title{ font-size:105%; width:100%; overflow:hidden; height:1.4em; display:block; color:#ff9900; font-weight:bold; 
    }
#nabidkyCenter .item .captions .description{ font-size:90%; width:100%; height:5.1em; line-height:1.25; display:block; font-weight:normal; overflow:hidden;
    }
#nabidkyCenter .item .captions .Price{ font-weight:bold;
    }
#nabidkyCenter .raditPodle { margin-top:15px; margin-right:10px;
    }
#nabidkyCenter .raditPodle span{ padding-right:5px;
    }
#nabidkyCenter .raditSmerem { margin-top:15px;
    }









/*#nabidkyCenter input[type="text"], #nabidkyCenter select, #nabidkyCenter .riTextBox[type="text"] {
        background-color:#0068ac; color:white; border:none; box-shadow:none;
        }*/
#EstateList .filter { 
}
    #EstateList .filter .button { margin:2px; float:left;
    }
#EstateList .filter .TypNemovitosti{ /*width:130px;*/
}
#EstateList .filter .TypZakazky{ /*width:110px;*/
}
#EstateList .filter .Kraj{ /*width:130px;*/
}
#EstateList .filter .Okres{ /*width:110px;*/
}
    #EstateList .filter select { /*margin-right:20px;*/ width:85%;    }
    #EstateList .filter .riTextBox[type="text"] { width:100%; }
    #EstateList .filter .filterItem .RadInput { width:85%; }
    #EstateList .filter .RadInput_Default { /*margin-right:20px;*/ width:85%;
    }

#LeftMenu {
    position: fixed;
    top: 129px;
    width:19em;
    
}

#LeftMenuContent {
    
    background-color: #0068ac;
    background-image: url(/Images/bgleftprechod.png);
    background-position: -7.7em top;
    background-repeat: repeat-y;
    padding: 1.4em 0 1.4em 0;
    font-size:120%;
    /*-webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;*/
    
}
#LeftMenuContent ul,#LeftMenuContent li{ list-style:none; margin:0; padding:0; background-image:none;}

#LeftMenuContent .ButtonMenu{ 
}
#LeftMenuContent .ButtonMenu a{ font-weight:normal; color:white; display:block; height:2.3em; font-size:88%; text-transform:uppercase; line-height:100%; text-decoration:none;
                                border-bottom:1px solid #1677B6;
}
#LeftMenuContent .ButtonMenu a.MenuActive{ background-image:url(/Images/sipka.png); background-position: 0.8em 0.8em; background-repeat:no-repeat;
}
#LeftMenuContent .ButtonMenu a span{ padding: 0.65em 0 0 3em; display:block;
}
#LeftMenuContent .ButtonMenu a:hover{ background-color:#91bad4;
}
#LeftMenuContent .ButtonMenu.ButtonMenuLast a{ border:none;
}

.TextPageContent { padding-left:16em; padding-bottom:2em; font-size:130%;
}
.TextPageContentFull { padding-bottom:25px; font-size:130%;
}

.clientForm_Demand {  }
.clientForm th { padding-right:4px; text-align:right; font-size:100%; line-height:100%; vertical-align:middle; }
#BeziciText { color:white; font-size:120%; margin-top:0.3em; position:relative; z-index:5; width:42em; height:1.8em; margin-left: 8.5em; display:block; overflow:hidden; }
    #BeziciText #BeziciTextContent { }

#team {  }
#team .item{ width:49%; float:left; margin:0.5%; }
#team .item .imgHolder{ width:75px; display:block; height:100px; overflow:hidden; float:left; margin-right:10px; }
#team .item .imgHolder img{ margin-left:-2px; margin-top:-2px; max-height:100px; max-width:75px;  }
#team .item a{ font-size:80%; }



.TwoLayersRight { }
.TwoLayersRight .Mapa{ width:99%; float:right; margin-top:5em; height:20em; }

.PriceBeforeDiscount { text-decoration:line-through; }

/*Bannery*/
#BannerTop { }
.HorizontalBanner { display:none; float:right; width:745px; height:100px; }
#BannerRight { }
.VerticalBanner { display:none; position:absolute; right:0; top:19em; /*margin-left:30em;*/ float:right; width:120px; height:600px; }
#BannerBottom { }