/**
 * ogolne
 */

body{background-color:#fff}
body *{font-size:11px;font-family:tahoma}
img{border-style:none}
a{color:#ff6801;text-decoration:none}
a:hover{text-decoration:underline}
a.goTop{display:block; margin-top:5px; padding:2px 5px; background-color:#efefef}
fieldset{border:1px solid #CFCFCF;margin-bottom:5px}
legend{padding:0px 5px;font-weight:bold;color:#000}
input.text, textarea{padding: 2px;border: 1px solid #CFCFCF;color: #808080}
input.text:focus, textarea:focus{border-color: #808080;color: #808080}
input.submit{
   background: url(btn_submit.png) no-repeat top left;
   width: 140px;
   height: 18px;
   color: #000;
   font-size: 10px;
   text-transform: uppercase;
   text-align: center;
   cursor: pointer;
   border-style: none;
}
input.submit:hover{background-image: url(btn_submit_hov.png)}

h1{
   font-size: 15px;
   margin: 0px;
   margin-bottom: 5px;
   padding: 0px;
   padding-left: 4px;
   padding-bottom: 4px;
   border-bottom: 1px solid silver;
}
h2{font-size: 12px;color: #464646;padding-bottom: 4px;border-bottom: 1px solid silver}
h2.main{
   color: #FF6801;
   text-align: right;
   border-style: none;
   font-size: 13px;
   padding-bottom: 0px;
   margin-bottom: 0px;
   text-transform: uppercase;
}
h3{font-size: 12px;color: #464646}

ins{
   display: block;
   text-decoration: none;
   background-color: #e6f1f7;
   margin: 3px 0;
   padding:5px 5px 5px 20px
}

form div{margin-bottom: 2px;clear: both}
form div label{
   float: left;
   display: block;
   width: 120px;
   color: #808080;
   font-weight: bold;
   padding-right: 5px;
   text-align: right;
}
form div label.req{color:#c00}
form div.btn{margin:10px 0px;text-align:center}
form th{padding-right:5px; text-align:right}
form .req{color:#c00}
form .war{color:#c00}
form .nfo{padding:0px; margin:0px; color:gray}
form .btn{text-align:center}
.formLong input.text, .formLong input.password{width:295px}
.formLong select{width:300px}
.fc-error p{padding:0px; margin:0px}

#m2,#m3,#mm45,#m6,#m7{background:url(bg.png) repeat-y top center;width:999px;margin:0px auto}
#m2a,#m3a,#m4a,#m5a,#m6a{margin-left:5px;margin-right:5px}

/**
 * panel 1
 */

#m2{height:59px}
#m21{width:286px;height:59px;float:left}
#m23{background: url(top_kontakt.png) no-repeat top right;width:424px;height:59px;float:left}
#m23 div{padding-top:5px;padding-left:50px;font-weight:bold}
#m24{float:left}

#btn_konto,#btn_mapa,#btn_rss{float:left;display:block;height:18px}
#btn_konto{width:97px;background:url(btn_konto.png) no-repeat top left}
#btn_konto:hover{background-image:url(btn_konto_hov.png)}
#btn_mapa{width:101px;background:url(btn_mapa.png) no-repeat top left}
#btn_mapa:hover{background-image:url(btn_mapa_hov.png)}
#btn_rss{width:81px;background:url(btn_rss.png) no-repeat top left}
#btn_rss:hover{background-image:url(btn_rss_hov.png)}

#m2reg{text-align:center;padding-top:10px}

/**
 * panel 2
 */
 
.m3ins{margin: 1px;border: 1px solid #fff;width: 97%;height: 97%}
#m3a{background-color: #F4F4F4;height: 109px}
#m31{float: left;width: 198px;height: 108px;padding-top: 2px;border: 1px solid #fff}
#m32{float: left;width: 661px;height: 108px;padding-top: 2px;border: 1px solid #fff}
#m33{float: left;width: 124px;height: 109px;padding-top: 2px;border: 1px solid #fff}
#m33kosz{background:url(bg_kosz.png) no-repeat center right;height:40px}
#m33 div{padding-bottom:2px}
#m33 span{font-weight:bold;color:silver;padding-left:4px;padding-right:4px}
#m33 .red{padding-left:4px}
#m33 .sep{width:126px;height:3px}

#btnKosz{display:block;width:125px;height:16px;background:url(btn_kosz.png) no-repeat top left}
#btnKosz:hover{background-image:url(btn_kosz_hov.png)}

/**
 * panel 3
 */

#m4a{padding-top:8px}

#btn_glowna,#btn_banki,#btn_dzial,#btn_rabaty,#btn_raty,#btn_wysylka,#btn_kontakt,#btn_pomoc,#btn_pomoc_hov,
#btn_banki_hov,#btn_dzial_hov,#btn_rabaty_hov,#btn_raty_hov,#btn_wysylka_hov,#btn_kontakt_hov,#btn_glowna_hov{
   float: left;
   display: block;
   width: 122px;
   height: 25px;
   margin-right: 1px;
   background-repeat: no-repeat;
}
#btn_banki{background-image:url(menu/banki.png)}
#btn_banki:hover,#btn_banki_hov{background-image:url(menu/banki_hov.png)}
#btn_dzial{background-image:url(menu/dzial.png)}
#btn_dzial:hover,#btn_dzial_hov{background-image:url(menu/dzial_hov.png)}
#btn_rabaty{background-image:url(menu/rabaty.png)}
#btn_rabaty:hover,#btn_rabaty_hov{background-image:url(menu/rabaty_hov.png)}
#btn_raty{background-image:url(menu/raty.png)}
#btn_raty:hover,#btn_raty_hov{background-image:url(menu/raty_hov.png)}
#btn_wysylka{background-image:url(menu/wysylka.png)}
#btn_wysylka:hover,#btn_wysylka_hov{background-image:url(menu/wysylka_hov.png)}
#btn_glowna{background-image:url(menu/glowna.png)}
#btn_glowna:hover,#btn_glowna_hov{background-image:url(menu/glowna_hov.png)}
#btn_kontakt{background-image:url(menu/kontakt.png)}
#btn_kontakt:hover,#btn_kontakt_hov{background-image:url(menu/kontakt_hov.png)}
#btn_pomoc{background-image:url(menu/pomoc.png)}
#btn_pomoc:hover,#btn_pomoc_hov{background-image:url(menu/pomoc_hov.png)}

#mm45a{padding-left:2px}

/**
 * panel 4
 */
 
#m5a{background:url(bg_m5.png) repeat-x top left;width:983px;height:41px}
#m51{float:left;background:url(bg_szukaj_lewa.png) no-repeat top left;width:7px;height:41px}
#m52{float:left;background:url(bg_szukaj.png) repeat-x top left;width:400px;height:41px}
#m52 form{padding-top:3px;padding-left:3px}

#btnSearch{width:50px;height:20px;background:url(btn_szukaj.png) no-repeat top left}
#btnSearch:hover{background-image:url(btn_szukaj_hov.png)}

#m53{float:left;background:url(bg_m5_sep.png) no-repeat top right;padding-left:5px;width:2px;height:41px}
#m54{float:left;background:url(bg_m5_strzala.png) no-repeat top right;width:7px;height:41px}
#m55{float:left;width:561px;height:41px;color:#fff}

#locationBar{margin-top:3px;margin-left:5px;padding:3px}
#locationBar a{color:#CFCFCF}

/**
 * panel 5
 */
#m6a{padding-top:5px}
#m61{float:left;width:575px}
#m61a{padding:5px;line-height:1.7em}

#footLinks{padding:10px;margin-top:40px;border-top:1px solid silver;clear:both}
#footLinks a{color:#464646}

#m62{float:left;width:408px;margin-left:3px}
#m621{background:url(bg_panel_top.png) no-repeat top left;height:2px}
#m622{background:url(bg_panel.png) repeat-y top left}
#m622menu{padding:2px}
#m622menu .head{height:24px;background:url(panel/bg.png) repeat-x top left;margin-bottom:5px}
#m622menu .txt{padding:5px;margin-bottom:5px}
#m622menu ul{list-style-type:disc;margin:0px;padding:0px;margin-left:11px;padding-left:0px}
#m622menu ul ul{list-style-type:none;margin:0px 0px 0px 8px;padding:0px;}
#m622menu ul li a{display:block;font-size:10px;text-transform:uppercase;padding:1px;color:#2F2C2C}
#m622menu li li a{display:block;padding:1px;font-size:10px;text-transform:lowercase;color:#2F2C2C}
#m622menu .cLeft{float:left;width:46%}

#copyright{padding:5px;color:Gray;text-align:right}

#m623{background:url(bg_panel_bottom.png) no-repeat top left;height:2px}

/**
 * panel 7
 */

#m7{background:url(bg_foot.png) no-repeat top left;height:18px}

/**
 * ogolne klasy
 */

.clean{clear:both}
.red{color:#c00}

a.long,a.longRed{
   display: block;
   background: url(btn_submit.png) no-repeat top left;
   width: 140px;
   height: 18px;
   color: #000;
   text-align: center;
   font-size: 10px;
   text-transform: uppercase;
   margin: 1px;
}
a.long:hover,a.longRed:hover{text-decoration:none;background-image:url(btn_submit_hov.png)}
a.longRed{color:#c00}
a.rss_href{padding-left: 20px;padding-bottom: 3px;background: url(rss.png) no-repeat top left}

.btnKup,.btnOpis{
   display: block;
   width: 85px;
   height: 18px;
   color: #000;
   text-decoration: none;
   font-size: 10px;
   text-transform: uppercase;
   text-align: center;
   cursor: pointer;
}
.btnKup{background: url(btn_kup.png) no-repeat top left}
.btnOpis{background: url(btn_opis.png) no-repeat top left}
.btnKup:hover{background: url(btn_kupHov.png) no-repeat top left}
.btnOpis:hover{background: url(btn_opisHov.png) no-repeat top left}


.bErr, .bInf{margin-bottom:6px;padding:4px 4px 4px 10px}
.bErr p{color:#c00;background:url(error.png) no-repeat center left;padding-left:20px}
.bInf p{color:#1d3ca0;background:url(info.png) no-repeat center left;padding-left:20px}
.bErr p, cInf p{
   color: #c00;
   padding-top: 2px;
   padding-bottom: 3px;
   padding-right: 5px;
   margin: 0;
   margin-bottom: 3px;
}

.cLeft{float:left;width:48%}
.Left a.hov{font-weight:bold}

.tabH th{background-color:#E4E4E4;color:#000;font-weight:normal;text-align:right;padding:3px}
.tabH td{background-color:#F5F5F5;padding:3px}
.tabV th{background-color:#E4E4E4;color:#000;font-weight:normal;text-align:center;padding:3px}
.tabV td{background-color:#F5F5F5;padding:3px}

.TabbedPanels{float:left;width:565px;margin-top:10px}
.TabbedPanelsTabGroup{background:transparent url(tab_bg.png) repeat-x scroll left bottom;height:40px;margin:0px;padding:0px;width:565px}
.TabbedPanelsTab{
   background:transparent url(tab.png) no-repeat scroll left top;
   color:#464646;cursor:pointer;float:left;font-size:10px;height:40px;
   list-style-image:none;list-style-position:outside;list-style-type:none;margin:0px;
   padding:5px 5px 0px;text-align:center;text-transform:uppercase;width:145px
}
.TabbedPanelsTab a{text-decoration:none}
.TabbedPanelsContentGroup{clear:both;margin:0px;padding:0px}
.TabbedPanelsContent{padding-top:8px}
.TabbedPanelsTabSelected{
   background: transparent url(tab_hov.png) no-repeat scroll left top;
   height: 40px;
   padding: 6px 5px 0;
   font-weight: bold;
}

p.downText{color:Gray}

.drukIcon{
   display: block;
   height: 16px;
   padding-left: 20px;
   background: url(drukarka.png) no-repeat top left;
}

a.btnPromoMain{
   display: block;
   font-size: 10pt;
   color: #c00;
   margin-top: 10px;
   margin-bottom: 10px;
   padding-left: 45px;
   background: url(arrow.png) no-repeat 10px 0px;
}

.page{
   margin: 10px;
   padding: 0;
   text-align: center;
}
.page a{
   color: silver;
   text-decoration: none;
   font-size: 8pt;
   padding: 3px 5px;
   margin-right: 1px;
   border: 1px solid silver;
}
.page a:hover,.page .selected{
   color: #000;
   border-color: #000;
   text-decoration: none!important;
}
.page span{
   padding: 3px 5px;
   margin-right: 1px;
   color: silver;
   border: 1px solid silver;
}

/**
 * IE
 */

#m622menu ul.cLeft{padding:0px;margin:0px;padding-left:15px}
#sort_panel { float: left; padding:3px 8px 7px 5px; margin:0px 0px; background-color:#F5F5F5; border:solid 1px #DCDCDC }
#sort_panel .sort_icon { display:block; float:left; width:30px; height:24px; margin:0px; background-position:0px 0px; background-repeat:no-repeat }
#sort_panel .sort_on { background-position: 0px -25px }
#sort_panel .sort_text { display:block; float:left; padding:6px 8px 0px 0px }
#sort_panel .sort_link { display:block; float:left; padding:5px 0px 0px 0px; font-size:12px }
#sort_panel .sort_sepa { display:block; float:left; width:2px; height:25px; margin:0px 5px;  background:url(sort_sep.png) top right no-repeat }
#sort_panel .sort_group { float:right; margin-left:30px; padding-top:7px }
#sort_panel .sort_asc { padding-right:14px; font-weight:bold; background:url(sort_up.png) right 3px no-repeat }
#sort_panel .sort_desc { padding-right:14px; font-weight:bold; background:url(sort_dn.png) right 3px no-repeat }
#sort_panel .select_group { float:left; margin-right:7px }
#sort_panel .select_text { color:#666; padding:0px 0px 0px 1px }
#sort_panel select { width:140px; padding:1px 1px; margin:0px }
