@charset "utf-8";
body  {
	font:tahoma;
	font-family:tahoma;
	font-size:11px;
	background:url(../images/html/img_03.gif) top repeat-x #e3e1e1;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #212125;
}
.twoColFixLtHdr #container { 
	width: 981px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background:url(../images/html/img_40.gif) repeat-y;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
.twoColFixLtHdr #header { 
	
	padding: 0 ;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	width: 981px;
	margin: 0 auto;
	background:url(../images/html/headback.jpg) top ;
} 
.twoColFixLtHdr #logo {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	
	padding: 0px 0px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	margin-left: 13px;
	text-align:right;
	float:left;
}
.twoColFixLtHdr #banner, .twoColFixLtHdr #banner_in {
	 /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	margin: 0 9px 0px 0px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	border:0;
	text-align:left;
	float:right;
	
	}
.twoColFixLtHdr #menu2 {
	margin:0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	background:url(../images/html/img_23.jpg);
	/* using padding instead of margin will allow you to keep the element away from the edges of the div */
	padding-right:32px;
	height:58px;
	text-align:right;
	color:#FFFFFF;
	font-size:12px;

}
.twoColFixLtHdr #menu {
	margin: 0;
	text-align:left;
	background:url(../images/html/img_21.gif) bottom right no-repeat;
	
}
.twoColFixLtHdr #menu2 a:link {
	color: #FFFFFF;
	text-decoration:none;
	
}
.twoColFixLtHdr #menu2 a:visited {
	color: #FFFFFF;
	text-decoration:none;
	
}
.twoColFixLtHdr #menu2 a:hover {
	color: #212125;
	text-decoration:none;
}
.twoColFixLtHdr #sidebar1 a:active {
	color: #FFFFFF;
	text-decoration:none;
}
.twoColFixLtHdr #sidebar1 {
	float:  left ; /* since this element is floated, a width must be given */
	width: 166px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	 /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0px 20px 15px 20px;
	background:url(../images/html/img_27.jpg) top left no-repeat;
	margin: 0 0 0 14px;
	list-style-type:none;

}
.twoColFixLtHdr #sidebar1 ul {
	font-size:13px;
	margin: 0;
	padding: 0 0;
	list-style-type:none;
	
	}
.twoColFixLtHdr #sidebar1 li{
	
	border-bottom: dotted 1px #afafb2;
	padding:3px 2px 3px;
}
.twoColFixLtHdr #sidebar1 a:link {
	color: #212125;
	text-decoration:none;
	
}
.twoColFixLtHdr #sidebar1 a:visited {
	color: #212125;
	text-decoration:none;
	
}
.twoColFixLtHdr #sidebar1 a:hover {
	color: #7c8f1f;
	text-decoration:none;
}
.twoColFixLtHdr #sidebar1 a:active {
	color: #212125;
	text-decoration:none;
}

.twoColFixLtHdr #mainContent { 
	margin: 0 0 0 220px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 27px 50px 50px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background:url(../images/html/mainback.jpg) top left no-repeat;
	text-align:left;
	min-height:520px;
	
}
.twoColFixLtHdr #flootery { 
	
	padding: 0 ;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	width: 981px;
	margin: 0 auto;
	background:url(../images/html/backflooter.gif) top repeat-y ;
}
.twoColFixLtHdr #footdown { 
	
	background: url(../images/html/footdown.gif) top center no-repeat;
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	width: 981px;
	margin: 0 auto;
	text-align:right;
}
.twoColFixLtHdr #footdownin { 
	padding: 10px 30px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	color:#DCDCDC;
	font-size:11px;	
	text-align:right;
}
.twoColFixLtHdr #footdownin a:link, .twoColFixLtHdr #footdownin a:visited, .twoColFixLtHdr #footdownin a:active{ 	
	color:#DCDCDC;	
}
.twoColFixLtHdr #footdownin a:hover {
	color: #7c8f1f;
}
.twoColFixLtHdr #flooterone {
	 /* since this element is floated, a width must be given */
	width: 207px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	 /* the background color will be displayed for the length of the content in the column, but no further */
	text-align:center;
	font-size:9px;
	margin: 0 0px 0 14px;
	float:left;
	background: url(../images/html/footupleft.jpg) top center no-repeat;
		
}
.twoColFixLtHdr #flootertwo {
	text-align:right;
	font-size:10px;
	margin: 0 0 0 220px;
	background: url(../images/html/footupright.jpg) top left no-repeat;
	vertical-align: top;	
}
.twoColFixLtHdr #search {}
.twoColFixLtHdr #top {
	height:35px;
	vertical-align:top;
}
.twoColFixLtHdr #top h1, #topproductgrid h1, #productgridcentertext h1 {
	font-size:16px;
	text-align:left;
}
.twoColFixLtHdr #search input {
	
	width:160px;
	
}
.twoColFixLtHdr #komunikat {
	font-size:13px;
	color:#678a97;
	
}
.twoColFixLtHdr #topproduct {
	margin-top:50px;
	
}
.twoColFixLtHdr #footer { 
	/* this padding matches the left alignment of the elements in the divs that appear above it. */
	background: #3f3f3f;
} 
.twoColFixLtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.twoColFixLtHdr #paddingproductfooter {
	float: right; 
	padding-right:50px; 
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.twoColFixLtHdr #main_left {
   float: left;
   width:350px;
   padding-right: 20px;
        
 }
