/*paja fix*/
.sale-item a .description .location {
    overflow: hidden;
    height: 18px;
}

#list .sale-item h2 {margin-top:0px;margin-left:0px}

.checkboxes.checkboxes-my label {font-size:14px}


input::placeholder {
    color: #AAA !important;
    font-weight: 300;
}

.tag.tag-commercial {
background-color: #009ee0;
border: #009ee0;
}
.tag {
    padding: 1px 8px 1px 5px;
    border-width: 1px;
    border-style: solid;
    border-left: none;
    border-radius: 0 5px 5px 0;
    font-size: 13px;
    text-shadow: none;
    letter-spacing: .3px;
    font-weight: 300;
    background-color: #de4839;
    border: #de4839;
    color:white;
    line-height:16px
}
.kontakt .tag {
    border-radius: 5px 0px 0px 5px;
    float:right
}

#detail-sky-left {
    position: absolute;
    top: 10px;
    left: -176px;
    width: 160px;
    height: 600px;
}
@media (max-width: 1499px) {
    #detail-sky-left {display:none;
    }
}


/* LESS neumi calc s procenty */

#collapse-menu {
    width: calc(100% - 144px);
}

.buttons-switch .btn.col-5 { width: calc(20% - 2px); }
.buttons-switch .btn.col-5:nth-child(1) { width: calc(16% - 2px); }
.buttons-switch .btn.col-5:nth-child(2) { width: calc(16% - 2px); }
.buttons-switch .btn.col-5:nth-child(3) { width: calc(22% - 2px); }
.buttons-switch .btn.col-5:nth-child(4) { width: calc(25% - 2px); }
.buttons-switch .btn.col-5:nth-child(5) { width: calc(21% - 2px); }

@media (max-width: 768px) {
    .buttons-switch .btn.col-5:nth-child(1) {
        width: calc(16% + 1px)!important;
    }
    .buttons-switch .btn.col-5:nth-child(2) {
        width: calc(16% + 1px)!important;
    }
    .buttons-switch .btn.col-5:nth-child(3) {
        width: calc(22% + 1px)!important;
    }
    .buttons-switch .btn.col-5:nth-child(4) {
        width: calc(25% + 1px)!important;
    }
    .buttons-switch .btn.col-5:nth-child(5) {
        width: calc(21% + 1px)!important;
    }
}

    /*
@media (max-width: 768px) and (min-width: 480px) {
    #container-top #search-bar #search {
        width: calc(33% - 2px) !important;
        height: 50px;
    }
    #container-top #search-bar .bootstrap-select {
        width: calc(33% - 2px) !important;
        height: 50px;
    }
    #container-top #search-bar .bootstrap-select .btn {
        height: 50px;

    }
    #container-top #search-bar .pseudoselect-container {
        width: calc(33% - 2px) !important;
        height: 50px;
    }
    #container-top #search-bar #price-container input {
        height: 50px;
    }
                
    #container-top #search-bar #advanced-box2 {
        width: calc(33% - 2px) !important;
        height: 50px;
    }
    #container-top #search-bar #advanced-data .form-group {
        width: calc(33% - 5px) !important;
        height: 50px;
    }
}*/


/*mismash*/
#PANELPAGE {margin-right:20px\9;}
b, strong {
    font-weight: 500;
}
.shadow, .shadow a {
   color: rgba(255, 255, 255, 1);
   text-shadow: rgba(0,0,0,0.7) 1px 1px 5px;
}
.sedy { background-color:#F7F7F7}
/*.delimiter {background-image: url('../img/oddelovaci-linka-na-hp.png');background-position: center;min-height:16px; background-repeat:repeat-x; margin-bottom:8px; display:none; }*/
.delimiter {height:10px;  }

#login-box #checks {
        padding-top:70px
}

@media (max-width: 767px) {
    #login-box #checks {
        padding-top: 30px;
    }
}
@media (min-width: 1200px) {
    #login-box #checks {
        text-align:right; padding-top:0px
    }
}


#container-kalkulacka {min-height:800px}
@media (min-width: 992px) {
    #container-kalkulacka {min-height:1120px}
}
/*navrat na vrsek stranky*/
#totoplink {position:fixed;bottom:20px; right:20px;display:none}
body.scroll #totoplink {display:block}


/*HYPOKALKULACKA ROZBIJI NASE STYLY - IMPORTANT*/ 
.navbar-default {background-color: #fff!important;}
.btn-orange {background: #ff9a48!important;}
.btn-blue {background: #4eb6bf!important;}
.navbar-brand {padding:0px 15px!important}


#moje-menu li a {display:block}

/*drobenka*/
#breadcrumb-container.inbox {
    margin-top: 17px;
    background: #F3F3F3;
}
@media (max-width: 991px) {
    #breadcrumb-container {height: auto }
    #breadcrumb-container #breadcrumb, #breadcrumb-container #results-info {font-size:9px!important;height: auto; overflow:hidden; height:20px;padding-top:3px; }
    #breadcrumb-container.inbox {margin-top: 7px; }
}
@media (max-width: 768px) {
    #breadcrumb-container, #breadcrumb  {display:none;}
}

#breadcrumb-container a {color:black; text-decoration:underline }
#breadcrumb-container a:hover {text-decoration:none }


/*REKLAMA*/
.adsbygooglelist {margin:10px 0px;max-width:750px; text-align:left;margin-left:0px;}
.adsbygooglelist iframe {text-align:left; float:right; margin-left:0px}
/*.adsbygoogle-detail1 {width:100%; height: 200px; }*/
@media (max-width: 768px) {
    .adsbygoogle-detail1 {height: 90px; }
}

@media (max-width: 1200px) {
    .container-button .btn {
        width: 100%;
        margin-bottom: 10px;
    }
}


#fprev {display:none; max-width:40px; max-height:40px; }
.dropdown-header .text { font-weight:bold; font-size:14px;color:#000;}
.btn {text-transform:uppercase;  font-weight: 400 !important; }
.btn-fav span {background-color:#FF8146; color:white; font-weight:bold; border-radius:50%;padding:2px 5px;margin-left:4px}
.bootstrap-select .btn {text-transform: none; color:#434343;}
.form-control {padding: 4px 6px;color:#000; border:1px solid #AAAAAA}
.keycounter {color:silver; font-size:11px; float:right}
.bold { font-weight:bold}
.btn-lg {
    font-size: 17px!important;
    padding: 10px 15px!important;
    font-weight: normal;
    border-radius: 3px;
}
.btn-xs {padding: 3px 5px!important;}
.btn .caret {right:4px!important}
.btn.btn-orange:hover, .btn.btn-orange:focus,.btn.btn-blue:hover, .btn.btn-blue:focus {color: #fff;}
.vlr {border-right:1px solid #D5D3D3}
.badge {background-color:#4EB6BE}
.badge a {color:#fff;text-decoration:underline}
.badge a:hover {text-decoration:none}
.menu span.fbspan {display:block; float:right}

.alert-warning {
    color: #8a6d3b;
    background-color: #F9F1C6;
    border-color: #E7B725;
}


/*.ajax_process {position:absolute; background-image:url(); height:100px;width:100px; top:0px; left:0px; background-color:red}*/
.ajax_process{
    position: absolute;
    left: 0;
    right: 0;
    top: 0px;
    bottom: 0px;
    background-color: rgba(255,255,255,0.5); 
    z-index:9999;
}
.ajax_process div {background-image:url('../img/ajax-loader.png'); 
                   width: 100px;
                   height: 100px; 
                   position:absolute; 
                   top: 50%;
                   left:50%; 
                   margin-top: -50px; 
                   margin-left: -50px; 
                   background-position:center center; 
                   background-repeat:no-repeat
}


/*.checkboxes input[type=radio] + label {
  background: url('../img/vyber-submenu-hlavicka.png') 0 -36px no-repeat;
}
.checkboxes input[type=radio]:checked + label {
  background-position: 0 0;
}*/


/*.checkboxes input[type=radio] + label {
  background-position: 0 -90px!important;
}
.checkboxes input[type=radio]:checked + label {
  background-position: 0 -72px!important;
}*/

.inline {display:inline-block}
.nopad {margin-top:0px}
.table>thead>tr>th, .table>tbody>tr>th {border-top: 0px solid #ddd; background-color:#fff!important}
.pravidla {padding-left:20px;}
.pravidla li { margin-bottom:15px;
    }

a.lzpet {background-position:left center; background-repeat:no-repeat; padding-left:20px; margin-left:30px; background-image: url('../img/zpet-na-inz.png'); /*color:#1057b4;*/margin-right: 5px;}
a.lnext {background-position:right center;background-repeat:no-repeat; padding-left:0px; padding-right:20px;background-image: url('../img/dalsi-inz.png');/*color:#1057b4;*/margin-left: 5px; display: inline-block;}

/*.show-more-link {
    font-size: 16px;
    color: #333;
    line-height: 18px;
    display: inline-block;
    margin-bottom: 25px;
    margin-top: 10px;
}
.show-more-link::after {
    content: '\f105';
    font-family: 'FontAwesome';
    padding-left: 10px;
    font-size: 26px;
    color: #56BFC5;
    position: relative;
    top: 3px;
    text-decoration: none !important;
}*/


ul.sliderxs {display: table;}
ul.sliderxs li  { display:table-cell; vertical-align:middle; height:100%}

#maklers > div > div {border:  1px solid #E0E0E0; padding:3px; min-height:120px; margin-bottom:15px}
#maklers > div > div img { max-width:50px; max-height:50px}
#partnerstvi {text-align:center; padding:5px 10px; background-color: #F2DEDE; border:1px solid #EBCCD1}

.to-street-map a {display:block; background-color: white; border:silver;}
.to-street-map a.street {background-image:url('../img/ikonka-street-view.png')}
.to-street-map  a.map {background-image:url('../img/ikonka-zobrazit-mapu.png')}


/*REKLAMY*/
/*.adsbygoogleodpovedet { width: 250px; height: 250px; }*/
/*@media screen and (min-width: 350px) {.adsbygoogleodpovedet{height: 90px; width:100%} }
@media screen and (min-width: 768px) {.adsbygoogleodpovedet{ width: 100%; height: 90px; } }
@media screen and (min-width: 992px) { .adsbygoogleodpovedet { width: 100%; height: 90px; } }
@media screen and (min-width: 1200px) { .adsbygoogleodpovedet { width: 100%; height: 190px; } }*/

/*._HP_MORE {margin-bottom:10px;}*/

/*menu na strance*/
#links {margin:0px 0px 10px;}
#links:not(.no-icon) a {
    display: inline-block!important;
    font-size:12px;
    height: 30px;
    background-position:  5px center;
    background-repeat:no-repeat;
    margin:0px 10px 3px 0px; 
    padding:6px 5px 8px 30px;
    text-decoration:none;
    color: #1057b4!important;
}

/*#results_list li.odpovedi > div a {
     color: #1057b4!important;
}
#results_list li.nohov:hover {
  background: none!important;
}
#links a:hover, #results_list li.odpovedi > div a:hover {
    text-decoration:underline!important;
}*/

#links label {font-size:12px;    }
#links a:hover {text-decoration:underline;}
#links .adTisk { background-image: url('../img/tlacitko-tisknout.png')}
#links .adTop { background-image: url('../img/tlacitko-top.png')}
#links .adPodvod { background-image: url('../img/tlacitko-nahlasit.png')}
#links .adDoporucit { background-image: url('../img/tlacitko-poslat-emailem.png')}
#links .adFav { background-image: url('../img/tlacitko-oblibene.png')}
#links .adAktivace { background-image: url('../img/aktivace-inz.png'); }
#links .but-stat, #links .adStat { background-image: url('../img/statistiky.png')}
#links .adLetak { background-image: url('../img/tisk-letaku.png')}
#links .adEdit { background-image: url('../img/editace-inz.png')}
#links .adDetail { background-image: url('../img/editace-inz.png')}
#links .adZobrazovani { background-image: url('../img/zviditelnit2.png')}
#links .adZobrazovani.adStop { background-image: url('../img/zviditelnit.png'); }
#links .adDelete { background-image: url('../img/samazt-inz.png')}
/*#links .adAnswer, .menu .adAnswerNew { background-image: url('../img/odpovedi-na-inz.png'); position: relative;}*/
#links .adAnswer i {visibility:hidden}
#links .adAnswer.adAnswerNew i {border-radius: 4px; background-color:#E74C3E; color:white; position: absolute; padding:2px; top:5px; right:30px; font-size:9px; visibility:visible }
#links .adAnswer.adAnswerOld i {border-radius: 4px; background-color:white; color:white; position: absolute; padding:2px; top:5px; right:30px; font-size:9px;visibility:visible }
#links .adFotoVloz { background-image: url('../img/zviditelnit2.png')}
#links .adFoto { background-image: url('../img/zviditelnit.png')}
#links .adMakler { background-image: url('../img/ico/profil-uzivatele.png')}
#links .adMakler2 { background-image: url('../img/ico/pridat-k-pratelum.png')}
#links .adTopnout { background-image: url('../img/zviditelnit2.png') }
#links .adKredit { background-image: url('../img/zviditelnit2.png') }
.adInfo, .info {background-image: url('../img/ico/pravidla.png'); background-position:left top; background-repeat:no-repeat; padding-left:24px; }
#links > span {margin-left:10px;}

.links {margin:5px 0px}
.links a { margin-right:10px;}

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {margin-left:-15px;}
.navbar-default {
background-color: transparent;
border-color: transparent;
}


.navbar .container {
    position: relative;
}

.navbar-brand {
    padding: 0px 15px;
    height: 30px;
    border: 0px;
}
.navbar {
    border:0px!important;  /*kvuli kalkulacce - prepisuje to: border:1px*/
    z-index:500;
    margin-bottom: 40px!important;
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.3)
    
}

#navtop {
    margin-top: 0;
    height: 95px;
}
#navbut {
    padding-top: 10px;
    
}
#navbut2 {
    position: absolute;
    bottom: 0;
    left: 171px;
}

.navbar-header {
    position: absolute;
}

.navbar-nav.navbar-right:last-child {margin-right: 0px;}


/*VYHLEDAVACI LISTA*/
#container-top #buttons-container {width: auto;float:right;margin-top: 20px;margin-right:20px;}
#container-top #buttons-container .btn {margin:0px 0px 5px 5px;}
#container-top #buttons-container .btn {width:90px;}
#container-top #buttons-container .btn-orange {border: 1px solid #FF8146!important;background: #ff9a48!important;}
#container-top #buttons-container .btn-blue {border: 1px solid #3DCCD2!important;background: #4eb6bf!important;}
#container-top #buttons-container .btn-orange, #container-top #buttons-container .btn-blue, #container-top #buttons-container .btn-default {width:130px;}


@media screen and (max-width: 1030px) {
    #container-top #buttons-container .btn-orange, #container-top #buttons-container .btn-blue, #container-top #buttons-container .btn-default {
    font-size:90%
    }
}
#main #container-top #logo {
display: block;
background: url('../img/logo-byty-jeden-radek.gif');
width: 182px;
height: 60px;
float: left;
}
@media (max-width: 500px) {
    #main #container-top #logo {background: url('../img/logo-byty-jeden-radek.gif') no-repeat left; background-color:#4EB6BE;  width: 100%;  float: none;}
}

#page-partner #logo {
    height: 200px;
    border: 1px solid #ddd;
    white-space:nowrap;
    text-align:center
}

#page-partner #logo:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

#page-partner #logo img {
    display:inline-block;
}

#firstletter { margin-top:20px;
}
#firstletter a {
    color:white; font-weight:bold;margin:0px 4px;
    padding:0px 2px
}
#firstletter a.sel {
    background-color:white;
    color:black;
    padding:0px 2px
}

#main #container-top #buttons-container {margin-top: 8px;margin-right:5px;}
#main #container-top #buttons-container .btn {width:auto;}
#main #container-top #buttons-container .btn-orange, #main #container-top #buttons-container .btn-blue {width:auto;}

