@font-face {
    font-family: "TechnicznaPomocRound";
    src: url(../img/techpom.eot);
}
                 

body, p, td, th, a, div, li {
    font-family: Tahoma, Arial;
    font-size: 11px;
    text-align: left;
    color: #747474;
}

#zmianahasla input {

color: #86908d;
height: 20px;
border-color: #9c9c8d;
border-style: solid;
border-width: 1px;
text-valign: middle;
font-size: 11px;
}




table{
border-collapse: collapse;

}
img {
border: 0px;
}

body {
    background: #ffffff;
    color: #000000;
    margin: 0 auto;
    text-align: center;
}

#container {
    width: 940px;
    background: #ffffff;
    height: auto;
    margin: 0 auto;
}


#srodek {
    width: 940px;
    background: #ffffff;
    height: auto;
    overflow: hidden;
}

#lewe {
    width: 240px;
    background: #ffffff;
    height: auto;
    overflow: hidden;
float: left;
}

#menu-lewe-top {
    width: 240px;
    background: #ffffff;
    height: 43px;
    overflow: hidden;
background: url(../img/produkty-menu.gif) no-repeat;
}

.menu-lewe-middle {
 width: 240px;
    background: #ffffff;
    height: 39px;
    overflow: hidden;
background: url(../img/left-menu.gif) no-repeat;


}

.menu_1{
padding-top: 11px;
font-weight: bold;
}

.menu_1 a {
padding-top: 0px;
color: #ffffff;
text-decoration: none;
padding-left: 15px;
background: url(../img/menuleftarrow.gif) no-repeat left;

}

.menu_2{
padding-top: 10px;
}

.menu_2 a {
padding-top: 0px;
color: #ffffff;
text-decoration: none;
padding-left: 15px;
background: url(../img/menuleftarrow.gif) no-repeat left;
}

.menu_3{
padding-top: 10px;
}

.menu_3 a {
padding-top: 0px;
color: #ffffff;
text-decoration: none;
padding-left: 15px;
background: url(../img/menuleftarrow.gif) no-repeat left;

}

#menu-lewe-bottom {
width: 240px;
height: 62px;
overflow: hidden;
background: #ffffff;
}

#menu-lewe-bottom a {
width: 240px;
height: 62px;    
display: block;
background: url(../img/wszystkie-produkty-menu.gif) no-repeat;
}

#menu-oferta-biura {
width: 240px;
background: #ffffff;
height: 171px;
overflow: hidden;
}

#menu-oferta-biura a {
width: 240px;
height: 171px;
display: block;
background: url(../img/oferta-biura-handlowego.jpg) no-repeat;
}

#menu-newsletter {
width: 240px;
background: #ffffff;
height: 139px;
overflow: hidden;
background: url(../img/newsletter.jpg) no-repeat;
color: #82c2c8;
}

#newsletter-form {
padding-top: 80px;
padding-left: 20px;
color: #82c2c8;
}

#newsletter-form a {
text-decoration: underline;
color: #82c2c8;
}

#menu-sprawdz-jakosc {
width: 240px;
background: #ffffff;
height: 129px;
overflow: hidden;
}

#menu-sprawdz-jakosc a {
width: 240px;
height: 129px;
display: block;
background: url(../img/sprawdzona-jakosc.jpg) no-repeat;
}



#prawe {
    width: 682px;
    background: #ffffff;
    height: auto;
    float: right;
    overflow: hidden;
    min-height: 690px;
}

#ramka1-top {
    width: 682px;
    background: #ffffff;
    height: 53px;
    overflow: hidden;
background: url(../img/ramka1-top.gif) no-repeat;
}

#ramka1-top-box {
padding-top: 15px;
padding-left: 25px;
padding-right: 25px;
font-size: 16px;
font-family: "TechnicznaPomocRound", Arial;
color: #2c858d;
border: 0px solid;
}

#ramka1-news-box {
padding-top: 15px;
padding-left: 25px;
padding-right: 25px;
font-size: 16px;
font-family: "TechnicznaPomocRound", Arial;
color: #ff6600;
}


#ramka1-middle {
    width: 682px;
    background: #ffffff;
    height: auto;
    overflow: hidden;
	background: url(../img/ramka1-middle.gif) repeat-y;
}

