/*
niebieski: #0093DD;
szary: #605D5C

*/
header {
background: linear-gradient(to top, #605D5C, #000000);/*#1D678B*/
border: thin #605d5c solid;
padding-top: 3%;  
margin: 0px;

}

header img {
width: 20%;
text-align: left;
margin-left: 15%;
/*margin-right: 30%; */

}
header div {
	display: inline-table;
	vertical-align: top;
	margin: 1%;
	/*width: 60%; */
	
	
}

header h1 {
	font-size: 150%;
	text-transform: uppercase;
	color: #0093DD;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	margin: 5px;
	text-align: center;
}
header h2 {
	color: #0093DD;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	margin: 5px;
	text-align: center;
}

header p {
	color: #0093DD;
	font-size: 110%;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
vertical-align: top;
margin: 5px;
}

nav {
/*background: #605D5C;/*tło menu */
height: 40px;
padding: 2%;
list-style-type: none;
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right:0;
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;


}

nav ul {
margin: 0;
height: 40px;
padding-left: 0;
padding-right: 0;
text-align: center;
}

nav li {

margin: 0 auto;
display: inline-block;
width: 18.6%;
height: 40px;
border: 0px;
padding: 0 auto;


/*border-bottom: 1px dashed #000000;*/
background-color: #000000;

}

figure img{
	border: 1px solid #666666;
	background-color: #ffffff;
	padding: 4px;
	box-shadow: 2px 2px 4px rgba(0,0,0,.5);
}
figcaption{
	text-align: center;
	margin: 10px 0 0 0;
}

  #slider {
		
    width: 60%;
    height-max: 400px;
  }
  #slider a {
    
  }
  #slider img {
	  position: absolute;
    padding: 0px;
   /* border: 1px solid #ccc;*/
    background: #fff;
	width: 76%;
	height: 250px;
	margin-left: 12%;
	text-align: center;
  }

  #slider img:nth-of-type(1) {
    -webkit-animation-name: fader;
    -webkit-animation-delay: 4s;
    -webkit-animation-duration: 1s;
    -moz-animation-name: fader;
    -moz-animation-delay: 4s;
    -moz-animation-duration: 1s;
    -ms-animation-name: fader;
    -ms-animation-delay: 4s;
    -ms-animation-duration: 1s;
    z-index: 20;
  }
  #slider img:nth-of-type(2) { z-index: 10; }
  #slider img:nth-of-type(n+3) { display: none; }

  @-webkit-keyframes fader {
    from { opacity: 1.0; }
    to   { opacity: 0.0; }
  }
  @-moz-keyframes fader {
    from { opacity: 1.0; }
    to   { opacity: 0.0; }
  }
  @-ms-keyframes fader {
    from { opacity: 1.0; }
    to   { opacity: 0.0; }
  }



nav li:hover {
background-color: #0093DD;
}
nav li a:hover {
color: #000000;
}
#kontakt nav li a.kontakt {
background-color: #0093DD;
color: #000000;
}
#galeria nav li a.galeria {
background-color: #0093DD;
color: #000000;
}
#home nav li a.home {
background-color: #0093DD;
color: #000000;
border: 0px;
}
#ud nav li a.ud {
background-color: #0093DD;
color: #000000;
}
#urp nav li a.urp {
background-color: #0093DD;
color: #000000;
}
#cennik nav li a.cennik {
background-color: #0093DD;
color: #000000;
}

nav li a {
width: 14.5%;
height: 40px;
display: table-cell;
vertical-align: middle;
text-align: center;
font-size: 16px;
font-weight: bold;
color: #ffffff; 
text-decoration: none;
/*padding: 2px;*/
}




body {
margin: 0 auto;
display: block;
background: #605D5C;
}

main {
width: 100%;
margin: 0 0 0 0;
background: #605D5C;
/*position: relative;
/*background: #ff0000;*/
}

