@charset "utf-8";
/* CSS Document */

body {
      margin:0px;
      padding:0px;
      background:url(../gfx/bg_body.png) top repeat-x;
      font-family: Arial, Tahoma, Helvetica, sans-serif;
      font-size: 12px;
}

a img {border: 0;}

a:link {color: #035f8a; text-decoration: none;}
a:visited {color: #035f8a; text-decoration: none;}
a:active {color: #035f8a; text-decoration: none;}
a:hover {color: #488eaf; text-decoration: underline;}

li {
      line-height: 1.4em;
}

ul {
      list-style-image:url(../gfx/square.png);
      list-style-type:square;
}

#mainDIV {
      width: 910px;
      margin: 0 auto;
}

div.komunikat {
      background: #056997;
      margin: 20px auto 0 auto;
      width: 480px;
      padding: 10px;
      color: #FFFFFF;
      line-height: 1.4em;
      text-align: center;
      font-weight: bold;
      border: solid 1px #005a84;
      display: none;
}

div.komunikat a:link {color: #ffd800; text-decoration: underline;}
div.komunikat a:visited {color: #ffd800; text-decoration: none;}
div.komunikat a:active {color: #ffd800; text-decoration: none;}
div.komunikat a:hover {color: #FFFFFF; text-decoration: none;}

#logotopDIV {
      width: 906px;
      height: 80px;
      padding: 0 4px 0 0;
}

div.userpanel {
      float: right;
      padding: 20px 10px;
      text-align: right;
      color: #055173;
}
div.userpanel span.spacer {
      margin: 0 6px;
}

div.userpanel a:link {color: #00b1e6; text-decoration: none;}
div.userpanel a:visited {color: #00b1e6; text-decoration: none;}
div.userpanel a:active {color: #00b1e6; text-decoration: none;}
div.userpanel a:hover {color: #079cc9; text-decoration: underline;}

input.login {
      font-family: Tahoma, Arial, Helvetica, sans-serif;
      font-size: 0.9em;
      border: solid 1px #cccccc;
      color: #056998;
      width: 102px;
      height: 13px;
      padding: 3px;
      margin-right: 10px;
}

input.login2 {
      font-size: 1em;
      color: #ff0000;
      border: solid 1px #c5c5c5;
}

input.button {
      font-family: Tahoma, Arial, Helvetica, sans-serif;
      font-size: 0.9em;
      width: 102px;
      padding: 1px;
}

input.email {
      background:url(../gfx/bg_login.png) top left no-repeat;
}
input.pass {
      background:url(../gfx/bg_pass.png) top left no-repeat;
}


#menutopDIV {
      background:url(../gfx/bg_menutop.png) top left no-repeat;
      width: 890px;
      height: 50px;
      padding: 0 10px;
      margin: 0;
}
#menutopDIV div.item {
      text-align: center;
      width: 152px;
      height: 50px;
      margin: 0 5px;
      background: none;
      cursor: pointer;
      float: left;
}
#menutopDIV div.item:hover, #menutopDIV div.itemON {
      background:url(../gfx/bg_menutopitem.png);
}
#menutopDIV div.item h1 {
      color: #FFFFFF;
      margin: 0;
      padding: 0;
      line-height: 50px;
      font-weight: bold;
      font-size: 1.0em;
}



#submenuDIV {
      background:url(../gfx/bg_submenutop.jpg) top left no-repeat;
      width: 890px;
      height: 33px;
      padding: 0 10px;
      margin: 0;
}
#submenuDIV div.subitem {
      height: 33px;
      color: #FFFFFF;
      line-height: 30px;
      font-size: 0.8em;
      font-weight: bold;
}
#submenuDIV div.subitem img {
      border: none;
      padding: 0;
      margin: 0;
}

#submenu1 {
      width: 407px;
      padding: 0 20px;
      background: url(../gfx/bg_submenu1.png) top left no-repeat;
}
#submenu2 {
      width: 448px;
      padding: 0 20px;
      background: url(../gfx/bg_submenu2.png) top left no-repeat;
}

#submenu3 {
      width: 361px;
      padding: 0 20px;
      background: url(../gfx/bg_submenu3.png) top left no-repeat;
}

