/* CSS Document */

@media screen and (max-width: 1800px) {
  #vystredeni-navigace {
  position: relative; width: 100%; margin: 0 auto 0 auto; background-color: transparent;
  } 
}
@media screen and (min-width: 1810px) {
  #vystredeni-navigace {
  position: relative; width: 100%; margin: 0 auto 0 auto; background-color: transparent;;
  } 
}

@media screen and (max-width: 1191px) {
  div.paticka_boxy {
  width: 25%; float: left; text-align: center; font-size: 12px;
  }
  img.horni-foto-zpravy {
  float: left; width: 35%; margin: 0 2% 8px 0;
  }
  div.doplnkove-foto-6 {
  width: 16.66%; float: left;
  }
  div.doplnkove-foto-5 {
  width: 20%; float: left;
  }
  div.doplnkove-foto-4 {
  width: 25%; float: left; position: relative;
  }
  div.doplnkove-foto-3 {
  width: 33.33%; float: left;
  }
  div.doplnkove-foto-2 {
  width: 50%; float: left;
  }
  #logo {
  width: 100%; background-color: transparent; padding: 10px 0 -10px 0; text-align: center; margin-top: 4px;
  }
  #navigace {
  width: 80%;  background-color: transparent;  float: right; padding: 0px 0 15px 0;
  }
  #hledej {
  width: 100%; clear: both; text-align: center; margin: 10px 0 5px 0; padding: 5px 0 5px 0; background-color: rgb(243,243,243);
  }
  div.horni-ikony {
  position: relative; width: 100%; margin: 0 auto 0 auto; background-color: rgb(243,243,243); text-align: center; clear: both; padding: 5px 0 5px 0;
  }
  img.foto-obsah-velke {
  width:100%; margin: 0 2% 1% 0; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.19); padding: 4px; background-color: white;
  }
  img.foto-obsah-stredni {
  width:100%; margin: 0 2% 1% 0; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.19); padding: 4px; background-color: white;
  }
  img.foto-obsah-male{
  width:100%; margin: 0 2% 1% 0; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.19); padding: 4px; background-color: white;
  }
  img.prave-foto-obsah-velke {
  width:100%; margin: 0 2% 1% 0; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.19); padding: 4px; background-color: white;
  }
  img.prave-foto-obsah-stredni {
  width:100%; margin: 0 2% 1% 0; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.19); padding: 4px; background-color: white;
  }
  img.prave-foto-obsah-male{
  width:100%; margin: 0 2% 1% 0; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.19); padding: 4px; background-color: white;
  }
  div.tabulka-kontakty {
  width: 54%; float: right; margin: -15px 0 0 0; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.19); padding: 4px; background-color: white;
  }
  div.prihlaseni {
  padding: 8px 0 3px 0; width: 100%; text-align: center; background-color: rgb(243,243,243); margin: 5px 0 0 0;
  }
  div.jazyky {
  margin: 4px 0 0 0; padding: 5px 0 5px 0; text-align: center; width: 100%; background-color: rgb(243,243,243); 
  }
  div.socialni-ikony {
  width: 56px; margin: 6px auto 14px auto; position: relative; top: 2px;
  }
}

