body{  line-height:18px; margin :0 auto; padding:0px; text-align:center; height:100%; background: url('../gfx/elements/main_bg.gif') repeat-x #FFFFFF;}
a { outline:none; }

/*// GLOWNY SZABLON STRONY //*/
#main {margin : 0px auto;padding : 0px; width:980px; font-family:tahoma; font-size:11px; color:#4F4F4F; }
#main .kreska_pion { padding-right:25px; float:left; background:url('../gfx/elements/kreska_pion_top.gif') no-repeat; height:87px; width:1px;}

/* menu top links */
#menu_top_links p { float:right; padding:13px 23px 18px 0px; }
#menu_top_links p.line { margin-top:11px; padding:0px 23px 0px 0px; float:right; background:url('../gfx/elements/menu_top_links_dot.gif') no-repeat; width:1px; height:21px;} 
#menu_top_links p a { font:normal 11px tahoma; color:#C0C0C0; text-decoration:none;}
#menu_top_links p a:hover { border-bottom:1px dotted #C0C0C0; color:#E0E0E0;}
#menu_top_links p a.rej { font:bold 11px tahoma; color:#FFFFFF; text-decoration:none;}
#menu_top_links p a.rej:hover { border-bottom:1px dotted #FFFFFF; color:#FF4B4B;}

/* banner */
#baner { height: 59px; background-image: url('../gfx/elements/banner.jpg'); background-repeat: no-repeat; }
#baner p { padding-top:10px;}
#baner img { display:block; }

/* logo */
#box_logo{  padding-right: 0px; float:left; width: 330px; height: 85px; }
#box_logo p { padding:0px 0px 0px 0px; } 
#box_logo p a,img { border:0px; display:block; }

/* search */
#search { margin:0px 0px 7px 0px; text-align:left; float:left; width: 400px; }
#search form { padding:25px 22px 0px 0px;}
#search p { padding:5px 13px 3px 0px; float:left; }
#search p.lupa { padding:13px 8px 0px 0px; float:left;}
#search p.lupa img { display:block; border:0px;}
#search p.link a { font:bold 11px tahoma; color:#FFFFFF; text-decoration:none; padding-top:6px; float:left;}
#search p.link a:hover { border-bottom:dotted 1px #DDDDDD; color:#FFFFFF;}
#search .input { border:solid 1px #C2C2C2; width:281px; font:normal 11px tahoma; color:#4F4F4F; padding:4px 0px 4px 4px; }
#search a.z { display:block; margin:7px 0 0 0; padding:0 0 0 15px; font:normal 11px tahoma; color:#ffffff; text-decoration:none; background:url('../gfx/elements/search_advanced.gif') 0px 3px no-repeat; }
#search a.z:hover { text-decoration:underline;}

#top { background: url('../gfx/elements/logo.jpg') -0px 0px no-repeat; height: 85px; padding-left: 0px; }

/* menu user */
/*
#menu_user { text-align:left; width: 160px; float: right; padding-right: 25px; }
#menu_user .img { float:left; padding: 2px 10px 0px 0px; }
#menu_user .img img { border:0px; display:block; margin:8px 0px 7px 0px; }
#menu_user .link { float:left; }
#menu_user .link ul { padding:5px 0px 0px 0px; margin:0px; list-style-type:none;}
#menu_user .link ul li { padding:0px 0px 2px 0px;}
#menu_user .link ul li a{ font:bold 11px tahoma; color:#FEFFFF; text-decoration:none; }
#menu_user .link ul li a:hover { border-bottom:dotted 1px #000000; color:#000000;}
*/

#menu_user { text-align:left; width: 160px; float: right; padding-right: 25px; }
#menu_user .link ul { padding:5px 0px 0px 0px; margin:0px; list-style-type:none;}
#menu_user .link ul li { padding:0px 0px 2px 0px; line-height:16px;}
#menu_user .link ul li a{ font:bold 11px tahoma; color:#FEFFFF; text-decoration:none; line-height:16px; }
#menu_user .link ul li a:hover { border-bottom:dotted 1px #000000; color:#000000;}

#menu_user .link ul li.basket_item a{
	background:url('../gfx/basket/basket.gif') 0px 0px no-repeat;	
	padding-left:25px;
}

