@charset "utf-8";
/* STYLE.CSS : Obsahuji css k zakladnim elementum a zakladni verzi eshopu */

body.mce-content-body {   /* nastaveni pozadi vizualniho editoru v administraci */
   background: #fff;
   padding:1em; 
}

/* basic */

html { font-size: 100%; }

body{
  margin:0;
  padding:0;
  font-family: 'Rubik', sans-serif;
  color:#888888;
  font-size:100%; /* základní hodnota od níž se odvíjejí hodnoty písma s jednotkou "em", 100% = cca 16px */

}
a,
a strong{
  color:#252525;
}
a:hover,
a:hover strong{
  color:#f8b133;
}
a img {
  border:none;
}
img{    /* max-width je nastavena kvuli responsivnimu designu */
  max-width: 100%;
  height: auto;
}
strong{ 
  color:#585858;
}
time{ 
  color:#585858;
}
h1 , h2 , h3 , h4 , h5, h6{ /* nastavuje barvu všech těchto prvků */ 
  font-weight:normal;
  line-height:1.2;
  margin:0.75em 0 0.5em 0;
  color:#252525;
}
h1{font-size:1.5em;}
h2{font-size:1.5em;}
h3{font-size:1.25em;}
h4{font-size:1.125em;}
h5{font-size:1.000em;}
h6{font-size:0.875em;}