#submenuDIV a:link    {color: #dcf4ff; text-decoration: none; border-bottom: 0;}
#submenuDIV a:visited {color: #dcf4ff; text-decoration: none;}
#submenuDIV a:active  {color: #dcf4ff; text-decoration: none;}
#submenuDIV a:hover   {color: #ffffff; text-decoration: none; border-bottom: dotted 1px #40a0cc;}

#submenuDIV span.spacer {margin: 0 10px;}

#topbuttons {
      background: url(../gfx/bg_topbuttons.jpg) top left no-repeat;
      width: 910px;
      height: 143px;
      padding: 78px 5px 0 5px;
}

#topbuttons div.item {
      width: 300px;
      float: left;
      text-align: center;
      font-size: 1.0em;
      font-weight: bold;
}
#topbuttons div.item input {margin-bottom: 6px;}
#topbuttons div.item a:link    {color: #ffffff; text-decoration: none;}
#topbuttons div.item a:visited {color: #ffffff; text-decoration: none;}
#topbuttons div.item a:active  {color: #ffffff; text-decoration: none;}
#topbuttons div.item a:hover   {color: #fff600; text-decoration: none;}




div.contentBOX {
      width: 910px;
      margin: 20px 0 0 0;
}
div.contentH {
      width: 880px;
      height: 50px;
      padding: 0 15px;
      background: url(../gfx/bg_contenthead.png) top left no-repeat;
}

div.contentHbg {
      background: url(../gfx/bg_contenthead_c.png) top left repeat-x;
      float: left;
      padding: 0 5px;
}

div.contentH h2 {
      color: #FFFFFF;
      margin: 0;
      padding: 0;
      line-height: 50px;
      font-weight: bold;
      font-size: 1.0em;
}
div.content {
      width: 860px;
      padding: 15px 25px 0 25px;
      background: url(../gfx/bg_content.png) top left no-repeat;
}




div.newsBox {
      width: 420px;
      float: left;
}
div.newsH {
      padding: 0 0 2px 0;
      border-bottom: solid 2px #9fcbe0;
}
div.newsH h3 {
      color: #004e73;
      margin: 0;
      padding: 0;
      font-weight: bold;
      font-size: 1.1em;
}
div.newsContent {
      margin-top: 15px;
      text-align: justify;
      line-height: 1.5em;
}
div.newsContent p, div.content p {
      margin: 6px 0 8px 0;
}

div.newsContent a:link {color: #035f8a; text-decoration: none;}
div.newsContent a:visited {color: #035f8a; text-decoration: none;}
div.newsContent a:active {color: #035f8a; text-decoration: none;}
div.newsContent a:hover {color: #488eaf; text-decoration: underline;}


#newprodDIV {
      padding: 10px 15px 0 15px;
      width: 880px;
      overflow: hidden;
      background: url(../gfx/bg_content.png) top left no-repeat;
}
#newprodDIV div.slidernav{
    width: 55px;
    height: 135px;
    float: left;
}

div.newprodBox {
      text-align: center;
      width: 102px;
      padding: 4px;
      float: left;
      font-family: Tahoma, Arial, Helvetica, sans-serif;
      text-align: center;
      font-size: 1.2em;
      color: #df0000;
      font-weight: bold;
}
div.newprodBox  img {
      border: solid 1px #eaeaea;
      margin-bottom: 5px;
}

div.newprodBox  img:hover {
      border: solid 1px #91a8c1;
}

/* Easy Slider */

#slider{
    float: left;
}

#slider ul, #slider li {
      margin:0;
      padding:0;
      list-style:none;
}
#slider li { 
      width:770px;
      height:135px;
      overflow:hidden; 
}


