/* Responsive CSS Document */
html {
	-webkit-text-size-adjust:100%;
	-moz-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
}




@media (max-width: 1024px) {
	html {
		font-size:inherit;
	}
	body, form {
		/*font:16px/24px "Trebuchet MS", Arial, Helvetica, sans-serif;*/
		font:1.0em/1.6em Arial, Helvetica, sans-serif;
	}
	
	#site_content,
	.site_content {
		width:auto;
		padding-left:1em;
		padding-right:1em;
	}
	#site_heading {
		height:auto;
		width:auto;
		margin-bottom:0;
		padding-left:0;
	}
	#site_heading h1,
	#site_heading h2 {
		width:auto;
	}
	#header {
		height:auto;
		margin-top:1em;
	}
	p.odsazeni {
		padding:0;
	}
	#menubar {
		width:auto;
		height:auto;
		padding-top:0;
		padding-bottom:0;
		margin-bottom:2em;
	}
	ul#menu {
		/*margin:0 15px;*/
		width:auto;
		display:block;
		/*margin-bottom:2em;*/
	}
	ul#menu li {
		margin:0;
	}
	ul#menu li a {
		display:inline-block;
		height:auto;
		padding:15px 10px;
		font-size:1.3em;
		letter-spacing:-1px;
	}
	
	
	#banner_image {
		/*width:auto;
		height:auto;*/
		margin:0 auto 15px auto;
		float:none;
	}
	/*ul.slideshow {
		width:auto;
		min-height:260px;
		height:auto;
		background-color:#999;
	}
	ul.slideshow img {
		width:100%;
		height:auto;
	}
	#slideshow-caption {
		width:auto;
		height:auto;
	}
	#slideshow-caption .slideshow-caption-container {
		width:auto;
		padding:10px;
	}*/
	
	#content {
		width:auto;
		margin:5px 0 20px 0;
		padding:0;
		float:none;
	}
	
	.content_item {
		width:100%;
		clear:both;
		margin-bottom:1em;
	}
	.content_image {
		margin:20px 0 20px 0;
		float:left;
		/*width:19.999999%;*/
	}
	.content_text {
		/*width:69.999999%;*/
		float:left;
		padding-left:2.5em;
		/*clear:both;*/
	}
	
	.text_vlevo {
		width:auto;
		float:none;
		padding-left:0;
	}
	
	.sidebar_container {
		float:none;
		width:auto;
		margin:20px 0;
	}
	.sidebar {
		float:none;
		width:auto;
	}
	.sidebar_item {
		padding:0 5px 0 0;
		width:auto;
	}
	form {
		/*width:720px;*/
	}
	
	.footer,
	#footer {
		/*padding:10px;
		margin:30px 15px 15px;*/
		width:auto;
		height:auto;
	}
	.footer p {
		padding-bottom:0em;
	}
	#footer p {
		padding-bottom:.5em;
	}
	.footer .menu {
		width:auto;
	}
	.footer .menu a {
		margin-right:0.2em;
		margin-left:0.2em;
		/*padding:2px;
		line-height:2.2em;*/
	}
}


@media (max-width: 800px) {
	/** {
		font-size:1em;
	}*/
	#header:before {
		content:"Menu:";
		/*text-align:center;*/
		display:block;
		margin-left:1em;
	}
	
	#menubar {
		width:auto;
		height:auto;
		min-height:15px;
		padding-top:15px;
		padding-bottom:15px;
	}
	ul#menu {
		margin:0;
	}
	ul#menu li {
		margin:0;
	}
	ul#menu li a {
		display:block;
		height:auto;
		padding:5px 0;
		font-size:1.2em;
		letter-spacing:normal;
	}
	
	/*form {
		width:100%;
	}
	form textarea {
		width:95%;
	}*/
	form .button_line {
		padding-top:2em;
	}
	form .button_line .mandatory {
		position:absolute;
		top:-1.5em;
		width:100%;
	}
}


@media (max-width: 700px) {
	
	#site_heading p.odsazeni {
		display:none;
	}
	
	#banner_image {
		width:auto;
		height:auto;
		margin:0 0 15px 0;
		float:none;
	}
	ul.slideshow {
		width:auto;
		height:184px;
		background-color:#999;
	}
	ul.slideshow img {
		width:100%;
		height:auto;
	}
	#slideshow-caption {
		width:auto;
		height:auto;
	}
	#slideshow-caption .slideshow-caption-container {
		width:auto;
		padding:10px;
	}
	
	
	.content_image {
		margin:20px auto 30px auto;
		float:none;
	}
	.content_text {
		width:auto;
		float:none;
		padding-left:0;
		clear:both;
	}
	
	form fieldset .float_left {
		float:none;
		clear:both;
	}
	form fieldset .float_right {
		float:none;
		clear:both;
	}
	form fieldset .width_50 {
		width:99%;
	}
	
	
}


@media (max-width: 460px) {
	
	/*form input[type='text'],
	form select,
	form textarea {
		width:95%;
	}*/
	
	form .button_line {
		padding-top:3.5em;
	}
	form input.button {
		margin-bottom:.5em;
		margin-left:0;
		width:100%;
	}

}

@media (max-width: 360px) {
	
	form input[type='text'],
	form select,
	form textarea {
		width:100%;
	}
	form .button_line {
		padding-top:4.5em;
	}
	
	#footer .menu a {
		display:block;
		line-height:1.5em;
	}
	#footer .menu .sep {
		display:none;
	}
	#footer .menu .sep.sep1 {
		display:block;
		vertical-align:middle;
	}
	
}