p{
  font-size:0.875em;
  line-height:1.5;
  margin:0 0 1em 0;
}
ul, ol{
  margin:2.5em 0 2.5em 2em;
  padding:0 0 0 0em;
  font-size:0.875em;
  line-height:1.5; 
}
ul ul, ol ol, ul ol, ol ul{ /* na nizsich urovnich se nebude zmensovat pismo */
  font-size:1em;
}
li{
  padding:0 0 1em 1em;  
}
table{
  border-collapse:collapse;
  margin:0;
}
table td{
  border:none;
  padding:0.8em 1em 0.8em 1em;
  font-size:0.875em;
}
table th{
  border:none;
  padding:0.8em 1em 0.8em 1em;
  font-weight: normal;
  font-size:0.875em;
  text-align: left;
}
table tr th{background:#f1f1f1;} /* pozadí hlavičky */
table tr:nth-child(2n+1) td{background:#f1f1f1;} /* pozadí lichých řádků */
table tr:nth-child(2n) td{background:#f8f7f7;} /* pozadí sudých řádků */

table.no-border{
  margin:0;
}
table.no-border tr td{
  border:none;
  background:none;
}
div.table-container { /*pro zobrazovani tabulek na malem displeji */
  width: 100%;
  overflow: auto;
  margin: 2.5em 0 2.5em 0;
}
iframe{
  border:none;
}

  /* basic forms*/        /* Definovány forms inputs a selects */
 
  /* Postaci nastavit border-color a color, pripadne typ pisma ostatni ponechat */

  input[type=text],
  input[type=tel],
  input[type=email],
  input[type=number],
  input[type=url],
  input[type=search],
  input[type=password],
  textarea,
  select{ 
    font-size:1em;
    font-family: 'Rubik', sans-serif;
    width:100%;
    box-sizing:border-box; /* border-box = padding + border se zapocitavaji do width elementu */ 
    -moz-box-sizing:border-box;   
    border:1px solid #d4d4d4;
    border-radius:5px;
    position: relative;
    z-index: 0;
    padding:0.5em 0.5em 0.5em 0.5em;
    margin:0.25em 0 0.25em 0;
    color:#585858;
    background:#fff;  
    /*font-weight: bold;*/
  }  
  input[type=text]:focus,
  input[type=tel]:focus,
  input[type=email]:focus,
  input[type=number]:focus,
  input[type=url]:focus,
  input[type=search]:focus,
  input[type=password]:focus,
  textarea:focus,
  select:focus{
    border:1px solid #252525;
    outline: none;
    box-shadow: 0 0 3px #585858;
  }
  textarea{
    min-height:125px;
    resize:none;
    overflow: auto;
  }
  input[type=submit]{ /* neutralizuje rozdily mezi "a" a input type="submit" */
    border:none;
    cursor:pointer;
    font-family: 'Rubik', sans-serif;
  }
  button{ 
    cursor:pointer;
    background: none;
  }
input[type=checkbox] {
  border:0.063rem solid #252525;
  border-radius:0;
  padding:0;
}
  label{
    color:#585858;
    display:block;
    font-size:1rem;
    line-height:1;
    margin:1em 0 0.25em 0;
  }
  .checkbox-label{
    float:left;
  }
  input[type=text].filled:invalid, /* ikonka ve spatne vyplnenych formularovych polich */
  input[type=tel].filled:invalid,
  input[type=email].filled:invalid,
  input[type=number].filled:invalid,
  input[type=url].filled:invalid,
  textarea.filled:invalid,
  select.filled:invalid{
    background: url(../images/style/input-error.svg) right top no-repeat #fff;
    background-size: 1.5em;
    padding-right:1.5em;
    border-color:#a71010;  
  }
  input[type=text].filled:valid, /* ikonka ve spravne vyplnenych formularovych polich */
  input[type=tel].filled:valid,
  input[type=email].filled:valid,
  input[type=number].filled:valid,
  input[type=url].filled:valid,
  textarea.filled:valid,
  select.filled:valid{
    background: url(../images/style/input-success.svg) right top no-repeat #fff;
    background-size: 1.5em;
    padding-right:1.5em;
    border-color:#589405;
    
    
  } 
  .riddle{ /* uschovava antispamovou ochranu */
    display:none;
  }
  *:focus {outline: none;} /* odstranuje defaultni zvyrazneni aktivnich inputu v nekterych prohlizecich */
 
  /* embedded input */

  div.embedded-input {
    position: relative;
  }
  div.embedded-input > label {
    position: absolute;  
    top:0;
    margin:0;
    padding:0.95em 2.5em 0.95em 0.5em;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    right: 100%;
    margin-right:-100%;
    min-width: 100%;
    box-sizing: border-box;
    font-size: 1em;
    text-shadow: 0px 0px 5px rgba(255, 255, 255, 1);
    
  }
  div.embedded-input input.filled + label,
  div.embedded-input textarea.filled + label,
  div.embedded-input input:focus + label,
  div.embedded-input textarea:focus + label{
    right: 0%;
    min-width:1%;
    margin-right:0%;
    font-size:0.75em;
  }
  div.embedded-input input.filled + label,
  div.embedded-input textarea.filled + label {
    color:#589405;
  }
  div.embedded-input input:required:valid + label,
  div.embedded-input textarea:required:valid + label {
    color:#589405;
  }
  div.embedded-input input.filled:invalid + label,
  div.embedded-input textarea.filled:invalid + label {
    color:#a71010; 
  }
  
  div.embedded-input textarea {
    padding-top:2em;
    
  }
  
  /* embedded input end*/
  
  /* basic forms end*/
  
  /* basic messages */
 
   article.message,
  .form-hint{                          /* obecne zprava */
    width:100%;
    box-sizing:border-box; /* border-box = padding + border se zapocitavaji do width elementu */ 
    -moz-box-sizing:border-box;   
    color:#002938;
    border-radius:5px;
    padding:1em 1em 1em 4em;
    margin:1em 0 1em 0; 
    min-height:3em;
    box-shadow:0 1px 1px rgba(0,0,0,0.25);    /* tento zpusob zapisu umozni zapsat opacity u stinu */ 
    text-shadow: 0px 1px 1px #fff; 
    clear: both;
    color:#303f44;
    background: url(../images/style/message-default.svg) #d9dfe1;                                               /* IE8, IE9*/ 
    background-image: url(../images/style/message-default.svg), -webkit-linear-gradient(top, #f2f4f5, #d9dfe1); /* Chrome 10+, Saf5.1+ */
    background-image: url(../images/style/message-default.svg),    -moz-linear-gradient(top, #f2f4f5, #d9dfe1); /* FF3.6+ */
    background-image: url(../images/style/message-default.svg),     -ms-linear-gradient(top, #f2f4f5, #d9dfe1); /* IE10 */
    background-image: url(../images/style/message-default.svg),         linear-gradient(top, #f2f4f5, #d9dfe1); /* W3C */
    background-repeat:no-repeat;
    animation: status-showing 1s 0.5s 1 alternate forwards; 
    -webkit-animation: status-showing 1s 0.5s 1 alternate forwards;
    -moz-animation: status-showing 1s 0.5s 1 alternate forwards;
    opacity:0;      /* ie 9*/  
    background-position: left center;
  }
  article.message.message-error{
    color:#304432;
    background:url(/../images/style/message-error.svg) #f6e7e7;                                                /* IE8, IE9*/
    background-image: url(../images/style/message-error.svg), -webkit-linear-gradient(top, #fbf3f3, #f6e7e7);  /* Chrome 10+, Saf5.1+ */
    background-image: url(../images/style/message-error.svg),    -moz-linear-gradient(top, #fbf3f3, #f6e7e7);  /* FF3.6+ */
    background-image: url(../images/style/message-error.svg),     -ms-linear-gradient(top, #fbf3f3, #f6e7e7);  /* IE10 */
    background-image: url(../images/style/message-error.svg),         linear-gradient(top, #fbf3f3, #f6e7e7);  /* W3C */
    background-repeat:no-repeat; 
    background-position: left center;
  }
  article.message.message-success{
    color:#203622;
    background:url(../images/style/message-success.svg) #e6f1e7;                                                  /* IE8, IE9*/
    background-image: url(../images/style/message-success.svg), -webkit-linear-gradient(top, #f3f8f3, #e6f1e7); /* Chrome 10+, Saf5.1+ */
    background-image: url(../images/style/message-success.svg),    -moz-linear-gradient(top, #f3f8f3, #e6f1e7); /* FF3.6+ */
    background-image: url(../images/style/message-success.svg),     -ms-linear-gradient(top, #f3f8f3, #e6f1e7); /* IE10 */
    background-image: url(../images/style/message-success.svg),         linear-gradient(top, #f3f8f3, #e6f1e7); /* W3C */
    background-repeat:no-repeat; 
    background-position: left center;
  }
  @keyframes status-showing{
    0% { opacity:0;}
    100% { opacity:1;}
  } 
  @-webkit-keyframes status-showing {
    0% { opacity:0;}
    100% { opacity:1;}
  }
  @-moz-keyframes status-showing {
    0% { opacity:0;}
    100% { opacity:1;}
  }
    
  /* messages end */
 
  /* buttons & icons */ /* buttons jsou obdelniky s textem uvnitr, icons tlacitka vedle textu*/
  
  /* vzdy je treba vytvorit grafiku pro vsechna nize uvedena tlacitka pro usnadneni prace jsou pripraveny tvary symbolu v style/sources/shapes.psd */
    
    /* medium button */
         
    .button-medium.button-back                              {background:#f8b133;}
    .button-medium.button-proceed                           {background:#f8b133; float:right;}
    .button-medium.button-buy-preview                       {background:#f8b133; float:right;} /* mene vyrazne tlacitko v nahledu produktu */
    .button-medium.button-option                            {background:#f8b133;}
      
    .button-medium{                           /* obecne vlastnosti button-large */
      font-family: 'Rubik', sans-serif;
      font-size:1.25em;
      text-decoration:none;
      margin:0.25em 0 0.25em 0;
      color:#fff;
      min-width:100px;
      box-sizing:border-box;
      padding:0.5em;
      z-index: 0;
      border:none;
      cursor: pointer;
      display: inline-block;

      text-align: center;
    }    
    .button-medium:hover                     {background:#ccc; color:#fff;} /* hover */
    .button-medium:active                    {background:#ccc; outline: none;} /* aktivni tlacitko */
      
    /* icon images */ /* obrazek se pouziva pro vsechny velikosti ikonek - ukladejte v .svg, nebo v .png ve velikosti dle nejvetsiho rozmeru ikonky */ /* vsechny ikonky jsou nyni dostupne ve vsech velikostech */
  
    .icon-add                                {background-image:url(../images/style/icons-buttons/icon-add.svg);} 
    .icon-back                               {background-image:url(../images/style/icons-buttons/icon-back.svg);} 
    .icon-basket                             {background-image:url(../images/style/cart-ico.svg);}
    .icon-categories                         {background-image:url(../images/style/icons-buttons/icon-categories.svg);} 
    .icon-close                              {background-image:url(../images/style/icons-buttons/icon-close.svg);} 
    .icon-delete                             {background-image:url(../images/style/icons-buttons/icon-delete.svg);} 
    .icon-down                               {background-image:url(../images/style/icons-buttons/icon-down.svg);}
    .icon-email                              {background-image:url(../images/style/icons-buttons/icon-email.svg);}
    .icon-error                              {background-image:url(../images/style/icons-buttons/icon-error.svg);}
    .icon-facebook                           {background-image:url(../images/style/icons-buttons/icon-facebook.svg);}
    .icon-filter                             {background-image:url(../images/style/icons-buttons/icon-filter.svg);}  
    .icon-googleplus                         {background-image:url(../images/style/icons-buttons/icon-googleplus.svg);} 
    .icon-logout                             {position: absolute;
        top: -2px;
        right: 6rem;}
    .icon-menu                               {background-image:url(../images/style/icons-buttons/icon-menu.svg);}  
    .icon-new                                {background-image:url(../images/style/new.png);}
    .icon-proceed                            {background-image:url(../images/style/icons-buttons/icon-proceed.svg);}  
    .icon-remove                             {background-image:url(../images/style/icons-buttons/icon-remove.svg);}   
    .icon-sale                               {background-image:url(../images/style/akce.png);}
    .icon-search                             {background-image:url(../images/style/icons-buttons/icon-search.svg);}  
    .icon-setaccount                         {position: absolute;
        top: -2px;
        right: 12rem;}
    .icon-slide                              {background-image: url(../images/style/slider-dot.png);
      background-position: bottom !important;}
    .icon-slide.activeSlide                  {background-image:url(../images/style/slider-dot.png);background-position: 0px 1px!important;}
    .icon-sort                               {background-image:url(../images/style/icons-buttons/icon-sort.svg);}  
    .icon-store                              {background-image:url(../images/style/icons-buttons/icon-store.svg);}  
    .icon-success                            {background-image:url(../images/style/icons-buttons/icon-success.svg);}  
    .icon-topseller                          {background-image:url(../images/style/top.png);}
    .icon-twitter                            {background-image:url(../images/style/icons-buttons/icon-twitter.svg);}
    .icon-up                                 {background-image:url(../images/style/icons-buttons/icon-up.svg);}
    .icon-user{
        padding: 0!important;
    }
  
    /* icon images end */
   
   .icon-tiny,
   .icon-small,
   .icon-medium{                                              
      display:block;
      float:left;
      margin:0.25em;
      text-decoration:none;
      border:none;
     font-family: 'Rubik', sans-serif;
      background-position: right 66.6% ;
      background-repeat: no-repeat;
    }   
    .icon-tiny:hover, /* Po hoveru */
    .icon-small:hover,
    .icon-medium:hover{
      /*background-position: right bottom ;*/
    } 
    .icon-tiny.icon-activated, /* Aktivovaná ikonka */
    .icon-small.icon-activated,
    .icon-medium.icon-activated{
      background-position: right bottom;
    } 
    .icon-tiny span, /* Odsazení textu u ikonky */
    .icon-small span,
    .icon-medium span{
      margin:0 0.5em 0 0.5em;
    } 
    .icon-tiny span.hidden, /* Pokud se má zobrazovat pouze ikonka */
    .icon-small span.hidden,
    .icon-medium span.hidden{
      display:none;
    } 
    .icon-text-right{ /* Zarovnani textu v tlacitku do prava */
      background-position: left 66.6% !important;
    }
    .icon-text-right:hover{
      background-position: left bottom !important;
    } 
    
    /* Icon light */
   
    .icon-light{ /* světlá verze ikonek  */
      background-position: right top !important;
    }
    .icon-light:hover{ /* světlá verze ikonek  */
      background-position: right 33.3% !important;
    }
    .icon-text-right.icon-light{ /* světlá verze ikonek  */
      background-position: left top !important;
    }
    .icon-text-right.icon-light:hover{ /* světlá verze ikonek  */
      background-position: left 33.3% !important;
    }
      
    /* Icon light end */  
      
    /* tiny icons */                   
      
    .icon-tiny{  /* velikost muze byt relativni diky ikonkam v .svg */
      height: 1em;
      line-height: 1.5em;
      padding: 0px 1.3em 0 0;
      margin: 0.1em;
      font-size: 0.875em;
      background-size: 1em;
    }
    .icon-tiny.icon-text-right{ /* Zarovnani textu v tlacitku do prava - opacny padding nez ve vychozim stavu */
      padding:0px 0px 0px 1.5em;
    } 
    
    /* tiny icons end */
    
    /* small icons */
    
    .icon-small{  /* velikost muze byt relativni diky ikonkam v .svg */                                
      height:2.5em;                          
      line-height:2.5em;                       
      padding:0 2.5em 0 0;                     
      margin:0.25em;
      font-size:0.875em;
      background-size: 2.5em;
    }
    .icon-small.icon-text-right{ /* Zarovnani textu v tlacitku do prava - opacny padding nez ve vychozim stavu */
      padding:0px 0px 0px 2.5em;
    }  
    
    /* small icons end */
    
    /* medium icons */
    
    .icon-medium{   /* velikost muze byt relativni diky ikonkam v .svg */                           
      height:4em;
      line-height:4em;                       
      padding:0 4em 0 0;                
      margin:0.25em;
      font-size:1em;
      background-size: 4em;
    }
    .icon-medium.icon-text-right{ /* Zarovnani textu v tlacitku do prava - opacny padding nez ve vychozim stavu */
      padding:0px 0px 0px 4em;
    } 
    
    /* medium icons end */
  
  /* buttons & icons end*/
 
  /* other common parts */ /* Definovány obecné styly, které jsou používány napříč celým eshopem */
 
  h1.top{
    font-size:1.5em;
    margin:1em 0 1em 0;
  }
  p.page-perex{
    font-size:1.125em;
    line-height:1.2;
    margin:1em 0 1em 0;
  }
  #navigation{
    margin:1em 0 1em 0;
  }
  .riddle{
    display:none;
  }
  .price{
    color:#33333;
    font-weight: 500;
  }
  .sale-percents,
  .save-value,
  .old-price{
    color:#888888;
  }
  .text-right{
    text-align: right;
  }
  
  /* other common parts end */

/* tooltip generally */

div.tooltip-icon{
  width: 1.25rem;
  height: 1.25rem;
  display: inline-block;
  vertical-align: top;
  margin: 0 0 0 0.188rem;
  line-height: 1.25rem;
  border-radius: 50%;
  background: #b7b7b7;
  position: relative;
}
div.tooltip-icon:after{
  content: '?';
  font-size: 0.875rem;
  color: #fff;
  text-align: center;
  display: block;
}
div.tooltip-icon-content{
  background: #f1f1f1;
  padding: 0.375rem 0.5rem;
  width: 10rem;
  font-size: 0.75rem;
  position: absolute;
  right: 0;
  top: 1.75rem;
  line-height: 1.3;
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
  z-index: 200;
}
div.tooltip-icon-content:before{
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0.375rem 0.5rem 0.375rem;
  border-color: transparent transparent #f1f1f1;
  display: block;
  content: '';
  right: 0.25rem;
  top: -0.375rem;
  position: absolute;
}
div.tooltip-icon:hover div.tooltip-icon-content{
  visibility: visible;
  opacity: 1;
}

/* tooltip generally end */
  
/* basic end */

/* schema */ 
 
div#container{
  width:1000px; /* sirka webu - neni-li web responsivni pak nastavit "width" misto "max-width" a odmazat width:100% */
  min-width:320px; /* nejmensi podporovana sirka displeje */ 
  margin:0 auto 0 auto; 
} 
/* schema end */

/* page header */

div#container header#page-header{
    width: 1000px;
    min-height: 90px;
    float: left;
    margin: 0 0 0.5em 0;
    z-index: 9999;
    background-color: #f0f0f0;
}
header#page-header div#page-header-top{
  float:left;
  width:100%; 
}

  /* logo */
  
  header#page-header h2#logo{
    float:left;
    margin:0.5em 0 0 0;
    width:20%; 
    height:2.5em;
  }
  h2#logo a{
    display:block;
    height:100%;
    background:url(../images/style/logo.svg) no-repeat;
    background-size:contain;
  }
  h2#logo a img{
    width:100%;
    height:auto;
  }
  h2#logo a span{
    display: none;
  }

  /* logo end */

  /* searchbox */
 
  div#searchbox {
    margin-top: -4.35em;
    position: relative;
    float: left;
    width: 29%;
    margin-left: 22rem;
  }
  div#searchbox button.icon-tiny{
    position: absolute;
    margin: 1.3em 0.6em 0.6em 0.6em;
    right:0;
    top:0;
    z-index: 50;
  }
    
    /* Selectize select correction */
  
    div.selectize-control{
      font-size: 1.125em;  
    }
    div.selectize-input,
    div.selectize-dropdown{
      box-shadow:none;

      font-size: 0.875em;
      background-color: rgb(230, 230, 230);
      border:  none;
        height: 3.500rem;
        line-height: 2.4rem;
    }
    div.selectize-dropdown-content div.active{
      border-radius:5px;
    }
    div.selectize-input.focus{
      box-shadow: none;
    }
       
    /* Selectize select correction end */
  
  /* searchbox end*/
 
  /* customer dashboard */ 
 
    ul#customer-dashboard{
      list-style-type: none;
      margin:0;
      padding:0;
      width:275px;
      float: right;
      font-size: 100%;
      margin-top: -3rem;
    }
    ul#customer-dashboard>li{
      list-style-type: none;
      margin:0;
      padding:0;
      float:right;
    }
    ul#customer-dashboard>li>a{ 
      padding:0 0.5em; 
      display: block;  
      text-decoration: none; 
      color:#6b6b6b;
      float: left;
    }
    ul#customer-dashboard>li>a:hover{

      color:#f8b133;
    }
    ul#customer-dashboard .icon-small{
      margin: 0.1em 0;
      background-position: 6px!important;
      background-size: 24px !important;
      font-weight: 500;
      text-transform: uppercase;

    }
    ul#customer-dashboard .icon-small:hover{

      background-position: 20px;
      background-size: 24px !important;
    }
 
    /* basket preview */
   
    ul#customer-dashboard li#basket-preview a{



      float: left;
    }
    ul#customer-dashboard li#basket-preview a:hover{

    }
   
    /* basket preview end*/
    
    /* login preview */
   
    li#login-preview{
    }
      
    /* login preview end*/
   
    /* mobile search opener */
     
    li#mobile-search-opener{
      display: none;
    }
 
    /* mobile search opener end*/
     
  /* customer dashboar end */  

/* page header end*/

/* slideshow */

#slideshow{
  width:100%;
  float:left;  
  margin:0 0 0.5em 0;
  height:400px;  
  background:#ffffff;  
  border: 1px solid #d4d4d4;
  box-sizing: border-box;
}
div#slider-action,
div#slider-content {
  width:100%;
  height:18.750rem; /* stejna vyska jako section slideshow bez jeho paddingu a borderu*/
  position:relative;           
}
div.slider-frame {
  width:100%;
  height:100%;        
}
div.slider-frame img {
    width: 100%;
    float: right;
    height: 18.750rem;
}
div.slider-text {
  width: 58%;
  height: 100%;
  box-sizing: border-box;
  padding: 5em 1.5em 1.5em 4.5em;
  position: absolute;
  left: 0;
  top: 0;
  margin-left: 30rem;
  overflow: hidden;
}
div.slider-text h3 { 
  font-size:2em;    
  margin:0 0 0 0;
  text-transform: uppercase;
  font-weight: 500;
  color: #f8b133;

}
div.slider-text p {
  font-size: 1.525em;
  max-height: 4em;
  overflow: hidden;
  color: #313131;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 0.1rem;
}
div#slider-action a.button-medium {
  float: left;
  min-width: 205px;
  color: #333333;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 1em;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}
