c/*
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: 95%; margin: 0 auto 0 5%;}
  .menu li a {padding: 15px 15px 13px; margin: 0 2px;}
  .menu ul {width: 147px; margin: 0 0 0 2px;}
  .menu ul a {width: 147px; margin: 0; padding: 5px; white-space: normal;}
  #menu li:hover ul a:hover, #menu li.sfHover ul a:hover {width: 147px;}
  .menu .menuesteticka ul {width: 179px;}
  .menuesteticka ul a {width: 179px;}
  #menu .menuesteticka:hover ul a:hover {width: 179px;}
  .menu > li > a:hover {padding: 15px 15px 13px; margin: -3px 2px 0;}
  .is-sticky #sticker .menu li a {padding: 15px 15px 13px; margin: 0 2px;}
  .is-sticky #sticker .menu ul {margin: 0 0 0 2px;}
  .is-sticky #sticker .menu .menuesteticka ul {width: 179px;}
  .is-sticky #sticker .menu ul {width: 147px;}
  .is-sticky #sticker .menu ul a {width: 147px; margin: 0; padding: 5px; white-space: normal;}
  .is-sticky #sticker .menu li:hover ul, .is-sticky #sticker .menu li.sfHover ul {top: 50px;}
  .is-sticky #sticker .menuesteticka ul a {width: 179px;}
  .is-sticky #sticker #menu li:hover ul a:hover, .is-sticky #sticker #menu li.sfHover ul a:hover {width: 147px;}
  .is-sticky #sticker #menu .menuesteticka:hover ul a:hover {width: 179px;}
  .is-sticky #sticker .menu > li > a:hover {padding: 15px 15px 13px; margin: -3px 2px 0;}
  #content1 {height: 600px; background-size: 100%;}
  .uvod1 .box:nth-child(1) {width: 40%; margin: 250px 5% 0 0; padding: 50px 0 0;}
  .uvod1 .box:nth-child(2) img {height: 200px; top: 90px;}
  .uvod1 .tlacitko {margin: 20px auto 10px 0;}
  .uvod1-anim2 {padding: 5px 0 0;}
  .uvod2 .box:nth-child(1) {width: 50%;}
  .uvod3 .box:nth-child(1) {width: 55%;}
  .reference {float: left; width: 31.333%; margin: 0 1%;}
  .reference-box {float: none; width: 100%; margin: 0;}

}

@media only screen and (max-width: 984px) {
  header {height: 140px;}
  #logo {width: 100%; margin: 0 auto;}
  #logo p {margin: 0 auto;}
  .rychlykontakt {top: 20px; text-align: center; padding: 0;}
  .menu-row {margin: 35px 0 0;}
  .menu {margin: 0 auto; padding: 10px 0 0 0; text-align: center;}
  .menu li a {padding: 15px 10px 13px; margin: 0 1px; font-size: 13px;}
  .menu ul {width: 123px; margin: 0 0 0 1px;}
  .menu ul a {width: 123px; margin: 0; padding: 5px; white-space: normal;}
  #menu li:hover ul a:hover, #menu li.sfHover ul a:hover {width: 123px; margin: 0 1px;}
  .menu .menuesteticka ul {width: 151px;}
  .menuesteticka ul a {width: 151px;}
  #menu .menuesteticka:hover ul a:hover {width: 151px;}
  .menu > li > a:hover {padding: 15px 10px 13px; margin: -3px 1px 0;}
  .is-sticky #sticker .menu {padding: 5px 0 0 0;}
  .is-sticky #sticker .menu li a {padding: 15px 10px 13px; margin: 0 1px;}
  .is-sticky #sticker .menu ul {width: 123px; margin: 0 0 0 1px;}
  .is-sticky #sticker .menu ul a {width: 123px; margin: 0; padding: 5px; white-space: normal;}
  .is-sticky #sticker .menu li:hover ul, .is-sticky #sticker .menu li.sfHover ul {top: 50px;}
  .is-sticky #sticker #menu li:hover ul a:hover, .is-sticky #sticker #menu li.sfHover ul a:hover {width: 123px;}
  .is-sticky #sticker .menu .menuesteticka ul {width: 151px;}
  .is-sticky #sticker .menuesteticka ul a {width: 151px;}
  .is-sticky #sticker #menu .menuesteticka:hover ul a:hover {width: 151px;}
  .is-sticky #sticker .menu > li > a:hover {padding: 15px 10px 13px; margin: 0 1px;}
  #content1 {height: auto; background-size: 100%; background-position: left top;}
  .uvod1 .box:nth-child(1) {float: none; width: 100%; padding: 50px 5%; margin: 500px 0 0 0; background-color: #fff; overflow: hidden;}
  .uvod1 .box:nth-child(2) img {height: 300px; top: 100px; z-index: 1;}
  .uvod2 .box:nth-child(1) {width: 85%;}
  .uvod1 .tlacitko {margin: 20px auto 10px 0;}
  .uvod1-anim2 {padding: 5px 0 0;}
  .uvod3 .box:nth-child(1) {width: 60%;}
  .uvod3 .box:nth-child(2) {width: 30%; margin: 100px 5%;}
  .uvodinfo {width: 100%;}
  .uvodinfo .box {min-height: 300px;}
  .reference {float: left; width: 31.333%; margin: 0 1%;}
  .reference-box {float: none; width: 100%; margin: 0;}
  .ref-foto {height: auto;}
  .ref-foto img {width: auto; height: auto;}
  .ref-text {height: auto; margin: 0 0 20px;}
  .faq-foto {float: none; margin: 50px auto 50px; text-align: center;}
  .onas .box {float: none; width: 100%; min-height: auto; margin: 20px 0 15px 0; padding: 20px 5%;}
  .kontakt .box0 {width: 100%;}
  .kontakt .box {white-space: nowrap;}
}

/*------------iPhone 6 šířka------------*/
@media only screen and (max-width: 767px) {
  header {height: 250px;}
  .menu li a {padding: 15px 15px 13px; margin: 0 2px 6px; font-size: 13px;}
  .menu ul {width: 133px; margin: 0 0 0 2px;}
  .menu ul a {width: 133px; margin: 0; padding: 5px; white-space: normal;}
  #menu li:hover ul a:hover, #menu li.sfHover ul a:hover {width: 133px; margin: 0;}
  .menu .menuesteticka ul {width: 162px;}
  .menuesteticka ul a {width: 162px;}
  #menu .menuesteticka:hover ul a:hover {width: 162px;}
  .menu > li > a:hover {padding: 15px 15px 13px; margin: 0 2px 6px;}
  .is-sticky #sticker .menu-row {height: 117px;}
  .is-sticky #sticker .menu li a {padding: 15px 15px 13px; margin: 0 2px 6px;}
  .is-sticky #sticker .menu ul {width: 133px; margin: 0 0 0 2px;}
  .is-sticky #sticker .menu ul a {width: 133px; margin: 0; padding: 5px; white-space: normal;}
  .is-sticky #sticker .menu li:hover ul, .is-sticky #sticker .menu li.sfHover ul {top: 50px;}
  .is-sticky #sticker #menu li:hover ul a:hover, .is-sticky #sticker #menu li.sfHover ul a:hover {width: 133px;}
  .is-sticky #sticker .menu .menuesteticka ul {width: 161px;}
  .is-sticky #sticker .menuesteticka ul a {width: 161px;}
  .is-sticky #sticker #menu .menuesteticka:hover ul a:hover {width: 161px;}
  .is-sticky #sticker .menu > li > a:hover {padding: 15px 15px 13px; margin: 0 2px 6px;}
  .uvod1 .box:nth-child(1) {margin: 350px 0 0 0;}
  .uvod1 .box:nth-child(2) img {height: 200px; top: 100px;}
  .uvod3 .box:nth-child(1) {clear: both; float: none; width: 95%; margin: 0 auto 0 5%;}
  .uvod3 .box:nth-child(2) {clear: both; float: none; width: 90%; margin: 0 5% 50px; text-align: center;}
  .uvodinfo .box {min-height: 350px;}
  .faq-foto {margin: 20px auto;}
  .faq-foto img {height: 300px;}
  .kontakt .box {float: none; width: 100%; margin: 0;}
  .obrazek-vpravo img {height: 300px;}
  #content-nadpis h1 {padding: 30px 0 30px;}
}

