html, body, h1, h2, h3, h4, h5, div, ul, li, span, p, a, dl, dd, dt, tr, td, th, form, input, fieldset, select {
margin:0px;
padding:0px;
text-decoration:none;
}

img, table, fieldset {
border:0px;
}

body {
background: orange url(images/pattern.gif) repeat top center;
color:black;
}

body, input, select, textarea {
font-family: Tahoma, sans-serif;
font-size: 12px;
}

#calosc {
background-color:white;
width: 760px;
margin: 25px auto 15px auto;
}

a, span.small {
color: #fe5b00;
}

a.small, span.small {
font-size: 10px;
}

h1 {
height: 242px;
width: 760px;
background: #2a2829 url(images/top-nowy.jpg) no-repeat top center;
}

h1 span {
display:none;
}

h3 {
margin-top: 12px;
}

#menu {
margin-top: -24px;
width: 229px;
float:left;
}

#menu ul li {
list-style-type:none;
}

#menu #head li a {
display:block;
font-weight:bold;
height: 20px;
font-size: 15px;
color: #9f9f9f;
padding: 2px 16px;
background-color: #2a2829;
}

#menu #kategorie {
margin: 2px 10px 20px 10px;
}

#menu #kategorie li a, #menu #kategorie li h2 {
color: black;
font-size: 14px;
font-weight:bold;
}

#menu #kategorie li h2 {
padding-top: 6px;
}

#menu #kategorie li.podprodukt a {
color: #989898;
font-weight:normal;
font-variant: normal;
font-size: 12px;
}

#menu #kategorie li.podprodukt {
padding-top: 2px;
}

#menu #kategorie li {
padding: 5px 7px 3px 7px;
border-bottom: 1px #858787 dotted;
}

#menu #kategorie li.empty {
border: 0px;
padding-bottom: 5px;
}

#menu #kategorie li.first {
padding-top: 8px;
}

#menu #kategorie li.last {
border:0px;
}

#zamowonline {
margin-bottom: 10px;
}

#zamowonline h2, #zamowonline h3 {
text-align:left;
padding: 4px 0px 4px 10px;
font-size: 16px;
background-color: #2a2829;
color: #9f9f9f;
}

#zamowonline h3 a {
color: #9f9f9f;
}

#zamowonline p {
background-color: #414242;
color: white;
padding: 4px 8px 5px 8px;
text-align:center;
}

#tresc {
margin: 20px 12px 0px 0px;
width: 500px;
float:right;
}

#tresc p {
margin: 6px 0px;
line-height: 120%;
}

#tresc ul {
margin: 2px 2px 6px 15px;
}

#tresc ul li {
list-style-type: square;
margin: 2px;
}

#tresc h2 {
color: black;
font-size: 22px;
font-weight:normal;
}

#tresc h4 {
margin-top: 12px;
}

#tresc h5 {
margin-top: 8px;
}

.promobox {
background: white url(images/grad.png) repeat-x;
border: 1px solid #c9c9c9;
margin: 20px 0px;
}

.promocja span {
cursor:pointer;
}

.promobox div.element {
clear:both;
margin: 8px 8px 8px 0px;
}

.wide p, .wide h3 {
text-align:center;
}

.promobox h3 {
margin: 0px;
font-weight: normal;
padding: 10px 5px;
font-size: 21px;
}

.promobox p.big {
font-family: Arial Black, Arial, sans-serif;
color: #393636;
font-size: 16px;
}

.promocja h3, .toggler p.big {
margin-left: 140px !important;
padding-left: 0px;
}

.toggler p.big {
font-weight:bold;
}

p.fire {
padding: 20px 0px 2px 0px;
}

.fire span {
background: transparent url(images/ogien.gif) no-repeat center 2px;
padding: 40px 25px 20px 25px;
color:white;
}

.promocja img {
float:left;
padding: 8px 10px 8px 20px;
}

.klienci h2{
margin: 20px 0px 10px 0px;
}

.klienci ul {
margin: 0px auto !important;
}

.klienci li {
list-style-type:none !important;
float:left;
width: 25%;
height: 65px;
text-align:center;
vertical-align: text-top;
margin: 0px 0px !important;
}

#stopka {
width: 760px;
height: 176px;
background: transparent;
clear:both;
text-align:center;
}

#stopka a {
color:black;
}

/* pojedyncza oferta */

.ofertalewo, .ofertaprawo {
padding: 15px 5px;
}

.ofertalewo {
float:left;
width: 42%;
text-align:center;
}

.ofertalewo small {
color: #999;
}

.ofertalewo .podglad {
border: 1px solid #c9c9c9;
width: 50mm;
height: 27mm;
margin: 3px auto;
}

.ofertalewo .podglad2, .ofertalewo .podglad3 {
margin: 3px auto;
}

.ofertalewo .podglad2 img {
max-width: 52mm;
max-height: 34mm;
border: 1px solid #c9c9c9;
}

.ofertaprawo {
float:right;
width: 50%;
}

