/* Wspólne warunki dla mniejszej rozdzielczości */
@media only screen and (max-width: 1024px)
{
	/* konstrukcja */
	header#top {display:block; width:98%; padding-top:15px;}
	div#top_right div span {display:block; margin-top:15px; margin-bottom:15px; font-size:16px;}
	img#logo {width:200px; height:auto;}
	div.container, div#container, div#container_flex, footer#bottom_menu, footer#copyright {width:100%;}
	div.page_content {width:96%; padding-left:0; padding-right:0; padding-bottom:20px; margin:auto;}
	h3.title {margin-top:15px; margin-bottom:15px; font-size:26px;}

	/* schowaj link drukuj */
	div#print {display:none;}
	
	/* menu */
	ul.menu {width:100%; margin-top:10px;}
	ul.menu a {padding-left:12px; padding-right:12px;}

	/* filmy, mapy, kamery */
	div#container iframe, div.container iframe {width:100% !important; max-height:500px !important;}
	
	/* new div */
	div#new_div_content {width:auto !important;}
}

/* telefon poziomo i pionowo */
@media only screen and (min-width: 100px) and (max-width: 699px)
{
	/* konstrukcja - układ kolumnowy */
	div#container_flex {display:block;}
	div#top_right div a.button {display:none;}
	h2.topic {font-size:20px;}
	h3.topic {font-size:17px;}

	/* stopka */
	footer#bottom_bar {padding:15px;}
	div#bottom_bar_content {width:auto;}
	div#bottom_bar_content img {width:80px;}
	div#bottom_bar_logo {margin:0;}
	div#bottom_bar_logo div {padding-left:10px;}
	div#bottom_bar_content h2 {font-size:24px;}
	div#bottom_bar_content span {font-size:16px;}



	/* 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 */

	/* lightbox */
	#lightbox-secNav-btnClose {top:5px; padding:5px;}
	#lightbox-container-image {padding:5px;}
	#lightbox-secNav-btnClose img {width:23px; height:23px;}
	#lightbox-nav-btnNext, #lightbox-nav-btnPrev {background-size:35px !important;}
	#lightbox-container-image-data-box {font-size:13px;}

	/* menu mobilne */
	div#menu_mobile {display:block;}
	ul#menu {display:none; width:auto; height:auto; position:absolute; padding:0; border-top:1px solid #999; z-index:100;}

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

	/* submenu */
	ul.menu ul {display:block !important; position:static; width:auto; border:none;}
	ul.menu ul li {position:static; border-bottom:1px solid #999;}
	ul.menu ul li a {width:auto; padding-left:25px; border-top:none; border-left:none;}
	li.mobile, li.external {display:block;} /* pokaż linki w menu które są przeznaczone tylko dla wersji mobilnej */


	/* tabela na formularz */
	div.table {display:block !important;}
	div.tr {display:block; margin-bottom:5px; padding-bottom:5px;}
	div.td, div.td_top, div.td_text {display:block; padding:0; padding-bottom:4px; padding-top:4px;}
	div.td label, div.td_top label {min-height:auto;}
	div.td input[type="text"], div.td input[type="password"], div.td textarea {display:inline-block;  margin-top:2px; width:96% !important;}
	div.list div.tr {border-bottom:1px solid #bbb;}
	div.list div.td {border-bottom:none;}
	select {max-width:97%;}
	span.form_element {display:block; margin-bottom:10px;}
	span.form_element label {display:block; margin-bottom:3px;}

	/* panel użytkownika */
	div.panel_content {padding:12px;}
	div.panel_tabs {height:auto;}
	div.panel_tabs a {width:auto; float:none; font-size:14px;}
}