html { width: 100%; height: 100%; }
body 
   {
      width: 100%;
      height: 100%;
      margin: 0px;
      background: #ffffff;
      font-family: 'Roboto', sans-serif;
      font-size: 14px;
      font-weight: 100;
   }
   
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; }	  
	  
.clear
   {
      clear: both;
      height: 0px;
   }
   
#menu-icon 
   {
      width: 30px;
      height: 35px;
      -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: 4px;
      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: 10px; }
#menu-icon span:nth-child(4) { top: 20px; }
#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: 100;
	  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 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: 700;
   }
   
nav#menu .column ul li a:hover
   {
      text-decoration: underline;
   }
   
nav#menu .column ul li.hidden a
   {
      display: none;
   }
   
nav#menu .column ul li.regionalni_speciality
   {
       padding-top: 30px !important;
   }
   
nav#menu .column ul.small
   {
      margin-top: 50px;
   }
   
nav#menu .column ul.small li a
   {
      font-size: 16px;
      font-weight: 200;	  
   }

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: 50px;
   }
   
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;
   }
   
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 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: 200px;}
header .lang { font-size: 14px; color: #c7c8ca; float: right; margin-top: 53px; margin-right: 50px; display: none;}
header .lang a { color: #bcbec0; text-decoration: none;}
header .lang a:hover { text-decoration: underline;}
header .menu-icon { float: right; margin-top: 50px; width: 50px;}

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 .title
   {
      background: #000000;
      color: #ffffff;
      position: absolute;
	  z-index: 999;
	  padding: 10px;
      font-size: 24px;
      display: none;
	  bottom: 0px;     
   }
   
.inbox .small
   {
      font-size: 18px;    
   }
   
.inbox:hover .title
   {
      display: block;
   }
   
.obsah
   {
      margin-left: 100px;
      margin-right: 100px;
      font-size: 14px;
      font-weight: 100;
      color: #000000;
      max-width: 100% !important;
   }
   
.obsah a.back
   {
      float: right;
      position: relative;
      margin-top: 20px;
      text-decoration: none;
      color: #c7c8ca;
      font-size: 12px;
   }
   
.obsah a.back:hover
   {
      text-decoration: none;
      color: #000000;
   }
   
.obsah .description
   {

   }
   
.no-padding
   {
      padding: 0px !important;
	  margin: 0px !important;
   }
   
.padding-left
   {
      padding-left: 50px;
   }
   
h1
   {
      font-size: 36px;
      font-weight: 100;
      margin-top: 0px;
      margin-bottom: 10px;
      font-weight: 700;
      text-align: left !important;
   }
   
h2
   {
      font-size: 24px;
      font-weight: 100;
      color: #939598;
      margin-top: 0px;
   }
   
h3
   {
      font-size: 14px;
      font-weight: 100;
      color: #000000;
      font-weight: bold;
   }
      
.leva
   {
      margin-left: 100px;
      width: calc(50% - 100px);
      height: calc(100% - 300px);
      float: left;
	  display: block;
      box-sizing: border-box;
      position: statis; 
      overflow: hidden;
	  
   }
      
.leva img 
   {
      object-fit: cover;  
      width: 100%;
      height: 100%;
   }
      
.leva .mapa
   {
      width: 100%;
      height: 100%;
      display: block;
   }
   
.prava
   {
      margin-right: 100px;
      width: calc(50% - 100px);
      min-height: calc(100% - 300px);
      float: right;
      box-sizing: border-box;
      font-size: 14px;
      font-weight: 100;
      line-height: 1.4;
   }
   
.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: #c7c8ca;
      font-size: 12px;
   }
   
.prava a.back:hover
   {
      text-decoration: none;
      color: #000000;
   }
   
.produkt-info
   {
      margin-top: 25px
   }
   
.produkt-info .silueta
   {
      width: auto;
      height: auto;
      display: block;
      float: right;
      margin-left: 25px;
   }
   
.produkt-info ul.parametry
   {
      width: auto;
      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 .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
   {
	   min-height: 367px;
   }
   
.detail_size2
   {

   }
   
ul.galerie
   {
      width: 100%;
      padding: 0px;
      margin: 0px;
      text-align: center;
	  	  
      display: flex;
      flex-wrap: wrap;
      list-style-type: none;
      justify-content: center;
      margin-top: 40px;
      box-sizing: border-box;
   }
   
ul.galerie li
   {
      padding: 0px;
      margin: 0px;

      flex-basis: 25%;
      flex-basis: calc(25% - 10px);
      -webkit-flex-basis: 25%;
      float: left;
      box-sizing: border-box;
      list-style-type: none;
      overflow: hidden;
      position: relative;
	  border-right: 10px solid transparent;
	  border-top: 10px solid transparent;
   }
   
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
   {
      width: calc(100% - 10px);
	  height: 50px;
      margin-bottom: 10px;
      border: 1px solid #000000;
      padding-left: 20px;
      box-sizing: border-box;
      color: #000000;
      font-family: 'Montserrat';
      font-weight: 100 !important;
   }
   
form input: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;
      font-family: 'Montserrat';
      padding-top: 15px;
      float: right;	  
      font-weight: 100 !important;
   }
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;
      font-family: 'Montserrat';
   }
   
form button:hover
   {
      background: #666666;
      color: #ffffff;
      cursor: pointer;
   }
   
.half
   {
      width: 50%;
      float: left;
	  display: block;
   }
   
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: 100;
      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;
   }
   
table.cenik
   {
      width: 100%;
      border-collapse: collapse;
      margin-bottom: 50px;
   }

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;
   }
   
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-weight: bold;
      font-size: 13px;
   }
   
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;
   }