#menu_user .link ul li.your_account_item a{
	background:url('../gfx/basket/info.gif') 0px 0px no-repeat;
	padding-left:25px;
}

#menu_user .link ul li.login_item a{
	background:url('../gfx/basket/log_in.gif') 0px 0px no-repeat;
	padding-left:25px;
}

#menu_user .link ul li.help_item a{
 	background:url('../gfx/basket/help.gif') 0px 0px no-repeat;
 	padding-left:25px;
}

#menu_user .link ul li.logout_item a{
	background:url('../gfx/basket/help.gif') 0px 0px no-repeat;
	padding-left:20px;
}

/* main menu */
#menu_main { padding:7px 0 14px 0;}
#menu_main table { width:100%;  } 
#menu_main table tr td.t_td { text-align:center; padding-top:3px; color:#fff; font:normal 18px 'trebuchet ms'; padding-left:190px; }
#menu_main table tr td.t_td p { float:left; padding:0px 3px 0px 3px; }
#menu_main table tr td.t_td p a{font:normal 18px 'trebuchet ms'; color:#ffffff; text-decoration:none; display:block; }
#menu_main table tr td.t_td p a:hover{ text-decoration:underline; }


/* menu left */
#left {float:left; text-align:left; margin:0px; padding:18px 0px 0px 0px; width:225px; }
#left h1 { background:url('../gfx/elements/menu_left_h1_bg.gif') no-repeat; width:195px; padding:0px 0px 14px 10px; margin:0px; height:23px;}
#left h1 a { display:block; float:left; font:normal 17px tahoma; color:#ffffff; text-decoration:none;  }
#left h1 a:hover{ color:#7C6666;} 

#producenci { width:225px; display:none;}
#producenci h1 { background:url('../gfx/elements/menu_bg.gif') repeat-y; width:225px; height:33px; padding:0px 0px 0px 10px; margin:0px;}
#producenci h1 a { font:bold 12px 'trebuchet ms'; text-decoration:none; color:#FFFFFF; padding:9px 0px 0px 10px; background:url('../gfx/elements/arrow_menu_left.gif') 0px 15px no-repeat;} 
#producenci h1 a:hover { color:#58AE17;}


#kategorie { display:block;}
#kategorie ul {  list-style-type: none; padding:0px; margin:0px;}
#kategorie ul li {   padding:0px 20px 0px 0px;  background:url('../gfx/elements/menu_bg.gif') repeat-y; font:bold 12px 'trebuchet ms'; text-decoration:none; color:#7C6666; }
#kategorie ul li a {  width:160px; padding:9px 0px 6px 17px; margin-left:7px; display:block; font:bold 12px 'trebuchet ms'; text-decoration:none; color:#FFFFFF; background:url('../gfx/elements/arrow_menu_left.gif') 5px 14px no-repeat;}
#kategorie ul li a:hover {  color:#58AE17;}
#kategorie ul li a.active{	color:#8AC923;} 
#kategorie ul ul {  padding:0px; margin:0px;}
#kategorie ul ul li {   padding:0px; margin:0px;}
#kategorie ul ul li a {  width:155px; padding:9px 0px 6px 27px; font:normal 11px 'trebuchet ms'; color: #FFFFFF; background:url('../gfx/elements/arrow_menu_left.gif') 15px 14px no-repeat; }
#kategorie ul ul li a.active{	color:#8AC923;} 
#kategorie ul ul ul {  padding:0px; margin:0px;}
#kategorie ul ul ul li {   padding:0px; margin:0px;}
#kategorie ul ul ul li a {  width:155px; padding:9px 0px 6px 23px; font:normal 11px 'trebuchet ms'; color: #FFFFFF; background:url('../gfx/elements/arrow_menu_left.gif') 14px 15px no-repeat; }
#kategorie ul ul ul li a.active{	color:#8AC923;} 

#kontakt_box { padding:10px; color:#fff; line-height:20px; background:#EBEAE6; border: solid 1px #999999; }
#kontakt_box a { font:normal 11px tahoma; color:#ffffff; text-decoration:none; border-bottom:dotted 1px #ffffff}
#kontakt_box a:hover { text-decoration:none;  border-bottom:0px}

