@media screen,projection{
    /*main class */
    hr, .noDisplay {display: none}
#content .editor-area hr {
    display: block;
}
#login form a {margin-bottom: 5px;}
input[type="button" i] {
    color: #fff;
    font-weight: bold;
    font-size: 0.9rem;
    max-width: 20rem;
    background-color: #f37720;
    padding: .5rem 1rem .6rem;
    border-radius: 25rem;
    border-color: #f37720;
    border-style: solid;
    cursor: pointer;
}
#c_validation {
  padding: 8px;
}
#validation-dt {
  margin-bottom: 10px;
  color: #06e2e0;
}
#mail-list dd {
  margin-left: 0;
}
.vizual-captcha {
   width: 100%;
   margin: 10px 0;
} 
#mail-list-message .message {
  margin-top: 10px;
  display: block;
  color: #06e2e0;
}

#eshop .contact-info td span {
    position: relative;
    display: block;
    top: -54px;
    left: -9px;
}
#eshop form table tbody tr td {
    padding-right: 5px;
    display: block;
}
#eshop .registration td input {
  width: 100%;
}
#last-photo .wrap-of-wrap {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}

#last-photo .wrap-of-wrap img {
  width: 100%;
  max-width: 100%;
    height: auto;
    display: block;
}

#last-photo span a {
    margin-left: 10px;
}
@media(min-width: 1100px) {
  #last-photo span a {
      margin-left: 0;
  }
}
    .editor-area hr{display: block}
    a img {border: none}
    a{color: white; }
    .left{text-align: left; }
    .right{text-align: right; }
    .center{text-align: center; }
    .justify{text-align: justify; }
    .left-float{float: left; }
    .right-float{float: right; }
    .clear{clear: both; height: 0 !important; overflow: hidden; border: 0 !important; font-size: 0em; }
    a:hover{text-decoration: none}
    .accessibility-links{display: none}
#eshop .wrap {margin-bottom: 20px;}
    body {margin: 0px; padding: 0px; background: url('https://s3b.estranky.cz/img/d/1000000120/bkg.jpg') #393939; text-align: center; font-family: Verdana; font-size: .7em; color: #FFF; }

    textarea {font-family:Verdana; font-size: 100%; } 

    #whole-page{text-align: center; }
    #document {width: 900px; margin: 0 auto; text-align: left;}

    #body{ 
        background: #2E2E2E url('https://s3b.estranky.cz/img/d/1000000120/bodybkg.png') repeat-y;
    }

    #in-body {
        padding: 0;
        background: transparent url('https://s3b.estranky.cz/img/d/1000000120/bgbody.jpg') 0px 0px no-repeat;
        background-size: cover;
    }
    @media(min-width: 1100px) {
        #in-body{
            padding: 15px 0 0 0;
       }
    }

    * html #in-body {
        height: 1%;
        background-position: 0px 4px;
    }

table {
  width: 100%!important;
    max-width: 500px;
}
iframe {
  width: 100%;
    max-width: 480px;
}
#osm-map {
  width: 100%!important;
    max-width: 480px;
}
    /*header */

    #header {
        height: 100%;
        margin-top: 0;
        position: relative;
       display: flex;
        padding-top: 13%;
    }
    @media(min-width: 1100px) {
          #header {
            padding-top: 0;
            margin-top: 89px;
         }
    }

    #header .inner_frame{
        background: url(https://s3b.estranky.cz/img/l/logo_1000000120.jpeg) no-repeat;
        height: 100%;
        max-width: 100%;
        width: 100%;
        padding-top: 30%;
        background-size: contain!important;
        margin-top: 48px;
    }
    @media(min-width: 1100px) {
         #header .inner_frame{
            padding-top: 26.2%;
            margin-top: 0;
        }
    }

    #header-decoration{
        position: absolute;
    width: 100%;
    max-width: 100%;
    height: 356px;
    left: 0;
    top: -109px;
    }

    #header h1{position: absolute; top: -60px; left: 0; height: 38px; width: 700px; margin: 0; overflow: hidden; z-index: 9999; }
    #header a {color: white; text-decoration: none; text-transform: uppercase; font-size: 1.3rem; font-weight: normal; }
@media(min-width: 1100px) {
   #header a { font-size: 1.7rem; }
}

    #nav-column{width: 330px; margin-top: 15px; float: right; margin-right: 25px}
    * html #nav-column{ margin-right: 10px; }
    #nav-column h2 { text-align: left; letter-spacing: -1px; margin: 0; background: #1e1e1e; overflow: hidden; color: #06e2e0; text-transform: uppercase; font-size: 18px; font-weight: normal; background: url(https://s3b.estranky.cz/img/d/1000000120/RIexm.png); padding: 10px; display: block;}
