html { width: 100%; height: 100%; overflow-y: scroll; }
body 
   {
      width: 100%;
      height: 100%;
      margin: 0px;
      background: #ffffff;
      font-family: 'Roboto', sans-serif;
      font-size: 14px;
      font-weight: 300;
   }
   
a[x-apple-data-detectors] {
  color: inherit !important;
  text-decoration: none !important;
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}
   
.grecaptcha-badge { display: none; }
      
img { border: 0px; }

#vek {
   width: 100%;
   height: 100%;
   position: fixed;
   top: 0;
   display: flex;
   justify-content: center;
   align-items: center;
   text-align: center;
   background: url('../images/opacity-black-75.png');
   z-index: 999;
}

#vek .box {
   width: 100%;
   max-width: 300px;
   background: #ffffff;
   padding: 25px;
   margin-left: auto;
   margin-right: auto;
}

#vek .box a {
   width: 70%;
   background: #5FBB3C;
   display: block;
   border-radius: 5px;
   color: #ffffff;
   text-decoration: none;
   padding-top: 10px;
   padding-bottom: 10px;
   margin-top: 15px;
   margin-left: auto;
   margin-right: auto;
}

#vek .box a:hover {
   background: #000000;
}

#popup {
   width: 100%;
   height: 100%;
   position: fixed;
   top: 0;
   display: flex;
   justify-content: center;
   align-items: center;
   text-align: center;
   background: url('../images/opacity-black-75.png');
   z-index: 999;
}

#popup .box {
   width: 100%;
   max-width: 600px;
   background: #ffffff;
   padding: 25px;
   margin-left: auto;
   margin-right: auto;
}

#popup .box a {
   width: 70%;
   background: #5FBB3C;
   display: block;
   border-radius: 5px;
   color: #ffffff;
   text-decoration: none;
   padding-top: 10px;
   padding-bottom: 10px;
   margin-top: 15px;
   margin-left: auto;
   margin-right: auto;
}

#popup .box a:hover {
   background: #000000;
}
	  
.clear
   {
      clear: both;
      height: 0px;
   }

.hidden {
   display: none;	
}
   
#menu-icon 
   {
      width: 23px;
      height: 23px;
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transition: .5s ease-in-out;
      -moz-transition: .5s ease-in-out;
      -o-transition: .5s ease-in-out;
      transition: .5s ease-in-out;
      cursor: pointer;
      z-index: 1000 !important;
      position: relative;
   }

#menu-icon span 
   {
      display: block;
      position: absolute;
      height: 3px;
      width: 100%;
      background: #000000;
      border-radius: 9px;
      opacity: 1;
      left: 0;
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transition: .25s ease-in-out;
      -moz-transition: .25s ease-in-out;
      -o-transition: .25s ease-in-out;
      transition: .25s ease-in-out;
   }

#menu-icon span:nth-child(1) { top: 0px; }
#menu-icon span:nth-child(2),#menu-icon span:nth-child(3) { top: 8px; }
#menu-icon span:nth-child(4) { top: 16px; }
#menu-icon.open span:nth-child(1) { top: 18px; width: 0%; left: 50%; }
#menu-icon.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
#menu-icon.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
#menu-icon.open span:nth-child(4) { top: 18px; width: 0%; left: 50%; }
   
nav#menu
   {
      width: 100%;
      height: 100%;
      position: absolute;
      display: none;
      z-index: 1000;
	  position: fixed;
   }
   
nav#menu .layer
   {
      width: 100%;
      height: 100%;
      background: black;
      position: absolute;

      -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";	
      filter: alpha(opacity=50);
      -moz-opacity:0.5;
      -khtml-opacity: 0.5;   
      opacity: 0.5;
   }
   
nav#menu .column
   {
      position: absolute;
      margin: 0px;
      padding: 0px;
      width: 450px;
      height: 100%;
      background: #ffffff;
      float: right;
	  right: 0;
      padding-left: 50px;
      overflow-y: auto;
   }

nav#menu .column .overflow
   {
      width: calc(100% - 25px);
      height: 300px;
	  display: block;
      overflow: auto;
	   
      -webkit-box-shadow: inset 0px -9px 11px -9px rgba(0,0,0,0.1);
      -moz-box-shadow: inset 0px -9px 11px -9px rgba(0,0,0,0.1);
      box-shadow: inset 0px -9px 11px -9px rgba(0,0,0,0.1);
   }
   
nav#menu .column ul
   {
      margin: 0px;
      padding: 0px;
      margin-top: 100px;
      width: 100%;
   }
   
nav#menu .column ul li
   {
      list-style-type: none;
      height: auto !important;
      width: auto;
      display: block !important;
      background: none;
      padding-bottom: 10px;
   }
   
nav#menu .column ul li a
   {
      color: #000000;
      text-decoration: none;
      font-size: 22px;
      font-weight: 300;
   }
   
