/*
@font-face {
    font-family: 'RobotoRegular';
    src: url('roboto-regular.eot');
    src: url('roboto-regular.svg#RobotoRegular') format('svg'),
         url('roboto-regular.eot') format('embedded-opentype'),
         url('roboto-regular.woff') format('woff'),
         url('roboto-regular.ttf') format('truetype');
}
*/

@font-face {
	font-family:'Roboto-Regular';
	src:url("./roboto-regular.woff");
	font-weight:normal;
}

@font-face {
	font-family:'Roboto-Light';
	src:url("./roboto-light.woff");
	font-weight:normal;
}

body {
	margin:0;
	padding:0;
	/*background:#fffefd url("../grafika/tlo.jpg") repeat-x center top;*/
	background:#fffefd;
	font-family:Roboto-Light, Arial;
	font-weight:normal;
	font-size:16px;
	line-height:21px;
	color:#717172;
}

a {
	text-decoration:none;
	/*color:#738fe9;*/
	/*color:#14328f;*/
	color:#1841bc;
}

a:hover {
	text-decoration:none;
	/*color:#14328f;*/
	color:#1000ff;
}

a.pdf {
	background:url("../grafika/pdf32.png") no-repeat left center;
	background-size:16px 16px;
	padding-left:24px;
}

a.link_zewnetrzny {
	background:url("../grafika/external-document32.png") no-repeat left center;
	background-size:16px 16px;
	padding-left:24px;
}

#pasek {
	display:block;
	margin:0;
	padding:0;
	height:44px;
	background:#14328f;
	color:#ffffff;
}

#pasek #rama-paska {
	width:1200px;
	margin:0 auto;
}

#pasek #rama-paska a.jezyk {
	display:inline-block;
	margin:0;
	padding:0 10px;
	background:#1841bc;
	color:#ffffff;
	height:44px;
	font-family:Roboto-Light, Arial;
	font-weight:normal;
	text-transform:uppercase;
	font-size:16px;
	line-height:44px;
	vertical-align:top;
}

#pasek #rama-paska a#hamburger {
	display:inline-block;
	margin:0 10px;
	padding:0;
	background:#1841bc url("../grafika/hamburger.png") no-repeat center center;
	/*background-size:26px 22px;*/
	background-size:22px 15px;
	color:#ffffff;
	width:50px;
	height:44px;
	line-height:44px;
	vertical-align:top;
	cursor:pointer;
}

#pasek #rama-paska a.facebook {
	display:inline-block;
	margin:0;
	padding:5px;
	color:#ffffff;
	height:44px;
	font-family:Roboto-Light, Arial;
	font-weight:normal;
	text-transform:uppercase;
	font-size:16px;
	line-height:44px;
	vertical-align:top;
	float:right;
}

#pasek #rama-paska a.facebook img{
height: 35px;
}

header {
	display:block;
	background:#fffefd;
	margin:0;
	padding:20px 0;
}

header h1 {
	display:block;
	margin:6px 0 2px 0;
	padding:0;
	font-family:Roboto-Light, Arial;
	font-weight:normal;
	text-transform:uppercase;
	text-align:center;
	font-size:34px;
	line-height:36px;
	color:#14328f;
}


header h1 span {
	display: block;
	margin:10px 0 6px 0;
	padding:0;
	font-family:Roboto-Light, Arial;
	font-weight:normal;
	text-transform:none;
	text-align:center;
	font-size:24px;
	line-height:30px;
	color:#636364;
}

div.isbn{
display:block;
margin: 0;
padding: 0;
width: 100%;
text-align: center;
font-size: 14px;
}

#glowny {
	display:block;
	background:#fffefd url("../grafika/tlo2.jpg") repeat-x center top;
}

nav {
	display:block;
	width:1200px;
	margin:0 auto;
	padding:0;
}

nav ul {
	display:table;
	width:1200px;
	margin:0 auto;
	padding:0;
	background:#ffffff;
	border:1px solid #c1bfc1;
	box-shadow: inset 0px 11px 6px -12px rgba(0,0,0,0.3);
	-webkit-box-shadow: inset 0px 11px 6px -12px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0px 11px 6px -12px rgba(0,0,0,0.3);
	-o-box-shadow: inset 0px 11px 6px -12px rgba(0,0,0,0.3);
	-ms-box-shadow: inset 0px 11px 6px -12px rgba(0,0,0,0.3);
}