@media (min-width: 1100px) {
#navigation h2 {
    display: block;
}
}
    .column .section{margin-bottom: 30px;}

    /*#nav-portrait, #folders-nav-decoration, #archive-decoration, #nav-decoration, #search-decoration, #links-decoration, #last-gal-decoration{display: block; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; }*/
    
    .menu-type-standard li > ul.level_2 {
        display: block !important;
        position: relative;
        margin: 0;
        padding: 0;
        width: 142px;
    }
    #navigation{margin-bottom: 30px}
    menu{margin: 0;_margin-top: 7px; padding: 0 !important; }
    .section li, menu li {margin: 0px 0 0 0 !imrpotant; padding: 0; ; list-style: none; }
    menu li.current{font-weight: bold; color: #feff00;}
    .section li a, menu a {display: block; margin: 0; padding: 15px 0 10px 10px !important; background: url(https://s3b.estranky.cz/img/d/1000000120/rightItemBkg.jpg) repeat-x; /*color: white; */text-decoration: none; word-wrap: break-word;}
    .section li a:hover, menu a:hover{color: #feff00; }
    .menutyp_first a{background-image: url(https://s3b.estranky.cz/img/d/1000000120/firstRightItemBkg.png) !important}
    .section a:hovermenu a:hover{color: white !important; }

    /* portrait */
    #portrait .inner_frame{padding-bottom: 10px; background: url(https://s3b.estranky.cz/img/d/1000000120/RIexm.png); text-align: center; }
    /* links*/
    .section ul{margin: -2px 0 0 0; padding: 0 !important}

    #last-gallery .inner_frame{margin: 3px 0; text-align: center;}
    #last-gallery a{ color: #feff00}

    /*search*/
    #search fieldset{margin: 5px 5px 0; padding: 0; border: none; text-align: center;}

    #search #key{width: 85%; background: #454545; border: solid 1px black; padding: 7px 2px; }
    #search #sendsearch{ cursor: pointer; margin: 10px 0; background: #454545; border: solid 1px black; color: white; padding: 8px 10px; }

    /*Calendar */
    #calendar caption{display: none}
    #calendar table{width: 100%;color: white}
    #calendar thead, #archive-month, archive-nav-l a, archive-nav-l, archive-nav-r, archive-nav-r a{font-weight: bold;}
    #calendar #archive-days th{padding: 5px 0}
    #calendar td, #calendar th{font-size: .9em; _font-size: .6em; text-align: center}
    #calendar tbody td{margin: 0 !important; width: 18px; height: 18px;} 
    #archive-month td{height: auto !important; width: auto!important;}
    #archive-month td *{ margin: 0 !important; font-size: .9em;}/* */
    #calendar tbody .day_active{background: url(https://s3b.estranky.cz/img/d/1000000120/calendarItemBkg.png) 50% 0% no-repeat}

    /* MAIN div */
    #content{float: left; padding: 15px; width: 480px; overflow: hidden; line-height: 130%; color: white; }
.editor-area .preview img {
  width: 100%;
    max-width: 480px;
    height: auto;
}
    #content .editor-area ul {margin: 0.5em 0.75em 0.5em 2em}

    #content .editor-area p {line-height: 140%; margin: 0.4em 0; padding: 0.2em 0;}

    #content .editor-area h2, #content .editor-area h3, #content .editor-area h4 {margin: 1em 0 0.3em 0; padding: 0.1em 0;}

    #content .editor-area h2 {margin-top: 1.5em;}

    #section_subsections {margin: 25px 0;}

    /*navigation*/
    #breadcrumb-nav{margin: 0 0 5px 30px; padding: 10px; color: #06e2e0; background: url(https://s3b.estranky.cz/img/d/1000000120/RIexm.png);}
    #breadcrumb-nav a, #breadcrumb-nav span{color: #feff00 !important}
    #breadcrumb-nav a:hover{color: white !important; text-decoration: underline}

    #photos-list, .slidebar, #thumbnav, #mess-text, #section_subsections, #photos  .article .first, .under-article {width: 480px;  margin-left: 40px; padding-top: 5px; overflow: hidden;/* color: white*/}

    #gallery h2, #gallery h3, #photos-title, #articles .section_sub_title{
        margin: 9px 0 0 38px !important;color: #06e2e0 !important; text-transform: uppercase; font-family: Verdana; font-size: 1.1em; line-height: 200%;
    }
    #folders h2, #block-comments h3 {color: #06e2e0 !important; text-transform: uppercase; font-family: Verdana; font-size: 1.1em}
    #slide, .article{ background: url(https://s3b.estranky.cz/img/d/1000000120/LIBkg.png) no-repeat ;}

    #slide h2, #photos h2, #articles h2, .article h2, #photo-album h2, #eshop .products h2{
        color: white; font-size: 1.3em;
    }
    #slide h2, #articles h2, #photo-album h2, #eshop .products h2{
        margin-left: 40px;
        margin-bottom: 10px;
    }
    #slide h2 {display: block; padding-top: 15px;}

    #photo-album #photos h2 { margin-left: 0px !important; margin-bottom: 25px; =margin: 15px 0 0 0;}

    /* article + common style*/
    #footer a, .under-article a, .folder .folder-info a{color: #06e2e0} 
    archive-nav-l a, archive-nav-l, archive-nav-r, archive-nav-r a, .comment-headline span, .comment-headline b, #timenav a, #p_name, .article .date, .section_article span, .album h3 a {color: #feff00;}

    .article .a-whole-article, .section_article span{font-weight: bold}
    .editor-area a:hover, .article .under-article a:hover, .section_article h3 a:hover{text-decoration: underline}

    .article .comment-img{width: 14px; height: 14px; background: url(https://s3b.estranky.cz/img/d/1000000120/comment.png) no-repeat; overflow: hidden; margin-right: -60px; _margin-right: 0}
    .article .comment-img span{visibility: hidden;}
    .art-delimit-wa, .art-delimit-gal, .art-delimit-sec {width: 3px; height: 10px; background: url(https://s3b.estranky.cz/img/d/1000000120/under-articleBkg.png) repeat-y; color: #ffff00}
    .section_article h3{font-size: 1.1em}


    #articles .item p.first{margin: 5px 0 0 38px; color: #feff00; }
    .article .first{margin: 5px 0 0 40px; display:block;
                    margin:5px 0 0 40px;
                    padding:5px 0;}
    .article div.first { margin-left: 0px; }

    .section_article h3{margin: 0}
    .section_article{margin-bottom: 10px}

    /* comment*/
    #block-comments {position: relative; width: 480px; margin: 10px 0; padding-top: 25px; overflow:hidden; background: url(https://s3b.estranky.cz/img/d/1000000120/block-commentsBkg.png) no-repeat;}
  @media(min-width: 1100px) {
      #block-comments {margin: 10px 0 0 38px; }
   }
    #block-comments fieldset{width: 100%; border: none; padding: 0}
    #block-comments h2{margin: 0 !important}
    #block-comments legend{display: none}
    #block-comments dd{ margin: 5px 0 10px 0; }
    #block-comments input, #block-comments textarea,#block-comments input#c_title {width: 55%; font-family:Tahoma,Arial,sans-serif; font-size:13px; background: #454545; border: solid 1px black; padding: 0 5  px; color: white}

  @media(min-width: 1100px) {
      #block-comments input, #block-comments textarea,#block-comments input#c_title {width: 98%;}
    }

    #validation {float:left; width:150px !important; margin-right: 20px}
    #block-comments .submit{ width: 32px; height: 46px; background: url(https://s3b.estranky.cz/img/d/1000000120/OKBkg.png) no-repeat; border: 0; color: #06e2e0; font-size: 0px; margin: 0px 30px 0 350px; cursor:pointer;}
    #block-comments .comment-headline h3{color: white !important; margin: 10px 0 0 0; text-transform: none !important}

    #block-comments input{width: 215px;} 
    #block-comments input#c_validation{float:left;} 
    #block-comments div#c_validation_div{text-align:right;} 
    #block-comments .submit{position:relative; margin: 0px; top:-5px; left: 15px;}
    @media(min-width: 1100px) {
            #block-comments .submit{ top: -70px; left: 70px;}
    }
    #block-comments form .recaptchaContainer {text-align: left;}
    @media(min-width: 1100px) {
            #block-comments form .recaptchaContainer {text-align:right;}
    }

    .comment-text p{margin: 3px 0 5px 0}
    /* photo */
    #click{margin-left: 38px; text-align: center;}

    .slidenav{clear: both; margin: 0 10px; text-align: center;}
    .slidenav a{color: #feff00 !important; font-weight: bold}
    .slidenav div{color: white}
    .slidenav .back{float: left; margin-left: 60px;}
    .slidenav .forward {float:right; margin-right: 60px}
    #timenav{margin: 0 10px 20px 10px;  border-top: solid 1px #454545; text-align: center}

    /* photogallery*/
    .folder .photo-wrap{ margin-top: 10px; position: absolute; top: 20px; left: 15px;}
    .folder { position: relative; margin-bottom: 10px; background: url(https://s3b.estranky.cz/img/d/1000000120/RIexm.png); padding: 5px 5px 0px 5px;}
    /* fotogal */#gallery .folder h3,/* archiv */.folder h3{ border-bottom: 0; font-size: 1.2em !important;text-transform: none !important;}
    .folder h3 a{color: #feff00 !important;}
    .folder .folder-info{ min-height: 130px; _height: 130px; margin-left: 110px; color: #06e2e0;margin-top:20px;}
    .folder .folder-info span{color: white}

    /*
    .folder .photo-wrap {position: absolute; top: 35px; left: 10px; _left: -100px;  width: 90px; padding: 0; margin: 0; background: none !important; text-align: center}
    */


    /* pictures*/
    #mess-text, #block-comments{clear: both}
    /*folders*/
    .album{ float: left; width: 200px; padding-left: 40px; background: url(https://s3b.estranky.cz/img/d/1000000120/slozka.gif) no-repeat 10px 5px; overflow: hidden;}
    .album h3 {margin: 0; font-size: 1.2em; height: 1.5em; overflow: hidden; line-height: 160%; }
    .album div{color: #666666; margin-bottom: 10px}

    /* advertisment */
    /*
    #mess-ahead{margin-left: 82px; overflow: hidden; width: 750px}
    #mess-ahead iframe {margin: 0 auto;}
    .mess-title{color: #FEFF00; font-weight: bold;}
    #sky-scraper-block {position: absolute; top: 150px; right: -80px; _right: -100px; z-index:10;}
    #body .message{margin-bottom: 10px; }
    */

    #content .hypertext h2 {margin: 0; padding: 0;}
    #content .hypertext h2 a {font-weight: normal; font-style: normal; font-size: 12px; text-decoration: underline;}
    #content .hypertext h2 a:hover {text-decoration: none;}
    .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: 440px; margin: 15px auto; padding: 5px; overflow: hidden; background-color: #1E1E1E;}
    .hypertext .inner_frame {line-height: 1em; margin-top: 3px;}
    .hypertext img, .hypertext {border: 1px solid #696969;}
    * html .hypertext {margin-left: 45px;}
    #content .hypertext + .hypertext {border-top: 1px solid #1e1e1e; margin-top: -16px;}

    #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 {margin: 20px 0 5px;}
    #shifter #shifter_wrap #shifter_footer .span3 {background: #2e2e2e; padding: 0px 5px 5px;}
    #shifter div#shifter_title h3 {margin: 5px 0;}
    #shifter #shifter_wrap #shifter_footer .category {background: url("https://s3b.estranky.cz/img/d/1000000120/RIexm.png"); padding: 2px 0; text-transform: uppercase; font-weight: bold; text-align: center;}
    #shifter #shifter_wrap #shifter_footer .category a {text-decoration: none; color: #06e2e0;}
    #shifter #shifter_wrap #shifter_footer .category a:hover {color: #fff;}
    #shifter .span3 .category a {font-size: 13px;}
    #shifter #shifter_wrap #shifter_footer .span3 h4 {margin: 0; line-height: 1.58em;}
    #shifter #shifter_wrap #shifter_footer .span3 h4 a {color: #fff;}
    #shifter #shifter_title h3#shifter_t_2 {margin-right: 292px;}
    * html #shifter #shifter_title h3#shifter_t_2 {margin-right: 146px;}

    /* footer */
    #footer{width: 900px; position: relative; left: -4px; overflow: hidden; background: url(https://s3b.estranky.cz/img/d/1000000120/footer.png) no-repeat; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src='https://s3b.estranky.cz/img/d/1000000120/footer.png');
background-size: cover;
    background-position: center;
}
    #footer .inner_frame{padding:85px 0pt 50px 15px; color: white;}
    #footer p{margin: 0; }
#footer .inner_frame p + p {margin-top: 10px;}
#footer .inner_frame p + p a {margin-right: 5px;}

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

    /* ----------- Like ----------- */
    .fb_edge_widget_with_comment{margin:10px 38px; width: 505px;padding:5px;}

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

    /*** Fix package
     *****************************************************************************/

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

    #photos .photo-wrap, #preview-folder .box, #thumbnav .box{
        background-color: #1E1E1E;
        float: left;
        width: 90px;
        height: 90px;
        margin: 1px 1px;
        _width: 92px;
        _height: 92px;
    }

    #thumbnav .box{
        margin: 1px 1px;
    }

    #photos .photo-wrap div, #preview-folder .box div, #thumbnav .box 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 {
        =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 { 
        =border: none;
    }

    #thumbnav .box div a img, #photos .photo-wrap div a img, #preview-folder .box div a img {
        =position: relative; 
        =top: -50%;
        =left: -50%;
        border: 0px solid #FFF;
    }

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

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

    #photo-album { overflow: hidden; width: 95%;}
    .editor-area , #folders, #photos{ padding: 0px 0px 0px 40px; }
    .products .editor-area {
        padding-left: 0;
    }
    #folders {margin-top: 15px;}
    .list-of-pages {
        text-align: center;
        position: relative;
        display: block;
        width: 100%;
    }
    .list-of-pages .previous {
        position: absolute;
        left: 15px;
        top: 0px;
    }
    .list-of-pages .next {
        position: absolute;
        right: 15px;
        top: 0px;
    }
    .list-of-pages a {
    }
    .list-of-pages .numbers {
        display: block;
        margin: 0px auto;
        width: 200px;
    }
    #last-photo, #mail-list, #language{text-align: center;}
    #languages a{ margin: 2px 3px;float: left;}

    #last-photo .wrap-of-photo {
         margin-right: 10px;
         margin-left: 10px;
    }

    .level1{ margin-left: 1em; }
    .level2{ margin-left: 2em; }
    .level3{ margin-left: 3em; }
    .level4{ margin-left: 4em; }
    .level5{ margin-left: 5em; }
    .level6{ margin-left: 6em; }
    .level7{ margin-left: 7em; }
    .level8{ margin-left: 8em; }
    .level9{ margin-left: 9em; }

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

    menu li a{padding: 1px; }

    * html menu li a, * html menu li, * html .submenu li, * html .submenu a {padding: 1px;  border: 1px solid #2E2E2E;}

    menu li ul.submenu{ display: none; }
    menu li.submenu-over ul.click, menu li.submenu-over ul, menu li:hover ul.onmouse{ display: block; }
    menu li ul.classic{ display: block; }

    menu li.submenu-over ul.onmouse, menu li:hover ul.onmouse{
        position: absolute;
        left: -122px;
        top: 0px;
        width: 130px;
    }

    menu li.submenu-over * { margin: 0px; padding: 0px;}

    menu li.submenu-over ul.onmouse li, menu li:hover ul.onmouse li{
        background: #2E2E2E;
        border: 1px solid #2E2E2E;
    }
    
    .level_2 {
        display: none;
        position: absolute;
        margin-left: -199px;
        margin-top: -29px;
        width: 160px;
    }

    .article h2 {padding-top: 13px;}
    #photo-album {margin-top: 15px;}
    #articles { padding: 5px 0px;}

    #mail-list-key {background: #454545; border: 1px solid #000; width: 85%; padding: 8px;}
    #send-mail-list {cursor: pointer; padding: 8px; background: #454545; border: 1px solid #000; color: #fff; margin:10px 0;}

    /* title aligment */
    h1.head-left {
        text-align: left;
    }
    h1.head-center {
        text-align: center;
    }
    h1.head-right {
        text-align: right;
    }

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


    #stats .inner_frame td, #stats .inner_frame th { text-align: left; padding: 5px; color: #fff; font-size: 11px;}
    #stats .inner_frame table:after { content: "."; line-height: 0px; height: 0px;clear: both;visibility: hidden;}
    #calendar th, #calendar td {padding: 1px; color: #fff; font-size: 11px;}
    #own-code-nav, #contact-nav {color: #fff;}

    .article h2 span.span-a-title , .article .date{margin-left: 40px; display: block;}
    #articles .article .date {margin-left: 0px;}

    #archive, #rss-channels{padding-left: 40px;}
    #archive h2, #rss-channels h2{color: #06E2E0; font-size:18px; }


    .message {  clear: both; margin-bottom: 5px; text-align: center; color: black; }
    .message .inner_frame { padding: 5px; text-align: center; }
    .adv-title { width: 100%; margin-left: 5px; }
    .message img { display: block; border: none; margin: 0 auto; }

    #mess-ahead , #mess-skyscraper , #mess-rectangle {  padding-top: 5px; text-align: center; color: #fff; }
    #mess-ahead { display: block; text-align: center; margin-bottom: 2px; color: #fff; }
    #mess-ahead .adv-title { display: block; width: 755px; _width: 760px; margin: 0 auto;  text-align: left; }
    #mess-ahead .adv-title , #mess-ahead .inner_frame { position: relative; }
    #mess-ahead .inner_frame a { display: block; width: 755px; _width: 760px; margin: 0 auto; }
    #mess-board {color: #fff;}
    #sky-scraper-block {     
        position: absolute;
        right: -300px;
        text-align: center;
        width: 300px;
        top: 0;
        z-index: 100;
    }
    #sticky-box {
      position: relative;
      position: -webkit-sticky;
        position: sticky;
      top: 0;
      right: 0;
    }
    #mess-skyscraper { margin-top: 20px; _margin-top: 18px; }

    .column .inner_frame { overflow: hidden; width: 315px; }

    #in-document { position: relative; background: #302e30;}

    #calendar .inner_frame, #stats .inner_frame, #search .inner_frame, #mail-list .inner_frame, #contact-nav .inner_frame, #last-photo .inner_frame, #languages .inner_frame {
        background: url(https://s3b.estranky.cz/img/d/1000000120/rightItemBkg.jpg) repeat-x;
        padding: 10px 0px;
    }
    #contact-nav .inner_frame, #languages .inner_frame {
        padding: 10px;
    }
    #stats .inner_frame {text-align: left; color: #fff; padding-left:5px;}
    #contact-nav .inner_frame {padding: 0px; }
    #contact-nav address{ padding: 10px; }

    .article { margin-bottom: 20px; }

    #photo-album h2 {
        background: url(https://s3b.estranky.cz/img/d/1000000120/LIBkg.png) no-repeat ;
        margin: 0px;
        padding:15px 0 6px 40px;
        display: block;
    }
    #contact-nav a { text-decoration: underline; }
    .own-code-nav { color: #fff !important; }

    .comment-answer p, .comment-answer { text-decoration: underline; text-align: right; }

    #breadcrumb-nav a { color: #FF01FF !important; }

    h1 a, h2 a, h3 a { text-decoration: none; }

    #timenav, .slidenav { padding: 10px 5px; display: block; background: url(https://s3b.estranky.cz/img/d/1000000120/RIexm.png); }

    #thumbnav { padding: 10px 0px; }

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


    #ecategory ul li ul li a {
        padding-left: 20px !important;
    }
    #ecategory ul li ul li ul li a {
        padding-left: 30px !important;
    }
    #eshop #photo {
        background-color: #1E1E1E;
    }
    #confirm tbody tr td,  #orderdone tbody tr td, #basket_preview_form tbody tr td {
        background: url(https://s3b.estranky.cz/img/d/1000000120/rightItemBkg.jpg) repeat-x;
        padding: 3px 0;
    }
    #basket_preview_form tbody tr td{
        padding: 3px 3px 1px;
    }
    .settings tr td label, .contact-info tr td label, .login-info fieldset p label {
        width: 101px; 
        display: block;
    }
    #billing_address #sameaddress + label, #account_info #individual + label, #account_info #firm + label {
        width: auto; 
        display: inline;
    }
    * html #billing_address label {
        width: auto; 
        display: inline;
    }
#eshop .products {margin-left: 0;}
@media(min-width: 768px) {
  #eshop .products {margin-left: 40px;}
}
    #eshop .products .article .editor-area {
        text-align: justify;
        line-height: 1.5em;
        padding: 4px 5px;
    }
    #eshop .article .photo-wrap, #eshop #photo-detail .photo-wrap {
        margin-top: 1px;
    }
    #photo-detail {
        _margin-right: 0;
    }
    #eshop .sphotos .photo-wrap {
        float: left;
        border: 1px solid #2E2E2E;
        background-color: #1E1E1E;
    }
    #eshop .article .photo-wrap, #eshop .article .price{
        background-color: #1E1E1E;
    }
    #content #eshop #basketpayments ul, #content #eshop #baskettransport ul {
        margin: 0 30px 0 0;
        padding-left: 0;
    }
    #eshop #product .wrap h2 {
        line-height: 1.2em;
        margin-bottom: 15px;
    }
    #content #eshop #basket_preview_form ul li {
        border-bottom: 1px solid #000;
        background: #252525;
    }
    #content #eshop #basket_preview_form ul li div {
        background: #2E2E2E;
        margin-left: 0 !important;
        padding-left: 20px;
        *padding-left: 25px;
    }
    #login form div input, #eshop input {
        margin: 5px 0;
    }
    #login label {
        width: auto;
        float: none;
        margin-top: 2px;
    }
    #login .inner_frame p {
        margin: 5px 0;
    }
    #content #steps ul li {
        color: #fff;
        border: 1px solid #bbb;
        font-size: 120%;
        margin: 5px 2px;
        text-align: center;
        width: 50px;
    }
    #content #steps ul li.active {
        color: #06E2E0;
        font-weight: bold;
        background-color: #454545;
    }
    #eshop table {
        border-collapse: collapse;
    }
    #login {
        overflow: visible;
        width: 100%;
    }
    @media(min-width: 1100px) {
       #login {
        width: 160px;
       }
     }
    #login input.submit {
        float: none;
        width: 75px;
    }
    #eshop .submit, #login input.submit {
        background: none repeat scroll 0 0 #454545;
        border: 1px solid #000000;
        color: #FFFFFF;
        cursor: pointer;
        padding: 7px 5px;
    }
    #eshop form fieldset {
        border: none;
        padding: 0;
        margin: 0;
    }
    #eshop #basket_preview_form td.title {
        width: 26%;
    }
    #steps {
        margin-bottom: 15px;
    }
    #eshop #confirm .validation dd {
        margin-left: 0;
    }
    #eshop .products .article {
        margin: 15px 0 0 0;
        width: 100%;
    }