nav#menu .column ul li a:hover
   {
      text-decoration: underline;
	  cursor: pointer;
   }

nav#menu .column ul li.only4mobile
   {
      display: none !important;
   }

nav#menu .column ul li.only4mobile a
   {
      font-weight: 500 !important;
   }

nav#menu .column ul li a.zpet
   {
      font-weight: 500;
	  padding-left: 35px;
	  background: url('../images/back-arrow-gray.svg') no-repeat 0 50%;
	  background-size: 25px;
   }
   
nav#menu .column ul li.hidden a
   {
      display: none;
   }
   
nav#menu .column ul li.regionalni_speciality
   {
       padding-top: 30px !important;
   }

nav#menu .column ul.reference
   {
      margin-top: 25px !important;
   }

nav#menu .column ul.reference li
   {
      padding-top: 0px !important;
      border-bottom: 0px solid #c7c8ca
   }
   
nav#menu .column ul.reference li a
   {
      font-size: 20px !important;
   }
   
nav#menu .column ul.small
   {
      margin-top: 30px;
   }
   
nav#menu .column ul.small li a
   {
      font-size: 16px;
      font-weight: 300; 
   }

nav#menu .column ul.small li.eshop
   {
      padding-top: 10px !important;
   }
   
nav#menu .column ul.small li.eshop a
   {
      font-weight: bold;     
   }
   
nav#menu .column ul.socialnisite
   {
      margin-top: 30px;
   }
   
nav#menu .column ul.socialnisite li
   {
      float: left;
      margin-right: 15px;
   }
   
nav#menu .column ul.socialnisite li a
   {
      width: 24px;
      height: 24px;
      display: block;
   }
   
nav#menu .column ul.socialnisite li a.facebook
   {
      background: url('../images/icon-facebook.svg') no-repeat;
      background-size: 24px;
   }
   
nav#menu .column ul.socialnisite li a.instagram
   {
      background: url('../images/icon-instagram.svg') no-repeat;
      background-size: 24px;
   }
   
nav#menu .column ul.socialnisite li a.pinterest
   {
      background: url('../images/icon-pinterest.svg') no-repeat;
      background-size: 24px;
   }

nav#menu .column ul.socialnisite li a.youtube
   {
      background: url('../images/icon-youtube.svg') no-repeat;
      background-size: 24px;
   }


nav#menu #kolekce
   {
      display: none;
   }

nav#menu #produkt
   {
      display: none;
   }
   
header
   {
      padding-top: 50px;
      margin-left: 100px;
      margin-right: 100px;
      border-box: box-sizing;
      height: 150px;
      width: auto;
   }
   
header ul.logo
   {
      margin: 0px;
      padding: 0px;
      width: auto;
      float: left;
	  
   }
   
header ul.logo li
   {
      margin: 0px;
      padding: 0px;
      list-style-type: none;
      display: inline-block;
      margin-right: 15px;
   }
   
header ul.logo li a.zampach
   {
      width: 230px;
      height: 125px;
      background: url('../images/logo/zampach_gray.svg') no-repeat;
      background-size: 230px;
      display: block;
   }
   
header ul.logo li a.zampach:hover
   {
      background: url('../images/logo/zampach.svg') no-repeat;
      background-size: 100%;
   }
   
header ul.logo li.aktivni a.zampach
   {
      background: url('../images/logo/zampach.svg') no-repeat;
      background-size: 100%;
   }
   
header ul.logo li a.stanislav_zampach
   {
      width: 230px;
      height: 125px;
      background: url('../images/logo/stanislav_zampach_gray.svg') no-repeat;
      background-size: 100%;
      display: block;
   }
   
header ul.logo li a.stanislav_zampach:hover
   {
      background: url('../images/logo/stanislav_zampach.svg') no-repeat;
      background-size: 100%;
   }
      
header ul.logo li.aktivni a.stanislav_zampach
   {
      background: url('../images/logo/stanislav_zampach.svg') no-repeat;
      background-size: 100%;
   }
   
header ul.logo li a.theglass
   {
      width: 230px;
      height: 125px;
      background: url('../images/logo/theglass_gray.svg') no-repeat;
      background-size: 100%;
      display: block;
   }   
   
header ul.logo li a.theglass:hover
   {
      background: url('../images/logo/theglass.svg') no-repeat;
      background-size: 100%;
   }
   
header ul.logo li.aktivni a.theglass
   {
      background: url('../images/logo/theglass.svg') no-repeat;
      background-size: 100%;
   }

header .basket a {
    width: 105px;
    height: 25px;
	box-sizing: border-box;
    display: block;
    background: url('../images/eshop/icon-basket-black.svg') no-repeat 0px 0px;
    background-size: 25px;
	float: right;
	margin-top: 43px;
	margin-right: 20px;
	padding-left: 30px;
	font-weight: 500;
    color: #000000;
	padding-top: 7px;
	text-decoration: none;
}