@media screen and (min-width: 1200px) {
  #wrapper1 {
	position: fixed;
  }
  div.paticka_boxy {
  width: 25%; float: left; text-align: center; font-size: 12px;
  }
  img.horni-foto-zpravy {
  float: left; width: 35%; margin: 0 2% 8px 0;
  }
  div.doplnkove-foto-6 {
  width: 16.66%; float: left;
  }
  div.doplnkove-foto-5 {
  width: 20%; float: left;
  }
  div.doplnkove-foto-4 {
  width: 25%; float: left;  position: relative;
  }
  div.doplnkove-foto-3 {
  width: 33.33%; float: left;
  }
  div.doplnkove-foto-2 {
  width: 50%; float: left;
  }
  #logo {
  position: relative; width: 10%; float: left;  background-color: transparent; margin: 0 0 0 8%; text-align: left;
  }
  #navigace {
  width: 100%;  background-color: rgba(111,120,176,0.1);  float: right; padding: 5px 0 5px 0; text-align: center; border-top: 1px solid rgba(111,120,176,0.5);
  } 
  #hledej {
  width: 250px; text-align: right; margin: 22px 10% 0 0; float: right;  background-color: transparent;
  } 
  div.horni-ikony {
  position: relative; width: 170px; margin: 22px 0 0 2px; padding: 2px 0 5px 0; background-color: transparent; text-align: right;  float:right;
  }
  img.foto-obsah-velke {
  width:41%; margin: 0 2% 1% 0; float: left; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.19); padding: 4px; background-color: white;
  }
  img.foto-obsah-stredni {
  width:15%; margin: 0 2% 1% 0; float: left; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.19); padding: 4px; background-color: white;
  }
  img.foto-obsah-male{
  width:5%; margin: 0 2% 1% 0; float: left; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.19); padding: 4px; background-color: white;
  }
  img.prave-foto-obsah-velke {
  width:41%; margin: 0 2% 1% 0; float: right; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.19); padding: 4px; background-color: white;
  }
  img.prave-foto-obsah-stredni {
  width:15%; margin: 0 2% 1% 0; float: right; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.19); padding: 4px; background-color: white;
  }
  img.prave-foto-obsah-male{
  width:5%; margin: 0 2% 1% 0; float: right; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.19); padding: 4px; background-color: white;
  } 
  div.tabulka-kontakty {
  width: 54%; float: right; margin: -15px 0 0 0; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.19); padding: 4px; background-color: white;
  }
  div.prihlaseni {
  margin: 10px 0 0 0;  float: right; text-align: right;
  }
  div.jazyky {
  float: right; margin: 28px 10px 0 0; 
  }
  div.socialni-ikony {
  width: 56px; float: right;
  }
}


@media screen and (max-width: 1190px) {
  div.paticka_boxy {
  width: 25%; float: left; text-align: center; font-size: 12px;
  }
  img.horni-foto-zpravy {
  float: left; width: 35%; margin: 0 2% 8px 0;
  }
  div.doplnkove-foto-6 {
  width: 16.66%; float: left;
  }
  div.doplnkove-foto-5 {
  width: 20%; float: left;
  }
  div.doplnkove-foto-4 {
  width: 25%; float: left;  position: relative;
  }
  div.doplnkove-foto-3 {
  width: 33.33%; float: left;
  }
  div.doplnkove-foto-2 {
  width: 50%; float: left;
  }
  #logo {
  width: 100%; background-color: transparent; padding: 10px 0 -10px 0;  text-align: center; margin: 15px 0 -15px 0;
  }
  #navigace {
  width: 100%;  background-color: transparent; padding: 15px 0 15px 0; text-align: center;
  }
  #hledej {
  width: 100%; clear: both; text-align: center; margin: 10px 0 5px 0; padding: 5px 0 5px 0; background-color: rgb(243,243,243);
  }
  div.horni-ikony {
  position: relative; width: 100%; margin: 0 auto 0 auto; background-color: rgb(243,243,243); text-align: center; clear: both; padding: 5px 0 5px 0;
  }
  img.foto-obsah-velke {
  width:41%; margin: 0 2% 1% 0; float: left; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.19); padding: 4px; background-color: white;
  }
  img.foto-obsah-stredni {
  width:100%; margin: 0 2% 1% 0; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.19); padding: 4px; background-color: white;
  }
  img.foto-obsah-male{
  width:100%; margin: 0 2% 1% 0; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.19); padding: 4px; background-color: white;
  }
  img.prave-foto-obsah-velke {
  width:100%; margin: 0 2% 1% 0; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.19); padding: 4px; background-color: white;
  }
  img.prave-foto-obsah-stredni {
  width:100%; margin: 0 2% 1% 0; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.19); padding: 4px; background-color: white;
  }
  img.prave-foto-obsah-male{
  width:100%; margin: 0 2% 1% 0; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.19); padding: 4px; background-color: white;
  }
  div.tabulka-kontakty {
  width: 54%; float: right; margin: -15px 0 0 0; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.19); padding: 4px; background-color: white;
  }
  div.prihlaseni {
  padding: 8px 0 3px 0; width: 100%; text-align: center; background-color: rgb(243,243,243); margin: 5px 0 0 0;
  }
  div.jazyky {
  margin: 4px 0 0 0; padding: 5px 0 5px 0; text-align: center; width: 100%; background-color: rgb(243,243,243); 
  }
  div.socialni-ikony {
  width: 56px; margin: 6px auto 14px auto; position: relative; top: 2px;
  }
}

