#page { width: 921px; margin: 20px auto; background: url(../images/page-bg.gif) 0 0 repeat-y; }

#header { width: 100%; height: 100px; border-bottom: 1px solid #E8E8E8; background: url(../images/header-top-bg.png) 0 0 repeat-x; position: relative;}
#header #header-top-corner { position: absolute; top: 0; left: 0; width: 7px; height: 7px; background: url(../images/header-top-corner.png) 0 0 no-repeat; }
#header #logo-header { float: left; margin: 30px 0 0 0; padding: 0 8px 0 25px; border-right: 1px solid #e0e1e0; }
#header #title-header { float: left; margin: 47px 0 0 0; padding: 0 0 0 8px; }

#header-right { float: right; width: 444px; padding: 0 2px 0 0; height: 100px; background: url(../images/header-right-bg.jpg) right 0 no-repeat; }
#header-right #konsultant { float: right; width: 94px; height: 100px; background: url(../images/konsultant.jpg) 0 0 no-repeat; }
#header-right #header-tel { float: left; margin: 13px 0 0 0; width: 350px; height: 87px; background: #96240E url(../images/header-tel-bg.png) 0 0 no-repeat; position: relative; }

#header-right ul { float: left; padding: 0; margin: 8px 0 0 12px; }
#header-right ul li { float: left; padding: 0 10px 0 0; font-size: 1.1em; color: #fff; line-height: 1.2em; }
#header-right ul li strong { float: left; width: 100px; margin: 0 10px 0 0; padding: 0 25px 0 0; text-align: right; font-weight: normal; }
#header-right ul li.europa { margin: -2px 0 0 0; position: relative; }
#header-right ul li.europa strong { margin: 2px 10px 0 0; }
#header-right ul li.fax strong { background: url(../images/euro-icon.png) right 3px no-repeat; }
#header-right ul li.fax img { position: absolute; top: 7px; right: -12px; margin: 0; cursor: help;}
#header-right ul li.email strong { background: url(../images/email-icon.png) right 3px no-repeat; }
#header-right ul li.tel strong { background: url(../images/flags.png) right 1px no-repeat; }
#header-right a { color: #fff;}
#header-right div.call { display: block; position: relative; z-index: 2; }
#header-right p.desc { display: none; position: absolute; right: -200px; top: 18px; padding: 5px 10px; background-color: #fff; width: 200px; border: 1px solid #CC4519; color: #333;}

#header-time { position: absolute; top: 9px; right: 0; padding: 18px 2px 0 5px; border-left: 1px solid #CC4519; text-align: center; font-weight: bold; color: #fff; line-height: 1.2em; background: url(../images/zegar.png) 50% 0 no-repeat; font-size: 0.9em; }

#menu-top { clear: both; padding: 13px 7px 0 6px; margin: 1px 0 4px 0; border-top: 1px solid #f1f3ee;  }
#mainmenu {	float: left; width: 100%; background: url(../images/mainmenu-bg.gif) 0 0 no-repeat; }
#mainmenu ul { float: left; width: 100%; padding: 2px 0 1px 0; margin: 0; background: url(../images/mainmenu-ul-bg.gif) 50% bottom no-repeat; }
#mainmenu ul li { float: left; list-style-type: none; padding: 0;	margin: 0; }
#mainmenu a { display: block; float: left; height: 40px; text-indent: -9999px; font-size: 0; }
#mainmenu .home a {	width: 151px;	background: url(../images/menu/home.png) 0 0 no-repeat;	}
#mainmenu .onas a {	width: 151px;	background: url(../images/menu/onas.png) 0 0 no-repeat;	}
#mainmenu .oferta a {	width: 151px;	background: url(../images/menu/oferta.png) 0 0 no-repeat;	}
#mainmenu .skleponline a {	width: 151px;	background: url(../images/menu/skleponline.png) 0 0 no-repeat;	}
#mainmenu .montage a {	width: 151px;	background: url(../images/menu/montage.png) 0 0 no-repeat;	}
#mainmenu .versandkosten a {	width: 153px;	background: url(../images/menu/versandkosten.png) 0 0 no-repeat;	}
#mainmenu li a:hover {background-position: 0 -40px;	}

#banner-top { clear: both; height: 80px; background: url(../images/banner-top-start.jpg) 0 0 no-repeat; }

.banners-start { margin-bottom: 10px; }
.banners-start img { display: block; }
.banners-start a { text-decoration: none; }

#flash-start { clear: left; background: url(../images/flash.jpg) 0 14px no-repeat; height: 284px; }
#flash-start #index-top { margin-left: -28px; }

