@font-face {
  font-family: 'Regular';
  src: url("https://s3b.estranky.cz/img/d/1000000361/opensans-regular.eot");
  src: url("https://s3b.estranky.cz/img/d/1000000361/opensans-regular.eot?#iefix") format("embedded-opentype"), url("https://s3b.estranky.cz/img/d/1000000361/opensans-regular.woff") format("woff"), url("https://s3b.estranky.cz/img/d/1000000361/opensans-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Italic';
  src: url("https://s3b.estranky.cz/img/d/1000000361/opensans-italic.eot");
  src: url("https://s3b.estranky.cz/img/d/1000000361/opensans-italic.eot?#iefix") format("embedded-opentype"), url("https://s3b.estranky.cz/img/d/1000000361/opensans-italic.woff") format("woff"), url("https://s3b.estranky.cz/img/d/1000000361/opensans-italic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Light';
  src: url("https://s3b.estranky.cz/img/d/1000000361/opensans-light.eot");
  src: url("https://s3b.estranky.cz/img/d/1000000361/opensans-light.eot?#iefix") format("embedded-opentype"), url("https://s3b.estranky.cz/img/d/1000000361/opensans-light.woff") format("woff"), url("https://s3b.estranky.cz/img/d/1000000361/opensans-light.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Semibold';
  src: url("https://s3b.estranky.cz/img/d/1000000361/opensans-semibold.eot");
  src: url("https://s3b.estranky.cz/img/d/1000000361/opensans-semibold.eot?#iefix") format("embedded-opentype"), url("https://s3b.estranky.cz/img/d/1000000361/opensans-semibold.woff") format("woff"), url("https://s3b.estranky.cz/img/d/1000000361/opensans-semibold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
.accessibility-links {
  position: absolute;
  top: -10000em;
}

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.freeprivacypolicy-com---palette-light .cc-nb-okagree,
.freeprivacypolicy-com---palette-light .cc-nb-reject {
  background-color: #3ab9f0 !important;
}

.left, .head-left {
  text-align: left;
}

.right, .head-right {
  text-align: right;
}

.center, .head-center {
  text-align: center;
}

.justify {
  text-align: justify;
}

.left-float {
  float: left;
}

.right-float {
  float: right;
}

b, strong, th {
  font-family: "Semibold", Arial, sans-serif;
  font-weight: normal;
}

i {
  font-family: "Italic", Arial, sans-serif;
}

hr {
  display: none;
}

fieldset {
  border: 0;
  padding: 0;
}

.validation dd {
  margin-left: 0;
}

.text-picture.bg-100 {
  width: 100%;
}

p {
  margin: 0 0 15px;
}

h2 {
  font-family: "Light", Arial, sans-serif;
  font-weight: normal;
  font-size: 2.375em;
  line-height: 1.2em;
  margin: 0 0 15px;
}

h3 {
  font-family: "Light", Arial, sans-serif;
  font-weight: normal;
  font-size: 1.250em;
}

h4 {
  font-family: "Light", Arial, sans-serif;
  font-weight: normal;
  font-size: 1.125em;
}

a, .admin div span, #nav-column tbody #archive-small td a {
  color: #3ab9f0;
}

#nav-column #calendar tbody a {
  background: #3ab9f0;
}

a {
  text-decoration: none;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
a:hover {
  text-decoration: underline;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  #breadcrumb-nav a, .article .under-article a, .folder .folder-info h3 a, #eshop .products .article h3 a, #shifter #shifter_wrap #shifter_footer .span3 h4 {
    text-shadow: 0.01em 0em #3ab9f0;
  }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  h3, h4, #breadcrumb-nav, .article .first strong, .article .under-article strong, .article .under-article .nr-comments, .article .under-article p, #archive h2 + h2, #archive .article + h2, #eshop #steps li {
    text-shadow: 0.01em 0em #848484;
  }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  #breadcrumb-nav span.separator, .folder .folder-info h3, #eshop .products .article h3, #eshop #steps li.active {
    text-shadow: none;
  }
}

/* Inputs */
input, input[type="text"], input[type="email"], input[type="password"], textarea, #mail-list-key, #key {
  border: 1px solid #dbdbdb;
  background: #f3f3f3;
  padding: 6px 5px;
  margin: 3px 0;
  font-family: "Regular", Arial, sans-serif;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
input:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, textarea:focus, #mail-list-key:focus, #key:focus {
  background: #fcfcfc;
  outline: none;
}

