@media screen, projection {
    * {
        margin: 0;
        padding: 0;
    }
    /*--- <LAYOUT> ---*/
    html {
        /*	margin: 0 390px;*/
    }
    body {
        /*	margin: 0 -390px;*/
    }
    hr {
        display: none;
    }
    h3 {
        overflow: hidden;
    }
    #whole-page {
        text-align: center;
        margin: 0px auto;
    }
    #document {
        width: 780px;
        margin: 0px auto;
        text-align: left;
    }
    #document #in-document{
        /*padding: 5px;*/
        padding-top: 80px;
    }
    .message {
        margin-bottom: 5px;
    }
    /* version 0.91 */
    .message .inner_frame {
        padding: 5px;
    }
    /* version 0.91 */
    #header .inner_frame {
        width: 780px;
        height: 220px;
        background: #000 url('/img/ulogo.8.png') 50% 50% no-repeat;
    }
    #header .inner_frame h1 { position: absolute; top: 40px; left: 0; }
    h1 {
        position: absolute;
        top: 60px;
        left: 20px;
    }
    #search {
        position: absolute;
        top: 70px;
        right: 26px;
        height: 25px;
        width: 190px;
    }
    * html #search {
        position: fixed;
    }
    #search br {
        display: none;
    }
    #search #key{ float: left; }
    #search #sendsearch {
        height: 19px;
        width: 20px;
        overflow: hidden;
        margin: 0px;
        margin-left: 3px;
        outline: none;
        float:right;
        background: #000000 url('https://s3b.estranky.cz/img/d/1000000160/arrow.gif') 50% 50% no-repeat;
        cursor: pointer;
        cursor: hand;
        border: 0px;
        text-indent: 400px;
        font-size: 450px;
    }
    html>body #search h2 {
        display: none;
    }
    #navigation h2 {
        display: none;
    }
    /* -------------------------- Menu-------------------------- */
    #navigation {
        width: 780px;
        position: relative;
    }
    menu {
        display: block;
    }
    menu li {
        display: block;
        float:left;
    }
    menu li a {
        float:left;
        display: block;
        padding: 3px 10px;
        margin: 0 2px 0 0;
    }
    /* -------------------------- menu -------------------------- */
    strong.date {
        display: block;
    }
    .column li a {
        display: block;
        padding: 0px 5px 0px 20px;
        margin: 0 1px;
        overflow: hidden;
    }
    #breadcrumb-nav {
        padding: 8px 5px;
    }
    #articles {
        padding: 5px 20px 10px 10px;
    }
    .article {
        margin-bottom: 15px;
       /* padding-lefT: 20px;*/
padding: 15px;
    }
    .under-article {
        padding: 3px 5px 15px 0px;
    }
    #content {
        width: 570px;
        float: left;
        margin-left:5px;
        background: #17100c;
    }
    .column {
        width: 180px;
        padding: 25px 0;
        overflow: hidden;
        float: right;
    }
    .column h2 {
        margin-top: 10px;
        padding-left: 10px;
    }
    .section .inner_frame {
        padding: 10px;
    }
    .wrap-wrapu {
        width: 120px;
        margin: 0 auto;
    }
    .wrap-of-photo {
        padding: 5px;
        margin: 0 auto;
    }
    #calendar caption {
        display: none;
    }
    #calendar table {
        margin: 0 auto;
    }
    td, th {
        padding: 1px 3px;
    }
    #ecategory ul li ul {
        padding-left: 12px;
    }
    #footer {
        float:left;
        margin: 3px 0px 20px 0px;
        padding: 3px 10px 0px 0px;
        width: 774px;
        overflow: hidden;
background: #000;
    }
    #clear6, #clear7, #perex-cont-clear, #gallery-cont-clear, #g-section-cont-clear, #a-section-cont-clear, 