@media screen and (max-width: 900px) {#main #container-top #buttons-container .btn, #navbut li a {padding:3px 4px; font-size:11px}}
@media screen and (max-width: 680px) {
    #main #container-top #buttons-container {margin-top:20px; }
    #main #container-top #buttons-container .btn {padding:3px 2px; font-size:10px}
}



.hppage #_TB_LOKALITA { background-color:#FFF; background-image:none;}
.box-partner {
    color: #8a6d3b;
    background-color: #F9F1C6;
    border:1px solid #E7B725;
    padding:3px;
    margin-bottom:1px;
    text-align:center
}

/*PAGE + SKY - centrovani CONTAINER+SKY */
.wide > .container.container-full { padding-left:0px; padding-right:0px; width:100%; }
.sky, .sky-in {width:0px; display:none; }
@media screen and  (min-width: 14000px) {
    .nosky .container.container-full { padding-left:0px; padding-right:0px; width:1330px; width:1300px}
    .nosky .sky {display:none;}
    #container {min-height:620px}

    .sky, .sky-in {width:0px; display:block;}
    .hppage > .container {width:1330px}

    #container { position: relative}
    .container-sky {
        width:1330px;
        margin-left:auto;
        margin-right:auto;
       
    }

    .container-sky > .container-full {
        margin-left:0px;
        margin-right:0px;
         position:relative;
    }
    .container-sky > .container-full > .sky, .container-sky > .container-full > .sky-in {
        width:160px; 
        position: absolute; 
        top:10px; 
        right:-170px; 
    }
    /*#wide stranka roztazena naplno*/
    .wide > .container-full.container {
        width: 100%;
    }
    .wide .sky {
        display:none;
    }
}

/*necentruuj, aby se vesel sky co nejdele*/
@media screen and (min-width: 1400px)  and  (max-width: 1680px){
    .container-sky {
        margin-left: 0;
    }
}
@media screen and (max-width: 1400px) {
   .sky, .sky-in {width:0px; display:none;}
}


/*naseptavac*/
/*.suggest-box {position: absolute;z-index:1000; min-width:200px}
.suggest-box li {cursor:pointer; text-align:left}
.suggest-box li i {color:gray; padding-left:10px;}
.suggest-box li:hover { background-color:silver}*/


/*location naseptavac na hp*/
.ui-autocomplete {position: absolute;z-index:1000; min-width:200px; margin-top:6px; border-radius:4px; }
.ui-autocomplete li, .ui-menu .ui-menu-item {cursor:pointer; text-align:left; 
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
    font-size:12px;
    list-style-image: none
}
.ui-autocomplete li i {color:gray; padding-left:10px;}
.ui-autocomplete li:hover { background-color:silver;}


/*PREHLED KAtEGORII*/
#container-kategorie span {color: silver; font-size:75%}


/*HP PAGE*/
#stredsmall h1 {margin-top:8px;}
#searchhp {height:310px; padding-top:10px;background-position: center center; background-repeat:no-repeat;  text-align:center}
#searchhp h1 {font-size:25px;margin:30px 0px 10px}
#searchhp h2 {font-size:20px;margin:0px 0px 30px}

/*#searchhp {height:258px; padding-top:90px;}*/
@media (min-width: 769px) {
    #searchhp.im1 {
        /*background-image: url('../img/obrazek-na-hp1.jpg');*/
        background-image: url('../img/obrazek-na-hp3.jpg');
        background-position: center;
    }

    #searchhp.im2 {
        background-image: url('../img/obrazek-na-hp2.jpg');
        background-position: center;
    }

    #searchhp.im3 {
        background-image: url('../img/obrazek-na-hp3.jpg');
        background-position: center;
    }

    #searchhp.im4 {
        background-image: url('../img/obrazek-na-hp3.jpg');
        /*background-image: url('../img/obrazek-na-hp4.jpg');*/
        background-position: center;
    }

    #searchhp {margin-top:-40px}
}
#searchhp #_TB_LOKALITA.form-control {padding: 10px 12px; height:auto; margin-right:0px; width: 348px;}
#searchhp .butons .btn {width:120px; padding:11px 12px;}
#searchhp .radios  {display:block;color:white; font-weight:bold}
#searchhp .radios label {color:white; font-weight:bold; margin-right:20px; display:inline-block;width:100px;}
#searchhp .radios.checkboxes input[type=radio]:checked + label {text-transform:uppercase;}
#searchhp #category {padding: 10px 12px;height: auto;width: 100%;}

#searchhp .bootstrap-select .btn {padding: 10px 12px;font-size:14px}
#searchhp .form-control{ height:auto}
#searchhp .form-group {margin-bottom:8px;}
#search-top .form-control {font-size:12px;}
#_HID_CO, #_HID_CD {width:100px;}

.form-group-category {width:140px}

/*box vlozeni ad na HP*/
#HPNEW { height:160px; text-align:center; color:#2C2C2C; margin:5px 0px 10px; padding:20px 0px}
#HPNEW strong {display:block; margin-bottom:10px; font-size:20px; font-weight:normal}
#HPNEW strong span {color:#FC773F}


.nav>li.topmenu>a {padding: 10px 6px; color:#000}

.filter-main-cat > div { display:inline-block;float:left; margin-right:20px;padding:5px;border-top: 2px solid transparent;position: relative; height:45px; font-weight:bold}
.filter-main-cat > div.active, .filter-main-cat > div:hover {border-top: solid 2px #FC773F;}
.filter-main-cat > div:focus , .filter-main-cat > div a:focus { text-decoration: none; outline: none; }


.filter-main-cat > div.active:after {   
   position: absolute;
   content: '';
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 0 13px 13px 13px;
   border-color: transparent transparent white transparent;  
   bottom: -3px;
   left: 50%;
   margin-left: -13px;
}

.filter-main-cat > div a:hover {text-decoration:none}

.dropdown-menu {
    margin-top: 0;
}

/*rozpady HP*/
@media (min-width: 1200px) {
    #searchhp #but {margin-top: 20px;}
    #searchhp #but .btn{padding:15px 22px;font-size:14px;width:auto
    }
}
/*@media (max-width: 1199px) {
    #searchhp {height:200px; padding-top:70px;}
}
@media (max-width: 991px) {
    #searchhp {height:150px; padding-top:40px;}
    #navbut { margin-top:10px; }
}
@media (max-width: 767px) {
    #searchhp {height:150px; padding-top:30px;}
    #searchhp #_TB_LOKALITA.form-control {width: 150px}
}
@media (max-width: 540px) {
    #searchhp {height:150px; padding:30px 0px;}
    #searchhp #but {display: inline-block;margin-bottom: 8px; vertical-align: middle;}
    #searchhp #but .btn {padding: 11px 12px; font-size:12px;}
    #searchhp #_TB_LOKALITA.form-control {width: auto}
    .nav > li > a {padding:3px 4px;}
}*/

@media (max-width: 700px) {
    #HPNEW {height: auto}
}
@media (max-width: 390px) {
    .form-group-category {width:100%}
    #searchhp .form-inline .form-group.butons {float:none;}
    .filter-main-cat > div { margin-right: 3px;}
    #searchhp h2 {display:none}
}




#searchhp #lista  { text-align:left; display: inline-block;}

@media (max-width: 767px) {
.navbar-nav .open .dropdown-menu {
    position: absolute;
    top: 100%;
    right: 0;
    left:auto;
    z-index: 1000;
    
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
}


#hp > div.left {margin-right:180px;}
#hp > div.right {width:160px;float:right;padding-top:42px; }
@media (max-width: 1199px) {
    #hp > div.right {
        padding-top: 0px;
    }
}
@media (max-width: 991px) {
    #hp > div.left {margin-right:0px;}
    #hp > div.right {width:0px;display:none}
}


#hptops, #katlist, #tops { margin:0px -14px 20px -14px;}
#hptops .pull-right {margin-right:15px;}
#hptops .pull-left {margin-left:15px;}
#hptops #top_list li a .image-bar {
    background: -webkit-linear-gradient(top, rgba(0,0,0,1),rgba(255,255,255,0)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(top, rgba(0,0,0,1),rgba(255,255,255,0)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(top, #rgba(0,0,0,1),rgba(255,255,255,0) ); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to top, rgba(0,0,0,1),rgba(255,255,255,0)); /* Standard syntax (must be last) */ 
}

#katlist h3 {margin-bottom:5px; font-weight:normal; font-size:18px}
#katlist a {color:gray;font-size:0.9em}
#katlist h3 a {color:#D25857;}
@media (min-width: 768px) {
    #katlist > div {
        min-height: 130px;
    }
}

#novinky a, #lkraje a {color:gray;font-size:0.9em}


/* TOP ADS: fotky vedle sebe s pasem s informaci */
#top_list {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
#top_list li {
    margin-bottom:10px;
}
#top_list li a {
    display: block;
    height: 100%;
}
#top_list li a:hover {text-decoration: none;}
#top_list li a.ico_private .title {color: #de4839;}
#top_list li a.ico_private .image-bar {background-color: #de4839;padding: 0px 8px;text-align: center;}
#top_list li a.ico_real .title {color: #009ee0;}

#top_list li a.ico_real .image-bar {background-color: #009ee0;padding: 0px 8px;text-align: center;}
#top_list li a .image-bar {
position: absolute;
bottom: 0px;
font-size:12px;
left: 0px;
height: 30px;
width: 100%;
display: block;
color: white;
overflow: hidden;
padding: 6px 8px;
text-align: left;
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
filter: alpha(opacity=80);
}
#top_list li a .image {position:relative}
#top_list li a .image img {border:1px solid silver;}
#top_list li a .image-bar div {
                        display: inline-block;
                        width: 20px;
                        height: 20px;
                        margin: 5px;
                        bottom:0px;
                        cursor: pointer;
                        text-align:center; 
                        
                    }
#top_list li a .image-bar div.top {background: url('../img/ikonka-topnout-inzerat.png');background-position: 0 -20px;}
#top_list li a .image-bar div.fav {background: url('../img/ikonka-pridat-do-oblibenych.png');}
#top_list li a .image-bar div.top:hover,#top_list li a .image-bar div.fav:hover {background-position: 0 0px;}
#top_list li a .image-bar div.fav:hover {background-position: 0 -20px;}

#top_list li a .data {}
#top_list li a .data .title {font-size: 14px;height: 21px;overflow: hidden;}
#top_list li a .data .title:hover {text-decoration:underline}
#top_list li a .data .price {font-size: 14px;font-weight: bold;color:#000}
#top_list li a .data .description {font-size: 12px;font-weight:normal;color:#333;height: 52px;overflow: hidden;}
.dopor #top_list {margin-left:-10px; margin-right:-10px;}

@media (max-width: 500px) {
    #top_list li a .image-bar {
        font-size:9px;
        height: 15px;
        padding: 3px 8px;
        overflow:hidden;
    }

    #top_list li a .data .title {font-size: 14px;height: 21px;overflow: hidden;}

}


/*DETAIL*/
@media (min-width: 769px) {
    #detail {margin-top: -40px;}
}

#detail-sky-left {
    position: absolute;
    top: 93px;
    left: -176px;
    width: 160px;
    height: 600px;
}
@media (max-width: 1499px) {
    #detail-sky-left {display:none;
    }
}


#detail .right-bar { z-index: 1000; }
#detail .right-bar .printoff {min-height:300px}

#detail-info{
      overflow:hidden;
    }

#detail-two-bars {
      position: relative;
      margin-bottom:30px;
      padding-bottom:15px
    }
/*.btn-more {
    position: absolute;
    z-index: 999;
    bottom: -20px;
    left: 15px;
    text-transform: uppercase;
    font-weight: 600;
    font-size:15px
    }


.btn-more i { 
    margin-left:5px
}*/



.btn-more {
    position: absolute;
    z-index: 999;
    bottom: -40px;
    left: 15px;
    font-size: 16px;
    border: 1px solid #CCC;
    padding: 10px 15px;
    line-height: 18px;
    background: white;
    border-radius: 5px;
    display: inline-block;
    margin-bottom: 25px; 
    margin-top: 10px;
    letter-spacing: 0;
    font-weight: 300;
}
.btn-more:hover {
        text-decoration: none;
        color: #56BFC5;
        border-color: #56BFC5;
    }
/*.btn-more:after {
        content: '\f107';
        font-family: 'FontAwesome';
        padding-left: 10px;
        font-size: 26px;
        color: #56BFC5;
        position: relative;
        top: 3px;
        text-decoration: none !important;
    }*/


/*#detail .show-more {margin-bottom:0px }*/
/*@media (min-width: 1200px) {
    #detail .col-md-7 {width: 69%; swidth: 790px;}
    #detail .col-md-5 {width: 31%; swidth: 370px;}
}*/


/*detail strankovani*/
.container-pagging::after {
    content: "";
    clear: both;
    display: table;
}

/*detai oblibene*/

#detail .fav {margin-left:10px;
    font-size: 25px; cursor:pointer
}   
#detail .fav-ok {color:#FF8146
}   




.container-pagging > div {
    display:inline-block;
}
.container-pagging > div:last-child {
    float:right
}
@media (max-width: 768px) {
    .container-pagging > div {display:block; float:none; margin-bottom:18px; text-align:center}
    .container-pagging > div:last-child { float:none}
}




#container-detail-buttons > a {display:inline-block; width:170px
}

/*nadpisy a sekce*/
.sekce {margin: 20px 0px; padding:8px 0px}
.sekce .subtitle {text-align:center; 
                  position:relative;
                  margin-bottom: 30px;
}
.sekce .subtitle > span {display:inline-block; margin: 10px auto; height:1px; }
.sekce .subtitle h2, .subtitle h3 {text-transform:uppercase;margin-top:0px  }
.sekce .subtitle h2 {
    margin-bottom:10px;
    padding-bottom:0px;
    position:relative;
    
    display: inline-block;
    font-weight: 300;
    text-transform: none;
    font-size: 30px;
    color: #555;
    letter-spacing: 1px;
    text-align: center;
    padding-left: 35px;

}
.sekce .subtitle h2.oddelovac::before {
    
    background: url(/img/logo.svg);
    background-size: 27px;
    display: block;
    content: '';
    width: 27px;
    height: 27px;
    position: absolute;
    left: 0;
    top: 4px;
    font-size: 30px;
    color: #ddd;



}
.sekce .subtitle::after {
        content: "";
    position: absolute;
    background-color: #ddd;
    height: 1px;
    width: 100%;
    left: 0px;
}
.sekce .subtitle h3 {
    text-transform: none;
    padding-bottom:15px;
    
    letter-spacing: 1.5px;
    font-weight: 300;
    color: #888;
}
.sekce .subtitle h3 {font-size:16px;letter-spacing: 1px;}


#misto-cena { margin:10px 0px 35px; }
    #misto-cena > div {
    display:flex}
@media (max-width: 768px) {
    #misto-cena>div {
        display: block;
    }
}
#misto-cena  div {text-align:center; color: #787878; padding:0px 5px; letter-spacing: -0.7px;}
#misto-cena .row > div div {background-color:#f4f4f4; border-radius:4px;  padding:10px;color:#FE7740;margin-bottom:5px; min-height:100px; height:100%}
#misto-cena .row > div span  {color:#FE7740; font-weight:600;     font-weight: 400; display: block;    font-size: 24px; letter-spacing:0; line-height: 24px;}
#misto-cena .row > div a  {color:#FE7740; }
#misto-cena .row > div strong {display:block; color: #787878; margin:5px; font-size:16px; letter-spacing: 0;}

/*mapa*/
#detail #map {border: 0px solid silver;height: 400px;margin-left: 0px;}
#detail .slide>#map {border: 0px solid silver; width:100%; height:100% }

#detail #fotos { max-height:400px; position:relative; background-color:#F3F3F3}

#detail #fotos img {vertical-align:top;}
#detail #fotos li.dvefotky img {max-height:199px;display:block}
#detail #fotos li.dvefotky img:first-child {margin-bottom:2px;}

