body {
    font-size: 15px;
    line-height: 1.6;
    color: #555;
    background: white;
}

#myNavbar { margin-bottom: 0px; }
#homepage { background: transparent url('img/foil.png') repeat 50% 50%; padding-top: 2em; padding-bottom: 1em; }

/*#homepage .jumbotron {
    background: transparent url('img/knihovna.jpg') no-repeat 50% 50%;
    background-size: cover;
}*/

#homepage .jumbotron h1 { color: white; }
#homepage .jumbotron p { color: white; }

#loading { 
    position:fixed;
    top:0;
    right:0;
    left:0;
    bottom:0;
    width:100%;
    height:100%;
    background:rgb(255,255,255);
    opacity:.2;
    -moz-opacity: .2;
    background-image: url(img/loading.gif);
    background-position: center center;
    background-repeat: no-repeat;
    filter: alpha(opacity=50);
    z-index:9999;
    display:none
}
#loading div {position:fixed;top:49%;color:#fff;text-align:center;width:100%;}

h1, h2, h3 { 
    font-family: 'Roboto', sans-serif; 
    font-weight: 100 !important;
    text-transform: uppercase;
}

h1 {
    color: #fff;
    font-size: 85px;    
    line-height: 1.2em;
    margin: 0 0 4px;
}

h2 {
    color: #fff;
    font-size: 45px;
    line-height: 1.2em;
    margin: 0 0 4px;
}

h3 {
    line-height: 1.2em;
    margin: 0 0 1em;
}

.navbar { padding: 10px 0; }
.navbar-collapse { border-top: 0px; }

.navbar-header { float: none; text-align: center; }

.brand { padding: 10px 0; display: block; }
.brand img {
    width: 40%;
}

.navbar-default {
    background-image:none;
    background-color:inherit;
    box-shadow: 0 3px 3px 3px #d3d3d3;
}

.navbar-right {
    margin-right: 0;
}

.navbar-default .navbar-nav > li > a {
    color: #777;
    font-family: 'Roboto', sans-serif; 
    font-weight: 600 !important;
    text-transform: uppercase;    
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .open > a {
    background-image: none;/*linear-gradient(to bottom, #dbdbdb 0px, #e2e2e2 100%);*/
    background-repeat: repeat-x;
    box-shadow: none;/*0 3px 9px rgba(0, 0, 0, 0.075) inset;*/    
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    background-color: #fff;
    color: #337ab7;    
}

.navbar-nav {
    margin: 0 auto;
    display: table;
    table-layout: fixed;
    float:none;
}

.navbar-nav > li {
    text-align: center;
}

.navbar-toggle {
    float: none;
    margin-right: 0;
}

.shopping-cart-link { 
    margin: 0.9em 0 0;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-clip: padding-box;
    background-color: -moz-use-text-color -moz-use-text-color #fff;
    background-image: none;
    background-repeat: repeat-x;
    border-color: #ccc;
    border-image: none;
    border-style: none none solid;
    border-width: 0 0 1px;
    box-shadow: none;
    color: #555;
    height: 34px;
    line-height: 34px;
    overflow: hidden;
    padding: 0em 1.5em 0.5em;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
    display: inline-block;
}


.footer {
    text-align: center;
    background: #f1f1f1 none repeat scroll 0 0;
    padding: 2em 0;    
}

#map { width: 100%; height: 400px; }
.map { width: 100%; height: 300px; }

#onas {    
    background: transparent url('img/knihovna.jpg') no-repeat 50% 50%;
    background-size: cover;
    padding: 4em 0;
    text-align: center;
}

#onas-text {    
    padding: 2em 0;
    text-align: left;
}

#nabidka .row div { overflow: hidden; }

.kniha-panel {
    /*    text-align: left;
        background-color: white;    */
    overflow: hidden;
    position: relative;
}

/*
.kniha-panel .panel-default:hover {
    background-color: #7fc6f2;
}
*/

a .panel-body {
    display: block;
    padding-bottom: 0;    
}

.panel:hover .panel-body
.list-view-item:hover .kniha-panel .panel,
.grid-view-item:hover .kniha-panel .panel
{    
    background-color: #f9f9f9;
    text-decoration: none;    
}

