@charset "utf-8";

@media screen and (max-width: 1200px) {  /*viewport*/
	.fotorama
	{
		width: 750px;
		height: auto;
	}
div#container,div#content {
	max-width: 1155px;
}
div#header {
	max-width: 1155px;
}
	.bg121
	{
		width: 200px !important;
	}
.bg121 div a
{
height: 8px !important;
	background-size: 80% !important;
	margin-right: 0px !important;
}

.onimage, .offimage
{
	background-size: 80% !important;
	margin-right: 0px !important;
	margin-top: 33px;
}

	.bg13 {
		float: right;
		padding: 40px 15px 0px 15px;
	}
	.sliderwrapper .contentdiv, .bg29
	{
		width: 850px !important;
	}
	.bg30
	{
		width: 830px !important;
	}

	.slides_container {
		width: 850px;
	}



}



@media screen and (max-width: 1150px) {  /*viewport*/
div#container,div#content {
	max-width: 1085px;
}
div#header {
	max-width: 1085px;
}


	.bg121
	{
		display: none;
	}



}

@media screen and (max-width: 1024px) {  /*viewport*/
div#container,div#content {
	max-width: 1000px;
}
div#header {
	max-width: 1000px;
}

	.menutops {

		 display: none;
	}
.submenu tr td
{
	vertical-align: middle;
	width: 100%;
	display: grid;
	line-height: 46px;
}
	.bg30 {
		width: 75% !important;
	}
	.slides_container {
		width: 650px;
	}

}

@media screen and (max-width: 1000px) {  /*viewport*/
	.newscontent img {
		width: 100%;
		height: auto;
	}
	.newscontent iframe
	{
		width: 100%;
	}
	.listleft
	{
		float: left; width: 100% !important;
	}
	.link_year_archive, .style_year_archive
	{
		margin-bottom: 5px;
	}
	.rssmob,.mobcontent,.hideprint,.mapacenter {
	display: none;
}

	.mapaleft,  .maparight
	{
		float: left;
		width: 100%;
	}

	#map {
		width: 100%;
	}

	.mobmenu
	{
		display: block;
	}
div#container,div#content {
	max-width: 940px;
}
div#header {
	max-width: 940px;
}
	.tabzonebord
	{
		margin-top: 100px;
	}
.offimage
{
	display: none !important;
}

.bg14 {
   display:none;
}
	.indentmenutab ul li a
	{
		width: 100%;
	}
	.bg231
	{
		display:none;
	}

	.footercenter
	{
		text-align: center !important; float: none;
	}

	.footer2
	{
		display: none;
	}
	.footer1
	{
		float: left;
	}
	.footer3
	{
		float: left;
	}
	.bg39
	{
		width: auto !important;
	}
}

@media screen and (max-width: 850px) {  /*viewport*/
div#container,div#content {
	max-width: 830px;
}
div#header {
	max-width: 830px;
}

.bg37
{
	display: none;
}


}

@media screen and (max-width: 805px) {  /*viewport*/
	.centermobfooter table tr td
	{
		display: block;
	}
	.bg1211 {

		height: 70px;
		padding-left: 65px;
	}
	.col-md-3
	{
		width: 90%;
		clear: both;
		display: block;
		padding: 20px 10px;
	}
	#footer .linia-verde,
	#footer .container-address
	{
		text-align: center;
	}
	.fotorama
	{
		width: 280px;
		height: auto;
	}
div#container,div#content {
	max-width: 740px;
}
	.bg11 a img
	{
		width: 300px;
		height: auto;
	}
	.bg11
	{
		width: auto;
	}
div#header {
	max-width: 740px;
}

	.bg38
	{
		height: 120px !important;
	}

}

@media screen and (max-width: 640px) {  /*viewport*/
	#comment table tr td,#comment table tr td input, #comment table tr td textarea
	{
		float:left;
		width: 100% !important;
	}
.style_navigate {
	display: none;
}
	.indentmenutab ul li, .indentmenutab
	{
		display: block !important;
		width: 100%;
	}

	.bg39
	{
		text-align: center;
	}

div#container,div#content {
	max-width: 95%;
}
div#header {
	max-width: 100%;
}

	.bg11
	{
		text-align: center !important;
		margin: 10px 20px !important;
		float: none !important;
	}

	.bg12 .bg01 a, .bg12 .bg02 a, .bg12 .bg03 a
	{
		margin: 4px 4px 0 0;
	}

	.bg13 {
		float: right;
		padding: 4px 15px 0px 15px;
	}

	.bg30 {
		width: 42% !important;
	}
}

@media screen and (max-width: 500px) {  /*viewport*/

div#container,div#content {
	max-width: 95%;
}
div#header {
	max-width: 100%;
}

	.bg43
	{
		width: 95% !important;
	}


}

@media screen and (max-width: 440px) {  /*viewport*/
div#container,div#content {
	max-width: 95%;
}
div#header {
	max-width: 100%;
}



}

@media screen and (max-width: 360px) and (min-width: 360px)
{  /*viewport*/
div#container,div#content {
	max-width: 95%;
}
div#header {
	max-width: 100%;
}



}

