/* ------------------ style globalne -------------------------------------*/
 body,html {margin: 0; padding: 0; border: none; background-color: #800000; font-size: 100%;}
 img {border: none;}
 a {text-decoration: none;}
 ul.norm {list-style: disc !important; font-size: 1.08em; line-height: 1.2em; padding-top: 10px; padding-bottom: 10px;}
 ul.norm li {padding: 0 20px 10px 0 !important; margin-left: 0 !important;}
 ol.norm {font-size: 1.08em; line-height: 1em; padding-top: 10px; padding-bottom: 10px;}
 ol.norm li {padding: 0 20px 10px 0 !important; margin-left: 0 !important;}

 /* ------------------ style dla pliku index ------------------------------*/
 div.container {overflow: hidden; width: 980px; background: #CDFE64 url(grafika/tlo2.gif) repeat-x fixed; padding: 0; margin-left: auto; margin-right: auto;}
 div.top {width: 980px; height: 140px; background-image: url(grafika/top_summer1.jpg);}
 div.main {width: 785px; float: left; font-family: sans-serif, verdana, Arial, Helvetica; font-size: 0.8em; margin: 0;}
 div.main a:link {color: #800;}
 div.main a:visited {color: #800;}
 div.main a:hover {color: green;}
 div.main a:active {color: #800;}
 div.menu {width: 187px; height: 670px; background-image: url(grafika/tlo_menu1.gif); background-repeat: no-repeat; float: left; padding-top: 3px; margin: 0;}
 div.menu img {height: 25px; width: 150px; margin-bottom: 0; margin-top: 0; padding-bottom: 4px; margin-left: 25px;}
 div.menu a {outline: none;}
 div.footer {float: left; width: 100%; margin: 10px 10px 0 0; padding: 5px 15px 3px 0; background: #E5C934;}
 div.footer img {margin-left: 20px;}
 div.medal {height: 80px; width: 80px; padding: 0; margin-left: 43px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='grafika/medal.png');}
 div.medal[class] {background-image:url(grafika/medal.png);}
 div#caption {padding-left: 17px; margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em;}
 span.copyright {font-family: verdana, arial, sans-serif; font-size: 0.7em; padding-left: 10px; vertical-align: super;}

 /* ------------------ style dla STRONA GLOWNA -----------------------------*/
 div#slideshow {text-align: center; margin: auto; color: #800;}
 div#slideshow p {text-align: center; position: relative; top: 50px;}
 div#news {width: auto; margin: 0; padding: 10px 10px 16px 0;}
 a.serwisy {outline: none;}
 img#rss {border: 0; margin-left: 120px; vertical-align: -1.1px;}
 img#twitter {border: 0; margin-left: 5px; vertical-align: -1px;}
 img#facebook {border: 0; margin-left: 5px; vertical-align: -1px;}
 img.new {padding-left: 10px}
 div#odwiedzili_nas {height: 180px; width: 180px; margin: 30px auto 0 auto; padding: 0;}
 .scrollClass {height: 210px; text-align: center; font:bold 1em Arial,sans-serif; background: transparent;}
 .scrollPic {width: 151px; height: 100px; border: solid 3px #fff; margin-bottom: 2px;}
 /* ul.media li {font-weight: bold; font-size: 1.2em; background-image: url(grafika/newspaper1.gif); background-repeat: no-repeat; background-position: 0 0.5em; padding-left: 3.2em; padding-top: 9px; margin: 0;} */
 ul.news {list-style-type: none; line-height: 1.4em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 1em; text-align: justify; margin: 10px 0 0 0; padding-left: 1.5em;}
 ul.news li {padding-bottom: 7px; color: #334B75; background-image: url(grafika/lampa_bullet.gif); background-repeat: no-repeat; background-position: 0 0.34em; padding-left: 1.8em;}
 h6.date{font-family: arial; color: #2D5E31; text-align: left; margin:0; padding-right: 10px; font-size: 0.75em;}
 ul.news a:hover { text-decoration: underline; }
 h2#dom {padding: 2px 5px 4px 5px; margin: 0; font-size: 1em; text-align: center;}
 img#dsm {float: left; height: 71px; width: 120px; border: solid 1px #800; margin: 2px 10px 8px 35px;}
 ul.dom {margin: 0; padding: 5px 0 10px 0; font-size: 0.9em; font-family: verdana, arial, sans-serif; list-style-image: url(grafika/arrow_rt_green.gif); }
 ul.dom li {padding-bottom: 5px; color: #334B75;}
 div#sponsor {float: left; width: 150px; padding: 0; margin: 5px 0 0 0; text-align: center;}
 div#sponsor p {padding: 5px 0 7px 0; margin: 0; font-size: 1.5em; font-family: Arial, Helvetica, sans-serif; color: #143D7F;}
 img#slot {height: 55px; width: 55px; border: solid 1px #800; margin: 9px 5px 0 0;}
 div#partnerzy {float: left; width: 260px; padding: 0; margin: 5px 0 0 0; text-align: center;}
 div#partnerzy p {padding: 5px 0 7px 0; margin: 0; font-size: 1.5em; font-family: Arial, Helvetica, sans-serif; color: #000;}
 img#mattel {height: 55px; width: 55px; border: solid 1px #800; margin: 9px 5px 0 0; }
 img#polbank {height: 55px; width: 150px; border: solid 1px #800; margin: 9px 5px 0 0;}
 
 div#projekty {float: left; padding: 0; margin-left: 20px; display: inline;}
 div#projekty p {font-size: 1.4em; font-family: Arial, Helvetica, sans-serif; color: #1f523f; padding: 5px;}
 div#proj_head {background: #8CD3B8; width: 740px; height: 30px;}
 div#proj_body {width: 740px; height: 235px; margin: 10px 0; text-align: center;}
  /* div#proj_body img {margin: 0; padding: 0; border: 0;} */
  div#proj_body p {font-size: 0.9em; color: blue; width: 204px; padding: 0;}
  div#proj_body div {width: 210px; float: left; margin: 0 18px; display: inline;}
 /* div#projekty p {position: relative; top: 25px; left: 80px; font-size: 1.5em; font-family: Arial, Helvetica, sans-serif; color: #000;} 
  div#proj_top {width: 783px; height: 76px; background: url(grafika/proj_top.png);}
 div#proj_mid {width: 783px; background: url(grafika/proj_mid.png); text-align: center;}
  div#proj_mid img {vertical-align: middle; margin: 0 30px;}
 div#proj_bott {width: 783px; height: 39px; background: url(grafika/proj_bott.png);} */
 
 /* div#strat {float: left; padding: 0; margin: 0; width: 305px;} 
 div#strat p {position: relative; top: 25px; left: 45px; font-size: 1.5em; font-family: Arial, Helvetica, sans-serif; color: #000;}
 div#strat_top {width: 305px; height: 76px; background: url(grafika/strat_top.png);}
 div#strat_mid {width: 305px; background: url(grafika/strat_mid.png); text-align: center;}
  div#strat_mid img {vertical-align: middle; margin: 10px 0;}
 div#strat_bott {width: 305px; height: 39px; background: url(grafika/strat_bott.png);} */ 
 
 
 /* div#prog {float: left; padding: 0; margin: 0; width: 478px;} */
 div#prog {float: left; padding: 0; margin-left: 20px; display: inline;}
   div#prog p {font-size: 1.4em; font-family: Arial, Helvetica, sans-serif; color: #1f523f; padding: 5px;}
   div#prog img {margin: 20px;}
   div#prog a {outline: none;}
   div#prog_head {background: #8CD3B8; width: 740px; height: 30px;}
   div#prog_body {width: 740px; margin: 10px 0; text-align: center;}
 /* div#prog p {position: relative; top: 25px; left: 35px; font-size: 1.5em; font-family: Arial, Helvetica, sans-serif; color: #000;}
 div#prog_top {width: 478px; height: 76px; background: url(grafika/prog_top.png);}
 div#prog_mid {width: 478px; background: url(grafika/prog_mid.png); text-align: center;}
  div#prog_mid img {vertical-align: middle; margin: 0 10px;}
 div#prog_bott {width: 478px; height: 39px; background: url(grafika/prog_bott.png);} */
  
 div#karta {float: left; width: 200px; padding: 0; margin: 5px 0 0 0; text-align: center;}
 div#karta p {padding: 5px 0 0 0; margin: 0; font-size: 0.9em; font-family: Arial, Helvetica, sans-serif; color: #285644;}
 img#karta_polbank {height: 80px; width: 127px; margin: 9px 5px 0 0; }
 img#onkoolimpiada {height: 50px; width: 153px; border: solid 1px #800; margin: 9px 5px 0 0;}
 img#wakacje {height: 50px; width: 87px; border: solid 1px #800; margin: 9px 5px 0 0;}
 img#benefis {height: 50px; width: 50px; border: solid 1px #800; margin: 9px 5px 0 0;}
 object {outline: none;}
 
 /* ------------------ style dla O FUNDACJI -------------------------------*/
 #cytat {text-align: right; font-size: 1.38em; font-family: verdana; color: green; margin-right: 50px; margin-top: 50px;}
 #motto {text-align: center; font-size: 1.29em; font-family: verdana; color: #334B75; margin-top: 40px; margin-bottom: 70px;}
 #podpis {text-align: right; font-size: 1.23em; font-family: times; color: green; margin: 10px 50px 0 0;}
 div.tresc {background: #ECE4BB; margin: 20px; padding: 30px; text-align: justify; border: solid 1px #800000;}
 div.tresc p {text-indent:20px;}
 div.hi p {line-height: 1.4em;}
 span.about {text-decoration: underline; font-weight: bold;}
 div.tresc li {padding-bottom: 20px;}
 div.tresc a:link, a:visited {color: #B51310;}
 div.tresc a:hover {color: green;}
 div.tresc a:active {color: #B51310;}
 div.tresc h1 {color: #B51310; display: inline; font-size: 1.8em; padding-left: 20px; margin-bottom: 20px;}
 div.tresc h2 {color: green; padding-top: 45px;}
 div.tresc h3 {color: #334B75; padding-left: 25px;}
 div#sprawozdania {padding-left: 25px; padding-top: 10px;}
 div.up {border-left: solid 1px #B51310; border-bottom: dashed 1px #B51310; float: right; padding-left: 5px; padding-bottom: 2px; margin-right: 40px; font-weight: bold;}
 div.up img {vertical-align: bottom;}
 ul.rada {font-size: 1.08em;}
 ul.rada li {padding-bottom: 10px;}
 div.flaga {padding-top: 20px; font-size: 0.9em; text-align: center; font-weight: bold; float: left;}
 ul.submenu {margin: 0; padding: 8px 0 10px 15px; font-size: 0.9em; font-family: verdana, arial, sans-serif; list-style-type: square;}
 ul.submenu li {padding-bottom: 5px; color: #334B75;}
 ul.lista {list-style-image: url(grafika/strzalka.gif); line-height: 1.5em; padding-top: 10px; padding-bottom: 20px;}
 ul.lista li {padding: 0 70px 15px 5px;}

 /* ------------------ style dla KALENDARIUM ------------------------------*/
 #comment_kal {text-align: right; font-size: 2.2em; font-family: times; color: #334B75; padding: 60px 10px 90px 0; margin: 0;}
 span#legend {padding: 0 10px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: green; }
 div.navopt {padding-bottom: 5px; padding-top: 10px;}
 form {margin-top: 30px;}
 input {margin: 0 20px;}
 div.kartka {background-image: url(grafika/notepad_bkg.gif); margin: 40px auto; padding: 20px 30px 30px 30px; text-align: justify; border: solid 1px #800000;}
 div.kartka h2 {margin-top: 0; margin-bottom: 20px; color: #B51310; padding: 10px 0 20px 90px; font-size: 1.4em;}
 div.kartka span {text-decoration: none;}
 span.rok {font-size: 1.5em; color: green; padding-left: 8px;}
 ul.kalend {margin: 0; padding: 0; font-family: verdana, arial, sans-serif;}
 ul.kalend li {margin-left: 100px; padding-bottom: 7px;}
 ul.kalend_w {margin: 0; padding: 0; font-family: verdana, arial, sans-serif;}
 ul.kalend_w li {margin-left: 100px; padding-bottom: 25px;}
 fieldset {width: 80%; border: solid 1px #657; text-align: right; padding-bottom: 10px;}

 /* ------------------ style dla NASI GOSCIE ------------------------------*/
 div#goscie {background: #ECE4BB; margin: 20px auto; padding: 20px; width: 520px; border: solid 1px #800000;}
 div#goscie a:link, a:visited {color: #B51310;}
 div#goscie a:hover {border-bottom: dashed 1px green; color: green;}
 div#goscie h1 {padding-left: 30px; padding-bottom: 50px; padding-top: 10px; font-size: 2.1em; font-family: times; color: #334B75; margin: 0;}
 p.goscie {font-size: 1.6em; font-family: verdana; margin-left: 30px;}
 img#genie {padding-left: 20px;  margin: 0; float: right; display: inline;}
 img.view {vertical-align: -6px; margin-right: 8px;}
 a.interlink {float: right;}
 img.new1 {padding-left: 10px; vertical-align: middle;}

 /* ------------------ style dla WYDARZENIA -------------------------------*/
 div.tresc hr {margin: 20px 0; padding: 0;}
 img.wydarzenia {float: right; display: inline; height: 136px; width: 204px; margin: 15px 0 0 20px; border: solid 2px #800;}
 span.wydarzenia {text-decoration: none; color: #334B75; font-weight: bold; padding-right: 10px;}
 h2.wydarzenia {color: green; font-size: 2em; text-align: center; padding: 10px 0; margin: 50px 0;}
 #comment1 {text-align: right; font-size: 1.7em; font-family: times; color: #334B75; padding: 5px 10px 10px 0; margin: 0;}
 ul.wydarzenia {list-style-image: url(grafika/bullet_green.gif); margin-top: 30px;}
 ul.wydarzenia li {padding-left: 10px; margin: 0;}

 /* ------------------ style dla MEDIA O NAS ------------------------------*/
 #comment {text-align: right; font-size: 2em; font-family: times; color: #334B75; padding: 20px 10px 20px 0; margin: 0;}
 ul.media {list-style-type: none; padding-top: 50px; line-height: 1.7em;}
 ul.media li {font-weight: bold; font-size: 1.2em; background-image: url(grafika/newspaper1.gif); background-repeat: no-repeat; background-position: 0 0.5em; padding-left: 3.2em; padding-top: 9px; margin: 0;}
 span.media {font-size: 0.7em; font-weight: normal; padding-left: 10px;}

 /* ------------------ style dla SPONSORZY --------------------------------*/
 div.logo {text-align: center; padding-top: 30px; padding-bottom: 20px;}
 div.logo img {border: solid 1px #800000; vertical-align: middle; margin: 20px; padding: 0;}
 div.logo h3 {font-size: 1.8em; font-family: times; color: green;}
 div#sponsorzy h3 {font-size: 1.8em; font-family: times; color: green; text-align: center;}
 div#sponsorzy ul {list-style-image: url(grafika/heart.gif); padding-top: 20px;}
 div#sponsorzy ul li {line-height: 1.7em;}
 div#sponsorzy span {background: #fff; border: solid 1px #800000; padding: 1px 5px;}
 div#forsponsors {float: left; width: 255px; height: 150px; margin-left: 50px; margin-top: 50px; border: solid 2px darkred; padding: 20px 20px 15px 20px; background: #F5F1DE;}
 ul.oferta {list-style-image: url(grafika/red_arrow.gif); margin: 0; padding: 0 0 15px 15px; font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; font-weight: bold;}
 ul.oferta li {padding-bottom: 5px; color: red;}
 a#goto {float:right; margin-right: 20px; font-size: 1.1em; font-weight: bold;}


 /* ------------------ style dla LINKI -----------------------------------*/
 img.linki {float: right; display: inline; margin: 25px 0 5px 20px; border: solid 1px #800;}
 span.linki {text-decoration: none; color: #334B75; font-size: 1.5em ; font-weight: bold; padding-right: 10px;}
 a.linki {font-size: 1.5em; margin-left: 20px; vertical-align: super;}
 div.linki {text-indent: 20px; padding: 20px 0 30px 0;}

 /* ------------------ style dla KONTAKT ---------------------------------*/
 div#kontakt {background: #ECE4BB; margin: 20px; padding: 20px 30px 10px 30px; text-align: justify; border: solid 1px #800000;}
 div.lewy {width: 318px; text-align: center; float: left; margin: 0; padding: 0;}
 div.lewy p {text-indent: 0;}
 div.prawy {width: 330px; float: left; padding-left: 30px; margin: 0;}
 div.adres {line-height: 1.5em;}
 div.clearer {clear: both; line-height: 0; height: 0;}

 /* ------------------ style dla DOM -------------------------------------*/
 div.flaga1 {padding-top: 20px; margin-bottom: 20px; font-size: 0.77em; text-align: center; float: right;}
 #comment2 {clear: right; text-align: right; line-height: 1.3em; font-size: 1.6em; font-family: times;  color: #334B75; margin: 20px 0 5px 0; padding: 0 7px 1px 0; border-right: solid 3px green;}
 img.dom_l {float: left;  display: inline; width: 200px; height: 150px; border: solid 1px #800000; margin: 10px 20px 15px 0;}
 img.dom_r {float: right; display: inline; width: 200px; height: 150px; border: solid 1px #800000; margin: 10px 0 15px 20px;}
 img.spec {margin-top: 20px;}
 div#info {width: 270px; border: solid 1px green; padding: 10px; margin-bottom: 40px;}
 ul#turnusy {list-style-image: url(grafika/green_bullet.gif); padding-top: 20px; padding-bottom: 20px;}
 ul#turnusy span {color: #334B75; font-weight: bold;}
 span.data {font-weight: normal !important;}
 h1#galeria {font-size: 1.9em; text-align: center; display: block; color: green; margin-top: 30px; margin-bottom: 20px; padding: 0;}
 div#filmstrip {float: left; width: 215; text-align: center;}
 div#domarch {margin-left: 215px; padding-left: 20px;}
 div#domarch p {line-height: 1.4em;}
 div#domarch ol li {padding-bottom: 15px;}

 /* ------------------ style dla sponsorów na str. głównej ----------------*/

 img#logo {float: left; border: solid 1px black; margin-left: 20px;}
 div.nav {text-align: right; margin: 30px 0 0 0; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em;}
 a.pseudobutton {text-decoration: none; border: solid 1px; padding: 2px 4px; background: white; color: #800000; margin-right: 10px;}
 a.pseudobutton:hover {color: green;}
 ul.sub {list-style-image: url(grafika/arrow_rt_green.gif); font-size: 1.08em; line-height: 1.2em; padding-top: 10px; padding-bottom: 10px;}
 ul.sub li {padding: 0 20px 10px 5px !important; margin-left: 0 !important;}

 /* ------------------ style dla ONKO-OLIPMIADA --------------------------*/

 div.imgtop {text-align: center; padding: 15px;}
 img#medal {padding: 0 50px;}
 div.header {text-align: center; padding-bottom: 30px;}
 div.header h1 {padding: 0;}
 p.normal {line-height: 1.9em; padding: 5px 20px;}
 p.centered {line-height: 1.9em; padding: 20px; text-align: center; font-weight: bold;}
 h2.inter {padding: 10px 30px;}
 div.infoframe {width: 480px; border: solid 1px green; padding: 10px; margin: 30px auto 40px auto; text-align: center; line-height: 1.9em; font-weight: bold;}
 ul.list {padding: 20px 70px; font-size: 1.1em;}

 /* ------------------ style dla ALADYN ----------------------------------*/

 ol.rada {font-size: 1.08em;}
 ol.rada li {padding-bottom: 10px; margin-left: 15px; padding-right: 30px; font-weight: bold; line-height: 1.4em;}
 ol.rada li span {font-weight: normal;}
 ul.laur li {padding-bottom: 10px; margin-left: 30px; line-height: 1.4em;}
 h2.aladyn {padding-top: 20px !important; padding-bottom: 10px;}
 h4.handcursor {cursor:hand; cursor:pointer; padding-left: 20px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 1em; color: darkred;}
 h4.handcursor:hover {color: green;}
 div.srodek {text-align: center;}
 div.srodek table {margin: 0 auto;}
 img.laureat {background: white; border: solid 1px black; padding: 5px; margin: 0 20px;}
 div.control {padding-top: 20px;}
 p.podpis {padding: 0 20px; margin: 5px 20px; text-align: center; text-indent: 0 !important; font-size: 0.9em; font-weight: bold; line-height: 1.3em; color: #143D7F;}

 /* ------------------ style dla OFERTA ----------------------------------*/

 p.offer {line-height: 1.5em; font-size: 1.1em;}
 p.types {text-indent: 0 !important; line-height: 1.5em; font-size: 1.1em; padding: 35px 20px 0 160px;}
 ul.rules {list-style-image: url(grafika/strzalka.gif); font-size: 1.08em; line-height: 1.5em; padding-top: 10px; padding-bottom: 20px;}
 ul.rules li {padding: 0 70px 15px 5px; margin-left: 40px;}
 p#thx {text-align: center; text-indent: 0; font-weight: bold; padding: 20px 0; line-height: 2em;}

 /* ------------------ style dla JEDENPROCENT -----------------------------*/

 div.procent p {line-height: 1.5em !important; font-size: 1.1em;}
 div.procent h3 {font-size: 1.3em; padding: 10px 0 10px 10px; color: green;}
 div.procent h1 {color: green; margin-bottom: 30px; font-size: 2em; display: block;}
 a#procent {
  text-indent: -900%;
  outline: none;
  width: 79px;
  height: 53px;
  background: url(grafika/1procent3.gif) no-repeat;
  float: right; 
  position: relative;
}

a#procent:hover {
  background-position: left -53px;
}

 #fadeinbox{
 	position:absolute;
 	left: 0;
 	top: -376px;
 	width: 832px;
 	height: 579px;
 	/*background: url(grafika/procent_2010a.gif);*/
 	border: 3px solid #fff;
 	color: white;
 	padding: 0px;
 	z-index: 100;
 	visibility:hidden;
 	font-family: verdana;
 	font-size: 1.2em;
 }

.ticker {
	white-space: nowrap;
	line-height: 16px;
	cursor: default;
	visibility: hidden;
}

#sub-nav {
  background: #060;
  color: #cc3;
  font-family: Georgia, Helvetica, Arial; 
  font-weight: bold;
  padding: 5px;
  margin-top: 22px;
}

#meerkat {
	width: 100%;
	display: none;
	border-top: 1px solid #000;
}

#meerkat img#wosp {
  margin: 10px;
  border: 1px solid #fff;
}

#cont {
  text-align: center;
}

a.close-meerkat {
	position: absolute;
	top: 5px;
	right: 5px;
	text-decoration: none;
}

a#procent {
  text-indent: -900%;
  outline: none;
  width: 79px;
  height: 53px;
  background: url(grafika/1procent4.gif) no-repeat;
  float: right; 
  position: relative;
}

a#procent:hover {
  background-position: left -53px;
}

/* ---------------------------- Dwa wycentrowane obrazki ----------------------------------- */

div.central {
	text-align: center;
	float: left;
	width: 100%;
}

div.centr_r {
	width: 50%;
	float: left;
	text-align: center;	
}

div.centr_l {
   width: 50%;
	float: left;
	text-align: center;
}

div.central p {
   width: 281px;
	margin: 5px auto 0 auto;
	text-align: center;
	text-indent: 0;
	font-size: 0.9em;
	font-weight: bold;
	line-height: 1.3em;
	color: #143D7F;	
}

div.central img {
	height: 181px; 
	width: 271px;  
	border: solid 5px white;
}	

div.inner {
   width: 281px;
	height: 191px;
	border: solid 1px black;
	margin: 30px auto 0 auto;
	padding: 0;
}

p.vert {
   width: 200px !important;
	margin: 5px auto 0 auto;
	text-align: center;
	text-indent: 0;
	font-size: 0.7em;
	font-weight: bold;
	line-height: 1.3em;
	color: #143D7F;	
}

img.vert {
	height: 271px !important;  
	width: 181px !important;  
	border: solid 5px white;
}	

div.inner_v {
   width: 191px;
	height: 281px;
	border: solid 1px black;
	margin: 30px auto 0 auto;
	padding: 0;
}