.submit, #send-mail-list, #sendsearch {
  padding: 6px 20px;
  background: #000;
  border: 1px solid #000;
  color: #fff;
  cursor: pointer;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.submit:hover, .submit:focus, #send-mail-list:hover, #send-mail-list:focus, #sendsearch:hover, #sendsearch:focus {
  background: #323232;
  outline: none;
}

input[type="checkbox"], input[type="radio"] {
  border: none;
  background: none;
}

/* comments level */
.level1 {
  margin-left: 20px;
}

.level2 {
  margin-left: 40px;
}

.level3 {
  margin-left: 60px;
}

.level4 {
  margin-left: 80px;
}

.level5 {
  margin-left: 100px;
}

.level6 {
  margin-left: 120px;
}

.level7 {
  margin-left: 140px;
}

.level8 {
  margin-left: 160px;
}

.level9 {
  margin-left: 180px;
}

.clear {
  clear: both;
  height: 0;
  line-height: 0;
  font-size: 0;
  display: none;
  width: 1px;
}

#clear5, #clear6, #clear7, #perex-cont-clear, #gallery-cont-clear, #g-section-cont-clear, #a-section-cont-clear, #article-cont-clear {
  display: block;
}

/* Layout */
body {
  font: 1em/1.8em "Regular", Arial, sans-serif;
  margin: 0;
  color: #848484;
}

#whole-page {
  text-align: center;
}

#document {
  width: 1200px;
  *width: 1000px;
  margin: 0 auto;
  text-align: left;
}
.ie8 #document {
  width: 1000px;
}

#content {
  float: left;
  width: 75%;
  padding-right: 15px;
}

.full-width #content {
  width: 100%;
}

#nav-column {
  float: right;
  width: 25%;
  *width: 22%;
  padding-left: 15px;
  overflow: hidden;
}

#body {
  *zoom: 1;
  border-top: 1px solid #dbdbdb;
  margin-top: 30px;
  padding-top: 50px;
}
#body:after {
  content: "";
  display: table;
  clear: both;
}

img {
  border-width: 0;
}

/* Sprite */
.comment .comment-headline .avatar, #eshop #basket input.add_basket {
  background: url("https://s3b.estranky.cz/img/d/1000000361/sprite.png") no-repeat;
}

/* Header*/
#header .inner_frame {
  position:relative!important; 
    width: 100%;
    padding-top: 31%;
    background-position: center;
    background-size: contain !important;
  background: url("/img/ulogo.920780.jpeg") no-repeat;
}
#header .inner_frame h1 {
  font: 3em "Semibold", Arial, sans-serif;
  margin: 0;
  padding: 15px 20px 0;
  height: auto;
  overflow: hidden;
}
#header .inner_frame h1 a {
  color: #fff;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
}
#header .inner_frame h1 a:hover {
  text-decoration: none;
}

/* Footer */
#footer {
  border-top: 1px solid #dbdbdb;
  margin-top: 35px;
  padding: 25px 0;
  font-size: 0.875em;
}
#footer .separator {
  margin: 0 13px;
  font-size: 1.286em;
  position: relative;
  top: 1px;
  font-family: "Light", Arial, sans-serif;
}
#footer p + p a {
  margin-right: 8px;
}
#footer .promolink {
  _display: none !important;
}

/* Menu */
#navigation {margin-top: -5px;}
#navigation h2 {
  display: none;
}
#navigation menu {
  display: block;
  text-align: center;
  padding: 0;
  margin-bottom: 0;
}
#navigation menu li {
  display: inline-block;
  list-style: none;
  *display: inline;
}
#navigation menu li a {
  margin: 5px 10px;
  display: block;
  *display: inline;
  font-family: "Semibold", Arial, sans-serif;
  color: #a0a0a0;
  *white-space: nowrap;
   word-break: break-word;
}
#navigation menu li a:hover {
  color: #000;
  text-decoration: none;
}
#navigation menu li.current a {
  color: #000;
  text-decoration: none;
}

/* Submenu */
#navigation menu li ul.classic, #navigation menu li ul.submenu, #navigation menu li ul.click, #navigation menu li ul.onmouse {
  display: none;
}

#navigation menu li.submenu-over a {
  color: #000;
}

#navigation menu li.submenu-over ul.onmouse, #navigation menu li:hover ul.onmouse, #navigation menu li.submenu-over ul.click, #navigation menu li.submenu-over ul.classic {
  display: block;
}