nav ul li {
	display:table-cell;
	width:20%;
	margin:0;
	padding:0;
	font-family:Roboto-Light, Arial;
	font-weight:normal;
	text-transform:uppercase;
	text-align:center;
	font-size:16px;
	color:#14328f;
	border-left:1px solid #c1bfc1;
}

nav ul li:first-of-type {
	border-left:none;
}

nav ul li a {
	display:block;
	width:auto;
	margin:0;
	padding:10px 0;
	font-family:Roboto-Light, Arial;
	font-weight:normal;
	text-transform:uppercase;
	text-decoration:none;
	text-align:center;
	font-size:16px;
	color:#14328f;
}

nav ul li a:hover {
	text-decoration:none;
	color:#ffffff;
	/*background:#b3b3b3;*/
	background:#9b9b9b;
}

nav#menu_mobilne {
	display:block;
	width:auto;
}

nav#menu_mobilne ul {
	display:none;
	width:auto;
	border:none;
	box-shadow:none;
	/*box-shadow: inset 0px 11px 8px -10px rgba(0,0,0,0.5);*/
	/*-webkit-box-shadow: inset 0px 11px 8px -10px rgba(0,0,0,0.5);*/
	/*-moz-box-shadow: inset 0px 11px 8px -10px rgba(0,0,0,0.5);*/
	/*-o-box-shadow: inset 0px 11px 8px -10px rgba(0,0,0,0.5);*/
	/*-ms-box-shadow: inset 0px 11px 8px -10px rgba(0,0,0,0.5);*/
}

nav#menu_mobilne ul li {
	display:block;
	width:auto;
	border:none;
	border-bottom:1px solid #e0e0e0;
	font-weight:bold;
}

nav#menu_mobilne ul li a {
	display:block;
	width:auto;
	font-weight:bold;
}

nav#menu_mobilne ul li a.podmenu {
	font-weight:normal;
	background:#f0f0f0;
}

nav#menu_mobilne ul li a.podmenu:hover {
	background:#b3b3b3;
}

#tresc {
	width:1200px;
	min-height:500px;
	margin:0 auto;
}

#tresc #rama {
	display:table;
	margin:10px 0 0 0;
	padding:0;
}

#tresc #rama #kolumna-zdjecia {
	display:table-cell;
	margin:0;
	padding:0;
	vertical-align:top;
}

#tresc #rama #kolumna-zdjecia #zdjecie {
	display:block;
	position:relative;
	margin:0;
	padding:0;
	width:auto;
	height:auto;
}

#tresc #rama #kolumna-zdjecia #zdjecie img {
	display:block;
	margin:0;
	padding:0;
	width:567px;
	height:auto;
}

#tresc #rama #kolumna-zdjecia #zdjecie span {
	display:none;
	position:absolute;
	margin:0;
	padding:20px 0;
	bottom:0;
	width:100%;
	background-color:rgba(20,50,143,0.7);
	font-family:Roboto-Light, Arial;
	font-weight:normal;
	font-size:16px;
	text-align:center;
	color:#f4f5f8;
}

#tresc #rama #kolumna-zdjecia #zdjecie:hover span {
	display:block;
}

#tresc #rama #teksty {
	display:table-cell;
	margin:0;
	padding:0 0 0 0px;
	vertical-align:top;
}

#tresc #rama #teksty a[href^="mailto:"] {
	background:url("../grafika/koperta32x22.png") no-repeat left 7px;
	background-size:16px 11px;
	padding-left:19px;
}

#tresc #rama #teksty #o-projekcie {
	display:block;
	margin:0 0 10px 0;
	padding:35px 70px 45px 70px;
	background:#f7f7f7;
	text-align:left;
	vertical-align:top;
	font-family:Roboto-Light, Arial;
	font-weight:normal;
	font-size:16px;
	/*color:#717172;*/
	color:#505050;
}

#tresc #rama #teksty #ogolny {
	display:block;
	margin:0px 0 0 0;
	padding:35px 70px 25px 70px;
	background:#ffffff;
	text-align:left;
	vertical-align:top;
	font-family:Roboto-Light, Arial;
	font-weight:normal;
	font-size:16px;
	/*color:#717172;*/
	color:#505050;
}

