/*
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%; iva zruseno kvuli lightboxu - delal uzke obrazky */
	height: auto;
   	width: auto\9; /* ie8 */
}
/*------------------------*/

@media only screen and (max-width: 959px) {
	.menu {height: 50px;}
	.menu li a {font-size:1.2em;padding:15px 10px 5px 10px;}
	.menu li a.active, .menu li a:hover {padding:17px 10px 5px 10px;}
	div#divTopObr, div#divMezera {width: 100%;}
	#kontakty img.kontakt, footer img.foot-kontakt {width: 100%; max-width: 326px;}
	
	div.produkt-s {background: none;	width: 100%; margin: 0 auto 5px auto; /* centrovani */ border: 1px solid #ccc;}
	div.produkt-s img {max-width: 100%;}
	div.produkt-s h3 {	margin: 5px 5px 0 5px; text-align: center;}
	div.div-box-text-s {width: 100%;}
	.div-box-text-s h3 {font-size: 1.1em;	line-height: 1.2;}
	
	div#box1, div#box2, div#box3, div#box4 {background: none; width: 100%; 	height: 320px; margin: 0 auto 5px auto; /* centrovani */ border: 1px solid #ccc;}
	
	.zerogrid .wrap-col4-l{margin:0 10px 0 10px;}
	.zerogrid .wrap-col4-r{margin:0 10px 0 10px;}
	
	#divPhoto {width: 100%;}
	



	
}

@media only screen and (max-width: 640px) {
	.menu {height: 50px;}
	.menu li a {font-size:1.1em;padding:15px 10px 5px 10px;}
	.menu li a.active, .menu li a:hover {padding:12px 10px 5px 10px;}
	div#topImg img{width: 140px;}
	.fleft-img {	margin: 0 10px 0 0;}	
	.fright-img { margin: 0 0 0 10px;}	
	h2 {font-size:1.4em;}
	h3 {font-size:1.2em;}
	h4 {font-size:1em;}
	div.divOdkForm a {font-size:1.5em;}
	div.box1 a div, div.box2 a div, div.box3 a div {padding: 5px;	margin: 10px; }

	#divPhoto {height: 210px;}
	
	}
@media only screen and (max-width: 320px) {
	.menu {height: 50px;}
	.menu li a {font-size:1em;padding:15px 10px 5px 10px;}
	.menu li a.active, .menu li a:hover {padding:15px 10px 5px 10px;}
	div#topImg img{width: 100px;}
	header {padding-bottom:10px;}
	#page2 img.kontakt {width: 100px;}
	img.kontakt-footer {width: 60px;}
	.fleft-img {	margin: 0 5px 0 0;}	
	.fright-img { margin: 0 0 0 5px;}	
	div.divOdkForm a {font-size:1em;}
	div.box1 a div, div.box2 a div, div.box3 a div {padding: 5px;	margin: 10px; }


	
}
@media only screen and (max-width: 240px) {
	#contact-form input {width:30%;}
	#contact-form textarea {width:50%;}
	header {padding-bottom:10px;}
	#page2 img .kontakt{width: 100px;}
	img.kontakt-footer {width: 60px;}
	.fleft-img {	margin: 0 5px 0 0;}	
	.fright-img { margin: 0 0 0 5px;}	
	div.divOdkForm a {font-size:1em;}
	div.box1 a div, div.box2 a div, div.box3 a div {padding: 5px;	margin: 10px;}
}