html, body {
	background: #e3e3e3 url('gfx/tlo_main.gif') repeat-x top center;
	margin: 0px auto;
	padding: 0px;
	width: 100%;
	font-family : "Trebuchet MS", "Lucida Sans Unicode", Tahoma, Arial, Verdana, Helvetica;
	font-size: 11px;
	color: #4c4c4c;
}

a{
	color: #000000;
	text-decoration: none;
}

a:hover{
	color: #4c4c4c;
	text-decoration: none;
}

#MAIN { 
	margin: 0px auto;
	padding: 0px; 
	width: 980px; 
}

#HEADER {
	width: 980px;
	height: 388px;
	background: url('gfx/header_tlo.jpg') no-repeat top;
}

#HEADER img {
	border: none;
}

#HEADER_top {
	width: 980px;
	height: 32px;
	line-height: 32px;
	color: #FFFFFF;
	font-size: 9px;
	font-family: Tahoma;
}

#HEADER_top img {
	vertical-align: middle;
	margin: 0 2px 0 3px;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

#HEADER_top img:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

#HEADER_logo {
	width: 980px;
	height: 140px;
}

#HEADER_zakladki {
	width: 980px;
	height: 33px;
	float: left;
}

#HEADER_zakladki a.zakl {
	font-size: 14px;
	text-align: center;
	color: #6d0000;
	display: block;
	float: left;
	height: 26px;
	padding: 7px 15px 0 15px;
}

#HEADER_zakladki a.zakl:hover {
	color: #6d0000;
	background: url('gfx/header_zakladki.gif') repeat-x bottom;
}

#HEADER_zakladki img {
	border: none;
	vertical-align: middle;
	margin: 0 2px 0 3px;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

#HEADER_zakladki img:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

#HEADER_specjalne {
	width: 980px;
	height: 145px;
	margin: 22px 0 0 0;
	float: left;
}

#HEADER_specjalne div.nawigacja {
	width: 70px;
	height: 145px;
	float: left;
	text-align: center;
}

#HEADER_specjalne div.nawigacja img{
	margin-top: 57px;
	border: none;
	opacity: 1;
	filter: alpha(opacity=100);
}

#HEADER_specjalne div.nawigacja img:hover{
	margin-top: 57px;
	border: none;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

#RODZAJE {
	width: 682px;
	padding: 0 20px;
	float: left;
	font-size: 15px;
	margin-top: 15px;
	background: #ce1f4a;
}

#RODZAJE a{
	background: #ce1f4a;
	display: block;
	float: left;
	color: #FFFFFF;
	text-decoration: none;
	padding: 6px 15px;
}

#RODZAJE a:hover{
	background: #e3e3e3;
	color: #4a4a4a;
	text-decoration: none;
}

#LEWA {
	float: right;
	width: 220px;
	margin: 0 10px 0 28px;
}

#LEWA div.modul{
	width: 100%;
	padding-bottom:20px;
	margin-bottom: 10px;
	background: url('gfx/lewa_kreska1.gif') no-repeat bottom center;
	float: left;
}

#LEWA div.modul p {
	color: #4e4e4e;
}

#LEWA div.modul p.tytul {
	font-size: 18px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, Verdana, sans-serif;
}

#LEWA a.zakladki{
	display: block;
	height: 35px;
	line-height: 35px;
	color: #4e4e4e;
	font-size: 14px;
	text-indent: 10px;
	background: url('gfx/lewa_kreska1.gif') no-repeat bottom;
}

#LEWA a.zakladki:hover{
	background: #DFDFDF url('gfx/lewa_kreska1.gif') no-repeat bottom;
	color: #be0c0c;
	text-decoration: none;
	text-indent: 15px;
}

#CENTER {
	width: 682px;
	padding: 20px;
	float: left;
	background: #FFFFFF url('gfx/tresc_tlo.jpg') no-repeat top;
}

#CENTER2 {
	width: 722px;
	padding: 20px 0;
	float: left;
	background: #FFFFFF url('gfx/tresc_tlo.jpg') no-repeat top;
}

#TRESC p.tytul {
	font-size: 22px;
	margin-top: 0px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, Verdana, sans-serif;
	text-shadow: 1px 1px 1px #FFFFFF;
}

div.listaofert {
	background: #FFFFFF;
}

div.listaofert:hover {
	background: #EFEFEF;
}

div.listaofert img {
	border: none;
	opacity: 1;
	filter: alpha(opacity=100);
}

div.listaofert:hover img{
	border: none;
	opacity: 0.7;
	filter: alpha(opacity=70);
}

div.listanaglowek{
	background: #ce1f4a;
	border-bottom: 1px solid #FFFFFF;
	padding: 4px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
}

div.listaopis {
	color: #000000;
	font-size: 11px;
}

div.listaopis p{
	padding: 2px 10px;
	margin: 1px;
}

div.listaopis a:hover{
	color: #000000;
	text-decoration: none;
}

#TRESC div.oferty_nawigacja {
	font-size: 11px;
	text-align: right;
	border-top: 1px solid #DFDFDF;
	margin-top: 10px;
	padding-top: 10px;
	width: 682px;
	float: left;
}

#TRESC div.oferty_nawigacja a{
	font-size: 10px;
	padding: 2px 4px;
	margin: 0 2px;
	background: #dbdbd3;
}

#TRESC div.oferty_nawigacja a:hover{
	color: #FFFFFF;
	background: #ce1f4a;
	text-decoration: none;
}

input.button {
	height: 23px;
	line-height: 23px;
	padding: 0 8px 0 12px;
	color: #FFFFFF;
	font-size: 14px;
	text-align: center;
	background: #ce1f4a;
	border: none;
}

