/*

	Author:	Leszek Krolikowski - http://lymorn.com
	Project: Elles - http://
	For: Profabrica - http://profabrika.pl

*/
/* ---------- MAINPAGE ----------- */

#content			{width: 574px; padding: 0 19px 3em; font-size: 1.1em; float: right; overflow: hidden;}
#content img			{border: 3px solid #CBDBE2; vertical-align: bottom; background: #E0EAEC;}
#content p img			{border-color: #8FA2B1;}
#content .noborder		{border: none;}
#content ul, #content ol	{padding: 1.6363em 0;}
#content li			{line-height: 1.6363em;}
#content ol li			{margin-left: 1.6363em; list-style: decimal;}
#content ul li			{margin-left: 0; padding-left: 1.6363em; background: url("../gfx/bg_li.gif") no-repeat 0.27em 0.6363em; height: 100%;}

#content ul.item-gallery		{width: 592px; padding: 1.6363em 0; margin-right: -18px; overflow: hidden; height: 100%; clear: both;}
#content ul.item-gallery li		{width: 151px; display: block; float: left; margin: 0; padding: 0 18px 1.6363em 127px; background: none;}
#content ul.item-gallery li.clearfix	{float:none;clear:both; width:0px;padding:0;margin:0; background:none;}		
#content ul.item-gallery img		{ vertical-align: top; border:none;}
#content ul.item-gallery p		{font-weight: bold; line-height: 1em; margin: 0; padding: 0.3838em 0;}
#content ul.item-gallery p.name a	{color: #2C404C;}
#content ul.item-gallery p.description	{font-weight: normal; font-size: 1em; padding: 0.5454em 0;}
#content ul.item-gallery div.description	{font-weight: normal; font-size: 1em; padding: 0.5454em 0 14px; 0;}
#content ul.item-gallery p.price span	{margin-left: 0.3838em;}
#content ul.item-gallery p.options	{font-weight: normal;}
#content ul.item-gallery div.product_link {position:absolute; bottom:18px;}

form.contact			{margin-bottom: 1.6363em;}
form.contact h3			{margin-left: 128px;}
form.contact p			{overflow: hidden; height: 100%; white-space: nowrap; margin-bottom: 0.72em;}
form.contact div#perlatory p		{margin:0;}
form.contact label		{width: 126px; float: left; display: block; padding: 3px 11px 0 0;}
form.contact label.checkbox	{width: auto; padding: 0;}
form.contact div#perlatory label {width:485px;} 
form.contact div#perlatory input.radio {margin-top:6px;}
form.contact input.text		{width: 419px; float: left; clear: right;}
form.contact input.short	{width: 292px;}
form.contact input.checkbox	{float: left;}
form.contact textarea		{width: 419px; height: 12em; float: left; clear: right;}