.panel:hover .nazev-block-over {
    display: none;
    transition: 0.4s;
}

.kniha-panel-homepage .panel-body h3
{    
    min-height: 60px;
}

.kniha-panel-homepage a:hover .panel-body
{    
    background-color: #7fc6f2;
    text-decoration: none;
}

.kniha-panel .panel-default .panel-body {
    font-weight: normal;
    color: #555;
    min-height: 80px;
}
#homepage .kniha-panel .panel-default .panel-body {
    padding: 15px;
}

#nabidka .kniha-panel .panel-default .panel-body,
#homepage .doplnky .kniha-panel .panel-default .panel-body
{
    padding: 0px;
}

.kniha-panel .panel-default .panel-body h4 {
    font-family: 'Roboto', sans-serif; 
    font-weight: 100 !important;
    text-transform: uppercase;    
    color: #555;
    font-size: 16px;
}

.kniha-panel .panel-default .panel-body:hover h4 {
    color: black;
}

.kniha-panel .panel-default .panel-body p {
    margin: 10px 0 0;
    color: #555;
    line-height: normal;
}

.kniha-panel .panel-default .panel-body h3 {
    color: #fff;
    font-size: 20px;
    font-weight: 100 !important;
    line-height: 1.2em;
    margin: 0 0 4px;
    text-transform: uppercase;
}

/*.kniha-panel .panel-default .panel-footer {
    border-top: 1px solid #f1f1f1;
    background-color: transparent;
    color: #555;
}*/

/*.kniha-panel a:hover .panel-footer {    
    background-color: #7fc6f2;
    text-decoration: none;
}*/
.panel-heading h3 { margin: 10px 0; color: white; }
.panel-heading h4 { font-weight: normal; }

/*.panel-footer { background-color: inherit; border-top: 0; }*/

.cena-block {
    position: absolute;
    bottom: 0;
    width: 90%;
    display: block;
    padding: 0px 10px 20px;
}