#tresc #rama #teksty #o-projekcie h3, #tresc #rama #teksty #ogolny h3, #tresc #rama #teksty #o-projekcie h2, #tresc #rama #teksty #ogolny h2 {
	display:block;
	margin:0 0 20px 0;
	padding:0;
	font-family:Roboto-Light, Arial;
	font-weight:normal;
	color:#717172;
	font-size:26px;
	line-height:26px;
	text-align:center;
	text-transform:uppercase;
}

/*
#tresc #rama #teksty #o-projekcie h4, #tresc #rama #teksty #ogolny h4 {
	display:block;
	margin:0 0 20px 0;
	padding:0;
	font-family:Roboto-Light, Arial;
	font-weight:normal;
	color:#717172;
	font-size:24px;
	line-height:26px;
	text-align:left;
	text-transform:uppercase;
}
*/

#tresc #rama #teksty #ogolny h4 {
	display:block;
	margin:20px 5px 20px 5px;
	padding:0;
	font-size:16px;
	text-align:left;
}

#tresc #rama #teksty #o-projekcie h5, #tresc #rama #teksty #ogolny h5 {
	display:block;
	margin:12px 0 5px 0;
	padding:0;
	font-size:16px;
	text-align:left;
}

#tresc #rama #teksty #o-projekcie p, #tresc #rama #teksty #ogolny p {
	display:block;
	margin:0;
	margin-bottom:5px;
	padding:0;
	font-size:16px;
	text-align:justify;
	text-indent:50px;
}

#tresc #rama #teksty #o-projekcie p.autor, #tresc #rama #teksty #ogolny p.autor {
	margin-top:20px;
	text-align:right;
	font-style:italic;
}
#tresc #rama #teksty #o-projekcie p.data_artykulu, #tresc #rama #teksty #ogolny p.data_artykulu{
margin-top: 10px;
text-align: right;
font-style: italic;
}
#tresc #rama #teksty #o-projekcie div.wciecie, #tresc #rama #teksty #ogolny div.wciecie, #tresc #rama #teksty #ogolny blockquote {
	margin:30px 0 30px 0px;
	padding:0 0 0 100px;
	/*color:#949494;*/
	/*color:#6977a5;*/
	color:#5770c9;
	background:url("../grafika/cytat.png") repeat-y left top;
}

#tresc #rama #teksty #o-projekcie div.center, #tresc #rama #teksty #ogolny div.center {
	text-align:center;
}
#tresc #rama #teksty #ogolny div.z_lewej {
	display:block;
	padding:0;
	width: auto;
	text-align:left;
}
#tresc #rama #teksty #ogolny div.z_lewej input#szukaj{
	color: #14328f;
	border: 1px solid #14328f;
	font-size: 18px;
	padding: 7px;
}

#tresc #rama #teksty #ogolny nav.z_prawej {
	display:block;
	margin: -25px 0 0 0;
	padding:0;
	width: auto;
	text-align:right;
	float: right;
}

#tresc #rama #teksty #ogolny nav.z_prawej a {
	display:inline-block;
	margin:0;
	padding:0;
	width: auto;
	text-align:right;
}

#tresc #rama #teksty #ogolny ul {
	display:block;
	margin:0;
	padding:0;
	font-size:16px;
	text-align:left;
}

#tresc #rama #teksty #ogolny ul li {
	display:list-item;
	list-style:none;
	background:url("../grafika/kropka12.png") no-repeat left 9px;
	background-size:6px 6px;
	margin-left:5px;
	padding:0;
	padding-left:13px;
	font-size:16px;
	text-align:left;
}

#tresc #rama #teksty #ogolny ul.lista_hasel {
	display:inline-block;
	vertical-align:top;
}
 
#tresc #rama #teksty #ogolny ul.lista_hasel li {
	margin-bottom:2px;
	margin-right:8px;
}

#tresc #rama #teksty #ogolny ul.autorzy_hasel li,#tresc #rama #teksty #ogolny ul.recenzenci_hasel li {
	margin-bottom:7px;
}

#tresc #rama #teksty #ogolny ul.autorzy_hasel li:first-child {
	margin-bottom:20px;
}

