body {
	margin-left: 20px;
	color: #0e4369; 
	font-family: Tahoma, Geneva, sans-serif;
	line-height: 1.7em; 
	background-color: #fff;

}


p { font-size: 16px; margin: 0 0 20px 0; padding: 5px 0; font-weight: normal; margin-bottom: 0  }
p.ref{font-size: 14px; margin: 0 0 25px 0; padding: 5px 0; color: #0e4369; font-weight: normal; margin-bottom: 0; text-align: center}



h1 { font-size: 24px; margin: 0 0 20px 0; padding: 5px 0 ; font-weight: bold; margin-bottom: 0; text-decoration: underline}
h2 { font-size: 18px; margin: 0 0 20px 0; padding: 5px 0; font-weight: bold; margin-bottom: 0}
h6 { font-size: 14px; margin: 0 0 5px; padding: 0; font-weight: bold}

a { text-decoration: none; color: #0e4369}

#ref_right { float: right}


.przykrywka {
	height: 35px;
	background-color: #fff;
}

.menu {
	width: 100%;
	height: 50px;
	padding: 0;
    background: #0e4369;
	position: fixed;
	top: 0;
}

.menu ul {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	position: fixed;
	top: 0
}


.menu ul li a {
	float: right;
	display: inline;
	width: 150px ;
	padding: 0;
	margin-right: 15px;
	text-align: center;
	font-size: 24px;
	text-decoration: none;
	color: #f1f3e0;	
	
}

.menu a:hover {font-weight: bold}


.menu p.ja {
	float: left;
	display: block;
	width: 20%;
	margin: 0;
	text-align: left;
	text-decoration: none;
	font-weight: bold;
	color: #f1f3e0;	
}


.col_L { width: 59%; padding: 2%; float: left; background: #f1f3e0; margin: 1%}

.col_L img { 
	float: left; 
	max-width: 150px;
	max-height: 200px; 
	margin-right: 3%; 
	padding: 1%;
	border: 1px solid #aaa; 
	}
	
.col_R { width: 29%; padding: 2%; float: right; background: #f1f3e0; margin: 1% }

.col_R a img { 
	float: left; 
	width: 27%; 
	aspect-ratio: 3 / 4;
	margin-right: 3%; 
	padding: 1%;
	border: 1px solid #aaa; 
	}
		
.col_ALL { width: 94%; padding: 2%; float: left;  background: #f1f3e0; margin: 1% }





.gallery_box { 
	display: block; 
	float: left; 
	width: 280px; 
	margin: 0 0px 30px 0px; 
	padding: 0; 
	border: 0px solid #ccc; 
}


.gallery_box a img { 
	border: 1px solid #ccc; 
	margin-bottom: 5px; 
	float: center
}



.stopka {clear: both; width: 100%;  height: 30px; float: bottom; text-align: center; background: #0e4369; font-size: 10px; color: #f1f3e0 }
.stopka a {text-decoration: none; color: #f1f3e0}



@media screen and (max-width: 600px){
	.menu ul li a {margin-right: 5px}
	.menu p.ja img {display: none}
    .col_L { width: 94%; padding: 2%; float: left; background: #f1f3e0; margin: 1%}
	.col_R { width: 94%; padding: 2%; float: left; background: #f1f3e0; margin: 1%}
	.przykrywka {height: 50px}

}

@media screen and (max-width: 1200px){
	.menu p.ja img {width: 150px}
    .przykrywka {height: 50px}

}