@media(min-width: 768px) {
  #eshop .products .article {
        margin: 15px 33px 0 0;
        width: 130px;
    }
}
#eshop .products .article .photo-wrap {width: 99%;}
@media(min-width: 768px) {
  #eshop .products .article .photo-wrap {width: 130px;}
}
    #eshop .products .article h3 {
        padding: 0 2px;
        font-size: 13px;
    }
    #eshop .article {
        background: none;
    }
    #eshop #product-detail {
        padding: 0;
    }
    #eshop #product-info table tbody tr td {
        *padding: 5px 3px 5px 0;
        padding: 2px 3px 2px 0;  
        font-size: 11px;
        vertical-align: top;
        min-width: 85px;
    }
    #eshop #product .editor-area {
        padding-left: 0;
    }
    #eshop #panel {
        width: 100%;
margin: 25px 0px;
    }
    #panel .panel-header ul {
        padding-left: 0;
    }
    #eshop #product-comments #block-comments {
        margin-left: 10px;
    }
    #eshop #product-comments #block-comments div.validatin-images-set{
        text-align: right;
        width: 240px;
    }
    #eshop #product-comments #block-comments input#c_validation{
        float: left;
        left: 0;
        margin-top: 0;
        position: absolute;
        width: 207px;
        top: 13px;
        margin-left: 0;
    } 
    #eshop #product-comments #block-comments input.submit {
        background: url(https://s3b.estranky.cz/img/d/1000000120/OKBkg.png) no-repeat;
        border: none;
        margin-top: 20px;
    }
    #eshop .products h2 { 
        margin: 15px 0 0 0;
        color: #06E2E0; 
    }
    #eshop #articles #product h2 {
        background: none;
        padding-top: 0;
    }
    #eshop .settings label {
        *vertical-align: middle;
    }
    #eshop form fieldset {
        *padding: 10px 0;
    }
    #eshop #product-comments #block-comments, #eshop #product-comments #block-comments fieldset {
        width: 460px;
        _width: 430px;
    }
    #eshop #product-comments #block-comments textarea {
        width: 450px;
    }
    #eshop #product-comments #block-comments .validation dd {
        margin-left: 0;
        float: right;
    }
    #eshop #product-comments .validatin-images-set img {
        *float: right;
    }
    #eshop #product-comments .validatin-images-set a {
        *clear: both;
    }
    #eshop td, #eshop th, #eshop .settings label {
        _font-size: 11px;
    }
    #login .inner_frame, #logged .inner_frame, #nav-basket .inner_frame {
        padding: 10px;
    }
    #login form div input {
        background: none repeat scroll 0 0 #454545;
        border: 1px solid #000000;
        width: 88%;
        height: 20px;
    }
    .column form input {
        color: #FFF;
    }
    #basketpayments ul li input, #baskettransport ul li input {
        margin: 4px 0 4px 2px;
        *margin: 0;
    }
    #basketpayments h3, #baskettransport h3, #contactaddress h3, #deliveraddress h3 {
        font-size: 14px;
    }
    #basket_preview_form tr td.price, #confirm .price, #basket_preview_form tr.border_fix td {
        background: none;
        font-size: 13px;
    }
    #eshop #basket_preview_form fieldset p input {
        float: left;
        margin: 0 5px 0 0;
    }
    #eshop #basket_preview_form fieldset p a {
        float: right;
        text-decoration: none;
        font-size: 12px;
        padding: 3px 5px;
    }
    #eshop .products .article span.price {
        margin-top: 5px;
    }
    #eshop .settings input, #eshop .settings label, #eshop .contact-info input, #eshop .contact-info label, #eshop .registration p input, #eshop .registration p label {
        vertical-align: middle;
    }
    #eshop fieldset.validation dd {
        margin: 0;
    }
    #eshop .settings h3, #eshop .registration h3 {
        margin: 15px 0 5px;
    }
    #eshop .registration fieldset p, #eshop .settings p, #eshop .contact-info p {
        margin: 20px 0 0;
    }
    #eshop .gennewmail p input {
        width: 192px;
    }
    #eshop .gennewmail fieldset p {
        margin: 20px 0 5px;
    }
    #eshop .gennewmail p input.submit {
        width: auto;
    }
    #confirm .right p.price {
        margin: 4px 0 20px;
    }
    #login .inner_frame a:hover, #nav-basket .inner_frame a:hover, #logged .inner_frame a:hover {
        color: #FEFF00;
    }
    #logged a {
        line-height: 20px;
    }
    #product-comments dl {
        margin: 0;
    }
    #eshop #product-comments fieldset.validation dd {
        width: 246px;
    }
    #product-comments .comment {
        margin-bottom: 20px;
    }
    #eshop #panel .panel-header li a {
        background-color: #454545;
    }
    #eshop #panel .panel-header li.active a, #eshop #panel .panel-header li a:hover {
        background-color: #222222;
        border-color: rgba(0, 0, 0, 0.08) rgba(0, 0, 0, 0.08) #222222;
    }
    #eshop #panel .panel-header a {
        color: #FFFFFF;
    }
    #eshop #basket_preview_form td.price {
        padding-bottom: 15px;
    }
    #basketpayments, #baskettransport {
        margin-top: 15px;
    }
    #usernewsletter {
        margin-left: 1px;
    }
    #calculation p {
        margin: 5px 0;
    }
    #product-comments .validation {
        position: relative;
    }
    #eshop .message-info {
        padding-left: 40px;
    }
    #eshop .products .message-info {
        padding-left: 0px;
    }
    #eshop #articles h2 {
        margin-left: 0;
    }
    #eshop #articles {
        margin-left: 0;
    }
