/*
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) {
  h2 {font-size: 28px;}
  #content1 {padding: 10px 0 0 0;}
  #content1 .col-1-2 .uvod1 h1 {font-size: 35px; margin: 30% 100px 0 0;}
  #content1 .col-1-2 .uvod1 img {width: 300px; height: 179px; margin: 25% 100px 0 0;}
  #content2 .uvod2foto, #content3 .uvod3foto, #content4 .uvod4foto, #content5 .uvod5foto, #content6 .uvod6foto, #content7 .uvod7foto, #content8 .uvod8foto, #content9 .uvod9foto, #content10 .uvod10foto, #content11 .uvod11foto, #content12 .uvod12foto, #content14 .uvod14foto {width: 300px;}
  .barva1, .barva2, .barva3 {width: 120px; height: 120px; margin: 7px 2%;}
  .barva3 {margin: 0 19%;}
  .barva1 p, .barva2 p, .barva3 p {font-size: 15px; padding: 40% 0 0 0;}
  .uvod2, .uvod4, .uvod8, .uvod10, .uvod5, .uvod12 {margin: 0 0 0 36%;}
  .uvod3, .uvod6, .uvod9, .uvod11, .uvod14  {margin: 0 36% 0 0;}
  #content5 {padding: 30px 0 50px 0;}
  .uvod5 dl {padding: 0;}
  #content15 {padding: 0 0 30px 0;}
}

@media only screen and (max-width: 984px) {
  header {height: 10px;}
  h2 {font-size: 28px; margin: 30px 0 0 0;}
  #content1 {padding: 10px 0 20px 0;}
  #content4 {padding: 10px 0 20px 0;}
  #content1 .uvod1foto {float: none; width: 100%; padding: 0; margin: 0;}
  #content1 .uvod1 {display: none;}
  #content1 .uvod1mobil {display: block;}
  #content1 .uvod1mobil h1 {margin: 20px 0;}
  .uvod2, .uvod3, .uvod4, .uvod5, .uvod6, .uvod7, .uvod8, .uvod9, .uvod10, .uvod11, .uvod12, .uvod14 {position: relative; margin: 0; text-align: center; transform: translate(0,0);}
  #content2 .uvod2foto, #content3 .uvod3foto, #content4 .uvod4foto, #content5 .uvod5foto, #content6 .uvod6foto, #content7 .uvod7foto,  #content8 .uvod8foto, #content9 .uvod9foto, #content10 .uvod10foto, #content11 .uvod11foto, #content12 .uvod12foto, #content14 .uvod14foto {float: none; width: 100%; padding: 0; margin: 30px auto 10px;}
  #content5 {padding: 30px 0 10px 0;}
  .uvod5, .uvod14 {text-align: left;}
  #content5 .uvod5foto, #content14 .uvod14foto {width: 60%; margin: 30px 20% 10px;}
  .uvod5 dl, .uvod14 dl {padding: 0;}
  #content14 {padding: 10px 0 20px;}
  #content15 {padding: 0;}
}

/*------------iPhone 6 šířka------------*/
@media only screen and (max-width: 767px) {

}

/*-----------iPhone výška-------------*/
@media only screen and (max-width: 640px) {  
  body {background-attachment: scroll !important; }
  #vlajky {width: 46%; text-align: right; margin: 0; padding: 10px 2%; background-color: rgba(255,255,255,0.9); z-index: 1;}
  #vlajka {padding: 0 5px;}
  .overlay {display: block;}
  .menu-row {display: none;}
  .menuresponziv {width: 46%; display: block; position: fixed; top: 0; left: 0; padding: 10px 2%; font-size: 30px; color: #fff; background-color: rgba(255,255,255,0.9); cursor: pointer; z-index: 400;}
  .menuresponziv span {font-size: 30px; color: #222; cursor: pointer;}
  .overlay {height: 100%; width: 0; position: fixed; top: 0; left: 0; background-color: rgba(0,0,0, 0.9); overflow-x: hidden; transition: 0.5s; z-index: 500;}
  .overlay-content {position: relative; top: 10%; width: 100%; text-align: center; margin-top: 30px;}
  .overlay a {padding: 12px; text-decoration: none; font-size: 36px; line-height: 130%; color: #999; display: block; transition: 0.3s;}
  .overlay a.zviraz {margin: 0 10px; background-color: #21509b; }
  .overlay a:hover, .overlay a:focus {color: #d3c065;}
  .overlay .closebtn {position: absolute; top: 20px; right: 45px; font-size: 60px;}
  #content1 .uvod1 h1 {margin: 0;}
  #content4 {padding: 10px 0 40px 0;}
  #content7 {padding: 10px 0 0 0;}
  .uvod8 {padding: 30px 0 0;}
  #content8 {padding: 10px 0 0 0;}
  #content8 .uvod8foto1 {width: 48%; margin: 50px 2% 50px 0;}
  #content8 .uvod8foto2 {width: 48%; margin: 50px 0 50px 2%;}
  #content9 {padding: 0;}
  .uvod9 {padding: 0 0 10px;}
  .barva0 {width: 273px; margin: 0 auto 30px;}
  .barva1, .barva2, .barva3 {width: 120px; height: 120px;}
  .barva1 p, .barva2 p, .barva3 p {font-size: 14px; padding: 40% 0 0 0;}
  .barva3 {margin: 0 28%;}
  .uvod5 dt, .uvod14 dt {clear: both; width: 100%; text-align: center;}
  .uvod5 dd, .uvod14 dd {margin: 0 0 10px 0; text-align: center;}
  #content12 {padding: 10px 0 0 0;}
  .uvod13 {padding: 30px 0 0;}
}

@media only screen and (max-width: 320px) {
  #dialog {min-height: 200px !important; }
  .dialog-obsah p {font-size: 18px; line-height: 20px;}
  .barva0 {width: 150px; margin: 0 auto;}
  .barva1, .barva2, .barva3 {width: 150px; height: 150px; margin: 0 auto 30px;}
  .barva1 p, .barva2 p, .barva3 p {font-size: 16px; padding: 42% 0 0 0;}
}