*{
margin: 0;
padding: 0;
}
body {
background-color: white;
}
#header {
background-image: url(naglowna.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;
}
.drogo{
float: right;
padding: 40px;
height: 300px;
weight: 300px;
margin-right: 150px;
}
#a3{
text-align: left;
margin-right: 700px;
margin-left: 100px;
margin-top: 50px;
margin-bottom: 50px;
}
.button {
    background-color: #FF4500;
    border: 1px solid #DC143C;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    -moz-box-shadow: 2px 2px 3px #cccccc;
    -webkit-box-shadow: 2px 2px 3px #cccccc;
    box-shadow: 2px 2px 3px #cccccc;
    text-decoration: none;
    color: #3d3d3d;
    font-family: Calibri, Verdana, Arial, sans-serif;
    font-size: 18px;
    outline: none;
    padding: 5px 20px;
    float: right;
margin-right: 600px;
margin-left: 50px;
margin-top: 250px;
margin-bottom: 50px;
}
 
.button:active {
    -moz-box-shadow: 2px 2px 3px #cccccc inset;
    -webkit-box-shadow: 2px 2px 3px #cccccc inset;
    box-shadow: 2px 2px 3px #cccccc inset;
}
#a4{
text-align: right;
margin-right: 100px;
margin-left: 700px;
margin-top: 50px;
margin-bottom: 50px;
}
.button1 {
    background-color: #FF4500;
    border: 1px solid #DC143C;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    -moz-box-shadow: 2px 2px 3px #cccccc;
    -webkit-box-shadow: 2px 2px 3px #cccccc;
    box-shadow: 2px 2px 3px #cccccc;
    text-decoration: none;
    color: #3d3d3d;
    font-family: Calibri, Verdana, Arial, sans-serif;
    font-size: 18px;
    outline: none;
    padding: 5px 20px;
    float: left;
margin-right: 50px;
margin-left: 600px;
margin-top: 225px;
margin-bottom: 50px;
}
.button1:active {
    -moz-box-shadow: 2px 2px 3px #cccccc inset;
    -webkit-box-shadow: 2px 2px 3px #cccccc inset;
    box-shadow: 2px 2px 3px #cccccc inset;
}
.las{
float: left;
padding: 40px;
height: 300px;
weight: 300px;
margin-top: 50px;
margin-left: 150px;
}