body {
    background: url(../grafika/tlo.gif);
    margin: 0; 
    padding: 0; 
    border: none; 
    font-size: 100%;
}

div.tresc {
    background: #ECE4BB; 
    width: 750px;
    margin:  40px auto; 
    padding: 50px; 
    text-align: justify; 
    border: solid 1px #800000;
	 font-family: "MS Sans Serif", Geneva, sans-serif;
	 font-size: 0.96em;
	 line-height: 1.3em;
}

div.tresc h1 {
    font-family: "Comic Sans MS", "MS Sans Serif", Geneva, sans-serif;
	 text-align: left;
	 line-height: 1.3em;
	 margin: 0;
	 padding: 10px 0 0 10px;
}
 
div.tresc p {   
    text-indent: 20px;
	 padding-top: 10px;
}

 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;}
 div.up {border-left: solid 1px #B51310; border-bottom: dashed 1px #B51310; float: right; padding-left: 5px; padding-bottom: 2px; margin-right: 40px; margin-bottom: 15px; font-weight: bold;}
 div.up img {vertical-align: bottom; border: none;}

/* style tylko dla Onko-olimpiady */

/* div.header {text-align: center; padding-bottom: 30px;} */
div.header {text-align: center; padding-bottom: 40px; padding-top: 5px; margin: 0;}
div.header h1 {text-align: center; padding: 0; line-height: 1.7em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 1.2em; color: green;}
div.header h4 {text-align: center; padding: 0; line-height: 1.7em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 1.1em; color: red;}
div.spec {margin-top: 20px; padding-top: 30px;}
div.spec p {line-height: 1.7em;}
div.spec hr {color: #474747;}
div.tresc h3 {text-align: center; color: #334B75; padding-left: 25px; padding-top: 20px; font-family: "Times New Roman", Times, serif; line-height: 1.5em;}
span.day {color: red; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 0.7em;}
div.imgtop {text-align: center; padding: 15px;}

p.benefis {line-height: 1.5em; font-size: 1.1em; font-family: sans-serif, Verdana, Geneva, Arial, Helvetica;}

table#metryka {font-size: 0.96em; margin-bottom: 20px;}
table#metryka_benefis {font-size: 0.96em; margin-bottom: 20px;}
table#metryka_benefis tr {height: 50px;}
table#metryka_benefis td {vertical-align: middle;}
td.first {width: 145px; padding-left: 30px; font-weight: bold; vertical-align: top;}

div#logobar {float: left; width: 230px; text-align: center; padding-right: 10px; border-right: solid 2px #474747;}
div#logobar img {border: solid 1px #800000; padding: 0; margin: 35px 0 !important;}
div#logobar h3 {margin: 0; padding: 10px 0; color: green; font-family: arial !important;}

div#logobar_m {float: left; width: 230px; text-align: center; padding-right: 10px; border-right: solid 2px #474747;}
div#logobar_m img {border: solid 1px #800000; padding: 0; margin: 15px 0 !important;}
div#logobar_m h3 {margin: 0; padding: 10px 0; color: green; font-family: arial !important;}

div#logobar_top {text-align: center;}
div#logobar_top img {border: 0; padding: 0; margin: 0 20px}

div#partnerzy_m {text-align: center;}
div#partnerzy_m h3 {margin: 0; padding: 10px 0; color: green; font-family: arial !important;}
div#partnerzy_m img {border: solid 1px #800000; padding: 0; margin: 15px !important; vertical-align: middle;}

div#tekstowy {margin-left: 240px; padding-left: 20px; border-left: solid 2px #474747;}
div#tekstowy p {line-height: 1.3em;}

ul#snowflake {list-style-type:none; margin:0; padding:0;}
ul#snowflake li{margin:0; padding:0 0 15px 28px; background: url(../grafika/snowflake.gif) no-repeat;}

ul#spring {list-style-type:none; margin:0; padding:0;}
ul#spring li{margin:0; padding:0 0 15px 28px; background: url(../grafika/motylek3.gif) no-repeat;}

ul#flower {list-style-type:none; margin: 30px 0; padding:0;}
ul#flower li{margin:0; padding:0 0 20px 28px; background: url(../grafika/flower.gif) no-repeat;}

ul.sublista {list-style-type:none; margin:0; padding: 10px 0 0 0;}
ul.sublista li{margin:0; padding: 0 0 5px 28px !important; background: none !important;}

img#medal {padding: 0 50px;}
/* div.header h1 {padding: 0; line-height: 2em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 1.5em;} */
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.5em; font-family: times; color: green;}
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;} 
div.tresc a {text-decoration: none;}
div.tresc a:link, a:visited {color: #B51310;} 
div.tresc a:hover {color: green;}

a.olimpbutton {outline: none;}

a.olimpbutton img {
  border: solid 1px #800000;
  margin-top: 20px;
  margin-right: 20px;
}

a.olimpbutton:hover img {
  border: solid 1px green;
}

/* koniec styli dla Onko-olimpiady */

p#thx {
	text-align: center;
	text-indent: 0;
	font-weight: bold;
	padding: 20px 0;
}

span.thx_h {color: green; font-family: arial; font-weight: bold; font-size: 1.1em; border-bottom: solid 1px red;}

img#h_img {
   float: right;
	 margin-right: 5px;
	 padding: 0;
}