@media screen and (max-width: 1024px) {  
  div.paticka_boxy {
  width: 100%; text-align: center; font-size: 12px; margin-bottom: 20px;
  }
  img.horni-foto-zpravy {
  width: 100%; margin: 1% 0 1% 0;
  }
  div.doplnkove-foto-6 {
  width: 100%; margin: 1% 0 1% 0;
  }
  div.doplnkove-foto-5 {
  width: 100%; margin: 1% 0 1% 0;
  }
  div.doplnkove-foto-4 {
  width: 100%; margin: 1% 0 1% 0;  position: relative;
  }
  div.doplnkove-foto-3 {
  width: 100%; margin: 1% 0 1% 0;
  }
  div.doplnkove-foto-2 {
  width: 100%; margin: 1% 0 1% 0;
  }
  #logo {
  width: 100%; background-color: transparent; padding: 10px 0 -10px 0;  text-align: center; margin: 15px 0 -15px 0;
  }
  #navigace {
  width: 100%;  background-color: transparent; padding: 15px 0 15px 0; text-align: center;
  }
  #hledej {
  width: 100%; clear: both; text-align: center; margin: 10px 0 5px 0; padding: 5px 0 5px 0; background-color: rgb(243,243,243);
  }
  div.horni-ikony {
  position: relative; width: 100%; margin: 0 auto 0 auto; background-color: rgb(243,243,243); text-align: center; clear: both; padding: 5px 0 5px 0;
  }
  img.foto-obsah-velke {
  width:100%; margin: 1%; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.19); padding: 4px; background-color: white;
  }
  img.foto-obsah-stredni {
  width:100%; margin: 1%; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.19); padding: 4px; background-color: white;
  }
  img.foto-obsah-male{
  width:100%; margin: 1%; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.19); padding: 4px; background-color: white;
  }
  img.prave-foto-obsah-velke {
  width:100%; margin: 1%; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.19); padding: 4px; background-color: white;
  }
  img.prave-foto-obsah-stredni {
  width:100%; margin: 1%; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.19); padding: 4px; background-color: white;
  }
  img.prave-foto-obsah-male{
  width:100%; margin: 1%; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.19); padding: 4px; background-color: white;
  }
  div.tabulka-kontakty {
  width: 100%; margin: 0; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.19); padding: 4px; background-color: white;
  }
  div.prihlaseni {
  padding: 8px 0 3px 0; width: 100%; text-align: center; background-color: rgb(243,243,243); margin: 5px 0 0 0;
  }
  div.jazyky {
  margin: 4px 0 0 0; padding: 5px 0 5px 0; text-align: center; width: 100%; background-color: rgb(243,243,243); 
  }
  div.socialni-ikony {
  width: 56px; margin: 6px auto 14px auto; position: relative; top: 2px;
  }
}

