/*
tmavě modrá:    #06377a;
oranžová:       #f08000;
svetle šedá:    #ededed;
*/

.dZahlaviMobilni {display: none;}
.zobrazujMobil { display: none;}

/*MOBIL*/
@media only screen and (min-width: 1px) and (max-width: 320px)
{
  #dSkelet { margin: 0 10px; background-color: red; }
  body { background-image: none; background-color: white; }
}

/*MOBIL*/
@media only screen and (min-width: 1px) and (max-width: 550px)
{
    .dMenuHorni, .dLeveMenu, .dRychleMenu { display: none;}
    body { font-size: 110%; }
    body { background-image: none; background-color: white; }
    
    table td:before {
      content: attr(data-label);
      float: left;
    }
    
    .dZahlavi {display: none;}
    .dZapatiPartneri { display: none;}
    .dZahlaviMobilni {display: block; width: 320px;}
    .pevnaSirka { width: 290px; }
    #dSkelet {width: 300px; background-color: orange;}
    .dBannerySiroke { display: none; }
    .dIndexAktuality { margin: 0;}
    .aObrazekBox { font-size: 75%;}
    h1 { text-align: center; }
    
      /*zmenseni obrazku*/
    .dTextClanku .aObrazekBox { background-image: none !important; height: auto !important;}
    .dTextClanku .aObrazekBox img { display: block !important; height: auto; max-width: 290px; width: 100%;}
    
    #aLogo { display: block; margin: 0 auto; clear: both; width: 100%; text-align: center;}
    .dMenuHorni a.aFacebookOdkaz { display: block; margin: 0 auto; clear: both; width: 250px; text-align: center; padding-top: 1em; }
    #dZahlavi .dMenuHorni, .dRychleMenu { float: none; padding: 0em; width: 100%; margin: 0 auto; clear: left; width: 290px; background-color: #06377a;}
    .dMenuHorni a, .dMenuHorni a.prvni { float: none; width: 100%; padding: .4em 0; font-size: 110%; text-align: center; width: 290px; }
    .dRychleMenu a, .dRychleMenu a.prvni { float: none; width: 100%; padding: .4em 0; font-size: 110%; text-align: center; width: 290px; }
    .dMenuHorni .sOddelovac { display: none;}
    
    .aAktualitaIndex, .dFotografieObal .aObrazekBox { margin: 1em auto; float: none;}
    
    .dRychleMenu { margin-top: 1em; padding: 0.3em 0; background-color: #06377a; }
    .dRychleMenu a { background: none !important; display: block; width: auto !important; height: auto !important;}
    .aRychleMenuPolozka span { padding: 0px; }
    .aRychleMenuPolozka { margin-bottom: 0px;}
    
    .dLevaCast { background: none; position: relative; margin-top: 0px; z-index: auto;  }
    
    .dLeveMenu { width: 290px; }
    .dLeveMenu a { padding-left: 0px;}
    .dLeveMenu a span.plus, .dLeveMenu a span.minus { text-align: center; width: 290px; }
    .dLeveMenu .sMenuNadpis { text-align: center; }
    .aHlavni span {font-size: 110%;}
    
    /*mobilni rozbalovani menu*/
    .dPodHlavni.dMenuLevel1 { padding-bottom: 6px; background-color: #f08000; position: inherit;}
    .dPodHlavni.dMenuLevel1 { text-align: center; }
    .aMenuLevel1 .sLeveMenuOdsazeni { width: 260px; font-size: 110%;}
    .dPodHlavni { padding-left: 1em;}
    .dLeveMenu a span span{ font-size: 110%;}
    
    .dZahlavi { position: relative; }
    
    .aMenuIkona { display: block; width: 40px; height: 40px; background: transparent url(../obrazky/menu-ikona.png) center center no-repeat; position: absolute; right: 25px; top: 20px; z-index: 7; }
    
    /*.dLevaCast {display: none;}*/
    /*.dLeveMenu { display: none; }*/
    #dObsah { width: 290px; }
    
    .dTextClanku .aObrazekBox { min-width: 290px !important; min-height: 200px !important; width: auto !important; height: auto !important; background-size: contain; }
    .dObsah .dObrazky { margin: 0 62px;}
    .dObsah .dObrazky .aObrazekBox { margin: 5px 0px;}
    
    #frmNapisteNam .polozkaLabel {width: 30%; clear: left;}
    #frmNapisteNam input { width: 60%;}
    #frmNapisteNam textarea { width: 60%;}
    
    #dZapati { padding: 1em; }
    .sZapati { margin-top: 1em; }
    
    .nezobrazujMobil { display: none;}
    .zobrazujMobil { display: block;}
    
    
    /*body {background-color: #ffceed;}*/
}

/*TABLET*/
@media only screen and (min-width: 771px) and (max-width: 1020px)
{
    body { background: transparent url(../obrazky/pozadi-744.jpg) no-repeat center top; background-attachment: fixed; }
    .dMenuHorni, .dLeveMenu, .dRychleMenu { display: block !important; }
    .dMenuHorni a { font-size: 100%;}
    #dObsah { width: 492px;}
    .dZahlavi {display: none;}
    .dZahlaviMobilni {display: block; width: 100%;}
    .pevnaSirka { width: 744px; }
    .dBannerKulicky {margin-left: -129px;}
    
      /*zmenseni obrazku*/
    .dTextClanku .aObrazekBox { background-image: none !important; height: auto !important;}
    .dTextClanku .aObrazekBox img { display: block !important; height: auto; max-width: 492px; width: 100%;}
    
    #dZapati { padding: 1em;}
    
    #frmNapisteNam .polozkaLabel {width: 30%;}
    #frmNapisteNam input { width: 60%;}
    #frmNapisteNam textarea { width: 60%;}
    
    .detailProduktuObrazek .dSablonaObrazek { width: 100%; }
    .detailProduktuObrazek .aObrazekBox { width: auto !important; background-position: 50% 0% !important; background-size: contain;  height: 300px !important;; }
  
    .nezobrazujTablet { display: none;}
   
    
    /*.dZahlaviHorniCast .dJazyky {width: 236px; margin: 0 auto; float: inherit;}
    .dZahlaviHorniCast .aLogo { position: relative;}*/
    /*body {background-color: #d1ffed;}*/
    
}

/*TABLET mensi*/
@media only screen and (min-width: 551px) and (max-width: 770px)
{
    body { background-image: none; background-color: white; }
    .dMenuHorni, .dLeveMenu, .dRychleMenu { display: none;}
    .dMenuHorni a { font-size: 100% !important;}
    .pevnaSirka {width: 490px;}
    
      /*zmenseni obrazku*/
    .dTextClanku .aObrazekBox { background-image: none !important; height: auto !important;}
    .dTextClanku .aObrazekBox img { display: block !important; height: auto; max-width: 492px; width: 100%;}
    
    body { font-size: 110%;}
    .dZahlavi {display: none;}
    .dZapatiPartneri { display: none;}
    .pevnaSirka { width: 490px; }
    #dSkelet {width: 500px; background-color: orange;}
    .dBannerySiroke { display: none; }
    .aObrazekBox { font-size: 75%;}
    h1 { text-align: center; }
    
    #aLogo { display: block; margin: 0 auto; clear: both; width: 100%; text-align: center;}
    .dMenuHorni a.aFacebookOdkaz { display: block; margin: 0 auto; clear: both; width: 450px; text-align: center; padding-top: 1em; }
    #dZahlavi .dMenuHorni, .dRychleMenu { float: none; padding: 0em; width: 100%; margin: 0 auto; clear: left; width: 490px; background-color: #06377a; }
    .dMenuHorni a, .dMenuHorni a.prvni { float: none; width: 100%; padding: .4em 0; font-size: 110%; text-align: center; width: 490px; }
    .dRychleMenu a, .dRychleMenu a.prvni { float: none; width: 100%; padding: .4em 0; font-size: 110%; text-align: center; width: 490px; }
    .dMenuHorni .sOddelovac { display: none;}
    
    
    .dRychleMenu { margin-top: 1em; padding: 0.3em 0; background-color: #06377a; }
    .dRychleMenu a { background: none !important; display: block; width: auto !important; height: auto !important;}
    .aRychleMenuPolozka span { padding: 0px; }
    .aRychleMenuPolozka { margin-bottom: 0px;}
    
    .dLevaCast { background: none; position: relative; margin-top: 0px; z-index: auto;  }
    
    .dLeveMenu { width: 490px; }
    .dLeveMenu a { padding-left: 0px;}
    .dLeveMenu a span.plus, .dLeveMenu a span.minus { text-align: center; width: 490px; }
    .dLeveMenu .sMenuNadpis { display: block; text-align: center; }
    
    .dZahlavi { position: relative; }
    
    .aMenuIkona { display: block; width: 40px; height: 40px; background: transparent url(../obrazky/menu-ikona.png) center center no-repeat; position: absolute; right: 25px; top: 20px; z-index: 7; }
    
    /*.dLevaCast {display: none;}*/
    /*.dLeveMenu { display: none; }*/
    #dObsah { width: 490px; }
    
    .dObsah .dObrazky { margin: 0 62px;}
    .dObsah .dObrazky .aObrazekBox { margin: 5px 0px;}
    
    #frmNapisteNam .polozkaLabel {width: 30%; clear: left;}
    #frmNapisteNam input { width: 60%;}
    #frmNapisteNam textarea { width: 60%;}
    
    #dZapati { padding: 1em; }
    .sZapati { margin-top: 1em; }
    
    .nezobrazujMobil { display: none;}
    .zobrazujMobil { display: block;}
    
    
    
}

/*DESKTOP*/
@media only screen and (min-width: 1021px) and (max-width: 1270px)
{
    body { background: transparent url(../obrazky/pozadi-990.jpg) no-repeat center top; background-attachment: fixed; }
    .dMenuHorni, .dLeveMenu, .dRychleMenu { display: block !important; }
    .dMenuHorni a { font-size: 120%;}
    #dObsah { width: 740px;}
    .pevnaSirka {width: 990px;}
    .nezobrazujDesktop { display: none;}
}

/*DESKTOP VETSI*/
@media only screen and (min-width: 1271px)
{
    body { background: transparent url(../obrazky/pozadi-1240.jpg) no-repeat center top; background-attachment: fixed; }
    .dMenuHorni, .dLeveMenu, .dRychleMenu { display: block !important; }
    .dMenuHorni a { font-size: 125%;}
    #dObsah { width: 990px;}
    .pevnaSirka {width: 1240px;}
    .nezobrazujDesktop { display: none;}
    .dBannerKulicky { margin-left: -377px;}
}

/*@media only screen and (min-width: 989px) and (max-width: 1240px)
{
    .pevnaSirka {width: 990px;}
}

@media only screen and (min-width: 1241px) and (max-width: 1492px)
{
    .pevnaSirka {width: 1240px;}
    
}

@media only screen and (min-width: 1493px) 
{
    .pevnaSirka {width: 1492px;}
}*/


@media screen and (max-width: 970px) {

    table {
      border: 0;
    }

    table tr th {
      display: none;
    }  
    
    table thead {
      display: none;
    }

    table tr {
      margin-bottom: 10px;
      display: block;
      /*border-bottom: 2px solid #ddd;*/
    }

    table td p { text-align: center !important;}
    
    table td {
      display: block;
      text-align: right;
      font-size: 13px;
      /*border-bottom: 1px dotted #ccc;*/
      text-align: center !important;
    }
    
   .eTabulka.pujcovne td:first-child { text-align: center;}

    table td:last-child {
      border-bottom: 0;
    }

    table td:before {
      content: attr(data-label);
      /*float: left;*/
      display: block;
      text-align: center !important;
      text-transform: uppercase;
      font-weight: bold;
      color: #06377a;
      padding: 0.5em;
      background-color: transparent;
    }
    
    .eTabulka.servis td.akce div { transform: rotate(0deg); background-image: none;}
    .eTabulka.servis td.zvyraznena:before { color: white;}
  
  
  
  
  .dObsahHi15 .clanekRozcestnikProdukty { width: inherit; height: auto; overflow: auto; }
  
  

  
  }
  
  @media screen and (max-width: 870px) {
.lista--gdpr {
	position: fixed;
	bottom: 0;
	z-index: 999999;
}

.lista--gdpr span{
	bottom: 5px;
	top: unset;
	right: 5px
}

  }