#ramka1-middle-box {
	padding-top: 8px;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 25px;
	border: 0px solid;
}

#ramka1-news {
    width: 682px;
    background: #ffffff;
    height: 46px;
background: url(../img/ramka1-news.gif) no-repeat;
}

#ramka1-bottom {
    width: 682px;
    background: #ffffff;
    height: 4px;
    overflow: hidden;
	background: url(../img/ramka1-bottom.gif) no-repeat;
}

#firmy {
    width: 650px;
    height: 70px;
	background: url(../img/firmy.gif) no-repeat center bottom;
	float: right;

}

#gora1 {
    width: 940px;
    background: #ffffff;
    height: 116px;
    overflow: hidden;
}

#logo {
    width: 548px;
    background: #ffffff;
    height: 116px;
    overflow: hidden;
background: url(../img/top.jpg) no-repeat;
float: left;
}

#logo a {
width: 548px;
height: 116px;
display: block;
}

#top-prawe {
    width: 392px;
    background: #ffffff;
    height: 116px;
    overflow: hidden;
float: left;
}

#top-menu {
    width: 392px;
    background: #ffffff;
    height: 32px;
    overflow: hidden;
}

#top-menu-box {
background: #ffffff;
padding-top: 6px;
text-align: center;
padding-left: 5px;
color: #c3c3c3;
}

#top-menu-box a {
text-decoration: none;
color: #666666;
}

#top-login {
    width: 392px;
    background: #ffffff;
    height: 84px;
background: url(../img/top-login.gif) no-repeat;
    overflow: hidden;
}


table.login {
border: none;
}

td.login {
padding-top: 5px;
color: #7c7c6d;
width: 140px;
}

a.login {
color: #7c7c6d;
}

input.login {
    padding-top: 3px;
    height: 20px;
    width: 124px;
    border-width: 1px;
    border-color: #9c9c8d;
    border-style: solid;
    text-valign: middle;
    color: #86908d;
    font-size: 11px;
}

#emailetter {
    padding-top: 4px;
    
    height: 20px;
    width: 134px;
    border-width: 1px;
    border-color: #9c9c8d;
    border-style: solid;
    text-valign: middle;
    color: #86908d;
    font-size: 11px;
}

.pole {
padding-top: 3px;
border-width: 1px;
border-color: #9c9c8d;
border-style: solid;
text-valign: middle;
color: #86908d;
font-size: 11px;
}

td.loginbtn {
padding-top: 5px;
}

input.loginbtn {

}

#gora2 {
    width: 940px;
    background: #ffffff;
    height: 59px;
    
}

#more-coin {
float: right;
padding-top: 20px;
padding-right: 30px;
border: 0px solid;
}

#more1 {
height: 20px;
width: 20px;

padding: 0;
background: url(../img/more.gif) no-repeat;
}

#more1 a {

text-decoration: none;
display: block;
font-weight: bold;
vertical-align: middle;
text-align: center;

}

#more_current {
height: 20px;
width: 20px;

padding: 0;
background: url(../img/more.gif) no-repeat;
}

#more_current a {

text-decoration: none;
display: block;
font-weight: bold;
vertical-align: middle;
text-align: center;
color: #ee9a00;

}

#gora2-box {
padding-top: 20px;
padding-left: 25px;
}

td.szukanie1 {
width: 360px;
color: #848f8e;
font-weight: bold;
font-style: Tahoma;
font-size: 11px;
vertical-align: bottom;
}

td.szukanie2 {
width: 115px;
color: #646d6a;
font-family: "TechnicznaPomocRound", Arial;
font-size: 14px;

}

td.szukanie3 {
width: 172px;
}

td.szukanie4 {
width: 170px;
}

#acDiv {
width: 156px;
border: solid 1px #DEDEDE;
background: #f6f6f6;
display: none;
position: absolute;
z-index: 999;
}