#article-cont-clear {
        display: block;
    }
    .clear {
        clear: both;
        height: 0px;
        width: 100%;
    }
    /* version 0.91 */
    .decoration, .pristupnost-links {
        display: none;
    }
    * html #content {
        overflow: hidden;
    }
    #articles {
        overflow: hidden;
    }
    .article {
        overflow: hidden;
    }
    #content ul, #content ol {
        margin-left: 30px;
    }
    #content li {
        margin: 5px;
    }
    .vlevo-float {
        float: left;
    }
    .right-float {
        float: right;
    }
    img.vlevo-float {
        margin: 10px 10px 10px 0;
    }
    img.right-float {
        margin: 10px 0 10px 10px;
    }
    .under-article {
        clear: both;
    }
    form {
        margin: 0;
        clear: left;
    }
    #content form {
        margin: 10px 0;
    }
    form dt {
        width: 75px;
        margin-bottom: 10px;
        float: left;
        clear: left;
    }
    form dt#validation-dt {
        width: 200px;
    }
    form dd img {
        vertical-align: top;
    }
    form dd {
        margin-bottom: 10px;
    }
    button {
        clear: both;
    }
    fieldset {
        padding: 0;
        border: 0 none;
    }
    center {
        margin: 15px 0;
    }
    #portrait h2 {
        margin: 0;
    }
    /* foto */
    #folders, #photosgalerie, #photos, #slide {
        width: 100%;
    }
    #folders {
        overflow: hidden;
    }
    #photos h2 {
        clear: both;
    }
    .folder {
        clear: both;
        margin: 0;
        float: left;
        margin-bottom: 20px;
        width: 100%;
    }
    .folder-info {
        margin-left: 10px;
        overflow: hidden;
        float: right;
        width: 430px;
    }
    .folder:after {
        content: ".";
        visibility: hidden;
        dislay: block;
        width: 100%;
        height: 1px;
    }
    #mess-text {
        clear: both;
    }
    .fotoalbum {
        margin: 10px 0;
        padding: 10px;
    }
    .album {
        margin: 20px 0;
    }
    #slide h3 {
        margin: 10px 0;
    }
    .slide-img {
        margin-bottom: 10px;
    }
    .slidebar {
        margin: 15px 0;
        width: 100%;
        overflow: auto;
        white-space: nowrap;
    }
    .slidenav {
        padding: 3px 5px;
    }
    .slidenav br, #thumbnav br {
        height: 0;
        clear: both;
    }
    .slidenav .back {
        float: left;
    }
    .slidenav .forward {
        float: right;
    }
    .comment {
        overflow: hidden;
    }
    .comment-headline, .comment-text {
        padding: 3px 5px;
    }
    h2#comments {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    #thumbnav, #timenav {
        margin: 10px 0;
        padding: 10px;
    }
    #thumbnav .box {
        float: left;
        width: 80px;
        height: 80px;
        margin: 0 5px;
        padding: 5px 0;
    }
    #thumbnav .box a {
        display: block;
    }
    #thumbnav .wrap {
        width: 470px;
        margin: 0 auto;
    }
    p {
        margin: 10px 0;
        text-indent: 0px;
    }
    #perex {
        margin: 10px 0;
        padding: 5px;
    }
    h3.section_sub_title {
        margin: 20px 0;
    }
    /*--- <formulare> ---*/
    input, textarea {
        padding: 2px 5px;
    }
    input#name, input#headline, textarea#txt {
        width: 400px;
    }
    /*--- </form> ---*/
    /* advertisment */
    .message img {
        display: block;
        margin: 0 auto;
    }
    #in-document {
        position: relative;
    }
    #sky-scraper-block {
        position: absolute;
        left: 50%;
        text-align: center;
        width: 160px;
        padding-top: 140px;
        margin-left: 390px;
    }
    .accessibility-links {
        display: none;
    }
    #content .hypertext h2 {clear: none; padding: 0; margin: 0 !important;}
    #content .hypertext h2 a {font-weight: normal; font-style: normal; font-size: 12px; border: none; color: #cc9900;}
    #content .hypertext h2 a:hover {color: #f3b533;}
    .hypertext .inner_frame div#clanek:after {content: "."; display: block; height: 0; clear:both; visibility: hidden; font-size:0;}
    * html .hypertext .inner_frame div#clanek {zoom: 1;}
    *:first-child+html .hypertext .inner_frame div#clanek {zoom: 1;}
    .hypertext {width: 380px; margin: 15px auto; padding: 5px; overflow: hidden;}
    .hypertext .inner_frame {line-height: 1em; margin-top: 3px;}
    .hypertext img, .hypertext {border: 1px solid #b8b3af;}
    * html .hypertext {margin-left: 90px;}
    #content .hypertext + .hypertext {border-top: 1px solid #18100d; margin-top: -16px;}
#mess-ahead iframe {margin: 0 auto;}

#shifter #shifter_wrap:after {content: "."; display: block; height: 0; clear:both; visibility:hidden; font-size:0;}
* html #shifter #shifter_wrap {zoom: 1;}
*:first-child+html #shifter #shifter_wrap {zoom: 1;}
#shifter #shifter_wrap #shifter_footer .span3 {background: #382A21; border: 1px solid #433A33; padding: 0px 4px 4px;}
#shifter div#shifter_title h3 {margin: 5px 0;}
#shifter #shifter_wrap #shifter_footer .category a {color: #f3b533;}
#shifter #shifter_wrap #shifter_footer .category a:hover {color: #a07207; text-decoration: underline;}
#shifter #shifter_wrap #shifter_footer .span3 h4 {line-height: 1.6em; padding: 3px 0;}
#shifter #shifter_title h3#shifter_t_2 {margin-right: 290px;}
* html #shifter #shifter_title h3#shifter_t_2 {margin-right: 145px;}
@-moz-document url-prefix() { /** FF */ 
    #shifter #shifter_title h3#shifter_t_2 {margin-right: 292px;}
}
    /* advertisement */

    /*--- </LAYOUT> ---*/

    /*--- <STYLE> ---*/
    html, body {
        color: #ffffe0;
        background: #000 url(/img/picture/6/ohen.jpg) repeat;
    }
    body {
        font: 0.85em/1.5 'Trebuchet MS' ,Tahoma, sans-serif;
        text-align: center;
    }
    table, form {
        font-size: 100%;
    }
    table {
        border-collapse: collapse;
    }
    a {
        color: #a07207;
        text-decoration: none;
    }
    a:hover {
        color: #f4af00;
        text-decoration: underline;
    }
    a img {
        border: none;
    }
    #document {
    }
    #document #in-document{
        border: none;
        overflow: hidden;   
    }
    .message {
        /*background: black;*/
        color: white;
    }
    #header {
    }

    h1, h2, h3, h1 a, h2 a, h3 a {
        color: #ffcc33;
        font-family: 'Tahoma', Georgia, Times New Roman,serif;
        font-weight: normal;
        text-decoration: none;
    }
    h1 a:hover, h2 a:hover, h3 a:hover {
        color: #a07207;
    }
    #navigation h2 {
        text-align: left;
    }
    strong.date {
        font-weight: normal;
    }
    menu {
        list-style-type: none;
    }
    menu li {
        list-style: none;
    }
    menu li a {
        font: 1,5em/2; 
        font-family: 'Tahoma', Georgia, Times New Roman,serif;
        color: #ffffe0;
        background-color: #000000;
    }
    menu li a:hover {
        color: #f3b533;
        text-decoration: none;
    }
    .under-article {
        border-bottom: 1px solid #362a24;
    }
    .column {
        background: url(https://s3b.estranky.cz/img/d/1000000160/bg_column.png) repeat-x;
    }
    .column h2, #articles .article h2, .folder-info h3 {
        font-size: 150%;
        font-weight: normal;
        text-align: left;
    }
    .section_article h3, .folder-info h3 {
        font-size: 125%;
    }
    .column ul {
        list-style-type: none;
    }
    .column li a {
        text-decoration: none;
        border-bottom: 1px solid #2c201a;
        background: url(https://s3b.estranky.cz/img/d/1000000160/arrow.gif) 10px 50% no-repeat;
    }
    .column li a:hover {
        background-color: #000000;
        text-decoration: none; 
    }
    #last-fotogalerie {
        text-align: center;
    }
    .section .inner_frame {
    }
    .wrap-of-photo {
        text-align: center;
    }
    #calendar {
        text-align: center;
    }
    #calendar table {
        text-align: center;
    }
    #footer {
        text-align: right;
        border-top: 1px solid #362a24;
        border-bottom: 1px solid #362a24;
    }
    .clear {
        line-height: 0;
        font-size: 0;
    }
    /* added */
    .left {
        text-align: left;
    }
    .right {
        text-align: right;
    }
    .center {
        text-align: center;
    }
    .justify {
        text-align: justify;
    }
    #content ul, #content ol {
        list-style-type: square;
    }
    #content ol {
        list-style-type: decimal;
    }
    /* photo */
    .photo-wrap {
        border: 1px solid #433a33;
        background: #382a21;
        text-align: center;
    }
    .fotoalbum {
        background: #fafbff;
        border: 1px solid #aaf;
    }
    #slide h3 {
        text-align: center;
    }
    .slide-img {
        text-align: center;
    }
    .slide-img a img, .slidebar a img {
        border: 3px solid #433a33;
    }
    .slide-img a:hover img, .slidebar a:hover img {
        border: 3px solid #000;
    }
    .slidenav {
        border: 1px solid #433a33;
        /*background: #382a21;*/
        text-align: center;
    }
    .slidenav br, #thumbnav br {
        line-height: 0;
    }
    .comment h3 {
        font: bold .9em/1.5 'Trebuchet MS' ,Tahoma, sans-serif;
    }
    .comment-headline {
    }
    .comment-headline b, .comment-headline i {
        font-style: normal;
        font-weight: normal;
    }
    #thumbnav, #timenav {
        border: 1px solid #433a33;
        /*background: #382a21;*/
        text-align: center;
    }
    #thumbnav .box {
        border: 1px solid #433a33;
        background: #382a21;
    }
    #thumbnav .box a {
        text-align: center;
        line-height: 80px;
    }
    #thumbnav .box a img {
        vertical-align: middle;
    }
    #thumbnav .wrap {
        text-align: left;
    }
    #perex {
    }
    strong.comment-img {
        background: url(https://s3b.estranky.cz/img/d/1000000160/comment-img.gif) 0px 50% no-repeat;
        padding: 5px 0px 5px 25px;
    }
    /* advertisment */
    .message {
        text-align: center;
    }
    .message img {
        border: none;
    }
    /* advertisement */
    /*--- <formulare> ---*/
    input, textarea {
        font: 1em/1.5 'Trebuchet MS' ,Tahoma, sans-serif;
        color: #ffffe0;
        border: 1px solid #2c201a;
        background: #18100d;
    }
    input.submit {
        font-weight: normal;
        text-align: center;
        background: #000000;
    }
    /*--- </form> ---*/

    /**************************************************************************************/
    /***fix*package************************************************************************/
    /**************************************************************************************/

    .comment { border-left: 1px solid #433A33; padding-left: 10px; }
    .level0 {margin-left: 0px;}
    .level1 {margin-left: 15px;}
    .level2 {margin-left: 30px;}
    .level3 {margin-left: 45px;}
    .level4 {margin-left: 60px;}
    .level5 {margin-left: 75px;}
    .level6 {margin-left: 90px;}
    .level7 {margin-left: 105px;}
    .level8 {margin-left: 120px;}
    .level9 {margin-left: 135px;}

    .list-of-pages {
        text-align: center;
        position: relative;
        display: block;
        width: 100%;
    }
    .list-of-pages .previous {
        position: absolute;
        left: 15px;
        top: 0px;
        margin: 0px;
    }
    .list-of-pages .next {
        position: absolute;
        right: 15px;
        top: 0px;
        margin: 0px;
    }
    .list-of-pages a {
    }
    .list-of-pages .numbers {
        display: block;
        margin: 0px auto;
        width: 200px;
    }



    /**********preview**********/

    #thumbnav, #photos, #preview-folder { 
        overflow: hidden;
    }

    #photos .photo-wrap, #preview-folder .box, #thumbnav .box, .folder .photo-wrap{
        background: #382A21;
        border:1px solid #433A33;
        float: left;
        width: 90px;
        height: 90px;
        margin: 2px 0px 2px 4px;
        _width: 92px;
        _height: 92px;
    }

    #thumbnav .box{
        margin: 1px;
    }

    #photos .photo-wrap div, #preview-folder .box div, #thumbnav .box div, .folder .photo-wrap div{
        height: 90px;
        width: 90px;
        text-align: center;
        _height: 92px;
        _width: 92px;
        display: table;
        =position: relative;
        overflow: hidden;
    }

    #thumbnav .box div a, #photos .photo-wrap div a, #preview-folder .box div a, .folder .photo-wrap div a{
        =margin: 2px 0px 0px 0px;
        height: 100%;
        =height: auto;
        background-image: none;
        border: 0px solid #f7b1a5;
        =position: absolute;
        =top: 50%;
        =left: 50%;
        display: table-cell;
        vertical-align: middle;
    }

    #thumbnav .box div a, #photos .photo-wrap div a, #preview-folder .box div a, .folder .photo-wrap div a{ 
        =border: none;
    }

    #thumbnav .box div a img, #photos .photo-wrap div a img, #preview-folder .box div a img, .folder .photo-wrap div 

