/***************************************************************************************************
 * reset
 **************************************************************************************************/
html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, 
cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, 
thead, tr, th, td {
	background:transparent;
	border:0;
	font-size:100%;
	margin:0;
	outline:0;
	padding:0;
	vertical-align:baseline;
}
body { border:0; line-height:1; width:100%; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
del { text-decoration:line-through; }
ins { text-decoration:none; }
img { border: 0; }
ol, ul { list-style:none; }
table { border-collapse:collapse; border-spacing:0; }

/***************************************************************************************************
 * global
 **************************************************************************************************/
body { border-top:9px solid #B77098; font-family:Tahoma, Arial,Helvetica,sans-serif; font-size:0.75em; text-align:center; }

a { text-decoration:none; }
a.more { background:url("../gfx/more.gif") no-repeat 100% 8px; color:#666 !important; display:inline-block; font-size:95%; padding:0 12px 5px 0; }
a.back { background:url("../gfx/back.gif") no-repeat 0 8px;  color:#666 !important; display:inline-block; font-size:95%; padding:0 0 5px 12px; }
a.more.cufon, a.back.cufon { font-size:13px; }

h3 { color:#4a4a4a; font-size:18px; margin:0 0 25px; }
h4 { color:#4a4a4a; font-size:15px; margin:0 0 10px; }

#head h1 { margin:0; }
#head h1 a { background:#aaaaaa url(../gfx/logo.jpg) no-repeat scroll 0 0; display:block; float:left; height:36px; margin:14px 0 0 25px; width:190px; }
#head.termo h1 a { background:#aaaaaa url(../gfx/logoTermo.gif) no-repeat scroll 0 0; width:372px; }
#head.lateks h1 a { background:#aaaaaa url(../gfx/logoLateks.gif) no-repeat scroll 0 0; width:300px; }
#head.sprez h1 a { background:#aaaaaa url(../gfx/logoSprez.gif) no-repeat scroll 0 0; width:318px; }
#head h1 a span { visibility:hidden; }

hr { background:#ccc; border:0; height:1px; }

.fl	{ float:left; }
.fr { float:right; }
.cl {	clear:both; height:0; }
.del { text-decoration:line-through; }
.dn { display:none; }
.center { text-align:center !important; }
.left { text-align:left !important; }
.right { text-align:right !important; }
.bold { font-weight:bold; }


/***************************************************************************************************
 * tabelka
 **************************************************************************************************/
table.tabelka { color:#404040; font-size:100%; width:100%; }
table.tabelka th { border-bottom:1px solid #e8e8e8; padding:8px; text-align:left; }
table.tabelka th + th, table.tabelka th + td { border-left:1px solid #e8e8e8; }
table.tabelka td { padding:8px; }
table.tabelka .odd td { background:#f0f0f0; }
table.tabelka td + td { border-left:1px solid #e8e8e8; }

/***************************************************************************************************
 * koszyk (tabela)
 **************************************************************************************************/
table.koszyk { font-size:95%; margin-bottom:10px; width:100%; }
table.koszyk th { border-bottom:1px solid #c4c4c4; padding:14px; text-align:left; }
table.koszyk th + th, .koszyk td + td { border-left:1px solid #c4c4c4; }
table.koszyk td { border-bottom:1px solid #c4c4c4; padding:10px 14px; vertical-align:top; }
table.koszyk td.nb { border:0; }
table.koszyk .sep td { height:6px; padding:0; }
table.koszyk td .foto { border:1px solid #d4d4d4; height:80px; overflow:hidden; text-align:center; width:108px; }
table.koszyk td .title { color:#7E0047; font-weight:bold; }
table.koszyk td input[type="text"] { background:url("../gfx/input-ilosc.jpg") no-repeat 0 0; border:0; font-size:95%; height:19px; padding:2px 5px 0; width:40px; }

/***************************************************************************************************
 * layout
 **************************************************************************************************/
#wrapper { margin:0 auto; text-align:left; width:980px; }

#head { height:88px; position:relative; }
#head #logo { display:inline-block; height:36px; margin:14px 0 0 25px; width:190px; }

#head #main_menu { position:absolute; top:28px; right:0; }
#head #main_menu li { display:inline-block; margin-left:30px; }
#head #main_menu li a { display:block; color:#646464; font-size:12px; padding:5px; }
#head #main_menu li a.koszyk { background:url("../gfx/icon-cart.gif") no-repeat 0 3px; color:#7E0047; padding-left:18px; }
#head #main_menu li a.arrow { background:url("../gfx/more.gif") no-repeat 100% 11px; padding-right:10px; }
#head #main_menu li.current a { background:#7E0047; color:#fff; }


#main { clear:both; }

#leftNav { float:left; width:230px; }
#leftNav #sub_menu { border-left:3px solid #7E0047; padding-left:22px; }
#leftNav #sub_menu li { border-bottom:1px solid #e5e5e5; }
#leftNav #sub_menu li a { color:#000; display:inline-block; padding:8px 0; }
#leftNav #sub_menu li a.current { font-weight:bold; }
#leftNav #sub_menu li li { border:0 none; }
#leftNav #sub_menu li li a { background:url("../gfx/arrow.gif") no-repeat 0 11px; color:#696969; padding-left:17px; }
#leftNav #sub_menu li li a.current { background-image:url("../gfx/arrow-hover.gif"); color:#7E0047; font-weight:normal; }
#leftNav .box { border-left:3px solid #333; margin-top:40px; padding-left:22px; }
#leftNav .box.text { line-height:1.5; }

#leftNav .search_box { margin-bottom:20px; }
#leftNav .search_box input[type="text"] { border:1px solid #7E0047; color:#7f7f7f; font-size:90%; height:21px; padding:0 5px; width:152px; }

#content { float:right; width:725px; }
#help_mod #content { float:none; margin:30px; /*width:600px;*/ }
#content a { color:#7E0047; }
#content p { line-height:1.5; padding-bottom:10px; }
#content h1,#content h2.title { color:#4a4a4a; font-size:18px; margin:0 0 20px 25px; }
#content h1 span.subtitle, #content h2.title span.subtitle { color:#707070; display:block; font-size:14px; margin-top:5px; }
#content ul { color:#181e28; line-height:1.5; padding-bottom:10px; }
#content ul ul { margin-left:15px; }
#content ul li { background:url("../gfx/more.gif") no-repeat 0 5px; margin-bottom:5px; padding-left:15px; }

#content div.skroty div { float:left; width:220px; margin-right:15px; }
#content div.skroty div p { margin-bottom:5px; }
#content div.skroty .last { float:right; margin-right:0; }

#content table tbody td { line-height:1.5; text-align:left; vertical-align:top; }


#content #topBar { height:110px; }
#content #topBar h4 { color:#4a4a4a; font-size:14px; margin-bottom:22px; text-transform:uppercase; }
#content #topBar dt { display:inline-block; margin-right:10px; }
#content #topBar dd { color:#7E0047; display:inline-block; font-weight:bold; }
#content #userBox, #content #cartBox { background:#E8D1DE; color:#533D49; height:56px; padding:6px 5px 0 5px; }
#content #userBox { float:left; margin-left:25px; width:378px; }
#content #cartBox { float:right; width:293px; }
#content #cartBox dt  { margin-right:35px; }
#content #cartBox .sep { margin:0 0 0 25px; }


#content #breadcrumb { border-bottom:1px solid #ededee; color:#464b53; margin:0 0 20px 25px; padding-bottom:7px; }
#content #breadcrumb a { background:url("../gfx/more.gif") no-repeat 100% 4px; color:#8e9196; padding:0 20px 0 10px; }
#content #breadcrumb a.last { background:none; color:#7E0047; }


#content .home_box { /*border:1px solid #ccc;*/ display:block; float:left; height:358px; /*margin:0 5px 5px 0;*/ margin:0 6px 6px 0; width:358px; }
#content .home_box.smaller { height:150px; margin:0 5px 5px 0; width:290px; padding:20px; font-size:14px; font-weight:bold; }
#content #home_box_4.smaller { background:#e8d1de;  }
#content #home_box_2.smaller a,#content #home_box_3.smaller a, #content #home_box_1.smaller a { color:white; }
#content #home_box_2.smaller,#content #home_box_3.smaller, #content #home_box_1.smaller { background:#76004c; color:white; }
#content .home_box.smaller p { line-height:2; }
#content .home_box.last { margin-right:0; }
#content .home_box ul { line-height:1; padding:0; }
#content .home_box ul li { background:none; margin:0; padding:0; }

#content .product_list { border:1px solid #e8e8e8; height:150px; margin-bottom:5px; padding:18px 24px; position:relative; }
#content .product_list .flag { position:absolute; top:18px; right:24px; }
#content .product_list .flag div { display:block; float:left; color:#fff; margin-left:10px; padding:3px; }
#content .product_list .flag .new { background:#8e8e8e; }
#content .product_list .flag .promo { background:#7E0047; }
#content .product_list .foto { border:1px solid #e8e8e8; display:block; float:left; height:146px; margin-right:24px; overflow:hidden; width:207px;  }
#content .product_list .foto img {  }
#content .product_list p { color:#2f343d; line-height:1.5; padding-bottom:10px; }
#content .product_list p.title { color:#7E0047; font-weight:bold; }
#content .product_list p.subtitle { color:#7d7d7d; }
#content .product_list p.desc { height:60px; overflow:hidden; }
#content .product_list p.cena { font-size:14px; font-weight:bold; }
#content .product_list p.cena a.more { margin-top:8px; }
#content .product_list span.old_price { font-weight:normal; text-decoration:line-through; }

#content #pager { margin-top:20px; text-align:right; }
#content #pager a { color:#666; display:inline-block; padding:0 5px; }
#content #pager a.current { color:#7E0047; font-weight:bold; }
#content #pager a.prev { background:url("../gfx/back.gif") no-repeat 0 3px; padding:0 15px; }
#content #pager a.next { background:url("../gfx/more.gif") no-repeat 100% 3px; padding:0 15px; }

#content .box { border:1px solid #e8e8e8; padding:19px 25px; }
#content .box + .product_list { margin-top:5px; }

#content .product { }
#content .product .left_col { float:left; width:330px; }
#content .product .right_col { float:right; width:310px; }
#content .product .flag { margin-bottom:22px; }
#content .product .flag div { display:inline-block; color:#fff; margin-right:10px; padding:3px 5px; }
#content .product .flag .free_delivery { background:#B77098; }
#content .product .flag .new { background:#8e8e8e; }
#content .product .flag .promo { background:#7E0047; }
#content .product p { color:#181e28; line-height:1.5; padding-bottom:10px; }
#content .product p.title { color:#7E0047; font-weight:bold; }
#content .product p.subtitle { color:#7d7d7d; padding-bottom:20px; }
#content .product .foto {  border:1px solid #e8e8e8; /*height:234px;*/ overflow:hidden; margin-bottom:25px; text-align:center; width:308px; }
#content .product .foto img {  }
#content .product .thumbs { border:1px solid #e8e8e8; float:left; height:80px; margin:0 32px 18px 0; overflow:hidden; width:80px; }
#content .product .thumbs.last { margin:0 0 18px; }
#content .product .thumbs img { height:80px; text-align:center; }
#content .product label { color:#4c4c4c; display:block; margin-bottom:5px; }
#content .product ul li { margin-bottom:10px; }
#content .product p + h3 { margin-top:15px; }
#content .product .right_col p { padding-bottom:5px; }
#content .product .right_col .koszt { float:right; font-size:14px; }
#content .product .right_col .cena { color:#7E0047; float:right; font-size:18px; font-weight:bold; }
#content .product .atrybut { display:inline-block; height:45px; margin:0 17px 17px 0; overflow:hidden; }
#content .product .atrybut.last { margin-right:0; }
#content .product #atrybut_opis { min-height:20px; }
#content .product #promocja { background:#7E0047; color:#fff; display:inline-block; margin-left:10px; padding:5px; }

#content #steps { }
#content #steps .step { background:#c0b3af; color:#fff; display:inline-block; margin:0 15px 25px 0; padding:5px 10px; }
#content #steps .step.visited { background:#B77098; }
#content #steps .step.active { background:#7E0047; }

#content .formularz { }
#content .formularz p { clear:both; padding-bottom:17px; }
#content .formularz p.submit { width:595px; }
#content .formularz label { color:#404040; display:block; float:left; font-size:95%; width:120px; }
#content .formularz label.inline { display:inline-block; float:none; padding:0 8px; width:auto; }
#content .formularz input, #content .formularz textarea, #content .formularz select { font-size:95%; font-family:arial; }
#content .formularz input[type="text"],#content .formularz input[type="password"] { background:url("../gfx/input-text.jpg") no-repeat 0 0; border:0; font-size:95%; height:19px; padding:2px 5px 0; width:182px; }
#content .formularz textarea { background:url("../gfx/textarea.jpg") no-repeat 0 0; border:0; height:70px; overflow:hidden; padding:5px; width:240px; }
#content .formularz .back { padding-right:15px; }
#content .formularz .more { padding-left:15px; }
#content .formularz em { color:#7E0047; font-style:normal; }
#content .formularz small { color:#666; font-size:95%; padding-left:120px; }
#content .formularz .form_error { color:#f00; font-weight:bold; }

#content .platnosci { width:100%; }
#content .platnosci td { padding-bottom:15px; vertical-align:middle; }
#content .platnosci td + td { padding-left:25px; }
#content .platnosci td img { vertical-align:middle; }

#content table.summary td { padding:0 20px 8px 0; }

#content ul.panel { margin-bottom:20px; }
#content ul.panel li {  display:inline-block; padding-right:20px; }

#foot { border-top:2px solid #333; color:#7f7f7f; clear:both; font-size:95%; line-height:3; margin:35px 0; padding-top:8px; }
#foot p.linki	{ line-height:1.3; padding-top:10px; }
#foot a { color:#7f7f7f; }
#foot li { display:inline-block; margin-right:40px; }
#foot li a { color:#636363; }
#foot li a.current { color:#7E0047; }
#foot #gotop { background:url("../gfx/arrow-top.gif") no-repeat 100% 3px; color:#4c4c4c; padding-right:12px; }
#foot .fr { text-align:right; }
#foot #profabrica { padding-top:10px; line-height:1.3; }