div#slider-action div.slider-listing {
  position: absolute;
  left: 1.5em;
  bottom: 0.75em;
  z-index: 10;
  text-align: center;
  margin-left: 52rem;
}
div#slider-action div.slider-listing a {
  display:inline-block;                
}
div#slider-action div.slider-listing a span{
  display:none;                
}

/* slideshow end */

/* homepage banners */

nav#homepage-banners{
  width: 100%;
  padding:0.5em 0.5em 0.5em 0.5em;
  background: #fff;
  margin: 0 0 0.5em 0;
  border: 1px solid #d4d4d4;
  box-sizing: border-box;
  float:left;  
}
nav#homepage-banners .homepage-banner{ 
  width:24.5%;
  display:block;
  padding:1em;
  box-sizing: border-box;
  text-decoration: none;
  float: left;
  height:28em;
  overflow: hidden;
}
nav#homepage-banners .homepage-banner img{ 
  width:100%;
}
nav#homepage-banners .homepage-banner h3{ /* orezava na stejnou vysku */
  line-height:1.5em;
  height: 1.5em;  /* násobek line-height*/  
  overflow: hidden;
}
nav#homepage-banners .homepage-banner p{ /* orezava na stejnou vysku */
  line-height:1.5em;
  height: 4.5em; /* násobek line-height*/  
  overflow: hidden;
}
nav#homepage-banners .homepage-banner .button-proceed{ 
  float: none;
}
  