a img{
        =position: relative; 
        =top: -50%;
        =left: -50%;
        border: 0px solid #FFF;
    }

    #thumbnav .wrap { display: block; padding: 8px 0px 8px 5px; _padding-left: 0px;}

    /*********end of preview**********/

    /* ----------- Facebook------------ */

    /* ----------- Like ----------- */
    .fb_edge_widget_with_comment{ margin:5px 0px; padding:5px; width: 555px;}

    /* ----------- fb comment ----------- */
    #fb_userpage_comments { padding:5px; margin:10px 0px; }

    #stats .inner_frame {text-align: left; padding-left: 10px; color:#ffffe0;}
    #stats .inner_frame td, #stats .inner_frame th { padding: 2px; color: #3F5057; font-weight: normal; text-align: 

left; _font-size: 90%; color:#ffffe0;}
    #stats .inner_frame table:after { content: ".";line-height: 0px;height: 0px;clear: both;visibility: hidden;}

    h1.head-left { text-align: left; }
    h1.head-center { text-align: center; }
    h1.head-right { text-align: right; }

    #ajax-container_preview{ z-index: 999999; }

    #last-photo { text-align: center; }

    #mail-list-key {
        background:#F2F2F2 url(https://s3b.estranky.cz/img/d/1000000160/searchi.gif) repeat scroll 0 0;
        border:medium none;
        height:19px;
        padding:3px 1px 0;
        width:133px;
    }

    #send-mail-list{
        padding: 2px 5px; bordeR: 2px solid #F2F2F2; background: #fff; 
        margin-top: 5px;
    }

    #mail-list .inner_frame{ text-align: center;}

    #languages .inner_frame{ text-align: center; padding: 5px; overflow: hidden;}
    #languages .inner_frame a{ margin: 0px 5px; float: left;}

    /* ------------------------- submenu --------------------------- */

    menu li.submenu-over { position: relative; z-index: 9999; }

    menu li ul.classic, menu li ul.submenu, menu li ul.click, menu li ul.onmouse { display: none; }

    menu li.submenu-over ul.onmouse, menu li:hover ul.onmouse, menu li.submenu-over ul.click, menu li.submenu-over 

ul.classic{
        display: block; 
    }

    menu li.submenu-over ul.onmouse, menu li:hover ul.onmouse{
        position: absolute;
        top: 20px;
        left: 0px;
        list-style: none;
        display: block; 
        overflow: hidden;
        =overflow: none;
    }

    menu li.submenu-over ul.onmouse li, menu li:hover ul.onmouse li, menu li.submenu-over ul.classic li, menu 

li.submenu-over ul.click li{
        list-style: none;
        float: none;
        display: block;
        padding: 0px; margin: 0px; 
        border-bottom: 1px solid #000;
        background: #000;
        width: auto;
    }

    menu li.submenu-over ul.onmouse li a, menu li:hover ul.onmouse li a { float: none; white-space: nowrap; }

    #block-comments h3, #content h2 {margin: 10px 0px !important;}

    #photos, .editor-area { margin-bottom: 10px; }

    #comments-form textarea, #comments-form input,#block-comments input#c_title { width: 467px; }
    #comments-form input.submit { width: 100px !important;}

    #block-comments form dd input{width: 215px;} 
    #block-comments form dd input#c_validation{float:left;margin-left:75px;} 
    #block-comments form dd div#c_validation_div{text-align:right;margin-right:10px;} 
    #block-comments form dd div#c_validation_div img {margin:1px 0px;}
    #block-comments form dt#validation-dt{margin-left:75px; margin-top:33px;position:absolute;width:180px;}
    #block-comments form input.submit {margin-left: 75px;}

    /* ------------------------- submenu --------------------------- */

    #mail-list-key, #send-mail-list{
        background: #382A21;
        border:1px solid #433A33;
    }

    #portrait .inner_frame { text-align: center; }

    /**************************************************************************************/
    /**************************************************************************************/
    /**************************************************************************************/
    #calendar .inner_frame, #contact-nav .inner_frame, .own-code-nav .inner_frame, #stats .inner_frame{ 
        padding-left: 20px;
    }
    #send-mail-list, #sendsearch { cursor: pointer; }
    #photos .photo-wrap {margin:9px;}
    #calendar table { margin: 0px;}
    #photo-album, #articles h2, #section_subsections { padding-left: 5px;}
    #section_subsections { margin-bottom: 30px;}
    .sound-captcha {
        display:block;
        margin-top:10px;
        padding-left:200px;
    }
    .submit{ cursor: pointer; }
    #comments-form legend span { font-weight: normal; display: block; padding: 5px 0px; }
    #articles .article h2 { padding-left: 0px; }

    #footer a.eoldal-footer {top: 4px !important;}

    /*--- </STYLE> ---*/

    /* --- eshop ---- */
    #eshop #articles h2 {padding-left: 0px;}
    * html #basket_preview_form td input {border:  medium none; background:   none transparent scroll repeat 0% 0%;}
    *:first-child+html #basket_preview_form td input {border:  medium none; background:   none transparent scroll 

