body {
    color: #344a52;
    background: url(/Content/images/bg-sh-l.png) top left repeat-y fixed, url(/Content/images/bg-sh-r.png) top right repeat-y fixed, url(/Content/images/bg-qsxga.jpg) top center no-repeat fixed;
}

.page {
    margin-bottom: 40px;
}

#nav-menu {
    background-color: rgba(180,180,180,0.5);
    background-image: none;
    margin-bottom: 0px;
}

#nav-flags {
}

.flags a {
    display: inline-block;
    margin: 0 2px 0 2px;
}

.flags .cs:before {
    content: url(images/flags/16/cs.png);
}

.flags .cz:before {
    content: url(images/flags/16/cs.png);
}

.flags .pl:before {
    content: url(images/flags/16/pl.png);
}

.flags .en:before {
    content: url(images/flags/16/en.png);
}

.flags .sk:before {
    content: url(images/flags/16/sk.png);
}

.cursor-hand {
    cursor: hand;
    cursor: pointer;
}

#main .container {
    background-color: rgba(220,220,220,0.7);
    padding-bottom: 20px;
}

/* sekce menu po prihlaseni - logon */

@media screen and (min-width: 768px) and (max-width: 1200px) {
    #logon-username {
        display: none;
    }

    #nav-menu .navbar-brand {
        display: none;
    }

    #nav-menu .top-menu {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 120px;
    }
}

@media screen and (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #444 !important;
    }
}

/* datova tabulka - grid */
table.dataTable .even {
    background-color: #F2F4F7;
}

table.dataTable tbody tr:hover {
    background-color: #F2F9FF;
    color: #000;
}

table.dataTable thead th {
    text-align: center;
}

table.dataTable tbody tr:hover td {
    border-bottom: 1px solid #00afef;
}

table.dataTable tbody .DateCreate {
    text-align: right;
    margin-right: 5px;
}

td.search {
    background: url("images/ikona-search.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    text-align: center;
    width: 20px;
}

td.del {
    background: url("images/ikona-delete.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    text-align: center;
    width: 20px;
}

/* -----------------  */

.ui-widget-overlay {
    opacity: 0.4;
}

.navbar-default .navbar-nav > li > a {
    color: #444;
}

.navbar-default .navbar-brand {
    color: #444;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: rgba(200,200,200,0.6);
    color: #555;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: rgba(200,200,200,0.7);
    background-image: none;
    color: #555;
}

#pics {
    background: url("/Content/images/pics/pic-01.jpg") no-repeat scroll center bottom rgba(0, 0, 0, 0);
    box-shadow: 0 4px 5px 0 rgba(0, 73, 124, 0.22);
    height: 193px;
    overflow: hidden;
    padding-top: 88px;
    position: relative;
    width: 100%;
    z-index: 10;
}

@media screen and (min-width: 1200px) {
    #pics-footer-index {
        background: url("/Content/images/pics/BANNER2-1140.jpg") no-repeat scroll center bottom rgba(0, 0, 0, 0);
        box-shadow: 0 4px 5px 0 rgba(0, 73, 124, 0.22);
        height: auto;
        overflow: hidden;
        padding-top: 382px;
        position: relative;
        max-width: 100%;
        z-index: 8;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    #pics-footer-index {
        background: url("/Content/images/pics/BANNER2-990.jpg") no-repeat scroll center bottom rgba(0, 0, 0, 0);
        box-shadow: 0 4px 5px 0 rgba(0, 73, 124, 0.22);
        height: auto;
        overflow: hidden;
        padding-top: 322px;
        position: relative;
        max-width: 100%;
        z-index: 8;
    }
}

@media screen and (max-width: 991px) {
    #pics-footer-index {
        background: url("/Content/images/pics/BANNER2-768.jpg") no-repeat scroll center bottom rgba(0, 0, 0, 0);
        box-shadow: 0 4px 5px 0 rgba(0, 73, 124, 0.22);
        height: auto;
        overflow: hidden;
        padding-top: 240px;
        position: relative;
        max-width: 100%;
        z-index: 8;
    }
}

footer, #footer {
    background-color: #fff;
    bottom: 0;
    box-shadow: 0 -4px 5px 0 rgba(0, 73, 124, 0.22);
    color: #999;
    font-size: 0.9em;
    line-height: normal;
    margin-top: 24px;
    padding: 10px 0;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 9;
}

.translate {
    display: none;
}

.form-control {
    display: inline-block;
}

/*  Chyby a validace */

label.required:after {
    content: "*";
    color: #aa0000;
}

.form-group-val input[type=text], .form-group-val select {
    width: 90%;
    display: inline;
}

.validation-summary-errors {
    color: #000000;
    padding: 5px 5px 5px 5px;
    background-color: rgba(180,0,0,0.2);
}

.input-validation-error, input.error, select.error, textarea.error {
    border-color: #aa0000;
    border-width: 2px;
    color: #aa0000;
}