#zapotrzebowanie_box { background:#EBEAE6; margin:20px 0 20px 0; padding:10px; color:#fff; line-height:20px; border: solid 1px #999999; }
#zapotrzebowanie_box a { font:normal 11px tahoma; color:#ffffff; text-decoration:none; border-bottom:dotted 1px #ffffff}
#zapotrzebowanie_box a:hover { text-decoration:none;  border-bottom:0px}

/** right **/
#right {  float:left;  width:738px;  text-align:left; margin:15px 0 0 16px;}

/* location */
#location   { font:normal 11px tahoma; color:#A7A7A7; padding: 4px 0px 0px 0px; }  
#location span { font:normal 11px tahoma; color:#A7A7A7; display:block; float:left; padding:3px 30px 0 0;}
#location a { font:normal 11px tahoma; color:#A7A7A7; text-decoration : none; display:block; float:left; padding:3px 30px 0 0;}
#location a:hover {  text-decoration : none;  }
#location img { float:left; display:block; margin:0px 23px 0 0;}

/* kategorie */
#kat { background:#EBEAE6; padding:11px; margin-top: 16px; border: solid 1px #FFFFFF; }
#kat h1 { font:normal 18px tahoma; color:#58AE17; margin:0px; padding:0 0 0 17px; background:url('../gfx/elements/header.gif') 0px 6px no-repeat; }
#kat .logo { background:#ffffff;  width: 218px; height: 208px; float:left; padding:14px 4px 0 4px; margin:15px 6px 15px 6px; text-align:center;}
#kat .logo h1 { background:none;  padding:8px 0 0 0; margin:0px;}
#kat .logo h1 a { color:#404040; font:normal 15px tahoma; text-decoration:none;}
#kat .logo h1 a:hover { text-decoration:none; color:#8F8F8F;}

/* producenci */
#pro { background:#EBEAE6; padding:17px; margin-top: 17px;}
#pro h1 { font:normal 18px tahoma; color:#58AE17; margin:0px; padding:0 0 0 17px; background:url('../gfx/elements/header.gif') 0px 6px no-repeat; }
#pro .logo { background:#ffffff; height:108px; float:left; padding:14px 4px 0 4px; margin:10px 12px 10px 12px; text-align:center;}
#pro .logo h1 { background:none; padding:10px 0 0 0; margin:0px;}
#pro .logo h1 a { color:#404040; font:normal 15px tahoma; text-decoration:none;}
#pro .logo h1 a:hover { color:#8F8F8F; text-decoration:none; }

/*********** main content */
#content { background:#EBEAE6; padding:17px; margin-top:9px; text-align:left;}
#content h1 { float:left; font:normal 18px tahoma; color:#58AE17; margin:0px; padding:0 10px 0 17px; background:url('../gfx/elements/header.gif') 0px 6px no-repeat; }
#content h3 {  padding:3px 0 10px 0; margin:0px; font:normal 14px tahoma; color: #58AE17; }
#content .content a{ text-decoration:none; color:#EC1210; }
#content .content a:hover { border-bottom:dotted 1px #EC1210;}
#content a.error{ text-decoration:none; color:#EC1210; }
#content a.error:hover { border-bottom:dotted 1px #EC1210;}


/** contact form **/
#contact { background:#EBEAE6; padding:17px;}
#contact table{width:700px;border-width:0px;margin:0px;}
#contact table tr{width:700px;height:30px;}
#contact table tr td.input{margin:0px;padding:0px;width:250px;font:normal 11px tahoma;color:#ffffff;border-width:0px;}
#contact table tr td.left{margin:0px;padding:0px;width:150px;font:bold 11px tahoma;color:#838383;}
#contact table tr td span{color:#595959;}
#contact input.contact{width:300px;font-family:tahoma;font-size:11px;color:#000000;border:solid 1px #C5C5C5;}
#contact select.contact{width:320px;font-family:tahoma;font-size:11px;color:#000000;border:solid 1px #C5C5C5;}
#contact textarea{width:300px;font-family:tahoma;font-size:11px;color:#000000;border:solid 1px #C5C5C5;overflow:hidden;}
#contact .button { width:100px; background:#01B9F9; border:solid 1px #009DD3; color:#ffffff; font:bold 11px tahoma;}