@media(min-width: 768px) {
   #eshop #articles {
        margin-left: 40px;
    }
}
    .login-info p {
        margin: 2px 0;
    }
    .login-info fieldset p label {
        float: left;
        padding: 4px 0;
    }
    .login-info, .contact-info {
        border: 1px solid #fff;
        padding: 10px 5px;
    }
    #eshop .registration {
        border: none;
    }
    .contact-info h4 {
        font-size: 13px;
    }
    #eshop .login-info input.submit {
        margin-top: 10px;
    }
    #eshop h3 {
        color: #06E2E0;
        font-weight: normal;
        font-size: 15px;
    }
    .products .article h3 a {
        text-decoration: underline;
    }
    .products .article h3 a:hover {
        text-decoration: none;
    }
    #paging {
        clear: both;
        background: url(https://s3b.estranky.cz/img/d/1000000120/rightItemBkg.jpg) 0 0 repeat-x;
        padding-top: 8px;
        width: 455px;
    }
    #paging a, #paging span {
        background: #1E1E1E;
        border: 1px solid black;
        padding: 2px 0px;
        margin: 0 2px;
        display: inline-block;
        text-decoration: none;
        width: 18px;
        height: 16px;
    }
    #paging a {
        color: #06E2E0;
    }
    #paging a:hover {
        text-decoration: underline;
    }
    #paging a#next, #paging a#previous {
        background: none;
        border: none;
    }
    #paging a#next:hover, #paging a#previous:hover {
        text-decoration: none;
    }
    #eshop div.order_account table tr.odd {background: #252525;}
    #eshop .order_account .right {border: none;}
    #eshop div.order_account #basket_preview_form {border-bottom: 1px dashed #676767;}
    #eshop div.order_account #basket_preview_form tr td {border-top: 1px dashed #676767; background-image: none;}
    #eshop .order_account #basket_preview_form th {padding: 4px;}
    
    #product-search input {vertical-align: middle;}
    #product-search {padding: 13px 0 0 40px; background: url('https://s3b.estranky.cz/img/d/1000000120/LIBkg.png') no-repeat;}
    #eshop #product-search .products {margin-left: 0;}
    #eshop #product-search h2 {margin: 0 0 20px; font-size: 160%;}
    #eshop #product-search .products h2 {margin: 15px 0 0 0; font-size: 130%;}
    #product-search input#product-search-text {font-family: Tahoma,Arial,sans-serif; font-size: 13px; background: #454545; border: solid 1px #000; padding: 0 5px; color: #FFF; height: 28px; width: 220px;}
    #product-search input.submit {padding: 0px 15px; font-weight: bold; height: 30px;}
    #eshop #product-search .products ul {line-height: 1.7em;}
    #product-search input#product-search-text {padding/*\**/: 6px 5px 0\9}
    #product-search input#product-search-text {height/*\**/: 22px\9}
    * html #product-search input#product-search-text {height: 30px;}
    #eshop #block-comments {margin: -3px 0 0 38px;}
    #eshop #panel .inner_frame {padding: 0px 10px 5px;}

    #eshop #basket_preview_form td.coupon input.couponText {padding: 1px 2px;}
}
@media print{
    .message, .accessibility-links, #search, form, #calendar, #slidenav, #timenav{display: none}
    .photo-wrap, #thumbnav .box{width: 100px; height: 100px; float: left}
    h2#comments, .slidenav{clear: both}
}
/******************************************************************************/
/*----------------------------------------------------------Navigation bar style----------------------------------------------------------*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  /* only IE10 and 11 */
   #product-search input#product-search-text {padding: 0 5px; height: 28px;}
}

