.modra {
    color: #245e9e;
}
.oranzova  {
    color: #f99a2e;
}

body{
    font-family: 'Montserrat', sans-serif;
    color: #333;
    background: #fff;
    font-size: 12px;
    padding: 0;
    margin:0;
}
a {
    color: #245e9e;
}
#top_menu,
#menu {
    position: absolute;
    z-index: 100;
    right: 270px;
    width: 1318px;
    background-color: #fff;
    padding: 0 31px;
    clear: both;
}
#menu {
    border: 0px solid red;
    top: 40px;
    height: 85px;
    padding-top: 19px;
    padding-bottom: 0;
}
.menuitem {
    height: 50px;
    padding: 40px 4px 0 0;
    cursor: pointer;
    float: right;

}
.menuitem a {
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    color: #245e9e;
    margin-left: 35px;
    border: 0px solid red;
    height: 50px;
    padding: 20px 0;
}
.menuitem a.sel{
    color: #f99a2e;
    /*background-image: url('../images/podtrzeni.jpg');*/
    background-repeat: no-repeat;
    background-position: -5px 5px;
}
.menuitem a:hover{
    color: #f99a2e;

}
#top_menu {
    color: #717171;
    border-bottom: 2px solid #d8d8d8;
    top: 0px;
    height:39px;
    font-size: 13px;
    background-color: #f1f1f1;
}
#top_menu a {
    color: inherit;
    text-decoration: none;

}
.top_menu_left {
    padding: 11px 5px 0 0;
    float: left;
}
.top_menuitem {
    height: 17px;
    padding: 11px 5px 0 0;
    cursor: pointer;
    float: right;
    /*border-right: 1px solid #d8d8d8;*/

}
#obsah {
    width: 1210px;
    margin: auto;
    /*margin-top: 778px;*/
    overflow: visible;
    padding: 0px;
    border: 0px solid green;
    position: relative;

}
#obsah h1,
#obsah h1 .home {
    position: absolute;
    top: -250px;
    color: white;
    font-size: 40px;
    font-weight: 800;
    text-shadow: 2px 5px 20px #666;
}
#obsah h1.home {
    top: -440px;
    left: 12px;
}
#main {
    width: 1920px;
    margin: auto;
    position: relative;
    background: #f8f8f8;
}
/*#main h1 {
    color: white;
    font-size: 36px;
    position: absolute;
    top: 250px;
    left: 360px;

}*/
#head, #head2 {
    background-image: url('../images/animace/1.jpg');
    /*background-image: url('../images/head.jpg');*/
    background-repeat: no-repeat;
    width: 1920px;
    height: 778px;
    top:0;
    margin: auto;
    position: relative;
}
#head2 {
    background-image: url('../images/head_2.jpg');
    height:465px;
    overflow: hidden;
    position: relative;
}
#vlna {
    background-image: url('../images/vlna.png');
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
    left:0;
    width: 1920px;
    height: 137px;
}
#footer_line {
    background-image: url('../images/spodni_vlnka.jpg');
    background-repeat: no-repeat;
    height: 82px;
    width: 1920px;
    padding: 0;
}
#footer {
    padding: 0 ;
    padding-top: 30px;
    min-height: 300px;
    background-color: #eeeeee;
    margin-top: 0px;
    border: 0px solid red;
    clear: both;
    width: 1920px;
    margin: auto;
}
#footer .sloupec {
    width: 300px;
    border: 0px solid blue;
    float: left;
    padding-left: 120px;
}
#footer .sloupec p {
    color: #717171;
    margin-left: 12px;
    line-height: 1.5em;
}
#footer .sloupec h3 {
    color: #275ca2;
    font-size: 18px;
    font-weight: 500;
    margin-left: 11px;
}
#footer a {
    color: #275ca2;
}
#kontakty img,
#footer img {
    vertical-align: middle;
}
.ui-widget{font-size:.9em;}
.ui-dialog .ui-dialog-buttonpane button{padding:.1em .6em .2em .6em;}
.ui-widget .el-dialogform{padding:5px 3px;}
.ui-widget .el-dialogform-rtl{direction:rtl;}
.ui-widget .el-dialogform-rtl .ui-tabs-nav li{float:right;}
.ui-dialog .ui-dialog-title,.ui-dialog .ui-dialog-content{font-size:.9em;}
.ui-tabs .ui-tabs-nav li a{padding:.2em .7em;}
.ui-dialog .ui-dialog-buttonpane{padding:.4em,1em;}
.ui-dialog .ui-dialog-buttonpane button{margin:.3em .4em .1em 0;font-size:.9em;}
.ui-dialog .ui-dialog-titlebar{padding:.3em 1em .3em;}