/* prezentacja produktow z danej kategorii - listing produktow */
#content .box { background:#fff; width:218px; float:left; margin:6px; padding-bottom:10px; padding-top:16px;}
#content .box img { border:solid 2px #D9DAD4; }
#content .box .linia_218 { border:0px; margin:0px;}
#content .box h4 { font:bold 11px tahoma; padding:10px 10px 0 12px; margin:0px; height:42px;}
#content .box h4 a { text-decoration:none; color:#4F4F4F;}
#content .box h4 a:hover { border-bottom:dotted 1px #848484; color:#848484;}
#content .box p.l { padding:0px 0 0 12px; width:105px; float:left;}
#content .box p.l span{ color: #58AE17; font-weight:bold;}
#content .box p.r { padding:0px 0 0 0; float:left;}

/* prezentacja produktu */
#product {}
#product .box_product { float:left; width:357px; background:#fff; padding:15px 25px 25px 25px;}
#product .box_product img { border:solid 2px #D9DAD4;  }
#product .box_product .im { background:url('../gfx/lightbox/loading.gif') center no-repeat; width:352px; height:auto; display:block;}
#product .box_product h2 { font:bold 14px tahoma; padding:0px; margin:0px; }
#product .info { float:left; width:278px; padding:0 0 0 10px; line-height:20px;}
#product .info a {text-decoration:none; border-bottom:dotted 1px #58AE17;color:#58AE17; font-weight:bold;}
#product .info a:hover { border:0px; color:#58AE17;}
#product .info img { border:0px; display:block; float:left;}
#product .info .c { font:bold 18px 'trebuchet ms'; color:#58AE17;}
#product .info .p { font:normal 16px 'trebuchet ms'; color:#6B6B6B}
#product .info .cp { text-decoration:line-through; font:normal 14px 'trebuchet ms'; color:#8A8A8A}
#product .galeria { margin:15px 0px 0px 0px;  border:solid 1px #C3C3C3;  padding:13px 5px 13px 13px;  text-align:center; background:#F7F7F7;}
#product .galeria a { cursor: pointer; cursor: hand; float: left; display: block; }
#product .galeria img {  margin:2px 15px 2px 5px;  border:solid 1px #D4D4D4;  padding:3px;  }
#product .opis { margin-top:10px; }
#product .opis a {text-decoration:none; color:#E5191A; font-weight:normal; border-bottom:dotted 1px #E5191A;}
#product .opis a:hover { border:0px; color:#E5191A;}
#product p.zm { float:left; margin:0px; padding:13px 50px 0 0;}
#product p.zm .amount { width:90px; border:solid 1px #E1E1E1; font:normal 11px tahoma; color:#9E9E9E; padding:2px;}

/***** logowanie ( log_in ) ******/
#logowanie { padding-top: 20px;}
#logowanie .l { float:left; width:300px; padding:20px; }
#logowanie .l  a { text-decoration:none; color:#E5191A; font:normal 15px tahoma; border-bottom:dotted 1px #E5191A;}
#logowanie .l  a:hover { border:0px; color:#E5191A;}

#logowanie .r { float:right; padding:20px 100px 20px 0px; line-height:20px;}
#logowanie .r .input { border:solid 1px #B8B8B8; font:normal 11px tahoma; padding:2px; width:200px; margin:4px 0 4px 0;}

/***** rejestracja *******/
#register {   padding-top: 20px; }
#register .l {  float:left;  padding:10px 0px 10px 10px;  width:130px;}
#register .r {  float:left;  padding:7px 0px 0px 0px;}
#register .r input {  border:solid 1px #B8B8B8; font:normal 11px tahoma; padding:2px; width:200px; margin:4px 0 4px 0;}
#register .r .button {border:1px #FF6704 solid; background:#FF7014; width:100px;  font:bold 11px tahoma;  color:#ffffff; padding:2px;}
#register .warning {  color:#ff0000;  font:bold 11px tahoma;}
#register .warning_2 {  font:normal 11px tahoma;  color:#A3A3A3;}
#register .r .pk_1 {   margin:0px 0px 0px 0px; color:#EA0202; width:500px;}
#register .r .pk_2 {  width:500px;   margin:2px 0px 0px 0px; font:bold 18px tahoma; color:#E5191A;}
#register .r .pk_3 {   padding:4px 0px 10px 0px; color:#000000; width:500px; font:bold 12px tahoma;}



