@charset "utf-8";

body  {

	margin: 0;

	text-align: center;

	color: #FFFFFF;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 100%;

	background-color: #000000;

	padding-top: 50px;

	padding-bottom: 50px;

}



div#container {

	position: relative;

	min-height: 730px;

	width: 1200px;

	background-color: #999999;

	text-align: left; /* this overrides the text-align: center on the body element. */

	margin-right: auto;

	margin-left: auto;

	height: 730px;

} 



div.okno-top {

	background-image: url(../img-sztuka/okno-top.jpg);

	background-repeat: no-repeat;

	height: 42px;

	width: 735px;

	margin: 0px;

	padding-top: 10px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

} 



div.okno-srodek {

	background-image: url(../img-sztuka/okno-srodek.jpg);

	background-repeat: repeat-y;

	width: 705px;

	padding-top: 0px;

	padding-right: 70px;

	padding-bottom: 0px;

	padding-left: 30px;

	min-height: 400px;

} 



div.okno-bottom {

	background-image: url(../img-sztuka/okno-bottom.jpg);

	background-repeat: no-repeat;

	height: 52px;

	width: 735px;

} 



div.okno-medium-top {

	background-image: url(../img-sztuka/okno-top-med.jpg);

	background-repeat: no-repeat;

	height: 42px;

	width: 763px;

	margin: 0px;

	padding-top: 10px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

} 



div.okno-medium-top h1 {

	text-transform:uppercase;

	text-align:center;

	font-weight:bold;

	font-size:20px;

	padding-top: 15px;

}



div.okno-medium-srodek {

	background-image: url(../img-sztuka/okno-srodek-med.jpg);

	background-repeat: repeat-y;

	width: 763px;

	padding-top: 0px;

	padding-right: 70px;

	padding-bottom: 0px;

	padding-left: 35px;

	min-height: 400px;

} 



div.okno-medium-bottom {

	background-image: url(../img-sztuka/okno-bottom-med.jpg);

	background-repeat: no-repeat;

	height: 52px;

	width: 763px;

} 



div.okno-big-top {

	background-image: url(../img-sztuka/okno-big-top.jpg);

	background-repeat: no-repeat;

	height: 42px;

	width: 1200px;

	margin: 0px;

	padding-top: 10px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

} 



div.okno-big-srodek {

	background-image: url(../img-sztuka/okno-big-srodek.jpg);

	background-repeat: repeat-y;

	width: 1200px;

	padding-top: 0px;

	padding-right: 70px;

	padding-bottom: 0px;

	padding-left: 0px;

	min-height: 400px;

} 



div.okno-big-bottom {

	background-image: url(../img-sztuka/okno-big-bottom.jpg);

	background-repeat: no-repeat;

	height: 52px;

	width: 1200px;

} 



div#dzial {

	background-image: url(../img/tlo.jpg);

	background-repeat: repeat-y;

	padding-left: 50px;

	margin: 0px;

	height: 25px;

	font-size: 18px;

}



a {

	color: #FFFFFF;

}

img {

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}





a:hover {

	color: #000000;

}



a.menu {

	letter-spacing: 3px;

	padding-right: 9px;

	padding-left: 9px;

	text-decoration: none;

	color: #FFFFFF;

	font-weight: bold;

	font-size: 15px;

}

a.menu:hover {

	color: #000000;

}



a.main {

	letter-spacing: 2px;

	text-decoration: none;

	color: #FFFFFF;

	font-size: 14px;

	line-height: 30px;

}

a.main:hover {

	color: #000000;

}



div#sidebar1 {

	float: left; /* since this element is floated, a width must be given */

	width: 380px;

	margin: 0px;

	padding-top: 20px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 50px;

}

div#mainContent {

	text-align: justify;

	margin-top: 0;

	margin-right: 0;

	margin-bottom: 0;

	margin-left: 452px;

	padding-top: 14px;

	padding-right: 20px;

	padding-bottom: 10px;

	height: 100%;

	min-height: 530px;

} 



div#mainContent2 {

	text-align: justify;

	margin-top: 0;

	margin-right: 0;

	margin-bottom: 0;

	padding-top: 14px;

	padding-right: 20px;

	padding-bottom: 10px;

	height: 100%;

	min-height: 530px;

	margin-left: 432px;

} 



div#footer {

	clear: both;

	margin-top: 20px;

} 



.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */

	float: right;

	margin-left: 8px;

}

.fltlft { /* this class can be used to float an element left in your page */

	float: left;

	margin-right: 8px;

}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */

	clear:both;

    height:0;

    font-size: 1px;

    line-height: 0px;

}

p, li {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	line-height: 22px;

	font-weight: normal;

}