/* Responsive */

.menu-toggle {
  position: absolute;
  margin-top: 7px;
  right: 10px;
  border: 0;
  outline: 0;
  padding: 0;
    padding-bottom: 6px;
  cursor: pointer;
  min-height: 35px;
  display: none;
  background: transparent;
  z-index: 99999;
}
.menu-toggle span {
  border-top: 5px #04e2e1 solid;
    width: 30px;
    margin: 2px 0;
    display: block;
    transition: 0.3s all linear;
}
.menu-toggle.menu-active {
  margin-top: 3px;
}
.menu-toggle.menu-active span:nth-of-type(1) {
  opacity: 0;
}
.menu-toggle.menu-active span:nth-of-type(2) {
  transform: rotate(45deg);
}
.menu-toggle.menu-active span:nth-of-type(3) {
  transform: rotate(-45deg);
  margin-top: -7px;
}

@media only screen and (max-width: 1100px) {
  
  #document {
    width: 100%;
      max-width: 760px;
  }
  #in-body {
    background-size: cover;
  }
  #header .inner_frame {
    width: 100%;
      background-size: contain;
  }
  #header-decoration {
    width: 100%;
    background: none;
    left: 0;
  }
#header h1 {
    position: absolute;
    top: 8px;
    left: 0;
    width: 100%;
    padding-left: 5px;
    box-sizing: border-box;
    height: auto;
}
  #content {
    width: 100%;
    box-sizing: border-box;
  }
  #calendar .inner_frame, #stats .inner_frame, #search .inner_frame, #mail-list .inner_frame, #contact-nav .inner_frame, #last-photo .inner_frame, #languages .inner_frame {
    background: none;
  }
  .column .inner_frame {
    width: 100%;
  }
  #nav-column {
    margin-right: 0;
    width: 100%;
  }
  #navigation {
        position: absolute;
        top: 41px;
        width: 100%;
              z-index: 9999;
  }
  menu li a {
      font-size: 16px;
      text-align: center;
  }
  .section li a, menu a {
    background-size: 100% 100%;
  }
  .folder {
        box-sizing: border-box;
        float: left;
        clear: none;
        width: 45%;
        display: table;
        margin: 10px 2.5%;
    }
    .column .section {
        width: 45%;
        float: left;
        margin: 10px 2.5%;
        clear: none;
    }
    .column .section ul {
      width: 100%;
    }
    #nav-column .column .inner_frame {
      display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        display: block;
    }
  #footer {
    width: 100%;
  }
  #slide, .article {
    background: none;
  }
  #breadcrumb-nav {
    background: none;
    margin: 0;
  }
  #photo-album {
    width: 100%;
  }
  #photo-album h2 {
    background-size: cover;
  }
  .editor-area, #folders, #photos {
    padding: 10px;
  }
  #slide h2, #articles h2, #photo-album h2, #eshop .products h2 {
    margin-left: 10px;
  }
  .article .first {
    margin: 5px 0 0 10px;
  }
  #photos-list, .slidebar, #thumbnav, #mess-text, #section_subsections, #photos .article .first, .under-article {
    width: 100%;
    margin-left: 10px;
  }
  #footer .inner_frame {
    padding: 15px 0px 50px 15px;
  }
  .menu-toggle {
      display: block;
  }
  #navigation menu {
    display: none;
  }
  #navigation.menu-active menu {
    display: block;
  }
  .level_2 {
    display: none !important;
  }

}

