*{
margin: 0;
padding: 0;
}
body {
background-color: white;
}
#header {
background-image: url(galeria.jpg);
background-size: 100%;
background-repeat: no-repeat;
weight: 100%;
height: 600px;

}
h1.napis{
font-family: 'Playfair Display', serif;
color: #FFFFFF;
padding-left: 100px;
padding-right: 700px;
padding-top: 300px;

}
hr{
border: 0; margin: 0; padding: 0;
border-top: 3px solid white;
}
#wrapper {
max-width: 100%;
margin: 0 auto;
}
.nav{
width: 100%;
padding: 10px 0;
background-color: #FAFAD2;
text-align: center;
border-top: 2px solid #D3D3D3	;
border-bottom: 2px solid #D3D3D3	;
}
#a1{
margin-top: 50px;
margin-bottom: 50px;
margin-left: 150px;
margin-right: 700px;
padding: 5px;
color: #FFFFF0;
}


h2{
text-align:  left;
padding: 20px;
font-family: 'Playfair Display', serif;
color: #A0522D;

}

#hrnow{
border: 2px solid #DAA520;
weight: 100px;
margin-left: 400px;
margin-right: 400px;
}

p {
text-align: left;
padding: 20px;
font-family: 'Playfair Display', serif;
font-size: 18px;
color: black;
}

#a2{
margin-top: 50px;
margin-bottom: 50px;
margin-left: 700px;
margin-right: 150px;
padding: 5px;
color: #FFFFF0;
text-align: justify;

}

h2.ha2{
text-align:  right;
padding: 20px;
font-family: 'Playfair Display', serif;
color: #A0522D;

}

p.pa2{
text-align: right;
padding: 20px;
font-family: 'Playfair Display', serif;
font-size: 18px;
color: black;

}
.sticky{
width: 100%;
position: fixed;
left: 0;
top: 0;
z-index: 100;
}
ol{
font-size: 18px;
height: 35px;
line-height: 200%;
list-style-type: none;
}
ol a{
text-decoration: none;
color: #778899;
display: block;
}
ol > li{
width: 150px;
height: 40px;
float: left;
border-right: 1px dashed #778899;
}
ol > li:hover{
background-color: #D3D3D3;
}
ol > li:hover > a{
color: black;
}
ol > li > ul{
list-style-type: none;
height: 40px;
display: none;
}
ol > li > ul > li{
background-color: #FAFAD2;
position: relative;
z-index: 100;
border-top: 1px dashed #778899;
}
ol > li > ul > li:hover{
background-color: #D3D3D3;

}
ol > li > ul > li:hover > a{
color: black;
}
ol > li:hover > ul{
display: block;
}
#footer{
text-align: center;
background-color: #9ACD32;
font-family: 'Playfair Display', serif;
font-size: 14px;
padding: 10px;
}
img{
height: 200px;
weight: 200px;
padding: 10px;
 transition-duration: 3s;
    margin: 0 auto;
    display: block;
}
table{
border: 2px solid black;
text-align: left;
margin: 0 auto;
background-color: #FFE4B5;
font-family: 'Playfair Display', serif;
}
.tabelka{
text-align: center;
margin: 20px;
overflow: hidden;
}
.tabelka img:hover {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    z-index: 0;
}