.ofertaprawo dl.wizytowniki {
margin-left: 10px;
margin-top: 10px;
}

.ofertaprawo dt, .dostawa dt {
font-weight:bold;
padding: 0px 0px 2px 0px;
}

.dostawa dl {
margin-bottom: 12px;
}

.ofertaprawo dd, .dostawa dd {
padding: 0px 0px 6px 0px;
}

.ofertaprawo dd a, label a {
color: #fe5b00;
}

h3.cennik {
clear:both;
font-size: 22px;
font-weight: normal;
text-align:center;
font-variant: small-caps;
margin: 4px 0px 5px 0px;
}

table.realizacja {
width: 100%;
margin-bottom: 20px;
}

table.cennik {
width: 100%;
margin-bottom: 20px;
}

table.cennik caption {
font-weight:bold;
padding: 4px;
font-size: 13px;
margin-bottom: 4px;
}

table.cennik td {
background-color: #d1cdcc;
} 

table.cennik td.kupuj {
background-color: #e3e1e2;
}

table.cennik caption {
background-color: #fe5b00;
}

table.cennik td, table.cennik th, table.cennik caption {
border: 1px solid white;
}

table.cennik th {
background-color: #625c5c;
color:white;
font-size: 11px;
padding: 3px;
font-weight:normal;
}

table.cennik td {
text-align:center;
padding: 3px;
font-size: 11px;
white-space:nowrap;
}

table.cennik td.right {
text-align:right;
padding: 3px 20px 3px 3px;
}

table.cennik td.podtab {
background-color:white;
}

table.cennik td.doplaty {
text-align:left;
padding-left: 10px;
}

table.cennik td.projekt {
text-align:right;
font-weight:bold;
padding-right: 10px;
font-variant: small-caps;
font-size: 14px;
}

table.cennik td.projekt span {
color: #fe5b00;
}

input.button {
border: 0px;
background-color:transparent;
background-repeat: no-repeat;
background-position: center center;
width: 16px;
height: 16px;
cursor:pointer;
}

.wizytowniki dd input.button {
width: 200px;
height: 20px;
padding-left: 22px;
text-align:left;
background-position: 2px 2px;
font-weight: bold;
color: #fe5b00;
}

.kup {
background-image: url(images/cart_add.png);
}

.edit {
background-image: url(images/page_edit.png);
}

.ok {
background-image: url(images/ok.png);
}

.cancel {
background-image: url(images/error.png);
}

/* zamowienie */
.zamowienie {
margin-bottom: 10px;
}

.zamowienie h3 {
text-align:right;
font-size: 15px;
font-weight:normal;
margin: 1px 5px 8px 38%;
padding: 0px 12px 5px 6px;
border-bottom: 1px solid #fe5b00;
width: 60%;
}

.zamowienie h4, input.h4 {
font-size: 14px;
border: 0px;
font-weight:bold;
padding: 0px;
display:block;
margin: 7px 2px;
}

.grupycont h4 {
cursor:pointer;
padding-left: 1px;
margin-top: 10px !important;
width: 70%;
}

.grupycont h4:hover {
background-color: #fff6aa;
}

input.h4 {
background-color: #fff6aa;
width: 70% !important;
margin-top: 10px;
}

.grupycont {
padding-top: 10px;
}

.grupycont span {
padding: 0px !important;
}

.grupycont .button{
margin: 10px 2px 7px 2px;
}

.grupycont a.small {
padding-left: 7px;
clear:both;
display:block;
width: 40%;
}

.zamowienie div {
overflow: hidden;
clear: both;
margin: 6px;
}

#post_szablon, #post_projekt {
margin:0px;
}

.zamowienie div#szablon_prev {
overflow: auto;
clear:none;
margin:0px;
border: 1px solid #c9c9c9;
width: 70mm;
height: 30mm;
}

.zamowienie div label {
display:block;
float:left;
padding: 3px 0px 2px 0px;
width: 140px;
text-align:right;
margin-right: 10px;
}

.zamowienie div span {
display:block;
padding: 3px 0px 1px 0px;
}

.zamowienie div label.check {
width: auto;
padding: 0px;
text-align:left;
}

.zamowienie div.check {
height: 15px;
}

.zamowienie div.podsuma {
border-top:1px black solid;
width: 50%;
margin-top: 3px !important;
padding-top: 3px !important;
}

.zamowienie div input.check {
margin: 0px 5px 0px 150px;
height: 15px;
}

.zamowienie div.shift input.check {
margin-left: 40px;
}
 
.zamowienie div span.check {
margin-left: 150px;
padding-top: 0px !important;
padding-bottom:7px !important;
background: transparent url(images/psd.png) no-repeat 0px 0px;
display:block;
padding-left: 25px;
}

.zamowienie div span.check input.button {
display:inline !important;
float:none !important;
}
 
.zamowienie div.shift label {
cursor:pointer;
border-bottom: 1px dotted #fe5b00;
color: #fe5b00;
}

.zamowienie div select, .zamowienie div input, .zamowienie div textarea {
float:left;
}