table {
    border-collapse: collapse;
}

h2 {
    background-color: inherit;
    color: #275ca2;
    font-size: 30px;
    line-height: 1.5em;
    font-weight: 500;
    margin-left: 0;
    margin-top: 0px;
    padding-bottom: 20px;
    padding-left: 0;
    background-image: url('../images/vlnka.png');
    background-repeat: no-repeat;
    background-position-y: 50px;
}
.reference_nahled h2,
.nemo_nahled h2,
#filtr h2 {
    background-image: inherit;
    font-size: 16px;
}
.reference_nahled h2 {
    padding-bottom: 0px;
}
img {
    border: 0;
}

hr {
    clear: both;
    height: 0px;
    border: 0;
    margin: 0;
    visibility: hidden;
}
.foto_nahled {
    float: left;
    border: 1px solid silver;
    width: 120px;
    height: 150px;
    text-align: center;
    overflow: hidden;
    background: #e9f6fe;
    margin: 4px;
}
#filtr_obal {
    width: 250px;
    height: 984px;
    float: left;
    border: 0px solid red;
    position: relative;

}
#filtr_obal .holka {
    position: absolute;
    z-index: 199;
    bottom: 20px;
    left: -150px;
}

#filtr {
    width: 205px;
    height: 624px;
    background-color: #e5e5e5;
    z-index: 100;
    padding: 29px;
    position: absolute;
    top: 0;
    left:0;
    z-index: 200;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#filtr select {
    height: 36px;
    width: 218px;
    font-size: 14px;
    padding-left: 10px; 
    color: #666;

}
#filtr .oddeleni {
    border-bottom: 0.5px solid #d8d8d8;
    height: 20px;
    visibility: visible;
    width: 260px;
    margin-left: -28px;
    clear: both;

}

#filtr .dispozice {
    width: 65px;
    float: left;

}

#filtr .filtruj {
    width: 220px;
    height: 50px;
    color: white;
    background-color: #f99a2e;
    border: none;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;

}
#mozaika {
    float: left;
    width: 75%;
    margin: 0 0 0 20px;
    z-index: 100;
    border: 0px solid red;
}
.reference_nahled {
    width: 280px;
    height: 300px;
    float: left;
    margin-left: 20px;
    margin-bottom: 20px;
    font-size: 12px;
    line-height: 1.5em;
    position: relative;
    background-color: #fff;
    padding: 0px; 
    overflow: hidden;
}
.reference_nahled .foto_div {
    width: 280px;
    height: 185px;
    overflow: hidden;
    /*    margin-left: 0px;
        margin-top: 0px;*/
}
.nemo_nahled {
    width: 240px;
    height: 448px;
    float: left;
    margin-left: 20px;
    margin-bottom: 20px;
    font-size: 12px;
    line-height: 1.5em;
    position: relative;
    background-color: #fff;
    padding: 20px; 

}
.nemo_nahled .foto_div {
    width: 280px;
    height: 185px;
    overflow: hidden;
    margin-left: -20px;
    margin-top: -20px;
}
.nemo_nahled .nemovitost_nahled {
    width: 280px;

}
.tagy {
    padding:0 10px;
}
.tag {
    background-color: #eeeeee;
    height: 15px;
    font-size: 12px;
    color: #666;
    padding: 6px;
    margin-left: 5px;
    margin-bottom: 3px;
    vertical-align: bottom;

    float: left;
}
.tag sup {
    font-size: 10px;
    line-height: 10px;
}
.reference_nahled h2 {
    margin-left: 15px;

}
.reference_nahled a, 
.nemo_nahled a {
    color: inherit;
    text-decoration: none;
}
.reference_nahled .detail,
.nemo_nahled .detail {
    position: absolute;
    bottom: 52px;
    left:20px;
}
.reference_nahled .detail {
    bottom: inherit;
    left: inherit;
    top: 137px;
    right: 10px;
    background-image: url('../images/button_galerie.png');
    background-repeat: no-repeat;
    width: 130px;
    height: 35px;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    padding: 8px;
    padding-right: 15px;
    text-transform: uppercase;
}
.nemo_nahled .uvodnik {
    height: 130px;
    overflow: hidden;
}
.nemo_nahled .prelepka {
    position: absolute;
    border: 0px solid red;
    width: 110px;
    height: 30px;
    padding: 5px 10px 0 0;
    margin: 0;
    background-image: url('../images/prelepka.png');
    background-repeat: no-repeat;
    color: #fff;
    top: 130px;
    left: -5px;
    text-align: right;
}

