/* sklep.gram.pl v2 */
/* karta produktu */


#content { margin-top: 0; }

#main { font-size: 12px; width: 573px; position: relative; float: left; margin-left: -1px; padding-bottom: 0px; z-index: 11; }
html>body #main { padding-bottom: 40px; }


div.bbar { margin: 5px 0 2px 0; background: transparent url('../img_sklep/bbar_bg.gif') no-repeat; height: 28px;  padding: 13px 0 0 10px; }
	div.bbar img { margin-right: 3px; }
	div.bbar div.btnr { float: right; margin-top: -13px; height: 38px; padding: 3px 10px 0 10px; background: transparent url('../img_sklep/bbar_bgr.gif') no-repeat right; }
	div.bbar div.btnr a { margin-left: 8px; }
	div.bbar div.btnr a img { margin: 0; }

div.bbarp { font-size: 11px; line-height: 14px; height: 41px;  padding: 0; position: relative; background-image: url('../img_sklep/sbar_bg.gif'); }

	div.bbarp ul { font-weight: bold; color: #474747; height: 29px; padding: 12px 0 0 4px; background: transparent url('../img_sklep/sbar_bgr.gif') no-repeat right; }
	div.bbarp ul li { float: left; padding: 2px 0 3px 0; border-right: 1px solid #979797; }
	div.bbarp ul li.last { border: 0; }
	div.bbarp ul li a { text-decoration: none; letter-spacing: 0px; padding: 0 8px; }
	div.bbarp ul li a.act { color: #c11a1a; } 
	div.bbarp span.hf { float: left; padding: 14px 0 0 12px; }


div.inf { width: 569px; clear: left; }
	div.inf span.b { font-weight: bold; }


#gra_h { padding: 11px 0 6px 0; border-bottom: 1px dotted #bbb; z-index: 1; }
	#gra_h h2 { font-size: 20px; color: #00699d; line-height: 22px; font-weight: bold; }
	#gra_h ul { float: right; margin-top: 1px; z-index: 2; }
	#gra_h ul li { position: relative; z-index: 2; width: 33px; height: 33px; float: left; background: transparent url('../img_sklep/pegi_bg.gif') no-repeat left; padding: 1px 2px 3px 2px; margin-left: 5px; }
	#gra_h p { color: #999; font-size: 11px; margin-top: 3px; position: relative; z-index: 1; }
	#gra_h p span.platw { margin: 0 10px 0 0; }


#wr { position: relative; margin: 8px 0 0 0; }
	#wr h3 { position: absolute; top: 5px; left: 0;  }
	#wr select { font-size: 11px; margin: 0 0 0 275px; width: 215px; }



#zt { position: relative; margin: 8px 0 0 0; }
	#zt h3 { position: absolute; top: 3px; left: 0;  }
	#zt ul { font-size: 11px; padding: 0 0 0 70px; }
	#zt ul li { margin: 4px 0; line-height: 14px; }
	#zt ul li a { color: #00699d; font-weight: bold; }
	#zt ul li a:hover { color: #c11a1a; }


#gra_i { clear: left; margin: 20px 0 16px 0; padding: 0; min-height: 155px; }
#gra_i.gr { min-height: 186px; }
	#gra_i p { width: 250px; margin: 0 0 7px 141px; line-height: 16px; position: relative; }
	html>body #gra_i p { margin-left: 145px; }
	#gra_i p span.h2 { font-weight: bold; margin-right: 1px; }
	#gra_i p span.s { text-decoration: line-through; font-size: 14px; margin-left: 3px; }
	html>body #gra_i p span.s { margin-left: 0; }
	#gra_i p span.h { font-size: 14px; color: #e53b1b; }
	#gra_i p.cs { margin-bottom: 6px; }
	#gra_i p.ct { margin-bottom: 15px; }
	#gra_i p.cs span.h2,#gra_i p.ct span.h2 { /*float: left; width: 106px;*/ text-align: right; margin-right: 1px; }
	#gra_i p.ct span.h2 { float: left; width: 106px; }
	html>body #gra_i p.cs span.h2,html>body #gra_i p.ct span.h2 { margin-right: 4px; }
	#gra_i p img.s { top: 2px; position: relative; }
	
	
	#gra_i div.ramka { width: 151px; float: right; position: relative; margin: 2px 0 41px 0; }
	#gra_i div.ramka p { width: auto; margin: 0; }
	#gra_i div.ramka p.rinf { width: 167px; font-size: 11px; color: #a6a6a6; position: absolute; background: transparent; left: -2px; bottom: -46px; }
	#gra_i div.ramka p.rinf a { color: #a6a6a6; }
	#gra_i div.ramka a img { width: 135px; height: 35px; }


#zo { position: relative; margin: -10px 0 6px 0; clear: both; }
	#zo h3 { position: absolute; top: 0; left: 0; }
	#zo ul { padding: 0 0 0 160px; }
	#zo ul li { display: inline; }
	#zo ul li img { margin: 0 8px 8px 0; }
	#zo ul li a { margin-left: -6px; }


#rwp { border: 1px solid #cedaee; width: 569px; clear: left; background: transparent; padding: 1px; position: relative; }
	#rwp h3 { font-size: 12px; background: #e3edfe url('../img_sklep/bg_rwph.gif'); line-height: 17px; margin: 0; padding: 7px 30px 7px 10px; text-align: justify; }
	#rwp h3 span { font-weight: bold; }
	#rwp h3 img.ico { position: absolute; top: 11px; right: 11px; }

	#rwp #more { background: #f1f6fe url('../img_sklep/bg_inf.gif'); padding: 4px 7px 2px 5px; }
	#rwp #more ul { padding: 2px 0 3px 0; }
	#rwp #more ul li { padding: 6px 0 4px 24px;  }
	#rwp #more ul li img.ico { position: absolute; left: 9px; margin-top: -1px; }
	#rwp #more p { color: #656464; border-top: 1px dotted #bbb; line-height: 16px; padding: 7px 3px 6px 3px; text-align: justify; margin-top:3px; }


#rpc { border: 1px solid #cedaee; width: 569px; clear: left; background: transparent; padding: 1px; position: relative; }
	#rpc h3 { font-size: 12px; line-height: 17px; padding: 7px 30px 7px 40px; background: #f1f6fe url('../img_sklep/bg_rpc.jpg') repeat-x 0 -6px; }
	#rpc h3 img.ico { position: absolute; left: 8px; top: 12px; }
	#rpc h3 a img.ico { left: 549px; top: 11px; width: 11px; height: 11px; }
	#rpc #rpc_more { background: #f1f6fe; padding: 0 6px; }
	#rpc ul { margin: 0; padding: 1px 0 6px 0; border-bottom: 1px dotted #bbb; }
	#rpc li { padding: 4px 0 4px 22px; background: transparent url('../img_sklep/ico_rpc_list.gif') no-repeat 6px 7px; }
	#rpc p { color: #656464; padding: 6px 4px; line-height: 17px; }
	#rpc.nwp h3 { padding: 11px 30px 9px 40px; }
	#rpc.nwp h3 img.ico { top: 8px; }
	#rpc.nwp h3 a img.ico { top: 14px; }
	#rpc.nwp h3 span,#rpc.nwp p { display: none; }
	#rpc.nwp #rpc_more { background: #f1f6fe; }
	#rpc.nwp ul { border: 0; background: transparent; }


#rpp { margin-top: 8px; border: 1px solid #ccc; width: 569px; clear: left; background: transparent; padding: 1px; position: relative; }
	#rpp h3 { font-size: 12px; line-height: 17px; padding: 11px 30px 4px 40px; background: #f2f2f2 url('../img_sklep/bg_rpp.jpg') repeat-x; }
	#rpp h3 img.ico { position: absolute; left: 8px; top: 10px; }
	#rpp #rpp_more { background: #f2f2f2; padding: 5px 8px; height: 80px; }
	html>body #rpp #rpp_more { height: auto; min-height: 80px; }
	#rpp div.box_d { margin-right: 6px; margin-top: 4px; background-image: url('../img/box_bg_dg.gif'); }
	#rpp div.box_d div.bx { background-image: url('../img/box_t_dg.gif'); }
	#rpp div.box_d div.bx a,#rpp div.box_d div.bx div.n { background-image: url('../img/box_b_dg.gif'); }

	#rpp span.sp { display: block; float: left; color: #cacaca; font-size: 38px; line-height: 72px; margin: 0 2px 0 -5px; }
	#rpp p { line-height: 17px; }
	#rpp p.inf {  }
	#rpp p.btn { font-weight: bold; margin-top: 4px; }
	#rpp p.btn img { vertical-align: middle; margin-left: 2px; }
	#rpp a.g { font-size: 11px; }

#rpb { margin: 8px 0; width: 573px; clear: left; background: transparent url('../img_sklep/bg_rpb.gif') repeat-y; }
	#rpb h3 { height: 16px; background: transparent url('../img_sklep/s_h16.gif') no-repeat; }
	#rpb h3 span { display: none; }
	#rpb #rpb_more { padding: 10px 16px 20px 16px; background: transparent url('../img_sklep/bg_rpbc.gif') no-repeat 0 100%; }
	#rpb div.box_d { float: right; }
	#rpb p { line-height: 18px; }
	#rpb p.inf { margin-top: 2px; height: 52px; }
	html>body #rpb p.inf { height: auto; min-height: 52px; }
	#rpb p.cmt { color: #6b6b6b; font-size: 11px; margin-top: 6px; }
	#rpb a.g { font-size: 11px; }


#main h3.h { color: #747474; font-size: 16px; font-weight: bold; clear: left; margin: 22px 0 3px 0; }
#main div.opis { text-align: justify; line-height: 18px; margin-bottom: 12px; display: block; position: relative; }
#main div.opis_pak { text-align: justify; line-height: 18px; margin-bottom: 12px; display: block;  }
#main ul.cechy { text-align: justify; line-height: 18px; margin-bottom: 12px; list-style-type: disc; list-style-image: url('../img_sklep/ico_li.gif'); }
#main ul.cechy li { margin: 0 0 2px 13px; }

#boxif { width: 947px; height: 85px; position: relative; z-index: 2; border:1px solid #000; }
#ifs { padding: 0; border: 0; width: 946px; height: 85px; }
#screen { margin: 0; text-align: center; position: relative; width:947px; height: 85px; margin:auto; background-color: #bda260; border-radius-bottomright: 10px;
    border-radius: 10px;
    -moz-border-radius:10px;
    -webkit-border-radius: 10px;
    }
	#screen a {   }
	#screen a img { margin: 0 2px; }
	#screen a.btn { position: absolute; margin: 0; top: px; }
	#screen a.prv { left: 0; }
	#screen a.nxt { right: 0; }
	#screen a.btn img { border: 0; }
	#screen a.btn.nxt {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright:10px;
    -moz-border-radius-topright:10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    border-color:white;
    border-style:solid solid solid none;
    border-width:1px medium 1px 1px;
    padding:32px 0;
    width:30px;
	}
	#screen a.btn.prv {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft:10px;
    -moz-border-radius-topleft:10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    border-color:white;
    border-style:solid none solid solid;
    border-width:1px 1px 1px medium;
    padding:32px 0;
    width:31px;
	}
	#screen div.scbox { position: relative; width: 891px; height: 100%; overflow: hidden; margin-left:28px; margin-right:28px; }
	#screen div.scbox #screens { position: absolute; /*left: 0px;*/ top: 0; white-space: nowrap; }
	#screen #wait { position: absolute; top: 0; left: 0; background: #840135; width: 946px; height: 85px; }
	#preview { width: 300px; height: 225px; margin: 7px 0 0 7px; z-index: 11; position: relative; /*position: absolute; top: 0; left: 0;*/ }
	#pvb { z-index: 222; position: absolute; left: 65px; top: -248px; height: 248px; width: 316px; background: transparent url('../img_sklep/bg_pvb.gif') no-repeat center; }
	#pvb #w { position: absolute; left: 94px; top: 213px; z-index: 1; }