textarea, input {
	padding: 5px;
	margin: 3px;
	border: 1px dotted #b8b8b8;
	font-size: 12px;
	font-family: Tahoma, Arial;
}

textarea.text, input.text, select.text {
	padding: 5px;
	margin: 3px;
	border: 1px dotted #b8b8b8;
	font-size: 12px;
	font-family: Tahoma, Arial;
}

textarea.text2, input.text2, select.text2 {
	padding: 5px;
	margin: 6px 4px;
	border: 1px dotted #b8b8b8;
	font-size: 12px;
	font-family: Tahoma, Arial;
}

textarea.text3, input.text3, select.text3 {
	padding: 5px;
	margin: 4px 4px;
	border: 1px dotted #b8b8b8;
	font-size: 12px;
	font-family: Tahoma, Arial;
}

#TRESC div.zdjecie {
	width: 130px;
	height: 130px;
	margin: 3px;
	float: left;
}

#TRESC div.zdjecie img {
	width: 130px;
	height: 130px;
	border: 1px solid #000000;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

#TRESC div.zdjecie img:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

div.ikony {
	width: 106px;
	float: left;
	font-size: 10px;
}

div.ikony img{
	border: none;
	opacity: 0.7;
	filter: alpha(opacity=70);
}

div.ikony img:hover{
	opacity: 1;
	filter: alpha(opacity=100);
}

td.td1{
	padding: 3px;
	background: #ffffff;
}

td.td2{
	padding: 3px;
	background: #f6f5ed;
}

td.td3{
	padding: 3px;
	background: #ffffff;
}

#FOOTER {
	width: 980px;
	margin-top: 20px;
	float: left;
}

#FOOTER div.foot1{
	height: 152px;
	padding: 10px;
	border: 1px solid #7f7f81;
	background: url('gfx/footer_tlo.jpg');
}

#FOOTER div.foot2 {
	font-size: 12px;
	color: #6b6b6b;
	text-align: center;
	height: 30px;
	line-height: 30px;
}

#FOOTER div.foot2 a{
	color: #6b6b6b;
	margin: 0 10px;
}

#FOOTER div.foot2 a:hover{
	color: #000000;
}

#FOOTER div.foot3 {
	font-size: 10px;
	color: #acacac;
	text-align: center;
	height: 30px;
	line-height: 30px;
}

#FOOTER div.foot3 a{
	color: #acacac;
}

#FOOTER div.foot3 a:hover{
	color: #b81803;
}


.komunikat1 {
	padding: 10px;
	text-align: center;
	background: #f3f7f6 url('gfx/ikona_warning.gif') no-repeat top left;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}



/*************************  oferty specjalne ************************/
.stepcarousel {
	position: relative; /*leave this value alone*/
	border: none;
	float: left;
	overflow: scroll; /*leave this value alone*/
	width: 840px; /*Width of Carousel Viewer itself*/
	height: 145px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt {
	position: absolute; /*leave this value alone*/
	width: 168px;
	height: 145px;
	float: left;
	left: 0;
	top: 0;
}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 0px 16px; /*margin around each panel*/
	width: 150px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	height: 143px;
	background: #eaecec;
	border: 1px solid #FFFFFF;
	font-size: 10px;
}

.stepcarousel .panel a{
	color: #363636;
	text-decoration: none;
}

.stepcarousel .panel a:hover{
	color: #000000;
	text-decoration: none;
}

.stepcarousel .panel img{
	width: 150px;
	height: 93px;
	opacity: 1;
	filter: alpha(opacity=100);
}

.stepcarousel .panel img:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
}


/*************************  Forms ************************/
fieldset{border:0;}
ul.form{list-style:none;padding:0;margin:0 auto;width:350px;border:0;}
ul.form li{border-bottom:1px dashed #464e5f;padding:6px 0;height:35px;}
.form_head{height:20px;width:400px;color:#aaa;text-align:center;border-bottom:0 !important;}
ul.form li label{display:block;float:left;width:160px;}
.required{display:block;font-size:10px;color:#5b6170;width:160px;float:left;clear:left;}
ul.form li input, ul.form li select, ul.form li textarea{width:180px;background-color:#ccc;border:2px solid #ccc;padding-left:3px;-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;}
ul.form li.submit{text-align:right;border:0;}
ul.form li.submit input{background:transparent url(/images/send.png) no-repeat;
border:0 none;
cursor:pointer;
display:block;
height:34px;
width:110px;
overflow:hidden;
text-indent:-4000px;
float:right;}
#comment{width:400px;background-color:#ccc;border:2px solid #ccc;-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;}
ul.form li textarea{height:90px;width:340px;}
ul.form li.comment .required, ul.form li.comment label{width:120px;}
li.comments{height:130px !important;}
.valid{border:1px solid green !important;}
.invalid{background: #EFEFEF; border:1px solid #800 !important;}


/* Accordion */
	.accordion { list-style-type: none; padding: 0; margin: 0; }
	.accordion ul { padding: 0; margin: 0; float: left; display: block; width: 100%; }
	.accordion li { background: #dbdbd3; list-style-type: none; padding: 0; margin: 0; float: left; display: block; width: 100%;}
	.accordion li.active>a { background: url('gfx/a_iko_close.gif') no-repeat center right; }
	.accordion li div { background: #FFFFFF; color: #000000; display: block; clear: both; float: left; width: 100%;}
	.accordion a.accor { text-decoration: none; border-bottom: 1px solid #FFFFFF; color: #e82b63; font-size: 12px; font-weight: bold; padding: 2px 10px; display: block; cursor: pointer; background: url('gfx/a_iko_open.gif') no-repeat center right;}
	/* Level 2 */
	.accordion li ul li { background: #dfdfdf; font-size: 0.9em; }