#boksy-green { float: left; width: 100%; height: 150px; margin: 1px 0 0 0; background: url(../images/boksy-green-bg.jpg) 0 0 no-repeat; }
#boksy-green ul { padding: 14px 0 0 13px; margin: 0; }
#boksy-green ul li { padding: 0; margin: 0; list-style-type: none; float: left; display: block; position: relative; height: 125px; }
#boksy-green ul li a { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
#boksy-green ul li a img { padding:7px 25px 4px 0; background: yellow; position: absolute; bottom: 10px; right: 10px; background: url(../images/strzalka-zielona2.gif) 100% 100% no-repeat; }
#boksy-green #boksy-green-lewy { width: 284px; background: url(../images/boksy-green-lewy-bg.gif) 0 0 no-repeat; }	
#boksy-green #boksy-green-lewy a { background: url(../images/boksy-img1.jpg) 10px 10px no-repeat; }
#boksy-green #boksy-green-srodek { width: 295px; background: url(../images/boksy-green-srodek-bg.gif) 0 0 no-repeat; }
#boksy-green #boksy-green-srodek a { background: url(../images/boksy-img2.jpg) 10px 10px no-repeat; }
#boksy-green #boksy-green-prawy { width: 284px; background: url(../images/boksy-green-prawy-bg.gif) 0 0 no-repeat; }
#boksy-green #boksy-green-prawy a { background: url(../images/boksy-img4.jpg) 10px 10px no-repeat; }
#boksy-green .odstep { width: 10px; height: 115px; margin: 5px 0 0 0; background: url(../images/odstep-bg.gif) 50% 0 repeat-y; }
	
#boksy-white { float: left; width: 100%; margin: 4px 0 0 0; }
#boksy-white h2 { height: 62px; background: url(../images/boksy-green-header.jpg) 0 0 no-repeat; font-size: 0px; text-indent: -9999px; padding: 0; }
#boksy-white-bottom { float: left; width: 100%; height: 15px; font-size: 0; background: url(../images/boksy-white-bottom.png) 0 0 no-repeat; }

/**/
#hp-prod-list { margin: 0; padding: 0 10px; float: left; width: 888px;  background: url(../images/boksy-white-bg.png) 0 0 repeat-y; }
#hp-prod-list .item { width: 272px; height: 150px; float: left; margin: 7px 0; padding: 5px 12px; list-style: none; background: url(../images/boks-white-bg.gif) right 0 repeat-y; }
#hp-prod-list .last-child { background: none; }
#hp-prod-list .item a:hover {text-decoration: none;}
#hp-prod-list .item:last-child { background: none; } /* 6,7 */
#hp-prod-list .item-title { display: block; height: 2.5em; margin: 0 0 11px; color: #888; background: url(ie.hack) 110% 110% no-repeat; text-decoration: none; }	
#hp-prod-list .item-title strong { font-size: 13px; font-weight: bold; color: #444;}
#hp-prod-list .item-img { display: block; width: 250px; height: 106px; overflow: hidden; padding: 3px 10px; background: url(../images/boks-white-in.gif) 0 0 no-repeat; }
#hp-prod-list .item-img h3 { text-align: right; font-size: 1.1em; padding: 0; margin: 10px 0 0 0; color: #999; }
#hp-prod-list .item-img h4 { text-align: right; color: #999; font-size: 0.9em; margin: 5px 0 0 0; padding: 0; }
#hp-prod-list a.item-img:hover h3, #hp-prod-list a.item-img:hover h4 { color: #666; }
#hp-prod-list .item-img h4 em { color: #6D8A0E; font-size: 1.5em; font-style: normal;}
#hp-prod-list a.item-img:hover h4 em { color: #617A0C; }
#hp-prod-list .item-img span.image { width: 90px; height: 90px; margin-top: 8px; float: left; overflow: hidden; }
#hp-prod-list span.item-more { width: 65px; height: 20px; float: right; margin: 5px 5px 0; background: url(../images/btn-details.png) no-repeat 100% 0; font-size: 0; text-indent: -100em; overflow: hidden; }

.ramka { padding: 0 7px 0 6px }
#content h2 { font-weight: normal; margin-bottom: 20px; }
#container-start { border-bottom: 1px solid #dceef0; }
#container { background: #ffffff url(../images/content-bg.gif) repeat-y; border-bottom: 1px solid #dceef0; }
#left-side { float: left; width: 228px; margin: 4px 0 0 0; padding: 0; }