@media only screen and (max-width: 991px) {

  #whole-page {
    overflow: hidden;
  }
  body {
    width: 100% !important;
  }

}

@media only screen and (max-width: 600px) { 

  .column .section, .folder {
    width: 100%;
      margin: 5px 0;
  }

}

/* ------------- CUSTOM GALLERY ---------------- */
/* INIT SLIDER STYLES  */
.initSlider,
.initSlider *,
.initSlider *::after,
.initSlider *::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

 

.slide.hide,
.slide.hideSlide {
  display: none !important;
}

 

.initSlider {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  opacity: 1;
}
.initSlider .firstImg {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 100%;
}

 

.initSlider .lastImg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 100%;
}
.initSlider img {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-drag: none;
  user-drag: none;
}

 

.initSlider .slide {
  position: relative;
  display: inline-block;
  float: left;
  overflow: hidden;
  text-align: center;
}

 

.initSlider .slide a {
  z-index: 55;
}

 

.initSlider .containerGallery {
  position: relative;
  display: inline-block;
}

 

.initSlider .slider__arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 40px;
  background: rgba(0, 0, 0, 0.4);
}
/* end INIT SLIDER STYLES */

 

/* SLIDER GALLERY STYLES  */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
  body[data-slider-open="true"] {
     background: #000;
  }
}
body[data-slider-open="true"] {
  overflow: hidden;
}
body[data-slider-open="true"] .slider-gallery {
  display: block;
}

 