#acDiv ul, #acDiv li{padding:0; margin:0; border:0; list-style:none;}
#acDiv li {border-top:solid 1px #DEDEDE;}
#acDiv li a{display:block; padding:4px; text-decoration:none; color:#000000; font-weight:bold;}
#acDiv li a small{display:block; text-decoration:none; color:#999999; font-weight:normal;}
#acDiv li a:hover{background:#FFFFCC;}
#acDiv ul {padding:6px;}
#acDiv LI.selected{ background-color:#FFFFCC; color:#000000; }

                    

.szukaj {
width: 158px;
color: #86908d;
height: 20px;
border-color: #9c9c8d;
border-style: solid;
border-width: 1px;
text-valign: middle;
font-size: 11px;
}

.szukajbtn {
cursor: pointer;
}

.szukajselekt {
color: #86908d;
width: 155px;
height: 20px;
font-size: 11px;
border-style: solid;
border-color: #9c9c8d;
border-width: 1px;
}

#gora3 {
    width: 940px;
    background: #ffffff;
    height: 49px;
    overflow: hidden;
background: url(../img/menu-bg.gif) no-repeat;
}

#gora3 a {

/* -- text-transform: uppercase; */
 font-family: "TechnicznaPomocRound", Arial;
display: block;
width: 113px;
height: 48px;
float: left;
text-decoration: none;
background: none;
padding-top: 17px;
text-align: center;
font-size: 14px;
color: #ffffff;
font-weight: bold;
}

#gora3 a:hover {
background: url(../img/menu-act.gif) no-repeat;
}

#gora4 {
    width: 940px;
    background: #ffffff;
    height: 48px;
    overflow: hidden;
}

#gora4-box {
color: #606060;
padding-left: 20px;
padding-top: 18px;
}

#gora4-box a {
color: #606060;
text-decoration: none;

}

#prod-sort a {
color: #606060;
text-decoration: none;
font-weight: bold;
}


td.gora4-2 {
width: 110px;

font-family: "TechnicznaPomocRound", Arial;
font-size: 14px;

}

a.gora4-2 {

font-family: "TechnicznaPomocRound", Arial;
font-size: 14px;
}



td.gora4-2-1 {
width: 35px;
vertical-align: bottom;
padding-bottom: 3px;
}

td.gora4-2-1-1 {
width: 25px;
vertical-align: bottom;
padding-bottom: 2px;
}


td.gora4-2-2-2 {
width: 25px;
color: #ff6600;

font-weight: bold;
vertical-align: bottom;
padding-bottom: 2px;
}


td.gora4-2-2 {
width: 90px;
color: #ff6600;

font-weight: bold;
vertical-align: bottom;
padding-bottom: 2px;
}

td.gora4-3 {
width: 60px;
font-weight: bold;
vertical-align: bottom;
padding-bottom: 3px;
}

a.gora4-3 {
text-decoration: underline;
font-size: 10px;
}

td.gora4-1 {
width: 530px;
vertical-align: bottom;
}


#dol1 {
    width: 940px;
    background: #ffffff;
    height: 17px;
    overflow: hidden;
}

#dol2 {
    width: 940px;
    background: #ffffff;
    height: 57px;
    overflow: hidden;
	margin: auto;
}

#footer-menu {
    width: 940px;
    background: #ffffff;
    height: 57px;
    overflow: hidden;
	background: url(../img/footer-menu.gif) no-repeat;
}

#footer-menu-box {
padding-top: 20px;
padding-left: 25px;
text-align: left;
float: left;
}

#footer-menu-box a {
color: #65655a;
text-decoration: none;
}

#footer-menu-box a:hover {
color: #ffffff;
text-decoration: underline;
}


#footer-menu-realizacja {
float: right;
 text-align: right;
 padding-top: 20px;
 padding-right: 25px;
 color: #dadacb;
}

#footer-menu-realizacja a {
text-decoration: none;
 color: #dadacb;
font-weight: bold;
}

#dol3 {
color: #959588;
    width: 940px;
    background: #ffffff;
    height: 50px;
    overflow: hidden;
text-align: center;
}

#dol3 a {
font-weight: bold;
color: #2c858d;
text-decoration: none;

}


/* --------- produkty --------*/


#oferta-kwadrat {
width: 202px;
height: auto;
border: 1px solid #ebebeb;

}

#oferta-img {
width: 200px;
height: auto;
}