div.clearer {
    clear: both; 
    line-height: 0; 
    height: 0;
	 padding-bottom: 20px;
}

div.clearer_spec {
    clear: both; 
    line-height: 0; 
    height: 0;
	 padding-bottom: 5px;
}

/* ----------------------------------- obrazek LEWY poziomy --------------------------------- */

div.left {
	float: left;
	/* width: 306px; */
	text-align: center;
}

div.inner_l {
   width: 281px;
	height: 191px;
	border: solid 1px black;
	margin: 20px 25px 0 0;
}

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

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

/* ----------------------------------- obrazek PRAWY poziomy --------------------------------- */

div.right {
	float: right;
	/* width: 306px; */
	text-align: center;
}

div.inner_r {
   width: 281px;
	height: 191px;
	border: solid 1px black;
	margin: 20px 0 0 25px;
	padding: 0;
}

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

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

/* ----------------------------------- obrazek PRAWY pionowy ------------------------------- */

div.rightv {
	float: right;
	width: 216px;
	text-align: center;
}

div.inner_rv {
   width: 191px;
	height: 281px;
	border: solid 1px black;
	margin: 20px 0 0 25px;
	padding: 0;
}

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

div.rightv p {
   width: 191px;
	margin: 5px 0 5px 25px;
	text-align: center;
	text-indent: 0;
	font-size: 0.7em;
	font-weight: bold;
	line-height: 1.3em;
	color: #143D7F;
}

/* ----------------------------------- obrazek LEWY pionowy ------------------------------- */

div.leftv {
	float: left;
	width: 216px;
	text-align: center;
}

div.inner_lv {
   width: 191px;
	height: 281px;
	border: solid 1px black;
	margin: 20px 25px 0 0;
	padding: 0;
}

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

div.leftv p {
   width: 191px;
	margin: 5px 25px 5px 0;
	text-align: center;
	text-indent: 0;
	font-size: 0.7em;
	font-weight: bold;
	line-height: 1.3em;
	color: #143D7F;
}

/* ---------------------------- 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.7em;
	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;
}

/* --------------------------------------- Nawigacja ----------------------------------------- */

div.nav {
	text-align: right; 
	margin: 30px 70px 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; 
	margin-right: 10px; 
	background: white; 
	color: #800000;
}

a.pseudobutton:hover {
	color: green;
}

ul.arrowed {
list-style-type: none;
padding: 1.5em 1.5em 0 1.5em;
margin: 0em;
}

ul.arrowed li {
background-image: url(../grafika/arrow_rt_green.gif);
background-repeat: no-repeat;
background-position: 0em .4em;
padding-left: 1.5em;
padding-bottom: 1.5em;
}

h5 {padding: 5px 5px 0 30px; margin: 30px 0 0 0; color: #0066CC;}

/* --------------------------------------- Stay-on-top ----------------------------------------- */

div#menudiv {width:90px; border:1px solid gray; padding: 10px; background: lightyellow;}
div#menudiv img {border: none; float: right; padding: 0; margin: 0;}
div#menudiv a {text-decoration: none;}
div#menudiv a:link, a:visited {color: #B51310;} 
div#menudiv a:hover {color: green;}