#tresc #rama #teksty #ogolny ul.h4 li {
	margin:0 0 20px 0;
	padding:0;
	background:url("../grafika/kropka12.png") no-repeat left 9px;
	background-size:9px 9px;
	margin-left:5px;
	padding-left:18px;
	display:block;
	font-family:Roboto-Light, Arial;
	font-weight:normal;
	color:#717172;
	font-size:24px;
	line-height:26px;
	text-align:left;
	text-transform:uppercase;
}

#tresc #rama #teksty #ogolny ul.lista_plikow li {
	margin:4px 0;
	list-style:none;
	background:none;
	padding-left:0;
}

#tresc #rama #teksty #o-projekcie a.przycisk, #tresc #rama #teksty #ogolny a.przycisk {
	display:inline-block;
	margin:30px auto 0 auto;
	padding:10px 40px;
	font-family:Roboto-Light, Arial;
	font-weight:normal;
	color:#717172;
	font-size:16px;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	border:1px solid #c1bfc1;
	background:#ffffff;
}

#tresc #rama #teksty #o-projekcie a.przycisk:hover, #tresc #rama #teksty #ogolny a.przycisk:hover {
	color:#ffffff;
	text-decoration:none;
	background:#14328f;
}

#tresc #rama #teksty #ogolny table.tabelka {
	border-collapse:collapse;
	border:1px solid #c1bfc1;
}

#tresc #rama #teksty #ogolny table.tabelka tr:hover {
	background-color:#f1eff1;
}

#tresc #rama #teksty #ogolny table.tabelka tr th, #tresc #rama #teksty #ogolny table.tabelka tr td {
	border-collapse:collapse;
	border:1px solid #c1bfc1;
	padding:1px 5px 2px 8px;
	text-align:left;
}

#tresc #rama #teksty #ogolny table.tabelka tr.footable-row-detail {
	/*background:#eff2ff;*/
	background:#f6f7fe;
}

#tresc #rama #teksty #ogolny .uwagi_pod_tabela {
	display:block;
	border:none;
	font-size:12px;
	padding:0;
	margin:1px 0 20px 0;
}

#tresc #rama #teksty #ogolny table.skroty tr td {
	vertical-align:top;
}

#tresc #rama #teksty #ogolny table.skroty tr td:first-of-type {
	font-weight:bold;
}

#tresc #rama #teksty #ogolny table.skroty tr td:nth-of-type(2) {
	padding:0 15px;
}

#tresc a.link_do_galerii {
	display:inline-block;
	height:auto;
	width:auto;
	padding:10px;
	margin:0px 20px 10px 0;
	vertical-align:top;
}

#tresc a.link_do_galerii:nth-of-type(2n) {
	margin-right:0;
}

#tresc a.link_do_galerii:hover {
	background:#e0e0e0;
}

#tresc a.link_do_galerii img {
	display:block;
	height:280px;
	width:auto;
	padding:0;
	margin:0;
}

#tresc a.link_do_galerii h6 {
	display:block;
	padding:0;
	margin:5px 0 0 0;
	text-align:center;
	font-size:14px;
	line-height:16px;
}


#tresc a.zdjecie_w_galerii {
	display:inline-block;
	height:auto;
	width:auto;
	padding:0;
	margin:5px 5px 15px 5px;
	vertical-align:top;
}

#tresc a.zdjecie_w_galerii img {
	display:block;
	height:290px;
	width:auto;
	padding:0;
	margin:0px;
}

#tresc a.zdjecie_w_galerii h6 {
	display:block;
	padding:0;
	margin:5px 0 0 0;
	text-align:center;
	font-size:14px;
	line-height:16px;
}

#tresc .photo_gallery img {
	display:inline-block;
	height:290px;
	width:auto;
	max-width:1000px;
	padding:0;
	margin:5px;
}

#tresc .photo_gallery iframe {
	display:inline-block;
	border:none;
	height:290px;
	width:516px;
	padding:0;
	margin:0;
}

#tresc a.zdjecie_w_galerii h6.iframe {
	display:block;
	padding:0;
	margin:5px 0 0 0;
	text-align:center;
	font-size:14px;
	line-height:16px;
	max-width:516px;
}

footer {
	display:block;
	padding:0;
	width:1200px;
	margin:30px auto 20px auto;
	text-align:center;
}

footer img#logotypy {
	width:100%;
	margin-bottom:30px;
}