#left-menu { width: 228px; padding: 0 0 6px 0; margin: 0 0 10px 0; background: #f3f3f3 url(../images/left-menu-bottom.png) 0 bottom no-repeat; }
#left-menu .border { border: 4px solid #8AAD0C; border-top: 0; border-bottom: 0; }
#left-menu h4 { font-size: 1.1em; color: #fff; padding: 7px 0 5px 15px; background: #8AB00F url(../images/left-menu-top.png) 0 0 no-repeat;}
#left-menu h2, #left-menu h3 { font-size: 1em; }
#left-menu ul { padding: 0; margin: 0; }
#left-menu ul li { padding: 0; margin: 0; list-style-type: none; border-bottom: 1px solid #ced0cf;}
#left-menu ul li a { display: block; font-size: 1.1em; width: 175px; margin: 0; padding: 5px 10px 6px 35px; color: #5c8506; font-weight: bold; background: url(../images/arrow1.png) 12px 8px no-repeat; }
#left-menu ul li a:hover { color: #5c8506; text-decoration: none; background-color: #E6E6E6; }
#left-menu ul ul li { border: 0; border-top: 1px solid #ced0cf;}
#left-menu ul ul ul li { border: 0; }
#left-menu ul ul ul { padding: 0 0 6px 0; }
#left-menu ul ul li a { width: 160px; padding: 3px 10px 3px 50px; font-weight: normal; background: url(../images/arrow2.png) 35px 8px no-repeat; border: 0; }
#left-menu ul ul ul li a { width: 145px; padding: 0px 10px 0px 65px; font-weight: normal; background: url(../images/arrow3.png) 50px 6px no-repeat; border: 0; line-height: 1.3em; }
#left-menu .last a { border: 0 !important; }

#payment { clear: both; width: 228px; padding: 0 0 10px 0; margin: 0 0 10px 0; background: #fffbd1 url(../images/payment-bg-bottom.png) 0 bottom no-repeat; }
#payment .cont { border: 1px solid #e8e7e7; border-top: 0; border-bottom: 0; background: url(../images/payment-bg.png) 0 bottom repeat-x; }
#payment h4 { font-size: 1.1em; color: #fff; padding: 7px 0 5px 15px; background: #8AB00F url(../images/left-menu-top.png) 0 0 no-repeat;}
#payment ul { padding: 0; margin: 0; }
#payment ul li { padding: 5px 0; margin: 0; border-bottom: 1px solid #e8e7dc; list-style-type: none; }
#payment ul li a { display: block; margin: 0; padding: 5px 0; text-align: center; }

#transport { clear: both; width: 228px; padding: 0; margin: 0 0 10px 0; background: #fff; }
#transport .cont { background: #6299B6 url(../images/transport-bottom-bg.png) 0 bottom no-repeat; padding: 0 0 10px 0; }
#transport h4 { font-size: 1.1em; color: #477193; padding: 7px 0 5px 15px; }
#transport h5 { display: block; width: 228px; height: 140px; background: url(../images/transline.png) 0 0 no-repeat; text-indent: -9999px; font-size: 0;}
#transport p { padding: 0; margin: 0 15px 5px 15px; color: #fff; line-height: 1.3em;}

#costs { clear: both; width: 228px; padding: 0 0 6px 0; margin: 0 0 20px 0; background: url(../images/payment-bg-bottom.png) 0 bottom no-repeat; }
#costs .cont { clear: both; border: 1px solid #e8e7e7; border-top: 0; border-bottom: 0; background-color: #F9F9F9; padding: 5px 0 0 0; }
#costs h4 { font-size: 1.1em; color: #fff; padding: 7px 0 5px 15px; background: #8AB00F url(../images/left-menu-top.png) 0 0 no-repeat;}
#costs ul { padding: 0; margin: 0; }
#costs ul li { padding: 0 0 5px 0; margin: 0; list-style-type: none; }
#costs ul li a { display: block; height: 68px; margin: 0; padding: 0; text-align: center; }

#download { clear: both; width: 228px; padding: 0; margin: 0 0 10px 0; background: #f9f9f9 url(../images/download-top.png) 0 0 no-repeat; }
#download .cont { background: url(../images/download-bottom.png) 0 bottom no-repeat; padding: 10px 0; }
#download a { display: block; text-decoration: none; width: 198px; text-align: center; height: 132px; margin: 0 auto; background: #c30c21 url(../images/download-bg.png) 0 0 no-repeat; color: #fff; }
#download a:hover { text-decoration: none; }
#download strong { font-size: 1.1em; padding: 8px 0; margin: 0 0 10px 0; display: block; }
#download p { padding: 0; margin: 10px 15px 0 15px; line-height: 1.3em; }


#ekomi { clear: both; width: 228px; padding: 0; margin: 0 0 10px 0; background: #fff; }
#ekomi h4 { font-size: 1.2em; color: #47720c; padding: 0; margin: 0 0 10px 0; text-align: center;}
#ekomi p { padding: 0; margin: 0 15px 10px 15px; line-height: 1.2em; text-align: center;}
#ekomi a { color: #000; font-size: 1.1em; }