header .basket a:hover {
    background: url('../images/eshop/icon-basket-green.svg') no-repeat 0px 0px;
    background-size: 25px;
	color: #5FBB3C;
} 

header .infotext {
    width: calc(100% - 270px);
    max-height: 850px;
	box-sizing: border-box;
    display: block;
	float: right;

   color: #5FBB3C;
   margin-top: 50px;
   text-align: right;
   padding-right: 20px;
}

header .infotext a {
   color: #5FBB3C;
   text-decoration: none;
}

header .infotext a:hover {
   color: #5FBB3C;
   text-decoration: underline;
}
      
header a.logo { width: 230px; float: left; z-index: 1000 !important; display: block;}
header img.logo { width: 230px;}
header .motto { text-align: center; font-size: 24px; color: #c7c8ca; width: calc(100% - 430px); float: left; margin-top: 45px;}
header .right { float: right; width: 850px;}
header .lang { font-size: 14px; color: #c7c8ca; float: right; margin-top: 50px; margin-right: 50px; display: none;}
header .lang a { color: #9da0a3; text-decoration: none;}
header .lang a:hover { text-decoration: underline;}
header .m { float: right; margin-top: 40px; width: 125px;}
header .m .menu-text { float: left; width: 90px; text-align: right; font-size: 26px; padding: 0px;}
header .m .menu-text:hover { cursor: pointer; }
header .m .menu-icon { float: right; width: 25px; height: 25px; margin-top: 8px;}

header .menu2 { font-size: 14px; color: #c7c8ca; float: right; margin-top: 0px; margin-right: 100px; right:0; display: block; position: absolute; width: 1000px; text-align: right;}
header .menu2 a.searchcat { font-weight: 500;}
header .menu2 a.searchcat:hover { cursor: pointer;}
header .menu2 a { color: #000000; text-decoration: none; margin-left: 12px; margin-right: 12px;}
header .menu2 a:hover { text-decoration: underline;}
header .menu2 a:last-child { margin-right: 0px;}

header .menu2 .menuother {
   position: absolute;
   width: 150px;
   height: 250px;	
   border: 1px solid #000000;
   background: #ffffff;
   z-index: 9999;
   margin-top: 15px;
   left: -10px;
   display: none;
   overflow: auto;
}

header .menu2 .menuother a {
   margin: 0px;
   padding: 0px;
   padding: 5px;
   display: block;
   text-align: left;
}

header .menu2 #menu-kolekce {
   margin-left: 80px;
}

header .menu2 #menu-produkt {
   margin-left: 155px;
}

.uvod_kategorie { margin: 0px; padding: 0px; margin-left: 100px; margin-right: 100px; height: calc(100% - 300px); }	
.uvod_kategorie .gallery-cell { width: 50%; height: 100%; margin-right: 0px; }		
.uvod_kategorie .gallery-cell ul.sub { margin: 0px; padding: 0px; height: 100%; }	
.uvod_kategorie .gallery-cell ul.sub li { margin: 0px; padding: 0px; list-style-type: none; float: left; width: 50%; height: 100%; }   
.uvod_kategorie .gallery-cell ul.sub li:nth-child(1) { width: 100%; height: 50%; }   
.uvod_kategorie .gallery-cell ul.sub li:nth-child(2) { height: 50%; }   
.uvod_kategorie .gallery-cell ul.sub li:nth-child(3) { height: 50%; }

ul.category
   {
      width: 100%;
      margin: 0px;
      padding: 0px;
   }
   
ul.category li
   {
      width: 50%;
      margin: 0px;
      padding: 0px;
      box-sizing: border-box;
      list-style-type: none;
      float: left;
   }
   
ul.category li img
   {
      width: 100%;
      display: block;
   }
   
ul.category li .box_full
   {
      width: 100%;
      height: 100%;
   }
      
ul.category li .box_half
   {
      width: 50%;
      height: auto;
      float: left;
   }
   

ul.kategorie
   {
      margin: 0px;
      padding: 0px;
      margin-left: 100px;
      margin-right: 100px;
      height: calc(100% - 300px);
   }
   
ul.kategorie li
   {
      margin: 0px;
      padding: 0px;
      list-style-type: none;
      float: left;
      width: 50%;
      height: 100%;
   }
   
ul.kategorie li:first-child
   {
   }   
   
ul.kategorie li ul.sub
   {
      margin: 0px;
      padding: 0px;
      height: 100%;
   }
   
ul.kategorie li ul.sub li:nth-child(1)
   {
      width: 100%;
      height: 50%;
   }
   
ul.kategorie li ul.sub li:nth-child(2)
   {
      height: 50%;
   }
   
ul.kategorie li ul.sub li:nth-child(3)
   {
      height: 50%;
   }
   
.inbox 
   {
      width: 100%;
      height: 100%;
      padding: 0px;
      position: relative;
   }


.inbox .item 
   {
      position: relative; 
      margin: 0px;
      overflow: hidden;
      width: 100%;
      height: 100%;
   }
   
.inbox .item img 
   {
      object-fit: cover;  
      width: 100%;
      height: 100%;
      -moz-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
   }

.inbox .item img.height 
   {
      max-height: 100%;
   }
   
.inbox .item img.width 
   {
      max-width: 100%;
      max-height: none;
   }
   
.inbox .item:hover img 
   {
      -moz-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
   }

.inbox .more
   {
      color: #9da0a3;
      position: absolute;
	  z-index: 999;
      font-size: 16px;
	  top: 0; 
      margin-top: 15px;
      margin-left: 15px;
   }

.inbox .more a
   {
      color: #9da0a3;
      text-decoration: none;
   }
   
.inbox .novinka
   {
      color: red;
      position: absolute;
	  z-index: 999;
      font-size: 16px;
	  top: 0; 
      margin-top: 15px;
      margin-left: 15px;
   }

.inbox .koupit
   {
      color: #9da0a3;
      position: absolute;
	  z-index: 999;
      font-size: 16px;
	  top: 0; 
      margin-top: 15px;
      margin-left: 15px;
   }

.inbox .koupit a
   {
      color: #9da0a3;
      text-decoration: none;
   }

.inbox .koupit span
   {
      color: #5FBB3C;
   }

.inbox .koupit .nedostupne 
   {
      color: red;
   }

.inbox .title
   {
      background: #000000;
      color: #ffffff;
      position: absolute;
	  z-index: 999;
	  padding: 10px;
      font-size: 24px;
      display: none;
	  bottom: 0px;     
   }

.inbox .cena
   {
      color: #ffffff;
      position: absolute;
	  z-index: 999;
      font-size: 14px;
	  bottom: 0; 
	  padding: 15px;
   }
   
.inbox .small
   {
      font-size: 18px;    
   }
   
.inbox:hover .title
   {
      display: block;
   }
   
.obsah
   {
      margin-left: 100px;
      margin-right: 100px;
      font-size: 14px;
      font-weight: 300;
      color: #000000;
      max-width: 100% !important;
   }

.obsah a
   {
      color: #000000;
	  text-decoration: underline;
   }

.obsah a:hover
   {
	  text-decoration: none;
   }

.obsah .status {
   width: 100%;
   box-sizing: border-box;
   border: 0px solid #f0f0f0;
   text-align: center;
   padding: 10px;
   font-weight: 300;
   font-size: 18px;
}

.obsah .true {
   color: #5FBB3C;
}

.obsah .false {
   color: red;
}

.short
   {
      margin-left: auto;
      margin-right: auto;
      font-size: 14px;
      font-weight: 300;
      color: #000000;
	  width: 100%;
      max-width: 960px !important;
   }
   
.obsah a.back
   {
      float: right;
      position: relative;
      margin-top: 20px;
      text-decoration: none;
      color: #9da0a3;
      font-size: 14px;
   }
   
.obsah a.back:hover
   {
      text-decoration: none;
      color: #000000;
   }
   
.obsah .description
   {

   }

.obsah .qrinfo
   {
      border-top: 1px solid #c7c8ca;
      width: 100%;
      max-width: 640px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 25px;
      padding-top: 25px;
      font-size: 13px;
      text-align: justify;
   }

.obsah .qrinfo img
   {
      width: auto;
      max-width: 100%;
   }

.obsah .qrinfo h2
   {
      font-size: 18px;
   }


.obsah .qrdetail
   {
      width: 100%;
      max-width: 640px;
      margin-left: auto;
      margin-right: auto;
   }

.obsah .qrdetail .foto
   {
      width: 100%;
   }

.obsah .qrdetail .foto img
   {
      width: 100%;
   }

.obsah .qrdetail .item
   {
      width: 100%;
      border-bottom: 1px solid #f0f0f0;
      padding-top: 5px;
      padding-bottom: 5px;
   }

.obsah .qrdetail .item:last-child
   {
      border-bottom: 0px solid #f0f0f0;
   }

.obsah .qrdetail .item .name
   {
      font-weight: bold;      
      display: inline-block;
   }

.obsah .qrdetail .item .value
   {
      display: inline-block;
   }
   
.no-padding
   {
      padding: 0px !important;
	  margin: 0px !important;
   }
   
.padding-left
   {
      padding-left: 50px;
   }
   
h1
   {
      font-size: 30px;
      font-weight: 300;
      margin-top: 0px;
      margin-bottom: 10px;
      text-align: left !important;
   }
   
h2
   {
      font-size: 24px;
      font-weight: 300;
      color: #939598;
      margin-top: 0px;
   }
   
h3
   {
      font-size: 14px;
      font-weight: 500;
      color: #000000;
   }
   
a.back_responsive
   {
      text-decoration: none;
      color: #9da0a3;
      font-size: 14px;
      text-align: right;
      margin-right: 25px;
      margin-bottom: 20px;
      display: none;
   }
   
a.back_responsive:hover
   {
      text-decoration: none;
      color: #000000;
   }
      
.leva
   {
      margin-left: 100px;
      width: calc(50% - 100px);
      height: calc(100% - 300px);
      float: left;
	  display: block;
      box-sizing: border-box;
      position: relative; 
      overflow: hidden;
   }
   
.leva .novinka
   {
      color: #5FBB3C;
      position: absolute;
	  z-index: 999;
      font-size: 16px;
	  top: 0; 
      margin-top: 15px;
      margin-left: 15px;
   }

.leva .nedostupne
   {
      color: red;
      position: absolute;
	  z-index: 999;
      font-size: 16px;
	  top: 0; 
      right: 0;
      margin-top: 15px;
      margin-right: 200px;
   }
      
.leva img 
   {
      object-fit: cover;
      width: 100%;           
      height: 100%;
   }
      
.leva .mapa
   {
      width: 100%;
      height: 100%;
      display: block;
   }

.leva .foto
   {
      width: calc(100% - 181px);
	  float: left;
   }   
   
.leva .foto .container
   {
 
   }    

.leva .foto-old
   {
      /*width: calc(100% - 181px);*/
	  /*height: 100%;*/
	  float: left;
      aspect-ratio : 1 / 1;
      width: calc(100% - 181px);
   }

.leva .galerie_box
   {
      width: 161px;
	  height: 100%;
      display: block;
	  float: right;
      overflow-y: auto !important;
   }
   
.prava
   {
      margin-right: 100px;
      width: calc(50% - 100px);
      min-height: calc(100% - 300px);
      float: right;
      box-sizing: border-box;
      font-size: 14px;
      font-weight: 300;
      line-height: 1.4;
      /*height: calc(100% - 315px);*/
   }

.prava a
   {
      color: #000000;
	  text-decoration: underline;
   }

.prava a:hover
   {
	  text-decoration: none;
   }

.prava_produkt
   {
      height: calc(100% - 315px);*/
   }

.popisarea
   {
	   /*
	   margin-top: 10px;
       height: auto;
	   max-height: 230px;
	   overflow: auto;
	   */
   }

.popis a
   {
      color: #000000 !important;
      text-decoration: underline;
   }

.popis a:hover
   {
      text-decoration: none;
   }
   
.prava ul.kontakt
   {
      width: 100%;	   
      padding: 0px;
      margin: 0px;
   }
   
.prava ul.kontakt li
   {
      width: 33%;
      display: block;
      float: left;
      list-style-type: none;
      padding: 0px;
      margin: 0px;
   }
   
.prava a.back
   {
      float: right;
      position: relative;
      margin-top: 20px;
      text-decoration: none;
      color: #9da0a3;
      font-size: 14px;
   }
   
.prava a.back:hover
   {
      text-decoration: none;
      color: #000000;
   }
   
.produkt-info
   {
      margin-top: 25px
   }
   
.produkt-info a.button
   {
      padding: 10px;
      color: #ffffff;
      background: #5FBB3C url('../images/eshop/icon-basket.svg') no-repeat 10px 48%;
	  background-size: 22px;
      text-decoration: none;
      padding-left: 40px;
      padding-right: 15px;
      margin-bottom: 5px;
      display: inline-block;
      margin-right: 10px;
   }
   
.produkt-info a.button:hover
   {
      color: #ffffff;
      background: #000000 url('../images/eshop/icon-basket.svg') no-repeat 10px 48%;
	  background-size: 22px;
   }

.produkt-info .cena strong
   {
      font-weight: 500;
   }

.produkt-info .dostupnost
   {
      color: #5FBB3C;
      padding-left: 0px;
	  font-size: 14px;
   }

.produkt-info .dostupnost strong
   {
      font-weight: 500;
   }

.produkt-info .select {
	  margin-top: 15px;
	  margin-bottom: 15px;	
}

.produkt-info .select span.vyberte {
	  display: block;
      font-weight: 500;
	  padding-bottom: 4px;
}

.produkt-info .vyber
   {
      width: auto !important;
	  display: block;
      font-weight: 500;
	  float: left;
   }

.produkt-info .vyber select
   {
      width: 250px !important;
   }

.produkt-info .vyber input
   {
      width: 40px;
	  height: 35px !important;
      margin-bottom: 10px;
      border: 1px solid #000000;
      padding-left: 10px;
      box-sizing: border-box;
      color: #000000;
      margin-left: 10px;
      font-weight: 300;
   }

.produkt-info .pocet
   {
      float: left;
   }

.produkt-info .pocet input
   {
      width: 40px;
	  height: 35px;
      margin-bottom: 10px;
      border: 1px solid #000000;
      padding-left: 10px;
      box-sizing: border-box;
      color: #000000;
      margin-left: 10px;
      font-weight: 300;
   }

.produkt-info .cena
   {
      color: #5FBB3C;
	  font-size: 18px;
	  margin-top: 22px;
	  width: 170px;
	  display: block;
	  float: none;
	  padding-top: 50px;
   }

.produkt-info .addtocard
   {
      display: block;
	  float: none;
	   width: 190px;
	   margin-top: 15px;
   }

.produkt-info .addtocard button
   {
      padding: 10px;
      color: #ffffff;
      background: #5FBB3C url('../images/eshop/icon-basket.svg') no-repeat 10px 48%;
	  background-size: 22px;
      text-decoration: none;
      padding-left: 40px;
      padding-right: 15px;
      display: inline-block;
      margin-top: 0px;
      float: left;	 
   }
   
.produkt-info .addtocard button:hover
   {
      color: #ffffff;
      background: #000000 url('../images/eshop/icon-basket.svg') no-repeat 10px 48%;
	  background-size: 22px;
   }
   
.produkt-info .silueta
   {
      width: auto;
      height: auto;
      display: block;
      float: right;
      margin-left: 25px;
   }
   
.produkt-info ul.parametry
   {
      width: calc(33% - 25px);
      height: auto;
      display: block;
	  float: left;
      margin: 0px;
      padding: 0px;
      padding-right: 25px;
   }
   
.produkt-info ul.parametry li
   {
      list-style-type: none;
      margin: 0px;
      padding: 0px;
      padding-bottom: 10px;
   }

.produkt-info ul.parametry li a
   {
      color: #000000;
      text-decoration: underline;
   }

.produkt-info ul.parametry li a:hover
   {
      text-decoration: none;
   }
         
.produkt-info ul.parametry li .nazev
   {
      font-weight: 500;
   }
      
ul.download
   {
      margin: 0px;
      padding: 0px;
      margin-bottom: 50px;
      padding-top: 5px;
   }

ul.download li
   {
      list-style-type: none;
      margin-left: 20px;
      clear: both;
   }
      
ul.download li img.ico
   {
      width: 22px;
      height: 22px;
      float: left;
   }
   
 ul.download li span.info
   {
      height: 22px;
      padding-top: 4px;
      padding-left: 5px;
      float: left;
   }
   
ul.download li a
   {
      color: #000000;
      text-decoration: none;
   }
   
ul.download li a:hover
   {
      color: #000000;
      text-decoration: underline;
   }
   
.detail_size1
   {
	   height: 100%;
	   min-height: 367px;
	   display: block;
   }

.detail_size1 .part1
   {
	   min-height: calc(450px);
	   height: auto;
   }

.detail_size1 .part2
   {
	   
       height: auto;
       max-height: calc(100% - 450px);
	   overflow: auto;   
   }
   
.detail_size2
   {
      position: absolute;
      bottom: 100px;
	  margin-right: 100px;
   }
   
ul.galerie
   {
      width: 100%;
      padding: 0px;
      margin: 0px;
      text-align: center;	  	  
      margin-top: 0px !important;
   }
   
ul.galerie li
   {
      padding: 0px;
      margin: 0px;
      width: calc(100% - 5px);
      list-style-type: none;
      margin-bottom: 10px;
   }

ul.galerie li:last-child
   {
      margin-bottom: 0px;
   }
   
ul.galerie li a .image 
   {
      position: relative;
      overflow: hidden;
      width: 100%;
      line-height: 0;
   }
   
ul.galerie li a .image img 
   {
      max-width: 100%;
      -moz-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
   }
   
ul.galerie li a:hover img 
   {
      -moz-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
   }

ul.galerie li a .image .layer 
   {
      display: none;
      position: absolute;
      background: url('../images/black-50.png');
      width: 100%;
      height: 100%;
   }
   
ul.galerie li a .image .layer:after 
   {
      content: "";
      width: 100%;
      height: 100%;
      background: url('../images/zoom.png') no-repeat center center;
      display: inline-block;
   }
   
ul.galerie li a:hover .layer 
   {
      display: block;
      z-index:999;
   }
   
ul.kategorie1
   {
      width: 100%;
      padding: 0px;
      margin: 0px;
      text-align: center;
	  	  
      display: flex;
      flex-wrap: wrap;
      list-style-type: none;
      justify-content: center;
      margin-top: 50px;
   }
   
ul.kategorie1 li
   {
      padding: 0px;
      margin: 0px;

      flex-basis: 33.33%;
      float: left;
      box-sizing: border-box;
      list-style-type: none;
      overflow: hidden;
      position: relative;
	  border-right: 10px solid #ffffff;
	  border-bottom: 10px solid #ffffff;
   }
   
ul.kategorie1 li img
   {
      width: 100%;
	  display: block;
   }
   
ul.kategorie2
   {
      width: 100%;
      padding: 0px;
      margin: 0px;
      text-align: center;
	  	  
      display: flex;
      flex-wrap: wrap;
      list-style-type: none;
      justify-content: center;
      margin-bottom: 50px;
   }
   
ul.kategorie2 li
   {
      padding: 0px;
      margin: 0px;

      flex-basis: 25%;
      float: left;
      box-sizing: border-box;
      list-style-type: none;
      overflow: hidden;
      position: relative;
	  border-right: 10px solid #ffffff;
	  border-bottom: 10px solid #ffffff;
   }
   
ul.kategorie2 li img
   {
      width: 100%;
	  display: block;
   }
   
.formular
   {
      padding-top: 15px;
      padding-bottom: 50px;
   }
   
.formular .status
   {
      width: 100%;
      text-align: center;
      font-weight: bold;
      margin-bottom: 20px;
   }
   
form input, select
   {
      width: calc(100%);
	  height: 35px;
      margin-bottom: 10px;
      border: 1px solid #000000;
      padding-left: 20px;
      box-sizing: border-box;
      color: #000000;
      font-weight: 300;
   }
   
form input:focus, select:focus
   {
      outline: none !important;
      border-color: #ffffff;
      box-shadow: 0 0 10px #cccccc;
      -webkit-transition: 0.2s 0.2s;
         -moz-transition: 0.2s 0.2s;
          -ms-transition: 0.2s 0.2s;
           -o-transition: 0.2s 0.2s;
              transition: 0.2s 0.2s;
   }
      
form textarea
   {
      width: calc(100% - 10px);
	  height: 170px;
      padding-left: 20px;
      border: 1px solid #000000;
      box-sizing: border-box;
      color: #000000;
      padding-top: 15px;
      float: right;	  
      font-family: 'Roboto';
      font-weight: 400;
   }
form textarea:focus
   {
      outline: none !important;
      border-color: #ffffff;
      box-shadow: 0 0 10px #cccccc;
      -webkit-transition: 0.2s 0.2s;
         -moz-transition: 0.2s 0.2s;
          -ms-transition: 0.2s 0.2s;
           -o-transition: 0.2s 0.2s;
              transition: 0.2s 0.2s;
   }
   
form button
   {
      background: #000000;
      color: #ffffff;
      font-size: 16px;
      text-decoration: none;
      padding-left: 15px;
      padding-right: 15px;
      font-weight: bold;
      padding-top: 10px;
      padding-bottom: 10px;
      margin-left: auto;
      margin-right: auto;
      display: inline-block;
      margin-top: 20px;
      border: 0px;
   }
   
form button:hover
   {
      background: #666666;
      color: #ffffff;
      cursor: pointer;
   }
   
.half
   {
      width: 50%;
      float: left;
	  display: block;
   }
   
.center
   {
      width: 50%;
	  display: block;
      margin-left: auto;
      margin-right: auto;
   }
   
.center textarea
   {
      width: 100%;
      margin-bottom: 10px;
   }
   
.center input[type="file"]
   {

      padding-top: 13px;
   }
   
ul.prodejnimista
   {
      width: 100%;
      padding: 0px;
      margin: 0px;	   
   }
   
ul.prodejnimista li
   {
      width: 100%;
      padding: 0px;
      margin: 0px;	
      list-style-type: none;   
      margin-bottom: 10px;
   }
   
ul.prodejnimista li .nazev
   {
      font-weight: bold;
   }
   
ul.prodejnimista li .nazev a
   {
      font-weight: bold;
      color: #000000;
   }
   
ul.prodejnimista li .nazev em
   {
      font-weight: normal;
      font-style: normal;
      font-size: 12px;
   }
   
.obsah_blog
   {
      margin-left: auto;
      margin-right: auto;
      max-width: 1200px;
   }
      
ul.blog
   {
      width: 100%;
      padding: 0px;
      margin: 0px;
      text-align: left;
	  	  
      display: flex;
      flex-wrap: wrap;
      list-style-type: none;
      justify-content: left;
      margin-top: 50px;
   }
   
ul.blog li
   {
      padding: 0px;
      margin: 0px;

      flex-basis: 33.33%;
      float: left;
      box-sizing: border-box;
      list-style-type: none;
      overflow: hidden;
      position: relative;
	  border: 10px solid transparent;
      margin-bottom: 50px;
   }
   
ul.blog li .foto
   {
      position: relative;
      overflow: hidden;
      width: 100%;
      line-height: 0;
   }
   
ul.blog li .foto img 
   {
      max-width: 100%;
      -moz-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
   }
   
ul.blog li .foto img:hover
   {
      -moz-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
   }
   
ul.blog li .nazev
   {
      margin-top: 15px;
      padding-bottom: 15px;
   }
   
ul.blog li .nazev a
   {
      font-size: 24px;
      font-weight: 300;
      color: #939598;
      text-decoration: none;
   }
   
ul.blog li .nazev a:hover
   {
      text-decoration: underline;
   }
   
ul.blog li .text
   {
      padding-bottom: 15px;
      width: 100%;
      height: 85px;
	  display: block;
	  line-height: 1.5;
   }
   
ul.blog li .vice a
   {
      border: 2px solid #000000;
      color: #000000;
      text-align: center;
      padding-top: 10px;
      padding-bottom: 10px;
      padding-left: 15px;
      padding-right: 15px;
      display: inline-block;
      text-decoration: none;
      font-weight: bold;
	  
      -webkit-transition: all ease 0.8s;
      -moz-transition: all ease 0.8s;
      transition: all ease 0.8s;
   }
   
ul.blog li .vice a:hover
   {
      border: 2px solid #000000;
      color: #ffffff;
      background: #000000;
   }
   
ul.mena
   {
      margin: 0px;
      pading: 0px;
      float: right;
      padding-bottom: 10px;
   }
   
ul.mena li
   {
      margin: 0px;
      pading: 0px;
      list-style-type: none;
      display: inline-block;
   }
      
ul.mena li:first-child:after
   {
      content: '|';
      padding-left: 5px;
   }
   
ul.mena li a
   {
      color: #000000;
      text-decoration: none;
   }
   
ul.mena li a.aktivni
   {
      font-weight: bold;
   }
   
ul.mena li a:hover
   {
      text-decoration: underline;
   }

a.pridatreferenci
   {
      color: #5FBB3C;
      border: 1px solid #5FBB3C;
      padding: 10px;
      text-decoration: none;
      float: right;
   }
   
a.pridatreferenci:hover
   {
      color: #ffffff;
      border: 1px solid #5FBB3C;
      background: #5FBB3C;
   }
   
ul.reference
   {
      margin-left: 100px;
      margin-right: 100px;
      padding: 0px;
   }
   
ul.reference li
   {
      list-style-type: none;
      padding-top: 25px;
      padding-bottom: 25px;
      border-bottom: 1px solid #c7c8ca;
   }
   
ul.reference li:last-child
   {
      border-bottom: 0px solid #c7c8ca;
   }
   
ul.reference li .foto
   {
      max-width: 400px;
      width: 100%;
      float: left; 
   }
   
ul.reference li .foto img
   {
      width: 100%; 
   }
   
ul.reference li .text
   {
      width: calc(100% - 420px);
      float: left; 
      padding-left: 20px;
      text-align: justify;
      line-height: 1.2;
   }
   
ul.reference li .text .nadpis
   {
      font-weight: 500;
      padding-bottom: 10px;
   }

ul.reference li .text a.button
   {
      padding: 10px;
      color: #ffffff;
      background: #5FBB3C url('../images/eshop/icon-basket.svg') no-repeat 10px 48%;
	  background-size: 22px;
      text-decoration: none;
      padding-left: 40px;
      padding-right: 15px;
      display: inline-block;
      margin-right: 10px;
      margin-top: 0px;
      margin-bottom: 10px;
   }
   
ul.reference li .text a.button:hover
   {
      color: #ffffff;
      background: #000000 url('../images/eshop/icon-basket.svg') no-repeat 10px 48%;
	  background-size: 22px;
   }
   
table.cenik
   {
      width: 100%;
      border-collapse: collapse;
      margin-bottom: 50px;
   }

table.cenik a
   {
      color: #000000;
      text-decoration: none;
   }

table.cenik tr
   {
	  border-bottom: 1px solid #cccccc;
   }
   
table.cenik tr td
   {
	  border: 0px solid #000000;
      padding: 5px;
   }
   
table.cenik thead tr
   {
      font-weight: bold;
	  border-top: 1px solid #000000;
	  border-bottom: 1px solid #000000;
   }
   
table.cenik thead tr td
   {
   }
   
table.cenik tbody tr:hover
   {
      background: #f0f0f0;
   }
   
table.cenik tbody tr td img
   {
      width: 30px;
   }

table.cenik tbody tr td a.url:hover
   {
      text-decoration: underline;
   }

.cenik_search {width: 100%; text-align: center; margin-bottom: 20px;}
.cenik_search input {display: inline-block; width: calc(100% - 110px); max-width: 400px; height: 40px; margin: 0px;}
.cenik_search button {display: inline-block; margin-left: 10px; margin-top: 0px;}
   
ul.footer
   {
      padding: 0px;
      margin: 0px;
      border-top: 1px solid #c7c8ca;
      width: calc(100% - 200px);
      margin-top: 20px;
      margin-left: 100px;
      margin-right: 100px;
      box-sizing: border-box;
      padding-top: 15px;
      padding-bottom: 15px;
	  display: block;
      font-size: 16px;
   }
   
ul.footer li
   {
      padding: 0px;
      margin: 0px;
      list-style-type: none;
      display: block;
	  float: left;
      width: 50%;    
   }
   
ul.footer li:nth-child(2)
   {
      text-align: right !important;
   }
   
ul.footer li a
   {
      color: #000000;
   }
   
ul.footer li a:hover
   {
      text-decoration: none;
   }