@charset "utf-8";
/* CSS Document */
ol, li {
    list-style: none;
    text-indent: 0px;
}

.linka-red {
    width: 100%;
    height: 1px;
    border-bottom: 1px dotted #FF0000;
    margin: 10px 0;
}

blockquote {
    display: block;
    margin-top: 10px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    border: none;
    outline: none;
}

blockquote img {
    display: inline-block;                                                                  /* aby se smajlíci zobrazovali v řádku*/
    vertical-align: text-top;
}

.formular-kniha-color-red {
    color: #FF0000;
}

.container-kniha {                                                                          /* obalovací div knihy */
    width: 100%;
    height: auto;
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6-15 */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,0.5))); /* Chrome4-9,Safari4-5 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%); /* Opera 11.10-11.50 */
    background: -ms-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%); /* IE10 preview */
    background: linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#80000000',GradientType=0 ); /* IE6-8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#80000000', gradientType='0')"; /* IE 8 y 9 */
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin-top: 20px;
}

.container-kniha .titulek {
    width: 100%;
    height: auto;
    text-align: left;
    color: #F5F5F5;
    -webkit-text-shadow: 1px 1px 0 #000000;
    -moz-text-shadow: 1px 1px 0 #000000;
    text-shadow: 1px 1px 0 #000000;
}

.container-kniha .titulek img {
    float: left;
    width: 24px;
    height: 24px;
    margin-right: 10px;
}

.container-kniha .titulek span {
    display: inline-block;
    vertical-align: -1px;   /* opraví vertikální metriku fontu pokud není titulek na středu */
}

#navstevni-kniha {                     /* obalovací div formuláře */
    width: 100%;
    height: auto;
    font-size: 1rem;
    font-family: 'encode_sanslight', sans-serif;
    color: #FFFFFF;
    padding: 10px;
}

#navstevni-kniha form {
    display: block;
    width: 100%;
    height: auto;
}

#navstevni-kniha .content-input {
    float: left;
    width: 49%;
    height: auto;
    margin-right: 2%;
}

#navstevni-kniha .content-input:nth-of-type(2n+0) {
    margin-right: 0;
}

#navstevni-kniha .content-input.text-zpravy {
    width: 100%;
    margin-right: 0;
}

#navstevni-kniha form select,
#navstevni-kniha form input,
#navstevni-kniha form textarea {
    width: 100%;
    height: auto;
    font-size: 16px;
    line-height: 1.5;
    font-family: 'encode_sanslight', sans-serif;
    color: #FFFFFF;
    background: none;
    background-color: transparent;
    overflow: hidden;
    margin: 5px 0 10px 0;
    padding: 5px 10px;
    border: 2px solid #BE0000;
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

#navstevni-kniha .formular-kniha-formatovani,
#navstevni-kniha .formular-kniha-odeslani {
    float: left;
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}

#navstevni-kniha .formular-kniha-formatovani .content-rezy-pisma,
#navstevni-kniha .formular-kniha-formatovani .container-smajlici,
#navstevni-kniha .formular-kniha-odeslani .content-antispam-otazka,
#navstevni-kniha .formular-kniha-odeslani .content-button {
    float: left;
    width: 50%;
    height: auto;
}

#navstevni-kniha .formular-kniha-formatovani .content-rezy-pisma a {
    float: left;
    display: block;
    width: 32px;
    height: 32px;
    background-color: #BE0000;
    color: #FFFFFF;
    line-height: 32px;
    font-size: 16px;
    text-align: center;
    margin-right: 5px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

#navstevni-kniha .formular-kniha-formatovani .container-smajlici .content-smajlici {        /* aby se zobrazovali podle pořadí */
    float: right;
}

#navstevni-kniha .formular-kniha-formatovani .container-smajlici .content-smajlici a {
    float: left;
    display: block;
    width: 24px;
    height: 32px;
    margin-left: 5px;
    padding: 4px 0;
}

#navstevni-kniha .formular-kniha-formatovani .container-smajlici .content-smajlici a:first-of-type {
    margin-left: 0;
}

#navstevni-kniha .formular-kniha-formatovani .container-smajlici .content-smajlici a img {
    max-width: 100%;
    height: auto;
}

#navstevni-kniha .formular-kniha-odeslani .content-antispam-otazka p {
    float: left;
    font-size: 16px;
    line-height: 36px;
}

#navstevni-kniha .formular-kniha-odeslani .content-antispam-otazka input {
    float: left;
    display: block;
    background: #FFFFFF;
    width: 60px;
    min-width: 0;
    height: auto;
    max-height: 36px;
    font-weight: normal;
    font-size: 23px;
    line-height: 1;
    font-family: "Courier New", Courier, monospace;
    color: #000000;
    text-align: center;
    margin: 0 0 0 20px;
    padding: 5px 0;
    border: none;
    outline: none;
}