.zamowienie div textarea {
width: 250px;
height: 80px;
}

.zamowienie div select {
width: 180px;
}

input.text {
width: 150px;
}

input.long {
width: 220px;
}

input.short {
width: 80px;
}

.zamowienie input.cena {
text-align:right;
width: 60px !important;
padding-top: 1px;
border: 2px solid white;
}

input.inv, textarea.inv {
border: 2px solid white;
padding-top: 1px;
}

.zamowienie input.send {
padding: 3px;
margin-right: 15px;
font-weight:bold;
}

.zamowienie input.inlinesend {
padding: 0px;
margin-right: 15px;
font-weight:bold;
}

.boxWiadomosc {
background: #f8fafc url(images/information.png) no-repeat 10px center;
border-width: 3px 0px 3px 0px;
border-color: #b5d4fe;
border-style: solid;
margin: 5px auto 12px auto;
padding: 8px 5px 5px 35px;
}

#zamowonline ul.kontakt {
margin: 6px;
background-repeat:no-repeat;
padding-left: 86px;
border-bottom: 1px #d6d6d6 solid;
}

#zamowonline ul.kontakt li {
list-style-type:none;
padding: 4px 1px 10px 1px;
}

.phone {
background-image: url('images/ic_tel.png');
}

.mug {
background-image: url('images/ic_mob.png');
}

.pen {
background-image: url('images/ic_mail.png');
border:0px !important;
}

#zamowonline h3 {
margin-top: 0px !important;
}

img.papier {
margin: 1px 0px 20px 4px;
}

p.papier {
padding-left: 6px;
}

div.toggler {
cursor:pointer;
margin: 10px 0px 0px 0px !important;
}

.rozwin {
background: transparent url(images/plus.png) no-repeat 5px 6px;
}

.zwin {
background: transparent url(images/minus.png) no-repeat 5px 6px;
}

span.toggler span.minilink {
display:block;
width: 60px;
float:right;
text-align:right;
padding-right: 16px;
margin: 4px 6px 0px 0px;
background: transparent url(images/plus.png) no-repeat right 2px;
font-size: 10px;
}

span.toggler:hover {
color: #fe5b00;
}

.zamowienie div.toggler h3 {
text-align:left !important;
margin-left: 0px !important;
padding-left: 22px;
}

.promobox .element p, .promobox .element h4 {
margin-left: 140px !important;
}

.promobox .element ul {
padding-left: 140px;
}

.promobox .element ul li {
list-style-type: square;
}

.promobox img.mindex {
float:left;
max-width: 110px;
}

#rWstecz1, #rDalej1 {
height: 180px;
}

#rWstecz2, #rDalej2 {
height: 340px;
}

#rWstecz1, #rDalej1, #rWstecz2, #rDalej2 {
width: 18px;
}


#rWstecz1, #rWstecz2 {
background: transparent url(images/a-left.png) no-repeat center center;
float:left;
}

#rDalej1, #rDalej2 {
background: transparent url(images/a-right.png) no-repeat center center;
float:right;
}

#poziomeRealizacje {
width: 450px;
height: 180px;
margin: 0px auto;
left: 0px;
top: 0px;
position:relative;
overflow:hidden;
}

#pionoweRealizacje {
width: 450px;
height: 340px;
margin:0px auto;
left: 0px;
top: 0px;
position:relative;
overflow:hidden;
}

#pionoweRealizacje div.realizacja {
position:absolute;
left:450px;
width: 450px;
height: 340px;
}

#poziomeRealizacje div.realizacja {
left:450px;
width:450px;
height:180px;
position:absolute;
}

#pionoweRealizacje div.pierwsza {
left: 0;
}

#poziomeRealizacje div.pierwsza {
left:0;
}

.realizacja img {
padding: 10px 10px 10px 5px;
float:left;
}

#pionoweRealizacje img {
padding-left: 25 px !important;
}

.realizacja h3 {
padding-top: 12px;
}

#rWstecz1 span, #rDalej1 span, #rWstecz2 span, #rDalej2 span {
display:none;
}

#wybory1, #wybory2 {
padding: 10px 8px;
}

#wybory1 a, #wybory2 a {
padding: 0px 10px;
}

#wybory2 {
margin-top: 20px;
}

#wiz {
width: 47% !important;
padding-left:0px !important;
padding-right: 0px !important;
}

.smallof {
font-size: 9px;
color: #ddd;
}

ol ol li {
list-style-type: lower-alpha;
}

ol li {
padding: 3px 0px;
}

div.reklama {
width: 95%;
border: 1px solid #fe5b00;
margin: 1px auto 12px auto;
background-color: #f4f4f4;
}

div.reklama span {
float:right;
text-align:right;
padding: 1px 5px;
font-size: 10px;
background-color: #fe5b00;
color:white;
}

div.reklama h3, div.reklama p {
margin: 7px 8px 0px 8px !important;
}

div.reklama p a {
color: #414242;
}

div.reklama div {
margin: 3px 8px 7px 8px;
}

div.reklama div a {
font-size: 11px;
}