#search_circle{
 text-align: center;
 display: none;
}
#search_msg{
 padding: 10px 0;
}
#checkbox_w_tresci{
	padding-top: 10px;
	display: inline-block; 
}

#tresc #teksty #ogolny ol#wykaz_watkow li{
 margin-bottom: 20px;
}

#tresc #teksty #ogolny ol#wykaz_watkow li ul li{
 margin-top: 5px;
 margin-bottom: 0px;
}

#tresc hr.hr_aktualnosci{
  margin: 30px 0;
  border: 1px solid #c1bfc1;
  box-shadow: inset 0px 11px 6px -12px rgba(0,0,0,0.3);
  -webkit-box-shadow: inset 0px 11px 6px -12px rgba(0,0,0,0.3);
}

@media screen and (min-width:0px) {

	#pasek #rama-paska {
		width:auto;
	}

	#pasek #rama-paska a#hamburger {
		display:inline-block;
	}

	nav {
		display:none;
		width:auto;
	}

	nav#menu_mobilne {
		display:none;
	}

	nav#menu_mobilne ul {
		display:block;
	}
		
	#tresc {
		width:auto;
	}
	
	#tresc #rama {
		display:block;
		width:100%;
	}

	#tresc #rama #kolumna-zdjecia {
		display:block;
		padding:10px 10px 0 10px;
	}

	#tresc #rama #kolumna-zdjecia #zdjecie img {
		width:100%;
	}

	#tresc #rama #teksty {
		display:block;
		padding:10px;
	}
	
	#tresc #rama #teksty #o-projekcie {
		padding:10px 15px 10px 15px;
	}
	
	#tresc #rama #teksty #ogolny {
		padding:10px 15px 10px 15px;
	}

	#tresc #rama #teksty #o-projekcie h3, #tresc #rama #teksty #ogolny h3, #tresc #rama #teksty #ogolny h2 {
		margin:0 0 5px 0;
	}
	
	#tresc #rama #teksty #o-projekcie a.przycisk, #tresc #rama #teksty #ogolny a.przycisk {
		margin:10px auto 0 auto;
	}

	#tresc #rama #teksty #ogolny ul.lista_hasel {
		display:block;
	}
	 
	#tresc #rama #teksty #ogolny ul.lista_hasel li {
		margin-right:0px;
	}

	#tresc #rama #teksty #ogolny ul.lista_hasel2, #tresc #rama #teksty #ogolny ul.lista_hasel3, #tresc #rama #teksty #ogolny ul.lista_hasel4 {
		width:auto;
	}
	
	#tresc #rama #teksty #o-projekcie div.wciecie, #tresc #rama #teksty #ogolny div.wciecie, #tresc #rama #teksty #ogolny blockquote {
		padding-left:50px;
	}
	
	#tresc #rama #teksty #ogolny nav.z_prawej {
		margin: 0px 0 0 0;
	}

	#tresc #rama #teksty #ogolny table.skroty tr td:nth-of-type(2) {
		padding:0 5px 0 0;
	}
	
	#tresc .photo_gallery img {
		display:block;
		width:100%;
		height:auto;
		margin:0 0 10px 0;
	}

	#tresc .photo_gallery iframe {
		display:block;
		width:100%;
		height:45vw;
		margin:0;
	}
	
	#tresc a.zdjecie_w_galerii h6.iframe {
		max-width:100%;
	}

	#tresc a.link_do_galerii {
		display:block;
		height:auto;
		width:auto;
		padding:10px;
		margin:0px 0 10px 0;
	}
	
	#tresc a.link_do_galerii img {
		width:100%;
		height:auto;
	}
	
	#tresc a.zdjecie_w_galerii {
		display:block;
		width:auto;
		height:auto;
		margin:0 0 20px 0;
	}

	#tresc a.zdjecie_w_galerii img {
		display:block;
		width:100%;
		height:auto;
		margin:0;
	}
 
	footer {
		width:auto;
		padding:10px;
	}
	#tresc #rama #teksty #ogolny div.z_lewej input#szukaj{
		width: 95%;
	}

}