.kniha-detail-panel .well { margin-bottom: 0; background-color: #efefef; background-image: none; border: 0; border-radius: 0; }

.kniha-detail-panel .produkt-podrobnosti .well {
    letter-spacing: .03em;
    line-height: 30px;
    background: #456c88;
    color: #fff;
    font-weight: 600;    
    padding: 10px;
}
.kniha-detail-panel .produkt-podrobnosti .well p {
    padding: 0px;
    margin: 0px;
}

.kniha-detail-panel .panel-heading, 
.kosik-panel .panel-heading 
{ background-color: #7fc6f2; background-image: none; }

.panel-body .row .img-panel { overflow: hidden; padding-left: 0; padding-right: 0; margin-left: 10px; margin-right: -10px; }

.kniha-panel .panel {    
    border: 0; 
    background-color: white;
}

.kniha-panel-homepage .panel {
    /*background: transparent url('img/vitoul-vecko.png') no-repeat 92% 75%;*/
    border: 0; 
    background-color: white;
}

.kniha-panel-homepage a { text-decoration: none; }
.kniha-panel-homepage .panel-default .panel-body h3 { font-weight: bold !important; text-shadow: 2px 2px 2px rgba(150, 150, 150, 1); }
.kniha-panel-homepage .panel-default .panel-footer { color: #fff; }

.kniha-panel a:hover { text-decoration: none; }

.kniha-panel .kniha-panel-1 { background-color: #ae3939; }
.kniha-panel .kniha-panel-2 { background-color: #14dfa3; }
.kniha-panel .kniha-panel-3 { background-color: #c5e440; }
.kniha-panel .kniha-panel-4 { background-color: #6cebff; }
.kniha-panel .kniha-panel-5 { background-color: #8a48c7; }
.kniha-panel .kniha-panel-6 { background-color: #2c3f61; }
.kniha-panel .kniha-panel-7 { background-color: #ffb846; }


.image-block { height:19em; background-color: white; overflow:hidden; }

/*.img-responsive { width: 100%; position: relative; top: 50%; transform: translateY(-50%); }*/
.img-responsive { width: 100%; position: relative; top: 0%; }
.img-responsive1 { width: 100%; }

.produkt-podrobnosti { padding: 1em; }

#searchPanel { width: 100%; margin: 0.9em 0 0; }

.menu-kategorie 
{ 
    background-color: #fff;
    border-color: #ddd;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    clear: both;
    display: inline-block;
    margin: 1px 0;
    min-height: 35px;
    padding: 5px;
    width: 100%; 
}

.menu-kategorie-ma-podrizene { background-color: #7fc6f2; }

.menu-kategorie-polozka { display: inline-block; float: left; max-width: 80%; }
.menu-kategorie-ma-podrizene .menu-kategorie-polozka { color: #333; }
.active-kategorie .menu-kategorie-polozka { color: #fff; }

.menu-kategorie .badge { margin-top: 4px; }

.active-kategorie { background-color: #0067AC; }
.active-kategorie a { color: white; }

.chosen-container-single .chosen-single {
    background-clip: padding-box;
    background-color: inherit;
    background-image: none;
    background-repeat: repeat-x;
    border: 0;
    border-bottom: 1px solid #ccc;
    box-shadow: none;
    color: #555;
    display: block;
    height: 31px;
    line-height: 31px;
    overflow: hidden;
    padding: 0 0 0 8px;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
}

.chosen-container .chosen-results li {
    text-align: left;
}

#loginwrap { /*margin: 2em 4em 4em;*/ padding: 2em; background: #fff; border-radius: 10px; margin: 2em 0 4em 0; }

.produkt-podrobnosti .input-group { width: 130px; }
.produkt-podrobnosti .input-group .form-control { width: 90px; }
.produkt-podrobnosti .input-group span { float: right; }

.kniha-panel .input-group { width: 80px; float: right; margin-top: 10px; }
.kniha-panel .input-group .form-control { width: 40px; padding: 3px 6px; }
.kniha-panel .input-group span { float: right; }

@media (min-width: 992px) and (max-width: 1199px) {
    .kniha-panel .input-group { width: 60px; float: right; margin-top: 5px; }
    .kniha-panel .input-group .form-control { width: 30px; padding: 3px 6px; height: 30px; }
    .kniha-panel .input-group span { float: right; }
    .kniha-panel .input-group .btn { padding: 3px 6px; }
}

.panel-body-padding { padding: 15px 30px 15px 15px; }

.cena-panel { text-align: left; font-size: 12px; color: white; /*margin-bottom: 1em;*/ }

.sleva {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    text-transform: uppercase;
    letter-spacing: .03em;
    position: absolute;
    top: 27px;
    right: -33px;
    width: 150px;
    height: 30px!important;
    line-height: 30px;
    background: #456c88;
    color: #fff;
    text-align: center;
    font-weight: 600;
}

.sleva2 {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    text-transform: uppercase;
    letter-spacing: .03em;
    position: absolute;
    top: 27px;
    left: -23px;
    width: 150px;
    height: 30px!important;
    line-height: 30px;
    background: #456c88;
    color: #fff;
    text-align: center;
    font-weight: 600;
}

.sleva3 {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    text-transform: uppercase;
    letter-spacing: .03em;
    position: absolute;
    top: 27px;
    left: -33px;
    width: 150px;
    height: 30px!important;
    line-height: 30px;
    background: #456c88;
    color: #fff;
    text-align: center;
    font-weight: 600;
}

h4.getmore { display: inline-block; width: 100%; }
h4.getmore a { width: 100%; display: block; padding: 0.5em; text-align: center; text-transform: uppercase; color: white; }

.nazev-block-over { position: absolute; background-color: #f9f9f9; z-index: 99; width: 100%; bottom: 20px; color: white; padding: 10px 15px 15px; }
.kniha-panel .panel-default .panel-body .nazev-block-over h4 { color: #0067AC; font-weight: bold !important; }

.nazev-block { height:19em; width: 100%; padding: 0 15px; position: absolute; top: 0; opacity: 0; transition: 0.4s; }
.nazev-block:hover { opacity: 0.9; background-color: #0067AC; }
.kniha-panel .panel-default .panel-body .nazev-block h4 { font-weight: bold !important; margin-top: 20px; color: #fff; }
.kniha-panel .panel-default .panel-body .nazev-block p { color: #fff; }

.breadcrumb { background-color: transparent; margin-bottom: 10px; }
.breadcrumb-panel { padding: 4px 0px; margin-bottom: 50px; }
#vydavateleSelectBox { width: 76%; margin-right: 5px; background-color: white; }
#vydavateleSelectBox.zvyrazneni { background-color: #337ab7; }
#vydavateleSelectBox.zvyrazneni .chosen-container-single .chosen-single span {
    color: white;
}
#zmenaView { margin-right: 0px; }
@media (min-width: 992px) and (max-width: 1213px) {
    #vydavateleSelectBox { width: 50%; }
}
@media (max-width: 992px) {    
    #vydavateleSelectBox { width: 85%; }
    #zmenaView { margin-right: 15px; }
}
@media (max-width: 640px) {    
    #vydavateleSelectBox { width: 80%; }
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
}



/* Pro hledani */


.hledani-page .center-block { float: none; margin-left: auto; margin-right: auto; }

.hledani-page .input-group .icon-addon .form-control { border-radius: 0; }

.hledani-page .icon-addon { position: relative; color: #555; display: block; }

.hledani-page .icon-addon:after, 
.hledani-page .icon-addon:before { display: table; content: " "; }

.hledani-page .icon-addon:after { clear: both; }

.hledani-page .icon-addon.addon-md .glyphicon,
.hledani-page .icon-addon .glyphicon, 
.hledani-page .icon-addon.addon-md .fa,
.hledani-page .icon-addon .fa { position: absolute; z-index: 2; left: 10px; font-size: 14px; width: 20px; margin-left: -2.5px; text-align: center; padding: 10px 0; top: 1px }

.hledani-page .icon-addon.addon-lg .form-control { line-height: 1.33; height: 46px; font-size: 18px; padding: 10px 16px 10px 40px; }

.hledani-page .icon-addon.addon-sm .form-control { height: 30px; padding: 5px 10px 5px 28px; font-size: 12px; line-height: 1.5; }

.hledani-page .icon-addon.addon-lg .fa,
.hledani-page .icon-addon.addon-lg .glyphicon { font-size: 18px; margin-left: 0; left: 11px; top: 4px; }

.hledani-page .icon-addon.addon-md .form-control,
.hledani-page .icon-addon .form-control { padding-left: 30px; float: left; font-weight: normal; }

.hledani-page .icon-addon.addon-sm .fa,
.hledani-page .icon-addon.addon-sm .glyphicon { margin-left: 0; font-size: 12px; left: 5px; top: -1px }

.hledani-page .icon-addon .form-control:focus + .glyphicon,
.hledani-page .icon-addon:hover .glyphicon,
.hledani-page .icon-addon .form-control:focus + .fa,
.hledani-page .icon-addon:hover .fa { color: #2580db; }


.doplnky { margin-top: 1em; }

.input-group { display: block; }

#hledani-input .input-group {
    display: block; 
    border-radius: 6px;
    font-size: 18px;
    height: 46px;
    line-height: 1.33333;
    padding: 10px 16px;
}

.kosik-input-pocet .form-inline .form-group { float: left; }
.kosik-input-pocet .form-inline .form-control { width: 40px; padding: 2px 6px; }

.kosik-input-block { padding: 8px 0px; }

.well {
    background-color: white;
    background-image: none;
    border-top-width: 0;
}

.kontaktni-udaje table { font-size: 12px; }
.kontaktni-udaje table tr td { color: black; }
.kontaktni-udaje table tr td:first-of-type { font-style: italic; color: #777; }

label.radiolabel { font-weight: normal; }

h4 a { margin: 10px; font-size: 12px; }

.shrnuti table tr td:first-of-type { font-style: italic; font-size: 12px; width: 30%; color: #777; }
.shrnuti h5 a { font-size: 12px; }

.form-group .required { background-color: #f8e1e1; }

ul.errors { list-style-type: none; }