.slider-gallery {
  position: fixed;
  z-index: 100000;
  padding: 5px 0;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #000;
  display: none;
}
.slider-gallery .slider-gallery__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
   -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 15px 10px;
  margin-top: 15px;
}
.slider-gallery .slider-gallery__title {
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: left;
 -webkit-box-flex: 1;
   -ms-flex: 1;
    flex: 1;
}
.slider-gallery .slider-gallery__position {
  font-size: 1.42857rem;
  -webkit-box-flex: 1;
   -ms-flex: 1;
    flex: 1;
}
.slider-gallery .slider-gallery__count {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
  color: inherit;
}
.slider-gallery .slider-gallery__header-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-flex: 1;
   -ms-flex: 1;
    flex: 1;
}
.slider-gallery .slider-gallery__close {
  padding-left: 5px;
 cursor: pointer;
}

 

.slider-gallery .slider-gallery__close:hover {
  opacity: 0.6;
}
.slider-gallery .slider-gallery__description-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10px 10px 0;
  line-height: 1.5;
}

 

.slider-gallery .slider-gallery__description,
.slider-gallery .slider-gallery__comment {
  margin: 0;
  font-size: 1rem;
  font-weight: 400;
  color: #eee;
  text-align: left;
}

 

.slider-gallery .slider-gallery__comment {
  font-size: 0.7rem;
}

 

