@-ms-viewport{
	width:device-width;
} 

/* ------ společné nastavení --------- */



body {
 
    background-image: url(images/bacg_02_zim.gif);

}



#podbody {
    background-image: url(images/bacg_04_zim.jpg);
    
}

.flex-container {
  
    background-image: url(images/dopln_06_zim.gif);
  
}
#dekor {

    background-image: url(images/logo_10_zim.png);

}

body {
   
    background-color: #4585c4;
}

#header #logo a {
    height: 184px;
    width: 210px;
    left: 8px;
    top: 7px;
    background-size: contain;
    background-image: url(images/logo_02_zim.png);
	display: block;

position: absolute;
z-index: 20;

}
   
 .pgktuv  #header #logo a {
    height: 222px;
    width: 253px;
    left: 8px;
    top: 7px;
    background-size: contain;
    background-image: url(images/logo_02_zim.png);
	display: block;

position: absolute;
z-index: 20;

}



#header #logo img {
		
		
		 opacity: 0;
	}

/* -------------------- max.rozlišení pod 1300 px ---------------- */

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


}


/* -------------------- max.rozlišení pod 1023 px ---------------- */

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

	
	


	
	#header #logo img {
		height: 50px;
		position: absolute;
		left: 15px;
		top: 0px;
		width: auto;
		 opacity: 0;
	}
	
	#header #logo a {
   
    height: 50px;
   width: 160px;
left: 8px;
top: 7px;
    background-size: contain;
	background-image: url(images/logo_small_03.png);
}

	









 }

/* -------------------- max.rozlišení pod 720 px ---------------- */

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

	


}

/* -------------------- max.rozlišení pod 615 px ---------------- */

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



}