.twoColFixLtHdr #main_right {
   float:right;
   width:280px;
	
 }
.twoColFixLtHdr #productgrid {
   min-height:130px;
  
 }
.twoColFixLtHdr #topproductgrid {
   font-size:16px; 
   float:left;
   /* background: url(../images/html/katalog.gif) top left no-repeat; */
   
   height:60px;
}
.twoColFixLtHdr #productgrid h2 {
   font-size:16px; 
   
}
.twoColFixLtHdr #productgridleft {
   float: left;
   width: 150px;
     
 }
.twoColFixLtHdr #productgridcenter {
   margin: 0 0 0 160px;
   
 }
.twoColFixLtHdr #productgridcentertext {
   margin: 0 150px 0 0; 

 }
.twoColFixLtHdr #productgridcentertext h1 {
   font-size:16px;
  
   word-wrap:break-word;
 }
.twoColFixLtHdr #productgridright {
   float: right;
   background:url(../images/html/liniabok.gif) left top  no-repeat;
   min-height:124px;
   width: 100px;
   padding-left: 20px;
   text-align:left;   
 }
.twoColFixLtHdr #productdetails {
min-height:300px;
} 
.twoColFixLtHdr #productdetailsleft {
   float: left;
   width: 200px;     
 }
 
.product-image {
	text-align:center; }
	
 .twoColFixLtHdr #prod_image_small {
	text-align:center;
	margin-top:20px;	
 }
	
.twoColFixLtHdr #productdetailscenter {
   margin-left: 215px; 

 }
 .twoColFixLtHdr #productdetailscentertext {   
   
   margin-right: 100px ; 
   padding: 5px 10px;
  }
  .twoColFixLtHdr #productdetailscentertext h1 {
   
  font-size:16px;
  text-align:left;
 }
.twoColFixLtHdr #productdetailsright {
   float: right;
   /* background:url(../images/html/liniabok.gif) left top no-repeat; */
   min-height:124px;
   width:90px;
     
 }
 .twoColFixLtHdr #productdetailsright p {
   padding-left: 10px;
       
 }
.twoColFixLtHdr #top_product_details	{
	font-size:16px;
	height:70px;
	font-size:16px; 
}
.twoColFixLtHdr #productdetailslinks {
	text-align:right;
	
	
}
.twoColFixLtHdr #choose {
	display: block; font-size: 1.2em; border: 2px dotted #AFAFB2;
	background:#f0f0f0;
	padding:5px 20px;
}
.twoColFixLtHdr #choose h3 {
	font-size:12px;
}
.twoColFixLtHdr #choose a:link, .twoColFixLtHdr #choose a:hover, .twoColFixLtHdr #choose a:active, .twoColFixLtHdr #choose a:visited {
	color:#212125;
}
	
textarea, input, select {
	border:dotted 2px #afafb2 ;
	
}
button, .buttons{
	border:dotted 2px #78787b ;
	background: url(../images/html/buttonbackground.gif) repeat;
	height:22px;
	cursor: pointer; 
	}
.buttonik{
	border:dotted 2px #78787b ;
	background: url(../images/html/buttonbackground.gif) repeat;
	padding:3px 0;
	font-size:12px;
	width:90px;
	cursor: pointer; 
	height:12px;
	color:#000000;
	text-align:center;
	}

a:link {
	color: #7c8f1f;
	text-decoration:none;
	
}
a:visited {
	color: #7c8f1f;
	text-decoration:none;
}
a:hover {
	color: #212125;
	text-decoration:none;
}
a:active {
	color: #7c8f1f;
	text-decoration:none;
}
.clear {
	clear:both;
}
a img {
	border: 0;
}
hr {
	
	border: 0.1em dotted #999999; 
}