.slider    { overflow:hidden; position:relative;}
.slider > ul > li { margin:0; padding:0; }
.slider > ul > li { float:left; margin:0 2px 0 0; list-style:none; }
/* IE6 issues */
.slider > ul { width:100%; margin-left: auto; margin-right: auto;}
.slider img   {cursor:pointer}
#fotos .controls a.next {display:block; background-image:url('../img/fotky-dalsi.png'); width: 52px; height: 86px; position:absolute; right:0px; top:160px;z-index:9999}
#fotos .controls a.prev {display:block; background-image:url('../img/fotky-zpet.png'); width: 52px; height: 86px; position:absolute; left:0px; top:160px;z-index:9999}
#fotos .leaflet-popup {min-width:300px;}


#detail #navig {
    /*background-color: #F3F3F3;*/
    /*height: 40px;*/
    color: #ADADAD;
    /*padding: 10px;*/
    margin-top:10px;
}

#detail #navig span {display:inline-block; float:right; }
#detail #navig span a {background-position:left center; background-repeat:no-repeat; padding-left:20px; margin-left:30px}
#detail #navig span a.zpet {background-image: url('../img/zpet-na-inz.png');}
#detail #navig span a.next {background-image: url('../img/dalsi-inz.png');background-position:right center;padding-left:0px;padding-right:20px;}
#detail #navig span a.list {/*background-image: url('../img/ikonka-zpet-na-vypis.png');*/}
#detail #navig a.streetv {display:inline-block; background-image: url('../img/maps/street-view-cerveny.png');background-position:left center; background-repeat:no-repeat; padding-left:23px; /*margin-left:10px;*/ background-size:20px 20px;}
#detail #navig a.streetv.ico_real {background-image: url('../img/maps/street-view-modry.png');}
/*@media (max-width: 1560px) {
    #detail #navig a.streetv {display:none }
}*/
@media (max-width: 500px) {
    #detail #navig span a {margin-left:10px}
}

#detail #navig-menu {margin-bottom:15px; margin-top:15px}
#detail #navig-menu a {font-size:11px;padding: 6px 10px}
#detail #navig-menu span a {margin-left:0px}
#detail #navig-menu span {float:right}



#PARTNER tr td:first-child {font-weight:bold; width:100px;}

#detail .ico_private h2.place {background: url('../img/maps/street-view-cerveny.png') no-repeat;}
#detail .ico_real h2.place {background: url('../img/maps/street-view-modry.png') no-repeat;}                
#detail .place {padding-left: 20px;margin-bottom: 7px;}
#detail h1 {font-weight:400; font-size:30px;}
#detail .cena { display: table;content: " ";}
#detail .cena strong {margin-right:60px; display:inline-block; float:left; font-size:20px;}
#detail .cena > span {display:inline-block; float:left; padding-top:5px; }
#detail .cena > span span {font-weight:normal; font-size:14px; display: inline-block; height:25px; margin-bottom:3px; margin-right:30px;}
@media (max-width: 768px) {
    #detail .cena > span span {height:auto; margin-bottom:3px;}
}

#detail .cena .hypoteka {background: url('../img/ikonka-hypotecni-kalkulacka.png') no-repeat left; padding-left:28px; font-weight:bold}
#detail .cena .stehovani {background: url('../img/nakladak-stehovani.png') no-repeat left; padding-left:28px; font-weight:bold}
#detail .cena .hypoteka a {text-decoration: underline;}
#detail .cena .hypoteka a:hover {text-decoration: none;}

/*#results_list li > div .data .place {max-height: 20px;overflow: hidden;}*/

.menu {margin:0px 0px 2px;}
#detail .menu {margin:25px 0px 30px; text-align:center}

/*menu*/
.menu a {
    display: inline-block!important;
    /*width: 80px;
    height: 30px;*/
    /*background-color: #eee;
    background-position: center center;
    background-repeat:no-repeat;*/
    margin-right:10px; margin-bottom:5px; 
    background-color:#fff;
    padding:10px 12px
}
.menu a.btn-top { background-color:#ff9a48;color:#fff}
.menu a.btn-answer { background-color:#77d1cf;color:#fff}

.menu .adAnswer  {position:relative}
.menu .adAnswer i {border-radius: 3px; background-color:yellow; color:#000; position: absolute; padding:3px; top:2px; right:2px; font-size:10px;visibility:hidden;font-style:normal;display:inline-block;text-shadow:none; }
/*.menu .adAnswer.adAnswerNew  {background-color:#E74C3E; color:white;visibility:visible }*/
.menu .adAnswer.adAnswerNew i {visibility:visible }
.menu .adAnswer.adAnswerOld i {background-color:white; visibility:visible; }
.menu .adAnswer.adAnswerNew, .menu .adAnswer.adAnswerOld  {padding-right:28px}

/*.menu a span {
    display: none;
}*/

/*dotykace - menu s popisem ikonek*/
/*.touch .menu a , .touch #results_list li .menu a {
    width: auto!important;
    padding-left:28px;
    padding-right:6px;
    background-position: 3px center!important;
    margin-right:5px; 
    margin-bottom:5px; 
}
.touch .menu br {display:none;
}
.touch .menu a span:hover, .touch #results_list li .menu a span:hover {text-decoration:underline}


.touch .menu a span {
    display:  inline-block; padding-top:5px;height:30px;color:#1057b4}*/

/*.touch .menu .adAnswer i {
    right: auto;
    left: 12px;
}*/

/*.touch .menu .adTop { background-image: url('../img/tlacitko-top2.png')}
.touch .menu .adTop:hover { background-image: url('../img/tlacitko-top.png')}
.touch .menu .adPodvod {background-image: url('../img/tlacitko-nahlasit.png')}*/


/*.menu .adTisk { background-image: url('../img/tlacitko-tisknout.png')}
.menu .adTop { background-image: url('../img/tlacitko-top2.png')}
.menu .adTop:hover { background-image: url('../img/tlacitko-top.png')}

.menu .adPodvod { background-image: url('../img/tlacitko-nahlasit.png')}
.menu .adDoporucit { background-image: url('../img/tlacitko-poslat-emailem.png')}
.menu .adFav { background-image: url('../img/tlacitko-oblibene.png')}
.menu .adFav:hover { background-image: url('../img/tlacitko-oblibene2.png')}
.menu .adAktivace { background-image: url('../img/aktivace-inz.png');  border: 3px solid #E74C3E}

.menu .but-stat { background-image: url('../img/statistiky.png')}
.menu .adLetak { background-image: url('../img/tisk-letaku.png')}
.menu .adEdit { background-image: url('../img/editace-inz.png')}
.menu .adZobrazovani { background-image: url('../img/zviditelnit2.png')}
.menu .adZobrazovani.adStop { background-image: url('../img/zviditelnit.png');}
.menu .adZobrazovani.adStop span {color:red}
.menu .adDelete { background-image: url('../img/samazt-inz.png')}

.menu > span {margin-left:10px;}
.fav.fav-ok {background: url('../img/ikonka-pridat-do-oblibenych2.png') no-repeat!important; }
.menu .adFav.fav-ok { background-image: url('../img/tlacitko-oblibene2.png'); display: inline-block!important;
    width: 80px;
    height: 30px;
    background-color: #eee!important;
    background-position: center center!important;
    background-repeat:no-repeat;
    margin-right:3px;    }

.touch .menu .adFav.fav-ok {background-position:left center!important;}*/
.menu .adDelete:before { 
   
}


.menu .fav.fav-ok > span::before {
    content: "\f004";
    color: red;
}
.menu .fav > span::before {
    content: "";
}


/*Atributy an Detailu*/
#detail .popis {line-height:22px; text-align:justify; font-weight: 300; }

/*#atributy {max-height:300px; overflow:hidden
}*/

/*#atributy,*/
#atributy, #atributy div {
    position:relative;
}

@media (min-width: 992px) {
    #detail-info .layer {
        position: absolute;
        width: 100%;
        height: 50%;
        top:50%;
        z-index: 999;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
        background: -moz-linear-gradient(top, rgba(255,255,255,0) 30%, rgba(255,255,255,0.9) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(255,255,255,0) 30%,rgba(255,255,255,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(255,255,255,0) 30%,rgba(255,255,255,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    }

    #attr-hidden-container-show {
        position: absolute;
        text-transform: uppercase;
        font-size: 16px;
        z-index: 9999;
    }

    #attr-hidden-container-show:after {
        margin-left: 5px;
    }
}
#atributy  div::after {
    content: "";
    clear: both;
   display: table;
}
#atributy p {
    font-size: 18px;
    /*text-transform: uppercase;*/
    font-weight: 400;
}
#atributy  div:not(.layer) {
    border-top: 1px solid #ddd;
    padding: 20px 0 10px;
}
#atributy ul {
    padding: 0;
    margin-bottom: 0;
}
#atributy ul li {
    list-style-type: none;
    /*display: inline-flex;
    display: -webkit-inline-flex;*/
    margin-bottom: 10px;
    padding-left: 0;
    line-height: 16px;
    letter-spacing: -0.7px;
}
#atributy ul li label {
    margin-bottom: 0;
    color: #999;
    font-size: 15px;
    font-weight: normal;
    margin-right: 10px;
    display:block;
    letter-spacing: 0px;
}
#atributy ul li sup {
    line-height: 16px;
}

#attr-hidden-container {display:none}
#attr-hidden-container-show {position:relative;font-weight:600}
#attr-hidden-container-show::after {content: "\f107";
    position: absolute;
    font-family: "FontAwesome";
    top: -10px;
    font-size: 25px;
    color: #4eb6be;
    right: -20px;
}

#attr-hidden-container-show.off::after {content: "\f106";
}


/*#detail #atributy {margin:20px 0px; }
#detail #atributy .row > div:first-child {padding-left:0px;}
#detail #atributy .row > div:last-child {padding-right:0px}
#detail #atributy table { width:100%;}
#detail #atributy table { width:100%;}
#detail #atributy table tr td {padding: 3px 0px; vertical-align:baseline; width:50% }
#detail #atributy .col-md-12 table tr td:first-child {width:20% }
#detail #atributy .col-md-12 table tr td:last-child {width:80% }
#detail #atributy table tr.mez td {padding-top:25px;}
#detail #atributy table tr td:first-child {color:#919191; text-align:right; padding-right:10px;}*/
.rbl {border-right:1px solid #E4E4E4;}
.lbl {border-left:1px solid #E4E4E4;}
.row-top-line > div > div {border-top:1px solid #E4E4E4; margin-top:10px; padding:0px 3px;}

/*#detail #atributy .col-xs-12 table tr td:first-child {width:20%;}*/
 
@media (max-width: 767px) {
    /*#detail #atributy table tr td:first-child {width:30%;}
    #detail #atributy .row > div:first-child, #detail #atributy .row > div:last-child {padding-left:0px;padding-right:0px}
    #detail #atributy .rbl {border-right:0px;}
    #detail #atributy .lbl {border-left:0px;}*/
    .row-top-line > div > div {border-top:0px;}
}


/*mapa*/
/*#detail .leaflet-top,  #detail .leaflet-bottom {z-index: 0!important;}*/

/*odpoved box*/
@media (min-width: 992px) {
    .boxy {
        margin-top: -80px;margin-top: -60px;
    }
    .noboxy {
        margin-top: 60px!important;
    }
            
}

/*#web {padding:0px}*/

.boxy > div {
margin: 8px 0px;
padding: 20px 20px;
line-height: 15px;
vertical-align: top;
border: 0px solid #D9D9D9;
webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
/*-webkit-box-shadow: 0 0 15px #D9D9D9;
-moz-box-shadow: 0 0 15px #D9D9D9;
box-shadow: 0 0 6px #D9D9D9;*/
background-color:#fff;
background-color: #ccecef;
z-index:1005!important;
font-size:12px
}
.boxy > div > strong {font-size:18px; margin-bottom:15px; display: inline-block;font-weight:normal }
/*.boxy > div.kontakt {line-height:22px;}
.boxy > div.kontakt .email {color:#1057C4}
.boxy > div.kontakt label { font-weight:normal; display:inline-block; width:80px;color:#333;}
.boxy > div.kontakt .partner label {position:absolute;left:0px; }
.boxy > div.kontakt .partner > span {padding-left:80px; display:inline-block;position:relative}*/

div.kontakt {line-height:25px;}
div.kontakt .email {color:#1057C4}
div.kontakt label { font-weight:normal; display:inline-block; width:80px;color:#333;}
div.kontakt .partner label {position:absolute;left:0px; }
/*div.kontakt .partner > span, div.kontakt .partner span.blok  {padding-left:80px; display:inline-block;position:relative}*/

#container-odpoved-dolni div.kontakt {
    line-height: 35px;
}
.kontakt a {
    color: #000;
    text-decoration: underline;
}
.kontakt strong a {
    color: #4eb6be;
    text-decoration: none;
    font-size: 22px;
    font-weight: 400;
}
.kontakt .fa {
    font-size: 15px;
    width: 15px;
    text-align:center;
    color: #4eb6be;
    margin-right: 10px;
}
#container-odpoved-dolni .kontakt .fa {
    font-size: 20px;
    width: 21px;
}



#kontakt .col-sm-6 > div { background-color:white; border-radius:4px;padding:15px 60px; min-height:270px}
#kontakt .col-sm-6:first-child img {margin:10px auto}



/*odpovedet na ad*/
#odpovedet {padding:0px 3px;}
 
#odpovedet .form-horizontal .control-label {text-align: right;margin-bottom: 0;padding-top: 7px;}
/*#odpovedet  .col-xs-2, #odpovedet .col-xs-5 {float: left;}*/
#odpovedet .col-xs-3 {padding-left:0px}
#odpovedet .col-xs-9 {padding-left:0px; padding-right:0px}
#odpovedet .btn {width:100%;margin-top:10px}
@media ( min-width: 768px ) and ( max-width: 992px ) {
    #odpovedet .btn {
        
        padding: 20px;
        margin: 10px auto 0 auto;
        font-size: 18px;
    }
}
#odpovedet .input-sm {
    height: 40px;
    /*padding: 10px 10px;*/
    font-size: 14px;
}
#odpovedet  textarea {height:120px;font-size:14px}
#odpovedet .form-group { margin-bottom:5px;  }
#odpovedet label {font-weight:normal}
#odpovedet #zadavatel {border-top:1px solid #D1D1D1; padding:5px 0px;}

/*#odpovedet #cap {background-color: #F5F6F8; vertical-align:middle }
#odpovedet #cap input, #odpovedet #cap label {margin-top:6px;}*/

#odpovedet .checkbox input[type="checkbox"] {margin-left: 5px;}
#odpovedet .form-horizontal .form-group { margin-left: 0px; margin-right:0px}
/*#odpovedet .scroll {font-weight:bold; margin:10px 0px; height:150px; display:block}*/
/*#odpovedet .verify {float:right}*/


/*upravy pro dolni formular*/
/*
#odpoved-dolni {margin-top:20px; width:50%}
#odpoved-dolni .form-horizontal {margin-left:-15px;margin-right:-15px;}
#odpoved-dolni .odp-text, #odpoved-dolni .odp-zbytek {float:left; width:50%;padding:15px; min-height:150px}
#odpoved-dolni .col-xs-3 {width:40%}
#odpoved-dolni .col-xs-9 {width:60%}

#odpoved-dolni .odp-input {float:left; width:65%}
#odpoved-dolni .odp-but {float:left; width:35%;padding-left:10px}
#odpoved-dolni .odp-but .btn {padding:20px 15px;margin-top:15px; font-size:16px}
#odpoved-dolni .odp-text > div, #odpoved-dolni .odp-zbytek > div {border-radius:4px}

#odpoved-dolni .odp-text textarea, #odpoved-dolni .odp-input input {border: 0px;}
#odpoved-dolni .odp-text textarea {height:120px}

@media screen and (max-width: 991px) {
    #odpoved-dolni .odp-text, #odpoved-dolni .odp-zbytek {float:left; width:100%;padding:15px; min-height:inherit }
}
*/
    

/*UPRAVA BORIS*/
#container-odpoved-dolni {border:0px solid #ddd; margin-right: -2px;}
#container-odpoved-dolni .parseMail, .nopadding .parseMail {padding-left:0px!important}
#container-odpoved-dolni > div:nth-child(2) {background-color:#ccecef;}
#container-odpoved-dolni > div:nth-child(1) {font-size:16px; padding-top:15px;}
#container-odpoved-dolni > div {padding:30px;}
#container-odpoved-dolni .seller-label { font-weight: 300;font-size:26px }
#container-odpoved-dolni .partner strong { font-weight: 500; }
.partner-more {
    font-size: 16px;
    color: #333;
    border: 1px solid #CCC;
    padding: 10px 15px;
    line-height: 18px;
    background: white;
    border-radius: 5px;
    display: inline-block;
    margin-bottom: 25px;
    margin-top: 10px;
    letter-spacing: 0;
    font-weight: 300 !important;
    text-decoration: none !important;
}
.partner-more:hover {
        text-decoration: none;
        color: #56BFC5;
        border-color: #56BFC5;
    }
.partner-more:after {
        content: '\f105';
        font-family: 'FontAwesome';
        padding-left: 10px;
        font-size: 26px;
        color: #56BFC5;
        position: relative;
        top: 3px;
        text-decoration: none !important;
    }
}
}