.presentations { display: block; width: 593px; border: 1px solid #d6e2ea; padding: 15px 20px; margin: 0 0 10px 0; background: #f5f9fb url(../images/presentations-bg.png) 0 bottom repeat-x; position: relative; }
.presentations h4 { display: block; width: 162px; height: 20px; margin: 0 0 10px 0; background: url(../images/montageanleitung.png) 0 0 no-repeat; text-indent: -9999px; font-size: 0; }
.presentations .corner-top-left { position: absolute; top: -1px; left: -1px; display: block; width: 4px; height: 4px; background: url(../images/corner-top-left.png) 0 0 no-repeat; }
.presentations .corner-top-right { position: absolute; top: -1px; left: 630px; display: block; width: 4px; height: 4px; background: url(../images/corner-top-right.png) 0 0 no-repeat; }
.presentations .corner-bottom-left { position: absolute; bottom: -1px; left: -1px; display: block; width: 4px; height: 4px; overflow: hidden; background: url(../images/corner-bottom-left.png) 0 0 no-repeat; }
.presentations .corner-bottom-right { position: absolute; bottom: -1px; left: 630px; display: block; width: 4px; height: 4px; overflow: hidden; background: url(../images/corner-bottom-right.png) 0 0 no-repeat; }

#content, .content  { width: 645px; float: right; padding: 10px 5px 10px 25px; line-height: 1.7em; }
.content-start  { width: 635px; float: right; padding: 27px 20px 10px 0; line-height: 1.7em; }

#bottom {
	clear: both;
	float: left;
	width: 100%;
	margin: 8px 0 0 0;
	border-top: 1px solid #e3e3e3;
	background: url(../images/bottom-bg.gif) 0 0 repeat-y;
	color: #b8b8b8;
	}

#bottom-bg {
	clear: both;
	float: left;
	width: 100%;
	margin: 1px 0 0 0;
	background: url(../images/bottom-bg2.gif) 1px 0 no-repeat;
	}

#bottommenu {
	float: right;
	padding: 0;
	}

#bottommenu ul {
	margin: 0px;
	padding: 10px 5px;
	}
	
#bottommenu li {
	display: inline;
	margin: 0; 
	padding: 0;
	list-style-type: none;
	border-right: 1px solid #d1d1d1;
}

#bottommenu li a:link, #bottommenu li a:visited, #bottommenu li a:active{
	text-decoration: none;
	padding: 0 12px;
	margin: 0px;
	}

#bottommenu li a:hover {
	text-decoration: underline;
}

#footer {
	clear: both;
	background: url(../images/footer-bg.gif) 0 bottom repeat-x;
	padding: 0 1px;
	}
	
#footer-bg {
	border-top: 1px solid #eeeeee;
	padding: 0 0 10px 0;
	}	

	
#footer h3 { float: left; padding: 6px 0 0 18px; margin: 0; font-size: 1.1em;  }	
#footer h3 span { font-size: 1.2em; color: #666;  }	
#footer h4 { float: left; font-weight: normal; clear: left; padding: 0 0 0 18px; margin: 0; font-size: 1em;  }	
	
#bottom p {
	padding: 0px 18px;
	margin: 10px 0 0 0;
	}

#footer a {
	color: #b8b8b8;
	}
#bottom-padding {
	float: left;
	width: 100%;
	height: 2em;
	background-color: #ffffff;
	}
	
#navigation { width: 635px; float: left; padding: 10px 0 0 25px; }
#navigation p { padding: 0 0 7px 0; margin: 0; border-bottom: 1px solid #f5f5f5; }
#navigation p a { margin: 0 5px 0 5px; }

	
/* box-top */

#box-top {
	float: right;
	width: 631px;
	margin-top: 4px;
	padding-right: 19px;
	}
	

/* szuka-box  */

#szukaj-box {
	float: left;
	width: 180px;
	background: url(../images/szukaj-box-bottom.gif) 0 bottom no-repeat;
	margin: 10px 4px 10px 0; padding: 0 0 10px 0;
	}

#szukaj-box h3 {
	background: #8AB00F url(../images/szukaj-box-top.gif) 0 0 no-repeat;
	margin: 0; padding: 5px 0;
	color: #ffffff;
}

#szukaj-box h3 span {
	background: url(../images/szukaj-ico.gif) 15px 50% no-repeat;
	margin: 0; padding: 5px 0 5px 35px;
	}

#szukaj-box p input {
  width: 100px;
  font-size: 12px;
  padding: 2px 2px; margin: 0 0.5em 0 0;
  border: 1px solid #ddd;
  background: #fff url(../images/mt/bg_input.png) repeat-x;
  }


#szkic {
	float: left;
	width: 228px;
	background: #eee url(../images/szkic-bg.gif) 0 0 no-repeat;
	margin: 10px 4px 10px 0; padding: 8px 0 0px 0;
	height: 203px;
	}
  
.kroki {
	float: left;
	padding: 6px 0 0 0;
	margin: 0 0 1px 0;
	background: #8AB00F url(../images/left-menu-top.png) 0 0 no-repeat;
	}
	
.nieaktywny {
	background: #f3f3f3 url(../images/left-menu-top2.png) 0 0 no-repeat;
	}

.kroki ul {
	float: left;
	padding: 0 0 4px 0;
	margin: 0;
	background: url(../images/left-menu-bottom.png) 0 bottom no-repeat;
	}
	
.nieaktywny ul {
	background: url(../images/left-menu-bottom2.png) 0 bottom no-repeat;
	}

.kroki ul li {
	padding: 0;
	margin: 0;
	list-style-type: none;
	}
	