/**** basket *****/
#content .basket {  padding:5px 33px 5px 0px;  font:normal 11px tahoma;  color:#000000;}
#content .basket .buttons {  text-align:center; }
#content .basket .buttons img {  border:0px;}


/*** POKAZ KOSZYK ****/
#content .pokaz_koszyk { padding:15px 10px 5px 0px;} 
#content .pokaz_koszyk .pk_1 {   width:450px;  margin:4px 0px 4px 0px; color:#AFAFAF;}
#content .pokaz_koszyk .pk_1 a { text-decoration:none; color:#E5191A; font:normal 12px tahoma; border-bottom:dotted 1px #E5191A;}
#content .pokaz_koszyk .im { margin:10px 30px 10px 0px; float:left; display:block;  }
#content .pokaz_koszyk .pk_1 a:hover { border:0px; color:#E5191A;}
#content .pokaz_koszyk .pk_2 {  width:130px; float:left;  margin:122px 0px 0px 0px; font:bold 16px tahoma; color:#E5191A;}
#content .pokaz_koszyk .pk_5 {  float:left;  margin:124px 10px 0 0;} 
#content .pokaz_koszyk .pk_5 .input {  font:normal 11px tahoma;  color:#878787; border:solid 1px #A7A7A7; width:50px;}
#content .pokaz_koszyk .pk_3 {  float:left;  margin:112px 0px 0px 30px;}
#content .pokaz_koszyk .pk_3 img {  border:0px;}
#content .pokaz_koszyk .pk_4 {  padding: 0px 0px 0px 0px;}
#content .pokaz_koszyk .pk_4 img {  border:0px;}
#content .pokaz_koszyk .suma {  text-align:left;  font:bold 15px tahoma;  padding:12px;}
#content .pokaz_koszyk .suma span {  color:#EC1211; font-size:18px;}
#content .pokaz_koszyk .dalej {  text-align:right;  padding:10px 0px 0px 0px;}
#content .pokaz_koszyk .dalej img {  border:0px;}
#content .pokaz_koszyk .hr {  text-align:center;  padding:10px 0px 10px 0px;}
#content .pokaz_koszyk .hr img {  display:block;}



/*** aktualnnosci **/
#news{ padding-top: 10px;}
#news .data {  padding:6px 0px 0px 15px; font:normal 11px tahoma; color:#ADADAD; background:url('../gfx/elements/news_arrow.gif') 0px 10px no-repeat;}
#news .tytul {  margin-top:5px; padding-left:15px;   font:bold 11px tahoma;  color:#EC1210; background:url('../gfx/elements/news_arrow.gif') 0px 4px no-repeat;}
#news .tytul a{  border-bottom:dotted 1px #EC1210; font:bold 11px tahoma;  color:#EC1210;  text-decoration:none;}
#news .tytul a:hover{  border:0px;}
#news .image {  margin:12px 7px 5px 0px;  padding:0px 0px 0px 10px;  float:left;}
#news .image img {  border:3px #ffffff solid;}
#news .short {  margin:10px 10px 0px 15px;  text-align:justify;}
#news .more { text-align:right;}
#news .more a{  padding-left:15px; background:url('../gfx/elements/news_arrow.gif') 0px 6px no-repeat; border-bottom:dotted 1px #EC1210; margin: 0px 10px 5px 15px;  font:bold 11px tahoma;  color:#EC1210;  text-decoration:none;}
#news .more a:hover{   border:0px;}
#news .more_back{  text-align:right;}
#news .more_back a{  background:url('../gfx/elements/news_arrow_back.gif') 0px 10px no-repeat; border-bottom:dotted 1px #EC1210; padding: 4px 0px 0px 15px;  font:bold 11px tahoma;  color:#EC1210; text-decoration:none;}
#news .more_back a:hover{   border:0px;}