#oferta-imgf a {
width: 200px;
height: auto;
display: block;
background: url(../img/no_picture.jpg) no-repeat center center;
}


#oferta-podpis {
width: 200px;
height: 30px;
overflow: hidden;
}

#oferta-podpis a {
height: 30px;
padding-left: 10px;
display: block;
text-decoration: none;
font-weight: bold;
color: #2e8991;
font-size: 12px;
padding-right: 30px;
background: url(../img/oferta-arrow.gif) no-repeat right top;
}


#oferta-coin {
padding-left: 18px;
padding-bottom: 16px;
float: left;

}


#small-coin {
padding-left: 20px;
padding-top: 8px;
padding-bottom: 8px;
float: left;
}

#front-kwadrat {
width: 201px;
height: 218px;
background: #ebebeb;
overflow: hidden;
}

#front-ramka-pic {
padding-top: 1px;
padding-left: 1px;
padding-right: 1px;
}

#front-picture {
width: 199px;
height: 152px;
overflow: hidden;
}

#front-picture a {
width: 199px;
height: 152px;
display: block;
text-align: center;
}


#front-tytul {
color: #959595;

}

#front-cena-pro {
font-weight: bold;
text-align: center;
width: 71px;
height: 27px;
background: #f7941d;
color: #ffffff;
float: left;
padding-top: 8px;
overflow: hidden;

}

#front-cena-now {
width: 71px;
height: 27px;
font-weight: bold;
text-align: center;
color: #ffffff;
background: #838383;
float: left;
padding-top: 8px;
overflow: hidden;
}

#linia-2 {
width: 80%;
height: 17px;
background: url(../img/linia.gif) repeat-x;
margin: 0 auto;
}


#front-koszyk {
width: 130px;
height: 29px;
background: #48c1cc;
color: #ffffff;
float: right;
overflow: hidden;

}

#front-ramka {
background: #48c1cc;
clear: both;
}

#front-opis {
width: 201px;
height: 36px;
background: #bcbcab;
color: #434343;
font-weight: bold;
overflow: hidden;
}

#front-opis-text {
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
text-align: center;
}

#front-opis-text a {
color: #434343;
font-weight: bold;
text-decoration: none;

}

#prod-list {
width: 640px;
}

#prod-image-smid {
width: 160px;
height: auto;
border: 1px solid #e5e5e5;
float: left;
text-align: center;
}

#prod-image-smid a {
width: 160px;
height: auto;
}

#prod-list-box {
float: right;
width: 445px;
}

#prod-tytul-small {
padding-top: 4px;

}

#prod-tytul-small a {
text-decoration: none;
font-weight: bold;
font-size: 14px;
color: #2e787f;
}

#prod-cena {
font-weight: bold;
font-size: 12px;
color: #757575;
float: right;
padding-top: 6px;
padding-left: 10px;
}

#prod-cena1 {
font-weight: bold;
font-size: 14px;
color: #757575;
float: right;
padding-top: 6px;
}


#prod-cena-red {
font-family: Arial;
font-size: 18px;
color: #ff6600;
float: right;
width: 120px;
text-align: right;
}

#prod-cena-red1 {
font-weight: bold;
font-family: Arial;
font-size: 24px;
color: #ff6600;
float: right;
width: 160px;
text-align: right;
}


#prodimghref {
border: 1px solid #e5e5e5;
display: block;
text-align: center;
}


#prodimg {

}

#imgthumb {
border: 1px solid #e5e5e5;
cursor: pointer;
}

#prod-img-big {
text-align: center;
padding-bottom: 10px;

}

#prod-img-con {
text-align: center;
padding-bottom: 10px;
}

#prod-path {
clear:both;
}

#prod-path a {
color: #b3b3a3;
font-size: 11px;
font-weight: bold;

}


#prod-text {
font-size: 12px;
color: #4c4c4c;
width: 445px;
height: 50px;
clear:both;
}

#prod-text p {
font-size: 12px;
color: #4c4c4c;

}

#prod-text-more {
font-size: 12px;
color: #4c4c4c;
}

#produkt-table {
width: 640px;
vertical-align: top;
}

#parametry {
width: 290px;
}