.field-error-box {
    background: url("images/validate_error.png") no-repeat scroll right top rgba(0, 0, 0, 0);
    display: inline-block;
    width: 18px;
}

label.error {
    background: url("images/validate_error.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    height: 23px;
    margin-left: -30px;
    width: 26px;
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

/* Vyhledavani - stranka Search */

#search .show-photos {
    margin-top: 5px;
    margin-bottom: 5px;
}

#search #fmFiltr button {
    width: 90px;
}

#search .item:hover {
    background-color: rgba(180,180,180,0.4);
}

/* Statistika */
#stats fieldset {
    margin-top: 10px;
}

table#last-backups {
    width: 100%;
}

#stats .lv {
    border-bottom: 1px solid #efefef;
}

.label {
    width: 140px;
    display: inline-block;
    text-align: left;
    font-size: 100%;
    color: #333333;
}

.label-200 {
    width: 200px;
}

.label-250 {
    width: 250px;
}

.ui-dialog .label {
    width: 140px;
    display: inline-block;
    text-align: left;
    color: black;
    font-size: 100%;
}

#stats .lv .value {
    width: 80px;
    display: inline-block;
    text-align: right;
    font-weight: bold;
}


/* historie */
#last-check .record {
    margin-bottom: 15px;
    padding-bottom: 5px;
    border-bottom: 1px solid #efefef;
}

    #last-check .record:hover {
        background-color: rgba(100,100,100,0.2);
    }

#last-check .RegisterUpdate {
    color: navy;
}

#last-check .RegisterNew {
    color: green;
}

/* pripravna */
#prep-item-cont .cb-img {
    background-image: url("themes/base/images/ui-icons_72a7cf_256x240.png");
    display: inline-block;
    margin-right: 3px;
}

#prep-item-cont .NoCheck {
    background-position: -16px -112px;
}

#prep-item-cont .Ready {
    background-position: -64px -144px;
}

#prep-item-cont .Error {
    background-position: 0 -144px;
}

/*  dialog se zobrazenim fotek */
#dlgPhotos .foto {
    margin: 4px 4px 4px 4px;
}

/* stranka s hledanim pro neregistrovane */
#search-pub {
}

    #search-pub .found {
        margin-bottom: 10px;
    }

        #search-pub .found .name {
            font-size: 120%;
            font-weight: bold;
        }

        #search-pub .found .orgname {
            font-size: 110%;
            font-weight: bold;
            font-style: italic;
        }

table#last-backups {
    margin-top: 10px;
}

    table#last-backups td, table#last-backups th {
        border-bottom: 1px solid #d8e6f0;
        padding-left: 5px;
        padding-right: 5px;
    }

    table#last-backups .old td.date {
        color: red;
    }

/************ Stranka s vypisem MP organizaci *****************************/
#city-police .name {
    font-weight: bold;
    font-size: 115%;
}

#city-police .detail {
    display: none;
    background-color: rgba(230,230,230,0.8);
    padding-bottom: 10px;
    padding-top: 5px;
    margin-left: 10px;
    margin-right: 10px;
}

#city-police .delimiter {
    margin-bottom: 15px;
    border-top: 1px solid #AAC7CC;
}

#city-police .org:hover {
    background-color: rgba(180,180,180,0.4);
}

#city-police .detail .tit {
    font-weight: bold;
    font-size: 105%;
}

#city-police .stolen {
    font-weight: bold;
    color: red;
}

/* ********************************************************* */

.loginfo {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 500px;
}

.img:before {
    padding: 0 3px;
}

.img.info:before {
    content: url(/Content/images/ikona-info.png);
}

.img.error:before {
    content: url(/Content/images/ikona-error.png);
}

.img.warn:before {
    content: url(/Content/images/ikona-warn.png);
}

.img.fatal:before {
    content: url(/Content/images/ikona-fatal.png);
}

.img.debug:before {
    content: url(/Content/images/ikona-debug.png);
}

.clearfix::after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

.price-subinfo {
    font-style: italic;
    color: #777777;
    padding-top: 15px;
}

.price-lefthead {
    float: left;
    font-weight: bold;
}

.price-download {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    font-weight: bold;
}


.price-table {
    width: 100%;
    margin-bottom: 20px;
}

    .price-table caption {
        text-align: center;
        color: black;
        font-weight: bold;
        font-size: 115%;
    }

    .price-table th {
        text-align: center;
        border-bottom: 1px solid #000000;
    }

    .price-table td {
        padding: 6px 8px 2px 8px;
        border-bottom: 1px solid #efefef;
    }

        .price-table td.nazev {
            width: 250px;
        }

        .price-table td.popis {
            font-style: italic;
        }

        .price-table td.cena {
            width: 120px;
            text-align: right;
            font-weight: bold;
        }

.ui-autocomplete {
    z-index: 1050; /* Zajišťuje, aby bylo nad modálními okny Bootstrap */
    max-height: 200px;
    overflow-y: auto; /* přidá scrollbar, pokud je výsledků hodně */
    overflow-x: hidden;
}