.slider-gallery .slider-gallery__arrow {
  position: absolute;
  top: 0;
  bottom: 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  color: transparent;
  text-decoration: none;
  cursor: pointer;
}
.slider-gallery .slider-gallery__arrow {
  width: 30px;
}

 

.slider-gallery .slider-gallery__arrow:hover {
  opacity: 0.6;
}

 

.slider-gallery .slider-gallery__arrow-prev {
  left: 0;
  width: 30%;
}

 

.slider-gallery .slider-gallery__arrow-next {
  right: 0;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 70%;
}

 

.slider-gallery .slider-gallery__arrow-icon {
   border: solid #fff;
    border-width: 0 4px 4px 0;
    display: inline-block;
    padding: 8px;
    position: relative;
}

 

.slider-gallery .slider-gallery__arrow-prev-icon {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    left: 10px;
}

 

.slider-gallery .slider-gallery__arrow-next-icon {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    right: 10px;
}

 

.slider-gallery .slider-gallery__slider {
  position: relative;
  height: 80vh;
  min-height: 700px;
}

 

.slider-gallery .slider-gallery__slide {
  height: 100%;
}

 

.slider-gallery .slider-gallery__container {
   position: relative;
   height: 89vh;
   height: calc(100vh - 65px);
   padding: 0 15px;
}

 

.slider-gallery .slider-gallery__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  text-align: center;
}

 

.slider-gallery .slider-gallery__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  height: 100%;
  max-width: 90%;
  max-height: 100%;
  margin: auto;
  overflow: hidden;
}

 

.slider-gallery .slider-gallery__img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

 

.slider-gallery .containerGallery {
    height: 100%;
}

 

@media (max-width: 650px) {
  .slider-gallery .slider-gallery__container {
     padding: 0;
  }
}
/* end SLIDER GALLERY STYLES */

 

/* Foto (vyjmutí #photos definicí -> nově má samostané styly ) */
#preview-folder .box, #thumbnav .box, .folder .photo-wrap, #photo-album-nav li .photo-wrap {
  width: 130px;
  height: 130px;
  float: left;
  margin: 15px 7px 0;
}
#preview-folder .box div, #thumbnav .box div, .folder .photo-wrap div, #photo-album-nav li .photo-wrap div {
  height: 130px;
  width: 130px;
  text-align: center;
  display: table;
  overflow: hidden;
}
#preview-folder .box div a, #thumbnav .box div a, .folder .photo-wrap div a, #photo-album-nav li .photo-wrap div a {
  height: 100%;
  border: 0;
  display: table-cell;
}
#preview-folder .box div img, #thumbnav .box div img, .folder .photo-wrap div img, #photo-album-nav li .photo-wrap div img {
  width: auto;
  height: auto;
  max-width: 120px;
  max-height: 120px;
}

 

@media (max-width: 900px) {
  #preview-folder .box, #thumbnav .box, .folder .photo-wrap, #photo-album-nav li .photo-wrap {
    width: 75px;
    height: 75px;
    margin: 10px 5px 0;
  }
  #preview-folder .box div, #thumbnav .box div, .folder .photo-wrap div, #photo-album-nav li .photo-wrap div {
    height: 75px;
    width: 75px;
  }
 #preview-folder .box div img, #thumbnav .box div img, .folder .photo-wrap div img, #photo-album-nav li .photo-wrap div img {
    max-width: 75px;
    max-height: 75px;
  }
}

 

/* speciální úprava pro detail galerie */
#photos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
   justify-content: space-between;
}
#photos::after {
    content: "";
    flex: auto;
}
#photos .slide {
  width: 130px;
  height: 130px;
  float: left;
  margin: 15px 7px 0;
}
#photos .slider-gallery__wrap {
  height: 130px;
  width: 130px;
  text-align: center;
  display: table;
  overflow: hidden;
}
#photos .slider-gallery__box {
  height: 100%;
  border: 0;
  display: table-cell;
}
#photos .slider-gallery__img {
  width: auto;
  height: auto;
  max-width: 120px;
  max-height: 120px;
  cursor: pointer;
}
#photos .slider-gallery__description-box {
   display: none;
}

 

@media (max-width: 900px) {
  #photos .slide {
    width: 75px;
    height: 75px;
    margin: 10px 5px 0;
  }
  #photos  .slider-gallery__wrap {
    height: 75px;
    width: 75px;
  }
  #photos .slider-gallery__img {
    max-width: 75px;
    max-height: 75px;
  }
}
/* Galerie responsive END */