#bottomhead {
      background: url(../gfx/bg_bottomhead.png) top left no-repeat;
      width: 890px;
      height: 55px;
      padding: 0 10px;
      margin-top: 20px;
      line-height: 50px;
      font-weight: bold;
      color: #FFFFFF;
      text-align: center;
}

#bottomhead a {margin: 0 10px;}

#bottomhead a:link {color: #FFFFFF; text-decoration: none;}
#bottomhead a:visited {color: #FFFFFF; text-decoration: none;}
#bottomhead a:active {color: #FFFFFF; text-decoration: none;}
#bottomhead a:hover {color: #FFFFFF; text-decoration: underline;}


#stopka {
      width: 885px;
      padding: 15px 5px 0 20px;
      color: #696969;
}

#logo {
      height: 80px;
      float: left;
}

#logo2 {
      float: left;
      text-align: justify;
      width: 342px;
      padding-top: 17px;
}

#parnerzy {
      float: left;
      text-align: center;
      width: 338px;
      padding: 20px 0 0 15px;
}

#parnerzy img {margin: 0 6px; float: left;}

div.qtip-content {
      font-size: 0.8em;
      font-weight: bold;
}
/* koszyk ------------------------------ */

table.koszykTab {
      margin: 10px auto 0 auto;
      width: 100%;
      background: #ffffff;
}

table.koszykTab th {
      font-weight: bold;
      line-height: 2.5em;
      background: #3575b3;
      color: #FFFFFF;
      padding: 0 5px;
}
table.koszykTab tr:hover td {
      background:url(../gfx/bg_register2.png) top repeat-x;
}
table.koszykTab td {
      vertical-align: middle;
      background:url(../gfx/bg_register.png) top repeat-x;
}
table.koszykTab td.foto {
      width: 50px;
}
table.koszykTab td.produkt {
      font-size: 1.1em;
      font-weight: bold;
      width: 280px;
}
table.koszykTab td.cena {
      text-align: right;
      width: 80px;
}
table.koszykTab td.opcje {
      text-align: center;
      width: 85px;
}

table.koszykTab td.opcje input {
      margin: 2px 0;
      width: 85px;
}

table.koszykTab td {
      padding: 10px 5px;
}

/* podsumowanie zamowienia ------------- */

table.podsZam {
      margin: 10px auto 0 auto;
      width: 100%;
      background: #ffffff;
}

table.podsZam th {
      font-weight: bold;
      line-height: 2.5em;
      background: #e48100;
      color: #FFFFFF;
      padding: 0 5px;
}

table.podsZam td {
      vertical-align: top;
      background:url(../gfx/bg_register.png) top repeat-x;
      padding: 10px;
}
table.podsZam td.wazne {
      background:url(../gfx/bg_register2.png) top repeat-x;
}

table.pusta {width: 100%;}
table.pusta td {
      background: none;
      padding: 0;
}
table.pusta td label {display: inline; line-height: 18px; float: left; margin-left: 5px;}
table.pusta td input {margin: 0px; padding: 0px; height: 18px; float: left;}

div.podsZam {
      background: #3575b3;
      padding: 10px;
      color: #ffffff;
      line-height: 23px;
      margin-bottom: 15px;
}

div.podsZam a {
      color: #ffffff; text-decoration: underline; font-weight: bold;
}

/* rejestracja ------------------------- */

