html, body {height: 100%;}
html,body {font:normal 13px Trebuchet MS; margin:0; padding: 0;}
ul, li {margin:0; padding: 0}
.clear {clear: both}
img {border: 0}
a {text-decoration: none}
a:hover {text-decoration: underline}

#wrapper {width:900px; margin:0 auto; min-height: 100%;height: auto !important; height: 100%; margin: 0 auto -98px;}
#head {width:100%; height: 40px; background:url(/images/top.jpg) top;}
#top {width:100%; height: 40px; background:url(/images/top.jpg) bottom;}
#top2 {width:100%; height: 28px; background:url(/images/menu-up.jpg) no-repeat top left;}
#bottom {margin-top: 20px; height: 78px; background: #eeeeee url(/images/foot.jpg)}
#push {height: 78px}

#page {min-height: 200px; width:860px; padding: 30px 10px 30px 30px; margin: auto; background:url(/images/background.jpg) white top center repeat-x;}
#page p {text-align: justify; margin: 6px 0; line-height:17px; width: 680px; font-size: 12px}
p.more a {margin: 20px 0 0 0; font: bold 16px Trebuchet MS; color:#2c629b;}

#page #left {width:405px; float: left;}
#page #right {width:405px; float: right;}

h1, h2, h3 {margin:0; padding: 0}
h1 {padding: 11px 0 0 13px; color:#195796; font: normal 20px Trebuchet MS; float: left;}
h2, h3 {color:#17787e; font: bold 14px Trebuchet MS;}


#mainmenu {float: right; margin: 15px 10px 0 0;}
#mainmenu li {float: left; margin: 0 10px}
#mainmenu li a {color:#2c629b; font: bold 12px Trebuchet MS;}

.m1 a{color:#195796}
.m2 a{color:#54448f}
.m3 a{color:#17787e}
#menu2, #menu-up2, #menu2 a, #menu-up2 a {color:#2c629b;}

#menu-up1 li {padding-top: 12px; float: left; margin: 0 15px; font: bold 18px Trebuchet MS; letter-spacing: -1px}
#menu-up2 li {padding-top: 18px; float: left; margin: 0 28px; font: bold 12px Trebuchet MS; letter-spacing: +1px}

ul#menu-up2 li.m4 {margin-right:30px}
ul#menu-up2 li.m5 {margin:0 40px 0 15px}
ul#menu-up2 li.m7 {margin-left: 40px}

#main-map {width:780px; height:349px; background:url(/images/menu2.jpg) center center no-repeat; margin: 30px auto 0;}
#mainmenu, #main-map ul, #main-map ul li, #menu-up1, #menu-up1 li, #menu-up2, #menu-up2 li {list-style:none}

#menu1 {margin-left: 70px; padding-top: 22px}
#menu1 li {float: left; margin: 0 20px; font: bold 24px Trebuchet MS; letter-spacing: -1px}

ul#menu2 {padding: 75px 0 0 100px}
ul#menu2 li {float: left; margin: 0 30px; font: bold 12px Trebuchet MS; letter-spacing: +1px}
ul#menu2 li.m4 {margin-right:15px}
ul#menu2 li.m5 {margin:0 5px 0 15px}

p.oceny {color:#17787e; font: bold 12px Trebuchet MS; padding-top: 25px;}
#oceny {text-align:center; padding:20px 20px 0 0; font-size: 12px; background:url(/images/ocena.png) left center no-repeat; width:548px; height:63px }
#oceny #link {margin: 10px auto; text-align:center; width:300px;}
#oceny #link a:hover {text-decoration: none; background:#17787e}
#oceny #link a, #oceny #link_used span {color: #195796; font-weight:bold; width: 23px; height: 23px; border: 1px solid #195796; display: block; float:left; margin:0 3px; line-height: 23px}
#oceny_2 {text-align:center;}
#oceny_2 #podstrony a {color: green}
#nexttitle {float:left; color:#195796; line-height: 25px; font-size: 11px; margin-left: 10px}

.question {font-style:italic; font-weight:bold; margin-bottom:0}

div.przypis {text-align: left; margin: 0 0 0 10px; height:83px; float: right; background: green; width: 155px; background:url(/images/przypisy.png) right center}
div.przypis a {font:bold 10px Trebuchet MS; color: #757575; padding: 3px 0 0 0px; line-height: 83px;}

input, textarea {display: block; color: black; font-size: 11px; border:1px solid rgb(46,74,87); padding: 1px; margin: 0 0 10px 5px}