#navigation menu li.submenu-over ul.onmouse, #navigation menu li:hover ul.onmouse, #navigation menu li.submenu-over ul.click {
  position: absolute;
  z-index: 99999;
  padding-left: 0;
  margin: 0;
  background: #fff;
  -moz-box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.12);
}
#navigation menu li.submenu-over ul.onmouse li, #navigation menu li.submenu-over ul.onmouse li.current, #navigation menu li:hover ul.onmouse li, #navigation menu li:hover ul.onmouse li.current, #navigation menu li.submenu-over ul.click li, #navigation menu li.submenu-over ul.click li.current {
  float: none;
  border: 0;
  padding-left: 0;
  text-align: left;
  width: 100%;
}
#navigation menu li.submenu-over ul.onmouse li a, #navigation menu li.submenu-over ul.onmouse li.current a, #navigation menu li:hover ul.onmouse li a, #navigation menu li:hover ul.onmouse li.current a, #navigation menu li.submenu-over ul.click li a, #navigation menu li.submenu-over ul.click li.current a {
  min-width: 100px;
  width: 100%;
  *display: block;
  margin: 0;
  padding: 5px 10px;
  font-size: 0.875em;
  color: #a0a0a0;
}
#navigation menu li.submenu-over ul.onmouse li a:hover, #navigation menu li.submenu-over ul.onmouse li.current a:hover, #navigation menu li:hover ul.onmouse li a:hover, #navigation menu li:hover ul.onmouse li.current a:hover, #navigation menu li.submenu-over ul.click li a:hover, #navigation menu li.submenu-over ul.click li.current a:hover {
  color: #424242;
  background: #f5f5f5;
  background: rgba(245, 245, 245, 0.5);
}

/* Left colum */
#nav-column .section {
  margin-bottom: 25px;
}
#nav-column h2 {
  font-family: "Semibold", Arial, sans-serif;
  font-size: 1em;
  margin: 0 0 5px;
}
#nav-column ul {
  list-style-type: none;
  padding-left: 0;
  margin: 0;
}
#nav-column ul ul {
  padding-left: 20px;
  font-size: 0.938em;
}
#nav-column #languages h2 {
  margin-bottom: 16px;
}
#nav-column #languages a {
  margin-right: 10px;
  display: inline-block;
}
#nav-column #login label {
  display: block;
  width: 100%;
}
#nav-column #login label:last-of-type {
  margin-top: 8px;
}
#nav-column #login input {
  display: block;
  width: 190px;
}
#nav-column #login .clButton .submit {
  float: none;
  margin-top: 8px;
}
#nav-column #last-photo h2 {
  margin-bottom: 16px;
}
#nav-column #last-photo img {
  width: auto;
  height: auto;
  max-width: 90%;
  max-height: 260px;
  _width: 90%;
}
#nav-column #search fieldset, #nav-column #mail-list fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}
#nav-column #search input, #nav-column #mail-list input {
  width: 190px;
}
#nav-column #search #send-mail-list, #nav-column #search #sendsearch, #nav-column #mail-list #send-mail-list, #nav-column #mail-list #sendsearch {
  *width: 202px;
  _width: 190px;
}
#nav-column th {
  font-family: "Semibold", Arial, sans-serif;
  font-size: 0.938em;
  font-weight: normal;
}
#nav-column #calendar caption {
  display: none;
}
#nav-column #calendar table {
  width: 230px;
  _width: 210px;
}
#nav-column #calendar table td, #nav-column #calendar table th {
  text-align: center;
}
#nav-column #calendar tbody a {
  color: #fff;
  display: block;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}
#nav-column #calendar tbody a:hover {
  text-decoration: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
#nav-column tbody #archive-small td a {
  background: transparent;
  display: inline;
}
#nav-column tbody #archive-small td a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  text-decoration: underline;
}
#nav-column #stats table {
  border-collapse: collapse;
}

/* Breadcrumb */
#breadcrumb-nav {
  font-family: "Light", Arial, sans-serif;
  font-size: 0.875em;
  margin-bottom: 20px;
}
#breadcrumb-nav span.separator {
  margin: 0 10px;
  font-size: 2em;
  position: relative;
  top: 5px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
}

/* Content */
#perex {
  margin-bottom: 15px;
}

#articles .article h2 {
  margin-bottom: 0;
}
#articles .article .editor-area {
  margin: 0;
}

