/* CSS Document */

html {
    position: relative;
    min-height: 100%;
}
body {
    margin: 0 0 250px; /* bottom = footer height */
}
@media(max-width: 767px) {
    body {
        margin: 0 0 450px;
    }
}

.nadfooter {
    position: absolute;
    left: 0;
    bottom: 0;
    /*height: 100px;*/
    width: 100%;
}

.odsazeni {position: relative;padding-right: 30px;}
.radio-danger.row {margin-left: 0px; margin-right: 0px;}

body {
        color: #333;
        font-family: Arial, sans-serif;
        font-size: 17px;
        line-height: 30px;
        color: black;
    }

#bar.affix {
    position: fixed;
    top: -90px;
    width: 100%;
    z-index:10;
}

#main.affix {
    position: relative;
    margin-top: 146px;
}

a {color: inherit;}
a:hover {text-decoration: none;}
nav a {text-decoration: none !important;}
a[href^=mailto] {color: #e30d32 !important; text-decoration: underline;}
a[href^=mailto]:hover {text-decoration: none;}
h1, h2, h3 {text-transform: uppercase;font-weight: 400;}
h1 {font-size: 28px;}
h2 {font-size: 24px;}
#main h1 {padding: 20px 0 10px;position: relative;}

hr {margin: 20px 15px;}
.modal-dialog {margin-top: 50px !important;}
.alert {margin-bottom: 0 !important;}

.zarovnani-stred { display: flex; align-items: center; height: 100%;}

.paging {text-align: center;}
.paging a {margin: 0 5px; color: black; background: #dddddd; padding: 2px 8px; padding-top: 3px; font-family: roboto; font-weight: 500; font-size: 15px;}

/*.row {margin: 0px;}
.nahled .row {margin: 0px;}
.formular .row {margin: 0 1px;}*/
.nepadding>div {padding: 0px;}
.okraj {border-bottom: 1px solid #cacaca; margin-bottom: 10px; padding: 10px 5px 30px 0px;}
.okraj-top {border-top: 1px solid #cacaca; margin-bottom: 10px; padding: 10px 5px 30px 0px;}

.home-search {margin-left: 0; margin-right: 0; padding:30px 15px;background:#1a1a1a;}
.home-search input {width:100%;height:45px;}
.home-search input[type="text"] {padding-left: 20px;padding-right: 20px;color:#000;}
.home-search input[type="submit"] {
    color: white;
    background: #e30d32;
    font-size: 20px;
    text-transform: uppercase;
    border: none;
    border-radius: 0px;
    text-align: center;
}

footer {min-height: 90px; font-size: 17px; background: #f5f5f5;display:flex;align-items:center; text-align: right; font-family: 'Roboto'; padding: 30px 0;}
/* footer .container {padding: 0 30px;} */
footer div {padding: 0 25px;}
footer div div:first-child{text-align: left;}
footer div i {margin-right: 7px; font-size: 15px;}
footer a:hover {color: #7f1326;}
/*.copyright {border-top: 1px solid #cacaca;}*/
.copyright div {height: 150px; display:flex;align-items:center;}
.copyright img {height: 50px;}
/* .copyright .col-sm-5 {padding-left: 30px;} */
.copyright .col-sm-7 {justify-content: flex-end; font-family: 'Roboto'; font-size: 14px; /* padding-right: 30px; */}

.baner {position: relative;}
.baner>img {width: 100%; max-height: 400px; object-fit: cover;object-position: 100% 85%;}
.baner .overlay {position: absolute; left: 50px; top: 10px; width: auto; height: 100%;}
.baner .overlay img {height: 90%; position: absolute; bottom: 50px; left: 18%}
.baner .baner_frame {position:absolute;top:0;left:0;width:100%;height:100%;}
.baner .baner_frame_in {position: relative;height: 100%;}
.baner .baner_popis a {text-decoration: none;}
.baner .baner_popis a:hover {color: #eaeaea;}
.baner .baner_popis { font-weight: 300; position: absolute; top: 10%; right: 30px; color: white; width: 600px; font-size: 18px; padding: 10px 20px; border-bottom: 3px #e30d32 solid; background: rgba(0,0,0,0.5); font-family: 'Roboto';}
.baner .baner_popis h1 {font-weight: 300; font-size: 30px; margin: 5px 0 25px; text-transform: initial;}
.baner .baner_popis h1 span {font-weight: 400;}
.baner .baner_popis .funkce {top: 65px;font-size: 17px;position: absolute;}
.baner .baner_popis p {line-height: 1.3;}
@media(max-width: 767px) {
    .baner{max-height: 780px;overflow: hidden;}
    .baner>img{width: auto;max-height: 780px;overflow: hidden;}
    .baner .baner_popis {width: auto;bottom: 75px; top: unset; right: 0; left: unset;margin: 0 15px;}
    .baner .overlay img {adisplay:none;height: 76%;}
}

.navbar {text-transform: uppercase; font-family: 'Roboto'; background: #1a1a1a; border: none; border-bottom: 3px #e30d32 solid; padding-top: 6px; margin-bottom: 0px; border-radius: 0;} /* padding-bottom: 15px; */
.navbar-nav {float: right; position: relative; right: 0px;} /* top 50 */
.navbar-header {amargin-top: 15px; margin: 20px 0 15px; amin-width: 50%;min-height: 70px;}
#navbar {} /* margin: 15px 0; */
#navbar .login { position:relative; top: 35px; float: right; text-transform: uppercase; font-size: 14px; font-weight: 500px;margin-bottom: 30px;}
/*.prihlasit {color: white; background-color: #7f1326; padding: 8px 20px;}
#navbar .login .registrovat {color: white; padding: 5px 15px;}*/
#navbar .login .registrovat {color: #9d9d9d; margin: 0 15px; padding: 5px 0; font-size: 15px;}
#navbar .login .registrovat:hover {border-bottom: 2px solid red;color: white;}
#navbar .login .prihlasit {color: white; background-color: #7f1326; padding: 8px 20px;margin: 0px; }
#navbar .login .prihlasit:hover {border: none;}

.navbar-logo {display: inline-block; afloat: left;}
.navbar-logo img {height: 70px; }
.navbar-logo-nb {display: inline-block; afloat: left;}
.navbar-logo-nb img {height: 50px; }
.navbar-nav>li>a {color: white; font-size: 15px; padding-right: 0px; margin-right: 15px; padding-left: 0px; margin-left: 15px; padding-bottom: 5px; margin-bottom: 10px; border-bottom: 2px solid transparent;}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active:focus>a, .navbar-inverse .navbar-nav>.active:hover>a {background-color: transparent; border-bottom: 2px solid red;}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li:hover>a { border-bottom: 2px solid red;color: #fff; }
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open:focus>a, .navbar-inverse .navbar-nav>.open:hover>a { color: #ff6f50; background-color: transparent; }
.dropdown:hover .dropdown-menu { display: block; }
.navbar-inverse .navbar-collapse {padding-right: 0;}
.navbar-inverse .navbar-brand { color: white; font-size: 30px; font-weight: bold; }
.navbar-inverse .navbar-brand i {margin-right: 10px;}
.navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover { color: #ff6f50; }
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.open>a {background-image: none; box-shadow: none;}
.scroll {background-color: white;
	-webkit-box-shadow: 0px 7px 16px 0px rgba(0,0,0,0.42);
-moz-box-shadow: 0px 7px 16px 0px rgba(0,0,0,0.42);
box-shadow: 0px 7px 16px 0px rgba(0,0,0,0.42);}
.scroll .navbar-nav>li>a {color: black;}
.scroll .navbar-brand {color: black;}

.nabidka {margin-top: -60px;position: relative;}
/*.nabidka .row {margin-left: -25px; margin-right: -25px;}*/
.nabidka .dalsi {margin: 15px 0px; padding-bottom: 10px;}
.nabidka .dalsi::last-child {margin-bottom: 20px;}
.nadpis {padding: 25px 15px; /*padding-bottom: 33px;*/}
.nadpis a {line-height: initial;  color: #ababab; border: 1px solid #ababab; padding: 7px 20px; font-size: 22px; float: right;position: relative; top: -5px; transition: 0.3s all linear; margin-top: 8px;}
.nadpis a:hover {background: #ababab; color: white;}
.nadpis a .fa {margin-left: 5px;}
.nadpis span {border-bottom: 2px solid #e30d32; font-size: 28px; text-transform: uppercase;line-height: 45px;padding-bottom: 5px;}

.black {background-color: #1a1a1a; padding-bottom: 25px;}
.black .nadpis {color: white; font-size: 25px;}
/* .black .nadpis span {font-weight: bold;} */
.black .nadpis a {color: white; border: 1px solid white; margin-top: 8px;}
.black .nadpis a .fa {margin-left: 5px;}
.black .nadpis a:hover {color: black; background-color: white;}
.black .domy .cena {color: white;}

.bg-black {background-color: #1a1a1a;}

.domy { text-align: center;
	-webkit-transition: all 0.15s linear;
    -moz-transition: all 0.15s linear;
    -ms-transition: all 0.15s linear;
    -o-transition: all 0.15s linear;
    transition: all 0.15s linear;}
.domy:hover{
	-webkit-transform: scale(1.025);
    -moz-transform: scale(1.025);
    -ms-transform: scale(1.025);
    -o-transform: scale(1.025);
    transform: scale(1.025);}
.domy img {max-height: 250px; object-fit: cover; width: 100%;}
.domy .prodano_stitek {position: absolute;top: 20px;left: 0px;background: #e30d32;color: #fff;padding: 7px 15px 5px;}
.domy .popis {line-height:20px;color: #5f5f5f; text-align: center; margin-top: 10px;padding:0 30px;}
.domy .cena {margin: 10px 0; font-size: 24px; color: black;}
.domy > a {
    text-decoration: none;
}
.domy .domy_nahled {display: table-cell; vertical-align: middle;position:relative;}

.clanky {padding: 15px; line-height: 1.5;}
.clanky .text {color: #848484;}
.clanky .text p {margin: 10px 0; font-weight: 300; font-size: 16px; }
.clanky .text a span {text-transform: uppercase; border-bottom: 2px solid black; font-size: 20px; color: black; }

.nahled {color: #777777; padding-top: 40px;}
/*.nahled .fotky img { margin: 5px 0; height: 630px; margin: auto; object-fit: cover; width: 100%;}
.nahled .fotky .nepadding img {height: 200px; margin: 5px auto; object-fit: cover; width: 100%;}*/
.nahled .fotky img { margin: 5px 0; width: 100%;object-fit: cover; max-height: 620px;}
.nahled .fotky .col-xs-4 div img {max-height: 200px;}
.nahled .posledni_img {position: relative;}
.nahled .posledni_img div {position: absolute; margin: 5px 0; background: rgba(0,0,0,0.5); width: 100%; height: 92%; display:flex;justify-content:center;align-items:center; color: white;}
.nahled .posledni_img div i {margin-right: 5px;}
.nahled h1 {margin-bottom: 25px;}
.nahled h1 span {float: right; color: black; text-transform: initial;}
.nahled .popis h2 {margin-top: 0px;}
.nahled strong {text-transform: uppercase; font-weight: normal;}
.nahled strong, .nahled h2, .nahled h1 {color: black;}
.nahled h2 {margin-bottom: 20px;}
.nahled .popis { padding: 0 15px; font-weight: 300; font-size: 16px; line-height: 1.5;}
.nahled .info {line-height: 1.6;}
.nahled hr { margin: 30px 0; }
.makler img {width: initial; float: right; height: 150px;}
.makler .popis {height: 150px; padding: 0 15px;}
.makler .popis a:hover {color: #7f1326;}

.makler span {font-size: 20px; color: black}
.makler p {color: black; margin-top: 10px; font-family: 'Roboto'; font-size: 13px;}
.makler p i {font-size: 15px; margin-right: 5px;}
.fotky {margin-bottom: 10px;}

.blog-header { width: 100%; height: 250px; object-fit: cover; object-position: 50% 0%;}
.blog h1 {margin-bottom: 15px;}
.blog h2 {color: black; margin-top: 10px; margin-bottom: 15px;}
.blog p { color: #888888; font-weight: 300; font-size: 16px; line-height: 1.5;}
.blog .container img {margin: 25px 0;width: 100%; height: 200px; object-fit: cover; object-position: 50% 0%;}
.blog .datum { color: #bfbfbf; margin-top: 15px;}
.blog .container .clanky {border-bottom: 1px solid #cacaca; margin: 10px 15px 20px 15px; padding: 0px; padding-bottom: 45px;}
/* .blog .container .col-xs-12 {border-bottom: 1px solid #cacaca; margin: 10px 15px 20px 15px; padding: 0px; padding-bottom: 45px;} */
.blog .container .col-xs-12:first-child {margin-top: 35px;}
/* .blog .container .col-xs-12:last-child {border: none;} */
.blog .container .dalsi_clanky_kraj {padding-bottom: 0px;}
.blog h3 {font-size: 20px; text-transform: initial;}
.blog .detail_blog {margin-top: 25px; line-height: 1.4; font-size: 17px;}
.blog .detail_blog .zpet {float: right; padding: 2px 15px; color: #888888;
    border: 1px solid #888888;
    transition: all 0.15s linear;}
.blog .detail_blog .zpet:hover {color: white; background: #888888;}
.blog .dalsi { text-align: center; /*border-top: 1px solid #cacaca; margin-top: 30px;*/}
.blog .dalsi a { top: -32px; position: relative; color: #cacaca; background: white; font-size: 20px; border: 1px solid #cacaca; padding: 6px 35px; transition: 0.15s all linear;}
.blog .dalsi a:hover {color: white; background: #cacaca;}
.blog .dalsi a:focus {text-decoration: none;}
.blog .dalsi .dalsi_nejsou {color: white; background: #cacaca; cursor: default;}

.reference .ref-item::after {content:'';display:block;border-bottom:1px dotted #fff;margin:60px 0;}
.ref-box {padding:15px;font-size:20px;}
.ref-box .name {text-transform: uppercase;border-bottom: 2px solid white;display:inline;color:#fff;}
.ref-box .perex p {margin: 10px 0;font-weight: 300;font-size: 16px;color:#dadada;line-height:24px;}

.formular form {margin: 50px 0; font-size: 17px}
.formular h1 {font-size: 25px; margin-bottom: 30px;}
.formular h2 {font-size: 19px; font-weight: bold;}
.formular h3 {font-size: 17px;}
.formular p {margin: -30px 0 30px;}
.formular label {color: #888888; font-weight: initial;}
.formular .radio label { padding-left: 25px; margin-right: 25px; }
.formular .radio div {margin: 7px 0;}
.formular .radio input[type=radio] {margin-left: -25px;}
.formular input:focus, .formular select:focus, .form-control:focus {border-color: #e20505;box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(227, 13, 50, 0.6);}
.formular select {border-radius: 3px;}
.formular .odeslat {text-align: center; border-top: 1px solid #cacaca; margin-top: 50px;}
.formular .odeslat .btn {margin-top: -19px; color: white; background: #e30d32; font-size: 20px; text-transform: uppercase; border: none; border-radius: 0px; padding: 6px 35px;}
.formular .form-typnemovitosti {margin-top: 40px;}
.formular .margin_cena {margin-top: 27px; margin-bottom: 15px;}
.kontaktni-formular input {margin: 10px 0; border-radius: 0;}
.kontaktni-formular .odeslat {float: right; float: right; padding: 2px 15px; color: #888888; border: 1px solid #888888; transition: all 0.15s linear; background: white; margin-top:0px; }
.kontaktni-formular .odeslat:hover {color: white; background: #888888;}
.kontaktni-formular textarea {margin: 10px 0; height: 123px; border-radius: 0;}
.kontaktni-formular .form-control:focus {border-color: #e20505 !important;box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(227, 13, 50, 0.6) !important;}
/*.koupit .form-control {width: 350px;}*/
.koupit .form-control {width: 450px;}
.prodat .form-control {width: 450px;}
.koupit .druhy_nemovitosti {margin-bottom: 40px;}

.vyhledavani input[type=text] {margin: 0 10px; border-radius: 3px;}

form.form-small {
    font-size: 14px;
}
.form-small h1 {
    margin-bottom: 0;
}
.form-small h2 {
    margin: 5px 0 0;
    font-size: 14px;
}
.form-small h3 {
    margin: 5px 0 0;
    color: #fff;
    aborder-top: 1px solid #d9d9d9;
    font-size: 15px;
}
.form-small .inline {
    display: inline-block;
    width: 25.3%;
}
.form-small .okraj {
    margin-bottom: 10px;
    padding: 0;
}
.form-small .radio-danger {
    padding-bottom: 0;
}
.form-small .radio {
    margin-top: 0;
    margin-bottom: 20px;
}
.form-small .radio label::before {
    top: 8px;
    margin-left: 0;
    width: 14px;
    height: 14px;
}
.form-small .radio label::after {
    top: 10px;
    margin-left: -1px;
    width: 10px;
    height: 10px;
}
.form-small .radio div {
    margin: 0;
    height: 20px;
}
.form-small .form-typnemovitosti {
    margin-top:0;
}
.form-small .margin_cena {
    margin-top: 10px;
    margin-bottom: 10px;
}
.form-small .margin_cena strong {
    color: #fff;
    text-transform: uppercase;
    margin-right: 10px;
}
.form-small .odeslat {
    margin-top: 30px;
}
.form-small .odeslat .btn {
    margin-top: -35px;
}

.vypis {margin-top: 20px;}
.vypis .col-sm-4 {margin-bottom: 20px;}
.vypis-info {margin: 0 0 20px 15px;}
.vypis-info a {color: #fff;apadding-bottom: 5px;text-decoration: underline;}
.vypis-info a:hover {}
.nenalezeno {
    margin-left: 15px;
    margin-right: 15px;
}
.nenalezeno .light {
    color: #e30d32;
}
.nenalezeno .chci {
    text-transform: uppercase;
}
.nenalezeno .chci a {
    margin: 0 20px;
    padding-bottom: 5px;
}
.nenalezeno .chci a:hover {
    color:#fff;
    border-bottom: 2px solid #e30d32;
}
.nenalezeno .nav-tabs {
    border-bottom: 0;
    margin-bottom: 0;
}
.nenalezeno .nav-tabs li {
    float:none;
    display: inline-block;
    padding: 0 20px;
    margin: 0;
}
.nenalezeno .nav-tabs li.active a {
    background: none;
    border: 0;
    color: #fff;
    border-bottom: 2px solid #e30d32;
}
.nenalezeno .nav-tabs li a {
    background: none;
    text-transform: uppercase;
    border: 0;
    display: block;
    margin: 0;
}
.nenalezeno a:focus {
    text-decoration: none !important;
}
.nenalezeno .nav-tabs li:hover a,
.nenalezeno .nav-tabs li:focus a,
.nenalezeno .nav-tabs li.active:focus a {
    color: #fff;
    background: none;
    border-bottom: 2px solid #e30d32;
    text-decoration: none !important;
}
.nenalezeno .blog-header {
    visibility: hidden;
    height: 0;
}
.nenalezeno .formular h1 {
    apadding: 0 0 10 !important;
    margin: -25px 0 15px !important;
}
.nenalezeno .formular form {
    margin: 0 !important;
}

.checkbox label::after {top: 3px; background: none;}
.checkbox-danger input[type="checkbox"]:checked + label::before, .checkbox-danger input[type="radio"]:checked + label::before {background-color: #bf0600;}
.formular .radio-danger input[type="radio"]:checked + label::before {border-color: #848484;}
.radio-danger input[type="radio"]:checked + label::after {background-color: #bf0600;}
.radio {padding-left: 0;}
.radio input[type="radio"]:checked + label::after {
    -webkit-transform: scale(0.85, 0.85);
    -ms-transform: scale(0.85, 0.85);
    -o-transform: scale(0.85, 0.85);
    transform: scale(0.85, 0.85);
}
.radio input[type="radio"]:focus + label::before {outline: black;}
.radio label::before {top: 4px; margin-left: -15px;}
.radio label::after {top: 7px; margin-left: -15px;}
.radio-danger {padding-bottom: 30px; }

.to-google-banner {position: relative;}
#google-banner {display:block;position: absolute; top:60px;width:180px;height: 600px;left:100%;z-index:1;}
#google-banner.home, #google-banner.blog, #google-banner.nabidka {display: none;}
#google-banner.home_on {top: 0;}
#google-banner {}
#googleMap {margin-top: 60px;}

.tree {
    margin-top: 30px;
}
.tree ul {
    list-style: none;
    padding: 0;
}
.tree.bg .container .item {
    background: #101010;    
}
.tree .container .item {
    padding-left: 15px;
    padding-right: 15px;
}
.tree .item {
    position: relative;
    color: #fff;
    padding-bottom: 80px;
    margin-bottom: 30px;
}
.tree .item .desc {
    padding: 0 15px;
}
.tree .item .more {
    line-height: initial;
    color: #ababab;
    border: 1px solid #ababab;
    padding: 7px 20px;
    font-size: 22px;
    float: right;
    position: absolute;
    bottom: 30px;
    right: 30px;
    transition: 0.3s all linear;
    margin-top: 8px;
}
.tree .item:hover .more {
    color: black;
    background: white;
}

.contacts .item {
    background: #101010;
    padding: 0 15px 30px;
    margin-bottom: 30px;
}
.contacts .item .info {
    padding: 0 15px;
    line-height: 1.3;
}
.contacts .item label {
    color: #9d9d9d;
    font-weight: 400;
}
.contacts .item a {
    color: #fff !important;
    text-decoration: underline;
}
.contacts .item a:hover {
    text-decoration: none;
}
.contacts .groups {
    margin-top: 50px;
}
.contacts .groups .info {
    color: #9d9d9d;
}
.contacts .groups .info h1,
.contacts .groups .info h2,
.contacts .groups .info h3,
.contacts .groups .info h4,
.contacts .groups .info h5,
.contacts .groups .info h6 {
    color: #fff;
}

@media (max-width: 768px) {
    #navbar .login {float: left;top: 13px;}
    #navbar .login a {display: block;border-bottom: 2px solid transparent;}
	.navbar-nav { position: initial; text-align: right;}
    .navbar-inverse .navbar-collapse {padding-right: inherit;}
    .nahled .fotky .col-xs-4 img {padding: 0 5px;}
    .nahled .posledni_img div {width: 93%; margin: 5px; height: 92%;}
    .koupit .form-control {width: 100%;}
    #bar, #bar.affix {
        position: fixed;
        top: 0px;
        width: 100%;
        z-index:10;
    }
    .dropdown:hover .dropdown-menu { display: none; }
}

@media (max-width: 1020px) {
    .baner .overlay img {    left: 9%;}
	.baner .baner_popis{ font-size: 15px; awidth: 400px; }
	.baner .baner_popis h1{ font-size: 25px; }
    .navbar-nav {/*top: 30px;*/ right: 0px;}
}
@media (max-width: 1600px) {
    /*.nahled .fotky img{height: 417px;}*/
    .baner .overlay img {    left: 11%;}
}

@media (max-width: 685px) {
	.banner .banner_popis{ font-size: 15px; width: 280px; top: 5%; }
}