/**** box newsletter ****/
#box_newsletter{  font: normal 10px tahoma; margin:20px 0px 0px 0px;  padding-bottom:10px;  text-align:left; width:223px; background:#EBEAE6; border: solid 1px #999999;}
#box_newsletter h1.header{  padding:10px 10px 0 10px;  margin:0px;  font:bold 16px tahoma; background:none;    }
#box_newsletter span { padding:10px; display:block; font-size:11px;}
#box_newsletter form {   padding:0px; margin:0px}
#box_newsletter p { float:left; padding:15px 0px 0px 5px;}
#box_newsletter .input {   padding:2px; width:200px; margin:5px 5px 0 5px; border:solid 1px #A7A7A7; }
#box_newsletter radio {  color:#B0B0B0;  font:normal 10px tahoma;  padding:3px 0px 0px 0px;}


/** BOTTOM **/
#bottom{  padding:0px;   margin:30px 0 10px 0;  width:100%;  height:130px;  text-align:center;font:normal 11px tahoma;  color:#000000;  background: url('../gfx/elements/bottom_bg.gif') repeat-x;  }
#bottom td.center { vertical-align:top; height: 126px;}
#bottom td.center a { display: block; float:right; font:normal 10px tahoma; text-decoration:none; color:#A0A0A0;}
#bottom td.center a:hover { text-decoration:underline;}
#bottom p { display: inline; text-align: center; }
#bottom img { display: inline; }

/*Example CSS for the two demo scrollers*/
#pscroller1{
	display:block;
	margin:0px;
        margin-top: 20px;
	padding:0px;
	height:201px;
	width:302px;
	background:#000000;
}
#pscroller1 p{
	display:block;
	margin:1px 1px 1px 1px;
	padding:0px;
	text-align:center;
}
#pscroller1 p img{
	margin:0px 0px 0px 0px;
	/*width:70px;*/
	vertical-align:middle;
	border:solid 0px #c3c3c3;
}
/*////////////////////*/

/*/// PAGER ///*/
.pager_links { padding: 10px 0 10px 0; text-align: center; font: normal 11px tahoma;}
.pager_links a { margin: 0 4px 0 4px; color: #58AE17; text-decoration: none; }
.pager_links a:hover { text-decoration: underline; }
.pager_links .nav { margin: 0 10px 0 10px; color: #5B5B5B; font: normal 9px tahoma; }
.pager_links .nav a { color: #58AE17; font: normal 9px tahoma; }
.pager_links .active { margin: 0 2px 0 2px; font: bold 11px tahoma; color: #58AE17; text-decoration: none; }


/** MAPA SERWISU **/

/*////MAPA SERWISU///////*/
div.mapa{padding:10px 0px 10px 0px;}
div.mapa ul {  margin:0px 0px 5px 20px;  padding:0px;}
div.mapa ul li{  list-style:none;  color:#ffffff;  display:block;  margin:10px 0px 10px 0px;  padding:0px;}
div.mapa ul li a{  background:url('../gfx/elements/news_arrow.gif') 0px 10px no-repeat; border-bottom:dotted 1px #EC1210; padding: 4px 0px 0px 15px;  font:bold 11px tahoma;  color:#EC1210; text-decoration:none; }
div.mapa ul li a:hover{  border:0px;  }




/* ogolne */
p { padding:0px; margin:0px;}
form { padding:0px; margin:0px;}
.clear{display:block;clear:both;	margin:0px;	padding:0px; font-size:0px; height:0px; line-height:0px;	width:100%; }
.gap_10 { height:10px;}
.gap_22 { height:22px;}
.gap_8 { height:8px;}
.gap_6 { height:6px;}
h1, h2, h3, h4, h5, h6, h7 { padding:0px; margin:0px; }
.warning {  padding:10px;  font:normal 11px tahoma;  color:#A3A3A3;  display:block;}

.warningRed {  padding-top:10px;  font:normal 11px tahoma;  color:#F71111;  display:block;}
hr.cleanerHr { background:#A3A3A3; width:90%; height:1px; border:1px; display:block; clear:both; }
a.dotted { text-decoration:none; color:#EC1210;}
a.dotted:hover { border-bottom:dotted 1px #EC1210; color:#EC1210;}
div.dotted { border-bottom:dotted 1px #B4B4B4; height:2px; margin:20px 0px 10px 0px;}