/*#container-odpoved-dolni i.fa {color:#ccecef}*/
#odpoved-dolni .form-horizontal {margin-left:-15px;margin-right:-15px;}
#odpoved-dolni .odp-text, #odpoved-dolni .odp-zbytek {padding:0px 15px;}
/*#odpoved-dolni .col-xs-3, #odpoved-dolni .area-label {width:32%; display:block!important; padding-right:15px; float:left}
#odpoved-dolni .col-xs-9, #odpoved-dolni .area-input {width:68%; float:left}*/
/*#odpoved-dolni .odp-but {margin-left: 32%}
#odpoved-dolni .odp-but {margin-left: 32%}*/
/*#odpoved-dolni .odp-input {float:left; width:65%}
#odpoved-dolni .odp-but {float:left; width:35%;padding-left:10px}*/
#odpoved-dolni .odp-but .btn {padding:20px 15px;margin-top:5px; font-size:16px; max-width:300px}
#odpoved-dolni .odp-text > div, #odpoved-dolni .odp-zbytek > div {border-radius:4px}
#odpoved-dolni .odp-text textarea {height:140px; font-size:16px}
/*#container-odpoved-dolni .col-md-4 img {float:right}*/

#odpoved-dolni .input-sm {height:50px; padding:10px 10px; font-size:16px}
#odpoved-dolni #odpovedet .form-group {margin-bottom:5px}
#odpoved-dolni .form-group label {font-size:16px;padding-top:16px;}

@media screen and (max-width: 991px) {
    #odpoved-dolni .odp-text, #odpoved-dolni .odp-zbytek {float:left; width:100%;padding:15px; min-height:inherit }
}


.answer-one { background-color: #edfafa; border:1px solid #d4ebec; padding:15px; border-radius:4px; position:relative; margin:4px -15px 8px -4px;}
/*.answer-one:hover {
    background-color: #edfaf0;
}*/

.answ1 .answer-one {border:2px solid #d4ebec;}

@media screen and (min-width: 768px) {
    #AnswerList .inz-left > span:first-child {
        background-image: url('../img/rozek-odpovedi-na-inzerat.png');
        display: block;
        width: 28px;
        height: 28px;
        position: absolute;
        top: 30px;
        right:-13px;
        z-index:3
    }
}

@media screen and (max-width: 440px) {
    #odpovedet .col-xs-3, #odpovedet .col-xs-4, #odpovedet .col-xs-5, #odpovedet .col-xs-9 {padding-left:3px; padding-right:3px; }
}

@media screen and (max-width: 440px) {
    #homepage h1 .pull-right {
        float: none !important;
    }
}


/*vypis - to-mapa*/
/*#tomap { background-image: url('../img/mapa-na-proklik.jpg'); background-size:8.33333%; background-position:right; background-repeat:repeat-y;}
#tomap .maps a {display:block; position:relative;
                width: 100%;height: 500px;
}
#tomap .maps a span {background-image: url('../img/proklik-na-mapovou-stranku.png'); background-repeat:no-repeat; margin-left:-16px; width:47px; height:86px; display:block; 
                     top:10%; position:absolute;
                     top:50%; position:fixed;
}

#homepage #tomap .maps a span {top:40%; position:absolute;
                     
}



@media screen and (max-width: 768px) {
    #tomap { background-image: none}
   #tomap .maps a span {display:none}
}*/





/*.row-result { margin-left:-25px;}*/

/* RESULTS LIST */
/*@media screen and (min-width: 768px){*/
/*#results_list li .menu {position:absolute; bottom:5px; margin:0px 0px 0px }*/
/*.touch #results_list li .menu a span {padding-top:5px;}
.touch .menu .adAktivace {border: 1px solid #E74C3E;
}*/


/*}*/


/*MOJE AD VYPIS*/
/*==============================================*/
#container-moje-inzeraty .row {padding-top:10px }
/*#container-moje-inzeraty .row:not(:first-child):not(.answ) {border-top:1px solid #f4f4f4;}*/
/*#container-moje-inzeraty .odpovedi .row {margin-top:0px; border-top:0px!important}*/
#container-moje-inzeraty .row:not(.answ):hover {background-color: #F3F3F3}
#container-moje-inzeraty .container-inz h2 {font-weight:600; margin-top:3px; padding-top:0px; font-size:16px}
#container-moje-inzeraty .container-inz p {max-height: 50px; text-overflow:ellipsis; text-align:justify}
@media screen and (max-width: 768px) {
    #container-moje-inzeraty .container-inz p {
        max-height: none;
    }

    #container-moje-inzeraty .row:not(:first-child):not(.answ) {border-top:1px solid #ddd;padding-top:20px;margin-top:20px}
    #container-moje-inzeraty .odpovedi .row {margin-top:0px; border-top:0px!important}



}
#container-moje-inzeraty .container-inz .menu a {
    margin-right: 10px;
    margin-bottom: 5px;
    padding: 5px 12px;
}

#container-moje-inzeraty .container-inz .menu a.adAnswer {
    padding-right:20px
}

/*popis ad na fotce pri vypisu mych ad - zmensit pro sm*/
@media screen and (max-width: 991px) {
    #container-moje-inzeraty .sale-item a .description, #container-moje-inzeraty .sale-item .fav {
        display:none
    }
}

#container-moje-inzeraty .location:before {
    color: #4eb6bf;
    content: '\f041';
    font-family: 'FontAwesome';
    padding-right: 5px;
    font-size: 15px;
}

#container-moje-inzeraty .price {
    font-size: 23px;
}


#results_list  li.col-xs-12 > div .data .description {
max-height: 50px;  /*34*/
}

/*@media screen and (max-width: 750px) {
    .touch #results_list li .menu,  #results_list li .touch .menu {position:relative; bottom:auto!important }

}


@media screen and (max-width: 767px){
    #results_list li .menu a {
        width: 45px; height:25px
    }
}
@media (max-width: 520px) {
    #results_list li .menu {position:relative; bottom:5px; margin:10px 0px 0px }

}

@media screen and (min-width: 1200px) and (max-width: 1450px) {
    #results_list li.col-lg-4  { width: 50%;}
}*/


/*#results_list li:hover .menu a {background-color:white;}*/
#AnswerList .title.ico_private a {color: #E44C3E; font-size:16px}
#AnswerList .title.ico_real a {color: #24B4B5;font-size:16px}
/*#AnswerList > div > .alert {margin-left:10px;}*/


/*VYPIS*/
/*-----------------------------------------------------------------*/
/*moje, oblinene- dej pry odkaz na namu*/
#list {width:100%; }
.wide #list {/*background: #EEE;*/ }
#container > div.row {margin-left:0px;margin-right:0px;}
/*.wide #container > div.row {margin-left:-15px;margin-right:-15px;}*/

#list #vypis {margin-right:0px;position:relative}  
#list #tomap {display:none}



/*pouze siroky list odsad a zobraz mapu vpraci*/
@media screen and (min-width: 992px) {
    /*.list #list {
        min-height:520px
    }*/
    .list #list #vypis {
        padding: 0px 25px 0px 10px;
        width:90%
    }

    .list #list #tomap {
        background-image: url('../img/mapa-na-proklik.jpg');
        background-repeat: repeat-y;
        border-left:1px solid #F3F3F3;
        display: table-cell;
        width:10%;
        position:relative;
        cursor: pointer;
        min-height:420px
    }


    /*vypis - to-mapa*/
    #tomap a {display:block; position:absolute; left:0;right:0; top:0px; bottom:0px}
    #tomap a span {background-image: url('../img/proklik-na-mapovou-stranku.png'); background-repeat:no-repeat; margin-left:0px; width:47px; height:86px; display:block; 
                  top:10%; position:absolute;top:50%; position:fixed;}

    /*tlacitko se sipkou pres mapu*/
    /*.list #list #vypis .switch-mode-map {
        display: block; 
        position: absolute; 
        top: 50%; 
        right: -47px; 
        width: 47px; 
        height: 86px; 
        background: white; 
        margin-top: -86px; 
        border: 1px solid transparent; 
        border-top-right-radius: 20px; 
        border-bottom-right-radius: 20px; 
        box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
    }

    .list #list #vypis .switch-mode-map .fa-angle-left {
        color: black;
        font-size: 45px;
        padding-left: 10px;
        line-height: 86px;
        vertical-align: middle;
        font-weight: normal;
    }*/


}

/*pouze siroky list odsad a zobraz mapu vpraci*/
@media screen and (min-width: 1440px) {
    .list #list #vypis {padding: 0px 50px;
    }
}

#list .sale-item {margin-bottom: 15px; box-shadow: 0 0 6px #bbb; }
#list .sale-item a:hover { text-decoration:none}
#list h1, #list h2 {display:inline-block;}

#list h1 {text-transform:none; /*margin: 15px 20px 5px 5px;*/ margin: 15px 20px 4px 0px; }
#list h2 { font-size:16px}
.wide #list h1 {text-transform: none; margin: 15px 20px 25px 5px; }


.wide #vypis .ga {
    margin-bottom:30px;
}
@media screen and (min-width: 992px) {
    .wide #list h1 {text-transform: none; margin: 15px 20px 0px 5px; }
    .wide #list h2 {margin-left:8px;display:block;margin-top: 5px;}
    .wide #vypis .ga {
        margin-top: 40px; padding-right:30px;margin-bottom:0px;padding-left:0px
    }

    #list #_DIV_FILTER {margin-top:8px;}
}


#list #_DIV_TOPY h2 {font-size:24px; margin:10px 0px 8px 5px;}



.lblue {
    position: relative;
    padding: 5px 20px 5px 33px; 
}

.lblue::before {
    background: url(/img/logo.svg);
    background-size: 23px;
    display: block;
    content: '';
    width: 23px;
    height: 23px;
    position: absolute;
    left: 0;
    top: 6px;
    font-size: 30px;
    color: #ddd;
}


/*.lblue {border-left:3px solid #4EB6BF;  padding: 5px 20px; }*/
#list #_DIV_FILTER {margin-left:5px;}
#list #breadcrumb-container {margin-top:10px; background-color:transparent; margin-left:-8px}


/*#list .sale-info .sale-item a .description {top:10px; text-align:center}
#list .sale-info .sale-item a .description strong {display:block; color:#FF7F45; margin:10px 0pc; font-size:20px}*/
/*reklamni box - neukazuj ikonu lacation*/
.sale-item.sale-item-tophelp a .description .location:before {display:none}
.sale-item.sale-item-topad {padding-top:5px;box-shadow:none!important}


/*VYPIS SEARCH POLE*/
#list-search {background-color:#F3F3F3; border-top:1px solid white; padding-bottom:8px;}
#list-search {padding-top:16px;}
#list-search #lokalita {display: inline-block;width:210px; float:left }
#list-search #category-box { display: inline-block;width:145px; float:left; margin-right:5px; }
#list-search #subcategories-container { display: inline-block;width:180px; float:left }
#list-search #slider-price-container {
        display: inline-block;
        width: 300px;
        height: 40px;
        float: left;
        margin-left: 10px;
}
#list-search #filter {float:right; width:430px;}
#list-search #cena {display: inline-block;width:210px; float:left }
#list-search #cena .form-control{width:49%}

#list-search #filter.komercni {float:right; width:255px;}
#list-search #filter.komercni .filter-type {display:none}


#list-search #subcategories-container #subcategories-choose {
border: 1px solid #E0E0E0;
border-radius: 3px;
width: 178px;
padding-top:7px;
}

#list-search #subcategories-container #subcategories {
display: none;
position: absolute;
z-index: 9999;
background: white;
width: 178px;
border: 1px solid #E0E0E0;
border-radius: 3px;
border-top: none;
margin-top: -3px;
padding-top: 3px;
}

#list-search #subcategories-container:hover #subcategories {display: block;}
#list-search #subcategories-container:hover #subcategories table {width:100%}
#list-search #subcategories-container:hover #subcategories tr {display: block;width: 100%;}
#list-search #subcategories-container:hover #subcategories tr:first-child {
                        border-top: 1px solid #E0E0E0;
                        padding-top: 8px;
}
#list-search #subcategories-container:hover #subcategories td {
        display: block;
        padding: 4px 6px !important;
        width: 100%;
}
#list-search #subcategories-container:hover #subcategories td label {
                            width: 100%;
                            font-size: 13px !important;
}
#list-search #subcategories-container:hover #subcategories td label:hover {
                            background-color: #F5F5F5;
}

#list-search #filter div:first-child {margin: 0px 0px;}
#list-search #filter .filter-sort-container {display: inline-block; }

#search h1 {margin:10px 0px 10px 0px}


#list-search #_TB_LOKALITA {
    display: inline-block;
    border: 1px solid #E0E0E0;
    border-radius: 3px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: none;
    width: 170px;
}

#list-search #search_button {
vertical-align: top;
display: inline-block !important;
border: 1px solid #E0E0E0;
border-radius: 3px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-left: none;
width: 35px;
margin-right: 0px;
background: white url('../img/lupa-hledat.png') center center no-repeat;
}

@media screen and (max-width: 1330px) {
    #list-search #filter { float:left; margin-top:8px; width:100%}
    #list-search #filter .filter-sort-container {float:right}
}

@media screen and (max-width: 992px) {
    #list-search #lokalita {}
    #list-search #category-box {}
    #list-search #subcategories-container {}
    #list-search #slider-price-container {width:100%; height:40px; float:left; margin-left:0px;margin-top:8px }
    #list-search #filter { float:left; margin-top:8px; width:100%}
    #list-search #filter .filter-sort-container {float:right}
    #list-search #subcategories-container #subcategories-choose {padding-top:4px;}
}

@media screen and (max-width: 630px) {
    #list-search #lokalita {width:100%}
    #list-search #_TB_LOKALITA {width: 90%}
    #list-search #search_button { width:10%}
    #list-search #category-box {width:140px}
    #list-search #subcategories-container {float:right}
    #list-search #more_link {float:right}
    #list-search #subcategories-container #subcategories-choose {width:100%!important}
    #list-search #subcategories-container #subcategories {width:100%!important}
    #list-search #slider-price-container {width:100%; height:40px; float:left; margin-left:0px;margin-top:8px }
    #list-search #filter { float:left; margin-top:8px; width:100%}
    #list-search #filter .filter-sort-container {float:right;}
   
    
}

@media screen and (max-width: 436px) {
     #list-search #filter .filter-type {float:right;margin-left:8px}
}
@media screen and (max-width: 360px) {
     #list-search #filter .filter-type {float:left;margin-left:0px}
}


/*#container-top #list-search #subcategories-container #subcategories { width:99%}*/
#container-top #list-search #subcategories-container #subcategories-choose  {
    position:relative;
}
#container-top #list-search #subcategories-container #subcategories-choose .caret {
position: absolute;
right: 8px;
top: 50%;
margin-top: -2px;
vertical-align: middle;
}