#kt { font-size: 11px; }
	#kt h3.h { position: relative; margin-bottom: 4px; }
	#kt h3.h span.sbox { font-size: 11px; font-weight: normal; position: absolute; right: 0; }
	#kt h3.h span.sbox input { float: left; position: relative; top: -2px; }
	html>body #kt h3.h span.sbox input { top: -1px; }
	#kt div.kbox { display: none; float: left; position: relative;  margin: 5px 15px 0 0; height: 42px; width: 130px; text-align: center; background: transparent url('../img_sklep/kt_bg.gif') no-repeat; }
	#kt div.kbox span.l { position: absolute; bottom: 0; left: 0; padding: 0 5px 8px 5px; width: 120px; background: transparent url('../img_sklep/kt_bgb.gif') no-repeat bottom;  }
	#kt div.kbox span.l a {   }
	#kt div.kbox a.g { margin: 0; }
	#kt div.last { margin-right: 0; }
	#kt hr { clear: left; margin: 0; padding: 0; height: 0; visibility: hidden; display: none; }

	#kt table { margin: 4px 0 0 0; border: 0; padding: 0; text-align: left; background: transparent url('../img_sklep/kt_bgt.gif') repeat-x; }
	#kt table td { width: 130px; text-align: center; padding-right: 15px; }
	#kt table tr.t td { line-height: 15px; vertical-align: middle; height: 38px; background: transparent url('../img_sklep/kt_bgb.gif') no-repeat left bottom; }
	#kt table tr.i td { padding-top: 10px; }
	#kt table tr.i td img { border: 1px solid #000; }
	#kt table td.last { padding-right: 0; }