.twoColFixLtHdr #breadcrumbss {
	font-size:10px;
}

.twoColFixLtHdr #breadcrumbss a:link {
	color: #212125;
	text-decoration:none;
	
}
.twoColFixLtHdr #breadcrumbss a:visited {
	color: #212125;
	text-decoration:none;
	
}
.twoColFixLtHdr #breadcrumbss a:hover {
	color: #7c8f1f;
	text-decoration:none;
}
.twoColFixLtHdr #breadcrumbss a:active {
	color: #212125;
	text-decoration:none;
}
.twoColFixLtHdr #prod_image_small {
	text-align: justify;
}
.form-search { text-align:left; float:right; padding:25px 0 0 0; margin:0 0 0 0; }
.suggestionsBox { z-index:999; }
.suggestionsBox ul { border:1px dotted #ddd;}
.suggestionsBox li { padding:3px; color: gray; border-bottom:1px solid #ddd;}
.suggestionsBox li .amount { float:right; font-weight:bold; }
.suggestionsBox li.selected {}

.form-search button.button { overflow:visible; width:34px; height:21px; background:none; border:none; cursor:pointer; }
.form-search button.button span { display:block; background:none;}
.form-search button.button span span { background:none; display:block; margin:0; padding:0 1px 0 1px;}
.form-search button.button span span span{ background:none; display:block; text-indent:-9999em; margin:0; padding:0 7px 2px 7px; font:11px/16px tahoma, tahoma; text-align:center; white-space:nowrap; color:#FFFFFF; }

.form-search label{ display:block; float:left; width:87px; height:21px; text-indent:-9999em; background:url(../images/html/title_search2.gif) 0 0 no-repeat;}


.error-msg { 
	border:dotted 2px #aa2404;
	color:#aa2404;
	padding: 5px 0 5px 5px;
	font-size: 14px;
	
	 }

	
	
.success-msg { 
	border:dotted 2px #7C8F1F;
	color:#7C8F1F;
	padding: 5px 0 5px 5px;
	font-size: 14px;
	
	 }
	
	
	
/* Form Validation 
.validation-advice {  } */
.validation-failed { border:dotted 2px #f00;  }

fieldset {
	border:0;
}

form.cmxform label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	display: block;
	clear:both; min-height:13px; margin:3px 0 0; font-size:10px; line-height:13px; background:url(../images/html/validation_advice_bg.gif) 2px 1px no-repeat; color:#f00;
}
div.error { display: none; }
input.error { border: 2px dotted #AA2404; }
textarea.error { border: 2px dotted #AA2404; }



.scrollable2 {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 570px;
	height:120px;

	/* custom decorations 
	border:1px solid #ccc;
	background:url(../images/html/h300.png) repeat-x;
	*/
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable2 .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrollable2 img {
	float:left;
	margin:20px 5px 20px 21px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	cursor:pointer;
	width:80px;
	height:80px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.scrollable2 .active {
	border:2px solid #000;
	z-index:9999;
	position:relative;
}

/* this makes it possible to add next button beside scrollable */
.scrollable2 {
	float:left;	
}




/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 570px;
	height:120px;

	/* custom decorations 
	border:1px solid #ccc;
	background:url(../images/html/h300.png) repeat-x;
	*/
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:20px 5px 20px 21px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	cursor:pointer;
	width:80px;
	height:80px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	z-index:9999;
	position:relative;
}

/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(../images/html/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:40px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(../images/html/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* remove margins from the image */ 
.items img { 
    margin:0; 
} 
 
/* make A tags our floating scrollable items */ 
.items a { 
    display:block; 
    float:left; 
    margin:20px 15px; 
}  
 
 
/* tooltip styling */ 
#tooltip { 
    display:none; 
    background:transparent url(../images/html/white.png); 
    font-size:12px; 
    height:15px; 
    width:160px; 
    padding:25px; 
    color: white;
    text-align: left; 
}


/* tooltip styling */ 
#tooltip2 { 
    display:none; 
    background:transparent url(../images/html/white.png); 
    font-size:12px; 
    height:15px; 
    width:160px; 
    padding:25px; 
    color: white;
    text-align: left; 
}

#mask { 
    background:#cccccc url(../images/html/mask_gradient_1000.png) no-repeat; 
    background-position:13% 160px; 
}

/* simple css-based tooltip */ 
div.tooltip { 
    background-color:#000; 
    border:1px solid #fff; 
    padding:10px 15px; 
    width:200px; 
    display:none; 
    color:#fff; 
    text-align:left; 
    font-size:12px; 
 
    /* outline radius for mozilla/firefox only */ 
    -moz-box-shadow:0 0 10px #000; 
    -webkit-box-shadow:0 0 10px #000; 
}
/* Regulamin serwisu */
.regulamin_serwisu {
background-color:#FFFFFF;
border:2px dotted #AFAFB2;
clear:both;
display:block;
font-size:11px;
height:150px;
line-height:1.4em;
margin:0;
overflow:auto;
padding:3px 5px;


}

/* scrollable should not disable gallery navigation */ 
#gallery .disabled { 
    visibility:visible !important; 
} 
 
#gallery .inactive { 
    visibility:hidden !important; 
}

.koszyk_tr td{
	 padding-left: 5px;

}

#panel_search_advanced {

	border: dotted 2px gray;
	width: 100%;
	padding: 5px 5px;
	margin-bottom: 55px;


}


.search_adv .input{
	
	width: 90px;

}

.search_adv .select{
	
	width: 90px;

}

#panel_search_inside {


	padding-left: 15px;
	padding-bottom: 15px;


}

#filters{
	float: right;
	



}
#filters a{
	color: gray;
	



}
#filters span{
	border: 1px dotted #c8c8ca;
	padding: 0px 3px;



}

