/* CSS RESET */

html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}



body {font:13px/1.231 arial,helvetica,clean,sans-serif;}table{font-size:inherit;font-size:100%;}pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;}

/* CSS RESET */

html, body {
	background-color: #4d4d4d;
	color: #fff;
	font-family: 'Lato', Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	margin: 0;
	padding: 0;
	margin-top: 15px;
}

#top {
	width: 1000px;
	margin:0 auto;
}

#naglowek {
	background-color: #4d4d4d;
	position:relative;
}

#menu {
	width: 140px;
	float: left;
	overflow: hidden;
	background-color: #4d4d4d;
	margin-top: 100px;
	position:relative;
	margin-right: 10px;
}

#tresc {
	width: 850px;
	float: left;
	overflow: hidden;
	background-color: #4d4d4d;
	margin-top: 30px;
	margin-bottom: 40px;
}

#stopka {
	margin-left: 26px;
	clear: both;
	width: 100%;
	background-color: #4d4d4d;
	font-size: 20px;
}

a {
	text-decoration: none;
	color: #8d8d8d
}

a:HOVER {
	text-decoration: none;
	color: #fff;
}

h1, h2 {
	font-size: 25px;
	color: #fff;
	text-align: center;	
}

#naglowek .logo {
	width: 440px;
	float: left;
	overflow: hidden;
}

#naglowek .prawy {
	width: 560px;
	float: left;
	overflow: hidden;
	text-align: justify;
	display: block;
}

#naglowek .prawy div {
	display: inline-block;
}

#naglowek div.zdjecie {
	float: left;
	margin-left: 40px;
}

#naglowek div.zdjecie img {
	width: 180px;
	height: auto;
}

#naglowek .prawy div.logotyp {
	margin-left: 40px;
	margin-top: 60px;
	float: left;
}

#menu li {
	font-size: 20px;
	line-height: 40px;
}

#menu li a {
	font-size: 25px;
	line-height: 45px;
}

#menu .zewnetrzneLinki {
	text-decoration: none;
	overflow: visible;
}

.imie {
	font-size: 60px;
	letter-spacing: 3px;
	color: #8d8d8d;
	line-height: 50px;	
}

.nazwisko {
	font-size: 60px;
	letter-spacing: 3px;
	line-height: 50px;	
	color: #fff;
}

.malarstwo {
	font-size: 25px;
	letter-spacing: 30px;
	color: #8d8d8d;
	line-height: 45px;
	float: right;
}
.biografia {
	font-size: xx-small;
}

#tresc .zawartosc h1 {
	margin-bottom: 30px;	
}

#tresc .zawartosc h2 {
	margin: 20px 0;	
}

#tresc .zawartosc .galeria {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(184px, 1fr));
    gap: 12px;
    justify-items: center;
    align-items: center;
    padding: 20px;
}

#tresc .zawartosc .galeria .kafel {
    width: 184px;
    height: 184px;
    overflow: hidden;
    display: flex;
    justify-content: center;
	align-items: center
}

#tresc .zawartosc .galeria-60-tytul {
	display: flex;
	justify-content: center;
	align-items: center;
}

#tresc .zawartosc .galeria-60-tytul img {
	border-radius: 8px;
}

#tresc .zawartosc .galeria.galeria-60 {
	grid-template-columns: repeat(auto-fill, minmax(92px, 1fr));
	gap: 6px;
}

#tresc .zawartosc .galeria.galeria-60 .kafel {
	width: 92px;
	height: 92px;
	align-items: normal;
}

#tresc .zawartosc .galeria .kafel img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px;
}


#stopka .lewo {
	margin-top: 20px;
	width: 120px;
	float: left;
	overflow: hidden;
}
#stopka .srodek {
	margin-top: 20px;
	width: 240px;
	float: left;
	overflow: hidden;
}
#stopka .prawo {
	margin-top: 20px;
	width: 314px;
	float: left;
	overflow: hidden;
}

#stopka a {
	color: #fff;
}

p {
	margin: 10px 0;
}