.article {
  margin-bottom: 45px;
}
.article .first {
  margin: 0;
  font-size: 0.875em;
}
.article .first strong {
  font-family: "Light", Arial, sans-serif;
  font-weight: 100;
}
.article .under-article {
  font-family: "Light", Arial, sans-serif;
  font-weight: 100;
  font-size: 0.875em;
  margin: 5px 0 10px;
}
.article .under-article a {
   word-break: break-word;
}
.article .under-article strong {
  font-family: "Light", Arial, sans-serif;
  font-weight: 100;
}
.article .under-article span span {
  margin: 0 8px;
  font-size: 1.286em;
  position: relative;
  top: 2px;
}
.article .under-article .inner_frame > .art-delimit-wa {
  display: none;
}
.article .editor-area {
  margin: 0 0 30px;
}
.article .editor-area .preview {
  margin-bottom: 10px;
  text-align: center;
  overflow: hidden;
  _width: 730px;
}

#section_subsections {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #dbdbdb;
}
#section_subsections h3 {
  margin-bottom: 0;
}

/* Comments */
#block-comments {
  clear: both;
}
#block-comments fieldset {
  padding: 0;
  border: 0;
}
#block-comments legend {
  display: none;
}
#block-comments dd {
  margin-left: 0;
}
#block-comments input {
  width: 240px;
}
#block-comments #c_validation {
  *width: 228px;
  _width: 240px;
}
#block-comments textarea {
  width: 98%;
}
#block-comments .submit {
  font-size: 1em;
}
#block-comments label {
  display: block;
  margin-top: 8px;
}
#block-comments #comments-form + script + h3 {
  margin: 50px 0 25px;
}

.comment {
  border-bottom: 1px solid #dbdbdb;
  padding-top: 20px;
  position: relative;
}
.comment.no-comments {
  padding-bottom: 20px;
}
.comment:first-of-type {
  border-top: 1px solid #dbdbdb;
}
.comment .comment-headline {
  *zoom: 1;
  margin-bottom: 8px;
}
.comment .comment-headline:after {
  content: "";
  display: table;
  clear: both;
}
.comment .comment-headline .avatar {
  width: 63px;
  height: 63px;
  margin-right: 20px;
  float: left;
  background-position: 7px 12px;
  background-color: #dfdfdf;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.comment .comment-headline h3 {
  font-size: 1.125em;
  font-family: "Regular", Arial, sans-serif;
  margin: 0;
  padding-right: 95px;
}
.comment .comment-headline span, .comment .comment-headline b, .comment .comment-headline i {
  font-size: 0.813em;
}
.comment .comment-answer {
  position: absolute;
  top: 22px;
  right: 0;
  font-size: 0.813em;
  text-transform: uppercase;
}

.admin .comment-headline .avatar {
  background-position: 7px -62px;
}

/* validation */
#c_validation, #c_validation_div {
  width: 240px;
}

/* List of pages */
.list-of-pages {
  text-align: center;
  margin: 40px 0;
}
.list-of-pages p {
  display: inline-block;
}
.list-of-pages span, .list-of-pages a {
  display: inline-block;
  margin: 0 3px 3px 0;
}
.list-of-pages span:hover, .list-of-pages a:hover {
  text-decoration: none;
}
.list-of-pages .numbers {
  padding: 0 10px !important;
}
.list-of-pages .numbers a {
  background: #000;
  color: #fff;
  min-width: 28px;
  min-height: 28px;
  vertical-align: middle;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  _color: #323232;
  _background: none;
}
.list-of-pages .numbers a:hover {
  background: #323232;
  _text-decoration: underline;
  _background: none;
}
.list-of-pages .numbers a + span {
  margin: 0 8px 3px 5px;
}
.list-of-pages .previous a, .list-of-pages .next a {
  color: #000;
  font-family: "Semibold", Arial, sans-serif;
  font-size: 0.875em;
}
.list-of-pages .previous a:hover, .list-of-pages .next a:hover {
  text-decoration: underline;
}

#paging {
  text-align: center;
  margin: 40px 0;
}
#paging span, #paging a {
  display: inline-block;
  margin: 0 3px 3px 0;
}
#paging span:hover, #paging a:hover {
  text-decoration: none;
}
#paging a {
  background: #000;
  color: #fff;
  min-width: 28px;
  min-height: 28px;
  vertical-align: middle;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  _color: #323232;
  _background: none;
}
#paging a:hover {
  background: #323232;
  _text-decoration: underline;
  _background: none;
}
#paging a + span {
  margin: 0 8px 3px 5px;
}
#paging #next {
  margin-left: 20px;
}
#paging #previous {
  margin-right: 20px;
}