#container-top #list-search #subcategories-container #subcategories #subcategories-top {
display: block;
width: 100%;
border-top: 1px solid #E0E0E0;
padding: 8px 6px 4px 6px !important;
}

/*rozsirene hledani*/
#list-search #more_link { display: inline-block;width:40px; float:left; border: 1px solid #79BD3E}
#list-search .adsearch {background-image: url('../img/vice-podrobne-hledani-male.png'); background-position:left; background-repeat:no-repeat; padding-left:20px; color: #79BD3E;font-weight:bold; cursor:pointer; display:block; width:25px; height:20px;}
#list-search .adsearch.off {background-image: url('../img/ico/zpet.png'); color: #FA4949;}

#list-search #VLOZ label {font-size:14px;display:block}
#list-search #VLOZ .form-group span {width:160px; overflow:hidden }
#list-search #VLOZ .form-control {max-width:80px; display:inline-block}

/*advanced blok*/
#container-top #list-search #advanced-box {left:600px;top :18px;}
@media screen and (max-width: 1410px) {
    #container-top #list-search #advanced-box {left:0px;top:55px!important; width:100%}
}
@media screen and (max-width: 630px) {
    #container-top #list-search #advanced-box {top:100px!important; }
}
@media screen and (max-width: 400px) {
    #list-search #category-box {width:100%; margin:4px 0px;}
    #list-search #subcategories-container {width:100%; float:none; margin-right:40px;}
    #list-search #more_link {margin-top:4px; float:right; width:100%}
    #list-search .adsearch {width:100%}
    #container-top #list-search #advanced-box {top:165px!important; }
}

@media (max-width: 1199px) {
    #container-top #list-search #subcategories-container #subcategories-choose {
        width: 99%;
    }

    #list-search #subcategories-container #subcategories-choose {
        padding-top: 4px;
    }
}


/*vypis partneru, makleru*/
/*KOMERCNI PARTNERI*/
@media (min-width: 768px) {
    #komerce {margin-top: -40px;}
}
#komerce .lista { margin-bottom:20px;}
#komerce .lista .lista-box { margin:30px auto; text-align:center}
#komerce .lista  {height:160px;height:250px; padding-top:40px;background-position: center center; background-repeat:no-repeat;  text-align:center}
#komerce .lista h1 {font-size:25px;margin:30px 0px 10px; 
        font-weight: 300;
        color: white;
        letter-spacing: 1px;
        font-size: 30px;
        text-shadow: rgba(0,0,0,0.4) 1px 1px 6px;}

#komerce .im2 {
    background-image: url('../img/obrazek-na-hp2.jpg');
    background-position: center;
}
@media (max-width: 767px) {
    #komerce .lista h1 {font-size:20px;margin:15px 0px 10px}
}
@media (max-width: 468px) {
    #komerce .lista { margin-right: 0;}
}


/*#searchhp .butons .btn {width:120px; padding:11px 12px;}
#searchhp .radios  {display:block;color:white; font-weight:bold}
#searchhp .radios label {color:white; font-weight:bold; margin-right:20px; display:inline-block;width:100px;}
#searchhp .radios.checkboxes input[type=radio]:checked + label {text-transform:uppercase;}
#searchhp #category {padding: 10px 12px;height: auto;width: 100%;}

#searchhp .bootstrap-select .btn {padding: 10px 12px;font-size:14px}
#searchhp .form-control{ height:auto}
#searchhp .form-group {margin-bottom:8px;}*/



/*#container-partner-list > div  {padding-left:4px; padding-right:4px}*/

#container-partner-list.row  {margin-left: 0px; margin-right: 0px;}
#container-partner-list > div {padding-left: 5px; padding-right: 5px;}

#container-partner-list > div > div  
{   padding:15px 10px;
    border:1px solid #CCCCCC; 
    height:200px; 
    overflow: no-display;
    margin-bottom:10px; 
    position:relative;
    box-shadow: 0 0 6px #bbb
}

#container-makler-list > div > div   
{   padding:15px 10px;
    height:140px; 
    overflow: no-display;
    margin-bottom:10px; 
    position:relative;
}
@media (max-width: 768px) {
    #container-makler-list > div > div {
        height: auto;
    }
}

/*#container-makler-list > div > div  {height:100px; overflow:hidden;}*/
#container-makler-list .partner img {max-width:80px; margin-top:5px; margin-bottom:8px}
#container-makler-list > div div.row > div:first-child  {padding-right:0px}

#container-partner-list > div div.row:last-child > div {position:absolute; bottom:8px}
#container-partner-list a.adUsr {display:inline-block;color:#4eb6be; margin-bottom:6px;font-size:18px;font-weight: 400; opacity: 1;}
#container-partner-list a { color: black; opacity: 0.5; }
#container-partner-list .fa { color: #4eb6be; padding-top: 5px; padding-right: 2px;  }

@media (min-width: 768px) {
    #page-partner {
        margin-top: -40px;
    }
}
#page-partner h1, #page-partner h2 {margin:0px;padding:0px; margin-bottom:10px}
#page-partner h1 {font-weight:400; font-size:28px; color: #4eb6be;  }
#page-partner h2 {font-weight: 300; font-size:24px; }
#page-partner h3#title-top {margin-bottom:20px; font-weight: 300; font-size: 26px;}
#page-partner #info {line-height:28px;margin-bottom:20px; font-size: 16px;}
#page-partner #info a { color: black; opacity: 0.5; }
#page-partner #info .fa { margin-right: 5px; width: 16px; text-align: center; color: #4eb6be; }
#page-partner #map {height:220px; width:100%;}

#page-partner #container-partner-pocty > div {display:inline-block; width:24%;}
#page-partner #container-partner-pocty > div > a > div  {text-align:center; padding:12px 8px; font-size:16px;font-weight:400; background-position:center top;
                                                     padding-top: 70px; background-repeat:no-repeat;}
#page-partner #container-partner-pocty > div > a > div.byty  {background-image:url('../img/byty.png')}
#page-partner #container-partner-pocty > div > a  > div.domy  {background-image:url('../img/domy.png')}
#page-partner #container-partner-pocty > div > a  > div.pozemky  {background-image:url('../img/pozemky.png')}
#page-partner #container-partner-pocty > div > a  > div.komercni  {background-image:url('../img/komercni.png')}
#page-partner #container-partner-pocty > div > a > div.byty:hover  {background-image:url('../img/byty-b.png')}
#page-partner #container-partner-pocty > div > a  > div.domy:hover  {background-image:url('../img/domy-b.png')}
#page-partner #container-partner-pocty > div > a  > div.pozemky:hover  {background-image:url('../img/pozemky-b.png')}
#page-partner #container-partner-pocty > div > a  > div.komercni:hover  {background-image:url('../img/komercni-b.png')}
#page-partner #container-partner-pocty > div a {color:#000;}
#page-partner #container-partner-pocty > div a span {color:#808080;font-size:18px; font-weight:500; display:block; margin:5px 0px;}

#page-partner .btn-group .btn-default.active {
    color: #fff;
    background-color: #61C6C7;
    border-color: #3DCCD2;
    text-shadow: 1px 1px 1px rgba(100, 100, 100, 0.85);
    text-transform: uppercase;
    background: #77d1cf;
    background: -moz-linear-gradient(top, #77d1cf 0%, #31adb5 100%);
    background: -webkit-linear-gradient(top, #77d1cf 0%, #31adb5 100%);
    background: linear-gradient(to bottom, #77d1cf 0%, #31adb5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#77d1cf, endColorstr=#31adb5, GradientType=0);
}

/*MOBILE*/
@media screen and (max-width: 480px) {
    #page-partner > .row {
        margin-left: 0px;
        margin-right: 0px;
    }
}
@media screen and (max-width: 768px) {
    #page-partner h1 {font-size:20px;}
    #page-partner h2 {font-size:18px;}
    #page-partner #container-partner-pocty > div {display:inline-block; width:23%;}
    #page-partner #container-partner-pocty > div > a > div  {font-size:12px; background-size:inherit}
    
}
@media screen and (max-width: 991px) {
    #page-partner #container-partner-pocty > div > div, #page-partner #container-partner-pocty > div > div a {font-size:14px;}
    
}



/*VLOZIT AD*/
#VLOZ .step.invis {opacity:.2;}
/*#VLOZ .step input, #VLOZ .step texarea, #VLOZ .step select, #VLOZ .step .btn {border:1px solid #4EB6BF}
#VLOZ .step.fail input, #VLOZ .step.fail textarea, #VLOZ .step.fail select, #VLOZ .step.fail .btn  {border:1px solid #FFA8A8}*/


/*navigace vkladani a upravy AD*/
#nav-inzerat {position:relative;margin:30px 0 50px; width:100%}
#nav-inzerat > div {border-top:2px solid #C3C3C3; position:relative; top:27px; width:80%; margin: 0px auto}
#nav-inzerat strong { font-weight: 400;}
@media screen and (max-width: 768px) {
    #nav-inzerat > div {width:70%;}
}

#nav-inzerat li {
    float:left; display:inline-block;text-align:center; margin:0px 10px; 
}
#nav-inzerat li, #nav-inzerat li a {
    color:#C3C3C3;
}

#nav-inzerat li i {
    display:block;
    border-radius: 50%;
    /*behavior: url(PIE.htc); kulate rohy? nebo proc?*/
    width: 32px;
    height: 32px;
    padding: 5px;
    background: #fff;
    border: 2px solid #C3C3C3;
    color: #C3C3C3;
    text-align: center;
    font: 16px Arial, sans-serif;
    margin:0px auto 8px;
}

#nav-inzerat li.active, #nav-inzerat li.active a {
    color: #4EB6BF; font-weight:normal;
}
#nav-inzerat li.active i {
    border: 2px solid #4EB6BF;
    color: #4EB6BF;
}

#nav-inzerat .nav>li>a:hover, #nav-inzerat .nav>li>a:focus {
    text-decoration: none;
    background-color: transparent; 
}
#nav-inzerat .nav>li>a:hover i {
   border: 2px solid #4EB6BF;
    color: #4EB6BF;
}
#nav-inzerat .nav > li > a:hover {
    color: #4EB6BF;
    font-weight: normal;
}



/*boris uprava*/
#nav-inzerat > div {
    display: none;
}
#nav-inzerat li i {
    width: 39px;
    height: 39px;
    padding: 10px;
}
#nav-inzerat li,
#nav-inzerat li a,
#nav-inzerat li.active,
#nav-inzerat li.active a {
    margin: 0;
    padding: 0 20px;
    z-index: 2;
}
#nav-inzerat li:after {
    content: '';
    position: absolute;
    top: 25%;
    left: 0;
    width: 100%;
    height: 6px;
    background: #eee;
}
#nav-inzerat li:first-child:after,
#nav-inzerat li.complete:first-child:before {
    width: 50%;
    left: 50%;
}
#nav-inzerat li:last-child:after {
    width: 50%;
    left: 0;
}
#nav-inzerat li.active:first-child:before {
    width: 0;
}
#nav-inzerat li.active:before,
#nav-inzerat li.complete:before {
    content: '';
    position: absolute;
    top: 25%;
    left: 0;
    width: 50%;
    height: 6px;
    background: #4EB6BF;
    z-index: 1;
}
#nav-inzerat li.complete:before {
    width: 100%;
}
#nav-inzerat li.complete,
#nav-inzerat li.complete a,
#nav-inzerat li.complete i,
#nav-inzerat li.complete span {
    color: #4EB6BF;
    border-color: #4EB6BF;
}
#nav-inzerat li.complete i {
    background: #fff;
}
#nav-inzerat li.active i {
    color: #fff;
    background: #4EB6BF;
    border-color: #4EB6BF;
}
#nav-inzerat li.complete:hover a i,
#nav-inzerat li.active:hover a i {
    color: #fff;
    background: #4EB6BF;
}

@media (max-width: 479px) {
    .touch.mobile #web {
        padding-left: 0;
        padding-right: 0;
    }
   
    #nav-inzerat .nav > li > a {
        font-size: 12px;
    }
    #nav-inzerat li:after {
        top: 18px;
    }
    #VLOZ h1 {
        font-size: 20px;
    }
}
@media (min-width: 480px) and (max-width: 768px) {
      
    #nav-inzerat li a {
        font-size: 14px;
    }
    #nav-inzerat li:after {
        top: 18px;
    }
}
 
#nav-inzerat li,
#nav-inzerat li a,
#nav-inzerat li.active,
#nav-inzerat li.active a {
    padding: 0 0px;
        
    }


/*@media screen and (max-width: 410px) {
    
    .filter-main-cat > div { padding:1px;height:30px}
}*/






/*vyber kategorie vkladani a uprava*/
#container-inzerat {border-top:1px solid #E3E3E3; padding:0px 0px;}
#container-inzerat .buttons-switch .btn {
    margin-right: -5px;
    padding:12px 0px
}


/*prodej pronajem vymena*/
#VLOZ #sel-funkce {margin:0px 0px 30px;}
#VLOZ #sel-funkce div {
    display: inline-block;
    float: left;
    margin-right: 20px;
    position: relative;
    font-size:22px;
}
#VLOZ #sel-funkce div label {
    font-weight:normal; color:#C4C4C4;
}
#VLOZ #sel-funkce > div.active label {
    color:#4EB6BF;
}

#VLOZ #sel-funkce .checkboxes input[type=radio] + label {
    font-size:20px;
}

#VLOZ #sel-funkce .checkboxes input[type=radio]:checked + label {
    color: #4EB6BF;
}

.filter-box {
    display: inline-block;
    text-align:center;
    background-color:white;
    padding: 0px 20px
}


/*@media screen and (max-width: 410px) {
    #VLOZ #sel-funkce div {
        margin-right: 2px;
    }

    #VLOZ .filter-box {
        text-align:left;
        display:block;
        margin:10px 0px;
        float:none
    }
    #VLOZ #sel-funkce div {
        margin:20px 0px;
        display:block;
        float:none
    }
    
}*/


/*byty, domy, pozemky*/
#VLOZ .filter-main-cat {margin:-25px 0 40px}
#VLOZ .filter-main-cat > div {
   border-top: 4px solid transparent;
}

#VLOZ .filter-main-cat a {
    color:#000; 
    font-size:18px;
    font-weight: 300;
}

#VLOZ .filter-main-cat > div.active a {
    color:#4EB6BF;
    font-weight: 400;
}

#VLOZ .filter-main-cat > div.active, #VLOZ .filter-main-cat > div:hover {
    border-top: 4px solid #4EB6BF;
}

@media screen and (max-width: 768px) {
    #VLOZ .filter-main-cat {margin:15px 0 40px}
    #VLOZ .filter-main-cat > div {margin-right: 5px;}
    #VLOZ .filter-main-cat a {font-size:16px;}
    #VLOZ #sel-funkce .checkboxes input[type=radio] + label {font-size:18px;}

    #nav-inzerat {margin-bottom:20px}
    #nav-inzerat li {
        margin: 0px 0px; font-size:10px
    }
    .filter-main-cat > div {
        float:none; 
    }
    .filter-box {
        padding: 0px 5px
    }
}



@media screen and (max-width: 479px) {

    .filter-main-cat > div {
        margin-right: 5px;
    }
    /*#VLOZ .filter-main-cat a, #VLOZ #sel-funkce .checkboxes input[type=radio] + label {
        font-size:12px;
    }*/
    #container-inzerat {border-top: 0px solid #E3E3E3;}
    
    #container-inzerat .buttons-switch {
        margin-bottom:30px
    }

    #container-inzerat .buttons-switch .btn { 
        margin-right:-5px!important; font-size:12px
    }
    #VLOZ #sel-funkce div {margin-right:10px
    }
}


@media screen and (max-width: 340px) {
    #container-inzerat .buttons-switch .btn { 
        font-size:10px
    }
    #VLOZ #sel-funkce .checkboxes input[type=radio] + label {
        font-size:14px;
    }
}


