@charset "utf-8";

html 	{ margin: 0; }

/* BASE */

body	{ color: #363636; background: #f0f6ce; font-family: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif; font-size: 0.75em; margin: 0; padding: 0; }
h1		{ font-size: 1.75em; }
h2 		{ font-size: 1.5em; }
h3		{ font-size: 1.25em; }

.hidden		{ display: none; }
.visible	{ display: block; }

.hidden-v	{ visibility: hidden; }
.visible-v	{ visibility: visible; }

ul, li 	{}

.error,
.notice,
.success { display: block; }

/* LINKS */
a		{ color: #363636; font-weight: normal; text-decoration: underline; }
a:hover,
a:focus	{ text-decoration: none; }
a.adv-search { font-size: 0.95em; }

a.spark-logo { float: left; display: inline; margin-left: 130px; width: 193px; height: 60px; background: url("../images/spark-logo.gif") 0 top no-repeat; }
a.spark-logo:hover { background-position: 0 -60px;}

/* TOP */
div#top 				{ width: 100%; height: 250px; text-align: center; background: url("../images/top-bg.jpg") 0 top no-repeat; background-position: 50%; }
div#top div.container 	{ width: 960px; height: 250px; text-align: left; }
div#top h1 				{ float: left; display: inline; margin-top: 5px; }
div#top h2 				{ float: right; display: inline; margin: 30px 20px 0 0; }
div#top div.languages 	{ float: right; display: inline; margin-top: 35px; }

div#top div.rotator-outline						{ float: left; display: inline; width: 950px; height: 160px; padding: 0; margin: 0; background: #000; border: 5px solid #dad202; }
div#top div.rotator-outline ul.rotator 			{ width: 950px; height: 160px; list-style: none; margin: 0; padding: 0; }
div#top div.rotator-outline ul.rotator li		{ width: 950px; height: 160px; }
div#top div.rotator-outline ul.rotator li img 	{ width: 950px; height: 160px; }

div#top-sub 				{ width: 100%; height: 66px; text-align: center; background: url("../images/top-sub-bg.jpg") 0 top no-repeat; background-position: 50%; }
div#top-sub div.container 	{ width: 960px; height: 66px; text-align: left; }
div#top-sub h1 				{ float: left; display: inline; margin-top: 5px; }
div#top-sub h2 					{ float: right; display: inline; margin: 30px 20px 0 0; }
div#top-sub div.languages 	{ float: right; display: inline; margin-top: 35px; }

/* MAINNAVI */
div#mainnavi-outline	{ width: 100%; height: 47px; background: transparent url("../images/mainnavi-bg.jpg") repeat-x; }
ul#mainnavi 			{ width: 950px; list-style: none; padding-top: 10px; padding-left: 10px; }
ul#mainnavi li 			{ float: left; display: inline; text-transform: uppercase; font-size: 1.15em; }
ul#mainnavi li a 		{ float: left; cursor: pointer; text-decoration: none; color: #646c00; }
ul#mainnavi li a span 	{ float: left; margin: 0 10px 0 -10px; padding: 1px 8px 5px 18px; position: relative; }
ul#mainnavi li.selected a,
ul#mainnavi li a:hover  { background: url("../images/mainnavi-button-bg.jpg") no-repeat top right; color: #fff; }
ul#mainnavi li.selected a span,
ul#mainnavi li a:hover span { background: url("../images/mainnavi-button-bg.jpg") no-repeat top left; }

/* COLS */
div.container		{ width: 960px; }
div#sidebar-left 	{ float: left; display: inline; width: 240px; min-height: 500px; margin: 0 10px 0 0; text-align: center; }
div#sidebar-right 	{ float: left; display: inline; width: 240px; min-height: 500px; margin: 0 0 0 10px; }
div#middle-col 		{ float: left; display: inline; width: 460px; min-height: 500px; text-align: center; }

/* LISTS */
ul.list 		{ text-align: center; background: #fff; list-style: none; margin: 0; padding: 0; }
ul.list li		{ text-align: center; }
ul.list li img,
ul.list li a	{}
ul.list li h3	{ margin: 10px 0 0 0; padding: 0; font-size: 1em; }

/* BOXES */
div.wide960-box 				{ float: left; display: inline; margin: 10px 0; padding: 0; text-align: center; }
div.wide960-box img.header		{ float: left; display: inline; margin: 0; padding: 0; }
div.wide960-box div.footer 		{ float: left; display: inline; width: 960px; height: 20px; background: url("../images/wide960-box-bottom-bg.jpg") 0 top no-repeat; }

div.wide460-box 				{ float: left; display: inline; margin: 10px 0; padding: 0; text-align: left; }
div.wide460-box div.header 		{ float: left; display: inline; width: 450px; height: 32px; padding: 20px 0 0 10px; background: url("../images/wide460-box-header-bg.jpg") 0 bottom no-repeat; }
div.wide460-box div.header h1	{ font-size: 1.5em; color: #646c00; }
div.wide460-box div.header a	{ color: #646c00; }
div.wide460-box div.content 	{ float: left; display: inline; width: 438px; padding: 5px 10px 10px 10px; margin: 0; border-left: 1px solid #ccdd01; border-right: 1px solid #ccdd01; background: #fff; min-height: 200px; }
div.wide460-box div.footer 		{ float: left; display: inline; width: 460px; height: 11px; margin: 0; padding: 0; background: url("../images/wide460-box-bottom-bg.jpg") 0 top no-repeat; }

div.one-block { width: 438px; }

div.narrow-box 					{ float: left; display: inline; margin: 10px 0; padding: 0; position: relative; text-align: left; }
div.narrow-box img.header		{ float: left; display: inline; margin: 0; padding: 0; }
div.narrow-box div.content 		{ position: relative; float: left; display: inline; width: 218px; padding: 10px; margin: 0; border-left: 1px solid #ccdd01; border-right: 1px solid #ccdd01; background: #fff; }
div.narrow-box div.footer 		{ float: left; display: inline; margin: 0; padding: 0; width: 240px; height: 22px; background: url("../images/narrow-box-bottom-bg.jpg") 0 bottom no-repeat; }

ul.promotions-box  				{ margin: 0 auto 20px auto; }

ul.shapes-box	  				{ margin: 0 auto 20px auto; }

ul.realisations-box 			{ margin: 0 auto 20px auto; }

ul.handavailable-box			{ float: left; width: 958px; padding: 10px 0 0 0; margin: 0 auto; border-left: 1px solid #ccdd01; border-right: 1px solid #ccdd01; text-align: center; }
ul.handavailable-box li			{ display: inline; padding: 0; margin: 0 30px 0 0; text-align: center; }
ul.handavailable-box li.last	{ margin: 0; }

div.narrow-box div.download 	{ float: left; display: inline; width: 240px; height: 101px; background: url("../images/narrow-box-bottom-download.jpg") 0 top no-repeat; }
div.narrow-box div.fastcontact 	{ float: left; display: inline; width: 230px; height: 99px; padding: 10px 0 0 10px; background: url("../images/narrow-box-bottom-fastcontact.jpg") 0 top no-repeat; }
div.narrow-box div.fastcontact p { margin: 0 0 5px 0; color: #555555; }

div.narrow460-box 				{ float: left; display: inline; margin: 10px 0; padding: 0; position: relative; text-align: left; }
div.narrow460-box img.header	{ float: left; display: inline; margin: 0; padding: 0; }
div.narrow460-box div.content 	{ position: relative; float: left; display: inline; width: 458px; padding: 10px 0; margin: 0; border-left: 1px solid #ccdd01; border-right: 1px solid #ccdd01; background: #fff; }
div.narrow460-box div.footer 	{ float: left; display: inline; margin: 0; padding: 0; width: 460px; height: 22px; background: url("../images/narrow460-box-bottom-bg.jpg") 0 top no-repeat; }

div.star-bg { position: absolute; top: -10px; right: -10px; width: 47px; height: 64px; background: url("../images/star.png") 0 top no-repeat; }
div.zoom-bg { position: absolute; top: -10px; right: -10px; width: 54px; height: 54px; background: url("../images/zoom.png") 0 top no-repeat; }

div.content a.prev { width: 21px; height: 50px; position: absolute; top: 50px; left: 0; background: url("../images/prev-horizontal.jpg") 0 top no-repeat; }
div.content a.next { width: 21px; height: 50px; position: absolute; top: 50px; right: 0; background: url("../images/next-horizontal.jpg") 0 top no-repeat; }

/* PRODUCTS LIST */
div.oneproduct 					{ float: left; display: inline; width: 438px; margin: 5px 0; padding: 0; }
div.oneproduct div.photo 		{ float: left; display: inline; width: 128px; margin: 0 10px 0 0; padding: 0; text-align: center; }
div.oneproduct div.desc 		{
	float: left; display: inline; width: 280px; margin: 0; padding: 10px 10px; background: #f7fbe3;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
}
div.oneproduct div.desc-alt 	{ background: #e9f0bf; }
div.oneproduct div.desc h3		{ font-size: 1em; margin: 0 0 5px 0; }
div.oneproduct div.desc h3 a	{ font-weight: bold; }
div.oneproduct div.desc a.details		{ float: right; color: #fff; margin: 0; padding: 2px 0 0 0; text-align: center; vertical-align: middle; width: 73px; height: 22px; color: #fff; font-weight: bold; background: url("../images/button-narrow-bg.png") 0 0 no-repeat; border: 0; text-decoration: none; }
div.oneproduct div.desc a.details:hover { color: #fff; background-position: 0 -24px; text-decoration: none; }

ul.products-similar 		{ width: 100%; float: left; display: inline; list-style: none; margin: 0; padding: 15px 0 0 0; border-top: 1px solid #ccdd01; }
ul.products-similar li 		{ float: left; display: inline; width: 102px; margin: 0 10px 0 0; }
ul.products-similar li.last { margin: 0; }
ul.products-similar li h4 	{ font-size: 1em; }

ul.products-shells 			{ width: 100%; text-align: center; float: left; display: inline; list-style: none; margin: 0; padding: 15px 0 0 0; border-top: 1px solid #ccdd01; }
ul.products-shells li 		{ float: left; display: inline; width: 122px; margin: 0 10px 20px 0; }
ul.products-shells li.last 	{ margin: 0; }
ul.products-shells li h4 	{ font-size: 1em; margin: 0; padding: 0; }

a.zapytanie { background: url("../images/zapytanie.png") 0 50% no-repeat; padding: 12px 0 12px 35px; font-size: 1.5em; }

/* BUTTONS */
a.button			{ color: #fff; position: absolute; bottom: 10px; left: 10px; margin: 0; padding: 2px 0 0 0; text-align: center; vertical-align: middle; width: 73px; height: 22px; color: #fff; font-weight: bold; background: url("../images/button-narrow-bg.png") 0 0 no-repeat; border: 0; text-decoration: none; }
a.button-r			{ color: #fff; position: absolute; bottom: 10px; right: 10px; margin: 0; padding: 2px 0 0 0; text-align: center; vertical-align: middle; width: 73px; height: 22px; color: #fff; font-weight: bold; background: url("../images/button-narrow-bg.png") 0 0 no-repeat; border: 0; text-decoration: none; }
a.button:hover,
a.button-r:hover	{ color: #fff; background-position: 0 -24px; text-decoration: none; }

/* SUBNAVI */
ul#subnavi 					{ float: left; display: inline; width: 238px; padding: 10px 0; margin: 0; border-left: 1px solid #ccdd01; border-right: 1px solid #ccdd01; background: #fff; list-style: none; }
ul#subnavi li 				{ float: left; display: inline; width: 238px; padding: 0 0 0 10px; font-weight: bold; }
ul#subnavi li.main-cat      { font-weight: bold; }

ul#subnavi li ul			{ float: left; display: inline; width: 228px; padding: 0; margin: 0 0 0 -10px; }
ul#subnavi li ul li			{ float: left; display: inline; width: 228px; padding: 0; }

ul#subnavi li.selected,
ul#subnavi li a:hover 		{ background: #dae646 url("../images/subnavi-li-bg.jpg") 0 bottom repeat-x; }
ul#subnavi li a 			{ float: left; display: inline; width: 218px; text-decoration: none; padding: 2px 0 2px 20px; }
ul#subnavi li.selected		{ padding: 0 0 0 20px; width: 218px; }
ul#subnavi li.selected a	{ background: url("../images/subnavi-a-bg.png") 0 50% no-repeat; padding-left: 30px; width: 218px; }

/* SEARCH FORM */
input.search-small-query 	{ float: left; display: inline; margin: 0 10px 0 0; padding: 3px 5px; width: 109px; border: 1px solid #ccdd01; }
input.search-small-submit	{ float: left; display: inline; margin: 0; padding: 0 0 2px 0; text-align: center; width: 73px; height: 24px; color: #fff; font-weight: bold; background: url("../images/button-narrow-bg.png") 0 top no-repeat; border: 0; }
input.search-small-submit:hover { background-position: 0 -24px;}
select.search-category 		{ float: left; display: inline; margin: 0 10px 0 0; padding: 2px 3px; width: 120px; border: 1px solid #ccdd01; }
form#search label 			{ float: left; display: inline; margin: 0 0 2px 0; }

/* PAGINATION */
.pagination				{ float: left; list-style: none; list-style-image: none; margin: 0; padding: 20px 0 0 10px; }
.pagination li			{ float: left; margin: 0 5px 0 0; }
.pagination a			{ width: 29px; text-align: center; display: block; background: #fff; text-decoration: none; border: 1px solid #ccdd01; padding: 3px 0; }
.pagination li span.spacer { float: left; display: inline; width: 20px; height: 29px; padding-top: 5px; text-align: center; vertical-align: text-bottom; }
.pagination a:hover,
.pagination a:focus		{ background: #ccdd01; color: #fff; border-color: #a0cd00; }
.pagination li.selected	{ width: 29px; text-align: center; color: #fff; background: #ccdd01; font-weight: bold; border: 1px solid #263039; padding: 3px 0; }

/* FOOTER */
div#footer 					{ width: 100%; color: #7f8a02; height: 98px; text-align: center; background: url("../images/footer-bg.jpg") 0 top no-repeat; background-position: 50%; padding: 115px 0 0 0; }
div#footer a				{ color: #7f8a02; }
div#footer div.copy			{ float: left; padding: 10px 0 0 120px; }
div#footer div.authors		{ float: right; text-align: right; }
div#footer div.authors a 	{ float: left; text-decoration: none; margin: 0; width: 200px; height: 26px; background: url("../images/logo-contip.jpg") right 0 no-repeat; padding: 5px 100px 0 0; }

/* HELPNAVI */
ul#helpnavi 				{ list-style: none; }
ul#helpnavi li 				{ display: inline; margin: 0 5px 0 0; }
ul#helpnavi li a			{ padding: 0 10px 0 0; text-decoration: none; }
ul#helpnavi li.selected a,
ul#helpnavi li a:hover  	{ text-decoration: underline; }