.kroki ul li a {
	float: left;
	width: 183px;
	margin: 0;
	padding: 5px 10px 6px 35px;
	color: #ffffff;
	border-top: 1px solid #8AB00F;
	border-bottom: 1px solid #83A70E;
	background: url(../images/strzalka-biala.gif) 17px 10px no-repeat;
	}

.kroki ul li a:link, .kroki ul li a:visited {
	color: #ffffff;
	}
	
.nieaktywny ul li span {
	float: left;
	width: 183px;
	margin: 0;
	padding: 5px 10px 6px 35px;
	color: #999999;
	background: url(../images/strzalka-biala2.gif) 17px 10px no-repeat;
}
	
.kroki ul li a:hover{
	color: #2A580F;
	border-top: 1px solid #acc45c;
	border-bottom: 1px solid #83A70E;
	text-decoration: none;
	background: #9bb73f url(../images/strzalka-biala.gif) 17px 10px no-repeat;
	}

.kroki ul ul  {
  background: none;
  }
.kroki ul ul li a {
	width: 163px;
	/*color: #ddd;*/
  padding: 3px 10px 3px 55px;
  font-weight: normal;
  background: url(../images/strzalka-biala.gif) 37px 50% no-repeat;
  }

	

/* koszyk  */

#koszyk {
	float: right;
	width: 347px;
	background: url(../images/koszyk-bottom.gif) 0 bottom no-repeat;
	margin: 10px 0; padding: 0 0 10px 0;
}

#koszyk h3 {
	background: #8AB00F url(../images/koszyk-top.gif) 0 0 no-repeat;
	margin: 0; padding: 5px 0;
	color: #ffffff;
}

#koszyk h3 span {
	background: url(../images/koszyk-ico.gif) 15px 50% no-repeat;
	margin: 0; padding: 5px 0 5px 40px;
	}
	
.box-top-content {
	border-left: 1px solid #e8e8e8;
	border-right: 1px solid #e8e8e8;
	padding: 10px 20px 0 20px; margin: 0;
	height: 90px;
	}

#koszyk .box-top-content ul {
	float: left;
	padding: 0px; margin: 1em 0 0 0;
}

#koszyk ul li {
	padding: 10px 0 0 0; margin: 0;
}

#koszyk .koszyk-button{
	float: right;
	text-align: center;
	padding: 42px 0 0 0;
}

#koszyk ul span {
	float: left;
	width: 60px;
}


/* login  */

#login-box {
	float: left;
	width: 274px;
	background: url(../images/login-bottom.gif) 0 bottom no-repeat;
	margin: 10px 0; padding: 0 0 10px 0;
}

#login-box h3 {
	background: #8AB00F url(../images/login-top.gif) 0 0 no-repeat;
	margin: 0; padding: 5px 0;
	color: #ffffff;
}

#login-box h3 span {
	background: url(../images/login-ico.gif) 15px 50% no-repeat;
	margin: 0; padding: 5px 0 5px 35px;
	}
	
#login-box label {
	float: left;
	width: 50px;
  	margin: 0 10px 0 0;
   }

#login-box p input {
  width: 90px;
  font-size: 12px;
  padding: 2px 2px; margin: 0;
  border: 1px solid #ddd;
  background: #fff url(../images/mt/bg_input.png) repeat-x;
  }

 #login-box p {
	margin: 2px 0 0 0;
  }
 
.login-left {
	float: left;
	width: 50%;
	margin: 0; padding: 0;
	}
	
.login-right {
	float: right;
	width: 50%;
	text-align: right;
	padding: 1.5em 0 0 0;
	}

.login-right p {
	padding: 1.5em 0 0 0;
	}

.produkt-left {
	float: left;
	text-align: center;
	width: 266px;
	padding: 0 10px 0 0;
	}
	
.produkt-right {
	float: right;
	text-align: left;
	width: 305px;
	padding: 0 0 0 10px;
	border-left: 1px solid #F5F5F5;
	}
	
.produkt-right em {
	margin: 5px 0 0 0;
	float: right;
	 font-size: 24px;
	}

.produkt-right p, .produkt-right .produkt-options  {
	padding: 2px 0;
	margin: 0;
	}
	
.produkt-right p label {
  display: block; 
  width: 65px;
  float: left;
  clear: left;
  }

.produkt-right .produkt-options  {
	float: left;
  	width: 100%;
  }
  
.produkt-right .produkt-options label {
  display: block; 
  width: 135px;
  padding: 0 2px 0 0;
  float: left;
  clear: left;
  }
  
.produkt-right input {
  width: 50px;
  font-size: 12px;
  padding: 4px 2px; margin: 0 0.5em 0 0;
  border: 1px solid #ddd;
  background: #fff url(../images/mt/bg_input.png) repeat-x;
  }
  
.produkt-right select {
  width: 160px;
  font-size: 12px;
  padding: 4px 2px; margin: 0 0.5em 0 0;
  border: 1px solid #ddd;
  background: #fff url(../images/mt/bg_input.png) 0 -5px repeat-x;
  }
  