repeat 0% 0%;}
    #individual , #firm, #sameaddress, #usernewsletter {border:  medium none; background:   none transparent scroll 

repeat 0% 0%;}
    #basket_preview_form .wrap input {border:  medium none; background:   none transparent scroll repeat 0% 0%;}
    * html #basket_preview_form .wrap input {border:  medium none; background:   none transparent scroll repeat 0% 

0%;}
    *:first-child+html #basket_preview_form .wrap input {border:  medium none; background:   none transparent scroll 

repeat 0% 0%;}
    #eshop .comment-headline i {float: right;}
    #eshop .comment-text {margin: 10px 0 0 10px;}
    #eshop #block-comments {width: 100%;}
    #eshop .submit, #login .submit, #eshop #block-comments input.submit {padding: 2px 10px; cursor: pointer;
                                                                         border: 1px solid #2C201A; color: #ffffe0; 

font-weight: normal;}
    #usernewsletter, .settings .submit, .contact-info .submit {margin-left: 15px;}
    #eshop .contact-info .submit {margin-left/*\**/: 19px\9}
    #eshop .settings .submit {margin-left/*\**/: 19px\9}
    #login input.submit, #login label {float: none;}
    #login label {width: auto; margin-top: 3px;}
    #basket_preview_form tbody tr td, #confirm tbody tr td, #orderdone tr td {border-top: 1px solid #ffffe0; 

border-collapse: collapse;}
    #eshop #confirm fieldset table, #eshop #orderdone, #eshop .comment-headline  {border-bottom: 1px solid #ffffe0; 

border-collapse: collapse;}
    #eshop .registration #usernewsletter {margin: 0;}
    #eshop .sphotos:after, #eshop div.products:after, #eshop #articles:after, #eshop #articles #steps ul:after {
        content: ".";
        display: block;
        height: 0; 
        clear:both;
        visibility:hidden;
        font-size:0;
    }
    * html #eshop .sphotos, * html #eshop div.products, * html #eshop #articles, * html #eshop #articles #steps ul 

{zoom: 1;}
    *:first-child+html #eshop .sphotos, *:first-child+html #eshop div.products, *:first-child+html #eshop #articles, 

*:first-child+html #eshop #articles #steps ul {zoom: 1;}
    #eshop div.products .article h3, #eshop #articles .article h3 { margin: 0.2em 0em 0.3em; line-height: 1.2em; 

height: 2.4em; overflow: hidden; font-size: 1.17em;}
    #eshop div.products .article, #eshop #articles .article {float: left; width: 130px; display: inline; margin: 5px 

4px 0px 0px; padding: 0 2px;}
    * html #eshop div.products .article, * html #eshop #articles .article {width: 134px; padding-bottom: 25px;}
    #eshop div.products {padding: 5px 0 5px 5px; margin-bottom: 25px;}
    #eshop div.products .article .photo-wrap, #eshop #articles .article .photo-wrap {float: none; width: 130px; 

height: 130px;}
    #eshop div.products .article .photo-wrap div, #eshop #articles .article .photo-wrap div {width: 130px;}
    #eshop div.products .article .editor-area, #eshop #articles .article .editor-area {padding: 5px; height: 5.3em; 

line-height: 1.45em; overflow: hidden; text-align: justify;}
    * html #eshop div.products .article .editor-area, * html #eshop #articles .article .editor-area {line-height: 

1.25em;}
    #eshop div.products .article span.price, #eshop #articles .article span.price {font-weight: normal; text-align: 

center; display: block;}
    #eshop .article .photo-wrap {margin-top: 0;}
    #eshop #product #photo-detail .photo-wrap {
        float: left;
        margin-top: 1px;
    }
    #eshop #basket input.amount {height: 20px; top: 0;}
    * html #eshop #basket input.amount {height: 35px;}
    *:first-child+html #eshop #basket input.amount {height: 24px;}
    #eshop #product #product-detail p {margin: 0;}
    #eshop #product-comments .comment {margin-top: 15px;}
    #eshop #product-comments #block-comments form dd input {width: 230px;}
    * html #eshop #product-comments #block-comments form dd input {width: 240px;}
    * html #login .inner_frame form div label {width: 50px;}
    #eshop #confirm fieldset table .right {padding-right: 0;}
    #eshop #confirm .wrap h3 {margin-top: 5px;}
    #logged h2 {margin-top: 20%;}
    #eshop .article .price {margin: 0 0 20px;}
    #account_firm label {width: 78px; display: block;}
    #billing_address label {width: 80px; display: block;}
    .settings #firmsdata label {width: 79px;}
    #eshop .settings #billing_address label {width: 61px;}
    .contact-info #billing_address label {width: 64px;}
    #eshop #billing_address #sameaddress + label {width: auto; display: inline;}
    .contact-info #billing_address label {width/*\**/: 59px\9}
    #eshop .settings #billing_address label {width/*\**/: 56px\9}
    *:first-child+html #account_firm label {width: 82px;}
    *html .contact-info #billing_address label {width: 78px;}
    *:first-child+html .contact-info #billing_address label {width: 60px;}
    *:first-child+html .settings #firmsdata label {width: 79px;}
    *:first-child+html #eshop .settings #billing_address label {width: 57px;}
    * html #eshop .settings #billing_address label {width: 79px;}
    #eshop .settings input, #eshop .settings label, #eshop .registration input,
    #eshop .registration label, #eshop .contact-info input, #eshop .contact-info label{vertical-align: middle;}
    #eshop #basket_preview_form .wrap input {position: relative; top: 2px;}
    /* Opera 7.2 < */
    @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
        #eshop #basket_preview_form .wrap input {top: 0px;}
    #individual , #firm, #sameaddress, #usernewsletter {background: white;}
    .contact-info #billing_address label {width: 71px;}
}
*:first-child+html #eshop #basket_preview_form .wrap input {top: 1px;}
#login .inner_frame .errormes {margin-bottom: 15px;}
#eshop fieldset.validation .validatin-images-set input {width: 229px;}
#eshop .gennewmail fieldset p input {width: 190px;}
* html #eshop .gennewmail fieldset p input {width: 201px;}
* html #eshop fieldset.validation .validatin-images-set input {width: 240px;}
#eshop #product-comments .validation .validatin-images-set .sound-captcha {margin-left: 21.6%;}
* html #eshop #basket input.add_basket {color: whitesmoke;}
* html #eshop #product-comments fieldset.validation dd {margin-left: 13px;}
*:first-child+html #eshop #product-comments fieldset.validation dd {margin-left: 13px;}
* html #eshop #block-comments input.submit {margin-left: 14.8%;}
*:first-child+html #eshop #block-comments input.submit {margin-left: 14.8%;}
#account_firm, #deliveryaddress {margin-left: 2px;}
#sameaddress {margin-left: 0;}
#eshop #articles .settings {margin-top: 10px;}
#eshop #product-detail #calculation {line-height: 160%;}
#eshop #basket_preview_form td img {padding: 3px;}
#basketpayments ul, #baskettransport ul {margin-left: -5px;}
#basketpayments h3, #baskettransport h3, #eshop #basket_preview_form fieldset p .submit,
#eshop #basket_preview_form p .submit {margin-left: 3px;}
* html #basketpayments ul, * html #baskettransport ul {margin-left: -3px;}
* html #basketpayments h3, * html #baskettransport h3, * html #eshop #basket_preview_form p .submit,
* html #eshop #basket_preview_form fieldset p .submit {margin-left: 7px;}
* html #content #eshop #basketpayments ul li div, * html #content #eshop #baskettransport ul li div {padding-left: 