.nemovitost {
    font-size: 14px;
    line-height: 1.5 em;
    height: auto;
    /*border: 1px solid red;*/
}
.galerie .cena {
    position: absolute;
    color: #fff;
    font-size: 24px;
    text-align: right;
    padding-top: 20px;
    padding-right: 15px;
    left: -10px;
    top: 40px;
    width: 241px;
    height: 63px;
    background-image: url('../images/prelepka_velka.png');
    background-repeat: no-repeat;
    z-index: 500;
}
.nemovitost h2 {
    font-size: 30px;
    font-weight: 700;
    color: #275ca2;
}
.nemovitost h3 {
    font-size: 16px;
    margin: 0;
    font-weight: 500;
    color: #275ca2;
}
.nemovitost .parametry {
    width: 480px;
    height: 800px;
    background-color: #ebebeb;;
    z-index: 100;
    float: left;
    margin-bottom: 20px;

}
.nemovitost .parametry p {
    color: #5b5b5b;
}
.nemovitost .parametry h2 {
    margin-left: 29px;
}
.nemovitost .parametry table {
    width: 100%;
}
.nemovitost .parametry .param {
    height: 35px;
    /*border: 1px solid blue;*/
    border-bottom: 0.5px solid #d8d8d8;
}
.nemovitost .parametry .nazev {
    color: #666;
    padding-top: 10px;
    /*border: 1px solid red;*/
    width: 200px;
    padding-left: 29px;
}
.nemovitost .parametry .hodnota {
    color: #275ca2;
    font-weight: 700;
    padding-top: 10px;
    /*border: 1px solid red;*/
    width: 232px;
}
.nemovitost .parametry .makler {
    background-color:#dedede;
    width: 420px;
    min-height: 150px;
    padding: 30px 30px 30px 30px;
    line-height: 1.5em;
    margin-top: 30px;
}
.nemovitost .parametry .makler a {
    color:  #275ca2;
}
.foto_makler{
    float: left;
    margin-right: 20px;
    /*border: 1px solid red;*/
    overflow: hidden;
    height: 160px;
    width: 160px;
    background-position: -50px -10px;
}
.nemovitost .detaily {
    width: 680px;
    min-height: 600px;
    float: left;
    border: 0px solid red;
    margin-left:22px; 
    position: relative;    
}
.image_box {
    width: 137px;
    height: 80px;
    border: 0px solid red;
    float: left;
    overflow: hidden;
    text-align: center;
    background-color: white;
    margin-top: 19px;
}
.nemovitost .galerie .prvni {
    width: 680px;
    height: 465px;
    border: 0px solid blue;
    float: left;
    overflow: hidden;
    margin-top: 0;
}
.nemovitost .galerie .nahledy {
    background-color: #fff;
    width: 680px;
    height: 100px;
    overflow: hidden;
    border: 0px solid green;

}
.nemovitost .popis {
    padding: 20px;
}
.galerie_velka {


    overflow: visible;
}
#highlights {
    background-image: url('../images/highlights.png');
    background-repeat: no-repeat;
    background-position-y: -25px;
    height:325px;
    margin-left: -135px;
    background-color: inherit;
    /*border: 1px solid wheat;*/
}
#highlights .part{
    color: white;
    font-size: 64px;
    width: 25%;
    float: right;
    /*margin: 50px 20px 0 30px;*/
    /*border: 1px solid red;*/
    text-align: center;

}
#highlights .part .velke {
    font-weight: 700;
    margin-top: 45px;
    /*border: 1px solid white;*/
}
#highlights .part .male {
    font-size: 12px;
    /*border: 1px solid green;*/
    height: 10px;
}
#uvodnik {
    width: 1210px;
    border: 0px solid red;
    margin: auto;
}
.kolace {
    background-image: url('../images/kolaze/8.png');
    background-repeat: no-repeat;
    width: 527px;
    height: 538px;
    float: right;
    margin: -10px -150px 0 0 ;
}
.kolac1 {
    background-image: url('../images/kolaze/1.png');
}
.kolac2 {
    background-image: url('../images/kolaze/2.png');
}
.kolac3 {
    background-image: url('../images/kolaze/3.png');
}
.kolac4 {
    background-image: url('../images/kolaze/4.png');
}
.kolac5 {
    background-image: url('../images/kolaze/5.png');
}
.kolac6 {
    background-image: url('../images/kolaze/6.png');
}
.kolac7 {
    background-image: url('../images/kolaze/7.png');
}
.kolac8 {
    background-image: url('../images/kolaze/8.png');
}
.kolac9 {
    background-image: url('../images/kolaze/9.png');
}
#uvodnik h2 {
    font-size: 64px;
    font-weight: 700;
    background-position-y: 90px;
}
#uvodnik p {
    font-size: 14px;
    color: #717171;
}
#uvodnik p.prvni {
    font-size: 16px;
    font-weight: 500;
}
#uvodnik a {
    color: #245e9e;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
}
#nahled_novinek,
#nahled_novinek_nemovitosti {
    width: 1210px;
    height: 310px;
    /*border: 1px solid red;*/
    margin: auto;
}
#nahled_novinek_nemovitosti {
    min-height: 550px;
}
#nahled_novinek { 
    background-image: url('../images/megafon.jpg');
    background-repeat: no-repeat;
    background-position-y: 60px;
    background-position-x: 250px;
}
#nahled_novinek h2,
#nahled_novinek_nemovitosti h2{
    font-size: 24px;
    height: 90px;
    background-position-y: 75px;
}
#nahled_novinek_nemovitosti h2{
    height: 60px;
    background-position-y: 40px;
}
#nahled_novinek .left,
#nahled_novinek_nemovitosti .left {
    width: 480px;
    height: 100%;
    float: left;
    margin-right: 30px;
    border: 0px solid blue;
}
#nahled_novinek_nemovitosti .left {
    width: 250px;
    margin-right: 60px;
    /*border: 1px solid blue;*/
}
#nahled_novinek_nemovitosti .right {
    /*border: 1px solid blue;*/
}
#nahled_novinek .novinka {
    height: 90px;
    overflow: hidden;
}
#nahled_novinek .datum {
    font-size: 21px;
    float: left;
    height: 70px;
    margin-right: 15px;
    font-weight: 700;
    opacity: 0.4;
}
#nahled_novinek h3,
#nahled_novinek h3 a {
    margin-bottom: 5px;
    margin-top: 0;
    font-weight: 500;
    font-size: 16px;
}
#nahled_novinek p {
    margin-top: 1px;
    height: 55px;
    overflow: hidden;
}
#overlay {
    background: rgba(39,62,84,0.52);
    overflow: hidden;
    height: 100%;
    z-index: 2;
}
#kontakty {
    float: left;
    width: 1210px;
    margin: 0 0 0 0px;
    z-index: 100;
    /*border: 1px solid red;*/
}
.kontakty_box {
    width: 900px;
    float: left;
    /*border: 1px solid red;*/
}
.kontakt_h2,
.kontakt {
    width: 280px;
    height: 400px;
    margin: 0 20px 20px 0;
    /*border: 1px solid red;*/
    position: relative;
    overflow: hidden;
    float: left;

}
.kontakt {
    background-color: #eeeeee;
}
#kontakty h2 {
    font-size: 30px;
    width: 280px;
    height: 400px;
    font-weight: 700;
    background-position-y: 105px;
    padding-bottom: 60px;
    float: left;
}
.kontakt .fotka {
    width: 280px;
    height: 200px;
    overflow: hidden;
    /*border: 1px solid blue;*/
}