h1 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 28px;

	font-weight: bold;

	letter-spacing: 1px;

	margin: 0px;

	padding: 0px;

}

div#container-sub {

	position: relative;

	min-height: 730px;

	width: 95%;

	background-color: #999999;

	text-align: left; /* this overrides the text-align: center on the body element. */

	margin-right: auto;

	margin-left: auto;

	min-width: 800px;

	height: 730px;

}

sup {

	font-weight: bold;

}



h2 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	font-weight: normal;

	letter-spacing: 1px;

	margin: 0px;

	padding: 0px;

	text-transform: uppercase;

}

h3 {

	font-size: 14px;

	text-align: left;

	margin: 0px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 40px;

	text-transform: uppercase;

}





div.opcje

{

	background-image: url(../img-sztuka/white.gif);

	background-repeat: repeat-x;

	background-position: center;

	height: 30px;

	width: 100%;

	text-align: center;

}



ul#toplinks li,

ul#bottomlinks li

{

	display: inline;

	list-style-type: none;

}



a.opcje

{

	background-color: #999999;

	text-decoration: none;

	padding-right: 10px;

	padding-left: 10px;

	margin-right: 20px;

	margin-left: 20px;

	font-weight: bold;

}

span.m2 {

	font-size: 22px;

}



a.kup

{

	text-decoration:none;

	font-weight:bold;

	color:#FFFFFF;

}



a.kup:hover

{

	color:#000000;

}



a.head {

	text-decoration: none;

	color: #FFFFFF;

	font-weight: normal;

	font-size: 16px;

	text-transform: lowercase;

	margin: 0px;

}

a.head:hover {

	color: #000000;

}





a.edytuj {

	text-decoration: none;

	color: #00F000;

	font-weight: normal;

	font-size: 12px;

	margin: 0px;

}

a.edytuj:hover {

	color: #00FF00;

}



a.usun {

	text-decoration: none;

	color: #990000;

	font-weight: normal;

	font-size: 12px;

	margin: 0px;

}

a.usun:hover {

	color: #FF0000;

}



.oferta {

	border: ridge 5px #555555;

}



.oferta:hover {

	border: ridge 5px #000000;

}



input.submit {

	background-color: #FFFFFF;

	border: 1px solid #000000;

	padding-right: 5px;

	padding-left: 5px;

}



input.submit:hover {

	background-color: #999999;

	border: 1px solid #000000;

	color: #FFFFFF;

}

fieldset {

	padding: 10px;

}

legend {

	color: #333333;

	font-weight: bold;

}

li.no-punkt {

	list-style-type: none;

}

form {

	margin: 0px;

}



a.oferta-link {

	font-weight: bold;

	text-decoration: none;

	letter-spacing: 1px;

	vertical-align: bottom;

	display: block;

	padding-left: 105px;

	padding-top: 35px;

	border: 1px solid #FFFFFF;

	text-transform: uppercase;

	height: 55px;

	color: #666666;

}



a.oferta-link:hover {

	border: 1px solid #333333;

	color: #000000;

}



.sid-oferta {

	background-image: url(../img-sztuka/oferta.jpg);

	background-repeat: no-repeat;

	height: 346px;

	color: #000000;

	padding-top: 1px;

	padding-right: 60px;

	padding-bottom: 0px;

	padding-left: 0px;

}



ul#oferta-opcje {

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 20px;

	margin-top: 15px;

	margin-left: 0px;

}



ul#oferta-opcje li {

	list-style-type: none;

	background-repeat: no-repeat;

	background-position: left center;

	height: 97px;

	display: block;

}

div#sidebar2 {
	float: left; /* since this element is floated, a width must be given */
	width: 130px;
	margin: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 50px;
}
div#mainContent3 {
	text-align: justify;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	padding-top: 14px;
	padding-right: 20px;
	padding-bottom: 10px;
	height: 100%;
	min-height: 530px;
	margin-left: 180px;
}

div.okno-medium2-top {
	background-image: url(../img-sztuka/okno-top-med2.jpg);
	background-repeat: no-repeat;
	height: 36px;
	width: 1015px;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	z-index: 1;
}
div.okno-medium2-srodek {
	background-image: url(../img-sztuka/okno-srodek-med2.jpg);
	background-repeat: repeat-y;
	width: 1015px;
	padding-top: 0px;
	padding-right: 70px;
	padding-bottom: 0px;
	padding-left: 25px;
	min-height: 450px;
}

div.okno-medium2-bottom {
	background-image: url(../img-sztuka/okno-bottom-med2.jpg);
	background-repeat: no-repeat;
	height: 52px;
	width: 1015px;
}
img.image {
	border: double 3px #FFFFFF;
}
img.image:hover {
	border: 3px solid #FFFFFF;
}