@media (min-width: 321px) and (max-width: 767px) {
	body {
		background-image: none !important;
	}
	#header {
		background: #323232;
		height: auto;
	}
	#header:after,
	#page:after,
	.alogo:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}
	.alogo {
		float: none;
	}
	.content-hl, #content {
		position: static !important;
	}
	#content {
		width: 320px !important;
		margin-top: auto;
	}
	#header {
		position: static !important;
		width: 320px;
	}
	#header .fright {
		clear: both;
		float: left;
		position: static !important;
	}
	#header ul {
		white-space: normal;
		float: none;
		margin: auto;
	}
	#header li {
		margin-bottom: 10px;
		display: inline-block;
	}
	#header li ul {
		border: 1px solid;
	}
	#header ul {
		width: auto;
	}
	#selectedv {
		padding-left: 20px;
		width: 80px;
	}
	@-viewport {
		width: 320px;
	}
	.scroll {
		position: absolute;
	}
	#header {
		height: 340px;
		min-width: 320px;
	}
	.alogo {
		margin-left: 45%;
	}
	#header li {
		display: block;
		width: 116px;
		float: left;
		margin: 0px 20px 10px 0px;
	}
	#header .fright {
		margin-left: 38px;
		width: auto;
	}
	.newsletter {
		width: 100px;
	}
	.news {
		width: auto;
	}
	.lang-search {
		float: left;
		width: 150px;
		margin-right: 0px;
	}
	#list {
		padding: 0px;
		margin: 34px 10px 0px 306px;
	}
	#content {
		height: 600px;
		background: white;
		width: 100%;
		min-width: 100%;
	}
	#footer, #footer2 {
		margin: 0px;
		float: none;
		max-width: 320px;
		clear: both;
		padding: 5px 34px;
	}
	.footer-hl {
		position: static !important;
	}
	#content-left:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}
	#content-left {
		width: 320px;
		height: 300px;
		overflow: hidden;
		position: static;
		float: none;
	}
	#content-left div {
		float: left;
	}
	.crop {
		width: 84%;
	}
	.arrr {
		left: 91%;
	}
	.bg {
		background: transparent;
		width: auto;
		margin-left: 0px;
		padding: 11px 0 0 50px;
	}
	#shadow1, #shadow2, #shadow3, #shadow4 {
		display: none;
	}
	#far {
		display: none;
	}
	#content-right {
		position: static;
		width: auto;
	}
	.whiteshadow {
		display: none;
	}
	#infotext {
		width: 130px;
	}
	/*podstranka*/
	#content2-detail {
		width: 100%;
		margin-left: 0px;
		position: static;
	}
	#detailul1 {
		min-width: auto;
		width: 108px;
		padding: 5px;
	}
	#content3-p-detail {
		background: silver;
		padding: 20px;
	}
	#detaillist {
		width: auto;
	}
	.detail-div {
		width: auto;
	}
	#detaillist ul {
		padding: 6px 0px;
	}
	.content2-up {
		display: none;
	}
	#content2-detail p {
		width: 111px;
		padding: 4px;
		text-align: left;
	}
	#detailshadow2 {
		display: none;
	}
	#content3-p-detail #content3-p-bg-detail {
		background: white;
	}
	#detail {
		width: auto;
	}
	#detail p{
		font-size: 16px;
		width: auto !important;
	}
	#detailarrow1 {
		display: none;
	}
	#detailimg {
		width: 100%;
		text-align: center;
		clear: both;
	}
	#detailul1 li, #detaillist li{
		margin-bottom: 10px;
	}
	#detailarrow2 {
		display: none;
	}
	/*podstranka o nas*/
	#content2 {
		width: auto;
		margin-left: 0px;
		position: static;
		padding-bottom: 0px;
	}
	#content2 img {
		max-width: 240px;
		height: 160px;
	}
	/*novinky*/
	#content3-p #content3-p-bg {
		background: white;
	}
	#content3-p {
		background: silver;
		padding: 21px;
	}
	.fright img, #pagination a:first-child img:first-child {
		width: 9px !important;
		height: 29px !important;
	}
	#pagination a, #pagination2 a {
		padding: 8px;
	}
	.lang-search img {
		width: 17px !important;
		height: 17px !important;
	}
	/*galeria*/
	#gal-arrl, #gal-arrr {
		display: none;
	}
	#crop2 {
		margin: 20px 0px 0px;
		width: auto;
	}
	.gal-item {
		display: block;
		width: 237px;
		float: left;
	}
	#scroll2 {
		white-space: normal;
	}
	.gal-item img{
		width: 237px;
		height: 160px;
	}
	table td {
		display: block;
	}
	table tr:first-child + tr td {
		width: auto;
	}
	.kontakt {
		width: auto !important;
	}
	.kontakt td{
		padding: 0px;
		width: 231px;
	}
	.kontakt iframe {
		width: 231px;
	}
	/*ocenenia*/
	#content-ocenenia {
		width: auto;
		position: static;
	}
	#content-ocenenia-p {
		background: silver;
		padding: 21px;
	}
	#content-ocenenia-p-bg {
		background: white;
		margin: 0px; 
	}	
}