/* Columns */
.columns			{width: 604px; overflow: hidden; height: 100%; padding: 0 0 1.6363em; margin: 0 -21px 0 -11px;}
.columns div			{float: left; padding: 11px; margin: 0 0 0 -1px; border-left: 1px dotted #BDC3D3; position:relative; height:95px;}
.columns div.home_link	{position:absolute; bottom:12px; margin:0; padding:0; border:none; float:none;height:20px;}
.columns div.heigher 	{height:139px;}
.columns p.home_txt		{padding-bottom: 2px; margin:0;}
.columns div.home_txt		{padding: 0 0 2px 0;  margin:0; border:none; float:none; line-height: 1.6363em; margin-bottom: 1.6363em;}
/*.columns div a		{display:block; position:absolute; bottom:10px;}*/
.columns .clearfix		{width: 100%; padding: 0; float: none; border-top: 1px dotted #BDC3D3;}
.column50			{width: 280px;}
.column33			{width: 179px;}
.columns h4			{color: #F38900; padding: 0 0 0.6363em;}


.columnsp			{width: 604px; overflow: hidden; height: 100%; padding: 0 0 0.6363em; margin: 0 -21px 0 -11px;}
.columnsp div			{float: left; padding: 11px; margin: 0 0 0 -1px; border-left: 1px dotted #BDC3D3; }
.columnsp .clearfix		{width: 100%; padding: 0; float: none; border-top: 1px dotted #BDC3D3;}
.columnsp h4			{color: #F38900; padding: 0 0 0.6363em;}

.paginer			{padding: 3em 0; text-align: right;}
.paginer span			{margin-right: 1em; font-weight: bold;}
.paginer a			{color: #fff; background: #8FA2B1; padding: 0 0.2727em 0 0.3636em; font-weight: normal;}
.paginer a.current		{background: #fff; color: #2C404C;}
.paginer a:hover		{background: #2C404C; text-decoration: none;}
.paginer a.prev, .paginer a.next{background: none; border-bottom: 1px solid #8FA2B1; color: #2C404C; margin-left: 1em; padding: 0;}
.paginer a.prev:hover, .paginer a.next:hover{border: none;}

#content div.images		{width: 305px; float: left; padding: 0 11px 0 0; margin: 0 0px 0 0; /*border-right: 1px dotted #8FA2B1;*/}
#content div.images img.big	{/*width: 297px; border-width: 4px;*/}
#content div.images ul		{width: 310px; padding: 5px 0 1.6363em 0; margin: 0 -5px 0 0; overflow: hidden; height: 100%;}
#content div.images ul.produktpage {width:315px; padding-bottom:0px;}
#content div.images li		{float: left; list-style: none; padding: 0 5px 4px 0; margin: 0; background:none;}
#content div.images ul img	{/*width: 92px;*/}

#content div.prod h5 { clear:none; }
#content div.prod .desc { clear:left; }

div.infos			{width: 235px; float: right; padding: 0 0 0 11px; margin: 0 0 10px 10px; border-left: 1px dotted #8FA2B1;}

/*div.infos			{width: 246px; float: right; padding: 0 0 0 11px; margin: 0 0 0 -1px; border-left: 1px dotted #8FA2B1;}*/
div.infos h5			{clear: none; padding: 0;}
div.infos p			{padding: 0.2727em 0; margin: 0; border-top: 1px dotted #8FA2B1;}
div.infos p.description		{padding: 0.2727em 0 1.6363em; border: none;}
div.infos div.description		{padding: 0.2727em 0 1.6363em; border: none;}
div.infos p.price		{padding: 1.6363em 0; margin: 0; color: #E88C31; font-weight: bold; font-size: 1.18em}
div.infos p.price b		{font-weight: bold;}
div.infos p.options		{border: none;}
div.infos p b			{font-weight: normal;}

#content .gallery		{width: 585px; overflow: hidden; height: 100%; margin: 0 -11px 0 0;}
#content .gallery li		{float: left; padding: 0 11px 1em 0;}
#content .gallery li div		{border: 3px solid #CBDBE2; overflow:hidden; height: 95px;}
#content .gallery img		{max-width: ; border-color: ; border:none;}

#content table			{width: 100%; border-collapse: collapse; border-left: 2px solid transparent; border-right: 2px solid transparent;}
#content table, x:-moz-any-link	{border-left: none; border-right: none;}
#content th			{text-align: left;}
#content td			{}
#content table.waskie td {padding: 0.2em 0.9090em;}
#content th, #content td	{padding: 0.4545em 0.9090em; border: 1px dotted #8FA2B1; font-size: 1em;}
#content td.notopdots {border-top:none;}
#content td.nodots {border:none;}
#content table.nodots {border:none;}
#content table.nodots td {border:none;}

#top-boxes			{width: 612px; margin: 0 -19px; font-size: 1.1em; background: url("../gfx/bg_boxes.jpg") no-repeat 100% 0;}
#top-boxes ul			{padding: 0; overflow: hidden; height: 100%;}
#top-boxes ul li		{display: block; float: left; background: none; padding: 0;}
#top-boxes a			{display: block; float: left; height: 32px; margin: 0 0 0 3px;}
#top-boxes .e1 a		{width: 197px; margin: 0 0 0 10px;}
#top-boxes .e2 a		{width: 198px;}
#top-boxes .e3 a		{width: 200px;}
#top-boxes span			{display: block; padding: 7px 11px 0;}

.start #top-boxes ul		{background: url("../gfx/bg_boxes_img7.jpg") no-repeat 0 0;}
.start #top-boxes a		{padding: 113px 0 0; font-weight: bold;}



/* ---------- SIDEBAR ----------- */

#sidebar			{width: 348px; float: left; font-size: 1.1em;}
#sidebar p			{padding: 7px 0 0; margin: 0;}
#sidebar p.left			{width: 165px; float: left;}
#sidebar p.left	select		{width: 147px; border-color: #8FA2B1;}
#sidebar p.right		{width: 107px; float: right;}
#sidebar p.right input		{width: 4ex; border-color: #8FA2B1;}
#sidebar .lighter		{color: #fff;}
#sidebar div.box		{padding: 0 38px;}
#sidebar ul			{padding: 0.6363em 0 0;}
#sidebar ul li			{margin: 0; padding: 0 0 0.6363em 1.6363em; background: url("../gfx/bg_li.gif") no-repeat 0.27em 0.4545em; height: 100%;}
#sidebar ul a			{color: #1F2C33;}
#sidebar ul li.current		{background-image: url("../gfx/bg_li.gif");}
#sidebar ul .current a		{color: #fff;}
#sidebar div.rozpychacz 	{height:7px; clear:both;}

div.top-box			{background: url("../gfx/bg_boxes.jpg") no-repeat 0 0; height: 32px; padding: 0 38px;}
div.top-box a.more		{margin: 0 0 0 1em; font-weight: bold; color: #2877B9;}
#sidebar div.top-box p.description {font-style: italic; font-size: 0.9090em; padding:2px 0 0; line-height:1em;}

.start div.top-box		{background: url("../gfx/bg_boxes.jpg") no-repeat 0 0; height: 145px;}

div.middle-box			{height: 113px; padding: 0 38px;}
div.middle-box p.description	{font-style: italic; font-size: 0.9090em; line-height: 1em; }

div.bottom-box			{background: url("../gfx/bg_boxes.jpg") no-repeat 0 100%; height: 33px; padding: 0 38px;}
div.bottom-box p		{font-weight: bold;}

p#result			{clear: both; padding: 6px 0 0 1.6363em; background: url("../gfx/bg_result.gif") no-repeat 0.27em 13px; font-weight: bold;}
p#result span			{color: #1F2C33; margin: 0 0 0 0.5em;}

.login input			{width: 70px; margin: 0 3px 0 0; border-color: #8FA2B1 !important;}
.login a.lost-password		{margin: 0.6363em 0 0.0909em; font-size: 0.9090em}
.login a.more			{line-height: 1;}
.login p			{clear: both; padding: none;}
.login a.button			{margin: 1px 0 0; padding: 0.4545em 1em 0.5454em}



/* ---------- TOP AREA ---------- */

#header				{width: 296x; height: 148px; float: left;}
#header h1			{width: 178px; height: 52px; padding: 48px 0 0 38px;}
#header h1 a			{width: 178px; height: 52px; display: block;}
#header h1 span			{display: none;}

#main-navigation		 {width: 664px; height: 52px; float: right; /*overflow: hidden;*/}
#main-navigation ul#main {width: 665px; margin-left: -1px; padding: 18px 0 0;}
#main-navigation li		 {display: block; float: left; padding: 0 15px; white-space: nowrap; border-left: 1px dotted #909CA7; position:relative; }
#main-navigation a		 {display: block; float: left; color: #1C3542; font: bold 1.3em "Times New Roman", Georgia, serif; text-transform: uppercase;}

/*
#main-navigation li:hover ul { display:block; }
#main-navigation li:hover ul ul { display:none; }
#main-navigation li li:hover ul { display:block; }
#main-navigation li ul { display:none; }

#main-navigation li li { border:0; float:none; }
#main-navigation li li a { background:#e3edf6 url("../gfx/bg_li.gif") no-repeat 6px 9px; border-bottom:1px dotted #909CA7; display:block; padding:4px 0px 4px 20px; text-transform:none; width:100%; filter:alpha(opacity=82); -moz-opacity:0.82; opacity:0.82; }

#main-navigation ul ul { margin-top:14px; padding-top:20px; position:absolute; top:0px; left:-15px; }
#main-navigation ul ul li { position:relative; }
#main-navigation ul ul ul { margin:0px; padding:0px; position:absolute; top:0px; left:0px; }
*/

#main-navigation li a:hover { text-decoration: none; color: #f48000; background-image: none; }
#main-navigation li.current a { color:#f48000; background-image:none; }
#main-navigation li ul.subul { display:none; margin-top:16px;padding:16px 0; width:207px; position:absolute; top:0; left:0px; }
#main-navigation li ul.subul li.suby { background: url("../gfx/bg_li.gif") no-repeat 6px 9px; border:none; display:block; float:left; padding:0; width:207px; position:relative; }
#main-navigation li.suby a { background-color:#e3edf6; border-bottom:1px dotted #909CA7; display:block; padding:4px 0px 4px 20px; text-transform:none;  width:187px; filter:alpha(opacity=82); -moz-opacity:0.82; opacity:0.82;}
#main-navigation li	ul.subul li.suby ul.subul { margin:0; padding:0 0 0 0px; top:0; left:208px; width:auto;}
#main-navigation li	ul.subul li.suby ul.subul li { width:auto; white-space:normal;}


/*
	#main-navigation li	ul.subul li.suby ul.lilong {width:250px;}
	#main-navigation li	ul.subul li.suby ul li.lilong {width:250px;}
*/

#cover				{width: 664px; height: 206px; float: right; overflow: hidden;}
#cover ul			{display: none;}

#top_area div.box		{width: 218px; height: 100px; float: left; padding: 0 39px; font-size: 1.1em;}
#top_area div.box h2:first-letter{font-weight: bold;}
#top_area div.box p		{font-weight: bold;}
#top_area div.box p span	{font-weight: normal; clear: both;}
#top_area div.box p.cart	{margin-top: -10px;}
#top_area div.box p.cart a.more {color: #2877B9;}

/* ---------- BOTTOM AREA --------- */

#footer				{width: 574px; padding: 2em 0 5em; font-size: 1.1em; float: right; border-top: 1px dotted #C5CFD1; overflow: hidden; height: 100%;}
#footer ul			{padding: 0 0 0.3838em;}
#footer li			{display: inline; margin: 0 1.5em 0 0;}
#footer a			{color: #3C425A;}
#footer p			{float: left; color: #9FA2AF; padding: 0; margin: 0;}
#footer p a			{color: #9FA2AF;}
#footer p.profabrica		{float: right;}



/* ---------- GLOBAL ----------- */

h2, h6				{clear: both; font: 1.6363em "Times New Roman", Georgia, serif; padding: 1em 0;}
h6				{padding:1em 0 0.4em 0;}
h3				/*{clear: both; font-size: 1.1818em; padding: 1.3846em 0; color: ; line-height: 1.3846em;}*/
				{clear: both; font-size: 1.1818em; padding: 1.3846em 0 0.3846em; margin: 0 0 0.5em; line-height: 1.3846em; border-bottom: 1px dotted #8FA2B1;}/*margin: 0 0 1em;*/
h3.nodots		{border-bottom:none;}
h4				{clear: both; font-size: 1.0909em; padding: 1.5em 0 0; line-height: 1.5em;}
h5				{clear: both; font-size: 1em; padding: 1.6363em 0 0; line-height: 1.6363em;}
p				{/*text-align: justify;*/ line-height: 1.6363em; margin-bottom: 1.6363em;}
div				{line-height: 1.6363em;}

img				{border: none;}
img.alignleft			{margin: 0.18em 1.6363em 0.36em 0;}
img.alignright			{margin: 0.18em 0 0.36em 1.6363em;}
img.aligncenter			{clear: both; margin: 0.18em auto;}

.alignleft			{float: left !important; clear: left;}
.alignright			{float: right !important; clear: right;}

ul, li				{list-style: none;}
a				{color: #F38900; text-decoration: none;}
a:hover				{text-decoration: underline;}
.align-left			{text-align: left !important;}
.align-right			{text-align: right !important;}
.align-center			{text-align: center !important;}
.important			{font-weight: bold !important; color: #e00000 !important;}
.highlight			{font-weight: bold; color: #D97009;}
.larger				{font-size: 1.0909em;}

a.more				{}

div.clearfix			{clear: both; height: 0; overflow: hidden; line-height: 0;}
#content ul.gallery li.clearfix				{background: none; width:0px;padding:0px;margin:0px;}

.no-border			{border: none !important;}
.no-border td			{border: none !important;}
.left		{}
#content .personal-data td {padding: 2px 3px;}
.personal-data .right		{color: #808C92; }

.summary, .summary *		{color: #F38900;}	

/* FORMS */

label				{}
label.radio			{float: left; margin-left: 2.2em;}
label.checkbox			{float: left; margin-left: 2.2em; white-space: normal;}
input.text, input.password, select, textarea	{padding: 4px 8px; background: #fff url("../gfx/bg_input.gif") no-repeat 0 0; border: 1px solid #D8DAE9; font-size: 1em; font-family: tahoma; color: #555;}
select				{}
option				{margin: 0.2em 0; padding: 0 9px; background: #fff;}
textarea			{height: 6em;}
input.submit, input.reset	{cursor: pointer; width: 85px; height: 36px; padding: 0 0 4px 0; margin-right: 1em; font-size: 0.9em; color: #fff; text-align: center; border: none;}
input.submit			{background: url("../../gfx/submit_bg.gif") no-repeat 0 0;}
input.reset			{background: url("../../gfx/reset_bg.gif") no-repeat 0 0;}
input.radio			{width: auto; margin: 0.1818em -1.5em 0 0; background: none !important; border: none !important; vertical-align: top; float: left;}
input.checkbox			{width: auto; margin: 0.1818em -1.5em 0 0; background: none !important; border: none !important; vertical-align: top; float: left;}

a.button			{padding: 0.6363em 1em 0.5454em; display: block; float: left; background: #F38A01 url("../gfx/bg_button_orange.gif") repeat-x 0 0; color: #fff; cursor: pointer; white-space: nowrap; line-height: 1em;}
a.button.dark			{ background: #1D2E38 url("../gfx/bg_button_dark.gif") repeat-x 0 0;}



/* ---------- MAIN BLOCKS ---------- */

*				{margin: 0px; padding: 0px;}
html				{background: #FEFEFD url("../gfx/bg0.jpg") repeat 100% 100%;}
body				{background: url("../gfx/bg1.jpg") repeat-x 0 0; font: 10px Arial, Helvativa,"Trebuchet MS", Trebuchet, Tahoma, Verdana, Geneva, sans-serif; color: #2C404C;}

#whole	 			{clear: both; background: url("../gfx/bg2.jpg") no-repeat 0 0; min-height: 900px;}
#top_area			{width: 960px; height: 258px; clear: both; overflow: hidden;}
#middle_area			{width: 960px; clear: both;}
#bottom_area			{width: 941px; clear: both; padding: 0 19px 0 0}



/* START */
#middle_area div.box p a.more {color: #2877B9;}
.error 	{color:red;}
#content div.main_foto {width:297px; height:200px; border: 4px solid #8FA2B1; text-align:center; background-color:white; overflow:hidden;}
#content div.main_foto img.big {border:none; }
#content ul.item-gallery p.afterCart {display:none; font-weight:normal;}
#content h3.items {border:none; padding:0.5em 0;}
#content h3.items a {color:#2C404C;}
#content ul.items_main {padding:0;}
#content ul.items_main li {position: relative;}
#content ul.items_main div.img_holder {/*text-align:center;*/ width:107px; height:89px; margin-left:-127px; float:left; overflow:hidden; border: 3px solid #CBDBE2; background:white; position:relative; }
#content ul.items_main div.img_holder img {position:absolute; bottom:10px}
#content ul.items_main div.img_holder img.blind {bottom:0px;}
#content ul.items_main div.img_holder img.wlewo {left:-10px;}
#content div.igallery {overflow:hidden;width:92px;height:54px; border:3px solid #CBDBE2; text-align:center;}
#content div.igallery img {border:none;}
#content div.sklep_gallery img {margin:-15px 0 0 -18px;}
#sidebar div.middle-box p.description {padding: 2px 0 0;}
#content td img {border:none; margin:0 auto; }
#content td {background-color:transparent !important;}
#sidebar p.description a {color:white;}
h3.newlayout {margin-left:-127px;}

#content #breadcrumbs {border-bottom:1px dotted #D4CAB9;margin:-0.6em 0pt 2em; font-size:0.9em;}
#content #breadcrumbs a {color:#9FA2AF;}
#content #breadcrumbs img {border:none; background:none; vertical-align:middle; margin:0 3px; }


#woda_wykres img {background: none;}

#content div#regulamin p {padding:0; margin:0;}
#content div#regulamin ul, #content div#regulamin ol {padding:0;}
#content div#regulamin ol li ul li {list-style-type:none;}

#content div#legenda div {float:left; vertical-align:middle; padding: 4px 15px 4px 6px;}
#content div#legenda div.clearfix {margin:0; padding:0; float:none; height:5px;}
#content div#legenda img {background:none; border:none; display:block; float:left; margin: 3px 0;}
 
 
#logo_wp	{margin:15px 0 0 1px; }
#logo_wp.intext {float:left; margin:10px 0 0 160px;}
#logo_wp img	{cursor:pointer; border: medium none ; background: transparent none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; }

#logo_pah	{float:left; margin:12px 5px 0 1px;}
#logo_pah.intext {margin:5px 0 0 30px;}
#logo_pah img	{cursor:pointer; border: medium none ; background: transparent none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; }