body{ margin:0; padding: 0; background:#f9fafd url(img/bg.jpg) repeat-x; font-family: Tahoma, sans-serif;}



h1, h2, h3, h4, h5, h6, p, form, ul, li{margin: 0; padding: 0;}
img{border:0}
a{text-decoration:none}
a:hover{text-decoration:underline}
.clear{clear: both}

.pasek{ width: 100%; height: 5px; background: #3db3f0;font-size: 1px; line-height: 1px;}

#top{ height: 110px; width: 960px; text-align: left; background:url(img/bazgrolki.jpg) no-repeat; background-position: 440px 0; }
 .logo{ padding: 18px 0 18px 22px; float: left;}
 .herby{ float: right; padding: 30px 22px 0 0;}
 
#menu{width: 960px; position: relative; }
#ul_menu{ margin: 0; padding: 0; list-style: none;}
#ul_menu li.main{float: left; }
#ul_menu a{ display: block; text-decoration: none; z-index: 3; position:static;}
#ul_menu a:hover, #now{ background-position: 0 -50px; z-index: 3}
.m0{ background:url(img/menu_1.gif) no-repeat; width: 158px; height: 50px;}
.m1{ background:url(img/menu_2.gif) no-repeat; width: 184px; height: 50px;}
.m2{ background:url(img/menu_3.gif) no-repeat; width: 209px; height: 50px;}
.m3{ background:url(img/menu_4.gif) no-repeat; width: 179px; height: 50px;}
.m4{ background:url(img/menu_5.gif) no-repeat; width: 125px; height: 50px; z-index: 3}
.m5{ background:url(img/menu_6.gif) no-repeat; width: 105px; height: 50px;}
#sub1{ position: absolute; z-index: 2; width: 260px; top:50px; left:158px; padding: 10px 0 20px 0; background: #54adda; font-size: 12px; line-height: 12px; text-align: left; list-style: none; }
#sub1 a{color: #fff; padding: 7px 31px 8px 5px; }
#sub1 a:hover{ background: #6ebae0;}
#sub1 li{border-bottom: 1px dashed #88c6e5; margin: 0 20px}
#sub2{position: absolute; z-index: 2; top:50px; width:240px; left: 342px; padding: 10px 0 20px 0; background: #54adda; font-size: 12px; line-height: 12px; text-align: left; list-style: none;}
#sub2 a{color: #fff; padding: 7px 81px 8px 5px; }
#sub2 a:hover{ background: #6ebae0;}
#sub2 li{border-bottom: 1px dashed #88c6e5; margin: 0 20px}
#sub3{position: absolute; z-index: 2; top:50px; width:220px; left: 551px; padding: 10px 0 20px 0; background: #54adda; font-size: 12px; line-height: 12px; text-align: left; list-style: none;}
#sub3 a{color: #fff; padding: 7px 51px 8px 5px; }
#sub3 a:hover{ background: #6ebae0;}
#sub3 li{border-bottom: 1px dashed #88c6e5; margin: 0 20px}
#sub4{position: absolute; z-index: 2; top:50px; width: 340px; left: 600px; padding: 10px 0 20px 0; background: #54adda; font-size: 12px; line-height: 12px; text-align: left; list-style: none;}
#sub4 a{color: #fff; padding: 7px 21px 8px 5px; }
#sub4 a:hover{ background: #6ebae0;}
#sub4 li{border-bottom: 1px dashed #88c6e5; margin: 0 20px}




#slinkow{ width: 960px; height: 48px; font-size: 11px; text-align: left; color: #63696c; }
#slinkow p{ padding:16px 0 0 22px;}
#slinkow a{ color: #63696c; }
#slinkow a:hover{ color: #333; text-decoration: underline;}

#cialo{ width: 960px;}
#lewa_kol{float: left; text-align: left; width: 240px;}
  #z_ostatniej{ widows: 237px; height: 235px; background:url(img/z_ostatniej_chwili.jpg) no-repeat; }
  #z_ostatniej p{color: #434648; font-size: 12px; line-height: 21px; width: 195px; text-align: justify; padding:84px 0 0 22px;}
  #z_ostatniej .wiecej{margin: 14px 0 0 25px; width: 75px; height:31px; display: block; background:url(img/z_ostatniej_wiecej.gif) no-repeat; }
  #z_ostatniej .wiecej:hover{background-position: 0 -31px;}
  
  .belka{ background: url(img/belka.gif) no-repeat; width: 240px; height: 51px; margin-bottom: 1px;}
  .belka h3{ color: #fff; font-size: 20px; letter-spacing: -0.5px; padding: 15px 0 0 22px;}
  .box_bg{ background: #d0e6ef; width: 196px; padding: 13px 22px; margin-bottom: 1px; }
  .box_bg p.data{font-size: 11px; float: left;}
  .box_bg p.autor{font-size: 11px; float: right;}
  .box_bg p{font-size: 11px; line-height: 14px; color: #63696c;}
  .box_bg h6{font-size: 11px; margin: 9px 0 7px 0; }
  .box_bg h6 a{color: #63696c; }
  .box_bg h5{font-size: 12px; }
  .box_bg h5 a{color: #63696c; }
  .box_bg span a{color: #1f7fb1; font-weight: bold;}
  
  .sekret_box_bg{ background: #d0e6ef url(img/telefon.gif) left bottom no-repeat; width: 196px; padding: 13px 22px; margin-bottom: 1px; }
  .sekret_box_bg p{font-size: 11px; line-height: 14px; color: #63696c; margin-bottom: 4px; margin-left: 50px}

#prawa_kol{float: right; width: 700px; }
  #witaj{ width: 700px; height: 218px; background:url(img/uczniowie.jpg) no-repeat; text-align: left; position: relative; z-index: 0;}
  #witaj h2{font-size: 21px; /*color: #49768e;*/ color:#ff0000; letter-spacing: -0.5px; font-weight: normal; padding: 23px 0 0 30px;}
  #witaj p{color: #434648; font-size: 12px; line-height: 18px; width: 310px; padding: 13px 0 0 30px;}
  #witaj img{ padding: 17px 0 0 30px;}
  #witaj .rece{position: absolute; top:-48px; right: 0; z-index: -1; padding: 0;}
  
  .belka_dl{ background: url(img/belka_dluga2.gif) no-repeat; width: 700px; height: 51px; margin-bottom: 1px; text-align: left;}
  .belka_dl h3{ color: #fff; font-size: 20px; letter-spacing: -0.5px; padding: 15px 0 0 22px;}
  
  .zakladka_content{padding: 22px; text-align: left; background: #d2e6ee; min-height: 450px; font-size: 12px; color: #444;}
  .zakladka_content p{ font-size: 12px; line-height: 20px; padding-bottom: 10px; color: #444;}
  .zakladka_content a{ color: #4090bc;}
  .zakladka_content h4{ }
  .zakladka_content ul{ margin-left: 40px; margin-bottom: 10px}
  .zakladka_content .left{ float: left; margin: 0 20px 0 0;} 
  .zakladka_content .left img{padding: 5px; border: 1px dashed #a2a8ac;}
  .zakladka_content .right{ float:right; margin: 0 0 0 20px;}
  .zakladka_content .right img{padding: 5px; border: 1px dashed #a2a8ac;}
  .zakladka_content .em{font-style: italic; font-size: 11px; color: #676767}
  .zakladka_bottom {text-align:left; background: url(img/bot_corner_right.gif) right top; margin-bottom: 10px;}
  
  .else{padding: 22px; text-align: left; background: #d2e6ee; min-height: 150px; font-size: 12px; color: #444;}
  .else p{ font-size: 12px; line-height: 20px; padding-bottom: 10px; color: #444;}
  
  .archiwum h4{padding-left: 20px; background: url(img/news_ico.gif) no-repeat;}
  .archiwum p{padding-left: 20px; font-size: 11px;}

.tytul_index{ text-align: left; margin-top: 15px; padding: 18px 0 12px 0;}
.arty{ padding-top: 13px;}
.hr{border-top: 1px dashed #a2a8ac; margin-top: 15px; height: 15px;}
.artl{ float: left; text-align: left; width: 348px; border-right: 1px dashed #a2a8ac}
.a_ico{float:left; width: 100px; text-align: center }
.a_ico img{padding:15px 0 0 7px;}
.a_cont{float: left; width: 220px;}
.artl h5{ font-size: 12px; color: #63696c; margin-bottom: 5px;}
.artl p{ font-size: 11px; line-height: 18px; color: #49768e; text-align: justify;}
.artl .wiecej{margin: 10px 0;}
.artr{ float: left; text-align: left; width: 335px; padding-left: 15px; }
.artr h5{ font-size: 12px; color: #63696c; margin-bottom: 5px;}
.artr p{ font-size: 11px; line-height: 18px; color: #49768e; text-align: justify;}
.artr .wiecej{margin: 10px 0;}

#kontakt_t td{ font-size: 12px; color: #4f4f4f}
.inp{ background: #e7f2f7; border: 1px dashed #9f9f9f; font-family: Tahoma, sans-serif; font-size: 11px; padding: 6px; width: 230px;}
.txta{ background: #e7f2f7; border: 1px dashed #9f9f9f; font-family: Tahoma, sans-serif; font-size: 11px; padding: 6px; width: 260px; height: 90px;}
.token{background: #e7f2f7; border: 1px dashed #9f9f9f; font-family: Tahoma, sans-serif; font-size: 11px; padding: 6px 6px 7px 6px; width: 110px; float: left}
.error{background: #ffcccc; border: 1px solid #ffa6a6; color: #ff0000; font-family: Tahoma, sans-serif; font-size: 11px; padding: 5px 6px 6px 6px; margin: 10px 20px;}
.ok{background: #e7f3dd; border: 1px solid #bfdfa3; font-family: Tahoma, sans-serif; color: #719254; font-size: 11px; padding: 5px 6px 6px 6px; margin: 10px 20px;}

.stronicowanie{ text-align: right;}
.stronicowanie ul{ list-style: none;}
.stronicowanie ul li{ float: left; font-size: 10px; margin: 0 1px 0 0;}
.stronicowanie ul li a{ display: block; background: url(img/pagin_next.jpg) no-repeat; color: #fff; padding: 3px 0; width: 20px; }
.on_it{background:url(img/pagin_on_it.jpg) no-repeat; color: #fff; padding: 3px 0; width: 20px;}
  
#footer_top{ width: 960px; height: 10px; background: url(img/tooter_top.gif) no-repeat; margin-top: 15px; font-size: 1px; line-height: 1px;}
#footer{ width: 960px; background: url(img/footer_bg.gif) repeat-y; font-size: 10px; line-height: 12px; color: #63696c; padding: 5px 0 10px 0;}
#footer .copy{ float: left; width: 320px; text-align: left; margin-left: 22px; line-height: 14px}
#footer .xors{ background:url(img/xors.gif) no-repeat;  text-align: left; padding: 12px 0 20px 42px; background-position: 0 10px; line-height: 14px }
#footer .links{ float: left; width: 250px; text-align: left; line-height: 14px}
#footer a{color: #63696c;}
#footer .links li{margin-left: 13px;}
#footer .links ul{ margin-bottom: 5px;}
#footer .bip{ float: right; width:200px; text-align: right; margin-right: 22px; }
#footer .bip p{background:url(img/apple.gif) no-repeat right top; padding: 4px 17px 3px 0; margin-top: 18px; }