/* homepage banners end */

/* homepage info */
  
div#homepage-info{
  width: 100%;
  padding:0.5em 1.5em 1.5em 1.5em;
  background: #fff;
  margin: 0 0 0.5em 0;
  border: 1px solid #d4d4d4;
  box-sizing: border-box;
  float: left;
}
div#homepage-info h1.top,
div#homepage-info p.page-perex,
div#homepage-info div.page-main-text{
  width: 68%;
}
  
/* homepage info end */

/* quick navigation */

nav#quick-navigation{
  width: 100%;
  padding:0.5em 0.5em 0.5em 0.5em;
  background: #fff;
  margin: 0 0 0.5em 0;
  border: 1px solid #d4d4d4;
  box-sizing: border-box;
  float: left;
}
a.quick-navigation-banner{ 
  width:24.5%;
  display:block;
  padding:1em;
  box-sizing: border-box;
  text-decoration: none;
  float: left;
}
a.quick-navigation-banner img{ 
  width:100%;
}
a.quick-navigation-banner h3{ /* orezava na stejnou vysku */
  line-height:1.5em;
  height: 1.5em;  /* násobek line-height*/  
  overflow: hidden;
}
a.quick-navigation-banner p{ /* orezava na stejnou vysku */
  line-height:1.5em; 
  height: 4.5em;  /* násobek line-height*/  
  overflow: hidden;
}
a.quick-navigation-banner .button-proceed{ 
  float: none;
}
  
/* quick navigation end */

/* main container */


.wrap{
    width:1000px;
    margin: auto;

}
.main-container{
  margin-top: 7rem;
}


div.main-container aside#main-complementary{   
  width:25%;
  float:left;
}
div.main-container article#main-content.part-size{
  width:75%;
    margin-top: 0em;
}
div.main-container article#main-content{
  width: 100%;
  float: right;
}
.page-inset {
  margin: 0.5em 0 1em 0;
  float: left;
  width: 100%;
}

/* main container end */

/* products window */
 