#VLOZ #map {margin:5px 0px; width:100%; height:250px;}
#VLOZ #map .leaflet-top, #VLOZ #map .leaflet-bottom { z-index:0 }
#VLOZ .form-control label {font-size:14px; color:#707070; display:block; font-weight:normal;}
#VLOZ  label {display:block;}
#VLOZ .checkboxes  label { margin-top:12px; font-weight: 300; }
#VLOZ .checkboxes .vlozLabel {font-weight: 400;  font-size: 16px;}

#VLOZ .bootstrap-select .btn{height:34px}
#VLOZ .bootstrap-select .dropdown-menu>li * { font-size:12px}
#VLOZ .bootstrap-select .dropdown-menu>li>a {padding: 3px 10px 3px 13px;}
#VLOZ .bootstrap-select .dropdown-menu>li.dropdown-header {padding: 3px 10px 3px 10px;}
#VLOZ .bootstrap-select.btn-group .dropdown-menu li a.opt {margin-left:15px;}

#VLOZ.inz-basic .bootstrap-select .btn {font-size: 14px;height:44px;border:0px}
#VLOZ.inz-basic .form-control {font-size: 14px; border:1px solid #AAAAAA;height:46px}
#VLOZ.inz-basic .control-label {font-size: 16px;color:#6A6A6A;margin-top:0px;padding-right:30px;line-height:40px}

#VLOZ.attr .col-xs-12 span label {display:inline-block;font-size:14px; color:black; margin:0px 20px 0px 5px;}
#VLOZ.attr .okoli div>label {font-size:18px; color:#555; margin:20px 0px 8px;}

#VLOZ.attr .form-group  {margin-bottom:20px;}
#VLOZ.attr #map {border:1px solid #FDC30A; height:300px;margin-top:30px;}
#VLOZ.attr .col-xs-12 span {display:inline-block; width:180px;margin-bottom:8px;}
#VLOZ  .form-group {margin-bottom:30px;}



#VLOZ label > i { color:red; }
@media screen and (min-width: 768px) {
    #VLOZ .adresa {margin-top:18px;}
    #VLOZ.attr .okoli>div>span { height:40px}
}







#more  { border:1px solid #CCCCCC;border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175); box-shadow: 0 6px 12px rgba(0,0,0,0.175);background-clip: padding-box; text-align:left  }
#more > div {padding:5px; cursor:pointer; height:25px;overflow:hidden;}
#more > div:hover { background-color: #F5F5F5}

#VLOZ .ajax-upload-dragdrop {width:100%; padding: 0px 0px 0px 0px; border:1px dotted silver;
                             min-height: 300px;
border: none;
background: #f5f5f5;
}
#VLOZ .ajax-upload-dragdrop::after {
    content: "";
    clear: both;
    display: table;
}
#foto-upload {margin-top:90px
}
#VLOZ .ajax-upload-dragdrop > div {padding:5px 30px;color:#000;vertical-align:middle;}
#VLOZ .ajax-upload-dragdrop > div.upload-link {color: #33BCC3;font-weight:bold; text-align:center;
display: inline-block;
padding: 10px 15px;
background: #33BCC3;
color: #fff;
position: absolute;
top: 80px;
left: 50%;
margin-left: -69px;

}
#VLOZ .ajax-upload-dragdrop > div.upload-link:hover {text-decoration:underline}
#VLOZ .ajax-upload-dragdrop > div:nth-child(2) {color:black; text-align:center}



#fileuploader{
border: 2px dashed #ddd;
padding: 15px;
}


#VLOZ #foto-upload i {font-size:50px;color:#4EB6BF }
#VLOZ #foto-upload>div  {float:left; display:inline-block; padding:5px 30px}



#VLOZ .ajax-file-upload-container {margin: 15px 0px 5px 0px;}



/*trideni fotek pri ckladani*/
#sortable {padding-left:0px}
#sortable li {list-style:none}
#sortable li > div {position:relative; }
#sortable .foto { border:0px;}
#sortable .foto img {cursor:move}
#sortable li > div div a  {display: inline-block;height: 30px; width:20px; cursor:pointer; background-repeat:no-repeat; }
#sortable li > div div a.turn-left {background-image: url('../img/otocit.png');background-position: left; float:left }
#sortable li > div a.del {background-image: url('../img/smazat.png');background-position: right;float:right;}
#sortable li div span {position:absolute; top:0px; left:0px; display:block; width:40px; height:39px; background:url('../img/posunout-poradi-fotek.png') no-repeat; z-index:999;}
#sortable li {float:left; margin-right:20px; }
#sortable li:first-child {border-right: 2px dashed silver;padding-right:20px;}
.ui-sortable-placeholder {
	border: 1px dashed gray;
	height: 150px;
	width: 170px;
}
#sortable .ui-state-default{
    border: 0px solid #d3d3d3;
    background: none;
}

/*smazan foto*/
.but-img-del {background-image: url('../img/smazat.png');background-position: right;display: inline-block;height: 30px; width:20px; cursor:pointer; background-repeat:no-repeat; }


