html, body {
  height: 100%;
}

body {
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.1em;
    color: black;
    padding-top:0px;
	margin: 0 auto;
	color: rgb(0,0,0);
	background: #EDE8E4;
}
#pageHeading{
	position:absolute;
	top: 75px;
	left: 10px;
	color: white;
	font-size: 26px;
	padding: 15px;
	font-weight: bold;
	line-height: 1.3em;
	background: red;
	background: linear-gradient(#919191, #4A4A4A); /* Standard syntax */
	z-index: 3;
}

.kolorowy{    
	background: red; /* For browsers that do not support gradients */
    /*background: -webkit-linear-gradient(red, yellow); For Safari 5.1 to 6.0 */
    /*background: -o-linear-gradient(red, yellow);  For Opera 11.1 to 12.0 */
    /*background: -moz-linear-gradient(red, yellow);  For Firefox 3.6 to 15 */
    background: linear-gradient(red, yellow); /* Standard syntax */
	}
#adres {
	position:relative;
	width: 400px;
	/*border: 3px solid #47FF47;*/
	text-align: center;
	color: #fff;
	background: linear-gradient(#4A4A4A, #919191);
	padding: 10px; 
	margin-right: 1%; 
	margin-top: -70px;
	z-index: 500;
	float:right;
}
#pasek{
	position:absolute;
	top: 25px;
	background: #666666; 
	width: 100%; 
	height: 200px;
	z-index: 1;
	}
#wrapper {
	position:relative;
	width: 90%;
	/*border-color: #FFFF00;
	border-width: 5px;
	border-style: solid;*/
	border-bottom: 10px solid #666666;
	margin: 0 auto;
	margin-top: 50px;
	padding-top: 100px;
	padding-bottom: 40px;
	padding-left:20px;
	text-align: left;
	background: rgb(255,255,255);
	font-size: 14px;
	z-index: 2;
}

#divCOOKIES{
	width: 100%;
	color: #FF4747;
	font-size: 12px;
	padding-top:8px;
	padding-bottom:8px;
	font-weight: bold;
	text-align: right;
	}
#accept-cookies-checkbox {
	font-size: 100%;
	line-height: 1.1em;

}
.button:link{color:red;   font-weight: normal;
}
.button:hover, .button:active{color:green;  font-weight: normal;
}

#powered {
	position:relative;
	width: 99%;
	padding-left:10px;
	text-align: left;
	font-size: 80%;
	color: #999;
	z-index: 100;
	}

#footer {
  color: #cccccc;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  padding-left: 30px; 
  padding-right: 30px; 
  text-align: right;
}
A {
  color: #000000;
  text-decoration: none;
  font-size: 12px;
  text-decoration: underline;
}

A:hover {
  font-weight: bold;
}
A.footer {
  color: #999999;
  font-size: 10px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

A.footer:hover {
  text-decoration: underline;
  color: #000000;
}
P {
  font-family: Verdana, Arial, sans-serif;
  font-size: 16px;
  color: #000000;
}
P.main, SPAN.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 16px;
  color: #000000;
  text-align: justify;
}
.center {
  text-align: center;
}
.left {
  text-align: left;
}
.right {
  text-align: right;
}
.justify {
  text-align: justify;
}
LI {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  color: #000000;
  margin-left: 25px;
}
UL {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  color: #000000;
  margin-left: 0px;
}
#ramka {
	position: relative;
	border-color: #ff0000;
	border-width: 5px;
	border-style: solid;
	padding: 0px;
	margin:10px;
	margin-top: 40px;
	float: right;
	z-index: 10;
	}
div#logo{
	margin: 10px;
}
img#logosite{
	border-color: #00C6FF;
	border-width: 5px;
	border-style: solid;
	max-width:50%;
	height:auto;
	max-height:800px;
	float: right;
	z-index: 20;
}
	
.imageleft{
	width:50%;
	float: left;
	margin: 10px;
}
.imageright{
	width:40%;
	float: right;
	margin: 10px;
}
.imag{
	max-width: 98%;
	margin: 15px;
	}
.image{
	max-width:96%;
	margin: 25px;
	float:right;
	}
#divcoocies{
	max-width:500px;
	width: 100%;
	margin-top: 25px;
	}
	
@media screen and (max-width: 900px) {
li{
	margin-left: -10px;}
div#logo{
		margin:15px 0 1px 0;}
img#logosite{
	max-width:100%;
	height:auto;
	border-width: 0px;
	float:none;}
#pasek{
	display:none;
}
#pageHeading{
	position:relative;
	top: 0px;
	left:0px;
	width: 100%;
	border: 0px;
	/*border-bottom: 5px solid #77FF00;*/
	color: white;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.2em;
	padding: 0px;
	padding-top:10px;
	padding-bottom:10px;
	/*background: #FFFFCC;
	background: red;
	background: linear-gradient(yellow, red);*/
	text-align: center;
	z-index: 3;
}
#ramka {
	float: none
	}

#wrapper {
	position:relative;
	width: 98%;
	margin: 0px;
	padding: 0px;
	padding-left:2%;
	background: rgb(255,255,255);
	text-align: left;
	font-size: 12px;
	z-index: 2;
}

#powered {
	margin-top: 0px;
	text-align: center;
	}

	
#ramka {
	position:relative;
	margin: 0 auto;
	border-width: 0px;
	padding: 0px;
	float: none;
}
#divcoocies{
	width: 100%;
	margin: 0 auto;
	text-align: center;
	}
#footer {
	width: 100%;
	padding:0;
	margin:0;
  font-size: 10px;
  text-align: center;
}

.left {
	float: none;
}
.right {
	float: none;
}
.imag{
	margin:5px;
	}
#adres {
	position:relative;
	width: 100%;
	margin: 0 auto;
	padding: 0px;
	padding-left: 10px; 
	padding-top: 10px; 
	padding-bottom: 10px; 
	/*border-width: 0px;
	border-bottom: 5px solid #47FF47;*/
	text-align: center;
}

@media screen and (max-width: 400px){
	div#logo{
	width: 100%;
	float: none;
	margin:2px 0 2px 0;
	margin-top: 20px;
	}
img#logosite{
	width:100%;
	height:auto;}
.left {
	float: none;
}
.right {
	float: none;
}
.image, .imageright, .imageleft{
	width: 98%;
	margin:5px;
	float:none;
	}
}