/* ----- RESPONSIVNI DESIGN -------------------------------------------------------------- */ 
@media screen and (max-width: 1000px) {
	#strana{width:96%;}
	#obsah, #warning, #pata {width:100%; padding:0;}
	#webdesign {display:none;}
	.resize {width:100%!important;}
}

@media screen and (max-width: 980px) {
	#menu {font-size:1em; margin-top:5px;}
	#menu a{margin:0 5px;}
	#obsah {font-size:0.9em;}
	#pata {text-align:center;}
	.col1a, .col1b {float:none; width:100%;}
	.col1b {margin-top:1em;}
	.banner1, .banner2, .banner3{display:none;}
/*	
	.banner1, .banner2, .banner3{width:190px; height:170px; float:left; margin-top:20px;}
	.banner1 a, .banner2 a, .banner3 a{position:inherit; right:0; margin-bottom:0; }
*/
}

@media screen and (max-width: 780px) {
	body{font-size:0.9em;}
	#logo {position:absolute; top:10px; left:0;}
	#logo img {width:90%;}
	#menu {font-size:0.9em; margin-top:24px; margin-left:0;}
	#menu a{margin:0 3px;}
	.banner1, .banner2, .banner3{display:none;}
	#scrollToTop{right:-50px;}	
	.obrazek_vpravo, .obrazek_vlevo {float:none; margin:0;}
	.res_foto img{width:50%; height:50%;}
	.res_foto {text-align:center; margin-left:auto; margin-right:auto;}
	input, textarea {font-size:0.8em;}
}

@media screen and (max-width: 500px) {
	body{font-size:0.8em;}
	.res_foto img {width:100%; height:100%;}
}