@media screen and (max-width: 758px) {
  div.paticka_boxy {
  width: 100%; text-align: center; font-size: 12px; margin-bottom: 20px;
  }
  img.horni-foto-zpravy {
  width: 100%;  margin: 1% 0 1% 0;
  }
  div.doplnkove-foto-6 {
  width: 100%; margin: 1% 0 1% 0;
  }
  div.doplnkove-foto-5 {
  width: 100%; margin: 1% 0 1% 0;
  }
  div.doplnkove-foto-4 {
  width: 100%; margin: 1% 0 1% 0;  position: relative;
  }
  div.doplnkove-foto-3 {
  width: 100%; margin: 1% 0 1% 0;
  }
  div.doplnkove-foto-2 {
  width: 100%; margin: 1% 0 1% 0;
  }
  #logo {
  width: 100%; background-color: transparent; padding: 10px 0 -10px 0;  text-align: center; margin: 15px 0 -15px 0;
  }
  #navigace {
  width: 100%;  background-color: transparent; padding: 15px 0 15px 0; text-align: center;
  } 
  #hledej {
  width: 100%; clear: both; text-align: center; margin: 10px 0 5px 0; padding: 5px 0 5px 0; background-color: rgb(243,243,243);
  }
  div.horni-ikony {
  position: relative; width: 100%; margin: 0 auto 0 auto; background-color: rgb(243,243,243); text-align: center; clear: both; padding: 5px 0 5px 0;
  }
  img.foto-obsah-velke {
  width:100%; margin: 1%; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.19); padding: 4px; background-color: white;
  }
  img.foto-obsah-stredni {
  width:100%; margin: 1%; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.19); padding: 4px; background-color: white;
  }
  img.foto-obsah-male{
  width:100%; margin: 1%; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.19); padding: 4px; background-color: white;
  }
  img.prave-foto-obsah-velke {
  width:100%; margin: 1%; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.19); padding: 4px; background-color: white;
  }
  img.prave-foto-obsah-stredni {
  width:100%; margin: 1%; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.19); padding: 4px; background-color: white;
  }
  img.prave-foto-obsah-male{
  width:100%; margin: 1%; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.19); padding: 4px; background-color: white;
  }
  div.tabulka-kontakty {
  width: 100%; margin: 0; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.19); padding: 4px; background-color: white;
  }
  div.prihlaseni {
  padding: 8px 0 3px 0; width: 100%; text-align: center; background-color: rgb(243,243,243); margin: 5px 0 0 0;
  }
  div.jazyky {
  margin: 4px 0 0 0; padding: 5px 0 5px 0; text-align: center; width: 100%; background-color: rgb(243,243,243); 
  }
  div.socialni-ikony {
  width: 56px; margin: 6px auto 14px auto; position: relative; top: 2px;
  }
}

@media screen and (max-width: 524px) {
  div.paticka_boxy {
  width: 100%; text-align: center; font-size: 12px; margin-bottom: 20px;
  }
  img.horni-foto-zpravy {
  width: 100%;  margin: 1% 0 1% 0;
  }
  div.doplnkove-foto-6 {
  width: 100%; margin: 1% 0 1% 0;
  }
  div.doplnkove-foto-5 {
  width: 100%; margin: 1% 0 1% 0;
  }
  div.doplnkove-foto-4 {
  width: 100%; margin: 1% 0 1% 0;  position: relative;
  }
  div.doplnkove-foto-3 {
  width: 100%; margin: 1% 0 1% 0;
  }
  div.doplnkove-foto-2 {
  width: 100%; margin: 1% 0 1% 0;
  }
  #logo {
  width: 100%; background-color: transparent; padding: 10px 0 -10px 0;  text-align: center; margin: 15px 0 -15px 0;
  }
  #navigace {
  width: 100%;  background-color: transparent; padding: 15px 0 15px 0; text-align: center;
  }
  #hledej {
  width: 100%; clear: both; text-align: center; margin: 10px 0 5px 0; padding: 5px 0 5px 0; background-color: rgb(243,243,243);
  }
  div.horni-ikony {
  position: relative; width: 100%; margin: 0 auto 0 auto; background-color: rgb(243,243,243); text-align: center; clear: both; padding: 5px 0 5px 0;
  }
  img.foto-obsah-velke {
  width:100%; margin: 1%; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.19); padding: 4px; background-color: white;
  }
  img.foto-obsah-stredni {
  width:100%; margin: 1%; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.19); padding: 4px; background-color: white;
  }
  img.foto-obsah-male{
  width:100%; margin: 1%; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.19); padding: 4px; background-color: white;
  }
  img.prave-foto-obsah-velke {
  width:100%; margin: 1%; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.19); padding: 4px; background-color: white;
  }
  img.prave-foto-obsah-stredni {
  width:100%; margin: 1%; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.19); padding: 4px; background-color: white;
  }
  img.prave-foto-obsah-male{
  width:100%; margin: 1%; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.19); padding: 4px; background-color: white;
  }
  div.tabulka-kontakty {
  width: 100%; margin: 0; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.19); padding: 4px; background-color: white;
  }
  div.prihlaseni {
  padding: 8px 0 3px 0; width: 100%; text-align: center; background-color: rgb(243,243,243); margin: 5px 0 0 0;
  }
  div.jazyky {
  margin: 4px 0 0 0; padding: 5px 0 5px 0; text-align: center; width: 100%; background-color: rgb(243,243,243); 
  }
  div.socialni-ikony {
  width: 56px; margin: 6px auto 14px auto; position: relative; top: 2px;
  }
}