/*-----------iPhone výška-------------*/
@media only screen and (max-width: 640px) {  
  header {height: 80px; margin: 0 auto;}
  #logo {display: none;}
  .rychlykontakt {height: 60px; margin: -20px 0 0 0; padding: 20px 0 5px; text-align: center; background-color: #d7f0e9;}
  .is-sticky #sticker .menu-row {height: 0;}
  .is-sticky #sticker .rychlykontakt {top: -80px;}
  .menu .menuesteticka ul {width: 100%;}
  .menuesteticka ul a {width: 100%;}
  .rychlykontakt {text-align: center;}
  .rychlykontakt span {margin: 0 3px 0 10px;}
  #paticka .col-1-4 {padding: 50px 0 0 0;}
  #paticka .col-2-4 {padding: 50px 0 0;}
  #paticka .col-3-4 {text-align: center; padding: 50px 0 0;}
  .uvod1 p {font-size: 20px; line-height: 25px;}
  .uvod1 .box:nth-child(1) {margin: 200px 0 0 0;}
  .uvod1 .box:nth-child(2) img {height: 150px; top: 90px;}
  .uvod2 .box:nth-child(1) {width: 80%; margin: 50px 5% 50px 15%; padding: 50px 5%;}
  .uvodinfo {width: 100%;}
  .uvodinfo .box {clear: both; float: none; width: 100%; min-height: auto; margin: 0; padding: 50px 2% 30px;}
  .uvodinfo .box:nth-child(2) {border: 0; border-top: 3px dashed #fff;}
  .faq-foto img {height: 200px;}
  #content {padding: 10px 5% 50px;}  
  #content-nadpis {margin: 0; padding: 0 5%;}
  #content h1 {text-align: center;}
  #content-modra {padding: 70px 20px 50px;}
  #content-modra .stredbox {padding: 50px 10% 20px;}
  #content td:nth-child(1) {width: auto;}
  #content td:nth-child(2) {width: auto;}
  #content td:nth-child(3) {width: auto;}
  .obrazek-vpravo {float: none; width: 100%; margin: 0 auto 50px; text-align: center;}
  .obrazek-vpravo img {height: 200px;}
  #content table {width: 100%; margin: 0 auto 10px;}
  .tabulka0 h2 {font-size: 30px !important;}
  .onas .box {padding: 20px 10%;}
}

@media only screen and (max-width: 320px) {
  .rychlykontakt {height: 85px;}
  .obrazek-vpravo img {height: 140px;}
}