#archive h2 + h2 {
  font-size: 1.250em;
  margin: 30px 0 15px;
}
#archive .article + h2 {
  font-size: 1.250em;
  margin-bottom: 25px;
}

#rss-channels ul {
  margin: 8px 0 30px;
}

/* Foto */
#photos .photo-wrap, #preview-folder .box, #thumbnav .box, .folder .photo-wrap, #photo-album-nav li .photo-wrap {
  width: 130px;
  height: 130px;
  float: left;
  margin: 0 7px 0;
}
#photos .photo-wrap div, #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;
}
#photos .photo-wrap div a, #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;
}
#photos .photo-wrap div img, #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;
}

#folders, #photo-album {
  *zoom: 1;
}
#folders:after, #photo-album:after {
  content: "";
  display: table;
  clear: both;
}

.folder {
  *zoom: 1;
  margin: 10px 0;
  padding: 0 0 15px 20px;
  float: left;
  width: 50%;
  *width: 46%;
}
.folder:after {
  content: "";
  display: table;
  clear: both;
}
.folder .photo-wrap {
  margin: 0;
}
.folder .folder-info {
  padding-left: 145px;
  *padding-left: 15px;
  height: 150px;
}
.folder .folder-info h3 {
  margin: -7px 0 5px;
  max-height: 56px;
  overflow: hidden;
}

#photo-album {
  margin-top: 30px;
}
#photo-album #block-comments {
  margin-top: 25px;
}

#slide #click, #slide .slidenav, #slide #timenav {
  text-align: center;
}
#slide .slidenav {
  font-size: 0.875em;
  position: relative;
}
#slide .slidenav div {
  position: absolute;
}
#slide .slidenav .back {
  left: 212px;
}
#slide .slidenav .forward {
  right: 212px;
}
#slide #timenav {
  margin-top: 10px;
  font-size: 0.875em;
}

#thumbnav {
  width: 465px;
  margin: 0 auto 25px;
}
#thumbnav .wrap {
  *zoom: 1;
}
#thumbnav .wrap:after {
  content: "";
  display: table;
  clear: both;
}
#thumbnav .box {
  width: 75px;
  height: 75px;
}
#thumbnav .box div {
  width: 75px;
  height: 75px;
}

.slidebar {
  overflow-x: scroll;
  overflow-y: hidden;
  width: 100%;
  white-space: nowrap;
  margin-bottom: 15px;
}
.slidebar a {
  margin-right: 3px;
}
.slidebar + script + .slidenav .back {
  left: 0;
}
.slidebar + script + .slidenav .forward {
  right: 0;
}

/* eShop */
#nav-column #login .clButton .submit {
  *width: 202px;
  _width: 190px;
}

#eshop #articles {
  border: 0;
}
#eshop fieldset.validation .validatin-images-set input {
  width: 240px;
  *width: 228px;
  _width: 240px;
}
#eshop .products {
  margin-bottom: 35px;
}
#eshop .products .article .editor-area {
  margin: 0 0 5px;
  height: 6.2em;
  *height: 5.7em;
  height: 6.1em;
  font-size: 0.875em;
}
#eshop .products .article span.price {
  font-weight: normal;
  font-family: "Semibold", Arial, sans-serif;
}
#eshop .photo-wrap div {
  *top: 64% !important;
}
#eshop .article h3, #eshop #photo-detail h3 {
  line-height: 1.25em;
}
#eshop .article .photo-wrap, #eshop #photo-detail .photo-wrap {
  border: 1px solid #dbdbdb;
  margin-top: 0;
}
#eshop .article .photo-wrap a, #eshop #photo-detail .photo-wrap a {
  display: inline-block;
  width: 128px;
}
#eshop #photo-detail {
  width: 272px;
}
#eshop #photo-detail #photo {
  width: 268px;
  border: 1px solid #dbdbdb;
  margin: 0 25px 0 0;
}
#eshop #photo-detail .photo-wrap {
  float: left;
  margin: 4px 4px 0 0;
  *margin: 2px 2px 0 0;
}
#eshop #product-detail .price {
  font-weight: normal;
  font-family: "Semibold", Arial, sans-serif;
  margin: 5px 0 0;
}
#eshop #product-detail p {
  margin: 0;
}
#eshop #panel {
  margin: 20px 0 50px;
  width: auto;
}
#eshop #panel .inner_frame {
  min-height: 13em;
  padding: 10px 16px;
}
#eshop #panel .panel-header ul {
  padding-left: 0;
}
#eshop #panel .panel-header li a {
  font-size: 1em;
  font-weight: normal;
  padding: 4px 16px;
  -moz-transition: none 1s;
  -o-transition: none 1s;
  -webkit-transition: none 1s;
  transition: none 1s;
}
#eshop #panel .panel-header li a:hover {
  text-decoration: none;
}
#eshop #panel #block-comments form {
  padding-bottom: 25px;
}
#eshop #panel .comment {
  padding: 15px 0;
}
#eshop #panel .comment:last-child {
  margin-bottom: 25px;
}
#eshop #basket input.amount {
  font-size: 1em;
  padding: 6px 2px;
  width: 48px;
  text-align: center;
  top: 0;
  _height: 33px;
}
#eshop #basket input.add_basket {
  padding: 6px 10px 6px 35px;
  _padding: 1px 10px;
  font-weight: normal;
  font-family: "Semibold", Arial, sans-serif;
  background-color: #f3f3f3;
  background-position: 8px -126px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
