@media screen, projection {

/*  ---------------------------------------------------------------------------------------
  Basic
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

* { margin: 0; padding: 0; }
body { text-align: center; font: 80%/1.5 Tahoma, "Lucida Grande CE", lucida, sans-serif; color: #000; background: #d69700 url('https://s3b.estranky.cz/img/d/1000000115/body.gif') center top repeat-y; }
hr { display: none; }
table , form { font-size: 100%; }
a { color: #d69700; }
a:hover { text-decoration: none; }
a img { border: none; }
p { margin: 15px 0; }
td, th { padding: 1px; }

form { clear: left; margin: 0; }
form dt { float: left; clear: left; display: block; width: 50px; margin: 0 5px 10px 0; }
form dd { margin-bottom: 10px; }
button { clear: both; }
fieldset { padding: 0; border: none; }
legend , #content h3 { margin: 20px 0; font-weight: bold; font-size: small; _font-size: x-small; color: #000; }
input , textarea { font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif; background-color: #fff; }
center { margin: 15px 0; }

#photos h2 { clear: both; }

.accessibility-links { position: absolute; top: -1500px; z-index: -1; }
.decoration { display: none; }
.clear { clear: both; overflow: hidden; visibility: hidden; width: 1px; height: 1px; margin-top: -1px; line-height: 0; font-size: 0; }

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.justify { text-align: justify; }

.left-float { float: left; }
.right-float { float: right; }
img.left-float { margin: 10px 10px 10px 0; }
img.right-float { margin: 10px 0 10px 10px; }

#content ul, #content ol { list-style-type: square; margin-left: 30px; }
#content ol { list-style-type: decimal; }
#content li { margin: 5px; }

/*  ---------------------------------------------------------------------------------------
  Layout
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

#whole-page { width: 100%; }
#document { width: 760px; margin: 0 auto; color: #000; background: #d69700 url('https://s3b.estranky.cz/img/d/1000000115/content.gif') right top repeat-y; }
#in-document { position: relative; padding-top: 49px; text-align: left; }
#body { width: 100%; margin-top: -261px; padding-top: 261px; background: url('https://s3b.estranky.cz/img/d/1000000115/page_top.jpg') top right no-repeat; }

/* Header -----------------------------------------------------------------------------*/

#header { position: relative; z-index: 5; height: 206px; _height: 212px; padding-top: 6px; background: #fff url('https://s3b.estranky.cz/img/d/1000000115/header.jpg') left top no-repeat; }
#header .inner_frame { overflow: hidden; position: relative; height: 200px; background: #4e4e4e url(/img/logo.1.1750752887.jpeg) left top no-repeat; }
#header-decoration { display: none; }

h1 { overflow: hidden; position: absolute; top: 28px; left: 40px; width: 490px; height: 140px; text-transform: uppercase; font-size: 250%; }
h1 a , h1 a:hover { text-decoration: none; color: #fff; }

/*  ---------------------------------------------------------------------------------------
  Column
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
.menu-type-standard li > ul.level_2 {
    display: block !important;
}
#nav-column , #navigation , .column , .section , #mess-square , #mess-message { width: 154px; }
#nav-column { float: left; background: #D69700; }

.column .decoration , #nav-decoration { display: none; }
.column a img { border: 2px solid #fff; }

.section { overflow: hidden; margin-top: 5px; background: url('https://s3b.estranky.cz/img/d/1000000115/section_bottom.gif') bottom left repeat-x; }
.section .inner_frame , menu { padding: 10px 10px 20px; }

#navigation h2 , .column h2 { margin-top: 10px; padding-left: 5px; text-transform: lowercase; font-size: 135%; font-weight: normal; color: #fff2b2; }
#content .section_article h3 { margin: 1em 0 0; padding: 0; }

/* Menu ---------------------------------------------------------------------------------*/

menu { width: 134px; _width: 134px; padding-bottom: 15px; list-style-type: none; background: url('https://s3b.estranky.cz/img/d/1000000115/section_bottom.gif') bottom left repeat-x; _overflow: hidden; }
menu li , .column ul li { list-style-type: none; width: 124px; _width: 134px; padding: 5px 5px 5px 15px; color: #d7e5e7; background: url('https://s3b.estranky.cz/img/d/1000000115/li.gif') left 11px no-repeat; }
#navigation menu li a , .column a { display: block; font-size: small; _font-size: x-small; color: #fff; }
.column li a {text-align: left;}
/* Menu - adv -----------------------------------------------------------------------*/

#mess-square , #mess-message { overflow: hidden; position: relative; margin: 20px 0 0 -5px; color: #fff; }
.column .message img { border: none; } 

/* Portrait ------------------------------------------------------------------------------*/

#portrait { margin: 0; padding-top: 5px; }
#portrait .inner_frame , #last-gallery .inner_frame { text-align: center; }
#portrait .inner_frame { padding-top: 15px; }
#portrait a , #last-gallery .wrap-of-photo { margin: 0 auto; }
.wrap-wrapu { width: 120px; margin: 0 auto; }
#portrait a, #last-gallery .wrap-of-photo a { display: inline; margin: 0 auto; }

/* Search ------------------------------------------------------------------------------*/

#search { position: absolute; top: 0; left: 540px; z-index: 999; width: 270px; margin-top: 2px; background: none; }
#search input { float: left; display: block; }
#search h2 { position: absolute; top: 5px; left: 0; overflow: hidden; visibility: hidden; display: block; width: 29px; height: 0; padding-top: 29px; color: #3c3b3c; font-size: 0; line-height: 0; }
#search fieldset br { display: none; }

#search #search-decoration { position: absolute; left: 0; top: 0; visibility: visible; display: block; width: 29px; height: 29px; background: url('https://s3b.estranky.cz/img/d/1000000115/glass.png') top right no-repeat; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://s3b.estranky.cz/img/d/1000000115/glass.png', sizingMethod='scale'); }
#search #key { display: inline; width: 104px; _width: 118px; height: 16px; _height: 26px; margin-left: 5px; padding: 3px 5px 4px 7px; border: 1px solid #fff; border-top: 2px solid #fff; }
#sendsearch {cursor: pointer;  width: 70px; height: 26px; margin-left: 5px; border: 1px solid #ffd303; text-transform: lowercase; font: small Tahoma, "Lucida Grande CE", lucida, sans-serif; _font-size: x-small; color: #ffd303; background-color: #343434; }

/* Calendar ----------------------------------------------------------------------------*/

#calendar .inner_frame { padding: 10px 0 20px; }

#calendar caption { display: none; }
#calendar table { width: 154px; text-align: center; }
#calendar td { color: #fff; }

#calendar thead , #calendar thead td { color: #fceca6; }
#calendar thead td a { color: #fceca6; }
#calendar tbody td a { color: #fff; }

#archive-days a { font-weight: normal; text-decoration: underline; }

/* Footer -----------------------------------------------------------------------------*/

#footer {  overflow: hidden; margin-left: 153px; clear: both;width: 606px; font-size: small; _font-size: x-small; color: #fff; background: #323232 url('https://s3b.estranky.cz/img/d/1000000115/footer.jpg') top left repeat-y; }
#footer .inner_frame { padding: 15px 15px 5px; text-align: right; }
#footer .inner_frame p + p {margin-top: 5px;}
#footer .inner_frame p + p a {margin-left: 5px;}

#footer p { display: block; margin: 0 auto; }
#footer a { font-weight: bold; color: #ffd303; }

#footer .accessibility-link-up { display: none; }

/*  ---------------------------------------------------------------------------------------
  Content
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

#clear5 , #perex-cont-clear , #gallery-cont-clear , #g-section-cont-clear , #a-section-cont-clear , #article-cont-clear { display: block; }

#content { overflow: hidden; float: right; width: 539px; _width: 603px; padding: 0 32px 61px; color: #000; background-color: #fff; }
#content h3.section_sub_title { clear: both; font-size: large; _font-size: medium; }

#articles , #archive , #slide , #photos , #folders { overflow: hidden; width: 536px; _width: 568px; margin: 0 0px 0 0; padding: 0 32px 20px 0; }

/* Navigation ------------------------------------------------------------------*/

#breadcrumb-nav { overflow: hidden; margin: 0 -32px; margin-bottom: 20px; padding: 15px 15px 15px 32px; color: #ffd303; background: #3b3b3b url('https://s3b.estranky.cz/img/d/1000000115/breadcrumb.jpg') right bottom no-repeat; }
#breadcrumb-nav a { color: #ffd303; }

/* List of articles -------------------------------------------------------------------------*/

#perex { margin-right: 0px; padding: 0 32px 10px 0; background: url('https://s3b.estranky.cz/img/d/1000000115/article_bottom.gif') bottom left repeat-x; }

#content h2, #content h2 a { padding-top: 20px; padding: 0; font-size: 110%; color: #000; }
#articles h2 a, #archive h2 a { padding: 0; text-decoration: none; }

.article { overflow: hidden; _width: 539px; margin: 0 0px 0 0; padding: 10px 32px 20px 0; background: url('https://s3b.estranky.cz/img/d/1000000115/article_bottom.gif') bottom left repeat-x; }
.date { display: block; margin: -5px 0 15px; font-size: 110%; color: #d69700; }

.under-article { clear: both; text-transform: lowercase; font-weight: bold; color: #000; }
.under-article a { color: #d69700; }
.under-article a:hover { text-decoration: none; }
.s-whole-article { display: none; }

/* Comments ----------------------------------------------------------------------------*/

#block-comments { clear: both; width: 538px; margin: 30px 0px 0 0; background: url('https://s3b.estranky.cz/img/d/1000000115/article_bottom.gif') top left repeat-x; }

#single-page #block-comments h2 { margin: 0; }
#content #block-comments h2 { width: 100%; line-height: 2.5em; }

#block-comments form { padding-bottom: 30px; background: url('https://s3b.estranky.cz/img/d/1000000115/article_bottom.gif') bottom left repeat-x; }
#block-comments legend { _margin-left: -7px; font-size: 100%; }
#block-comments legend span {color: #d69700; }

#block-comments textarea { height: 150px; _height: 162px; }
#block-comments input#validation { width: 120px; margin: 0 10px 15px 0; }

#block-comments dt { text-align: right; }
#block-comments #validation-dt { width: 170px; }
#block-comments dt { line-height: 26px; }
#block-comments h3 { margin: 20px 0 20px 14px; }

#block-comments .comment-headline { font-size: x-small; _font-size: xx-small; color: #515151; }
#block-comments .comment-headline h3 { float: left; width: auto; margin: -2px 10px 0 0; text-transform: none; color: #d69700; }
#block-comments .comment-text { margin-top: -5px; }
#block-comments .comment-headline , #block-comments  .comment-text { padding: 0; }
#block-comments .comment-headline b,#block-comments  .comment-headline i { font-style: normal; font-weight: normal; }

#block-comments form dd input{width: 220px;} 
#block-comments form dd input#c_validation{float:left;margin-left:55px;} 
#block-comments form dd div#c_validation_div{text-align:right;} 
#block-comments form dt#validation-dt{margin-left:42px;margin-top:35px;position:absolute;width:180px;}
#block-comments form input.submit {margin-left: 55px;}

/* Photogallery --------------------------------------------------------------------------*/

.album { overflow: hidden; width: 535px; _width: 567px; margin: 10px 0px 10px 0; padding: 0 32px 10px 0; }
#document .album h3 { margin: 0 0 .5em 0; }
#section_subsections , #gallery , #gallery h2 { clear: both; }

.folder { _width: 531px; height: 160px; _height: 180px; margin: 10px 0px 10px 0; padding: 10px 5px 10px 40px; background: url('https://s3b.estranky.cz/img/d/1000000115/article_bottom.gif') top left repeat-x; }
#document .folder .photo-wrap { position: relative; z-index: 1; float: left; width: 80px; margin-top: 2.5em; background-color: transparent; }
#document .folder .photo-wrap img { margin-top: 10px; }

.folder-info {  float: left; width: 350px; padding: 2.8em 0 0 10px; }
#document .folder-info h3 { overflow: hidden; white-space: nowrap; width: 400px; margin: 0; font-weight: bold; }
.folder-info div { overflow: hidden; white-space: nowrap; width: 350px; line-height: 2; }
.folder-info div span { float: left; display: block; width: 70px; margin-right: 10px; text-align: right; }
.folder-info div a { overflow: hidden; float: left; width: 270px; }

/* Photos ----------------------------------------------------------------------*/

#photos { overflow: hidden; clear: left; }

/* Photo preview --------------------------------------------------------------------*/

#slide { margin-right: 0px; padding: 10px 32px 30px 0; }

#click { clear: both; overflow: hidden; margin: 10px -25px; padding-bottom: 30px; text-align: center; }
#click h3 { margin: 0; padding: 15px 0 10px; font-weight: normal; color: #d69700; }
#click p { margin: 10px 20px 0; }

.slidebar { _width: 100%; height: 100px; overflow: auto; white-space: nowrap; }
.slidebar a { margin: 0 5px; }

#thumbnav { margin: 15px 0; padding-left: 3px; text-align: center; }
#timenav , .slidenav { padding: 5px; clear: both; text-align: center; }
#thumbnav br , .slidenav br { line-height: 0; height: 0; clear: both; }
#slide #timenav a , #slide .slidenav a { color: #d69700; }

.slidenav .back { float: left; }
.slidenav .forward { float: right; }

/*  ---------------------------------------------------------------------------------------
  Advertisment
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.message {  clear: both; margin-bottom: 5px; text-align: center; color: black; }
.message .inner_frame { padding: 5px 0px; 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: #555; }
#mess-ahead { display: block; text-align: center; margin-bottom: 2px; color: #555; }
#mess-ahead .adv-title { display: block; width: 755px; _width: 760px; margin: 0 auto;  text-align: left; }
#mess-ahead iframe {margin: 0 auto;}
#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, #mess-ahead {padding: 5px 0px; text-align: center; margin: 0px auto; color: #555;}
#sticky-box {
  position: -webkit-sticky;
    position: sticky;
  top: 0;
  right: 0;
}
#leaderboard-top {
  display: none!important;
  margin: 0 auto 15px;
   width: 85%;
}
@media(min-width: 991px) {
  #leaderboard-top {
    display: block!important;
  }
}
#m-leaderboard-top {
  display: block!important;
}
@media(min-width: 991px) {
  #m-leaderboard-top {
    display: none!important;
    margin: 0 auto 15px;
    width: 100%;
  }
}
#m-square-1 {
  display: block!important;
  margin: 5px auto;
  width: 95%;
}
@media(min-width: 991px) {
 #m-square-1 {
    display: none!important;
  }
}
#square-1 {
  display: none!important;
}
@media(min-width: 991px) {
 #square-1 {
    display: inline-block!important;
  }
}

#m-sticky {
  display: inline-block;
}
@media(min-width: 991px) {
  #m-sticky {
      display: none!important;
  }
}
#sky-scraper-block { position: absolute; right: -300px; text-align: center; width: 300px; top: 0; }
#mess-skyscraper { margin-top: 20px; }
#sky-scraper-block .message { width: 130px; }

#content .hypertext h2 a {font-weight: normal; font-style: normal; font-size: 13px; color: #d69700;}
.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: 490px; margin: 15px auto; padding: 5px; overflow: hidden;}
.hypertext .inner_frame {line-height: 1em; margin-top: 3px;}
.hypertext img, .hypertext {border: 1px solid #ddd;}
* html .hypertext {margin-left: 20px;}
#content .hypertext + .hypertext {border-top: 1px solid #fff; 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 {background: #d79701;}
#shifter #shifter_wrap #shifter_footer .span3 {background: #fff; padding: 0px 5px 5px;}
#shifter div#shifter_title h3 {margin: 5px 0; color: #fff;}
#shifter #shifter_wrap #shifter_footer .category {background: url('https://s3b.estranky.cz/img/d/1000000115/article_bottom.gif') bottom left repeat-x; font-weight: bold; padding: 0 0 3px; line-height: 1.4em;}
#shifter #shifter_wrap #shifter_footer .span3 h4 {line-height: 1.4em; padding: 3px 0px;}
#shifter #shifter_wrap #shifter_footer .span3 h4 a {color: #000;} 
#shifter #shifter_title h3#shifter_t_2 {margin-right: 289px;}
* html #shifter #shifter_title h3#shifter_t_2 {margin-right: 144px;}

/**  FIX PACKAGE
 ******************************************************************************/

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

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

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

#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*****************/

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

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

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

#folders{ padding: 0px; }

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

#mail-list .inner_frame, #last-photo .inner_frame, #languages, .inner_frame { text-align: center; }
#send-mail-list { margin-top: 4px; }
#languages .inner_frame {
  overflow: hidden;
}
#languages a{
     position: relative;
     padding: 0 5px 10px;
     float: left;
}

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

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

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

menu li ul.click li a, menu li ul.classic li a{ color: #aaa !important; width: auto; background: none;}
menu li ul.click li, menu li ul.classic li {margin-left: 10px; width: auto; background: none; overflow: hidden;}

menu li.submenu-over ul.click { display: block; }



menu li.submenu-over ul.onmouse, menu li:hover ul.onmouse{
  position: absolute;
  top: 0;
  left: 120px;
  background: #D69700;
  width: 150px;
  border: 1px solid #fff;
  overflow: hidden;
  padding: 0px;
}
menu li.submenu-over ul.onmouse li, menu li:hover ul.onmouse li{
  padding: 0px;
  margin: 0px;
  float: none;
  display: block;
  border: 0px !important;
  list-style: none;
  background: none;
}

menu li.submenu-over ul.onmouse li a, menu li:hover ul.onmouse li a{
  position: static;
  color: #fff;
  margin: 0px;
  border: 0px;
  display: block;
  _height: 30px;
  padding: 4px 11px 8px 11px;
  float: none;
  white-space: normal;
  background: none;
}

menu li.submenu-over ul.onmouse li a:hover, menu li:hover ul.onmouse li a:hover{
  color: #fff;
  border: 0px;
  text-decoration: none;
  background-image: none;
}
.comment { border-left: 3px solid #D69700; 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;}
#mess-message .inner_frame , #mess-square .inner_frame{ background: url('https://s3b.estranky.cz/img/d/1000000115/section_bottom.gif') repeat-x left bottom;}

#send-mail-list{margin: 5px 0;padding: 2px 6px;_padding: 0px;}

menu li a {text-align: left; }

#mail-list #mail-list-key {border: 0px; padding: 2px; width: 120px;}
#mail-list #send-mail-list { margin:  5px 0px; padding: 2px 5px;}
#articles .article .under-article .inner_frame{ text-align: left !important;}

/* 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 {text-align: left;}
#stats .inner_frame td, #stats .inner_frame th { padding: 2px; color: #fff;}
#stats .inner_frame table:after { content: ".";line-height: 0px;height: 0px;clear: both;visibility: hidden;}

#block-comments input , #block-comments textarea,#block-comments input#c_title {width: 469px; _width: 481px; padding: 5px; border: 1px solid #b3b3b3; font-size: 100%; background: #fff; _padding: 0px; }
#block-comments .submit { width: auto; height: auto; padding: 4px 10px; border: 1px solid #b3b3b3; font-weight: bold; margin: 0px auto; display: block;cursor:pointer;}

#block-comments #comments-form .message { display: block; text-align: center; padding: 10px;  color: #000; font-weight: bold;}

#photos .photo-wrap { margin: 8px; }
.own-code-nav textarea{ width: 98%; }
.article .under-article .inner_frame { padding: 5px 5px 5px 0px !important; }
p.first { margin-top: 5px; }
#content #articles h2, #photo-album h2{ margin-bottom: 10px;}
#section_subsections { margin: 30px 0;}
#send-mail-list { margin-top: 10px; }
#contact-nav, .own-code-nav { color: #fff; }

/* photo preview arrows */
.slide-img a.previous-photo {left: 30px;}
.slide-img a.next-photo {right: 30px;}

#footer a.eoldal-footer{top: 0px;}

/******************************************************************************/
/* --- eshop ---- */
* 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%;}
* 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 #block-comments {width: 100%;}
#eshop .submit, #login .submit {padding: 4px 10px; background: white; cursor: pointer;
border: 1px solid #B3B3B3; color: black; font-weight: bolder;}
#usernewsletter, .settings .submit, .contact-info .submit {margin-left: 15px;}
* html .contact-info .submit, * html .settings .submit {margin-left: 19px;}
*:first-child+html .contact-info .submit, *:first-child+html .settings .submit {margin-left: 19px;}
#login input.submit {float: none;}
#basket_preview_form tbody tr td, #confirm tbody tr td, #orderdone tr td {
  border-top: 1px dotted #C6C6C6; border-collapse: collapse;
}
#eshop #confirm fieldset table, #eshop #orderdone, #eshop .comment-headline  {border-bottom: 1px dotted #C6C6C6; border-collapse: collapse;}
.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.5em; overflow: hidden;}
#eshop div.products .article, #eshop #articles .article {float: left; width: 130px; display: inline; margin: 5px 0px 0px; padding: 0 2px;}
* html #eshop div.products .article, * html #eshop #articles .article {width: 134px; padding-bottom: 25px;}
#eshop div.products {margin-bottom: 15px; padding-bottom: 5px;}
#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;}
*:first-child+html #eshop div.products .article .editor-area, *:first-child+html #eshop #articles .article .editor-area {height: 5.5em;}
* html #eshop div.products .article .editor-area, * html #eshop #articles .article .editor-area {line-height: 1.25em; height: 5.4em;}
#eshop div.products .article span.price, #eshop #articles .article span.price {font-weight: bolder; text-align: center; display: block; margin-top: 5px;}
#eshop .article .photo-wrap {margin-top: 0;}
#eshop #articles h2 {margin-bottom: 0;}
#eshop div.products h2 {margin-bottom: 10px; font-size: 130%;}
#eshop #product #photo-detail .photo-wrap {
float: left;
margin-top: 1px;
}
#eshop #basket input.amount {height: 18px; top: 0;}
* html #eshop #basket input.amount {height: 32px;}
*:first-child+html #eshop #basket input.amount {height: 21px;}
#eshop .validation dt {margin: 0;}
#eshop .sphotos .photo-wrap {display: table;}
#eshop .article .editor-area {text-align: justify;}
#account_firm label {width: 82px; display: block;}
#billing_address label {width: 80px; display: block;}
.settings #firmsdata label {width: 82px;}
#eshop .settings #billing_address label {width: 74px;}
.contact-info #billing_address label {width: 79px;}
#eshop #billing_address #sameaddress + label {width: auto; display: inline;}
*:first-child+html #eshop .settings #billing_address label {width: 69px;}
* html #eshop .settings #billing_address label {width: 82px;}
*:first-child+html .contact-info #billing_address label {width: 74px;}
* html .contact-info #billing_address label {width: 82px;}
#eshop .settings #billing_address label {width/*\**/: 72px\9}
.contact-info #billing_address label {width/*\**/: 77px\9}
#eshop #basket_preview_form .wrap input {position: relative; top: 2px;}
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
  .contact-info #billing_address label {width: 74px;}  /* Opera 7.2 < */
        #eshop .settings #billing_address label {width: 69px;}
        #eshop #basket_preview_form .wrap input {top: 0;}
}
* html #eshop .registration #usernewsletter {margin-left: 0px;}
*:first-child+html #eshop .registration #usernewsletter {margin-left: 0px;}
* html #eshop .registration .submit {margin-left: 3px;}
*:first-child+html #eshop .registration .submit {margin-left: 3px;}
* html #login .submit {width: 117px;}
*:first-child+html #login .submit {width: 120px;}
*:first-child+html #eshop .gennewmail .validation dd {margin-top: 30px;}
* html #eshop #product-comments #block-comments .submit {margin-left: 58px;}
#eshop .registration dl, #eshop .gennewmail dl {width: 47%;}
#eshop .settings input, #eshop .settings label, #eshop .registration input,
#eshop .registration label, #eshop .contact-info input, #eshop .contact-info label{vertical-align: middle;}
#login .inner_frame .errormes {margin-bottom: 15px;}
#eshop .gennewmail fieldset p input {width: 191px;}
* html #eshop .gennewmail fieldset p input {width: 195px;}
* html #eshop fieldset.validation .validatin-images-set input,
* html #eshop #block-comments .validation #c_validation {width: 240px;}
#eshop .registration fieldset p {margin: 15px 0;}
#account_firm, #deliveryaddress {margin-left: 2px;}
#eshop .article .price {margin: 5px 0 20px;}
#eshop .article {background: none;}
#sameaddress {margin-left: 0;}
#eshop #articles .settings {margin-top: 10px;}
#eshop #product-detail #calculation {line-height: 180%;}
#eshop #basket_preview_form td img {padding-top: 2px;}
#basketpayments ul, #baskettransport ul {margin-left: -6px;}
#basketpayments h3, #baskettransport h3 {margin: 15px 0 10px 2px;}
#eshop #basket_preview_form p .submit {margin-left: 2px;}
* html #basketpayments ul, * html #baskettransport ul {margin-left: -3px;}
* html #eshop #basket_preview_form p .submit {margin-left: 6px;}
* html #basketpayments h3, * html #baskettransport h3 {margin: 15px 0 10px 6px;}
* html #content #eshop #basketpayments ul li div, * html #content #eshop #baskettransport ul li div {padding-left: 27px;}
*:first-child+html #basketpayments ul, *:first-child+html #baskettransport ul {margin-left: -3px;}
*:first-child+html #eshop #basket_preview_form p .submit {margin-left: 6px;}
*:first-child+html #basketpayments h3, *:first-child+html #baskettransport h3 {margin: 15px 0 10px 6px;}
*:first-child+html #content #eshop #basketpayments ul li div, *:first-child+html #content #eshop #baskettransport ul li div {padding-left: 27px;}
#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 0;}
* html #eshop #basket_preview_form li div  {font-size: smaller;}
#eshop #articles #steps ul {width: 235px; margin: 10px auto 0px;}
* html #eshop #articles #steps {text-align: center;}
.contact-info fieldset, .settings fieldset {padding: 5px 10px;}
#orderdone {padding: 5px 10px;}
#orderdone td {padding: 2px 0;}
#confirm .wrap {padding: 0px 10px;}
#login p {margin: 5px 0 5px 2px;}
#login label {float: none; width: auto; margin-top: 3px; text-align: left;}
#eshop #confirm .validation {margin: 10px 0 0;}
#eshop #confirm .validation #c_validation {height: 22px;}
*:first-child+html #eshop #confirm .validation #c_validation {height: 26px;}
* html #eshop #confirm .validation #c_validation {height: 31px;}
#eshop #confirm .validation dt {width: 90px;}
#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 #orderdone {font-size: 90%;}
#eshop #orderdone th {padding: 0;}
#eshop #panel .panel-header li a {background: #fafafa;}
#eshop fieldset.validation {width: 100%;}
#eshop #panel {width: 480px;}
#eshop .wrap #product-info td {padding: 1px 0;}
#eshop .validation .validatin-images-set {width: 50%;}
#eshop .gennewmail {margin-left: 10px;}
#eshop #basket_preview_form td {padding: 0;}
#eshop #articles ul, #eshop p {font-size: 100%;}
#login .inner_frame div input {margin-left: -10px; height: 22px;}
#eshop #panel .panel-header li {background: none; padding: 0;}
#eshop #block-comments .comment-headline h3 {display: block;}
#eshop .wrap li, #eshop #steps li {background: none; padding: 0;}
#eshop #confirm .validation .validatin-images-set {width: 100%;}
#eshop #confirm .wrap {line-height: 160%;}
.gennewmail, .registration fieldset {margin-top: 5px;}
#login p, #nav-basket .inner_frame, #eshop #panel .inner_frame, #logged .inner_frame  {text-align: left;}
#eshop #block-comments textarea {width: 380px; margin: -30px 0 0 55px;}
#eshop #block-comments form dd input#c_validation {float: none; margin-left: 0;}
#eshop #block-comments .comment-headline h3 {float: none;}
#eshop #block-comments .comment-text {margin: 8px 0 2px 10px;}
#nav-basket .inner_frame, #login .inner_frame {color: white;}
#eshop #block-comments .validation #c_validation {width: 228px;}
#logged {line-height: 80%;}
#logged h2 {margin-bottom: 10px;}
#delivery_address label {width: 84px; display: block;}
#eshop #articles h3 {margin: 20px 0 10px;}
#eshop #block-comments fieldset.validation dd {margin-left: 55px;}
#eshop #block-comments .comment {border-left: none;}
#eshop #product-detail #calculation p {margin: 0;}
#eshop #articles .settings fieldset table h3, #eshop #articles .contact-info fieldset table h3 {margin: 0 0 10px;}
#eshop #account_info {margin-top: 5px;}
#eshop .settings .submit {margin-top: 10px;}
#eshop .registration .validation dt, #eshop .gennewmail .validation dt {width: 80px;}
#eshop #confirm .right p {margin: 0;}
#eshop #confirm .right .price {margin: 10px 0;}
#eshop #basket form {clear: none; margin: 0; padding: 0;}
#eshop #basket_preview_form table .border_fix td, #eshop #basket_preview_form table tr .price {border: none;}
#eshop #articles #steps {margin-bottom: 10px;}
#eshop .article .photo-wrap img {margin-left: 1px;}
* html #eshop .article .photo-wrap img {margin-left: 0;}
#eshop #block-comments .comment-text {word-wrap: break-word; margin: 10px 0 0 10px;}
#eshop .contact-info p {margin-top: -5px;}
* html #eshop #product-comments .comment-headline i {margin-top: -3.6%;}
*:first-child+html #eshop #product-comments .comment-headline i {margin-top: -3.6%;}
#eshop .settings fieldset h3, .contact-info .wrap h3, #eshop #confirm .wrap h3 {margin: 15px 0 10px;}
* html #eshop fieldset.validation dd {margin-top: 8px;}
*:first-child+html #eshop fieldset.validation dd {margin-top: 8px;}
#eshop #steps .active {font-weight: bold; background: #ffefa4; }
#content #eshop #basketpayments ul li, #content #eshop #baskettransport ul li {
background: #ffefa4;}
#content #eshop #basketpayments ul li div, #content #eshop #baskettransport ul li div {
background: white;
margin-left: 0 !important;
padding-left: 22px;
}
#eshop #product-detail #product-info table tr td {min-width: 70px; vertical-align: top;}
#eshop #product .wrap h2 {line-height: 1.2em; margin-bottom: 10px;}
#eshop #basket_preview_form p input {width: 125px;}
#eshop #basket_preview_form fieldset p input  {padding: 4px 0; width: 125px; float: left;}
#eshop #basket_preview_form fieldset p a {padding: 3px 18px; text-decoration: none; text-align: center; font-size: 12px; float: left;}
* html #eshop #basket_preview_form fieldset p a {padding: 5px 18px;}
*:first-child+html #eshop #basket_preview_form fieldset p a {padding: 5px 18px;}
* html #login .inner_frame {text-align: left;}
* html #login label {float: none;}
* html #login .inner_frame div input {margin-left: 0; width: 120px; height: 30px;}
#eshop .settings p, #eshop .registration p {margin: 0;}
#ecategory .inner_frame ul li ul li {background: none; padding: 0 0 0 10px;}
* html #ecategory .inner_frame ul li ul li {padding: 5px 0 0 15px;}
#eshop .registration #usernewsletter,#eshop .registration .validation, #eshop .registration .submit {margin-left: 3px;}
#eshop #steps .active, #eshop #steps .done {padding: 3px 5px; border: 1px solid #fbe27e;
width: 55px; text-align: center;}
#confirm .wrap, #account_info, #billing_address, 
#eshop div.products .article span.price, #eshop #articles .article span.price {background: #ececec;}
#confirm .wrap, #account_info, #billing_address {border: 2px solid #4e4e4e;}
#eshop #photo, #eshop div.products .article .photo-wrap, #eshop #articles .article .photo-wrap,
#eshop #product #photo-detail .photo-wrap {background: #ececec; border: 1px solid #4e4e4e;}
#eshop #basket input.amount {top/*\**/: -1px\9}
:root #eshop #basket input.amount {top: 1px\9;}
#eshop #paging {clear: both;}
#eshop #paging a, #eshop #paging span.current {padding: 2px 6px; margin-right: 4px; border: 1px solid #4e4e4e; background: #ececec; text-decoration: none; font-size: 110%;}
#eshop #paging span.current {background: #fff;}
#eshop #paging a:hover {color: #000;}
#eshop #paging #previous, #eshop #paging #next {border: none; background: none;}
#eshop #perex {margin-bottom: 10px;}
#eshop .contact-info fieldset span {color: #ff0000;}
#navigation menu li.current ul.submenu li a, #ecategory div ul li.current ul li a {text-decoration: underline; color: #fff;}
#navigation menu li.current a, #navigation menu li.current ul.submenu a, #navigation menu li.current ul.submenu li a:hover, 
#ecategory div ul li.current a, #ecategory div ul li ul li.current a, #ecategory div ul li.current ul li a:hover{text-decoration: none; color: #FFF2B2;}
#eshop .registration fieldset {padding: 0;}
#eshop .login-info {background: url('https://s3b.estranky.cz/img/d/1000000115/article_bottom.gif') bottom left repeat-x; padding: 0 0 15px 15px;}
#eshop .login-info fieldset p {margin: 5px 0;}
#eshop form.login-info fieldset p label { display: inline-block; width: 82px; }
#eshop form.login-info input {width/*\**/: 148px\9}
#eshop form.login-info input.submit {width/*\**/: auto\9}
* html #eshop form.login-info input {width: 155px;}
* html #eshop form.login-info input.submit {width: auto;}
#eshop #product .wrap #product-detail form {clear: none;}
#eshop #articles.order_account h3 {margin: 20px 0 0px;}
#eshop .order_account table tr td {padding: 0px 3px 0 0;}
#eshop .order_account #basket_preview_form {border-bottom: 1px dotted #C6C6C6; border-collapse: collapse;}
#eshop .order_account #basket_preview_form th {padding: 4px;}