#navstevni-kniha .formular-kniha-odeslani .content-button input.kniha-button {
    display: block;
    float: right;
    width: 160px;
    min-width: 0;
    height: 36px;
    background: #BE0000; /* Old browsers */
    font-size: 16px;
    line-height: 1;
    font-family: 'encode_sanslight', sans-serif;
    color: #FFFFFF;
    text-align: center;
    overflow: visible;
    margin: 0;
    padding: 10px 0;
    white-space: nowrap;
    border: none;
    outline: none;
    cursor: pointer;
}

#navstevni-kniha .formular-kniha-odeslani .content-button input.kniha-button:hover {
    text-decoration: underline;
}

.container-kniha .content-prispevky-kniha {                                                 /* kód html je ve functions.php */
    width: 100%;
    height: auto;
    padding: 10px;
}

#prispevky .content-prispevky-kniha:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    border-bottom: 1px dotted #BE0000;
    margin: 10px 0 0 0;
}

#prispevky .content-prispevky-kniha .prispevek-kniha {
    width: 100%;
    height: auto;
}

#prispevky .content-prispevky-kniha .prispevek-kniha .hlavicka-prispevku,
#prispevky .content-prispevky-kniha .reakce-kniha .hlavicka-reakce {
    width: 100%;
    height: auto;
}

#prispevky .content-prispevky-kniha .prispevek-kniha .hlavicka-prispevku a,
#prispevky .content-prispevky-kniha .reakce-kniha .hlavicka-reakce a {
    color: #FFFFFF;
    text-decoration: none;
}

#prispevky .content-prispevky-kniha .prispevek-kniha .hlavicka-prispevku a:hover,
#prispevky .content-prispevky-kniha .reakce-kniha .hlavicka-reakce a:hover {
    text-decoration: underline;
}

#prispevky .content-prispevky-kniha .prispevek-kniha .hlavicka-prispevku .jmeno-prijmeni,
#prispevky .content-prispevky-kniha .reakce-kniha .hlavicka-reakce .jmeno-prijmeni {
    float: left;
    width: 50%;
    height: auto;
    text-align: left;
}

#prispevky .content-prispevky-kniha .prispevek-kniha .hlavicka-prispevku .datum-odpoved,
#prispevky .content-prispevky-kniha .reakce-kniha .hlavicka-reakce .datum-reakce {
    float: right;
    width: 50%;
    height: auto;
    text-align: right;
}

#prispevky .content-prispevky-kniha .reakce-kniha {
    width: 100%;
    height: auto;
    padding-top: 20px;
    padding-left: 40px;
}



#prispevky .content-prispevky-kniha .prispevek-kniha .hlavicka-prispevku .jmeno-prijmeni .other,
#prispevky .content-prispevky-kniha .reakce-kniha .hlavicka-reakce .jmeno-prijmeni .other {
    font-family: 'encode_sanssemibold', sans-serif;
    color: #FFFFFF;
}

.container-kniha .content-strankovani-kniha {
    width: 100%;
    height: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}

.container-kniha .content-strankovani-kniha p {
    line-height: 1;
    text-align: center;
}

.container-kniha .content-strankovani-kniha a.active {                                      /* kód html je ve functions.php */
    color: #BE0000;
}

.container-kniha .content-strankovani-kniha a.no-active {
    color: #FFFFFF;
}

/* -------- PRO MOBIL -------- */
@media only screen and (max-width: 768px) {
    #navstevni-kniha .content-input {
        width: 100%;
        margin-right: 0;
    }

    #navstevni-kniha .formular-kniha-formatovani .content-rezy-pisma {
        width: 100%;
        height: auto;
        margin-bottom: 10px;
    }

    #navstevni-kniha .formular-kniha-formatovani .container-smajlici,
    #navstevni-kniha .formular-kniha-odeslani .content-antispam-otazka,
    #navstevni-kniha .formular-kniha-odeslani .content-button {
        width: 100%;
        height: auto;
    }

    #navstevni-kniha .formular-kniha-formatovani .container-smajlici .content-smajlici {
        float: left;
    }

    #navstevni-kniha .formular-kniha-odeslani .content-button input.kniha-button {
        width: 100%;
        margin-top: 20px;
    }

    #prispevky .content-prispevky-kniha .prispevek-kniha .hlavicka-prispevku .jmeno-prijmeni,
    #prispevky .content-prispevky-kniha .prispevek-kniha .hlavicka-prispevku .datum-odpoved,
    #prispevky .content-prispevky-kniha .reakce-kniha .hlavicka-reakce .jmeno-prijmeni,
    #prispevky .content-prispevky-kniha .reakce-kniha .hlavicka-reakce .datum-reakce {
        float: left;
        width: 100%;
        text-align: left;
    }
}