div.main-container div#products-window{
  float:left;
  width: 100%;
  /*padding:0 1em;*/
  box-sizing: border-box;
}

  /* category info */
 
  div#products-window div.category-info{
    padding:0 0 1em 0;
  }
  div#products-window div.category-info h1.top{
    font-size:1.5em;
      margin-top: 0.7rem;
      margin-bottom: 1rem;
  }
  div.category-intro-text{
    margin:0 0 2em 0;
      display: none;
  }
  div#products-order,
  div#products-benefits{
    font-size: 0.875em;
    margin:0 0 1em 0;
    width: 100%;
    float:left;
  }
  div#products-order ul,
  div#products-benefits ul{
    float:left;
    list-style-type: none;
    margin:0;
    font-size: 100%;
    width: 100%;
  }
  div#products-order li,
  div#products-benefits li{
    float:left;
    padding: 0;   
  }
  div#products-order li.option-caption,
  div#products-benefits li.option-caption{
    margin-right:0.5em;
  }
  div#products-order a,
  div#products-benefits a{
    display: inline-block;
    margin: 0 0.5em;
    text-decoration: none;
    box-sizing: border-box;
  }
   
    /* products list dashboard */
   
    nav#products-list-dashboard{ /* Pouze pro malé velikosti displeje */
      display: none;
    }
   
    /* products list dashboard end */
    
    /* subcategory */ /* vypis vnorenych kategorii nad vypisem produktu */
   
    div#subcategory-available {
      width:100%;
      margin:0 0 2em 0;
      float: left;
    }
    div#subcategory-available ul {
      padding:0;
      margin:0;
      width: 100%;
      float: left;
    }
    div#subcategory-available ul li {
      list-style-type:none;
      display:inline-block;
      padding:0;
      margin: 0 0.25em 0.25em 0; 
      float: left;      
    }
    div#subcategory-available ul li.option-caption{
      display: none;
    }
    div#subcategory-available ul li a{
      text-decoration: none;
      padding:0.25em 0.75em;
      display: block;
      background-color: #e6e6e6;
      float: left;
      box-sizing: border-box;
    }
    div#subcategory-available ul li a:hover{
      border: 1px solid #585858; 
    }
    div#subcategory-available ul li a img{
      width:3em;
      height:3em;
      float: left;
      margin-right:0.5em;
    }
    div#subcategory-available ul li a span{
      line-height:2em;
      float: left;
    }
    /* subcategory end */
   
  /* category info end */
   
  /* listing and loading products */ /* listování produkty */
  
  div#products-window nav.load-more-products {
    width: 100%;
    clear: left;
    padding: 0 1.5em 0 1.5em;
    box-sizing:border-box;
    text-align: center;
  } 
  div#products-window nav.load-more-products .button-proceed{
    float: none;
    display: inline-block;
    color:#333333;
    text-transform: uppercase;
    font-size: 1.2rem;
  } 
  div#products-window nav.listing {
    width: 100%;
    clear: left;
    float:left;
    margin: 0 0 1em 0;
    padding: 1em 0 1em 0;
    box-sizing: border-box;
  }   
  div#products-window nav.listing .page-shifter{
    width: 15%;
    box-sizing: border-box;
    float:left;
    margin:0;
    min-height: 0.5em; /* aby span vzdy zabral nejaky prostor i kdyz dana sipka neni k dispozici */
  }
  div#products-window nav.listing .page-shifter .icon-proceed{
    float: right;
  }
  div#products-window nav.listing span.page-numbers{
    width: 70%;
    text-align: center;
    float:left;
  }
  div#products-window nav.listing span.page-numbers a{
    margin:0 0.25em;
    font-size: 0.875em;
  }
  div#products-window nav.listing.listing-top{
    display: none;
  }
    
  /* listing anmd loading products end */
 
  /* products list*/
   
  div#products-window div#products-list { /* pouze okno s produkty */
      float: right;
      box-sizing: border-box;
      margin: 0 0 1em 0;
      width: 785px;
  }
    
    /* product preview */

    div.product-preview-container{
        height: 22em;
        width: 30%;
        float: left;
        position: relative;
        border-top: 1px solid #f8b133;
        margin-left: 23px;
    }
    a.product-preview{
      width:100%;    
      height: 100%;
      overflow: hidden; /* height a overflow hidden je nastaveno "pro jistotu" overflow totiz maji nastaveny i ostatni ceasti nahledu */
      display: block;
      text-decoration: none;

      box-sizing:border-box;
    }
    article.part-size div.product-preview-container{
      width:30.33%;
    }
    div.product-preview-image{
      width: 100%;
    }
    div.product-preview-image img{
      max-width: 100%;
      max-height: 100%;
        padding-top: 0.75rem;
    }
    a.product-preview h4.product-name{
      font-size:1em;
      line-height: 1.5em;
      height: 1.5em;
      overflow: hidden;
        margin-bottom: 0.4rem;
        margin-top: 0;
        color: #333333;
    }
    a.product-preview p.perex{ 

    }      
    a.product-preview div.primary-data-block{
      margin:0 0 0.25em 0;
      height:2.75em;
    }
    a.product-preview span.price{
      font-size: 1.25em;  
      display: block;     
    } 
    a.product-preview span.sale-percents,
    a.product-preview span.save-value,
    a.product-preview span.old-price{
      font-size: 0.895em;   
    } 
    a.product-preview span.old-price{
      display: none;
    } 
    a.product-preview div.secondary-data-block{
      float: left;
      width: 100%;
    }
    a.product-preview span.storage{
        display: block;
        font-size: 1em;
        float: left;
        margin: 0;
        color: #f8b133;
        text-transform: uppercase;
        font-weight: 500;
    }
    div.product-preview-container a.button-buy-preview{
      position: absolute;
      bottom:1.5em;
      right:0.5em ;
      z-index: 5;
        display: none;
    }
     
    /* product preview end */
        
  /* products list end */
   
  /* product image icons */
  
  .product-preview-image,
  .product-detail-image{
    display:block;
    position:relative;
  }
  .product-preview-image span.info-icon,
  .product-detail-image span.info-icon{ 
    position:absolute;
    display:block;
    float: none;
  }
  span.info-icon.icon-new{top:-1.3em;}
  span.info-icon.icon-sale{top:0.5rem;}
  span.info-icon.icon-topseller{top:2.5rem;}
  span.info-icon.icon-store{top:3rem;display: none;}
        
  /* product image icons end*/ 
  
/* products window end */

/* product detail */

div#product-detail{
  padding:0.5em 1em;
  float: left;
}
section.product-images{
  width:60%;
  float: left;
  box-sizing: border-box;
  padding:0 2em 0 0;
}
section.product-elsebox{
  width:40%;
  float: left;
}
article.product-detail-text{
  width:60%;
  float: left;
  box-sizing: border-box;
  padding:0 2em 0 0;
}
section.product-file-gallery{
  width:40%;
  float: left;
}
.product-inset{
  margin:0 0 2em 0;
  float:left;
  clear: left;
  width: 100%;
}
div#product-detail div#photo-gallery div.photo{
  width: 23%;
  padding-top: 17.25%; /* padding top definuje vysku, pomer mezi nim a width je pomer stran obrazku */
  margin: 0.8em 1% 0.8em 1%;  
}
section.product-elsebox h1.product-name{
  margin:0;
}
section.product-elsebox span.avaibility{
  margin-right:0.5em;
}
.price-with-tax .price{
  font-size:2em;
  margin-bottom:0.5em;
  display: inline-block;
}
.price-without-tax .price{
  font-weight: normal;
}
a.product-detail-image,
a.product-detail-image img{
  width: 100%;
}
div#product-detail a.button-proceed{
  float: none;
}

/* product detail end*/

/* advanced search */

div#advance-search{
  width:100%;
  padding:0 1em 0 1em;
  box-sizing: border-box;
}
div#advance-search label{
  font-size:1em;
}
div#advance-search div.search-check{
  float: left;
  padding: 1em 1.5em 1em 0.5em;
}
div#advance-search div.search-check label{
  margin:0.15em 0.5em 0.15em 0;
}

/* advanced search end */

/* page window */

div.page-window{
  padding:0 1em 1em 1em;
  float: left;
  width: 100%;
  box-sizing: border-box;
  min-height: 25rem;
}