#product-search input {vertical-align: middle;}
#eshop #product-search  div.products h2 {font-size: 110%; padding-bottom: 8px; background: url('https://s3b.estranky.cz/img/d/1000000115/article_bottom.gif') bottom left repeat-x;}
#product-search input#product-search-text {border: 1px solid #B3B3B3; font-size: 100%; background: #FFF; padding: 0 5px; width: 220px; height: 28px;}
#product-search input.submit {padding: 0 15px; height: 30px;}
#product-search  #product-search-form {margin: 10px 0 20px;}
#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 #confirm td.title {width: 41%;}
#eshop #basket_preview_form td.title {width: 36%;}
#eshop #basket_preview_form td.coupon input.couponText {padding: 3px 2px;}
/*****************/




}

@media print {

/*  ---------------------------------------------------------------------------------------
  Print style
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

* { margin: 0px; padding: 0px; }
body { font: 12pt/18pt serif; }
h1 , h2 , h3 , h4 { margin: 1em 0; page-break-after: avoid; page-break-inside: avoid; }
h2 { font-size: 150%; font-weight: normal; }
h3 { font-size: 110%; text-align: center; }
p { margin: 0.25em 0; text-indent: 2em; }
a { color: #f69; }
a[href]:after { content: " ["attr(href)"]"; }
a[href|="#"]:after, a[href|="./"]:after, a[href|="javascript:"]:after { content: ""; }
hr { display: none; }
caption { font-weight: bold; }
table { font-size: 12pt; border-collapse: collapse; border: 1px solid #b9d939; }
td { padding: .2em .5em; border: 1px solid #b9d939; }
form { display: none; }
cite, blockquote { font-style: italic; }
code { display: block; margin: 1em; font-family: monospace; color: #000; }
ins { text-decoration: none; font-weight: bold; }
menu , #search , #calendar , .accessibility-links { display: none; }
.clear { clear: both; }

}
/******************************************************************************/
/*----------------------------------------------------------Navigation bar style----------------------------------------------------------*/
@media screen,projection{
#nav-cover form{clear: none !important;}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
   #product-search input#product-search-text {padding: 0 5px; height: 28px;} 
} 

/* Responsive */

.menu-toggle {
  position: absolute;
  margin-top: 8px;
  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 #fff2b2 solid;
    width: 30px;
    margin: 2px 0;
    display: block;
    transition: 0.3s all linear;
}
.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;
  }
  #body {
    background-size: 200%;
  }
  h1{
    left: 0;
    top: 40px;
      width: 100%;
      padding: 0 20px;
      box-sizing: border-box;
  }
  #breadcrumb-nav {
      border-left: 5px solid white;
      box-sizing: border-box
  }
  #footer {
    width: 100%;
    margin-left: 0;
  }
  #content {
    width: 100%;
    box-sizing: border-box;
  }
  #articles, #archive, #slide, #photos, #folders {
    width: 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;
    }
    #nav-column .column .inner_frame {
      display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
    }
  .folder-info {
    width: 60%;
  }
  .folder-info div {
    width: 100%;
  }
  #document .folder-info h3 {
    width: 100%;
  }
  .folder-info div span {
    text-align: left;
  }
  #nav-column, #navigation, .column, #mess-square, #mess-message {
    width: 100%;
  }
  #navigation {
    position: absolute;
      top: 48px;
      z-index: 99;
      border-top: 5px solid white;
  }
  #navigation menu {
    background: #d69700;
    width: 100%;
      border-left: 5px solid white;
      box-sizing: border-box;
      padding: 0;
  }
  menu li {
      display: block;
      width: 100%;
      background: none;
      box-sizing: border-box;
      padding: 0;
        border-bottom: 2px solid white;
  }
  menu li a {
      padding: 10px 0;
      font-size: 16px !important;
      text-align: center;
      text-decoration: none;
  }
  #navigation h2 {
      text-align: left;
        padding: 5px 5px 10px 10px;
      background: #d69700;
      position: relative;
      right: 0;
      margin: 0 0 0 auto;
        border-left: 5px solid white;
  }
  #search {
    left: 5px;
  }
  #header .inner_frame {
    background-size: cover !important;
  }
  .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: left;
  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 */