#start{
width: 76%;
margin: 210px 0 0 0;
background: #605D5C;
margin-left: auto;
margin-right: auto;
/*position: relative;
/*background: #ff0000;*/
}

aside {
float: right ;
display: block;
width: 20%;
text-align: center;
/*background: #d2d2d2;*/
overflow: hidden;
margin: 8% 0 0 0;
position: relative;
border-radius: 15px;
}

article {
float: left;
min-height: 550px;
width:80%;
/*background: #dbdbdb;*/
margin: 5% 0 0 0;
display: block;
position: relative;
border-radius: 20px;
}
article.galeria {
	margin: auto;
	float: none;
}
h1 {
text-align: center;
color: #0093DD;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.wpis p {
text-align: justify;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:20px;
color: #000000;
}
.btn {
	display: inline-block;
	text-transform: uppercase;
	font-size: 20px;
	border: 2px solid;
	padding-top: 8px;
	padding-right: 20px;
	padding-bottom: 8px;
	padding-left: 20px;
	text-decoration: none;
	border-radius: 10px;
	background-color: #000000;
	color: #0093DD;
	text-align: center;
	margin: auto;
	width: 50%;
	
}
.btn:hover {
	background-color: #FFFFFF;
	color: red;
}
.wyroznione {
	font-weight: bold;
}
 .wpis {
	
	text-align: center;
 }
ol {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
color: #00356a;
font-weight: bold;
text-transform: uppercase;
}
/*
ol li {
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 200%;
margin-top: 5px;
}*/

.wpis{
/*background: #dbdbdb;*/
margin: 1%;
padding: 1%;
}
.przypis {
font-style: italic;
color: #787878;
}
footer {
clear: both;
padding: 0.3%;
width: 99.4%;
bottom: 0;
text-align: center;
color: #FFFFFF;
float: none;
background: linear-gradient(to top, #000000, #605D5C);
margin: 0px;
}
p footer {
margin: 2px;
}

.miniatury{
margin: 2%;
padding: 2%;
}
table{
	width: 100%;
}
.foto{
width: 40%;
/*background: #ffff00;*/
}

td img{
width: 92%;
margin: 2% 2$ 2% 2%;

}

th h1 {
color: #ffffff;
}


.tekst {
width: 60%;
/*background: #33ff40;*/
text-align: justify;
padding: 2%;
vertical-align: center;
color: #ffffff;
}

.p_wiecej {


text-align: center;
padding: 0 40% 0 40%;
border-bottom: 14px double #0093DD;
}

.p_wiecej p {

background: #000000;
color: #ffffff;
text-align: center;
vertical-align: center;
border-radius: 6px;
border: 2px solid;
font-size: 12px;
}

a  {
text-decoration: none;
text-transform: uppercase;
}







@media only screen and (max-width: 900px) {
aside {
display: none;
}
article {
margin: 2% 2% 2% 2%;
width: 96%;
}
nav {
/*background: #80ff80;/*pomarańczowe tło menu */
height: 175px;
width: 100%;
list-style-type: none;
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right:0;
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;


}

nav li {
width: 100%;
-webkit-margin-left: 0em;
-webkit-margin-right: 0em;
margin: 0;
padding-top: 4px;
list-style: none;
border: 1px dashed #999;
/*background: #ff0000;*/
display: list-item;
border: 0;
height: 25.3px;
}
nav li a {
height: 22px;
width: 99.2%;
display: list-item;
vertical-align: middle;
font-size: 14px;

}
nav ul {
padding: 0px;
margin: 0 auto;
height: 175px;
}
ol {
font-size: 14px;
}
.wpis p {
font-size: 14px;
}
header p {
font-size: 16px;
}
h1 {
font-size: 16px;
}
footer p {
font-size: 10px;
}
header img {
width: 80%;
margin: 10%;
}


/*nav li:hover {
background: #999999;
}

header {
background: #555555;
}*/
}