/* page window end */

/* page footer*/

footer#page-footer{
  width:100%;
  float:left;
  background:#FFFFFF;
  box-sizing:border-box;   
}
footer#page-footer div#local-suit{ /* prepinani jazyku je pri bezne velikosti v hlavicce */
  display: none;  
}
footer#page-footer div#footer-text,
footer#page-footer div#copyright{
  width:100%;
  float:left;
  background:#FFFFFF;
  padding:0.5em 1.5em 0.5em 1.5em;
  margin:0;
  box-sizing:border-box; 
  color:#cbcbcb;   
}
footer#page-footer div#footer-text{padding:1.5em 1.5em 0 1.5em;}
footer#page-footer div#copyright{padding:0 1.5em 1.5em 1.5em;}

footer#page-footer div#footer-text p,
footer#page-footer div#copyright p{
    margin-top: 3rem;
}

footer#page-footer div#footer-text a,
footer#page-footer div#copyright a{
  color:#cbcbcb;   
}

/* page footer end */

/* customer account */

/* Je potrba pouze nastavit barevne schema pro customer-menu li a (menu v zakaznickem uctu */

ul#customer-menu {
  padding: 0;
  margin: 0 0 1em 0;
  width: 100%;
  float: left;               
}
ul#customer-menu li {
  list-style-type: none;
  display: inline-block;
  padding: 0;
  margin: 0 0.25em 0.25em 0;
  float: left;               
}
ul#customer-menu li a { /* zde je třeba nastavit barevné schéma pro horní menu v zákaznickém účtě */
  text-decoration: none;
  padding: 0.25em 0.75em;
  display: block;
  border: 1px solid #d4d4d4;
  float: left;    
  background:#fff; 
  box-sizing: border-box;
  text-align: center;            
}
ul#customer-menu li a:hover, 
ul#customer-menu li a.activated{
  border: 1px solid #585858;  /* A zde hover */ 
        
}
ul#customer-menu li a span{
  line-height: 3em;       
}
table.customer-profile {  
  width:100%;
}
table.customer-profile td{  
  width:50%;
  vertical-align: top;
  font-size: 100%;
}
table.customer-orders-list{
  width: 100%;  
  clear: left;
}
table.customer-orders-list span.order-date{
  margin-right:0.5em;
}
table.customer-orders-list mark{
  background: rgba(0,0,0,0.15);
  border-radius: 0.25em;
  display: inline-block;
  padding:0.15em 0.5em;
}

  /* login detail */
  
  div#login-detail{ 
    width:60%;
  }
  
  /* login detail end */
  
  /* registration */
  
  div#registration{ 
    width:60%;
  }
   
  /* registration end*/
 
  /* profile */
  
  div.form-profile-row{ 
    width:100%;
    float: left;
  }
  div.form-profile-box{ 
    width:50%;
    float: left;
    padding:1em;
    box-sizing: border-box;
  }
  div.form-profile-box:first-child{ 
    padding-left:0;
  }
  div.form-profile-box:last-child{ 
    padding-right:0;
  }
 
  /* profile end */

/* customer account end */

/* attached photos */
 
div#photo-gallery div.photo{ /* zde je mozne procenty regulovat, kolik fotek je na radek */
  width:48%;
  margin: 0;
  float:left;
  position:relative;
  padding-top:48%; /* css hack padding se vzdy vypocitava na zaklade horizontalni velikosti */ 
  margin: 2% 2% 2% 0;
} 
div#photo-gallery div.photo:nth-child(even){ /* odlisne odsazeni pro kazdy sudy nahled obrazku */
  margin: 2% 0 2% 2%;
} 
div#photo-gallery div.photo a{
  width:100%;
  height:100%;
  display: block;
  position: absolute;
  left:0;
  top:0;
  background-size: cover;
  background-position: center center;
}   
div#photo-gallery div.photo a p{
  position:absolute;
  background-color: rgba(000, 000, 000, 0.9); /* R G B Opacity (v desitkove soustave)*/
  color:#efefef;
  bottom:0;
  left:0;
  width:100%;  
  box-sizing:border-box; /* border-box = padding + border se zapocitavaji do width elementu */ 
  -moz-box-sizing:border-box;
  font-size:0.875em;
  overflow: hidden;
  max-height:0;
  padding:0;
  margin:0;
} 
div#photo-gallery div.photo a:hover p{
  max-height:100%;
  transition: max-height .9s linear;
  -webkit-transition: max-height .9s linear; 
  -moz-transition: max-height .9s linear; 
  -o-transition: max-height .9s linear;
} 
div#photo-gallery div.photo p span{
  padding:1em 1em 1em 1em;
  display:inline-block;
} 
div#photo-gallery div.photo.dont-have-name a p{  /* pokud nema fotografie popisek */
  display:none;
} 

/* attached photos end */

/* attached files */

div#file-gallery div.file{ /* zde je mozne procenty regulovat, kolik souboru je na radek */
  width:23.5%;
  margin: 0;
  float:left;
  position:relative;
  padding-top:23.5%; /* css hack padding se vzdy vypocitava na zaklade horizontalni velikosti */ 
  margin: 1%;
} 
div#file-gallery div.file:nth-child(4n){ /* odlisne odsazeni pro kazdy posledni soubor na radku */
  margin: 1% 0 1% 1%;
} 
div#file-gallery div.file:nth-child(4n-3){ /* odlisne odsazeni pro kazdy prvni soubor na radku */
  margin: 1% 1% 1% 0;
} 
div#file-gallery div.file a{
  width:100%;
  height:100%;
  display: block;
  position: absolute;
  left:0;
  top:0;
  background-size: 100%;
  background-repeat: no-repeat;
  padding: 60% 1em 1em 1em;
  box-sizing: border-box;
  color: #fff;
  text-decoration: none;
  overflow: hidden;
  font-size: 0.875em;
}  
div#file-gallery div.file span{
  overflow: hidden;
  display: block;
}  
div#file-gallery div.file span.file-name{
  max-height:2.5em;
}  
div#file-gallery div.file span.file-size{
  max-height:1.25em;
} 

/* attached files end */

/* order */

  /* === order config === */ /* zde se nastavuje barevne schema objednavky */
  
  .order-box{ /* barevne schema boxu */
    border: 1px solid #d4d4d4;
    background:#fff;
    margin:0 0 1em 0;
  }
  .order-box,  /* barva vseho pisma v objednavce */
  .order-box a,
  .order-box strong,
  .order-box label {
    color: inherit;
  }
  .order-box th,  /* pozadi zvyraznenych radku */
  .order-box div.order-headline-container,
  table#basket tr#summary td{    
    background: #f1f1f1; 
  }