table.tabulka-kontakty {
width: 100%;
}








div.cistic {
 clear: both;
}
h4.nadpis-kontakty-paticka {
font-size: 18px;
}
p.poutac-paticka {
   font-size: 150%; line-height: 160%; font-family: verdana; text-align: center; margin: 20px 0 30px 0;
}
p.copy-paticka {
   font-size: 12px; line-height: 18px font-family: arial; text-align: center; margin: 8px 0 25px 0; clear: both;
}
img.ikony-paticka {
 height: 40px; margin-bottom: 15px;
}
img.ikony-social {
width: 50px; float: left; margin: 10px;
}

div.socialni-site {
width: 149px; margin: 20px auto 20px auto;
}
p.odstavec-uvodni-aktualita {
margin: 10px; text-align: justify; font-size: 110%; margin: 0 15px 0 15px;
}
div.datum-uvodni-aktualita {
width: 100%; height: 40px; line-height: 40px; vertical-align: middle; text-align: center; font-size: 18px; font-family: verdana, arial;
}
div.img-box {
margin: 4px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.19);
}
div.vnitrni-img-box {
border: 4px solid white; overflow: hidden; text-align: center;
}
img.img-zpravy-obsah {
height: 100%;
}
img.img-obsah {
padding: 10px; width: 90%;
}
img.obrazek-produktove-menu {
width: 100%; margin: 0 0 4px 0; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */filter: grayscale(100%);
}
a.odkaz-produktove-menu {
padding: 5px; padding-bottom: 5px; color: rgb(64,64,64); display: block;
}
a:hover.odkaz-produktove-menu {
padding: 5px; padding-bottom: 5px; color: rgb(255,255,255); display: block; background-color:rgba(0,144,0,0.6);
}
li.current.active {
background-color: rgba(0,128,255,0.4);
}
img.foto-obsah-produkty {
width: 100%; margin: 1% 0 1% 0;
}
div.katalogove-listy {
position: relative; float: right; margin: 0 0 10px 20px; width: 25%; padding: 0px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.19); 
}
h3.nadpis-katalogovy-list {
background-color: rgb(240,240,240); padding: 8px; font-size: 1em;
}
h3.obsah_podnadpis {
margin: 0 0 1% 0; padding: 0; line-height: 0.8em;
}
img.ikona-pdf-produkt {
position: absolute; top: 15px; left: 0px; width: 100%; 
}
img.certifikat {
border: 1px solid rgb(208,208,208); height: 100%; width: 100%;
}
#data-produkty {
border: 1px solid rgb(176,176,176); text-align: center; width: 100%; margin: 10px 0 0 0;
}
td {
border: 1px solid rgb(176,176,176);
}
a.odkaz-katalogovy-list {
background-color: transparent; border: none; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 10; -webkit-transition-duration: 0.6s; /* Safari */ transition-duration: 0.6s;
}
a:hover.odkaz-katalogovy-list {
background-color: rgba(0,144,0,0.2); border: none; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 10;
}
li.seznam-obsah {
margin: 0; padding: 0;
}
ul.seznam-obsah {
margin: 0 0 0 15px; list-style: none;
}
div.prava-navigace {
margin-bottom: 15px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.19); text-align: center; font-weight: bold; color: rgb(60,88,149);
}
ul.latestnews {
border: none; margin: 0; padding: 0;
}
li.seznam-nejnovejsi-clanky {
list-style: none; padding: 8px 0 8px 10px; margin: 5px 0 5px 0; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.19);
}
ul.seznam-vedle-obrazku {
display: table; margin: 0 0 0 20%; padding: 0; width: 80%;
}
a.odkaz-tabulka {
width: 100%; height: 100%; display: block; -webkit-transition-duration: 0.6s; /* Safari */ transition-duration: 0.6s; color: black;
}
a:hover.odkaz-tabulka {
width: 100%; height: 100%; display: block; background-color: rgba(48,144,0,0.5);
}
h4.nadpis-katalogovy-list {
height: 38px; background-color: rgba(224,224,224,0.5); padding-top: 10px; font-size: 0.9em; color: rgb(48,48,48);
}

   .flip3D{position: relative; width: 100%; height: 240px; margin: 0 auto 0 auto; border: none;}
   .flip3D > .front {
    position: relative;
    -webkit-transform: perspective( 600px ) rotateX( 0deg );
    transform: perspective( 600px ) rotateX( 0deg );
    background: rgb(64,64,64); width: 340px; height: 240px; border-radius: 7px;  margin: -251px auto 0 auto;
    backface-visibility: hidden;
    transition: -webkit-transform .7s linear 0s;
    transition: transform .7s linear 0s; cursor: pointer; cursor: hand;
    }
    .flip3D > .back {
    position: relative;
    -webkit-transform: perspective( 600px ) rotateX( 180deg );
    transform: perspective( 600px ) rotateX( 180deg );
    background: rgb(112,112,112); width: 340px; height: 240px; border-radius: 7px;  margin: 0 auto 0 auto;
    backface-visibility: hidden;
    transition: -webkit-transform .7s linear 0s;
    transition: transform .7s linear 0s;  cursor: pointer; cursor: hand;
    overflow: hidden;
    }
     .flip3D:hover > .front {
     -webkit-transform: perspective( 600px ) rotateX( -180deg );
     transform: perspective( 600px ) rotateX( -180deg );
     }
     .flip3D:hover > .back {
     -webkit-transform: perspective( 600px ) rotateX( 0deg );
     transform: perspective( 600px ) rotateX( 0deg );
     }
     