@media screen and (min-width:500px) {

	#tresc #rama #teksty #o-projekcie {
		padding:20px 40px 25px 40px;
	}
	
	#tresc #rama #teksty #ogolny {
		padding:20px 40px 20px 40px;
	}

	#tresc #rama #teksty #ogolny div.z_lewej input#szukaj{
		width: 300px;
	}

	#tresc #rama #teksty #o-projekcie h3, #tresc #rama #teksty #ogolny h3, #tresc #rama #teksty #ogolny h2 {
		margin:0 0 10px 0;
	}
	
	#tresc #rama #teksty #o-projekcie a.przycisk, #tresc #rama #teksty #ogolny a.przycisk {
		margin:20px auto 0 auto;
	}

	#tresc #rama #teksty #ogolny table.skroty tr td:nth-of-type(2) {
		padding:0 10px 0 15px;
	}

}

@media screen and (min-width:550px) {

	#tresc {
		width:auto;
	}
	
	#tresc #rama {
		display:table;
		padding:10px;
		width:96%;
	}
	
	#tresc #rama #kolumna-zdjecia {
		display:table-cell;
		padding:0 10px 0 0;
		width:30%;
	}
	
	#tresc #rama #kolumna-zdjecia #zdjecie img {
		width:100%;
	}
	
	#tresc #rama #teksty {
		display:table;
		padding:0 0 0 0px;
		width:100%;
	}

	#tresc #rama #teksty #ogolny nav.z_prawej {
		margin: -10px 0 0 0;
	}

	#tresc #rama #teksty #ogolny ul.lista_hasel4 {
		width:100%;
		column-count:2;
		column-gap:0px;
		-moz-column-count:2;
		-webkit-column-count:2;
		-moz-column-gap: 0px;
	}
		
	#tresc .photo_gallery img {
		display:block;
		width:100%;
		height:auto;
		margin:20px 0;
	}
		
	#tresc .photo_gallery iframe {
		display:block;
		width:100%;
		height:45vw;
		margin:0;
	}

	#tresc a.zdjecie_w_galerii h6.iframe {
		max-width:100%;
	}

	#tresc a.zdjecie_w_galerii {
		display:block;
		width:auto;
		height:auto;
		margin:20px 0;
	}
	
	#tresc a.zdjecie_w_galerii img {
		display:block;
		width:100%;
		height:auto;
		margin:0;
	}
	
	footer {
		width:auto;
		padding:10px;
	}
	
}

@media screen and (min-width:700px) {
	
	#tresc #rama {
		width:97%;
	}
	
	#tresc #rama #teksty #o-projekcie div.wciecie, #tresc #rama #teksty #ogolny div.wciecie, #tresc #rama #teksty #ogolny blockquote {
		padding-left:100px;
	}
	
	#tresc #rama #teksty #ogolny ul.lista_hasel {
		display:inline-block;
	}
	 
	#tresc #rama #teksty #ogolny ul.lista_hasel li {
		margin-right:4px;
	}

	#tresc #rama #teksty #ogolny nav.z_prawej {
		margin: -20px 0 0 0;
	}

}

@media screen and (min-width:750px) {

	#tresc #rama #teksty #ogolny ul.lista_hasel2 {
		width:100%;
		column-count:2;
		column-gap:0px;
		-moz-column-count:2;
		-webkit-column-count:2;
		-moz-column-gap: 0px;
	}

	#tresc #rama #teksty #ogolny ul.lista_hasel4 {
		width:100%;
		column-count:3;
		column-gap:0px;
		-moz-column-count:3;
		-webkit-column-count:3;
		-moz-column-gap: 0px;
	}

}