/*cenik*/
#cenik {margin-top:20px;}
#cenik .cen-nazev { height:90px;padding-top:25px; position:relative;
    background-color:#E3E3E3; font-size:34px;font-weight:bold; text-align:center;color:#000;
    background-image: -ms-linear-gradient(top, #F3F3F3 0%, #DDDDDD 100%);
    background-image: -moz-linear-gradient(top, #F3F3F3 0%, #DDDDDD 100%);
    background-image: -o-linear-gradient(top, #F3F3F3 0%, #DDDDDD 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F3F3F3), color-stop(100, #DDDDDD));
    background-image: -webkit-linear-gradient(top, #F3F3F3 0%, #DDDDDD 100%);
    background-image: linear-gradient(to bottom, #F3F3F3 0%, #DDDDDD 100%);
}
#cenik .vybrany .cen-nazev, #cenik:not(.cenik-navod) .balik:hover .cen-nazev{
    background-color:#FE7740; color:#fff;
    background-image: -ms-linear-gradient(top, #FF9A48 0%, #FD7440 100%);
    background-image: -moz-linear-gradient(top, #FF9A48 0%, #FD7440 100%);
    background-image: -o-linear-gradient(top, #FF9A48 0%, #FD7440 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FF9A48), color-stop(100, #FD7440));
    background-image: -webkit-linear-gradient(top, #FF9A48 0%, #FD7440 100%);
    background-image: linear-gradient(to bottom, #FF9A48 0%, #FD7440 100%);
}
#cenik .zdarma .cen-nazev { /* hlavicka*/
    background-color:#77d1cf; color:#fff;
    background-image: -ms-linear-gradient(top, #77d1cf 0%, #31adb5  100%);
    background-image: -moz-linear-gradient(top, #77d1cf 0%, #31adb5  100%);
    background-image: -o-linear-gradient(top, #77d1cf 0%, #31adb5  100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #77d1cf), color-stop(100, #31adb5 ));
    background-image: -webkit-linear-gradient(top, #77d1cf 0%, #31adb5  100%);
    background-image: linear-gradient(to bottom, #77d1cf 0%, #31adb5  100%);
}
#cenik .cen-nazev span{ position:absolute; top:-10px; display:block; width:130px; left:50%; margin-left:-65px; height:35px; color:white; text-transform:uppercase;font-size:12px; font-weight:bold;
                 -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; padding-top:8px;}
#cenik .cen-body {
    background-color:#F3F3F3; text-align:center;color:#555;padding:15px 15px
}
#cenik .vybrany .cen-body, #cenik:not(.cenik-navod) .balik:hover .cen-body {
    background-color:#FE9247; color:#fff
}
#cenik .zdarma .cen-body {
    background-color:#77d1cf; color:#fff
}

#cenik-1, #cenik-2, #cenik-3 {cursor:pointer}
#cenik .cen-body a {color:#555;}
#cenik .balik:hover .cen-body a, #cenik .vybrany a {color:#fff!important;}
#cenik a:hover {text-decoration:none}
#cenik .cen_cena {font-size:34px;font-weight:bold; /*text-align:center;*/}
#cenik .cen_top {color:gray;}
#cenik .vybrany .cen_top, #cenik .zdarma .cen_top, #cenik:not(.cenik-navod) .balik:hover .cen_top {color:#fff;}

#cenik .cen_but span, #cenik .sms-kod span {
    font-size:12px;
    cursor:pointer;
    display:block; 
    height:50px;
    -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; padding-top:15px; margin-left:auto; margin-right:auto;
    text-transform:uppercase;    
    background-image: -ms-linear-gradient(top, #FFFFFF 0%, #FFFFFF 30%, #DFE1DE 100%);
    background-image: -moz-linear-gradient(top, #FFFFFF 0%, #FFFFFF 30%, #DFE1DE 100%);
    background-image: -o-linear-gradient(top, #FFFFFF 0%, #FFFFFF 30%, #DFE1DE 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(30, #FFFFFF), color-stop(100, #DFE1DE));
    background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #FFFFFF 30%, #DFE1DE 100%);
    background-image: linear-gradient(to bottom, #FFFFFF 0%, #FFFFFF 30%, #DFE1DE 100%);
}
#cenik .sms-kod span { cursor: pointer;}

#cenik:not(.cenik-navod) .cen_but span:hover, #cenik:not(.cenik-navod) .sms-kod span:hover {
    background-image: -ms-linear-gradient(top, #DFDFDD 0%, #FFFFFF 100%);
    background-image: -moz-linear-gradient(top, #DFDFDD 0%, #FFFFFF 100%);
    background-image: -o-linear-gradient(top, #DFDFDD 0%, #FFFFFF 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #DFDFDD), color-stop(100, #FFFFFF));
    background-image: -webkit-linear-gradient(top, #DFDFDD 0%, #FFFFFF 100%);
    background-image: linear-gradient(to bottom, #DFDFDD 0%, #FFFFFF 100%);
}
#cenik .vybrany .cen_but span, .cen-nazev span, #cenik:not(.cenik-navod) .balik:hover .cen_but span, #cenik:not(.cenik-navod) .balik:hover .cen-nazev span {display:block;
    background-color:#414649;
    background-image:none;
    border:1px solid gray
}

#cenik .cen_obsah {padding:10px 0px 5px;}
#cenik .cen_obsah span {display:block; background-color:#fff;border:1px solid silver;padding:5px; margin:4px 0px;color:#555; text-align:left; font-size:11px;
                 -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;
}

/* pro cenik v napovede */
#cenik.cenik-navod #cenik-1, #cenik.cenik-navod #cenik-2, #cenik.cenik-navod #cenik-3 { cursor: default; }


#payu_ .table-payu {
    background-color: #f3f3f3!important;
}
#divplatba #divsms>div {/*border:2px solid #FE8347;*/ padding:30px; background-color: #f3f3f3}
#divplatba #divbanka>div {/*border:2px solid #FE8347;*/  padding:30px; margin-bottom:40px;  background-color: #f3f3f3}

@media screen and (max-width: 768px) {
    #cenik .cen_but span {width:120px; text-align:center; margin:2px 0px; display:inline-block; min-height:30px;}
    #cenik .cen-nazev, #cenik .cen_cena {font-size: 16px;}
    #cenik .row > div {padding-left:3px;padding-right:3px}
    #cenik .row  {padding-left:-3px;padding-right:-3px}
    #cenik .cen-body {padding: 3px 3px;}
    #cenik .cen-nazev span {display:none}


    /*.balik::after {clear: both; display: table;content: " ";}*/
    #cenik .cen-nazev {width:100px; height:105px;float:left;padding-top:10px;}
    #cenik .cen_cena, #cenik .cen_top, #cenik .cen_but {padding-left:110px}
    #cenik .cen-body {padding:10px; text-align:left}
    #cenik .balik {margin-bottom:10px;}

    #cenik .vybrany .cen_but span, .cen-nazev span, #cenik .balik:hover .cen_but span, #cenik .balik:hover .cen-nazev span {display:inline-block;}

    /*.collapsed {display:none }*/
}



body {font-size:1.3em;font-family: Roboto, Arial, Verdana ;  /*letter-spacing: 0.7px;*/}
@media screen and (min-width: 768px) {
    body {font-size:1.3em;}
}
@media screen and (min-width: 992px) {
    body {font-size:1.4em;}
}
@media screen and (min-width: 1200px) {
    body {font-size:1.4em;}
}

* {font-family: Roboto, Arial, Verdana; /* letter-spacing: 0.7px;*/}
a {color:#1057b4;color:#4eb6be}


@media (min-width: 100px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    float: none;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}


.control-label {font-weight:normal}
.form-horizontal .control-label {padding-top:3px;}

/*file uploar jako link*/
.btn-file {position: relative;overflow: hidden;}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

/*souhlas s cookies*/
.cok {padding:3px 15px; background-color:black; color:white;text-align:center; font-size:11px}
.cok a {color:white; font-weight:bold; text-decoration:underline}
.cok a:hover {text-decoration:none}






.pwd {color: silver;cursor: pointer;text-align:right;display:block;}

.form-inline-xs .form-control {display:inline-block;}
.radio-inline+.radio-inline, .checkbox-inline+.checkbox-inline { margin-left: 0px;}
.radio+.radio, .checkbox+.checkbox {margin-top: 10px;} 

.radio-inline, .checkbox-inline {    padding-right: 10px;}

.myradio { margin-top:5px;}
.myradio label { font-weight:normal; margin-left:3px; margin-right:20px;}

.radio input[type="radio"], .radio-inline input[type="radio"], .checkboxlist input[type="checkbox"], .checkbox-inline input[type="checkbox"] {margin-left: -10px;}
.radio label, .checkboxlist label {padding-left: 10px;}

.grradio input[type=radio]:not(old){
  width   : 28px;
  margin  : 0;
  margin-left  : -30px;
  padding : 0;
  opacity : 0;
}
.grradio input[type=radio]:not(old) + label{
  display      : inline-block;
  margin-left  : -38px;
  padding-left : 38px;
  background   : url('/img/ico/vlozeni-inzeratu-check.png') no-repeat 0 0;
  line-height  : 30px;
  background-position : 0 -30px;
  font-size:14px!important; 
  cursor:pointer;
  color:gray
}
.grradio input[type=radio]:not(old):checked + label{
  background-position : 0 0px;
  color:#1057b4;
  font-weight:bold!important
}

.no-margin-right {padding-right: 0px;}
.no-margin-left {padding-left: 0px;}

/*uprava : IE roztahoval prec celou plochu i male fotky*/
.modal { z-index: 99999999; }
.modal-body .img-responsive {width: auto;}

/*modal okno  v XS*/
@media screen and (max-width:767px) {
    .modal {
        position: absolute;
        bottom:auto;
        width:100%;
    }
    /*body.modal-open {overflow:hidden; position:fixed;}*/
}
.modal-content {border: 7px solid #4EB6BE;border-radius: 0px;}
.modal-header {border-bottom: 0px solid #e5e5e5;}
.modal-header .ic2 {cursor:pointer}



/*ddrive - infobox*/
#infot{position: absolute;text-align:left;float:left;width:200px;
       border: 2px solid #4eb6be;border-radius: 0px;
       background-color:#FFF;
       padding: 4px;visibility: hidden;z-index: 100;
       -webkit-box-shadow: 0 0 5px #D9D9D9; -moz-box-shadow: 0 0 5px #D9D9D9; box-shadow: 0 0 5px #D9D9D9;
       z-index:1000
}

.scroll { overflow-y: scroll;   }
.scroll>.row {margin-left:0px; margin-right:0px}

/*SKY*/
#sky {width:0px;}
@media (min-width: 1330px){
    #container { position: relative; }
    #sky {width:160px; position: absolute; top:10px; right:-170px; }

    .conout {
        width:1330px;
        margin-left:auto;
        margin-right:auto;
    }
    .conout > .container {
        margin-left:0px;
        margin-right:0px;
    }

}



.foto {border:1px solid silver; overflow:hidden; text-align:center}
.foto img { margin-left:auto;margin-right:auto }
#ajaxfoto { text-align:right}
#ajaxfoto .foto {padding:3px}
#ajaxfoto .foto.typ1 { background-color:red}

/*IKONY*/
.ic {background-position: left center;background-repeat: no-repeat;padding-left:20px; text-indent:3px; display:inline-block;line-height:25px;}
.ic2, .ic4 {width:20px;height:20px;padding-left:0px;display:inline-block;background-position: center center;background-repeat: no-repeat; }
.ic4 span {display:none;}
.ic3 {background-position:right;background-repeat: no-repeat;padding-right:23px; text-indent:0px;  
     display:inline-block;
     line-height:20px;
}
.pagination .ic2 {width:10px;height:10px}
.ic-smazat {background-image: url('../img/ico/zavrit.png');}
.ic-zavrit {background-image: url('../img/samazt-inz.png')}
.ic-hledat {background-image: url('../img/ico/hleda-hl.-lista.png');}
.ic-first {background-image: url('../img/but/tlacitko-listovani-zacatek.png');}
.ic-last {background-image: url('../img/but/tlacitko-listovani-konec.png');}
.ic-adr {background-image: url('../img/ico/pridat-inz-do-adresare.png');}
.ic-tisk {background-image: url('../img/ico/vytisknout-inz.png');}
.ic-dop {background-image: url('../img/ico/send.png');}
.ic-check {background-image: url('../img/ico/doporucit.png');}
.ic-podvod {background-image: url('../img/ico/nahlasit-inz.png');}
.ic-dalsi {background-image: url('../img/ico/dalsi-inzerat.png');}
.ic-vypis {background-image: url('../img/ico/zpet-na-vypis-inzeratu.png');}
.ic-inz {background-image: url('../img/ico/zpet-na-vypis-inzeratu.png');}
.ic-email {background-image: url('../img/ico/zavinac.png');}

.ic-ok {background-image: url('../img/check3.jpg');}
.ic-ok.adAdrSave {text-decoration:none; color:#6D6D6D; cursor:help}
@media screen and (min-width: 1200px) {
    #adlist .adAdrSave {float: right; }
}
.ic-topon,.ic-topoff, .ic-top {background-image: url('../img/ico/top.png');}
.ic-topoff {background-image: url('../img/ico/top-off.png');}
.ic-tel {background-image: url('../img/ico/telefon-kontakt.png');}
.ic-mail {background-image: url('../img/ico/email.png');}
.ic-usr {background-image: url('../img/ico/kontakt.png');}
.ic-www {background-image: url('../img/ico/www-adresa.png');}
.ic-souhlas {background-image: url('../img/ico/pravidla.png');}
#drobenka .ic-dalsi {margin-left:20px;}

.ic-dorucene {background-image: url('../img/ico/poslat-vzkaz.png');}
.ic-odeslane {background-image: url('../img/ico/odeslane.png');}
.ic-archiv {background-image: url('../img/ico/archiv-vzkazu.png');}
.ic-mobil {background-image: url('../img/ico/vip-aktivace.png');}
.ic-oznac {background-image: url('../img/ico/oznacit-vse.png');}
.ic-precist {background-image: url('../img/ico/precist-zpravy.png');}
.ic-spam,.ic-ignorovat {background-image: url('../img/ico/ignorovat.png');}
.ic-k-pratelum {background-image: url('../img/ico/pridat-k-pratelum.png');}
.ic-list {background-image: url('../img/ico/zobrazit-vsechny-pozvanky.png');}
.ic-vzajemne {background-image: url('../img/ico/pratele.png');}
.ic-ulozit {background-image: url('../img/ico/ulozit.png');}
.ic-inz {background-image: url('../img/ico/moje-inzeraty.png');}
.ic-answ {background-image: url('../img/ico/me-odpovedi.png');}
.ic-answ-nove {background-image: url('../img/ico/me-odpovedi-nove.png');}
.ic-kredit {background-image: url('../img/ico/kredity-a-top.png');}
.ic-nakup {background-image: url('../img/ico/koupit-kredity.png');}
.ic-fav {background-image: url('../img/ico/oblibene-inzeraty-suplik.png');}
.ic-dog {background-image: url('../img/ico/hlidaci-pes.png');}
.ic-set {background-image: url('../img/ico/nastaveni-inzeratu-uctu.png');}
.ic-logout {background-image: url('../img/ico/odhlasit.png');}
.ic-stat {background-image: url('../img/ico/statistika-inzeratu.png');}
.ic-upd {background-image: url('../img/ico/upravit-inzerat.png');}
.ic-stop {background-image: url('../img/ico/stop.png');}          
.ic-foto {background-image: url('../img/ico/pridat-fotku.png');}          
.ic-pravidla {background-image: url('../img/ico/pravidla.png');}          
  




/*VZKAZY*/
.msgcheck .fa-envelope {display:none}
.msgcheck.newmsg .fa-envelope {display:inline}
.msgcheck.newmsg .fa-user, .msgcheck.newmsg .fa-users {display:none}


/*ikona noveho vzkaz*/
.newmsg .msg {
  background-image:url('../img/ico/ic_odpNRead.gif');
  background-position:left;background-repeat: no-repeat;padding-left:15px; text-indent:3px;  
  display:inline-block;
  width: 14px;
  height: 11px;
  margin: 0px 3px;
  vertical-align: middle;
}
.newmsg .loggedusr {display: none;}

.loggedusr {
  background-image:url('../img/ico/kontakt.png');
  background-position:left;background-repeat: no-repeat;padding-left:15px; text-indent:3px;  
  display:inline-block;
  width: 20px;
  height: 18px;
  margin: 0px 2px;
  vertical-align: middle;
}



/*vzkazy*/
.list-mess .inz-top .datum {float:right;font-size: 12px;color: #707070;margin-top:8px; float:none}
.list-mess .row {padding-left:5px;padding-right:5px}
.list-mess .row-my {border-bottom:1px solid #F3F3F3;}
.list-mess .row:hover { background-color:#F4F4F4}
.list-mess .noread { background-color: #FFFFE8; }
.list-mess .noread:hover { background-color: #FFFFDD;}
.list-mess .rs, body.darkbck {background-color:#E6E6E6!important;}
.list-mess .rs2 {background-color:#FFF!important;}
.list-mess .rs .btn-odp, .list-mess .rs .btn-read {display:none}
.list-mess .rs2 .btn-read {display:none}

#r1.row-my, .list-mess .row-my:nth-child(0) {border-top:1px solid silver;}
.list-mess .row-my:last-child {border-bottom:1px solid silver;}

.messmenu { font-size:90%; background-color:#f4f4f4;padding:3px 2px }
/*.messmenu.messmenubottom {margin:3px 0px 10px 0px;}*/
/*.messmenu a {margin-right:5px;}*/
.messmenu a::after {content:"|";padding:0px 5px}
.messmenu a:last-child::after {content:"";padding:0px 5px}
@media screen and (max-width: 767px) {
    .vzkaztxt { padding-left:30px; } /*zarovnat s cekovatkem*/
}


.inz-right {margin-left: -10px;}
.list-mess .inz-right {margin-left: 0px;}
@media (min-width: 768px) {  /*1200px*/
    .inz-left {float:left;}
    #AnswerList .inz-left {text-align:right; padding-top:5px; position:relative}
    .inz-right {margin-left: 0px;}
    .inz-left .datum { margin-top:20px; float:none}
    .inz-left .datum span {display:block}
    
}



/* navigace*/
.nav-stacked>li>a { background-color:transparent}
.nav-pills-small>li>a {padding:2px 10px; }
.nav-pills-menu>li>a {padding: 3px 8px;background-color:#eee; margin-bottom:3px;}
.nav-pills-menu>li>a:hover {background-color:#D9EDF7;}

.rekl_sms {padding: 7px; background-color:#FFFFC6; border: 1px solid #FFFF00;}

/*nadpisy,odkazy*/
h1, .h1 {font-size: 28px; font-weight: 300; color:#252525;margin:15px 0px 4px;}
h2, .h2 {font-size: 24px; font-weight: 300; padding-bottom:5px; color:#252525;margin-bottom:3px;}
h3, .h3 {font-size: 16px; padding-bottom:5px; color:#252525;margin-bottom:3px;}
.gopay {background-image:url('../img/gopay.png'); background-position:right center; background-repeat:no-repeat}
.line {border-bottom:1px solid silver}




/*vypis - title je ted h2 - nastyluj*/
/*#results_list li > div .data .title h2,#results_list li > div .data .title h2 {
    font-size: 16px;
    margin-top: 2px; 
    padding-bottom:0px;
}
#results_list li > a.ico_private .title h2, #results_list li > div.ico_private .title h2 {color: #de4839;}
#results_list li > a.ico_real .title h2, #results_list li > div.ico_real .title h2 {color: #009ee0;}*/

#top_text .description {
    max-height:60px;
    overflow:hidden;
    text-align:justify
}
#top_text > div > div { margin-bottom:10px; }

/*.row {margin-left: -5px;margin-right: -5px;}*/
.nopading {margin-left:0px; padding-left:0px;}
.nopading-right {margin-right:0px; padding-right:0px;}
.nopading-all {margin-left:0px; padding-left:0px;margin-right:0px; padding-right:0px;}

ul.navbar-toggle { list-style:none}
ul.navbar-toggle>li>a {padding:1px; display:block; }

.btn-sms {font-size:10px;display:none!important; visibility:hidden }
.mobile  .btn-sms {visibility:visible; display:inline!important}

.f20 { font-size:2.5em}
.f18 { font-size:2em}
.f16 { font-size:1.5em}
.f14 { font-size:1.2em}
.hid {display:none; visibility:hidden}
.hideme {display:none;}
.red {color: #FA5444}
.gray {color: #737373;}
.green {color:#62AE30}
.orange {color:#FF7B45}
/*strankovani*/
.pagination {margin: 8px 0;}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 10px;
  margin-left: -1px;
  margin-right: 3px;
  line-height: 1.42857143;
  color: #696868; 
  text-decoration: none;
  background-color: #fff; 
  border: 0px;
  font-size: 16px;
  cursor:pointer;
  border-radius: 2px;
}

.pagination-sm>li:first-child>a, .pagination-sm>li:first-child>span {
border-bottom-left-radius: 2px;
border-top-left-radius: 2px;
}
.pagination-sm>li:last-child>a, .pagination-sm>li:last-child>span {
border-bottom-right-radius: 2px;
border-top-right-radius: 2px;
}
.pagination > li > a:hover,
.pagination > li.sel > a,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus,
.pagination .previous a, .pagination .previous span, .pagination .next a, .pagination .next span,
.pagination > li.sel > a:hover {
    background-color:#4EB6BF!important;
    border-color: #4EB6BF;
    color:#fff;
    background-image: -webkit-linear-gradient(bottom, #2FAEB4, #6ECDC9);
    background-image: -moz-linear-gradient(bottom, #2FAEB4, #6ECDC9);
    background-image: -ms-linear-gradient(bottom, #2FAEB4, #6ECDC9);
    background-image: -o-linear-gradient(bottom, #2FAEB4, #6ECDC9);
    background-image: linear-gradient(to top, #2FAEB4, #6ECDC9);
}

.pagination > li.sel > a:hover, .pagination > .active > a:hover {
  background-image: -webkit-linear-gradient(top, #2FAEB4, #6ECDC9);
  background-image: -moz-linear-gradient(top, #2FAEB4, #6ECDC9);
  background-image: -ms-linear-gradient(top, #2FAEB4, #6ECDC9);
  background-image: -o-linear-gradient(top, #2FAEB4, #6ECDC9);
  background-image: linear-gradient(to bottom, #2FAEB4, #6ECDC9);
}

.pagination .previous a, .pagination .previous span, .pagination .next a, .pagination .next span,
.pagination .previous a:hover, .pagination .previous span:hover, .pagination .next a:hover, .pagination .next span:hover {padding: 4px 8px; background-color:#E9E9E9}
.pagination > .disabled  span,
.pagination > .disabled  span:hover,
.pagination > .disabled  span:focus,
.pagination > .disabled  a,
.pagination > .disabled  a:hover,
.pagination > .disabled  a:focus {
    cursor: not-allowed;
    background-color: #fff;

}
@media screen and (max-width: 480px) {
    .pagination > li > a, .pagination > li > span {
        padding: 10px 6px;
        font-size: 13px;
    }
}

.pager {}
.pager a {margin:0px 5px 0px 0px;}
.pager .previous a {text-indent:20px;background-image: url('../img/ico/sipka-zpet.png'); background-position:left; background-repeat:no-repeat; background-position: 8px 8px; }
.pager .next a { text-align: left; text-indent:20px; background-image: url('../img/ico/sipka-dalsi.png'); background-position:right; background-position: 68px 8px; background-repeat: no-repeat; float:left }
.pager .nextw a {text-align: left; text-indent:10px; background-position: 80px 8px }
.pager .previousw a {background-position: 14px 8px }

.pager li>a,.pager li>span
{
  padding: 4px 8px;
  z-index: 2;
  background-color: #F8F8F8;
  color: #696868;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 5px;
  border: 2px solid #E9E9E9;
  }
.pager li>a,.pager li>span
{
    background-repeat:no-repeat;
    width: 110px;
}

#closewinbottom, #closewintop {padding:0px 0px;}



/*logo*/
.navbar-brand strong {display:none;}

.navbar>.container .navbar-brand {margin-left: -3px;}
@media screen and (max-width: 900px) {
  .navbar-brand img { width:120px; }
  .navbar-default { height:90px}
  /*/#navtop { margin-top:-20px!important;}*/
}

h1 .small.pull-right, h2 .small.pull-right, h3 .small.pull-right {font-size:13px}
@media screen and (max-width: 768px) {
    h1 .small.pull-right, h2 .small.pull-right, h3 .small.pull-right {float:none!important; display:block; margin-top:6px;  }
}







/*body, page, footer*/
#wide {background-color:#484848;}
#wide>div { margin:0px auto;}
#servers {background-color:#484848; /*wmargin-bottom:3px;*/ padding:3px 0px;margin-left:-30px; }
#servers a { margin:0px 10px; color: white; font-size:.8em; padding:2px 5px 2px; float:left; display:block  }
#servers a.sel{background-color:#575757}
@media screen and (min-width: 1200px){
    #servers a { margin:0px 22px; }
}

body { background-color:#fff}
body.sedy  { background-color:#F9F9F9!important;}

/*SM - rioztahni container na maximum*/
@media (min-width: 768px) and (max-width: 991px) {
    .container {
        width: 96%;
    }
}


/*footer*/
#fot .container-full >#kat {padding:5px 0px 15px 10px; text-align:center;}
#fot .container-full >#kat>a {padding-right:20px; text-wrap:none; font-size:10px}
@media  (max-width: 991px) {
#fot .container-full >#kat>a {padding-right:10px;display: inline-block; swidth:100px;}

}



footer {padding: 10px 0px 10px; background-image:url(../img/bck_paticka.jpg); background-repeat:repeat; color: #747579;
        /*position:absolute;left:0px;right:0px;bottom:0px*/
}
footer a {color: #747579;}
footer #nahoru { border-bottom:1px ridge #C6C6C6; margin:20px 0px 5px; }
footer #nahoru a {position:relative; top:-15px; }
footer .btn-nahoru { margin: 0px 0;color:#2e8ee8}
footer #dalsi {padding-top:20px;}
footer #dalsi .line {display:block; margin:0px 5px 20px 5px;}
footer #dalsi> div {line-height:20px; border-right: 1px solid silver; height:120px; }
footer #dalsi> div:first-child {text-indent:3px; }
footer #dalsi> div:last-child {border-right: 0px}
footer #dalsi > div div {padding-left:0px;}
footer #dalsi div a { text-decoration:none; font-size:90%; display:block}
footer #dalsi div span {font-size:90%;}
footer #dalsi div a:hover { text-decoration:underline;}
footer #dalsi strong {font-size:22px; display:block; margin-bottom:10px; font-weight:normal}
footer .slink ,footer .slink a { margin-bottom:20px}

/*@media screen and (max-width: 500px) {
    footer #dalsi > .col-xs-4 {width:50%; margin-bottom: 0px; }
    footer #dalsi > .col-xs-4:last-child {display:none}
}*/

@media screen and (max-width: 479px) {
    footer #dalsi div a {
        display: block;
        padding: 3px;
    }

    footer #dalsi div a::after {
        content: "";
        margin-right: 10px;
    }
}
@media screen and (max-width: 767px) {
    footer #dalsi > div { height:auto; margin-bottom:20px;border-right: 0px}
    footer #dalsi strong {font-size:14px;margin-bottom:5px;}
    footer .slink {display:none; }
    footer {padding: 0px 0px 5px;}
    footer .cop { display:block; }
    
}    



@media screen and (max-width: 1200px) {
    footer #dalsi {border-top: 0px solid silver;}
}
@media screen and (max-width: 992px) {
    footer #dalsi .line {display:none}
}
/*vypis -paticka vlevo*/
.list footer .container-sky {margin-left:0px}
.list footer .container-full {padding-left:0px}


/*paticka weby*/
#foot-webs > div { margin-bottom:10px; padding-left:0px; padding-right:0px}
#foot-webs a > div {height:39px; background-repeat:no-repeat;background-position-y:0px; background-position-x:center }
#foot-webs a > div:hover {background-position-y:-39px; background-position-x:center}
#foot-aut > div {background-image:url('../img/footer/autobazar.png');}
#foot-baz > div {background-image:url('../img/footer/bazar.png'); }
#foot-byt > div {background-image:url('../img/footer/byty.png'); }
#foot-dam > div {background-image:url('../img/footer/damokles.png'); }
#foot-fot > div {background-image:url('../img/footer/fotoalbum.png'); }
#foot-inz > div {background-image:url('../img/footer/inzeraty.png');}
#foot-nov > div {background-image:url('../img/footer/novina.png'); }
#foot-poc > div {background-image:url('../img/footer/pocitace.png'); }
#foot-ran > div {background-image:url('../img/footer/rande.png'); }
#foot-rr  > div {background-image:url('../img/footer/rychlyrande.png'); }
#foot-mit > div {background-image:url('../img/footer/seznamit.png'); }
#foot-sez > div {background-image:url('../img/footer/seznamka.png'); }
#foot-spo > div {background-image:url('../img/footer/spolu.png'); }
#foot-zam > div {background-image:url('../img/footer/zamestnani.png');}
#foot-zve > div {background-image:url('../img/footer/zverokruh.png'); }


/*text area a smiles*/ 
#ta {text-align:right; font-size:10px; line-height:20px; width:100%; margin-top:-18px;}
#ta b {font-size:10px;}
#ta span { border:1px solid silver; height:20px; margin-left:8px; padding:0px 3px; float:right; color:silver}
#ta span img{ cursor:pointer;}
.smlist { overflow:auto;}
.smlist img {cursor:pointer; margin:5px}

/*radkovani - obarvovani stridavych radku*/
.radkovani * {line-height:25px;}

.row-strip { background-color:#F9F9F9}
.row-my { padding:10px 5px;/*border-bottom:1px solid #DDDDDD*/}
.row-my:after {clear: both; display: table;content: " ";}
.row-my:hover, .list-group li:hover { background-color:#F4F4F4}


.row-line {border-bottom:1px solid #DDDDDD}
.row-akce {margin: 8px 0px}
.row-akce a {margin-bottom: 3px;}

/*HLAVICKA*/
/*.navbar-header {height:60px;}
.navbar-brand {padding-right:20px;}
.container>.navbar-header, container>.navbar-collapse {margin-right: -15px;margin-left: -15px;}*/

/*horni menu*/
#navtop {margin-top:0px;}
#navtop ul {text-transform:uppercase; }
#navtop ul.usr {text-transform:none; }

#navbut li a {margin-left:10px;font-size:12px;}
#navbut li.dropdown a { font-weight:normal; margin-left:10px;}
#navbut .dropdown-menu>li>a {margin-left:auto;}
#navbut .btn-warning {padding:9px 10px 8px; font-size:12px; color:#fff!important}
#navbut .btn { padding: 5px 15px;}
#navbut2-list {
    /*position: static;*/
    padding: 15px 10px 0 10px;
    text-transform: uppercase;
    height: auto !important;
    display: inline-block !important;
    position: absolute;
    bottom: 0;
    left: 171px;
}
#navbut2-list li.topmenu > a:hover {
    background: none;
    border-bottom: 3px solid #fc773f;
}

#navbut2-list li.topmenu > a {
    border-bottom: 3px solid transparent;
    border-radius: 0;
    padding: 5px 15px;
}



.map-buttons .dropdown-menu {z-index:9999; margin-left:-40px;}



@media screen and (max-width: 767px) {
   .dropdown-menu.usr { margin: 2px -50px 0;}
}


/* login uprava pro iphone */
@media (max-width: 468px) {
    #loginpage  input[type=submit]  {
        display: block;
        width: 100%;
    }
   #loginpage .checkboxes {
        margin-top: 20px;
    }
}


/*dialog na prohlizeni foto*/
.X-modal-backdrop.in {opacity: .6;filter: alpha(opacity=60);}
                              
/*KREDITY*/
.onead {margin-bottom:5px;}

/*spinner*/
#spinnertop  {width:100px; height:50px; border: 1px solid silver; font-size:26px; background-color:transparent; margin:-3px 20px 0px 8px; font-size:28px; font-weight:bold; background-color:white;padding:10px; text-align:center}
.ui-spinner {position: relative; overflow:visible}
.ui-spinner-buttons {position: absolute; margin-left:4px;margin-right:15px; background-color: transparent;width: 30px;}
.ui-spinner-button {overflow: visible;width: 30px; background-color:#fff}
.ui-spinner-up .ui-icon { width: 30px; height: 25px; background-image: url('../img/pocet-kreditu-nahoru.png'); background-position:center center;  margin-top:-13px; border:1px solid silver; cursor:pointer }
.ui-spinner-down .ui-icon { width: 30px; height: 23px; background-image: url('../img/pocet-kreditu-dolu.png');background-position:center center; margin-top:-11px;border:1px solid silver;cursor:pointer }
#kreditu {display:none; height:50px; min-width:200px; margin:0px 8px 0px 8px; font-size:28px; border:1px solid silver; font-weight:bold; background-color:white; padding:0px; text-align:center}

#kreditypage #stav {font-size:20px; color:#E74A39}
#kreditypage .btn.disabled, #kreditypage .btn.disabled:hover { background-color: #EEEEEE;}
#kreditypage .cen_top {color:red; margin:5px 0px;}
#kreditypage .vybrany .cen_top {color:#fff; margin:5px 0px;}
#kreditypage .cen-body {padding-bottom:30px;}
#kreditypage .h1 a {color: #252525;}
#kreditypage .h1 a.lzpet {color: #1057b4;font-size:14px}
#kreditypage .box > div {background-color: #F3F3F3; overflow:visible; sheight:50px; vertical-align:middle; margin-bottom:20px;padding:3px 10px;}
#kreditypage .box > div .btn {margin-top:-5px;}
#kreditypage .box > div .pull-right {margin-top:8px; }

#kreditypage #cenik.sms .cen-nazev {
    background-color: #fff;
    background:none;
    border: 2px solid #4FB6BD;
    color: #4FB6BD;
    padding-top: 20px;
}

#kreditypage #cenik .balik a:hover {text-decoration:none}
#kreditypage #cenik.sms {margin-top:0px}
#kreditypage #cenik.sms .cen_top, #kreditypage #cenik.sms .cen_but {font-size:14px; color:#555555;}
#kreditypage .sms .cen_top b, #kreditypage .sms .cen_but b, #kreditypage .sms .sms-kod b {font-size:16px; color:red; margin-left:10px;}
#kreditypage #cenik.sms .cen_but span, #kreditypage #cenik .sms-kod span {text-transform:none; cursor:default; }




#kreditypage #container-moje-inzeraty div.selected {background-color:#E6E6E6 }
/*#kreditypage #container-moje-inzeraty div.select .btn {width:120px; float:right; margin-left:5px; color:#FFF}*/
#kreditypage .sale-col {border: 1px solid #CCCCCC; margin-bottom: 10px; box-shadow: 0 0 6px #bbb; padding:5px;}

.table-payu {border:0px!important; width:100%!important}
#payu_ .container {width:100%!important;padding-left:0px;}



/*VZKAZY*/
.vzkazdat { color:gray; margin:8px 0px;}
.noread {background-image: url('../img/zvyrazneni-neprectene.jpg'); background-repeat:repeat-x; background-position:top}
.noread:hover { background-color: white}
.rs {background-color:#F9F9F9!important; background-image: none;}
.messhist .row-my { padding:3px 0px;}
.alert-box-white {-webkit-border-radius: 4px;  -moz-border-radius: 4px; border-radius: 4px; 
        padding: 5px 12px; border-radius: 4px; border: 1px solid #ccc; background-color:#FFF;
        line-height: 1.42857143;
        color: #555;
        background-color:#FFF; 
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
        -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.ico {
    background-repeat: no-repeat;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0px 3px;
    vertical-align: middle;
}
.submenu .ico {
    width: 16px;
    height: 16px;
}
.ozn {background-image: url('../img/ic_oznac.gif'); background-image: url('../img/oznacit-vse.png'); }
.read {background-image: url('../img/ic_oznacRead.gif'); background-image: url('../img/precist.png'); }
.delsys {background-image: url('../img/ic_vzkazDel.gif'); background-image: url('../img/smazat.png');}
.delmark {background-image: url('../img/ic_vzkazDel.gif'); background-image: url('../img/smazat.png');}
.delall {background-image: url('../img/ic_vzkazDel.gif'); background-image: url('../img/smazat.png');}
.submenu a { margin-bottom:5px;}    
.submenu-top {padding-bottom:0px;border-bottom:2px solid #dddddd }    
.submenu-bottom {padding-top:5px; border-top:2px solid #dddddd}
.asel { font-weight: bold;}



/*BOOTSTRAP EXT*/
/*centrovani responsive obrazku*/
.img-center {
  margin-left: auto;
  margin-right: auto;
}

/*5 sluopcu*/
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
}
.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

/*7 sluopcu*/
.col-xs-17,
.col-sm-17,
.col-md-17,
.col-lg-17 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.col-xs-17 {
    width: 14%;
    float: left;
}
@media (min-width: 768px) {
    .col-sm-17 {
        width: 14%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-17 {
        width: 14%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-17 {
        width: 14%;
        float: left;
    }
}


.ramec_ajaxKategorie .list b {font-size:12px; display:inline-block;margin-top:5px;}
.ramec_ajaxKategorie .list a {cursor:pointer; font-size:12px}
.ramec_ajaxKategorie .list a {display:block; border:1px solid #E6E6E6;background-color:#F4F4F4;text-align:center;padding: 2px 0px 2px 0px; margin:3px 0px; text-decoration:none;}
.ramec_ajaxKategorie .list a:hover {text-decoration:underline;}



/*select2*/
/*.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 34px!important;
}
.select2-container .select2-selection--single {
    height: 34px!important;
    text-align: left!important;
    padding-left: 8px!important;
    border: 1px solid #E0E0E0!important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 34px!important;
}


#searchhp .select2-container--default .select2-selection--single .select2-selection__arrow {height: 40px!important;}
#searchhp .select2-container .select2-selection--single {
height: 40px!important;
text-align: left!important;
padding-left: 8px!important;
}

#searchhp .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 40px!important;
}*/

/* v js lessu nefunguje calc, proto sem */
#container-top #search-bar { width: calc(100% - 144px); }




/*boris -paticka pilepene dole*/
@media (min-width: 768px) {
    html {
        height: 100%;
    }

    body {
        position: relative;
        min-height: 100%;
        padding-bottom: 309px;
    }

    footer {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .hkWidget {
        min-height: 1000px;
    }
}

.ui-autocomplete li.ui-state-focus {
    background-color: silver;
}













/* muj-ucet GDPR -> 2.5.2018 */
.container #mujUcet .sale-col > div {
  box-shadow: 0 0 6px #bbb;
  height: 100%;
  
}
.container #mujUcet .sale-col > div .main-panel {
  padding: 15px 60px;
}
.container #mujUcet .sale-col > div .main-panel h2 {
  font-size: 20px;
  font-weight: 500;
  margin-top: 15px;
  margin-left: 55px;
}

.container #muj-ucet .listAds .sale-col {
    display: flex;
    flex-direction: column;
}

.container #mujUcet .listAds {
    display: flex;
    flex-wrap: wrap;
}

@media (min-width: 768px) {
    .container #mujUcet .sale-col > div .main-panel h2 {
      height:50px;
    }

}

@media (max-width: 768px) {
    .zpracovani-udaju {
      margin-bottom:20px
    }

}

@media (max-width: 991px) {
    .container #mujUcet .sale-col > div .main-panel h2 {
        margin-top: 28px;
    }

}



.container #mujUcet .sale-col > div .main-panel h2 i {
  position: absolute;
  left: 35px;
  top: 25px;
  font-size: 40px;
  color: #ddd;
}
.container #mujUcet .sale-col > div .main-panel p {
  font-size: 13px;
  line-height: 19px;
  font-weight: 300;
}
.container #mujUcet .sale-col > div .main-panel ul li {
  line-height: 23px;
  font-size: 13px;
}
.container #mujUcet .sale-col > div .main-panel a {
  /*line-height: 23px;*/
  /*text-decoration: underline;*/
}
.container #mujUcet .sale-col > div .main-panel .servers {
  color: #474747;
  font-weight: 600;
  text-decoration: none;
}
.container #mujUcet .sale-col > div.aktivni-sluzby ul > li > .smaz-sluzbu {
  float: right;
}
.swal-ucet .swal-content,
.swal-ucet-all .swal-content {
  text-align: left;
  font-size: 13px;
  /*letter-spacing: 0.5px;*/
}
.swal-ucet .swal-content .servers,
.swal-ucet-all .swal-content .servers {
  color: #333;
}
.swal-ucet .swal-content div > span,
.swal-ucet-all .swal-content div > span {
  font-style: italic;
}
.swal-ucet .swal-content h3,
.swal-ucet-all .swal-content h3 {
  margin-bottom: 0;
  font-size: 18px;
}
.swal-ucet .swal-title,
.swal-ucet-all .swal-title {
  text-align: left;
  /*margin: 5px 10px;*/
  font-size: 24px;
}
.swal-ucet .swal-title:before,
.swal-ucet-all .swal-title:before {
  content: "\f014";
  font-family: "FontAwesome";
  margin-right: 15px;
  margin-top: 7px;
  color: #ddd;
  float: left;
  font-weight: 400;
  font-size: 40px;
}
.swal-ucet .swal-icon,
.swal-ucet-all .swal-icon {
  display: none;
}
.swal-ucet-data .swal-content {
  text-align: left;
  font-size: 13px;
}
.swal-ucet-data .swal-content .servers {
  color: #333;
}
.swal-ucet-data .swal-content h3 {
  margin-bottom: 0;
  font-size: 18px;
}
.swal-ucet-data .swal-content div > span {
  font-style: italic;
}
.swal-ucet-data .swal-title {
  text-align: left;
  /*margin: 5px 10px;*/
  font-size: 24px;
}
.swal-ucet-data .swal-title:before {
  content: "\f007";
  font-family: "FontAwesome";
  margin-right: 15px;
  color: #ddd;
  float: left;
  font-weight: 400;
  font-size: 40px;
}
.swal-ucet-data .swal-icon {
  display: none;
}
.swal-button {
  padding: 5px 10px;
  border-radius: 6px;
  background: linear-gradient(to bottom, #77D1CF 0%, #77D1CF 100%);
  font-size: 12px;
  text-shadow: 1px 1px 1px rgba(100,100,100,.85);

}
.swal-button.swal-button--cancel {
  background: none;
  border: 1px solid #ddd;
}
.swal-button:active,
.swal-button:focus {
  box-shadow: none !important;
  background-color: none !important;
}


.container #mujUcet .sale-col  {
    padding: 0 15px;
    display: table-cell;
    display: flex;
    flex-direction: column;
    margin-bottom:8px;
}