td {
padding: 4px 10px 4px 10px;
}


h3.uvodni-box-nadpis {
 position: relative; padding: 0; margin-bottom: -57px; color: green; z-index: 100;
}

img.uvodni-foto {
margin-bottom: -8px;
}
img.zpravy { width: 24px;  float: right; padding: 0; margin: 0 0 0 5px;
}
td.bunka-leva-kontakty {
border-top: none;  border-right: none; border-bottom: 1px solid white; border-left: none; background-color: rgba(224,224,224,0.5);
}
td.bunka-prava-kontakty {
border-top: none;  border-right: none; border-bottom: 1px solid white; border-left: none; background-color: rgb(247,247,247);
}
a.tlacitko-kontakty {
width: 200px; float: right; border-radius: 2px; padding: 2% 0 2%; background-color: rgb(51,204,0); text-align: center; color: white; text-decoration: none; margin: 0 4px 4px 0; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.19); -webkit-transition-duration: 0.7s; /* Safari */ transition-duration: 0.7s;
}
a:hover.tlacitko-kontakty {
width: 200px; float: right; border-radius: 2px; padding: 2% 0 2%; background-color: rgba(51,204,0,0.1); text-align: center; color:rgb(0,96,0); text-decoration: none; margin: 0 4px 4px 0; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.19);
}

a.tlacitko-produkty-prihlaseno {
cursor: pointer; width: 50%; display: block; border-radius: 2px; padding: 2% 0 2%; font-size: 14px; background-color: rgb(51,204,0); text-align: center; color: white; text-decoration: none; margin: 0 4px 4px 0; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.19); -webkit-transition-duration: 0.7s; /* Safari */ transition-duration: 0.7s;
}
a:hover.tlacitko-produkty-prihlaseno {
width: 50%; display: block; border-radius: 2px; padding: 2% 0 2%; font-size: 14px; background-color: rgba(51,204,0,0.1); text-align: center; color:rgb(0,96,0); text-decoration: none; margin: 0 4px 4px 0; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.19);
}

