body{  line-height:18px; margin :0 auto; padding:0px; text-align:center; height:100%; background: url('../gfx/elements/main_bg.gif') repeat-x #454545;}
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:35px; 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 0px 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:#ED1111; text-decoration:none;}
#menu_top_links p a.rej:hover { border-bottom:1px dotted #ED1111; color:#FF4B4B;}

/* banner */
#baner p { padding-top:10px;}
#baner img { display:block; }

/* logo */
#box_logo{  padding-right:35px; float:left; }
#box_logo p { padding:10px 0px 0px 0px;} 
#box_logo p a,img { border:0px; display:block; }

/* search */
#search { margin:0px 0px 7px 0px; text-align:left; float:left;}
#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:#FD4547; text-decoration:none; padding-top:6px; float:left;}
#search p.link a:hover { border-bottom:dotted 1px #FD4547; color:#FF9495;}
#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;}



/* menu user */
#menu_user { text-align:left;}
#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:#FD4547; text-decoration:none; }
#menu_user .link ul li a:hover { border-bottom:dotted 1px #FD4547; color:#FF9495;}

/* main menu */
#menu_main { padding:7px 0 0 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:50px; }
#menu_main table tr td.t_td p { float:left; padding:0px 8px 0px 8px; }
#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:32px 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') no-repeat; width:225px; height:33px; padding:0px 0px 0px 10px; margin:0px;}
#producenci h1 a { font:bold 12px 'trebuchet ms'; text-decoration:none; color:#7C6666; padding:9px 0px 0px 10px; background:url('../gfx/elements/arrow_menu_left.gif') 0px 15px no-repeat;} 
#producenci h1 a:hover { color:#444444;}

#kategorie { display:block;}
#kategorie ul {  list-style-type: none; padding:0px; margin:0px;}
#kategorie ul li {   padding:0px 0px 0px 0px;  background:url('../gfx/elements/menu_bg.gif') no-repeat; font:bold 12px 'trebuchet ms'; text-decoration:none; color:#7C6666; }
#kategorie ul li a {  width:190px; padding:9px 0px 6px 7px; margin-left:7px; display:block; font:bold 12px 'trebuchet ms'; text-decoration:none; color:#7C6666; background:url('../gfx/elements/arrow_menu_left.gif') 0px 15px no-repeat;}
#kategorie ul li a:hover {  color:#444444;}
#kategorie ul li a.active{	color:#F34141;} 
#kategorie ul ul {  padding:0px; margin:0px;}
#kategorie ul ul li {   padding:0px; margin:0px;}
#kategorie ul ul li a {  width:190px; padding:9px 0px 6px 14px; font:normal 11px 'trebuchet ms'; background:url('../gfx/elements/arrow_menu_left.gif') 5px 15px no-repeat; }
#kategorie ul ul li a.active{	color:#F34141;} 
#kategorie ul ul ul {  padding:0px; margin:0px;}
#kategorie ul ul ul li {   padding:0px; margin:0px;}
#kategorie ul ul ul li a {  width:190px; padding:9px 0px 6px 23px; font:normal 11px 'trebuchet ms'; background:url('../gfx/elements/arrow_menu_left.gif') 14px 15px no-repeat; }
#kategorie ul ul ul li a.active{	color:#F34141;} 

#kontakt_box { padding:10px; color:#fff; line-height:20px; background:#CACACA; border:solid 1px #A7A7A7;}
#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:#CACACA; margin:20px 0 20px 0; padding:10px; color:#fff; line-height:20px; border:solid 1px #A7A7A7;}
#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:8px 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:17px; margin-top:9px;}
#kat h1 { font:normal 18px tahoma; color:#EA0000; margin:0px; padding:0 0 0 17px; background:url('../gfx/elements/header.gif') 0px 6px no-repeat; }
#kat .logo { background:#ffffff;  height:178px; 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:9px;}
#pro h1 { font:normal 18px tahoma; color:#EA0000; 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:#EA0000; 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;}
#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:#EA0200; 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 #E5191A;color:#E5191A; font-weight:bold;}
#product .info a:hover { border:0px; color:#E5191A;}
#product .info img { border:0px; display:block; float:left;}
#product .info .c { font:bold 18px 'trebuchet ms'; color:#F20907;}
#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:0x 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; border:solid 1px #A7A7A7; margin:20px 0px 0px 0px;  padding-bottom:10px;  text-align:left; width:223px; background:#CACACA;}
#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:left;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;}


/*/// PAGER ///*/
.pager_links{	padding:10px 0 10px 0;	text-align:center;	font:normal 11px tahoma;}
.pager_links a{	margin:0 4px 0 4px;	color:#B2B2B2;	text-decoration:none;}
.pager_links a:hover {  text-decoration : underline;}
.pager_links .nav{	margin:0 10px 0 10px;	color:#EB1314;	font: normal 9px tahoma;}
.pager_links .nav a{	color:#EB1314;	font: normal 9px tahoma;}
.pager_links .active{	margin:0 2px 0 2px;	font:bold 11px tahoma;	color:#FF3838;	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;}