27px;}
*:first-child+html #content #eshop #basketpayments ul li div, *:first-child+html #content #eshop #baskettransport ul 

li div {padding-left: 21px;}
*:first-child+html #basketpayments ul, *:first-child+html #baskettransport ul {margin-left: -1px;}
*:first-child+html #basketpayments h3, *:first-child+html #baskettransport h3,
*:first-child+html #eshop #basket_preview_form fieldset p .submit, *:first-child+html #eshop #basket_preview_form p 

.submit {margin-left: 7px;}
#content #eshop #basketpayments ul li input, #content #eshop #baskettransport ul li input {
    margin: 3px 2px 0 3px;}
* html #content #eshop #basketpayments ul li input, * html #content #eshop #baskettransport ul li input {
    margin: 0 2px 0 0;}
*:first-child+html #content #eshop #basketpayments ul li input, *:first-child+html #content #eshop #baskettransport 

ul li input {
    margin: 0 2px 0 -6px;}
#eshop .registration fieldset table h3 {margin-top: 10px;}
#eshop #articles #steps ul {width: 235px; margin: 5px auto;}
* html #eshop #articles #steps {text-align: center;}
* html #eshop #basket_preview_form li div  {font-size: smaller;}
* html #eshop #confirm .validation .validatin-images-set {margin-top: 0;}
#basket_preview_form fieldset input {background/*\**/:   none transparent scroll repeat 0% 0%\9}
#basket_preview_form fieldset input {border/*\**/:  medium none\9}
#basket_preview_form fieldset input[name="amount[1]"] {background/*\**/: #18100D\9}
#basket_preview_form fieldset input[name="amount[1]"] {border/*\**/: 1px solid #2C201A\9}
* html #eshop #confirm .validation {margin: 10px 0 0 0;}
*:first-child+html #eshop #confirm .validation .validatin-images-set {margin-top: 0;}
*:first-child+html  #eshop #confirm .validation {margin: 10px 0 0 0;}
.contact-info fieldset, .settings fieldset {padding: 5px 10px;}
* html #eshop .registration #usernewsletter {margin-left: 1px;}
*:first-child+html #eshop .registration #usernewsletter {margin-left: 1px;}
#orderdone {padding: 5px 10px;}
#orderdone td {padding: 2px 0;}
#confirm .wrap {padding: 0px 10px;}
#eshop #articles {padding: 5px 0 0 0;}
#eshop #block-comments .validatin-images-set {margin-left: 10px;}
#eshop #block-comments input.submit {margin: 0 0 0 75px;}
#eshop #block-comments .comment h3 {margin: 0 !important;}
#eshop .comment-headline {width: 500px;}
#eshop #block-comments form dd input#c_validation {margin-left: 65px !important; width: 229px;}
#eshop #product-comments fieldset.validation dd {width: 315px;}
#eshop #block-comments h2 {width: 108%; padding: 5px 6px;}
#eshop #confirm .validation {margin: 10px 0 0 ;}
#eshop #confirm .submit {margin-top: 3px;}
* html #eshop #confirm .validation #c_validation {height: 29px;}
*:first-child+html #eshop #confirm .validation #c_validation {height: 23px;}
#eshop form#confirm input[type="checkbox"] {position: relative; top: 2px;}
*:first-child+html #eshop form#confirm input[type="checkbox"] {margin-left: -3px;}
#eshop #confirm .validation dt {float: none;}
#eshop #product-comments #block-comments form {margin-left: 0;}
#eshop #panel .panel-header li.active a, #eshop #panel .panel-header li a:hover {
    border: 1px solid rgba(0, 0, 0, .06);
    border-bottom: 1px solid #241913;
    background: #241913;
    color: white;
}
#eshop #panel .inner_frame {background: #241913;}
#eshop #panel .panel-header li a {background: #18100d; color: white;}
#eshop #block-comments textarea {width: 435px;}
#eshop .sound-captcha {padding-left: 0px;}
#eshop #basket_preview_form .right {padding-right: 12px;}
#eshop #confirm dt {width: 80px;}
#eshop #confirm img {margin: 3px 0;}
#eshop .under-article, #eshop .first, #eshop .article {clear: none;}
#login .submit {width: 128px;}
* html #login .submit {width: 115px;}
#eshop .validation dt {margin-bottom: 0; width: 80px;}
#eshop .validation .sound-captcha {margin-top: 0;}
#eshop #product-detail #product-info table td {padding: 1px 0;}
#eshop #product-comments #block-comments .validation dt  {width: 75px; margin-bottom: -30px;}
#eshop #product-comments #block-comments .comment {border: none;}
#eshop .settings p, #eshop .contact-info p {margin: 0;}
#eshop .settings .submit, #eshop .contact-info .submit {margin-top: 10px;}
#eshop #account_info {margin-top: 5px;}
#eshop #confirm .right p {margin: 0;}
#eshop #confirm .right .price {margin: 10px 0;}
#eshop #product .wrap h2 {padding-left: 0;}
#eshop #block-comments .validation #c_validation_img {margin-left: 65px;}
#eshop .validation dd .validatin-images-set input {width: 229px;}
#delivery_address label {width: 81px; display: block;}
#eshop #basket_preview_form table .border_fix td, #eshop #basket_preview_form table tr .price {border: none;}
#eshop .contact-info p {margin-top: -5px;}
#eshop .photo-wrap {border: none;}
#eshop #steps .done {color: #A07207;}
#eshop .article .photo-wrap img {margin-left: 1px;}
* html #eshop .article .photo-wrap img {margin-left: 0;}
.photo-wrap {text-align: left;}
#eshop #block-comments .comment-text {word-wrap: break-word;}
#eshop #block-comments .validation {width: 60%;}
#eshop #basket form {clear: none; margin: 0; padding: 0;}
* html #eshop .registration fieldset.validation dd,
* html #eshop .gennewmail fieldset.validation dd {margin-top: 5.2%;}
*:first-child+html #eshop .registration fieldset.validation dd,
*:first-child+html #eshop .gennewmail fieldset.validation dd {margin-top: 5.2%;}
*:first-child+html #eshop #block-comments .validatin-images-set {margin: 0 !important;}
* html #eshop #block-comments .validatin-images-set {margin: 0 !important;}
* html #eshop #product-comments .comment-headline i {margin-top: -3.6%;}
*:first-child+html #eshop #product-comments .comment-headline i {margin-top: -3.6%;}
* html #eshop #block-comments form dd input#c_validation {width: 240px;}
#content #eshop #basketpayments ul li, #content #eshop #baskettransport ul li {
    background: #412d22;}