@media screen and (min-width:1000px) {

	#pasek #rama-paska {
		width:980px;
	}
	
	#pasek #rama-paska a#hamburger {
		display:none;
	}
	
	nav#menu_mobilne ul {
		display:none;
	}

	nav {
		display:block;
		width:980px;
	}

	nav ul {
		display:table;
		width:980px;
	}

	#tresc {
		width:980px;
	}
	
	#tresc #rama {
		display:table;
		padding:0;
		width:100%;
	}
	
	#tresc #rama #kolumna-zdjecia {
		display:table-cell;
		padding:0 10px 0 0;
	}
	
	#tresc #rama #kolumna-zdjecia #zdjecie img {
		width:310px;
	}
	
	#tresc #rama #teksty {
		padding:0 0 0 0px;
	}

	#tresc #rama #teksty #ogolny ul.lista_hasel {
		display:inline-block;
	}
	 
	#tresc #rama #teksty #ogolny ul.lista_hasel li {
		margin-right:8px;
	}

	#tresc #rama #teksty #ogolny ul.lista_hasel3 {
		width:100%;
		column-count:3;
		column-gap:0px;
		-moz-column-count:3;
		-webkit-column-count:3;
		-moz-column-gap: 0px;
	}

	#tresc #rama #teksty #ogolny ul.lista_hasel4 {
		width:100%;
		column-count:4;
		column-gap:0px;
		-moz-column-count:4;
		-webkit-column-count:4;
		-moz-column-gap: 0px;
	}
	
	#tresc #rama #teksty #ogolny nav.z_prawej {
		margin: -20px 0 0 0;
	}

	#tresc .photo_gallery img {
		display:inline-block;
		height:240px;
		width:auto;
		margin:5px;
	}
	
	#tresc .photo_gallery iframe {
		display:inline-block;
		height:240px;
		width:427px;
		margin:0;
	}

	#tresc a.zdjecie_w_galerii h6.iframe {
		max-width:427px;
	}
	
	#tresc a.zdjecie_w_galerii {
		display:inline-block;
		height:auto;
		width:auto;
		margin:5px 5px 15px 5px;
	}

	#tresc a.zdjecie_w_galerii img {
		display:block;
		height:240px;
		width:auto;
		margin:0px;
	}
		
	#tresc a.link_do_galerii {
		display:inline-block;
		height:auto;
		width:auto;
		padding:10px;
		margin:0px 20px 10px 0;
	}
	
	#tresc a.link_do_galerii:nth-of-type(2n) {
		margin-right:0;
	}
	
	#tresc a.link_do_galerii img {
		height:235px;
		width:auto;
	}
	
	#tresc a.link_do_galerii h6 {
		max-width:418px;
	}

	footer {
		width:980px;
		padding:0px;
	}
	
}

@media screen and (min-width:1260px) {

	#pasek #rama-paska {
		width:1200px;
	}

	nav {
		display:block;
		width:1200px;
	}
	
	nav ul {
		display:table;
		width:1200px;
	}

	#tresc {
		width:1200px;
	}
	
	#tresc #rama #kolumna-zdjecia {
		display:table-cell;
		padding:0 10px 0 0;
	}
	
	#tresc #rama #kolumna-zdjecia #zdjecie img {
		width:400px;
	}

	#tresc #rama #teksty {
		padding:0 0 0 0px;
	}
	
	#tresc #rama #teksty #o-projekcie {
		padding:35px 70px 45px 70px;
	}
	
	#tresc #rama #teksty #ogolny {
		padding:35px 70px 25px 70px;
	}
	
	#tresc #rama #teksty #o-projekcie h3, #tresc #rama #teksty #ogolny h3, #tresc #rama #teksty #ogolny h2 {
		margin:0 0 20px 0;
	}
	
	#tresc #rama #teksty #o-projekcie a.przycisk, #tresc #rama #teksty #ogolny a.przycisk {
		margin:30px auto 0 auto;
	}

	#tresc #rama #teksty #ogolny ul.lista_hasel {
		display:inline-block;
	}
	 
	#tresc #rama #teksty #ogolny ul.lista_hasel li {
		margin-right:25px;
	}
	
	#tresc #rama #teksty #ogolny nav.z_prawej {
		margin: -25px 0 0 0;
	}

	#tresc .photo_gallery img {
		display:inline-block;
		height:290px;
		width:auto;
		margin:5px;
	}
	
	#tresc .photo_gallery iframe {
		display:inline-block;
		height:290px;
		width:516px;
		margin:0;
	}
	
	#tresc a.zdjecie_w_galerii h6.iframe {
		max-width:516px;
	}

	#tresc a.zdjecie_w_galerii img {
		display:block;
		height:290px;
		width:auto;
		margin:0px;
	}
	
	#tresc a.link_do_galerii {
		display:inline-block;
		height:auto;
		width:auto;
		padding:10px;
		margin:0px 20px 10px 0;
	}
	
	#tresc a.link_do_galerii:nth-of-type(2n) {
		margin-right:0;
	}
	
	#tresc a.link_do_galerii img {
		height:280px;
		width:auto;
	}
	
	#tresc a.link_do_galerii h6 {
		max-width:498px;
	}

	footer {
		width:1200px;
		padding:0px;
	}
	
}