/*
Free Html5 Responsive Templates
Author: Kimmy Tran
Author URI: http://www.zerotheme.com/
*/
html {
   -webkit-text-size-adjust: none;
}
.video embed,
.video object,
.video iframe {
   width: 100%;
   height: auto;
}
img{
	max-width:100%;
	height: auto;
   	width: auto\9; /* ie8 */
}
/*------------------------*/
@media only screen and (max-width: 1300px) and (min-width:985px) {
  #logo {width: 36%;}
	#logo p {padding: 5px 0 0 20px;}  
  #hlavickahledat {top: -125px; right: 30px;}
  .menu li a {padding: 7px 11px 5px 11px; font-size: 13px; letter-spacing: 0;}
  .mapa {clear: both; width: 100%; margin: 0 0 20px 10px; text-align: left;}
  .mapagoogle {width: 100%; height: 300px;}
  fieldset {padding: 15px 2px 20px 10px;}
  #formular .form-text {width: 100%; text-align: left;}
  #formular label {height: 30px;}
  #formular input {width: 90%;}
  #formular textarea {width: 90%; max-width: 100%;}
  #form-tlac {margin: 0 10px 0 19%;}
  #form-tlac input {width: 40%;}
  .clanek {width: 22%; margin: 25px 10px 25px 10px;}
  #vpravopiste {display: none;}
}

@media only screen and (max-width: 984px) {
  #logo {width: 36%;}
	#logo p {padding: 5px 0 0 20px;}  
  #hlavickahledat {top: -125px; right: 30px;}
  .menu li a {padding: 7px 4px 5px 4px; font-size: 12px; letter-spacing: 0;}
  .menu ul {width: 170px;}
  .menu ul a {width: 170px;}
  #menu li:hover ul a:hover, #menu li.sfHover ul a:hover {width: 170px;}


  .mapa {clear: both; width: 100%; margin: 0 0 20px 10px; text-align: left;}
  .mapagoogle {width: 100%; height: 300px;}
  fieldset {padding: 15px 2px 20px 10px;}
  #formular .form-text {width: 100%; text-align: left;}
  #formular label {height: 30px;}
  #formular input {width: 90%;}
  #formular textarea {width: 90%; max-width: 100%;}
  #form-tlac {margin: 0 10px 0 19%;}
  #form-tlac input {width: 40%;}
  .clanek {width: 22%; margin: 25px 10px 25px 10px;}
  #vpravopiste {display: none;}
}

/*------------iPhone 6 šířka------------*/
@media only screen and (max-width: 767px) {
  #logo {width: 42%;}
	#logo p {padding: 0 0 0 20px;} 
  #hlavickahledat {top: -180px; right: 30px;}
  .menu li a {padding: 7px 3px 5px 3px; letter-spacing: 0; font-size: 12px;}
  .mapa {clear: both; width: 100%; margin: 0 0 20px 0; text-align: left;}
  .mapagoogle {width: 90%; height: 300px;}
  fieldset {width: 95%; padding: 15px 2px 20px 10px; margin: 0;}
  .kontaktform1 {width: 80%;}
  .kontaktform2 {width: 50%;}
  .kontaktform3 {width: 80%;}
  #tlacitka {padding: 10px 0 10px 10%;}
  .labkontakt {clear: both; width: 100%; text-align: left; padding: 0;}
  .clanek {width: 29%; margin: 25px 10px 25px 10px;}
  #vpravopiste {display: none;}
}

/*-----------iPhone výška-------------*/
@media only screen and (max-width: 640px) {
  #page2 header {margin: 90px 0 20px 0;}
  #logo {width: 75%;}
	#logo p {padding: 0 0 0 20px; margin: 30px 0 0 0;}
  #logo p a {height: 100px;}
  #hlavickahledat {top: -80px; right: 30px;}
  .menu li a {padding: 10px 15px 6px 15px; margin: 0 6px 0 6px; letter-spacing: 0;}
  #hlavickahledat {display: none;}
  .uvod2 {padding: 20px 20px 30px 20px;}
  .uvod3 {padding: 30px 20px 30px 20px;}
  .uvod4, .uvod6 {padding: 20px 20px 60px 20px;}
  footer {padding: 50px 0 30px 0; letter-spacing: 0;}
  footer span {font-size: 17px;}
  .mapa {clear: both; width: 90%; margin: 0 0 20px 10px; text-align: left;}
  .mapagoogle {width: 100%; height: 300px;}
  dt {padding: 0;}
  dd {margin: 0 0 0.5em 110px;}
  fieldset {padding: 15px 2px 20px 10px;}
  .form-pozn {text-align: center; padding: 0;}
  .kontaktform1 {width: 80%;}
  .kontaktform2 {width: 50%;}
  .kontaktform3 {width: 80%;}
  #form-tlac {margin: 0 10px 0 19%;}
  .clanek {width: 48%; margin: 5px 1%;}
  .novinka {width: 95%;}
  #vpravopiste {display: none;}
  .piktogram2 {width: 47%; padding: 20px 0.5% 10px; margin: 0 1% 20px; }
}

@media only screen and (max-width: 320px) {
  #logo {width: 110%;}
	#logo p {padding: 0; margin: 0;}
   h1 {font-size: 190%;}
  #hlavickahledat {display: none;}
  #content1 {margin: 80px 0 10px 0;}
  .uvod3 {padding: 30px 20px 30px 20px;}
  .uvod4, .uvod6 {padding: 20px 20px 60px 20px;}
  .uvod5 {width: 48%; padding-top: 25px;}
  footer {padding: 50px 20px 30px 20px; letter-spacing: 0;}
  footer span {font-size: 12px;}
  dt {clear: both; width: 100%; padding: 0;}
  dd {margin: 0 0 0.5em 35px;}
  fieldset {padding: 15px 2px 20px 10px;}
  #form-tlac {margin: 0 10px 0 19%;}
  .clanek {width: 93%; margin: 25px 10px 25px 10px;}
  .novinka {clear: both; width: 95%; height: auto;}
  .novinka-text {padding: 0 0 10px 10px;}
  .novinka-foto {clear: both; width: 100%;}
  #vpravopiste {display: none;}
  .piktogram2 {float: none; width: 90%; height: auto; padding: 20px 0.5% 10px; margin: 0 0 20px;}
}