#content #eshop #basketpayments ul li div, #content #eshop #baskettransport ul li div {
    background: #18100d;
    margin-left: 0 !important;
    padding-left: 23px;
}
#eshop .article .editor-area {margin-bottom: 5px;}
#eshop #product-detail #product-info table tr td {min-width: 70px; vertical-align: top;}
#eshop #product .wrap h2 {line-height: 1.2em; margin-bottom: 15px;}
#eshop #basket_preview_form fieldset p input  {padding: 2px 0; float: left; background: black;}
#eshop #basket_preview_form p input {width: 120px;}
#eshop #basket_preview_form fieldset p a {padding: 2px 18px; text-decoration: none; text-align: center;
                                          font-size: 12px; float: left; background: black;}
* html #eshop #basket_preview_form fieldset p a {padding: 5px 18px 4px;}
*:first-child+html #eshop #basket_preview_form fieldset p a {padding: 5px 18px 4px;}
@-moz-document url-prefix() { /** FF */ 
    #eshop #basket_preview_form fieldset p a {padding: 1px 18px;}
}
#content #eshop #basketpayments ul li div, #content #eshop #baskettransport ul li div {padding-left/*\**/: 36px\9}
#eshop #steps .active {color: #F3B533; font-weight: normal; background: #412d22; }
#eshop .registration #usernewsletter,#eshop .registration .validation, #eshop .registration .submit {margin-left: 

3px;}
#eshop #steps .active, #eshop #steps .done {padding: 3px 5px; border: 1px solid #141e20;
                                            text-align: center; width: 55px;}
.gennewmail, .registration fieldset {margin-top: 5px;}
#confirm .wrap, #account_info, #billing_address,
#eshop div.products .article span.price, #eshop #articles .article span.price {background: #382A21;}
#confirm .wrap, #account_info, #billing_address {border: 2px solid #433A33;}
#eshop #photo, #eshop div.products .article .photo-wrap, #eshop #articles .article .photo-wrap,
#eshop #product #photo-detail .photo-wrap {background: #382A21; border: 1px solid #433A33;}
:root #eshop #basket input.amount {top: 1px\9; padding-bottom: 3px\9;}
@-moz-document url-prefix() { /** FF */ 
    #eshop #basket input.amount {height: 18px;} 
}
#eshop .message-info {margin: 10px 0 10px 5px;}
#eshop #articles .message-info {margin: 10px 0;}
#eshop #paging {clear: both;}
#eshop #paging a, #eshop #paging span.current {padding: 2px 6px; margin-right: 4px; border: 1px solid #433A33; 

background: #382A21; text-decoration: none; font-size: 110%;}
#eshop #paging #previous, #eshop #paging #next {border: none; background: none;}
#eshop {padding-left: 10px;}
#eshop .contact-info fieldset span {color: #ff0000;}
#ecategory div ul li.current ul li a {background-color: transparent;}
#ecategory div ul li.current a, #ecategory div ul li ul li.current a, #ecategory div ul li.current ul li a:hover 