#op { margin-top: 24px; clear: left; }
	#op h3.h { margin : 0 0 9px 0; }
	#op div.rec { border-bottom: 1px dotted #bbb; padding: 3px 0; font-size: 11px; }
	#op div.last { border-bottom: 0; }
	#op div.rec p { text-align: justify; line-height: 16px; margin-bottom: 6px; }
	#op div.rec p span.h2 { font-weight: bold; font-size: 12px; margin-left: 2px; }
	#op div.rec p span.a { color: #6b6b6b; }
	#op div.rec p.s { color: #6b6b6b; height: 18px; }
	#op div.rec p.s a.t { margin: 0 2px 0 6px; }
	#op div.rec p.s a.n { margin: 0 10px 0 0; }
	#op div.rec p.h { line-height: 16px;  margin: 6px 0 4px 0; }
	#op div.rec p img { vertical-align: middle; position: relative; top: -1px; }
	html>body #op div.rec p img { top: -2px; }

#spec { width: 100%; padding: 0; border: 1px solid #c0d9c0; background: transparent; margin-top: 6px; }
#spec tr { padding: 1px; }
#spec td { vertical-align: top; margin: 1px; background: #e9f1e9; line-height: 18px; padding: 5px 0 4px 9px; border: 1px solid #fff; border-width: 1px 1px 0 0; }
#spec tr.ev td { background: #eff5ef; }
#spec tr.rf td { background-image: url(../img_sklep/bg_spec_t.jpg); background-repeat: repeat-x; }
#spec tr.rl td { text-align: right; padding-right: 9px; font-size: 11px; background-image: url(../img_sklep/bg_spec_b.jpg); background-repeat: repeat-x; border-width: 1px; }
#spec tr.rl td a { text-decoration: none; }
#spec tr.rl td img.ico { position: relative; top: 2px; margin-left: 4px; }
#spec td.lb { font-weight: bold; width: 224px; border-width: 1px 0 0 1px; }
p.spec_inf { color: #A6A6A6; font-size: 10px; margin-top: 2px;  }

/*
#gra_i div.box_e { position: relative; left: -2px; top: -2px; width: 138px; float: left; background-image: url('../img/box_bg_e.gif'); display: block; margin-bottom: 10px; }
	div.box_e img.box { width: 130px; float: left; margin: 3px 0 5px 3px; padding: 0; padding-bottom: 4px; }
	html>body div.box_e img.box { padding: 0; }
	div.box_e div.boxbot { position: absolute; left: 0; bottom: 0; width: 138px; height: 5px; background-image: url('../img/box_b_e.gif'); font-size: 1px; }
	div.box_e div.boxtop { position: absolute; left: 0; top: 0; width: 138px; height: 3px; background-image: url('../img/box_t_e.gif'); font-size: 1px; }
*/
#gra_i div.box_e { float: left; position: relative; left: -2px; top:-2px; background: transparent url('../img/box_bg_e.gif') repeat-y; width: 138px;  margin: 0 0 10px 0; padding: 0; }
	#gra_i div.box_e div.bx { position: relative; padding: 3px 0 0 0; margin: 0; background: transparent url('../img/box_t_e.gif') no-repeat top; }
	#gra_i div.box_e div.bx a,#gra_i div.box_e div.bx div.n { display: block; margin: 0; padding: 0 5px 5px 3px; background: transparent url('../img/box_b_e.gif') no-repeat bottom; }


	div.box_d { float: left; position: relative; left: -0; top: 0; background: transparent url('../img/box_bg_d.gif') repeat-y; width: 53px; display: block; margin: 0 3px 0 0; padding: 0; }
		div.box_d div.bx { position: relative; padding: 3px 0 0 0; margin: 0; background: transparent url('../img/box_t_d.gif') no-repeat top; }
		div.box_d div.bx a,div.box_d div.bx div.n { display: block; margin: 0; padding: 0 5px 5px 3px; background: transparent url('../img/box_b_d.gif') no-repeat bottom; }
		div.box_d div.bx img.box { width: 45px; }


#ico_wp { float: left; margin: 5px 7px 0 6px; }


#mbot { clear: left; }

ol.txt_lstp { padding-bottom: 4px; margin-top: 3px; }
ol.txt_lstp li { margin: 0 0 2px -6px; }
html>body ol.txt_lstp li { margin-left: 0; }



/* -- end -- */