#eshop #basket input.add_basket:hover, #eshop #basket input.add_basket:focus {
  background-color: #fcfcfc;
}
*:first-child + html #eshop #basket input.add_basket {
  height: 35px;
  top: 2px;
}
#eshop .gennewmail input[type="text"] {
  width: 186px;
}
#eshop .gennewmail .submit {
  font-size: 1em;
}
#eshop .settings div.left-float, #eshop .settings div.right-float, #eshop .contact-info div.left-float, #eshop .contact-info div.right-float {
  width: 50%;
}
#eshop .settings #account_info, #eshop .settings #billing_address, #eshop .contact-info #account_info, #eshop .contact-info #billing_address {
  height: 325px;
  _height: 200px;
}
#eshop .settings .submit, #eshop .contact-info .submit {
  font-size: 1em;
}
#eshop .settings table label, #eshop .contact-info table label {
  display: inline-block;
  width: 115px;
}
#eshop .settings p, #eshop .contact-info p {
  clear: both;
  margin-top: 15px;
}
#eshop .settings input[type="text"], #eshop .settings input[type="password"], #eshop .contact-info input[type="text"], #eshop .contact-info input[type="password"] {
  padding: 8px 5px;
  width: 190px;
}
#eshop .settings #individual + label, #eshop .settings #firm + label, #eshop .settings #sameaddress + label, #eshop .contact-info #individual + label, #eshop .contact-info #firm + label, #eshop .contact-info #sameaddress + label {
  width: auto;
}
#eshop .settings fieldset, #eshop .contact-info fieldset {
  border-bottom: 1px solid #dbdbdb;
  padding-bottom: 20px;
}
#eshop .settings div fieldset, #eshop .contact-info div fieldset {
  border: 0;
  padding-bottom: 0;
}
#eshop .login-info fieldset {
  border-bottom: 1px solid #dbdbdb;
  padding-bottom: 20px;
}
#eshop .login-info input[type="text"], #eshop .login-info input[type="password"] {
  padding: 8px 5px;
  width: 190px;
}
#eshop .login-info p:first-child {
  margin: 0;
}
#eshop .login-info p label {
  display: inline-block;
  width: 109px;
}
#eshop .login-info .submit {
  font-size: 1em;
}
#eshop .contact-info fieldset {
  margin: 0;
}
#eshop .contact-info table {
  border-collapse: collapse;
}
#eshop .contact-info td {
  padding: 0;
}
#eshop .contact-info table span {
  color: #F00;
  margin-left: 3px;
}
#eshop .registration td input {
  width: 190px;
  padding: 8px 5px;
}
#eshop .registration .right-float {
  margin-right: 120px;
  *margin-right: 0;
}
.ie8 #eshop .registration .right-float {
  margin-right: 0;
}
#eshop .registration .submit {
  font-size: 1em;
}
#eshop .registration table {
  width: 100%;
}
#eshop .registration fieldset {
  border: 0;
  padding: 0;
}
#eshop #steps {
  margin-bottom: 10px;
}
#eshop #steps ul {
  padding-left: 0;
  margin-left: 0;
}
#eshop #steps li {
  margin-right: 20px;
  font-family: "Light", Arial, sans-serif;
  font-size: 0.875em;
}
#eshop #steps li:after {
  content: "/";
  position: absolute;
  font-family: "Light", Arial, sans-serif;
  font-size: 2em;
  margin-left: 10px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
}
#eshop #steps li:last-of-type:after {
  display: none;
}
#eshop #steps li.active {
  font-family: "Semibold", Arial, sans-serif;
  font-size: 1em;
}
#eshop #basket_preview_form tbody tr td, #eshop #confirm tbody tr td, #eshop #orderdone tr td {
  border-collapse: collapse;
  border-top: 1px solid #dbdbdb;
  padding: 2px 0;
}
#eshop #basket_preview_form table .border_fix td, #eshop #basket_preview_form table tr .price {
  border: none;
}
#eshop #basket_preview_form input.submit {
  font-size: 1em;
}
#eshop #basket_preview_form td.title {
  *width: 38%;
}
.ie8 #eshop #basket_preview_form td.title {
  width: 38%;
}
#eshop #basket_preview_form td.coupon input.couponText {
  width: 100px;
  padding: 8px 5px;
  position: relative;
  top: -1px;
}
#eshop #basket_preview_form table {
  margin-bottom: 20px;
}
#eshop #basket_preview_form fieldset p {
  float: left;
  margin-right: 5px;
}
#eshop #basket_preview_form .submit {
  *padding: 3px 0;
  _padding: 6px 10px;
}
#eshop #basket_preview_form a.submit {
  position: relative;
  top: 7px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  *white-space: nowrap;
  *padding: 6px 20px;
  *top: 6px;
  _top: 3px;
}
#eshop #basket_preview_form a.submit:hover {
  text-decoration: none;
}
#eshop #basket_preview_form .wrap ul {
  padding-left: 0;
  margin-left: 0;
}
#eshop #basket_preview_form li {
  margin: 5px 0;
}
#eshop #basket_preview_form li div {
  line-height: 1.3em;
  margin-left: 18px;
}
#eshop #basket_preview_form td.price {
  font-weight: normal;
  font-family: "Semibold", Arial, sans-serif;
}
#eshop #confirm fieldset.right {
  border-top: 1px solid #dbdbdb;
}
#eshop #confirm .price {
  font-weight: normal;
  font-family: "Semibold", Arial, sans-serif;
}
#eshop #confirm .submit {
  font-size: 1em;
  margin-top: 20px;
}
#eshop .order_account .price {
  font-weight: normal;
  font-family: "Semibold", Arial, sans-serif;
}
#eshop .order_account table#basket_preview_form {
  border-bottom: 1px solid #dbdbdb;
}
#eshop #contactaddress, #eshop #basketpayments, #eshop #baskettransport, #eshop #deliveraddress {
  _width: 49%;
}

