ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin: 0; padding: 0; }
a img,:link img,:visited img { border: none; }

a
{
  outline: 0;
  text-decoration: none;
  color: #2A1E0E;
}

a:hover
{
  text-decoration: underline;
}

body, td
{
  margin: 0;
  padding: 0;
  font-family: Trebuchet ms, sans-serif;
  font-size: 11px;
  color: #31250B;
}

body
{
  background: url(../images/bg-bar.png) repeat-y;
}

h1 {
  font-size: 18pt;
  padding: 20px 0;
}

input {
  font-size: 16pt;
  text-align: center;
  padding: 4px 10px;
  color: #fff;
  background: url(../images/input-bg.jpg) no-repeat;
  border: 0;
}

#preContainer {
  padding: 150px 0;
  background: url(../images/bg.jpg) top left fixed;
  min-height: 950px;
}
#container {
  margin: 0 auto;
  width: 843px;
}
#container #header {
  position: relative;
  height: 90px;
  background: url(../images/logotyp.png) left center no-repeat;
}
#container #header a {
  text-decoration: none;
}
#container #header .logo {
  position: absolute;
  top: 22px;
  left: 0;
  width: 366px;
  height: 50px;
}
#container #header .logoWO {
  position: absolute;
  top: 0;
  right: 0;
  width: 173px;
  height: 87px;
  background: url(../images/logotyp-wrozby.png) left center no-repeat;
}
#container #nav {
  height: 47px;
  background: url(../images/menu.png) no-repeat;
}
#container #nav ul {
  position: relative;
}
#container #nav ul li {
  position: absolute;
}
#container #nav ul li, #container #nav ul a {
  height: 47px;
  display: block;
}
#container #nav ul a span {
  display: none;
}
#container #nav ul li.start {
  width: 66px;
  left: 0;
}
#container #nav ul li.magia {
  width: 118px;
  left: 66px;
}
#container #nav ul li.choroby {
  width: 168px;
  left: 184px;
}
#container #nav ul li.rytualy {
  width: 185px;
  left: 352px;
}
#container #nav ul li.ziola {
  width: 90px;
  left: 538px;
}
#container #nav ul li.start a:hover {
  background: url(../images/menu.png) 0 -48px no-repeat;
}
#container #nav ul li.magia a:hover {
  background: url(../images/menu.png) -66px -48px no-repeat;
}
#container #nav ul li.choroby a:hover {
  background: url(../images/menu.png) -184px -48px no-repeat;
}
#container #nav ul li.rytualy a:hover {
  background: url(../images/menu.png) -353px -48px no-repeat;
}
#container #nav ul li.ziola a:hover {
  background: url(../images/menu.png) -539px -48px no-repeat;
}
#container #content {
  padding: 10px 0;
}
#container #content #sidebar {
  width: 234px;
  float: left;
}
#container #content #sidebar h2 {
  font-size: 12px;
  text-transform: uppercase;
  height: 49px;
  color: #ffffff;
  background: url(../images/button-dark.png) no-repeat;
}
#container #content #sidebar h2.contact {
  background: #B2011B;
}
#container #content #sidebar h2 span {
  display: block;
  padding-top: 16px;
  padding-left: 10px;
  padding-right: 10px;
  height: 15px;
  overflow: hidden;
}
#container #content #sidebar ul {
  list-style: none;
}
#container #content #sidebar #aplhabet {
  position: relative;
  width: 234px; 
  height: 336px;
  margin-bottom: 2px;
  background: url(../images/menu-alfabet.png) no-repeat;
}
#container #content #sidebar #aplhabet a {
  position: absolute;
  width: 78px;
  height: 42px;
  display: block;
}
#container #content #sidebar #aplhabet a span {
  display: none;
}
#container #content #sidebar #aplhabet .a-a { top: 0; left: 0; }
#container #content #sidebar #aplhabet .a-b { top: 0; left: 78px; }
#container #content #sidebar #aplhabet .a-c { top: 0; left: 156px; }
#container #content #sidebar #aplhabet .a-d { top: 42px; left: 0; }
#container #content #sidebar #aplhabet .a-e { top: 42px; left: 78px; }
#container #content #sidebar #aplhabet .a-f { top: 42px; left: 156px; }
#container #content #sidebar #aplhabet .a-g { top: 84px; left: 0; }
#container #content #sidebar #aplhabet .a-h { top: 84px; left: 78px; }
#container #content #sidebar #aplhabet .a-i { top: 84px; left: 156px; }
#container #content #sidebar #aplhabet .a-j { top: 126px; left: 0; }
#container #content #sidebar #aplhabet .a-k { top: 126px; left: 78px; }
#container #content #sidebar #aplhabet .a-l { top: 126px; left: 156px; }
#container #content #sidebar #aplhabet .a-m { top: 168px; left: 0; }
#container #content #sidebar #aplhabet .a-n { top: 168px; left: 78px; }
#container #content #sidebar #aplhabet .a-o { top: 168px; left: 156px; }
#container #content #sidebar #aplhabet .a-p { top: 210px; left: 0; }
#container #content #sidebar #aplhabet .a-r { top: 210px; left: 78px; }
#container #content #sidebar #aplhabet .a-s { top: 210px; left: 156px; }
#container #content #sidebar #aplhabet .a-t { top: 252px; left: 0; }
#container #content #sidebar #aplhabet .a-u { top: 252px; left: 78px; }
#container #content #sidebar #aplhabet .a-w { top: 252px; left: 156px; }
#container #content #sidebar #aplhabet .a-z { top: 294px; left: 0; }
#container #content #sidebar #aplhabet .a-a:hover, #container #content #sidebar #aplhabet .a-a.active { background: url(../images/menu-alfabet.png) 0 -336px no-repeat; }
#container #content #sidebar #aplhabet .a-b:hover, #container #content #sidebar #aplhabet .a-b.active { background: url(../images/menu-alfabet.png) -78px -336px no-repeat;}
#container #content #sidebar #aplhabet .a-c:hover, #container #content #sidebar #aplhabet .a-c.active { background: url(../images/menu-alfabet.png) -156px -336px no-repeat;}
#container #content #sidebar #aplhabet .a-d:hover, #container #content #sidebar #aplhabet .a-d.active { background: url(../images/menu-alfabet.png) 0 -378px no-repeat;}
#container #content #sidebar #aplhabet .a-e:hover, #container #content #sidebar #aplhabet .a-e.active { background: url(../images/menu-alfabet.png) -78px -378px no-repeat;}
#container #content #sidebar #aplhabet .a-f:hover, #container #content #sidebar #aplhabet .a-f.active { background: url(../images/menu-alfabet.png) -156px -378px no-repeat;}
#container #content #sidebar #aplhabet .a-g:hover, #container #content #sidebar #aplhabet .a-g.active { background: url(../images/menu-alfabet.png) 0 -420px no-repeat;}
#container #content #sidebar #aplhabet .a-h:hover, #container #content #sidebar #aplhabet .a-h.active { background: url(../images/menu-alfabet.png) -78px -420px no-repeat;}
#container #content #sidebar #aplhabet .a-i:hover, #container #content #sidebar #aplhabet .a-i.active { background: url(../images/menu-alfabet.png) -156px -420px no-repeat;}
#container #content #sidebar #aplhabet .a-j:hover, #container #content #sidebar #aplhabet .a-j.active { background: url(../images/menu-alfabet.png) 0 -462px no-repeat;}
#container #content #sidebar #aplhabet .a-k:hover, #container #content #sidebar #aplhabet .a-k.active { background: url(../images/menu-alfabet.png) -78px -462px no-repeat;}
#container #content #sidebar #aplhabet .a-l:hover, #container #content #sidebar #aplhabet .a-l.active { background: url(../images/menu-alfabet.png) -156px -462px no-repeat;}
#container #content #sidebar #aplhabet .a-m:hover, #container #content #sidebar #aplhabet .a-m.active { background: url(../images/menu-alfabet.png) 0 -504px no-repeat;}
#container #content #sidebar #aplhabet .a-n:hover, #container #content #sidebar #aplhabet .a-n.active { background: url(../images/menu-alfabet.png) -78px -504px no-repeat;}
#container #content #sidebar #aplhabet .a-o:hover, #container #content #sidebar #aplhabet .a-o.active { background: url(../images/menu-alfabet.png) -156px -504px no-repeat;}
#container #content #sidebar #aplhabet .a-p:hover, #container #content #sidebar #aplhabet .a-p.active { background: url(../images/menu-alfabet.png) 0 -546px no-repeat;}
#container #content #sidebar #aplhabet .a-r:hover, #container #content #sidebar #aplhabet .a-r.active { background: url(../images/menu-alfabet.png) -78px -546px no-repeat;}
#container #content #sidebar #aplhabet .a-s:hover, #container #content #sidebar #aplhabet .a-s.active { background: url(../images/menu-alfabet.png) -156px -546px no-repeat;}
#container #content #sidebar #aplhabet .a-t:hover, #container #content #sidebar #aplhabet .a-t.active { background: url(../images/menu-alfabet.png) 0 -588px no-repeat;}
#container #content #sidebar #aplhabet .a-u:hover, #container #content #sidebar #aplhabet .a-u.active { background: url(../images/menu-alfabet.png) -78px -588px no-repeat;}
#container #content #sidebar #aplhabet .a-w:hover, #container #content #sidebar #aplhabet .a-w.active { background: url(../images/menu-alfabet.png) -156px -588px no-repeat;}
#container #content #sidebar #aplhabet .a-z:hover, #container #content #sidebar #aplhabet .a-z.active { background: url(../images/menu-alfabet.png) 0 -630px no-repeat;}
#container #content #sidebar .outer {
  font-size: 12px;
  text-transform: uppercase;
  height: 47px;
  vertical-align: middle;
  background: url(../images/button-light.png) no-repeat; 
}
#container #content #sidebar .outer.active {
  color: #fff !important;
  background: url(../images/button-light-red.png) no-repeat; 
}
#container #content #sidebar .outer.active a {
  color: #fff !important;
}
#container #content #sidebar .outer.oContact {
  font-size: 12px;
  text-transform: uppercase;
  height: 84px;
  margin-top: 2px;
  vertical-align: middle;
  background: url(../images/bg-kontakt.png) no-repeat; 
}
#container #content #sidebar .outer .middle {
  padding-top: 16px;
  padding-left: 16px;
  padding-right: 16px;
  overflow: hidden;
  height: 15px;
}
#container #content #sidebar .outer .inner {
  font-weight: bold;
  color: #2A1E0E;
}
#container #content #sidebar .outer.oContact .inner {
  padding: 16px;
}
#container #content #centerbar {
  font-size: 10pt;
  width: 602px;
  float: right;
}
#container #content #centerbar h2 {
  font-size: 12pt;
  padding: 20px 0;
}
#container #content #centerbar em {
  font-weight: bold;
  font-style: normal;
  font-size: 19pt;
}
#container #content #centerbar p {
  margin-bottom: 10px;
}
#container #content #centerbar .banner  {
  height: 257px;
  background: url(../images/photo-wczytywanie.png) no-repeat;
}
#container #content #centerbar .banner div {
  height: 257px;
}
#container #content #centerbar .desc {
  margin-top: 4px;
  background: url(../images/bg-txt.jpg) no-repeat;
}
#container #content #centerbar .desc .wrap {
  padding: 20px;
}
#container #content #centerbar .desc2 {
  
}
#container #content #centerbar .desc2 .wrap {
  padding: 0 20px 20px 20px;
  background: url(../images/bg-txt.jpg) no-repeat;
}
#container #content #centerbar .error {
  padding: 20px;
  color: #fff;
  background: #722316;
}
#container #content #centerbar .form {
  background: url(../images/bg-txt2.jpg) no-repeat;
}
#container #content #centerbar .form .wrap {
  padding: 20px;
}
#container #content #centerbar .preloader {
  background: url(../images/bg-txt3.jpg) no-repeat;
}
#container #content #centerbar .preloader .wrap {
  font-size: 13pt;
  font-weight: bold;
  padding: 20px;
}
#container #content .accordionToggle {
  font-size: 14pt !important;
  margin: 0 !important;
  padding: 0 !important;
  cursor: pointer;
  border-bottom: 1px solid #8B7347;
}
#container #content .accordionToggleActive {
  background: #927A4E;
}
#container #content .accordionToggle div, #container #content .accordionToggleActive div {
  padding: 10px !important;
}
#container #content .accordionContent {
  overflow: hidden;
  background: #927A4E;
  border-bottom: 1px solid #8B7347;
}
#container #footer {
  height: 80px;
  background: url(../images/footer.png) top right no-repeat;
}
#container #smsPrice {
  text-align: center;
  padding: 10px;
  font-size:12pt;
  background: url(../images/bg-txt.jpg) no-repeat;
}

.price {
  font-size:13pt;
}

#container #smsPrice .price {
  padding-top: 6px;
  font-size:12pt;
  float: left;
}
#container #smsPrice .ebill {
  text-decoration: none;
  float: right;
  height: 24px;
  padding-top: 6px;
  padding-right: 108px;
  display: block;
  background: url(https://www.ebill.pl/images/logo/logo0.png) right no-repeat;
}
#container #smsPrice .ebill:hover {
  
  background: url(https://www.ebill.pl/images/logo/logo1.png) right no-repeat;
}
.btn {
  color: #31250B;
  background: none;
}
.cl {
  clear: both;
}