* {
margin: 0; 
padding: 0;
 }
 
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
   display: block;
}

audio, canvas, embed, keygen, meter, progress, video {
	display: inline-block;
}

[hidden] {
	display: none;
}
 html { 
  background-color: black;
}

html, body {
	width: 100%;
    height: 100%;
}

strong {
color: white;
}

p {
	font-size: 25px;
	color: white;
	line-height: 40px;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
}

h1 /* stowarzyszenie przyjaciół */
{
	font-size: 60px;
	color: white;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	text-align: center;
	margin: 90px auto 50px auto; 
}

h2 /* menu */
{
	font-size: 27px;
	color: black;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	text-align: center;
	padding: 70px 0 0 0;
}

h3 /* menu */
{
	font-size: 14px;
	color: white;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	text-align: center;
	padding: 12px 0 0 0;
}

h4 /* menu */
{
	font-size: 30px;
	color: white;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	text-align: center;
	margin: 50px auto 10px auto; 
}

h5 /* menu */
{
	font-size: 20px;
	color: white;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	text-align: left;
	line-height: 10px;
}

h6 /* mapa */
{
	font-size: 17px;
	padding: 0 0 14px 0;
	color: white;
	font-family: 'Lato', sans-serif;
	font-weight: 100;
	text-align: left;
	line-height: 10px;
}

nav{
margin: 0 auto;
padding: 0 0 50px 0;
width: 540px;
min-height: 150px;
height: auto !important;
height: 100%;
}

nav a {
border-width: 0px;
}

.wrapper {
width:100%; 
min-height: 100%;
height: auto !important;
height: 100%;
margin: -45px auto -40px auto;
text-align: center;
}


.contain {
margin: 0 auto;
width:700px;	
height: auto !important;
height: 100%;
}

.contain2 { /*zawartość płaskich boxów eventowych */
margin: 0 auto;
width:500px;	
height: auto !important;
height: 100%;
}

.contain3 { /*zawartość miniatur galerii */
margin: 0 auto;
width:960px;	
height: auto !important;
height: 100%;
}

.contain p {
	font-size: 25px;
	color: white;
	line-height: 40px;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	text-align: left;
	padding: 10px;
}

.contain3 p {
	font-size: 25px;
	color: white;
	line-height: 40px;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	text-align: left;
	padding: 10px;
}

.contain blockquote {
	font-size: 25px;
	color: white;
	line-height: 40px;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	text-align: center;
}

.contain a{  /*kolor linku w tekście */
color: white;
}

.contain2 a{  /*kolor linku w tekście */
color: black;
text-decoration:none;
}

.contain img {
padding: 30px;
}

.contain ul {/* wygląd elementu - ul */
margin: 0 auto;
width: 700px;
padding: 1px 0 0 25px;
text-decoration: none;
text-align:left;
 }

.contain li {
 font-size: 22px;
 font-weight: 300;
 color: white;
 font-family: 'Lato', sans-serif;
 list-style-position: 20px;
 line-height: 30px;
 }


.contain_statut {
	margin: 0 auto;
	width: 700px; 
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

.contain_statut P {
	color: white;
	font-family: 'Lato', sans-serif;
	font-size: 20px;
	padding: 0 0 20px 0;
	line-height: 24px;
}

.contain_statut ul {
	list-style-type: decimal;
	color: white;
	font-family: 'Lato', sans-serif;
	font-size: 20px;
	padding: 0 0 20px 20px;
	line-height: 24px;
	text-align: left;
}

.contain_statut li {
	padding: 0 0 10px 0;
}

.contain_statut ol{
	list-style-type: lower-latin;
	padding: 10px 0 10px 30px;
}

#myslniki li {
	list-style-type: circle;
}




#left {
float: left;
width:  300px;
height: auto !important;
}

.center {
margin: 0 auto;
width:  640px;
height: auto !important;
}

.center2 {
margin: 20px auto 10px auto;
width:  300px;
height: auto !important;
text-align: center;
}

.center2 a{
color: white;
}

#left img{
padding: 0 10px 10px 50px;
float: right;
}

#right {
float: left;
width:  340px;
height: auto !important;
padding: 0 0 40px 0;
}

#right ul {
list-style-type: none;
text-decoration: none;
text-align:left;
font-family: 'Lato', sans-serif;
font-weight: 100;
}

 #right li {
padding: 45px 0 48px 0;
font-size: 20px;
line-height: 13px;
}

#rewizja {
padding: 0 0 50px 0;
}

#rewizja ul {
margin: 0 auto;
padding: 0 0 250px 40px;
text-decoration: none;
text-align:left;
color: white;
font-family: 'Lato', sans-serif;
font-weight: 100;
width:  300px;
height: 60px;
}

#rewizja p {
line-height: 20px;  
font-size: 18px;
padding: 4px;
}

#grupy {
padding: 0 0 90px 0;
}

#grupy ul {
margin: 0 auto;
padding: 0 0 50px 40px;
text-decoration: none;
text-align:left;
color: white;
font-family: 'Lato', sans-serif;
font-weight: 100;
width:  300px;
height: 50px;   
}

#grupy p {
line-height: 20px;  
font-size: 18px;
padding: 4px;
}


#mapa {
padding: 60px 0 60px 0;
}
#mapa p{
	font-size: 15px;
	color: #6d6d6d;
	font-family: 'Lato', sans-serif;
	font-weight: 100;
	text-align: left;
	line-height: 10px;
}
#mapa a {
font-size: 17px;
padding: 0 14px 0 10px;
text-decoration: none;
}
#mapa a:hover { 
    text-decoration: underline;
}

article {
margin: 0 auto;
width:600px; 
color: white;

}
article li {
	
	font-family: 'Lato', sans-serif;
	font-weight: 100;
	font-size: 20px;
	text-align: left;
	line-height: 30px;
	padding: 0 0 20px 0;
}
article ol {
	
	font-family: 'Lato', sans-serif;
	font-weight: 100;
	font-size: 20px;
	text-align: left;
	line-height: 30px;
	padding: 0 0 10px 0;
}

.box{
margin: 5px;
float: left;
width: 170px;
height: 170px;
background-color: #efefef;
text-align: center;
text-decoration: none;
}

.box:hover  {
text-decoration:underline;
color: black;
}

.box_events{
margin: 10px auto 10px auto;
width: 500px;
height: 50px;
background-color: #efefef;
}

.box_events p {
	font-size: 27px;
	color: black;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	text-align: left;
	padding: 5px 0 0 30px;
}

.box_image {
	padding: 5px 10px 10px 0;
	float: left;
	width: 150px;
	height: 100px;
}

.box_events:hover {
  text-decoration:underline;
  color: black;
}

footer{
width:100%; 
height: 40px;
background-color: #4f582b;
text-align: center;
}

footer a {
text-decoration:none;
}

.clear{
clear: both;
}

.push {
height: 40px; /*klasa .push musi mieć tę samą wysokość co klasa .footer */
}