/* Adv */
#mess-ahead {
  margin-bottom: 30px;
}

#shifter #shifter_wrap {
  width: 880px;
}
#shifter #shifter_wrap #shifter_footer .span3 {
  height: 200px;
}
#shifter #shifter_wrap #shifter_footer .span3 h4 {
  line-height: 1.3em;
  font-size: 0.813em;
  margin: 0;
}
#shifter #shifter_wrap #shifter_terms a {
  font-size: 0.813em;
  margin-right: 15px;
}
#shifter #shifter_wrap #shifter_title h3#shifter_t_2 {
  margin-right: 262px;
}
#shifter .category a {
  line-height: 1.2em;
  font-size: 0.875em;
  font-family: "Semibold", Arial, sans-serif;
}

#content iframe {
  width: 768px;
  height: 432px;
}

@media (max-width: 1250px) {
  #document {
    width: 100%;
    padding: 0 20px;
  }

  #header .inner_frame {
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
  }

  .article .editor-area .preview img {
    width: 100%;
    height: auto;
  }

  #nav-column #calendar table {
    width: 100%;
  }

  #eshop .registration .right-float {
    margin-right: 0;
  }

  #content iframe {
    width: 672px;
    height: 378px;
  }
}
@media (max-width: 1000px) {
  #mess-ahead {
    display: none;
  }
  #content iframe {
    width: 100%;
    height: 300px;
  }
}
@media (max-width: 900px) {
  body {
    font-size: 0.938em;
  }
  #header .inner_frame h1 {
    margin: 0;
    height: auto;
    font-size: 2.500em;
  }

  #body {
    margin-top: 15px;
    padding-top: 30px;
  }

  #nav-column #login input, #nav-column #search input, #nav-column #mail-list input {
    width: 100%;
  }

  #photos .photo-wrap, #preview-folder .box, #thumbnav .box, .folder .photo-wrap, #photo-album-nav li .photo-wrap {
    width: 75px;
    height: 75px;
    margin: 5px 5px 0;
  }
  #photos .photo-wrap div, #preview-folder .box div, #thumbnav .box div, .folder .photo-wrap div, #photo-album-nav li .photo-wrap div {
    height: 75px;
    width: 75px;
  }
  #photos .photo-wrap div img, #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;
  }

  .folder .folder-info {
    padding-left: 85px;
    height: 175px;
  }
  .folder .photo-wrap {
    margin: 0;
  }
  .folder .folder-info h3, .folder .folder-info div {
    line-height: 1.3em;
  }
  .folder .folder-info h3 {
    max-height: 50px;
  }
  .folder .folder-info div {
    margin-bottom: 3px;
  }

  #shifter #shifter_wrap {
    width: auto;
    position: relative;
  }
  #shifter #shifter_wrap h3#shifter_t_2 {
    position: absolute;
    left: 5px;
    top: 250px;
  }
  #shifter #shifter_wrap #selfpromo {
    margin-top: 25px;
  }
}
@media (max-width: 950px) {
  #eshop .settings div.left-float, #eshop .settings div.right-float, #eshop .contact-info div.left-float, #eshop .contact-info div.right-float {
    width: 100%;
  }
  #eshop .settings #account_info, #eshop .settings #billing_address, #eshop .contact-info #account_info, #eshop .contact-info #billing_address {
    height: auto;
  }
}
@media (max-width: 850px) {
  #eshop .registration .right-float, #eshop .registration .left-float {
    float: none;
  }
}
@media (max-width: 750px) {
  #mess-ahead {
    display: none !important;
  }

  #content {
    width: 72%;
  }

  #nav-column {
    width: 28%;
  }
}
@media (max-width: 650px) {
  #content, #nav-column {
    width: 100%;
    float: none;
  }

  #content {
    padding-right: 0;
  }

  #nav-column {
    padding: 20px 0 0;
  }
  #nav-column .section {
    width: 46%;
    display: inline-block;
    margin: 0 5px 25px;
    vertical-align: top;
    text-align: left;
  }
  #nav-column .column .column {
    width: 46%;
    display: inline-block;
  }
  #nav-column .column .column .section {
    width: 100%;
    margin-top: -19px;
  }
  #nav-column #last-photo img {
    max-width: 75px;
    max-height: 75px;
  }
}
@media (max-width: 565px) {
  #eshop #photo-detail {
    float: none;
  }

  #shifter #shifter_wrap h3#shifter_t_2 {
    position: absolute;
    left: 5px;
    top: 450px;
  }
  #content iframe {
    width: 100%;
    height: 280px;
  }
}
@media (max-width: 500px) {
  .folder {
    float: none;
    width: 100%;
    height: auto;
    padding-right: 0;
  }
  .folder .folder-info {
    height: auto;
  }
  .folder .photo-wrap {
    margin-top: 7px;
  }

  #eshop .products .article {
    padding-bottom: 0;
  }
}
@media (max-width: 450px) {
  #nav-column .section {
    margin: 0 0 25px;
  }
  #nav-column .section, #nav-column .column .column {
    width: 100%;
  }
  .comment .comment-headline .avatar {
    display: none;
  }
  #eshop #basket_preview_form td.title, #eshop #confirm td.title {
    width: 35%;
  }
  #content iframe {
    width: 100%;
    height: 240px;
  }
}
@media (max-width: 400px) {
  #eshop #panel .panel-header li a {
    font-size: 0.750em;
  }

  #block-comments .comment {
    margin-left: 0;
  }
}
@media (max-width: 350px) {
  #shifter #shifter_wrap #shifter_title h3#shifter_t_2, #shifter #shifter_wrap #selfpromo {
    display: none;
  }

  #eshop .settings table label, #eshop .contact-info table label {
    width: auto;
  }
  #content iframe {
    width: 100%;
    height: 200px;
  }
}


/* ------------- 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: 0 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: 5px 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;
  margin-bottom: 40px;
}
#photos .slide {
  width: 130px;
  height: 130px;
  float: left;
  margin: 15px 7px 0;
}
#photos .slider-gallery__wrap {
  height: 130px;
  width: 100%;
  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: 100%;
  max-height: 120px;
  cursor: pointer;
}
#photos .slider-gallery__description-box {
   display: none;
}

 

@media (max-width: 900px) {
  #photos .slide {
    width: 100%;
    height: auto;
    margin: 10px 5px 0;
  }
  #photos  .slider-gallery__wrap {
    height: auto;
    width: 100%;
  }
  #photos .slider-gallery__img {
    max-width: 100%;
    max-height: 100%;
  }
}
/* Galerie responsive END */