.produkt-right ul.button {
	width: 314px;
 	height: 53px;
 	background: url(../images/mt/bt_bg.png) no-repeat;
 	list-style-type: none;
 	} 
  
 .produkt-right ul.button li {
	float: left;
	list-style-type: none;
	padding: 10px 0 0 18px; margin: 0;
	} 
  
.produkt-right ul.button li a {
  display: block;
  width: 115px;
  height: 24px;
  background-repeat: no-repeat;
  font-weight: bold;
  padding-top: 7px;
  }    
  
.produkt-right ul.button li.kup a {
  background-image:  url(../images/mt/bt_kup.png);
  text-align: right;
  padding: 7px 5px 0 10px;
  }
  
.produkt-right ul.button li.info a {
  background-image:  url(../images/mt/bt_info.png);
  text-align: left;
  padding-left: 15px;
  }
  
  
.produktopis ul.produkt-warenkorb {
	float: left; width: 100%;
	padding: 0; margin: 0;
	border-bottom: 1px solid #E8E8E8;
	list-style-type: none;
	}
	
.produktopis ul.produkt-warenkorb li {
	float: left;
	padding: 0; margin: 0;
	list-style-type: none;
	}
	
.config-img1 {
	float: right;
	padding: 0; margin: 1.text-align: center;
	}
	
a.wybierz  {
	width: 80px;
	height: 20px;
	background: url(../images/wybierz.gif) no-repeat;
	margin: 1em 0 0 0;
	padding: 0 20px 0 0;
	font-weight: bold;
	text-align: center;
	color: #464646;
	}