table.registerTab {
      margin: 10px auto 0 auto;
      width: 100%;
      border-bottom: solid 1px #707070;
}
table.registerTab2      {border-color: #006696;}

table.registerTab th.registerH {
      background: #707070;
      border: 0px solid #707070;
      border-width: 0 0 0 2px;
      padding: 2px 4px;
      width: 50%;
}
table.registerTab th.registerH2 {
      background: #006696;
      border-color: #006696;
}
table.registerTab th.empty   {
      background: none;
      border-bottom: 2px solid #707070;
}
table.registerTab th.empty2  {
      background: none;
      border-bottom: 2px solid #006696;
}
table.registerTab th.registerH h3, table.registerTab th.registerH2 h3 {
      line-height: 2.0em;
      margin: 0;
      color:#FFFFFF;
      font-size: 1.0em;
      text-align: left;
}

td.register input.button {
      width: auto;
}

table.registerTab td.register label {
      text-align: left;
      margin-left: 5px;
      float: left;
      line-height: 14px;
}
table.registerTab td.register input {
      margin: 0;
      float: left;
}

table.registerTab td.register {
      width: 50%;
      position:relative;
      background:url(../gfx/bg_register.png) top repeat-x;
      border: 0px solid #707070;
      border-width: 0 0 0 1px;
      padding: 8px;
      font-size: 0.9em;
}
table.registerTab td.registerLong  {border-width: 0 1px 0 1px;}
table.registerTab td.register2     {
      border: 0px solid #006696;
      border-width: 0 0 0 1px;
}
table.registerTab td.registerR     {border-width: 0 1px 0 0;}
table.registerTab td.registerR2    {border-width: 0 1px 0 0;}

table.registerTab div.label {
      float: left;
      width: 100px;
      line-height: 19px;
}

img.registerOps  {padding: 1px 0;}
img.registerHelp {padding: 1px 0;}

input.inputRegCheck     {margin-left: 0;}
input.inputReg    {float: left;}

input.inputReg, select.selectReg, textarea.inputReg  {
      padding: 3px;
      font-size: 11px;
      border-top: solid 1px #8f8f8f;
      border-left: solid 1px #8f8f8f;
      border-bottom: solid 1px #cdcdcd;
      border-right: solid 1px #cdcdcd;
      background:#FFFFFF;
      }
input.inputReg2   {
      border-top: solid 1px #d22c00;
      border-left: solid 1px #d22c00;
      border-bottom: solid 1px #fd7e5c;
      border-right: solid 1px #fd7e5c;
      background:#FFFFFF;
      }
div.opisProd {
            float: left;
            width: 579px;
            padding: 0 25px 0 0;
            margin: 0 25px 0 0;
            border-right: dotted 1px #808080;
      }
div.fotoProd {
            float: left;
            width: 230px;
      }
table.cenaProd {
            width: 100%;
            margin-bottom: 20px;
      }
table.cenaProd td {width: 50%}
img.produkt {border: solid 1px #e3e3e3;}
img.produkt:hover {border-color: #006fa4;}

div.statContent h3 
{
    margin: 0pt 0pt 15px;
    padding: 0pt;
    color: #006c9d;
    font-weight: bold;
    font-size: 1.5em;
}

.width50p {width: 50%; position: relative;}

.margA {margin: 0 auto}
      
.lineH14 {line-height: 14px;}
.lineH18 {line-height: 18px;}
.width120   {width: 120px;}
.margL120 {margin-left:120px;}

.margB10 {margin-bottom: 10px;}
.margB5 {margin-bottom: 5px;}
.margL25 {margin-left: 25px;}
.margT5 {margin-top: 5px;}
.margT10 {margin-top: 10px;}
.margR20 {margin-right: 20px;}
.margR10 {margin-right: 10px!important;}
.margR15 {margin-right: 15px;}
.margL5 {margin-left: 5px;}
.margR5 {margin-right: 5px;}

.hidden {display: none;}

.floatL {float: left;}
.floatR {float: right;}
.clear {clear: both;}

.fontB {font-weight: bold;}
.fontN {font-size: 1.0em!important;}


.textL {text-align:left;}
.textC {text-align:center;}
.textR {text-align:right;}
.textJ {text-align:justify;}
.big {font-size: 1.3em; color: #004767;}
.small {font-size: 0.8em;}
.red {color: #f20000;}
.green {color: #00cc00;}
.orange {color: #ff8a00;}
.white {color: #ffffff;}
.blue {color: #3575b3;}