@charset "utf-8";
/**** BEGIN reset css ****/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img,button{border:0;}address,caption,cite,code,dfn,em,strong,th,var,b,i{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight: normal;}q:before,q:after{content:'';}a, a:hover, object {outline:none;}
/**** END reset css ****/

/**** BEGIN global ****/
	
	/* lb config */
	body {font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#eee;}
	input, textarea, select, button {font-family:Arial, Helvetica, sans-serif; font-size:11px; float:left; color:#000;}
	a {text-decoration:none; color:#fff;}
	a:hover {text-decoration:none;}
	
	/* lb globals */
	img, object {float:left;}
	legend {display:none;}
	label {cursor:pointer;}
	strong {font-weight:bold;}
	p em {font-style:italic;}
	input.button {cursor:pointer; text-indent:-55000px;}
	
	/* inline styles */
	.s-fl {float:left !important;}
	.s-fr {float:right !important;} 
	.s-mb10 {margin-bottom:10px !important;}
	.s-mt10 {margin-top:10px !important;}
	.s-mt20 {margin-top:20px !important;}
	.s-pt10 {padding-top:10px !important;}	
	
	.s-h200 {height:200px;}
	
	/* text */	
	h2 {color:#fff; font-size:25px; font-style:italic;}
	h3 {font-size:18x; word-spacing:3px;}
	p {}
	
	/* frm */
	.frm { }
		.frm .fii,.frm .fis {margin:2px 0 3px 0;}
		.frm input, .frm select {color:#111; background:0 none; border:0 none;}
		.frm span {height:29px; float:left; display:inline; background: url(/img/frm.gif) 0 0 no-repeat;}
		 .frm .fi-l {}
			.frm .fi-r {background-position: 100% -30px;}
		
			.frm span.fib {background-position: 0 -60px;}
			
		.cl .fii input {width:180px; height:29px; padding:0 5px 0 5px; line-height:29px;}
			.cl .fib {margin-left:5px;}
				.cl .fib input {width:32px; text-indent:-55000px; margin-left:10px; cursor:pointer;}
			.cl .fis select {width:180px; padding:0; margin:5px 0 0 5px; border:0 none;}
				.cl .fis span {width:190px;}
				
			.cc-cl .frm li {width:100%; float:left;}
				.cc-cl .frm li em {width:100%; float:left;}
				
			.cc-cl .fib {padding:10px 0 10px 0;}
				.cc-cl .fib .wyslij {width:70px; height:32px; text-indent:-55000px; background: url(/img/frm.gif) 0 -280px no-repeat;}
				 .cc-cl .fii .fi-l {background-position: 0 -100px;} 
					.cc-cl .fii .fi-r {background-position: 100% -130px;}
						.cc-cl .frm .fii input {width:250px; height:29px; padding:0 5px 0 5px; line-height:29px; color:#333;}
						 
					.cc-cl .fit span {width:250px; height:100px; padding:5px 5px 5px 5px; background-position: 0 -160px;} 
						/*.cc-cl .fit .fi-r {background-position: 100% -130px;}*/
						.cc-cl .fit textarea {width:250px; height:100px; background:0 none; border:0 none; color:#333;} 
						
			.btn {width:100px; height:29px; margin:0 3px 0 3px; background: url(/img/btn.gif) no-repeat; display:inline; float:left;}
				.btn input, .btn a {width:100%; height:100%; border:0 none; background:0 none; text-indent:-55000px; float:left; display:inline; cursor:pointer;}
				.btn-przejdz {width:118px; background-position:0 0px;}
				.btn-przelicz {width:118px; background-position:0 -30px;}
				
				
				/* ratujemy swiat */
				
				.frm-o { display:block; width:400px; float:left;}
					.frm-o li {display:block; width:100%; float:left;}
						.frm-o li em {float:left; width:110px; padding-right:10px; line-height:29px;}
							.frm-o .fitx em {width:500px;}
						.frm-o .fii input {width:240px; height:29px; margin:0 5px 0 5px;}
						.frm-o .fir input {width:20px; padding:0 5px 0 5px;}
						
						.frm-o .cr-rb {padding:0 !important;}
						
						.frm-o .hdn em {color:#999999;}
							.frm-o .hdn span {display:none;}
	
.comboboxContainer
{
	border-left: solid 2px #777;
	border-top: solid 2px #777;
	border-bottom: solid 1px #ccc;
}

.comboboxValueContainer
{
	background: url(/img/combobox/diag_content.gif) repeat-x left top;
}

.comboboxValueContent
{
	padding-left: 3px;
	text-transform: uppercase;
	color: #770033;
	font-weight: bold;
	max-height: 18px;
}

.comboboxDropDownContainer
{
	border-right: solid 1px #000;
	border-bottom: solid 1px #000;
	border-left: solid 1px #aaa;
	border-top: solid 1px #aaa;
	background: url(/img/combobox/diag_ddl.gif) repeat left top;
	overflow: hidden;
	padding-left: 3px;
	cursor: default;
	outline: none;
}

.comboboxDropDownButton
{
	width: 17px;
	height: 23px;
	background-image: url(/img/combobox/trigger.gif);
}

.comboboxGroupItemHeader
{
	display: block;
	background: #770033;
	color: #fff;
	padding-left: 5px;
	font-style: italic;
	font-weight: bolder;
	font-family: Georgia;
}

.comboboxGroupItemContainer
{
	padding-left: 0px;
	margin: 0;
}

.comboboxItem
{
	color: #000;
	text-transform: lowercase;
	font-weight: normal;
	font-style: normal;
}

.comboboxItemHover
{
	background-color: #999;
	color: #fff;
}

.comboboxGroupItemContainer .comboboxItem
{
	padding-left: 20px;
	margin-left: 0px;
}	

option {background: #fff;}
	
/**** BEGIN frameSide ****/

	body {background:url(/img/body.jpg) top no-repeat #383934;color:#0c0c0c;}

	#t {width:984px; height:183px; margin:0px auto; padding-top:30px;}
		#t h1 {width:414px; height:107px; margin:0 0 0 88px; display:block; background:url(/img/logo-4sport.gif) no-repeat; text-indent:-55000px;}
		#t .m {width:800px; height:45px; margin:18px 0 0 83px; background:url(/img/m.gif) no-repeat;}
			.m li {margin:0 0 0 0; display:inline; float:left;}
				.m a {height:45px; margin:0 0 0 0; padding:0 0 0 0; display:block; float:left; text-indent:-55000px;}
					.m a:hover {background:url(/img/m.gif) no-repeat;}
						.m a.hp {width:136px; margin-left:18px;}
							.m a:hover.hp {background-position:-18px -45px;}
						.m a.marki {width:75px;}
							.m a:hover.marki {background-position:-154px -45px;}
						.m a.produkty {width:98px;}
							.m a:hover.produkty {background-position:-229px -45px;}
						.m a.do-pobrania {width:122px;}
							.m a:hover.do-pobrania {background-position:-327px -45px;}
						.m a.galeria {width:82px;}
							.m a:hover.galeria {background-position:-449px -45px;}
						.m a.firma {width:71px;}
							.m a:hover.firma {background-position:-531px -45px;}
						.m a.kontakt {width:87px;}
							.m a:hover.kontakt {background-position:-602px -45px;}
						.m a.koszyk {width:100px;}
							.m a:hover.koszyk {background-position:-689px -45px;}				
	
	#c {width:984px; margin:0px auto; background:url(/img/c.gif) 0 0 repeat-y;}
		.c- {background:url(/img/c-.gif) 0 100% no-repeat;}
		.c-hp {background:url(/img/c-hp.gif) 0 100% no-repeat;}
		#c .cl {width:307px; float:left;background:url(/img/cl.gif) repeat-y; color:#eee;}	
			.cl .cl- {width:307px; padding-top:10px; margin:0; float:left; background:url(/img/cl.gif) -350px 0 no-repeat;}
				.cl .clc {width:307px; padding-bottom:70px; margin:0; float:left; background:url(/img/cl.gif) 100% 100% no-repeat;}
			
				.cl .clc-frm {width:262px; height:130px; margin-left:40px; padding:37px 0 10px 5px; float:left;}
					.cl .clc-frm li {width:100%; height:30px; float:left;}
			
				.cl .clc- {width:262px; margin-left:40px; padding:23px 0 10px 5px; float:left; background:url(/img/clc.gif) no-repeat;}
					.cl .clc-lato {background-position:0 0;}
					.cl .clc-zima {background-position:-300px 0;}
						.cl .clc- em {font-style:italic; font-size:28px; font-weight:bold;}
						.cl .clc- ul { margin-top:7px;}
							.cl .clc- li {line-height:22px; padding-left:20px; width:220px; border-bottom:1px solid #181915; background:url(/img/ico.gif) 0 7px no-repeat;}
								.cl .clc- li.s {background-position:0 -43px;}		
								
								.cl .clc- .clc-uc {line-height:22px; margin-left:10px; width:210px; border-bottom:1px solid #181915; background:url(/img/ico.gif) 0 7px no-repeat;}					
			
			
		#c .cc {float:left; background:url(/img/cc.jpg) 100% 0 no-repeat; }			
			.cc .banner {width:677px; height:235px;}
				.cc .banner-2 {background:url(/img/banner-2.jpg) no-repeat;}
				.cc .banner-hp {background:url(/img/banner-hp.jpg) no-repeat;}
			.cc .cc- {width:607px; padding:10px 50px 0 20px; margin-bottom:60px; float:left;}
				.cc .cc-hp {background:url(/img/cc-hp.gif) 0 0 repeat-y; width:657px; padding:10px 0 0 20px;}			
				/*.cc-2c {width:657px; padding:10px 0 0 20px;}*/
					.cc-cl, .cc-cr {width:275px; margin:5px 0px 0px 5px; padding-right:30px; float:left;}
					.cc-cr {margin-left:25px;}
						.cc-cl h2 {color:#c7f317;}
						
			#fv-bnr {width:677px; height:235px; float:left; display:block;}	
	
	#f {width:979px; margin:0px auto; background:url(/img/f.gif) no-repeat;}
		#f p {font-size:10px; color:#999999; float:right; padding-right:160px;}
	
	
/**** BEGIN hp ****/

	.cc .buttons {width:677px; height:279px; background:url(/img/cc-.gif) repeat-y;}
		.cc .cc-news {width:100%; float:left;}
		
		.cc-hf {width: 323px }
		
		/* news hp */
			.cc-cl .list_button .cr-rb {width:270px;}
			.cc-cl .list_button h2 {font-size:12px;}
			.cc-cl .list_button {width:290px; margin-top:5px;}
			.cc-cl .list_button .img {width:100px; height:80px;}
			.cc-cl .list_button .img img {width:90px !important; height:60px !important;}
		
			.cc .cc-cl .list_button .cr-lt {background-image:url(/img/crshp.gif);} 
			.cc .cc-cl .list_button .cr-rt {background-image:url(/img/crshp.gif);}
			.cc .cc-cl .list_button .cr-lb {background-image:url(/img/crs-hp.gif);}
			.cc .cc-cl .list_button .cr-rb {background-image:url(/img/crs-hp.gif);}
		
/***** BEGIN product *****/
	
	.cc a {color:#222;}
		.cc a:hover {color:#555;}

	/***** product list *****/
	.cc .filtr {height: 16px; width:600px; clear: both; margin-bottom: 10px; padding: 3px 0px 2px 2px }
	.cc .sort { width: 300px; float: left }
	.cc .switch{ width: 300px; float: right; text-align: right }
		.cc .sort p, div.switch p{ font-size: 11px; color: #000; text-transform: uppercase  }
			.cc .sort p a, div.switch p a { font-weight: bold; color: #222; }
				.cc .sort p a:active, div.sort p a:hover { color: #000; }

	.cc .list_button {width: 620px; height: 90px; margin: 0 0 5px 0; padding: 0px 0 10px 0px; clear: both; /*border-bottom: 1px solid #d0d0d0; background: #c2c2c2;*/ float:left;}
		.cc .cr-lt {background:url(/img/crs.gif) 0 0 no-repeat #fff; float:left;} 
		.cc .cr-rt {background:url(/img/crs.gif) 100% -20px no-repeat; float:left;}
		.cc .cr-lb {background:url(/img/crs-.gif) 0 100%  no-repeat; float:left;}
		.cc .cr-rb {background:url(/img/crs-.gif) 100% 100% no-repeat; float:left; padding:5px 5px 5px 5px;}
			.list_button .cr-rb {width:600px;}
	
			.list_button .img  {float: left; width:170px; height:90px;} 
				.list_button img {float: left;}
				.list_button .lb-title {font-size:16px; color:#333333}
			.list_button p, div.list_button_on p {padding: 0px 10px 5px 0px; margin-top: 5px }
				.list_button p span, div.list_button_on p span {color: #5b5b5b; font-weight: bold }

	#product_foto_container {width:405px; margin-top:10px; float:left; display:compact }
	#product_foto { cursor: pointer; border: 1px solid #8e8e8e; width:400px; height:266px; background:#fff; float:left;}
		#product_foto div {float:left;}
		img.product_foto {display: none;}
		img.product_foto_mini { cursor: pointer; float: left; margin: 3px 2px 3px 2px;}
	#article_detail {width:620px;}
	.article_detail_foto {width:400px; float:left; margin: 10px 0 0 10px;}
		table#article_detail_data { float: right; width: 200px; margin: 10px 5px 0 0px;}
		table#article_detail_data th {width: 80px; padding:3px 0 3px 0; text-transform: uppercase; color: #777; font-size: 10px; text-align: left; vertical-align:top;}
		table#article_detail_data td {color: #111; font-size: 12px; text-align: left;}
			 table#article_detail_data td {line-height:20px;}
		th.price, td.price { height: 20px; vertical-align: bottom; background-color: #bdbdbd; font-weight: bold}
		
		table.article_detail th, table.article_detail td { color: #000000; text-align: left  }
		table.article_detail p { font-size: 11px;}
		table.article_detail th p { font-weight: bold  }
		table.article_detail td p { padding-left: 10px }

	.underarticlelist {width:630px; background:0 none;}
		.underarticlelist ul {clear:both; margin:20px 0 0 0; float:left;}
		li.underarticlelist_button {float: left; margin: 10px 25px 0px 0px; padding: 0 0 0 0; width:167px; height:130px;}
			li.underarticlelist_button img { margin: 4px 4px 4px 4px; padding: 0 0 0 0 }
				li.underarticlelist_button h5 { text-align: center; color: #333; width: 159px; margin: 0px 4px 4px 4px; padding: 0 0 0 0 }

		.article_detail_pytania {width:400px; float:left; display:inline;}
		.product_fotos_mini {margin:10px 0 0 0; float:left; display:block;}

		/***** BEGIN basket *****/
		.basket {width:600px; margin:20px 0 0 0; padding-bottom:20px; display:block;}
			.basket th {background-color:#999999; padding:3px 0 3px 0; text-align:center; font-weight:bold;}
			.basket td {padding:3px 0 3px 0; text-align:center;}

		/***** BEGIN kontakt *****/
		.map {height:590px; margin:20px 0 0 -10px; position:relative; width:290px;}
			.map span {font-size:7px;}
			
		/***** BEGIN galeria *****/
		.cc-g li {padding:10px 10px 10px 10px; float:left;}


.delete {background-color:#999999; display:block; float:left; width:100%; padding-bottom:20px;}
		
/**** Clearfix *****/
.clearfix:after {	content: ".";	display: block;	clear: both;	visibility: hidden;	line-height: 0;	height: 0;} 
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

/* RULES FOR IMAGE PREVIEW */
#imgPreviewWithStyles,
#imgPreviewWithStyles2,
#imgPreviewWithStyles3 {
		background: #fff;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		padding: 15px;
		z-index: 999;
		border: 1px solid #949494;
}
#imgPreviewWithStyles span,
#imgPreviewWithStyles2 span,
#imgPreviewWithStyles3 span {
		color: white;
		font-size: 1em;
		text-align: center;
		display: block;
		padding: 10px 0 3px 0;
}

.loading {
		height: 32px;
		width: 32px;
}