#kontakty h3 {
    color: #245e9e;
    font-size: 16px;
    margin-left: 20px;
    font-weight: 500;
}
#kontakty p{
    margin-left: 20px;
    /*font-family: cursive;*/
    font-size: 13px;
    color: #717171;
}
#mozaika .nenalezeno {
    padding-left: 20px;
}
.sipka {
    background-image: url('../images/pronajem_bez_provize.png');
    width: 148px;
    height: 154px;
    z-index: 150;
    position: absolute;
    top:-25px;
    right:-25px;
}
.novinka_box {
    width: 378px;
    height: 390px;
    /*overflow: hidden;*/
    position: relative;
    background-color: #fff;
    float: left;
    margin-right: 20px;
}
.novinka_nahled {
    position: relative;
}
.novinka_box .datum{
    position: absolute;
    top: 190px;
    left: -5px;
    width: 60px;
    height: 35px;
    color: white;
    padding: 7px 14px;
    background-image: url('../images/prelepka_datum.png');
    background-repeat: no-repeat;
}
.novinka_box h3,
.novinka_box p {
    margin-left: 29px;
}
.prehled_novinek {
    width: 370px;
    float: right;
    /*border: 1px solid red;*/
}
.prehled_novinek h3 a{
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
}
.prehled_novinek .novinka {
    /*border-bottom: 1px solid #888*/
}
.prehled_novinek .datum {
    font-size: 24px;
    font-weight: 700;
    margin-right: 29px;
    opacity: 0.4;
    float: left;
}
.zarovnat {
    text-align: justify;
}
.vlajka {
    margin-left: 10px;
}
#top_menu .sep {
    float: right;
    height: 100%;
    margin-left: 30px;
    margin-right: 20px;
    border-left: 1px solid #aaa;
}
@media (max-width: 1980px) {
    #footer {
        padding: 0 20px;
        width: 1920px;
        margin: inherit;
        margin: auto;
    }
    
}
@media (max-width: 1680px) {
    body {
        background-color: #f8f8f8;
    }
    #head, #head2 {
        margin: inherit;
        width: inherit;
    }
    #top_menu, #menu, #obsah, #main, #uvodnik, #footer,
    #nahled_novinek, #nahled_novinek_nemovitosti {
        width: inherit;
        right: inherit;
        position: inherit;
    }
    #kontakty {
        width: inherit;
        margin-left: 29px;
    }
    #kontakty h2 {
        width: inherit;
        height: 10px;
        margin-right: auto;
        background-position-y: 50px;
    
    }
    .kontakty_box {
        width: inherit;
        clear: both;
    }
    #obsah {
        margin-top: 20px;
        margin-left: 29px;
        padding-right: 29px;
        /*width: 70%;*/
    }
    #obsah h1 {
        position: relative;
        top: -250px;
        left: 48px;
    }
    #menu {
        top: 0;
        position: relative;
        margin-top: -1px;
    }
    #uvodnik {
        padding: 0 20px 20px 20px;
    }
    #vlna {
        width: 100%;
    }
    .menuitem {
        display: inline;
        padding: 10px 0;
        height: 1em;
    }
    .menuitem a {
        height: 10px;
        padding: 5px 0;
        margin-left: 15px;
    }
    
    #footer .sloupec {
        width: 20%;
        margin-left: 5%;
    }
    #mozaika {
        width: 75%;
        margin-left: 20px;
    }
    #mozaika_siroka {
        width: 100%;
        margin-left: 29px;
    }
    #filtr_obal {
        width: 250px;
    }
    #highlights {
        margin-left: inherit;
        padding-top: 50px;
        padding-left: 60px;
            
    }
       #highlights .part .velke {
        font-size: 36px; 
    }
    .kolac {
        margin: 30px;
        background-position: -100px,200px;
        width: 400px;
        height: 400px;
    }
    
}
@media (max-width: 1080px) {
    #mozaika {
        width: 650px;
    } 
    .nemovitost .parametry {
        width: 400px;
    }
   .nemovitost .parametry .makler {
        width: 380px;
        padding: 10px 10px;
    }
    
    .nemovitost .detaily {
        width: 500px;
    }
    .nemovitost .galerie .prvni,
    .nemovitost .galerie .nahledy{
        width: 580px;
    }
    .menuitem a {
        font-size: 12px;
    }
    #nahled_novinek_nemovitosti .left {
        width: 220px;
    }
    #nahled_novinek_nemovitosti .left,
    #nahled_novinek_nemovitosti .left a {
        font-size: 24px;
    }
    #nahled_novinek_nemovitosti h2 {
        height: 90px;
        background-position-y: 70px;
    }
}
.button {
    width: 150px;
    height: 29px;
    background-color:#f99a2e;
    color: white;
    text-align: center;
    padding-top: 10px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    
    margin: auto;
}
#uvodnik .button  a  {
    color: #fff;
}

#corona {
    width: 500px;
    height: 400px;
    position: absolute;
    top: 20px;
    left: 20px;
    border: 1px solid silver;
    z-index: 5000;
    background: white;
    padding: 20px;
}

#kontakt_form {
    clear:both;
}
#kontakt_form .lab {
    width: 150px;
    display: inline-block;
}

.has-error {
    color: #a94442 !important;
    border: 2px solid red;

}

.has-success {
    color: #3c763d;
    border: 0px solid green;
}