a.wybierz:link, a.wybierz:visited { color: #464646; }

.produktopis .opis  {
	float: left;
	padding: 1em 0 0 0;
	margin: 0;
	}
	
.produktopis .opis label{
	padding: 0 0 0 1em;
	}
	
.roleta-wymiar {
	float:left;
	width: 300px;
	height: 230px;
	background: url(../images/konfigurator/roleta_wymiar.png) no-repeat;
	margin: 0.5em 0 0 0;
	}
	
.roleta-wymiar-right {
	float:left;
	margin: 0.5em 0 0 0;
	}
	
.produktopis p input.check {
  width: 40px;
  font-size: 12px;
  padding: 2px 2px; margin: 0;
  border: 1px solid #ddd;
  background: #fff url(../images/mt/bg_input.png) repeat-x;
  }
  
.produktopis p select {
  width: 80px;
  font-size: 12px;
  padding: 2px 2px; margin: 0;
  border: 1px solid #ddd;
  background: #fff url(../images/mt/bg_input.png) repeat-x;
  }
  
.produkt-v3 {
  width: 204px;
  background:  url(../images/produkt-v3.png) repeat-y; /*background: #ccc;*/
  position: relative;
  float: left;
  overflow: hidden;
  margin-right: 10px;
  margin-bottom: 10px;
  }
 
.produkt-v3top { padding: 10px; width: 184px; float: left; background: url(../images/produkt-v3top.png) no-repeat; }
.produkt-v3bottom { width: 100%; float: left; height: 10px; background: url(../images/produkt-v3bottom.png) no-repeat; }
 
.produkt-v2 {
  width: 310px;
  background:  url(../images/produkt-v2.png) repeat-y; /*background: #ccc;*/
  position: relative;
  float: left;
  overflow: hidden;
  margin-right: 10px;
  margin-bottom: 10px;
  }
 
.produkt-v2top { padding: 10px; width: 290px; float: left; background: url(../images/produkt-v2top.png) no-repeat; }
.produkt-v2bottom { width: 100%; float: left; height: 10px; background: url(../images/produkt-v2bottom.png) no-repeat; }
  
.produktopis-left {
	float: left;
	
	padding: 0px 30px 10px 0px;
	border-right: 1px solid #E8E8E8;
	}
	
.produktopis-right {
	float: right;
	width: 180px;
	padding: 10px;
	border-left: 1px solid #E8E8E8;
	}
	
a.drukuj {
	padding: 4px 0 4px 30px;
	background: url(../images/ico_print.gif) 0 50% no-repeat;
	}

p.lupa {
	clear: both;
	margin: 0.5em 0 0 0; padding: 0;
	}
	
#overDiv { background-repeat: no-repeat; background-color: #fff; background-position: 50% 50%; }

ul#produkte { }
ul#produkte li { float: left; padding: 0 8px 10px 0; }
ul#produkte li.last { padding: 0 0 10px 0; }
ul#produkte li a { text-align: center; display: block; padding: 3px 5px 3px 5px; width: 196px; height: 202px; background: url(../images/produkte-box.png) 0 0 no-repeat; font-size: 1.2em; color: #47720c; }
ul#produkte li a:hover { background: url(../images/produkte-box2.png) 0 0 no-repeat; }
ul#produkte li a strong { float: left; padding: 3px 25px 3px 15px; text-align: left; background: url(../images/strzalka-zielona1.gif) right 50% no-repeat; cursor: pointer; }
ul#produkte li.top-angebote a { background: url(../images/top-angebote-box.png) 0 0 no-repeat; }

.banners-produkte { clear: both; margin-bottom: 15px; }
.banners-produkte img { display: block; }
.banners-produkte a { text-decoration: none; }

ul#top-angebote-menu { clear: both; padding: 0; margin: 0;}
ul#top-angebote-menu li { clear: both; padding: 4px 0; margin: 0 25px;}
ul#top-angebote-menu li a { font-weight: bold; padding: 4px 0 4px 30px; background: url(../images/strzalka-zielona1.gif) 0 50% no-repeat;}
ul#top-angebote-menu li a strong { color: #454545; }

a.back { width: 65px; height: 20px; float: left; margin: 1em 0 0 0; background: url(../images/btn-back.png) no-repeat 100% 0; text-indent: -100em; overflow: hidden; }

#banner-bottom { float: left; width: 100%;}

#banner-bottom #payment-banner { float: left; width: 158px; overflow: hidden; padding: 0; margin: 0; }
#banner-bottom #payment-banner .cont { background: #fffad0 url(../images/payment-banner-bg.png) 0 0 repeat-x; height: 250px; overflow: hidden; }
#banner-bottom #payment-banner h4 { font-size: 1.1em; padding: 7px 0 5px 15px; color: #47720c; }
#banner-bottom #payment-banner ul { padding: 0; margin: 0; }
#banner-bottom #payment-banner ul li { padding: 5px 0; margin: 0; border-bottom: 1px solid #e8e7dc; list-style-type: none; }
#banner-bottom #payment-banner ul li a { display: block; margin: 0; padding: 5px 0; text-align: center; }

#banner-bottom #transport-banner { float: left; width: 158px; overflow: hidden; padding: 0; margin: 0; }
#banner-bottom #transport-banner .cont { background: #42678C url(../images/transport-banner-bg.png) 0 0 repeat-x; padding: 0; height: 250px;}
#banner-bottom #transport-banner h4 { font-size: 1.1em; color: #477193; padding: 7px 0 5px 15px; }
#banner-bottom #transport-banner h5 { display: block; width: 143px; height: 100px; margin: 0 auto 5px auto; background: url(../images/transport-banner-img.png) 0 50% no-repeat; text-indent: -9999px; font-size: 0;}
#banner-bottom #transport-banner p { padding: 0; margin: 0 10px; color: #fff; line-height: 1.3em;}

#banner-bottom #download-banner { float: left; width: 158px; overflow: hidden; padding: 0; margin: 0; }
#banner-bottom #download-banner h4 { font-size: 1.1em; padding: 7px 0 5px 15px; color: #d90023; }
#banner-bottom #download-banner .cont { background: #D90023; padding: 0; height: 250px; }
#banner-bottom #download-banner a { display: block; text-decoration: none; width: 100px; text-align: center; height: 45px; padding: 25px 0; margin: 0 auto;  }
#banner-bottom #download-banner a:hover { text-decoration: none; }
#banner-bottom #download-banner p { padding: 0; margin: 10px 15px 0 15px; color: #fff; line-height: 1.3em; }

#banner-bottom #costs-banner { float: left; width: 158px; overflow: hidden; padding: 0; margin: 0; }
#banner-bottom #costs-banner .cont { clear: both; background: #C2C2C2 url(../images/costs-banner-bg.png) 0 0 repeat-x; padding: 0; height: 250px;}
#banner-bottom #costs-banner h4 { font-size: 1.1em; padding: 7px 0 5px 15px; color: #47720c; }
#banner-bottom #costs-banner ul { padding: 10px 0 0 0; margin: 0; }
#banner-bottom #costs-banner ul li { padding: 0 0 10px 0; margin: 0; list-style-type: none; }
#banner-bottom #costs-banner ul li a { display: block; height: 68px; margin: 0; padding: 0; text-align: center; }

.banners-scroll { clear: both; padding: 0 0 4px 0; background: #fff url(../images/banner-scroll-bg.png) 0 bottom no-repeat; margin-bottom: 10px; width: 635px;}
.banners-scroll-main { padding: 0; height: 218px; width: 633px; border: 1px solid #e8e8e8; position: relative; overflow: hidden; }
.banners-scroll .box { width: 633px; overflow: hidden; height: 218px; }
.banners-scroll ul { padding: 0; margin: 0; list-style-type: none; width:20000em; position:absolute; clear:both; }
.banners-scroll ul li { float: left; width: 633px; margin: 0; height: 218px; }
.banners-scroll .prevPage { position: absolute; top: 84px; left: 0; cursor: pointer; width: 28px; height: 49px; background: url(../images/prevPage.png) 0 0 no-repeat;}
.banners-scroll .nextPage { position: absolute; top: 84px; right: 0; cursor: pointer; width: 28px; height: 49px; background: url(../images/nextPage.png) 0 0 no-repeat;}
.banners-scroll a.disabled { visibility:hidden !important; } 	
.banners-scroll .scrollable .active { z-index:9999; position:relative; }

#content .montage-cont h1 { font-size: 1.4em; color: #47720c; margin: 0.5em 0 1em 0; text-transform: none;}

.montage-form fieldset { clear: both; padding: 15px; border: 1px solid #E4E4E5; }
.montage-form legend { font-weight: bold; background: #fff; padding: 2px; color: #9dbe2c; text-transform: uppercase; font-size: 12px; }
.montage-form .req { color: #DD1900; }
.montage-form input.text { border: 1px solid #ff0000; border: solid 1px #dddddd; padding: 2px 2px; background: #fff url(../images/input-bg.png) 0 0 repeat-x; }
.montage-form .item1 li { clear: both; margin: 0 0 3px 0;}
.montage-form .item1 label { width: 150px; float: left;  }
.montage-form .item1 input.text { width: 180px; }

.montage-form .item2 li { float: left; width: 50%; margin: 0 0 5px 0;}
.montage-form .item2 label { margin-right: 10px; }
.montage-form .item2 input { margin-right: 0.5em;  }
.montage-form .item2 input.text { width: 50px;  }

.montage-form .item3-cont { float: right; padding: 10px; background: #F1F7FB; width: 200px; border: 1px solid #A7C6DB; 
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
}
.montage-form .item3 { float: left; }
.montage-form .item3 li { clear: both; margin: 0 0 3px 0; }
.montage-form .item3 label { width: 240px; float: left;  }
.montage-form .item3 input.text { width: 50px; margin-right: 0.5em;  }

.montage-form .agreement input { float: left; margin-right : 10px; }
.montage-form .agreement p { float: left; width: 600px; }
.montage-form .submit { clear: both; text-align: center; }

#banner-montage { width: 635px; height: 360px; background: #fff url(../images/banner-montage.jpg) 0 0 no-repeat; }
#banner-montage .left { float: left; width: 250px; padding: 15px 25px;}
#banner-montage #registrierung-btn { float: right; margin: 280px 20px 0 0;}

.montage-form .item1 .error {margin-left:150px;color:red;display:none}
.montage-form .item2 .error {color:red;display:none}
.montage-form .item3 .error {margin-left:300px;color:red;display:none}
.montage-form .submit .error {color:red}
p.errorForm {color:red}

.monteure { width: 592px; margin: 20px 0; background:  url(../images/mt/produktopis_bg.png) repeat-y; padding: 0 20px;  clear: left; }
.monteure .top { background:  url(../images/mt/produktopis_bg_top.png) no-repeat; line-height: 1px; font-size: 1px; height: 19px; overflow: hidden; margin: 0 -20px; }
.monteure .bottom { clear: both; background:  url(../images/mt/produktopis_bg_bot.png) 0 100% no-repeat; line-height: 1px; font-size: 1px; height: 22px; overflow: hidden; margin: 0 -20px; }
.monteure .image { float: left; width: 250px; padding: 0; }
.monteure .image p { font-weight: bold; font-size: 1.2em; color: #9cbe2b; padding: 0; margin: 0 0 15px 0; }
.monteure .item1 { float: right; width: 320px; margin: 0 0 10px 0; padding: 0; }
.monteure .item1 p.title, .monteure .item2 p.title { font-weight: bold;  color: #9cbe2b; padding: 0; margin: 0; text-transform: uppercase; }
.monteure .item1 ul { background: #F4F4F4; float: left; width: 300px; padding: 10px; line-height: 1.5em; }
#content .monteure .item1 ul { padding: 10px;}
.monteure .item1 ul li { float: left; width: 100%; }
.monteure .item1 li span { float: left; width: 120px; }
.monteure .item1 li strong { padding: 0 0 0 10px; float: right; width: 170px; font-weight: normal; }
.monteure .item2 { clear: both; }
.monteure .item2 ul { padding: 0; margin: 0; width: 100%; line-height: 1.6em; }
.monteure .item2 ul li { padding: 0; margin: 0; width: 100%; }
.monteure .item2 li span { float: left; width: 300px; }
.monteure .item2 li strong { padding: 0 0 0 10px; width: 280px; float: right; font-weight: normal; }

.monteure .rate { display: block; margin: 0 0 10px 0; padding: 0; height: 24px; font-size: 1.6em; font-weight: bold; color: #8AAD0C; background: url(../images/stars.png) 20px 0 no-repeat; }
.monteure .rate4 { background-position: 20px -26px; }
.monteure .rate3 { background-position: 20px -52px; }
.monteure .rate2 { background-position: 20px -78px; }
.monteure .rate1 { background-position: 20px -104px; }
.monteure .rate0 { background-position: 20px -130px; }

.monteure-cont {} 
.monteure-cont ul {}