#prod-sort {
padding: 10px;
text-align: right;
border: 0px solid;
}

#prod-change-producer{
	display: inline;
	margin-right: 10px;
	border: 0px solid;
}

.wiecej {
color: #ff6600;
float: right;
}


#prod-czek {
float: left;
}

#prod-czek a {
color: #b3b3a3;
font-size: 11px;
font-weight: bold;
text-decoration: none;
}

#prod-czek span{
	color: #b3b3a3;
	font-weight: bold;
	cursor: pointer;
}

#prod-koszyk-dodaj-form {
float: right;
display:inline;

}

#prod-kosz-submit {
background-image: url(../img/addbasket1.jpg);
width: 153px;
height: 28px;
border: 0;
float: none;
display: inline;
cursor: pointer;
}

#compare-table td {
font-size: 12px;
}

#compare-coin {
text-align: center;
border: 2px solid #ebebeb;
margin: 20px

}

#compare-basket {
text-align: center;
}

#compare-parametry {
padding: 10px;
}

.compare-para {
width: 160px;
}

.compare-prod {
width: 280px;
text-align: center;
}

#compare-name {
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
height: 30px;

}

#compare-name a {
text-decoration: none;
font-weight: bold;
font-size: 12px;

color: #2e787f;
}




#compare-image {
text-align: center;
height: 160px;

}

#compare-image a {
text-align: center;
display: block;
height: 160px;
}

#compare-price {
padding-top: 2px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
font-weight: bold;
font-size: 12px;
color: #ff6600;


}



#tabelka {
width: 640px;
}

#tabelka table {
width: 640px;
}


#tabelka td, #tabelka div{
height: 20px;
font-size: 12px;
text-align: center;
 text-valign: middle;
}


 #tabelka th {
  font-weight: bold;
   background: #c0c0b0;
    height: 20px;
     font-size: 12px;
      text-align: center;
       text-valign: middle;

}

#tbadres td {
text-align: left;
padding-left: 10px;
}


#tbadres th {
text-align: left;
padding-left: 10px;
width: 120px;
}



.basketsumarum {
color: #ff6600;
font-weight: bold;
}

#tabelka a {
font-size: 12px;
text-decoration: none;
font-weight: bold;
color: #2e787f;
}

#koszyk {
height: 22px;
width: 23px;
display: block;
background: url(../img/koszyk.jpg) no-repeat;
}