@media (max-width: 320px) {
	body {
		background-image: none !important;
	}
	#header {
		background: #323232;
		height: auto;
	}
	#header:after,
	#page:after,
	.alogo:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}
	.alogo {
		float: none;
	}
	.content-hl, #content {
		position: static !important;
	}
	#content {
		width: 320px !important;
		margin-top: auto;
	}
	#header {
		position: static !important;
		width: 320px;
	}
	#header .fright {
		clear: both;
		float: left;
		position: static !important;
	}
	#header ul {
		white-space: normal;
		float: none;
		margin: auto;
	}
	#header li {
		margin-bottom: 10px;
		display: inline-block;
	}
	#header li ul {
		border: 1px solid;
	}
	#header ul {
		width: 280px;
	}
	body {
		width: 320px;
	}
	#selectedv {
		padding-left: 20px;
		width: 80px;
	}
	@-viewport {
		width: 320px;
	}
	.scroll {
		position: absolute;
	}
	#header {
		height: 340px;
		min-width: 320px;
	}
	.alogo {
		margin-left: 128px;
	}
	#header li {
		display: block;
		width: 116px;
		float: left;
		margin: 0px 20px 10px 0px;
	}
	#header .fright {
		margin-left: 38px;
		width: auto;
	}
	.newsletter {
		width: 100px;
	}
	.news {
		width: 231px;
	}
	.lang-search {
		float: left;
		width: 150px;
		margin-right: 0px;
	}
	#list {
		padding: 0px;
		display: none;
	}
	#content {
		height: 600px;
		background: white;
		width: 320px;
		min-width: 320px;
	}
	#footer, #footer2 {
		margin: 0px;
		float: none;
		max-width: 320px;
		clear: both;
		padding: 5px 34px;
	}
	.footer-hl {
		position: static !important;
	}
	#content-left:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}
	#content-left {
		width: 320px;
		height: 300px;
		overflow: hidden;
		position: static;
		float: none;
	}
	#content-left div {
		float: left;
	}
	.crop {
		width: 177px;
	}
	.arrr {
		left: 209px;
	}
	.bg {
		background: transparent;
		width: auto;
		margin-left: 0px;
		padding: 11px 0 0 50px;
	}
	#shadow1, #shadow2, #shadow3, #shadow4 {
		display: none;
	}
	#far {
		display: none;
	}
	#content-right {
		position: static;
		width: 320px;
	}
	.whiteshadow {
		display: none;
	}
	#infotext {
		width: 130px;
	}
	/*podstranka*/
	#content2-detail {
		width: 100%;
		margin-left: 0px;
		position: static;
	}
	#detailul1 {
		min-width: auto;
		width: 108px;
		padding: 5px;
	}
	#content3-p-detail {
		background: silver;
		padding: 20px;
	}
	#detaillist {
		min-width: 110px;
		width: 110px;
	}
	.detail-div {
		width: auto;
	}
	#detaillist ul {
		padding: 6px 0px;
	}
	.content2-up {
		display: none;
	}
	#content2-detail p {
		width: 111px;
		padding: 4px;
		text-align: left;
	}
	#detailshadow2 {
		display: none;
	}
	#content3-p-detail #content3-p-bg-detail {
		background: white;
	}
	#detail {
		width: 198px;
	}
	#detail p{
		font-size: 16px;
	}
	#detailarrow1 {
		display: none;
	}
	#detailimg {
		width: 100%;
		text-align: center;
		clear: both;
	}
	#detailul1 li, #detaillist li{
		margin-bottom: 10px;
	}
	#detailarrow2 {
		display: none;
	}
	/*podstranka o nas*/
	#content2 {
		width: auto;
		margin-left: 0px;
		position: static;
		padding-bottom: 0px;
	}
	#content2 img {
		max-width: 240px;
		height: 160px;
	}
	/*novinky*/
	#content3-p #content3-p-bg {
		background: white;
	}
	#content3-p {
		background: silver;
		padding: 21px;
	}
	.fright img, #pagination a:first-child img:first-child {
		width: 9px !important;
		height: 29px !important;
	}
	#pagination a, #pagination2 a {
		padding: 8px;
	}
	.lang-search img {
		width: 17px !important;
		height: 17px !important;
	}
	/*galeria*/
	#gal-arrl, #gal-arrr {
		display: none;
	}
	#crop2 {
		margin: 20px 0px 0px;
		width: 238px;
	}
	.gal-item {
		display: block;
	}
	.gal-item img{
		width: 237px;
		height: 160px;
	}
	table td {
		display: block;
	}
	table tr:first-child + tr td {
		width: auto;
	}
	.kontakt {
		width: auto !important;
	}
	.kontakt td{
		padding: 0px;
		width: 231px;
	}
	.kontakt iframe {
		width: 231px;
	}
	/*ocenenia*/
	#content-ocenenia {
		width: auto;
		position: static;
	}
	#content-ocenenia-p {
		background: silver;
		padding: 21px;
	}
	#content-ocenenia-p-bg {
		background: white;
		margin: 0px; 
	}
}

#header {
	position: static;
}
#header .fright {
	position: static;
}
#content-ocenenia {
	top: 59px;
}