.modal { 
    background-color:#fff; 
    display:none; 
    width:350px; 
    padding:15px; 
    text-align:left; 
    border:2px solid #333; 
 
    opacity:0.8; 
    -moz-border-radius:6px; 
    -webkit-border-radius:6px; 
    -moz-box-shadow: 0 0 50px #ccc; 
    -webkit-box-shadow: 0 0 50px #ccc; 
} 
 
.modal h2 { 
    background:url(../images/html/info.png) 0 50% no-repeat; 
    margin:0px; 
    padding:10px 0 10px 45px; 
    border-bottom:1px solid #333; 
    font-size:20px; 
}

.header_help{

	margin-top: 10px;
	cursor: pointer;

}

.open_option {
	font-weight: bold;

}

.suggestionsBox {
	
	position: relative;
	left: 30px;
	margin: 10px 0px 0px 0px;
	width: 250px;
	background-color: #e9e7e7;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border: 2px dotted #AFAFB2;	
	color: #d1cccc;


	
}

.suggestionList {
	margin: 0px;
	padding: 0px;

	
}

.suggestionList li a{
	margin: 0px;
	padding: 0px;
	color: #d1cccc;
}

.suggestionList li {
	
	margin: 0px 0px 3px 0px;
	padding: 3px;
}

.suggestionList li:hover {
	background-color: #d1cccc;
}


.ajax_search_table{
	font-size: 11px;

}

/*
Obsługa licytacji
*/

.modal { 
    background-color:#fff; 
    display:none; 
    width:350px; 
    padding:15px; 
    text-align:left; 
    border:2px dotted #AFAFB2; 
 
    opacity:0.8; 
    -moz-border-radius:6px; 
    -webkit-border-radius:6px; 
    -moz-box-shadow: 0 0 50px #ccc; 
    -webkit-box-shadow: 0 0 50px #ccc; 
} 
 
.modal h2 { 
    background:url(../images/html/info.png) 0 50% no-repeat; 
    margin:0px; 
    padding:10px 0 10px 45px; 
    border-bottom:1px dotted #AFAFB2; 
    font-size:20px; 
}



/*homepage scrollpage*/

/* root element for scrollable */ 
div.tramp { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
 
    /* vertical scrollers have typically larger height than width */ 
    height: 470px; 
    width: 700px; 
} 
 
/* root element for tramp items */ 
div.tramp div.items { 
    position:absolute; 
 
    /* this time we have very large space for the height */ 
    height:20000em; 
}
div.items h3{
	font-size:13px;	
}
div.items div {
	float: left;

}
.prevPage, .nextPage {
	cursor:pointer;
	
	margin-left:593px;
}
.twoColFixLtHdr #new {
	z-index: 2;
	position:absolute; 
	margin:-82px 0 0 133px;
}
/* the overlayed element */ 
.simple_overlay { 
     
    /* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background-color:#333; 
     
    width:675px;     
    min-height:200px; 
    border:1px solid #666; 
     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;     
}

/* styling for elements inside overlay */ 
.details_overlay { 
    
   	padding: 15px;
    text-align: left;
    font-size:11px; 
    color:#fff; 

    
}
clr_r {
	clear:right;
}