/* wspólne warunki dla mniejszej rozdzielczości */
@media only screen and (max-width: 1180px)
{
	div.top_header, div.container, footer#bottom_menu, footer#copyright {width:100%;}
	div#top_container {width:96%;}
	div#menu_bar {height:auto;}
	div#top_address {width:auto; margin-top:0; font-size:15px;}
	a.route {margin-top:5px; margin-bottom:5px; float:none;}

	ul.menu {width:390px;}
	ul.menu a {padding-left:12px; padding-right:12px;}

	/* filmy, mapy, kamery */
	div#container iframe, div.container iframe, div#map_canvas {width:100% !important; height:auto !important;}

	/* cookie consent */
	div#cookie_consent {width:96%;}

	/* slider */
	/* uwaga! element otaczający slider musi mieć width:auto! */
	div#slider_container {width:auto;}
	div#slider {width:auto !important;}
	/*
	.bjqs-caption {width:35%; padding:12px; margin-left:50px;}
	h3.bjqs-header {margin-bottom:12px; margin-top:10px; font-size:21px; line-height:26px;}
	ol.bjqs-markers {top:87%;}
	li.bjqs-prev i.icon-arrow-left, li.bjqs-next i.icon-arrow-right {font-size:30px;}
	*/
}

/* telefon poziomo i pionowo */
@media only screen and (min-width: 100px) and (max-width: 699px)
{
	/* ogólne zasady */
	body, table, div#frame, div.frame, #error, a.gal, input[type="text"] {font-size:15px;}
	div#print {display:none;} /* schowaj link drukuj */
	div.page_content {word-wrap:break-word;}
	div.page_content ul, div.page_content ol {padding-left:25px;} /* listy z mniejszym wcięciem */
	input[type="text"] {padding:2px;} /* pola input trochę większe */

	/* konstrukcja */
	div.top_header, div#menu_bar {width:100%;}
	div.top_header h3 {font-size:22px; display:block; margin:auto; width:96%;}
	div#top_address {margin-top:10px;}
	a#route_mobile {display:block;}
	a#route_regular {display:none;}
	img#logo {margin-right:0;}
	div#menu_bar {height:auto; border-bottom:0;}
	div#top_container {width:96%; height:auto;}
	footer#bottom_menu {padding:15px;}
	footer#copyright {min-height:auto; font-size:14px;}
	div#copy {float:none; padding-left:15px; padding-bottom:5px;}
	div#web {float:none; padding-left:15px; padding-top:10px;}

	a.big_button {font-size:18px; padding:8px 16px;}

	/* strona główna */
	div.container {width:96%;}
	div.text_block, div.big_text {font-size:18px; line-height:26px; padding-top:15px; padding-bottom:15px;}
	h3.title {font-size:28px; line-height:34px; margin-top:10px; margin-bottom:20px;}
	div.last_news_container {width:100%; float:none; margin-bottom:50px;}


	/* lightbox */
	#lightbox-nav-btnNext {background-image:url('images/lightbox-btn-next.gif') !important;}
	#lightbox-nav-btnPrev {background-image:url('images/lightbox-btn-prev.gif') !important;}

	/* menu mobilne */
	div#menu_mobile {display:block;}
	div#menu_mobile a {font-size:20px; text-decoration:none; padding-top:2px; padding-left:8px;}
	ul#menu {display:none; width:auto; height:auto; position:absolute; padding:0; border-top:1px solid #999; z-index:100; margin-top:150px;}

	/* elementy menu */
	ul.menu li {float:none; background:#fff; font-weight:bold;}
	ul.menu a {padding:7px 12px 7px 12px; border:1px solid #999; border-top:none; margin:0;}
	ul.menu a:hover {border-top:none;}

	/* submenu */
	ul.menu ul {display:block !important; position:static; width:auto; border:none;}
	ul.menu ul li {position:static; padding-left:20px; padding-top:3px; padding-bottom:3px; border-bottom:1px solid #999;}
	ul.menu ul li a {width:auto; border-top:none; border-left:none;}
	li.mobile {display:block;}

	/* tabela na formularz */
	div.table {display:block !important;}
	div.tr {display:block; margin-bottom:6px;}
	div.td {display:block;}
	div.td input[type="text"], div.td textarea {display:block; width:96%; margin-top:2px;}


	/* slider */

	.bjqs-caption {margin-top:0; margin-bottom:0; width:40%; height:100%; font-size:14px; line-height:18px;}
	H3.bjqs-header {font-size:17px; line-height:19px; margin-bottom:6px; margin-top:4px;}
	a.bjqs-button {margin-top:8px;}
	ol.bjqs-markers {top:84%;}
	

	/* telefon pionowo */
	@media only screen and (min-width:100px) and (max-width: 500px)
	{
		/* news */
		div.news_icon {display:none;}
		div.news_wrapper {float:none; width:100%;}

		/* !!! - dopasowuje zdjęcia z klasą "responsive" do rozmiaru strony - rozciąga na całą stronę*/
		img.responsive {width:100% !important;}
	}
}