/* === order config === end */

  /* basket detail */
  
  div#basket-container{
    width:100%;
    float: left;
    box-sizing: border-box;
  }
  div.added-product{
    width:100%;
    float: left;
    border-bottom:1px solid rgba(0,0,0,0.1);
  }
  div.added-product .product-image,
  div.added-product .product-name,
  div.added-product .items-count,
  div.added-product .price-for-one,
  div.added-product .price-for-all,
  div.added-product .price-discount,
  div.added-product .price-delivery,
  div.added-product .remove-item{
    float: left;
    padding:0.5em;
    box-sizing: border-box;
  }  
  div.added-product .product-image{width:8%;}
  div.added-product .product-name{width:27%;}
  div.added-product .items-count{width:25%;}
  div.added-product .price-for-one{width:15%;}
  div.added-product .price-for-all{width:15%;}
  div.added-product .price-discount{width:55%;} /* pouze na radku se slevou */
  div.added-product .price-delivery{width:55%;} /* pouze na radku s dopravou */
  div.added-product .remove-item{width:10%;}
  
  div.added-product .product-image img{
    width: 100%;
  }  
  div.added-product .items-count form{
    float: right;
  }    
  div.added-product input.items-count-input{
    float:left;
    width: 3em; 
    margin:0.25em;
    padding-right:0.5em !important;
  }
  div.added-product input.items-count-input.filled,
  div#ihavediscountshow input#discount.filled{
    background: none;
    border: 1px solid rgba(0,0,0,0.25);
    box-shadow: none;
  }
  div.added-product .product-name span,
  div.added-product .price-discount span,
  div.added-product .price-delivery span,
  div.added-product .items-count span, /* pouze v rekapitulaci objednavky */
  div.added-product .price-for-one span,
  div.added-product .price-for-all span{
    padding:0.75em 0 0.75em 0;
    display: inline-block;
  } 
  div.added-product .remove-item,
  div.added-product .remove-item a{
    float: right;
  } 
  div.basket-summary{
    font-size:1.125em;
    border-bottom: none;   
  }
  div.basket-summary div.summary-caption,
  div.basket-summary div.summary-amount,
  div.basket-summary div.empty-space{
    float: left;
    padding:0.5em; 
    box-sizing: border-box;     
  }
  div.basket-summary div.summary-caption{width: 50%;}
  div.basket-summary div.summary-amount{width: 40%;}
  div.basket-summary div.empty-space{width: 10%;}
  
  div.basket-summary div.summary-amount span.vat-note{
    font-size: 0.75em;
    display: block;
    font-weight: normal;
  }
  div.discount-container{
    float:left;
    width:100%;
    min-height:4em;
  }
  div.discount-container label{
    display: inline-block;
    margin:1em 0 1em 0;
  }
  div#ihavediscountshow{
   float: right;
   position: relative;
   margin:0;
   width:50%;
  }
  div#ihavediscountshow .icon-tiny{
    position: absolute;
    margin: 0.9em 0.5em 0.9em 0.5em;
    right: 0;
    top: 0; 
  } 
    
  /* basket detail end */
 
  /* delivery data */
 
  div#login-order,
  div#order-custommer-login,
  div#basic-data,
  div#invoice-data,
  div#delivery,
  div#order-message{
    float: left;
    width: 100%;
  }
  div.order-headline-container{
    min-height:1.5em; 
    line-height:1.5em;
    padding:0.75em;
  }
  div.order-headline-container label{
    font-size:1em;
    margin:0;
    float: none;
    display: inline-block;
  }
  div.order-headline-container input[type=checkbox]{
    margin:0.25em 0.5em 0.25em 0.25em;
  }
  div.order-box fieldset{
    border: none;
    padding:0;
  }
  div.order-box div.full-size{
    width: 100%;
    float: left;
    box-sizing: border-box;
    padding:1em;
  }
  div.order-box div.half-size{
    width: 50%;
    float: left;
    box-sizing: border-box;
    padding:1em;
  }
  table.order-form td.first,
  table.order-form td.third,
  table.order-form td.fifth{
    width:12%;
  }
  table.order-form td.second,
  table.order-form td.fourth,
  table.order-form td.sixth{
    width:20%;
  }
  div.order-box  .order-form textarea{
    width:96%;
    height:5em;
    margin:1em 2%;
    box-sizing: border-box;
  }
  div#login-order .icon-proceed{
    float: right;
  }
 
  /* delivery data end */
 
  /* delivery methods */

  div.order-box.shipping-select,
  div.order-box.payment-select{
    float: left;
    width: 49%;
    box-sizing: border-box;
    margin-bottom:2em;
  }
  div.order-box.shipping-select{
    margin-right:2%;
  }
  div.order-box.shipping-select div.shipping-option,
  div.order-box.payment-select div.payment-option{
    float: left;
    width: 100%;
    padding:0.5em 0 0.5em 0;
  }
  div.order-box.shipping-select div.shipping-option.disabled,
  div.order-box.payment-select div.payment-option.disabled{
    opacity: 0.5;
  }
  div.order-box.shipping-select input,
  div.order-box.payment-select input{
    float: left;
    margin:0.5em;
  }
  div.order-box.shipping-select label.checkbox-label,
  div.order-box.payment-select label.checkbox-label{
    margin:0.5em;
  }
  div.order-box.shipping-summary{
    float:left;
    width: 100%;
    box-sizing: border-box;
    margin-bottom:2em;
  }
  div.order-box.shipping-summary .order-headline-container{
    float:left;
    width: 100%;
    box-sizing: border-box;
  }
  div.order-box.shipping-summary select.select-country{
    float: left;
    max-width: 40%;
  }
  div.order-box.shipping-summary p{ /* pokud je pouze jedna zeme */
    float: left;
    max-width: 40%;
    margin:0.5em 0 0.5em 0;
    font-size: 1em;
  }
  div.order-box.shipping-summary div.summary-price{
    float: right;
    margin:0.5em 0 0.5em 0;
  }
  
  /* delivery methods end*/
 
  /* order summary */
 
  div#summary-customer-order,
  div#summary-delivery-order{
    box-sizing:border-box;
    float:left;
    width:49%;
    overflow:auto;
    min-height: 18em;
    padding-bottom:1em;
  }
  div#summary-customer-order{
    margin-right: 2%;
  }
  div#summary-contact-order,
  div#summary-message-order{
    box-sizing:border-box;
    float:left;
    width:100%;
    padding-bottom:1em;
  }
  div.summary-order-line,
  div.summary-message-order-content{
    width: 100%;
    padding:1em 0.75em 0em 0.75em;
    box-sizing: border-box;
  }
 
  /* order summary end */

/* order end */

/* conditions and gdpr */

div.conditions-agree,
div.gdpr-agree,
div.i-want-registrate{
  margin:0.5rem 0 0.5rem 0;
  width: 100%;
  float: left;
}
div.conditions-agree label,
div.gdpr-agree label,
div.i-want-registrate label{
  margin:0;
  padding: 0 0 0 1.563rem;
  display: block;
  position: relative;
  float: left;
  font-size: 1rem;
  right:0;
  min-width:0;
}
div.conditions-agree input,
div.gdpr-agree input,
div.i-want-registrate input{
  width: 0.938rem;
  height: 0.938rem;
  padding: 0;
  margin: 0;
  position: absolute;
  left: 0;
  top: 0.063rem;
  display:block;
}
div.conditions-agree a.link,
div.conditions-agree span.text,
div.i-want-registrate span.text,
div.gdpr-agree a.link,
div.gdpr-agree a.disagree-link{
  display:inline-block;
  vertical-align: top;
  line-height: 1.3;
  font-size: 0.875rem;
}
div.gdpr-agree a.disagree-link{
  float: left;
  clear: both;
  position: relative;
  padding-left: 1.563rem;
  margin-top: 0.5rem;
}
div.conditions-agree a.link:hover,
div.gdpr-agree a.link:hover,
div.gdpr-agree a.disagree-link:hover{
  text-decoration: none;
}
div.conditions-text{
  float: left;
  padding: 1rem;
  max-height: 15rem;
  overflow: auto;
  width: 100%;
  clear: both;
  box-sizing: border-box;
}