a.tlacitko-produkty-neprihlaseno {
width: 50%; display: block; border-radius: 2px; padding: 2% 0 2%; font-size: 14px; background-color: rgb(192,0,0); text-align: center; color: white; text-decoration: none; margin: 0 4px 4px 0; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.19); -webkit-transition-duration: 0.7s; /* Safari */ transition-duration: 0.7s;
}
a:hover.tlacitko-produkty-neprihlaseno {
width: 50%; display: block; border-radius: 2px; padding: 2% 0 2%; font-size: 14px; background-color: rgba(192,0,0,0.1); text-align: center; color:rgb(0,96,0); text-decoration: none; margin: 0 4px 4px 0; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.19);
}
img.foto-obsah-siroke {
  width:100%; margin: 0 2% 1% 0; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.19); padding: 4px; background-color: white;
}
div.mail-odeslan {
width: 100%; margin-top: 20px; background-color: rgba(102,204,0,0.6); border: 1px solid rgb(102,204,0); border-radius: 8px; font-size: 16px;
}
div.skryvany {
display: none; -webkit-transition-duration: 0.7s; /* Safari */ transition-duration: 0.7s;
}

div.box-katalogovy-list {
position: relative; clear: both; line-height: 44px; vertical-align: middle; text-indent: 10px; width: 100%; margin-bottom: 10px; background-color: #f1f1f1; border-bottom: 1px solid #e4e4e4;
}
img.ikona-katalogovy-list {
float: right; border-left: 10px solid white; background-color: white;
}
h1.uvod-nadpis {
color: rgba(255,255,255,0.5);
}
div.konfigurator {
    position: absolute;
    width: 40px;
    height: 157px;
    background: red;
    transition: width 2s;
    position: fixed;
    top: 200px;
    right: 0;
    background-color: #4caf50; 
    font-weight: bold; 
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    overflow: hidden;
}
div:hover.konfigurator {
     width: 250px;
}

div.konfigurator-viditelny {
position: absolute; top: 0; right: 0; height: 120px; z-index: 10;
}
div.konfigurator-neviditelny {
position: absolute; left: 0; top: 0; width: 190px; background-color: transparent; font-size: 11px; padding: 10px; color: white; font-weight: normal;  color: rgba(0,0,0,0.6);
}


img.domu { 
 width: 24px; margin: -7px 5px 0 0;
}
h2.h2-kariera {
  background-color: rgba(38,73,129, 0.6); padding: 5px 5px 5px 12px; border-radius: 0 8px 8px 0; color: white;
}
ul.ul-kariera {
  overflow: hidden; list-style: outside; padding: 0 0 0 15px; margin: -10px 0 10px 0;
}

ul.cz-hlavni-nabidka {
box-shadow: none;  
}
div.tlacitko-zpravy {
  position: relative; text-align: center; background-color: rgba(38,73,129, 0.6);
}
a.odkaz-zpravy {
  display: block; width: 100%; height: 100%; -webkit-transition-duration: 0.7s; /* Safari */ transition-duration: 0.7s;  padding: 10px 0 10px 0; color: white;
}
a:hover.odkaz-zpravy {
  display: block; width: 100%; height: 100%; background-color: rgba(0,0,0, 0.3); padding: 10px 0 10px 0;
}
#top-nabidka >li, ul.nav-child > li {
box-shadow: none; background-color: transparent; z-index: 100;
}
ul.nav-child > li {
border-bottom: 1px solid rgba(0,0,0,0.2); font-size: 14px; 
}
ul.nav-child {
border: none; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.19); padding: 0;
}
#top-nabidka >li.active {
background-color: rgb(120,138,166);
  }
img.menu-obrazek {
    margin: 0 25px 0 18px;
}




select.input-hodnoceni {
  width: 50%;
}
label.label-hodnoceni {
  width: 50%;
}