{background-color: #000000;} 
menu li.current ul.submenu li a {color: #fff;}
menu li.current a, menu li.current ul.submenu a, menu li.current ul.submenu li a:hover {color: #f3b533;}
#eshop .registration fieldset {padding: 0;}
#eshop .login-info fieldset p {margin: 2px 0;}
#eshop form.login-info fieldset p label { display: inline-block; width: 80px; }
#eshop form.login-info input {width/*\**/: 110px\9}
#eshop form.login-info input.submit {width/*\**/: auto\9}
* html #eshop form.login-info input {width: 113px;}
* html #eshop form.login-info input.submit {width: auto;}
#eshop .login-info {padding-left: 15px; border-bottom: 1px solid #362A24; padding-bottom: 10px; margin-bottom: 

20px;}
#eshop #product .wrap #product-detail form {clear: none;}
#eshop div.order_account table tr.odd {background: #412d22;}
#eshop .order_account #basket_preview_form {border-bottom: 1px solid #ffffe0;}

#product-search input {vertical-align: middle;}
#product-search input#product-search-text {width: 200px; height: 24px; _height: 30px}
#product-search input.submit {padding: 2px 20px; height: 30px;}
#product-search input#product-search-text {padding/*\**/: 4px 5px 0\9}
#eshop #basket_preview_form td.title, #eshop #confirm td.title {width: 43%;}
/*****************/




}
@media print {
}
/******************************************************************************/
/*----------------------------------------------------------Navigation bar 

style----------------------------------------------------------*/
@media screen,projection{
    #nav-cover input{background-color: #fff;}
    #nav-cover form{clear: none !important;}

    /* Full width adjustments */
    body.full-width #content {width: 775px;}
    body.full-width .column {background: none; float: none; padding: 0; width: 0;}
    body.full-width #folders {width: 550px;}
}

/* ===== Pohotovost webu 27. 10. 2026: zobrazení v telefonu (jen pod 1040 px, PC beze změny) ===== */
/* a-mas-to.cz: blok na konec CSS v adminu eStránek (rodina stara-sablona + řádky pro tento web) */
/* Zobrazení v telefonu: stará šablona eStránek s pevnou šířkou (Pohotovost webu, 10/2026)
   Vkládá se na konec CSS v adminu (Vzhled > Vlastní CSS). Na PC se nic nemění: vše je jen pod 1040 px.
   K tomu do hlavní šablony (XHTML): meta viewport a hned za <body …> lišta s telefonem a tlačítkem Menu.
   Proměnné nahoře nastaví poměr záhlaví, barvu lišty, zvětšení písma a pozadí obsahu pro konkrétní web. */
.pw-menu-check, .pw-lista { display: none; }
@media (max-width: 1039px) {
  :root { --pw-lista-v: 56px; }
  html, body { min-width: 0 !important; width: auto !important; }
  body { margin: 0 !important; padding: var(--pw-lista-v) 0 0 0 !important; }

  /* rozvržení do jednoho sloupce */
  #whole-page, #document, #in-document, #body, #in-body, #content, #nav-column, #nav-column .column, #nav-column .inner_frame,
  #footer, #footer .inner_frame, #header, #header .inner_frame, #header-decoration, #sky-scraper-block, #navigation, #navigation .inner_frame, #languages {
    width: auto !important; min-width: 0 !important; max-width: none !important; float: none !important;
    margin-left: 0 !important; margin-right: 0 !important; left: auto !important; right: auto !important;
    box-sizing: border-box;
  }
  #whole-page, #document, #in-document, #body, #in-body { padding: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; height: auto !important; min-height: 0 !important; position: relative; top: auto !important; }
  #whole-page, #document, #in-document, #body, #in-body, #content, #nav-column { background-image: none !important; }
  #document, #in-document, #body, #in-body, #content, #nav-column, #footer { background-color: var(--pw-pozadi, #fff) !important; }
  #content, #footer, #nav-column > * { margin-top: 0 !important; }
  #content, #nav-column, #footer { position: static !important; height: auto !important; min-height: 0 !important; padding: 8px 14px !important; top: auto !important; }
  /* větší písmo: obsah, boční sloupec a patička se zvětší celé (poměry nadpisů zůstanou) */
  #content { zoom: var(--pw-zoom, 1.25); color: var(--pw-text, inherit); }
  #nav-column > *:not(#navigation):not(#header) { zoom: var(--pw-zoom-sloupec, 1.25); }
  #footer { zoom: var(--pw-zoom-paticka, 1.3); }
  .column:not(#nav-column .column) { zoom: var(--pw-zoom-sloupec, 1.25); float: none !important; width: auto !important; }
  /* vyhledávání z hlavičky šablony: do toku stránky */
  #search, #search form, #search fieldset { position: static !important; left: auto !important; top: auto !important; width: auto !important; float: none !important; }
  #search input[type=text], #key { width: 60% !important; max-width: 60% !important; }

  /* ozdobné dílky šablony mimo obsah (rohy, průhledy) by stránku rozšiřovaly */
  [id^="page-bkg"], [id^="peephole"], #sky-scraper-block:empty { display: none !important; }

  /* pořadí: záhlaví, obsah, pak boční sloupec (moduly jako fotoalbum, kontakt) */
  #body, #in-body { display: flex !important; flex-direction: column; }
  #nav-column { display: contents !important; }
  #nav-column > *:not(#navigation):not(#header) { padding-left: 14px !important; padding-right: 14px !important; background-color: var(--pw-pozadi, #fff); }
  #body > #header, #in-body > #header, #nav-column > #header { order: -2; }
  #body > #content, #in-body > #content { order: -1; }
  #clear1, #clear2, #clear3, #clear4, #clear5, #clear6 { height: 0 !important; overflow: hidden; }

  /* záhlaví: obrázek se zmenší celý (nic se neořízne) */
  #header, #header .inner_frame, #header-decoration {
    height: auto !important; min-height: 0 !important; padding: 0 !important; position: relative !important; top: auto !important;
    background-size: 100% auto !important; background-position: 50% 0 !important;
  }
  #header { aspect-ratio: var(--pw-hlava, auto); overflow: hidden; }
  /* název webu napsaný textem přes obrázek záhlaví: na stejné místo, úměrně menší (nejméně 14 px) */
  #header h1 { position: absolute !important; left: var(--pw-titulek-x, 5%) !important; top: var(--pw-titulek-y, 30%) !important; right: auto !important;
    width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; z-index: 2; line-height: 1.15 !important; text-indent: 0; }
  #header h1, #header h1 a { font-size: var(--pw-titulek-px, 16px) !important; }
  #header .inner_frame, #header-decoration { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; margin: 0 !important; }

  /* obsah: obrázky, tabulky a vložené prvky nejvýš na šířku displeje */
  #content, #nav-column, #footer { overflow-wrap: anywhere; hyphens: auto; -webkit-hyphens: auto; }
  /* řádkování: šablony mívají pevné řádkování v px, které se zvětšeným písmem překrývá řádky */
  #content, #content * { line-height: 1.35 !important; }
  #content [style*="justify"], #content [align="justify"] { text-align: left !important; }
  #content img, #nav-column img, #footer img { max-width: 100% !important; height: auto !important; }
  #content marquee { max-width: 100%; }
  #content iframe, #content embed, #content object, #content video { max-width: 100% !important; }
  #content table { display: block; width: auto !important; height: auto !important; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  #content table tr, #content table td, #content table th { width: auto !important; height: auto !important; }
  #content input, #content textarea, #content select, #nav-column input { max-width: 100% !important; box-sizing: border-box; }
  #content div, #content p, #content span, #content h1, #content h2, #content h3 { max-width: 100%; box-sizing: border-box; }
  #content [style*="width"], #content .editor-area > div { width: auto !important; }
  #content .text-picture, #content img.left-float, #content img.right-float { float: none !important; display: block; margin: 8px auto !important; }
  #content .photo-wrap, #content .album, #content .wrap-of-photo, #nav-column #portrait, #nav-column .photo-wrap { float: none; display: inline-block; }

  /* lišta s telefonem a tlačítkem Menu (značka je v hlavní šabloně hned za <body>) */
  .pw-menu-check { display: block; position: absolute; top: 0; left: 0; width: 1px; height: 1px; margin: 0; padding: 0; border: 0; opacity: 0; }
  .pw-lista {
    display: flex; position: fixed; top: 0; left: 0; right: 0; z-index: 2147483000; height: var(--pw-lista-v); box-sizing: border-box;
    align-items: center; justify-content: space-between; gap: 8px; padding: 6px 8px 6px 14px;
    background: var(--pw-barva, #333); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25); font-family: Arial, Helvetica, sans-serif;
  }
  .pw-lista .pw-tel { display: inline-flex; align-items: center; min-height: 44px; color: var(--pw-barva-text, #fff) !important; font-size: 19px; font-weight: bold; text-decoration: none !important; white-space: nowrap; }
  .pw-lista .pw-tel:before { content: ""; display: inline-block; width: 22px; height: 22px; margin-right: 8px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z'/%3E%3C/svg%3E") no-repeat center / contain; }
  .pw-lista span.pw-tel:before { display: none; }
  .pw-menu-btn { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 0 14px; box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, 0.75); border-radius: 4px; color: var(--pw-barva-text, #fff); font-size: 18px; font-weight: bold; cursor: pointer; -webkit-tap-highlight-color: transparent; }
  .pw-menu-btn .pw-ikona { font-size: 1.25em; margin-right: 8px; }
  .pw-menu-btn .pw-otevreno, body:has(#pw-menu:checked) .pw-menu-btn .pw-zavreno { display: none; }
  body:has(#pw-menu:checked) .pw-menu-btn .pw-otevreno { display: inline; }
  #pw-menu:focus-visible ~ .pw-lista .pw-menu-btn { outline: 2px solid #fff; outline-offset: 2px; }

  /* menu: schované pod tlačítkem, po otevření přes celou šířku pod lištou */
  #navigation { display: none !important; }
  body:has(#pw-menu:checked) #navigation {
    display: block !important; position: fixed !important; top: var(--pw-lista-v) !important; left: 0 !important; right: 0 !important; bottom: auto !important;
    max-height: calc(100vh - var(--pw-lista-v)); overflow-y: auto; z-index: 2147482000; height: auto !important; margin: 0 !important; padding: 0 !important;
    background: #fff !important; box-shadow: 0 10px 18px rgba(0, 0, 0, 0.3); zoom: 1;
  }
  #navigation .inner_frame, #navigation nav { display: block !important; position: static !important; height: auto !important; padding: 0 !important; margin: 0 !important; background: none !important; width: auto !important; }
  #navigation h2, #navigation .decoration, #navigation #clear6 { display: none !important; }
  #navigation menu, #navigation ul { display: block !important; position: static !important; float: none !important; width: auto !important; height: auto !important;
    margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; list-style: none !important; visibility: visible !important; opacity: 1 !important; }
  #navigation li { display: block !important; float: none !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important;
    border: 0 !important; border-bottom: 1px solid #e3e3e3 !important; background: none !important; position: static !important; list-style: none !important; }
  #navigation li a, #navigation li span { display: block !important; float: none !important; width: auto !important; height: auto !important; margin: 0 !important; background: none !important; border: 0 !important; text-indent: 0 !important; }
  #navigation li a { display: flex !important; align-items: center; min-height: 48px !important; padding: 6px 16px !important; box-sizing: border-box;
    font: bold 17px/1.3 Arial, Helvetica, sans-serif !important; color: #222 !important; text-align: left !important; text-decoration: none !important; text-transform: none !important; letter-spacing: 0 !important; white-space: normal !important; }
  #navigation li a span { display: inline !important; padding: 0 !important; font: inherit !important; color: inherit !important; }
  #navigation li li a { padding-left: 32px !important; font-weight: normal !important; }
  #navigation li.current > a, #navigation li a:hover { color: var(--pw-barva, #333) !important; }
}

/* jen pro tento web: rozměry a barvy */
:root { --pw-zoom: 1.0; --pw-barva: rgb(0, 0, 0); --pw-pozadi: rgb(23, 16, 12); --pw-text: rgb(255, 255, 224); --pw-zoom-sloupec: 1.04; --pw-zoom-paticka: 1.18; }

/* jen pro tento web: záhlaví zmenšené celé ve stejném poměru (jen v telefonu) */
@media (max-width: 1039px) {
#header { container-type: inline-size; aspect-ratio: 780 / 220; }
#header .inner_frame { position: absolute !important; left: 0.0cqw !important; top: 0.0cqw !important; width: 100.0cqw !important; height: 28.21cqw !important; background-size: 97.44cqw 25.64cqw !important; background-position: 1.28cqw 1.28cqw !important; }
}

/* jen pro tento web: Kontakt, tabulka adresa + nefunkční formulář Blueboard (služba už neexistuje) pod sebe, prázdný rámeček v telefonu skrýt */
@media (max-width: 1039px) {
#content table:has(iframe) tr, #content table:has(iframe) td { display: block !important; width: auto !important; }
#content td:has(> iframe[src*="blueboard.cz/mailform"]) { display: none !important; }
/* prázdné tlačítko menu ze šablony eStránek (bílý čtvereček 4 px pod lištou), menu ovládá lišta */
#menu-toggle { display: none !important; }
/* lišta souhlasu s cookies (TermsFeed) v telefonu přes celou šířku, jinak je odsazená doprava */
.termsfeed-com---nb-simple { left: 0 !important; right: 0 !important; width: auto !important; max-width: none !important; }
/* odkazy: na tmavém pozadí v telefonu stejná zlatá o odstín světlejší (kontrast 5,0:1 místo 4,4:1) */
#content a, #nav-column a, #footer a { color: rgb(172, 123, 8); }
}

/* Pohotovost webu 27. 10. 2026: lišta cookies v telefonu menší (předtím zabírala 2/3 displeje), obě volby stejně výrazné */
@media (max-width: 1039px) {
.termsfeed-com---nb-simple { height: auto !important; max-height: calc(100vh - 56px) !important; overflow-y: auto !important; }
.termsfeed-com---nb-simple .cc-nb-main-container { padding: 12px 14px 10px !important; }
.termsfeed-com---nb-simple .cc-nb-title { font-size: 16px !important; line-height: 1.25 !important; margin: 0 0 4px !important; }
.termsfeed-com---nb-simple .cc-nb-text { font-size: 13px !important; line-height: 1.35 !important; margin: 0 0 10px !important; }
.termsfeed-com---nb-simple .cc-nb-buttons-container { display: flex !important; flex-wrap: wrap; gap: 6px; }
.termsfeed-com---nb-simple .cc-nb-okagree, .termsfeed-com---nb-simple .cc-nb-reject { flex: 1 1 40%; min-height: 44px; margin: 0 !important; font-size: 15px !important; }
.termsfeed-com---nb-simple .cc-nb-changep { flex: 1 1 100%; min-height: 36px; margin: 0 !important; padding: 6px 10px !important; font-size: 13px !important; }
}
/* nízký displej (malé telefony): ještě drobnější text, tlačítka zůstávají 44 px */
@media (max-width: 1039px) and (max-height: 700px) {
.termsfeed-com---nb-simple .cc-nb-title { font-size: 15px !important; }
.termsfeed-com---nb-simple .cc-nb-text { font-size: 12px !important; line-height: 1.3 !important; margin-bottom: 8px !important; }
}
/* Kontakt: tabulka adresa + formulář eStránek (nahradil mrtvý Blueboard) v telefonu pod sebe */
@media (max-width: 1039px) {
#content table:has(form) tbody, #content table:has(form) tr, #content table:has(form) td { display: block !important; width: auto !important; }
#content table:has(form) td + td { margin-top: 12px; }
#content table:has(form) input[type=text], #content table:has(form) textarea[name] { width: 100% !important; }
}
/* Pohotovost webu 27. 10. 2026: úklid bočního panelu (RSS, vyhledávání na 9 stránkách, nadpis „Retargeting“ u neviditelného měřicího kódu) */
#rss-nav, #search { display: none !important; }
.own-code-nav h2 { display: none !important; }
.own-code-nav { margin: 0 !important; padding: 0 !important; min-height: 0 !important; }
/* ceník jako tabulka */
.pw-cenik { width: 100%; border-collapse: collapse; margin: 0 0 18px; }
.pw-cenik td { padding: 7px 8px; border-bottom: 1px solid rgba(255,204,51,.25); vertical-align: top; line-height: 1.4; }
.pw-cenik td + td { text-align: right; white-space: nowrap; font-weight: bold; }
.pw-cenik td.pw-dlouhe { white-space: normal; text-align: left; font-weight: normal; }
.pw-cenik small { display: block; font-weight: normal; opacity: .85; }
@media (max-width: 600px) {
  .pw-cenik td { display: block; padding: 2px 0; border: 0; text-align: left !important; white-space: normal !important; }
  .pw-cenik tr { display: block; padding: 8px 0; border-bottom: 1px solid rgba(255,204,51,.25); }
}
/* Pohotovost webu 27. 10. 2026: ceník v telefonu, řádky přes celou šířku */
@media (max-width: 600px) { .pw-cenik, .pw-cenik tbody, .pw-cenik tr { display: block; width: 100% !important; } }
/* Pohotovost webu 27. 10. 2026: drobnosti z kontroly (zbytkové tlačítko šablony na PC, větší tlačítko v liště cookies, čitelnější odkazy) */
#menu-toggle { display: none !important; }
@media (max-width: 1039px) { .termsfeed-com---nb-simple .cc-nb-changep { min-height: 44px !important; padding: 10px 14px !important; } }
#content a, #breadcrumb-nav a, #contact-nav a { color: rgb(180, 129, 9); }