/* conditions and gdpr end */

/* admin switch */

nav#admin-menu{
  position:fixed;
  background: -moz-linear-gradient(top,  rgba(36,89,121,0.95) 0%, rgba(18,65,89,0.95) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(36,89,121,0.95)), color-stop(100%,rgba(18,65,89,0.95)));
  background: -webkit-linear-gradient(top,  rgba(36,89,121,0.95) 0%,rgba(18,65,89,0.95) 100%);
  background: -o-linear-gradient(top,  rgba(36,89,121,0.95) 0%,rgba(18,65,89,0.95) 100%);
  background: -ms-linear-gradient(top,  rgba(36,89,121,0.95) 0%,rgba(18,65,89,0.95) 100%);
  background: linear-gradient(to bottom,  rgba(36,89,121,0.95) 0%,rgba(18,65,89,0.95) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6245979', endColorstr='#e6124159',GradientType=0 );
  box-shadow:0 2px 1px rgba(0,0,0,0.5);    /* tento zpusob zapisu umozni zapsat opacity u stinu */ 
  border-bottom: 1px solid #235878; 
  border-left: 1px solid #235878;   
  padding:5px;
  border-bottom-left-radius:5px;
  right:0;
    z-index: 99999;
}

  /* admin medium icons */
    
  .admin-menu-icon-medium.admin-menu-icon-switch                  {background:url(../images/style/admin/icons-buttons/icon-medium-switch.png) top right no-repeat;}
  .admin-menu-icon-medium.admin-menu-icon-logout                  {background:url(../images/style/admin/icons-buttons/icon-medium-logout.png) top right no-repeat;}         
    
  .admin-menu-icon-medium{                 /* obecne vlastnosti button-medium*/
    height:36px;                           /* Nastaveno absolutně, jelikoz obrazek ikonky ma rovnez absolutní velikost*/
    line-height:36px;                    
    padding:0 36px 0 0;                    /* Nastaveno absolutně, jelikoz obrazek ikonky ma rovnez absolutní velikost*/
    display:block;
    float:left;
    margin:0.1em;
    font-size:1em;
    border:none;
    cursor: pointer;
    text-decoration:none;
    color:#002938;
  }
  .admin-menu-icon-medium:hover                        {background-position:center right; color:#1d85c4;} /* hover */
  .admin-menu-icon-medium:active                       {background-position:bottom right; color:#1d85c4;}      /* Pri kliknuti */
  .admin-menu-icon-medium span                         {margin:0 1em 0 1em;} /* odsazeni pripadneho textu uvnitr tlacitka */ 
  .admin-menu-icon-medium span.hidden                  {display:none;} /* Pokud se ma zobrazovat pouze ikonka */

/*admin switch end*/



.header-cont-box{
  width: 21.50rem;
  height: 3.500rem;
  background-color: #f8b133;
  float: right;
    margin-top: -4.3rem;
}
.header-cont-box img{
  width: 3rem;
  float: left;
  margin: 0.3rem;
  margin-left: 0.7em;
}
.header-cont-box p{
  margin: 0.6rem;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 1.15rem;
  font-weight: 500;
}
#slideshow{
    margin-top: 7rem;
    height: 18.750rem;
}
.header-bg{
    width: 100%;
    min-width: 1000px;
    background-color: #f0f0f0;
    z-index: 9998;
    position: fixed;
    top:0;
    height: 7.3rem;
}
.nav-bg{
    width: 100%;
    min-width: 1000px;
    background-color: #f8b133;
    z-index: 9998;
    position: fixed;
    top:7.22rem;
    height: 2.6rem;
}
.border-line{
    height: 0.3rem;
    width: 1000px;
    border-top: 1px solid #5d5d5d;
    position: fixed;
    top:2.1rem;
    z-index: 88888;
}
.halfnav{
  width: 100%;
  min-width: 1000px;
  height: 25.9rem;
  background-color: #f0f0f0;
  position: absolute;
  top:0;
  z-index: 2;
  float: left;
}
.pds{
  width: 100%;
  height: 5.3rem;
  border-bottom: 1px solid #c8c8c8;
  float: left;
  background-color: #FFFFFF;
}
.pds2{
  border-top: 1px solid #c8c8c8;
}
.pds img{
  width: 32px;
  float: left;
  margin-right: 0.8rem;
}
.pds div{
  width: 160px;
  float: left;
  text-transform: uppercase;
  font-weight: 500;
  color: #333333;
  margin-top: 1.65rem;
  line-height: 0.85rem;
}
.pds p{
  line-height: 0.95rem!important;
}
.pd1{
  margin-left: 1.3rem;
}
.pd2{
  margin-left: 2.9rem;
  width: 111px!important;
}
.pd3{
  margin-left: 7rem;
}
.pd4{
  margin-left: 3.7rem;
  width: 111px !important;
}
.pd5{
  margin-left: 4.9rem;
  width: 136px !important;
}


#customer-dashboard .icon-small{
  padding: 0;
  padding-left: 2.5rem;

}
.icon-user span{
  position: relative;
  top:0.2rem;
}
#subcategory-available img{display: none}
.category-info label{
    float: left;
}


#products-window select{
    border: none!important;
    width: 27%;
    float: left;
    cursor: pointer;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    background-image: url("/images/style/vertical-menu-closed.svg");
    background-repeat: no-repeat;
    background-position: 179px;
    margin-right: 1.1rem;
}
#products-window select:nth-child(1){}
.perex{
    line-height: 1rem;
    color: #929292;
}
.header-cont-box:hover p{
    color: white;!important;
}
.footer-headings{
  background-color: #FFFFFF;
  font-size: 0.875rem;
  text-transform: uppercase;
  float: left;
  margin-bottom: 1.5rem;
  margin-top: 1.1rem;
}
.footer-headings h3{
  float: left;
}
.footer-headings h3:last-of-type{
  margin-left: 18.5rem;
}
.footer-adress-box, .footer-map-box{
  height: 11.250rem;
  float: left;
}
.footer-form-box{
  float: left;
}
.footer-adress-box{
  width: 16.125rem;
  margin-right: 1rem;
}
.footer-adress-box img{
  float: left;
  width: 4.4rem;
}
.footer-adress{
  float: right;
  line-height: 1.45rem;
  font-weight: 400;
  float: right;
  line-height: 1.65rem;
  font-weight: 400;
  font-size: 0.90rem;
  margin-right: 1rem;
}


.footer-map-box{
  width: 19.750rem;
  margin-right: 1rem;
}
.footer-form-box{
  width: 24rem;
}
#page-footer input,textarea{
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #888888;
}
#page-footer textarea{
    min-height: 50px!important;
}
#page-footer .button-medium.button-proceed{
    z-index: 9999;
    background: #e6e6e6;
    float: right;
    color: black;
    text-transform: uppercase;
    font-size: 1rem;
}