.fieldError {background-color:#ffdddd;}
.fieldDefault {background-color:#ffffff;}
.fieldLocked {background-color:#dddddd;}
.fieldDisabled {background-color:#dddddd;}
.fieldOk {background-color:#ffffff;}

/* -------- register form -------- */
#registrationForm {width: 741px; margin: auto;}
#registrationForm label {display: block; width: 169px; float: left; text-align: right; padding-right: 5px;}
#registrationForm label.sublabel {display: block; width: 55px; float: left; text-align: right; padding-right: 2px; margin-left: 10px;}
#registrationForm input {display: block; float: left; margin-left: 10px; border: 1px solid #a5acb2;}
#registrationForm input.long {width: 319px;}
#registrationForm input#invoiceFirstName, #registrationForm input#invoiceLastName {width: 319px;}
#registrationForm fieldset {border: none; width: 741px; position: relative; margin-top: 10px;}
#registrationForm #telephone, #registrationForm #addressTelephone {width: 80px;}
#registrationForm #addressTelephoneExtension, #registrationForm #telephoneExtension {width: 30px;}
#registrationForm #telephoneAreaCode, #registrationForm #addressTelephoneAreaCode {width: 25px;}
#registrationForm #mailing, #registrationForm #changeAddress2, #registrationForm #invoiceTypePerson, #registrationForm #invoiceTypeFirm {border: none;}
#registrationForm fieldset span.legend {width: 511px;  background: #c0c0b0 url(/skin/default/img/topLegendBackground511.png) no-repeat top left; display: block; font-size: 14px; font-weight: bold; margin: 0; padding-top: 5px; padding-bottom: 5px;}
#registrationForm fieldset span.submitLegend {color: #297a2c; width: 500px; padding-top: 5px; padding-bottom: 5px; background: #fff; border-bottom: 1px solid #297a2c;}
#registrationForm fieldset span.legend h2 {font-size: 14px; font-weight: bold; margin-left: 5px; margin-top: 1px; margin-bottom: 1px;}
#registrationForm div {padding-top: 8px; padding-bottom: 8px; width: 511px; vertical-align: bottom; line-height: 17px;}
#registrationForm div br {overflow: hidden; clear: both;}
#registrationForm div span.error {color: #848f8e; margin-left: 183px; display: block; clear: left;}
#registrationForm div input.error {border: 1px solid #d22566;}
#registrationForm div.submitDiv {width: 741px; text-align: center;}

#registrationForm #registerSubmit {background-image: url(../img/zarejestruj.jpg); 
width: 101px; height: 21px; border: 0; float: none; display: inline; cursor: pointer; text-align: right;}


#registrationForm span.hint {background: #f8f5c6 url(/skin/default/img/registerHintBackground.png) repeat-y top left; font-size: 9px; padding-left: 10px; width: 218px; position: absolute; right: 0; padding-top: 2px; padding-bottom: 2px;}
#registrationForm span.hint p {margin: 2px 2px 2px 6px;}
#registrationForm span.hint img {position: absolute; left: 0; top: 5px;}

#registrationForm #zmienbtn {
border: none;
background-image: url(../img/zmienbtn.jpg);
width: 61px;
height: 21px;
cursor: pointer;
display: inline;
float: none;
}



#nowySubmit {
background-image: url(../img/nowybtn.jpg);
width: 61px;
height: 21px;
border: 0;
cursor: pointer;
}

#frontkoszyk {
background-image: url(../img/dokoszyka.jpg);
width: 130px;
height: 28px;
border: 0;
cursor: pointer;
}

#zamSubmit {
background-image: url(../img/zamawiambtn.jpg);
width: 81px;
height: 21px;
border: 0;
cursor: pointer;
}

#dalejSubmit {
background-image: url(../img/dalejbtn.jpg);
width: 61px;
height: 21px;
border: 0;
cursor: pointer;
}
#cofnijSubmit {
background-image: url(../img/cofnijbtn.jpg);
width: 61px;
height: 21px;
border: 0;
cursor: pointer;
}


#saveSubmit {
border: none;
background-image: url(../img/savebtn.jpg);
width: 61px;
height: 21px;
cursor: pointer;
display: inline;
float: none;
}

#dodajnsbm {
border: none;
background-image: url(../img/dodaj_news.gif);
width: 61px;
height: 21px;
cursor: pointer;
display: inline;
float: none;

}



#zmienbtn {
border: none;
background-image: url(../img/zmienbtn.jpg);
width: 61px;
height: 21px;
cursor: pointer;
display: inline;
float: none;
}


#przypomnijbtn {
border: none;
background-image: url(../img/przypomnijbtn.jpg);
width: 81px;
height: 21px;
cursor: pointer;
display: inline;
float: none;
}


#registerBtn {
background-image: url(../img/zarejestruj.jpg);
width: 101px; height: 21px; border: 0; 
 display: block; cursor: pointer;}


#orderBtn {
background-image: url(../img/zamowbtn.jpg);
width: 61px;
 height: 21px;
  border: 0; 
  float: none;
   cursor: pointer;
display: block;
}

#kontynuBtn {
background-image: url(../img/konzakbtn.jpg);
width: 121px;
 height: 21px;
   border: 0;.
     float: none;
        cursor: pointer;
        display: block;
        }
        


div.info{
    color: #32929b;
    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
    border: 0px solid #129912;
    margin-bottom: 10px;
    margin-top: 5px;
	font-size: 13px;
}

div.error{
    color: #ff6600;
    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
    border: 0px solid #db1814;
    margin-bottom: 10px;
    margin-top: 5px;
	font-size: 13px;
}


div.description{
	color: #a3a3a3;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: bold;
	border: 0px solid #a3a3a3;
	margin-bottom: 20px;
	margin-top: 5px;
	font-size: 13px;
}

div.products_paging{
	text-align: right;
	margin: 5px 0px;
	border: 0px solid;
}

div.products_paging div{
	display: inline-block;
	border: 0px solid;
}